https://www.seine-river-cruises.com/_next/static/chunks/DropdownSelector.76b9de7ae6c8e4f2.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4342],{51095:function(e,r,i){var t=i(14994),n=i(72996);r.Z=e=>{let{strokeColor:r="colors.gray.g3",...i}=e;return(0,t.jsx)("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",...i,children:(0,t.jsx)("path",{d:"M14 3.3335L5.75 12.0002L2 8.06077",stroke:(0,n.r)(r),strokeLinecap:"round",strokeLinejoin:"round"})})}},80928:function(e,r,i){i.r(r),i.d(r,{default:function(){return k}});var t=i(14994),n=i(93435),a=i(25730),o=i(20124),s=i(36758),l=i(75301),d=i(82936),u=i(66685),c=i(52246),g=i(58325),p=i(51095);let h=(0,o.iv)({position:"relative",minWidth:"11.25rem",margin:0,userSelect:"none",_mobile:{position:"unset"}}),m=(0,o.iv)({position:"absolute",top:"3.125rem",display:"grid",gridRowGap:"1.5rem",maxHeight:"70vh",padding:"1.25rem 1rem",zIndex:"100",backgroundColor:"brand.white",color:"gray.g2",border:"1px solid token(colors.gray.g6)",borderRadius:"4px",boxShadow:"0px 4px 6px rgba(0, 0, 0, 0.08)",overflowY:"scroll",_mobile:{position:"fixed",top:"unset",bottom:"-2px",left:"50%",width:"95%",gridGap:"0",padding:"0",textAlign:"center",zIndex:"199",transform:"translateX(-50%)",_active:{animation:"scrollIn ease 0.3s forwards"}}}),x=(0,o.iv)({display:"grid",gridTemplateColumns:"auto 1rem",gridGap:"0.625rem",justifyItems:"space-between",minWidth:"150px",padding:"0",textStyle:"subheadingLarge",cursor:"pointer",border:"none",_active:{color:"brand.purps"},_mobile:{borderBottom:"1px solid gray.g6",padding:"1rem 0",background:"none",_active:{color:"gray.g2"}}}),b=(0,o.iv)({color:"brand.purps"}),f=(0,o.jS)({base:{display:"grid",gridTemplateColumns:"auto",justifyContent:"space-between",alignItems:"center",gridGap:"0.5rem",textStyle:"subheadingLarge",fontWeight:"400",borderRadius:"4px",padding:"0.75rem 1rem",border:"1px solid token(colors.gray.g6)","& span":{color:"gray.g3"},"& svg > path":{stroke:"gray.g3"},_mobile:{justifyContent:"left","& span":{color:"gray.g2"},"& svg > path":{stroke:"gray.g2"}}},variants:{hasIcon:{true:{gridTemplateColumns:"auto auto"}},hasChevron:{true:{gridTemplateColumns:"auto auto"}},hasPadding:{true:{padding:"1rem"}}}}),v=(0,o.iv)({display:"flex"}),w=(0,o.jS)({base:{display:"grid","& img":{height:"1rem",width:"1rem"}},variants:{iconPosition:{left:{gridColumn:1,gridRow:1},right:{gridColumn:2,gridRow:"unset"}}},defaultVariants:{iconPosition:"right"}}),j=(0,a.default)(()=>i.e(81686).then(i.bind(i,67364)),{loadableGenerated:{webpack:()=>[67364]}}),y=(0,a.default)(()=>i.e(8184).then(i.bind(i,82570)),{loadableGenerated:{webpack:()=>[82570]}});var k=e=>{let{options:r,currentSelectionIndex:i=0,icon:a=null,iconPosition:k,toggleIcon:C=!0,addPadding:_=!1}=e,[S,I]=(0,n.useState)(!1),[N,L]=(0,n.useState)(i||0),{isMobile:Z}=(0,s.useAtomValue)(l.n),E=(0,s.useAtomValue)(d.i),R=(0,n.useRef)(null),G=(0,n.useRef)(null),P=e=>{let i=null==r?void 0:r[e];i&&(L(e),T(),window.location.href=i.url)},T=()=>{I(e=>!e)};return(0,n.useEffect)(()=>{if(!window)return;let e=(0,g.PO)(window.location.href),i=r.findIndex(r=>(0,g.PO)(r.url)===e);L(-1===i?0:i)},[r]),(0,c.w)(R,T,[G]),(0,t.jsxs)("div",{ref:G,className:h,children:[(0,t.jsxs)("button",{className:f({hasChevron:C,hasIcon:!!a,hasPadding:_}),onClick:T,children:[(0,t.jsx)("span",{children:N>-1?null==r?void 0:r[N].label:E.SELECT_CITY}),(0,t.jsx)(u.Z,{if:!!a,children:(0,t.jsx)("span",{className:w({iconPosition:k}),children:"string"==typeof a&&a.trim().startsWith("http")?(0,t.jsx)(j,{url:a,alt:"Selector Icon"}):a})}),(0,t.jsx)(u.Z,{if:C,children:(0,t.jsx)("div",{className:v,children:(0,t.jsx)(y,{"aria-hidden":"true"})})})]}),(0,t.jsx)(u.Z,{if:S,children:(0,t.jsxs)("div",{ref:R,className:m,...S&&{"data-active":!0},children:[null==r?void 0:r.map((e,r)=>{let{label:i}=e;return(0,n.createElement)("button",{className:x,...N===r?{"data-active":!0}:{},key:i,onClick:()=>P(r),children:[(0,t.jsx)("span",{children:i}),(0,t.jsx)(u.Z,{if:N===r,children:(0,t.jsx)(p.Z,{strokeColor:"colors.brand.purps","aria-hidden":"true"})})]})}),(0,t.jsx)(u.Z,{if:Z,children:(0,t.jsx)("button",{onClick:T,className:(0,o.cx

1)(x,b),children:E.CLOSE})})]})}),(0,t.jsx)(u.Z,{if:S&&Z,children:(0,t.jsx)("button",{onClick:T})})]})}}}]);