{"version":3,"sources":["i18n.js","versions.ts","services/Environments.ts","services/ApiClient.tsx","components/checkout/CheckoutRouter.tsx","WithFAQContext.tsx","components/icons/icon-404-ice.svg","common/payactiveLogo/logo3.png","components/checkout/Footer.tsx","NotFound404.tsx","App.tsx","serviceWorker.js","index.tsx"],"names":["i18n","use","Backend","LanguageDetector","initReactI18next","init","backend","loadPath","process","whitelist","fallbackLng","load","debug","ns","defaultNS","keySeparator","interpolation","escapeValue","formatSeparator","detection","order","react","wait","useSuspense","Environments","ApiClient","this","_instance","create","_instanceHardRetry","hardRetry","instance","axios","interceptors","request","config","headers","timeout","TIMEOUT","error","Promise","reject","axiosRetry","retries","retryCondition","_error","shouldResetTimeout","checkoutId","REACT_APP_API_DOMAIN","window","location","hostname","local","replace","dev","stage","prod","sandbox","response","Error","data","message","CheckoutRouter","useRouteMatch","params","redirectToAppPayment","FAQContext","React","createContext","toggleFAQ","deepLinkId","faqProps","open","WithAlertContext","children","useState","setFaqProps","Provider","value","Footer","t","useTranslation","Grid","sx","position","bottom","minWidth","style","maxWidth","alt","src","logo","Typography","fontWeight","fontSize","top","color","variant","useStyles","makeStyles","theme","headerText","opacity","textAlign","backButton","marginBottom","backgroundColor","textTransform","width","headerIcon","marginTop","footerLogo","margin","NotFound404","classes","history","useHistory","container","direction","alignItems","justifyContent","minHeight","Box","flexWrap","m","xs","md","Paper","elevation","Icon404","className","marginLeft","marginRight","href","icon","name","label","onClick","goBack","generateClassName","createGenerateClassName","productionPrefix","disableGlobal","App","reCaptchaKey","StylesProvider","StyledEngineProvider","injectFirst","ThemeProvider","CssBaseline","path","Boolean","match","ReactDOM","render","StrictMode","document","getElementById","navigator","serviceWorker","ready","then","registration","unregister","catch","console"],"mappings":"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","file":"static/js/main.baa219ba.chunk.js","sourcesContent":["import i18n from 'i18next';\nimport { initReactI18next } from 'react-i18next';\nimport LanguageDetector from 'i18next-browser-languagedetector';\nimport Backend from 'i18next-xhr-backend';\nimport { versions } from './versions';\n\nconst build = versions.BuildId;\ni18n\n  .use(Backend)\n  .use(LanguageDetector)\n  .use(initReactI18next)\n  .init({\n    backend: {\n      loadPath: `${process.env.PUBLIC_URL}/i18n/{{ns}}/{{lng}}.json?v=${build}`,\n    },\n    whitelist: ['en', 'de'],\n    fallbackLng: 'en',\n    load: 'languageOnly',\n    debug: false,\n    ns: ['global'],\n    defaultNS: 'global',\n    keySeparator: false,\n    interpolation: {\n      escapeValue: false,\n      formatSeparator: ',',\n    },\n    detection: {\n      order: ['querystring', 'navigator'],\n    },\n    react: {\n      wait: true,\n      useSuspense: false,\n    },\n  });\n\nexport default i18n;\n","export const versions= {BuildId: '4024'}\n","export enum Environments {\n    local = 'localhost',\n    dev = 'dev.checkout.payactive.io',\n    stage = 'stage.checkout.payactive.io',\n    prod = 'checkout.payactive.io',\n    sandbox = 'sandbox.checkout.payactive.io'\n}\n\nexport function getAllEnvironments(): string[] {\n    return Object.values(Environments);\n}","import axios, { AxiosError, AxiosInstance, AxiosRequestConfig } from 'axios';\nimport axiosRetry from 'axios-retry';\nimport React from 'react';\nimport { Redirect } from 'react-router-dom';\nimport { Environments } from './Environments';\n\ninterface MatchParams {\n  checkoutId: string;\n}\nexport default class ApiClient {\n  private static _instance: AxiosInstance;\n  private static _instanceHardRetry: AxiosInstance;\n\n  private static TIMEOUT: number = 20_000;\n\n  public static get client(): AxiosInstance {\n    return this._instance || (this._instance = this.create());\n  }\n\n  public static get clientHardRetry(): AxiosInstance {\n    return this._instanceHardRetry || (this._instanceHardRetry = this.create(true));\n  }\n\n  private static create(hardRetry = false): AxiosInstance {\n    const instance = axios.create();\n    instance.interceptors.request.use(\n      (config: AxiosRequestConfig) => {\n        if (!!config.headers) {\n          config.headers['Accept'] = 'application/json';\n          config.headers['Content-Type'] = 'application/json';\n        }\n        config.timeout = ApiClient.TIMEOUT;\n        return config;\n      },\n      (error) => {\n        Promise.reject(error);\n      },\n    );\n    if (hardRetry) {\n      axiosRetry(instance, {\n        retries: 3,\n        retryCondition: (_error) => true,\n        shouldResetTimeout: true,\n      });\n    } else {\n      axiosRetry(instance, { retries: 3 });\n    }\n    return instance;\n  }\n\n  public static redirectToAppPayment(checkoutId?: string): any {\n    if (process.env.REACT_APP_API_DOMAIN) {\n      return process.env.REACT_APP_API_DOMAIN;\n    }\n\n    switch (window.location.hostname) {\n      case Environments.local:\n        return window.location.replace(`http://localhost:3001/checkout/${checkoutId}`);\n\n      case Environments.dev:\n        return window.location.replace(`https://dev.payactive.io/payment/checkout/${checkoutId}`);\n\n      case Environments.stage:\n        return window.location.replace(`https://stage.payactive.io/payment/checkout/${checkoutId}`);\n\n      case Environments.prod:\n        return window.location.replace(`https://www.payactive.io/payment/checkout/${checkoutId}`);\n\n      case Environments.sandbox:\n        return window.location.replace(\n          `https://sandbox.payactive.io/payment/checkout/${checkoutId}`,\n        );\n\n      default:\n        return window.location.replace(`https://www.payactive.io/payment/checkout/${checkoutId}`);\n    }\n  }\n\n  public static handleError(error: AxiosError<{ message: string }>): Error {\n    if (error.response) {\n      return new Error(error.response.data.message);\n    } else if (error.request) {\n      return new Error('Network problem');\n    } else {\n      return new Error('Unknown');\n    }\n  }\n}\n","import React, { ReactElement } from 'react';\nimport { useRouteMatch } from 'react-router-dom';\nimport ApiClient from '../../services/ApiClient';\n\ninterface Props {}\n\ninterface MatchParams {\n  checkoutId: string;\n}\n\nexport default function CheckoutRouter({}: Props): ReactElement {\n  const match = useRouteMatch<MatchParams>();\n  const checkoutId = match.params.checkoutId;\n\n  return ApiClient.redirectToAppPayment(checkoutId);\n}\n","import React, { useState } from 'react';\n\ninterface FaqProps {\n    open: boolean,\n    deepLinkId: string\n}\n\nconst FAQContext = React.createContext({\n    toggleFAQ: (deepLinkId: string) => {},\n    faqProps: {\n        open: false,\n        deepLinkId: ''\n    }\n})\n\ninterface Props {\n    children: React.ReactElement<any, any>\n}\n\nexport default function WithAlertContext({  children }: Props) {\n\n    const [faqProps, setFaqProps] = useState<FaqProps>({\n        open: false,\n        deepLinkId: ''\n    })\n\n    const toggleFAQ = (deepLinkId: string) => {        \n        setFaqProps({\n            open: !faqProps.open,\n            deepLinkId: deepLinkId\n        })\n    }\n\n    return (\n        <FAQContext.Provider value={{ faqProps: faqProps, toggleFAQ: toggleFAQ }}>\n            {children}\n        </FAQContext.Provider>\n    )\n}\n\nexport { FAQContext };\n\n","export default __webpack_public_path__ + \"static/media/icon-404-ice.3add0984.svg\";","export default __webpack_public_path__ + \"static/media/logo3.c9621920.png\";","import React, { ReactElement } from 'react';\nimport logo from '../../common/payactiveLogo/logo3.png';\nimport { Grid, Typography } from '@mui/material';\nimport { useTranslation } from 'react-i18next';\nimport theme from '@payactive/app-common/dist/themes/main';\ninterface Props {}\nexport default function Footer({}: Props): ReactElement {\n  const { t } = useTranslation('checkout');\n  return (\n    <Grid\n      sx={{\n        position:'static',\n       bottom:'3%',\n       minWidth:'330px'\n       \n        }}\n        \n    >\n      <img\n        style={{\n          maxWidth: 150 + 'px',\n        }}\n        alt=\"logo\"\n        src={logo}\n      />\n      <Typography\n        sx={{\n          fontWeight: 400,\n          fontSize: '10px',\n          position: 'relative',\n          top: '-7px',\n          color: '#14a6c8',\n        }}\n        variant=\"subtitle2\"\n      >\n        {t('sicher Zahlung')}\n      </Typography>\n    </Grid>\n  );\n}\n","import React, { Fragment, ReactElement } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Box, Paper, Typography } from '@mui/material';\nimport Grid from '@mui/material/Grid';\nimport makeStyles from '@mui/styles/makeStyles';\nimport Icon404 from './components/icons/icon-404-ice.svg';\nimport { Button as ButtonAppCommon } from '@payactive/app-common';\nimport { useHistory } from 'react-router-dom';\nimport Footer from './components/checkout/Footer';\n\nconst useStyles = makeStyles((theme) => ({\n  headerText: {\n    color: '#232323',\n    opacity: '1',\n    fontSize: '18px',\n    textAlign: 'center',\n  },\n  backButton: {\n    marginBottom: '20%',\n    '&.MuiButton-contained': {\n      backgroundColor: '#262626',\n      '&:hover': {\n        backgroundColor: '#262626',\n      },\n      '&:disabled': {\n        backgroundColor: '#CCCCCC',\n        color: 'white',\n      },\n      textTransform: 'none',\n      fontWeight: 400,\n      fontSize: '16px',\n      width: '30%',\n    },\n    '& .MuiIcon-root': {\n      fontSize: '25px',\n    },\n  },\n  headerIcon: {\n    marginTop: '20%',\n    marginBottom: '5%',\n  },\n  footerLogo: {\n    maxWidth: 150 + 'px',\n    margin: '-1%',\n  },\n}));\n\nexport default function NotFound404(): ReactElement {\n  const classes = useStyles();\n  const { t } = useTranslation('checkout');\n\n  const history = useHistory();\n\n  return (\n    <Grid\n      container\n      direction=\"column\"\n      alignItems=\"center\"\n      justifyContent=\"center\"\n      style={{ minHeight: '100vh' }}\n    >\n      <Box\n        sx={{\n          flexWrap: 'wrap',\n          '& > :not(style)': {\n            m: 10,\n            width: {\n              xs: 300,\n              md: 350,\n            },\n          },\n        }}\n      >\n        <Paper elevation={2}>\n          <img alt=\"logo\" src={Icon404} className={classes.headerIcon} />\n          <Typography variant=\"h1\" sx={{ fontSize: 30, fontWeight: 500, marginBottom: 1 }}>\n            {'Ooooh...'}\n          </Typography>\n          <Typography\n            variant=\"h2\"\n            sx={{ fontSize: '19px', fontWeight: 500, marginBottom: 4, textAlign: 'center' }}\n          >\n            {t('Product not found')}\n          </Typography>\n          <Typography\n            variant=\"subtitle1\"\n            sx={{ fontSize: 13, marginBottom: 4, marginLeft: 3, marginRight: 3 }}\n          >\n            {`${t('404 Go back text')}`}{' '}\n            <a style={{ color: 'black' }} href=\"mailto:support@payactive.eu\">\n              support@payactive.eu\n            </a>\n          </Typography>\n          <Typography variant=\"subtitle1\" sx={{ fontSize: 13 }}>\n            {t('previous page')}\n          </Typography>\n          <ButtonAppCommon\n            icon=\"arrow_back\"\n            variant=\"contained\"\n            name=\"to 404\"\n            label={t('Zurück')}\n            className={classes.backButton}\n            onClick={() => history.goBack()}\n          />\n        </Paper>\n      </Box>\n      <Footer />\n    </Grid>\n  );\n}\n","import React from 'react';\nimport './App.css';\nimport './i18n';\nimport { createGenerateClassName, StylesProvider, ThemeProvider } from '@mui/styles';\nimport { StyledEngineProvider } from '@mui/material/styles';\nimport CheckoutRouter from './components/checkout/CheckoutRouter';\nimport { mainTheme as theme } from '@payactive/app-common';\nimport { Route, BrowserRouter as Router, Switch } from 'react-router-dom';\nimport WithFAQContext from './WithFAQContext';\nimport { CssBaseline } from '@mui/material';\nimport NotFound404 from './NotFound404';\nimport { Theme } from '@mui/material/styles';\nimport { GoogleReCaptchaProvider } from 'react-google-recaptcha-v3';\n\ndeclare module '@mui/styles/defaultTheme' {\n  // eslint-disable-next-line @typescript-eslint/no-empty-interface\n  interface DefaultTheme extends Theme {}\n}\n\nconst generateClassName = createGenerateClassName({\n  productionPrefix: 'c',\n  disableGlobal: true,\n});\n\nfunction App() {\n  return (\n    <GoogleReCaptchaProvider reCaptchaKey=\"6LdW1wEfAAAAAPXN51dPtcE9025nJWa224FARG-h\">\n      <StylesProvider generateClassName={generateClassName}>\n        <StyledEngineProvider injectFirst>\n          <ThemeProvider theme={theme}>\n            <CssBaseline />\n            <WithFAQContext>\n              <Router>\n                <div className=\"App\" style={{ backgroundColor: '#F8F8F8' }}>\n                  <div className=\"container d-flex align-items-center flex-column\">\n                    <Switch>\n                      <Route path={`${process.env.PUBLIC_URL}/:checkoutId`}>\n                        <CheckoutRouter />\n                      </Route>\n                      <Route>\n                        <NotFound404 />\n                      </Route>\n                    </Switch>\n                  </div>\n                </div>\n              </Router>\n            </WithFAQContext>\n          </ThemeProvider>\n        </StyledEngineProvider>\n      </StylesProvider>\n    </GoogleReCaptchaProvider>\n  );\n}\n\nexport default App;\n","// This optional code is used to register a service worker.\n// register() is not called by default.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on subsequent visits to a page, after all the\n// existing tabs open on the page have been closed, since previously cached\n// resources are updated in the background.\n\n// To learn more about the benefits of this model and instructions on how to\n// opt-in, read https://bit.ly/CRA-PWA\n\nconst isLocalhost = Boolean(\n  window.location.hostname === 'localhost' ||\n    // [::1] is the IPv6 localhost address.\n    window.location.hostname === '[::1]' ||\n    // 127.0.0.0/8 are considered localhost for IPv4.\n    window.location.hostname.match(/^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/),\n);\n\nexport function register(config) {\n  if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\n    // The URL constructor is available in all browsers that support SW.\n    const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\n    if (publicUrl.origin !== window.location.origin) {\n      // Our service worker won't work if PUBLIC_URL is on a different origin\n      // from what our page is served on. This might happen if a CDN is used to\n      // serve assets; see https://github.com/facebook/create-react-app/issues/2374\n      return;\n    }\n\n    window.addEventListener('load', () => {\n      const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n      if (isLocalhost) {\n        // This is running on localhost. Let's check if a service worker still exists or not.\n        checkValidServiceWorker(swUrl, config);\n\n        // Add some additional logging to localhost, pointing developers to the\n        // service worker/PWA documentation.\n        navigator.serviceWorker.ready.then(() => {\n          console.log(\n            'This web app is being served cache-first by a service ' +\n              'worker. To learn more, visit https://bit.ly/CRA-PWA',\n          );\n        });\n      } else {\n        // Is not localhost. Just register service worker\n        registerValidSW(swUrl, config);\n      }\n    });\n  }\n}\n\nfunction registerValidSW(swUrl, config) {\n  navigator.serviceWorker\n    .register(swUrl)\n    .then((registration) => {\n      registration.onupdatefound = () => {\n        const installingWorker = registration.installing;\n        if (installingWorker == null) {\n          return;\n        }\n        installingWorker.onstatechange = () => {\n          if (installingWorker.state === 'installed') {\n            if (navigator.serviceWorker.controller) {\n              // At this point, the updated precached content has been fetched,\n              // but the previous service worker will still serve the older\n              // content until all client tabs are closed.\n              console.log(\n                'New content is available and will be used when all ' +\n                  'tabs for this page are closed. See https://bit.ly/CRA-PWA.',\n              );\n\n              // Execute callback\n              if (config && config.onUpdate) {\n                config.onUpdate(registration);\n              }\n            } else {\n              // At this point, everything has been precached.\n              // It's the perfect time to display a\n              // \"Content is cached for offline use.\" message.\n              console.log('Content is cached for offline use.');\n\n              // Execute callback\n              if (config && config.onSuccess) {\n                config.onSuccess(registration);\n              }\n            }\n          }\n        };\n      };\n    })\n    .catch((error) => {\n      console.error('Error during service worker registration:', error);\n    });\n}\n\nfunction checkValidServiceWorker(swUrl, config) {\n  // Check if the service worker can be found. If it can't reload the page.\n  fetch(swUrl, {\n    headers: { 'Service-Worker': 'script' },\n  })\n    .then((response) => {\n      // Ensure service worker exists, and that we really are getting a JS file.\n      const contentType = response.headers.get('content-type');\n      if (\n        response.status === 404 ||\n        (contentType != null && contentType.indexOf('javascript') === -1)\n      ) {\n        // No service worker found. Probably a different app. Reload the page.\n        navigator.serviceWorker.ready.then((registration) => {\n          registration.unregister().then(() => {\n            window.location.reload();\n          });\n        });\n      } else {\n        // Service worker found. Proceed as normal.\n        registerValidSW(swUrl, config);\n      }\n    })\n    .catch(() => {\n      console.log('No internet connection found. App is running in offline mode.');\n    });\n}\n\nexport function unregister() {\n  if ('serviceWorker' in navigator) {\n    navigator.serviceWorker.ready\n      .then((registration) => {\n        registration.unregister();\n      })\n      .catch((error) => {\n        console.error(error.message);\n      });\n  }\n}\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\nimport * as serviceWorker from './serviceWorker';\n\nReactDOM.render(\n  <React.StrictMode>\n    <App />\n  </React.StrictMode>,\n  document.getElementById('root')\n);\n\n// If you want to start measuring performance in your app, pass a function\n// to log results (for example: reportWebVitals(console.log))\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\n\nserviceWorker.unregister();\n"],"sourceRoot":""}