https://www.asiabooks.com/en/RootCmp_CMS_PAGE__default.75e93cc101163b64b558.js

1/*! @version pwa-studio: 0.0.1, @magento/venia-ui: ~11.7.0, @magento/upward-security-headers: ~1.1.18, @magento/pwa-theme-venia: ~2.4.0, @magento/pwa-buildpack: ~11.5.3, @magento/peregrine: ~15.5.2, @magento/pagebuilder: ~9.3.5, @magento/eslint-config: ~1.5.0, @magento/babel-preset-peregrine: ~1.3.3, @apollo/client: ~3.5.0 */
2(window.webpackJsonp=window.webpackJsonp||[]).push([[25],{D01v:function(n,e,t){"use strict"
3var r=t("LboF"),o=t.n(r),a=t("QRMS"),i={injectType:"singletonStyleTag",insert:"head",singleton:!0}
4o()(a.a,i)
5e.a=a.a.locals||{}},GaJf:function(n,e,t){"use strict"
6var r=t("JPst"),o=t.n(r)()(function(n){return n[1]})
7o.push([n.i,'/*\n * Store-locator styles for the Asia Books "branches" CMS page.\n *\n * The page\'s markup uses global class names injected as raw HTML, so these\n * rules target them via :global(). Values are ported from the Luma theme so the\n * migrated PWA page matches the original store locator. `.branchLocatorRoot` is\n * a no-op anchor applied to the CMS wrapper so this module is bundled.\n */\n\n.branchLocator-branchLocatorRoot--Ad {\n}\n\n/* --- Selector row: "Branches" label + dropdown ------------------------- */\n\n.sec-drop-branches {\n    width: 420px;\n    max-width: 100%;\n    margin: 0 auto 20px;\n    display: flex;\n    justify-content: space-around;\n    align-items: center;\n    flex-direction: row;\n}\n\n.sec-drop-branches p {\n    flex: initial;\n    width: 100px;\n    margin-bottom: 0;\n    font-size: 2rem;\n    font-weight: 600;\n    color: rgb(37, 37, 37);\n}\n\n.sec-drop-branches fieldset {\n    flex: initial;\n    width: 300px;\n    margin-left: 20px;\n    padding: 0;\n    border: 0;\n}\n\n/* --- Dropdown (native <details>) --------------------------------------- */\n\n.sec-drop-branches details {\n    position: relative;\n}\n\n.sec-drop-branches details summary {\n    list-style: none;\n    padding: 0.75rem 3rem 0.75rem 0.75rem;\n    border: 2px solid rgb(235, 235, 235);\n    border-radius: 5px;\n    background-color: rgb(255, 255, 255);\n    color: rgb(37, 37, 37);\n    cursor: pointer;\n}\n\n.sec-drop-branches details summary::-webkit-details-marker {\n    display: none;\n}\n\n.sec-drop-branches details summary:focus {\n    outline: 0;\n}\n\n.sec-drop-branches details summary:hover {\n    border-color: rgb(18, 114, 57);\n}\n\n.sec-drop-branches details[open] summary {\n    border-color: rgb(18, 114, 57);\n    box-shadow: rgb(235, 235, 235) 0 0 0 4px;\n}\n\n/* Dropdown panel */\n.sec-drop-branches details div {\n    position: absolute;\n    z-index: 2;\n    display: flex;\n    flex-direction: column;\n    min-width: 300px;\n    max-height: 160px;\n    margin-top: 8px;\n    padding: 0.5rem;\n    padding-top: 0;\n    overflow: auto;\n    border: 2px solid rgb(235, 235, 235);\n    border-radius: 8px;\n    background-color: rgb(255, 255, 255);\n    box-shadow: rgb(200, 207, 225) 0 3px 7px 0;\n}\n\n.sec-drop-branches details div label {\n    position: relative;\n    display: block;\n    margin-top: 0.25rem;\n    padding: 0.5rem 0.625rem;\n    border-radius: 8px;\n    cursor: pointer;\n}\n\n.sec-drop-branches details div label:hover {\n    background-color: rgb(233, 239, 255);\n}\n\n/* The radio itself is hidden; the label text is the clickable target. */\n.sec-drop-branches details div input {\n    display: none;\n}\n\n/* Sticky search box at the top of the dropdown panel. */\n.sec-drop-branches .topfilter {\n    position: sticky;\n    top: 0;\n    z-index: 1;\n    display: block;\n    padding-top: 5px;\n    padding-bottom: 5px;\n    background: #fff;\n}\n\n.sec-drop-branches #filter {\n    display: block;\n    box-sizing: border-box;\n    width: 100%;\n    padding: 10px;\n    border: 1px solid rgb(235, 235, 235);\n    border-radius: 5px;\n    font-size: 1.6rem;\n}\n\n/* --- Selected branch detail card + map --------------------------------- */\n\n.sec-map-branches {\n    padding: 45px 80px;\n    border: 1px solid rgb(235, 235, 235);\n}\n\n.sec-map-branches .head-contact {\n    margin-bottom: 20px;\n    font-size: 2rem;\n    font-weight: 600;\n    color: rgb(37, 37, 37);\n}\n\n.sec-map-branches .add-branches {\n    font-size: 1.6rem;\n    font-weight: 500;\n    line-height: 1.2;\n    color: rgb(11, 11, 11);\n}\n\n.sec-map-branches .map-google {\n    margin-top: 20px;\n}\n\n.sec-map-branches .map-google iframe {\n    width: 100%;\n    min-height: 400px;\n    border: 0;\n}\n\n/* Narrow screens: stack the label above a full-width dropdown. */\n@media (max-width: 639px) {\n    .sec-drop-branches {\n        width: 100%;\n        flex-direction: column;\n        align-items: stretch;\n    }\n\n    .sec-drop-branches p {\n        width: auto;\n        margin-bottom: 8px;\n    }\n\n    .sec-drop-branches fieldset {\n        width: 100%;\n        margin-left: 0;\n    }\n\n    .sec-map-branches {\n        padding: 20px;\n    }\n}\n',""]),o.locals={branchLocatorRoot:"branchLocator-branchLocatorRoot--Ad"},e.a=o},QRMS:function(n,e,t){"use strict"

8var r=t("JPst"),o=t.n(r)()(function(n){return n[1]})
9o.push([n.i,'/* Project override of @magento/venia-ui RootComponents/CMS/cms.module.css */\n\n.cms-root-uMv {\n    /* composes: px-4 from global; */\n}\n\n.cms-heading-Pmp {\n\n    /* Medium */\n}\n\n.cms-root_empty-OpB,\n.cms-root_1column-8kV,\n.cms-root_2columnsLeft-SUq,\n.cms-root_2columnsRight-CoT,\n.cms-root_3columns-vhD,\n.cms-root_cmsFullWidth-fvn,\n.cms-root_categoryFullWidth-7P5,\n.cms-root_productFullWidth-G7C {\n\n    padding-top: 20px;\n}\n\n/* CMS block: Track your Order form (/tracking_order page) */\n\n.secTrackOrder {\n    background-color: #ffffff;\n    border-radius: 8px;\n    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.04);\n    padding: 32px 40px;\n    margin: 24px auto;\n    max-width: 1200px;\n    box-sizing: border-box;\n}\n\n.track-content {\n    width: min(80vw, 480px);\n    margin: auto;\n}\n\n.secTrackOrder .headTrackOrder {\n    font-size: 42px;\n    font-weight: 500;\n    color: #1f2937;\n    line-height: 1.4;\n    text-align: center;\n}\n\n.secTrackOrder p {\n    display: inline-block;\n    position: relative;\n    z-index: 1;\n    margin: 0 0 -7px 12px;\n    padding: 0 6px;\n    background-color: #ffffff;\n    font-size: 18px;\n    line-height: 22px;\n    line-height: 1;\n    color: #6C6C6C;\n    top: 12px;\n}\n\n.secTrackOrder input[type="email"],\n.secTrackOrder input[type="text"] {\n    display: block;\n    width: 100%;\n    max-width: 520px;\n    height: 3.5rem;\n    padding: 0 1rem;\n    border: 1px solid #E4E7E5;\n    border-radius: 5px;\n    background-color: #ffffff;\n    font-size: 16px;\n    color: #000000;\n    margin-bottom: 16px;\n    box-sizing: border-box;\n    outline: none;\n    transition: border-color 192ms linear, box-shadow 192ms linear;\n}\n\n.secTrackOrder input[type="email"]:focus,\n.secTrackOrder input[type="text"]:focus {\n    border-color: #00B54E;\n}\n\n.secTrackOrder button.action.primary {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    background-color: #00B54E;\n    color: #ffffff;\n    border: 2px solid #00B54E;\n    cursor: pointer;\n    transition: background-color 192ms linear, border-color 192ms linear;\n\n    height: 48px;\n    min-height: 0px !important;\n    width: 10rem;\n    font-size: 18px;\n    line-height: 22px;\n    font-weight: 500;\n    border-radius: 50px;\n}\n\n.secTrackOrder button.action.primary:hover {\n    background-color: #136732;\n    border-color: #136732;\n}\n\n.secTrackOrder button.action.primary:active {\n    background-color: #00692B;\n    border-color: #00692B;\n}\n',""]),o.locals={root:"cms-root-uMv",heading:"cms-heading-Pmp mb-2 mt-4 text-center text-3xl md_mb-10 md_text-4xl",root_empty:"cms-root_empty-OpB cms-root-uMv",root_1column:"cms-root_1column-8kV cms-root-uMv",root_2columnsLeft:"cms-root_2columnsLeft-SUq cms-root-uMv",root_2columnsRight:"cms-root_2columnsRight-CoT cms-root-uMv",root_3columns:"cms-root_3columns-vhD cms-root-uMv",root_cmsFullWidth:"cms-root_cmsFullWidth-fvn cms-root-uMv",root_categoryFullWidth:"cms-root_categoryFullWidth-7P5 cms-root-uMv",root_productFullWidth:"cms-root_productFullWidth-G7C cms-root-uMv"},e.a=o},ruqR:function(n,e,t){"use strict"
10var r=t("q1tI"),o=t.n(r),a=t("17x9"),i=t("55Ip"),c=t("Ukvi"),s=t("YpW0"),l=t("STDB"),d=t("UPvi"),p=t("y1Xp"),m=t("oVol"),u=t("KFIW"),h=t("sqhl"),b=t("55GR")
11const g=n=>{let{raw:e}=n
12if(null==e)return null
13const t=String(e).trim()
14if(""===t)return null
15const r=new Date(t).getTime()
16return Number.isFinite(r)?r:null},f=n=>{let{html:e,now:t}=n
17if("undefined"==typeof document)return e
18if(null==e||""===e)return e
19const r=(null!=t?t:new Date).getTime(),o=document.createElement("div")
20o.innerHTML=e
21const a=o.querySelectorAll("[".concat("data-schedule-enabled","]"))
22return Array.from(a).filter(n=>!(n=>{let{element:e,nowMs:t}=n
23if("true"!==e.getAttribute("data-schedule-enabled"))return!0
24const r=g({raw:e.getAttribute("data-schedule-start-date")}),o=g({raw:e.getAttribute("data-schedule-end-date")})
25return!(null!==r&&t<r||null!==o&&t>o)})({element:n,nowMs:r})).map(n=>(n.remove(),null)),o.innerHTML}
26const x=()=>{const n=Object(r.useRef)(null)
27return Object(r.useCallback)(e=>{if(n.current&&(n.current(),n.current=null),!e)return
28const t=e.querySelector(".sec-branches")
29if(!t)return
30const r=t.querySelector("details"),o=t.querySelector("summary"),a=t.querySelector("#filter"),i=t.querySelector("#results"),c=Array.from(t.querySelectorAll('[name="branchDetail"]'))
31if(!c.length)return
32const s=()=>

32{c.forEach(n=>{n.style.display="none"})},l=n=>{const e=n.target
33if(e&&"branchRdo"===e.name){if(s(),(n=>{const e=c.find(e=>e.id===n)
34e&&(e.style.display="")})(e.value),o){const n=e.closest("label")
35o.textContent=n?n.textContent.trim():e.value}r&&r.removeAttribute("open")}},d=()=>{a&&document.activeElement===a||r&&r.removeAttribute("open")},p=()=>{if(!i)return
36const n=a.value.trim()
37let e
38try{const t=new RegExp(n,"i")
39e=(n=>t.test(n))}catch(t){const r=n.toLowerCase()
40e=(n=>n.toLowerCase().includes(r))}i.querySelectorAll("label").forEach(n=>{n.style.display=e(n.textContent)?"":"none"})}
41s()
42const m=c.find(n=>"AllSeasonplace"===n.id)||c[0]
43m&&(m.style.display=""),t.addEventListener("change",l),document.addEventListener("click",d),a&&a.addEventListener("keyup",p),n.current=(()=>{t.removeEventListener("change",l),document.removeEventListener("click",d),a&&a.removeEventListener("keyup",p)})},[])}
44var y=t("LboF"),v=t.n(y),w=t("GaJf"),k={injectType:"singletonStyleTag",insert:"head",singleton:!0},_=(v()(w.a,k),w.a.locals||{}),E=t("D01v")
45const T=n=>{const{identifier:e}=n,t=Object(s.a)({identifier:e}),{cmsPage:a,shouldShowLoadingIndicator:g}=t,y=Object(p.a)(E.a,n.classes),v=x()
46if(g)return o.a.createElement(c.a,{classes:y})
47const{content_heading:w,title:k,meta_title:T,meta_description:L,page_layout:S,content:M}=a,O=M?f({html:M}):null,C=""!==w?o.a.createElement("h1",{className:y.heading},w):null,F=T||k,R=S?y["root_".concat(Object(m.a)(S))]:y.root,A="home"===e,W=k||w,z=A||!W?null:o.a.createElement("div",{className:u.a.root,"aria-live":"polite","aria-busy":"false"},o.a.createElement(i.b,{className:u.a.link,to:"/"},o.a.createElement(h.a,{width:15,height:15,fill:"#22B25A"})),o.a.createElement("span",{className:u.a.divider},o.a.createElement(b.a,{width:10,height:10})),o.a.createElement("span",{className:u.a.currentCategory},W))
48return o.a.createElement(r.Fragment,null,o.a.createElement(d.b,null,F),o.a.createElement(d.a,{name:"title",content:F}),o.a.createElement(d.a,{name:"description",content:L}),o.a.createElement("article",{ref:v,className:[R,_.branchLocatorRoot,A?"is-home-page":""].filter(Boolean).join(" "),"data-page-identifier":e},z,C,o.a.createElement(l.a,{html:O})))}
49T.propTypes={identifier:a.string,classes:Object(a.shape)({root:a.string,heading:a.string,root_empty:a.string,root_1column:a.string,root_2columnsLeft:a.string,root_2columnsRight:a.string,root_3columns:a.string,root_cmsFullWidth:a.string,root_categoryFullWidth:a.string,root_productFullWidth:a.string})}
50e.a=T}}])