{"version":3,"sources":["webpack:///./src/utils/zendesk.ts","webpack:///./src/components/SEO.tsx","webpack:///./src/components/RelatedBlogPosts.tsx","webpack:///./src/utils/blog-utils.ts","webpack:///./src/components/Flex.tsx","webpack:///./src/pages/monei-pay/retail-POS-system.tsx","webpack:///./src/images/preview.png","webpack:///./src/images/cart2.svg","webpack:///./src/images/megaphone.svg"],"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","CardImage","styled","div","withConfig","displayName","componentId","Image","img","CardContent","Title","p","Summary","PostsWrapper","containerSize","Slider","ScreenSizes","md","Card","Wrapper","justify","direction","xs","ArrowContainer","left","right","SliderArrow","_ref","onClick","xmlns","viewBox","fill","d","RelatedBlogPosts","_ref2","_breakpoints","posts","_useKeenSlider","useKeenSlider","loop","mode","slides","perView","spacing","breakpoints","lg","ms","sm","sliderRef","instanceRef","_useState","useState","hasNext","setHasNext","_useState2","hasPrev","setHasPrev","current","update","setArrowsState","on","animator","targetIdx","track","details","maxIdx","ref","className","style","margin","display","flexDirection","_instanceRef$current","prev","map","post","index","gap","src","imageUrl","alt","text","truncateText","summary","BlogLink","slug","uid","Trans","_instanceRef$current2","next","postCategory","category","categories","find","cat","getBlogPostFromEdge","_post$slice_zone","_post$image","_post$image2","_post$image3","_faq_section$fields","_faq_section$primary","_faq_section$primary$","_faq_section$primary2","_faq_section$primary3","faq_section","slice_zone","slice","blogPost","_meta","updated_at","moment","format","undefined","meta_title","RichText","asText","meta_description","categorySlug","secondary_category","body","cta","author","author_card","tags","image_source","imageWidth","dimensions","width","imageHeight","height","custom_html","imageRatio","firstPublicationDate","Date","lang","substr","faqs","fields","field","_field$title","_field$title$","faqsTitle","primary","faqs_title","faqsDescription","faqs_description","getPostsFromPrismicEdges","tag","filter","_post$node$_meta$tags","node","decodeURI","sort","a","b","secondaryDiff","diff","removeDuplicatedPosts","Array","from","Set","id","Boolean","sortPostsByDate","sortedPosts","mostRecentDateA","isAfter","mostRecentDateB","setMomentLocale","mapCategory","order","maxLength","length","substring","Flex","StyledDiv","justifyContent","alignItems","CardWrapper","RetailPosSytem","data","prismic","allCategorys","edges","popularPosts","allPosts","Fragment","IndexBackground","Content","Section","columnLg","MainTitleContent","sx","maxWidth","all","SectionHeader","underline","tagName","parent","Bold","SectionActions","SignUpButton","variant","marginRight","ContactSalesButton","CompatibleWith","MoneiVideoSection","marginTop","centered","paddingTop","textAlign","MoneiPayQrLink","CardsContainer","padding","cards","top","InternalPageLink","mobile_payment","SupportLink","cart2","money","PricingLink","megaphone","person","DownloadOnAppleStore","DownloadOnGooglePlay","Background","fontSize","OrderedList","SignUpLink","RotatedScreenshots","reverseOnMobile","QrGroup","AndroidDownloadLink","IosDownloadLink","paddingBottom","query","source","toString","this","module","exports"],"mappings":"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","file":"component---src-pages-monei-pay-retail-pos-system-tsx-38084b183ced9e274d0c.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","import React, {useEffect, useState} from 'react';\nimport {Trans} from 'react-i18next';\nimport {Section, SectionHeader} from './Section';\nimport styled from 'styled-components';\nimport {containerSize, ScreenSizes} from '../../types/responsive';\nimport {useKeenSlider} from 'keen-slider/react';\nimport {Button} from './Button';\nimport {truncateText} from 'utils/blog-utils';\nimport {Content} from './Content';\nimport { BlogLink } from './links/Blog';\n\n// Estilos de la imagen\nconst CardImage = styled.div`\n  overflow: hidden;\n  height: 200px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`;\n\nconst Image = styled.img`\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  margin-bottom: 0;\n`;\n\n// Estilos del contenido\nconst CardContent = styled.div`\n  flex-grow: 1; /* Allow content to grow and take available space */\n  display: flex;\n  flex-direction: column; /* Stack title and publication date vertically */\n  justify-content: space-between;\n  padding: 15px;\n`;\n\nconst Title = styled.p`\n  text-align: left;\n  margin-top: 0;\n`;\n\nconst Summary = styled.p`\n  text-align: left;\n  font-size: 0.9em;\n  color: #666;\n  margin: 8px 0;\n  border-top: 1px solid #e0e0e0;\n  padding-top: 8px;\n`;\n\nconst PostsWrapper = styled.div`\n  max-width: ${containerSize};\n  width: 100%;\n  margin: auto;\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\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 Card = styled.div`\n  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n  border-radius: 5px;\n  overflow: hidden;\n  margin: 20px;\n  display: flex;\n  flex-direction: column;\n  height: 100%; /* Allow the card to take full height of the wrapper */\n  justify-content: space-between; /* Space between title and publication date */\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  height: 100%;\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: 6px;\n  margin-bottom: 1px;\n  @media (max-width: ${ScreenSizes.xs}) {\n    flex-direction: column;\n  }\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};\nexport const RelatedBlogPosts = ({posts}: any) => {\n  const [sliderRef, instanceRef] = useKeenSlider<HTMLDivElement>({\n    loop: false,\n    mode: 'snap',\n    slides: {perView: 4, spacing: 18},\n    breakpoints: {\n      ['(max-width: ' + ScreenSizes.lg + ')']: {\n        slides: {perView: 3.5, spacing: 16}\n      },\n      ['(max-width: ' + ScreenSizes.md + ')']: {\n        slides: {perView: 3, spacing: 16}\n      },\n      ['(max-width: ' + ScreenSizes.ms + ')']: {\n        slides: {perView: 2.5, spacing: 14}\n      },\n      ['(max-width: ' + ScreenSizes.sm + ')']: {\n        slides: {perView: 2, spacing: 14}\n      },\n      ['(max-width: ' + ScreenSizes.xs + ')']: {\n        slides: {perView: 1, 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    setHasPrev(instanceRef.current.animator.targetIdx > 0);\n    setHasNext(instanceRef.current.animator.targetIdx < instanceRef.current.track.details.maxIdx);\n  };\n\n  return (\n        <PostsWrapper>\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            {posts.map((post: any, index: number) => (\n              <Wrapper className=\"keen-slider__slide\" direction=\"column\" gap=\"8px\">\n                <Card>\n                  <CardImage>\n                    <Image src={post.imageUrl} alt=\"Imagen\" />\n                  </CardImage>\n                  <CardContent>\n                    <Title>{post.title[0].text}</Title>\n                    <Summary>{truncateText(post.summary[0].text, 100)}</Summary>\n                    <BlogLink slug={post.uid}>\n                      <Trans>Read more</Trans>\n                    </BlogLink>\n                  </CardContent>\n                </Card>\n              </Wrapper>\n            ))}\n            {hasNext && (\n              <SliderArrow\n                right\n                onClick={() => {\n                  instanceRef.current?.next();\n                  setArrowsState();\n                }}\n              />\n            )}\n          </Slider>\n        </PostsWrapper>\n  );\n};\n","// i18next-extract-mark-ns-start blog\n\nimport {\n  Prismic_Author,\n  Prismic_Call_To_Action,\n  Prismic_CategoryConnectionEdge,\n  Prismic_Post,\n  Prismic_PostConnectionEdge\n} from '../../types/graphql-types';\nimport {RichText} from 'prismic-reactjs';\nimport moment from 'moment/moment';\nimport {BlogCategoryType, BlogLocale, BlogPost} from '../../types/BlogTypes';\nimport {Language} from '../../locales/types';\nimport {TFunction} from 'i18next';\nimport {setMomentLocale} from './helpers';\n\nfunction postCategory(category: string, categories: BlogCategoryType[]) {\n  return categories.find((cat) => cat.slug === category);\n}\n\nexport function getBlogPostFromEdge(post: Prismic_Post, categories: BlogCategoryType[]): BlogPost {\n  const faq_section = post.slice_zone?.find((slice) => slice.type === 'faq_section');\n  const blogPost: BlogPost = {\n    ...(post._meta.uid\n      ? {\n          uid: post._meta.uid,\n          slug: '/blog/' + post._meta.uid + '/'\n        }\n      : {}),\n    title: post.title || [],\n    updated_at: post.updated_at ? moment(post.updated_at).format('LL') : undefined,\n    meta_title: RichText.asText(post.meta_title || post.title || []),\n    meta_description: RichText.asText(post.meta_description || []),\n    summary: post.summary || [],\n    ...(post.category\n      ? {\n          category: postCategory(post.category, categories),\n          categorySlug: '/blog/' + post.category + '/'\n        }\n      : {}),\n    ...(post.secondary_category\n      ? {secondary_category: postCategory(post.secondary_category, categories)}\n      : {}),\n    body: post.body || [],\n    cta: post.cta as Prismic_Call_To_Action,\n    author: post.author as string,\n    author_card: post.author_card as Prismic_Author,\n    tags: post._meta.tags,\n    image_source: post.image_source || [],\n    imageUrl: post.image?.url,\n    imageWidth: post.image?.dimensions.width || 1,\n    imageHeight: post.image?.dimensions.height || 1,\n    custom_html: post.custom_html || '',\n    imageRatio: 100,\n    firstPublicationDate: moment(post._meta.firstPublicationDate || new Date()).format('LL'),\n    ...(post._meta.lang ? {lang: post._meta.lang.substr(0, 2) as Language} : {}),\n    faqs:\n      faq_section?.fields?.map((field) => ({\n        title: field?.title?.[0]?.text || '',\n        text: field?.text || []\n      })) || [],\n    faqsTitle: faq_section?.primary?.faqs_title?.[0].text || '',\n    faqsDescription: faq_section?.primary?.faqs_description?.[0].text || ''\n  };\n  blogPost.imageRatio = ((blogPost.imageHeight || 1) / (blogPost.imageWidth || 1)) * 100;\n\n  return blogPost;\n}\n\ntype GetPostsParams = {\n  posts: Prismic_PostConnectionEdge[];\n  categories: BlogCategoryType[];\n  tag?: string;\n};\nexport function getPostsFromPrismicEdges({posts, categories, tag}: GetPostsParams): BlogPost[] {\n  return posts\n    .filter((post) => !tag || post.node._meta.tags?.includes(decodeURI(tag)))\n    .map((post: Prismic_PostConnectionEdge) => getBlogPostFromEdge(post.node, categories))\n    .sort((a, b) => {\n      if (!a.updated_at && !b.updated_at) {\n        const secondaryDiff = moment(b.firstPublicationDate).diff(moment(a.firstPublicationDate));\n        return !secondaryDiff ? 0 : secondaryDiff < 0 ? -1 : 1;\n      }\n      if (!a.updated_at) {\n        return 1;\n      }\n      if (!b.updated_at) {\n        return -1;\n      }\n      const primaryDiff = moment(b.updated_at).diff(moment(a.updated_at));\n      return primaryDiff < 0 ? -1 : 1;\n    });\n}\n\nexport const removeDuplicatedPosts = (posts: BlogPost[]) => {\n  const postsIds = Array.from(new Set(posts.map((post) => post.uid)));\n  return postsIds\n    .map((id) => posts.find((post) => post.uid === id))\n    .filter((post) => Boolean(post)) as BlogPost[];\n};\n\nexport const sortPostsByDate = (posts: BlogPost[], lang: BlogLocale = 'en-gb') => {\n  const sortedPosts = posts.sort((a, b) => {\n    const mostRecentDateA = a.updated_at\n      ? moment(a.firstPublicationDate).isAfter(moment(a.updated_at))\n        ? a.firstPublicationDate\n        : a.updated_at\n      : a.firstPublicationDate;\n    const mostRecentDateB = b.updated_at\n      ? moment(b.firstPublicationDate).isAfter(moment(b.updated_at))\n        ? b.firstPublicationDate\n        : b.updated_at\n      : b.firstPublicationDate;\n    const isAfter = moment(mostRecentDateA).isAfter(mostRecentDateB);\n    return isAfter ? -1 : 1;\n  });\n  setMomentLocale(lang);\n  return sortedPosts.map((post) => ({\n    ...post,\n    firstPublicationDate: moment(post.firstPublicationDate).format('LL'),\n    updated_at: post.updated_at ? moment(post.updated_at).format('LL') : undefined\n  }));\n};\n\nexport const mapCategory = (category: Prismic_CategoryConnectionEdge) => ({\n  title: category.node.title,\n  slug: category.node._meta.uid,\n  order: category.node.order,\n  lang: category.node._meta.lang,\n  meta_description: category.node.meta_description\n});\n\nexport const getBlogCaption = (post: BlogPost, t: TFunction) => {\n  const author = post.author_card?.author_name\n    ? RichText.asText(post.author_card?.author_name) + ' | '\n    : '';\n  const publicationDate =\n    (post.updated_at ? t('Originally published') : t('Published')) +\n    ': ' +\n    post.firstPublicationDate;\n  const updatedAt = post.updated_at ? ' | ' + t('Updated') + ': ' + post.updated_at : '';\n  return author + publicationDate + updatedAt;\n};\n\n// Utility function to truncate text\nexport const truncateText = (text: string, maxLength: number) => {\n  if (text.length > maxLength) {\n    return text.substring(0, maxLength) + '...'; // Add ellipsis if truncated\n  }\n  return text;\n};\n\n","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","// i18next-extract-mark-ns-start retail-POS-system\n\nimport {ContactSalesButton} from 'components/ContactSalesButton';\nimport {Content} from 'components/Content';\nimport {OrderedList} from 'components/List';\nimport 'keen-slider/keen-slider.min.css';\nimport {Section, SectionActions, SectionHeader} from 'components/Section';\nimport {SEO} from 'components/SEO';\nimport {SignUpButton} from 'components/SignUpButton';\nimport {graphql} from 'gatsby';\nimport {Trans, useI18next} from 'gatsby-plugin-react-i18next';\n\nimport styled from 'styled-components';\nimport {Flex} from 'components/Flex';\nimport React from 'react';\nimport {DownloadOnAppleStore, IosDownloadLink} from 'components/DownloadOnAppleStore';\nimport {AndroidDownloadLink, DownloadOnGooglePlay} from 'components/DownloadOnGooglePlay';\nimport Bold from 'components/Bold';\nimport {AnchorLink} from 'components/AnchorLink';\nimport {MoneiVideoSection} from 'components/landings/MoneiVideoSection';\nimport {CompatibleWith} from 'components/monei-pay/CompatibleWith';\nimport IndexBackground from 'components/monei-pay/IndexBackground';\nimport {BlogLink} from 'components/links/Blog';\nimport {InternalPageLink, MoneiPayQrLink, PricingLink} from 'components/links/Pages';\nimport CardsContainer from 'components/CardsContainer';\nimport {Card} from 'components/Card';\nimport cards from 'images/credit-cards.svg';\nimport mobile_payment from 'images/mobile_payment.svg';\nimport money from 'images/money.svg';\nimport cart2 from 'images/cart2.svg';\nimport megaphone from 'images/megaphone.svg';\nimport person from 'images/person.svg';\nimport {SignUpLink} from 'components/links/Other';\nimport {StyledDiv} from 'components/StyledSx';\nimport {Background} from 'components/Background';\nimport {QrGroup} from 'components/monei-pay/QrGroup';\nimport {RotatedScreenshots} from 'components/monei-pay/RotatedScreenshots';\nimport {MainTitleContent} from 'components/monei-pay/MainTitleContent';\nimport {SupportLink} from 'components/links/Support';\nimport {mapCategory, getPostsFromPrismicEdges} from 'utils/blog-utils';\nimport {BlogCategoryType, BlogPost} from '../../../types/BlogTypes';\nimport {RelatedBlogPosts} from 'components/RelatedBlogPosts';\n\nconst CardWrapper = styled.div`\n  max-width: 230px;\n`;\n\nconst CardImage = styled.img`\n  position: absolute;\n`;\n\nconst RetailPosSytem: React.FC = (props: any) => {\n  const {t} = useI18next();\n  const {data} = props;\n\n  const categories: BlogCategoryType[] = data.prismic.allCategorys.edges.map(mapCategory) || [];\n  const popularPosts: BlogPost[] = getPostsFromPrismicEdges({\n    posts: data.popularPosts.allPosts.edges,\n    categories\n  });\n  return (\n    <>\n      <SEO\n        title={t('Retail POS System')}\n        description={t(\n          'Save time and money and avoid bulky and unreliable retail POS systems by accepting payments from your phone with a mobile payment app. Get MONEI Pay ››'\n        )}\n      />\n\n      <IndexBackground>\n        <Content>\n          <Section columnLg>\n            <MainTitleContent sx={{maxWidth: {all: '590px', lg: '100%'}}}>\n              <SectionHeader underline tagName=\"h1\">\n                <Trans>Retail POS system: the best alternative</Trans>\n              </SectionHeader>\n              <Trans parent=\"p\">\n                Tired of dealing with expensive and unreliable POS systems for retail? Break free\n                from traditional retail POS systems to <Bold>save time and money</Bold> and improve\n                the in-store payment experience.\n              </Trans>\n              <Trans parent=\"p\">\n                Use <Bold>MONEI Pay</Bold> to turn any location into a point of sale with a quick\n                and secure mobile payment app. Take card and digital wallet payments from your phone\n                or tablet, never run out of devices for staff, and view sales results anytime.\n              </Trans>\n              <SectionActions>\n                <SignUpButton variant=\"light\" style={{marginRight: 15}}>\n                  <Trans>Get MONEI Pay</Trans>\n                </SignUpButton>\n                <ContactSalesButton />\n                <CompatibleWith />\n              </SectionActions>\n            </MainTitleContent>\n            <MoneiVideoSection />\n          </Section>\n        </Content>\n      </IndexBackground>\n      <Content sx={{marginTop: {md: '20px'}}}>\n        <Section centered sx={{paddingTop: '20px'}}>\n          <Flex direction=\"column\" justifyContent=\"center\" alignItems=\"center\">\n            <SectionHeader underline style={{marginTop: '10px', textAlign: 'center'}}>\n              <Trans>Benefits of accepting retail payments without a POS</Trans>\n            </SectionHeader>\n            <p style={{textAlign: 'center'}}>\n              <Trans>\n                Skip the bulky hardware and high costs that come with traditional retail POS systems\n                and use a simple, secure, and more affordable mobile payment app to{' '}\n                <BlogLink slug=\"accept-card-payments-on-phone\">\n                  accept credit card payments from your phone\n                </BlogLink>{' '}\n                or tablet with digital <MoneiPayQrLink>QR codes</MoneiPayQrLink>.\n              </Trans>\n            </p>\n\n            <CardsContainer sx={{marginTop: '100px'}}>\n              <Card padding=\"80px 32px 32px 32px\">\n                <CardImage src={cards} alt=\"\" style={{top: -40, width: 80}} />\n                <CardWrapper>\n                  <Trans>\n                    Accept many{' '}\n                    <InternalPageLink slug=\"payment-methods\">payment methods</InternalPageLink> like{' '}\n                    <InternalPageLink slug=\"payment-methods/credit-cards\">cards</InternalPageLink>,{' '}\n                    <InternalPageLink slug=\"payment-methods/apple-pay\">Apple Pay</InternalPageLink>,{' '}\n                    <InternalPageLink slug=\"payment-methods/google-pay\">\n                      Google Pay\n                    </InternalPageLink>\n                    , and <InternalPageLink slug=\"payment-methods/bizum\">Bizum</InternalPageLink>\n                  </Trans>\n                </CardWrapper>\n              </Card>\n              <Card padding=\"80px 32px 32px 32px\">\n                <CardImage src={mobile_payment} alt=\"\" style={{top: -45, width: 110}} />\n                <CardWrapper>\n                  <Trans>\n                    <BlogLink slug=\"benefits-of-mobile-payments\">Take mobile payments</BlogLink> and\n                    issue <SupportLink slug=\"/articles/8418026491537\">refunds</SupportLink> anywhere\n                    in-store or on the go\n                  </Trans>\n                </CardWrapper>\n              </Card>\n              <Card padding=\"80px 32px 32px 32px\">\n                <CardImage src={cart2} alt=\"\" style={{top: -55, width: 100}} />\n                <CardWrapper>\n                  <Trans>Avoid customer queues by building payment stations around your shop</Trans>\n                </CardWrapper>\n              </Card>\n              <Card padding=\"80px 32px 32px 32px\">\n                <CardImage src={money} alt=\"\" style={{top: -48}} />\n                <CardWrapper>\n                  <Trans>\n                    Save up to 50% on hardware and <PricingLink>transaction fees</PricingLink>\n                  </Trans>\n                </CardWrapper>\n              </Card>\n              <Card padding=\"80px 32px 32px 32px\">\n                <CardImage src={megaphone} alt=\"\" style={{top: -40, width: 100}} />\n                <CardWrapper>\n                  <Trans>\n                    Boost brand awareness with a{' '}\n                    <SupportLink slug=\"/articles/8797620433937\">\n                      customized QR payment page\n                    </SupportLink>\n                  </Trans>\n                </CardWrapper>\n              </Card>\n              <Card padding=\"80px 32px 32px 32px\">\n                <CardImage src={person} alt=\"\" style={{top: -60, width: 90}} />\n                <CardWrapper>\n                  <Trans>Send digital receipts via email, SMS, or WhatsApp</Trans>\n                </CardWrapper>\n              </Card>\n            </CardsContainer>\n          </Flex>\n        </Section>\n        <Flex alignItems=\"center\" direction=\"column\">\n          <Trans parent=\"p\">\n            👇 <Bold>Download your mobile payment app for retail today</Bold> 👇\n          </Trans>\n          <Flex>\n            <div style={{marginRight: '16px'}}>\n              <DownloadOnAppleStore />\n            </div>\n            <DownloadOnGooglePlay />\n          </Flex>\n        </Flex>\n      </Content>\n      <Background style={{marginTop: '50px'}}>\n        <Content>\n          <Section sx={{paddingTop: {sm: '100px'}, alignItems: 'center'}}>\n            <div style={{display: 'flex', flexDirection: 'column', alignItems: 'flex-start'}}>\n              <SectionHeader style={{fontSize: '2rem'}} underline>\n                <Trans>How does MONEI Pay for retail work?</Trans>\n              </SectionHeader>\n              <Trans parent=\"p\">\n                MONEI Pay is a simple yet powerful payment solution for retail stores.\n              </Trans>\n              <OrderedList>\n                <Trans parent=\"li\">\n                  <SignUpLink>Sign up</SignUpLink> for MONEI\n                </Trans>\n                <Trans parent=\"li\">\n                  <SupportLink slug=\"/articles/6167527597457\">Download</SupportLink> the mobile\n                  payment app to your smartphone or tablet\n                </Trans>\n                <Trans parent=\"li\">\n                  <SupportLink slug=\"/articles/4417709411729\">Add users</SupportLink> to equip your\n                  store staff to accept payments anywhere\n                </Trans>\n                <Trans parent=\"li\">\n                  <SupportLink slug=\"/articles/4417709618193\">\n                    Create digital QR code payments\n                  </SupportLink>{' '}\n                  by entering the purchase amount\n                </Trans>\n                <Trans parent=\"li\">Customer scans the QR code to pay</Trans>\n                <Trans parent=\"li\">\n                  Customer selects their preferred{' '}\n                  <SupportLink slug=\"/articles/4417709486737\">payment method</SupportLink>\n                </Trans>\n                <Trans parent=\"li\">\n                  Customer finishes the transaction with the tap of a button\n                </Trans>\n              </OrderedList>\n              <SignUpButton variant=\"dark\">\n                <Trans>Try MONEI Pay</Trans>\n              </SignUpButton>\n            </div>\n            <RotatedScreenshots />\n          </Section>\n        </Content>\n      </Background>\n\n      <Content>\n        <Section reverseOnMobile centered sx={{paddingTop: '40px'}}>\n          <QrGroup />\n          <div>\n            <SectionHeader underline tagName=\"h3\">\n              <Trans>Start accepting retail payments on any mobile device</Trans>\n            </SectionHeader>\n            <Trans parent=\"p\">\n              Getting started is easy. Open your MONEI account, then download the{' '}\n              <AndroidDownloadLink>Android</AndroidDownloadLink> or{' '}\n              <IosDownloadLink>iOS</IosDownloadLink> mobile payment app on one or many devices to\n              accept mobile payments in your retail store.\n            </Trans>\n            <StyledDiv sx={{display: {all: 'inline', sm: 'none'}}}>\n              <Trans parent=\"p\">\n                👈 <Bold>Scan any QR code to test the payment experience.</Bold>\n              </Trans>\n            </StyledDiv>\n            <SignUpButton variant=\"light\">\n              <Trans>Open an Account</Trans>\n            </SignUpButton>\n          </div>\n        </Section>\n      </Content>\n      {popularPosts.length > 0 && (\n        <>\n          <Content>\n            <Section sx={{paddingBottom: '0px'}}>\n              <div style={{display: 'flex', justifyContent: 'center', width: '100%'}}>\n                <SectionHeader underline sx={{textAlign: 'center'}}>\n                  <Trans>Latest news about physical payments and retail</Trans>\n                </SectionHeader>\n              </div>\n            </Section>\n          </Content>\n          <RelatedBlogPosts posts={popularPosts} />\n        </>\n      )}\n    </>\n  );\n};\n\nexport default RetailPosSytem;\n\nexport const query = graphql`\n  query ($language: String!, $prismicLang: String) {\n    locales: allLocale(\n      filter: {ns: {in: [\"common\", \"retail-POS-system\"]}, language: {eq: $language}}\n    ) {\n      edges {\n        node {\n          ns\n          data\n          language\n        }\n      }\n    }\n    prismic: prismic {\n      allCategorys(lang: $prismicLang) {\n        edges {\n          node {\n            title\n            _meta {\n              uid\n              lang\n            }\n            order\n          }\n        }\n      }\n    }\n    popularPosts: prismic {\n      allPosts(\n        sortBy: meta_lastPublicationDate_DESC\n        tags: \"Pagos en persona\"\n        lang: $prismicLang\n        first: 4\n      ) {\n        edges {\n          node {\n            title\n            image\n            summary\n            _meta {\n              uid\n            }\n          }\n        }\n      }\n    }\n  }\n`;\n","module.exports = __webpack_public_path__ + \"static/preview-48d726d90a111f0ef00441db07ae609c.png\";","module.exports = __webpack_public_path__ + \"static/cart2-6e85243dbd58eeacd6a9a5b35ecf6da8.svg\";","module.exports = __webpack_public_path__ + \"static/megaphone-f6dfb74c936090e31147e249de78c0f5.svg\";"],"sourceRoot":""}