https://www.carolinaherrera.com/_next/static/chunks/3-cpxqcu5xqvt.js

1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,365494,e=>{"use strict";var t=e.i(843476),r=e.i(352126),l=e.i(618566),n=e.i(339076),i=e.i(271645),s=e.i(395280),a=e.i(980401);e.i(892961);var o=e.i(139420),c=e.i(716738),u=e.i(30237),d=e.i(830351);e.i(418961);var m=e.i(444217);e.i(461831);var f=e.i(54690),b=e.i(5816),h=e.i(778948),p=e.i(279164),x=e.i(53615);function g({children:e,className:r,onClose:l}){let n=(0,x.useVtoState)(),{trackVTOClosePopup:s}=(0,o.useVTOTracking)(),a=(0,i.useCallback)(()=>{n.selectLook(null),s("product-list-look"),l?.()},[l,s,n]);return n.selectedLook?(0,t.jsxs)("div",{className:(0,f.cn)("pointer-events-auto fixed inset-0 z-[72] flex items-end justify-center bg-black/70",r),children:[(0,t.jsx)("button",{"aria-label":"Close looks panel",className:"absolute inset-0",onClick:a,type:"button"}),(0,t.jsx)("div",{className:"relative z-[1] flex h-full w-full flex-col items-center",children:e})]}):null}e.i(792268),e.i(828964),e.i(921839),e.i(942790),e.i(667738);var v=e.i(193810);e.i(382527),e.i(187237),e.i(630807);var y=e.i(831623),w=e.i(930382),k=e.i(145191);function j(e,t){return e.code===t.code&&e.isLooks===t.isLooks}function C(e){return e<=0?0:Math.round((e-1)/2)}function N(e){if(!e?.variants?.length)return null;let t=C(e.variants.length);return e.variants[t]??e.variants[0]??null}function S(e,t,r){if(!e?.bundleProducts?.length)return null;if(t){let r=e.bundleProducts.find(e=>e.code===t);if(r)return r}if(r){let t=e.bundleProducts.find(e=>e.variants?.some(e=>e.code===r));if(t)return t}return e.bundleProducts[0]??null}function T(e,t){if(!e?.variants?.length)return null;if(t){let r=e.variants.find(e=>e.code===t);if(r)return r}return N(e)}async function L(e){let t=await fetch(e),r=await t.blob(),l=new File([r],"vto-screenshot.png",{type:r.type||"image/png"});if("u">typeof navigator&&"share"in navigator&&"canShare"in navigator&&navigator.canShare?.({files:[l]}))return void await navigator.share({files:[l]});let n=document.createElement("a");n.download="vto-screenshot.png",n.href=e,n.click()}function P({isActive:e,isLooks:r,onClick:l,template:n}){let s=(0,i.useMemo)(()=>(function(e){if(!e)return{isVideo:!1};let t=(Array.isArray(e)?e:Object.values(e)).find(e=>e?.url),r=t?.url;if(!r)return{isVideo:!1};let l=`${t?.type??""} ${t?.mimeType??""} ${t?.imageType??""}`.toLowerCase().includes("video"),n=/\.(mp4|webm|ogg)(\?.*)?$/i.test(r);return{firstFormat:t,isVideo:l||n,url:r}})(n.picker),[n.picker]),a=n.name?.trim()?n.name:"Bundle",o=(0,i.useMemo)(()=>s.url?{mime:s.firstFormat?.mimeType,url:s.url}:null,[s.firstFormat?.mimeType,s.url]);return(0,t.jsxs)("button",{"aria-label":`${a}, open virtual try-on`,className:"group flex w-[7.25rem] flex-col items-center gap-2 text-center",onClick:l,type:"button",children:[(0,t.jsx)("div",{className:(0,f.cn)("relative w-full overflow-hidden rounded-lg border bg-neutrals-10 transition-colors",e?"border-2 border-inherited-chny":"border border-black/10"),children:o?(0,t.jsx)(v.default,{alt:a,className:(0,f.cn)("flex h-[4.0625rem] w-full items-center justify-center [&_.puig-media-responsive]:h-full [&_.puig-media-responsive]:w-full [&_.puig-video-media]:h-full [&_.puig-video-media]:w-full",r?"[&_img]:h-full [&_img]:w-full [&_img]:object-cover [&_img]:object-[center_20%] [&_video]:h-full [&_video]:w-full [&_video]:object-cover":"[&_img]:max-h-[4.0625rem] [&_img]:object-contain [&_video]:max-h-[4.0625rem] [&_video]:object-contain"),container:o,fit:r?"cover":"contain",sizes:"116px",videoOptions:{autoPlay:!0,loop:!0,muted:!0,showControls:!1}}):(0,t.jsx)("div",{className:"flex h-[4.0625rem] w-full items-center justify-center",children:(0,t.jsx)("span",{className:"text-[0.6875rem] text-neutral-400",children:"No image"})})}),n.name?(0,t.jsx)("span",{className:(0,f.cn)("line-clamp-2 text-[0.6875rem] font-light leading-tight text-black",e&&"font-medium"),children:n.name}):null]})}var _=e.i(256578);function I({activeTabIndex:e,onTabSelect:r,tabs:l}){return(0,t.jsx)("nav",{"aria-label":"Virtual try-on categories",className:"w-full",children:(0,t.jsx)("ul",{className:"mt-4 flex w-full list-none p-0",role:"tablist",children:l.map((l,n)=>{let i=(0,_.stripVtoHtml)(l.text??l.code),s=n===e;return(0,t.jsx)("li",{className:(0,f.cn)("flex-1 border-l border-t border-neutrals-20 first:border-l-0",s?"border-t-0 bg-white":"bg-neutrals-10"),children:(0,t.jsx)("button",{"aria-selected":s,className:"w-full border-0 bg-transparent px-2 py-[0.625rem] text-xs font-normal uppercase text-black",onClick:()=>{r(n,l,i)},role:"tab",style:{fontFamily:"var(--font-body)"},tabIndex:s?0:-1,type:"button",children:i})},`${l.code}-${l.isLooks?"looks":"products"}`)})})})}let B="inline-flex min-h-10 shrink-0 items-center justify-center rounded-[0.25rem] border-[0.0625rem] border-solid border-dark-strong bg-dark-strong py-[0.8rem] pl-[1.5rem] pr-[1.5rem] text-center text-[0.75rem] font-normal uppercase tracking-[0.03125rem] text-white opacity-100 transition-[background-color_0.25s_ease-out]";function V(e){let t=e.variantCategories?.find(e=>e?.image)?.image;if(t?.url)return t.url;let r=e.images?.find(e=>e.url);return r?.url}function z({activeVariantCode:e,campaignProductCodes:r,onVariantSelect:l,variants:n}){let o=(0,i.useRef)(null),c=(0,i.useMemo)(()=>{let e=n;return r&&r.length>0&&(e=e.filter(e=>e.code&&r.includes(e.code))),e.filter(e=>!!V(e))},[n,r]),u=(0,i.useMemo)(()=>

1{if(!c.length)return 0;if(e){let t=c.findIndex(t=>t.code===e);if(t>=0)return t}return C(c.length)},[e,c]);(0,i.useEffect)(()=>{let e=o.current;e&&e.activeIndex!==u&&e.slideTo(u)},[u]);let d=(0,i.useCallback)(e=>{l(e)},[l]);return c.length?(0,t.jsx)("div",{className:"vto-color-variant relative z-10 flex w-auto items-center justify-center px-0 py-4 [&_.swiper-wrapper]:!overflow-visible [&_.swiper]:!overflow-visible",children:(0,t.jsx)("div",{className:"mx-auto block w-full overflow-visible",children:(0,t.jsx)(a.Swiper,{a11y:{containerMessage:"color variant selector"},allowTouchMove:!0,centeredSlides:!0,centerInsufficientSlides:!0,className:"!overflow-visible",initialSlide:u,loop:!1,modules:[s.A11y],onSwiper:e=>{o.current=e},slidesPerView:"auto",slideToClickedSlide:!0,spaceBetween:0,children:c.map((r,l)=>{let n=V(r);return(0,t.jsx)(a.SwiperSlide,{className:"block !min-h-[1.875rem] !w-[2.875rem] !overflow-visible !px-2",children:({isActive:l})=>(0,t.jsx)("button",{"aria-label":r.name??r.code??"Color","aria-pressed":r.code===e,className:"mx-auto block h-[1.875rem] w-[1.875rem] overflow-hidden rounded-full border-0 p-0 shadow-none",onClick:()=>d(r),style:{transform:l?"scale(1.45)":"scale(1)",transformOrigin:"center center",transition:"transform 0.3s ease-in-out",willChange:l?"transform":void 0},type:"button",children:n?(0,t.jsx)(v.default,{alt:r.name??"",className:"block [&_img]:block [&_img]:h-full [&_img]:w-full [&_img]:object-cover",container:{url:n},fit:"cover",sizes:"30px"}):(0,t.jsx)("span",{className:"flex h-full w-full items-center justify-center bg-gray-200 text-[0.5rem]",children:r.code?.slice(0,3)})})},r.code??l)})})})}):null}var M=e.i(632360);function A({activeBundleId:e,bundles:r,onBundleSelect:l}){let n=(0,i.useMemo)(()=>{if(!e)return 0;let t=r.findIndex(t=>t.bundleTemplateId===e);return t>=0?t:0},[e,r]);return 0===r.length?null:(0,t.jsx)("div",{className:"z-10 flex w-full items-center justify-center py-4",children:(0,t.jsx)("div",{className:"mx-auto w-[8.3125rem] overflow-visible",children:(0,t.jsx)(M.default,{className:"w-full [&_.swiper]:overflow-visible",config:{allowTouchMove:!0,autoplay:!1,centeredSlides:!0,loop:!1,navigation:!1,slidesPerView:3,slideToClickedSlide:!0,spaceBetween:16}

1,initialSlide:n,items:r,renderSlide:(e,r,n)=>{let i=function(e){if(!e)return;let t=Array.isArray(e)?e:Object.values(e);return t.find(e=>e?.url)?.url}(e.picker);return(0,t.jsx)("button",{"aria-label":e.name??"Look",className:(0,f.cn)("mx-auto block h-[1.875rem] w-[1.875rem] overflow-hidden rounded-full border-0 bg-transparent p-0 transition-transform duration-300",n&&"scale-150"),onClick:()=>l(e),type:"button",children:i?(0,t.jsx)(v.default,{alt:e.name??"",className:"h-full w-full [&_img]:block [&_img]:h-full [&_img]:w-full [&_img]:object-cover",container:{url:i},fit:"cover",sizes:"30px"}):(0,t.jsx)("span",{className:"flex h-full w-full items-center justify-center bg-white/20 text-[0.5rem] text-white",children:(e.name??"?").slice(0,2)})})},showNavigation:!1,showPagination:!1,slideClassName:"!w-auto !min-w-[1.875rem] !min-h-[1.875rem]"})})})}var F=e.i(446798),O=e.i(870029),E=e.i(716591),R=e.i(968973);e.s(["default",0,function({categories:v,categoryItems:C,className:_,getTheLookCta:V,shopCta:M,vtoLooksAddToBag:K}){let $=(0,n.useTranslations)("CmsSmartedit"),H=(0,b.useSdk)(),W=(0,r.useQueryClient)(),D=(0,l.useRouter)(),q=(0,l.useSearchParams)(),{locale:U,market:J}=(0,m.useMarketLocale)(),{trackVTOAddFullLook:Q,trackVTOAddLookItem:G,trackVTOBeforeAfterVisibility:X,trackVTOCategoryClick:Y,trackVTODownloadLook:Z,trackVTOGetTheLook:ee,trackVTOGoBack:et,trackVTOPanelAccordion:er,trackVTOProductSelection:el,trackVTOShop:en,trackVTOTakeOrRefreshPhoto:ei}=(0,o.useVTOTracking)(),es=(0,x.useVtoState)(),ea=(0,i.useRef)(null),eo=(0,i.useRef)(null),ec=(0,i.useRef)(null),eu=(0,i.useRef)(new Map),ed=(0,i.useRef)({}),em=(0,i.useRef)(new Set),[ef,eb]=(0,i.useState)(!1),[eh,ep]=(0,i.useState)(null),[ex,eg]=(0,i.useState)(!1),[ev,ey]=(0,i.useState)(!0),[ew,ek]=(0,i.useState)(!1),[ej,eC]=(0,i.useState)(!1),[eN,eS]=(0,i.useState)(0),[eT,eL]=(0,i.useState)(null),[eP,e_]=(0,i.useState)([]),[eI,eB]=(0,i.useState)(null),[eV,ez]=(0,i.useState)(null),[eM,eA]=(0,i.useState)(null),[eF,eO]=(0,i.useState)({});ed.current=eF;let eE=(0,i.useMemo)(()=>C&&C.length>0?C:v?(0,k.normalizeConfiguratorCategories)(v):[],[C,v]),eR=q.get("campaignId"),eK=!!eR,e$=es.isPdpMode,eH=null!=eh,{bottomChromeRef:eW,faceLayerHeightCss:eD}=function({isAccordionClosed:e,isPreviewMode:t}){let r=(0,i.useRef)(null),[l,n]=(0,i.useState)("100dvh"),s=(0,i.useCallback)(()=>{if(t||e)return void n("100dvh");let l=r.current;if(!l)return void n("100dvh");let i=l.getBoundingClientRect().top;if(i<=0)return void n("100dvh");let s=Math.min(window.innerHeight,i+80);n(`${s}px`)},[e,t]);return(0,i.useLayoutEffect)(()=>{if(t)return void n("100dvh");s();let e=window.setTimeout(s,340);return()=>{window.clearTimeout(e)}},[e,t,s]),(0,i.useLayoutEffect)(()=>{if(t||"u"<typeof ResizeObserver)return;let e=r.current;if(!e)return;let l=new ResizeObserver(()=>{s()});return l.observe(e),()=>{l.disconnect()}},[t,s]),(0,i.useEffect)(()=>{if(t)return;let e=()=>{s()};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}},[t,s]),{bottomChromeRef:r,faceLayerHeightCss:l}}({isAccordionClosed:ef,isPreviewMode:eH});(0,y.useCampaignIdleTimer)(eR);let eq=(0,i.useMemo)(()=>U?.split("-")[0]??"en",[U]);(0,i.useEffect)(()=>{let t=null,r=new AbortController,l=eu.current,n=async()=>{if(!ea.current)return void ey(!1);try{let{CMS:l,Face3D:n}=await e.A(818048);if(r.signal.aborted)return;if(!n||!l){h.logger.warning("Face3D SDK not available"),ey(!1);return}if(t=await n.create({container:ea.current}),r.signal.aborted)return void t.destroy();if(eo.current=t,es.isWebcam){let e="u"<typeof navigator?null:window.isSecureContext?navigator.mediaDevices?.getUserMedia?null:"Webcam input is not available because mediaDevices.getUserMedia is missing.":`Webcam input requires a secure context (HTTPS or localhost). Current origin: ${window.location.origin}.`;if(e)throw Error(e);t.setInput({displayFit:"cover",type:"webcam"})}else if(es.imageInput)t.setInput({displayFit:"cover",type:"image",url:es.imageInput});else throw Error("VTO initialized without a webcam or uploaded image input.");if(t.startFaceScan({features:{skinTone:!0},options:{imageQuality:{callback:e=>void 0,timeout:120},iterations:7}}),ec.current=await l.getClient((0,d.getHolitionClientId)()),r.signal.aborted)return;ek(!0),ey(!1)}catch(t){if(r.signal.aborted)return;let e=function(e){if(e instanceof Error)return JSON.stringify({message:e.message,name:e.name,stack:e.stack});if("object"==typeof e&&null!==e)try{return JSON.stringify(e,Object.getOwnPropertyNames(e).sort())}catch{return JSON.stringify({keys:Object.keys(e),tag:Object.prototype.toString.call(e)})}return String(e)}(t);h.logger.error("Failed to initialize Face3D",{error:e}),eC(!0),ey(!1)}};return es.isInitialized&&n(),()=>{if(r.abort(),t)try{t.stopFaceScan(),t.destroy()}catch{}eo.current=null,ec.current=null,l.clear()}},[es.imageInput,es.isInitialized,es.isWebcam]);let eU=(0,i.useCallback)(async e=>{let t=(0,O.extractVtoBundleTemplatesFromResponse)(await W.fetchQuery({queryFn:()=>H.customExtension.getVtoBundleTemplates({categoryCode:e.code,curr:"",isLooks:e.isLooks,lang:eq}),queryKey:["vto-bundle-templates",J,eq,e.code,e.isLooks],retry:3})),r=(0,F.filterBundleTemplates)(t,es.campaignSkus,{requireSelectableShade:!e.isLooks});if(ec.current){let t={getLookBy:ec.current.getLookBy.bind(ec.current),getProductBy:async e=>{if("sku"!==e.type)return ec.current?.getProductBy(e);let t=eu.current,r=t.get(e.search);if(void 0!==r)return r;let l=Promise.resolve(ec.current?.getProductBy(e)).then(e=>

1e??null).catch(r=>{throw t.delete(e.search),r});return t.set(e.search,l),l}};r=await (0,F.filterBundleTemplatesWithHolition)(r,t,e.isLooks)}return t.length>0&&0===r.length&&h.logger.warning("[VTO Products] All bundles filtered out",{categoryCode:e.code,extractedCount:t.length,filteredCount:r.length}),r},[eq,J,W,H,es.campaignSkus]),eJ=(0,i.useCallback)(async e=>{let t=(0,k.getVtoTabKey)(e),r=ed.current[t];if(!em.current.has(t)&&r?.loading!==!0&&(null==r||!1!==r.loading||r.fetchedLang!==eq||r.fetchedMarket!==J)){em.current.add(t),eO(e=>({...e,[t]:{bundles:[],loading:!0}}));try{let r=await eU(e);eO(e=>({...e,[t]:{bundles:r,fetchedLang:eq,fetchedMarket:J,loading:!1}}))}catch(r){h.logger.error("Failed to prefetch VTO category bundles",{categoryCode:e.code,error:r}),eO(e=>({...e,[t]:{bundles:[],loading:!1}}))}finally{em.current.delete(t)}}},[eU,eq,J]);(0,i.useEffect)(()=>{0===eE.length||ew&&eE.forEach(e=>{eJ(e)})},[eE,ew,eJ]);let eQ=(0,i.useMemo)(()=>eE.filter(e=>{let t=eF[(0,k.getVtoTabKey)(e)];return null!=t&&!1===t.loading&&t.bundles.length>0}),[eE,eF]),eG=(0,i.useMemo)(()=>0===eE.length||eE.every(e=>{let t=eF[(0,k.getVtoTabKey)(e)];return null!=t&&!1===t.loading}),[eE,eF]),eX=(0,i.useCallback)((e,t,r)=>{eL(e),e_(t);let l=(r?t.find(e=>e.bundleTemplateId===r)??null:null)??t[0]??null,n=e.isLooks?null:S(l,es.selectedTexture?.code,es.selectedColor?.code),i=e.isLooks?null:T(n,es.selectedColor?.code);eB(l),ez(n),eA(i),es.selectCategory(e),es.selectBundle(l),es.selectLook(null),n&&es.selectTexture(n),i&&es.selectColor(i)},[es]);(0,i.useEffect)(()=>{if(!es.isHydrated||!eG||eT||0===eQ.length||!(0,R.shouldStayOnVtoProductsRoute)({imageInput:es.imageInput,isInitialized:es.isInitialized,isWebcam:es.isWebcam,pdpSelection:es.pdpSelection}))return;let e=es.pdpSelection,t=e?.configuratorCode??es.selectedBundle?.bundleTemplateId,r=e?.variantCode??es.selectedColor?.code;if(t||r)for(let l of eQ){let n=eF[(0,k.getVtoTabKey)(l)]?.bundles??[],i=function(e,t,r){if(t){let r=e.find(e=>e.bundleTemplateId===t);if(r)return r}if(r){let t=e.find(e=>e.bundleProducts?.some(e=>e.variants?.some(e=>e.code===r)));if(t)return t}return null}(n,t,r);if(i){if(eX(l,n,i.bundleTemplateId),e?.textureCode){let t=i.bundleProducts?.find(t=>t.code===e.textureCode);if(t){ez(t),es.selectTexture(t);let r=e.variantCode?t.variants?.find(t=>t.code===e.variantCode):void 0;r&&(eA(r),es.selectColor(r))}}return}}let l=es.selectedCategory,n=(null!=l?eQ.find(e=>j(e,l)):void 0)??(0,w.getPreferredInitialVtoTab)(eQ)??eQ[0],i=eF[(0,k.getVtoTabKey)(n)]?.bundles??[];eX(n,i,t)},[eT,eX,eG,eF,es.imageInput,es.isHydrated,es.isInitialized,es.isWebcam,es.pdpSelection,es.selectedBundle,es.selectedCategory,eQ]);let eY=(0,i.useCallback)(async()=>{if(ew&&eo.current&&ec.current&&eT)try{let e=await Promise.resolve(ec.current.getLookBy({search:"beautyfilter",type:"other"})),t=Array.isArray(e?.renderProducts)?e.renderProducts:[];if(eT.isLooks){if(!eI?.bundleTemplateId)return;let e=await Promise.resolve(ec.current.getLookBy({search:eI.bundleTemplateId,type:"other"})),r=Array.isArray(e?.renderProducts)?e.renderProducts:[],l=[...t,...r].filter(Boolean);await eo.current.sendProducts(l);return}let r=eM?.code??eV?.code;if(!r)return;let l=await Promise.resolve(ec.current.getProductBy({search:r,type:"sku"})),n=[...t,l].filter(Boolean);await eo.current.sendProducts(n)}catch(e){h.logger.error("Failed to sync Face3D selection",{error:e})}},[eI?.bundleTemplateId,eT,eV?.code,eM?.code,ew]);(0,i.useEffect)(()=>{eY()},[eY]);let eZ=(0,i.useCallback)((e,t,r)=>{eb(!1),Y(t);let l=eF[(0,k.getVtoTabKey)(t)]?.bundles??[];eX(t,l)},[eX,eF,Y]),e0=(0,i.useCallback)(e=>{if(eB(e),es.selectBundle(e),es.selectLook(null),eT?.isLooks){ez(null),eA(null);return}let t=S(e,eV?.code),r=T(t,eM?.code);ez(t),eA(r),t&&es.selectTexture(t),r&&es.selectColor(r)},[eT?.isLooks,eV?.code,eM?.code,es]),e1=(0,i.useCallback)(e=>{ez(e),es.selectTexture(e);let t=N(e);eA(t),t&&(es.selectColor(t),eT&&el(eT,t,e))},[eT,el,es]),e2=(0,i.useCallback)(e=>{(!e.code||e.code!==eM?.code)&&(eA(e),es.selectColor(e),eT&&eV&&el(eT,e,eV))},[eT,eV,eM?.code,el,es]),e5=(0,i.useCallback)(()=>{X(eN);let e=+(0===eN);eS(e),eo.current?.setVisibilitySlider(e)},[X,eN]),e8=(0,i.useCallback)(async()=>

1{if(eh){ei(!0),ep(null);return}if(eo.current)try{ei(!1);let e=await eo.current.takeScreenshot();ep(e)}catch(e){h.logger.error("Screenshot failed",{error:e})}},[eh,ei]),e6=(0,i.useCallback)(async()=>{if(eh&&!ex){eg(!0);try{await L(eh),Z()}catch(e){h.logger.error("Failed to download screenshot",{error:e})}finally{eg(!1)}}},[eh,ex,Z]),e7=(0,i.useCallback)(()=>{if(eh)return void ep(null);et(),es.clearVto();let e=(0,E.buildVtoPickerHref)({campaignId:eR??void 0,isCampaignRoute:!!eR,locale:U,market:J});window.history.length>1?D.back():D.push(e)},[eR,eh,U,J,D,et,es]),e3=(0,i.useCallback)(()=>{eI&&(es.selectLook(eI),ee(eI.name??"look"))},[eI,ee,es]),e4=(0,i.useMemo)(()=>{if(!eT)return 0;let e=eQ.findIndex(e=>j(e,eT));return e>=0?e:0},[eT,eQ]),e9=(0,i.useMemo)(()=>eM?.url??N(eV)?.url??null,[eV,eM?.url]);return es.isInitialized?(0,t.jsxs)("section",{className:(0,f.cn)("fixed inset-0 z-[70] overflow-hidden bg-black text-white",_),children:[(0,t.jsx)(c.ErrorBoundary,{fallback:(0,t.jsx)("div",{className:"flex h-full items-center justify-center bg-black",role:"alert",children:(0,t.jsx)("span",{className:"text-sm text-white",children:$("vto.initError")})}),children:(0,t.jsxs)("div",{className:"absolute inset-0 overflow-hidden",children:[(0,t.jsx)("div",{className:(0,f.cn)("absolute left-0 right-0 top-0 overflow-hidden bg-black transition-[height_0.7s_ease-out] supports-[(-webkit-touch-callout:none)]:transition-none",eH&&"pointer-events-none"),style:{height:eD},children:(0,t.jsx)("div",{className:"h-full w-full bg-black",ref:ea})}),eH&&eh?(0,t.jsx)("img",{alt:"",className:"absolute inset-0 z-[1] h-full w-full object-cover",src:eh}):null,(ev||ej)&&(0,t.jsx)("div",{className:"absolute inset-0 z-10 flex items-center justify-center bg-black/70",role:ej?"alert":"status",children:(0,t.jsx)("span",{className:"px-6 text-center text-sm text-white",children:$(ej?"vto.initError":"vto.loading")})})]})}),(0,t.jsx)("div",{className:"pointer-events-none absolute inset-0 z-[11] bg-[linear-gradient(180deg,rgb(0_0_0/60%)_0%,rgb(0_0_0/0%)_14%,rgb(0_0_0/0%)_58%,rgb(0_0_0/88%)_100%)]"}),(0,t.jsxs)("div",{className:"relative z-[12] flex h-full flex-col justify-between",children:[(0,t.jsxs)("div",{className:"pointer-events-auto relative flex items-center px-4 pb-6 pt-4 sm:px-6",children:[(0,t.jsx)("button",{"aria-label":"Back",className:"flex h-11 w-11 items-center justify-center rounded-full border border-white/20 bg-black/20 backdrop-blur-sm",onClick:e7,type:"button",children:(0,t.jsx)("span",{className:"icon-shevron text-[1.5rem] [transform:rotate(180deg)]"})}),(0,t.jsx)("button",{"aria-label":$("vto.beforeAfter"),className:"absolute left-1/2 flex h-11 w-11 -translate-x-1/2 items-center justify-center",onClick:e5,type:"button",children:(0,t.jsx)("span",{className:"icon-mirror !text-[1.625rem]"})})]}),eH?(0,t.jsxs)("div",{className:"pointer-events-auto flex flex-col items-center gap-4 px-4 pb-8 sm:px-6",children:[(0,t.jsx)("button",{"aria-label":$("vto.screenshot"),className:"flex h-[4.25rem] w-[4.25rem] items-center justify-center rounded-full border border-white bg-black/10",onClick:()=>{e8()},type:"button",children:(0,t.jsx)("span",{className:"icon-refresh text-[2.125rem]"})}),(0,t.jsxs)("button",{className:"inline-flex min-h-11 items-center justify-center rounded-md border border-white px-5 py-3 text-xs font-medium uppercase tracking-[0.08em]",disabled:ex,onClick:()=>{e6()},type:"button",children:[$(ex?"vto.loading":"vto.screenshot"),(0,t.jsx)("span",{className:"icon-download ms-2 text-base"})]})]}):(0,t.jsx)("div",{className:"pointer-events-auto",children:(0,t.jsxs)("div",{className:"flex w-full flex-col items-center",ref:eW,children:[(0,t.jsxs)("div",{className:"relative flex min-h-[2.75rem] w-full flex-col items-center px-4 py-2 sm:px-6",children:[!eT?.isLooks&&eV?.variants?.length?(0,t.jsxs)("div",{className:"relative flex w-full items-center justify-center",children:[(0,t.jsx)(z,{activeVariantCode:eM?.code,campaignProductCodes:es.campaignSkus?[...es.campaignSkus.productCodes]:void 0,onVariantSelect:e2,variants:eV.variants??[]}),(0,t.jsx)("button",{"aria-label":$("vto.screenshot"),className:(0,f.cn)("z-[15] flex items-center justify-center rounded-full border border-white bg-transparent p-3",eK?"static":"pointer-events-auto absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2"),onClick:()=>{e8()},type:"button",children:(0,t.jsx)("span",{className:"icon-camera !text-[1.75rem] text-white"})})]}):(0,t.jsx)("button",{"aria-label":$("vto.screenshot"),className:"flex h-[3.375rem] w-[3.375rem] items-center justify-center rounded-full border border-white bg-transparent",onClick:()=>{e8()},type:"button",children:(0,t.jsx)("span",{className:"icon-camera text-[2rem] text-white"})}),eK&&!eT?.isLooks&&(eM?.shadeName||eM?.name)&&(0,t.jsx)("p",{className:"mb-4 mt-[0.625rem] text-center text-[1.25rem] text-white",children:eM.shadeName??eM.name}),eT?.isLooks&&!eK&&ef&&(0,t.jsx)(A,{activeBundleId:eI?.bundleTemplateId,bundles:eP,onBundleSelect:e0})]}),(0,t.jsxs)("div",{className:(0,f.cn)("w-full rounded-t-lg text-black",e$?"bg-transparent":"bg-white"),children:[!e$&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)("div",{className:"relative flex items-center justify-between px-2 py-2",children:[(0,t.jsx)("button",{"aria-label":ef?"Expand panel":"Collapse panel",className:"flex h-10 w-10 shrink-0 items-center justify-center bg-transparent text-black",onClick:()=>{eb(e=>{let t=!e;return er(t),t})},type:"button",children:(0,t.jsx)("span",{className:(0,f.cn)("icon-shevron rotate-90 text-[1.5rem] transition-transform",ef&&"-rotate-90")})}),!eT?.isLooks&&(0,t.jsx)("span",{className:"min-w-0 truncate text-center text-sm text-black",children:eM?.shadeName??eM?.name??""}

1),eT?.isLooks?(0,t.jsx)("button",{className:B,onClick:e3,type:"button",children:V?.text??$("vto.getTheLook")}):!eK&&e9?(0,t.jsx)(u.default,{ariaLabel:M?.text??$("vto.shopProduct"),className:B,href:e9,onClick:()=>{en(eM?.name??eV?.name??"")},children:M?.text??$("vto.shopProduct")}):null]}),(0,t.jsx)("div",{className:(0,f.cn)("overflow-hidden transition-[max-height] duration-300 ease-in-out",ef?"max-h-0":"max-h-[18.75rem]"),children:(0,t.jsxs)("div",{className:"flex flex-col items-center",children:[!eT?.isLooks&&eI?.bundleProducts&&eI.bundleProducts.length>1?(0,t.jsx)("div",{className:"w-full px-4 pb-4",children:(0,t.jsx)(a.Swiper,{allowTouchMove:!0,centerInsufficientSlides:!0,className:"w-full",loop:!1,modules:[s.A11y],slidesPerView:"auto",spaceBetween:8,children:eI.bundleProducts.map(e=>(0,t.jsx)(a.SwiperSlide,{className:"!w-auto",children:(0,t.jsx)("button",{className:(0,f.cn)("flex h-9 items-center justify-center rounded-lg border bg-transparent px-[0.6875rem] py-[0.8125rem] text-[0.6875rem] uppercase tracking-[0.06em] text-black transition-colors",eV?.code===e.code?"border-2 border-inherited-chny":"border border-black/10"),onClick:()=>{e1(e)},type:"button",children:e.typeTitle??e.name})},e.code))})}):null,(0,t.jsx)("div",{className:"w-full border-t border-neutrals-15 px-4 pt-4",children:eP.length>0?(0,t.jsx)(a.Swiper,{allowTouchMove:!0,centerInsufficientSlides:!0,className:"w-full",loop:!1,modules:[s.A11y],slidesPerView:"auto",spaceBetween:12,children:eP.map((e,r)=>(0,t.jsx)(a.SwiperSlide,{className:"!w-auto",children:(0,t.jsx)(P,{isActive:e.bundleTemplateId===eI?.bundleTemplateId,isLooks:!!eT?.isLooks,onClick:()=>{e0(e)},template:e})},e.bundleTemplateId??`vto-products-bundle-${r}`))}):eG?(0,t.jsx)("p",{className:"py-2 text-center text-[0.6875rem] text-black/60",children:$(0===eQ.length?"vto.emptyAllCategories":"vto.emptyCategoryBundles")}):(0,t.jsxs)("div",{"aria-busy":"true","aria-live":"polite",className:"flex items-center justify-center py-4",role:"status",children:[(0,t.jsx)("span",{className:"sr-only",children:$("vto.loading")}),(0,t.jsx)("div",{"aria-hidden":"true",className:"h-6 w-6 animate-spin rounded-full border-2 border-neutral-300 border-t-black motion-reduce:animate-none"})]})}),eG&&eQ.length>1?(0,t.jsx)(I,{activeTabIndex:e4,onTabSelect:eZ,tabs:eQ}):null]})})]}),e$&&e9&&(0,t.jsx)("div",{className:"flex items-center justify-center px-4 py-3",children:(0,t.jsx)(u.default,{ariaLabel:M?.text??$("vto.shopProduct"),className:"inline-flex min-h-10 shrink-0 items-center justify-center rounded-md bg-black px-6 py-2 text-[0.6875rem] font-medium uppercase tracking-[0.08em] text-white",href:e9,onClick:()=>{en(eM?.name??eV?.name??"")},children:M?.text??$("vto.shopProduct")})})]}),eK&&eT?.isLooks&&(0,t.jsx)("p",{className:"pb-4 text-center text-[0.6875rem] uppercase tracking-[0.08em] text-white/70",children:V?.text??$("vto.getTheLook")})]})})]}),(0,t.jsx)(g,{children:(0,t.jsx)(p.default,{addFullLookCTA:K?.addFullLookCTA,label:K?.label,onAddFullLook:Q,onItemAdd:G,showCloseButton:!0})})]}):null}],365494)}]);