@gofynd/theme-template 3.2.9 → 3.2.10

package/dist/page-layouts/plp/Components/size-guide/size-guide.js

@@ -1 +1 @@
-!function webpackUniversalModuleDefinition(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("fdk-core/components"),require("fdk-core/utils"),require("html-react-parser"),require("react")):"function"==typeof define&&define.amd?define("firestone",["fdk-core/components","fdk-core/utils","html-react-parser","react"],t):"object"==typeof exports?exports.firestone=t(require("fdk-core/components"),require("fdk-core/utils"),require("html-react-parser"),require("react")):e.firestone=t(e["fdk-core/components"],e["fdk-core/utils"],e["html-react-parser"],e.react)}("undefined"!=typeof self?self:this,((e,t,r,a)=>(()=>{"use strict";var n={4814:(e,t,r)=>{r.d(t,{A:()=>i});var a,n=r(9155);function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},_extends.apply(null,arguments)}const i=function SvgAddress(e){return n.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",width:20,height:20,fill:"none"},e),a||(a=n.createElement("path",{fill:"#4D4D4E",d:"m10.001 5.16 4.167 3.75v6.508h-1.667v-5h-5v5H5.835V8.91zm0-2.242-8.333 7.5h2.5v6.667h5v-5h1.667v5h5v-6.667h2.5z"})))}},7962:(e,t,r)=>{r.d(t,{A:()=>i});var a,n=r(9155);function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},_extends.apply(null,arguments)}const i=function SvgCall(e){return n.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",width:20,height:20,fill:"none"},e),a||(a=n.createElement("path",{fill:"#4D4D4E",d:"M5.45 4.167c.05.741.175 1.466.375 2.158l-1 1c-.342-1-.558-2.058-.633-3.158zm8.217 10.016c.708.2 1.433.325 2.166.375V15.8a12.9 12.9 0 0 1-3.166-.625zM6.25 2.5H3.333a.836.836 0 0 0-.833.833C2.5 11.158 8.842 17.5 16.667 17.5a.836.836 0 0 0 .833-.833v-2.909a.836.836 0 0 0-.833-.833 9.5 9.5 0 0 1-2.975-.475.7.7 0 0 0-.259-.042.85.85 0 0 0-.591.242l-1.834 1.833a12.62 12.62 0 0 1-5.491-5.491L7.35 7.158a.84.84 0 0 0 .208-.85 9.5 9.5 0 0 1-.475-2.975.836.836 0 0 0-.833-.833"})))}},1030:(e,t,r)=>{r.d(t,{A:()=>i});var a,n=r(9155);function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},_extends.apply(null,arguments)}const i=function SvgCloseBold(e){return n.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",width:21,height:20,fill:"none"},e),a||(a=n.createElement("path",{fill:"#1F1F1F",d:"m16.752 5.342-1.198-1.175-4.748 4.658-4.749-4.658L4.86 5.342 9.608 10 4.859 14.66l1.198 1.175 4.749-4.659 4.748 4.659 1.198-1.175L12.004 10z"})))}},7010:(e,t,r)=>{r.d(t,{A:()=>i});var a,n=r(9155);function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},_extends.apply(null,arguments)}const i=function SvgEmail(e){return n.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",width:20,height:20,fill:"none"},e),a||(a=n.createElement("path",{fill:"#4D4D4E",d:"M18.335 4.999c0-.917-.75-1.667-1.667-1.667H3.335c-.917 0-1.667.75-1.667 1.667v10c0 .916.75 1.666 1.667 1.666h13.333c.917 0 1.667-.75 1.667-1.666zm-1.667 0-6.667 4.158-6.666-4.158zm0 10H3.335V6.665L10 10.832l6.667-4.167z"})))}},9825:(e,t,r)=>{r.d(t,{A:()=>s});var a,n,i=r(9155);function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},_extends.apply(null,arguments)}const s=function SvgOrders(e){return i.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",width:20,height:20,fill:"none"},e),i.createElement("mask",{id:"orders_svg__a",width:20,height:20,x:0,y:0,maskUnits:"userSpaceOnUse",style:{maskType:"alpha"}},a||(a=i.createElement("path",{fill:"#D9D9D9",d:"M0 0h20v20H0z"}))),n||(n=i.createElement("g",{mask:"url(#orders_svg__a)"},i.createElement("path",{fill:"#4D4D4E",d:"M4.418 17.918q-.625 0-1.063-.437a1.45 1.45 0 0 1-.437-1.063v-9.5q0-.625.437-1.063a1.45 1.45 0 0 1 1.063-.437h1.833q0-1.562 1.094-2.657Q8.44 1.668 10 1.668q1.563 0 2.657 1.093 1.093 1.094 1.093 2.657h1.834q.624 0 1.062.437.438.438.438 1.063v9.5q0 .625-.438 1.063a1.45 1.45 0 0 1-1.062.437zm0-1.25h11.167q.082 0 .166-.083.084-.084.084-.167v-9.5q0-.083-.084-.167-.082-.083-.166-.083H4.418q-.083 0-.167.083-.083.084-.083.167v9.5q0 .084.083.167t.167.083m5.583-5.417q1.563 0 2.657-1.093 1.093-1.094 1.093-2.657h-1.25q0 1.042-.729 1.771a2.4 2.4 0 0 1-1.77.73 2.4 2.4 0 0 1-1.772-.73 2.4 2.4 0 0 1-.729-1.77h-1.25q0 1.562 1.094 2.656Q8.44 11.251 10 11.251m-2.5-5.833h5q0-1.042-.729-1.77a2.4 2.4 0 0 0-1.77-.73 2.4 2.4 0 0 0-1.772.73 2.4 2.4 0 0 0-.729 1.77"}))))}},3899:(e,t,r)=>{r.d(t,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var a=r(9155),n=r.n(a),i=r(7773),s=r.n(i),l=r(4429);const __WEBPACK_DEFAULT_EXPORT__=e=>{let{htmlContent:t,customClass:r,showDots:i=!1}=e;const[o,_]=(0,a.useState)(t);return(0,a.useEffect)((()=>{t&&i&&_((e=>String(t).concat("...")))}),[t]),n().createElement("div",{className:r},(0,l.Wx)()?s()(o):null)}},8405:(e,t,r)=>{r.d(t,{default:()=>o});var a=r(9155),n=r.n(a),i=r(4429);const s=["original","30x0","44x0","66x0","50x0","75x0","60x60","90x90","100x0","130x200","135x0","270x0","360x0","500x0","400x0","540x0","720x0","312x480","resize-(w|h)?:[0-9]+(,)?(w|h)*(:)?[0-9]*"];function searchStringInArray(e,t){for(let r=0;r<t.length;r++)if(e?.match(new RegExp(`/${t[r]}/`)))return t[r];return""}const l=(0,a.forwardRef)(((e,t)=>{let{backgroundColor:r="#ffffff",src:l="",placeholder:o="",alt:_="",isImageFill:c=!1,isFixedAspectRatio:u=!0,aspectRatio:d=1,mobileAspectRatio:m,showOverlay:f=!1,overlayColor:p="#ffffff",sources:g=[{breakpoint:{min:780},width:1280},{breakpoint:{min:600},width:1100},{breakpoint:{min:480},width:1200},{breakpoint:{min:361},width:900},{breakpoint:{max:360},width:640}],customClass:h,globalConfig:b,defer:v=!0,overlayCustomClass:w,onLoad:y=(()=>{})}=e;const[x,z]=(0,a.useState)(!1),E={"--aspect-ratio-desktop":`${d}`,"--aspect-ratio-mobile":`${m||d}`,"--bg-color":`${b?.img_container_bg||r}`,"--overlay-bgcolor":p},k=(0,a.useMemo)((()=>!l.match(/\.(svg|gif)$/i)),[l]),getMedia=e=>{if(e.breakpoint){const t=e.breakpoint.min&&`(min-width: ${e.breakpoint.min}px)`||"",r=e.breakpoint.max&&`(max-width: ${e.breakpoint.max}px)`||"";return t&&r?`${t} and ${r}`:t||r}return""},getUrl=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:l;x&&(t=o);const r=searchStringInArray(t,s);return r?(0,i.ay)(t,r,e):(0,i.ay)(t,void 0,void 0)};return n().createElement("div",{className:`fy-image__imageWrapper___wKmP2 ${c?"fy-image__fill___rFWVY":""}\n      ${u?"fy-image__fixedAspRatio___fyXGS":""} ${h}`,style:E},f&&n().createElement("div",{className:`fy-image__overlay___Dx1Ju ${w}`}),n().createElement("picture",null,(k?g?.map((e=>(e.media=getMedia(e),e.srcset=getUrl(e.width,e.url),e))):[]).map(((e,t)=>n().createElement("source",{key:t,media:e.media,srcSet:e.srcset,type:"image/webp"}))),n().createElement("img",{className:"fx-image fy-image__fyImg___yIv86 fy-image__firefoxAltFix___hSfDR",srcSet:(()=>{let e=l;if(!k)return"";x&&(e=o);const t=searchStringInArray(e,s);return g.reduce(((r,a)=>{let n=e;return t&&a?.width&&(n=(0,i.ay)(e,t,a.width),r.push(`${n} ${a.width}w`)),r}),[]).join(", ")})(),src:(()=>{if(!k)return l;searchStringInArray(l,s);return x?o:(0,i.ay)(l,void 0,void 0)})(),alt:"",title:_,"aria-label":"Product image",onError:()=>{z(!0)},onLoad:e=>{e.target.alt=_,y(e)},loading:v?"lazy":"eager",fetchpriority:v?"low":"high",ref:t,"data-alt":_})))}));l.propTypes={};const o=l},8744:(e,t,r)=>{r.d(t,{default:()=>_});var a=r(9155),n=r.n(a),i="modal__modalContainer___BoKU8",s=r(8618),l=r(1030),o=r(4429);const _=function Modal(e){let{isOpen:t,isCancellable:r=!0,childHandleFocus:_=!1,hideHeader:c=!1,modalType:u="",closeDialog:d=(()=>{}),children:m,title:f,titleClassName:p,subTitle:g,subTitleClassName:h,headerClassName:b,bodyClassName:v,containerClassName:w,ignoreClickOutsideForClass:y,customClassName:x}=e;const z=(0,a.useRef)(null),E=(0,a.useRef)(null);(0,s.useMobile)(),(0,a.useEffect)((()=>{t&&!_&&z.current&&z.current.focus()}),[t,_]),(0,a.useEffect)((()=>{if(!(0,o.Wx)())return;const e=document.querySelectorAll(`.${i}`);return t?document.body.style.overflow="hidden":e.length<1&&(document.body.style.overflow="unset"),()=>{document.querySelectorAll(`.${i}`).length<1&&(document.body.style.overflow="unset")}}),[t]);const k=(0,a.useMemo)((()=>`modal__modalHeader___xKo1g ${b??""}`),[b]),N=(0,a.useMemo)((()=>`modal__modalTitle___yvZQo ${p??""}`),[p]),$=(0,a.useMemo)((()=>`modal__modalSubTitle___Jr61k ${h??""}`),[h]),q=(0,a.useMemo)((()=>`${i} ${""===u?"modal__modalContainer--borders____AGZf":""} ${w??""}`),[w]),C=(0,a.useMemo)((()=>`modal__modalBody___peHlJ ${v??""}`),[v]);return n().createElement(n().Fragment,null,t&&n().createElement("div",{className:`modal__modal___xT3RX ${"right-modal"===u?"modal__rightModal___acoje":""} ${"center-modal"===u?"modal__centerModal___CkbLu":""} ${x??""}`,ref:z,onClick:e=>{!r||!E.current||E.current.contains(e.target)||y&&(e.target.className.includes(y)||e.target.parentElement?.className.includes(y))||d(e)}},n().createElement("div",{className:q,ref:E},!c&&n().createElement("div",{className:k},n().createElement("div",null,n().createElement("div",{className:N},f),g&&n().createElement("div",{className:$},g)),n().createElement("div",{className:"modal__crossIcon___ieJau",onClick:d},n().createElement(l.A,null))),n().createElement("div",{className:C},m))))}},266:(e,t,r)=>{var a=r(9825),n=r(7962),i=r(7010),s=r(4814);a.A,n.A,i.A,s.A},8618:(e,t,r)=>{r.d(t,{useMobile:()=>useMobile});var a=r(9155),n=r(4429);const useMobile=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:768;const[t,r]=(0,a.useState)(!1);return(0,a.useEffect)((()=>{if(!(0,n.Wx)())return;const handleResize=()=>{"undefined"!=typeof window&&r(window?.innerWidth<=e)};return handleResize(),window?.addEventListener("resize",handleResize),()=>{window?.removeEventListener("resize",handleResize)}}),[e]),t}},4429:(e,t,r)=>{r.d(t,{Wx:()=>isRunningOnClient,ay:()=>transformImage});r(266);function isRunningOnClient(){return"undefined"!=typeof window&&globalThis===window}const transformImage=(e,t,r)=>{Math.min(Math.max(Math.round(isRunningOnClient()&&window.devicePixelRatio||1),1),5);let a=e;if(t&&r){const n=`/${t}/`;a=e.replace(new RegExp(n),`/resize-w:${r}/`)}try{const e=new URL(a);return e.searchParams.append("dpr",1),e.toString()}catch(e){return a}}},7438:t=>{t.exports=e},447:e=>{e.exports=t},7773:e=>{e.exports=r},9155:e=>{e.exports=a}},i={};function __webpack_require__(e){var t=i[e];if(void 0!==t)return t.exports;var r=i[e]={exports:{}};return n[e](r,r.exports,__webpack_require__),r.exports}__webpack_require__.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return __webpack_require__.d(t,{a:t}),t},__webpack_require__.d=(e,t)=>{for(var r in t)__webpack_require__.o(t,r)&&!__webpack_require__.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var s={};return(()=>{__webpack_require__.r(s),__webpack_require__.d(s,{default:()=>A});var e={};__webpack_require__.r(e),__webpack_require__.d(e,{vu:()=>n,b2:()=>i,Gr:()=>l,e5:()=>o,vE:()=>_,h5:()=>c,jA:()=>u,Fc:()=>d,gE:()=>m,Ib:()=>f,PU:()=>p,aN:()=>g,I9:()=>h,jy:()=>b,Jo:()=>v,Ju:()=>w,UZ:()=>y,Yz:()=>x,ym:()=>z,yG:()=>E,Mf:()=>k,S:()=>N,Bj:()=>$,xi:()=>q,qM:()=>C});var t=__webpack_require__(9155),r=__webpack_require__.n(t),a=__webpack_require__(7438),n="size-guide__active___fCFZK",i="size-guide__b2___FWEje",l="size-guide__btnContainer___MrABQ",o="size-guide__btnGroup___wPXct",_="size-guide__contactUs___Pxyu8",c="size-guide__h5___Tvj6K",u="size-guide__leftContainer___I8GLC",d="size-guide__notAvailable___Glybj",m="size-guide__paddingTopUnset___NwURx",f="size-guide__rightContainer___pxUQC",p="size-guide__sidebarBody___JRYlv",g="size-guide__sidebarHeader___uDotT",h="size-guide__sizeCell___dnrbd",b="size-guide__sizeContainer___EDqdR",v="size-guide__sizeDesc___aoeaO",w="size-guide__sizeHeader___FaUhI",y="size-guide__sizeInfo___rJwtj",x="size-guide__sizeRow___wxDRV",z="size-guide__sizeTable___z4s0f",E="size-guide__sizeTabs___zvaSu",k="size-guide__tab___HBjSu",N="size-guide__tabMeasure___OVXNX",$="size-guide__tabSizeGuide___wjsav",q="size-guide__unitBtn____SwNz",C="size-guide__unitBtnSelected___pi0ab",S=__webpack_require__(8405),O=__webpack_require__(3899),j=__webpack_require__(447),M=__webpack_require__(8744);const A=function SizeGuide(s){let{isOpen:A,productMeta:D,onCloseDialog:R}=s;const{t:F}=(0,j.useGlobalTranslation)("translation"),[H,P]=(0,t.useState)("cm"),[T,B]=(0,t.useState)("cm"),[I,L]=(0,t.useState)("size_guide"),[U,G]=(0,t.useState)(!1),J={in:F("resource.common.inch"),cm:F("resource.common.cm")},W=Object.entries(D?.size_chart?.headers??{}).filter((e=>{let[t,r]=e;return!t?.includes("__")&&null!==r}));(0,t.useEffect)((()=>{D?.size_chart?.unit&&(P(D?.size_chart.unit),B(D?.size_chart.unit))}),[D]);const isSizeChartAvailable=()=>{const e=D?.size_chart?.headers||{};return Object.keys(e).length>0},K=(0,t.useMemo)((()=>{let e="none";return"measure"===I&&(e="block"),e}),[I]);return r().createElement(r().Fragment,null,A&&r().createElement(M.default,{modalType:"right-modal",isOpen:A,title:"",closeDialog:e=>{R(e),L("size_guide")},headerClassName:g,bodyClassName:b},r().createElement("div",null,r().createElement("div",{className:E},r().createElement("button",{type:"button",className:`${i} ${k} ${$} ${"size_guide"===I?n:""}`,onClick:()=>L("size_guide")},F("resource.product.size_guide_lower")),r().createElement("button",{type:"button",className:`${i} ${k} ${N} ${"measure"===I?n:""}`,onClick:()=>L("measure")},F("resource.product.how_to_measure"))),r().createElement("div",{className:p},r().createElement("div",{className:`${u} ${D?.size_chart?.image?"":e.cstLw} ${isSizeChartAvailable()?"":m}`,style:{display:"size_guide"===I?"block":"none"}},(isSizeChartAvailable()||D?.size_chart?.title)&&r().createElement("div",{className:o},D?.size_chart?.title&&r().createElement("h4",{className:"h4 fontHeader",style:{marginBottom:"16px"}},D?.size_chart?.title),r().createElement("div",{className:l},isSizeChartAvailable()&&Object.entries(J)?.map((t=>{let[a,n]=t;return r().createElement("button",{key:a,type:"button",onClick:()=>{(e=>{P(e),G(T!==e)})(a)},className:`${c} ${q} ${e.fontBody} ${H===a?C:""}`},n)})))),D?.size_chart&&D?.size_chart?.description&&r().createElement("div",{className:v},r().createElement(O.default,{htmlContent:D?.size_chart?.description})),isSizeChartAvailable()&&r().createElement("div",{className:y},r().createElement("table",{className:z},r().createElement("thead",null,r().createElement("tr",null,W?.map((e=>{let[t,a]=e;return null!==a&&r().createElement("th",{key:`column${t}`,className:`${i} ${w}`},a?.value)})))),r().createElement("tbody",null,D?.size_chart?.sizes?.map(((t,a)=>r().createElement("tr",{key:`row_${a}`,className:x},Object.entries(t).filter((e=>{let[t,r]=e;return!t?.includes("__")&&null!==r}))?.map(((t,a)=>{let[n,i]=t;return r().createElement("td",{key:`cell_${n}`,className:`${e.captionNormal} ${h}`},W[a][1]?.convertable?(e=>{if("cm"===H&&U){let t="";e=e.split("-");for(let r=0;r<e.length;r+=1)0!==r&&r<e.length&&(t+="-"),Number.isNaN(Number(e[r]))?t+=e[r]:t+=(2.54*Number(e[r])).toFixed(1);return t}if("in"===H&&U){let t="";e=e.split("-");for(let r=0;r<e.length;r+=1)0!==r&&r<e.length&&(t+="-"),Number.isNaN(Number(e[r]))?t+=e[r]:t+=(Number(e[r])/2.54).toFixed(1);return t}return e})(i):i)})))))))),!isSizeChartAvailable()&&r().createElement("div",{className:d},r().createElement("h3",{className:`${e.fontHeader} fontHeader`},F("resource.common.size_not_available_info_heading")),r().createElement("p",{className:"fontBody"}," ",F("resource.common.size_not_available_info_description")),r().createElement(a.FDKLink,{to:"/contact-us",target:"_blank"},r().createElement("button",{type:"button",className:`${_} ${e.btnPrimary} ${e.fontBody}`},F("resource.common.contact_us_caps"))))),r().createElement("div",{className:`${f}`,style:{display:K}},D&&D.size_chart&&D.size_chart.image&&r().createElement("div",{className:e.sizeGuideImage},r().createElement(S.default,{src:D.size_chart.image,alt:D.size_chart.title,sources:[{width:500}],aspectRatio:"0.8",mobileAspectRatio:"0.8"})),!D||!D.size_chart||!D.size_chart.image&&r().createElement("div",{className:d},r().createElement("h3",{className:`${e.fontHeader} fontHeader`},F("resource.common.size_measure_not_available_info_heading")),r().createElement("p",{className:`${e.fontBody} fontBody`}," ",F("resource.common.size_measure_not_available_info_description")),r().createElement(a.FDKLink,{to:"/contact-us",target:"_blank"},r().createElement("button",{type:"button",className:`${_} ${e.btnPrimary} ${e.fontBody}`},F("resource.common.contact_us_caps")))))))))}})(),s})()));
+!function webpackUniversalModuleDefinition(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("fdk-core/components"),require("fdk-core/utils"),require("html-react-parser"),require("react")):"function"==typeof define&&define.amd?define("firestone",["fdk-core/components","fdk-core/utils","html-react-parser","react"],t):"object"==typeof exports?exports.firestone=t(require("fdk-core/components"),require("fdk-core/utils"),require("html-react-parser"),require("react")):e.firestone=t(e["fdk-core/components"],e["fdk-core/utils"],e["html-react-parser"],e.react)}("undefined"!=typeof self?self:this,((e,t,r,a)=>(()=>{"use strict";var n={4814:(e,t,r)=>{r.d(t,{A:()=>i});var a,n=r(9155);function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},_extends.apply(null,arguments)}const i=function SvgAddress(e){return n.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",width:20,height:20,fill:"none"},e),a||(a=n.createElement("path",{fill:"#4D4D4E",d:"m10.001 5.16 4.167 3.75v6.508h-1.667v-5h-5v5H5.835V8.91zm0-2.242-8.333 7.5h2.5v6.667h5v-5h1.667v5h5v-6.667h2.5z"})))}},7962:(e,t,r)=>{r.d(t,{A:()=>i});var a,n=r(9155);function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},_extends.apply(null,arguments)}const i=function SvgCall(e){return n.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",width:20,height:20,fill:"none"},e),a||(a=n.createElement("path",{fill:"#4D4D4E",d:"M5.45 4.167c.05.741.175 1.466.375 2.158l-1 1c-.342-1-.558-2.058-.633-3.158zm8.217 10.016c.708.2 1.433.325 2.166.375V15.8a12.9 12.9 0 0 1-3.166-.625zM6.25 2.5H3.333a.836.836 0 0 0-.833.833C2.5 11.158 8.842 17.5 16.667 17.5a.836.836 0 0 0 .833-.833v-2.909a.836.836 0 0 0-.833-.833 9.5 9.5 0 0 1-2.975-.475.7.7 0 0 0-.259-.042.85.85 0 0 0-.591.242l-1.834 1.833a12.62 12.62 0 0 1-5.491-5.491L7.35 7.158a.84.84 0 0 0 .208-.85 9.5 9.5 0 0 1-.475-2.975.836.836 0 0 0-.833-.833"})))}},1030:(e,t,r)=>{r.d(t,{A:()=>i});var a,n=r(9155);function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},_extends.apply(null,arguments)}const i=function SvgCloseBold(e){return n.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",width:21,height:20,fill:"none"},e),a||(a=n.createElement("path",{fill:"#1F1F1F",d:"m16.752 5.342-1.198-1.175-4.748 4.658-4.749-4.658L4.86 5.342 9.608 10 4.859 14.66l1.198 1.175 4.749-4.659 4.748 4.659 1.198-1.175L12.004 10z"})))}},7010:(e,t,r)=>{r.d(t,{A:()=>i});var a,n=r(9155);function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},_extends.apply(null,arguments)}const i=function SvgEmail(e){return n.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",width:20,height:20,fill:"none"},e),a||(a=n.createElement("path",{fill:"#4D4D4E",d:"M18.335 4.999c0-.917-.75-1.667-1.667-1.667H3.335c-.917 0-1.667.75-1.667 1.667v10c0 .916.75 1.666 1.667 1.666h13.333c.917 0 1.667-.75 1.667-1.666zm-1.667 0-6.667 4.158-6.666-4.158zm0 10H3.335V6.665L10 10.832l6.667-4.167z"})))}},9825:(e,t,r)=>{r.d(t,{A:()=>s});var a,n,i=r(9155);function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},_extends.apply(null,arguments)}const s=function SvgOrders(e){return i.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",width:20,height:20,fill:"none"},e),i.createElement("mask",{id:"orders_svg__a",width:20,height:20,x:0,y:0,maskUnits:"userSpaceOnUse",style:{maskType:"alpha"}},a||(a=i.createElement("path",{fill:"#D9D9D9",d:"M0 0h20v20H0z"}))),n||(n=i.createElement("g",{mask:"url(#orders_svg__a)"},i.createElement("path",{fill:"#4D4D4E",d:"M4.418 17.918q-.625 0-1.063-.437a1.45 1.45 0 0 1-.437-1.063v-9.5q0-.625.437-1.063a1.45 1.45 0 0 1 1.063-.437h1.833q0-1.562 1.094-2.657Q8.44 1.668 10 1.668q1.563 0 2.657 1.093 1.093 1.094 1.093 2.657h1.834q.624 0 1.062.437.438.438.438 1.063v9.5q0 .625-.438 1.063a1.45 1.45 0 0 1-1.062.437zm0-1.25h11.167q.082 0 .166-.083.084-.084.084-.167v-9.5q0-.083-.084-.167-.082-.083-.166-.083H4.418q-.083 0-.167.083-.083.084-.083.167v9.5q0 .084.083.167t.167.083m5.583-5.417q1.563 0 2.657-1.093 1.093-1.094 1.093-2.657h-1.25q0 1.042-.729 1.771a2.4 2.4 0 0 1-1.77.73 2.4 2.4 0 0 1-1.772-.73 2.4 2.4 0 0 1-.729-1.77h-1.25q0 1.562 1.094 2.656Q8.44 11.251 10 11.251m-2.5-5.833h5q0-1.042-.729-1.77a2.4 2.4 0 0 0-1.77-.73 2.4 2.4 0 0 0-1.772.73 2.4 2.4 0 0 0-.729 1.77"}))))}},3899:(e,t,r)=>{r.d(t,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var a=r(9155),n=r.n(a),i=r(7773),s=r.n(i),l=r(4429);const __WEBPACK_DEFAULT_EXPORT__=e=>{let{htmlContent:t,customClass:r,showDots:i=!1}=e;const[o,_]=(0,a.useState)(t);return(0,a.useEffect)((()=>{t&&i&&_((e=>String(t).concat("...")))}),[t]),n().createElement("div",{className:r},(0,l.Wx)()?s()(o):null)}},8405:(e,t,r)=>{r.d(t,{default:()=>o});var a=r(9155),n=r.n(a),i=r(4429);const s=["original","30x0","44x0","66x0","50x0","75x0","60x60","90x90","100x0","130x200","135x0","270x0","360x0","500x0","400x0","540x0","720x0","312x480","resize-(w|h)?:[0-9]+(,)?(w|h)*(:)?[0-9]*"];function searchStringInArray(e,t){for(let r=0;r<t.length;r++)if(e?.match(new RegExp(`/${t[r]}/`)))return t[r];return""}const l=(0,a.forwardRef)(((e,t)=>{let{backgroundColor:r="#ffffff",src:l="",placeholder:o="",alt:_="",isImageFill:c=!1,isFixedAspectRatio:u=!0,aspectRatio:d=1,mobileAspectRatio:m,showOverlay:f=!1,overlayColor:p="#ffffff",sources:g=[{breakpoint:{min:780},width:1280},{breakpoint:{min:600},width:1100},{breakpoint:{min:480},width:1200},{breakpoint:{min:361},width:900},{breakpoint:{max:360},width:640}],customClass:h,globalConfig:b,defer:v=!0,overlayCustomClass:w,onLoad:y=(()=>{})}=e;const[x,z]=(0,a.useState)(!1),E={"--aspect-ratio-desktop":`${d}`,"--aspect-ratio-mobile":`${m||d}`,"--bg-color":`${b?.img_container_bg||r}`,"--overlay-bgcolor":p},k=(0,a.useMemo)((()=>!l.match(/\.(svg|gif)$/i)),[l]),getMedia=e=>{if(e.breakpoint){const t=e.breakpoint.min&&`(min-width: ${e.breakpoint.min}px)`||"",r=e.breakpoint.max&&`(max-width: ${e.breakpoint.max}px)`||"";return t&&r?`${t} and ${r}`:t||r}return""},getUrl=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:l;x&&(t=o);const r=searchStringInArray(t,s);return r?(0,i.ay)(t,r,e):(0,i.ay)(t,void 0,void 0)};return n().createElement("div",{className:`fy-image__imageWrapper___wKmP2 ${c?"fy-image__fill___rFWVY":""}\n      ${u?"fy-image__fixedAspRatio___fyXGS":""} ${h}`,style:E},f&&n().createElement("div",{className:`fy-image__overlay___Dx1Ju ${w}`}),n().createElement("picture",null,(k?g?.map((e=>(e.media=getMedia(e),e.srcset=getUrl(e.width,e.url),e))):[]).map(((e,t)=>n().createElement("source",{key:t,media:e.media,srcSet:e.srcset,type:"image/webp"}))),n().createElement("img",{className:"fx-image fy-image__fyImg___yIv86 fy-image__firefoxAltFix___hSfDR",srcSet:(()=>{let e=l;if(!k)return"";x&&(e=o);const t=searchStringInArray(e,s);return g.reduce(((r,a)=>{let n=e;return t&&a?.width&&(n=(0,i.ay)(e,t,a.width),r.push(`${n} ${a.width}w`)),r}),[]).join(", ")})(),src:(()=>{if(!k)return l;searchStringInArray(l,s);return x?o:(0,i.ay)(l,void 0,void 0)})(),alt:"",title:_,"aria-label":"Product image",onError:()=>{z(!0)},onLoad:e=>{e.target.alt=_,y(e)},loading:v?"lazy":"eager",fetchpriority:v?"low":"high",ref:t,"data-alt":_})))}));l.propTypes={};const o=l},8744:(e,t,r)=>{r.d(t,{default:()=>_});var a=r(9155),n=r.n(a),i="modal__modalContainer___BoKU8",s=r(8618),l=r(1030),o=r(4429);const _=function Modal(e){let{isOpen:t,isCancellable:r=!0,childHandleFocus:_=!1,hideHeader:c=!1,modalType:u="",closeDialog:d=(()=>{}),children:m,title:f,titleClassName:p,subTitle:g,subTitleClassName:h,headerClassName:b,bodyClassName:v,containerClassName:w,ignoreClickOutsideForClass:y,customClassName:x,notCloseOnclickOutside:z}=e;const E=(0,a.useRef)(null),k=(0,a.useRef)(null);(0,s.useMobile)(),(0,a.useEffect)((()=>{t&&!_&&E.current&&E.current.focus()}),[t,_]),(0,a.useEffect)((()=>{if(!(0,o.Wx)())return;const e=document.querySelectorAll(`.${i}`);return t?document.body.style.overflow="hidden":e.length<1&&(document.body.style.overflow="unset"),()=>{document.querySelectorAll(`.${i}`).length<1&&(document.body.style.overflow="unset")}}),[t]);const N=(0,a.useMemo)((()=>`modal__modalHeader___xKo1g ${b??""}`),[b]),$=(0,a.useMemo)((()=>`modal__modalTitle___yvZQo ${p??""}`),[p]),q=(0,a.useMemo)((()=>`modal__modalSubTitle___Jr61k ${h??""}`),[h]),C=(0,a.useMemo)((()=>`${i} ${""===u?"modal__modalContainer--borders____AGZf":""} ${w??""}`),[w]),O=(0,a.useMemo)((()=>`modal__modalBody___peHlJ ${v??""}`),[v]);return n().createElement(n().Fragment,null,t&&n().createElement("div",{className:`modal__modal___xT3RX ${"right-modal"===u?"modal__rightModal___acoje":""} ${"center-modal"===u?"modal__centerModal___CkbLu":""} ${x??""}`,ref:E,onClick:e=>{z||!r||!k.current||k.current.contains(e.target)||y&&(e.target.className.includes(y)||e.target.parentElement?.className.includes(y))||d(e)}},n().createElement("div",{className:C,ref:k},!c&&n().createElement("div",{className:N},n().createElement("div",null,n().createElement("div",{className:$},f),g&&n().createElement("div",{className:q},g)),n().createElement("div",{className:"modal__crossIcon___ieJau",onClick:d},n().createElement(l.A,null))),n().createElement("div",{className:O},m))))}},266:(e,t,r)=>{var a=r(9825),n=r(7962),i=r(7010),s=r(4814);a.A,n.A,i.A,s.A},8618:(e,t,r)=>{r.d(t,{useMobile:()=>useMobile});var a=r(9155),n=r(4429);const useMobile=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:768;const[t,r]=(0,a.useState)(!1);return(0,a.useEffect)((()=>{if(!(0,n.Wx)())return;const handleResize=()=>{"undefined"!=typeof window&&r(window?.innerWidth<=e)};return handleResize(),window?.addEventListener("resize",handleResize),()=>{window?.removeEventListener("resize",handleResize)}}),[e]),t}},4429:(e,t,r)=>{r.d(t,{Wx:()=>isRunningOnClient,ay:()=>transformImage});r(266);function isRunningOnClient(){return"undefined"!=typeof window&&globalThis===window}const transformImage=(e,t,r)=>{Math.min(Math.max(Math.round(isRunningOnClient()&&window.devicePixelRatio||1),1),5);let a=e;if(t&&r){const n=`/${t}/`;a=e.replace(new RegExp(n),`/resize-w:${r}/`)}try{const e=new URL(a);return e.searchParams.append("dpr",1),e.toString()}catch(e){return a}}},7438:t=>{t.exports=e},447:e=>{e.exports=t},7773:e=>{e.exports=r},9155:e=>{e.exports=a}},i={};function __webpack_require__(e){var t=i[e];if(void 0!==t)return t.exports;var r=i[e]={exports:{}};return n[e](r,r.exports,__webpack_require__),r.exports}__webpack_require__.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return __webpack_require__.d(t,{a:t}),t},__webpack_require__.d=(e,t)=>{for(var r in t)__webpack_require__.o(t,r)&&!__webpack_require__.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var s={};return(()=>{__webpack_require__.r(s),__webpack_require__.d(s,{default:()=>A});var e={};__webpack_require__.r(e),__webpack_require__.d(e,{vu:()=>n,b2:()=>i,Gr:()=>l,e5:()=>o,vE:()=>_,h5:()=>c,jA:()=>u,Fc:()=>d,gE:()=>m,Ib:()=>f,PU:()=>p,aN:()=>g,I9:()=>h,jy:()=>b,Jo:()=>v,Ju:()=>w,UZ:()=>y,Yz:()=>x,ym:()=>z,yG:()=>E,Mf:()=>k,S:()=>N,Bj:()=>$,xi:()=>q,qM:()=>C});var t=__webpack_require__(9155),r=__webpack_require__.n(t),a=__webpack_require__(7438),n="size-guide__active___fCFZK",i="size-guide__b2___FWEje",l="size-guide__btnContainer___MrABQ",o="size-guide__btnGroup___wPXct",_="size-guide__contactUs___Pxyu8",c="size-guide__h5___Tvj6K",u="size-guide__leftContainer___I8GLC",d="size-guide__notAvailable___Glybj",m="size-guide__paddingTopUnset___NwURx",f="size-guide__rightContainer___pxUQC",p="size-guide__sidebarBody___JRYlv",g="size-guide__sidebarHeader___uDotT",h="size-guide__sizeCell___dnrbd",b="size-guide__sizeContainer___EDqdR",v="size-guide__sizeDesc___aoeaO",w="size-guide__sizeHeader___FaUhI",y="size-guide__sizeInfo___rJwtj",x="size-guide__sizeRow___wxDRV",z="size-guide__sizeTable___z4s0f",E="size-guide__sizeTabs___zvaSu",k="size-guide__tab___HBjSu",N="size-guide__tabMeasure___OVXNX",$="size-guide__tabSizeGuide___wjsav",q="size-guide__unitBtn____SwNz",C="size-guide__unitBtnSelected___pi0ab",O=__webpack_require__(8405),S=__webpack_require__(3899),j=__webpack_require__(447),M=__webpack_require__(8744);const A=function SizeGuide(s){let{isOpen:A,productMeta:D,onCloseDialog:R}=s;const{t:F}=(0,j.useGlobalTranslation)("translation"),[H,P]=(0,t.useState)("cm"),[T,B]=(0,t.useState)("cm"),[I,L]=(0,t.useState)("size_guide"),[U,G]=(0,t.useState)(!1),J={in:F("resource.common.inch"),cm:F("resource.common.cm")},W=Object.entries(D?.size_chart?.headers??{}).filter((e=>{let[t,r]=e;return!t?.includes("__")&&null!==r}));(0,t.useEffect)((()=>{D?.size_chart?.unit&&(P(D?.size_chart.unit),B(D?.size_chart.unit))}),[D]);const isSizeChartAvailable=()=>{const e=D?.size_chart?.headers||{};return Object.keys(e).length>0},K=(0,t.useMemo)((()=>{let e="none";return"measure"===I&&(e="block"),e}),[I]);return r().createElement(r().Fragment,null,A&&r().createElement(M.default,{modalType:"right-modal",isOpen:A,title:"",closeDialog:e=>{R(e),L("size_guide")},headerClassName:g,bodyClassName:b},r().createElement("div",null,r().createElement("div",{className:E},r().createElement("button",{type:"button",className:`${i} ${k} ${$} ${"size_guide"===I?n:""}`,onClick:()=>L("size_guide")},F("resource.product.size_guide_lower")),r().createElement("button",{type:"button",className:`${i} ${k} ${N} ${"measure"===I?n:""}`,onClick:()=>L("measure")},F("resource.product.how_to_measure"))),r().createElement("div",{className:p},r().createElement("div",{className:`${u} ${D?.size_chart?.image?"":e.cstLw} ${isSizeChartAvailable()?"":m}`,style:{display:"size_guide"===I?"block":"none"}},(isSizeChartAvailable()||D?.size_chart?.title)&&r().createElement("div",{className:o},D?.size_chart?.title&&r().createElement("h4",{className:"h4 fontHeader",style:{marginBottom:"16px"}},D?.size_chart?.title),r().createElement("div",{className:l},isSizeChartAvailable()&&Object.entries(J)?.map((t=>{let[a,n]=t;return r().createElement("button",{key:a,type:"button",onClick:()=>{(e=>{P(e),G(T!==e)})(a)},className:`${c} ${q} ${e.fontBody} ${H===a?C:""}`},n)})))),D?.size_chart&&D?.size_chart?.description&&r().createElement("div",{className:v},r().createElement(S.default,{htmlContent:D?.size_chart?.description})),isSizeChartAvailable()&&r().createElement("div",{className:y},r().createElement("table",{className:z},r().createElement("thead",null,r().createElement("tr",null,W?.map((e=>{let[t,a]=e;return null!==a&&r().createElement("th",{key:`column${t}`,className:`${i} ${w}`},a?.value)})))),r().createElement("tbody",null,D?.size_chart?.sizes?.map(((t,a)=>r().createElement("tr",{key:`row_${a}`,className:x},Object.entries(t).filter((e=>{let[t,r]=e;return!t?.includes("__")&&null!==r}))?.map(((t,a)=>{let[n,i]=t;return r().createElement("td",{key:`cell_${n}`,className:`${e.captionNormal} ${h}`},W[a][1]?.convertable?(e=>{if("cm"===H&&U){let t="";e=e.split("-");for(let r=0;r<e.length;r+=1)0!==r&&r<e.length&&(t+="-"),Number.isNaN(Number(e[r]))?t+=e[r]:t+=(2.54*Number(e[r])).toFixed(1);return t}if("in"===H&&U){let t="";e=e.split("-");for(let r=0;r<e.length;r+=1)0!==r&&r<e.length&&(t+="-"),Number.isNaN(Number(e[r]))?t+=e[r]:t+=(Number(e[r])/2.54).toFixed(1);return t}return e})(i):i)})))))))),!isSizeChartAvailable()&&r().createElement("div",{className:d},r().createElement("h3",{className:`${e.fontHeader} fontHeader`},F("resource.common.size_not_available_info_heading")),r().createElement("p",{className:"fontBody"}," ",F("resource.common.size_not_available_info_description")),r().createElement(a.FDKLink,{to:"/contact-us",target:"_blank"},r().createElement("button",{type:"button",className:`${_} ${e.btnPrimary} ${e.fontBody}`},F("resource.common.contact_us_caps"))))),r().createElement("div",{className:`${f}`,style:{display:K}},D&&D.size_chart&&D.size_chart.image&&r().createElement("div",{className:e.sizeGuideImage},r().createElement(O.default,{src:D.size_chart.image,alt:D.size_chart.title,sources:[{width:500}],aspectRatio:"0.8",mobileAspectRatio:"0.8"})),!D||!D.size_chart||!D.size_chart.image&&r().createElement("div",{className:d},r().createElement("h3",{className:`${e.fontHeader} fontHeader`},F("resource.common.size_measure_not_available_info_heading")),r().createElement("p",{className:`${e.fontBody} fontBody`}," ",F("resource.common.size_measure_not_available_info_description")),r().createElement(a.FDKLink,{to:"/contact-us",target:"_blank"},r().createElement("button",{type:"button",className:`${_} ${e.btnPrimary} ${e.fontBody}`},F("resource.common.contact_us_caps")))))))))}})(),s})()));