{"version":3,"sources":["webpack:///./src/utils/zendesk.ts","webpack:///./src/components/SEO.tsx","webpack:///./src/images/star-empty.svg","webpack:///./src/components/Flex.tsx","webpack:///./src/images/preview.png","webpack:///./src/images/star-half.svg","webpack:///./src/images/google_logo.svg","webpack:///./src/images/star-filled.svg","webpack:///./src/components/GoogleReviews.tsx"],"names":["localeMap","en","ca","updateZendeskWidgetLanguage","language","attempt","timeout","zE","window","console","log","setTimeout","clearTimeout","getFullLocale","error","baseStructuredDataScript","brand","url","name","logo","image","sameAs","baseStructuredDataScriptFAQ","SEO","props","structuredDataScript","location","useLocation","_useI18next","useI18next","t","title","description","preview","indexPreview","siteTitle","pathname","includes","bodyAttributes","class","schema","_props$schema","baseProps","Object","assign","canonical","path","useEffect","React","createElement","Helmet","defer","titleTemplate","charSet","content","rel","href","property","type","JSON","stringify","scripts","module","exports","Flex","styled","StyledDiv","withConfig","displayName","componentId","direction","justifyContent","alignItems","gap","ReviewsWrapper","div","containerSize","Slider","ScreenSizes","md","Wrapper","justify","xs","Avatar","img","AuthorName","p","Star","ReviewText","sm","ReviewTimeDescription","ArrowContainer","left","right","SliderArrow","_ref","onClick","xmlns","viewBox","fill","d","GoogleLogo","Stars","_ref2","rating","getArrayOfLength","map","_","index","Math","floor","svg","starEmpty","starHalf","starFilled","key","src","alt","GoogleReview","_ref3","review","Fragment","className","profile_photo_url","author_name","relative_time_description","text","GoogleReviews","_ref4","_breakpoints","place","_useKeenSlider","useKeenSlider","loop","mode","slides","perView","spacing","breakpoints","sliderRef","instanceRef","_useState","useState","hasNext","setHasNext","_useState2","hasPrev","setHasPrev","current","update","setArrowsState","on","_instanceRef$current","animator","targetIdx","track","details","maxIdx","reviews","googleLogo","user_ratings_total","Trans","ButtonLink","variant","target","ref","style","margin","display","flexDirection","_instanceRef$current2","prev","_instanceRef$current3","next"],"mappings":"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","file":"740d0119de0eaca3639953ac855daff45ffa77c8-bdf39a56c4b0533ef0bd.js","sourcesContent":["const localeMap: Record<string, string> = {\n  en: 'en-US',\n  ca: 'es'\n};\n\nconst getFullLocale = (language: string) => {\n  if (!language) return undefined;\n  if (localeMap[language]) return localeMap[language];\n  return language;\n};\n\nexport const updateZendeskWidgetLanguage = (language: string, attempt = 0) => {\n  const zE = window.zE;\n  let timeout: NodeJS.Timeout;\n  if (!zE) {\n    if (attempt > 10) {\n      console.log('[Zendesk] widget not found');\n      return;\n    }\n    timeout = setTimeout(() => updateZendeskWidgetLanguage(language, attempt + 1), 500);\n    return () => clearTimeout(timeout);\n  }\n  try {\n    console.log('[Zendesk] setting widget language to', language);\n    zE('messenger:set', 'locale', getFullLocale(language));\n  } catch (error) {\n    console.log(error);\n  }\n  return () => clearTimeout(timeout);\n};\n","import {useLocation} from '@reach/router';\nimport {Helmet, useI18next} from 'gatsby-plugin-react-i18next';\nimport indexPreview from 'images/preview.png';\nimport React, {PropsWithRef, useEffect} from 'react';\nimport {updateZendeskWidgetLanguage} from 'utils/zendesk';\n\ntype Props = PropsWithRef<{\n  title?: string;\n  description?: string;\n  suggestion?: string;\n  preview?: string;\n  canonical?: string;\n  bodyAttributes?: Record<string, any>;\n  schema?: any;\n  scripts?: any;\n  path?: string;\n}>;\n\nexport const baseStructuredDataScript = {\n  '@context': 'https://schema.org',\n  '@type': 'FinancialService',\n  brand: {\n    '@type': 'Organization',\n    url: 'https://www.monei.com/',\n    name: 'MONEI',\n    logo: 'https://assets.monei.com/images/logo-square.png'\n  },\n  logo: 'https://assets.monei.com/images/logo-square.png',\n  image: 'https://assets.monei.com/images/logo-square.png',\n  sameAs: [\n    'https://es.linkedin.com/company/monei-digital-payments',\n    'https://www.instagram.com/moneipayments/',\n    'https://monei.com/blog/'\n  ]\n};\n\nexport const baseStructuredDataScriptFAQ = {\n  '@context': 'https://schema.org',\n  '@type': 'FAQPage',\n  image: 'https://assets.monei.com/images/logo-square.png',\n  sameAs: [\n    'https://es.linkedin.com/company/monei-digital-payments',\n    'https://www.instagram.com/moneipayments/',\n    'https://monei.com/blog/'\n  ]\n};\n\nexport const SEO: React.FC<Props> = (props) => {\n  const location = useLocation();\n  const {t, language} = useI18next();\n  const title = props.title || t('🚀 Best Payment Platform for Business Growth');\n  const description =\n    props.description ||\n    t(\n      'Use MONEI’s plugins and APIs to accept more payment methods and increase sales online and in-person — all from a single payment platform.'\n    );\n  const preview = props.preview || indexPreview;\n  const siteTitle = 'MONEI' + (location.pathname.includes('/monei-pay') ? ' Pay' : '');\n\n  let structuredDataScript;\n\n  if (props.bodyAttributes && props.bodyAttributes.class && props.bodyAttributes.class === 'blog') {\n    structuredDataScript = props.schema;\n  } else {\n    const isFAQPage = props.schema?.['@type'] === 'FAQPage';\n    const baseProps = isFAQPage ? baseStructuredDataScriptFAQ : baseStructuredDataScript;\n\n    structuredDataScript = {\n      ...baseProps,\n      name: title,\n      url:\n        props.canonical ||\n        'https://monei.com' + (props.path ? '/' + props.path : location.pathname),\n      ...props.schema\n    };\n  }\n\n  useEffect(() => {\n    return updateZendeskWidgetLanguage(language);\n  }, [language]);\n\n  return (\n    <Helmet defer={false} titleTemplate={`%s | ${siteTitle}`} bodyAttributes={props.bodyAttributes}>\n      <meta charSet=\"utf-8\" />\n      <title>{title}</title>\n      <meta name=\"description\" content={description} />\n      <link rel=\"shortcut icon\" href=\"https://assets.monei.com/images/icon.png\" />\n      {/* Facebook */}\n      <meta property=\"og:title\" content={title} />\n      <meta property=\"og:description\" content={description} />\n      <meta property=\"og:image\" content={preview} />\n      <meta property=\"og:type\" content=\"website\" />\n      <meta property=\"og:site_name\" content={siteTitle} />\n      <meta property=\"og:locale\" content={language} />\n      <meta property=\"og:image:alt\" content={description} />\n      <meta name=\"robots\" content=\"max-image-preview:large\" />\n      {/* Twitter */}\n      <meta name=\"twitter:title\" content={title} />\n      <meta name=\"twitter:card\" content=\"summary_large_image\" />\n      <meta name=\"twitter:image\" content={preview} />\n      <meta name=\"twitter:description\" content={description} />\n      <meta name=\"twitter:image:alt\" content={description} />\n\n      <script type=\"application/ld+json\">{JSON.stringify(structuredDataScript)}</script>\n      {props.scripts && <script type=\"application/ld+json\">{JSON.stringify(props.scripts)}</script>}\n    </Helmet>\n  );\n};\n","module.exports = \"data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgd2lkdGg9IjI1IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjUgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy4yNzczIDAuOTc0MDA5TDE2Ljg0NzggNy45ODg1NUwyMy43MTU4IDguNjY0MDhDMjMuODc5NyA4LjY3OTg1IDI0LjAzNTYgOC43NDEwMyAyNC4xNjU0IDguODQwNUMyNC4yOTUzIDguOTM5OTggMjQuMzkzNyA5LjA3MzY1IDI0LjQ0OTIgOS4yMjU5NEMyNC41MDQ3IDkuMzc4MjQgMjQuNTE1IDkuNTQyODkgMjQuNDc4OSA5LjcwMDcyQzI0LjQ0MjggOS44NTg1NiAyNC4zNjE4IDEwLjAwMzEgMjQuMjQ1NCAxMC4xMTc0TDE4LjU4NTQgMTQuODYyOEwyMC42ODM5IDIyLjQxNzFDMjAuNzI3NyAyMi41NzYyIDIwLjcyMzggMjIuNzQ0MyAyMC42NzI3IDIyLjkwMTNDMjAuNjIxNSAyMy4wNTgzIDIwLjUyNTMgMjMuMTk3NCAyMC4zOTU2IDIzLjMwMTlDMjAuMjY1OSAyMy40MDY0IDIwLjEwODIgMjMuNDcxOSAxOS45NDE2IDIzLjQ5MDVDMTkuNzc0OSAyMy41MDkgMTkuNjA2MyAyMy40Nzk5IDE5LjQ1NjEgMjMuNDA2NUwxMi41IDE5Ljk4ODNMNS41NDM5NSAyMy40MTAxQzUuMzkzODMgMjMuNDgzNyA1LjIyNTIxIDIzLjUxMzEgNS4wNTg0NyAyMy40OTQ2QzQuODkxNzMgMjMuNDc2MiA0LjczNCAyMy40MTA2IDQuNjA0MzMgMjMuMzA2QzQuNDc0NjcgMjMuMjAxNCA0LjM3ODYyIDIzLjA2MjEgNC4zMjc3OCAyMi45MDQ5QzQuMjc2OTUgMjIuNzQ3OCA0LjI3MzUxIDIyLjU3OTYgNC4zMTc4OSAyMi40MjA2TDYuNDE0NTcgMTQuODYyOEwwLjc1NDU5MiAxMC4xMTM5QzAuNjM4MTU1IDkuOTk5NTQgMC41NTcxODQgOS44NTUwMyAwLjUyMTExMiA5LjY5NzJDMC40ODUwMzkgOS41MzkzNyAwLjQ5NTM0OSA5LjM3NDcxIDAuNTUwODQyIDkuMjIyNDJDMC42MDYzMzQgOS4wNzAxMiAwLjcwNDcyNCA4LjkzNjQ1IDAuODM0NTUxIDguODM2OThDMC45NjQzNzggOC43Mzc1IDEuMTIwMyA4LjY3NjMyIDEuMjg0MTUgOC42NjA1NUw4LjE1MjI0IDcuOTg1MDJMMTEuNzIyNyAwLjk3MDQ4QzExLjc5NTIgMC44Mjg3NTQgMTEuOTA2NCAwLjcwOTY2MyAxMi4wNDM5IDAuNjI2NTYyQzEyLjE4MTQgMC41NDM0NjEgMTIuMzM5NyAwLjQ5OTYzNiAxMi41MDExIDAuNTAwMDAyQzEyLjY2MjUgMC41MDAzNjkgMTIuODIwNyAwLjU0NDkxMSAxMi45NTc3IDAuNjI4NjM1QzEzLjA5NDggMC43MTIzNTkgMTMuMjA1NSAwLjgzMTk1NSAxMy4yNzczIDAuOTc0MDA5WiIgZmlsbD0id2hpdGUiIHN0cm9rZT0iIzAwNDY4MCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=\"","import styled from 'styled-components';\nimport {StyledDiv} from './StyledSx';\n\ninterface FlexProps {\n  direction?: 'row' | 'column';\n  justifyContent?:\n    | 'flex-start'\n    | 'flex-end'\n    | 'center'\n    | 'space-between'\n    | 'space-around'\n    | 'space-evenly';\n  alignItems?: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around';\n  gap?: number;\n}\n\nexport const Flex = styled(StyledDiv)<FlexProps>`\n  display: flex;\n  flex-direction: ${(props) => props.direction || 'row'};\n  justify-content: ${(props) => props.justifyContent || 'flex-start'};\n  align-items: ${(props) => props.alignItems || 'flex-start'};\n  grid-gap: ${(props) => props.gap || 0}px;\n`;\n","module.exports = __webpack_public_path__ + \"static/preview-48d726d90a111f0ef00441db07ae609c.png\";","module.exports = \"data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgd2lkdGg9IjI1IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjUgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik01LjU0Mzk1IDIzLjQxMDFMMTIuNSAxOS45ODgzTDEyLjUwMDYgMTAuMjQ0MkwxMi41MDExIDAuNTAwMDAyQzEyLjUwMTEgMC41MDAwMDIgMTIuMTgxNCAwLjU0MzQ2MSAxMi4wNDM5IDAuNjI2NTYyQzExLjkwNjQgMC43MDk2NjMgMTEuNzk1MiAwLjgyODc1NCAxMS43MjI3IDAuOTcwNDhMOC4xNTIyNCA3Ljk4NTAyTDEuMjg0MTUgOC42NjA1NUMxLjEyMDMgOC42NzYzMiAwLjk2NDM3OCA4LjczNzUgMC44MzQ1NTEgOC44MzY5OEMwLjcwNDcyNCA4LjkzNjQ1IDAuNjA2MzM0IDkuMDcwMTIgMC41NTA4NDIgOS4yMjI0MkMwLjQ5NTM0OSA5LjM3NDcxIDAuNDg1MDM5IDkuNTM5MzcgMC41MjExMTIgOS42OTcyQzAuNTU3MTg0IDkuODU1MDMgMC42MzgxNTUgOS45OTk1NCAwLjc1NDU5MiAxMC4xMTM5TDYuNDE0NTcgMTQuODYyOEw0LjMxNzg5IDIyLjQyMDZDNC4yNzM1MiAyMi41Nzk2IDQuMjc2OTUgMjIuNzQ3OCA0LjMyNzc4IDIyLjkwNDlDNC4zNzg2MiAyMy4wNjIxIDQuNDc0NjcgMjMuMjAxNCA0LjYwNDMzIDIzLjMwNkM0LjczNCAyMy40MTA2IDQuODkxNzMgMjMuNDc2MiA1LjA1ODQ3IDIzLjQ5NDZDNS4yMjUyMSAyMy41MTMxIDUuMzkzODMgMjMuNDgzNyA1LjU0Mzk1IDIzLjQxMDFaIiBmaWxsPSIjRkZFNDkxIi8+CjxwYXRoIGQ9Ik0xMy4yNzczIDAuOTc0MDA5TDE2Ljg0NzggNy45ODg1NUwyMy43MTU4IDguNjY0MDhDMjMuODc5NyA4LjY3OTg1IDI0LjAzNTYgOC43NDEwMyAyNC4xNjU0IDguODQwNUMyNC4yOTUzIDguOTM5OTggMjQuMzkzNyA5LjA3MzY1IDI0LjQ0OTIgOS4yMjU5NEMyNC41MDQ2IDkuMzc4MjQgMjQuNTE1IDkuNTQyODkgMjQuNDc4OSA5LjcwMDcyQzI0LjQ0MjggOS44NTg1NiAyNC4zNjE4IDEwLjAwMzEgMjQuMjQ1NCAxMC4xMTc0TDE4LjU4NTQgMTQuODYyOEwyMC42ODM5IDIyLjQxNzFDMjAuNzI3NyAyMi41NzYyIDIwLjcyMzggMjIuNzQ0MyAyMC42NzI3IDIyLjkwMTNDMjAuNjIxNSAyMy4wNTgzIDIwLjUyNTMgMjMuMTk3NCAyMC4zOTU2IDIzLjMwMTlDMjAuMjY1OSAyMy40MDY0IDIwLjEwODIgMjMuNDcxOSAxOS45NDE2IDIzLjQ5MDVDMTkuNzc0OSAyMy41MDkgMTkuNjA2MyAyMy40Nzk5IDE5LjQ1NjEgMjMuNDA2NUwxMi41IDE5Ljk4ODNMNS41NDM5NSAyMy40MTAxQzUuMzkzODMgMjMuNDgzNyA1LjIyNTIxIDIzLjUxMzEgNS4wNTg0NyAyMy40OTQ2QzQuODkxNzMgMjMuNDc2MiA0LjczNCAyMy40MTA2IDQuNjA0MzMgMjMuMzA2QzQuNDc0NjcgMjMuMjAxNCA0LjM3ODYyIDIzLjA2MjEgNC4zMjc3OCAyMi45MDQ5QzQuMjc2OTUgMjIuNzQ3OCA0LjI3MzUyIDIyLjU3OTYgNC4zMTc4OSAyMi40MjA2TDYuNDE0NTcgMTQuODYyOEwwLjc1NDU5MiAxMC4xMTM5QzAuNjM4MTU1IDkuOTk5NTQgMC41NTcxODQgOS44NTUwMyAwLjUyMTExMiA5LjY5NzJDMC40ODUwMzkgOS41MzkzNyAwLjQ5NTM0OSA5LjM3NDcxIDAuNTUwODQyIDkuMjIyNDJDMC42MDYzMzQgOS4wNzAxMiAwLjcwNDcyNCA4LjkzNjQ1IDAuODM0NTUxIDguODM2OThDMC45NjQzNzggOC43Mzc1IDEuMTIwMyA4LjY3NjMyIDEuMjg0MTUgOC42NjA1NUw4LjE1MjI0IDcuOTg1MDJMMTEuNzIyNyAwLjk3MDQ4QzExLjc5NTIgMC44Mjg3NTQgMTEuOTA2NCAwLjcwOTY2MyAxMi4wNDM5IDAuNjI2NTYyQzEyLjE4MTQgMC41NDM0NjEgMTIuMzM5NyAwLjQ5OTYzNiAxMi41MDExIDAuNTAwMDAyQzEyLjY2MjUgMC41MDAzNjkgMTIuODIwNyAwLjU0NDkxMSAxMi45NTc3IDAuNjI4NjM1QzEzLjA5NDggMC43MTIzNTkgMTMuMjA1NSAwLjgzMTk1NSAxMy4yNzczIDAuOTc0MDA5WiIgc3Ryb2tlPSIjMDA0NjgwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==\"","module.exports = \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4NSAzNiI+Cgk8ZyBmaWxsPSJub25lIj4KCQk8cGF0aCBmaWxsPSIjNDI4NUY0IgoJCSAgICAgIGQ9Ik0yMC44MiAxMy44MjloLTkuODZ2Mi45MjZoNi45OTRjLS4zNDYgNC4xMDQtMy43NiA1Ljg1NC02Ljk4MyA1Ljg1NC00LjEyMyAwLTcuNzItMy4yNDQtNy43Mi03Ljc5MSAwLTQuNDMgMy40My03Ljg0MSA3LjczLTcuODQxIDMuMzE3IDAgNS4yNzIgMi4xMTUgNS4yNzIgMi4xMTVsMi4wNS0yLjEyMnMtMi42My0yLjkyOC03LjQyNy0yLjkyOEM0Ljc2NyA0LjA0Mi4wNDIgOS4xOTcuMDQyIDE0Ljc2NWMwIDUuNDU3IDQuNDQ1IDEwLjc3NyAxMC45ODkgMTAuNzc3IDUuNzU1IDAgOS45NjgtMy45NDMgOS45NjgtOS43NzMgMC0xLjIzLS4xNzgtMS45NC0uMTc4LTEuOTRaIi8+CgkJPHBhdGggZmlsbD0iI0VBNDMzNSIKCQkgICAgICBkPSJNMjguOSAxMS43MWMtNC4wNDcgMC02Ljk0NyAzLjE2My02Ljk0NyA2Ljg1MyAwIDMuNzQ0IDIuODEyIDYuOTY2IDYuOTk0IDYuOTY2IDMuNzg1IDAgNi44ODYtMi44OTMgNi44ODYtNi44ODYgMC00LjU3Ni0zLjYwNy02LjkzNC02LjkzNC02LjkzNFptLjA0IDIuNzE0YzEuOTkgMCAzLjg3NSAxLjYwOSAzLjg3NSA0LjIgMCAyLjUzOC0xLjg3OCA0LjE5My0zLjg4NSA0LjE5My0yLjIwNSAwLTMuOTQ1LTEuNzY2LTMuOTQ1LTQuMjEyIDAtMi4zOTQgMS43MTgtNC4xODEgMy45NTQtNC4xODFaIi8+CgkJPHBhdGggZmlsbD0iI0ZCQkMwNSIKCQkgICAgICBkPSJNNDQuMDA4IDExLjcxYy00LjA0NyAwLTYuOTQ3IDMuMTYzLTYuOTQ3IDYuODUzIDAgMy43NDQgMi44MTMgNi45NjYgNi45OTQgNi45NjYgMy43ODUgMCA2Ljg4Ni0yLjg5MyA2Ljg4Ni02Ljg4NiAwLTQuNTc2LTMuNjA3LTYuOTM0LTYuOTMzLTYuOTM0Wm0uMDQgMi43MTRjMS45OSAwIDMuODc2IDEuNjA5IDMuODc2IDQuMiAwIDIuNTM4LTEuODc4IDQuMTkzLTMuODg1IDQuMTkzLTIuMjA2IDAtMy45NDUtMS43NjYtMy45NDUtNC4yMTIgMC0yLjM5NCAxLjcxOC00LjE4MSAzLjk1NC00LjE4MVoiLz4KCQk8cGF0aCBmaWxsPSIjNDI4NUY0IgoJCSAgICAgIGQ9Ik01OC44MjUgMTEuNzE3Yy0zLjcxNCAwLTYuNjMzIDMuMjUzLTYuNjMzIDYuOTA0IDAgNC4xNiAzLjM4NCA2LjkxOCA2LjU3IDYuOTE4IDEuOTY5IDAgMy4wMTYtLjc4MiAzLjc5LTEuNjh2MS4zNjNjMCAyLjM4NC0xLjQ0OCAzLjgxMi0zLjYzMyAzLjgxMi0yLjExMSAwLTMuMTctMS41Ny0zLjUzOC0yLjQ2bC0yLjY1NSAxLjExYy45NDIgMS45OTIgMi44MzggNC4wNyA2LjIxNSA0LjA3IDMuNjkzIDAgNi41MDctMi4zMjcgNi41MDctNy4yMDVWMTIuMTMyaC0yLjg5N3YxLjE3Yy0uODktLjk2LTIuMTA4LTEuNTg1LTMuNzI2LTEuNTg1Wm0uMjcgMi43MDljMS44MiAwIDMuNjkgMS41NTQgMy42OSA0LjIxIDAgMi42OTktMS44NjYgNC4xODctMy43MzEgNC4xODctMS45OCAwLTMuODIzLTEuNjA4LTMuODIzLTQuMTYxIDAtMi42NTMgMS45MTQtNC4yMzYgMy44NjMtNC4yMzZaIi8+CgkJPHBhdGggZmlsbD0iI0VBNDMzNSIKCQkgICAgICBkPSJNNzguMzMgMTEuN2MtMy41MDQgMC02LjQ0NSAyLjc4OC02LjQ0NSA2LjkwMSAwIDQuMzUzIDMuMjc5IDYuOTM0IDYuNzgxIDYuOTM0IDIuOTI0IDAgNC43MTgtMS42IDUuNzktMy4wMzNsLTIuMzktMS41ODljLS42Mi45NjItMS42NTYgMS45MDItMy4zODUgMS45MDItMS45NDIgMC0yLjgzNi0xLjA2NC0zLjM4OS0yLjA5NGw5LjI2Ni0zLjg0NS0uNDgxLTEuMTI2Yy0uODk2LTIuMjA3LTIuOTg0LTQuMDUtNS43NDctNC4wNVptLjEyIDIuNjU4YzEuMjYzIDAgMi4xNzIuNjcxIDIuNTU4IDEuNDc2TDc0LjgyIDE4LjQyYy0uMjY3LTIuMDAyIDEuNjMtNC4wNjIgMy42My00LjA2MloiLz4KCQk8cGF0aCBmaWxsPSIjMzRBODUzIiBkPSJNNjcuNDY3IDI1LjEyNGgzLjA0NFY0Ljc1N2gtMy4wNDR6Ii8+Cgk8L2c+Cjwvc3ZnPgo=\"","module.exports = \"data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgd2lkdGg9IjI1IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjUgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy4yNzczIDAuOTc0MDA5TDE2Ljg0NzggNy45ODg1NUwyMy43MTU4IDguNjY0MDhDMjMuODc5NyA4LjY3OTg1IDI0LjAzNTYgOC43NDEwMyAyNC4xNjU0IDguODQwNUMyNC4yOTUzIDguOTM5OTggMjQuMzkzNyA5LjA3MzY1IDI0LjQ0OTIgOS4yMjU5NEMyNC41MDQ3IDkuMzc4MjQgMjQuNTE1IDkuNTQyODkgMjQuNDc4OSA5LjcwMDcyQzI0LjQ0MjggOS44NTg1NiAyNC4zNjE4IDEwLjAwMzEgMjQuMjQ1NCAxMC4xMTc0TDE4LjU4NTQgMTQuODYyOEwyMC42ODM5IDIyLjQxNzFDMjAuNzI3NyAyMi41NzYyIDIwLjcyMzggMjIuNzQ0MyAyMC42NzI3IDIyLjkwMTNDMjAuNjIxNSAyMy4wNTgzIDIwLjUyNTMgMjMuMTk3NCAyMC4zOTU2IDIzLjMwMTlDMjAuMjY1OSAyMy40MDY0IDIwLjEwODIgMjMuNDcxOSAxOS45NDE2IDIzLjQ5MDVDMTkuNzc0OSAyMy41MDkgMTkuNjA2MyAyMy40Nzk5IDE5LjQ1NjEgMjMuNDA2NUwxMi41IDE5Ljk4ODNMNS41NDM5NSAyMy40MTAxQzUuMzkzODMgMjMuNDgzNyA1LjIyNTIxIDIzLjUxMzEgNS4wNTg0NyAyMy40OTQ2QzQuODkxNzMgMjMuNDc2MiA0LjczNCAyMy40MTA2IDQuNjA0MzMgMjMuMzA2QzQuNDc0NjcgMjMuMjAxNCA0LjM3ODYyIDIzLjA2MjEgNC4zMjc3OCAyMi45MDQ5QzQuMjc2OTUgMjIuNzQ3OCA0LjI3MzUxIDIyLjU3OTYgNC4zMTc4OSAyMi40MjA2TDYuNDE0NTcgMTQuODYyOEwwLjc1NDU5MiAxMC4xMTM5QzAuNjM4MTU1IDkuOTk5NTQgMC41NTcxODQgOS44NTUwMyAwLjUyMTExMiA5LjY5NzJDMC40ODUwMzkgOS41MzkzNyAwLjQ5NTM0OSA5LjM3NDcxIDAuNTUwODQyIDkuMjIyNDJDMC42MDYzMzQgOS4wNzAxMiAwLjcwNDcyNCA4LjkzNjQ1IDAuODM0NTUxIDguODM2OThDMC45NjQzNzggOC43Mzc1IDEuMTIwMyA4LjY3NjMyIDEuMjg0MTUgOC42NjA1NUw4LjE1MjI0IDcuOTg1MDJMMTEuNzIyNyAwLjk3MDQ4QzExLjc5NTIgMC44Mjg3NTQgMTEuOTA2NCAwLjcwOTY2MyAxMi4wNDM5IDAuNjI2NTYyQzEyLjE4MTQgMC41NDM0NjEgMTIuMzM5NyAwLjQ5OTYzNiAxMi41MDExIDAuNTAwMDAyQzEyLjY2MjUgMC41MDAzNjkgMTIuODIwNyAwLjU0NDkxMSAxMi45NTc3IDAuNjI4NjM1QzEzLjA5NDggMC43MTIzNTkgMTMuMjA1NSAwLjgzMTk1NSAxMy4yNzczIDAuOTc0MDA5WiIgZmlsbD0iI0ZGRTQ5MSIgc3Ryb2tlPSIjMDA0NjgwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==\"","import React, {useEffect, useState} from 'react';\nimport styled from 'styled-components';\nimport {useKeenSlider} from 'keen-slider/react';\nimport {containerSize, ScreenSizes} from '../../types/responsive';\nimport {Trans, useI18next} from 'gatsby-plugin-react-i18next';\nimport {Flex} from './Flex';\nimport {ButtonLink} from './Button';\nimport {getArrayOfLength} from 'utils/helpers';\n\nimport googleLogo from 'images/google_logo.svg';\nimport starEmpty from 'images/star-empty.svg';\nimport starFilled from 'images/star-filled.svg';\nimport starHalf from 'images/star-half.svg';\n\ntype Review = {\n  author_name: string;\n  text: string;\n  rating: number;\n  profile_photo_url: string;\n  relative_time_description: string;\n};\n\nexport type Place = {\n  rating: number;\n  reviews: Review[];\n  user_ratings_total: string;\n};\n\nconst ReviewsWrapper = styled.div`\n  max-width: ${containerSize};\n  width: 100%;\n  margin: auto;\n  display: flex;\n  flex-direction: column;\n  gap: 18px;\n  padding: 4px 20px;\n`;\n\nconst Slider = styled.div`\n  overflow: hidden;\n  position: relative;\n  @media (max-width: ${ScreenSizes.md}) {\n    overflow: visible !important;\n  }\n`;\n\nconst Wrapper = styled.div<{\n  direction?: 'row' | 'column';\n  gap?: string;\n  justify?:\n    | 'space-between'\n    | 'flex-start'\n    | 'flex-end'\n    | 'center'\n    | 'space-around'\n    | 'space-evenly';\n}>`\n  padding: 24px;\n  background-color: white;\n  border-radius: 8px;\n  display: flex;\n  position: relative;\n  justify-content: ${(props) => props.justify || 'flex-start'};\n  align-items: center;\n  flex-direction: ${(props) => props.direction || 'row'};\n  gap: ${(props) => props.gap || '12px'};\n  border: 1px solid #ddd;\n  margin-bottom: 1px;\n  @media (max-width: ${ScreenSizes.xs}) {\n    flex-direction: column;\n  }\n`;\n\nconst Avatar = styled.img`\n  width: 44px;\n  height: 44px;\n  border-radius: 50%;\n  overflow: hidden;\n`;\n\nconst AuthorName = styled.p`\n  font-size: 14px;\n  font-weight: 700;\n  margin: 0;\n`;\n\nconst Star = styled.div`\n  width: 18px;\n  height: 18px;\n`;\n\nconst ReviewText = styled.p`\n  font-size: 20px;\n  line-height: 1.4;\n  margin-top: 12px;\n  text-align: center;\n  @media (min-width: ${ScreenSizes.sm}) {\n    font-size: 18px;\n  }\n  @media (min-width: ${ScreenSizes.xs}) {\n    font-size: 16px;\n  }\n`;\nconst ReviewTimeDescription = styled.p`\n  overflow: hidden;\n  min-width: 0;\n  font-weight: 400;\n  font-size: 12px;\n  line-height: 1.17;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  color: rgba(0, 10, 18, 0.5);\n`;\n\nconst ArrowContainer = styled.div<{left?: boolean; right?: boolean}>`\n  position: absolute;\n  width: 32px;\n  height: 32px;\n  margin: 0;\n  border-radius: 50%;\n  background-color: rgba(17, 17, 17, 0.5);\n  box-shadow: rgb(0 0 0 / 30%) 0 4px 12px 0;\n  top: calc(50% - 16px);\n  left: ${(props) => (props.left ? '6px' : 'unset')};\n  right: ${(props) => (props.right ? '6px' : 'unset')};\n  z-index: 100;\n  cursor: pointer;\n\n  svg {\n    position: absolute;\n    width: 18px;\n    height: 18px;\n    left: calc(50% - 9px);\n    top: calc(50% - 9px);\n    path {\n      fill: rgb(255, 255, 255);\n    }\n  }\n\n  &:hover {\n    box-shadow: rgb(0 0 0 / 50%) 0 4px 12px 0;\n    background-color: rgba(17, 17, 17);\n  }\n`;\nconst SliderArrow: React.FC<\n  {left?: boolean; right?: boolean; onClick: () => void} & React.HTMLAttributes<HTMLDivElement>\n> = ({left, right, onClick}) => {\n  return (\n    <ArrowContainer onClick={onClick} left={left} right={right}>\n      {left && (\n        <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 14.2 24.1\">\n          <path fill=\"currentColor\" d=\"M12.05,24.1l-12-12L12.05,0,14.2,2.15l-9.9,9.9L14.2,22Z\" />\n        </svg>\n      )}\n      {right && (\n        <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 14.2 24.1\">\n          <path fill=\"currentColor\" d=\"M2.15,24.1,0,22l9.9-9.9L0,2.15,2.15,0l12,12.05Z\" />\n        </svg>\n      )}\n    </ArrowContainer>\n  );\n};\n\nconst GoogleLogo = styled.img`\n  height: 40px;\n  margin: 0;\n`;\n\nconst Stars: React.FC<{rating: number}> = ({rating}) => {\n  return (\n    <Flex gap={2}>\n      {getArrayOfLength(5, 0).map((_, index) => {\n        const module = Math.floor(rating) > index ? 1 : rating % index;\n        const svg = module > 1 ? starEmpty : module < 0.7 ? starHalf : starFilled;\n        return <Star key={index}>{<img src={svg} alt=\"star\" />}</Star>;\n      })}\n    </Flex>\n  );\n};\n\nconst GoogleReview: React.FC<{review: Review}> = ({review}) => {\n  return (\n    <>\n      <Wrapper className=\"keen-slider__slide\" direction=\"column\" gap=\"8px\">\n        <Avatar src={review.profile_photo_url} alt=\"Review author avatar\" />\n        <AuthorName>{review.author_name}</AuthorName>\n        <Stars rating={review.rating} />\n        <ReviewTimeDescription>{review.relative_time_description}</ReviewTimeDescription>\n        <ReviewText>{review.text}</ReviewText>\n      </Wrapper>\n    </>\n  );\n};\n\nexport const GoogleReviews: React.FC<{place: Place} & React.HTMLAttributes<HTMLElement>> = ({\n  place\n}) => {\n  const {t} = useI18next();\n  const [sliderRef, instanceRef] = useKeenSlider<HTMLDivElement>({\n    loop: false,\n    mode: 'snap',\n    slides: {perView: 3, spacing: 18},\n    breakpoints: {\n      ['(max-width: ' + ScreenSizes.md + ')']: {\n        slides: {perView: 2.5, spacing: 16}\n      },\n      ['(max-width: ' + ScreenSizes.sm + ')']: {\n        slides: {perView: 2, spacing: 14}\n      },\n      ['(max-width: ' + ScreenSizes.xs + ')']: {\n        slides: {perView: 1.2, spacing: 12}\n      }\n    }\n  });\n  const [hasNext, setHasNext] = useState(true);\n  const [hasPrev, setHasPrev] = useState(true);\n  useEffect(() => {\n    if (!instanceRef.current) return;\n    instanceRef.current.update();\n    setArrowsState();\n  }, [instanceRef]);\n\n  useEffect(() => {\n    if (!instanceRef.current) return;\n    instanceRef.current.on('dragEnded', setArrowsState);\n  }, [sliderRef]);\n\n  const setArrowsState = () => {\n    if (!instanceRef.current?.animator.targetIdx) {\n      setHasPrev(false);\n      return;\n    }\n    setHasPrev(instanceRef.current.animator.targetIdx > 0);\n    setHasNext(instanceRef.current.animator.targetIdx < instanceRef.current.track.details.maxIdx);\n  };\n\n  const reviews: Review[] = [\n    {\n      author_name: 'Felipe Martin',\n      text: t('The best online payment aggregate out there'),\n      rating: 5,\n      profile_photo_url:\n        'https://lh3.googleusercontent.com/a-/ACB-R5RxCr5OkOmYqNiEQO35eATx5lO8Ps9sPK6Kt8y2MDs=w36-h36-p-c0x00000000-rp-mo-ba3-br100',\n      relative_time_description: t('A week ago')\n    },\n    {\n      author_name: 'Juan M',\n      text: t('Super intuitive and easy to use'),\n      rating: 5,\n      profile_photo_url:\n        'https://lh3.googleusercontent.com/a/AGNmyxbQyfYC12xNkNm5tHcqvDyCPxcF9stmDd9H16W5=w36-h36-p-c0x00000000-rp-mo-br100',\n      relative_time_description: t('A week ago')\n    },\n    {\n      author_name: 'Beautify Box',\n      text: t(\n        'We have integrated Monei as our secure payment gateway, in a simple, fast and completely secure way. It also offers us payment methods such as Bizum, which increases the conversion of payments and gives options to all customers.\\n' +\n          'The commissions with respect to others are lower and also the customer service in Spain is very efficient. Thank you'\n      ),\n      rating: 5,\n      profile_photo_url:\n        'https://lh3.googleusercontent.com/a/AGNmyxYC-YYSw0sT1eVn63jDj7g2HNS3En8IGIxsbG28Mg0=w36-h36-p-c0x00000000-rp-mo-br100',\n      relative_time_description: t('A week ago')\n    },\n    {\n      author_name: 'OrtoPrime España',\n      text: t(\n        '100% recommended. An optimal payment gateway that quickly adapts to the changes and improvements required in electronic commerce. We are very happy to work with the MONEI team!'\n      ),\n      rating: 5,\n      profile_photo_url:\n        'https://lh3.googleusercontent.com/a-/ACB-R5TrYVNx_nz1m0rTppsX0qK24hbtBxjn6kfUnzPL=w36-h36-p-c0x00000000-rp-mo-br100',\n      relative_time_description: t('Two weeks ago')\n    },\n    {\n      author_name: 'Biel Tenias Tenas',\n      text: t(\n        \"We use it every day to collect from our firm's clients and I can only recommend it to everyone. VERY LOW commissions and the next day you have the money deposited in your checking account. 10/10.\"\n      ),\n      rating: 5,\n      profile_photo_url:\n        'https://lh3.googleusercontent.com/a-/ACB-R5SUVhiushEOkfiQN2k1TKpTrU9cJnY7Dsq5WRsH=w36-h36-p-c0x00000000-rp-mo-br100',\n      relative_time_description: t('A month ago')\n    },\n    {\n      author_name: 'Mar Sánchez Orduna',\n      text: t(\n        'I give this application a 10 for my online store since thanks to it my clients can pay with bizum and other means of card payment, increasing my conversion rate. It is very simple and intuitive and anyone can connect their ecommerce to Money. They also have a super responsive support that answers all your questions. Highly recommended.'\n      ),\n      rating: 5,\n      profile_photo_url:\n        'https://lh3.googleusercontent.com/a/AGNmyxYwDW3DLpM961pu0SLBGZLS6pMWI_8mzRUZ81jd=w36-h36-p-c0x00000000-rp-mo-br100',\n      relative_time_description: t('A month ago')\n    },\n    {\n      author_name: 'Catherin Barajas guerrero',\n      text: t(\n        'I use MONEI for my business and so far it works great. It is easy to integrate and the customer service is very good. I recommend it'\n      ),\n      rating: 5,\n      profile_photo_url:\n        'https://lh3.googleusercontent.com/a-/ACB-R5QJzk8rbwd7WvpHkq8aW6e8bOOCQTNuxzifam4a=w36-h36-p-c0x00000000-rp-mo-br100',\n      relative_time_description: t('Two months ago')\n    },\n    {\n      author_name: 'Andres Varela',\n      text: t('Highly recommended'),\n      rating: 5,\n      profile_photo_url:\n        'https://lh3.googleusercontent.com/a-/ACB-R5Q8VEEAc0v_rOrPaRTyiNksbXnLmLHkZCsKnb3-FAg=w36-h36-p-c0x00000000-rp-mo-br100',\n      relative_time_description: t('Three months ago')\n    },\n    {\n      author_name: 'David Hart Socias',\n      text: t(\n        'Very good service. Our users asked us to pay for bizum and since we implemented it, the conversion rate of the web has increased!'\n      ),\n      rating: 5,\n      profile_photo_url:\n        'https://lh3.googleusercontent.com/a-/ACB-R5RPVgdSEiqn8FjRCfqtwutGRpmJClptSQnd6J76=w36-h36-p-c0x00000000-rp-mo-br100',\n      relative_time_description: t('Four months ago')\n    },\n    {\n      author_name: 'Lluis Cufi',\n      text: t(\n        \"I've been using MONEI apps and MONEI Payments Platform for many years and I have only good words for them. The service is absolutely perfect, great customer service and very reasonable prices. I totally recommend it!\"\n      ),\n      rating: 5,\n      profile_photo_url:\n        'https://lh3.googleusercontent.com/a/AGNmyxZOH76WVSCWGUn0EoHOISsCJpd5y4n1Xt3sXSdD=w36-h36-p-c0x00000000-rp-mo-br100',\n      relative_time_description: t('Four months ago')\n    }\n  ];\n\n  const moneiMapsUrl =\n    'https://www.google.com/maps/place/MONEI/@36.7178642,-4.4395234,17z/data=!3m1!4b1!4m5!3m4!1s0xd72f92b70e492a5:0x4ae19b976b55821d!8m2!3d36.7178642!4d-4.4395234';\n  return (\n    <ReviewsWrapper>\n      <Wrapper justify=\"space-between\">\n        <Flex direction=\"column\">\n          <Flex direction=\"row\" alignItems=\"center\" gap={8}>\n            <GoogleLogo src={googleLogo} alt=\"Google Logo\" />\n            <span>Rating</span>\n          </Flex>\n          <Flex direction=\"row\" alignItems=\"center\" gap={8}>\n            {place.user_ratings_total} <Trans>reviews</Trans>\n            <Stars rating={place.rating} />\n          </Flex>\n        </Flex>\n        <ButtonLink variant=\"light\" href={moneiMapsUrl} target=\"_blank\">\n          <Trans>Write a review</Trans>\n        </ButtonLink>\n      </Wrapper>\n      <Slider\n        ref={sliderRef}\n        className=\"keen-slider\"\n        style={{margin: 0, display: 'flex', flexDirection: 'row'}}>\n        {hasPrev && (\n          <SliderArrow\n            left\n            onClick={() => {\n              instanceRef.current?.prev();\n              setArrowsState();\n            }}\n          />\n        )}\n        {reviews.map((review) => {\n          return <GoogleReview review={review} />;\n        })}\n        {hasNext && (\n          <SliderArrow\n            right\n            onClick={() => {\n              instanceRef.current?.next();\n              setArrowsState();\n            }}\n          />\n        )}\n      </Slider>\n    </ReviewsWrapper>\n  );\n};\n"],"sourceRoot":""}