{"componentChunkName":"component---build-limio-shop-build-2026-04-15-13-15-12-adb-esh-0-a-xe-templates-dwwodrohgxztlslxbsmm-index-js","path":"/direct-checkout/","result":{"pageContext":{"authProvider":"buy.jazzhr.com","pageType":"checkout","landing":{"inlineStyle":"\n    \n    \n        @font-face {                                                                                                                                                     \n    font-family: 'Onest';                                                                                                                                      \n    src: url('https://dev-jazzhrcommain.pantheonsite.io/wp-content/uploads/fonts/Onest-Regular.ttf') format('truetype');                                                               \n    font-weight: 400;                                                                                                                                              \n    font-style: normal;                                                                                                                                            \n    font-display: swap;                                                                                                                                            \n  }                                                                                                                                                                \n                                                                                                                                                                   \n  @font-face {                                                                                                                                                     \n    font-family: 'Onest';                                                                                                                                      \n    src: url('https://dev-jazzhrcommain.pantheonsite.io/wp-content/uploads/fonts/Onest-Medium.ttf') format('truetype');                                                              \n    font-weight: 600;                                                                                                                                              \n    font-style: normal;                                                                                                                                            \n    font-display: swap;                                                                                                                                            \n  }                                                                                                                                                                \n                                                                                                                                                                   \n  @font-face {                                                                                                                                                     \n    font-family: 'Onest';                                                                                                                                      \n    src: url('https://dev-jazzhrcommain.pantheonsite.io/wp-content/uploads/fonts/Onest-Bold.ttf') format('truetype');                                                                  \n    font-weight: 700;                                                                                                                                              \n    font-style: normal;                                                                                                                                            \n    font-display: swap;                                                                                                                                            \n  } \n@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;500;600;700&display=swap');\n* {\n    font-family: \"Onest\", sans-serif;\n    --tw-primary: 280, 50%, 48%;\n    --tw-text-secondary: 0, 0%, 0%;\n    --tw-form-accent: 280, 50%, 48%;\n    --tw-surface: 282.35, 80.95%, 91.76%;\n    --tw-surface-main: 0, 0%, 100%;\n    --tw-background: 282, 100%, 97%;\n}\n\n.lmo .wrapper label, h2 {\n\tcolor: #000 !important;\n}\n\n.header a {\n    margin-top: 10px !important;\n}\n\n.header .logo {\n\twidth: 252px !important;\n}\n\n/* Remove opacity from the payment method logos */\n.Payment-module--PaymentSelectionIcon--HGPKL {\n  opacity: unset !important;\n}\n\n.limio-f265a87f-87d0-45f0-890e-44ef8f3b588f p {\n    margin-bottom: 0 !important;\n}\n\n.limio-f265a87f-87d0-45f0-890e-44ef8f3b588f button {\n    margin-top: 16px;\n}\n\n.limio-f265a87f-87d0-45f0-890e-44ef8f3b588f legend {\n    padding-left: 0px !important;\n}\n\n.limio-f265a87f-87d0-45f0-890e-44ef8f3b588f .invalid-feedback {\n\tdisplay: block !important;\n}\n\n.form-group {\n    min-width: 200px;\n}\n\niframe {\n\tbackground-color: unset !important;\n}\n\n.custom-control {\n\tmargin-left: 15px;\n}\n\n.limio-f265a87f-87d0-45f0-890e-44ef8f3b588f button {\n\tmargin-left: 15px;\n}\n\n/* Spacing in the form between sections */\n.checkout-sub-heading {\n\tpadding-top: 1rem;\n}\n\n/* Cross-sells horizontal scrolling */\n.lmo .limio-cf5d8500-8da1-4b16-976e-4292b7edadf9 {\n\tposition: relative;\n    padding-right: 24px;\n    overflow: hidden;\n    padding-bottom: 9px;\n    user-select: none;\n}\n/* Container div */\n.lmo .limio-cf5d8500-8da1-4b16-976e-4292b7edadf9 > div {\n    flex-direction: row !important;\n    column-gap: 0.5rem;\n    overflow-x: scroll;\n    height: 100%;\n}\n.lmo .limio-cf5d8500-8da1-4b16-976e-4292b7edadf9 > div::after {\n  content: \"\";\n  position: absolute;\n  right: 0;\n  top: 50%;\n  transform: translateY(-50%);\n  transform: translateY(-50%);\n  height: 24px;\n  width: 24px;\n  background-image: url(https://jazzhr-prod.prod-us.limio.com/public/ce34788f-617f-4ed3-8eb5-a896d3d1766b/right-chevron-svgrepo-com.svg);\n  background-position: center;\n  background-size: cover;\n  background-repeat: no-repeat;\n}\n.lmo .limio-cf5d8500-8da1-4b16-976e-4292b7edadf9 h2 {\n    display: none;\n}\n/* Cross-sell card */\n.lmo .limio-cf5d8500-8da1-4b16-976e-4292b7edadf9 > div > div {\n    justify-content: flex-start !important;\n    min-width: min(220px, max(180px, 28.5%)) !important;\n    cursor: grab;\n}\n.lmo .limio-cf5d8500-8da1-4b16-976e-4292b7edadf9 > div > div:active {\n  cursor: grabbing;\n}\n/* Cross-sell card header */\n.lmo .limio-cf5d8500-8da1-4b16-976e-4292b7edadf9 > div > div > .tw-flex-col > .tw-justify-between {\n    flex-direction: column !important;\n    row-gap: 0.25rem;\n    min-height: 70px;\n    justify-content: flex-start !important;\n}\n/* Cross-sell card body container */\n.lmo .limio-cf5d8500-8da1-4b16-976e-4292b7edadf9 > div > div > div:last-child {\n    flex-grow: 1;\n}\n/* Cross-sell card body content */\n.lmo .limio-cf5d8500-8da1-4b16-976e-4292b7edadf9 > div > div > div:last-child > div  {\n    flex-direction: column !important;\n    justify-content: space-between !important;\n    height: 100%;\n}\n/* Cross-sell add to basket button */\n.lmo .limio-cf5d8500-8da1-4b16-976e-4292b7edadf9 > div > div > div:last-child > div > button {\n    align-self: start !important;\n}\n/* Cross-sell Skelton */\n.tw-animate-pulse.tw-rounded-md.tw-bg-primary\\/20.tw-w-48.tw-h-6 {\n    width: 100% !important;\n}\n\n/* BLOCK-PURCHASE-DIALOG */\n.block-purchase-dialog-container {\n    background-color: #000c !important;\n}\n\n.FooterOuter {\n\tbackground-color: #8F3DB8 !important;\n\tcolor: #fff !important;\n}\n\n.FooterLink {\n\tcolor: #fff !important;\n}\n\n/*--Luke--*/\nh2{\n    color: #8F3DB8 !important;\n}\n.popup .form .content{\n    background-color: #f1d9fb !important;\n}\n       ","customTranslations":{},"favicon":"https://www.jazzhr.com/wp-content/uploads/2024/08/favicon-jazzhr-181x181.png","appleTouchIcon":"undefined","shop_title":"Limio Shop"},"campaign":{"name":"Direct Checkout","path":"/pages2/Direct Checkout","attributes":{"meta_title__limio":"Checkout | JazzHR","disable_index__limio":true,"label__limio":["corepage","direct"],"page_inject_code__limio":"<script>\n    const tryInit = () => {\n        console.log('MutationObserver: running')\n        const cs = document.querySelector('.limio-cf5d8500-8da1-4b16-976e-4292b7edadf9 > div');\n\n        if (!cs) {\n            console.error('MutationObserver: No cross sell element found');\n            return;\n        }\n\n        console.log('MutationObserver: Cross sell element found', cs);\n\n        console.log('binding listeners to', cs);\n        \n        let isDown = false;\n        let startX;\n        let startY;\n        let scrollLeft;\n        let scrollTop;\n\n        try {\n            cs.addEventListener('mousedown', (e) => {\n                isDown = true;\n                cs.classList.add('active');\n                startX = e.pageX - cs.offsetLeft;\n                startY = e.pageY - cs.offsetTop;\n                scrollLeft = cs.scrollLeft;\n                scrollTop = cs.scrollTop;\n            });\n            console.log('listener attached successfully');\n        } catch (err) {\n            console.error('Error attaching listener', err);\n        }\n\n        cs.addEventListener('mouseleave', () => {\n            isDown = false;\n        });\n\n        cs.addEventListener('mouseup', () => {\n            isDown = false;\n        });\n\n        cs.addEventListener('mousemove', (e) => {\n            if (!isDown) return;\n            e.preventDefault();\n            const x = e.pageX - cs.offsetLeft;\n            const y = e.pageY - cs.offsetTop;\n            const walkX = x - startX;\n            const walkY = y - startY;\n            cs.scrollLeft = scrollLeft - walkX;\n            cs.scrollTop = scrollTop - walkY;\n        });\n\n        /* Touch support */\n        cs.addEventListener('touchstart', (e) => {\n            isDown = true;\n            const t = e.touches[0];\n            startX = t.pageX - cs.offsetLeft;\n            startY = t.pageY - cs.offsetTop;\n            scrollLeft = cs.scrollLeft;\n            scrollTop = cs.scrollTop;\n        });\n\n        cs.addEventListener('touchend', () => {\n            isDown = false;\n        });\n\n        cs.addEventListener('touchmove', (e) => {\n            if (!isDown) return;\n            const t = e.touches[0];\n            const x = t.pageX - cs.offsetLeft;\n            const y = t.pageY - cs.offsetTop;\n            const walkX = x - startX;\n            const walkY = y - startY;\n            cs.scrollLeft = scrollLeft - walkX;\n            cs.scrollTop = scrollTop - walkY;\n            e.preventDefault();\n        });\n    };\n\n    function findBody() {\n        console.log('findBody')\n        if (!document.body) {\n            setTimeout(findBody, 100);\n            return;\n        }\n        console.log('foundBody')\n        const obs = new MutationObserver(tryInit);\n        obs.observe(document.body, { childList: true, subtree: true });\n    }\n    findBody()\n</script>\n\n<script>\n  (function () {\n    function updateQuantitySelect(select) {\n      if (!select || select.dataset.quantUpperDone === \"true\") return;\n\n      Array.from(select.options).forEach(function (opt) {\n        if (opt && opt.value) {\n          // use the upper limit (the value attribute) as the label\n          opt.textContent = opt.value;\n        }\n      });\n\n      select.dataset.quantUpperDone = \"true\";\n    }\n\n    function scan() {\n      document\n        .querySelectorAll('select[data-testid=\"item-quantity\"]')\n        .forEach(updateQuantitySelect);\n    }\n\n    function init() {\n      // body might still not exist, especially if this runs in <head>\n      if (!document.body) {\n        setTimeout(init, 50);\n        return;\n      }\n\n      // first pass\n      scan();\n\n      // watch for React/DOM re-renders\n      var observer = new MutationObserver(function (mutations) {\n        // if anything was added, rescan\n        for (var i = 0; i < mutations.length; i++) {\n          if (mutations[i].addedNodes && mutations[i].addedNodes.length) {\n            scan();\n            break;\n          }\n        }\n      });\n\n      observer.observe(document.body, { childList: true, subtree: true });\n    }\n\n    if (document.readyState === \"loading\") {\n      document.addEventListener(\"DOMContentLoaded\", init);\n    } else {\n      init();\n    }\n  })();\n</script>\n\n<script>\n    /* hide the last bit of the product in the cart */\n    function hideProductInCart() {\n        const selector = \".limio-1ae9098c-d25c-45f7-a2c5-43da7c40983d div.tw-flex.tw-flex-col.tw-gap-y-1 > span:first-child\";\n        const container = document.querySelector(selector);\n\n        if (!container) {\n            setTimeout(hideProductInCart, 10);\n            return;\n        }\n\n        const idx = container.innerText.indexOf(\" - \");\n        if (idx !== -1) {\n            container.innerText = container.innerText.substring(idx + 3);\n        }\n    }\n\n    hideProductInCart();\n\n    \n</script>\n","push_to_checkout__limio":true}},"offers":[],"addOns":[],"groupValues":[{"label":"Month to month","id":"monthly"},{"label":"Annual","id":"yearly"},{"label":"Annual","id":"annual"},{"label":"Biennial","id":"2year"},{"label":"Triennial","id":"3year"},{"label":"Consultations","id":"consultations"},{"label":"Annual Bill Monthly","id":"annualBillMonthly"}],"publicKey__limio":"public_046c57e6a55add1fce849b083247a8a23f4e6e4bdd3bf9f9","tag__limio":"/tags/direct-checkout","pageMasterLayout":"ootb/cart","prevent_mixed_rates":true,"actions":{"previewOrder":"/api/order/preview","getSubscriptions":"/api/mma/subscriptions","updateSubscriptionCheckout":"/api/checkout/subscription","selfServiceCheckout":"/api/mma/checkout","sendOrder":"/api/order","initiateCheckout":"/api/checkout/initiate","updateCheckout":"/api/checkout/update","validateCheckout":"/api/checkout/validate"}}},"staticQueryHashes":[]}