https://www.thestudio.com/_nuxt/DivVw5Ey.js

1import{G as q,h as _,o as l,j as h,b9 as ie,y as b,I as t,e as L,s as de,a as ue,L as v,l as ce,N as s,K as p,X as u,av as U,O as r,r as c,Q as g,R as me,$ as fe,aZ as pe,aw as ge,ao as _e,an as we,af as ye,ag as he,S as be,bm as S,az as xe,_ as ke}from"./CtSBWgpp.js";import ve from"./Cm2Fgvc1.js";import Se from"./CwnAPwpU.js";import Te from"./CXLyTcTm.js";import{_ as Ue}from"./C-JajZ7_.js";import Ie from"./CeJYtqgi.js";import"./CHSdJU0x.js";import"./CABPZRzg.js";import"./Vbi5M5nm.js";import"./BcNfzLDF.js";import"./DGfGYUVF.js";import"./Dpg64vWm.js";import"./ceb7UfhV.js";import"./C96RMu_q.js";import"./6cDPJoyG.js";import"./C3t-Brmq.js";import"./CRg1hD4u.js";import"./BfqlqX3M.js";import"./C5W8Oi6V.js";import"./dSpzCmGJ.js";import"./SP05GjQH.js";import"./BvtOeG4F.js";import"./CpNHLDdh.js";import"./DI-IW0Tg.js";import"./CcK2XLZ7.js";import"./thWyKVcS.js";import"./B33z6ykF.js";import"./CoVRd4zK.js";import"./CcFvD158.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{};e.SENTRY_RELEASE={id:"8b3961cee8984bb42bc8bbd0cdb1d52fc4ef00cd"}}catch{}})();try{(function(){var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},w=new e.Error().stack;w&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[w]="d23c5fa2-bae3-4315-8790-fedd1a492ed1",e._sentryDebugIdIdentifier="sentry-dbid-d23c5fa2-bae3-4315-8790-fedd1a492ed1")})()}catch{}const Pe={class:"h-[6px] w-full overflow-hidden rounded-full bg-black-200"},Ce=q({__name:"UiProgressBar",props:{progress:{}},setup(e){return(w,F)=>(l(),_("div",Pe,[h("div",{class:"h-full rounded-full bg-blue transition-[width] duration-200 ease-linear",style:ie({width:`${e.progress}%`})},null,4)]))}}),De=Object.assign(Ce,{__name:"UiProgressBar"}),Fe={class:"font-montserrat text-xs font-medium text-blue"},Ae=q({__name:"UiProgressPercentage",props:{progress:{}},setup(e){const w=e,F=L(()=>Math.round(w.progress));return(a,y)=>(l(),_("span",Fe,b(t(F))+"%",1))}}),Be=Object.assign(Ae,{__name:"UiProgressPercentage"}),Ee={class:"flex flex-col gap-8"},Le=["src"],Me={key:4,class:"flex gap-2"},Re={class:"flex min-w-0 flex-1 flex-col gap-3"},ze=["onKeydown"],Ne={class:"flex flex-wrap gap-2"},Ge=["onClick"],qe={class:"flex shrink-0 flex-col items-end gap-2"},Oe={key:0,class:"w-full rounded-[8px] border border-black-200 p-[18px]"},Ve={class:"flex flex-row items-center gap-3"},$e={class:"mt-4 flex justify-between"}

1,Qe={key:0,class:"w-[60%] md:hidden"},I=800,je=25e3,H=200,G=99,Ke=800,Ye=300,Xe=q({__name:"CmsPdpGuidedCustomizerFlow",props:{selectedQ1Answer:{},flowStep:{},uploadedFileUrl:{},noArtworkYet:{type:Boolean},detailsText:{},detailsSent:{type:Boolean},generatedImageUrl:{},guidedDraftId:{},productId:{},scrollToBottom:{type:Function},resultReceived:{type:Boolean},guidedVariantCopy:{}},emits:["fileUpload","noArtwork","sendDetails","skipDetails","draftCreated","readyToProceed"],setup(e,{emit:w}){const{isUserLoggedIn:F}=de(ue()),a=e,y=L(()=>a.guidedVariantCopy.flow),Z=L(()=>a.guidedVariantCopy.flow.detailSuggestions),x=w,P=c(""),O=c(!1),V=c(!1),$=c(!1),Q=c(!1),A=c(!1),j=c(!1),K=c(!1),M=c(!1),Y=c(!1),C=c(!1),m=c(0);let R=[];function D(){R.forEach(clearTimeout),R=[]}function T(o,n,i=!0){const f=setTimeout(()=>{o(),i&&S(()=>a.scrollToBottom())},n);R.push(f)}function J(o,n){x("fileUpload",o,n)}function W(){x("noArtwork")}function X(){const o=P.value.trim();x("sendDetails",o||"Skip"),S(()=>a.scrollToBottom())}function ee(){x("skipDetails"),S(()=>a.scrollToBottom())}const te=[".png",".jpg",".jpeg",".gif",".webp"];function z(o){const n=o.toLowerCase();return te.some(i=>n.includes(i))}function oe(o){const n=o.match(/\.([a-z0-9]+)(?:\?|$)/i);return n?n[1].toUpperCase():"FILE"}const ne=L(()=>!a.uploadedFileUrl||z(a.uploadedFileUrl)?"":oe(a.uploadedFileUrl));v(()=>a.flowStep==="q2_upload"?"q2_upload":null,o=>{o==="q2_upload"&&(D(),O.value=!0,S(()=>a.scrollToBottom()),T(()=>V.value=!0,I),T(()=>{$.value=!0,Q.value=!0},I*2))},{immediate:!0}),v(()=>a.flowStep==="q2_details"?"q2_details":null,o=>{o==="q2_details"&&(D(),A.value=!0,S(()=>a.scrollToBottom()),T(()=>j.value=!0,I),T(()=>K.value=!0,I*2))},{immediate:!0}),v(()=>a.flowStep==="loading"?"loading":null,o=>{o==="loading"&&(D(),M.value=!0,S(()=>a.scrollToBottom()),T(()=>Y.value=!0,I),T(()=>C.value=!0,I*2))},{immediate:!0}),v(()=>a.detailsSent,o=>{o&&(M.value=!0)},{immediate:!0}),v(()=>a.flowStep==="ready",o=>{o&&(D(),C.value=!1,S(()=>a.scrollToBottom()))});let d=null;return v(C,o=>{if(d&&(clearInterval(d),d=null),o){m.value=0;const n=100/(je/H);d=xe(()=>{m.value=Math.min(G,m.value+n),m.value>=G&&d&&(clearInterval(d),d=null)},H)}else m.value=0}),v(()=>[a.resultReceived,C.value],([o,n])=>{if(!o||!n)return;d&&(clearInterval(d),d=null);const i=m.value;if(i>=G){x("readyToProceed");return}const f=Date.now(),B=()=>{const N=Date.now()-f,E=Math.min(1,N/Ke);m.value=i+(100-i)*E,E<1?requestAnimationFrame(B):(m.value=100,setTimeout(()=>{x("readyToProceed")},Ye))};requestAnimationFrame(B)}),ce(()=>{D(),d&&clearInterval(d)}),(o,n)=>{const i=me,f=ve,B=Se,N=be,E=Te,ae=De,se=Be,le=Ue,re=Ie;return l(),_("div",Ee,[s(U,{name:"fade-in"},{default:r(()=>[t(O)?(l(),p(i,{key:0,new:"",size:"lg","no-margins":"",weight:"medium","font-family":"figtree"},{default:r(()=>[g(b(t(y).q2BuildTitle),1)]),_:1})):u("",!0)]),_:1}),s(U,{name:"fade-in"},{default:r(()=>[t(V)?(l(),p(f,{key:0,type:"system",content:t(y).q2UploadSystemMessage},null,8,["content"])):u("",!0)]),_:1}),t($)&&e.flowStep==="q2_upload"?(l(),p(B,{key:0,"uploaded-file-url":e.uploadedFileUrl,"no-artwork-yet":e.noArtworkYet,"show-no-artwork-button":t(Q),onUpload:J,onNoArtwork:W},null,8,["uploaded-file-url","no-artwork-yet","show-no-artwork-button"])):u("",!0),t(A)&&e.noArtworkYet?(l(),p(f,{key:1,type:"user",content:"No artwork yet"})):u("",!0),t(A)&&e.uploadedFileUrl&&z(e.uploadedFileUrl)?(l(),_("img",{key:2,src:e.uploadedFileUrl,alt:"Uploaded file",class:"h-auto w-full max-w-[45%] self-end rounded-[8px] border border-black-200"},null,8,Le)):t(A)&&e.uploadedFileUrl&&!z(e.uploadedFileUrl)?(l(),p(f,{key:3,type:"user",content:t(ne)},null,8,["content"])):u("",!0),s(U,{name:"fade-in"},{default:r(()=>[t(j)?(l(),p(f,{key:0,type:"system"},{default:r(()=>[s(i,{new:"","no-margins":"",weight:"medium","font-family":"figtree"},{default:r(()=>[...n[2]||(n[2]=[g("Got it, thanks!",-1)])]),_:1}),s(i,{new:"","no-margins":"",size:"sm",class:"mt-2 block"},{default:r(()=>[g(b(t(y).prioritiesPrompt),1)]),_:1})]),_:1})):u("",!0)]),_:1}),t(K)&&!e.detailsSent?(l(),_("div",Me,[h("div",Re,[fe(h("input",{"onUpdate:modelValue":n[0]||(n[0]=k=>we(P)?P.value=k:null),type:"text",placeholder:"Tell us what matters...",class:"h-12 rounded-[2px] border border-black-200 bg-transparent p-3 text-[14px] text-black placeholder:text-black-600",onKeydown:ge(_e(X,["prevent"]),["enter"])},null,40,ze),[[pe,t(P)]]),h("div",Ne,[(l(!0),_(ye,null,he(t(Z),k=>(l(),_("button",{key:k,class:"rounded-full bg-light-gray px-4 py-2 text-black transition-colors hover:bg-black-200",onClick:He=>P.value=k},[s(i,{new:"","no-margins":"",size:"xs"},{default:r(()=>[g(b(k),1)]),_:2},1024)],8,Ge))),128))])]),h("div",qe,[s(N,{variant:"btnDark",size:"sm",class:"ga_auto__GuidedPdp_PrioritiesSubmitted h-12 min-h-[48px] w-fit",onClick:X},{default:r(()=>[...n[3]||(n[3]=[g(" Send ",-1)])]),_:1}),h("button",{class:"ga_auto__GuidedPdp_PrioritiesSkipped mx-auto text-[14px] text-black-600 underline",onClick:ee}," Skip ")])])):u("",!0),t(M)&&e.detailsSent?(l(),p(f,{key:5,type:"user",content:e.detailsText||"Skip"},null,8,["content"])):u("",!0),s(U,{name:"fade-in"},{default:r(()=>

1[t(Y)?(l(),p(f,{key:0,type:"system"},{default:r(()=>[s(i,{new:"","no-margins":"",weight:"medium","font-family":"figtree"},{default:r(()=>[g(b(t(y).perfectTailorLine),1)]),_:1}),s(i,{new:"","no-margins":"",size:"sm",class:"mt-2 block"},{default:r(()=>[g(b(t(y).perfectCreatingLine),1)]),_:1})]),_:1})):u("",!0)]),_:1}),s(U,{name:"fade-in"},{default:r(()=>[t(C)?(l(),_("div",Oe,[h("div",Ve,[s(E,{class:"size-8 shrink-0"}),s(i,{new:"","no-margins":"",size:"sm",weight:"medium","font-family":"figtree"},{default:r(()=>[g(b(t(y).loadingOptimizingLine),1)]),_:1})]),s(ae,{class:"mt-4",progress:t(m)},null,8,["progress"]),h("div",$e,[s(i,{new:"","no-margins":"",size:"xs",class:"text-black-600"},{default:r(()=>[g(b(t(y).loadingMockupLine),1)]),_:1}),s(se,{progress:t(m)},null,8,["progress"])])])):u("",!0)]),_:1}),s(U,{name:"fade-in"},{default:r(()=>[e.flowStep==="ready"&&e.generatedImageUrl?(l(),_("div",Qe,[s(le,{"generated-image-url":e.generatedImageUrl,"is-blurred":!e.guidedDraftId&&!t(F),"show-download-button":!!e.guidedDraftId},null,8,["generated-image-url","is-blurred","show-download-button"])])):u("",!0)]),_:1}),e.flowStep==="ready"?(l(),p(re,{key:6,"guided-variant-copy":e.guidedVariantCopy,"generated-image-url":e.generatedImageUrl,"uploaded-file-url":e.uploadedFileUrl,"selected-q1-answer":e.selectedQ1Answer,"details-text":e.detailsText,"product-id":e.productId,"guided-draft-id":e.guidedDraftId,onDraftCreated:n[1]||(n[1]=k=>x("draftCreated",k))},null,8,["guided-variant-copy","generated-image-url","uploaded-file-url","selected-q1-answer","details-text","product-id","guided-draft-id"])):u("",!0)])}}}),Ut=Object.assign(ke(Xe,[["__scopeId","data-v-b54ad248"]]),{__name:"CmsPdpGuidedCustomizerFlow"});export{Ut as default};