{"version":3,"sources":["webpack:///./node_modules/gatsby/node_modules/@babel/runtime/helpers/esm/objectDestructuringEmpty.js","webpack:///./src/images/best_payment_gateway_rates.svg","webpack:///./src/components/RelatedBlogPosts.tsx","webpack:///./src/components/Partners.tsx","webpack:///./src/components/Background.tsx","webpack:///./src/images/shopify_payment_gateway.svg","webpack:///./src/utils/blog-utils.ts","webpack:///./src/components/links/Blog.tsx","webpack:///./src/components/landings/IndexBackground.ts","webpack:///./src/images/octobercms_logo.svg","webpack:///./src/components/landings/IndexImage.ts","webpack:///./src/images/magento_logo.svg","webpack:///./src/pages/shopify-payment-gateway.tsx","webpack:///./src/images/prestashop_logo.svg","webpack:///./src/images/woocommerce_logo.svg","webpack:///./src/components/List.tsx","webpack:///./src/images/payment_gateway.svg","webpack:///./src/images/commercetools_logo.svg","webpack:///./src/images/shopify_monei.svg"],"names":["_objectDestructuringEmpty","obj","TypeError","module","exports","CardImage","styled","div","withConfig","displayName","componentId","Image","img","CardContent","Title","p","Summary","PostsWrapper","containerSize","Slider","ScreenSizes","md","Card","Wrapper","props","justify","direction","xs","ArrowContainer","left","right","SliderArrow","_ref","onClick","React","createElement","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","useEffect","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","title","text","truncateText","summary","BlogLink","slug","uid","Trans","_instanceRef$current2","next","PartnersContainer","StyledDiv","StyledPartnerLogo","PartnerLogo","sx","Partners","Object","assign","Link","to","shopify_logo","width","woocommerce_logo","reduced","AnchorLink","href","target","salesforce_logo","prestashop_logo","wix_logo","magento_logo","Fragment","commercetools_logo","octobercms_logo","spreedly_logo","Background","Section","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","type","blogPost","_meta","updated_at","moment","format","undefined","meta_title","RichText","asText","meta_description","categorySlug","secondary_category","body","cta","author","author_card","tags","image_source","image","url","imageWidth","dimensions","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","includes","decodeURI","sort","a","b","secondaryDiff","diff","removeDuplicatedPosts","Array","from","Set","id","Boolean","sortPostsByDate","sortedPosts","mostRecentDateA","isAfter","mostRecentDateB","setMomentLocale","mapCategory","order","maxLength","length","substring","anchor","children","language","useI18next","origin","setOrigin","window","location","targetLanguage","IndexBackground","xl","keys","key","_props$sx","_props$sx$key","_props$sx2","_props$sx2$key","all","_all","_props$sx3","_props$sx3$left","_all2","_props$sx4","_props$sx4$top","top","_all3","_props$sx5","_props$sx5$height","_all4","_props$sx6","_props$sx6$width","_all5","_props$sx7","_props$sx7$transform","transform","_props$sx8","_props$sx9","_props$sx9$key","_xl","_props$sx10","_props$sx10$left","_xl2","_props$sx11","_props$sx11$top","_xl3","_props$sx12","_props$sx12$height","_xl4","_props$sx13","_props$sx13$width","_xl5","_props$sx14","_props$sx14$transform","_props$sx15","_props$sx16","_ref3","_lg","_props$sx17","_props$sx17$left","_lg2","_props$sx18","_props$sx18$top","_lg3","_props$sx19","_props$sx19$height","_lg4","_props$sx20","_props$sx20$width","_lg5","_props$sx21","_props$sx21$transform","IndexImage","StyledImg","hideLtMd","IndexContent","LargeSectionHeader","SectionHeader","Disclaimer","ReviewsBackground","ShopifyPaymentGateway","t","data","place","rating","googlePlacesPlace","user_ratings_total","reviews","allGooglePlacesReview","nodes","prismic","allCategorys","edges","popularPosts","allPosts","SEO","path","description","bodyAttributes","class","Content","reverseOnMobile","underline","tagName","parent","SectionActions","SignUpButton","variant","marginRight","ContactSalesButton","shopify_monei","SectionImage","index2","mobileWidth","InternalPageLink","List","index1","index3","justifyContent","textAlign","GoogleReviews","fullWidth","marginTop","paddingBottom","query","source","toString","this","StyledUl","listStyle","OrderedList","ol","align","css"],"mappings":"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","file":"component---src-pages-shopify-payment-gateway-tsx-5b2df1d830410d5c0347.js","sourcesContent":["export default function _objectDestructuringEmpty(obj) {\n  if (obj == null) throw new TypeError(\"Cannot destructure \" + obj);\n}","module.exports = __webpack_public_path__ + \"static/best_payment_gateway_rates-f9319e5506a6227051288d4b5f3b8448.svg\";","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","import { AnchorLink } from \"components/AnchorLink\";\nimport { Link } from \"gatsby-plugin-react-i18next\";\nimport magento_logo from \"images/magento_logo.svg\";\nimport octobercms_logo from \"images/octobercms_logo.svg\";\nimport prestashop_logo from \"images/prestashop_logo.svg\";\nimport salesforce_logo from \"images/salesforce_logo.svg\";\nimport shopify_logo from \"images/shopify_payment_gateway_logo.svg\";\nimport spreedly_logo from \"images/spreedly_logo.svg\";\nimport commercetools_logo from \"images/commercetools_logo.svg\";\nimport wix_logo from \"images/wix_black_logo.svg\";\nimport woocommerce_logo from \"images/woocommerce_logo.svg\";\nimport React from \"react\";\nimport styled from \"styled-components\";\nimport { StyledDiv } from \"./StyledSx\";\nimport { Sx } from \"../../types/responsive\";\n\nexport const PartnersContainer = styled(StyledDiv)`\n  margin-top: 2rem;\n  margin-bottom: 2rem;\n  display: flex;\n  justify-content: space-evenly;\n  align-items: center;\n  flex-wrap: wrap;\n  @media (max-width: 768px) {\n    flex-direction: column;\n  }\n`;\n\nexport const StyledPartnerLogo = styled(StyledDiv)`\n  margin: 20px 40px;\n  opacity: 0.7;\n  transition: 250ms opacity;\n  max-width: 80%;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  height: 120px;\n\n  :hover {\n    opacity: 1;\n  }\n  img {\n    margin: 0;\n  }\n`;\n\nexport const PartnerLogo: React.FC<React.ImgHTMLAttributes<HTMLImageElement> & {sx?: Sx}> = (props) => (\n  <StyledPartnerLogo sx={props.sx}>\n    <img {...props} />\n  </StyledPartnerLogo>\n);\n\nexport const Partners = ({...props}) => (\n  <PartnersContainer {...props}>\n    <Link to=\"/shopify-payment-gateway/\">\n      <PartnerLogo src={shopify_logo} alt=\"MONEI Payment Gateway\" width={210} />\n    </Link>\n    <Link to=\"/woocommerce-payment-gateway/\">\n      <PartnerLogo src={woocommerce_logo} alt=\"WooCommerce payment gateway\" width={270} />\n    </Link>\n    {!props.reduced && (\n      <AnchorLink href=\"https://docs.monei.com/docs/e-commerce/salesforce/\" target=\"_blank\">\n        <PartnerLogo src={salesforce_logo} alt=\"Salesforce payment gateway\" width={200} />\n      </AnchorLink>\n    )}\n    <Link to=\"/prestashop-payment-gateway/\">\n      <PartnerLogo\n        src={prestashop_logo}\n        alt=\"Prestashop payment gateway\"\n        title=\"Prestashop payment gateway\"\n        width={280}\n      />\n    </Link>\n    <Link to=\"/wix-payment-gateway/\">\n      <PartnerLogo src={wix_logo} alt=\"WIX payment gateway\" width={100} />\n    </Link>\n    <PartnerLogo src={magento_logo} alt=\"Magneto payment gateway\" width={220} />\n    {!props.reduced && (\n      <>\n        <PartnerLogo src={commercetools_logo} alt=\"Commercetools payment gateway\" width={280} />\n        <PartnerLogo src={octobercms_logo} alt=\"OctoberCMS payment gateway\" width={200} />\n        <AnchorLink href=\"https://docs.spreedly.com/payment-gateways/monei/\">\n          <PartnerLogo src={spreedly_logo} alt=\"Spreedly payment gateway\" width={180} />\n        </AnchorLink>\n      </>\n    )}\n  </PartnersContainer>\n);\n","import { Section } from \"components/Section\";\nimport styled from \"styled-components\";\nimport { StyledDiv } from \"./StyledSx\";\n\nexport const Background = styled(StyledDiv)`\n  position: relative;\n  padding-top: 100px;\n  margin-bottom: 100px;\n  ${Section} {\n    color: #ffffff;\n    a {\n      color: #ffffff;\n    }\n    a:hover {\n      color: #efefef;\n    }\n  }\n\n  @media (max-width: 768px) {\n    padding-top: 0;\n  }\n\n  &:before {\n    display: block;\n    content: '';\n    position: absolute;\n    transform: skew(0, -15deg);\n    top: 0;\n    right: 0;\n    left: 0;\n    bottom: 0;\n    background-image: linear-gradient(40deg, #12e0c2 0%, #7984d9 40%);\n  }\n  &:after {\n    display: block;\n    position: absolute;\n    content: '';\n    z-index: -1;\n    right: 0;\n    left: 0;\n    bottom: 0;\n    height: 80%;\n    background-image: linear-gradient(30deg, #12e0c2 0%, #7984d9 40%);\n  }\n`;\n","module.exports = __webpack_public_path__ + \"static/shopify_payment_gateway-6ad245b33d150b6d7ba3447eb4e889a0.svg\";","// 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 React, {useEffect, useState} from 'react';\nimport {useI18next} from 'gatsby-plugin-react-i18next';\nimport {AnchorLink} from '../AnchorLink';\nimport {Language, targetLanguage} from '../../../locales/types';\n\nexport type BlogArticle =\n  | 'local-payment-methods'\n  | 'digital-wallet-ecommerce'\n  | 'alternative-payment-methods'\n  | 'buy-now-pay-later'\n  | 'cross-border-ecommerce'\n  | 'online-payment-failure-message'\n  | 'frictionless-payments'\n  | 'cross-border-payments'\n  | 'what-is-3d-secure-and-its-advantages-for-e-commerce'\n  | 'psd2-and-strong-customer-authentication-sca-explained'\n  | 'psd2'\n  | 'sca'\n  | 'contactless-payments-safer-faster-checkout'\n  | 'email-payment-link'\n  | 'understanding-pci-compliance'\n  | 'what-is-tokenization-and-its-benefits-for-e-commerce'\n  | 'what-is-credit-card-processing'\n  | 'acquiring-bank-vs-issuing-bank'\n  | 'customize-your-ecommerce-checkout-page-with-monei'\n  | 'what-are-interchange-fees'\n  | 'apple-pay-ecommerce-integration'\n  | 'benefits-of-mobile-payments'\n  | 'chargebacks-prevention'\n  | 'what-is-a-psp'\n  | 'instant-payments-europe-sepa-request-to-pay'\n  | 'accept-card-payments-on-phone'\n  | 'aws-startup-architecture-of-the-year-challenge-monei'\n  | 'qr-code-payments'\n  | 'omnichannel-payments'\n  | 'click-to-pay-with-visa'\n  | 'mastercard-click-to-pay'\n  | 'ecommerce-conversion-rate-tips-to-help-you-sell-more'\n  | 'black-friday-cyber-monday-payment-trends-2022'\n  | 'click-to-pay-ecommerce'\n  | 'types-of-payment-methods'\n  | 'taxi-card-payments'\n  | 'freelancer-payment-methods'\n  | 'contactless'\n  | 'accepting-credit-card-payments-without-merchant-account'\n  | 'what-is-recurring-payment'\n  | 'what-is-a-payment-gateway'\n  | 'how-to-accept-payments-online'\n  | 'secure-payments'\n  | 'strong-customer-authentication'\n  | 'payment-gateway-vs-virtual-pos'\n  | 'virtual-terminal'\n  | 'pan-number'\n  | 'incapto'\n  | 'monei-connect-integrated-payments-kyc';\n\nexport const BlogLink: React.FC<{slug: BlogArticle; anchor?: string, style?: any}> = ({\n  slug,\n  anchor,\n  children,\n  style\n}) => {\n  const {language} = useI18next();\n  const [origin, setOrigin] = useState('https://monei.com');\n\n  useEffect(() => {\n    setOrigin(window.location.origin);\n  }, []);\n  return (\n    <AnchorLink\n      target=\"_self\"\n      href={`${origin + targetLanguage[(language as Language) || 'en']}/blog/${slug}/${\n        anchor || ''\n      }`}\n      style={style}>\n      {children}\n    </AnchorLink>\n  );\n};\n","import styled from 'styled-components';\nimport {Responsive, ScreenSizes, Sx} from '../../../types/responsive';\n\nexport const IndexBackground = styled.div<{sx?: Sx}>`\n  position: relative;\n\n  &:before {\n    display: block;\n    content: '';\n    position: absolute;\n    z-index: -1;\n    background: #7984d9;\n    -webkit-mask-image: linear-gradient(270deg,white 80%, 80%,transparent 100%);\n    @media (min-width: ${ScreenSizes.xl}) {\n      ${(props) =>\n          props.sx &&\n          Object.keys(props.sx).map((key: any) => ({\n            ...((props.sx?.[key] as Responsive)?.all\n                ? { [key]: (props.sx?.[key] as Responsive)?.all + '!important' }\n                : {})\n          }))};\n      left: ${(props) => (props.sx?.left as Responsive)?.all ?? '70%'};\n      top: ${(props) => (props.sx?.top as Responsive)?.all ?? 0};\n      height: ${(props) => (props.sx?.height as Responsive)?.all ?? '2000px'};\n      width: ${(props) => (props.sx?.width as Responsive)?.all ?? '1800px'};\n      transform: ${(props) => (props.sx?.transform as Responsive)?.all ?? 'rotate(-58deg)'};\n    }\n    \n    @media (max-width: ${ScreenSizes.xl}) {\n      ${(props) =>\n        props.sx &&\n        Object.keys(props.sx).map((key: any) => ({\n          ...((props.sx?.[key] as Responsive).xl\n            ? {[key]: (props.sx?.[key] as Responsive)?.xl + '!important'}\n            : {})\n        }))};\n      left: ${(props) => (props.sx?.left as Responsive)?.xl ?? '70%'};\n      top: ${(props) => (props.sx?.top as Responsive)?.xl ?? 0};\n      height: ${(props) => (props.sx?.height as Responsive)?.xl ?? '2000px'};\n      width: ${(props) => (props.sx?.width as Responsive)?.xl ?? '1800px'};\n      transform: ${(props) => (props.sx?.transform as Responsive)?.xl ?? 'rotate(-58deg)'};\n    }\n\n    @media (max-width: ${ScreenSizes.lg}) {\n      ${(props) =>\n        props.sx &&\n        Object.keys(props.sx).map((key: any) => ({\n          ...((props.sx?.[key] as Responsive).lg\n            ? {[key]: (props.sx?.[key] as Responsive).lg + '!important'}\n            : {})\n        }))};\n      left: ${(props) => (props.sx?.left as Responsive)?.lg ?? '70%'};\n      top: ${(props) => (props.sx?.top as Responsive)?.lg ?? 0};\n      height: ${(props) => (props.sx?.height as Responsive)?.lg ?? '2000px'};\n      width: ${(props) => (props.sx?.width as Responsive)?.lg ?? '1800px'};\n      transform: ${(props) => (props.sx?.transform as Responsive)?.lg ?? 'rotate(-58deg)'};\n    }\n    @media (max-width: ${ScreenSizes.md}) {\n      display: none;\n    }\n  }\n`;\n","module.exports = __webpack_public_path__ + \"static/octobercms_logo-11e6feaa42ffe9ae80f3d895e26fd33e.svg\";","import styled from \"styled-components\";\nimport React from \"react\";\nimport { ScreenSizes } from \"../../../types/responsive\";\nimport { StyledImg } from \"../StyledSx\";\n\ntype Props = React.ImgHTMLAttributes<HTMLImageElement> & {\n  left?: string;\n  top?: string;\n  width?: string;\n  hideLtMd?: boolean;\n};\nexport const IndexImage = styled(StyledImg)<Props>`\n  position: absolute;\n  left: ${(props) => props.left || '52%'};\n  top: ${(props) => props.top || '100px'};\n  width: ${(props) => props.width || '600px'};\n  z-index: 10;\n  filter: drop-shadow(0 0 0.75rem rgba(0, 0, 0, 0.2));\n\n  @media (max-width: ${ScreenSizes.lg}) {\n    transform: translateY(-30px);\n  }\n  @media (max-width: ${ScreenSizes.md}) {\n    ${(props) => props.hideLtMd && 'display: none'};\n  }\n\n  @media (max-width: ${ScreenSizes.sm}) {\n    position: initial;\n  }\n`;\n","module.exports = __webpack_public_path__ + \"static/magento_logo-2e23ab0b5853cb8feb40eff4f30845fa.svg\";","// i18next-extract-mark-ns-start shopify-payment-gateway\nimport {Content} from 'components/Content';\nimport {List} from 'components/List';\nimport {Section, SectionActions, SectionHeader, SectionImage} from 'components/Section';\nimport {SEO} from 'components/SEO';\nimport {SignUpButton} from 'components/SignUpButton';\nimport {graphql, PageProps} from 'gatsby';\nimport {Trans, useI18next} from 'gatsby-plugin-react-i18next';\nimport React from 'react';\nimport styled from 'styled-components';\n\nimport {Background} from 'components/Background';\nimport {ContactSalesButton} from 'components/ContactSalesButton';\nimport {Partners} from 'components/Partners';\n\n//Partners\nimport index2 from 'images/best_payment_gateway_rates.svg';\n\n//Images\nimport shopify_monei from 'images/shopify_monei.svg';\n\n// Clients\nimport index1 from 'images/payment_gateway.svg';\nimport index3 from 'images/shopify_payment_gateway.svg';\nimport {AnchorLink} from 'components/AnchorLink';\nimport {IndexImage} from 'components/landings/IndexImage';\nimport {IndexBackground} from 'components/landings/IndexBackground';\nimport {InternalPageLink} from 'components/links/Pages';\nimport {GoogleReviews, Place} from 'components/GoogleReviews';\nimport { RelatedBlogPosts } from 'components/RelatedBlogPosts';\nimport { BlogPost } from '../../types/BlogTypes';\nimport { getPostsFromPrismicEdges } from 'utils/blog-utils';\nimport { mapCategory } from 'utils/blog-utils';\nimport { BlogCategoryType } from '../../types/BlogTypes';\n\nconst IndexContent = styled.div`\n  padding-top: 90px;\n  max-width: 500px;\n  @media (max-width: 768px) {\n    padding-top: 10px;\n  }\n`;\n\nconst LargeSectionHeader = styled(SectionHeader)`\n  h1 {\n    font-size: 2.625rem;\n    line-height: 3.25rem;\n    @media (max-width: 768px) {\n      font-size: 2rem;\n      line-height: 2.75rem;\n    }\n  }\n`;\n\nconst Disclaimer = styled.p`\n  font-size: 0.9rem;\n  line-height: 1.476rem;\n  font-weight: 500;\n  strong {\n    font-weight: 500;\n  }\n`;\n\nconst ReviewsBackground = styled.div`\n  position: relative;\n  margin-top: 100px;\n\n  &:before {\n    display: block;\n    content: '';\n    z-index: -1;\n    height: 70%;\n    position: absolute;\n    transform: skew(0, -9deg);\n    left: 0;\n    right: 0;\n    bottom: 0;\n    top: 20%;\n    background: linear-gradient(96.34deg, #00e9d5 0%, #7984d9 100%);\n  }\n`;\n\nconst ShopifyPaymentGateway: React.FC<PageProps> = (props: any) => {\n  const {t} = useI18next();\n  const {data} = props;\n  const place: Place = {\n    rating: data.googlePlacesPlace.rating,\n    user_ratings_total: data.googlePlacesPlace.user_ratings_total,\n    reviews: data.allGooglePlacesReview.nodes\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        path=\"shopify-payment-gateway\"\n        title={t('Shopify Payment Gateway')}\n        description={t(\n          'Grow your Shopify store with MONEI’s payment gateway: Accept all major payment methods. Quick and easy integration. Dynamic pricing. Sign up now »'\n        )}\n        bodyAttributes={{class: 'selling-page'}}\n      />\n      <IndexBackground>\n        <Content>\n          <Section reverseOnMobile>\n            <IndexContent>\n              <LargeSectionHeader underline tagName=\"h1\">\n                <Trans>\n                  Grow your e-commerce business faster with the advanced Shopify payment gateway\n                </Trans>\n              </LargeSectionHeader>\n              <Trans parent=\"p\">\n                You chose Shopify as your e-commerce platform because it’s easy to use, affordable,\n                and scales with your business. Why not use a payment gateway that offers the same\n                benefits to help you grow your Shopify store?\n              </Trans>\n              <Trans parent=\"p\">\n                MONEI fully integrates with Shopify so you can accept all major and alternative\n                payment methods in your store.\n              </Trans>\n              <SectionActions>\n                <SignUpButton variant=\"light\" style={{marginRight: 15}}>\n                  <Trans>Open an Account</Trans>\n                </SignUpButton>\n                <ContactSalesButton />\n              </SectionActions>\n            </IndexContent>\n            <IndexImage\n              src={shopify_monei}\n              alt=\"MONEI payment gateway\"\n              title=\"MONEI payment gateway\"\n            />\n          </Section>\n        </Content>\n      </IndexBackground>\n      <Background>\n        <Content>\n          <Section>\n            <SectionImage\n              src={index2}\n              alt=\"MONEI Payment Gateway\"\n              title=\"MONEI Payment Gateway\"\n              width={600}\n              height={350}\n              mobileWidth={280}\n            />\n            <div>\n              <SectionHeader>\n                <Trans>Increase sales by accepting more payment methods</Trans>\n              </SectionHeader>\n              <Trans parent=\"p\">\n                Accepting more{' '}\n                <InternalPageLink slug=\"payment-methods\">payment methods</InternalPageLink> helps\n                you reach more people, increase customer satisfaction, and boost sales. That’s why\n                we aggregate all payment methods into a single platform to help you offer your\n                customers their preferred payment options.\n              </Trans>\n              <List>\n                <Trans parent=\"li\">\n                  <InternalPageLink slug=\"payment-methods/credit-cards\">\n                    Credit cards\n                  </InternalPageLink>{' '}\n                  - <InternalPageLink slug=\"visa-mastercard-for-shopify\">Visa</InternalPageLink>,\n                  Mastercard, and more\n                </Trans>\n                <Trans parent=\"li\">\n                  Digital wallets -{' '}\n                  <InternalPageLink slug=\"paypal-for-shopify\">PayPal</InternalPageLink>,{' '}\n                  <InternalPageLink slug=\"apple-pay-for-shopify\">Apple Pay</InternalPageLink>,{' '}\n                  <InternalPageLink slug=\"google-pay-for-shopify\">Google Pay</InternalPageLink>, and{' '}\n                  <InternalPageLink slug=\"payment-methods/click-to-pay\">\n                    Click to Pay\n                  </InternalPageLink>\n                </Trans>\n                <Trans parent=\"li\">\n                  Local payment methods -{' '}\n                  <InternalPageLink slug=\"bizum-for-shopify\">Bizum</InternalPageLink>\n                  (in Spain)\n                </Trans>\n                <Trans parent=\"li\">\n                  Direct Debit -{' '}\n                  <InternalPageLink slug=\"payment-methods/sepa-direct-debit\">SEPA</InternalPageLink>\n                  ,{' '}\n                  <InternalPageLink slug=\"payment-methods/multibanco\">Multibanco</InternalPageLink>\n                </Trans>\n                <Trans parent=\"li\">\n                  <InternalPageLink slug=\"features/recurring-payments\">\n                    Subscription payments\n                  </InternalPageLink>\n                </Trans>\n              </List>\n              <SectionActions>\n                <SignUpButton variant=\"dark\" style={{marginRight: 15}}>\n                  <Trans>Discover MONEI</Trans>\n                </SignUpButton>\n              </SectionActions>\n            </div>\n          </Section>\n          <Section reverseOnMobile>\n            <div>\n              <SectionHeader>\n                <Trans>Build trust by customizing your Shopify checkout experience</Trans>\n              </SectionHeader>\n              <Trans parent=\"p\">\n                Use the{' '}\n                <AnchorLink href=\"https://docs.monei.com/docs/integrations/use-prebuilt-payment-page\">\n                  Hosted Payment Page\n                </AnchorLink>{' '}\n                to build an outstanding checkout experience. Improve conversions with responsive\n                designs, and{' '}\n                <AnchorLink href=\"https://support.monei.com/hc/en-us/categories/360003383258-Customization\">\n                  customize the appearance\n                </AnchorLink>{' '}\n                of your mobile-ready checkout page with your logo and brand colors.\n              </Trans>\n              <Trans parent=\"p\">\n                Build trust and brand awareness by adding your custom URL so shoppers stay on your\n                website during the entire checkout process.\n              </Trans>\n              <SectionActions>\n                <SignUpButton variant=\"dark\" style={{marginRight: 15}}>\n                  <Trans>Get MONEI Now</Trans>\n                </SignUpButton>\n              </SectionActions>\n            </div>\n            <SectionImage\n              src={index1}\n              alt=\"Secure payment gateway\"\n              title=\"Secure payment gateway\"\n              width={500}\n              height={500}\n              mobileWidth={280}\n            />\n          </Section>\n          <Section>\n            <SectionImage\n              src={index3}\n              alt=\"Secure payment gateway\"\n              title=\"Secure payment gateway\"\n              width={400}\n              height={428}\n              mobileWidth={180}\n            />\n            <div>\n              <SectionHeader>\n                <Trans>Enjoy lower fees and faster payment settlements</Trans>\n              </SectionHeader>\n              <Trans parent=\"p\">\n                Benefit from competitive rates with our dynamic billing model — as you sell more\n                your transaction fees decrease. Quickly reinvest your profits into your business\n                thanks to 1-day payment settlements.\n              </Trans>\n              <Trans parent=\"p\">\n                Choose a flexible payment gateway that grows with your business —{' '}\n                <InternalPageLink slug=\"pricing\">view pricing here</InternalPageLink>.\n              </Trans>\n              <Disclaimer>\n                <Trans parent=\"strong\">\n                  Note: 24-hour payment settlements are available once you've become a verified\n                  MONEI merchant.\n                </Trans>\n              </Disclaimer>\n              <SectionActions>\n                <SignUpButton variant=\"dark\" style={{marginRight: 15}}>\n                  <Trans>Open an Account</Trans>\n                </SignUpButton>\n              </SectionActions>\n            </div>\n          </Section>\n        </Content>\n      </Background>\n      <ReviewsBackground>\n        <div style={{display: 'flex', justifyContent: 'center', width: '100%'}}>\n          <SectionHeader underline sx={{textAlign: 'center'}}>\n            <Trans>What MONEI merchants are saying</Trans>\n          </SectionHeader>\n        </div>\n        <GoogleReviews place={place} />\n      </ReviewsBackground>\n      <Content fullWidth style={{marginTop: '60px'}}>\n        <Section textAlign=\"center\">\n          <div>\n            <Content>\n              <SectionHeader underline tagName=\"h3\">\n                <Trans>Quickly and easily integrate with your Shopify store</Trans>\n              </SectionHeader>\n              <Trans parent=\"p\">\n                Integrate with your online store using our{' '}\n                <AnchorLink href=\"https://docs.monei.com/docs/e-commerce/shopify\">\n                  Shopify plugin\n                </AnchorLink>{' '}\n                to start accepting more payment methods today.\n              </Trans>\n              <Trans parent=\"p\">\n                Once you’ve created your{' '}\n                <AnchorLink href=\"https://dashboard.monei.com/\">MONEI account</AnchorLink>, use our{' '}\n                <AnchorLink href=\"https://docs.monei.com/api/#tag/Payments\">\n                  Payments API\n                </AnchorLink>{' '}\n                to install and configure MONEI in your Shopify payment settings. In a few short\n                steps, you’ll be ready to accept and manage payments from your Shopify dashboard.\n              </Trans>\n            </Content>\n            <Partners />\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 payments with Shopify</Trans>\n                </SectionHeader>\n              </div>\n            </Section>\n          </Content>\n          <RelatedBlogPosts posts={popularPosts} />\n        </>\n      )}\n    </>\n  );\n};\n\nexport default ShopifyPaymentGateway;\n\nexport const query = graphql`\n  query ($language: String!, $prismicLang: String) {\n    locales: allLocale(\n      filter: {ns: {in: [\"common\", \"shopify-payment-gateway\"]}, language: {eq: $language}}\n    ) {\n      edges {\n        node {\n          ns\n          data\n          language\n        }\n      }\n    }\n    googlePlacesPlace {\n      user_ratings_total\n      rating\n    }\n    allGooglePlacesReview(sort: {fields: rating, order: DESC}, filter: {rating: {gt: 2}}) {\n      nodes {\n        id\n        rating\n        text\n        relative_time_description\n        profile_photo_url\n        author_name\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: \"Shopify\"\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/prestashop_logo-478b3e3ba113771eb01fee7e1a7026a6.svg\";","module.exports = \"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iOTAxcHgiIGhlaWdodD0iMTgzcHgiIHZpZXdCb3g9IjAgMCA5MDEgMTgzIiB2ZXJzaW9uPSIxLjEiCiAgICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDx0aXRsZT53b29jb21tZXJjZS1zZWVrbG9nby5jb20gMjwvdGl0bGU+CiAgICA8ZyBpZD0id29vY29tbWVyY2Utc2Vla2xvZ28uY29tLTIiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwYXRoIGQ9Ik0yLjQ2NiwxNy45MzYgQzYuNjQ2LDcuODE2IDE3LjEzNiwwLjY2NiAyOC4xMjYsMC42ODYgQzExMC43OTYsMC42NTYgMTkzLjQ2NiwwLjY5NiAyNzYuMTM2LDAuNjY2IEMyODMuMzA2LDAuNTA2IDI5MC40ODYsMy4xNzYgMjk1Ljc3Niw4LjAyNiBDMzAxLjgzNiwxMy40NDYgMzA1LjI4NiwyMS41NDYgMzA1LjExNiwyOS42NjYgQzMwNS4wODYsNjEuMzU2IDMwNS4xNzYsOTMuMDM1IDMwNS4wNzYsMTI0LjcyNiBDMzA1LjAxNiwxMzkuMDQ1IDI5Mi41MDYsMTUxLjgyNSAyNzguMTk2LDE1Mi4yMTUgQzI0OC4wNDYsMTUyLjM0NiAyMTcuODg2LDE1Mi4yMjYgMTg3LjczNiwxNTIuMjc2IEMxOTEuNzg2LDE2Mi4yNTUgMTk1Ljg4NiwxNzIuMjI1IDE5OS45MzYsMTgyLjIxNiBDMTgxLjk3NiwxNzIuMzI2IDE2NC4xOTYsMTYyLjA4NSAxNDYuMTM2LDE1Mi40MDUgQzEwNi40NzYsMTUyLjA1NiA2Ni43ODYsMTUyLjQzNSAyNy4xMTYsMTUyLjIwNSBDMTIuODI2LDE1MS44MDYgMC4zNjYsMTM5LjAzNSAwLjI4NiwxMjQuNzQ1IEMwLjE2Niw5My43MjYgMC4yODYsNjIuNjk2IDAuMjI2LDMxLjY2NiBDMC4xMTYsMjcuMDA2IDAuNTU2LDIyLjI0NiAyLjQ2NiwxNy45MzYiIGlkPSJGaWxsLTEiIGZpbGw9IiM5QzVDOEYiPjwvcGF0aD4KICAgICAgICA8cGF0aCBkPSJNMTIzLjcyNiwyMC4yNDYgQzEyOC4zMDYsMTUuMzc2IDEzNi45OTYsMTYuOTU2IDE0MC4zNzYsMjIuNDY2IEMxNDIuMjA2LDI1LjM1NiAxNDIuMzY2LDI5LjIxNiAxNDAuODk2LDMyLjI5NiBDMTM0LjUyNiw0NC44MjYgMTMxLjg2Niw1OC43ODYgMTI5LjQxNiw3Mi41MDYgQzEyNi41MTYsOTAuMzk2IDEyNC4xMDYsMTA4LjUxNSAxMjUuMDQ2LDEyNi42NzYgQzEyNS4zMDYsMTMxLjMwNSAxMjMuMDY2LDEzNi45MjYgMTE4LjA5NiwxMzguMDA2IEMxMTMuMzk2LDEzOS4wNTUgMTA5LjExNiwxMzUuOTc1IDEwNi4xNjYsMTMyLjY1NSBDOTIuNjY2LDExOC4xMzUgODUuMDI2LDk5LjMyNSA3OS41MTYsODAuNTU2IEM3My45NDYsOTEuNTQ2IDY4LjM1NiwxMDIuNTM1IDYyLjk1NiwxMTMuNjE1IEM1OS4xNzYsMTIxLjEwNSA1NS4xODYsMTI4Ljc0NSA0OS4xNDYsMTM0LjY5NiBDNDYuNTk2LDEzNy4yMjYgNDIuMjg2LDEzOS41MTUgMzguOTk2LDEzNi45MTUgQzM0LjA0NywxMzIuNTg1IDMyLjgyNywxMjUuNjg1IDMwLjcyNiwxMTkuNzU2IEMyMi43NTYsOTIuMjY1IDE4LjIzNiw2My45MzYgMTMuNjA2LDM1LjczNiBDMTIuNTQ2LDMxLjAzNiAxNC41MTYsMjUuNDA2IDE5LjIwNiwyMy41MjYgQzIyLjk5NiwyMi4xMDYgMjcuODQ2LDIxLjkwNiAzMS4wNzYsMjQuNjk2IEMzMy4zMjcsMjYuNzA2IDMzLjk0NiwyOS44MTYgMzQuMzY2LDMyLjY1NiBDMzcuNjE2LDU0LjQ4NiA0MS40ODYsNzYuMjQ2IDQ2Ljc1Nyw5Ny42ODUgQzU1Ljc4Nyw4MC41NjYgNjQuNzY2LDYzLjQxNiA3My43NjYsNDYuMjc2IEM3NS4xMDYsNDMuNzY2IDc2LjcwNiw0MS4yNDYgNzkuMTY2LDM5LjY4NiBDODIuNDU2LDM3LjU3NiA4Ny4zMzYsMzcuNzI2IDkwLjA4Niw0MC42NzYgQzkyLjM5Niw0My4wOTYgOTMuMTY2LDQ2LjQ2NiA5My44MDYsNDkuNjQ2IEM5Ni40OTYsNjMuODE2IDEwMC4xMzYsNzcuODQ2IDEwNS40MjYsOTEuMjc2IEMxMDcuNzA2LDcxLjAzNiAxMTAuNDk2LDUwLjU0NiAxMTcuODg2LDMxLjQzNiBDMTE5LjU1NiwyNy41ODYgMTIxLjAyNiwyMy41MTYgMTIzLjcyNiwyMC4yNDYgWiBNMTc0LjQ4NiwzMS4wODYgQzE4NC4yMDYsMjkuODk2IDE5NC42OTYsMzMuMTI2IDIwMS4zMTYsNDAuNTE2IEMyMDYuNzE2LDQ2LjYyNiAyMDkuNzQ2LDU0LjU1NiAyMTAuNzY2LDYyLjU3NiBDMjEyLjQxNiw3Ni4yOTYgMjA5Ljk0Niw5MC41NTYgMjAzLjM0NiwxMDIuNzI2IEMxOTkuNjE2LDEwOS42NjUgMTk0LjczNiwxMTYuMzE1IDE4Ny44NTYsMTIwLjM5NSBDMTc3Ljc3NiwxMjYuNTE1IDE2NC4yNTYsMTI1Ljc2NSAxNTQuNTE2LDExOS4zMDUgQzE0Ni43MzYsMTEzLjk3NSAxNDIuMzY2LDEwNC44OTYgMTQwLjU4Niw5NS44NDUgQzEzNy4wMDYsNzUuMzY2IDE0My4xMjYsNTIuNTM2IDE1OC42MzYsMzguMjM2IEMxNjMuMDg2LDM0LjM5NiAxNjguNjM2LDMxLjc5NiAxNzQuNDg2LDMxLjA4NiBaIE0xNzYuNTE2LDUyLjE1NiBDMTcxLjg0Niw1My43MDYgMTY4Ljg5Niw1Ny45ODYgMTY2LjM4Niw2MS45NjYgQzE2MC4wOTYsNzIuMDk2IDE1OC4yNzYsODUuNDU2IDE2My4zMzYsOTYuNDc1IEMxNjQuNjY2LDk5LjM3NSAxNjYuODA2LDEwMi40MjUgMTcwLjE3NiwxMDMuMDM1IEMxNzMuNzU2LDEwMy42MjUgMTc3LjA4NiwxMDEuNTc2IDE3OS42OTYsOTkuMzQ2IEMxODUuNDQ2LDk0LjQxNSAxODguMzA2LDg3LjAwNiAxODkuNjk2LDc5LjczNiBDMTkxLjI1Niw3MS40NTYgMTkwLjQ1Niw2Mi4yODYgMTg1LjU5Niw1NS4xOTYgQzE4My42NDYsNTIuMzA2IDE3OS44MTYsNTAuOTk2IDE3Ni41MTYsNTIuMTU2IFogTTI1Mi40NzYsMzEuMTA2IEMyNjEuOTc2LDI5LjkyNiAyNzIuMjg2LDMyLjg1NiAyNzguOTM2LDM5Ljk0NiBDMjg0Ljg4Niw0Ni4zNjUgMjg4LjEwNiw1NC45NTYgMjg5LjAxNiw2My41ODYgQzI5MC40MTYsNzYuODQ2IDI4Ny45NzYsOTAuNTU2IDI4MS42ODYsMTAyLjM0NSBDMjc3LjkwNiwxMDkuNDc1IDI3Mi45MTYsMTE2LjMzNiAyNjUuODM2LDEyMC40ODYgQzI1Ni4xNTYsMTI2LjI4NSAyNDMuMzc2LDEyNS43NTUgMjMzLjc4NiwxMjAuMDM1IEMyMjcuMzA2LDExNi4xMzUgMjIyLjk5NiwxMDkuNDc1IDIyMC41MTYsMTAyLjQ3NiBDMjEzLjcxNiw4MS4wNjYgMjE5LjQ1Niw1NS44NzYgMjM1LjEyNiwzOS43MTYgQzIzOS44MjYsMzUuMTM1IDI0NS45MjYsMzEuOTI2IDI1Mi40NzYsMzEuMTA2IFogTTI1NC41MzYsNTIuMTg2IEMyNDkuNDM2LDU0LjAwNiAyNDYuMzc2LDU4Ljg3NiAyNDMuNzI2LDYzLjI5NiBDMjM3Ljk4Niw3My40MTYgMjM2LjU3Niw4Ni40NDYgMjQxLjc2Niw5Ny4wNzYgQzI0My4xNjYsMTAwLjAxNSAyNDUuNjQ2LDEwMi45NzUgMjQ5LjE1NiwxMDMuMTM1IEMyNTIuOTc2LDEwMy4yNzYgMjU2LjI2NiwxMDAuODU2IDI1OC45MTYsOTguMzU1IEMyNjQuNjg2LDkyLjY2NSAyNjcuMzI2LDg0LjUzNiAyNjguMjQ2LDc2LjY0NiBDMjY5LjE5Niw2OS4yNTYgMjY3Ljk2Niw2MS4zMTYgMjYzLjY2Niw1NS4xMTYgQzI2MS42OTYsNTIuMjI2IDI1Ny44MjYsNTAuOTk2IDI1NC41MzYsNTIuMTg2IEwyNTQuNTM2LDUyLjE4NiBaIiBpZD0iRmlsbC0yIiBmaWxsPSIjRkZGRkZGIj48L3BhdGg+CiAgICAgICAgPHBhdGggZD0iTTM1Ni40NjYsMzMuOTE2IEMzNjQuNzU2LDMyLjA4NiAzNzMuNDc2LDMyLjMzNiAzODEuNzI2LDM0LjI1NiBDMzgxLjc1Niw0MS4wMDYgMzgxLjcyNiw0Ny43NTYgMzgxLjc0Niw1NC41MDYgQzM3NC45NzYsNTIuODc2IDM2Ny40MDYsNTEuMzQ2IDM2MC44MzYsNTQuNTE2IEMzNTIuOTg2LDU4LjM1NiAzNDguNjk2LDY3LjIwNiAzNDguNjE2LDc1LjcwNiBDMzQ4LjE3Niw4NC4xNzYgMzUwLjk5Niw5My42MDUgMzU4LjQ5Niw5OC4zNjUgQzM2NS4zODYsMTAyLjkyNSAzNzQuMTg2LDEwMS45NTUgMzgxLjc0Niw5OS43ODYgQzM4MS43MjYsMTA2LjUzNSAzODEuNzQ2LDExMy4yODYgMzgxLjcyNiwxMjAuMDM1IEMzNzEuNzI2LDEyMi45MzUgMzYwLjc5NiwxMjIuNTc1IDM1MS4wMzYsMTE4Ljk0NSBDMzM5LjMxNiwxMTQuNTQ2IDMyOS45ODYsMTA0LjQyNiAzMjYuNDE2LDkyLjQzNiBDMzIzLjcxNiw4My4zMzYgMzIzLjM2Niw3My40NzYgMzI1LjU1Niw2NC4yMjYgQzMyOS4wODYsNDkuMzg2IDM0MS42MTYsMzcuMjI2IDM1Ni40NjYsMzMuOTE2IFogTTQxNy4zODYsMzIuOTE2IEM0MjcuNTg2LDMxLjc3NiA0MzguNjg2LDMzLjM0NiA0NDYuOTI2LDM5Ljg4NiBDNDU0Ljg3Niw0Ni4wNTYgNDU4Ljg0Niw1Ni4wMDYgNDYwLjIyNiw2NS43MjYgQzQ2MS42MjYsNzYuMzY2IDQ2MS4zMTUsODcuNDM2IDQ1OC4wMjYsOTcuNzE1IEM0NTUuMjI2LDEwNi40NDYgNDQ5LjM2NiwxMTQuNTE1IDQ0MC45MjYsMTE4LjQ4NSBDNDMyLjM0NiwxMjIuNTI2IDQyMi4zNDYsMTIyLjc5NSA0MTMuMjE2LDEyMC43MzYgQzQwNC43NTYsMTE4LjgzNSAzOTcuMzA2LDExMy4yMjUgMzkzLjEwNiwxMDUuNjU1IEMzODcuMjk2LDk1LjQ0NSAzODYuMjM2LDgzLjMyNiAzODYuNjg2LDcxLjgwNiBDMzg3LjE2Niw2MS44NjYgMzg5LjY3Niw1MS41MDYgMzk2LjM1Niw0My44NDYgQzQwMS41OTYsMzcuNjE2IDQwOS4zNTYsMzMuODI2IDQxNy4zODYsMzIuOTE2IFogTTQyMC41MjYsNTIuMjc2IEM0MTYuMTQ2LDUzLjM4NiA0MTMuNjY2LDU3LjcwNiA0MTIuNTY2LDYxLjc3NiBDNDEwLjM5Niw2OS44MjYgNDEwLjc2Niw3OC4yOTYgNDExLjMxNiw4Ni41MzYgQzQxMS44NDYsOTAuOTg2IDQxMi4zMjYsOTUuOTA1IDQxNS40OTYsOTkuMzc1IEM0MTkuNzA2LDEwNC4xNjYgNDI4LjE2NiwxMDMuNTE1IDQzMi4wMzYsOTguNjE1IEM0MzQuNTk2LDk1LjQ3NSA0MzUuMjU2LDkxLjMzNiA0MzUuODQ2LDg3LjQ1NiBDNDM2LjY2Niw4MC41MTYgNDM2Ljg3Niw3My40NTYgNDM1LjgxNiw2Ni41MzYgQzQzNS4wNzYsNjIuMzg2IDQzMy45MjYsNTguMDA2IDQzMC44NzYsNTQuOTA2IEM0MjguMjU2LDUyLjE4NiA0MjQuMTE2LDUxLjM1NiA0MjAuNTI2LDUyLjI3NiBaIE04MjAuNTY2LDM0LjI2NiBDODI5LjIyNSwzMS45OTYgODM4LjQwNSwzMi4zMjYgODQ3LjExNSwzNC4xODYgQzg0Ny4zMTUsNDAuOTU2IDg0Ny4xNTUsNDcuNzM2IDg0Ny4yMDUsNTQuNTA2IEM4NDAuNTc1LDUyLjkxNiA4MzMuMjU1LDUxLjQyNiA4MjYuNzY1LDU0LjI4NiBDODE5LjMwNiw1Ny42ODYgODE0Ljc4NSw2NS42ODYgODE0LjIwNSw3My42NzYgQzgxMy4yODYsODIuNjM2IDgxNS43NTUsOTIuOTM2IDgyMy42NTUsOTguMTc1IEM4MzAuNTc1LDEwMi45MzUgODM5LjU0NSwxMDIuMDA2IDg0Ny4yMDUsOTkuNzg2IEM4NDcuMTE1LDEwNi41ODUgODQ3LjQwNSwxMTMuMzk2IDg0Ny4wNDUsMTIwLjE4NSBDODM2LjM4NSwxMjIuOTU1IDgyNC43NzUsMTIyLjU4NSA4MTQuNjE1LDExOC4xNzYgQzgwMy40NTUsMTEzLjMxNSA3OTQuODA1LDEwMy4yMzYgNzkxLjU5NSw5MS41MTYgQzc4OS4xMzUsODIuNTE2IDc4OC44NTUsNzIuODM2IDc5MS4xMjUsNjMuNzY2IEM3OTQuNjc2LDQ5LjU4NiA4MDYuNDY1LDM3Ljk0NiA4MjAuNTY1LDM0LjI2NiBMODIwLjU2NiwzNC4yNjYgWiBNNDczLjY4NiwzNC45MzYgQzQ4My4zMjYsMzQuOTE1IDQ5Mi45NzYsMzQuOTE2IDUwMi42MjUsMzQuOTM2IEM1MDYuMTE2LDUwLjU3NiA1MDkuNDM2LDY2LjI2NiA1MTIuMzM1LDgyLjAyNiBDNTE1LjA5Niw2Ni4xOTYgNTE4LjgwNiw1MC41NTYgNTIyLjUzNiwzNC45MzYgQzUzMi40MjYsMzQuOTE1IDU0Mi4zMTUsMzQuOTI2IDU1Mi4yMTYsMzQuOTI2IEM1NTYuMDU2LDYzLjIzNiA1NTkuODc2LDkxLjU0NiA1NjMuNjg2LDExOS44NTUgQzU1Ni4xMTYsMTE5Ljg2NSA1NDguNTU1LDExOS44NjYgNTQwLjk4NSwxMTkuODU1IEM1MzguODg2LDEwMC40NjUgNTM3LjAyNSw4MS4wNTYgNTM0LjgwNSw2MS42NzYgQzUzMC4yMTYsODEuMDk2IDUyNS4zNzYsMTAwLjQ1NSA1MjAuNjk2LDExOS44NTUgQzUxNS41MzYsMTE5Ljg3NSA1MTAuMzY1LDExOS44NjYgNTA1LjIwNSwxMTkuODU1IEM1MDAuMjU2LDEwMC40MzUgNDk1LjM4Niw4MC45ODYgNDkwLjM5Niw2MS41NzYgQzQ4OC40NDYsODEuMDA2IDQ4Ni41MTYsMTAwLjQzNSA0ODQuNTQ2LDExOS44NjYgQzQ3Ny4zMTYsMTE5Ljg1NSA0NzAuMDc1LDExOS44NzUgNDYyLjg0NiwxMTkuODU1IEM0NjYuNDQ2LDkxLjU0NiA0NzAuMDc1LDYzLjI0NiA0NzMuNjg2LDM0LjkzNiBaIE01NzcuNDg2LDM0LjkyNiBDNTg3LjEzNiwzNC45MzYgNTk2Ljc4NSwzNC45MDYgNjA2LjQ0NiwzNC45MzYgQzYwOS45MjYsNTAuNTU2IDYxMy4yMTYsNjYuMjE2IDYxNi4xMzYsODEuOTU2IEM2MTguOTM2LDY2LjE1NiA2MjIuNjA1LDUwLjUyNiA2MjYuMzQ1LDM0LjkyNiBDNjM2LjE5NiwzNC45MjYgNjQ2LjA1NSwzNC45MjYgNjU1LjkwNSwzNC45MjYgQzY1OS43MzYsNjMuMjM2IDY2My41NTUsOTEuNTQ2IDY2Ny4zNjUsMTE5Ljg1NSBDNjU5LjgwNSwxMTkuODc1IDY1Mi4yNDUsMTE5Ljg0NSA2NDQuNjg1LDExOS44NzUgQzY0Mi41ODYsMTAwLjQ3NSA2NDAuNjI1LDgxLjA3NiA2MzguNTU1LDYxLjY3NiBDNjMzLjgzNiw4MS4wNjYgNjI5LjIwNiwxMDAuNDc1IDYyNC40ODYsMTE5Ljg2NiBDNjE5LjMyNiwxMTkuODU1IDYxNC4xNzUsMTE5Ljg2NiA2MDkuMDI2LDExOS44NjYgQzYwNC4wNzYsMTAwLjQyNSA1OTkuMTU2LDgwLjk3NiA1OTQuMjE2LDYxLjUyNiBDNTkyLjIzNiw4MC45NjYgNTkwLjMyNiwxMDAuNDE1IDU4OC4zNTYsMTE5Ljg1NSBDNTgxLjExNiwxMTkuODY1IDU3My44ODUsMTE5Ljg2NiA1NjYuNjQ2LDExOS44NTUgQzU3MC4yNTYsOTEuNTQ2IDU3My44NzYsNjMuMjM2IDU3Ny40ODYsMzQuOTI2IFogTTY3My44MjYsMzUuMjA1IEM2ODkuMzE1LDM0Ljg1NiA3MDQuODI1LDM1LjE1NiA3MjAuMzI1LDM1LjA1NiBDNzIwLjM1Niw0MS4wODYgNzIwLjMwNSw0Ny4xMDYgNzIwLjM1NSw1My4xMzYgQzcxMi41MzUsNTMuMjI2IDcwNC43MTUsNTMuMTQ2IDY5Ni44OTUsNTMuMTg2IEM2OTYuODg1LDU4LjM2NiA2OTYuODg1LDYzLjU0NiA2OTYuODk1LDY4LjcyNiBDNzAzLjY2Niw2OC43NDYgNzEwLjQzNSw2OC43MjYgNzE3LjIwNSw2OC43MzYgQzcxNy4yMDYsNzQuNjA2IDcxNy4yMTUsODAuNDY2IDcxNy4yMDUsODYuMzI2IEM3MTAuNDM1LDg2LjMzNiA3MDMuNjY1LDg2LjMxNiA2OTYuODk1LDg2LjMzNiBDNjk2Ljg4NSw5MS41MTYgNjk2Ljg4NSw5Ni43MDUgNjk2Ljg5NSwxMDEuODg1IEM3MDQuNzQ1LDEwMS45MDUgNzEyLjYwNSwxMDEuODg1IDcyMC40NTUsMTAxLjg5NSBDNzIwLjQ1NSwxMDcuOTI1IDcyMC40NjUsMTEzLjk1NSA3MjAuNDU1LDExOS45ODUgQzcwNC45NTYsMTE5Ljk5NSA2ODkuNDU1LDExOS45OTUgNjczLjk2NSwxMTkuOTg1IEM2NzMuODY2LDkxLjcyNiA2NzQuMTM1LDYzLjQ1NiA2NzMuODI1LDM1LjIwNiBMNjczLjgyNiwzNS4yMDUgWiBNNzI3LjAyNSwzNC45MjYgQzczNi43MjYsMzQuOTY2IDc0Ni40MjUsMzQuODQ2IDc1Ni4xMjUsMzQuOTg2IEM3NjUuMjY2LDM1LjI3NiA3NzQuOTU1LDM3LjU1NiA3ODEuNzc1LDQ0LjAyNiBDNzg3LjkzNiw0OS43NTYgNzkwLjA2NSw1OS4xMDYgNzg3LjY3NSw2Ny4wNzYgQzc4NS43ODYsNzMuNTU2IDc4MC45MjUsNzguODE2IDc3NC44NTUsODEuNjU2IEM3ODAuOTI2LDk0LjQwNSA3ODcuMDU1LDEwNy4xMTUgNzkzLjEyNSwxMTkuODU1IEM3ODUuMDU2LDExOS44NjUgNzc2Ljk4NSwxMTkuODU1IDc2OC45MjUsMTE5Ljg2NiBDNzYyLjU5NiwxMDYuODY2IDc1Ni40NjUsOTMuNzU1IDc1MC4wNTUsODAuNzk2IEM3NDkuODk2LDkzLjgxNSA3NTAuMDM1LDEwNi44MzYgNzQ5Ljk4NSwxMTkuODU1IEM3NDIuMzI1LDExOS44NjUgNzM0LjY3NSwxMTkuODY2IDcyNy4wMjUsMTE5Ljg1NSBDNzI3LjAxNiw5MS41NDYgNzI3LjAxNSw2My4yMzYgNzI3LjAyNSwzNC45MjYgWiBNNzQ5Ljg3Niw1MS4yNTYgQzc0OS44NTYsNTguMDA2IDc0OS44NTUsNjQuNzY2IDc0OS44NzUsNzEuNTI2IEM3NTQuMDI1LDcxLjIzNiA3NTguNTM1LDcxLjA3NiA3NjIuMDY1LDY4LjU2NiBDNzY2LjEyNSw2NS42MzYgNzY1LjY4NSw1OS4zNjYgNzYzLjEyNSw1NS41ODYgQzc1OS45NTYsNTEuNzA2IDc1NC40NDUsNTEuNjI2IDc0OS44NzUsNTEuMjU2IEw3NDkuODc2LDUxLjI1NiBaIE04NTMuNjM1LDM0Ljk0NiBDODY5LjEwNSwzNC45MDYgODg0LjU3NSwzNC45NDYgOTAwLjA0NSwzNC45MjYgQzkwMC4wNTUsNDAuOTY1IDkwMC4wNDUsNDcuMDA2IDkwMC4wNDUsNTMuMDQ2IEM4OTIuMTk1LDUzLjA1NiA4ODQuMzQ1LDUzLjA0NiA4NzYuNDk1LDUzLjA1NiBDODc2LjQ4NSw1OC4yMjYgODc2LjQ4NSw2My4zOTYgODc2LjQ4NSw2OC41NzYgQzg4My4yNTUsNjguNTk2IDg5MC4wMjUsNjguNTY2IDg5Ni43OTUsNjguNTg2IEM4OTYuNzk1LDc0LjQ1NiA4OTYuODA1LDgwLjMzNiA4OTYuNzk1LDg2LjIwNiBDODkwLjAyNSw4Ni4yMDYgODgzLjI2NSw4Ni4yMDYgODc2LjUwNSw4Ni4yMDYgQzg3Ni40NzUsOTEuMzg2IDg3Ni40ODUsOTYuNTY1IDg3Ni40OTUsMTAxLjc1NiBDODg0LjM3NSwxMDEuNzc1IDg5Mi4yNTUsMTAxLjc1NiA5MDAuMTQ1LDEwMS43NjYgQzkwMC4xNDUsMTA3Ljc5NSA5MDAuMTQ1LDExMy44MjYgOTAwLjEzNSwxMTkuODY2IEM4ODQuNjQ1LDExOS44NjUgODY5LjE0NSwxMTkuODY2IDg1My42NTUsMTE5Ljg1NSBDODUzLjYyNSw5MS41NTYgODUzLjY1NSw2My4yNDYgODUzLjYzNSwzNC45NDYgTDg1My42MzUsMzQuOTQ2IFoiIGlkPSJGaWxsLTMiIGZpbGw9IiMwMDAwMDAiPjwvcGF0aD4KICAgIDwvZz4KPC9zdmc+Cg==\"","import styled, {css} from 'styled-components';\nimport { StyledUl } from \"./StyledSx\";\n\nexport const List = styled(StyledUl)<{listStyle?: string}>`\n  list-style: ${props => props.listStyle || 'inherit'};\n  margin-left: ${props => props.listStyle === 'none' ? 0 : '1.64rem'};\n  .flex-list {\n    li {\n      display: flex;\n    }\n  }\n  .right-list {\n    margin-right: 1.64rem;\n    li {\n      position: relative;\n      text-align: right;\n      direction: rtl;\n    }\n  }\n`;\n\nexport const OrderedList = styled.ol<{align?: 'left' | 'right'}>`\n  ${(props) =>\n    props.align === 'right' &&\n    css`\n      margin-right: 1.64rem;\n      li {\n        position: relative;\n        text-align: right;\n        direction: rtl;\n      }\n    `}\n`;\n","module.exports = __webpack_public_path__ + \"static/payment_gateway-81aa9209c5f3f0c06ea8978c3ca5414e.svg\";","module.exports = __webpack_public_path__ + \"static/commercetools_logo-e0767c2ef052048dbbded07d40dc661b.svg\";","module.exports = __webpack_public_path__ + \"static/shopify_monei-f3292edad4266e1a0deb9b9726daa64a.svg\";"],"sourceRoot":""}