{"version":3,"sources":["webpack:///./src/components/marketplace/sideBar/styled.js","webpack:///./src/components/marketplace/searchbar/customHighlight.js","webpack:///./src/components/marketplace/searchbar/autocomplete.js","webpack:///./src/components/marketplace/searchbar/customHits.js","webpack:///./src/components/marketplace/searchbar/index.js","webpack:///./src/components/marketplace/sideBar/mobileDropdown/styled.js","webpack:///./src/components/marketplace/sideBar/mobileDropdown/index.js","webpack:///./src/components/marketplace/sideBar/index.js","webpack:///./src/img/ui/chevron-down.svg","webpack:///./src/pages/integrations.js","webpack:///./src/img/marketplace/livechat/banner.png","webpack:///./src/img/companyLogo/livechat_black.png","webpack:///./src/components/marketplace/banner/main/styled.js","webpack:///./src/components/marketplace/banner/main/index.js","webpack:///./src/components/marketplace/content/styled.js","webpack:///./src/components/marketplace/content/index.js","webpack:///./src/img/ui/starBanner.svg","webpack:///./src/img/marketplace/sidebarIcons/allIntegrations.inline.svg","webpack:///./node_modules/reactstrap/es/Collapse.js"],"names":["Category","styled","div","media","desktop","tablet","Aside","aside","AllIntegrations","List","ul","Label","label","input","StyledP","p","CustomHighlight","connectHighlight","parsedHit","highlight","highlightProperty","attribute","hit","map","part","isHighlighted","key","value","StyledA","a","StyledBox","StyledLabel","StyledInput","StyledDivInput","AutoComplete","state","props","currentRefinement","focused","onChange","_","newValue","onSuggestionCleared","setState","onBlur","prevState","onFocus","checkHits","hits","isHitsLoaded","length","renderInputComponent","inputProps","className","htmlFor","ref","role","aria-label","disabled","onSuggestionsFetchRequested","refine","onSuggestionsClearRequested","getSuggestionValue","title","renderSuggestion","image","frontmatter","items","filter","item","href","link","src","img","alt","tagName","render","this","onSuggestionSelected","placeholder","suggestions","Component","connectAutoComplete","StyledUl","li","CustomHits","connectHits","index","StyledContainer","VirtalSearchBox","connectSearchBox","searchClient","algoliasearch","Hit","SearchBar","query","suggestion","name","navigate","InstantSearch","indexName","process","Configure","hitsPerPage","defaultRefinement","hitComponent","Dropdown","CurrentCategory","button","MobileDropdown","activeCategory","currentCategory","data","flatMap","list","cat","useState","isOpen","setOpen","as","onClick","arrow","Collapse","SideBar","category","module","exports","Header","GridBox","Section","section","Integrations","metaTitle","metaDescription","canonical","hideTitle","Banner","desktopWide","StyledLink","Content","Badge","MainBanner","img3","img2","withArrow","tag","children","setCurrentCategory","useEffect","cards","card","categories","defaultProps","undefined","React","AllIntegrationsInline","createElement","default","_transitionStatusToCl","_excluded","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","source","forEach","getOwnPropertyDescriptors","defineProperties","defineProperty","appear","enter","exit","timeout","transitionStatusToClassHash","ENTERING","ENTERED","EXITING","EXITED","getHeight","node","scrollHeight","_Component","_this","call","height","bind","_proto","prototype","onEntering","isAppearing","onEntered","onExit","onExiting","offsetHeight","onExited","_this2","_this$props","Tag","navbar","cssModule","otherProps","innerRef","transitionProps","childProps","in","status","collapseClass","getTransitionClass","classes","style"],"mappings":"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","file":"component---src-pages-integrations-js-4e0c0ef6228649327326.js","sourcesContent":["import styled from 'styled-components';\nimport { media } from 'theme/breakpoints';\n\nexport const Category = styled.div`\n  margin-bottom: 56px;\n  ${media.desktop} {\n    margin-bottom: 32px;\n  }\n  ${media.tablet} {\n    display: none;\n  }\n  & h3 {\n    font-weight: 800;\n    margin-bottom: 32px;\n    font-size: 24px;\n    line-height: 36px;\n  }\n`;\n\nexport const Aside = styled.aside`\n  .react-autosuggest__suggestions-container--open {\n    max-height: 300px !important;\n    overflow-y: auto;\n    width: 100% !important;\n    box-shadow: 0px 0px 20px #00000029;\n    border-radius: 4px;\n    position: absolute;\n    top: 0;\n    right: 50%;\n    transform: translate(50%, 52px);\n    z-index: 15;\n  }\n  ${media.tablet} {\n    .react-autosuggest__suggestions-container--open {\n      width: 100%;\n    }\n  }\n  .react-autosuggest__suggestion {\n    list-style: none;\n    display: list-item;\n  }\n\n  .react-autosuggest__suggestions-list {\n    padding: 0;\n    margin: 0;\n  }\n\n  .react-autosuggest__suggestion--highlighted .articlepreview {\n    background-color: #f6f8f9;\n  }\n\n  ${Category}:last-child {\n    margin-bottom: 0;\n  }\n`;\n\nexport const AllIntegrations = styled.div`\n  display: flex;\n  align-items: center;\n  margin-bottom: 56px;\n  &:hover {\n    & svg {\n      .blue {\n        fill: #7dffef;\n      }\n    }\n  }\n  & svg {\n    width: 24px;\n    height: 24px;\n    margin-right: 16px;\n    &.active {\n      .blue {\n        fill: #7dffef;\n      }\n    }\n  }\n  & a {\n    display: block;\n    font-size: 16px;\n    line-height: 24px;\n    color: #000;\n    transition: none;\n    cursor: pointer;\n    &.active {\n      font-weight: 800;\n      &:hover {\n        text-decoration: none;\n      }\n    }\n  }\n  ${media.tablet} {\n    display: none;\n  }\n`;\n\nexport const List = styled.ul`\n  list-style: none;\n  padding: 0;\n  & li {\n    cursor: pointer;\n    & a {\n      display: flex;\n      align-items: center;\n      color: #000;\n      & div {\n        & svg {\n          width: 24px;\n          height: 24px;\n          margin-right: 16px;\n        }\n        &.active {\n          & svg .yellow {\n            fill: #ffe478;\n          }\n          & svg .blue {\n            fill: #7dffef;\n          }\n          & svg .purple {\n            fill: #8765f9;\n          }\n        }\n      }\n      & p {\n        display: block;\n        font-size: 16px;\n        line-height: 24px;\n        color: #000;\n        padding: 0;\n        transition: none;\n        cursor: pointer;\n        margin: 0;\n        &.active {\n          font-weight: 800;\n          &:hover {\n            text-decoration: none;\n          }\n        }\n      }\n    }\n    &:hover {\n      & div {\n        & svg .yellow {\n          fill: #ffe478;\n        }\n        & svg .blue {\n          fill: #7dffef;\n        }\n        & svg .purple {\n          fill: #8765f9;\n        }\n      }\n    }\n    &:not(:last-child) {\n      margin-bottom: 24px;\n    }\n    &:last-child {\n      margin-bottom: 56px;\n    }\n  }\n`;\n\nexport const Label = styled.label`\n  color: #a9a9a9;\n  margin: 0;\n  font-family: 'searchicon' !important;\n  &::before {\n    content: '\\\\e900';\n    color: #000;\n    position: absolute;\n    padding: 16px;\n    transform: translateY(-32px);\n    line-height: 100%;\n  }\n`;\n\nexport const DivInput = styled.div`\n  width: 100%;\n  height: 48px;\n  border-radius: 4px;\n  text-align: center;\n  position: relative;\n  margin: 0 auto 48px;\n  background-color: #fff;\n  &:focus-within {\n    ${Label} {\n      &::before {\n        color: #0a4ed6;\n      }\n    }\n  }\n  @media (max-width: 766px) {\n    width: 95%;\n  }\n`;\n\nexport const Input = styled.input`\n  padding: 0;\n  background-color: transparent;\n  border: none;\n  outline: none;\n  width: 100%;\n  height: 100%;\n  padding-left: 48px;\n  border: 2px solid #000;\n  border-radius: 4px;\n  font-size: 16px;\n  -webkit-appearance: none;\n  &:focus {\n    border: 2px solid #0a4ed6;\n  }\n  &::placeholder {\n    color: #808080;\n    font-size: 16px;\n  }\n`;\n","import React from 'react';\nimport { connectHighlight } from 'react-instantsearch-dom';\nimport styled from 'styled-components';\nimport PropTypes from 'prop-types';\n\nconst StyledP = styled.p`\n  mark {\n    font-size: initial;\n    font-weight: 900;\n    color: #000;\n    background-color: #ffe478;\n    padding: 0;\n  }\n  span {\n    font-size: 14px;\n    margin: 0;\n  }\n`;\n\nconst Highlight = ({ highlight, attribute, hit }) => {\n  const parsedHit = highlight({\n    highlightProperty: '_highlightResult',\n    attribute,\n    hit,\n  });\n  return (\n    <StyledP>\n      {parsedHit.map((part) =>\n        part.isHighlighted ? (\n          <mark key={part.value}>{part.value}</mark>\n        ) : (\n          <span key={part.value}>{part.value}</span>\n        ),\n      )}\n    </StyledP>\n  );\n};\n\nconst CustomHighlight = connectHighlight(Highlight);\n\nexport default CustomHighlight;\n\nHighlight.propTypes = {\n  highlight: PropTypes.func.isRequired,\n  attribute: PropTypes.string.isRequired,\n  hit: PropTypes.oneOfType([PropTypes.object]).isRequired,\n};\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { connectAutoComplete } from 'react-instantsearch-dom';\nimport AutoSuggest from 'react-autosuggest';\nimport styled from 'styled-components';\nimport { media } from 'theme/breakpoints';\nimport { frontmatter } from 'data/marketplace/integrations';\nimport CustomHighlight from './customHighlight';\n\nexport const StyledA = styled.a`\n  width: 100%;\n  display: flex;\n  padding: 16px 24px;\n  background-color: #fff;\n  border-bottom: 1px solid #e4e5e8;\n  align-items: center;\n  transition: none;\n  & img {\n    margin-right: 24px;\n    width: 32px;\n    height: 32px;\n    ${media.tablet} {\n      margin-right: 16px;\n    }\n  }\n  &:hover {\n    cursor: pointer;\n    text-decoration: none;\n    background-color: #f6f8f9;\n  }\n  ${media.tablet} {\n    padding: 0 24px;\n  }\n`;\n\nconst StyledBox = styled.div`\n  display: flex;\n  min-height: auto;\n  flex-direction: column;\n  justify-content: center;\n  width: 100%;\n  ${media.tablet} {\n    padding: 16px;\n  }\n  li {\n    list-style: none;\n  }\n  p:nth-of-type(1) {\n    margin-bottom: 0;\n    font-size: 16px;\n    text-align: left;\n    ${media.tablet} {\n      line-height: normal;\n      width: 100%;\n      margin-bottom: 4px;\n    }\n    span {\n      font-size: 14px;\n      font-weight: 900;\n      color: #0a4ed6;\n      ${media.tablet} {\n        font-size: 14px;\n      }\n    }\n    mark {\n      ${media.tablet} {\n        font-size: 14px;\n      }\n    }\n  }\n  p:nth-of-type(2) {\n    font-weight: 600;\n    color: #000;\n    margin-top: 0;\n    margin-bottom: 0;\n    font-size: 12px;\n    text-align: left;\n    line-height: normal;\n    ${media.tablet} {\n      font-size: 12px;\n      line-height: 18px;\n      width: 100%;\n    }\n    span {\n      font-size: 12px;\n    }\n    mark {\n      font-weight: 600;\n      font-size: inherit;\n      ${media.tablet} {\n        font-size: 12px;\n      }\n    }\n  }\n`;\n\nconst StyledLabel = styled.label`\n  color: #a9a9a9;\n  margin: 0;\n  font-family: 'searchicon' !important;\n  &::before {\n    content: '\\\\e900';\n    color: #000;\n    position: absolute;\n    padding: 16px;\n    transform: translateY(-32px);\n    line-height: 100%;\n  }\n`;\n\nconst StyledInput = styled.input`\n  padding: 0;\n  background-color: transparent;\n  border: none;\n  outline: none;\n  width: 100%;\n  height: 100%;\n  padding-left: 48px;\n  border: 2px solid #000;\n  border-radius: 4px;\n  font-size: 16px;\n  -webkit-appearance: none;\n  &:focus {\n    border: 2px solid #0a4ed6;\n  }\n  &::placeholder {\n    color: #999;\n    font-size: 16px;\n  }\n`;\n\nexport const StyledDivInput = styled.div`\n  width: 100%;\n  height: 48px;\n  border-radius: 4px;\n  text-align: center;\n  position: relative;\n  margin: 0 auto 56px;\n  background-color: #fff;\n  &:focus-within {\n    ${StyledLabel} {\n      &::before {\n        color: #0a4ed6;\n      }\n    }\n  }\n  ${media.tablet} {\n    width: 100%;\n    margin: 0 auto 48px;\n  }\n`;\n\nclass AutoComplete extends Component {\n  state = {\n    // eslint-disable-next-line react/destructuring-assignment\n    value: this.props.currentRefinement,\n    focused: false,\n  };\n\n  onChange = (_, { newValue }) => {\n    const { onSuggestionCleared } = this.props;\n    if (!newValue) {\n      onSuggestionCleared();\n    }\n\n    this.setState({\n      value: newValue,\n    });\n  };\n\n  onBlur = () => {\n    this.setState((prevState) => ({\n      focused: !prevState.focused,\n    }));\n  };\n\n  onFocus = () => {\n    this.setState((prevState) => ({\n      focused: !prevState.focused,\n    }));\n  };\n\n  // eslint-disable-next-line consistent-return\n  checkHits = () => {\n    const { hits } = this.props;\n    const { value } = this.state;\n    let isHitsLoaded = null;\n    if (hits.length === 0) {\n      isHitsLoaded = true;\n      if (value) {\n        isHitsLoaded = false;\n        return isHitsLoaded;\n      }\n      return isHitsLoaded;\n    }\n    if (hits.length !== 0) {\n      isHitsLoaded = false;\n      return isHitsLoaded;\n    }\n  };\n\n  renderInputComponent = (inputProps) => {\n    // const { hits } = this.props;\n    const { focused } = this.state;\n    return (\n      <StyledDivInput className=\"styledInput\">\n        <StyledLabel htmlFor=\"search\" focused={focused} />\n        <StyledInput\n          {...inputProps}\n          // eslint-disable-next-line no-return-assign\n          ref={(ref) => (this.input = ref)}\n          role=\"combobox\"\n          aria-label=\"searchbar\"\n          disabled={this.checkHits()}\n        />\n      </StyledDivInput>\n    );\n  };\n\n  onSuggestionsFetchRequested = ({ value }) => {\n    const { refine } = this.props;\n    refine(value);\n  };\n\n  onSuggestionsClearRequested = () => {\n    const { refine } = this.props;\n    refine();\n  };\n\n  getSuggestionValue = (hit) => {\n    return hit.title;\n  };\n\n  renderSuggestion = (hit) => {\n    const image = frontmatter.items.filter((item) => item.title === hit.title);\n    return (\n      <StyledA href={hit.link} className=\"articlepreview\">\n        <img src={image[0].img} alt=\"logo\" />\n        <StyledBox>\n          <CustomHighlight hit={hit} attribute=\"title\" tagName=\"mark\" />\n          <CustomHighlight hit={hit} attribute=\"categories[0]\" tagName=\"mark\" />\n        </StyledBox>\n      </StyledA>\n    );\n  };\n\n  render() {\n    const { hits, onSuggestionSelected } = this.props;\n    const { value } = this.state;\n\n    const inputProps = {\n      placeholder: 'Search for apps',\n      onChange: this.onChange,\n      onBlur: this.onBlur,\n      onFocus: this.onFocus,\n      value,\n      focused: false,\n    };\n    return (\n      hits && (\n        <AutoSuggest\n          suggestions={hits}\n          onSuggestionsFetchRequested={this.onSuggestionsFetchRequested}\n          onSuggestionsClearRequested={this.onSuggestionsClearRequested}\n          onSuggestionSelected={onSuggestionSelected}\n          getSuggestionValue={this.getSuggestionValue}\n          renderSuggestion={this.renderSuggestion}\n          inputProps={inputProps}\n          renderInputComponent={this.renderInputComponent}\n        />\n      )\n    );\n  }\n}\n\nexport default connectAutoComplete(AutoComplete);\n\nAutoComplete.propTypes = {\n  hits: PropTypes.arrayOf(PropTypes.object).isRequired,\n  currentRefinement: PropTypes.string.isRequired,\n  refine: PropTypes.func.isRequired,\n  onSuggestionSelected: PropTypes.func.isRequired,\n  onSuggestionCleared: PropTypes.func.isRequired,\n};\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { connectHits } from 'react-instantsearch-dom';\nimport styled from 'styled-components';\nimport CustomHighlight from './customHighlight';\n\nconst StyledUl = styled.ul`\n  margin: 0;\n  padding: 0;\n`;\n\nconst StyledA = styled.a`\n  width: 100%;\n  background-color: #fff;\n  &:hover {\n    background-color: #f6f8f9;\n    cursor: pointer;\n    text-decoration: none;\n  }\n`;\n\nconst StyledBox = styled.li`\n  display: flex;\n  min-height: 110px;\n  align-items: center;\n  padding: 24px 32px;\n  display: flex;\n  flex-direction: column;\n  border-bottom: 1px solid #e4e5e8;\n  p:nth-child(1) {\n    span {\n      font-size: 16px;\n      font-weight: 800;\n      color: #0a4ed6;\n    }\n  }\n  p:nth-child(2) {\n    font-weight: 400;\n    color: #000;\n    margin-top: 8px;\n    mark {\n      font-weight: 400;\n    }\n  }\n`;\n\nconst Hits = ({ hits }) => {\n  return (\n    <StyledUl>\n      {hits.map((hit, index) => (\n        <StyledA\n          href={hit.link}\n          className=\"articlepreview\"\n          // eslint-disable-next-line react/no-array-index-key\n          key={index}\n        >\n          <StyledBox>\n            <CustomHighlight hit={hit} attribute=\"title\" />\n            <CustomHighlight hit={hit} attribute=\"type\" />\n          </StyledBox>\n        </StyledA>\n      ))}\n    </StyledUl>\n  );\n};\nconst CustomHits = connectHits(Hits);\n\nexport default CustomHits;\n\nHits.propTypes = {\n  hits: PropTypes.arrayOf(PropTypes.object).isRequired,\n};\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport algoliasearch from 'algoliasearch/lite';\nimport { InstantSearch, Configure, Highlight, connectSearchBox } from 'react-instantsearch-dom';\nimport styled from 'styled-components';\nimport { navigate } from 'gatsby';\nimport Autocomplete from './autocomplete';\nimport CustomHits from './customHits';\n\nconst StyledContainer = styled.div`\n  position: relative;\n  z-index: 20;\n`;\n\nconst VirtalSearchBox = connectSearchBox(() => null);\n\nconst index = process.env.GATSBY_ALGOLIA_INTEGRATIONS;\n\nconst searchClient = algoliasearch('G5L9QWEP2F', 'bf1653634fbcabb418d2f166f607c083');\n\nconst Hit = ({ hit }) => {\n  return (\n    <div>\n      <Highlight attribute=\"name\" hit={hit} />\n    </div>\n  );\n};\n\nHit.propTypes = {\n  // eslint-disable-next-line react/forbid-prop-types\n  hit: PropTypes.object.isRequired,\n};\n\nclass SearchBar extends Component {\n  state = {\n    query: '',\n  };\n\n  onSuggestionSelected = (_, { suggestion: { link, name } }) => {\n    navigate(link);\n    this.setState({\n      query: name,\n    });\n  };\n\n  onSuggestionCleared = () => {\n    this.setState({\n      query: '',\n    });\n  };\n\n  render() {\n    const { query } = this.state;\n    return (\n      <StyledContainer>\n        <InstantSearch indexName={index} searchClient={searchClient}>\n          <Configure hitsPerPage={5} />\n          <Autocomplete\n            onSuggestionSelected={this.onSuggestionSelected}\n            onSuggestionCleared={this.onSuggestionCleared}\n          />\n        </InstantSearch>\n\n        <InstantSearch indexName={index} searchClient={searchClient}>\n          <VirtalSearchBox defaultRefinement={query} />\n          {query && <CustomHits hitComponent={Hit} />}\n        </InstantSearch>\n      </StyledContainer>\n    );\n  }\n}\n\nexport default SearchBar;\n","import styled from 'styled-components';\nimport { media } from 'theme/breakpoints';\n\nexport const Dropdown = styled.div`\n  display: none;\n  ${media.tablet} {\n    display: block;\n  }\n`;\n\nexport const CurrentCategory = styled.button`\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  border: none;\n  background-color: transparent;\n  padding: 0;\n  & .icon {\n    width: 16px;\n    height: 9px;\n    transition: transform 0.2s ease;\n  }\n  &.active {\n    & .icon {\n      transform: rotate(180deg);\n    }\n  }\n  & div {\n    display: flex;\n    align-items: center;\n    & svg {\n      width: 24px;\n      height: 24px;\n      margin-right: 16px;\n      & .yellow {\n        fill: #ffe478;\n      }\n      & .blue {\n        fill: #7dffef;\n      }\n      & .purple {\n        fill: #8765f9;\n      }\n    }\n    & p {\n      display: block;\n      font-size: 16px;\n      line-height: 24px;\n      color: #000;\n      transition: none;\n      margin: 0;\n      cursor: pointer;\n      &.active {\n        font-weight: 800;\n        &:hover {\n          text-decoration: none;\n        }\n      }\n    }\n  }\n`;\n\nexport const Category = styled.li`\n  display: flex;\n  width: 100%;\n  margin: 24px 0;\n  & svg {\n    width: 24px;\n    height: 24px;\n    margin-right: 16px;\n  }\n  & a {\n    display: block;\n    font-size: 16px;\n    line-height: 24px;\n    color: #000;\n    transition: none;\n    cursor: pointer;\n  }\n`;\n\nexport const List = styled.ul`\n  padding: 0;\n  margin: 0;\n  ${Category}:last-child {\n    margin-bottom: 0;\n  }\n`;\n","import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { Collapse } from 'reactstrap';\nimport { data } from 'data/marketplace/sidebar';\nimport AllIntImg from 'img/marketplace/sidebarIcons/allIntegrations.inline.svg';\nimport arrow from 'img/ui/chevron-down.svg';\nimport * as Styled from './styled';\n\nconst MobileDropdown = ({ activeCategory }) => {\n  const [currentCategory] = data.flatMap((item) =>\n    item.list.filter((cat) => cat.title === activeCategory),\n  );\n  const [isOpen, setOpen] = useState(false);\n  return (\n    <Styled.Dropdown>\n      <Styled.CurrentCategory\n        className={isOpen && 'active'}\n        as=\"button\"\n        onClick={() => setOpen(!isOpen)}\n      >\n        <div>\n          {currentCategory?.image || <AllIntImg />}\n          <p className=\"active\">{currentCategory?.title || 'All integrations'}</p>\n        </div>\n        <img src={arrow} alt=\"arrow\" className=\"icon\" />\n      </Styled.CurrentCategory>\n      <Collapse isOpen={isOpen}>\n        <Styled.List>\n          {activeCategory !== 'All integrations' && (\n            <Styled.Category>\n              <AllIntImg />\n              <a href=\"/integrations/\">All Integrations</a>\n            </Styled.Category>\n          )}\n          {data.map(({ list }) =>\n            list.map(({ title, image, link }) => {\n              if (currentCategory && title === currentCategory.title) return null;\n              return (\n                <Styled.Category key={title}>\n                  {image}\n                  <a href={link || null}>{title}</a>\n                </Styled.Category>\n              );\n            }),\n          )}\n        </Styled.List>\n      </Collapse>\n    </Styled.Dropdown>\n  );\n};\n\nexport default MobileDropdown;\n\nMobileDropdown.propTypes = {\n  activeCategory: PropTypes.string.isRequired,\n};\n","import React from 'react';\nimport { data } from 'data/marketplace/sidebar';\nimport PropTypes from 'prop-types';\nimport AllIntImg from 'img/marketplace/sidebarIcons/allIntegrations.inline.svg';\nimport * as Styled from './styled';\nimport SearchBar from '../searchbar';\nimport MobileDropdown from './mobileDropdown';\n\nconst SideBar = ({ activeCategory }) => {\n  return (\n    <Styled.Aside>\n      <div>\n        <SearchBar />\n      </div>\n      <MobileDropdown activeCategory={activeCategory || 'All integrations'} />\n      <Styled.AllIntegrations>\n        <AllIntImg className={activeCategory === 'All integrations' ? 'active' : null} />\n        <a\n          className={activeCategory === 'All integrations' ? 'active' : null}\n          href=\"/integrations/\"\n        >\n          All integrations\n        </a>\n      </Styled.AllIntegrations>\n      {data.map(({ category, list }) => (\n        <Styled.Category key={category}>\n          <h3>{category}</h3>\n          <Styled.List>\n            {list.map(({ title, image, link }) => (\n              <li key={title}>\n                <a className={activeCategory === title ? 'active' : null} href={link || null}>\n                  <div className={activeCategory === title ? 'active' : null}>{image}</div>\n                  <p> {title}</p>\n                </a>\n              </li>\n            ))}\n          </Styled.List>\n        </Styled.Category>\n      ))}\n    </Styled.Aside>\n  );\n};\n\nexport default SideBar;\n\nSideBar.propTypes = {\n  activeCategory: PropTypes.string.isRequired,\n};\n","module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDE2IDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjAwNCA1Ljk5NDI5TDE0LjIyNiAwLjExMjQyMkMxNC4zMDE4IDAuMDQwMzE1OSAxNC40MDMxIDAgMTQuNTA4NCAwQzE0LjYxMzggMCAxNC43MTUgMC4wNDAzMTU5IDE0Ljc5MDggMC4xMTI0MjJMMTUuODgzNiAxLjE2NDk1QzE1LjkyMDQgMS4yMDA0NiAxNS45NDk3IDEuMjQyODcgMTUuOTY5NyAxLjI4OTY4QzE1Ljk4OTcgMS4zMzY0OSAxNiAxLjM4Njc2IDE2IDEuNDM3NTRDMTYgMS40ODgzMiAxNS45ODk3IDEuNTM4NTkgMTUuOTY5NyAxLjU4NTRDMTUuOTQ5NyAxLjYzMjIxIDE1LjkyMDQgMS42NzQ2IDE1Ljg4MzYgMS43MTAxMUw4LjI4NTU5IDguODkzNDdDOC4yNDc3OCA4LjkzMDQyIDguMjAyMzcgOC45NTg5NSA4LjE1MjQxIDguOTc3MTZDOC4xMDI0NiA4Ljk5NTM3IDguMDQ5MTMgOS4wMDI4NCA3Ljk5NiA4Ljk5OTA0QzcuOTQzMDEgOS4wMDE0OCA3Ljg5MDA2IDguOTkzMzkgNy44NDAzIDguOTc1MjZDNy43OTA1NSA4Ljk1NzEyIDcuNzQ1MDIgOC45MjkzIDcuNzA2NDIgOC44OTM0N0wwLjExNjQ0MiAxLjcxOTU4QzAuMDc5NTc5OSAxLjY4NDA3IDAuMDUwMjkyMSAxLjY0MTY2IDAuMDMwMjk2MSAxLjU5NDg1QzAuMDEwMzAwMiAxLjU0ODA0IDAgMS40OTc3NyAwIDEuNDQ2OTlDMCAxLjM5NjIxIDAuMDEwMzAwMiAxLjM0NTk0IDAuMDMwMjk2MSAxLjI5OTEzQzAuMDUwMjkyMSAxLjI1MjMyIDAuMDc5NTc5OSAxLjIwOTkxIDAuMTE2NDQyIDEuMTc0NEwxLjIwOTE4IDAuMTIxODcxQzEuMjg0OTYgMC4wNDk3NjQ1IDEuMzg2MiAwLjAwOTQ3MjcgMS40OTE1NyAwLjAwOTQ3MjdDMS41OTY5MyAwLjAwOTQ3MjcgMS42OTgxOCAwLjA0OTc2NDUgMS43NzM5NSAwLjEyMTg3MUw4LjAwNCA1Ljk5NDI5WiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+Cg==\"","import React from 'react';\nimport Layout from 'layout';\nimport styled from 'styled-components';\nimport OwnAppSection from 'components/marketplace/ownAppSection';\nimport SideBar from 'components/marketplace/sideBar';\nimport Content from 'components/marketplace/content';\nimport { media } from 'theme/breakpoints';\n\nexport const Header = styled.div`\n  text-align: center;\n  margin-top: 70px;\n  ${media.tablet} {\n    margin-top: 18px;\n  }\n  & p {\n    margin: 32px auto 0;\n    font-size: 22px;\n    line-height: 34px;\n    ${media.tablet} {\n      font-size: 18px;\n      line-height: 24px;\n    }\n  }\n`;\n\nexport const GridBox = styled.div`\n  display: grid;\n  grid-template-columns: 270px 1fr;\n  grid-column-gap: 40px;\n  margin-top: 96px;\n  padding-bottom: 120px;\n  ${media.desktop} {\n    grid-template-columns: 213px 1fr;\n  }\n  ${media.tablet} {\n    grid-template-columns: 1fr;\n    margin-top: 43px;\n    grid-gap: 48px;\n    padding-bottom: 80px;\n  }\n`;\n\nconst Section = styled.section`\n  padding-bottom: 0;\n`;\n\nconst Integrations = () => {\n  return (\n    <Layout\n      metaTitle=\"Integrations Marketplace\"\n      metaDescription=\"Get even more out of LiveSession. Browse available integrations with other tools. Improve analytics, customer support, and more.\"\n      canonical=\"/integrations/\"\n    >\n      <Section className=\"container\">\n        <Header>\n          <h1 className=\"line\">\n            Connect your favorite tools to <span>LiveSession</span>\n          </h1>\n          <p>Use integrations to get even more insights</p>\n        </Header>\n        <GridBox>\n          <SideBar activeCategory=\"All integrations\" />\n          <Content activeCategory=\"All integrations\" hideTitle />\n        </GridBox>\n        <OwnAppSection />\n      </Section>\n    </Layout>\n  );\n};\n\nexport default Integrations;\n","module.exports = __webpack_public_path__ + \"static/banner-707dbb7524e9a562c03d25d4244f3c6e.png\";","module.exports = \"data:image/png;base64,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\"","import styled from 'styled-components';\nimport { StyledLink } from 'components/ui/link';\nimport { media } from 'theme/breakpoints';\n\nexport const Banner = styled.a`\n  background-color: #f8f8f8;\n  width: 100%;\n  padding: 48px 0 48px 64px;\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  grid-column-gap: 147px;\n  border-radius: 4px;\n  overflow: hidden;\n  margin-bottom: 72px;\n  align-items: center;\n  transition: 0.2s ease;\n  color: #000;\n  position: relative;\n  ${media.desktopWide} {\n    padding: 48px;\n    margin-bottom: 48px;\n    grid-column-gap: 22px;\n  }\n  ${media.desktop} {\n    padding: 24px 32px 0;\n    margin-bottom: 48px;\n    grid-column-gap: 5px;\n    grid-template-columns: 1fr;\n  }\n  ${media.tablet} {\n    display: none;\n  }\n  ${StyledLink} {\n    font-size: 16px;\n    line-height: normal;\n    margin: 0;\n    ${media.desktopWide} {\n      font-size: 14px;\n    }\n  }\n  & img.main-img {\n    position: absolute;\n    right: 0;\n    bottom: 0;\n    height: 372px;\n    width: 480px;\n    ${media.desktopWide} {\n      width: 55%;\n      height: 100%;\n    }\n    ${media.desktop} {\n      display: none;\n    }\n  }\n  &:hover {\n    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.16);\n    text-decoration: none;\n    color: #000;\n    & ${StyledLink} {\n      text-decoration: underline;\n      &::after {\n        transform: translateX(8px);\n      }\n    }\n  }\n  &:focus {\n    color: #000;\n    outline: 0;\n  }\n`;\n\nexport const Content = styled.div`\n  ${media.desktop} {\n    padding-bottom: 24px;\n  }\n  & img {\n    max-width: 100px;\n    margin-bottom: 16px;\n    ${media.desktopWide} {\n      max-width: 80px;\n    }\n  }\n  & h3 {\n    font-weight: 800;\n    font-size: 22px;\n    line-height: 34px;\n    margin-bottom: 16px;\n    ${media.desktopWide} {\n      font-size: 16px;\n      line-height: 24px;\n    }\n  }\n  & p:first-of-type {\n    font-size: 16px;\n    line-height: 24px;\n    margin-bottom: 32px;\n    ${media.desktopWide} {\n      display: none;\n    }\n  }\n`;\n\nexport const Badge = styled.div`\n  display: flex;\n  align-items: center;\n  margin-bottom: 35px;\n  ${media.desktopWide} {\n    margin-bottom: 16px;\n  }\n  & img {\n    width: 24px;\n    height: 22px;\n    margin-right: 8px;\n    ${media.desktopWide} {\n      width: 12px;\n      height: 12px;\n      margin-right: 5px;\n    }\n  }\n  & p {\n    font-weight: 800;\n    font-size: 16px;\n    line-height: 24px;\n    margin: 0;\n    ${media.desktopWide} {\n      font-size: 12px;\n      line-height: 18px;\n    }\n  }\n`;\n","import React from 'react';\nimport CustomLink from 'components/ui/link';\nimport img from 'img/marketplace/livechat/banner.png';\nimport img2 from 'img/companyLogo/livechat_black.png';\nimport img3 from 'img/ui/starBanner.svg';\nimport * as Styled from './styled';\n\nconst MainBanner = () => {\n  return (\n    <Styled.Banner href=\"/integrations/livechat/\">\n      <div>\n        <Styled.Badge>\n          <img src={img3} alt=\"star\" title=\"Star icon\" />\n          <p>Featured integrations</p>\n        </Styled.Badge>\n        <Styled.Content>\n          <img src={img2} alt=\"LiveChat logo\" title=\"LiveChat\" />\n          <h3>Support your users faster by seeing precisely what they see</h3>\n          <p>You’ll be able to replay the user session and see what went wrong.</p>\n          <CustomLink withArrow tag=\"p\">\n            Learn more\n          </CustomLink>\n        </Styled.Content>\n      </div>\n      <img\n        src={img}\n        alt=\"LiveChat chat\"\n        title=\"Integration with LiveChat\"\n        className=\"main-img img-fluid\"\n      />\n    </Styled.Banner>\n  );\n};\n\nexport default MainBanner;\n","import styled from 'styled-components';\nimport { media } from 'theme/breakpoints';\n\nexport const GridBox = styled.section`\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  grid-gap: 40px;\n  padding-top: ${(props) => (props.hideTitle ? 0 : '48px')};\n  padding-bottom: 0;\n  ${media.desktopWide} {\n    grid-template-columns: repeat(2, 1fr);\n  }\n  ${media.tablet} {\n    grid-template-columns: 1fr;\n  }\n`;\n\nexport const Section = styled.section`\n  padding: 0;\n`;\n","import React, { useState, useEffect } from 'react';\nimport { frontmatter } from 'data/marketplace/integrations';\nimport PropTypes from 'prop-types';\nimport MainBanner from 'components/marketplace/banner/main';\nimport Card from '../card';\nimport * as Styled from './styled';\n\nconst Content = ({ children, activeCategory, hideTitle }) => {\n  const [currentCategory, setCurrentCategory] = useState('');\n\n  useEffect(() => {\n    if (currentCategory !== activeCategory) {\n      setCurrentCategory(activeCategory);\n    }\n  }, [activeCategory, currentCategory]);\n\n  const filterCards = () => {\n    const cards = frontmatter.items.flatMap((card) =>\n      card.categories.map((item) => {\n        if (item === activeCategory) {\n          return card;\n        }\n        return null;\n      }),\n    );\n    if (activeCategory === 'All integrations') {\n      return frontmatter.items.map((card) => (\n        <Card key={card.title} {...card} activeCategory={card.categories[0]} />\n      ));\n    }\n    return cards.map(\n      (card) => card && <Card key={card.title} {...card} activeCategory={card.categories[0]} />,\n    );\n  };\n  return (\n    <Styled.Section>\n      {children || <MainBanner />}\n      {!hideTitle && <h2>{activeCategory}</h2>}\n      <Styled.GridBox hideTitle={hideTitle}>{filterCards()}</Styled.GridBox>\n    </Styled.Section>\n  );\n};\n\nexport default Content;\n\nContent.propTypes = {\n  activeCategory: PropTypes.string.isRequired,\n  children: PropTypes.oneOfType([PropTypes.string, PropTypes.node, PropTypes.object]),\n  hideTitle: PropTypes.bool,\n};\n\nContent.defaultProps = {\n  children: undefined,\n  hideTitle: false,\n};\n","module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyNCAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjY0NTcgMC4zOTYxODhMMTcuNjE5NyA2LjI4ODE5TDIzLjM0MzggNi44NTUyNkMyMy40OCA2Ljg2NjU5IDIzLjYxMDIgNi45MTY3MiAyMy43MTg4IDYuOTk5NzNDMjMuODI3NSA3LjA4MjczIDIzLjkxMDEgNy4xOTUxNCAyMy45NTY5IDcuMzIzNjNDMjQuMDAzNiA3LjQ1MjEzIDI0LjAxMjYgNy41OTEzMyAyMy45ODI3IDcuNzI0NzZDMjMuOTUyOCA3Ljg1ODE4IDIzLjg4NTMgNy45ODAyNSAyMy43ODgyIDguMDc2NUwxOS4wNzc0IDEyLjc0NTVMMjAuODIzOSAxOS4wODk5QzIwLjg1OTcgMTkuMjI0NSAyMC44NTU4IDE5LjM2NjUgMjAuODEyNyAxOS40OTg5QzIwLjc2OTYgMTkuNjMxMyAyMC42ODkyIDE5Ljc0ODUgMjAuNTgxMSAxOS44MzYyQzIwLjQ3MzEgMTkuOTI0IDIwLjM0MTkgMTkuOTc4NyAyMC4yMDM1IDE5Ljk5MzhDMjAuMDY1MSAyMC4wMDg4IDE5LjkyNTMgMTkuOTgzNSAxOS44MDA5IDE5LjkyMUwxMy45OTc4IDE3LjA0NzRMOC4yMDI2NSAxOS45MTc0QzguMDc4MjYgMTkuOTggNy45Mzg0NSAyMC4wMDUyIDcuODAwMDMgMTkuOTkwMkM3LjY2MTYxIDE5Ljk3NTIgNy41MzA0OCAxOS45MjA1IDcuNDIyNDEgMTkuODMyN0M3LjMxNDM0IDE5Ljc0NDkgNy4yMzM5MyAxOS42Mjc4IDcuMTkwODYgMTkuNDk1NEM3LjE0Nzc5IDE5LjM2MyA3LjE0Mzg4IDE5LjIyMDkgNy4xNzk2MiAxOS4wODY0TDguOTI2MTUgMTIuNzQxOUw0LjIxMTg0IDguMDcyOTVDNC4xMTQ3MiA3Ljk3NjcgNC4wNDcyMSA3Ljg1NDYzIDQuMDE3MzEgNy43MjEyQzMuOTg3NDIgNy41ODc3NyAzLjk5NjM4IDcuNDQ4NTcgNC4wNDMxNCA3LjMyMDA4QzQuMDg5ODkgNy4xOTE1OCA0LjE3MjQ5IDcuMDc5MTggNC4yODExNSA2Ljk5NjE3QzQuMzg5ODEgNi45MTMxNyA0LjUxOTk4IDYuODYzMDMgNC42NTYyNSA2Ljg1MTcxTDEwLjM4MDMgNi4yODQ2NEwxMy4zNDk4IDAuMzk2MTg4QzEzLjQxMDkgMC4yNzY5MDggMTMuNTAzNyAwLjE3NjgwMSAxMy42MTggMC4xMDY4OTVDMTMuNzMyNCAwLjAzNjk5MDIgMTMuODYzOCAwIDEzLjk5NzggMEMxNC4xMzE4IDAgMTQuMjYzMiAwLjAzNjk5MDIgMTQuMzc3NSAwLjEwNjg5NUMxNC40OTE4IDAuMTc2ODAxIDE0LjU4NDcgMC4yNzY5MDggMTQuNjQ1NyAwLjM5NjE4OFoiIGZpbGw9IiNGRkU0NzgiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMC4wOTY0IDAuMjUzNzQxQzEwLjM2NzggMC4wODc4MDQ5IDEwLjY3OTcgMCAxMC45OTc4IDBDMTEuMzE1OSAwIDExLjYyNzggMC4wODc4MDQ5IDExLjg5OTIgMC4yNTM3NDFDMTIuMTcwNiAwLjQxOTY3NiAxMi4zOTA5IDAuNjU3MzAyIDEyLjUzNTggMC45NDA0NDJMMTEuNjQ1NyAxLjM5NjE5TDEyLjUzODUgMC45NDU1ODNMMTUuMjY0OSA2LjM0NzIyTDIwLjQzNjIgNi44NTk1MkMyMC43NTk0IDYuODg4MjEgMjEuMDY3OSA3LjAwOCAyMS4zMjU5IDcuMjA1MDdDMjEuNTg2NCA3LjQwNDA5IDIxLjc4NDUgNy42NzM1OSAyMS44OTY2IDcuOTgxNjdDMjIuMDA4NyA4LjI4OTc0IDIyLjAzMDIgOC42MjM1IDIxLjk1ODUgOC45NDM0MUMyMS44ODY4IDkuMjYzMzIgMjEuNzI1IDkuNTU1OTggMjEuNDkyMSA5Ljc4Njc1QzIxLjQ5MjEgOS43ODY3NiAyMS40OTIxIDkuNzg2NzUgMjEuNDkyMSA5Ljc4Njc1TDE3LjE5NjggMTQuMDQ0TDE4Ljc5MDUgMTkuODMzM0MxOC44NzU3IDIwLjE1NCAxOC44NjYzIDIwLjQ5MjYgMTguNzYzNiAyMC44MDgzQzE4LjY2MSAyMS4xMjM5IDE4LjQ2OTMgMjEuNDAzMSAxOC4yMTE3IDIxLjYxMjRDMTcuOTU0IDIxLjgyMTcgMTcuNjQxNCAyMS45NTIxIDE3LjMxMTUgMjEuOTg3OUMxNi45ODI3IDIyLjAyMzYgMTYuNjUwNyAyMS45NjM5IDE2LjM1NSAyMS44MTYxQzE2LjM1MzkgMjEuODE1NSAxNi4zNTI4IDIxLjgxNDkgMTYuMzUxNyAyMS44MTQ0TDEwLjk5NzggMTkuMTYzM0w1LjY1MTg5IDIxLjgxMDhDNS42NTA3NiAyMS44MTE0IDUuNjQ5NjMgMjEuODEyIDUuNjQ4NSAyMS44MTI1QzUuMzUyODIgMjEuOTYwNCA1LjAyMDggMjIuMDIwMSA0LjY5MjA4IDIxLjk4NDRDNC4zNjIxMSAyMS45NDg1IDQuMDQ5NTEgMjEuODE4MSAzLjc5MTg5IDIxLjYwODlDMy41MzQyNyAyMS4zOTk2IDMuMzQyNTkgMjEuMTIwMyAzLjIzOTkxIDIwLjgwNDdDMy4xMzcyMyAyMC40ODkxIDMuMTI3OTMgMjAuMTUwNSAzLjIxMzExIDE5LjgyOTdMMy4yMTU0NCAxOS44MjA5TDQuODA2NzEgMTQuMDQwN0wwLjUwODE1NSA5Ljc4MzQ2QzAuMjc1Mjk5IDkuNTUyNjggMC4xMTMxOTcgOS4yNTk3NyAwLjA0MTUxMTkgOC45Mzk4NkMtMC4wMzAxNzMgOC42MTk5NSAtMC4wMDg2ODgzOCA4LjI4NjE5IDAuMTAzNDIyIDcuOTc4MTFDMC4yMTU1MzMgNy42NzAwMyAwLjQxMzU3NCA3LjQwMDUzIDAuNjc0MDk3IDcuMjAxNTFDMC45MzIwOCA3LjAwNDQ0IDEuMjQwNjMgNi44ODQ2NSAxLjU2Mzg3IDYuODU1OTZMNi43MzQ4MyA2LjM0MzY5TDkuNDU5NyAwLjk0MDQzM0M5LjYwNDY3IDAuNjU3Mjk0IDkuODI1IDAuNDE5Njc2IDEwLjA5NjQgMC4yNTM3NDFaTTEwLjk5NzkgMi4zMzE5NEw4LjI3MzE1IDcuNzM0OTJDOC4xMTkwNiA4LjA0MDQ5IDcuODE5NDEgOC4yNDYwMyA3LjQ3ODg1IDguMjc5NzdMMi4zNDU1NCA4Ljc4ODMyTDYuNjI5ODQgMTMuMDMxNEM2Ljg4NjY0IDEzLjI4NTggNi45ODYyMiAxMy42NTg5IDYuODkwMjkgMTQuMDA3NEw1LjMwOTg1IDE5Ljc0ODRMMTAuNTU0IDE3LjE1MTNDMTAuODMzNiAxNy4wMTI4IDExLjE2MTkgMTcuMDEyOCAxMS40NDE1IDE3LjE1MTJMMTYuNjkzNyAxOS43NTJMMTUuMTEzMyAxNC4wMTA5QzE1LjAxNzQgMTMuNjYyNiAxNS4xMTY4IDEzLjI4OTYgMTUuMzczNSAxMy4wMzUyTDE5LjY1NDggOC43OTE5TDE0LjUyMTEgOC4yODMzMkMxNC4xODA3IDguMjQ5NiAxMy44ODEyIDguMDQ0MTkgMTMuNzI3IDcuNzM4OEwxMC45OTc5IDIuMzMxOTRaTTEuNzM5MDYgOC44NDgyN0wxLjc0MzU0IDguODQ3ODdMMS43MzkwNiA4Ljg0ODI3WiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+Cg==\"","var React = require('react');\n\nfunction AllIntegrationsInline (props) {\n    return React.createElement(\"svg\",props,[React.createElement(\"path\",{\"d\":\"M12.4661 4.80663C15.5364 4.92472 16.7764 4.98377 18.5478 5.10186C18.843 5.10186 19.1382 5.279 19.3154 5.57423C19.4335 5.81041 19.4335 6.04659 19.4335 6.34182C19.5515 11.5378 19.6106 15.8482 19.6106 21.0442C19.6106 21.6347 19.5515 22.4023 19.0792 22.6384C18.902 22.7565 18.6659 22.7565 18.4297 22.7565C13.4698 22.8156 8.33285 22.4613 3.37301 22.5204C2.66446 22.5204 1.89687 22.5204 1.4245 21.9299C0.893089 21.3394 1.01118 20.2176 1.01118 19.3319C1.01118 16.3796 1.24736 14.254 1.24736 11.1836C1.24736 9.35315 1.07023 7.69987 1.30641 5.98755C1.36545 5.39709 1.66068 4.80663 2.13305 4.57045C2.42828 4.39331 2.8416 4.39331 3.19587 4.39331C4.19965 4.39331 5.49866 4.5114 6.50243 4.57045C7.91953 4.57045 10.8128 4.74759 12.4661 4.80663Z\",\"className\":\"blue\",\"key\":0}),React.createElement(\"path\",{\"d\":\"M12.466 2.7397C12.407 3.15302 9.69089 2.97588 8.39188 2.91684C5.85292 2.79874 5.91196 2.68065 5.85292 3.44825C5.85292 3.97966 5.79387 6.99099 5.73483 7.69954C5.67578 8.52618 5.67578 8.82141 4.672 8.99855C3.90441 8.70332 3.90441 8.46714 4.0225 7.75859C4.08154 7.16813 4.25868 3.80252 4.37677 2.97588C4.43582 1.61783 4.96723 0.968326 6.50242 1.02737C11.2261 1.38165 6.67956 0.968326 11.4032 1.3226C12.1708 1.44069 12.407 1.79497 12.407 2.56256\",\"fill\":\"#030303\",\"key\":1}),React.createElement(\"path\",{\"d\":\"M3.96355 7.99476C4.0226 7.58144 6.79775 7.81762 8.09675 7.87667C10.5767 7.99476 10.5176 8.11285 10.5767 7.34526C10.5767 6.81385 10.6357 3.38919 10.6948 2.68064C10.7538 1.854 10.7538 2.03114 11.7576 1.854C11.9347 1.91305 12.348 2.20828 12.4071 2.56255C12.348 3.15301 12.1709 6.99098 12.0528 7.81762C11.9347 9.17568 11.4033 9.82518 9.86812 9.76613C5.14447 9.41186 9.80908 9.70709 5.02637 9.35281C4.25878 9.23472 3.84546 8.93949 3.84546 8.11285\",\"fill\":\"#030303\",\"key\":2}),React.createElement(\"path\",{\"d\":\"M12.4661 13.3681C12.407 13.7814 9.69093 13.6043 8.39192 13.5453C5.912 13.4272 5.97104 13.3091 5.912 14.0767C5.912 14.6081 5.85295 17.6194 5.79391 18.328C5.73486 19.1546 5.73486 19.4498 4.73108 19.627C3.96349 19.3317 3.96349 19.0956 4.08158 18.387C4.14063 17.7965 4.31776 14.4309 4.43586 13.6043C4.55395 12.2462 5.08536 11.5967 6.62055 11.6558C11.3442 12.0101 6.79768 11.5967 11.5213 11.951C12.2889 12.0691 12.5251 12.4234 12.5251 13.191\",\"fill\":\"#030303\",\"key\":3}),React.createElement(\"path\",{\"d\":\"M3.96355 18.6825C4.0226 18.2692 6.79775 18.5054 8.09675 18.5644C10.5767 18.6825 10.5176 18.8006 10.5767 18.033C10.5767 17.5016 10.6357 14.0769 10.6948 13.3684C10.7538 12.5417 10.7538 12.7189 11.7576 12.5417C11.9347 12.6008 12.348 12.896 12.4071 13.2503C12.348 13.8408 12.1709 17.6787 12.0528 18.5054C11.9347 19.8634 11.4033 20.5129 9.86812 20.4539C5.14447 20.0996 9.80908 20.3948 5.02637 20.0406C4.25878 19.9225 3.84546 19.6272 3.84546 18.8006\",\"fill\":\"#030303\",\"key\":4}),React.createElement(\"path\",{\"d\":\"M19.3153 19.0362C19.2562 19.9809 18.7839 20.099 18.5477 20.04C18.2525 20.04 17.8982 19.6267 17.8982 18.9181C17.8982 18.2096 17.8982 17.6191 17.8982 17.6191C17.8982 17.0877 18.0163 15.0211 18.0163 14.4306C18.0163 13.604 18.2525 12.364 18.5477 12.1279C19.3153 11.5374 19.6105 12.8955 19.5515 13.9583C19.4924 14.6078 19.4924 16.6153 19.3743 17.7372C19.4334 17.7372 19.4334 17.9734 19.3153 19.0362Z\",\"fill\":\"#030303\",\"key\":5}),React.createElement(\"path\",{\"d\":\"M15.7137 16.7926C14.7689 16.7335 14.6509 16.2612 14.7099 16.025C14.7099 15.7298 15.1232 15.3755 15.8318 15.3755C16.5403 15.3755 17.1308 15.3755 17.1308 15.3755C17.6622 15.3755 19.7288 15.4936 20.3192 15.4936C21.1459 15.4936 22.3858 15.7298 22.622 16.025C23.2125 16.7926 21.8544 17.0878 20.7916 17.0288C20.1421 16.9697 18.1346 16.9697 17.0127 16.8516C17.0127 16.8516 16.8355 16.8516 15.7137 16.7926Z\",\"fill\":\"#030303\",\"key\":6}),React.createElement(\"path\",{\"d\":\"M16.1859 8.172C17.9573 8.172 18.4297 8.23104 18.7249 8.29009C19.6106 8.29009 21.1458 8.70341 21.1458 7.34536C21.1458 6.93204 21.2639 4.09784 21.2639 3.62548C21.2639 3.03502 21.5001 2.14933 21.7953 1.9722C22.5629 1.55887 23.0352 1.73601 22.9762 3.33025C22.9762 3.80261 22.7991 6.69585 22.74 7.46345C22.5629 9.64814 22.0315 9.82528 19.8468 9.82528C19.0201 9.82528 14.7098 10.0024 14.6508 8.99864C14.6508 8.40818 14.5917 8.40818 14.6508 7.87677\",\"fill\":\"#030303\",\"key\":7}),React.createElement(\"path\",{\"d\":\"M22.5629 3.03487C20.7915 3.03487 19.1973 2.97583 18.902 2.91678C18.0163 2.91678 16.4812 2.50346 16.4812 3.86151C16.4812 4.27483 16.3631 7.04998 16.3631 7.52235C16.4221 9.41181 16.0088 8.8804 15.7136 9.05754C14.946 9.47086 14.5917 8.58517 14.6507 7.81758C14.7098 7.34521 14.8279 4.51102 14.8869 3.74342C15.0641 1.55873 15.5955 1.38159 17.7802 1.38159C18.6068 1.38159 20.8505 1.44064 21.5 1.44064C23.1533 1.49968 23.3305 2.6806 22.5629 3.03487Z\",\"fill\":\"#030303\",\"key\":8})]);\n}\n\nAllIntegrationsInline.defaultProps = {\"width\":\"24\",\"height\":\"24\",\"viewBox\":\"0 0 24 24\",\"fill\":\"none\"};\n\nmodule.exports = AllIntegrationsInline;\n\nAllIntegrationsInline.default = AllIntegrationsInline;\n","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _assertThisInitialized from \"@babel/runtime/helpers/esm/assertThisInitialized\";\nimport _inheritsLoose from \"@babel/runtime/helpers/esm/inheritsLoose\";\nimport _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nvar _excluded = [\"tag\", \"isOpen\", \"className\", \"navbar\", \"cssModule\", \"children\", \"innerRef\"];\n\nvar _transitionStatusToCl;\n\nfunction ownKeys(object, enumerableOnly) {\n  var keys = Object.keys(object);\n\n  if (Object.getOwnPropertySymbols) {\n    var symbols = Object.getOwnPropertySymbols(object);\n\n    if (enumerableOnly) {\n      symbols = symbols.filter(function (sym) {\n        return Object.getOwnPropertyDescriptor(object, sym).enumerable;\n      });\n    }\n\n    keys.push.apply(keys, symbols);\n  }\n\n  return keys;\n}\n\nfunction _objectSpread(target) {\n  for (var i = 1; i < arguments.length; i++) {\n    var source = arguments[i] != null ? arguments[i] : {};\n\n    if (i % 2) {\n      ownKeys(Object(source), true).forEach(function (key) {\n        _defineProperty(target, key, source[key]);\n      });\n    } else if (Object.getOwnPropertyDescriptors) {\n      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));\n    } else {\n      ownKeys(Object(source)).forEach(function (key) {\n        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));\n      });\n    }\n  }\n\n  return target;\n}\n\nimport React, { Component } from 'react';\nimport classNames from 'classnames';\nimport { Transition } from 'react-transition-group';\nimport { mapToCssModules, omit, pick, TransitionTimeouts, TransitionPropTypeKeys, TransitionStatuses, tagPropType } from './utils';\n\nvar defaultProps = _objectSpread(_objectSpread({}, Transition.defaultProps), {}, {\n  isOpen: false,\n  appear: false,\n  enter: true,\n  exit: true,\n  tag: 'div',\n  timeout: TransitionTimeouts.Collapse\n});\n\nvar transitionStatusToClassHash = (_transitionStatusToCl = {}, _transitionStatusToCl[TransitionStatuses.ENTERING] = 'collapsing', _transitionStatusToCl[TransitionStatuses.ENTERED] = 'collapse show', _transitionStatusToCl[TransitionStatuses.EXITING] = 'collapsing', _transitionStatusToCl[TransitionStatuses.EXITED] = 'collapse', _transitionStatusToCl);\n\nfunction getTransitionClass(status) {\n  return transitionStatusToClassHash[status] || 'collapse';\n}\n\nfunction getHeight(node) {\n  return node.scrollHeight;\n}\n\nvar Collapse = /*#__PURE__*/function (_Component) {\n  _inheritsLoose(Collapse, _Component);\n\n  function Collapse(props) {\n    var _this;\n\n    _this = _Component.call(this, props) || this;\n    _this.state = {\n      height: null\n    };\n    ['onEntering', 'onEntered', 'onExit', 'onExiting', 'onExited'].forEach(function (name) {\n      _this[name] = _this[name].bind(_assertThisInitialized(_this));\n    });\n    return _this;\n  }\n\n  var _proto = Collapse.prototype;\n\n  _proto.onEntering = function onEntering(node, isAppearing) {\n    this.setState({\n      height: getHeight(node)\n    });\n    this.props.onEntering(node, isAppearing);\n  };\n\n  _proto.onEntered = function onEntered(node, isAppearing) {\n    this.setState({\n      height: null\n    });\n    this.props.onEntered(node, isAppearing);\n  };\n\n  _proto.onExit = function onExit(node) {\n    this.setState({\n      height: getHeight(node)\n    });\n    this.props.onExit(node);\n  };\n\n  _proto.onExiting = function onExiting(node) {\n    // getting this variable triggers a reflow\n    var _unused = node.offsetHeight; // eslint-disable-line no-unused-vars\n\n    this.setState({\n      height: 0\n    });\n    this.props.onExiting(node);\n  };\n\n  _proto.onExited = function onExited(node) {\n    this.setState({\n      height: null\n    });\n    this.props.onExited(node);\n  };\n\n  _proto.render = function render() {\n    var _this2 = this;\n\n    var _this$props = this.props,\n        Tag = _this$props.tag,\n        isOpen = _this$props.isOpen,\n        className = _this$props.className,\n        navbar = _this$props.navbar,\n        cssModule = _this$props.cssModule,\n        children = _this$props.children,\n        innerRef = _this$props.innerRef,\n        otherProps = _objectWithoutPropertiesLoose(_this$props, _excluded);\n\n    var height = this.state.height;\n    var transitionProps = pick(otherProps, TransitionPropTypeKeys);\n    var childProps = omit(otherProps, TransitionPropTypeKeys);\n    return /*#__PURE__*/React.createElement(Transition, _extends({}, transitionProps, {\n      in: isOpen,\n      onEntering: this.onEntering,\n      onEntered: this.onEntered,\n      onExit: this.onExit,\n      onExiting: this.onExiting,\n      onExited: this.onExited\n    }), function (status) {\n      var collapseClass = getTransitionClass(status);\n      var classes = mapToCssModules(classNames(className, collapseClass, navbar && 'navbar-collapse'), cssModule);\n      var style = height === null ? null : {\n        height: height\n      };\n      return /*#__PURE__*/React.createElement(Tag, _extends({}, childProps, {\n        style: _objectSpread(_objectSpread({}, childProps.style), style),\n        className: classes,\n        ref: _this2.props.innerRef\n      }), children);\n    });\n  };\n\n  return Collapse;\n}(Component);\n\nCollapse.defaultProps = defaultProps;\nexport default Collapse;"],"sourceRoot":""}