{"version":3,"sources":["webpack:///./src/components/SmallText.ts","webpack:///./src/components/landings/OrderList.ts","webpack:///./src/pages/payment-methods/sepa-direct-debit.tsx"],"names":["styled","span","withConfig","displayName","componentId","ol","LargeSectionHeader","SectionHeader","query","SepaDirectDebit","t","useI18next","React","createElement","Fragment","SEO","title","description","IndexBackground","Content","Section","reverseOnMobile","MainTitleContent","sx","maxWidth","all","md","underline","tagName","Trans","parent","SectionActions","SignUpButton","variant","style","marginRight","ContactSalesButton","MainTitleImg","src","sepa_monei","alt","Background","SectionImage","index2","width","height","mobileWidth","List","SmallText","OrderList","BlogLink","slug","InternalPageLink","PaymentMethodsLinkList","exclude","endTag","index1","IntegrationGuide","AnchorLink","href","id","source","toString","this"],"mappings":"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","file":"component---src-pages-payment-methods-sepa-direct-debit-tsx-b30733dcab2ad123d63e.js","sourcesContent":["import styled from 'styled-components';\n\nexport default styled.span`\n  font-style: italic;\n  font-size: 12px;\n`;\n","import styled from 'styled-components';\n\nexport default styled.ol``;\n","// i18next-extract-mark-ns-start sepa-direct-debit\n\n//Payment methods\nimport {Background} from 'components/Background';\nimport {ContactSalesButton} from 'components/ContactSalesButton';\nimport {Content} from 'components/Content';\nimport {Section, SectionActions, SectionHeader, SectionImage} from 'components/Section';\nimport {SEO} from 'components/SEO';\nimport {SignUpButton} from 'components/SignUpButton';\nimport {graphql} from 'gatsby';\nimport {Trans, useI18next} from 'gatsby-plugin-react-i18next';\n\n//Partners\nimport index2 from 'images/best_payment_gateway_rates.svg';\n\n//Images\nimport sepa_monei from 'images/sepa_monei.svg';\n\n// Clients\nimport index1 from 'images/payment_gateway.svg';\n\nimport React from 'react';\nimport styled from 'styled-components';\nimport {AnchorLink} from 'components/AnchorLink';\nimport {List} from 'components/List';\nimport {IndexBackground} from 'components/landings/IndexBackground';\nimport OrderList from 'components/landings/OrderList';\nimport SmallText from 'components/SmallText';\nimport {PaymentMethodsLinkList} from 'components/landings/PaymetMethodsLinkList';\nimport {MainTitleContent} from 'components/payment-methods/MainTitleContent';\nimport {MainTitleImg} from 'components/payment-methods/MainTitleImg';\nimport {BlogLink} from 'components/links/Blog';\nimport {IntegrationGuide} from 'components/payment-methods/IntegrationGuide';\nimport {InternalPageLink} from 'components/links/Pages';\n\nconst LargeSectionHeader = styled(SectionHeader)`\n  h1 {\n    font-size: 2.625rem;\n    line-height: 3.25rem;\n\n    @media (max-width: 768px) {\n      font-size: 2rem;\n      line-height: 2.75rem;\n    }\n  }\n`;\n\nconst SepaDirectDebit: React.FC = () => {\n  const {t} = useI18next();\n  return (\n    <>\n      <SEO\n        title={t('SEPA Direct Debit for e-commerce')}\n        description={t(\n          'Expand your e-commerce business across Europe with SEPA Direct Debit. Process one-time or recurring payments from 36 countries. Get MONEI »'\n        )}\n      />\n      <IndexBackground>\n        <Content>\n          <Section reverseOnMobile>\n            <MainTitleContent sx={{maxWidth: {all: '590px', md: '100%'}}}>\n              <LargeSectionHeader underline tagName=\"h1\">\n                <Trans>\n                  SEPA Direct Debit for <br />\n                  e-commerce\n                </Trans>\n              </LargeSectionHeader>\n              <Trans parent=\"p\">\n                Introduced by the European Payments Council SEPA (Single Euro Payments Area) Direct\n                Debit is a Europe-wide system that supports direct debit euro payments in 36\n                countries. Accepting it in your e-commerce store is crucial if you’re looking to\n                expand your business across the region. Use SEPA Direct Debit to accept one-time or\n                recurring payments from European consumers.\n              </Trans>\n              <SectionActions>\n                <SignUpButton variant=\"light\" style={{marginRight: 15}}>\n                  <Trans>Open an Account</Trans>\n                </SignUpButton>\n                <ContactSalesButton />\n              </SectionActions>\n            </MainTitleContent>\n            <MainTitleImg src={sepa_monei} alt=\"MONEI SEPA\" title=\"MONEI SEPA\" />\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>Accept cross-border payments with SEPA Direct Debit</Trans>\n              </SectionHeader>\n\n              <Trans parent=\"p\">\n                Easily access more European markets by accepting SEPA Direct Debit in your store and\n                enjoy these benefits:\n              </Trans>\n              <List>\n                <Trans parent=\"li\">\n                  Increased customer retention due to fast, flexible, and convenient payments\n                </Trans>\n                <Trans parent=\"li\">\n                  Reduced subscription admin (for you) and improved security (for customers)\n                </Trans>\n                <Trans parent=\"li\">\n                  Streamlined and cost effective cross-border payment processing\n                </Trans>\n                <Trans parent=\"li\">\n                  Improved cash flow and settlement of all EU payments into one bank account\n                </Trans>\n              </List>\n              <SectionActions>\n                <SignUpButton variant=\"dark\">\n                  <Trans>Try MONEI</Trans>\n                </SignUpButton>\n              </SectionActions>\n              <Trans>\n                <SmallText>\n                  Reach consumers in the following countries: AD, AT, BE, BG, CH, CY, CZ, DE, DK,\n                  EE, ES, FI, FR, GB, GR, HR, HU, IE, IS, IT, LI, LT, LU, LV, MC, MT, NL, NO, PL,\n                  PT, RO, SE, SI, SK, SM, VA\n                </SmallText>\n              </Trans>\n            </div>\n          </Section>\n          <Section reverseOnMobile>\n            <div>\n              <SectionHeader>\n                <Trans>How does SEPA Direct Debit work?</Trans>\n              </SectionHeader>\n              <Trans parent=\"p\">\n                SEPA Direct Debit only requires customers to make a few clicks before their payment\n                is complete (i.e., higher conversion rates for you).\n              </Trans>\n              <OrderList>\n                <Trans parent=\"li\">Customer goes to checkout</Trans>\n                <Trans parent=\"li\">\n                  Customer selects SEPA Direct Debit from the payment methods list\n                </Trans>\n                <Trans parent=\"li\">Customer provides their IBAN and name, and clicks Pay</Trans>\n                <Trans parent=\"li\">Payment is complete</Trans>\n              </OrderList>\n              <Trans>\n                With <BlogLink slug=\"what-is-sepa\">SEPA Direct Debit</BlogLink> payments, you’ll reach more European consumers, improve the\n                payment experience, and increase sales. But diversifying your payment stack\n                shouldn’t end there. Accept{' '}\n                <InternalPageLink slug=\"payment-methods\">many payment methods</InternalPageLink> including\n                <InternalPageLink slug=\"payment-methods/credit-cards\">cards</InternalPageLink> and{' '}\n                <BlogLink slug=\"alternative-payment-methods\">alternative payment methods</BlogLink>{' '}\n                like{' '}\n              </Trans>\n              <PaymentMethodsLinkList exclude={[]} endTag={t('and')} />.\n              <SectionActions>\n                <SignUpButton variant=\"dark\">\n                  <Trans>Get Started</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        </Content>\n      </Background>\n      <IntegrationGuide title={<Trans>Integrate SEPA Direct Debit</Trans>}>\n        <Trans>\n          Adding SEPA Direct Debit to your e-commerce store is easy. All you have to do is open your\n          MONEI account — then once you’ve been approved,{' '}\n          <AnchorLink href=\"https://support.monei.com/hc/requests/new\">contact support</AnchorLink>{' '}\n          to activate this payment method on all major e-commerce platforms or your customer-built\n          website.\n        </Trans>\n      </IntegrationGuide>\n    </>\n  );\n};\n\nexport default SepaDirectDebit;\n\nexport const query = graphql`\n  query($language: String!) {\n    locales: allLocale(\n      filter: {ns: {in: [\"common\", \"sepa-direct-debit\"]}, language: {eq: $language}}\n    ) {\n      edges {\n        node {\n          ns\n          data\n          language\n        }\n      }\n    }\n  }\n`;\n"],"sourceRoot":""}