"use strict";(self.webpackChunkui=self.webpackChunkui||[]).push([[16],{121:(e,t,n)=>{n.d(t,{a:()=>E});var o=n(0),i=n(4),a=n(13),s=n(3),l=n(48),r=n(96);function d({groupColorsByOptionName:e=!1,newColorSectionName:t,coreColorSectionName:n,sizeGuideCodeBasedFlag:d=!1,defaultSizeGuideOptionName:c="",product:u,selectedVariant:p,setSelectedVariantId:U,compact:m=!1}){const{product:S,getOptionNameForColor:v,getHexForOptionColor:O,selectedVariant:f,findProductVariantWithOption:h,setSelectedVariantId:x}=(0,s.c)((e=>({product:null!=u?u:e.product,getOptionNameForColor:e.getOptionNameForColor,getHexForOptionColor:e.getHexForOptionColor,selectedVariant:null!=p?p:e.selectedVariant,findProductVariantWithOption:e.findProductVariantWithOption,setSelectedVariantId:null!=U?U:e.setSelectedVariantId}))),j=(0,r.b)({product:S,newColorSectionName:t,coreColorSectionName:n,getOptionNameForColor:e?v:()=>{}});if(!S||!j)return(0,o.jsx)(i.Fragment,{});const b="sizeGuide"in S?S.sizeGuide:void 0;return(0,o.jsx)("div",{class:a.a.container,children:j.map((e=>{var t;return(0,o.jsx)(l.a,{product:S,option:e,getHexForOptionColor:O,selectedVariant:f,findProductVariantWithOption:e=>h(e,S,f),setSelectedVariantId:x,sizeGuide:b,sizeGuideCodeBasedFlag:d,defaultSizeGuideOptionName:c,compact:m},`${S.handle}-${null!==(t=e.optionName)&&void 0!==t?t:e.name}`)}))})}var c=n(2),u=n(32),p=n(1),U=n(81);function m(e,t){const n=S[`${e} (${t})`];if(!n)return e;for(const e of n.split(" / "))if(e.includes("US"))return e.split(" (")[0];return e}const S={"DD (US)":"DD (US,UK) / E (EU)","E (US)":"DD (US,UK) / E (EU)","DD (UK)":"DD (US,UK) / E (EU)","E (EU)":"DD (US,UK) / E (EU)","DDD (US)":"DDD (US) / E (UK) / F (EU)","F (US)":"DDD (US) / E (UK) / F (EU)","E (UK)":"DDD (US) / E (UK) / F (EU)","F (EU)":"DDD (US) / E (UK) / F (EU)","G (US)":"G (US,EU) / F (UK)","G (EU)":"G (US,EU) / F (UK)","F (UK)":"G (US,EU) / F (UK)","H (US)":"H (US,EU) / FF (UK)","FF (US)":"H (US,EU) / FF (UK)","H (EU)":"H (US,EU) / FF (UK)","FF (UK)":"H (US,EU) / FF (UK)","I (US)":"I (US,EU) / G (UK)","I (EU)":"I (US,EU) / G (UK)","G (UK)":"I (US,EU) / G (UK)","J (US)":"J (US,EU) / GG (UK)","GG (US)":"J (US,EU) / GG (UK)","J (EU)":"J (US,EU) / GG (UK)","GG (UK)":"J (US,EU) / GG (UK)","K (US)":"K (US,EU) / H (UK)","K (EU)":"K (US,EU) / H (UK)","H (UK)":"K (US,EU) / H (UK)","L (US)":"L (US,EU) / HH (UK)","L (EU)":"L (US,EU) / HH (UK)","HH (UK)":"L (US,EU) / HH (UK)","M (US)":"M (US,EU) / J (UK)","M (EU)":"M (US,EU) / J (UK)","J (UK)":"M (US,EU) / J (UK)","N (US)":"N (US,EU) / JJ (UK)","N (EU)":"N (US,EU) / JJ (UK)","JJ (UK)":"N (US,EU) / JJ (UK)","O (US)":"O (US,EU) / K (UK)","O (EU)":"O (US,EU) / K (UK)","K (UK)":"O (US,EU) / K (UK)","P (US)":"P (US,EU) / KK (UK)","KK (US)":"P (US,EU) / KK (UK)","P (EU)":"P (US,EU) / KK (UK)","KK (UK)":"P (US,EU) / KK (UK)","Q (US)":"Q (US,EU) / L (UK)","Q (EU)":"Q (US,EU) / L (UK)","L (UK)":"Q (US,EU) / L (UK)"};function v({option:e,displayedOptions:t,fieldsetName:n,placeholder:a,isUnselectedSize:l,isVariantUnavailable:r}){var d,S,v,f,h,x;const j=(0,s.c)((e=>e.device)),[b,K]=(0,c.useState)(!1),g=t.find((e=>e.isSelected)),E=null==g?void 0:g.value,C=r||g&&!g.availableForSale&&!l,z=null!==(d=null!=a?a:e.optionName)&&void 0!==d?d:e.name,N=l?z:null!=E?E:z,V=e.sizing,F=e.name.toLowerCase().includes("cup"),w=!!V&&"US"!==V&&F,G=(0,o.jsxs)("div",{className:u.a.dropdownOptions,children:[w&&(0,o.jsxs)("div",{className:u.a.dropdownColumnHeader,children:[(0,o.jsx)("span",{children:V}),(0,o.jsx)("span",{children:"US"})]}),t.map((e=>(0,o.jsx)("button",{type:"button",className:[u.a.dropdownOption,w?u.a.dropdownOptionRow:"",e.isSelected&&!l?u.a.dropdownOptionSelected:"",e.availableForSale?"":u.a.dropdownOptionUnavailable].filter(Boolean).join(" "),onClick:()=>(e=>{var t,n,o;e.setSelectedVariantId(null===(t=e.variant)||void 0===t?void 0:t.variantId),"stayOpen"!==(0,p.getAssignment)(`${j}_sizeDropdownSelect`)&&("desktop"!==j?K(!1):null===(o=null===(n=document.activeElement)||void 0===n?void 0:n.blur)||void 0===o||o.call(n))})(e),role:"option","aria-selected":e.isSelected&&!l,children:w?(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("span",{children:e.value}),(0,o.jsx)("span",{className:u.a.usEquivalent,children:m(e.value,V)})]}):e.value},e.value)))]});return(0,o.jsxs)(i.Fragment,{children:[(0,o.jsxs)("div",{className:u.a.dropdownContainerDesktop,children:[(0,o.jsxs)("button",{type:"button",className:[u.a.dropdownTrigger,!E||l?u.a.placeholder:"",C?u.a.dropdownTriggerUnavailable:""].filter(Boolean).join(" "),onMouseDown:e=>{const t=e.currentTarget;document.activeElement===t?(t.blur(),e.preventDefault()):t.focus()},"aria-haspopup":"listbox",children:[(0,o.jsx)("span",{className:u.a.dropdownTriggerText,children:N}),(0,o.jsx)(O,{})]}),(0,o.jsx)("div",{className:u.a.dropdownPanel,role:"listbox",children:G}),(0,o.jsx)("input",{type:"hidden",name:n,value:null!==(v=null===(S=null==g?void 0:g.variant)||void 0===S?void 0:S.variantId)&&void 0!==v?v:""})]}),(0,o.jsxs)("div",{className:u.a.dropdownContainerMobile,children:[(0,o.jsxs)("button",{type:"button",className:[u.a.dropdownTrigger,!E||l?u.a.placeholder:"",C?u.a.dropdownTriggerUnavailable:""].filter(Boolean).join(" "),onClick:()=>{"desktop"!==j&&K(!b)},"aria-haspopup":"listbox","aria-expanded":b,children:[(0,o.jsx)("span",{className:u.a.dropdownTriggerText,children:N}),(0,o.jsx)(O,{className:b?u.a.chevronUp:""})]}),(0,o.jsx)(U.a,{isOpen:b,onClose:()=>K(!1),title:`Select ${null!==(f=e.optionName)&&void 0!==f?f:e.name}`,children:G}),(0,o.jsx)("input",{type:"hidden",name:n,value:null!==(x=null===(h=null==g?void 0:g.variant)||void 0===h?void 0:h.variantId)&&void 0!==x?x:""})]})]})}function O({className:e}){return(0,o.jsx)("svg",{className:[u.a.chevronIcon,e].filter(Boolean).join(" "),width:"10",height:"6",viewBox:"0 0 10 6",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,o.jsx)("path",{d:"M1 1L5 5L9 1",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})}var f=n(117),h=n(46);function x({product:e,sizeOptions:t,selectedVariant:n,setSelectedVariantId:i,sizeGuide:a,sizeGuideCodeBasedData:s,sizeGuideId:l,combinedSizeOptions:r}){var d;const c=r&&r.length>0&&r.every((e=>t.some((t=>t.name.toLowerCase()===e.toLowerCase())))),p=null===(d=t.find((e=>e.sizing)))||void 0===d?void 0:d.sizing,U=!!p&&"US"!==p;return(0,o.jsxs)("fieldset",{className:u.a.sizeSection,children:[(0,o.jsxs)("legend",{className:u.a.visuallyHidden,children:[e.title," Size Selection"]}),(0,o.jsxs)("div",{className:u.a.sizeHeader,children:[(0,o.jsxs)("div",{children:[(0,o.jsx)("span",{className:u.a.sizeLabel,children:"Size"}),U&&(0,o.jsxs)("span",{className:u.a.sizingSubtext,children:["This product is sold in ",p," sizes"]})]}),(0,o.jsx)(f.a,{sizeGuide:a,sizeGuideCodeBasedData:s,sizeGuideId:l})]}),(0,o.jsx)("div",{className:u.a.sizeDropdowns,children:c?(0,o.jsx)(b,{product:e,combinedOptionNames:r,sizeOptions:t,selectedVariant:n,setSelectedVariantId:i}):t.map(((a,s)=>(0,o.jsx)(j,{product:e,option:a,selectedVariant:n,precedingOptions:t.slice(0,s),allOtherOptions:t.filter(((e,t)=>t!==s)),setSelectedVariantId:i},a.name)))})]})}function j({product:e,option:t,selectedVariant:n,precedingOptions:a,allOtherOptions:l,setSelectedVariantId:r}){var d,u;const{selectOption:p,stateSelectedOptions:U,defaultUnselected:m}=(0,s.c)((e=>({selectOption:e.selectOption,stateSelectedOptions:e.selectedOptions,defaultUnselected:e.defaultUnselected}))),S=(0,h.a)(n,t.name),O=null!==(d=null==n?void 0:n.selectedOptions[t.name])&&void 0!==d?d:null===(u=null==n?void 0:n.displayOptions)||void 0===u?void 0:u[t.name],f=(0,c.useMemo)((()=>{const e={};for(const t of a){const o=null==n?void 0:n.selectedOptions[t.name];o&&(e[t.name]=o)}return e}),[a,null==n?void 0:n.selectedOptions]),x=(0,c.useMemo)((()=>{const e={};for(const t of l){const o=null==n?void 0:n.selectedOptions[t.name];o&&(e[t.name]=o)}return e}),[l,null==n?void 0:n.selectedOptions]),j=null==n?void 0:n.selectedOptions.Color,b=(0,c.useMemo)((()=>{const e={};for(const t of l){const o=null==n?void 0:n.selectedOptions[t.name];o&&(m&&void 0===U[t.name]||(e[t.name]=o))}return e}),[l,null==n?void 0:n.selectedOptions,m,U]),K=(0,c.useMemo)((()=>t.values.map((n=>{var o;const i=e.variants.find((e=>{if(e.selectedOptions[t.name]!==n)return!1;if(e.oos)return!1;for(const[t,n]of Object.entries(f))if(e.selectedOptions[t]!==n)return!1;return!0})),a=j?e.variants.find((e=>{if(e.selectedOptions[t.name]!==n)return!1;if(e.oos)return!1;for(const[t,n]of Object.entries(b))if(e.selectedOptions[t]!==n)return!1;return e.selectedOptions.Color===j})):i,s=e.variants.find((e=>{if(e.selectedOptions[t.name]!==n)return!1;for(const[t,n]of Object.entries(x))if(e.selectedOptions[t]!==n)return!1;return!j||e.selectedOptions.Color===j})),l=e.variants.find((e=>{if(e.selectedOptions[t.name]!==n)return!1;for(const[t,n]of Object.entries(x))if(e.selectedOptions[t]!==n)return!1;return!0})),d=null!==(o=null!=s?s:l)&&void 0!==o?o:i;return{value:n,variant:d,isSelected:O===n&&!S,matchesSelectedValue:O===n,availableForSale:!!a,setSelectedVariantId:e=>{p(t.name,d),s?r(s.variantId):l?r(l.variantId):i?r(i.variantId):d&&r(d.variantId)}}}))),[t.values,t.name,e.variants,O,f,x,b,j,S,p,r]),g=(0,c.useMemo)((()=>!(S||!j||!O||e.variants.some((e=>{if(e.selectedOptions[t.name]!==O)return!1;if(e.oos)return!1;for(const[t,n]of Object.entries(b))if(e.selectedOptions[t]!==n)return!1;return e.selectedOptions.Color===j})))),[S,j,O,e.variants,t.name,b]);if(0===K.length)return(0,o.jsx)(i.Fragment,{});const E=`${e.handle}-${t.name}`.replaceAll(" ","-");return(0,o.jsx)(v,{displayedOptions:K,option:t,fieldsetName:E,isUnselectedSize:S,isVariantUnavailable:g})}function b({product:e,combinedOptionNames:t,sizeOptions:n,selectedVariant:a,setSelectedVariantId:l}){var r;const d=(0,s.c)((e=>e.selectOption)),u=(0,h.a)(a),p=(0,c.useMemo)((()=>t.map((e=>n.find((t=>t.name.toLowerCase()===e.toLowerCase())))).filter((e=>!!e))),[t,n]),U=null===(r=p.find((e=>e.sizing)))||void 0===r?void 0:r.sizing,S=!!U&&"US"!==U,O=(0,c.useMemo)((()=>p.map((e=>{var t;return null!==(t=null==a?void 0:a.selectedOptions[e.name])&&void 0!==t?t:""})).join("")),[p,null==a?void 0:a.selectedOptions]),f=null==a?void 0:a.selectedOptions.Color,x=(0,c.useMemo)((()=>{const t=new Map;for(const n of e.variants){const e={};let o="";for(const t of p){const i=n.selectedOptions[t.name];i&&(e[t.name]=i,o+=i)}Object.keys(e).length===p.length&&(t.get(o)||n.unavailable||t.set(o,{combinedValue:o,optionValues:e,variant:n,availableForSale:!n.oos}))}const n=Array.from(t.values());return n.sort(((e,t)=>{for(const n of p){const o=n.values.indexOf(e.optionValues[n.name]),i=n.values.indexOf(t.optionValues[n.name]);if(o!==i)return o-i}return 0})),n.map((t=>{const n=O===t.combinedValue&&!u;let o=t.variant,i=t.availableForSale;if(f){const n=e.variants.find((e=>{for(const[n,o]of Object.entries(t.optionValues))if(e.selectedOptions[n]!==o)return!1;return e.selectedOptions.Color===f}));n?(o=n,i=!n.oos):i=!1}let a=t.combinedValue;if(S&&U){const e=p.map((e=>{const n=t.optionValues[e.name];return e.name.toLowerCase().includes("cup")?m(n,U):n})).join("");e!==t.combinedValue&&(a=`${t.combinedValue} (${e} US)`)}return{value:a,variant:o,isSelected:n,matchesSelectedValue:O===t.combinedValue,availableForSale:i,setSelectedVariantId:()=>{for(const e of Object.keys(t.optionValues))d(e,o);l(o.variantId)}}}))}),[e.variants,p,O,u,f,d,l]),j=(0,c.useMemo)((()=>{if(u||!f||!O)return!1;const e=x.find((e=>e.isSelected));return!!e&&!e.availableForSale}),[u,f,O,x]);if(0===x.length)return(0,o.jsx)(i.Fragment,{});const b={name:"Size",values:x.map((e=>e.value))},K=`${e.handle}-combined-size`.replaceAll(" ","-");return(0,o.jsx)(v,{displayedOptions:x,option:b,fieldsetName:K,isUnselectedSize:u,isVariantUnavailable:j})}function K({groupColorsByOptionName:e=!1,newColorSectionName:t,coreColorSectionName:n,sizeGuideCodeBasedFlag:d=!1,defaultSizeGuideOptionName:u="",combinedSizeOptions:p,product:U,selectedVariant:m,setSelectedVariantId:S,compact:v=!1}){const{product:O,getOptionNameForColor:f,getHexForOptionColor:h,selectedVariant:j,findProductVariantWithOption:b,setSelectedVariantId:K}=(0,s.c)((e=>({product:null!=U?U:e.product,getOptionNameForColor:e.getOptionNameForColor,getHexForOptionColor:e.getHexForOptionColor,selectedVariant:null!=m?m:e.selectedVariant,findProductVariantWithOption:e.findProductVariantWithOption,setSelectedVariantId:null!=S?S:e.setSelectedVariantId}))),g=(0,r.b)({product:O,newColorSectionName:t,coreColorSectionName:n,getOptionNameForColor:e?f:()=>{}}),{sizeOptions:E,nonSizeOptions:C}=(0,c.useMemo)((()=>g?{sizeOptions:g.filter((e=>e.name.toLowerCase().includes("size"))),nonSizeOptions:g.filter((e=>!e.name.toLowerCase().includes("size")))}:{sizeOptions:[],nonSizeOptions:[]}),[g]);if(!O||!g)return(0,o.jsx)(i.Fragment,{});const z="sizeGuide"in O?O.sizeGuide:void 0,N=d?O.sizeGuideCodeBasedData:void 0;return(0,o.jsxs)("div",{className:a.a.container,children:[E.length>0&&(0,o.jsx)(x,{product:O,sizeOptions:E,selectedVariant:j,findProductVariantWithOption:e=>b(e,O,j),setSelectedVariantId:K,sizeGuide:z,sizeGuideCodeBasedData:N,sizeGuideId:O.sizeGuideId,compact:v,combinedSizeOptions:p}),C.map((e=>{var t;return(0,o.jsx)(l.a,{product:O,option:e,getHexForOptionColor:h,selectedVariant:j,findProductVariantWithOption:e=>b(e,O,j),setSelectedVariantId:K,compact:v},`${O.handle}-${null!==(t=e.optionName)&&void 0!==t?t:e.name}`)}))]})}var g=function(e,t){var n={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(n[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(o=Object.getOwnPropertySymbols(e);i<o.length;i++)t.indexOf(o[i])<0&&Object.prototype.propertyIsEnumerable.call(e,o[i])&&(n[o[i]]=e[o[i]])}return n};function E(e){var{useSizeDropdowns:t=!1,combinedSizeOptions:n}=e,i=g(e,["useSizeDropdowns","combinedSizeOptions"]);return t?(0,o.jsx)(K,Object.assign({},i,{combinedSizeOptions:n})):(0,o.jsx)(d,Object.assign({},i))}},81:(e,t,n)=>{n.d(t,{a:()=>d});var o=n(0),i=n(2),a=n(9),s=n(56),l=n(79),r=n(115);function d({isOpen:e,onClose:t,children:n,title:d,showTitle:c=!1,size:u="default"}){const[p,U]=(0,i.useState)(!1),m=(0,i.useRef)(null),S=(0,i.useRef)(!1);(0,r.a)(e);const v=(0,i.useCallback)((()=>{S.current=!0,U(!0)}),[]),O=(0,i.useCallback)((e=>{S.current&&e.target===m.current&&(S.current=!1,U(!1),t())}),[t]),f=(0,i.useCallback)((()=>{v()}),[v]);return(0,o.jsx)(l.a,{isOpen:e,onEscape:v,children:(0,o.jsxs)("div",{className:a.a.modalOverlayBottomSheet,"aria-hidden":!e,children:[(0,o.jsx)("div",{className:a.a.modalBackground,onClick:f,role:"presentation"}),(0,o.jsxs)("div",{ref:m,"data-animate":!0,role:"dialog","aria-modal":!0,tabIndex:-1,"aria-label":d,className:[a.a.modalBottomSheet,p?a.a.closing:"","large"===u?a.a.large:""].join(" "),onAnimationEnd:O,children:[c?(0,o.jsxs)("div",{className:a.a.bottomSheetHeader,children:[(0,o.jsx)("h2",{className:a.a.bottomSheetTitle,children:d}),(0,o.jsx)("button",{className:a.a.bottomSheetCloseBtn,onClick:v,"aria-label":"Close dialog",children:(0,o.jsx)(s.a,{size:"16px",iconClass:a.a.closeIconSVG})})]}):(0,o.jsx)("button",{className:a.a.bottomSheetCloseBtnFloating,onClick:v,"aria-label":"Close dialog",children:(0,o.jsx)(s.a,{size:"20px",iconClass:a.a.closeIconSVG})}),(0,o.jsx)("div",{className:a.a.bottomSheetContent,children:n})]})]})})}}}]);