{"version":3,"sources":["webpack://crc/webpack/bootstrap","webpack://crc/./src/components/modal/content/US/styles/index.scss","webpack://crc/./src/components/modal/content/US/parts/NI.jsx","webpack://crc/./src/components/modal/content/US/parts/GPL.jsx","webpack://crc/./src/components/modal/content/US/parts/Content.jsx","webpack://crc/./src/components/modal/content/US/parts/ContentWrapper.jsx","webpack://crc/./src/components/modal/content/US/index.js","webpack://crc/./src/components/modal/content/US/styles/index.scss?9f86"],"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___","showApplyNow","switchTab","showApplyNowRef","useRef","onClick","useXProps","buttonRef","handleApplyNowClick","useApplyNow","products","useServerData","useContent","headline","subHeadline","applyNow","terms","disclaimer","copyright","current","useScroll","scrollTop","target","offsetTop","clientHeight","document","body","getBoundingClientRect","width","height","className","multiProduct","singleProduct","Button","ref","title","items","map","term","linkName","rel","href","type","instructions","qualifying","useProductMeta","toLowerCase","qualified","unqualified","replace","Icon","purchaseAmount","inst","Content","headerRef","contentWrapper","cornerRef","offer","amount","transitionState","useTransitionState","scrollTo","useState","sticky","setSticky","scrollY","setApplyNow","product","getProductForOffer","initialProduct","arrayFind","prod","meta","selectedProduct","setSelectedProduct","newProduct","selectProduct","useDidUpdateEffect","setShowApplyNow","show","useEffect","tabsMap","GPL","NI","tabs","filter","tab","showTabSwitch","tabsContent","Tabs","onSelect","index","classNames","join","ContentWrapper","handleClose","Container","contentMaxWidth","Header","wrapperRef","setupModal","props","render","Modal","serverData","styles","_getCss","css","insertCss","content","locals","_getContent","_insertCss","options"],"mappings":"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","file":"smart-credit-modal-US.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([153,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}}.tabs{margin:auto;width:100%;padding:1rem 0.2rem 0.5rem;white-space:nowrap;font-size:0;display:flex;box-sizing:border-box;background:white;justify-content:center;position:absolute;z-index:51}.tabs:after{content:'';position:absolute;top:100%;left:0;width:100%;height:1rem;background:linear-gradient(#fff, rgba(255,255,255,0))}.tab{cursor:pointer;display:block;font-size:16px;font-weight:600;margin-bottom:0;font-family:PayPalSansSmall, Helvetica, Arial, Sans-Serif;width:50%;text-align:center;margin-top:0;white-space:normal;background:transparent;border:none;outline:none;position:relative;transition:color 0.3s;height:2rem;max-width:140px}.tab .title{position:relative;z-index:1}.tab::before{content:'';display:block;position:absolute;left:0;bottom:0;width:100%;height:100%;background:#3e9dea;transform:translateX(100%);transition:transform 0.3s;border-radius:1.7rem}.tab:nth-child(2):before{transform:translateX(-100%)}.tab:hover{color:#0070ba}.tab.selected{color:white}.tab.selected::before{transform:translateX(0)}.tab-transition{position:relative;flex:1 1 auto}.tab-transition-item{position:absolute;top:0;left:0;width:100%;height:0;z-index:1;opacity:0;pointer-events:none;transition:opacity 0.3s;transition-delay:0.3s;overflow:hidden;padding-top:3rem}.tab-transition-item.selected{z-index:2;background:white;opacity:1;pointer-events:all;transition-delay:0s;height:auto;position:relative}.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:auto;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 .apply-now{background:#ffc43a;color:#2c2e2f;border:none}.content .sticky-apply-now{position:fixed;transform:translate3d(0, 0, 0);width:100%;max-width:640px;top:calc(10rem + 84px);z-index:52;text-align:center;padding-top:1rem;background:white;pointer-events:none;opacity:0;transition:all 0.3s}.content .sticky-apply-now:after{content:'';position:absolute;top:100%;left:0;width:100%;height:1rem;background:linear-gradient(#fff, rgba(255,255,255,0))}.content .sticky-apply-now button{margin-bottom:0.5rem;transition:all 0.3s;transform-origin:right center;transform:scaleX(0.5) translateX(25px)}.content .sticky-apply-now div{color:#687173;font-size:13px;transition:all 0.3s;transform:translateX(-25px)}.content .sticky-apply-now hr{max-width:400px}.content .sticky-apply-now.show{opacity:1}.content .sticky-apply-now.show button{transform:scaleX(1) translateX(0);pointer-events:all}.content .sticky-apply-now.show div{transform:translateX(0)}.content .terms li{margin-bottom:0.5rem}.content .tab-switch-button{border:none;outline:none;background:none;text-decoration:none;padding:0;color:#0070ba;font-weight:600;position:relative;margin-bottom:1rem;cursor:pointer}.content .tab-switch-button:after{content:'';position:absolute;left:calc(100% + 0.25rem);border-top:2px solid #0070ba;border-right:2px solid #0070ba;transform:rotate(45deg);width:0.5rem;height:0.5rem;top:0.1rem}@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%}.content .tabs{position:fixed;transform:translate3d(0, 0, 0);top:12rem;max-width:640px}.content .sticky-apply-now{top:12rem}}@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.sticky .tabs{position:fixed;transform:translate3d(0, 0, 0);top:calc(10rem + 84px);max-width:640px}.content .content-body{max-width:400px}.content .hidden-xs{display:none}}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n","/** @jsx h */\nimport { h } from 'preact';\nimport { useRef } from 'preact/hooks';\n\nimport { useApplyNow, useContent, useServerData, useScroll, useXProps } from '../../../lib';\nimport Button from '../../../parts/Button';\n\nexport default ({ showApplyNow, switchTab }) => {\n    // Use a ref so that the callback can be used in the useScroll handler without creating an infinite re-render\n    const showApplyNowRef = useRef();\n    const { onClick } = useXProps();\n    const buttonRef = useRef();\n    const handleApplyNowClick = useApplyNow('Apply Now');\n    const { products } = useServerData();\n    const { headline, subHeadline, applyNow, terms, disclaimer, copyright } = useContent('NI');\n\n    showApplyNowRef.current = showApplyNow;\n\n    useScroll(\n        ({ target: { scrollTop } }) => {\n            if (buttonRef.current) {\n                const { offsetTop, clientHeight } = buttonRef.current;\n                const { width: pageWidth, height: pageHeight } = document.body.getBoundingClientRect();\n\n                const triggerOffset = pageWidth > 639 && pageHeight > 539 ? -100 : 60;\n\n                // Ensure first that the button is being displayed\n                if (scrollTop && offsetTop) {\n                    if (scrollTop - offsetTop < clientHeight + triggerOffset) {\n                        showApplyNowRef.current(false);\n                    } else {\n                        showApplyNowRef.current(true);\n                    }\n                }\n            }\n        },\n        [showApplyNowRef, buttonRef.current]\n    );\n\n    return (\n        <section className=\"content-body\">\n            <div className=\"description\">\n                <h2>{products.length > 1 && !switchTab ? headline.multiProduct : headline.singleProduct}</h2>\n\n                <h3>{subHeadline}</h3>\n\n                <p className=\"call-to-action\">\n                    <div>\n                        <p>\n                            <b>{applyNow.headline}</b>\n                        </p>\n                        <span>{applyNow.subHeadline}</span>\n                    </div>\n                    <Button onClick={handleApplyNowClick} className=\"apply-now\" ref={buttonRef}>\n                        Apply <span className=\"hidden-xs\">Now</span>\n                    </Button>\n                </p>\n            </div>\n\n            <hr className=\"divider\" />\n\n            <div className=\"terms\">\n                <h3>{terms.title}</h3>\n                <ul>\n                    {terms.items.map(term => (\n                        <li>{term}</li>\n                    ))}\n                </ul>\n            </div>\n\n            <p>\n                <a\n                    onClick={() => onClick({ linkName: 'Legal Terms' })}\n                    target=\"_blank\"\n                    rel=\"noopener noreferrer\"\n                    href=\"https://www.paypal.com/us/webapps/mpp/ppcterms\"\n                >\n                    Click here\n                </a>{' '}\n                to view the PayPal Credit Terms and Conditions.\n            </p>\n            <p>{disclaimer}</p>\n            <p>{copyright}</p>\n\n            {switchTab ? (\n                <button type=\"button\" className=\"tab-switch-button\" onClick={switchTab}>\n                    Or see Pay in 4\n                </button>\n            ) : null}\n        </section>\n    );\n};\n","/** @jsx h */\nimport { h } from 'preact';\n\nimport Icon from '../../../parts/Icon';\nimport { useContent, useServerData, useProductMeta } from '../../../lib';\n\nexport default ({ switchTab }) => {\n    const { products } = useServerData();\n    const { headline, subHeadline, instructions } = useContent('GPL');\n    const { qualifying } = useProductMeta('GPL');\n\n    return (\n        <section className=\"content-body\">\n            <div className=\"description\">\n                <h2>{products.length > 1 && !switchTab ? headline.multiProduct : headline.singleProduct}</h2>\n\n                <h3>\n                    {qualifying.toLowerCase() === 'true'\n                        ? subHeadline.qualified\n                        : subHeadline.unqualified.replace(/\\.00/g, '')}\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                <h3>About Pay in 4</h3>\n                <ul>\n                    {qualifying.toLowerCase() === 'true' ? (\n                        <li>{instructions.purchaseAmount.replace(/\\.00/g, '')}</li>\n                    ) : null}\n                    {instructions.items.map(inst => (\n                        <li>{inst}</li>\n                    ))}\n                </ul>\n            </div>\n\n            {switchTab ? (\n                <button type=\"button\" className=\"tab-switch-button\" onClick={switchTab}>\n                    Or see 6 months special financing\n                </button>\n            ) : null}\n        </section>\n    );\n};\n","/** @jsx h */\nimport { h } from 'preact';\nimport { useState, useRef, useEffect } from 'preact/hooks';\nimport arrayFind from 'core-js-pure/stable/array/find';\n\nimport NI from './NI';\nimport GPL from './GPL';\nimport Tabs from '../../../parts/Tabs';\nimport {\n    useServerData,\n    useScroll,\n    useApplyNow,\n    useXProps,\n    useDidUpdateEffect,\n    getProductForOffer,\n    useTransitionState\n} from '../../../lib';\nimport Button from '../../../parts/Button';\n\nconst Content = ({ headerRef, contentWrapper }) => {\n    const cornerRef = useRef();\n    const { products } = useServerData();\n    const { offer, amount, onClick } = useXProps();\n    const [transitionState] = useTransitionState();\n    const { scrollTo } = useScroll();\n    const [sticky, setSticky] = useState(false);\n    // scrollY stores the modal scroll position.\n    const scrollY = useRef(0);\n    const handleApplyNowClick = useApplyNow('Apply Now');\n    const [showApplyNow, setApplyNow] = useState(false);\n    const product = getProductForOffer(offer);\n\n    const initialProduct = arrayFind(products, prod => prod.meta.product === product);\n    // In case the product shown in the message, for some reason, does not come back with the modal\n    // Ideally, this should never happen\n    const [selectedProduct, setSelectedProduct] = useState(initialProduct ? product : products[0].meta.product);\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             * As you scroll, scrollY.current ref will be set to the value of scrollTop.\n             * The scrollTop value is the distance between the top of the contentWrapper element and the top of the scrollable space within the modal.\n             */\n            scrollY.current = scrollTop;\n        },\n        [sticky]\n    );\n\n    const selectProduct = newProduct => {\n        scrollTo(0);\n\n        if (newProduct !== 'NI') {\n            setApplyNow(false);\n        }\n\n        setSelectedProduct(newProduct);\n    };\n\n    const switchTab = newProduct => {\n        onClick({ linkName: newProduct });\n        selectProduct(newProduct);\n        /**\n         * For multiproduct modal:\n         * If the sticky header is set, when you click to switch tabs, go to the uppermost sticky position.\n         * Modal content will start at the top upon switching tabs.\n         */\n        if (sticky) {\n            contentWrapper.current.scrollTo(0, headerRef.current.clientHeight + cornerRef.current.clientHeight);\n            // Otherwise, when you switch tabs, the modal will stay scrolled to the position you were at when you clicked the tab button.\n        } else {\n            contentWrapper.current.scrollTo(0, scrollY.current);\n        }\n    };\n\n    useDidUpdateEffect(() => {\n        setSelectedProduct(product);\n    }, [product]);\n\n    const setShowApplyNow = show => {\n        if (selectedProduct === 'NI' && show !== showApplyNow) {\n            setApplyNow(show);\n        }\n    };\n\n    useEffect(() => {\n        if (transitionState === 'CLOSED') {\n            setShowApplyNow(false);\n            setSticky(false);\n        }\n    }, [transitionState]);\n\n    const tabsMap = {\n        GPL: {\n            title: 'Pay in 4',\n            product: 'GPL'\n        },\n        NI: {\n            title: 'PayPal Credit',\n            product: 'NI'\n        }\n    };\n\n    const tabs = products\n        .map(({ meta }) => tabsMap[meta.product])\n        // Filter to only the visible tab if no amount is passed in\n        .filter(tab => typeof amount === 'undefined' || amount === 0 || tab.product === selectedProduct);\n\n    const showTabSwitch = tabs.length === 1 && products.length > 1;\n    // Add the body of the tabs later to be able to reference the callbacks which reference the tabsMap\n    tabsMap.GPL.body = <GPL switchTab={showTabSwitch ? () => switchTab('NI') : null} />;\n\n    tabsMap.NI.body = <NI showApplyNow={setShowApplyNow} switchTab={showTabSwitch ? () => switchTab('GPL') : null} />;\n\n    const tabsContent =\n        tabs.length > 1 ? (\n            <Tabs\n                tabs={tabs}\n                onSelect={index => {\n                    switchTab(tabs[index].product);\n                }}\n            />\n        ) : (\n            <div className=\"tab-transition-item selected\">{tabs[0].body}</div>\n        );\n\n    const classNames = ['content', sticky ? 'sticky' : ''];\n\n    return (\n        <div className={classNames.join(' ')}>\n            <span className=\"corner\" ref={cornerRef} />\n            <div className={`sticky-apply-now ${showApplyNow ? 'show' : ''}`}>\n                <Button onClick={handleApplyNowClick} className=\"apply-now\">\n                    Apply for PayPal Credit\n                </Button>\n                <div>Subject to credit approval.</div>\n                <hr className=\"divider\" />\n            </div>\n            <main className=\"main\">{tabsContent}</main>\n        </div>\n    );\n};\n\nexport default Content;\n","/** @jsx h */\nimport { h } from 'preact';\nimport { useRef } from 'preact/hooks';\nimport Content from './Content';\nimport Header from '../../../parts/Header';\nimport Container from '../../../parts/Container';\nimport Icon from '../../../parts/Icon';\nimport { useTransitionState } from '../../../lib';\n\nconst ContentWrapper = () => {\n    const [, handleClose] = useTransitionState();\n    const headerRef = useRef();\n    const contentWrapper = useRef();\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                    <Content headerRef={headerRef} contentWrapper={contentWrapper} />\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={612} />\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":""}