https://www.jukeboxprint.com/react/prod/WizardPreview-sYYZmqE7.js

1import{j as f}from"./client-BDJMow-F.js";import{r}from"./tabler-icons-development-DI2L2NPt.js";import{r as g}from"./bcm-BeaF3O-g.js";import{v as w,w as E,N as v}from"./NotepadStage-Rw52k-qU.js";import{i as x}from"./TemplateCategories-DJyRp3Ry.js";import{a as y,w as b}from"./NotepadMakerPage-CF2nntED.js";import"./_FullInternals-CIQpAQ79.js";import"./ReactKonvaCore-CeM6JKnF.js";import"./useHtmlImage-DN-PASUv.js";import"./island-loader-BUXT1hHI.js";import"./shapeBuiltins-C_snNtBO.js";import"./shapeMap-B4H_TrBA.js";import"./makerDraft-gfWUxcfP.js";import"./makerBoot-zbxk02Wp.js";import"./ExploreToolsSection-BO8ODazJ.js";import"./CloudinaryImage-B1iMtP-y.js";import"./toolTypeRoles.module-CRugzuNx.js";import"./ToolsBreadcrumb-CWvUAVzG.js";import"./FAQSection-CsDzIwzj.js";import"./chevron-down-CeIlD8WT.js";import"./createLucideIcon-CBKpTRs4.js";/* empty css                          */const S=560,G=({base:m,setup:a,onBusy:i})=>{const[d,u]=r.useState(0),l=r.useRef(null),o=r.useMemo(()=>{const t=y(m??x(),a),e=a.logo;if(!e?.src||!(e.w>0)||!(e.h>0))return t;const s={...b(t,{src:e.src,natW:e.w,natH:e.h}),natW:void 0,natH:void 0};return{...t,elements:[...t.elements,s]}},[m,a]),c=r.useMemo(()=>[o.bg.mode==="image"?o.bg.src:"",...o.elements.map(t=>t.type==="image"&&!String(t.src??"").startsWith("blob:")?t.src??"":"")].filter(Boolean).map(t=>g(t)).join(`
2`),[o]);return r.useEffect(()=>{const t=c?c.split(`
3`):[];if(!t.length){i?.(!1);return}i?.(!0);let e=!1,s=t.length;const p=()=>{s-=1,!e&&s===0&&i?.(!1)};return t.forEach(h=>{const n=new Image;n.crossOrigin="anonymous",n.onload=p,n.onerror=p,n.src=h}),()=>{e=!0,i?.(!1)}},[c]),r.useEffect(()=>{const t=new Set(o.fonts??[]);return o.elements.forEach(e=>{e.type==="text"&&t.add(e.fontFamilyId)}),t.forEach(e=>{e&&w(e)}),E(()=>u(e=>e+1))},[o]),r.useLayoutEffect(()=>{const t=l.current;if(!t)return;const e=t.querySelector(".konvajs-content");e&&(e.style.cssText+=";position:absolute;inset:0;width:100%;height:100%"),t.querySelectorAll("canvas").forEach(s=>{s.style.cssText+=";display:block;width:100%;height:100%"})}),f.jsx("div",{ref:l,className:"xp-live",style:{position:"relative",width:"100%",lineHeight:0,aspectRatio:`${o.pad.trimWidthPt} / ${o.pad.trimHeightPt}`},children:f.jsx(v,{doc:o,scale:S/o.pad.trimWidthPt},d)})};export{G as default};