@gofynd/theme-template 3.2.33 → 3.2.34

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)}(Object("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),o=r(4429);const __WEBPACK_DEFAULT_EXPORT__=({htmlContent:e,customClass:t,showDots:r=!1})=>{const[i,l]=(0,a.useState)(e);return(0,a.useEffect)(()=>{e&&r&&l(t=>String(e).concat("..."))},[e]),n().createElement("div",{className:t},(0,o.Wx)()?s()(i):null)}},8405(e,t,r){r.d(t,{default:()=>_});var a=r(9155),n=r.n(a),i=r(4429),s=r(266);const o=["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)(({backgroundColor:e="#ffffff",src:t="",placeholder:r="",alt:l="",isImageFill:_=!1,isFixedAspectRatio:c=!0,aspectRatio:u=1,mobileAspectRatio:d,showOverlay:m=!1,overlayColor:f="#ffffff",sources:p=s.Q6,customClass:g,globalConfig:h,defer:b=!0,overlayCustomClass:v,onLoad:w=()=>{}},y)=>{const[x,z]=(0,a.useState)(!1),E=h?.img_container_bg||e,k={"--aspect-ratio-desktop":`${u}`,"--aspect-ratio-mobile":`${d||u}`,...E&&"string"==typeof E&&E.trim()?{"--bg-color":`${E}`}:{},"--overlay-bgcolor":f},N=(0,a.useMemo)(()=>!t.match(/\.(svg|gif)$/i),[t]),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=(e,a=t)=>{x&&(a=r);const n=searchStringInArray(a,o);return n?(0,i.ay)(a,n,e):(0,i.ay)(a,void 0,void 0)};return n().createElement("div",{className:`fy-image__imageWrapper___wKmP2 ${_?"fy-image__fill___rFWVY":"fy-image__contain___nRgq8"}\n      ${c?"fy-image__fixedAspRatio___fyXGS":""} ${g}`,style:k},m&&n().createElement("div",{className:`fy-image__overlay___Dx1Ju ${v}`}),n().createElement("picture",null,(N?p?.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=t;if(!N)return"";x&&(e=r);const a=searchStringInArray(e,o);return p.reduce((t,r)=>{let n=e;return a&&r?.width&&(n=(0,i.ay)(e,a,r.width),t.push(`${n} ${r.width}w`)),t},[]).join(", ")})(),src:(()=>{if(!N)return t;searchStringInArray(t,o);return x?r:(0,i.ay)(t,void 0,void 0)})(),alt:"",title:l,"aria-label":"Product image",onError:()=>{z(!0)},onLoad:e=>{e.target.alt=l,w(e)},loading:b?"lazy":"eager",fetchpriority:b?"low":"high",ref:y,"data-alt":l})))});l.propTypes={};const _=l},8744(e,t,r){r.d(t,{default:()=>_});var a=r(9155),n=r.n(a),i="modal__modalContainer___BoKU8",s=r(8618),o=r(1030),l=r(4429);const _=function Modal({isOpen:e,isCancellable:t=!0,childHandleFocus:r=!1,hideHeader:_=!1,modalType:c="",closeDialog:u=()=>{},children:d,title:m,titleClassName:f,subTitle:p,subTitleClassName:g,headerClassName:h,bodyClassName:b,containerClassName:v,ignoreClickOutsideForClass:w,customClassName:y,notCloseOnclickOutside:x}){const z=(0,a.useRef)(null),E=(0,a.useRef)(null);(0,s.useMobile)(),(0,a.useEffect)(()=>{e&&!r&&z.current&&z.current.focus()},[e,r]),(0,a.useEffect)(()=>{if(!(0,l.Wx)())return;const t=document.querySelectorAll(`.${i}`);return e?document.body.style.overflow="hidden":t.length<1&&(document.body.style.overflow="unset"),()=>{document.querySelectorAll(`.${i}`).length<1&&(document.body.style.overflow="unset")}},[e]);const k=(0,a.useMemo)(()=>`modal__modalHeader___xKo1g ${h??""}`,[h]),N=(0,a.useMemo)(()=>`modal__modalTitle___yvZQo ${f??""}`,[f]),$=(0,a.useMemo)(()=>`modal__modalSubTitle___Jr61k ${g??""}`,[g]),q=(0,a.useMemo)(()=>`${i} ${""===c?"modal__modalContainer--borders____AGZf":""} ${v??""}`,[v]),C=(0,a.useMemo)(()=>`modal__modalBody___peHlJ ${b??""}`,[b]);return n().createElement(n().Fragment,null,e&&n().createElement("div",{className:`modal__modal___xT3RX ${"right-modal"===c?"modal__rightModal___acoje":""} ${"center-modal"===c?"modal__centerModal___CkbLu":""} ${y??""}`,ref:z,onClick:e=>{x||!t||!E.current||E.current.contains(e.target)||w&&(e.target.className.includes(w)||e.target.parentElement?.className.includes(w))||u(e)}},n().createElement("div",{className:q,ref:E},!_&&n().createElement("div",{className:k},n().createElement("div",null,n().createElement("div",{className:N},m),p&&n().createElement("div",{className:$},p)),n().createElement("div",{className:"modal__crossIcon___ieJau",onClick:u},n().createElement(o.A,null))),n().createElement("div",{className:C},d))))}},266(e,t,r){r.d(t,{Q6:()=>l,Zi:()=>o});var a=r(9825),n=r(7962),i=r(7010),s=r(4814);a.A,n.A,i.A,s.A;const o={MAX_DPR:2.5},l=[{breakpoint:{min:1440},width:1920},{breakpoint:{min:1024},width:1600},{breakpoint:{min:768},width:1200},{breakpoint:{min:640},width:1e3},{breakpoint:{min:480},width:800},{breakpoint:{min:360},width:640},{breakpoint:{max:359},width:540}]},8618(e,t,r){r.d(t,{useMobile:()=>useMobile});var a=r(9155),n=r(4429);const useMobile=(e=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});var a=r(266);function isRunningOnClient(){return"undefined"!=typeof window&&globalThis===window}const transformImage=(e,t,r)=>{const n=isRunningOnClient()&&window.devicePixelRatio||1,i=Math.min(Math.max(Math.round(n),1),a.Zi.MAX_DPR);let s=e;if(t&&r){const a=`/${t}/`;s=e.replace(new RegExp(a),`/resize-w:${r}/`)}try{const e=new URL(s);return e.searchParams.set("dpr",i),e.toString()}catch(e){return s}}},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={};__webpack_require__.r(s),__webpack_require__.d(s,{default:()=>T});var o={};__webpack_require__.r(o),__webpack_require__.d(o,{vu:()=>u,b2:()=>d,Gr:()=>m,e5:()=>f,vE:()=>p,h5:()=>g,jA:()=>h,Fc:()=>b,gE:()=>v,Ib:()=>w,PU:()=>y,aN:()=>x,I9:()=>z,jy:()=>E,Jo:()=>k,Ju:()=>N,UZ:()=>$,Yz:()=>q,ym:()=>C,yG:()=>O,Mf:()=>S,S:()=>j,Bj:()=>M,xi:()=>A,qM:()=>D});var l=__webpack_require__(9155),_=__webpack_require__.n(l),c=__webpack_require__(7438),u="size-guide__active___fCFZK",d="size-guide__b2___FWEje",m="size-guide__btnContainer___MrABQ",f="size-guide__btnGroup___wPXct",p="size-guide__contactUs___Pxyu8",g="size-guide__h5___Tvj6K",h="size-guide__leftContainer___I8GLC",b="size-guide__notAvailable___Glybj",v="size-guide__paddingTopUnset___NwURx",w="size-guide__rightContainer___pxUQC",y="size-guide__sidebarBody___JRYlv",x="size-guide__sidebarHeader___uDotT",z="size-guide__sizeCell___dnrbd",E="size-guide__sizeContainer___EDqdR",k="size-guide__sizeDesc___aoeaO",N="size-guide__sizeHeader___FaUhI",$="size-guide__sizeInfo___rJwtj",q="size-guide__sizeRow___wxDRV",C="size-guide__sizeTable___z4s0f",O="size-guide__sizeTabs___zvaSu",S="size-guide__tab___HBjSu",j="size-guide__tabMeasure___OVXNX",M="size-guide__tabSizeGuide___wjsav",A="size-guide__unitBtn____SwNz",D="size-guide__unitBtnSelected___pi0ab",R=__webpack_require__(8405),P=__webpack_require__(3899),F=__webpack_require__(447),H=__webpack_require__(8744);const T=function SizeGuide({isOpen:e,productMeta:t,onCloseDialog:r}){const{t:a}=(0,F.useGlobalTranslation)("translation"),[n,i]=(0,l.useState)("cm"),[s,T]=(0,l.useState)("cm"),[B,I]=(0,l.useState)("size_guide"),[L,U]=(0,l.useState)(!1),G={in:a("resource.common.inch"),cm:a("resource.common.cm")},J=Object.entries(t?.size_chart?.headers??{}).filter(([e,t])=>!e?.includes("__")&&null!==t);(0,l.useEffect)(()=>{t?.size_chart?.unit&&(i(t?.size_chart.unit),T(t?.size_chart.unit))},[t]);const isSizeChartAvailable=()=>{const e=t?.size_chart?.headers||{};return Object.keys(e).length>0},W=(0,l.useMemo)(()=>{let e="none";return"measure"===B&&(e="block"),e},[B]);return _().createElement(_().Fragment,null,e&&_().createElement(H.default,{modalType:"right-modal",isOpen:e,title:"",closeDialog:e=>{r(e),I("size_guide")},headerClassName:x,bodyClassName:E},_().createElement("div",null,_().createElement("div",{className:O},_().createElement("button",{type:"button",className:`${d} ${S} ${M} ${"size_guide"===B?u:""}`,onClick:()=>I("size_guide")},a("resource.product.size_guide_lower")),_().createElement("button",{type:"button",className:`${d} ${S} ${j} ${"measure"===B?u:""}`,onClick:()=>I("measure")},a("resource.product.how_to_measure"))),_().createElement("div",{className:y},_().createElement("div",{className:`${h} ${t?.size_chart?.image?"":o.cstLw} ${isSizeChartAvailable()?"":v}`,style:{display:"size_guide"===B?"block":"none"}},(isSizeChartAvailable()||t?.size_chart?.title)&&_().createElement("div",{className:f},t?.size_chart?.title&&_().createElement("h4",{className:"h4 fontHeader",style:{marginBottom:"16px"}},t?.size_chart?.title),_().createElement("div",{className:m},isSizeChartAvailable()&&Object.entries(G)?.map(([e,t])=>_().createElement("button",{key:e,type:"button",onClick:()=>{(e=>{i(e),U(s!==e)})(e)},className:`${g} ${A} ${o.fontBody} ${n===e?D:""}`},t)))),t?.size_chart&&t?.size_chart?.description&&_().createElement("div",{className:k},_().createElement(P.default,{htmlContent:t?.size_chart?.description})),isSizeChartAvailable()&&_().createElement("div",{className:$},_().createElement("table",{className:C},_().createElement("thead",null,_().createElement("tr",null,J?.map(([e,t])=>null!==t&&_().createElement("th",{key:`column${e}`,className:`${d} ${N}`},t?.value)))),_().createElement("tbody",null,t?.size_chart?.sizes?.map((e,t)=>_().createElement("tr",{key:`row_${t}`,className:q},Object.entries(e).filter(([e,t])=>!e?.includes("__")&&null!==t)?.map(([e,t],r)=>_().createElement("td",{key:`cell_${e}`,className:`${o.captionNormal} ${z}`},J[r][1]?.convertable?(e=>{if("cm"===n&&L){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"===n&&L){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})(t):t))))))),!isSizeChartAvailable()&&_().createElement("div",{className:b},_().createElement("h3",{className:`${o.fontHeader} fontHeader`},a("resource.common.size_not_available_info_heading")),_().createElement("p",{className:"fontBody"}," ",a("resource.common.size_not_available_info_description")),_().createElement(c.FDKLink,{to:"/contact-us",target:"_blank"},_().createElement("button",{type:"button",className:`${p} ${o.btnPrimary} ${o.fontBody}`},a("resource.common.contact_us_caps"))))),_().createElement("div",{className:`${w}`,style:{display:W}},t&&t.size_chart&&t.size_chart.image&&_().createElement("div",{className:o.sizeGuideImage},_().createElement(R.default,{src:t.size_chart.image,alt:t.size_chart.title,sources:[{width:500}],aspectRatio:"0.8",mobileAspectRatio:"0.8"})),!t||!t.size_chart||!t.size_chart.image&&_().createElement("div",{className:b},_().createElement("h3",{className:`${o.fontHeader} fontHeader`},a("resource.common.size_measure_not_available_info_heading")),_().createElement("p",{className:`${o.fontBody} fontBody`}," ",a("resource.common.size_measure_not_available_info_description")),_().createElement(c.FDKLink,{to:"/contact-us",target:"_blank"},_().createElement("button",{type:"button",className:`${p} ${o.btnPrimary} ${o.fontBody}`},a("resource.common.contact_us_caps")))))))))};return 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)}(Object("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__=({htmlContent:e,customClass:t,showDots:r=!1})=>{const[i,o]=(0,a.useState)(e);return(0,a.useEffect)(()=>{e&&r&&o(t=>String(e).concat("..."))},[e]),n().createElement("div",{className:t},(0,l.Wx)()?s()(i):null)}},8405(e,t,r){r.d(t,{default:()=>_});var a=r(9155),n=r.n(a),i=r(4429),s=r(266);const l=["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 o=(0,a.forwardRef)(({backgroundColor:e="#ffffff",src:t="",placeholder:r="",alt:o="",isImageFill:_=!1,isFixedAspectRatio:c=!0,aspectRatio:u=1,mobileAspectRatio:d,showOverlay:m=!1,overlayColor:f="#ffffff",sources:p=s.Q6,customClass:g,globalConfig:h,defer:b=!0,overlayCustomClass:v,onLoad:w=()=>{}},y)=>{const[z,E]=(0,a.useState)(!1),x=h?.img_container_bg||e,k={"--aspect-ratio-desktop":`${u}`,"--aspect-ratio-mobile":`${d||u}`,...x&&"string"==typeof x&&x.trim()?{"--bg-color":`${x}`}:{},"--overlay-bgcolor":f},N=(0,a.useMemo)(()=>!t.match(/\.(svg|gif)$/i),[t]),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=(e,a=t)=>{z&&(a=r);const n=searchStringInArray(a,l);return n?(0,i.ay)(a,n,e):(0,i.ay)(a,void 0,void 0)};return n().createElement("div",{className:`fy-image__imageWrapper___wKmP2 ${_?"fy-image__fill___rFWVY":"fy-image__contain___nRgq8"}\n      ${c?"fy-image__fixedAspRatio___fyXGS":""} ${g}`,style:k},m&&n().createElement("div",{className:`fy-image__overlay___Dx1Ju ${v}`}),n().createElement("picture",null,(N?p?.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=t;if(!N)return"";z&&(e=r);const a=searchStringInArray(e,l);return p.reduce((t,r)=>{let n=e;return a&&r?.width&&(n=(0,i.ay)(e,a,r.width),t.push(`${n} ${r.width}w`)),t},[]).join(", ")})(),src:(()=>{if(!N)return t;searchStringInArray(t,l);return z?r:(0,i.ay)(t,void 0,void 0)})(),alt:"",title:o,"aria-label":"Product image",onError:()=>{E(!0)},onLoad:e=>{e.target.alt=o,w(e)},loading:b?"lazy":"eager",fetchpriority:b?"low":"high",ref:y,"data-alt":o})))});o.propTypes={};const _=o},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({isOpen:e,isCancellable:t=!0,childHandleFocus:r=!1,hideHeader:_=!1,modalType:c="",closeDialog:u=()=>{},children:d,title:m,titleClassName:f,subTitle:p,subTitleClassName:g,headerClassName:h,bodyClassName:b,containerClassName:v,ignoreClickOutsideForClass:w,customClassName:y,notCloseOnclickOutside:z}){const E=(0,a.useRef)(null),x=(0,a.useRef)(null);(0,s.useMobile)(),(0,a.useEffect)(()=>{e&&!r&&E.current&&E.current.focus()},[e,r]),(0,a.useEffect)(()=>{if(!(0,o.Wx)())return;const t=document.querySelectorAll(`.${i}`);return e?document.body.style.overflow="hidden":t.length<1&&(document.body.style.overflow="unset"),()=>{document.querySelectorAll(`.${i}`).length<1&&(document.body.style.overflow="unset")}},[e]);const k=(0,a.useMemo)(()=>`modal__modalHeader___xKo1g ${h??""}`,[h]),N=(0,a.useMemo)(()=>`modal__modalTitle___yvZQo ${f??""}`,[f]),$=(0,a.useMemo)(()=>`modal__modalSubTitle___Jr61k ${g??""}`,[g]),q=(0,a.useMemo)(()=>`${i} ${""===c?"modal__modalContainer--borders____AGZf":""} ${v??""}`,[v]),C=(0,a.useMemo)(()=>`modal__modalBody___peHlJ ${b??""}`,[b]);return n().createElement(n().Fragment,null,e&&n().createElement("div",{className:`modal__modal___xT3RX ${"right-modal"===c?"modal__rightModal___acoje":""} ${"center-modal"===c?"modal__centerModal___CkbLu":""} ${y??""}`,ref:E,onClick:e=>{z||!t||!x.current||x.current.contains(e.target)||w&&(e.target.className.includes(w)||e.target.parentElement?.className.includes(w))||u(e)}},n().createElement("div",{className:q,ref:x},!_&&n().createElement("div",{className:k},n().createElement("div",null,n().createElement("div",{className:N},m),p&&n().createElement("div",{className:$},p)),n().createElement("div",{className:"modal__crossIcon___ieJau",onClick:u},n().createElement(l.A,null))),n().createElement("div",{className:C},d))))}},266(e,t,r){r.d(t,{Q6:()=>l});var a=r(9825),n=r(7962),i=r(7010),s=r(4814);a.A,n.A,i.A,s.A;const l=[{breakpoint:{min:1440},width:1920},{breakpoint:{min:1024},width:1600},{breakpoint:{min:768},width:1200},{breakpoint:{min:640},width:1e3},{breakpoint:{min:480},width:800},{breakpoint:{min:360},width:640},{breakpoint:{max:359},width:540}]},8618(e,t,r){r.d(t,{useMobile:()=>useMobile});var a=r(9155),n=r(4429);const useMobile=(e=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)=>{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.set("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={};__webpack_require__.r(s),__webpack_require__.d(s,{default:()=>P});var l={};__webpack_require__.r(l),__webpack_require__.d(l,{vu:()=>u,b2:()=>d,Gr:()=>m,e5:()=>f,vE:()=>p,h5:()=>g,jA:()=>h,Fc:()=>b,gE:()=>v,Ib:()=>w,PU:()=>y,aN:()=>z,I9:()=>E,jy:()=>x,Jo:()=>k,Ju:()=>N,UZ:()=>$,Yz:()=>q,ym:()=>C,yG:()=>O,Mf:()=>S,S:()=>j,Bj:()=>A,xi:()=>M,qM:()=>D});var o=__webpack_require__(9155),_=__webpack_require__.n(o),c=__webpack_require__(7438),u="size-guide__active___fCFZK",d="size-guide__b2___FWEje",m="size-guide__btnContainer___MrABQ",f="size-guide__btnGroup___wPXct",p="size-guide__contactUs___Pxyu8",g="size-guide__h5___Tvj6K",h="size-guide__leftContainer___I8GLC",b="size-guide__notAvailable___Glybj",v="size-guide__paddingTopUnset___NwURx",w="size-guide__rightContainer___pxUQC",y="size-guide__sidebarBody___JRYlv",z="size-guide__sidebarHeader___uDotT",E="size-guide__sizeCell___dnrbd",x="size-guide__sizeContainer___EDqdR",k="size-guide__sizeDesc___aoeaO",N="size-guide__sizeHeader___FaUhI",$="size-guide__sizeInfo___rJwtj",q="size-guide__sizeRow___wxDRV",C="size-guide__sizeTable___z4s0f",O="size-guide__sizeTabs___zvaSu",S="size-guide__tab___HBjSu",j="size-guide__tabMeasure___OVXNX",A="size-guide__tabSizeGuide___wjsav",M="size-guide__unitBtn____SwNz",D="size-guide__unitBtnSelected___pi0ab",R=__webpack_require__(8405),F=__webpack_require__(3899),H=__webpack_require__(447),T=__webpack_require__(8744);const P=function SizeGuide({isOpen:e,productMeta:t,onCloseDialog:r}){const{t:a}=(0,H.useGlobalTranslation)("translation"),[n,i]=(0,o.useState)("cm"),[s,P]=(0,o.useState)("cm"),[B,I]=(0,o.useState)("size_guide"),[L,U]=(0,o.useState)(!1),G={in:a("resource.common.inch"),cm:a("resource.common.cm")},J=Object.entries(t?.size_chart?.headers??{}).filter(([e,t])=>!e?.includes("__")&&null!==t);(0,o.useEffect)(()=>{t?.size_chart?.unit&&(i(t?.size_chart.unit),P(t?.size_chart.unit))},[t]);const isSizeChartAvailable=()=>{const e=t?.size_chart?.headers||{};return Object.keys(e).length>0},W=(0,o.useMemo)(()=>{let e="none";return"measure"===B&&(e="block"),e},[B]);return _().createElement(_().Fragment,null,e&&_().createElement(T.default,{modalType:"right-modal",isOpen:e,title:"",closeDialog:e=>{r(e),I("size_guide")},headerClassName:z,bodyClassName:x},_().createElement("div",null,_().createElement("div",{className:O},_().createElement("button",{type:"button",className:`${d} ${S} ${A} ${"size_guide"===B?u:""}`,onClick:()=>I("size_guide")},a("resource.product.size_guide_lower")),_().createElement("button",{type:"button",className:`${d} ${S} ${j} ${"measure"===B?u:""}`,onClick:()=>I("measure")},a("resource.product.how_to_measure"))),_().createElement("div",{className:y},_().createElement("div",{className:`${h} ${t?.size_chart?.image?"":l.cstLw} ${isSizeChartAvailable()?"":v}`,style:{display:"size_guide"===B?"block":"none"}},(isSizeChartAvailable()||t?.size_chart?.title)&&_().createElement("div",{className:f},t?.size_chart?.title&&_().createElement("h4",{className:"h4 fontHeader",style:{marginBottom:"16px"}},t?.size_chart?.title),_().createElement("div",{className:m},isSizeChartAvailable()&&Object.entries(G)?.map(([e,t])=>_().createElement("button",{key:e,type:"button",onClick:()=>{(e=>{i(e),U(s!==e)})(e)},className:`${g} ${M} ${l.fontBody} ${n===e?D:""}`},t)))),t?.size_chart&&t?.size_chart?.description&&_().createElement("div",{className:k},_().createElement(F.default,{htmlContent:t?.size_chart?.description})),isSizeChartAvailable()&&_().createElement("div",{className:$},_().createElement("table",{className:C},_().createElement("thead",null,_().createElement("tr",null,J?.map(([e,t])=>null!==t&&_().createElement("th",{key:`column${e}`,className:`${d} ${N}`},t?.value)))),_().createElement("tbody",null,t?.size_chart?.sizes?.map((e,t)=>_().createElement("tr",{key:`row_${t}`,className:q},Object.entries(e).filter(([e,t])=>!e?.includes("__")&&null!==t)?.map(([e,t],r)=>_().createElement("td",{key:`cell_${e}`,className:`${l.captionNormal} ${E}`},J[r][1]?.convertable?(e=>{if("cm"===n&&L){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"===n&&L){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})(t):t))))))),!isSizeChartAvailable()&&_().createElement("div",{className:b},_().createElement("h3",{className:`${l.fontHeader} fontHeader`},a("resource.common.size_not_available_info_heading")),_().createElement("p",{className:"fontBody"}," ",a("resource.common.size_not_available_info_description")),_().createElement(c.FDKLink,{to:"/contact-us",target:"_blank"},_().createElement("button",{type:"button",className:`${p} ${l.btnPrimary} ${l.fontBody}`},a("resource.common.contact_us_caps"))))),_().createElement("div",{className:`${w}`,style:{display:W}},t&&t.size_chart&&t.size_chart.image&&_().createElement("div",{className:l.sizeGuideImage},_().createElement(R.default,{src:t.size_chart.image,alt:t.size_chart.title,sources:[{width:500}],aspectRatio:"0.8",mobileAspectRatio:"0.8"})),!t||!t.size_chart||!t.size_chart.image&&_().createElement("div",{className:b},_().createElement("h3",{className:`${l.fontHeader} fontHeader`},a("resource.common.size_measure_not_available_info_heading")),_().createElement("p",{className:`${l.fontBody} fontBody`}," ",a("resource.common.size_measure_not_available_info_description")),_().createElement(c.FDKLink,{to:"/contact-us",target:"_blank"},_().createElement("button",{type:"button",className:`${p} ${l.btnPrimary} ${l.fontBody}`},a("resource.common.contact_us_caps")))))))))};return s})());