{"version":3,"sources":["webpack://crc/webpack/bootstrap","webpack://crc/./src/components/modal/content/GB/styles/index.scss","webpack://crc/./src/components/modal/content/GB/parts/PL.jsx","webpack://crc/./src/components/modal/content/GB/parts/ContentWrapper.jsx","webpack://crc/./src/components/modal/content/GB/index.js","webpack://crc/./src/components/modal/content/GB/styles/index.scss?2f7c"],"names":["webpackJsonpCallback","data","moduleId","chunkId","chunkIds","moreModules","executeModules","i","resolves","length","Object","hasOwnProperty","call","installedChunks","push","modules","parentJsonpFunction","shift","deferredModules","apply","checkDeferredModules","result","deferredModule","fulfilled","j","splice","__webpack_require__","s","installedModules","5","exports","module","l","m","c","d","name","getter","o","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","p","jsonpArray","self","this","oldJsonpFunction","slice","___CSS_LOADER_API_IMPORT___","PL","useContent","headline","subHeadline","terms","instructions","qualifyingString","useProductMeta","qualifying","toLowerCase","className","singleProduct","pay","start","amount","end","available","replace","title","Icon","map","term","href","target","rel","ContentWrapper","headerRef","useRef","contentWrapper","cornerRef","useState","sticky","setSticky","useTransitionState","transitionState","handleClose","useScroll","scrollTop","current","clientHeight","useEffect","classNames","Container","contentMaxWidth","onClick","ref","Header","wrapperRef","join","setupModal","props","render","Modal","serverData","styles","_getCss","contentMaxHeight","document","body","css","insertCss","content","locals","_getContent","_insertCss","options"],"mappings":"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","file":"smart-credit-modal-GB.js","sourcesContent":[" \t// install a JSONP callback for chunk loading\n \tfunction webpackJsonpCallback(data) {\n \t\tvar chunkIds = data[0];\n \t\tvar moreModules = data[1];\n \t\tvar executeModules = data[2];\n\n \t\t// add \"moreModules\" to the modules object,\n \t\t// then flag all \"chunkIds\" as loaded and fire callback\n \t\tvar moduleId, chunkId, i = 0, resolves = [];\n \t\tfor(;i < chunkIds.length; i++) {\n \t\t\tchunkId = chunkIds[i];\n \t\t\tif(Object.prototype.hasOwnProperty.call(installedChunks, chunkId) && installedChunks[chunkId]) {\n \t\t\t\tresolves.push(installedChunks[chunkId][0]);\n \t\t\t}\n \t\t\tinstalledChunks[chunkId] = 0;\n \t\t}\n \t\tfor(moduleId in moreModules) {\n \t\t\tif(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {\n \t\t\t\tmodules[moduleId] = moreModules[moduleId];\n \t\t\t}\n \t\t}\n \t\tif(parentJsonpFunction) parentJsonpFunction(data);\n\n \t\twhile(resolves.length) {\n \t\t\tresolves.shift()();\n \t\t}\n\n \t\t// add entry modules from loaded chunk to deferred list\n \t\tdeferredModules.push.apply(deferredModules, executeModules || []);\n\n \t\t// run deferred modules when all chunks ready\n \t\treturn checkDeferredModules();\n \t};\n \tfunction checkDeferredModules() {\n \t\tvar result;\n \t\tfor(var i = 0; i < deferredModules.length; i++) {\n \t\t\tvar deferredModule = deferredModules[i];\n \t\t\tvar fulfilled = true;\n \t\t\tfor(var j = 1; j < deferredModule.length; j++) {\n \t\t\t\tvar depId = deferredModule[j];\n \t\t\t\tif(installedChunks[depId] !== 0) fulfilled = false;\n \t\t\t}\n \t\t\tif(fulfilled) {\n \t\t\t\tdeferredModules.splice(i--, 1);\n \t\t\t\tresult = __webpack_require__(__webpack_require__.s = deferredModule[0]);\n \t\t\t}\n \t\t}\n\n \t\treturn result;\n \t}\n\n \t// The module cache\n \tvar installedModules = {};\n\n \t// object to store loaded and loading chunks\n \t// undefined = chunk not loaded, null = chunk preloaded/prefetched\n \t// Promise = chunk loading, 0 = chunk loaded\n \tvar installedChunks = {\n \t\t5: 0\n \t};\n\n \tvar deferredModules = [];\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n \tvar jsonpArray = (typeof self !== 'undefined' ? self : this)[\"webpackJsonpcrc\"] = (typeof self !== 'undefined' ? self : this)[\"webpackJsonpcrc\"] || [];\n \tvar oldJsonpFunction = jsonpArray.push.bind(jsonpArray);\n \tjsonpArray.push = webpackJsonpCallback;\n \tjsonpArray = jsonpArray.slice();\n \tfor(var i = 0; i < jsonpArray.length; i++) webpackJsonpCallback(jsonpArray[i]);\n \tvar parentJsonpFunction = oldJsonpFunction;\n\n\n \t// add entry module to deferred list\n \tdeferredModules.push([157,0]);\n \t// run deferred modules when ready\n \treturn checkDeferredModules();\n","// Imports\nvar ___CSS_LOADER_API_IMPORT___ = require(\"../../../../../../node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.id, \".content-wrapper{overflow-y:scroll;-webkit-overflow-scrolling:touch;margin:auto;border-radius:10px;height:100%;width:100vw}.content{padding-top:0;position:relative;z-index:50;background:white}.content-background{min-height:100%;position:relative;width:100%;margin:auto;border-radius:10px;max-width:640px}main{margin:0 auto;height:100%;padding-top:1.5rem;box-sizing:border-box;display:flex;flex-direction:column}.modal-container.loading .content-wrapper{overflow:hidden}.modal-container.loading main>*{filter:blur(3px);opacity:0.6}.top-overlay{position:fixed;height:84px;left:0;right:0}@media (min-width: 640px) and (min-height: 540px){.content-background{min-height:auto;margin:auto;width:100%;height:100%;box-shadow:0px 10px 14px 1px rgba(0,0,0,0.6);display:flex;flex-direction:column}.content{flex:1 1 100%}.content-wrapper{display:flex;justify-content:center;align-items:center}.wrapper{opacity:0;transform:translateY(5%);transition:transform 350ms ease, opacity 250ms ease}.show .wrapper{opacity:1;transform:translateY(0%);transition:transform 350ms ease, opacity 250ms ease}}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){.content-wrapper{justify-content:flex-start}}@media (max-width: 639px), (max-height: 539px){.content-wrapper{margin-top:84px;height:calc(100% - 84px);scrollbar-width:none}.content-wrapper::-webkit-scrollbar{display:none}.content{min-height:calc(100vh - 84px)}.content-background{box-shadow:1px 21px 34px 2px rgba(0,0,0,0.56);background:white}.overlay-side.left,.overlay-side.right{width:calc((100% - 612px) / 2) !important}.overlay-side.bottom{display:none}}.header-wrapper{background:white;pointer-events:none;overflow:hidden;border-top-right-radius:10px;border-top-left-radius:10px;position:fixed;width:100%;max-width:640px;z-index:51;transform:translate3d(0, 0, 0)}.header-container{background-color:#0070ba;position:relative;overflow:hidden}.header-container h1{font-size:1.5rem;font-weight:bold;color:white}.header-container .header{max-width:500px;margin:auto;z-index:999;display:block;height:auto;padding-top:40px}.header-container .logo{display:inline-block}.header-container .logo img{height:45px;margin-right:9px}.header-container .close{top:5px;right:5px;pointer-events:all}.header-container .close svg{height:40px;width:40px}.header-container .close svg path{stroke:white !important}@media (max-width: 639px), (max-height: 539px){.header-container{text-align:center}.header-container h1{margin:0 auto}.header-container .logo img{height:45px;margin-right:9px}.header-container .close svg{height:35px;width:35px}}.hero-image{background-color:#0070ba;position:fixed;transform:translate3d(0, 0, 0);width:100%;padding:60px 0;top:12rem;max-width:640px}@media (min-width: 640px) and (min-height: 540px){.hero-image{background-color:transparent;height:12rem;top:0;overflow:hidden;padding:0;z-index:51;pointer-events:none}.hero-image .icon{position:absolute;right:3rem;bottom:-1rem}}.content{position:relative;background:transparent;box-sizing:border-box;padding-top:20rem}.content .corner{position:absolute;top:-2rem;left:0;width:100px;height:2rem;overflow:hidden;background-color:white;z-index:51;top:18rem;max-width:640px}.content .corner:after{content:'';position:absolute;background-color:#0070ba;border-bottom-left-radius:100px 30px;bottom:0;left:0;width:100%;height:100%}.content .content-body{padding:0 1rem 1rem;margin:3rem auto 0;max-width:500px}.content h2{text-align:left;font-weight:bold;font-size:19px}.content .divider{border:none;border-bottom:1px dashed #aaa}.content p,.content li{color:#687173}.content .call-to-action{display:flex;width:100%;align-items:center;justify-content:space-between;margin-top:3rem}.content .call-to-action svg{margin:0}.content .call-to-action p{margin-top:0;margin-bottom:0.2rem}.content .call-to-action button{margin-left:1rem;flex:0 1 35%}.content .call-to-action .dark-text{color:#2c2e2f}.content .d-inline-block{display:inline-block}.content main{background:white;padding-top:0}.content .terms li{margin-bottom:0.5rem}@media (min-width: 640px) and (min-height: 540px){.content{padding-top:12rem}.content .corner{top:10rem;position:fixed;transform:translate3d(0, 0, 0);left:auto;width:100%}}@media (max-width: 639px), (max-height: 539px){.content.sticky .corner{width:100%;position:fixed;transform:translate3d(0, 0, 0);top:calc(8rem + 84px);left:auto}.content .content-body{max-width:400px}}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n","/** @jsx h */\nimport { h, Fragment } from 'preact';\nimport Icon from '../../../parts/Icon';\nimport { useContent, useProductMeta } from '../../../lib';\n\nconst replaceZeros = string => string.replace(/\\.00/g, '');\n\nconst PL = () => {\n    const { headline, subHeadline, terms, instructions } = useContent('GPL');\n    const { qualifying: qualifyingString } = useProductMeta('GPL');\n    const qualifying = qualifyingString?.toLowerCase() === 'true';\n\n    return (\n        <section className=\"content-body\">\n            <div className=\"description\">\n                <h2>{headline.singleProduct}</h2>\n\n                <h3>\n                    {subHeadline.pay.start} {qualifying && `${subHeadline.pay.amount} `}\n                    {subHeadline.pay.end} {replaceZeros(subHeadline.available)} {subHeadline.apply}\n                </h3>\n\n                <div className=\"call-to-action\">\n                    <div>\n                        <p>\n                            <span className=\"d-inline-block\">\n                                {instructions.title[0]} <b className=\"dark-text\">{instructions.title[1]}</b>\n                            </span>{' '}\n                            <span className=\"d-inline-block\">\n                                {instructions.title[2]} <b className=\"dark-text\">{instructions.title[3]}</b>\n                            </span>\n                        </p>\n                    </div>\n                    <Icon name=\"secure\" />\n                </div>\n            </div>\n\n            <hr className=\"divider\" />\n\n            <div className=\"terms\">\n                <p>\n                    {terms.map(term => (\n                        <Fragment>\n                            {term}\n                            <br />\n                        </Fragment>\n                    ))}\n                    Click{' '}\n                    <a\n                        href=\"https://www.paypal.com/uk/webapps/mpp/paypal-payin3/faq\"\n                        target=\"_blank\"\n                        rel=\"noreferrer noopener\"\n                    >\n                        here\n                    </a>{' '}\n                    to learn more about Pay in 3.\n                </p>\n            </div>\n        </section>\n    );\n};\n\nexport default PL;\n","/** @jsx h */\nimport { h } from 'preact';\nimport { useRef, useEffect, useState } from 'preact/hooks';\nimport PL from './PL';\nimport { useScroll, useTransitionState } from '../../../lib';\nimport Header from '../../../parts/Header';\nimport Container from '../../../parts/Container';\nimport Icon from '../../../parts/Icon';\n\nconst ContentWrapper = () => {\n    const headerRef = useRef();\n    const contentWrapper = useRef();\n\n    const cornerRef = useRef();\n    const [sticky, setSticky] = useState(false);\n    const [transitionState, handleClose] = useTransitionState();\n\n    useScroll(\n        ({ target: { scrollTop } }) => {\n            const { clientHeight: headerHeight } = headerRef.current;\n            const { clientHeight: cornerHeight } = cornerRef.current;\n\n            // event.target.scrollTop resets itself to 0 under certain circumstances as the user scrolls on mobile\n            // Checking the value here prevents erratic behavior wrt\n            if (scrollTop !== 0) {\n                if (scrollTop >= headerHeight + cornerHeight) {\n                    if (!sticky) {\n                        setSticky(true);\n                    }\n                } else if (sticky) {\n                    setSticky(false);\n                }\n            }\n        },\n        [sticky]\n    );\n\n    useEffect(() => {\n        if (transitionState === 'CLOSED') {\n            setSticky(false);\n        }\n    }, [transitionState]);\n\n    const classNames = ['content', sticky ? 'sticky' : ''];\n\n    return (\n        <Container contentWrapper={contentWrapper} contentMaxWidth={640}>\n            {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions */}\n            <div className=\"top-overlay\" onClick={() => handleClose('Modal Overlay')} />\n            <div className=\"content-wrapper\" ref={contentWrapper}>\n                <div className=\"content-background\">\n                    <Header wrapperRef={headerRef}>\n                        <h1>Buy now, pay later</h1>\n                    </Header>\n                    <div className=\"hero-image\">\n                        <Icon name=\"phone-arm\" />\n                    </div>\n                    <div className={classNames.join(' ')}>\n                        <span className=\"corner\" ref={cornerRef} />\n                        <main className=\"main\">\n                            <PL />\n                        </main>\n                    </div>\n                </div>\n            </div>\n        </Container>\n    );\n};\n\nexport default ContentWrapper;\n","/** @jsx h */\nimport { h, render } from 'preact';\n\nimport Modal from '../../parts/Modal';\nimport styles from './styles/index.scss';\nimport ContentWrapper from './parts/ContentWrapper';\n\nexport function setupModal(props) {\n    render(\n        <Modal serverData={props} styles={styles._getCss()}>\n            <ContentWrapper contentMaxWidth={750} contentMaxHeight={537} />\n        </Modal>,\n        document.body\n    );\n}\n","\n    var refs = 0;\n    var css = require(\"!!../../../../../../node_modules/css-loader/dist/cjs.js??ref--4-1!../../../../../../node_modules/scoped-css-loader/index.js!../../../../../../node_modules/sass-loader/dist/cjs.js!./index.scss\");\n    var insertCss = require(\"!../../../../../../node_modules/isomorphic-style-loader/insertCss.js\");\n    var content = typeof css === 'string' ? [[module.id, css, '']] : css;\n\n    exports = module.exports = css.locals || {};\n    exports._getContent = function() { return content; };\n    exports._getCss = function() { return '' + css; };\n    exports._insertCss = function(options) { return insertCss(content, options) };\n\n    // Hot Module Replacement\n    // https://webpack.github.io/docs/hot-module-replacement\n    // Only activated in browser context\n    if (module.hot && typeof window !== 'undefined' && window.document) {\n      var removeCss = function() {};\n      module.hot.accept(\"!!../../../../../../node_modules/css-loader/dist/cjs.js??ref--4-1!../../../../../../node_modules/scoped-css-loader/index.js!../../../../../../node_modules/sass-loader/dist/cjs.js!./index.scss\", function() {\n        css = require(\"!!../../../../../../node_modules/css-loader/dist/cjs.js??ref--4-1!../../../../../../node_modules/scoped-css-loader/index.js!../../../../../../node_modules/sass-loader/dist/cjs.js!./index.scss\");\n        content = typeof css === 'string' ? [[module.id, css, '']] : css;\n        removeCss = insertCss(content, { replace: true });\n      });\n      module.hot.dispose(function() { removeCss(); });\n    }\n  "],"sourceRoot":""}