{"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/links/Blog.tsx","webpack:///./src/images/omnichannel.svg","webpack:///./src/images/preview.png","webpack:///./src/pages/payments-glossary.tsx","webpack:///./src/components/landings/GradientBox.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","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","anchor","children","origin","setOrigin","AnchorLink","target","targetLanguage","module","exports","IndexBackground","IndexContent","LetterContainer","IndividualMarkedLetter","IndividualLetter","LetterCard","BigLetter","ConceptsContainer","ConceptLink","PaymentsGlossary","data","prismic","allCategorys","edges","popularPosts","allPosts","alphabet","concepts","spanish","english","Fragment","Content","SectionHeader","underline","tagName","parent","Section","letter","concept","startsWith","conceptsFiltered","replace","GradientBox","wrapperStyle","overflow","marginTop","contentStyle","maxWidth","all","color","GradientSectionDescription","SectionActions","SignUpButton","variant","GradientCtaImage","sx","bottom","omnichannel","paddingBottom","justifyContent","textAlign","query","source","toString","this","Cta","StyledSection","CtaWrapper","StyledDiv","CtaContent","StyledImg"],"mappings":"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","file":"component---src-pages-payments-glossary-tsx-1921a0d3f439c9c4adde.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 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","module.exports = __webpack_public_path__ + \"static/omnichannel-1551bc52b14b9fadd39dc1d6d1127c70.svg\";","module.exports = __webpack_public_path__ + \"static/preview-48d726d90a111f0ef00441db07ae609c.png\";","// i18next-extract-mark-ns-start payments-glossary\nimport React from 'react';\nimport styled from 'styled-components';\n\nimport {PageProps, graphql} from 'gatsby';\nimport {Trans, useI18next} from 'gatsby-plugin-react-i18next';\n\nimport omnichannel from 'images/omnichannel.svg';\n\nimport {Content} from 'components/Content';\nimport {Section, SectionActions, SectionHeader} from 'components/Section';\nimport {SEO} from 'components/SEO';\nimport {ScreenSizes} from '../../types/responsive';\nimport {SignUpButton} from 'components/SignUpButton';\nimport {\n  GradientBox,\n  GradientCtaImage,\n  GradientSectionDescription\n} from 'components/landings/GradientBox';\nimport {AnchorLink} from 'components/AnchorLink';\nimport {RelatedBlogPosts} from 'components/RelatedBlogPosts';\nimport { mapCategory, getPostsFromPrismicEdges } from 'utils/blog-utils';\nimport { BlogCategoryType, BlogPost } from '../../types/BlogTypes';\n\nconst IndexBackground = styled.div`\n  position: relative;\n\n  &:before {\n    content: '';\n    display: block;\n    position: absolute;\n    left: 50%;\n    top: -23%;\n    height: 1256px;\n    width: 1203px;\n    background: linear-gradient(353.74deg, #41efd6 -47.57%, #7984d9 13.85%);\n    transform: matrix(2, 0, 0, -1, 1248, 4) rotate(47deg) skew(7deg, 1.6deg);\n    @media (max-width: 1024px) {\n      top: -32%;\n      transform: matrix(2, 0, 0, -1, 1185, 25) rotate(44.5deg) skew(7deg, 1.6deg);\n    }\n    @media (max-width: 768px) {\n      content: none;\n    }\n  }\n\n  &:after {\n    display: block;\n    content: '';\n    position: absolute;\n    transform: rotate(34deg) matrix(1, 0, 0, -1, 459, -315);\n    left: 50%;\n    top: -6%;\n    opacity: 1;\n    height: 972px;\n    width: 1289px;\n    background: linear-gradient(353.74deg, #41efd6 -41.57%, #7984d9 53.85%);\n    @media (max-width: 1024px) {\n      top: -35%;\n      transform: rotate(34deg) matrix(1, 0, 0, -1, 470, -240);\n    }\n    @media (max-width: 768px) {\n      content: none;\n    }\n  }\n`;\n\nconst IndexContent = styled.div`\n  text-align: center;\n  padding-top: 100px;\n  padding-bottom: 0px;\n  min-height: 300px;\n  @media (max-width: ${ScreenSizes.md}) {\n    min-height: 310px;\n  }\n  @media (max-width: ${ScreenSizes.sm}) {\n    min-height: 210px;\n  }\n`;\n\nconst LetterContainer = styled.div`\n  display: flex;\n  justify-content: center;\n  flex-wrap: wrap;\n  flex-direction: row;\n  gap: 20px;\n`;\n\nconst IndividualMarkedLetter = styled.div`\n  font-size: 1.2rem;\n  font-weight: 500;\n  color: #333;\n`;\n\nconst IndividualLetter = styled.div`\n  font-size: 1.2rem;\n  font-weight: 200;\n  color: #333;\n`;\n\nconst LetterCard = styled.div`\n  padding: 20px;\n  display: flex;\n  justify-content: center;\n  gap: 20px;\n  align-items: start;\n  width: 30%;\n  justify-content: left;\n\n  @media (max-width: 580px) {\n    width: 100%;\n  }\n`;\n\nconst BigLetter = styled.div`\n  font-size: 3rem;\n  font-weight: 500;\n  color: #333;\n`;\n\nconst ConceptsContainer = styled.div`\n  margin-top: 20px;\n`;\n\nconst ConceptLink = styled(AnchorLink)`\n  cursor: pointer;\n  text-decoration: none !important;\n  color: #333;\n\n  &:hover {\n    color: #74ebd5;\n  }\n`;\n\nconst PaymentsGlossary: React.FC<PageProps> = (props: any) => {\n  const {t, language} = useI18next();\n\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\n  const alphabet = [\n    'A',\n    'B',\n    'C',\n    'D',\n    'E',\n    'F',\n    'G',\n    'H',\n    'I',\n    'J',\n    'K',\n    'L',\n    'M',\n    'N',\n    'O',\n    'P',\n    'Q',\n    'R',\n    'S',\n    'T',\n    'U',\n    'V',\n    'W',\n    'X',\n    'Y',\n    'Z'\n  ];\n\n  const concepts = [\n    {\n      spanish: '2FA',\n      english: '2FA (Double Factor Authentication)',\n      url: ''\n    },\n    {\n      spanish: '3D Secure',\n      english: '3D Secure',\n      url: 'https://monei.com/blog/what-is-3d-secure-and-its-advantages-for-e-commerce/'\n    },\n    {\n      spanish: 'API de pago',\n      english: 'Payments API',\n      url: 'https://docs.monei.com/api/'\n    },\n    {\n      spanish: 'App de pago con tarjeta',\n      english: 'Card payment app',\n      url: 'https://monei.com/blog/best-credit-card-payment-app/'\n    },\n    {\n      spanish: 'Banco adquirente (o Adquirente)',\n      english: 'Acquiring bank',\n      url: 'https://monei.com/blog/acquiring-bank-vs-issuing-bank/'\n    },\n    {\n      spanish: 'Banco Emisor (o Emisor)',\n      english: 'Issuing bank',\n      url: 'https://monei.com/blog/acquiring-bank-vs-issuing-bank/'\n    },\n    {\n      spanish: 'Cartera digital',\n      english: 'e-wallet',\n      url: 'https://monei.com/blog/digital-wallet-ecommerce/'\n    },\n    {\n      spanish: 'Checkout',\n      english: 'Checkout',\n      url: 'https://monei.com/blog/checkout/'\n    },\n    {\n      spanish: 'Chip EMV',\n      english: 'EMV chip',\n      url: ''\n    },\n    {\n      spanish: 'Comercio Headless',\n      english: 'Headless commerce',\n      url: 'https://monei.com/blog/headless-commerce-fabric/'\n    },\n    {\n      spanish: 'Comisiones de pagos internacionales',\n      english: 'Cross border fees',\n      url: 'https://monei.com/blog/cross-border-fees/'\n    },\n    {\n      spanish: 'Compra ahora paga después',\n      english: 'BNPL',\n      url: 'https://monei.com/blog/buy-now-pay-later/'\n    },\n    {\n      spanish: 'Cross Selling',\n      english: 'Cross Selling',\n      url: ''\n    },\n    {\n      spanish: 'Devolución',\n      english: 'Refund',\n      url: ''\n    },\n    {\n      spanish: 'e wallet',\n      english: 'ewallet',\n      url: 'https://monei.com/es/blog/digital-wallet-ecommerce/'\n    },    \n    {\n      spanish: 'Disputa',\n      english: 'Chargeback',\n      url: 'https://monei.com/blog/chargebacks-prevention/'\n    },\n    {\n      spanish: 'Ecommerce',\n      english: 'Ecommerce',\n      url: 'https://monei.com/blog/e-commerce-tips'\n    },\n    {\n      spanish: 'Ecommerce internacional',\n      english: 'International e-commerce',\n      url: 'https://monei.com/blog/cross-border-ecommerce/'\n    },\n    {\n      spanish: 'ERP',\n      english: 'ERP',\n      url: ''\n    },\n    {\n      spanish: 'Errores de pago online',\n      english: 'Online payment failures',\n      url: 'https://monei.com/blog/online-payment-failure-message/'\n    },\n    {\n      spanish: 'Euro digital',\n      english: 'Digital Euro',\n      url: 'https://monei.com/blog/digital-euro/'\n    },\n    {\n      spanish: 'Fintech',\n      english: 'Fintech',\n      url: 'https://monei.com/blog/fintech-vs-traditional-banks/'\n    },\n    {\n      spanish: 'Fraude',\n      english: 'Fraud',\n      url: 'https://monei.com/blog/internet-fraud/'\n    },\n    {\n      spanish: 'Independent Sales Organization (ISO)',\n      english: 'Independent Sales Organization (ISO)',\n      url: 'https://monei.com/blog/independent-sales-organization/'\n    },\n    {\n      spanish: 'IVA',\n      english: 'VAT',\n      url: 'https://monei.com/blog/vat-in-europe/'\n    },\n    {\n      spanish: 'KYC',\n      english: 'KYC',\n      url: 'https://support.monei.com/hc/articles/18709966015505'\n    },\n    {\n      spanish: 'LTV (Lifetime Value)',\n      english: 'LTV (Lifetime Value)',\n      url: 'https://monei.com/blog/ltv-lifetime-value/'\n    },\n    {\n      spanish: 'M commerce',\n      english: 'M-commerce',\n      url: 'https://monei.com/blog/mobile-payment-processing/'\n    },\n    {\n      spanish: 'Método de Pago',\n      english: 'Payment method',\n      url: 'https://monei.com/payment-methods/'\n    },\n    {\n      spanish: 'Método de Pago Alternativo',\n      english: 'Alternative payment method',\n      url: 'https://monei.com/blog/alternative-payment-methods/'\n    },\n    {\n      spanish: 'Métodos de Pago Internacionales',\n      english: 'International payment methods',\n      url: 'https://monei.com/blog/international-payment-methods/'\n    },\n    {\n      spanish: 'Método de Pago Local',\n      english: 'Local payment method',\n      url: 'https://monei.com/blog/local-payment-methods/'\n    },\n    {\n      spanish: 'Near Field Communication (NFC)',\n      english: 'Near Field Communication (NFC)',\n      url: 'https://monei.com/blog/nfc-mobile-payments/'\n    },\n    {\n      spanish: 'Orquestación de pagos',\n      english: 'Payment orchestration',\n      url: 'https://monei.com/blog/payment-orchestration-platform/'\n    },\n    {\n      spanish: 'Página de pago alojada',\n      english: 'Hosted payment page',\n      url: 'https://docs.monei.com/docs/integrations/use-prebuilt-payment-page/'\n    },\n    {\n      spanish: 'Pago entre Particulares',\n      english: 'Peer-to-Peer Payment',\n      url: 'https://monei.com/blog/types-of-payment-methods/'\n    },\n    {\n      spanish: 'Pago internacional',\n      english: 'International payments',\n      url: 'https://monei.com/blog/cross-border-payments/'\n    },\n    {\n      spanish: 'Pago móvil',\n      english: 'Mobile payment',\n      url: 'https://monei.com/blog/nfc-mobile-payments/'\n    },\n    {\n      spanish: 'Pago por link',\n      english: 'link payment',\n      url: 'https://monei.com/features/pay-by-link/'\n    },\n    {\n      spanish: 'Pagos con código QR',\n      english: 'QR code payments',\n      url: 'https://monei.com/blog/qr-code-payments/'\n    },\n    {\n      spanish: 'Pagos Contactless',\n      english: 'Contactless payments',\n      url: 'https://monei.com/blog/contactless/'\n    },\n    {\n      spanish: 'Pagos integrados',\n      english: 'Integrated payments',\n      url: 'https://monei.com/blog/integrated-payments/'\n    },\n    {\n      spanish: 'pagos omnicanal',\n      english: 'Omnichannel payments',\n      url: 'https://monei.com/blog/omnichannel-payments/'\n    },\n    {\n      spanish: 'Pagos Online',\n      english: 'Online payments',\n      url: 'https://monei.com/online-payments/'\n    },\n    {\n      spanish: 'Pagos recurrentes',\n      english: 'Recurring payments',\n      url: 'https://monei.com/blog/what-is-recurring-payment/'\n    },\n    {\n      spanish: 'Pagos sin efectivo',\n      english: 'Cashless payments',\n      url: 'https://monei.com/blog/cashless-payments/'\n    },\n    {\n      spanish: 'Pagos sin fricción',\n      english: 'Frictionless payments',\n      url: 'https://monei.com/es/blog/frictionless-payments/'\n    },\n    {\n      spanish: 'PAN',\n      english: 'PAN Card number',\n      url: 'https://monei.com/blog/pan-number/'\n    },\n    {\n      spanish: 'pagos sin fricciones',\n      english: 'Frictionless Payments',\n      url: 'https://monei.com/blog/frictionless-payments/'\n    },\n    {\n      spanish: 'Pasarela de pagos',\n      english: 'Payment Gateway',\n      url: 'https://monei.com/blog/what-is-a-payment-gateway/'\n    },\n    {\n      spanish: 'Payfac',\n      english: 'Payfac',\n      url: 'https://monei.com/blog/what-is-a-payfac/'\n    },\n    {\n      spanish: 'PCI DSS',\n      english: 'PCI DSS',\n      url: 'https://monei.com/pci-dss/'\n    },\n    {\n      spanish: 'Plataforma ecommerce',\n      english: 'E-commerce Platform',\n      url: 'https://monei.com/blog/best-ecommerce-platforms/'\n    },\n    {\n      spanish: 'Procesador de Pagos',\n      english: 'Payment Processor',\n      url: 'https://monei.com/blog/payment-gateway-vs-payment-processor/'\n    },\n    {\n      spanish: 'PSD2',\n      english: 'PSD2',\n      url: 'https://monei.com/blog/psd2/'\n    },\n    {\n      spanish: 'PSP',\n      english: 'PSP',\n      url: 'https://monei.com/blog/what-is-a-psp/'\n    },\n    {\n      spanish: 'Redes de tarjetas',\n      english: 'credit card networks',\n      url: 'https://monei.com/payment-methods/credit-cards/'\n    },\n    {\n      spanish: 'SCA (Autenticación reforzada de clientes)',\n      english: 'SCA (Strong Customer Authentication)',\n      url: 'https://monei.com/blog/sca/'\n    },\n    {\n      spanish: 'SEPA Adeudo directo',\n      english: 'SEPA Direct debit',\n      url: 'https://monei.com/blog/what-is-sepa/'\n    },\n    {\n      spanish: 'Sku',\n      english: 'Sku',\n      url: ''\n    },\n    {\n      spanish: 'Social commerce',\n      english: 'Social commerce',\n      url: ''\n    },\n    {\n      spanish: 'Suscripciones',\n      english: 'Subscriptions',\n      url: 'https://monei.com/features/subscriptions/'\n    },\n    {\n      spanish: 'SWIFT/BIC',\n      english: 'SWIFT/BIC code',\n      url: 'https://monei.com/blog/what-is-a-swift-bic-code/'\n    },\n    {\n      spanish: 'Tap on phone',\n      english: 'Tap on phone',\n      url: 'https://monei.com/blog/tap-on-phone-payment/'\n    },\n    {\n      spanish: 'Tap to Pay',\n      english: 'Tap to Pay',\n      url: 'https://monei.com/blog/tap-to-pay/'\n    },\n    {\n      spanish: 'Tasa de intercambio',\n      english: 'Interchange rate',\n      url: 'https://monei.com/blog/what-are-interchange-fees/'\n    },\n    {\n      spanish: 'Tokenización',\n      english: 'Tokenization',\n      url: 'https://monei.com/blog/what-is-tokenization-and-its-benefits-for-e-commerce/'\n    },\n    {\n      spanish: 'TPV',\n      english: 'POS',\n      url: 'https://monei.com/monei-pay/retail-POS-system/'\n    },\n    {\n      spanish: 'TPV móvil',\n      english: 'mobile POS',\n      url: 'https://monei.com/blog/mobile-pos-system-mpos/'\n    },\n    {\n      spanish: 'TPV Virtual',\n      english: 'TPV Virtual',\n      url: 'https://monei.com/tpv-virtual/'\n    }\n  ];\n\n  return (\n    <>\n      <SEO\n        path=\"payments-glossary\"\n        title={t('Payments sector terminology')}\n        description={t(\n          'We provide you with the definitions of the most important terms in the payment and ecommerce industry. Get up to date with our glossary and grow your business.'\n        )}\n      />\n      <IndexBackground>\n        <Content>\n          <IndexContent>\n            <SectionHeader underline tagName=\"h1\">\n              <Trans>Payments sector glossary</Trans>\n            </SectionHeader>\n            <Trans parent=\"p\">\n              The following is a list of commonly used payments terminology. For your convenience,\n              it’s sorted in alphabetical order. If you can’t find the definition you’re looking\n              for, get in touch and we’ll add it.\n            </Trans>\n          </IndexContent>\n        </Content>\n      </IndexBackground>\n\n      <Content>\n        <Section>\n          <LetterContainer>\n            {alphabet.map((letter: string) => {\n              if (\n                concepts.filter((concept) =>\n                  concept[language === 'en' ? 'english' : 'spanish'].startsWith(letter)\n                ).length > 0\n              ) {\n                return <IndividualMarkedLetter>{letter}</IndividualMarkedLetter>;\n              } else {\n                return <IndividualLetter>{letter}</IndividualLetter>;\n              }\n            })}\n          </LetterContainer>\n        </Section>\n      </Content>\n\n      <Content>\n        <Section>\n          <LetterContainer>\n            {alphabet.map((letter: string) => {\n              const conceptsFiltered = concepts.filter((concept) =>\n                concept[language === 'en' ? 'english' : 'spanish'].startsWith(letter)\n              );\n              if (conceptsFiltered.length > 0) {\n                return (\n                  <LetterCard>\n                    <BigLetter>{letter}</BigLetter>\n                    <ConceptsContainer>\n                      {conceptsFiltered.map((concept) => {\n                        const url =\n                          language === 'es'\n                            ? concept.url.replace('monei.com/', 'monei.com/es/')\n                            : concept.url;\n                        return (\n                          <div>\n                            <ConceptLink href={url}>\n                              {concept[language === 'en' ? 'english' : 'spanish']}\n                            </ConceptLink>\n                          </div>\n                        );\n                      })}\n                    </ConceptsContainer>\n                  </LetterCard>\n                );\n              }\n            })}\n          </LetterContainer>\n        </Section>\n      </Content>\n\n      <Content>\n        <GradientBox\n          wrapperStyle={{overflow: 'visible', marginTop: '100px'}}\n          contentStyle={{maxWidth: {all: '650px', md: '100%'}}}>\n          <SectionHeader tagName=\"h2\" underline style={{color: 'white'}}>\n            <Trans>Start accepting online payments today</Trans>\n          </SectionHeader>\n          <GradientSectionDescription>\n            <Trans>\n              Accept more payment methods, increase conversions, and grow your e-commerce business\n              with the all-in-one payments platform.\n            </Trans>\n          </GradientSectionDescription>\n          <SectionActions>\n            <SignUpButton variant=\"dark\">\n              <Trans>Join MONEI Now</Trans>\n            </SignUpButton>\n          </SectionActions>\n          <GradientCtaImage\n            sx={{\n              bottom: '00',\n              right: '70px',\n              width: '30%'\n            }}\n            src={omnichannel}\n          />\n        </GradientBox>\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>Check our latest blog posts</Trans>\n                </SectionHeader>\n              </div>\n            </Section>\n          </Content>\n          <RelatedBlogPosts posts={popularPosts} />\n        </>\n      )}\n    </>\n  );\n};\n\nexport default PaymentsGlossary;\n\nexport const query = graphql`\n  query ($language: String!, $prismicLang: String) {\n    locales: allLocale(\n      filter: {ns: {in: [\"common\", \"payments-glossary\"]}, 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        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","import React, { PropsWithChildren } from \"react\";\nimport styled from \"styled-components\";\nimport { ScreenSizes, Sx } from \"../../../types/responsive\";\nimport { StyledDiv, StyledImg, StyledSection } from \"../StyledSx\";\n\nconst Cta = styled(StyledSection)`\n  padding-bottom: 80px;\n  @media (max-width: 768px) {\n    padding-top: 40px;\n    padding-bottom: 40px;\n  }\n`;\n\nconst CtaWrapper = styled(StyledDiv)`\n  background-image: linear-gradient(-56deg, #12e0c2 0%, #7984d9 41%);\n  border-radius: 16px;\n  padding: 80px 98px;\n  position: relative;\n  overflow: hidden;\n  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);\n  @media (max-width: ${ScreenSizes.lg}) {\n    padding: 80px 60px;\n  }\n  @media (max-width: ${ScreenSizes.sm}) {\n    padding: 40px 20px;\n  }\n`;\n\nconst CtaContent = styled(StyledDiv)`\n  display: flex;\n  flex-direction: column;\n  width: 680px;\n  @media (max-width: ${ScreenSizes.lg}) {\n    width: 630px;\n  }\n  @media (max-width: ${ScreenSizes.md}) {\n    width: 100%;\n    align-items: center;\n  }\n`;\n\ninterface Props {\n  wrapperStyle?: Sx;\n  contentStyle?: Sx;\n  sx?: Sx;\n}\n\nexport const GradientSectionDescription = styled.div`\n  font-weight: 500;\n  color: #fafafa;\n  font-size: 16px;\n  p {\n    font-size: 1.25rem;\n    @media (max-width: ${ScreenSizes.sm}) {\n      font-size: 1rem;\n    }\n  }\n  a {\n    color: #ffffff;\n    text-decoration: underline;\n  }\n`;\n\nexport const GradientCtaImage = styled(StyledImg)`\n  position: absolute;\n  bottom: -6px;\n  right: 98px;\n  width: 19.5%;\n\n  @media (max-width: ${ScreenSizes.lg}) {\n    bottom: 0;\n    width: 240px;\n    right: 60px;\n  }\n  @media (max-width: ${ScreenSizes.md}) {\n    display: none;\n  }\n`;\n\nexport const GradientBox: React.FC<Props & PropsWithChildren<any>> = ({children, wrapperStyle, contentStyle, sx}) => {\n  return (\n    <Cta sx={sx}>\n      <CtaWrapper sx={wrapperStyle}>\n        <CtaContent sx={contentStyle}>{children}</CtaContent>\n      </CtaWrapper>\n    </Cta>\n  );\n};\n"],"sourceRoot":""}