https://1pstage.com/_next/static/chunks/1758.81fd53bfbfe712b6.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1758],{31758:(e,r,o)=>{o.r(r),o.d(r,{default:()=>d});var t=o(37876),l=o(89099),n=o(48230),i=o.n(n),s=o(14232),a=o(70143);let d=e=>{let[r,o]=(0,s.useState)(!1),[n,d]=(0,s.useState)(0),[c,u]=(0,s.useState)(null),p=(0,l.useRouter)(),b=(0,s.useRef)(null),x=e.regionPickerItems;(0,s.useEffect)(()=>{let e=e=>{b.current&&!b.current.contains(e.target)&&o(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[]),(0,s.useEffect)(()=>{let e=p.asPath.split("/").filter(Boolean).join("/"),r=x.findIndex(r=>{let o=r.url.endsWith("/")?r.url.slice(0,-1):r.url;return(e.endsWith("/")?e.slice(0,-1):e).endsWith(o)});d(r>=0?r:0)},[p.asPath,x]);let m=(0,a.Q)("group min-[567px]:flex z-16 min-[567px]:mx-auto color-white rounded-md cursor-pointer text-left relative mt-6 bg-transparent border border-iron-ore-300","sm:m-auto md:max-h-10","hover:border-iron-ore-700",r&&"outline-0 border-iron-ore-700","group-focus:border-iron-ore-700 focus:border-iron-ore-700 focus:outline focus:outline-1 focus:outline-offset-[2px] focus:outline-iron-ore-700"),f=(0,a.Q)("cursor-pointer border-t-[1px] border-t-iron-ore-300 flex","min-[567px]:border-t-[0px] min-[567px]:border-l min-[567px]:border-iron-ore-300","min-[567px]:group-hover:border-l-[1px] min-[567px]:group-hover:border-l-iron-ore-700 min-[567px]:group-focus:border-l-[1px]","min-[567px]:focus:border-l-iron-ore-700 min-[567px]:group-focus:border-l-iron-ore-700",r&&"min-[567px]:group-focus:border-l-iron-ore-700 focus:border-l-iron-ore-700"),h=(0,a.Q)("absolute bg-pure-white w-full overflow-hidden rounded-md border border-iron-ore-300 hidden",r&&"block border-iron-ore-300 mt-24 min-[567px]:mt-12"),g=()=>{o(!r)},v=e=>{let r=document.querySelectorAll("#region-listbox [role='option']"),o=-1;r.forEach((e,r)=>{e.id===c&&(o=r)});let t="next"===e?o+1:o-1;t>=r.length&&(t=0),t<0&&(t=r.length-1),u(r[t].id),document.querySelector('[role="combobox"]')?.focus()},w=e=>{let t,l=document.querySelectorAll("#region-listbox [role='option']"),n=e.currentTarget.getAttribute("role"),i=Array.from(l).findIndex(e=>e.id===c);switch(e.key){case"Home":case"PageUp":e.preventDefault(),t=0;break;case"End":case"PageDown":e.preventDefault(),t=l.length-1;break;case"Enter":case" ":if(e.preventDefault(),"combobox"!==n||r){if("combobox"===n&&r&&c){let e=document.querySelector(`#${c} a`);e&&(e.click(),o(!1))}}else o(!0);break;case"ArrowDown":e.preventDefault(),"combobox"!==n||r?v("next"):o(!0);break;case"ArrowUp":e.preventDefault(),"combobox"!==n||r?v("previous"):o(!0);break;case"Tab":case"Escape":o(!1)}void 0!==t&&t!==i&&u(l[t].id)};return(0,t.jsxs)("div",{className:"mx-auto flex max-w-fullWidth flex-col px-6 pt-8 text-black","data-id":"region-picker",id:e.anchorId,children:[(0,t.jsxs)("div",{className:m,role:"combobox",onKeyDown:w,ref:b,"aria-haspopup":"listbox","aria-expanded":r?"true":"false","aria-controls":"region-listbox","aria-labelledby":"select-region-label",tabIndex:0,"aria-activedescendant":r&&c?c:void 0,children:[(0,t.jsx)("ul",{className:`z-20 ${h} ${r?"block":"hidden"}`,role:"listbox",id:"region-listbox","aria-labelledby":"select-region-label",children:x.map(({title:e,url:r},l)=>{let n=c===`option-${l}`;return(0,t.jsx)("li",{id:`option-${l}`,"data-value":e,onKeyDown:w,tabIndex:-1,role:"option","aria-selected":"false",className:`color-ultra-grey flex p-2 no-underline hover:bg-iron-ore-200 focus:border-none focus:bg-iron-ore-200 active:bg-iron-ore-200 ${n?"bg-iron-ore-200":""}`,onClick:()=>o(!1),children:(0,t.jsx)(i(),{href:`${r}`,className:"h-full w-full","data-testid":`region-currency-${l}`,children:e})},e)})}),(0,t.jsxs)("div",{className:"flex flex-col min-[567px]:flex-row",children:[(0,t.jsx)("label",{className:"peer ml-2 w-auto cursor-pointer self-start p-2 font-bold md:ml-0 md:self-center md:p-3",id:"select-region-label",children:e.label}),(0,t.jsx)("div",{className:f,onClick:g,"data-testid":"dropdown-toggle",role:"button",tabIndex:0,onKeyDown:e=>{("Enter"===e.key||" "===e.key)&&(e.preventDefault(),g())},children:(0,t.jsxs)("div",{className:"ml-2 flex w-full items-center justify-between p-2 pr-4 md:p-0",children:[(0,t.jsx)("span",{children:x[n].title}),(0,t.jsx)("span",{className:"h-full p-2 pt-2 md:pl-8 md:pt-4",children:(0,t.jsx)("svg",{width:"15",height:"9",viewBox:"0 0 15 9",f

1ill:"none",xmlns:"https://www.w3.org/2000/svg",className:r?"rotate-180":"","aria-hidden":"true",children:(0,t.jsx)("path",{d:"M1.99316 1.75L7.99671 7.75L14.0003 1.75",stroke:"black",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})})]})})]})]}),(0,t.jsx)("div",{className:"mt-2 flex flex-col px-8 text-center",children:x[n].description})]})}}}]);