https://omycosmetics.com/cdn/shop/t/62/assets/product-grid-customizer-DEVuRaL7.js

1import{$ as e,F as t,I as n,K as r,L as i,Lt as a,R as o,V as s,Vt as c,Y as l,_ as u,bt as d,dt as f,i as p,it as m,kt as h,lt as g,nt as _,ot as v,t as y,ut as b,v as x,wt as S,x as C,y as w}from"./useSkinProfile-BBvhZ6ts.js";import{t as T}from"./profileCustomizer-CUYR-dJG.js";import{n as E,t as D}from"./useFormulaAddToCart-C82Y5Lqu.js";var O=f({__name:`ProductGridCustomizer`,props:{productId:{},initialVariantId:{},mountEl:{}},setup(t){let n=t,{t:r}=i();C();let{detail:o,offlineForm:s,hasProfile:l,isLoading:f}=p(),O=T(),k=w(),A=()=>O.openCreate(),{product:j,selectedVariant:M,customizableBundledProducts:N,isBundle:P}=E(()=>n.productId,n.initialVariantId,n.mountEl,`variantGridChange`),{isAdding:F,addFormulaToCart:I}=D(),L=_(()=>{var e,t;return P.value?((e=N.value[0])==null?void 0:e.type)??null:((t=j.value)==null?void 0:t.type)??null}),R=_(()=>l.value?o.value??s.value:null),z=_(()=>(P.value?N.value.map(e=>e.type):L.value?[L.value]:[]).includes(u.EYE_CREAM)&&R.value!==null&&!y(R.value)),B=()=>{o.value&&O.openEditPreference(o.value.profile.id,o.value.preference.id)},V=async()=>{let e=M.value;if(e)try{await I({variant:e,source:R.value,productType:L.value,productTypes:P.value?N.value.map(e=>e.type):void 0})}catch{k.error(r(`productGridCustomizer.errors.addToCart`))}};return(t,n)=>{let i=S(`v-btn`);return d(),v(e,null,[(a(l)||a(f))&&z.value?(d(),m(i,{key:0,color:`primary`,size:`large`,block:``,onClick:B},{default:h(()=>[g(c(a(r)(`productGridCustomizer.complete`)),1)]),_:1})):a(l)||a(f)?(d(),m(i,{key:1,color:`primary`,size:`large`,block:``,loading:a(F),disabled:!a(M)||a(f),onClick:V},{default:h(()=>[g(c(a(r)(`productGridCustomizer.add`)),1)]),_:1},8,[`loading`,`disabled`])):(d(),m(i,{key:2,color:`primary`,size:`large`,block:``,onClick:A},{default:h(()=>[g(c(a(r)(`productGridCustomizer.personalize`)),1)]),_:1})),b(x)],64)}}}),k=new WeakSet,A=e=>{if(k.has(e))return;k.add(e);let i=l(O,{productId:e.dataset.productId??``,initialVariantId:e.dataset.variantId??``,mountEl:e});i.use(n),i.use(s),i.use(o),i.use(r,{queryClient:t}),i.mount(e)};document.querySelectorAll(`.product-grid-customizer`).forEach(A),new MutationObserver(e=>{for(let t of e)for(let e of Array.from(t.addedNodes))e instanceof HTMLElement&&(e.matches(`.product-grid-customizer`)&&A(e),e.querySelectorAll(`.product-grid-customizer`).forEach(A))}).observe(document.body,{childList:!0,subtree:!0});