https://www.flikflak.com/on/demandware.static/Sites-swarp-AM-Site/…/v1790237062766/react.4711.a48d72.bundle.js

1(self.webpackChunkapp_react_swatch=self.webpackChunkapp_react_swatch||[]).push([[4711],{197:()=>{},859:(e,t,l)=>{"use strict";l.r(t),l.d(t,{default:()=>p});var r=l(7706),n=l(1734),a=l(6540),o=l(4164),i=l(6201),c=l(7821);const s=e=>{let t=e.option,l=e.onClick;const r=t.refValue.toLowerCase(),n="white"===r?"!border !border-grey-border !border-solid":"";return React.createElement("button",{onClick:e=>l(e,t.modelRef.value),"aria-label":t.refLabel,"data-refvalue":r,className:(0,o.A)("b-applied_filters-color_icon","m-".concat(t.modelRef.swatchId),"relative rounded-[50%] w-[45px] h-[45px] mx-[7.5px] mb-[15px] border-none mobile:first:ml-2.5 mobile:last:mr-2.5",n),style:{backgroundColor:r}},t.isSelected&&React.createElement(c.A,{className:(0,o.A)({"absolute top-[15px] left-[15px] w-[15px] h-[15px] !transform !scale-100":t.isSelected}),fillColor:"white"}))},u=e=>{let t=e.className,l=criDataStore.getLabels();return criDataStore.getBrandData().isSwatch?React.createElement("svg",{className:t,xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",viewBox:"0 0 18 18",fill:"none"},React.createElement("title",null,l.ICONS.ICON_SELECTED),React.createElement("rect",{width:"18",height:"18",rx:"9",fill:"#979797"}),React.createElement("path",{d:"M7.05469 13.8125L3.16406 9.92188C2.92969 9.6875 2.92969 9.28906 3.16406 9.05469L4.00781 8.21094C4.24219 7.97656 4.61719 7.97656 4.85156 8.21094L7.5 10.8359L13.125 5.21094C13.3594 4.97656 13.7344 4.97656 13.9688 5.21094L14.8125 6.05469C15.0469 6.28906 15.0469 6.6875 14.8125 6.92188L7.92188 13.8125C7.6875 14.0469 7.28906 14.0469 7.05469 13.8125Z",fill:"#F8F8F8"})):React.createElement("svg",{className:t,xmlns:"http://www.w3.org/2000/svg",width:"12",height:"10",viewBox:"0 0 12 10",fill:"none"},React.createElement("title",null,l.ICONS.ICON_SELECTED),React.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.41179 9.27402C5.01779 9.70602 4.33579 9.71402 3.92979 9.29902L3.90579 9.27402L0.259786 5.28402C-0.114214 4.87502 -0.0802144 4.24402 0.334786 3.87602C0.741786 3.51602 1.36479 3.54002 1.74179 3.92602L1.76579 3.95002L4.65879 7.11602L10.2338 1.13402C10.6008 0.734016 11.2218 0.694016 11.6378 1.03802L11.6648 1.06002C12.0718 1.42002 12.1128 2.03302 11.7628 2.44302L5.41279 9.27402H5.41179Z",fill:"#2E5FAC"}))},d=e=>{var t;let l=e.stepData,r=e.option,n=e.onClick;const a=criDataStore.getBrandData().isFlikFlak,i=(0,o.A)("leading-[48px] rounded-[5px] px-6 mx-[7.5px] mb-[15px] mobile:flex-shrink-0",{"bg-grey text-black":l.isMultiSelect&&!a,"text-white bg-black":!l.isMultiSelect&&!a,"bg-inactive-blue text-blue":l.isMultiSelect&&a,"text-white bg-blue":!l.isMultiSelect&&a,"!rounded-[50px]":a}),c=(0,o.A)({"!bg-grey !text-inactive-grey":r.isSelected&&!l.isMultiSelect&&!a,"!bg-selected-dark-blue !text-blue":r.isSelected&&!l.isMultiSelect&&a}),s=r.isSelected&&!l.isMultiSelect;return React.createElement("button",{className:"".concat(i," ").concat(null!==(t=r.className)&&void 0!==t?t:""," ").concat(c),onClick:e=>n(e,r.modelRef.value),"aria-label":r.refLabel,key:r.refValue},r.refLabel,s&&React.createElement(u,{className:(0,o.A)({"ml-[5px]":!a,"ml-2":a})}))};function m(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var l=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=l){var r,n,a,o,i=[],c=!0,s=!1;try{if(a=(l=l.call(e)).next,0===t){if(Object(l)!==l)return;c=!1}else for(;!(c=(r=a.call(l)).done)&&(i.push(r.value),i.length!==t);c=!0);}catch(e){s=!0,n=e}finally{try{if(!c&&null!=l.return&&(o=l.return(),Object(o)!==o))return}finally{if(s)throw n}}return i}}(e,t)||function(e,t){if(e){if("string"==typeof e)return f(e,t);var l={}.toString.call(e).slice(8,-1);return"Object"===l&&e.constructor&&(l=e.constructor.name),"Map"===l||"Set"===l?Array.from(e):"Arguments"===l||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(l)?f(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function f(e,t){(null==t||t>e.length)&&(t=e.length);for(var l=0,r=Array(t);l<t;l++)r[l]=e[l];return r}const p=e=>{var t,l;let c=e.stepData,u=e.searchModel,f=e.refSelected,p=e.onRefSelectValue,b=e.onNext,g

1=e.onSkip,v=e.labels,x=e.isWarning,h=e.scrollToBody,w=e.activeStep;const y=c.stepLabels,S=c.options,C=void 0===S?[]:S,E=c.isMultiSelect,R=c.type,k=criDataStore.getBrandData().isFlikFlak,N=null===(t=u.cachedRefinements)||void 0===t?void 0:t.find(e=>e.attributeID===c.refName),L=(0,a.useRef)(null),O=m((0,a.useState)(null!==(l=null==f?void 0:f.values)&&void 0!==l?l:[]),2),D=O[0],M=O[1],j=m((0,a.useState)(!1),2),A=j[0],T=j[1],I=(e,t)=>{if(n.C3()&&e.currentTarget&&!n.cH(e.currentTarget)&&(0,r.Yc)(e.currentTarget,!0),T(!0),E&&D.includes(t)){let e=((e,t)=>{for(var l=0;l<e.length;)e[l]===t?e.splice(l,1):l+=1;return e})(D,t);M([...e])}else{let e=E?[...D,t]:[t];M(e)}h()};return(0,a.useEffect)(()=>{T(!0)},[f]),(0,a.useEffect)(()=>{n.C3()&&L.current&&!n.cH(L.current)&&(0,r.Yc)(L.current,!0)},[w]),(0,a.useEffect)(()=>{A&&(p(c.refName,D),E||b())},[D]),React.createElement("div",null,React.createElement("h1",{className:"mobile:hidden [&_p]:text-[40px] [&_p]:leading-[48px] font-bold text-center mb-[30px] sm:hidden"},React.createElement(i.A,{html:c.titleHtml})),React.createElement("div",{className:"desktop:max-w-[430px] mx-auto mobile:overflow-x-auto mobile:mx-[-10px]"},React.createElement("div",{className:"mobile:w-fit mobile:flex mobile:mx-auto desktop:flex desktop:flex-wrap desktop:justify-center"},C.map(function(e){let t=null==N?void 0:N.values.find(t=>{var l;let r=null!==(l=t.presentationId)&&void 0!==l?l:t.value;return e.refValue===r});var l;return t?(e.modelRef=t,e.isSelected=D.includes(null!==(l=e.modelRef.value)&&void 0!==l?l:""),e.isSelected&&(c.isMultiSelect?e.className=(0,o.A)({"!bg-dark-grey":!k,"!bg-selected-blue":k}):"color"===c.type&&(e.className="relative")),"color"===R?React.createElement(s,{key:e.refValue,option:e,onClick:I}):React.createElement(d,{key:e.refValue,stepData:c,option:e,onClick:I})):null}))),x&&y.warningMessage&&React.createElement("label",{className:"text-red text-center text-[14px] leading-[17px] block mb-[30px] mt-[15px]"},y.warningMessage),React.createElement("div",{className:"flex flex-wrap justify-center mb-[15px] mt-[15px]"},!c.isMandatory&&React.createElement("button",{className:(0,o.A)("leading-[41px] text-black bg-white rounded-[5px] px-[15px] mx-[7.5px] mb-[15px] border border-black border-solid",{"!rounded-[50px] !border-blue !text-blue !bg-text-blue":k}),onClick:()=>{T(!0),M([]),h(),setTimeout(()=>{"function"==typeof g&&g()},0)}},v.SKIP_BUTTON),c.isMultiSelect&&D.length>0&&React.createElement("button",{className:(0,o.A)("leading-[43px] text-white bg-black rounded-[5px] px-[15px] mx-[7.5px] mb-[15px]",{"!rounded-[50px] !text-text-blue !bg-blue":k}),onClick:()=>{T(!0),h(),setTimeout(()=>{"function"==typeof b&&b()},0)}},v.NEXT_BUTTON)))}},1866:()=>{},2739:()=>{},6201:(e,t,l)=>{"use strict";l.d(t,{A:()=>u});var r=l(6540),n=l(4728),a=l.n(n);function o(e,t){var l=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),l.push.apply(l,r)}return l}function i(e){for(var t=1;t<arguments.length;t++){var l=null!=arguments[t]?arguments[t]:{};t%2?o(Object(l),!0).forEach(function(t){c(e,t,l[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(l)):o(Object(l)).forEac

1h(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(l,t))})}return e}function c(e,t,l){return(t=function(e){var t=function(e){if("object"!=typeof e||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var l=t.call(e,"string");if("object"!=typeof l)return l;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==typeof t?t:t+""}(t))in e?Object.defineProperty(e,t,{value:l,enumerable:!0,configurable:!0,writable:!0}):e[t]=l,e}const s=(0,r.memo)(e=>{var t;let l=e.html,n=e.options,o=e.className,c=e.mainTag,s=void 0===c?"div":c;const u=criDataStore.getSfccData(),d=(null==u||null===(t=u.cachedData)||void 0===t||null===(t=t.orgConfigs)||void 0===t?void 0:t.htmlSanitizationConfig)||{};return r.createElement(s,{className:o,dangerouslySetInnerHTML:(m=l,f=n,{__html:a()(m,i(i({},d),f))})});var m,f});s.displayName="SanitizedHtml";const u=s},7706:(e,t,l)=>{"use strict";function r(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,l=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;null!=e&&e.scrollIntoView&&setTimeout(()=>{let t=function(e){if(!e.getClientRects().length)return{top:0,left:0};let t=e.getBoundingClientRect(),l=e.ownerDocument.defaultView;return{top:t.top+l.pageYOffset,left:t.left+l.pageXOffset}}(e).top,r=t-(parseInt(l,10)||0);window.scrollTo({top:Math.abs(r),behavior:"smooth"})},parseInt(t,10))}l.d(t,{RH:()=>o,Rt:()=>n,Yc:()=>a,kJ:()=>i});const n=r,a=(e,t)=>{if(null!=e&&e.scrollIntoView){const l={behavior:"smooth",block:"nearest",inline:"start"};t&&delete l.behavior,e.scrollIntoView(l)}},o=function(e){let t,l=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;if(null!=e&&e.startsWith("#")){const l=e.substring(1);t=document.getElementById(l)}try{t||(t=document.querySelector(e)),t&&r(t,l,n)}catch(t){console.warn("Invalid selector: ".concat(e),t)}},i=function(e,t){let l=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;const r=t.getBoundingClientRect(),n=r.left,a=document.documentElement.clientWidth-n,o=r.width,i=e.scrollLeft;let c;c=n>0?i+(o-a)+l:i-Math.abs(n)-l,e.scrollTo({top:0,left:c,behavior:"smooth"})}},7821:(e,t,l)=>{"use strict";l.d(t,{A:()=>n});var r=l(4164);const n=function(e){let t=e.className,l=e.fillColor,n=void 0===l?"currentColor":l;return React.createElement("svg",{className:(0,r.A)("b-icon",t),xmlns:"http://www.w3.org/2000/svg",width:"12",height:"12",viewBox:"0 0 12 12",fill:"none"},React.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.2119 0.181377C11.3519 -0.0137323 11.6235 -0.0584317 11.8186 0.0815378C12.0056 0.215675 12.0544 0.470735 11.935 0.663479L11.9184 0.688251L3.9336 11.8186C3.78322 12.0283 3.48658 12.0601 3.29532 11.8936L3.27289 11.8726L0.127344 8.7271C-0.0424481 8.5573 -0.0424481 8.28202 0.127344 8.11222C0.289755 7.94981 0.548686 7.94275 0.71949 8.09104L0.742217 8.11222L3.52538 10.8955L11.2119 0.181377Z",fill:n}))}},9746:()=>{},9977:()=>{}}]);