(function(){"use strict";const Qn=()=>{var r,o;const e=((r=window.LS)==null?void 0:r.langCode)||"es";if(((o=window.LS)==null?void 0:o.lang)==="es_AR")return"ar";const n=["es","en","pt"].find(i=>e.includes(i));return n||"es"},ft={API_URL:"https://shop-the-look-api.appsnube.com",APP_URL:"https://shop-the-look.appsnube.com",LS_TRACKING:"app-11226-stlOrderTrack"},vd=async e=>await fetch(`${ft.API_URL}/getPluginData?store_id=${e}`).then(t=>t.json()),yd=(e,t,n)=>new Promise((r,o)=>{const i=new XMLHttpRequest;i.onreadystatechange=()=>{i.readyState===XMLHttpRequest.DONE&&(i.status>=200&&i.status<400?r(i.responseText):o(i.responseText))},t&&i.open(e,t,!0),e==="POST"&&i.setRequestHeader("Content-Type","application/x-www-form-urlencoded; charset=UTF-8"),i.setRequestHeader("X-Requested-With","XMLHttpRequest"),i.send(n)}),xd=e=>{let t;const n=e.item,r=+e.quantity_added,o=window.LS.cart.items.findIndex(i=>i.item_id===n.id);o==-1?(n.quantity=(t=n.quantity)!==null&&t!==void 0?t:r,n.item_id=n.id,window.LS.cart.items.push(n)):window.LS.cart.items[o].quantity+=r},Os=async(e,t,n=1)=>{var u;if(!e)return{error:!0,message:"Product ID is undefined"};if(t.some(c=>!c))return{error:!0,message:"Missing Variants"};const r={error:!1};let o="";if(t.length)for(const[c,g]of t.entries())o+=`&variation[${c}]=${g}`;const i=document.querySelectorAll('[data-store="cart-form"]')[0],l=(i==null?void 0:i.getAttribute("action"))||"/comprar",s=`add_to_cart=${encodeURIComponent(e)}&quantity=${encodeURIComponent(n)}&add_to_cart_enhanced=${encodeURIComponent(1)}`.concat(o);try{const c=await yd("POST",l,s),g=JSON.parse(c);if(!g.success)return r.error=!0,console.error("Error adding product",g),{productId:e,response:r,itemId:null};window.LS.trigger(window.LS.events.productAddedToCart,{cart_item:g.item,quantity_added:g.quantity_added}),xd(g),r.info=g}catch(c){return r.error=!0,console.error("AJAX request failed",c),{productId:e,response:r,itemId:null}}return{productId:e,response:r,itemId:(u=r.info)==null?void 0:u.item.id}};var mt=(e=>(e.DEFAULT="default",e.FLOATING="floating",e.CAROUSEL="carousel",e.BANNER="banner",e.DOUBLE="double",e))(mt||{}),mn=(e=>(e.CAROUSEL="carousel",e.FLOATING="floating",e))(mn||{}),he=(e=>(e.ARROWS="arrows",e.POINTS="points",e.SLIDE="slide",e))(he||{});const hn={featuredBanners:'data-store="home-banner-featured"',sliderMain:'data-store="slider-main"',mainCarousel:'data-store="home-slider"',categoryBanners:'data-store="home-banner-categories"',promotionalBanners:'data-store="home-banner-promotional"',promotionProducts:'data-store="home-products-promotion"',imageBanners:'data-store="home-banner-with-image"',welcome:'data-store="home-welcome-message"',mainProduct:'data-store="home-product-main"',horizontalBanners:'data-store="home-banner-with-image"',mainCategoriesLinks:'data-store="home-categories-featured"',productsCarousel:'data-store="home-products-slider"',newsBanners:'data-store="home-banner-news"',textBanners:'data-store="home-banner-with-text"',paymentAndShipmentBanners:'data-store="banner-services"',ImageAndTextModule:'data-store="home-image-text-module"',mainCategoriesImages:'data-store="home-categories-featured"',institutionalMessage:'data-store="home-institutional-message"',featuredProducts:'data-store="home-products-featured"',newProducts:'data-store="home-products-new"',saleProducts:'data-store="home-products-sale"',bestSellerProducts:'data-store="home-products-best-seller"',comingSoonProducts:'data-store="home-products-coming-soon"',recentProducts:'data-store="home-products-recent"',video:"data-store=”home-video”",brands:'data-store="home-brands"',testimonials:'data-store="home-testimonials"',newsletter:'data-store="home-newsletter"',instagramFeed:'data-store="home-instagram-feed"',facebookFeed:'data-store="home-facebook-page"',twitterFeed:'data-store="home-twitter-feed"',bannerHomeCategories:'data-store="banner-home-categories"',productsHomeFeatured:'data-store="products-home-featured"',instagramFeedSnipplet:'data-store="instagram-feed"',homeVideo:'data-store="video-home"',footer:'data-store="footer"'},yi=(e,t)=>{const n=document.querySelectorAll("[data-container-anchor]");for(const r of n){const o=r.getAttribute("data-container-anchor"),i=o&&JSON.parse(o);if(i.element===e&&i.position===t){r.style.display="none",r.style.height="0";const l=r.children;l[0].style.display="none"}else{r.style.height="45px";const l=r.children;l[0].style.display=""}}};function wd(e){const t=e.data,{action:n,payload:r}=t;if(n!=="ANCHOR_POINTS")return;const o=document.getElementById("shop-the-look-container"),i=document.querySelector(`[${hn[r.anchor_point]}]`);yi(r.anchor_point,r.position),i&&o&&(r.position==="append"?i.append(o):i.prepend(o))}const kd={display:"none",justifyContent:"center",alignItems:"center",width:"100%",height:"45px"},Sd={position:"absolute",height:"50px",width:"100%",backgroundColor:"transparent",border:"none",cursor:"pointer",color:"#84aff5"},_d=e=>{const t=n=>{const r=document.createElement("div");Object.assign(r.style,{...kd,[n==="prepend"?"borderBottom":"borderTop"]:Hr.HOVER}),r.setAttribute("data-container-anchor",JSON.stringify({element:e,position:n}));const o=Cd({element:e,position:n});return r.appendChild(o),r};return{prepend:t("prepend"),append:t("append")}},Cd=({element:e,position:t})=>{const n=document.createElement("button");return Object.assign(n.style,Sd),n.innerHTML=` `,n.onclick=()=>{$s({action:"changeAnchor",data:{element:e,position:t}}),jd(document.querySelector(`[${hn[e]}]`),e,t),Wr.position=t},n},jd=(e,t,n)=>{const r=document.getElementById("shop-the-look-container");e&&r&&(n==="append"?e.append(r):e.prepend(r),yi(t,n),Wr.element=t)},Hr={DEFAULT:"5px dashed #0059d5",HOVER:"5px dashed #84aff5"},Ed={position:"relative",border:Hr.DEFAULT,borderRadius:"20px",overflow:"hidden",padding:"20px",marginBlock:"10px"},Wr={element:"",position:""},Ld=()=>{document.querySelectorAll("a").forEach(e=>{e.addEventListener("click",t=>{t.preventDefault()})}),document.querySelectorAll("form").forEach(e=>{e.addEventListener("submit",t=>{t.preventDefault()})})},bs=e=>{var t;if(!(e!=null&&e.hasChildNodes()))return(e==null?void 0:e.nodeType)!==Node.ELEMENT_NODE||!e.hasAttributes();for(const n of e.childNodes){if(n.nodeType===Node.TEXT_NODE&&((t=n.nodeValue)==null?void 0:t.trim())!=="")return!1;if(n.nodeType===Node.ELEMENT_NODE){const r=n;if(["IMG","SOURCE","IFRAME"].includes(r.tagName)||r.hasAttributes()||!bs(r))return!1}else if(n.nodeType!==Node.COMMENT_NODE)return!1}return!0},Nd=e=>{const t=[],n=[];for(const[r,o]of Object.entries(e)){const i=document.querySelector(`[${o}]`);i&&!bs(i)&&(Pd(i),t.push(r),n.push({element:r,point:i}))}return{anchorsName:t,anchors:n}},Pd=e=>{Object.assign(e.style,Ed);const t=`
`,n=`
`;e.insertAdjacentHTML("afterbegin",t),e.insertAdjacentHTML("beforeend",n),e.addEventListener("mouseover",()=>{e.style.border=Hr.HOVER,e.style.padding="0px",e.querySelectorAll(".chevron").forEach(r=>{r.style.display="none"})}),e.addEventListener("mouseleave",()=>{e.style.border=Hr.DEFAULT,e.style.padding="20px",e.querySelectorAll(".chevron").forEach(r=>{r.style.display="flex"})})},Td=({element:e,point:t})=>{const{prepend:n,append:r}=_d(e);t.addEventListener("mouseover",()=>{n.style.display="flex",r.style.display="flex",yi(Wr.element,Wr.position)}),t.addEventListener("mouseleave",()=>{n.style.display="none",r.style.display="none"}),t.append(r),t.prepend(n)},$s=({action:e,data:t})=>{window.parent.postMessage({action:e,data:t},"*")};async function zd(){Ld();const{anchorsName:e,anchors:t}=Nd(hn);$s({action:"anchorData",data:e});for(const n of t)Td(n)}var Fs={exports:{}},Qr={},As={exports:{}},B={};/** * @license React * react.production.min.js * * Copyright (c) Facebook, Inc. and its affiliates. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */var Xn=Symbol.for("react.element"),Md=Symbol.for("react.portal"),Id=Symbol.for("react.fragment"),Rd=Symbol.for("react.strict_mode"),Od=Symbol.for("react.profiler"),bd=Symbol.for("react.provider"),$d=Symbol.for("react.context"),Fd=Symbol.for("react.forward_ref"),Ad=Symbol.for("react.suspense"),Dd=Symbol.for("react.memo"),Ud=Symbol.for("react.lazy"),Ds=Symbol.iterator;function Bd(e){return e===null||typeof e!="object"?null:(e=Ds&&e[Ds]||e["@@iterator"],typeof e=="function"?e:null)}var Us={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},Bs=Object.assign,Vs={};function gn(e,t,n){this.props=e,this.context=t,this.refs=Vs,this.updater=n||Us}gn.prototype.isReactComponent={},gn.prototype.setState=function(e,t){if(typeof e!="object"&&typeof e!="function"&&e!=null)throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,e,t,"setState")},gn.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")};function Hs(){}Hs.prototype=gn.prototype;function xi(e,t,n){this.props=e,this.context=t,this.refs=Vs,this.updater=n||Us}var wi=xi.prototype=new Hs;wi.constructor=xi,Bs(wi,gn.prototype),wi.isPureReactComponent=!0;var Ws=Array.isArray,Qs=Object.prototype.hasOwnProperty,ki={current:null},Xs={key:!0,ref:!0,__self:!0,__source:!0};function Gs(e,t,n){var r,o={},i=null,l=null;if(t!=null)for(r in t.ref!==void 0&&(l=t.ref),t.key!==void 0&&(i=""+t.key),t)Qs.call(t,r)&&!Xs.hasOwnProperty(r)&&(o[r]=t[r]);var s=arguments.length-2;if(s===1)o.children=n;else if(1{const t=document.createElement("div");t.setAttribute("id",e);const n=t.attachShadow({mode:"open"});return n.innerHTML=` `,t},Zd=()=>{for(const e of Object.keys(hn)){const t=document.querySelector(`[${hn[e]}]`);if(t)return t}return null},Ys=e=>{var r;const t=((r=e.client.anchor_data)==null?void 0:r.anchor_point)||"featuredProducts";return document.querySelector(`[${hn[t]}]`)||document.querySelector(t)||Zd()};var Kt={},Js={exports:{}},Ae={},Zs={exports:{}},ea={};/** * @license React * scheduler.production.min.js * * Copyright (c) Facebook, Inc. and its affiliates. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */(function(e){function t(_,I){var R=_.length;_.push(I);e:for(;0>>1,W=_[V];if(0>>1;Vo(Fe,R))Uo(ee,Fe)?(_[V]=ee,_[U]=R,V=U):(_[V]=Fe,_[me]=R,V=me);else if(Uo(ee,R))_[V]=ee,_[U]=R,V=U;else break e}}return I}function o(_,I){var R=_.sortIndex-I.sortIndex;return R!==0?R:_.id-I.id}if(typeof performance=="object"&&typeof performance.now=="function"){var i=performance;e.unstable_now=function(){return i.now()}}else{var l=Date,s=l.now();e.unstable_now=function(){return l.now()-s}}var u=[],c=[],g=1,m=null,f=3,w=!1,y=!1,x=!1,j=typeof setTimeout=="function"?setTimeout:null,p=typeof clearTimeout=="function"?clearTimeout:null,d=typeof setImmediate<"u"?setImmediate:null;typeof navigator<"u"&&navigator.scheduling!==void 0&&navigator.scheduling.isInputPending!==void 0&&navigator.scheduling.isInputPending.bind(navigator.scheduling);function h(_){for(var I=n(c);I!==null;){if(I.callback===null)r(c);else if(I.startTime<=_)r(c),I.sortIndex=I.expirationTime,t(u,I);else break;I=n(c)}}function k(_){if(x=!1,h(_),!y)if(n(u)!==null)y=!0,b(E);else{var I=n(c);I!==null&&O(k,I.startTime-_)}}function E(_,I){y=!1,x&&(x=!1,p(S),S=-1),w=!0;var R=f;try{for(h(I),m=n(u);m!==null&&(!(m.expirationTime>I)||_&&!z());){var V=m.callback;if(typeof V=="function"){m.callback=null,f=m.priorityLevel;var W=V(m.expirationTime<=I);I=e.unstable_now(),typeof W=="function"?m.callback=W:m===n(u)&&r(u),h(I)}else r(u);m=n(u)}if(m!==null)var Le=!0;else{var me=n(c);me!==null&&O(k,me.startTime-I),Le=!1}return Le}finally{m=null,f=R,w=!1}}var L=!1,N=null,S=-1,T=5,P=-1;function z(){return!(e.unstable_now()-P_||125<_?console.error("forceFrameRate takes a positive int between 0 and 125, forcing frame rates higher than 125 fps is not supported"):T=0<_?Math.floor(1e3/_):5},e.unstable_getCurrentPriorityLevel=function(){return f},e.unstable_getFirstCallbackNode=function(){return n(u)},e.unstable_next=function(_){switch(f){case 1:case 2:case 3:var I=3;break;default:I=f}var R=f;f=I;try{return _()}finally{f=R}},e.unstable_pauseExecution=function(){},e.unstable_requestPaint=function(){},e.unstable_runWithPriority=function(_,I){switch(_){case 1:case 2:case 3:case 4:case 5:break;default:_=3}var R=f;f=_;try{return I()}finally{f=R}},e.unstable_scheduleCallback=function(_,I,R){var V=e.unstable_now();switch(typeof R=="object"&&R!==null?(R=R.delay,R=typeof R=="number"&&0V?(_.sortIndex=R,t(c,_),n(u)===null&&_===n(c)&&(x?(p(S),S=-1):x=!0,O(k,R-V))):(_.sortIndex=W,t(u,_),y||w||(y=!0,b(E))),_},e.unstable_shouldYield=z,e.unstable_wrapCallback=function(_){var I=f;return function(){var R=f;f=I;try{return _.apply(this,arguments)}finally{f=R}}}})(ea),Zs.exports=ea;var ep=Zs.exports;/** * @license React * react-dom.production.min.js * * Copyright (c) Facebook, Inc. and its affiliates. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */var ta=v,De=ep;function C(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n"u"||typeof window.document>"u"||typeof window.document.createElement>"u"),Ci=Object.prototype.hasOwnProperty,tp=/^[:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD][:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\-.0-9\u00B7\u0300-\u036F\u203F-\u2040]*$/,ra={},oa={};function np(e){return Ci.call(oa,e)?!0:Ci.call(ra,e)?!1:tp.test(e)?oa[e]=!0:(ra[e]=!0,!1)}function rp(e,t,n,r){if(n!==null&&n.type===0)return!1;switch(typeof t){case"function":case"symbol":return!0;case"boolean":return r?!1:n!==null?!n.acceptsBooleans:(e=e.toLowerCase().slice(0,5),e!=="data-"&&e!=="aria-");default:return!1}}function op(e,t,n,r){if(t===null||typeof t>"u"||rp(e,t,n,r))return!0;if(r)return!1;if(n!==null)switch(n.type){case 3:return!t;case 4:return t===!1;case 5:return isNaN(t);case 6:return isNaN(t)||1>t}return!1}function Pe(e,t,n,r,o,i,l){this.acceptsBooleans=t===2||t===3||t===4,this.attributeName=r,this.attributeNamespace=o,this.mustUseProperty=n,this.propertyName=e,this.type=t,this.sanitizeURL=i,this.removeEmptyString=l}var ye={};"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach(function(e){ye[e]=new Pe(e,0,!1,e,null,!1,!1)}),[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach(function(e){var t=e[0];ye[t]=new Pe(t,1,!1,e[1],null,!1,!1)}),["contentEditable","draggable","spellCheck","value"].forEach(function(e){ye[e]=new Pe(e,2,!1,e.toLowerCase(),null,!1,!1)}),["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach(function(e){ye[e]=new Pe(e,2,!1,e,null,!1,!1)}),"allowFullScreen async autoFocus autoPlay controls default defer disabled disablePictureInPicture disableRemotePlayback formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope".split(" ").forEach(function(e){ye[e]=new Pe(e,3,!1,e.toLowerCase(),null,!1,!1)}),["checked","multiple","muted","selected"].forEach(function(e){ye[e]=new Pe(e,3,!0,e,null,!1,!1)}),["capture","download"].forEach(function(e){ye[e]=new Pe(e,4,!1,e,null,!1,!1)}),["cols","rows","size","span"].forEach(function(e){ye[e]=new Pe(e,6,!1,e,null,!1,!1)}),["rowSpan","start"].forEach(function(e){ye[e]=new Pe(e,5,!1,e.toLowerCase(),null,!1,!1)});var ji=/[\-:]([a-z])/g;function Ei(e){return e[1].toUpperCase()}"accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height".split(" ").forEach(function(e){var t=e.replace(ji,Ei);ye[t]=new Pe(t,1,!1,e,null,!1,!1)}),"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type".split(" ").forEach(function(e){var t=e.replace(ji,Ei);ye[t]=new Pe(t,1,!1,e,"http://www.w3.org/1999/xlink",!1,!1)}),["xml:base","xml:lang","xml:space"].forEach(function(e){var t=e.replace(ji,Ei);ye[t]=new Pe(t,1,!1,e,"http://www.w3.org/XML/1998/namespace",!1,!1)}),["tabIndex","crossOrigin"].forEach(function(e){ye[e]=new Pe(e,1,!1,e.toLowerCase(),null,!1,!1)}),ye.xlinkHref=new Pe("xlinkHref",1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0,!1),["src","href","action","formAction"].forEach(function(e){ye[e]=new Pe(e,1,!1,e.toLowerCase(),null,!0,!0)});function Li(e,t,n,r){var o=ye.hasOwnProperty(t)?ye[t]:null;(o!==null?o.type!==0:r||!(2s||o[l]!==i[s]){var u=` `+o[l].replace(" at new "," at ");return e.displayName&&u.includes("")&&(u=u.replace("",e.displayName)),u}while(1<=l&&0<=s);break}}}finally{Oi=!1,Error.prepareStackTrace=n}return(e=e?e.displayName||e.name:"")?Yn(e):""}function ip(e){switch(e.tag){case 5:return Yn(e.type);case 16:return Yn("Lazy");case 13:return Yn("Suspense");case 19:return Yn("SuspenseList");case 0:case 2:case 15:return e=bi(e.type,!1),e;case 11:return e=bi(e.type.render,!1),e;case 1:return e=bi(e.type,!0),e;default:return""}}function $i(e){if(e==null)return null;if(typeof e=="function")return e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case xn:return"Fragment";case yn:return"Portal";case Pi:return"Profiler";case Ni:return"StrictMode";case zi:return"Suspense";case Mi:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case la:return(e.displayName||"Context")+".Consumer";case ia:return(e._context.displayName||"Context")+".Provider";case Ti:var t=e.render;return e=e.displayName,e||(e=t.displayName||t.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case Ii:return t=e.displayName||null,t!==null?t:$i(e.type)||"Memo";case Et:t=e._payload,e=e._init;try{return $i(e(t))}catch{}}return null}function lp(e){var t=e.type;switch(e.tag){case 24:return"Cache";case 9:return(t.displayName||"Context")+".Consumer";case 10:return(t._context.displayName||"Context")+".Provider";case 18:return"DehydratedFragment";case 11:return e=t.render,e=e.displayName||e.name||"",t.displayName||(e!==""?"ForwardRef("+e+")":"ForwardRef");case 7:return"Fragment";case 5:return t;case 4:return"Portal";case 3:return"Root";case 6:return"Text";case 16:return $i(t);case 8:return t===Ni?"StrictMode":"Mode";case 22:return"Offscreen";case 12:return"Profiler";case 21:return"Scope";case 13:return"Suspense";case 19:return"SuspenseList";case 25:return"TracingMarker";case 1:case 0:case 17:case 2:case 14:case 15:if(typeof t=="function")return t.displayName||t.name||null;if(typeof t=="string")return t}return null}function Lt(e){switch(typeof e){case"boolean":case"number":case"string":case"undefined":return e;case"object":return e;default:return""}}function ua(e){var t=e.type;return(e=e.nodeName)&&e.toLowerCase()==="input"&&(t==="checkbox"||t==="radio")}function sp(e){var t=ua(e)?"checked":"value",n=Object.getOwnPropertyDescriptor(e.constructor.prototype,t),r=""+e[t];if(!e.hasOwnProperty(t)&&typeof n<"u"&&typeof n.get=="function"&&typeof n.set=="function"){var o=n.get,i=n.set;return Object.defineProperty(e,t,{configurable:!0,get:function(){return o.call(this)},set:function(l){r=""+l,i.call(this,l)}}),Object.defineProperty(e,t,{enumerable:n.enumerable}),{getValue:function(){return r},setValue:function(l){r=""+l},stopTracking:function(){e._valueTracker=null,delete e[t]}}}}function Yr(e){e._valueTracker||(e._valueTracker=sp(e))}function ca(e){if(!e)return!1;var t=e._valueTracker;if(!t)return!0;var n=t.getValue(),r="";return e&&(r=ua(e)?e.checked?"true":"false":e.value),e=r,e!==n?(t.setValue(e),!0):!1}function Jr(e){if(e=e||(typeof document<"u"?document:void 0),typeof e>"u")return null;try{return e.activeElement||e.body}catch{return e.body}}function Fi(e,t){var n=t.checked;return le({},t,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:n??e._wrapperState.initialChecked})}function da(e,t){var n=t.defaultValue==null?"":t.defaultValue,r=t.checked!=null?t.checked:t.defaultChecked;n=Lt(t.value!=null?t.value:n),e._wrapperState={initialChecked:r,initialValue:n,controlled:t.type==="checkbox"||t.type==="radio"?t.checked!=null:t.value!=null}}function pa(e,t){t=t.checked,t!=null&&Li(e,"checked",t,!1)}function Ai(e,t){pa(e,t);var n=Lt(t.value),r=t.type;if(n!=null)r==="number"?(n===0&&e.value===""||e.value!=n)&&(e.value=""+n):e.value!==""+n&&(e.value=""+n);else if(r==="submit"||r==="reset"){e.removeAttribute("value");return}t.hasOwnProperty("value")?Di(e,t.type,n):t.hasOwnProperty("defaultValue")&&Di(e,t.type,Lt(t.defaultValue)),t.checked==null&&t.defaultChecked!=null&&(e.defaultChecked=!!t.defaultChecked)}function fa(e,t,n){if(t.hasOwnProperty("value")||t.hasOwnProperty("defaultValue")){var r=t.type;if(!(r!=="submit"&&r!=="reset"||t.value!==void 0&&t.value!==null))return;t=""+e._wrapperState.initialValue,n||t===e.value||(e.value=t),e.defaultValue=t}n=e.name,n!==""&&(e.name=""),e.defaultChecked=!!e._wrapperState.initialChecked,n!==""&&(e.name=n)}function Di(e,t,n){(t!=="number"||Jr(e.ownerDocument)!==e)&&(n==null?e.defaultValue=""+e._wrapperState.initialValue:e.defaultValue!==""+n&&(e.defaultValue=""+n))}var Jn=Array.isArray;function wn(e,t,n,r){if(e=e.options,t){t={};for(var o=0;o"+t.valueOf().toString()+"",t=Zr.firstChild;e.firstChild;)e.removeChild(e.firstChild);for(;t.firstChild;)e.appendChild(t.firstChild)}});function Zn(e,t){if(t){var n=e.firstChild;if(n&&n===e.lastChild&&n.nodeType===3){n.nodeValue=t;return}}e.textContent=t}var er={animationIterationCount:!0,aspectRatio:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridArea:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},ap=["Webkit","ms","Moz","O"];Object.keys(er).forEach(function(e){ap.forEach(function(t){t=t+e.charAt(0).toUpperCase()+e.substring(1),er[t]=er[e]})});function xa(e,t,n){return t==null||typeof t=="boolean"||t===""?"":n||typeof t!="number"||t===0||er.hasOwnProperty(e)&&er[e]?(""+t).trim():t+"px"}function wa(e,t){e=e.style;for(var n in t)if(t.hasOwnProperty(n)){var r=n.indexOf("--")===0,o=xa(n,t[n],r);n==="float"&&(n="cssFloat"),r?e.setProperty(n,o):e[n]=o}}var up=le({menuitem:!0},{area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0});function Vi(e,t){if(t){if(up[e]&&(t.children!=null||t.dangerouslySetInnerHTML!=null))throw Error(C(137,e));if(t.dangerouslySetInnerHTML!=null){if(t.children!=null)throw Error(C(60));if(typeof t.dangerouslySetInnerHTML!="object"||!("__html"in t.dangerouslySetInnerHTML))throw Error(C(61))}if(t.style!=null&&typeof t.style!="object")throw Error(C(62))}}function Hi(e,t){if(e.indexOf("-")===-1)return typeof t.is=="string";switch(e){case"annotation-xml":case"color-profile":case"font-face":case"font-face-src":case"font-face-uri":case"font-face-format":case"font-face-name":case"missing-glyph":return!1;default:return!0}}var Wi=null;function Qi(e){return e=e.target||e.srcElement||window,e.correspondingUseElement&&(e=e.correspondingUseElement),e.nodeType===3?e.parentNode:e}var Xi=null,kn=null,Sn=null;function ka(e){if(e=Sr(e)){if(typeof Xi!="function")throw Error(C(280));var t=e.stateNode;t&&(t=_o(t),Xi(e.stateNode,e.type,t))}}function Sa(e){kn?Sn?Sn.push(e):Sn=[e]:kn=e}function _a(){if(kn){var e=kn,t=Sn;if(Sn=kn=null,ka(e),t)for(e=0;e>>=0,e===0?32:31-(wp(e)/kp|0)|0}var oo=64,io=4194304;function or(e){switch(e&-e){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return e&4194240;case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:return e&130023424;case 134217728:return 134217728;case 268435456:return 268435456;case 536870912:return 536870912;case 1073741824:return 1073741824;default:return e}}function lo(e,t){var n=e.pendingLanes;if(n===0)return 0;var r=0,o=e.suspendedLanes,i=e.pingedLanes,l=n&268435455;if(l!==0){var s=l&~o;s!==0?r=or(s):(i&=l,i!==0&&(r=or(i)))}else l=n&~o,l!==0?r=or(l):i!==0&&(r=or(i));if(r===0)return 0;if(t!==0&&t!==r&&!(t&o)&&(o=r&-r,i=t&-t,o>=i||o===16&&(i&4194240)!==0))return t;if(r&4&&(r|=n&16),t=e.entangledLanes,t!==0)for(e=e.entanglements,t&=r;0n;n++)t.push(e);return t}function ir(e,t,n){e.pendingLanes|=t,t!==536870912&&(e.suspendedLanes=0,e.pingedLanes=0),e=e.eventTimes,t=31-et(t),e[t]=n}function jp(e,t){var n=e.pendingLanes&~t;e.pendingLanes=t,e.suspendedLanes=0,e.pingedLanes=0,e.expiredLanes&=t,e.mutableReadLanes&=t,e.entangledLanes&=t,t=e.entanglements;var r=e.eventTimes;for(e=e.expirationTimes;0=fr),Ya=" ",Ja=!1;function Za(e,t){switch(e){case"keyup":return Zp.indexOf(t.keyCode)!==-1;case"keydown":return t.keyCode!==229;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function eu(e){return e=e.detail,typeof e=="object"&&"data"in e?e.data:null}var jn=!1;function tf(e,t){switch(e){case"compositionend":return eu(t);case"keypress":return t.which!==32?null:(Ja=!0,Ya);case"textInput":return e=t.data,e===Ya&&Ja?null:e;default:return null}}function nf(e,t){if(jn)return e==="compositionend"||!dl&&Za(e,t)?(e=Wa(),po=il=Mt=null,jn=!1,e):null;switch(e){case"paste":return null;case"keypress":if(!(t.ctrlKey||t.altKey||t.metaKey)||t.ctrlKey&&t.altKey){if(t.char&&1=t)return{node:n,offset:t-e};e=r}e:{for(;n;){if(n.nextSibling){n=n.nextSibling;break e}n=n.parentNode}n=void 0}n=su(n)}}function uu(e,t){return e&&t?e===t?!0:e&&e.nodeType===3?!1:t&&t.nodeType===3?uu(e,t.parentNode):"contains"in e?e.contains(t):e.compareDocumentPosition?!!(e.compareDocumentPosition(t)&16):!1:!1}function cu(){for(var e=window,t=Jr();t instanceof e.HTMLIFrameElement;){try{var n=typeof t.contentWindow.location.href=="string"}catch{n=!1}if(n)e=t.contentWindow;else break;t=Jr(e.document)}return t}function ml(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t&&(t==="input"&&(e.type==="text"||e.type==="search"||e.type==="tel"||e.type==="url"||e.type==="password")||t==="textarea"||e.contentEditable==="true")}function pf(e){var t=cu(),n=e.focusedElem,r=e.selectionRange;if(t!==n&&n&&n.ownerDocument&&uu(n.ownerDocument.documentElement,n)){if(r!==null&&ml(n)){if(t=r.start,e=r.end,e===void 0&&(e=t),"selectionStart"in n)n.selectionStart=t,n.selectionEnd=Math.min(e,n.value.length);else if(e=(t=n.ownerDocument||document)&&t.defaultView||window,e.getSelection){e=e.getSelection();var o=n.textContent.length,i=Math.min(r.start,o);r=r.end===void 0?i:Math.min(r.end,o),!e.extend&&i>r&&(o=r,r=i,i=o),o=au(n,i);var l=au(n,r);o&&l&&(e.rangeCount!==1||e.anchorNode!==o.node||e.anchorOffset!==o.offset||e.focusNode!==l.node||e.focusOffset!==l.offset)&&(t=t.createRange(),t.setStart(o.node,o.offset),e.removeAllRanges(),i>r?(e.addRange(t),e.extend(l.node,l.offset)):(t.setEnd(l.node,l.offset),e.addRange(t)))}}for(t=[],e=n;e=e.parentNode;)e.nodeType===1&&t.push({element:e,left:e.scrollLeft,top:e.scrollTop});for(typeof n.focus=="function"&&n.focus(),n=0;n=document.documentMode,En=null,hl=null,vr=null,gl=!1;function du(e,t,n){var r=n.window===n?n.document:n.nodeType===9?n:n.ownerDocument;gl||En==null||En!==Jr(r)||(r=En,"selectionStart"in r&&ml(r)?r={start:r.selectionStart,end:r.selectionEnd}:(r=(r.ownerDocument&&r.ownerDocument.defaultView||window).getSelection(),r={anchorNode:r.anchorNode,anchorOffset:r.anchorOffset,focusNode:r.focusNode,focusOffset:r.focusOffset}),vr&&gr(vr,r)||(vr=r,r=wo(hl,"onSelect"),0zn||(e.current=Nl[zn],Nl[zn]=null,zn--)}function J(e,t){zn++,Nl[zn]=e.current,e.current=t}var bt={},Se=Ot(bt),Ie=Ot(!1),en=bt;function Mn(e,t){var n=e.type.contextTypes;if(!n)return bt;var r=e.stateNode;if(r&&r.__reactInternalMemoizedUnmaskedChildContext===t)return r.__reactInternalMemoizedMaskedChildContext;var o={},i;for(i in n)o[i]=t[i];return r&&(e=e.stateNode,e.__reactInternalMemoizedUnmaskedChildContext=t,e.__reactInternalMemoizedMaskedChildContext=o),o}function Re(e){return e=e.childContextTypes,e!=null}function Co(){ne(Ie),ne(Se)}function Eu(e,t,n){if(Se.current!==bt)throw Error(C(168));J(Se,t),J(Ie,n)}function Lu(e,t,n){var r=e.stateNode;if(t=t.childContextTypes,typeof r.getChildContext!="function")return n;r=r.getChildContext();for(var o in r)if(!(o in t))throw Error(C(108,lp(e)||"Unknown",o));return le({},n,r)}function jo(e){return e=(e=e.stateNode)&&e.__reactInternalMemoizedMergedChildContext||bt,en=Se.current,J(Se,e),J(Ie,Ie.current),!0}function Nu(e,t,n){var r=e.stateNode;if(!r)throw Error(C(169));n?(e=Lu(e,t,en),r.__reactInternalMemoizedMergedChildContext=e,ne(Ie),ne(Se),J(Se,e)):ne(Ie),J(Ie,n)}var yt=null,Eo=!1,Pl=!1;function Pu(e){yt===null?yt=[e]:yt.push(e)}function Cf(e){Eo=!0,Pu(e)}function $t(){if(!Pl&&yt!==null){Pl=!0;var e=0,t=q;try{var n=yt;for(q=1;e>=l,o-=l,xt=1<<32-et(t)+o|n<S?(T=N,N=null):T=N.sibling;var P=f(p,N,h[S],k);if(P===null){N===null&&(N=T);break}e&&N&&P.alternate===null&&t(p,N),d=i(P,d,S),L===null?E=P:L.sibling=P,L=P,N=T}if(S===h.length)return n(p,N),ie&&nn(p,S),E;if(N===null){for(;SS?(T=N,N=null):T=N.sibling;var z=f(p,N,P.value,k);if(z===null){N===null&&(N=T);break}e&&N&&z.alternate===null&&t(p,N),d=i(z,d,S),L===null?E=z:L.sibling=z,L=z,N=T}if(P.done)return n(p,N),ie&&nn(p,S),E;if(N===null){for(;!P.done;S++,P=h.next())P=m(p,P.value,k),P!==null&&(d=i(P,d,S),L===null?E=P:L.sibling=P,L=P);return ie&&nn(p,S),E}for(N=r(p,N);!P.done;S++,P=h.next())P=w(N,p,S,P.value,k),P!==null&&(e&&P.alternate!==null&&N.delete(P.key===null?S:P.key),d=i(P,d,S),L===null?E=P:L.sibling=P,L=P);return e&&N.forEach(function(F){return t(p,F)}),ie&&nn(p,S),E}function j(p,d,h,k){if(typeof h=="object"&&h!==null&&h.type===xn&&h.key===null&&(h=h.props.children),typeof h=="object"&&h!==null){switch(h.$$typeof){case Kr:e:{for(var E=h.key,L=d;L!==null;){if(L.key===E){if(E=h.type,E===xn){if(L.tag===7){n(p,L.sibling),d=o(L,h.props.children),d.return=p,p=d;break e}}else if(L.elementType===E||typeof E=="object"&&E!==null&&E.$$typeof===Et&&Vu(E)===L.type){n(p,L.sibling),d=o(L,h.props),d.ref=_r(p,L,h),d.return=p,p=d;break e}n(p,L);break}else t(p,L);L=L.sibling}h.type===xn?(d=dn(h.props.children,p.mode,k,h.key),d.return=p,p=d):(k=ei(h.type,h.key,h.props,null,p.mode,k),k.ref=_r(p,d,h),k.return=p,p=k)}return l(p);case yn:e:{for(L=h.key;d!==null;){if(d.key===L)if(d.tag===4&&d.stateNode.containerInfo===h.containerInfo&&d.stateNode.implementation===h.implementation){n(p,d.sibling),d=o(d,h.children||[]),d.return=p,p=d;break e}else{n(p,d);break}else t(p,d);d=d.sibling}d=Es(h,p.mode,k),d.return=p,p=d}return l(p);case Et:return L=h._init,j(p,d,L(h._payload),k)}if(Jn(h))return y(p,d,h,k);if(Kn(h))return x(p,d,h,k);Oo(p,h)}return typeof h=="string"&&h!==""||typeof h=="number"?(h=""+h,d!==null&&d.tag===6?(n(p,d.sibling),d=o(d,h),d.return=p,p=d):(n(p,d),d=js(h,p.mode,k),d.return=p,p=d),l(p)):n(p,d)}return j}var Fn=Hu(!0),Wu=Hu(!1),Cr={},ct=Ot(Cr),jr=Ot(Cr),Er=Ot(Cr);function on(e){if(e===Cr)throw Error(C(174));return e}function Vl(e,t){switch(J(Er,t),J(jr,e),J(ct,Cr),e=t.nodeType,e){case 9:case 11:t=(t=t.documentElement)?t.namespaceURI:Bi(null,"");break;default:e=e===8?t.parentNode:t,t=e.namespaceURI||null,e=e.tagName,t=Bi(t,e)}ne(ct),J(ct,t)}function An(){ne(ct),ne(jr),ne(Er)}function Qu(e){on(Er.current);var t=on(ct.current),n=Bi(t,e.type);t!==n&&(J(jr,e),J(ct,n))}function Hl(e){jr.current===e&&(ne(ct),ne(jr))}var se=Ot(0);function bo(e){for(var t=e;t!==null;){if(t.tag===13){var n=t.memoizedState;if(n!==null&&(n=n.dehydrated,n===null||n.data==="$?"||n.data==="$!"))return t}else if(t.tag===19&&t.memoizedProps.revealOrder!==void 0){if(t.flags&128)return t}else if(t.child!==null){t.child.return=t,t=t.child;continue}if(t===e)break;for(;t.sibling===null;){if(t.return===null||t.return===e)return null;t=t.return}t.sibling.return=t.return,t=t.sibling}return null}var Wl=[];function Ql(){for(var e=0;en?n:4,e(!0);var r=Xl.transition;Xl.transition={};try{e(!1),t()}finally{q=n,Xl.transition=r}}function cc(){return Ke().memoizedState}function Nf(e,t,n){var r=Vt(e);if(n={lane:r,action:n,hasEagerState:!1,eagerState:null,next:null},dc(e))pc(t,n);else if(n=Ou(e,t,n,r),n!==null){var o=ze();lt(n,e,r,o),fc(n,t,r)}}function Pf(e,t,n){var r=Vt(e),o={lane:r,action:n,hasEagerState:!1,eagerState:null,next:null};if(dc(e))pc(t,o);else{var i=e.alternate;if(e.lanes===0&&(i===null||i.lanes===0)&&(i=t.lastRenderedReducer,i!==null))try{var l=t.lastRenderedState,s=i(l,n);if(o.hasEagerState=!0,o.eagerState=s,tt(s,l)){var u=t.interleaved;u===null?(o.next=o,Al(t)):(o.next=u.next,u.next=o),t.interleaved=o;return}}catch{}finally{}n=Ou(e,t,o,r),n!==null&&(o=ze(),lt(n,e,r,o),fc(n,t,r))}}function dc(e){var t=e.alternate;return e===ae||t!==null&&t===ae}function pc(e,t){Lr=Fo=!0;var n=e.pending;n===null?t.next=t:(t.next=n.next,n.next=t),e.pending=t}function fc(e,t,n){if(n&4194240){var r=t.lanes;r&=e.pendingLanes,n|=r,t.lanes=n,el(e,n)}}var Uo={readContext:qe,useCallback:_e,useContext:_e,useEffect:_e,useImperativeHandle:_e,useInsertionEffect:_e,useLayoutEffect:_e,useMemo:_e,useReducer:_e,useRef:_e,useState:_e,useDebugValue:_e,useDeferredValue:_e,useTransition:_e,useMutableSource:_e,useSyncExternalStore:_e,useId:_e,unstable_isNewReconciler:!1},Tf={readContext:qe,useCallback:function(e,t){return dt().memoizedState=[e,t===void 0?null:t],e},useContext:qe,useEffect:nc,useImperativeHandle:function(e,t,n){return n=n!=null?n.concat([e]):null,Ao(4194308,4,ic.bind(null,t,e),n)},useLayoutEffect:function(e,t){return Ao(4194308,4,e,t)},useInsertionEffect:function(e,t){return Ao(4,2,e,t)},useMemo:function(e,t){var n=dt();return t=t===void 0?null:t,e=e(),n.memoizedState=[e,t],e},useReducer:function(e,t,n){var r=dt();return t=n!==void 0?n(t):t,r.memoizedState=r.baseState=t,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:e,lastRenderedState:t},r.queue=e,e=e.dispatch=Nf.bind(null,ae,e),[r.memoizedState,e]},useRef:function(e){var t=dt();return e={current:e},t.memoizedState=e},useState:ec,useDebugValue:es,useDeferredValue:function(e){return dt().memoizedState=e},useTransition:function(){var e=ec(!1),t=e[0];return e=Lf.bind(null,e[1]),dt().memoizedState=e,[t,e]},useMutableSource:function(){},useSyncExternalStore:function(e,t,n){var r=ae,o=dt();if(ie){if(n===void 0)throw Error(C(407));n=n()}else{if(n=t(),ve===null)throw Error(C(349));ln&30||qu(r,t,n)}o.memoizedState=n;var i={value:n,getSnapshot:t};return o.queue=i,nc(Yu.bind(null,r,i,e),[e]),r.flags|=2048,Tr(9,Ku.bind(null,r,i,n,t),void 0,null),n},useId:function(){var e=dt(),t=ve.identifierPrefix;if(ie){var n=wt,r=xt;n=(r&~(1<<32-et(r)-1)).toString(32)+n,t=":"+t+"R"+n,n=Nr++,0<\/script>",e=e.removeChild(e.firstChild)):typeof r.is=="string"?e=l.createElement(n,{is:r.is}):(e=l.createElement(n),n==="select"&&(l=e,r.multiple?l.multiple=!0:r.size&&(l.size=r.size))):e=l.createElementNS(e,n),e[ut]=t,e[kr]=r,Tc(e,t,!1,!1),t.stateNode=e;e:{switch(l=Hi(n,r),n){case"dialog":te("cancel",e),te("close",e),o=r;break;case"iframe":case"object":case"embed":te("load",e),o=r;break;case"video":case"audio":for(o=0;oVn&&(t.flags|=128,r=!0,zr(i,!1),t.lanes=4194304)}else{if(!r)if(e=bo(l),e!==null){if(t.flags|=128,r=!0,n=e.updateQueue,n!==null&&(t.updateQueue=n,t.flags|=4),zr(i,!0),i.tail===null&&i.tailMode==="hidden"&&!l.alternate&&!ie)return Ce(t),null}else 2*ce()-i.renderingStartTime>Vn&&n!==1073741824&&(t.flags|=128,r=!0,zr(i,!1),t.lanes=4194304);i.isBackwards?(l.sibling=t.child,t.child=l):(n=i.last,n!==null?n.sibling=l:t.child=l,i.last=l)}return i.tail!==null?(t=i.tail,i.rendering=t,i.tail=t.sibling,i.renderingStartTime=ce(),t.sibling=null,n=se.current,J(se,r?n&1|2:n&1),t):(Ce(t),null);case 22:case 23:return Ss(),r=t.memoizedState!==null,e!==null&&e.memoizedState!==null!==r&&(t.flags|=8192),r&&t.mode&1?He&1073741824&&(Ce(t),t.subtreeFlags&6&&(t.flags|=8192)):Ce(t),null;case 24:return null;case 25:return null}throw Error(C(156,t.tag))}function Ff(e,t){switch(zl(t),t.tag){case 1:return Re(t.type)&&Co(),e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 3:return An(),ne(Ie),ne(Se),Ql(),e=t.flags,e&65536&&!(e&128)?(t.flags=e&-65537|128,t):null;case 5:return Hl(t),null;case 13:if(ne(se),e=t.memoizedState,e!==null&&e.dehydrated!==null){if(t.alternate===null)throw Error(C(340));On()}return e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 19:return ne(se),null;case 4:return An(),null;case 10:return $l(t.type._context),null;case 22:case 23:return Ss(),null;case 24:return null;default:return null}}var Ho=!1,je=!1,Af=typeof WeakSet=="function"?WeakSet:Set,M=null;function Un(e,t){var n=e.ref;if(n!==null)if(typeof n=="function")try{n(null)}catch(r){ue(e,t,r)}else n.current=null}function cs(e,t,n){try{n()}catch(r){ue(e,t,r)}}var Ic=!1;function Df(e,t){if(Sl=uo,e=cu(),ml(e)){if("selectionStart"in e)var n={start:e.selectionStart,end:e.selectionEnd};else e:{n=(n=e.ownerDocument)&&n.defaultView||window;var r=n.getSelection&&n.getSelection();if(r&&r.rangeCount!==0){n=r.anchorNode;var o=r.anchorOffset,i=r.focusNode;r=r.focusOffset;try{n.nodeType,i.nodeType}catch{n=null;break e}var l=0,s=-1,u=-1,c=0,g=0,m=e,f=null;t:for(;;){for(var w;m!==n||o!==0&&m.nodeType!==3||(s=l+o),m!==i||r!==0&&m.nodeType!==3||(u=l+r),m.nodeType===3&&(l+=m.nodeValue.length),(w=m.firstChild)!==null;)f=m,m=w;for(;;){if(m===e)break t;if(f===n&&++c===o&&(s=l),f===i&&++g===r&&(u=l),(w=m.nextSibling)!==null)break;m=f,f=m.parentNode}m=w}n=s===-1||u===-1?null:{start:s,end:u}}else n=null}n=n||{start:0,end:0}}else n=null;for(_l={focusedElem:e,selectionRange:n},uo=!1,M=t;M!==null;)if(t=M,e=t.child,(t.subtreeFlags&1028)!==0&&e!==null)e.return=t,M=e;else for(;M!==null;){t=M;try{var y=t.alternate;if(t.flags&1024)switch(t.tag){case 0:case 11:case 15:break;case 1:if(y!==null){var x=y.memoizedProps,j=y.memoizedState,p=t.stateNode,d=p.getSnapshotBeforeUpdate(t.elementType===t.type?x:rt(t.type,x),j);p.__reactInternalSnapshotBeforeUpdate=d}break;case 3:var h=t.stateNode.containerInfo;h.nodeType===1?h.textContent="":h.nodeType===9&&h.documentElement&&h.removeChild(h.documentElement);break;case 5:case 6:case 4:case 17:break;default:throw Error(C(163))}}catch(k){ue(t,t.return,k)}if(e=t.sibling,e!==null){e.return=t.return,M=e;break}M=t.return}return y=Ic,Ic=!1,y}function Mr(e,t,n){var r=t.updateQueue;if(r=r!==null?r.lastEffect:null,r!==null){var o=r=r.next;do{if((o.tag&e)===e){var i=o.destroy;o.destroy=void 0,i!==void 0&&cs(t,n,i)}o=o.next}while(o!==r)}}function Wo(e,t){if(t=t.updateQueue,t=t!==null?t.lastEffect:null,t!==null){var n=t=t.next;do{if((n.tag&e)===e){var r=n.create;n.destroy=r()}n=n.next}while(n!==t)}}function ds(e){var t=e.ref;if(t!==null){var n=e.stateNode;switch(e.tag){case 5:e=n;break;default:e=n}typeof t=="function"?t(e):t.current=e}}function Rc(e){var t=e.alternate;t!==null&&(e.alternate=null,Rc(t)),e.child=null,e.deletions=null,e.sibling=null,e.tag===5&&(t=e.stateNode,t!==null&&(delete t[ut],delete t[kr],delete t[Ll],delete t[Sf],delete t[_f])),e.stateNode=null,e.return=null,e.dependencies=null,e.memoizedProps=null,e.memoizedState=null,e.pendingProps=null,e.stateNode=null,e.updateQueue=null}function Oc(e){return e.tag===5||e.tag===3||e.tag===4}function bc(e){e:for(;;){for(;e.sibling===null;){if(e.return===null||Oc(e.return))return null;e=e.return}for(e.sibling.return=e.return,e=e.sibling;e.tag!==5&&e.tag!==6&&e.tag!==18;){if(e.flags&2||e.child===null||e.tag===4)continue e;e.child.return=e,e=e.child}if(!(e.flags&2))return e.stateNode}}function ps(e,t,n){var r=e.tag;if(r===5||r===6)e=e.stateNode,t?n.nodeType===8?n.parentNode.insertBefore(e,t):n.insertBefore(e,t):(n.nodeType===8?(t=n.parentNode,t.insertBefore(e,n)):(t=n,t.appendChild(e)),n=n._reactRootContainer,n!=null||t.onclick!==null||(t.onclick=So));else if(r!==4&&(e=e.child,e!==null))for(ps(e,t,n),e=e.sibling;e!==null;)ps(e,t,n),e=e.sibling}function fs(e,t,n){var r=e.tag;if(r===5||r===6)e=e.stateNode,t?n.insertBefore(e,t):n.appendChild(e);else if(r!==4&&(e=e.child,e!==null))for(fs(e,t,n),e=e.sibling;e!==null;)fs(e,t,n),e=e.sibling}var xe=null,ot=!1;function Dt(e,t,n){for(n=n.child;n!==null;)$c(e,t,n),n=n.sibling}function $c(e,t,n){if(at&&typeof at.onCommitFiberUnmount=="function")try{at.onCommitFiberUnmount(ro,n)}catch{}switch(n.tag){case 5:je||Un(n,t);case 6:var r=xe,o=ot;xe=null,Dt(e,t,n),xe=r,ot=o,xe!==null&&(ot?(e=xe,n=n.stateNode,e.nodeType===8?e.parentNode.removeChild(n):e.removeChild(n)):xe.removeChild(n.stateNode));break;case 18:xe!==null&&(ot?(e=xe,n=n.stateNode,e.nodeType===8?El(e.parentNode,n):e.nodeType===1&&El(e,n),cr(e)):El(xe,n.stateNode));break;case 4:r=xe,o=ot,xe=n.stateNode.containerInfo,ot=!0,Dt(e,t,n),xe=r,ot=o;break;case 0:case 11:case 14:case 15:if(!je&&(r=n.updateQueue,r!==null&&(r=r.lastEffect,r!==null))){o=r=r.next;do{var i=o,l=i.destroy;i=i.tag,l!==void 0&&(i&2||i&4)&&cs(n,t,l),o=o.next}while(o!==r)}Dt(e,t,n);break;case 1:if(!je&&(Un(n,t),r=n.stateNode,typeof r.componentWillUnmount=="function"))try{r.props=n.memoizedProps,r.state=n.memoizedState,r.componentWillUnmount()}catch(s){ue(n,t,s)}Dt(e,t,n);break;case 21:Dt(e,t,n);break;case 22:n.mode&1?(je=(r=je)||n.memoizedState!==null,Dt(e,t,n),je=r):Dt(e,t,n);break;default:Dt(e,t,n)}}function Fc(e){var t=e.updateQueue;if(t!==null){e.updateQueue=null;var n=e.stateNode;n===null&&(n=e.stateNode=new Af),t.forEach(function(r){var o=qf.bind(null,e,r);n.has(r)||(n.add(r),r.then(o,o))})}}function it(e,t){var n=t.deletions;if(n!==null)for(var r=0;ro&&(o=l),r&=~i}if(r=o,r=ce()-r,r=(120>r?120:480>r?480:1080>r?1080:1920>r?1920:3e3>r?3e3:4320>r?4320:1960*Bf(r/1960))-r,10e?16:e,Bt===null)var r=!1;else{if(e=Bt,Bt=null,Ko=0,H&6)throw Error(C(331));var o=H;for(H|=4,M=e.current;M!==null;){var i=M,l=i.child;if(M.flags&16){var s=i.deletions;if(s!==null){for(var u=0;uce()-gs?un(e,0):hs|=n),$e(e,t)}function Yc(e,t){t===0&&(e.mode&1?(t=io,io<<=1,!(io&130023424)&&(io=4194304)):t=1);var n=ze();e=kt(e,t),e!==null&&(ir(e,t,n),$e(e,n))}function Gf(e){var t=e.memoizedState,n=0;t!==null&&(n=t.retryLane),Yc(e,n)}function qf(e,t){var n=0;switch(e.tag){case 13:var r=e.stateNode,o=e.memoizedState;o!==null&&(n=o.retryLane);break;case 19:r=e.stateNode;break;default:throw Error(C(314))}r!==null&&r.delete(t),Yc(e,n)}var Jc;Jc=function(e,t,n){if(e!==null)if(e.memoizedProps!==t.pendingProps||Ie.current)Oe=!0;else{if(!(e.lanes&n)&&!(t.flags&128))return Oe=!1,bf(e,t,n);Oe=!!(e.flags&131072)}else Oe=!1,ie&&t.flags&1048576&&Tu(t,No,t.index);switch(t.lanes=0,t.tag){case 2:var r=t.type;Vo(e,t),e=t.pendingProps;var o=Mn(t,Se.current);$n(t,n),o=ql(null,t,r,e,o,n);var i=Kl();return t.flags|=1,typeof o=="object"&&o!==null&&typeof o.render=="function"&&o.$$typeof===void 0?(t.tag=1,t.memoizedState=null,t.updateQueue=null,Re(r)?(i=!0,jo(t)):i=!1,t.memoizedState=o.state!==null&&o.state!==void 0?o.state:null,Dl(t),o.updater=Ro,t.stateNode=o,o._reactInternals=t,Bl(t,r,e,n),t=os(null,t,r,!0,i,n)):(t.tag=0,ie&&i&&Tl(t),Te(null,t,o,n),t=t.child),t;case 16:r=t.elementType;e:{switch(Vo(e,t),e=t.pendingProps,o=r._init,r=o(r._payload),t.type=r,o=t.tag=Yf(r),e=rt(r,e),o){case 0:t=rs(null,t,r,e,n);break e;case 1:t=Cc(null,t,r,e,n);break e;case 11:t=xc(null,t,r,e,n);break e;case 14:t=wc(null,t,r,rt(r.type,e),n);break e}throw Error(C(306,r,""))}return t;case 0:return r=t.type,o=t.pendingProps,o=t.elementType===r?o:rt(r,o),rs(e,t,r,o,n);case 1:return r=t.type,o=t.pendingProps,o=t.elementType===r?o:rt(r,o),Cc(e,t,r,o,n);case 3:e:{if(jc(t),e===null)throw Error(C(387));r=t.pendingProps,i=t.memoizedState,o=i.element,bu(e,t),Io(t,r,null,n);var l=t.memoizedState;if(r=l.element,i.isDehydrated)if(i={element:r,isDehydrated:!1,cache:l.cache,pendingSuspenseBoundaries:l.pendingSuspenseBoundaries,transitions:l.transitions},t.updateQueue.baseState=i,t.memoizedState=i,t.flags&256){o=Dn(Error(C(423)),t),t=Ec(e,t,r,n,o);break e}else if(r!==o){o=Dn(Error(C(424)),t),t=Ec(e,t,r,n,o);break e}else for(Ve=Rt(t.stateNode.containerInfo.firstChild),Be=t,ie=!0,nt=null,n=Wu(t,null,r,n),t.child=n;n;)n.flags=n.flags&-3|4096,n=n.sibling;else{if(On(),r===o){t=_t(e,t,n);break e}Te(e,t,r,n)}t=t.child}return t;case 5:return Qu(t),e===null&&Il(t),r=t.type,o=t.pendingProps,i=e!==null?e.memoizedProps:null,l=o.children,Cl(r,o)?l=null:i!==null&&Cl(r,i)&&(t.flags|=32),_c(e,t),Te(e,t,l,n),t.child;case 6:return e===null&&Il(t),null;case 13:return Lc(e,t,n);case 4:return Vl(t,t.stateNode.containerInfo),r=t.pendingProps,e===null?t.child=Fn(t,null,r,n):Te(e,t,r,n),t.child;case 11:return r=t.type,o=t.pendingProps,o=t.elementType===r?o:rt(r,o),xc(e,t,r,o,n);case 7:return Te(e,t,t.pendingProps,n),t.child;case 8:return Te(e,t,t.pendingProps.children,n),t.child;case 12:return Te(e,t,t.pendingProps.children,n),t.child;case 10:e:{if(r=t.type._context,o=t.pendingProps,i=t.memoizedProps,l=o.value,J(To,r._currentValue),r._currentValue=l,i!==null)if(tt(i.value,l)){if(i.children===o.children&&!Ie.current){t=_t(e,t,n);break e}}else for(i=t.child,i!==null&&(i.return=t);i!==null;){var s=i.dependencies;if(s!==null){l=i.child;for(var u=s.firstContext;u!==null;){if(u.context===r){if(i.tag===1){u=St(-1,n&-n),u.tag=2;var c=i.updateQueue;if(c!==null){c=c.shared;var g=c.pending;g===null?u.next=u:(u.next=g.next,g.next=u),c.pending=u}}i.lanes|=n,u=i.alternate,u!==null&&(u.lanes|=n),Fl(i.return,n,t),s.lanes|=n;break}u=u.next}}else if(i.tag===10)l=i.type===t.type?null:i.child;else if(i.tag===18){if(l=i.return,l===null)throw Error(C(341));l.lanes|=n,s=l.alternate,s!==null&&(s.lanes|=n),Fl(l,n,t),l=i.sibling}else l=i.child;if(l!==null)l.return=i;else for(l=i;l!==null;){if(l===t){l=null;break}if(i=l.sibling,i!==null){i.return=l.return,l=i;break}l=l.return}i=l}Te(e,t,o.children,n),t=t.child}return t;case 9:return o=t.type,r=t.pendingProps.children,$n(t,n),o=qe(o),r=r(o),t.flags|=1,Te(e,t,r,n),t.child;case 14:return r=t.type,o=rt(r,t.pendingProps),o=rt(r.type,o),wc(e,t,r,o,n);case 15:return kc(e,t,t.type,t.pendingProps,n);case 17:return r=t.type,o=t.pendingProps,o=t.elementType===r?o:rt(r,o),Vo(e,t),t.tag=1,Re(r)?(e=!0,jo(t)):e=!1,$n(t,n),Uu(t,r,o),Bl(t,r,o,n),os(null,t,r,!0,e,n);case 19:return Pc(e,t,n);case 22:return Sc(e,t,n)}throw Error(C(156,t.tag))};function Zc(e,t){return za(e,t)}function Kf(e,t,n,r){this.tag=e,this.key=n,this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null,this.index=0,this.ref=null,this.pendingProps=t,this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=r,this.subtreeFlags=this.flags=0,this.deletions=null,this.childLanes=this.lanes=0,this.alternate=null}function Je(e,t,n,r){return new Kf(e,t,n,r)}function Cs(e){return e=e.prototype,!(!e||!e.isReactComponent)}function Yf(e){if(typeof e=="function")return Cs(e)?1:0;if(e!=null){if(e=e.$$typeof,e===Ti)return 11;if(e===Ii)return 14}return 2}function Wt(e,t){var n=e.alternate;return n===null?(n=Je(e.tag,t,e.key,e.mode),n.elementType=e.elementType,n.type=e.type,n.stateNode=e.stateNode,n.alternate=e,e.alternate=n):(n.pendingProps=t,n.type=e.type,n.flags=0,n.subtreeFlags=0,n.deletions=null),n.flags=e.flags&14680064,n.childLanes=e.childLanes,n.lanes=e.lanes,n.child=e.child,n.memoizedProps=e.memoizedProps,n.memoizedState=e.memoizedState,n.updateQueue=e.updateQueue,t=e.dependencies,n.dependencies=t===null?null:{lanes:t.lanes,firstContext:t.firstContext},n.sibling=e.sibling,n.index=e.index,n.ref=e.ref,n}function ei(e,t,n,r,o,i){var l=2;if(r=e,typeof e=="function")Cs(e)&&(l=1);else if(typeof e=="string")l=5;else e:switch(e){case xn:return dn(n.children,o,i,t);case Ni:l=8,o|=8;break;case Pi:return e=Je(12,n,t,o|2),e.elementType=Pi,e.lanes=i,e;case zi:return e=Je(13,n,t,o),e.elementType=zi,e.lanes=i,e;case Mi:return e=Je(19,n,t,o),e.elementType=Mi,e.lanes=i,e;case sa:return ti(n,o,i,t);default:if(typeof e=="object"&&e!==null)switch(e.$$typeof){case ia:l=10;break e;case la:l=9;break e;case Ti:l=11;break e;case Ii:l=14;break e;case Et:l=16,r=null;break e}throw Error(C(130,e==null?e:typeof e,""))}return t=Je(l,n,t,o),t.elementType=e,t.type=r,t.lanes=i,t}function dn(e,t,n,r){return e=Je(7,e,r,t),e.lanes=n,e}function ti(e,t,n,r){return e=Je(22,e,r,t),e.elementType=sa,e.lanes=n,e.stateNode={isHidden:!1},e}function js(e,t,n){return e=Je(6,e,null,t),e.lanes=n,e}function Es(e,t,n){return t=Je(4,e.children!==null?e.children:[],e.key,t),t.lanes=n,t.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},t}function Jf(e,t,n,r,o){this.tag=t,this.containerInfo=e,this.finishedWork=this.pingCache=this.current=this.pendingChildren=null,this.timeoutHandle=-1,this.callbackNode=this.pendingContext=this.context=null,this.callbackPriority=0,this.eventTimes=Zi(0),this.expirationTimes=Zi(-1),this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=Zi(0),this.identifierPrefix=r,this.onRecoverableError=o,this.mutableSourceEagerHydrationData=null}function Ls(e,t,n,r,o,i,l,s,u){return e=new Jf(e,t,n,s,u),t===1?(t=1,i===!0&&(t|=8)):t=0,i=Je(3,null,null,t),e.current=i,i.stateNode=e,i.memoizedState={element:r,isDehydrated:n,cache:null,transitions:null,pendingSuspenseBoundaries:null},Dl(i),e}function Zf(e,t,n){var r=3"u"||typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE!="function"))try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(id)}catch(e){console.error(e)}}id(),Js.exports=Ae;var om=Js.exports,ld,sd=om;ld=Kt.createRoot=sd.createRoot,Kt.hydrateRoot=sd.hydrateRoot;const $r=(e,t)=>{const n=(i,l,s)=>{const u=window.getComputedStyle(i);let c=`.${s} {`;for(const g of u)l.includes(g)&&(c+=`${g}: ${u.getPropertyValue(g)};`);return c+="}",c};let r="";t.forEach(i=>{const l=document.createElement(i.elementType);document.body.appendChild(l),l.className=i.classNames,r+=n(l,i.properties,i.extractedClassName)+` `,document.body.removeChild(l)});const o=document.createElement("style");o.textContent=r,e.appendChild(o)},Fr=[{elementType:"button",classNames:"btn-primary btn",extractedClassName:"stl-btn",properties:["background-blend-mode","background-clip","background-color","color","text-indent","border","border-style","border-radius","border-end-end-radius","border-end-start-radius","border-start-end-radius","border-start-start-radius","border-top-left-radius","border-top-right-radius","border-bottom-right-radius","border-bottom-left-radius","font","font-family","font-size","font-style","font-weight","font-style"]}],Ar=(e,t)=>{if(!t||!Object.entries(t)[0]||!Object.entries(t)[0].length)return;let n=":host { ";for(const o in t)n+=`--${o}: ${t[o]}; `;n+=" }";const r=document.createElement("style");r.textContent=n,e.appendChild(r)},zs=new Map;function X(e,t){v.useLayoutEffect(()=>{var r,o;if(zs.get(e))return;const n=document.createElement("style");return n.innerHTML=t,n.setAttribute("id",e),(o=(r=document.getElementById("shop-the-look-container"))==null?void 0:r.shadowRoot)==null||o.appendChild(n),zs.set(e,n),()=>{n&&document.head.contains(n)&&(document.head.removeChild(n),zs.delete(e))}},[e,t])}const K=(e,...t)=>e.reduce((n,r,o)=>n+r+(o{}}),Dr=({children:e,languageCode:t})=>{const[n,r]=v.useState(lm);return a.jsx(ad.Provider,{value:{languageCode:t,translations:n,setTranslations:r},children:e})},Ee=v.createContext({pluginData:null}),ai=({children:e,pluginDataResponse:t})=>{const[n]=v.useState(t);return a.jsx(Ee.Provider,{value:{pluginData:n},children:e})},Ms=({width:e,height:t})=>a.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:e||"22px",height:t||"22px",viewBox:"0 0 448 512",fill:"currentColor",children:a.jsx("path",{d:"M352 128C352 57.421 294.579 0 224 0 153.42 0 96 57.421 96 128H0v304c0 44.183 35.817 80 80 80h288c44.183 0 80-35.817 80-80V128h-96zM224 32c52.935 0 96 43.065 96 96H128c0-52.935 43.065-96 96-96zm192 400c0 26.467-21.533 48-48 48H80c-26.467 0-48-21.533-48-48V160h64v48c0 8.837 7.164 16 16 16s16-7.163 16-16v-48h192v48c0 8.837 7.163 16 16 16s16-7.163 16-16v-48h64v272z"})}),pn=(e,t)=>{for(const n of e){let r=document.querySelector(n);if(!r)continue;if(n===".featured-title"){const i=r.firstElementChild;i&&(r=i)}const o=getComputedStyle(r);return t?t.reduce((i,l)=>(i[l]=o.getPropertyValue(l),i),{}):Array.from(o).reduce((i,l)=>(i[l]=o.getPropertyValue(l),i),{})}return{}},ui=document.querySelector(".btn-primary"),re=window.getComputedStyle(document.documentElement,null).getPropertyValue("--button-background")||ui&&window.getComputedStyle(ui).backgroundColor,ke=window.getComputedStyle(document.documentElement,null).getPropertyValue("--button-foreground")||ui&&document.querySelector(".btn-primary")&&window.getComputedStyle(ui).color,sm=`${ft.APP_URL}/script/defaultProductImg.png`,am=K` .stl-product-card { width: 100%; } .stl-content-card { display: flex; align-items: center; padding: 5px; border: 1px solid #ddd; border-radius: var(--stl-border-radius, 16px); margin: 10px 0; height: 110px; cursor: pointer; box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.1); } .stl-product-image { width: 135px; height: 100px; flex-shrink: 0; border-radius: var(--stl-border-radius, 16px); object-fit: cover; margin-right: 5px; margin-left: 6px; box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.1); } .stl-product-info { display: flex; justify-content: space-between; align-items: center; flex-grow: 1; padding-inline: 20px; width: 100%; overflow: hidden; } .stl-card-detail { display: flex; flex-direction: column; gap: 5px; width: calc(100% - 50px); } @media (max-width: 600px) { .stl-card-detail { flex-direction: none; } } .stl-product-price-container { display: flex; align-items: center; flex-wrap: wrap; gap: 5px; } .stl-product-price { margin: 0; font-size: 20px; font-weight: 400; } @media (max-width: 980px) { .stl-product-price { text-align: center; } } .stl-product-price-original { margin: 0; font-size: 15px; font-weight: 300; text-decoration: line-through; margin-right: 5px; opacity: 0.5; } @media (max-width: 980px) { .stl-product-price-original { text-align: center; } } .stl-product-name { font-size: 20px; margin: 0; line-height: normal; text-transform: uppercase; font-weight: 600; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } @media (max-width: 980px) { .stl-product-name { font-size: 13px; text-align: center; } } .stl-buy-button { border: none; border-radius: 50%; width: 39px; height: 39px; background-color: var(--stl-primary-color, ${re}); color: var(--stl-font-color, ${ke}); cursor: pointer; } .stl-buy-button:hover { background-color: var(--stl-font-color, ${ke}); color: var(--stl-primary-color, ${re}); } `,um=({product:e,lookId:t,handleModal:n})=>{var w,y,x;X("ProductCard",am);const{pluginData:r}=v.useContext(Ee),o=r==null?void 0:r.client,i=(w=e.product_data)==null?void 0:w.variants[0].promotional_price,l=(y=e.product_data)==null?void 0:y.variants[0].price,s=e.product_quantity||1,u=s>1,c=i?i*s:null,g=l?l*s:null,m=v.useMemo(()=>pn([".js-item-name",".item-name"],["font-size","font-family","font-weight"]),[]),f=v.useMemo(()=>pn([".js-price-display",".item-price"],["font-size","font-family","font-weight"]),[]);return a.jsx("div",{className:"stl-product-card",onClick:()=>jt({event:"stl_product_click",payload:{productID:e.product_id,storeID:window.LS.store.id}}),children:a.jsx("a",{href:e.product_canonical_url,style:{textDecoration:"none",color:"inherit"},onMouseDown:()=>{st({lookId:t,productId:e.product_id})},children:a.jsxs("div",{className:"stl-content-card",children:[a.jsx("img",{src:((x=e.product_preview_images[0])==null?void 0:x.src)||sm,alt:"product-img",className:"stl-product-image"}),a.jsxs("div",{className:"stl-product-info",children:[a.jsxs("div",{className:"stl-card-detail",children:[a.jsx("span",{className:"stl-product-name",style:m,children:e.product_name+(u?` x ${e.product_quantity}`:"")}),a.jsxs("div",{className:"stl-product-price-container",children:[c&&!!g&&a.jsx("span",{className:"stl-product-price",style:f,children:window.LS.formatToCurrency(c)}),a.jsx("span",{className:c&&g?"stl-product-price-original":"stl-product-price",style:c?void 0:f,children:g&&window.LS.formatToCurrency(g)})]})]}),(o==null?void 0:o.quick_shop_enabled)&&a.jsx("button",{className:"stl-buy-button",onClick:j=>n(j,[e]),children:a.jsx(Ms,{})})]})]})})})},ud=(e,t)=>{const[n,...r]=e,o=t[n]||{};return e.length>1?ud(r,o):t[n]||n},Me=()=>{const{languageCode:e,translations:t}=v.useContext(ad),n=(o,i)=>{const l=o.split(".");let s=ud(l,t[e]);return i&&Object.entries(i).forEach(([u,c])=>{s=s.replace(`{${u}}`,`${c}`)}),s};return{t:n,Translate:({index:o,interpolations:i,...l})=>{const s=n(o,i);return a.jsx("span",{...l,dangerouslySetInnerHTML:{__html:s}})}}},cm=()=>a.jsx("svg",{className:"icon-inline icon-w-14 icon-lg svg-icon-text",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 448 512",fill:"currentColor",children:a.jsx("path",{d:`M441.9 167.3l-19.8-19.8c-4.7-4.7-12.3-4.7-17 0L224 328.2 42.9 147.5c-4.7-4.7-12.3-4.7-17 0L6.1 167.3c-4.7 4.7-4.7 12.3 0 17l209.4 209.4c4.7 4.7 12.3 4.7 17 0l209.4-209.4c4.7-4.7 4.7-12.3 0-17z`})}),cd=`${ft.APP_URL}/script/defaultProductImg.png`,dm=K` .stl-modal-product-name { text-align: left; font-size: 24px; font-weight: 400; } .stl-form-group { display: flex; align-items: center; gap: 5px; position: relative; max-width: 100%; overflow: hidden; margin-right: 1rem; } .stl-variants-container { display: flex; width: 97%; align-items: center; padding: 6px; border: 1px solid #ddd; border-radius: var(--stl-border-radius, 16px); margin: 1px 0; height: auto; overflow: hidden; box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.1); } @media (max-width: 600px) { .stl-variants-container { padding: 4px; width: 97%; } } .stl-modal-product-image { width: 130px; height: 100px; flex-shrink: 0; border-radius: var(--stl-border-radius, 16px); object-fit: cover; margin-right: 5px; box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.1); } @media (max-width: 600px) { .stl-modal-product-image { display: none; } } .stl-modal-product-image-mobile { width: 104px; height: 80px; flex-shrink: 0; border-radius: 16px; object-fit: cover; margin-right: 5px; box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.1); display: none; } @media (max-width: 600px) { .stl-modal-product-image-mobile { display: flex; margin-block: auto; } } .stl-variant-info { display: flex; justify-content: space-between; align-items: center; flex-grow: 1; overflow: hidden; padding-inline: 20px; color: ${Ze}; } @media (max-width: 980px) { .stl-variant-info { flex-direction: column; margin-block: 15px; } } @media (max-width: 600px) { .stl-variant-info { margin-block: 5px; padding-inline: 5px; } } .stl-card-variant-detail { display: grid; width: 100%; gap: 5px; } @media (max-width: 600px) { .stl-card-variant-detail { flex-direction: row; } } .stl-price-amount-container { display: flex; align-items: center; } .stl-variant-price-original { margin: 0; font-size: 15px; font-weight: 300; text-decoration: line-through; opacity: 0.7; text-align: left; margin-right: 5px; color: ${Ze}; } @media (max-width: 600px) { .stl-variant-price-original { font-size: 10px; } } .stl-variant-price { margin: 0; font-size: 20px; font-weight: 400; text-align: left; color: ${Ze}; } @media (max-width: 600px) { .stl-variant-price { font-size: 16px; } } .stl-card-product-info { display: flex; align-items: center; width: 100%; overflow: hidden; } @media (max-width: 600px) { .stl-card-product-info { padding-inline: 4px; } } .stl-card-product-data { flex: 1; min-width: 0; overflow: hidden; } .stl-variant-name { display: block; font-size: 16px; margin: 0; line-height: normal; text-transform: uppercase; font-weight: 600; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; color: ${Ze}; } @media (max-width: 980px) { .stl-variant-name { font-size: 14px; } } @media (max-width: 600px) { .stl-variant-name { font-size: 14px; } } .stl-variant-group { display: flex; flex-wrap: wrap; gap: 1rem; text-align: left; font-weight: 500; margin-top: 7px; } @media (max-width: 600px) { .stl-variant-group { display: block; margin-right: 25px; margin-top: 5px; } } .stl-form-select-icon { width: 14px; position: absolute; top: 10%; right: 0px; pointer-events: none; } @media (max-width: 600px) { .stl-form-select-icon { width: 11px; } } .stl-form-select { border: none; font-size: 16px; opacity: 0.7; border: 0; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: inherit; background-color: transparent; text-indent: 0px; text-overflow: ellipsis; padding-right: 15px; cursor: pointer; max-width: 100%; width: 120px; white-space: nowrap; overflow: hidden; } @media (max-width: 600px) { .stl-form-select { font-size: 14px; width: 150px; } } /* Styles for select options */ .stl-form-select option { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; } /* Custom styles for Firefox */ @-moz-document url-prefix() { .stl-form-select { text-overflow: ellipsis; width: 100%; } } /* Custom styles for IE and Edge */ select::-ms-expand { display: none; } .stl-form-select::-ms-value { background-color: transparent; color: inherit; } `,pm=e=>{if(!(e!=null&&e.length))return null;const[t]=e;return{promotionalPrice:t.promotional_price||null,price:t.price||null}},fm=({product:e,included:t,cartVariants:n,stockError:r,changeCartVariant:o})=>{var g,m,f,w,y;X("Variants",dm);const[i,l]=v.useState([]),s=e.product_quantity||1,u=v.useMemo(()=>{var j;if(!Object.keys(e).length||!Object.keys(n).length)return 0;const x=(j=e.product_data)==null?void 0:j.variants.find(p=>p.values.map(d=>d.es||d.pt||d.en).toString()===n[e.product_id].toString());return x?{promotionalPrice:x.promotional_price?Number(x.promotional_price)*s:null,price:Number(x.price)*s}:null},[n,e,s]);v.useEffect(()=>{var j,p,d,h;if(!((j=e==null?void 0:e.product_data)!=null&&j.variants))return;const x=[];for(let k=0;k<((p=e.product_data)==null?void 0:p.attributes.length);k++){const E=[...new Set((h=(d=e.product_data)==null?void 0:d.variants)==null?void 0:h.map(L=>L.values[k].es||L.values[k].pt||L.values[k].en))];if(x.push(E),E.length===1&&Object.prototype.hasOwnProperty.call(n,e.product_id)&&!n[e.product_id][k]){const L={target:{value:E[0]}};o(L,e.product_id,k)}}l(x)},[e,o,n]);const c=pm((g=e.product_data)==null?void 0:g.variants);return a.jsxs("div",{className:"stl-variants-container",style:t?{}:{opacity:"0.5",pointerEvents:"none"},children:[a.jsx("a",{href:e.product_canonical_url,target:"_blank",style:{textDecoration:"none",color:"inherit"},children:a.jsx("img",{src:((m=e.product_preview_images[0])==null?void 0:m.src)||cd,alt:`${e.product_name}-img`,className:"stl-modal-product-image"})}),a.jsx("div",{className:"stl-variant-info",children:a.jsx("div",{className:"stl-card-variant-detail",children:a.jsxs("div",{className:"stl-card-product-info",children:[a.jsx("a",{href:e.product_canonical_url,target:"_blank",style:{textDecoration:"none",color:"inherit"},children:a.jsx("img",{src:((f=e.product_preview_images[0])==null?void 0:f.src)||cd,alt:`${e.product_name}-img`,className:"stl-modal-product-image-mobile"})}),a.jsxs("div",{className:"stl-card-product-data",children:[a.jsx("a",{href:e.product_canonical_url,target:"_blank",style:{textDecoration:"none",color:"inherit"},children:a.jsx("span",{className:"stl-variant-name",children:e.product_name+`${s>1?" x "+s:""}`})}),a.jsx("div",{className:"stl-price-amount-container",children:r[e.product_id]||(w=n[e.product_id])!=null&&w.some(x=>!x)?a.jsx(a.Fragment,{children:c!=null&&c.promotionalPrice?a.jsxs(a.Fragment,{children:[a.jsx("span",{className:"stl-variant-price-original",children:window.LS.formatToCurrency(c.price)}),a.jsx("span",{className:"stl-variant-price",children:window.LS.formatToCurrency(c.promotionalPrice)})]}):a.jsx("span",{className:"stl-variant-price",children:window.LS.formatToCurrency(c==null?void 0:c.price)})}):u?a.jsx(a.Fragment,{children:u.promotionalPrice?a.jsxs(a.Fragment,{children:[a.jsx("span",{className:"stl-variant-price-original",children:window.LS.formatToCurrency(u.price)}),a.jsx("span",{className:"stl-variant-price",children:window.LS.formatToCurrency(u.promotionalPrice)})]}):a.jsx("span",{className:"stl-variant-price",children:window.LS.formatToCurrency(u.price)})}):null}),a.jsx("div",{className:"stl-variant-group",children:(y=e==null?void 0:e.product_data)==null?void 0:y.attributes.map((x,j)=>{var p,d;return a.jsx("div",{className:"stl-form-group",children:a.jsxs("div",{style:{position:"relative",overflow:"hidden"},children:[a.jsxs("select",{id:`variation_${j}`,className:"stl-form-select",onChange:h=>o(h,e.product_id,j),name:`variant[${j}]`,children:[a.jsx("option",{style:{textAlign:"left"},selected:((p=n==null?void 0:n[e.product_id])==null?void 0:p[j])===null,disabled:!0,value:"",children:x}),(i==null?void 0:i.length)&&((d=i[j])==null?void 0:d.map((h,k)=>a.jsx("option",{selected:n[e.product_id][k]===h,value:h,children:h})))]}),a.jsxs("div",{className:"stl-form-select-icon",children:[a.jsx(cm,{})," "]})]})})})})]})]})})})]})};var Y=(e=>(e.Default="DEFAULT",e.Loading="LOADING",e.Stock_Error="STOCK_ERROR",e.Finished="FINISHED",e.Success="SUCCESS",e.No_Product="NO_PRODUCT",e.Missing_Variants="MISSING_VARIANTS",e))(Y||{});const mm=()=>a.jsx("svg",{width:"18",height:"14",viewBox:"0 0 18 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:a.jsx("path",{d:"M6.00016 11.1698L1.83016 6.99984L0.410156 8.40984L6.00016 13.9998L18.0002 1.99984L16.5902 0.589844L6.00016 11.1698Z",fill:"white"})}),hm=({status:e,multipleProducts:t,stockError:n,productsToInclude:r,cartVariants:o,lookId:i,setStatus:l,setStockError:s,checkUserSelectedVariants:u,setNoStockVariants:c,handleCloseModal:g,discountSettings:m,hasDiscount:f,totalPrice:w,selectedProducts:y})=>{var S;const{t:x}=Me(),j=K` .stl-look-modal-discount { color: #22a06b; margin: 0; font-size: 16px; text-align: center; font-weight: bold; display: block; } .stl-look-modal-price-original { margin: 0 5px; text-align: center; font-size: 17px; font-weight: 400; text-decoration: line-through; opacity: 0.5; } `,{pluginData:p}=v.useContext(Ee),d=async()=>{var T,P,z;try{if(l(Y.Loading),u()){l(Y.Missing_Variants);return}let $=[],Z=0;for(const O of r){const _=((T=y==null?void 0:y.find(R=>R.product_id===O))==null?void 0:T.product_quantity)||1,I=await Os(O,o[O],_);if(!((P=I.response)!=null&&P.error)){Z++,$.push(I);break}$.push(I),Z++}if($=[...$,...await Promise.all(r.slice(Z).map(O=>{var I;const _=((I=y==null?void 0:y.find(R=>R.product_id===O))==null?void 0:I.product_quantity)||1;return Os(O,o[O],_)}))],$.forEach(({productId:O,response:_})=>{if(_!=null&&_.error){s(I=>({...I,[O]:!0}));return}O&&o[O].length&&c(I=>({...I,[O]:[...I[O]||[],o[O]]}))}),$.every(O=>{var _;return(_=O.response)==null?void 0:_.error})){l(Y.Stock_Error);return}const b=$.filter(({response:O})=>{var _;return!!((_=O==null?void 0:O.info)!=null&&_.cart.products.length)}).reduce((O,_)=>{var V,W,Le,me;const I=Number((W=(V=O.response)==null?void 0:V.info)==null?void 0:W.item.id)||0;return Number((me=(Le=_.response)==null?void 0:Le.info)==null?void 0:me.item.id)>I?_:O});await gh((z=b.response)==null?void 0:z.info),l(Y.Success),h({closeModal:!0}),jt({event:"stl_add_to_cart",payload:{lookID:i,storeID:window.LS.store.id}})}catch(F){console.log("ERROR: ",F),l(Y.Stock_Error)}};X("AddToCart",j);const h=({closeModal:T=!0})=>{const P=document.querySelector('[data-toggle="#modal-cart"]');if(!P){const z=document.createElement("div");z.id="ajax-cart",z.className="cart-summary",z.innerHTML=` `,z.style.display="none",document.body.appendChild(z);const F=document.querySelector('[data-toggle="#modal-cart"]');F==null||F.click(),T&&setTimeout(()=>{g()},1e3);return}P==null||P.click(),T&&setTimeout(()=>{g()},1e3)},k=v.useMemo(()=>{switch(e){case Y.Loading:return a.jsxs(a.Fragment,{children:[a.jsx("span",{className:"stl-loader"}),x("QuickShopModal.loading")]});case Y.Stock_Error:return x("QuickShopModal.button");case Y.Success:return a.jsxs(a.Fragment,{children:[a.jsx(mm,{}),x("QuickShopModal.finished")]});default:return x("QuickShopModal.button")}},[e,x]),E=v.useMemo(()=>{switch(e){case Y.Stock_Error:return a.jsx("a",{href:"#",onClick:g,className:"stl-finish-message",children:x("QuickShopModal.shop")});case Y.Success:return a.jsx("a",{href:"#",onClick:()=>h({closeModal:!0}),className:"stl-finish-message",children:x("QuickShopModal.showCart")});default:return null}},[e]),L=!t&&Object.values(n)[0]||!r.length||Object.values(n).every(Boolean),N=e===Y.Stock_Error||e===Y.Success||e===Y.Loading||e===Y.Missing_Variants||!r.length;return a.jsxs(a.Fragment,{children:[a.jsxs("div",{className:"stl-modal-btn-container",children:[a.jsx("div",{style:{marginTop:"1rem"},children:((S=p==null?void 0:p.client.anchor_data)==null?void 0:S.totalLookVisibility)&&a.jsxs(a.Fragment,{children:[f&&a.jsxs("span",{className:"stl-look-modal-discount",children:["-",Wn(m.amount),"% OFF"]}),a.jsxs("p",{className:"stl-look-modal-text",children:[x("QuickShopModal.modalPriceText")," ",a.jsx("span",{"data-look-price":f?w*(1-m.amount/100):w,className:"stl-look-modal-price",children:window.LS.formatToCurrency(f?w*(1-m.amount/100):w)}),f&&a.jsx("span",{style:{marginLeft:"5px"},className:"stl-look-modal-price-original",children:window.LS.formatToCurrency(w)})]})]})}),a.jsx("button",{className:`stl-btn stl-btn-custom ${e===Y.Loading?" stl-btn-loading":""} ${e===Y.Success?" stl-btn-finished":""} ${L?" stl-btn-error":""}`,onClick:()=>d(),disabled:N,children:r.length?k:x("QuickShopModal.noProduct")})]}),E]})},dd=()=>a.jsx("svg",{width:"14",height:"13",viewBox:"0 0 14 13",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:a.jsx("path",{d:`M13.067 11.6828C13.1251 11.7409 13.1712 11.8098 13.2026 11.8857C13.234 11.9615 13.2502 12.0429 13.2502 12.125C13.2502 12.2071 13.234 12.2884 13.2026 12.3643C13.1712 12.4402 13.1251 12.5091 13.067 12.5672C13.009 12.6252 12.94 12.6713 12.8642 12.7027C12.7883 12.7342 12.707 12.7503 12.6249 12.7503C12.5427 12.7503 12.4614 12.7342 12.3855 12.7027C12.3097 12.6713 12.2407 12.6252 12.1827 12.5672L6.99986 7.38357L1.81705 12.5672C1.69977 12.6844 1.54071 12.7503 1.37486 12.7503C1.20901 12.7503 1.04995 12.6844 0.932672 12.5672C0.815396 12.4499 0.749512 12.2908 0.749512 12.125C0.749512 11.9591 0.815396 11.8001 0.932672 11.6828L6.11627 6.49998L0.932672 1.31717C0.815396 1.19989 0.749512 1.04083 0.749512 0.874981C0.749512 0.709129 0.815396 0.550069 0.932672 0.432794C1.04995 0.315518 1.20901 0.249634 1.37486 0.249634C1.54071 0.249634 1.69977 0.315518 1.81705 0.432794L6.99986 5.61639L12.1827 0.432794C12.2999 0.315518 12.459 0.249634 12.6249 0.249634C12.7907 0.249634 12.9498 0.315518 13.067 0.432794C13.1843 0.550069 13.2502 0.709129 13.2502 0.874981C13.2502 1.04083 13.1843 1.19989 13.067 1.31717L7.88345 6.49998L13.067 11.6828Z`,fill:Ze})}),gm=`${ft.APP_URL}/script/watermark.svg`,vm=document.body,ym=window.getComputedStyle(vm).backgroundColor||"white",fn=({selectedProducts:e,look:t,discountSettings:n,options:r,handleCloseModal:o})=>{const i=K` .stl-modal-background { position: fixed; inset: 0; background-color: rgba(0, 0, 0, 0.7); z-index: 9999; transition: opacity 0.3s ease-in-out; display: flex; justify-content: center; align-items: center; } p { color: #343537; } .stl-modal-style { width: fit-content; background-color: var(--main-background, ${ym}); border: 1px solid gray; border-radius: var(--stl-border-radius, 16px); outline: none; padding: 32px; display: flex; flex-direction: column; gap: 20px; max-width: ${r!=null&&r.showPreviewImage?"950px":"800px"}; overflow: auto; } @media (max-width: 960px) { .stl-modal-style { max-width: 80vw; gap: 10px; } } @media (max-width: 600px) { .stl-modal-style { width: 100%; margin: 12px; padding: 10px; overflow: scroll; } } .stl-modal-header { flex-shrink: 0; @media (max-width: 600px) { padding: 4px; } } .stl-modal-header-title { display: flex; width: 100%; justify-content: space-between; } .stl-modal-product-title { font-size: 1rem; font-weight: 600; line-height: 1rem; text-align: left; color: ${Ze}; } @media (max-width: 600px) { .stl-modal-product-title { font-size: 18px; line-height: 18px; } } .stl-modal-product-name { font-size: 24px; font-weight: 400; } .stl-modal-close { font-size: 18px; margin-block: 0; cursor: pointer; margin-left: auto; position: relative; color: ${Ze}; } .stl-modal-close::before { content: ""; position: absolute; top: -10px; right: -10px; bottom: -10px; left: -10px; } .stl-modal-products-name { font-size: 20px; color: ${Ze}; margin-bottom: 15px; margin-top: 10px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } @media (max-width: 600px) { .stl-modal-products-name { font-size: 18px; margin-top: 3px; } } .stl-look-content-container { display: flex; gap: 30px; } .stl-look-info-container { width: 100%; } .stl-variants { display: flex; flex-grow: 1; overflow-y: auto; flex-direction: column; justify-content: initial; margin-top: 18px; gap: initial; } @media (max-width: 600px) { .stl-variants { margin-top: 5px; } } .stl-variants-look-preview-image { flex-direction: row; justify-content: center; gap: 30px; } .stl-look-image-container { position: relative; width: 100%; } .stl-look-image { position: absolute; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; max-width: 100%; opacity: 0; transition: opacity 0.5s ease-in-out; } @media (max-width: 980px) { .stl-look-image { display: flex; } } .stl-look-image.active { opacity: 1; } .stl-look-image img { margin-block: auto; position: absolute; border-radius: var(--stl-border-radius, 16px); max-width: 100%; max-height: 100%; min-height: 0; } @media (max-width: 980px) { .stl-look-image img { width: auto; margin-inline: auto; margin-block: auto; } } .stl-look-image-transition { animation: fadeInOut 4s infinite; } @keyframes fadeInOut { 0%, 100% { opacity: 0; } 5%, 95% { opacity: 1; } } .stl-variants-cards-container { display: flex; flex-direction: column; gap: 5px; width: 100%; overflow-y: auto; } .stl-variants-card-container { width: 100%; } .stl-variants-card { display: flex; align-items: center; width: 100%; gap: 20px; } @media (max-width: 600px) { .stl-variants-card { position: relative; flex-direction: row-reverse; } } .stl-look-modal-price { margin: 0; text-align: center; font-size: 24px; font-weight: 400; } @media (max-width: 600px) { .stl-look-modal-price { font-size: 20px; } } .stl-look-modal-price-original { margin: 0; text-align: center; font-size: 16px; text-decoration: line-through; font-weight: 300; margin-right: 5px; opacity: 0.7; } @media (max-width: 600px) { .stl-look-modal-price-original { font-size: 15px; } } .stl-price-amount { display: flex; justify-content: center; align-items: center; margin-top: 30px; margin-bottom: 5px; } @media (max-width: 600px) { .stl-price-amount { margin-top: 15px; margin-bottom: 0px; } } .stl-variants-card-error { text-align: end; color: #b30003; font-size: 14px; padding-right: 15px; padding-top: 5px; padding-bottom: 15px; } @media (max-width: 600px) { .stl-variants-card-error { font-size: 12px; } } .stl-quickshop-action { flex-shrink: 0; display: flex; flex-direction: column; } .stl-modal-btn-container { display: flex; flex-direction: column; justify-content: space-around; align-items: center; color: var(--stl-font-color, ${ke}); } .stl-look-modal-text { font-size: 20px; margin: 0 0 1rem 0; } .stl-btn-custom { width: fit-content; height: 52px; padding: initial; font-size: 15px; padding-inline: 15px; text-transform: uppercase; cursor: pointer; background-image: none; border-style: none; background-color: var(--stl-primary-color, ${re}); color: var(--stl-font-color, ${ke}); } @media (max-width: 980px) { .stl-btn-custom { height: 35px; font-size: 12px; padding-inline: 13px; margin-top: 8px; } } .stl-btn-error { background-color: #595959; color: #ffffff; text-decoration-color: #ffffff; text-emphasis-color: #ffffff; -webkit-text-fill-color: #ffffff; -webkit-text-stroke-color: #ffffff; cursor: not-allowed; } .stl-btn-loading { display: flex; align-items: center; gap: 4px; background-color: #595959; color: #ffffff; text-decoration-color: #ffffff; text-emphasis-color: #ffffff; -webkit-text-fill-color: #ffffff; -webkit-text-stroke-color: #ffffff; } .stl-btn-finished { display: flex; align-items: center; gap: 4px; cursor: default; pointer-events: none; background-color: #024b2c; color: #ffffff; text-decoration-color: #ffffff; text-emphasis-color: #ffffff; -webkit-text-fill-color: #ffffff; -webkit-text-stroke-color: #ffffff; } .stl-finish-message { font-size: 14px; margin-top: 7px; color: inherit; text-align: center; } @media (max-width: 600px) { .stl-finish-message { margin-top: 14px; } } .stl-loader { width: 32px; height: 32px; border: 5px solid #343537; border-bottom-color: transparent; border-radius: 50%; display: inline-block; box-sizing: border-box; animation: rotation 1s linear infinite; } @keyframes rotation { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .stl-checkbox { position: relative; display: inline-block; width: 24px; height: 24px; margin-right: 10px; cursor: pointer; } @media (max-width: 600px) { .stl-checkbox { position: absolute; } } .stl-checkbox input { opacity: 0; width: 0; height: 0; } .stl-checkmark { position: absolute; top: 0; left: 0; width: 20px; height: 20px; border-radius: 4px; } .stl-checkbox input ~ .stl-checkmark { background-color: white; border: 2px solid black; border-radius: 8px; } .stl-checkbox:hover input ~ .stl-checkmark { background-color: white; } .stl-checkbox input:checked ~ .stl-checkmark { background-color: black; border: 2px solid white; border-radius: 8px; } .stl-checkmark:after { content: ""; position: absolute; display: none; } .stl-checkbox input:checked ~ .stl-checkmark:after { display: block; } .stl-checkbox .stl-checkmark:after { left: 7px; top: 2px; width: 5px; height: 13px; border: solid white; border-width: 0 1px 1px 0; transform: rotate(45deg); } .stl-form-select option { background-color: #333; color: #fff; /* Light text for options */ } /* Style for select when opened */ .stl-form-select:focus { outline: none; border-bottom-color: #fff; } /* Hover style for options */ .stl-form-select option:hover, .stl-form-select option:focus, .stl-form-select option:active { background-color: #555; } /* For Webkit browsers like Chrome/Safari */ .stl-form-select::-webkit-select-placeholder { color: inherit; } .stl-form-select::-webkit-select-inner-element { background-color: #333; } .stl-form-select::-webkit-select-dropdown-container { background-color: #333; } .stl-form-select::-webkit-select-dropdown-button { background-color: transparent; } /* For Firefox */ .stl-form-select { -moz-appearance: none; text-indent: 0.01px; text-overflow: ellipsis; } /* For IE and Edge */ .stl-form-select::-ms-expand { display: none; } .stl-form-select::-ms-value { background-color: transparent; color: inherit; } .render-look-preview-img-container { display: none; } @media (min-width: 900px) { .render-look-preview-img-container { display: flex; justify-content: center; align-items: center; } } .stl-modal-footer { width: 100%; height: 20px; } .stl-watermark { display: flex; justify-content: flex-end; margin-top: 10px; } .stl-watermark img { height: 15px; } `;X("Modal",i);const{t:l}=Me(),[s,u]=v.useState(Y.Default),[c,g]=v.useState({}),[m,f]=v.useState([]),[w,y]=v.useState({}),[x,j]=v.useState({}),[p,d]=v.useState({}),h=S=>{f(T=>T.includes(S)?T.filter(P=>P!==S):[...T,S])},k=v.useCallback(()=>{var T;let S=!1;for(const P of m){if(!c[P].length){j(z=>({...z,[P]:!1}));continue}(T=c[P])!=null&&T.length&&c[P].some(z=>!z)?(j(z=>({...z,[P]:!0})),S=!0):j(z=>({...z,[P]:!1}))}return S},[c,m]),E=(S,T,P)=>{const{value:z}=S.target,F=[...c[T]];F[P]=z||null,g(b=>({...b,[T]:F}));const $=e==null?void 0:e.find(b=>b.product_id.toString()==T.toString());if(F.some(b=>!b)){j(b=>({...b,[T]:!0}));return}if(j(b=>({...b,[T]:!1})),!($!=null&&$.product_data))return;const{variants:Z}=$.product_data;if(!Z.filter(b=>b.values.map(O=>O.es||O.en||O.pt).toString()===F.toString()).length){y(b=>({...b,[T]:!0})),d(b=>({...b,[T]:b[T]?[...b[T],F]:[F]})),u(Y.Stock_Error);return}if(y(b=>({...b,[T]:!1})),!!Object.keys(p).length)for(const b of p[T])F.toString()===b.toString()&&y(O=>({...O,[T]:!0})),r!=null&&r.multipleProducts||u(Y.Stock_Error)};v.useEffect(()=>{!k()&&u(Y.Default)},[m,k]),v.useEffect(()=>{if(Object.values(w).every(S=>S)){u(Y.Stock_Error);return}s!==Y.Finished&&s!==Y.Success&&u(Y.Default)},[w]);const L=v.useMemo(()=>{var T;let S=0;for(const P of m){const z=e==null?void 0:e.find(Z=>Z.product_id===P);if(!((T=z==null?void 0:z.product_data)!=null&&T.variants))continue;const F=z.product_quantity||1,$=z.product_data.variants.find(Z=>{var b;return Z.values.map(O=>O.es||O.en||O.pt).toString()===((b=c[P])==null?void 0:b.toString())});$?S+=Number($.promotional_price||$.price)*F:z.product_data.variants[0]&&(S+=Number(z.product_data.variants[0].promotional_price||z.product_data.variants[0].price)*F)}return S},[c,m,e]);v.useEffect(()=>{const S=document.body;return S.style.overflow=e?"hidden":"auto",()=>{S.style.overflow="auto"}},[e]),v.useEffect(()=>{var S,T,P;if(e)for(const z of e){if(!((S=z==null?void 0:z.product_data)!=null&&S.variants)){g($=>({...$,[z.product_id]:[]})),y($=>({...$,[z.product_id]:!1}));continue}const F=Array((P=(T=z.product_data)==null?void 0:T.variants[0].values)==null?void 0:P.length).fill(null);g($=>({...$,[z.product_id]:F})),y($=>({...$,[z.product_id]:!1})),f($=>[...$,z.product_id])}},[]),v.useEffect(()=>{const S={...c};let T=!1;e==null||e.forEach(P=>{var F,$;const z=P.product_id;m.includes(z)&&!S[z]&&(S[z]=($=(F=P.product_data)==null?void 0:F.variants[0])!=null&&$.values?Array(P.product_data.variants[0].values.length).fill(null):[],T=!0)}),T&&g(S)},[m,e]);const N=n.active&&n.amount>0&&m.length===(e==null?void 0:e.length)&&Object.values(w).every(S=>S===!1)&&e.length>1&&s!==Y.Missing_Variants;return a.jsx(a.Fragment,{children:a.jsx("div",{className:"stl-modal-background ",onClick:o,children:a.jsxs("div",{className:"stl-modal-style",onClick:S=>S.stopPropagation(),children:[a.jsx("div",{className:"stl-modal-header",children:a.jsxs("div",{className:"stl-modal-header-title",children:[a.jsx("span",{className:"stl-modal-product-title",style:{marginBlock:"0"},children:t.look_name}),a.jsx("span",{className:"stl-modal-close",onClick:o,children:a.jsx(dd,{})})]})}),a.jsxs("div",{className:"stl-look-content-container",children:[a.jsx("div",{className:"render-look-preview-img-container",children:(r==null?void 0:r.showPreviewImage)&&a.jsx(mi,{look:t,customhHeight:r!=null&&r.showPreviewImage?"350px":"",customWidth:r!=null&&r.showPreviewImage?"330px":""})}),a.jsxs("div",{className:"stl-look-info-container",children:[a.jsx("div",{className:"stl-variants".concat(r!=null&&r.showPreviewImage?" stl-variants-look-preview-image":""),children:a.jsx("div",{className:"stl-variants-cards-container",style:{height:((e==null?void 0:e.length)||0)>2?"400px":"auto"},children:e==null?void 0:e.map(S=>a.jsxs("div",{className:"stl-variants-card-container",children:[a.jsxs("div",{className:"stl-variants-card",children:[e.length>1&&a.jsxs("label",{className:"stl-checkbox",style:{whiteSpace:"nowrap",textOverflow:"ellipsis"},children:[a.jsx("input",{type:"checkbox",checked:m.includes(S.product_id),onChange:()=>h(S.product_id)}),a.jsx("span",{className:"stl-checkmark"})]}),a.jsx(fm,{product:S,changeCartVariant:E,included:m.includes(S.product_id),cartVariants:c,stockError:w})]}),s===Y.Missing_Variants&&x[S.product_id]&&a.jsx("div",{className:"stl-variants-card-error",children:l("QuickShopModal.variantError")}),!x[S.product_id]&&w[S.product_id]&&a.jsx("div",{className:"stl-variants-card-error",children:l("QuickShopModal.stockError")})]}))})}),a.jsx("div",{className:"stl-quickshop-action",children:a.jsx(hm,{status:s,multipleProducts:r==null?void 0:r.multipleProducts,stockError:w,productsToInclude:m,cartVariants:c,setStatus:u,checkUserSelectedVariants:k,setStockError:y,setNoStockVariants:d,handleCloseModal:o,lookId:t.look_id,discountSettings:n,hasDiscount:N,totalPrice:L,selectedProducts:e})})]})]}),a.jsx("div",{className:"stl-modal-footer",children:a.jsx("div",{className:"stl-watermark",children:a.jsx("a",{href:window.LS.country==="BR"?"https://www.nuvemshop.com.br/loja-aplicativos-nuvem/busca?q=Appsnube":"https://www.tiendanube.com/tienda-aplicaciones-nube/busca?q=Appsnube",target:"_blank",rel:"noopener noreferrer",children:a.jsx("img",{src:gm,alt:"watermark image"})})})})]})})})},xm=K` .stl-look-grid-item-wrapper { height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; } .stl-look-image-container { position: relative; width: 100%; } .stl-look-image { position: absolute; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; max-width: 100%; opacity: 0; transition: opacity 0.5s ease-in-out; } @media (max-width: 980px) { .stl-look-image { display: flex; } } .stl-look-image.active { opacity: 1; } .stl-look-image img { margin-block: auto; position: absolute; border-radius: var(--stl-border-radius, 16px); max-width: 100%; max-height: 100%; min-height: 0; } @media (max-width: 980px) { .stl-look-image img { width: auto; margin-inline: auto; margin-block: auto; } } .stl-look-image-transition { animation: fadeInOut 4s infinite; } @keyframes fadeInOut { 0%, 100% { opacity: 0; } 5%, 95% { opacity: 1; } } .stl-look-detail { display: flex; flex-direction: column; margin-top: 10px; } @media (max-width: 980px) { .stl-look-detail { margin-top: 0; } } .stl-look-view-price-container { display: flex; gap: 5px; justify-content: center; align-items: center; margin-block: 0px; } .stl-look-view-price-original { margin: 0; text-align: center; font-size: 17px; font-weight: 400; text-decoration: line-through; opacity: 0.5; margin-right: 7px; } .stl-look-view-discount { color: #22a06b; margin: 0; font-size: 16px; text-align: center; font-weight: bold; display: block; } .stl-look-view-price { margin: 0; text-align: center; font-size: 24px; font-weight: 400; } .stl-buy-look-button { width: auto; height: 52px; padding: initial; font-size: 15px; padding-inline: 15px; z-index: 10; text-transform: uppercase; cursor: pointer; border-style: none; background-color: var(--stl-primary-color, ${re}); color: var(--stl-font-color, ${ke}); } @media (max-width: 980px) { .stl-buy-look-button { height: 35px; font-size: 12px; padding-inline: 13px; } } @media (max-width: 600px) { .stl-buy-look-button { opacity: 0.8; } } .stl-buy-look-button:hover { opacity: 1; } .stl-buy-look-button-mobile-container { display: none; } @media (max-width: 972px) { .stl-buy-look-button-mobile-container { display: flex; justify-content: center; width: auto; padding: initial; font-size: 15px; padding: 15px; text-transform: uppercase; cursor: pointer; border-style: none; margin-top: 10px; background-color: var(--stl-primary-color, ${re}); color: var(--stl-font-color, ${ke}); } } `,wm=({look:e,handleModal:t})=>{var l,s,u;X("GridLook",xm);const{t:n}=Me(),{pluginData:r}=v.useContext(Ee),o=v.useMemo(()=>hi(e),[e]),i=c=>{t(c,e.products),jt({event:"stl_buy_look",payload:{lookID:e.look_id,storeID:window.LS.store.id}})};return a.jsxs("div",{className:"stl-look-grid-item-wrapper",children:[a.jsx(mi,{look:e}),e.products.every(c=>c.product_data)&&((l=r==null?void 0:r.client.anchor_data)!=null&&l.totalLookVisibility)?a.jsxs("div",{className:"stl-look-detail",children:[a.jsxs("div",{className:"stl-look-view-price-container",children:[a.jsx("span",{"data-product-price":o*(1-e.discount_settings.amount/100)||o,className:e.discount_settings.active&&e.discount_settings.amount>0?"stl-look-view-price-original":"stl-look-view-price",children:window.LS.formatToCurrency(o)}),e.discount_settings.active&&e.discount_settings.amount>0&&a.jsx("span",{className:"stl-look-view-price",children:window.LS.formatToCurrency(o*(1-e.discount_settings.amount/100))}),e.discount_settings.active&&e.discount_settings.amount>0&&a.jsxs("span",{className:"stl-look-view-discount",children:["-",Wn(e.discount_settings.amount),"% OFF"]})]}),a.jsx("button",{className:"stl-btn stl-buy-look-button-mobile-container",onClick:i,children:((s=r==null?void 0:r.client.anchor_data)==null?void 0:s.button_text)||n("Grid.button")})]}):a.jsx("button",{className:"stl-btn stl-buy-look-button-mobile-container",onClick:i,children:((u=r==null?void 0:r.client.anchor_data)==null?void 0:u.button_text)||n("Grid.button")})]})},km=K` .stl-look-grid-item-wrapper-mobile { display: none; height: 100%; width: 90%; flex-direction: column; justify-content: center; align-items: center; position: relative; } @media (max-width: 600px) { .stl-look-grid-item-wrapper-mobile { display: flex; } } .stl-look-image-mobile { width: 100%; display: flex; justify-content: center; align-items: center; max-width: 100%; border-radius: 24px; display: none; transition: opacity 0.5s ease-in-out; } .stl-look-image-mobile.active { opacity: 1; display: flex; flex-direction: column; position: relative; } .stl-look-image-mobile img { margin-block: auto; border-radius: var(--stl-border-radius, 16px); max-height: 70vh; width: 100%; object-fit: cover; } .stl-buy-look-button-mobile { width: auto; padding: initial; opacity: 0.8; z-index: 10; text-transform: uppercase; cursor: pointer; height: 35px; font-size: 12px; padding-inline: 13px; position: absolute; bottom: 60px; border-style: none; background-color: var(--stl-primary-color, ${re}); color: var(--stl-font-color, ${ke}); } .stl-buy-look-button-mobile:hover { opacity: 1; } .stl-look-price-container { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; padding-top: 10px; } .stl-look-row-price { display: flex; flex-direction: row; gap: 5px; align-items: center; } .stl-look-view-price-original { margin: 0; text-align: center; font-size: 15px; font-weight: 500; text-decoration: line-through; opacity: 0.5; margin-right: 7px; } .stl-look-view-price { margin: 0; text-align: center; font-size: 20px; font-weight: 600; } .stl-look-view-name { font-size: 12px; font-weight: 400; text-align: center; } .stl-look-badge-discount { padding: 8px 15px; border-radius: 15px; background-color: #ffffff; color: #22a06b; font-size: 12px; font-weight: bold; text-align: center; position: absolute; top: 5%; left: 5%; transform: translate(-5%, -5%); } `,ci=({look:e,handleModal:t})=>{X("GridLookMobile",km);const[n,r]=v.useState(0),{t:o}=Me(),{pluginData:i}=v.useContext(Ee),l=v.useRef([]);v.useEffect(()=>{const g=setInterval(()=>{r(m=>(m+1)%e.look_preview_image_url.length)},6e3);return()=>clearInterval(g)},[e.look_preview_image_url]);const s=v.useMemo(()=>hi(e),[e]),u=v.useMemo(()=>s*(1-e.discount_settings.amount/100),[s,e.discount_settings.amount]),c=g=>{t(g,e.products),jt({event:"stl_buy_look",payload:{lookID:e.look_id,storeID:window.LS.store.id}})};return a.jsx("div",{className:"stl-look-grid-item-wrapper-mobile",children:e.look_preview_image_url.map((g,m)=>{var f,w;return a.jsxs("div",{className:`stl-look-image-mobile ${m===n?"active":""}`,children:[a.jsx("img",{ref:y=>l.current[m]=y,src:g,alt:`shop-the-look-${e.look_name}`}),e.discount_settings.active&&e.discount_settings.amount>0&&a.jsxs("span",{className:"stl-look-badge-discount",children:["% ",Wn(e.discount_settings.amount)," OFF"]}),a.jsx("button",{className:"stl-btn stl-buy-look-button-mobile",onClick:c,children:((f=i==null?void 0:i.client.anchor_data)==null?void 0:f.button_text)||o("Grid.button")}),((w=i==null?void 0:i.client.anchor_data)==null?void 0:w.totalLookVisibility)&&a.jsxs("div",{className:"stl-look-price-container",children:[a.jsx("span",{className:"stl-look-view-name",children:e.look_name}),a.jsxs("div",{className:"stl-look-row-price",children:[e.discount_settings.active&&e.discount_settings.amount>0&&a.jsx("span",{className:"stl-look-view-price",children:window.LS.formatToCurrency(u)}),a.jsx("span",{"data-product-price":e.discount_settings.active&&e.discount_settings.amount>0?u:s,className:e.discount_settings.active&&e.discount_settings.amount>0?"stl-look-view-price-original":"stl-look-view-price",children:window.LS.formatToCurrency(s)})]})]})]},m)})})},Sm=K` .stl-look-grid { display: grid; grid-template-columns: 0.6fr 1fr; gap: 30px; width: 88%; } @media (max-width: 980px) { .stl-look-grid { grid-template-columns: auto; width: 100%; } } .stl-look-grid-item { position: relative; width: 100%; margin: 0 auto; overflow: hidden; } @media (max-width: 980px) { .stl-look-grid-item { width: 90%; } } @media (max-width: 600px) { .stl-look-grid-item { display: none; } } .stl-product-grid { padding-right: 40px; } .stl-product-grid-item { width: 92%; overflow: hidden; position: relative; } @media (max-width: 1100px) { .stl-product-grid-item { width: 100%; } } @media (max-width: 980px) { .stl-product-grid-item { display: none; } } .stl-look-grid-item-mobile { display: none; } @media (max-width: 600px) { .stl-look-grid-item-mobile { display: flex; justify-content: center; align-items: center; } } .stl-product-list { transition: transform 0.5s ease-in-out; transform: translateX(0%); overflow: auto; } @media (max-width: 980px) { .stl-look-title { display: none; } } .stl-look-title > span { font-weight: 600; color: inherit; font-size: 1.5rem; margin: 18px 0; } .stl-product-list::-webkit-scrollbar { width: 1.8em; } .stl-product-list::-webkit-scrollbar-track { background-color: #f5f5f5; border-radius: 10px; } .stl-product-list::-webkit-scrollbar-thumb { background-color: #c2c2c2; border-radius: 10px; } .stl-button-container { display: flex; justify-content: center; align-items: center; } `,_m=({look:e})=>{var y;X("Grid",Sm);const[t,n]=v.useState(!1),[r,o]=v.useState(null),{t:i}=Me(),{pluginData:l}=v.useContext(Ee),s=()=>{n(x=>!x)},u=(x,j)=>{var p;(p=j[0])!=null&&p.product_data&&(x.stopPropagation(),x.preventDefault(),n(!0),o(j),j.forEach(d=>{st({lookId:e.look_id.toString(),productId:d.product_id})}))},c=x=>{u(x,e.products),jt({event:"stl_buy_look",payload:{lookID:e.look_id,storeID:window.LS.store.id}})},g=v.useMemo(()=>pn([".js-products-featured-title",".featured-title"],["font-size","font-weight","font-family"]),[]),m=r&&(r==null?void 0:r.length)>1,w=e.products.length<3?{display:"flex",justifyContent:"center",flexDirection:"column",height:"410px"}:{height:"450px",marginBottom:"16px"};return a.jsxs("div",{className:"stl-look-grid",children:[t&&a.jsx(fn,{selectedProducts:r,handleCloseModal:s,look:e,discountSettings:e.discount_settings,options:{showPreviewImage:!1,multipleProducts:m}}),a.jsx("div",{className:"stl-look-grid-item",children:a.jsx(wm,{look:e,handleModal:u})}),a.jsx("div",{className:"stl-look-grid-item-mobile",children:a.jsx(ci,{look:e,handleModal:u})}),a.jsxs("div",{className:"stl-product-grid-item",children:[a.jsxs("div",{className:"stl-product-list",style:w,children:[a.jsx("div",{className:"stl-look-title",children:a.jsx("span",{style:g,children:e.look_name})}),e.products.map((x,j)=>a.jsx("div",{className:"stl-product-grid",children:a.jsx(um,{product:x,handleModal:u,lookId:e.look_id.toString()})},j))]}),a.jsx("div",{className:"stl-button-container",children:a.jsx("button",{className:"stl-btn stl-buy-look-button",onClick:c,children:((y=l==null?void 0:l.client.anchor_data)==null?void 0:y.button_text)||i("Grid.button")})})]})]})},di=()=>a.jsx("svg",{className:"stl-chevron",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",children:a.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M15.75 19.5 8.25 12l7.5-7.5"})}),pi=()=>a.jsx("svg",{className:"stl-chevron",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",children:a.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"m8.25 4.5 7.5 7.5-7.5 7.5"})}),Cm=K` .stl-carousel-buttons { background-color: transparent; border: none; width: 100%; color: currentColor; } .stl-move-right-chevron { display: flex; align-items: center; z-index: 150; position: absolute; top: 50%; transform: translateY(-50%); right: 0; } .stl-move-left-chevron { display: flex; align-items: center; z-index: 150; position: absolute; top: 50%; transform: translateY(-50%); left: 0; } .stl-chevron { opacity: 0.7; cursor: pointer; border: none; background: none; } @media (max-width: 980px) { .stl-chevron { padding: 7px; } } .stl-chevron-container { display: flex; flex-direction: row; gap: 10px; } .stl-banner-buttons { width: 30px; background: none; border: none; cursor: pointer; color: inherit; } `,Ur=({onPrevLook:e,onNextLook:t,showChevrons:n,isBanner:r=!1})=>(X("ArrowPaginationBase",Cm),n?r?a.jsxs("div",{className:"stl-chevron-container",children:[a.jsx("button",{className:"stl-banner-buttons",onClick:e,children:a.jsx(di,{})}),a.jsx("button",{className:"stl-banner-buttons",onClick:t,children:a.jsx(pi,{})})]}):a.jsxs(a.Fragment,{children:[a.jsx("div",{className:"stl-move-left-chevron",children:a.jsx("button",{type:"button",className:"stl-carousel-buttons",onClick:e,"aria-label":"Previous",children:a.jsx(di,{})})}),a.jsx("div",{className:"stl-move-right-chevron",children:a.jsx("button",{type:"button",className:"stl-carousel-buttons",onClick:t,"aria-label":"Next",children:a.jsx(pi,{})})})]}):null),jm=K` .stl-point-pagination { position: absolute; left: 50%; transform: translateX(-50%); bottom: 1%; display: flex; justify-content: center; gap: 8px; } .stl-pagination-point { width: 12px; height: 12px; border-radius: 50%; border: none; background-color: var(--stl-primary-color, ${re}); opacity: 0.5; cursor: pointer; transition: background-color 0.3s, opacity 0.3s; } .stl-pagination-point.active { background-color: var(--stl-primary-color, ${re}); opacity: 1; } @media (max-width: 600px) { .stl-pagination-point { width: 10px; height: 10px; } } .stl-point-pagination-banner { display: flex; gap: 8px; justify-content: center; } .stl-point-banner { width: 10px; height: 10px; border-radius: 50%; background-color: var(--stl-primary-color, ${re}); opacity: 0.5; cursor: pointer; transition: background-color 0.3s, opacity 0.3s; } .stl-point-banner.active { background-color: var(--stl-primary-color, ${re}); opacity: 1; } @media (max-width: 600px) { .mobile-layout { position: relative; left: 0; transform: translateX(0); bottom: 0; display: flex; gap: 8px; } } `,Br=({onGoToLook:e,points:t,currentIndex:n,showPagination:r,isBanner:o=!1,isMobile:i=!1})=>r?(X("PointPaginationBase",jm),o?a.jsx("div",{className:"stl-point-pagination-banner",children:Array.from({length:t}).map((l,s)=>a.jsx("div",{className:`stl-point-banner ${s===n?"active":""}`,onClick:()=>e(s)},s))}):a.jsx("div",{className:i?"mobile-layout":"stl-point-pagination",children:Array.from({length:t}).map((l,s)=>a.jsx("button",{onClick:()=>e(s),className:`stl-pagination-point${s===n?" active":""}`},s))})):null,Em=K` .slide-pagination-container { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 80%; max-width: 500px; display: flex; align-items: center; z-index: 100; } .slide-pagination-track { position: relative; width: 100%; height: 8px; background: rgba(0, 0, 0, 0.2); border-radius: 10px; overflow: hidden; cursor: pointer; touch-action: none; user-select: none; } .slide-pagination-progress { height: 100%; background-color: var(--stl-primary-color, ${re}); border-radius: 10px; transition: left 0.5s ease-in-out; position: absolute; top: 0; } .mobile-layout { position: relative; left: 0; transform: translateX(0); bottom: 0; width: 80%; max-width: 500px; display: flex; align-items: center; z-index: 100; } `,fi=({totalPages:e,currentIndex:t,setCurrentIndex:n,showPagination:r,isMobile:o=!1})=>{const i=v.useRef(null),[l,s]=v.useState(!1);X("SlidePagination",Em);const u=v.useCallback(x=>{if(!i.current||e<=1)return;const{left:j,width:p}=i.current.getBoundingClientRect(),d=(x-j)/p,h=Math.max(0,Math.min(e-1,Math.floor(d*e)));n(h)},[e,n]),c=v.useCallback(x=>{s(!0);const j="touches"in x?x.touches[0].clientX:x.clientX;u(j)},[u]),g=v.useCallback(x=>{if(l){x.preventDefault();const j="touches"in x?x.touches[0].clientX:x.clientX;u(j)}},[l,u]),m=v.useCallback(()=>{s(!1)},[]);v.useEffect(()=>(l&&(window.addEventListener("mousemove",g),window.addEventListener("mouseup",m),window.addEventListener("touchmove",g,{passive:!1}),window.addEventListener("touchend",m)),()=>{window.removeEventListener("mousemove",g),window.removeEventListener("mouseup",m),window.removeEventListener("touchmove",g),window.removeEventListener("touchend",m)}),[l,g,m]);const f=100/e,w=100-f,y=e>1?t/(e-1)*w:0;return r?a.jsx("div",{className:o?"mobile-layout":"slide-pagination-container",onMouseDown:c,onTouchStart:c,children:a.jsx("div",{className:"slide-pagination-track",ref:i,children:a.jsx("div",{className:"slide-pagination-progress",style:{width:`${f}%`,left:`${y}%`}})})}):null},Lm=`${ft.APP_URL}/script/defaultProductImg.png`,Nm=K` .stl-product-look-img { transition: opacity 0.5s ease-in-out; } .stl-product-img { width: 85px; height: 85px; border-radius: 8px; object-fit: cover; } @media (max-width: 600px) { .stl-product-img { width: 75px; height: 75px; } } .stl-product-info-popup { display: flex; flex-direction: column; align-self: stretch; justify-content: center; gap: 10px; width: 100%; overflow: hidden; } .stl-product-look-detail { display: flex; align-items: center; gap: 15px; width: 100%; transition: opacity 0.5s ease-in-out; } @media (max-width: 600px) { .stl-product-look-detail { gap: 10px; } } .fade-out { opacity: 0; } .stl-product-buy-price-container { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; } @container (max-width: 420px) { .stl-product-buy-price-container { gap: 8px; } } @container (max-width: 360px) { .stl-product-look-button { display: flex; width: 100%; } } .stl-product-view-price-container { transition: opacity 0.5s ease-in-out; } .stl-product-view-price { margin: 0; font-size: 15px; font-weight: 600; color: ${Ze}; } @container (max-width: 290px) { .stl-product-view-price { font-size: 13px; } } @media (max-width: 600px) { .stl-product-view-price { font-size: 13px; } } .stl-product-view-price-original { margin: 0; font-size: 12px; font-weight: 300; text-decoration: line-through; margin-right: 5px; color: ${Ze}; } @container (max-width: 290px) { .stl-product-view-price-original { font-size: 10px; } } @media (max-width: 600px) { .stl-product-view-price-original { font-size: 10px; } } .stl-product-view-name { font-size: 20px; margin-block: 0; font-weight: 600; text-transform: uppercase; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: 100%; color: ${Ze}; } @media (max-width: 600px) { .stl-product-view-name { font-size: 20px; } } @container (max-width: 290px) { .stl-product-view-name { font-size: 17px; } } .stl-product-btn { width: fit-content; height: 35px; padding: initial; font-size: 12px; padding-inline: 15px; text-transform: uppercase; cursor: pointer; background-image: none; margin-inline: auto; border-style: none; background-color: var(--stl-primary-color, ${re}); color: var(--stl-font-color, ${ke}); } @container (max-width: 420px) { .stl-product-btn { margin-right: 0%; } } @media (max-width: 600px) { .stl-product-btn { height: 33px; font-size: 13px; padding-inline: 10px; padding-inline: 5px; } } `,Pm=({product:e,look:t,isTransitioning:n,handleModal:r})=>{var u,c,g,m;const{pluginData:o}=v.useContext(Ee);X("ProductCardPopup",Nm);const{t:i}=Me(),l=(u=e.product_data)==null?void 0:u.variants[0].promotional_price,s=(c=e.product_data)==null?void 0:c.variants[0].price;return a.jsxs("div",{className:"stl-product-look-detail",children:[a.jsx("div",{className:`stl-product-look-img ${n?"fade-out":""}`,children:a.jsx("a",{href:e.product_canonical_url,target:"_blank",style:{textDecoration:"none",color:"inherit"},onMouseDown:()=>{st({lookId:t.look_id.toString(),productId:e.product_id})},children:a.jsx("img",{className:"stl-product-img",src:((g=e.product_preview_images[0])==null?void 0:g.src)||Lm,alt:"product-preview-img"})})}),a.jsxs("div",{className:"stl-product-info-popup",children:[a.jsx("a",{href:e.product_canonical_url,target:"_blank",className:n?"fade-out":"",style:{textDecoration:"none",color:"inherit",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",transition:"opacity 0.5s ease-in-out"},onMouseDown:()=>{st({lookId:t.look_id.toString(),productId:e.product_id})},children:a.jsx("span",{className:"stl-product-view-name",children:e.product_name})}),a.jsxs("div",{className:"stl-product-buy-price-container",children:[a.jsxs("div",{className:`stl-product-view-price-container ${n?"fade-out":""}`,children:[a.jsx("span",{className:l&&s?"stl-product-view-price-original":"stl-product-view-price",children:window.LS.formatToCurrency(s)}),l&&!!s&&a.jsx("span",{className:"stl-product-view-price",children:window.LS.formatToCurrency(l)})]}),a.jsx("div",{className:"stl-product-look-button",children:e.product_data&&a.jsx("button",{className:"stl-btn stl-product-btn",onClick:f=>r(f,t.products),children:((m=o==null?void 0:o.client.anchor_data)==null?void 0:m.button_text)||i("Grid.button")})})]})]})]})},Tm=K` #stl-product-detail-slider-container { display: flex; } @media (max-width: 980px) { #stl-product-detail-slider-container { height: 0; } } @media (max-width: 600px) { #stl-product-detail-slider-container { height: 100%; } } #stl-product-detail-move-right-chevron { display: flex; align-items: center; z-index: 150; position: absolute; top: 33%; right: 0; } @media (max-width: 980px) { #stl-product-detail-move-right-chevron { right: 0; top: 45%; } } @media (max-width: 600px) { #stl-product-detail-move-right-chevron { display: flex; justify-content: end; } } #stl-product-detail-move-left-chevron { display: flex; align-items: center; z-index: 150; position: absolute; top: 33%; left: 0; } @media (max-width: 980px) { #stl-product-detail-move-left-chevron { left: 0; top: 45%; } } @media (max-width: 600px) { #stl-product-detail-move-left-chevron { display: flex; justify-content: flex-start; } } .stl-product-detail-carousel-buttons { background-color: transparent; border: none; width: 100%; color: currentColor; } .stl-product-detail-chevron { height: 24px; background-color: transparent; cursor: pointer; color: var(--stl-primary-color, ${re}); padding: 14px 0px; } @media (max-width: 980px) { .stl-product-detail-chevron { height: 24px; padding: 0; } } `,zm=({setLooksIndex:e,looksIndex:t,looksLength:n})=>{X("ProductSlider",Tm);const r=()=>{if(t===n-1){e(0);return}e(t+1)},o=()=>{if(t===0){e(n-1);return}e(t-1)};return n===0?null:a.jsx("div",{id:"stl-product-detail-slider-container",children:n>1&&a.jsxs(a.Fragment,{children:[a.jsx("div",{id:"stl-product-detail-move-left-chevron",children:a.jsx("button",{onClick:o,className:"stl-product-detail-carousel-buttons",children:a.jsx(di,{})})}),a.jsx("div",{id:"stl-product-detail-move-right-chevron",children:a.jsx("button",{onClick:r,className:"stl-product-detail-carousel-buttons",children:a.jsx(pi,{})})})]})})},Mm=K` #stl-product-detail-slider-container { display: flex; } @media (max-width: 980px) { #stl-product-detail-slider-container { height: 0; } } @media (max-width: 600px) { #stl-product-detail-slider-container { height: 100%; } } #stl-product-detail-move-right-chevron { display: flex; align-items: center; z-index: 150; position: absolute; transform: translateY(-50%); right: 0; } @media (max-width: 980px) { #stl-product-detail-move-right-chevron { right: 0; top: 45%; } } @media (max-width: 600px) { #stl-product-detail-move-right-chevron { display: flex; justify-content: end; } } #stl-product-detail-move-left-chevron { display: flex; align-items: center; z-index: 150; position: absolute; transform: translateY(-50%); top: 33%; left: 0; } @media (max-width: 980px) { #stl-product-detail-move-left-chevron { left: 0; top: 45%; } } @media (max-width: 600px) { #stl-product-detail-move-left-chevron { display: flex; justify-content: flex-start; } } .stl-product-detail-carousel-buttons { background-color: transparent; border: none; width: 40px; color: currentColor; cursor: pointer; } .stl-product-detail-chevron { height: 24px; background-color: transparent; cursor: pointer; color: var(--stl-primary-color, ${re}); padding: 14px 0px; } @media (max-width: 980px) { .stl-product-detail-chevron { height: 24px; padding: 0; } } `,Im=({currentProductIndex:e,setCurrentProductIndex:t,looks:n,looksIndex:r})=>{var u;X("ArrowPagination",Mm);const o=((u=n[r])==null?void 0:u.products)||[],i=o.length,l=()=>{ec+1)},s=()=>{e>0&&t(c=>c-1)};return o.length===0?null:a.jsx("div",{id:"stl-product-detail-slider-container",children:a.jsxs(a.Fragment,{children:[a.jsx("div",{id:"stl-product-detail-move-left-chevron",children:a.jsx("button",{onClick:s,disabled:e===0,className:"stl-product-detail-carousel-buttons",children:a.jsx(di,{})})}),a.jsx("div",{id:"stl-product-detail-move-right-chevron",children:a.jsx("button",{onClick:l,disabled:e===i-1,className:"stl-product-detail-carousel-buttons",children:a.jsx(pi,{})})})]})})},Rm=K` .stl-carousel-indicators { display: flex; justify-content: center; align-items: center; list-style: none; padding: 0; margin: 2px; } .stl-carousel-indicators li { background-color: ${re}; border-radius: 15px; width: 25px; height: 6px; margin: 0 5px; cursor: pointer; opacity: 0.4; } .stl-carousel-indicators .active { opacity: 1; } `,Om=({currentProductIndex:e,setCurrentProductIndex:t,looks:n,looksIndex:r})=>{var i;X("PointPagination",Rm);const o=((i=n[r])==null?void 0:i.products)||[];return o.length===0?null:a.jsx("div",{className:"stl-product-indicator",children:a.jsx("ul",{className:"stl-carousel-indicators",children:o.map((l,s)=>a.jsx("li",{className:s===e?"active":"",onClick:()=>t(s)},s))})})},bm=K` .slide-pagination-container { position: absolute; left: 50%; transform: translateX(-50%); width: 80%; max-width: 500px; display: flex; align-items: center; z-index: 100; } @media (max-width: 600px) { .slide-pagination-container { bottom: 10px; } } .slide-pagination-track { position: relative; width: 100%; height: 8px; background: rgba(0, 0, 0, 0.2); border-radius: 10px; overflow: hidden; cursor: pointer; touch-action: none; user-select: none; } .slide-pagination-progress { height: 100%; background-color: var(--stl-primary-color, ${re}); border-radius: 10px; transition: left 0.5s ease-in-out; position: absolute; top: 0; } `,$m=({currentProductIndex:e,setCurrentProductIndex:t,looks:n,looksIndex:r})=>{var j;const o=v.useRef(null),[i,l]=v.useState(!1),u=(((j=n[r])==null?void 0:j.products)||[]).length;X("SlidePagination",bm);const c=v.useCallback(p=>{if(!o.current||u<=1)return;const{left:d,width:h}=o.current.getBoundingClientRect(),k=(p-d)/h,E=Math.max(0,Math.min(u-1,Math.floor(k*u)));t(E)},[u,t]),g=v.useCallback(p=>{l(!0);const d="touches"in p?p.touches[0].clientX:p.clientX;c(d)},[c]),m=v.useCallback(p=>{if(i){p.preventDefault();const d="touches"in p?p.touches[0].clientX:p.clientX;c(d)}},[i,c]),f=v.useCallback(()=>{l(!1)},[]);v.useEffect(()=>(i&&(window.addEventListener("mousemove",m),window.addEventListener("mouseup",f),window.addEventListener("touchmove",m,{passive:!1}),window.addEventListener("touchend",f)),()=>{window.removeEventListener("mousemove",m),window.removeEventListener("mouseup",f),window.removeEventListener("touchmove",m),window.removeEventListener("touchend",f)}),[i,m,f]);const w=100/u,y=100-w,x=u>1?e/(u-1)*y:0;return a.jsx("div",{className:"slide-pagination-container",onMouseDown:g,onTouchStart:g,children:a.jsx("div",{className:"slide-pagination-track",ref:o,children:a.jsx("div",{className:"slide-pagination-progress",style:{width:`${w}%`,left:`${x}%`}})})})},pd=({looks:e,options:t,handleClosePopup:n})=>{var F,$,Z;const[r,o]=v.useState(!1),[i,l]=v.useState(0),[s,u]=v.useState((F=e[i])==null?void 0:F.products),[c,g]=v.useState(0),[m,f]=v.useState(!1),[w,y]=v.useState(!1),x=document.body,j=window.getComputedStyle(x).backgroundColor||t.popupMode&&"white",p=K` .stl-root { pointer-events: all; } .stl-wrapper { padding: 17px; box-shadow: 0px 1px 4.8px 0px hsla(0, 0%, 0%, 0.15); border: 1px solid lightgrey; border-radius: 8px; container-type: inline-size; animation: fadeInOut; position: relative; } .stl-wrapper-mobile { padding: 15px; box-shadow: 0px 1px 10px 0px hsla(0, 0%, 10%, 0.45); border: 1px solid lightgrey; border-radius: 8px; max-width: ${t.snippetMode?"450px":"100%"}; background-color: var(--main-background, ${j}); width: 88vw; margin: 10px; animation: fadeInOut; position: relative; } @media (max-width: 600px) { .stl-wrapper-mobile { max-width: 100%; } } @keyframes fadeInOut { 0%, 100% { opacity: 0; } 5%, 95% { opacity: 1; } } .stl-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; } .stl-look-name { font-size: 14px; margin-block: 10px; } @media (max-width: 600px) { .stl-look-name { font-size: 12px; } } .stl-look-title-popup { margin-block: 10px; } .stl-discount-amount { color: #22a06b; } .stl-close-button { cursor: pointer; } .stl-look-name-modal { font-size: 12px; margin-block: 0; color: ${Ze}; } .stl-product-indicator { display: flex; justify-content: center; width: 100%; } @container (max-width: 420px) { .stl-product-indicator { margin-top: 10px; } } .stl-carousel-container { display: flex; align-items: center; justify-content: space-between; position: relative; overflow: hidden; gap: 15px; width: 100%; } .stl-content { margin: 0 15px; } `;X("LookDetail",p);const{pluginData:d}=v.useContext(Ee),h=d==null?void 0:d.client,k=(($=h==null?void 0:h.anchor_data)==null?void 0:$.product_page_visibility)??!0,E=((Z=h==null?void 0:h.anchor_data)==null?void 0:Z.pagination_type)??"points",L=()=>{o(G=>!G),y(!1)},N=(e||[]).filter(G=>G.look_product_detail_visibility),S=N[i],T=S.products[c],P=S.products.length>1,z=(G,b)=>{var O;y(!0),(O=b[0])!=null&&O.product_data&&(G.stopPropagation(),G.preventDefault(),o(!0),u(b),b.forEach(_=>{st({lookId:N[i].look_id.toString(),productId:_.product_id})}))};if(v.useEffect(()=>{if(w)return;const G=setInterval(()=>{f(!0),setTimeout(()=>{g(b=>b===S.products.length-1?(l(_=>(_+1)%N.length),0):b+1),f(!1)},500)},5e3);return()=>clearInterval(G)},[N,i,S,w]),!(!d||!d.client.plugin_visibility||!d.looks.length||!k)&&!(!t.popupMode&&t.isPopupOpen))return!d||!d.client.plugin_visibility||!k||N.length===0||!t.popupMode&&t.isPopupOpen?null:a.jsxs("div",{className:"stl-root",children:[r&&a.jsx(fn,{selectedProducts:s,handleCloseModal:L,look:S,discountSettings:S.discount_settings,options:{showPreviewImage:!0,multipleProducts:P}}),!t.popupMode&&a.jsx("div",{className:"stl-look-title-popup",children:a.jsx("span",{className:"stl-look-name",children:t.LookTitle&&a.jsx(t.LookTitle,{look:S})})}),a.jsxs("div",{className:t.popupMode?"stl-wrapper-mobile":"stl-wrapper",children:[a.jsx(zm,{looksIndex:i,setLooksIndex:l,looksLength:N.length}),t.popupMode&&a.jsxs("div",{className:"stl-header",children:[a.jsx("span",{className:"stl-look-name-modal",children:t.LookTitle&&a.jsx(t.LookTitle,{look:S})}),a.jsx("div",{className:"stl-close-button",onClick:n,children:a.jsx(dd,{})})]}),a.jsxs("div",{className:"stl-content",children:[a.jsx("div",{className:"stl-carousel-container",children:a.jsx(Pm,{product:T,look:S,isTransitioning:m,handleModal:z})}),E===he.POINTS&&a.jsx(Om,{currentProductIndex:c,setCurrentProductIndex:g,looks:N,looksIndex:i}),E===he.ARROWS&&a.jsx(Im,{currentProductIndex:c,setCurrentProductIndex:g,looks:N,looksIndex:i}),E===he.SLIDE&&a.jsx($m,{currentProductIndex:c,setCurrentProductIndex:g,looks:N,looksIndex:i})]})]})]})},Fm=({look:e})=>{const{t}=Me(),{active:n,amount:r}=e.discount_settings;return n&&r>0?a.jsxs("span",{children:[t("Grid.discountTitleFloatingSnippet",{lookName:e.look_name})," ",a.jsxs("b",{className:"stl-discount-amount",children:[Wn(r),"%"]})]}):a.jsxs("span",{children:[t("Grid.lookTitle")," ",a.jsx("b",{children:e.look_name})]})},fd=K` .stl-floating-layout { position: fixed; right: 10px; bottom: 10px; z-index: 2000; } @media (max-width: 600px) { .stl-floating-layout { width: 100%; right: auto; } } `,Vr=({pluginData:e})=>{var i;const[t,n]=v.useState(!0),r=((i=e.client.anchor_data)==null?void 0:i.mobile_layout)??"carousel";X("FloatingPopUp",fd);const o=()=>{n(!1)};return X("ProductPopup",fd),r===mn.CAROUSEL&&window.innerWidth<=600?a.jsx(Is,{}):t?a.jsx("div",{className:"stl-floating-layout",children:a.jsx(pd,{looks:e.looks,options:{popupMode:!0,snippetMode:!0,LookTitle:Fm},handleClosePopup:o})}):null},Am=K` .stl-look-container { position: relative; overflow: hidden; width: 100%; padding-block: 20px; max-width: 1500px; margin-inline: auto; } @media (max-width: 980px) { .stl-look-container { grid-template-columns: auto; height: 100%; } } #stl-slider-container { display: flex; } @media (max-width: 980px) { #stl-slider-container { height: 60vh; } } @media (max-width: 600px) { #stl-slider-container { height: 100%; } } .stl-carousel-title { text-align: center; font-weight: 600; display: block; color: inherit; font-size: 1.5rem; margin: 22px 0; } @media (max-width: 600px) { .stl-carousel-title { font-size: 1.75rem; margin-bottom: 1.25rem; } } #stl-slider { display: flex; width: 100%; transition: margin-left 0.5s ease-in-out; } #stl-slider-content { display: flex; justify-content: center; width: 100%; flex-shrink: 0; } .stl-chevron { width: 34px; } `,Is=()=>{var W,Le,me,Fe;const{pluginData:e}=v.useContext(Ee),t=e==null?void 0:e.looks,n=e==null?void 0:e.client,r=((W=n==null?void 0:n.anchor_data)==null?void 0:W.pagination_type)??"arrows",o=((Le=n==null?void 0:n.anchor_data)==null?void 0:Le.mobile_layout)??"carousel",i=((me=n==null?void 0:n.anchor_data)==null?void 0:me.home_page_visibility)??!0,l=t==null?void 0:t.length,s=760,u=v.useRef(null),[c,g]=v.useState(!1),[m,f]=v.useState(0),[w,y]=v.useState(0),[x,j]=v.useState(0),[p,d]=v.useState(0),[h,k]=v.useState(0),E=50,[L,N]=v.useState((n==null?void 0:n.autoplay_enabled)??!0),[S,T]=v.useState(!1),{t:P}=Me();v.useEffect(()=>{var ee;const U=((ee=document.getElementById("stl-slider-container"))==null?void 0:ee.offsetWidth)||0;return F(U),window.addEventListener("resize",z),()=>{window.removeEventListener("resize",z)}},[m]),v.useEffect(()=>{const U=()=>g(window.innerWidth<=980);return U(),window.addEventListener("resize",U),()=>window.removeEventListener("resize",U)},[]);const z=()=>{var ee;const U=((ee=document.getElementById("stl-slider-container"))==null?void 0:ee.offsetWidth)||0;F(U)},F=U=>{if(!t||!l)return;let ee;U<720?ee=1:ee=2,j(l-ee),m>x&&f(m-ee);const Qt=-m*s;y(Qt)},$=()=>{t&&(m===0?(f(t.length-1),y(-(t.length-1)*s)):(f(m-1),y(w+s)))},Z=()=>{t&&(m===t.length-1?(f(0),y(0)):(f(m+1),y(w-s)))},G=U=>{d(U.touches[0].clientX),k(U.touches[0].clientX)},b=U=>{k(U.touches[0].clientX)},O=()=>{const U=p-h;Math.abs(U)0?Z():$())},_=U=>{f(U),y(-U*s)},I=()=>T(!0),R=()=>T(!1);v.useEffect(()=>{let U,ee;if(t)return L&&!S&&(t==null?void 0:t.length)>1&&(U=setInterval(()=>{$()},5e3)),()=>{clearInterval(U),cancelAnimationFrame(ee)}},[L,m,S]);const V=v.useMemo(()=>pn([".js-products-featured-title",".featured-title"],["font-family"]),[]);return X("Look",Am),!e||!e.client.plugin_visibility||!i||!t||t.length===0||window.LS.template!=="home"?null:o===mn.FLOATING&&c?a.jsx(Vr,{pluginData:e}):a.jsxs("div",{className:"stl-look-container",onClick:()=>N(!1),ref:u,onMouseEnter:I,onMouseLeave:R,children:[a.jsx("span",{className:"stl-carousel-title",style:V,children:((Fe=n==null?void 0:n.anchor_data)==null?void 0:Fe.widget_title)||P("Carousel.title")}),a.jsxs("div",{id:"stl-slider-container",children:[r===he.ARROWS&&a.jsx(Ur,{onPrevLook:$,onNextLook:Z,showChevrons:t.length>1&&(!c||c&&o!=="floating")}),r===he.POINTS&&a.jsx(Br,{onGoToLook:_,currentIndex:m,showPagination:t.length>1&&(!c||c&&o!=="floating"),points:x+1}),r===he.SLIDE&&a.jsx(fi,{totalPages:t.length,currentIndex:m,setCurrentIndex:f,showPagination:t.length>1&&(!c||c&&o!=="floating")}),a.jsx("div",{id:"stl-slider",style:{marginLeft:`${-m*100}%`},onTouchStart:G,onTouchMove:b,onTouchEnd:O,children:t.map((U,ee)=>a.jsx("div",{id:"stl-slider-content",children:a.jsx(_m,{look:U})},ee))})]})]})},mi=({look:e,customhHeight:t,customWidth:n,onClick:r,showBuyButton:o=!1})=>{var w,y,x;const[i,l]=v.useState(0),[s,u]=v.useState([]),{pluginData:c}=v.useContext(Ee),g=((w=c==null?void 0:c.client.anchor_data)==null?void 0:w.look_qty)??4,m=g>4&&((y=c==null?void 0:c.client.anchor_data)==null?void 0:y.snippet_layout)===mt.CAROUSEL||g>4&&((x=c==null?void 0:c.client.anchor_data)==null?void 0:x.snippet_layout)===mt.BANNER,f=v.useRef([]);return v.useEffect(()=>{const j=setInterval(()=>{l(p=>(p+1)%e.look_preview_image_url.length)},6e3);return()=>clearInterval(j)},[e.look_preview_image_url]),v.useMemo(()=>{const j=p=>{const d=new Image;d.onload=()=>{for(const h of f.current)u(k=>[...k,(h==null?void 0:h.clientHeight)||0])},d.src=e.look_preview_image_url[p]};u([]),e.look_preview_image_url.forEach((p,d)=>j(d))},[e.look_preview_image_url]),a.jsx("div",{className:"stl-look-image-container",style:{height:t||(s[i]&&window.innerWidth>600?`${s[i]}px`:"100%"),width:n||"100%"},children:e.look_preview_image_url.map((j,p)=>a.jsxs("div",{className:`stl-look-image ${p===i?"active":""}`,children:[a.jsx("img",{ref:d=>f.current[p]=d,src:j,alt:`shop-the-look-${e.look_name}`,style:{cursor:r?"pointer":"default",maxWidth:m?"none":"100%"},onClick:r}),o&&a.jsx("div",{className:"stl-btn-container",children:a.jsx("button",{className:"stl-btn stl-buy-look-button",onClick:r,children:a.jsx(Ms,{width:"25px",height:"20px"})})})]},p))})},Dm=({look:e})=>{const{t}=Me(),{active:n,amount:r}=e.discount_settings;return n&&r>0?a.jsxs("span",{children:[t("Grid.discountTitle")," ",a.jsxs("b",{className:"stl-discount-amount",children:[Wn(r),"%"]})]}):a.jsxs("span",{children:[t("Grid.lookTitle")," ",a.jsx("b",{children:e.look_name})]})},Um=({looks:e})=>a.jsx(a.Fragment,{children:a.jsx(pd,{looks:e,options:{LookTitle:Dm}})}),Bm=K` .stl-card-container { width: 100%; display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); justify-items: center; gap: 30px; } .stl-look-card { display: flex; align-items: center; justify-content: center; flex-direction: column; } .stl-look-img-container { position: relative; width: 100%; } .stl-look-img-container img { object-fit: cover; border-radius: var(--stl-border-radius, 16px); width: 100%; height: 100%; } .stl-look-title { text-align: center; font-weight: bold; font-size: 1rem; margin: 10px 0 5px; } .stl-look-price-container { margin: 0; text-align: center; font-size: 15px; font-weight: 400; } .stl-discount-price { display: flex; align-items: center; gap: 3px; font-size: 1rem; } .stl-discount-price s { font-size: 0.75rem; font-weight: 200; } .stl-price { font-size: 1rem; } .stl-btn-container { position: absolute; bottom: 20px; left: 50%; transform: translate(-50%); } .stl-buy-look-button { width: 50px; height: 50px; border-radius: 100%; padding: initial; cursor: pointer; border: none; background-color: var(--stl-primary-color, ${re}); color: var(--stl-font-color, ${ke}); } .stl-buy-look-button:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); background-color: var(--stl-font-color, ${ke}); color: var(--stl-primary-color, ${re}); } .stl-looks-category-page-container { margin: 20px 20px; } @media screen and (min-width: 1000px) { .stl-looks-category-page-container { max-width: 1000px; margin: 0 auto 20px; } } `,Vm=({looks:e})=>{const[t,n]=v.useState(!1),[r,o]=v.useState(null),[i,l]=v.useState(null),{pluginData:s}=v.useContext(Ee);X("CategoryPageComponent",Bm);const u=e.map(f=>({...f,price:hi(f)})),c=(f,w)=>{!w.products||w.products.length===0||(f.stopPropagation(),f.preventDefault(),n(!0),o(w.products),l(w),w.products.forEach(y=>{st({lookId:w.look_id.toString(),productId:y.product_id})}))},g=()=>{n(f=>!f)},m=r&&(r==null?void 0:r.length)>1;return a.jsx("main",{className:"stl-looks-category-page-container",children:a.jsxs("div",{className:"stl-card-container",children:[t&&i&&a.jsx(fn,{selectedProducts:r,handleCloseModal:g,look:i,discountSettings:i.discount_settings,options:{showPreviewImage:!1,multipleProducts:m}}),u.map(f=>{var x;const w=f.discount_settings.active&&f.discount_settings.amount>0,y=w?window.LS.formatToCurrency(f.price*(1-f.discount_settings.amount/100)):null;return a.jsxs("article",{className:"stl-look-card",children:[a.jsxs("div",{className:"stl-look-img-container",children:[a.jsx("img",{src:f.look_preview_image_url[0],alt:f.look_name}),a.jsx("div",{className:"stl-btn-container",children:a.jsx("button",{className:"stl-btn stl-buy-look-button",onClick:j=>c(j,f),children:a.jsx(Ms,{})})})]}),a.jsx("p",{className:"stl-look-title",children:f.look_name}),((x=s==null?void 0:s.client.anchor_data)==null?void 0:x.totalLookVisibility)&&a.jsx("div",{className:"stl-look-price-container",children:w?a.jsxs("div",{className:"stl-discount-price",children:[a.jsx("s",{children:window.LS.formatToCurrency(f.price)}),a.jsx("span",{"data-product-price":y,children:y})]}):a.jsx("div",{className:"stl-price","data-product-price":f.price,children:window.LS.formatToCurrency(f.price)})})]},f.look_id)})]})})},Hm=K` .stl-look-grid-item-wrapper { height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; } .stl-look-image-container { position: relative; width: 100%; } .stl-look-image { position: absolute; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; max-width: 100%; opacity: 0; transition: opacity 0.5s ease-in-out; } @media (max-width: 980px) { .stl-look-image { display: flex; } } .stl-look-image.active { opacity: 1; z-index: 2; transition: transform 0.3s ease-in-out; } .stl-look-image.active:hover { transform: translateY(-10px); } .stl-look-image img { margin-block: auto; position: absolute; border-radius: var(--stl-border-radius, 16px); max-height: 100%; } .stl-btn-container { position: absolute; bottom: 10%; left: 50%; transform: translate(-50%); } .stl-buy-look-button { width: 50px; height: 50px; border-radius: 100%; padding: initial; font-size: 15px; z-index: 10; text-transform: uppercase; cursor: pointer; border-style: none; background-color: var(--stl-primary-color, ${re}); color: var(--stl-font-color, ${ke}); } .stl-buy-look-button:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); background-color: var(--stl-font-color, ${ke}); color: var(--stl-primary-color, ${re}); } @media (max-width: 980px) { .stl-look-image img { width: auto; margin-inline: auto; margin-block: auto; } } .stl-look-image-transition { animation: fadeInOut 4s infinite; } @keyframes fadeInOut { 0%, 100% { opacity: 0; } 5%, 95% { opacity: 1; } } .stl-look-detail { display: flex; flex-direction: column; gap: 10px; margin-top: 10px; } @media (max-width: 980px) { .stl-look-detail { margin-top: 0; } } .stl-look-view-price-container { display: flex; justify-content: center; align-items: center; margin-block: 0px; } .stl-look-view-price-original { margin: 0; text-align: center; font-size: 17px; font-weight: 400; text-decoration: line-through; opacity: 0.8; margin-right: 7px; } .stl-look-view-discount { color: #22a06b; margin: 0; font-size: 16px; text-align: center; font-weight: bold; display: block; } .stl-look-view-price { margin: 0; text-align: center; font-size: 24px; font-weight: 400; } `,Wm=({look:e,handleModal:t})=>{X("GridLookCarousel",Hm);const n=r=>{t(r,e.products),jt({event:"stl_buy_look",payload:{lookID:e.look_id,storeID:window.LS.store.id}})};return a.jsx("div",{className:"stl-look-grid-item-wrapper",children:a.jsx(mi,{look:e,onClick:n,showBuyButton:!0})})},Qm=K` .stl-look-grid { display: grid; gap: 30px; width: 88%; } @media (max-width: 980px) { .stl-look-grid { grid-template-columns: auto; width: 100%; } } .stl-look-grid-item { position: relative; width: 100%; margin: 0 auto; overflow: hidden; } @media (max-width: 980px) { .stl-look-grid-item { width: 90%; } } @media (max-width: 600px) { .stl-look-grid-item { display: none; } } .stl-product-grid { padding-right: 40px; } .stl-product-grid-item { width: 92%; overflow: hidden; position: relative; } @media (max-width: 1100px) { .stl-product-grid-item { width: 100%; } } @media (max-width: 980px) { .stl-product-grid-item { display: none; } } .stl-look-grid-item-mobile { display: none; } @media (max-width: 600px) { .stl-look-grid-item-mobile { display: flex; justify-content: center; align-items: center; } } @media (max-width: 980px) { .stl-look-title { display: none; } } .stl-look-title > span { font-weight: 600; color: inherit; font-size: 1.75rem; margin: 18px 0; } `,Xm=({look:e})=>{X("CarouselGrid",Qm);const[t,n]=v.useState(!1),[r,o]=v.useState(null),i=()=>{n(u=>!u)},l=(u,c)=>{var g;(g=c[0])!=null&&g.product_data&&(u.stopPropagation(),u.preventDefault(),n(!0),o(c),c.forEach(m=>{st({lookId:e.look_id.toString(),productId:m.product_id})}))},s=r&&(r==null?void 0:r.length)>1;return a.jsxs("div",{className:"stl-look-grid",children:[t&&a.jsx(fn,{selectedProducts:r,handleCloseModal:i,look:e,discountSettings:e.discount_settings,options:{showPreviewImage:!1,multipleProducts:s}}),a.jsx("div",{className:"stl-look-grid-item",children:a.jsx(Wm,{look:e,handleModal:l})}),a.jsx("div",{className:"stl-look-grid-item-mobile",children:a.jsx(ci,{look:e,handleModal:l})})]})},Gm=K` .stl-look-container { position: relative; overflow: hidden; width: 100%; padding-block: 20px; max-width: 1500px; margin-inline: auto; } @media (max-width: 980px) { .stl-look-container { grid-template-columns: auto; padding-block-end: 60px; height: 100%; } } #stl-slider-container { display: flex; } @media (max-width: 980px) { #stl-slider-container { height: 60vh; } } @media (max-width: 600px) { #stl-slider-container { height: 100%; } } .hide-chevron { display: none; } .stl-carousel-title { text-align: center; font-weight: 600; display: block; color: inherit; font-size: 2rem; margin: 22px 0; } @media (max-width: 600px) { .stl-carousel-title { font-size: 1.75rem; margin-bottom: 2rem; } } .stl-slider { display: flex; width: 100%; transition: margin-left 0.5s ease-in-out; } .stl-slider-center { justify-content: center; } #stl-slider-content { display: flex; justify-content: center; width: 25%; height: 500px; flex-shrink: 0; } @media (max-width: 980px) { #stl-slider-content { width: 100%; justify-content: center; height: initial; } .stl-slider-center { justify-content: initial; } } .stl-chevron { height: 34px; } `,qm=()=>{var Xt,Gt,qt,A,We;const{pluginData:e}=v.useContext(Ee),t=e==null?void 0:e.looks,n=e==null?void 0:e.client,r=((Xt=n==null?void 0:n.anchor_data)==null?void 0:Xt.pagination_type)??"arrows",o=((Gt=n==null?void 0:n.anchor_data)==null?void 0:Gt.mobile_layout)??"carousel",i=((qt=n==null?void 0:n.anchor_data)==null?void 0:qt.look_qty)??4,l=((A=n==null?void 0:n.anchor_data)==null?void 0:A.home_page_visibility)??!0,s=(t==null?void 0:t.length)??1,u=760,[c,g]=v.useState(!1),[m,f]=v.useState(0),[w,y]=v.useState(0),[x,j]=v.useState(0),p=v.useRef(null),[d,h]=v.useState(0),[k,E]=v.useState(0),L=50,[N,S]=v.useState((n==null?void 0:n.autoplay_enabled)??!0),[T,P]=v.useState(!1),[z,F]=v.useState(i),$=100/z,Z=Math.ceil(s/z),[G,b]=v.useState(!1),{t:O}=Me();v.useEffect(()=>{const D=()=>b(window.innerWidth<=980);return D(),window.addEventListener("resize",D),()=>window.removeEventListener("resize",D)},[]),v.useEffect(()=>{t&&(window.innerWidth>980?g(t.length>3&&t.length>i):g(t.length>1))},[]),v.useEffect(()=>{var oe;const D=((oe=document.getElementById("stl-slider-container"))==null?void 0:oe.offsetWidth)||0;return I(D),window.addEventListener("resize",_),()=>{window.removeEventListener("resize",_)}},[m]),v.useEffect(()=>{function D(){F(window.innerWidth<=980?1:i)}F(window.innerWidth<=980?1:i),window.onresize=D},[]);const _=()=>{var oe;const D=((oe=document.getElementById("stl-slider-container"))==null?void 0:oe.offsetWidth)||0;I(D)},I=D=>{if(!t||!s)return;let oe;D<720?oe=1:oe=2,j(s-oe),m>x&&f(m-oe);const gi=-m*u;y(gi)},R=()=>{if(!t)return;if(m===0){const oe=w+u;y(oe),f(Math.round(t.length/z)-1);return}const D=w+u;y(D),f(m-1)},V=()=>{if(!t)return;if(m===Math.ceil(t.length/z)-1){y(u),f(0);return}const D=w-u;y(D),f(m+1)},W=D=>{f(D),y(-D*u)},Le=()=>P(!0),me=()=>P(!1),Fe=D=>{h(D.touches[0].clientX),E(D.touches[0].clientX)},U=D=>{E(D.touches[0].clientX)},ee=()=>{const D=d-k;Math.abs(D)0?V():R())};v.useEffect(()=>{let D,oe;if(t)return N&&!T&&(t==null?void 0:t.length)>1&&(D=setInterval(()=>{R()},5e3)),()=>{clearInterval(D),cancelAnimationFrame(oe)}},[N,m,T]);const Qt=v.useMemo(()=>pn([".js-products-featured-title",".featured-title"],["font-size","font-weight","font-family"]),[]);return X("Carousel",Gm),!e||!e.client.plugin_visibility||!l||!t||t.length===0||window.LS.template!=="home"?null:o===mn.FLOATING&&G?a.jsx(Vr,{pluginData:e}):a.jsxs("div",{className:"stl-look-container",onClick:()=>S(!1),ref:p,onMouseEnter:Le,onMouseLeave:me,children:[a.jsx("span",{className:"stl-carousel-title",style:Qt,children:((We=n==null?void 0:n.anchor_data)==null?void 0:We.widget_title)||O("Carousel.title")}),a.jsxs("div",{id:"stl-slider-container",children:[r===he.ARROWS&&a.jsx(Ur,{onPrevLook:R,onNextLook:V,showChevrons:c&&(!G||G&&o!=="floating")}),r===he.POINTS&&a.jsx(Br,{onGoToLook:W,points:Z,currentIndex:m,showPagination:c&&(!G||G&&o!=="floating")}),r===he.SLIDE&&a.jsx(fi,{totalPages:Z,currentIndex:m,setCurrentIndex:f,showPagination:c&&(!G||G&&o!=="floating")}),a.jsx("div",{className:`stl-slider ${t.length<=3&&t.length<=z?"stl-slider-center":""}`,style:{marginLeft:`${-m*100}%`},onTouchStart:Fe,onTouchMove:U,onTouchEnd:ee,children:t.map((D,oe)=>a.jsx("div",{id:"stl-slider-content",style:{width:`${$}%`},children:a.jsx(Xm,{look:D})},oe))})]})]})},Km=K` .stl-look-grid-item-wrapper { height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; } .stl-look-image-container { position: relative; width: 100%; } .stl-look-image { position: absolute; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; max-width: 100%; opacity: 0; transition: opacity 0.5s ease-in-out; } @media (max-width: 980px) { .stl-look-image { display: flex; } } .stl-look-image.active { opacity: 1; z-index: 2; } .stl-look-image img { margin-block: auto; position: absolute; border-radius: var(--stl-border-radius, 16px); max-width: 100%; max-height: 100%; min-height: 0; } .stl-btn-container { position: absolute; bottom: 10%; left: 50%; transform: translate(-50%); } .stl-buy-look-button { width: 50px; height: 50px; border-radius: 100%; padding: initial; font-size: 15px; z-index: 10; text-transform: uppercase; cursor: pointer; border-style: none; background-color: var(--stl-primary-color, ${re}); color: var(--stl-font-color, ${ke}); } .stl-buy-look-button:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); background-color: var(--stl-font-color, ${ke}); color: var(--stl-primary-color, ${re}); } @media (max-width: 980px) { .stl-look-image img { width: auto; margin-inline: auto; margin-block: auto; } } .stl-look-image-transition { animation: fadeInOut 4s infinite; } @keyframes fadeInOut { 0%, 100% { opacity: 0; } 5%, 95% { opacity: 1; } } .stl-look-detail { display: flex; flex-direction: column; gap: 10px; margin-top: 10px; } @media (max-width: 980px) { .stl-look-detail { margin-top: 0; } } .stl-look-view-price-container { display: flex; justify-content: center; align-items: center; margin-block: 0px; } .stl-look-view-price-original { margin: 0; text-align: center; font-size: 15px; font-weight: 400; text-decoration: line-through; opacity: 0.5; margin-right: 7px; } .stl-look-view-discount { color: #22a06b; margin: 0; font-size: 14px; text-align: center; font-weight: bold; display: block; } .stl-look-view-price { margin: 0; text-align: center; font-size: 18px; font-weight: 400; } `,Ym=({look:e,handleModal:t})=>{X("GridLookCarousel",Km);const n=r=>{t(r,e.products),jt({event:"stl_buy_look",payload:{lookID:e.look_id,storeID:window.LS.store.id}})};return a.jsx("div",{className:"stl-look-grid-item-wrapper",children:a.jsx(mi,{look:e,onClick:n,showBuyButton:!0})})},Jm=K` .stl-look-grid { display: grid; gap: 30px; width: 88%; height: 100%; } @media (max-width: 980px) { .stl-look-grid { grid-template-columns: auto; width: 100%; } } .stl-look-grid-item { position: relative; width: 100%; margin: 0 auto; overflow: hidden; } @media (max-width: 980px) { .stl-look-grid-item { width: 90%; } } @media (max-width: 600px) { .stl-look-grid-item { display: none; } } .stl-product-grid { padding-right: 40px; } .stl-product-grid-item { width: 92%; overflow: hidden; position: relative; } @media (max-width: 1100px) { .stl-product-grid-item { width: 100%; } } @media (max-width: 980px) { .stl-product-grid-item { display: none; } } .stl-look-grid-item-mobile { display: none; } @media (max-width: 600px) { .stl-look-grid-item-mobile { display: flex; justify-content: center; align-items: center; } } @media (max-width: 980px) { .stl-look-title { display: none; } } .stl-look-title > span { font-weight: 600; color: inherit; font-size: 1.75rem; margin: 18px 0; } `,Zm=({look:e,handleModal:t})=>(X("CarouselGrid",Jm),a.jsxs("div",{className:"stl-look-grid",children:[a.jsx("div",{className:"stl-look-grid-item",children:a.jsx(Ym,{look:e,handleModal:(n,r)=>t(n,r,e)})}),a.jsx("div",{className:"stl-look-grid-item-mobile",children:a.jsx(ci,{look:e,handleModal:(n,r)=>t(n,r,e)})})]})),eh=K` @keyframes fadeIn { from { opacity: 0; transform: scale(0.95); } to { opacity: 1; transform: scale(1); } } @keyframes fadeOut { from { opacity: 1; transform: scale(1); } to { opacity: 0; transform: scale(0.95); } } .stl-banner-layout { display: flex; margin: 50px 50px 0px; position: relative; } .stl-left-container { display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 20px; } .stl-banner-title { font-size: 14px; text-align: center; display: block; font-weight: bold; } .stl-looks-container { position: relative; width: 100%; display: flex; justify-content: center; height: 300px; } .stl-carousel-track { display: flex; gap: 10px; position: relative; width: 100%; justify-content: center; } .stl-look { flex: 0 0 33.333%; display: flex; justify-content: center; align-items: center; position: absolute; opacity: 0; transform: scale(0.95); transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out; } .stl-look.visible { opacity: 1; transform: scale(1); position: relative; } @media (max-width: 768px) { .stl-look { flex: 0 0 50%; } } @media (max-width: 480px) { .stl-banner-layout { margin: 0 10px; flex-direction: column-reverse; position: relative; } .stl-carousel-track { overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none; } .stl-carousel-track::-webkit-scrollbar { display: none; } .stl-look { scroll-snap-align: center; display: none; } .stl-look.visible { display: flex; } .stl-left-container { display: none; } .stl-banner-title { display: none; } .stl-looks-container { overflow: hidden; height: 100%; } .stl-move-right-chevron { top: 40%; } .stl-move-left-chevron { top: 40%; } .stl-chevron { height: 34px; } .stl-point-pagination { bottom: -4%; } } .slide-pagination-container { bottom: -15px; } `,th=()=>{var qt,A,We,D,oe,gi;X("BannerStyles",eh);const{t:e}=Me(),{pluginData:t}=v.useContext(Ee),n=(t==null?void 0:t.looks)??[],r=t==null?void 0:t.client,o=((qt=r==null?void 0:r.anchor_data)==null?void 0:qt.pagination_type)??"arrows",i=((A=r==null?void 0:r.anchor_data)==null?void 0:A.mobile_layout)??"carousel",l=((We=t==null?void 0:t.client.anchor_data)==null?void 0:We.look_qty)??3,s=((D=r==null?void 0:r.anchor_data)==null?void 0:D.home_page_visibility)??!0,[u,c]=v.useState((r==null?void 0:r.autoplay_enabled)??!0),[g,m]=v.useState(!1),[f,w]=v.useState(0),[y,x]=v.useState(l),j=n.length,p=n.slice(f,f+y),[d,h]=v.useState(!1),[k,E]=v.useState(null),[L,N]=v.useState(null),S=v.useRef(null),[T,P]=v.useState(window.innerWidth<=480),[z,F]=v.useState(0),[$,Z]=v.useState(0),G=50,b=Math.ceil(j/y),O=Math.floor(f/y),_=(T||j>=3)&&j>y;v.useEffect(()=>{const Q=()=>{x(window.innerWidth>768?l:1),P(window.innerWidth<=480)};return window.addEventListener("resize",Q),Q(),()=>{window.removeEventListener("resize",Q)}},[]);const I=Q=>{F(Q.touches[0].clientX),Z(Q.touches[0].clientX)},R=Q=>{Z(Q.touches[0].clientX)},V=()=>{const Q=z-$;Math.abs(Q)0?w(Qe=>Qe+1>j-y?0:Qe+1):w(Qe=>Qe-1<0?j-y:Qe-1))};if(!((oe=t==null?void 0:t.client)!=null&&oe.plugin_visibility)||!s||n.length===0)return null;const W=()=>{h(!1)},Le=(Q,Qe,vi)=>{var gd;(gd=Qe[0])!=null&&gd.product_data&&(Q.preventDefault(),h(!0),E(Qe),N(vi),Qe.forEach(Nh=>{st({lookId:vi.look_id.toString(),productId:Nh.product_id})}))},me=k&&(k==null?void 0:k.length)>1,Fe=()=>{w(Q=>Q+1>j-y?0:Q+1)},U=()=>{w(Q=>Q-1<0?j-y:Q-1)},ee=Q=>{w(Q*y)},Qt=Q=>{w(Q*y)},Xt=()=>m(!0),Gt=()=>m(!1);return v.useEffect(()=>{let Q,Qe;if(n)return u&&!g&&(n==null?void 0:n.length)>1&&(Q=setInterval(()=>{Fe()},5e3)),()=>{clearInterval(Q),cancelAnimationFrame(Qe)}},[g,u,f]),i===mn.FLOATING&&T?a.jsx(Vr,{pluginData:t}):a.jsxs("div",{className:"stl-banner-layout",style:{gap:l>6?"2rem":"0.5rem"},onMouseEnter:Xt,onMouseLeave:Gt,onTouchStart:Xt,onTouchEnd:Gt,onClick:()=>c(!1),children:[d&&L&&a.jsx(fn,{selectedProducts:k,handleCloseModal:W,look:L,discountSettings:L.discount_settings,options:{showPreviewImage:!1,multipleProducts:me}}),T&&o===he.ARROWS&&a.jsx(Ur,{onPrevLook:U,onNextLook:Fe,showChevrons:_,isBanner:!1}),a.jsxs("div",{className:"stl-left-container",children:[a.jsx("span",{className:"stl-banner-title",children:(gi=r==null?void 0:r.anchor_data)==null?void 0:gi.widget_title}),(r==null?void 0:r.store_url)&&r.category_id&&r.category_handle&&a.jsx("a",{href:`${r.store_url}/${r.category_handle}`,target:"_blank",rel:"noopener noreferrer",children:e("Banner.link")}),o===he.ARROWS&&a.jsx(Ur,{onPrevLook:U,onNextLook:Fe,showChevrons:_,isBanner:!0}),o===he.POINTS&&a.jsx(Br,{onGoToLook:ee,currentIndex:O,showPagination:_,points:b,isBanner:!0})]}),a.jsx("div",{className:"stl-looks-container",children:a.jsx("div",{className:"stl-carousel-track",ref:S,...T&&{onTouchStart:I,onTouchMove:R,onTouchEnd:V},children:n.map(Q=>a.jsx("div",{className:`stl-look ${p.includes(Q)?"visible":""}`,style:{flex:`0 0 ${100/y}%`},children:a.jsx(Zm,{look:Q,handleModal:(Qe,vi)=>Le(Qe,vi,Q)})},Q.look_id))})}),T&&o===he.POINTS&&a.jsx(Br,{onGoToLook:ee,currentIndex:O,showPagination:_,points:b}),o===he.SLIDE&&a.jsx(fi,{totalPages:b,currentIndex:O,setCurrentIndex:Qt,showPagination:_})]})},nh=`${ft.APP_URL}/script/defaultProductImg.png`,rh=K` .stl-product-card { width: 100%; } .stl-content-card { display: flex; align-items: center; gap: 10px; padding: 5px; border: 1px solid #ddd; border-radius: var(--stl-border-radius, 16px); margin: 10px 0; height: 110px; cursor: pointer; box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.1); } .stl-product-image { width: 100px; height: 100px; flex-shrink: 0; border-radius: var(--stl-border-radius, 16px); object-fit: cover; margin-right: 5px; margin-left: 6px; box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.1); } .stl-product-info { display: flex; flex-direction: column; } .stl-card-detail { display: flex; flex-direction: column; gap: 5px; } @media (max-width: 600px) { .stl-card-detail { flex-direction: none; } } .stl-product-price-container { display: flex; align-items: center; gap: 5px; } .stl-product-price { font-size: 13px; margin: 0; font-weight: 400; } @media (max-width: 980px) { .stl-product-price { text-align: center; } } .stl-product-price-original { margin: 0; font-size: 13px; font-weight: 300; text-decoration: line-through; margin-right: 5px; opacity: 0.5; } @media (max-width: 980px) { .stl-product-price-original { text-align: center; } } .stl-product-name { width: 120px; font-size: 13px; margin: 0; line-height: normal; text-transform: uppercase; font-weight: 600; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } @media (max-width: 980px) { .stl-product-name { font-size: 13px; text-align: center; } } .stl-buy-button { border: none; width: 80px; border-radius: 5%; padding: 5px; font-weight: 400 !important; background-color: var(--stl-primary-color, ${re}); color: var(--stl-font-color, ${ke}); cursor: pointer; } .stl-buy-button:hover { background-color: var(--stl-font-color, ${ke}); color: var(--stl-primary-color, ${re}); } `,oh=({product:e,lookId:t,handleModal:n})=>{var w,y,x;X("ProductCard",rh);const{pluginData:r}=v.useContext(Ee),o=r==null?void 0:r.client,i=(w=e.product_data)==null?void 0:w.variants[0].promotional_price,l=(y=e.product_data)==null?void 0:y.variants[0].price,s=e.product_quantity||1,u=i?i*s:null,c=l?l*s:null,{t:g}=Me(),m=v.useMemo(()=>pn([".js-item-name",".item-name"],["font-family","font-weight"]),[]),f=v.useMemo(()=>pn([".js-price-display",".item-price"],["font-family","font-weight"]),[]);return a.jsx("div",{className:"stl-product-card",onClick:()=>jt({event:"stl_product_click",payload:{productID:e.product_id,storeID:window.LS.store.id}}),children:a.jsx("a",{href:e.product_canonical_url,style:{textDecoration:"none",color:"inherit"},onMouseDown:()=>{st({lookId:t,productId:e.product_id})},children:a.jsxs("div",{className:"stl-content-card",children:[a.jsx("img",{src:((x=e.product_preview_images[0])==null?void 0:x.src)||nh,alt:"product-img",className:"stl-product-image"}),a.jsx("div",{className:"stl-product-info",children:a.jsxs("div",{className:"stl-card-detail",children:[a.jsx("span",{className:"stl-product-name",style:m,children:e.product_name+`${s>1?" x "+s:""}`}),a.jsxs("div",{className:"stl-product-price-container",children:[u&&!!c&&a.jsx("span",{className:"stl-product-price",style:f,children:window.LS.formatToCurrency(u)}),a.jsx("span",{className:u&&c?"stl-product-price-original":"stl-product-price",style:u?void 0:f,children:c&&window.LS.formatToCurrency(c)})]}),(o==null?void 0:o.quick_shop_enabled)&&a.jsx("button",{className:"stl-buy-button",style:f,onClick:j=>n(j,[e]),children:g("ProductCard.buy")})]})})]})})})},ih=K` .stl-card { position: absolute; width: 310px; padding: 10px; border-radius: var(--stl-border-radius, 16px); box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.1); background-color: #fff; } .stl-card--left { right: 60%; } .stl-card--right { left: 60%; } .stl-product-container { display: flex; flex-direction: column; } .stl-look-detail { display: flex; flex-direction: column; align-items: center; gap: 10px; margin: 10px 0; } .stl-look-view-price-container { display: flex; gap: 5px; align-items: center; } .stl-look-view-price-original { font-size: 15px; font-weight: 400; text-decoration: line-through; opacity: 0.5; margin-right: 7px; } .stl-look-view-discount { margin: 0; font-size: 16px; font-weight: bold; } .stl-look-view-price { font-size: 17px; font-weight: 400; } .stl-buy-look-button { width: auto; height: 40px; padding: initial; font-size: 15px; padding-inline: 15px; z-index: 10; text-transform: uppercase; cursor: pointer; border-style: none; background-color: var(--stl-primary-color, ${re}); color: var(--stl-font-color, ${ke}); } `,lh=({look:e,buttonText:t,position:n,handleModal:r})=>{var u;const{pluginData:o}=v.useContext(Ee),i=c=>{r(c,e.products),jt({event:"stl_buy_look",payload:{lookID:e.look_id,storeID:window.LS.store.id}})},l=v.useMemo(()=>hi(e),[e]),s=e.discount_settings.active&&e.discount_settings.amount>0;return X("LookProductView",ih),a.jsxs("div",{className:`stl-card stl-card--${n}`,children:[a.jsx("div",{className:"stl-product-container",children:a.jsx("div",{style:e.products.length>3?{overflowY:"scroll",overflowX:"hidden",maxHeight:"400px"}:{height:"auto"},children:e.products.map((c,g)=>a.jsx("div",{className:"stl-product-grid",children:a.jsx(oh,{product:c,handleModal:r,lookId:e.look_id.toString()})},g))})}),e.products.every(c=>c.product_data)&&a.jsxs("div",{className:"stl-look-detail",children:[((u=o==null?void 0:o.client.anchor_data)==null?void 0:u.totalLookVisibility)&&a.jsxs("div",{className:"stl-look-view-price-container",children:[a.jsx("span",{"data-product-price":l*(1-e.discount_settings.amount/100)||l,className:s?"stl-look-view-price-original":"stl-look-view-price",children:window.LS.formatToCurrency(l)}),s&&a.jsx("span",{className:"stl-look-view-price",children:window.LS.formatToCurrency(l*(1-e.discount_settings.amount/100))}),s&&a.jsxs("span",{className:"stl-look-view-discount",children:["(",Wn(e.discount_settings.amount),"% OFF)"]})]}),a.jsx("button",{className:"stl-btn stl-buy-look-button",onClick:i,children:t})]})]})},sh=K` .stl-image-container { position: relative; width: 300px; height: 600px; display: flex; justify-content: center; align-items: center; } @media (max-width: 600px) { .stl-image-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; } } .stl-image { width: 100%; object-fit: cover; border-radius: var(--stl-border-radius, 16px); } `,ah=({look:e,client:t,position:n,isMobile:r,handleOpenModal:o})=>{var u;const{t:i}=Me(),l=((u=t==null?void 0:t.anchor_data)==null?void 0:u.button_text)||i("Grid.button"),s=(c,g)=>{var m;c.stopPropagation(),c.preventDefault(),(m=g[0])!=null&&m.product_data&&(o(e,g),g.forEach(f=>{st({lookId:e.look_id.toString(),productId:f.product_id})}))};return X("LookCardWrapper",sh),r?a.jsx("div",{className:"stl-image-container",children:a.jsx(ci,{look:e,handleModal:s})}):a.jsxs("div",{className:"stl-image-container",children:[e.look_preview_image_url[0]&&a.jsx("img",{className:"stl-image",src:e.look_preview_image_url[0],alt:e.look_name}),a.jsx(lh,{look:e,buttonText:l,position:n,handleModal:s})]})},uh=K` .stl-main-container { display: flex; gap: 20px; justify-content: center; align-items: center; position: relative; margin: 40px 0; overflow: hidden; } @media (max-width: 768px) { .stl-main-container { gap: 10px; flex-direction: column; } } .stl-chevron { width: 34px; } .stl-slider-container { width: 100%; overflow: hidden; position: relative; } .stl-slider { display: flex; width: 100%; transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); } @media (max-width: 600px) { .stl-slider { transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); } } .stl-slide-content { flex-shrink: 0; width: 100%; display: flex; justify-content: center; align-items: center; } @media (max-width: 600px) { .stl-slide-content { width: 100%; min-height: 400px; } } /* Para desktop, mostrar 2 looks por slide */ @media (min-width: 980px) { .stl-slide-content { gap: 20px; } .stl-slide-content.double-look { display: flex; justify-content: center; } } `,ch=()=>{var Qt,Xt,Gt,qt;X("DoubleLookStyles",uh);const{pluginData:e}=v.useContext(Ee),t=e==null?void 0:e.looks,n=e==null?void 0:e.client,r=(Qt=n==null?void 0:n.anchor_data)==null?void 0:Qt.pagination_type,o=((Xt=n==null?void 0:n.anchor_data)==null?void 0:Xt.mobile_layout)??"carousel",i=((Gt=n==null?void 0:n.anchor_data)==null?void 0:Gt.home_page_visibility)??!0,[l,s]=v.useState((n==null?void 0:n.autoplay_enabled)??!0),[u,c]=v.useState(!1),g=2,[m,f]=v.useState(0),[w,y]=v.useState(g),x=(t==null?void 0:t.length)??2,j=v.useRef(null),[p,d]=v.useState(window.innerWidth<=600),[h,k]=v.useState(0),[E,L]=v.useState(0),N=50,[S,T]=v.useState(!1),[P,z]=v.useState(null),[F,$]=v.useState(null),Z=(A,We)=>{z(A),$(We),T(!0),We.forEach(D=>{st({lookId:A.look_id.toString(),productId:D.product_id})})},G=Math.ceil(x/w),b=x>w;v.useEffect(()=>{const A=()=>{const We=window.innerWidth>980?g:1,D=window.innerWidth<=600;y(We),d(D);const oe=Math.ceil(x/We);m>=oe&&f(oe-1)};return window.addEventListener("resize",A),A(),()=>{window.removeEventListener("resize",A)}},[x,m]);const O=[];for(let A=0;A{k(A.touches[0].clientX),L(A.touches[0].clientX)},I=A=>{L(A.touches[0].clientX)},R=()=>{const A=h-E;Math.abs(A)0?V():W())},V=()=>{f(A=>A>=G-1?0:A+1)},W=()=>{f(A=>A<=0?G-1:A-1)},Le=A=>{f(A)},me=A=>{f(A)},Fe=()=>c(!0),U=()=>c(!1);if(v.useEffect(()=>{let A;if(t)return l&&!u&&(t==null?void 0:t.length)>1&&(A=setInterval(()=>{V()},5e3)),()=>{clearInterval(A)}},[u,l,m]),!((qt=e==null?void 0:e.client)!=null&&qt.plugin_visibility)||!i||!(t!=null&&t.length)||window.LS.template!=="home")return null;const ee=()=>`translateX(-${m*100}%)`;return o===mn.FLOATING&&p?a.jsx(Vr,{pluginData:e}):a.jsxs("div",{className:"stl-main-container",ref:j,onMouseEnter:Fe,onMouseLeave:U,onClick:()=>s(!1),children:[S&&P&&a.jsx(fn,{selectedProducts:F,handleCloseModal:()=>T(!1),look:P,discountSettings:P.discount_settings,options:{showPreviewImage:!1,multipleProducts:(F==null?void 0:F.length)>1}}),a.jsx("div",{className:"stl-slider-container",...p&&{onTouchStart:_,onTouchMove:I,onTouchEnd:R},children:a.jsx("div",{className:"stl-slider",style:{transform:ee()},children:O.map((A,We)=>a.jsx("div",{className:`stl-slide-content ${A.length===2?"double-look":""}`,children:A.map((D,oe)=>a.jsx(ah,{look:D,client:n,position:oe%2===0?"left":"right",isMobile:p,handleOpenModal:Z},D.look_id))},We))})}),r===he.ARROWS&&a.jsx(Ur,{onPrevLook:W,onNextLook:V,showChevrons:b&&(!p||p&&o!=="floating")}),r===he.POINTS&&a.jsx(Br,{onGoToLook:Le,points:G,currentIndex:m,showPagination:b&&(!p||p&&o!=="floating"),isMobile:p}),r===he.SLIDE&&a.jsx(fi,{totalPages:G,currentIndex:m,setCurrentIndex:me,showPagination:b&&(!p||p&&o!=="floating"),isMobile:p})]})},Rs=({looks:e,title:t})=>{const{t:n}=Me(),[r,o]=v.useState(!1),[i,l]=v.useState([]),[s,u]=v.useState([]);v.useEffect(()=>{const m=f=>{const y=f.target.closest(".js-addtocart");if(!y)return;const x=y.closest("form.js-product-form");if(!x)return;const j=x.querySelector('input[name="add_to_cart"]');if(!j)return;const p=j.value,d=e.filter(h=>h.products.some(k=>k.product_id===p));if(d.length>0){const[h]=d;l(d);const k=h.products.filter(E=>E.product_id!==p);u(k),o(!0)}};return document.addEventListener("click",m),()=>{document.removeEventListener("click",m)}},[e]);const c=()=>o(!1);if(!r||i.length===0)return null;const g=i[0];return s.length?a.jsx(fn,{selectedProducts:s,look:{...g,look_name:t||n("UpsellingModal.title")},handleCloseModal:c,discountSettings:g.discount_settings,options:{showPreviewImage:!0,multipleProducts:s.length>1}}):null},dh=({setLayoutType:e,event:t})=>{const n=t.data,{action:r,payload:o}=n;r==="SNIPPET_LAYOUT"&&e(o)},md=({pluginDataResponse:e})=>{const{client:t,looks:n}=e,{anchor_data:r,upselling_settings:o}=t,[i,l]=v.useState((r==null?void 0:r.snippet_layout)||mt.DEFAULT),s={...e,looks:n.filter(c=>c.look_visibility)};window.addEventListener("message",c=>dh({setLayoutType:l,event:c}));const u=c=>{switch(i){case mt.FLOATING:return a.jsx(Vr,{pluginData:c});case mt.DEFAULT:return a.jsx(Is,{});case mt.CAROUSEL:return a.jsx(qm,{});case mt.BANNER:return a.jsx(th,{});case mt.DOUBLE:return a.jsx(ch,{});default:return a.jsx(Is,{})}};return a.jsx(Dr,{languageCode:Qn(),children:a.jsxs(ai,{pluginDataResponse:s,children:[o.visible&&a.jsx(Rs,{looks:s.looks,title:o.title}),u(s)]})})},ph=e=>{var r;const t=Gn("shop-the-look-container"),n=Ys(e);n&&(n[((r=e.client.anchor_data)==null?void 0:r.position)||"prepend"](t),$r(t.shadowRoot,Fr),Ar(t.shadowRoot,e.client.customizations),Kt.createRoot(t.shadowRoot).render(a.jsx(md,{pluginDataResponse:e})))},fh=e=>{var r;const t=Gn("shop-the-look-container");t.style.margin="20px 0";const n=Ys(e);if(n){const o=((r=e.client.anchor_data)==null?void 0:r.position)==="prepend"?"beforebegin":"afterend";n.insertAdjacentElement(o,t),$r(t.shadowRoot,Fr),Ar(t.shadowRoot,e.client.customizations),Kt.createRoot(t.shadowRoot).render(a.jsx(md,{pluginDataResponse:e}))}},mh=(e,t)=>{e.querySelectorAll("li").forEach(r=>{var l;const o=r.querySelector("a");((l=o==null?void 0:o.textContent)==null?void 0:l.trim())===t.trim()&&r.remove()})},hh=e=>{if(!e.client.category_id)return;const t=e.client.category_handle,n=e.client.category_name,r="[data-store='navigation']";Array.from(document.querySelectorAll(r)).filter(l=>!l.querySelector(r)).forEach(l=>{const s=l.querySelector("li");if(!s)return;const u=Array.from(l.children).filter(f=>f.tagName==="LI");mh(l,n);const c=document.createElement("li");c.innerHTML=`${n}`,s.className&&(c.className=s.className);const g=s.querySelector("a"),m=c.querySelector("a");if(!(!g||!m)){m.className=g.className;try{u.length>=1?l.insertBefore(c,u[u.length-1]):l.appendChild(c)}catch{console.log("error a insertar STL categoria"),l.appendChild(c)}}})},gh=async e=>{if(!e)return{error:!0,message:"Error updating cart"};const t=!window.location.href.includes("/comprar");try{if(!t)setTimeout(()=>window.location.reload(),200);else{const n=await window.useJquery();n("js-cart-total.col.text-right").removeClass("js-free-shipping-achieved"),window.LS.updateCartEnhanced(e.cart,!1,()=>{},e.html_cart_items),window.LS.refreshTotals(e),window.LS.freeShippingLabelUpdate(e.free_shipping,!0),window.LS.changeQuantity(e.item.id,e.item.quantity,!0),n(".js-empty-ajax-cart").hide(),n(".js-visible-on-cart-filled").show(),n(".js-total-promotions").show(),n(".js-fulfillment-info").show(),n("#cart-shipping-container").show(),window.LS.updateCartShipping=()=>{n(".js-shipping-calculator-with-zipcode").length&&n("#cart-shipping-container .js-shipping-input").val()?(n("#cart-shipping-container").show(),window.LS.calculateShippingOnCart()):window.LS.updateShippingOnAddToCart()},window.LS.updateShippingOnShippableCart("addProductToCart");const r=n(".js-installments-cart-total").data("cartInstallment"),o=n(".js-installments-cart-total").data("interest");n(".js-cart-installments-amount").html(r),n(".js-cart-installments").html(window.LS.formatToCurrency(Number(e.cart.total)*(1+o)/r))}}catch(n){console.error("Error updating cart information",n)}},vh=({pluginDataResponse:e,looks:t})=>{const{client:n}=e,{upselling_settings:r}=n,o=r.visible;return a.jsx(Dr,{languageCode:Qn(),children:a.jsxs(ai,{pluginDataResponse:e,children:[o&&a.jsx(Rs,{looks:t,title:r.title}),a.jsx(Um,{looks:t})]})})};function yh(){try{const e=document.querySelector(".swiper-container");e&&(console.info("[shop-the-look] ","set product-swipper z-index to 0"),e.style.zIndex="0");const t=document.querySelector(".js-sticky-product.product-detail-container");t&&(console.info("[shop-the-look] ","prevent .js-sticky-product.product-detail-container from breaking stl widget"),t.style.width="auto",t.style.transform="none",t.style.willChange="auto")}catch{console.error("[shop-the-look] ","failed to execute layout fix scripts")}}const xh={exec:yh},wh=(e,t)=>{const n=Gn("shop-the-look-container"),r=document.querySelector('form[data-store^="product-form-"]');r&&(r.append(n),$r(n.shadowRoot,Fr),Ar(n.shadowRoot,e.client.customizations),xh.exec(),Kt.createRoot(n.shadowRoot).render(a.jsx(vh,{pluginDataResponse:e,looks:t})))},kh=({pluginDataResponse:e})=>{var n;const t=(n=e==null?void 0:e.looks)==null?void 0:n.filter(({look_visibility_category:r})=>r!==!1);return a.jsx(Dr,{languageCode:Qn(),children:a.jsx(ai,{pluginDataResponse:e,children:a.jsx(Vm,{looks:t})})})},Sh=e=>{const t=Gn("shop-the-look-container");t.style.width="100%";const n=["[data-store^='category-grid']",".category-body > .container > .row",".category-body > .container-fluid > .row",".container-product-grid > .span12"],r=['[data-component="filter.message"]',".category-body > .container-fluid > p"];let o=null;for(const l of n){const s=document.querySelector(l);if(s){o=s;break}}let i=null;for(const l of r){const s=document.querySelector(l);if(s){i=s;break}}if(o&&(!e.looks||e.looks.length!==0)){i==null||i.remove(),o.append(t);const l=t.shadowRoot;$r(l,Fr),Ar(l,e.client.customizations),Kt.createRoot(l).render(a.jsx(kh,{pluginDataResponse:e}))}},_h=()=>{try{const e=localStorage.getItem(ft.LS_TRACKING);if(!e)return null;const t=JSON.parse(e);return JSON.parse(t.value)}catch(e){return console.error("Error parsing STLOrderTrack from localStorage:",e),null}},st=({lookId:e,productId:t})=>{const n=_h();if(!n){const i={looks:[e],store_id:window.LS.store.id.toString(),products:[{look_id:e,product_id:t}]};localStorage.setItem(ft.LS_TRACKING,JSON.stringify({value:JSON.stringify(i)}));return}if(!n.looks.includes(e)&&n.looks.push(e),n.products.find(i=>i.product_id===t))return;const o={look_id:e,product_id:t};n.products=[...n.products,o],localStorage.setItem(ft.LS_TRACKING,JSON.stringify({value:JSON.stringify(n)}))},jt=e=>{var t;return(t=window.stlDataLayer)==null?void 0:t.push(e)},Ch=()=>function(){try{const e="GTM-N3SJ8H97",t=()=>{const r=document.createElement("script");r.innerHTML=`(function(w,d,s,l,i){ w[l]=w[l]||[]; w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'}); const f = d.getElementsByTagName(s)[0]; const j = d.createElement(s); const dl = l !== 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode?.insertBefore(j, f); })(window, document, 'script', 'stlDataLayer', '${e}');`,document.getElementsByTagName("head")[0].appendChild(r)},n=()=>{const r=document.createElement("noscript");r.innerHTML=``;const o=document.getElementsByTagName("body")[0];o.insertBefore(r,o.firstChild)};t(),n()}catch{console.log("[stl-logger] could not load GTM container")}}(),jh=({pluginData:e,show:t})=>{const{t:n}=Me(),r=document.querySelector('[data-component="filter.message"]');if(!r)return;const o=e!=null&&e.looks?n("noLooksMessage"):n("loadingMessage");return r&&(r.textContent=t?o:n("noLooksMessage")),null},hd=(e,t=!0)=>{if(window.LS.template!=="category"||!window.LS.category)return;const n=document.createElement("div");n.style.display="none",document.body.appendChild(n),ld(n).render(a.jsx(Dr,{languageCode:Qn(),children:a.jsx(jh,{pluginData:e,show:t})}))},Eh=({pluginDataResponse:e})=>{const{client:t,looks:n}=e,{upselling_settings:r}=t,o={...e,looks:n.filter(i=>i.look_visibility)};return r.visible?a.jsx(Dr,{languageCode:Qn(),children:a.jsx(ai,{pluginDataResponse:o,children:a.jsx(Rs,{looks:o.looks,title:r.title})})}):null},Lh=e=>{const t=Gn("shop-the-look-container"),n=document.querySelector('[data-store^="category-grid"]');n&&(n.insertAdjacentElement("afterend",t),$r(t.shadowRoot,Fr),Ar(t.shadowRoot,e.client.customizations),Kt.createRoot(t.shadowRoot).render(a.jsx(Eh,{pluginDataResponse:e})))},hi=e=>e.products.reduce((t,n)=>{var i,l;const r=Number(((i=n.product_data)==null?void 0:i.variants[0].promotional_price)??((l=n.product_data)==null?void 0:l.variants[0].price))||0,o=n.product_quantity||1;return t+r*o},0),Wn=e=>{const t=e%1,n=Math.floor(e);return t<=.5?n:n+1};(async function(){const t=new URLSearchParams(document.location.search).get("stl_preview")!==null;hd();const n=await vd(window.LS.store.id);if(hd(n.shouldRender?n:null,n.shouldRender),!n.shouldRender)return;if(t){window.addEventListener("message",wd),zd(),ph(n);return}const{looks:r,client:o}=n,i=o.category_id;if(Ch(),hh(n),window.LS.template==="product"&&window.LS.product){const l=window.LS.product.id.toString(),s=r.filter(u=>u.products.some(c=>c.product_id.toString()===l));if(!s.length)return;wh(n,s);return}if(window.LS.template==="category"){window.LS.category&&window.LS.category.id.toString()===i?Sh(n):Lh(n);return}fh(n)})()})();