@antontranelis/money-printer 1.0.89 → 1.0.90

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/index.cjs +56 -9
  2. package/dist/index.js +656 -609
  3. package/package.json +1 -1
package/dist/index.cjs CHANGED
@@ -1,4 +1,4 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),d=require("react"),nn=require("zustand"),lt=require("zustand/middleware"),an=require("jspdf");var me=typeof document<"u"?document.currentScript:null;const rn=1024,ue=new Map;let F=null,ut=null;function et(e,t){return F||(F=document.createElement("canvas"),ut=F.getContext("2d",{willReadFrequently:!0})),(F.width!==e||F.height!==t)&&(F.width=e,F.height=t),ut}function Te(e){const t=ue.get(e);return t?Promise.resolve(t):new Promise((n,a)=>{const r=new Image;r.onload=()=>{if(ue.size>10){const l=ue.keys().next().value;l&&ue.delete(l)}ue.set(e,r),n(r)},r.onerror=()=>a(new Error("Failed to load image")),r.src=e})}function pt(){ue.clear()}async function bt(e,t=rn){const n=await Te(e),a=Math.max(n.width,n.height);if(a<=t)return e;const r=t/a,l=Math.round(n.width*r),o=Math.round(n.height*r),i=document.createElement("canvas"),s=i.getContext("2d");if(!s)throw new Error("Failed to get canvas context");return i.width=l,i.height=o,s.drawImage(n,0,0,l,o),i.toDataURL("image/jpeg",.9)}async function $e(e,t,n,a=0){const[r,l]=await Promise.all([Te(e),Te(t)]),o=et(r.width,r.height);if(o.clearRect(0,0,r.width,r.height),n>0){const i=a*20;o.save(),o.globalAlpha=n,i>0&&(o.filter=`blur(${i}px)`),o.drawImage(l,0,0,r.width,r.height),o.restore()}return o.drawImage(r,0,0),F.toDataURL("image/png")}async function xt(e,t=.5,n=40){const a=await Te(e),r=et(a.width,a.height);r.clearRect(0,0,a.width,a.height),r.drawImage(a,0,0);const l=r.getImageData(0,0,a.width,a.height),o=l.data,i=new Uint32Array(o.buffer),s=1+t*.8,u=1-t,h=n%360/360;for(let x=0;x<i.length;x++){const f=i[x],g=f&255,v=f>>8&255,I=f>>16&255,m=f>>24&255;if(m===0)continue;let T=(((77*g+150*v+29*I>>8)/255-.5)*s+.5)*255;T<0?T=0:T>255&&(T=255);const k=T/255,E=.12,[L,S,A]=wt(h,E,k),j=g*u+L*t|0,R=v*u+S*t|0,B=I*u+A*t|0;i[x]=m<<24|B<<16|R<<8|j}return r.putImageData(l,0,0),F.toDataURL("image/png")}function on(e,t,n){e/=255,t/=255,n/=255;const a=Math.max(e,t,n),r=Math.min(e,t,n),l=(a+r)/2;let o=0,i=0;if(a!==r){const s=a-r;switch(i=l>.5?s/(2-a-r):s/(a+r),a){case e:o=((t-n)/s+(t<n?6:0))/6;break;case t:o=((n-e)/s+2)/6;break;case n:o=((e-t)/s+4)/6;break}}return[o,i,l]}function wt(e,t,n){if(t===0){const o=Math.round(n*255);return[o,o,o]}const a=(o,i,s)=>(s<0&&(s+=1),s>1&&(s-=1),s<1/6?o+(i-o)*6*s:s<1/2?i:s<2/3?o+(i-o)*(2/3-s)*6:o),r=n<.5?n*(1+t):n+t-n*t,l=2*n-r;return[Math.round(a(l,r,e+1/3)*255),Math.round(a(l,r,e)*255),Math.round(a(l,r,e-1/3)*255)]}const sn=29,cn=5;async function yt(e,t){if(Math.abs(t-sn)<=cn)return e;const n=await Te(e),a=et(n.width,n.height);a.clearRect(0,0,n.width,n.height),a.drawImage(n,0,0);const r=a.getImageData(0,0,n.width,n.height),l=r.data,o=new Uint32Array(l.buffer),i=t%360/360,s=20/360,u=45/360,h=o.length;for(let x=0;x<h;x++){const f=o[x],g=f&255,v=f>>8&255,I=f>>16&255,m=f>>24&255;if(m===0)continue;const[b,T,k]=on(g,v,I);if(T<.08||b<s||b>u)continue;const E=i,L=Math.min(T,.05),[S,A,j]=wt(E,L,k);o[x]=m<<24|j<<16|A<<8|S}return a.putImageData(r,0,0),F.toDataURL("image/png")}const he=typeof{url:typeof document>"u"?require("url").pathToFileURL(__filename).href:me&&me.tagName.toUpperCase()==="SCRIPT"&&me.src||new URL("index.cjs",document.baseURI).href}<"u"&&"/"||"/",V={background:`${he}templates/background.webp`,frontFrame:`${he}templates/front_frame.webp`,backFrame:`${he}templates/back_frame.webp`},fe={1:`${he}templates/1.png`,5:`${he}templates/5.png`,10:`${he}templates/10.png`},vt={de:{banner:{1:"EINE STUNDE",5:"FÜNF STUNDEN",10:"ZEHN STUNDEN"}},en:{banner:{1:"ONE HOUR",5:"FIVE HOURS",10:"TEN HOURS"}}},ae=3633,re=1920,De=.5,ln=Math.round(ae*De),un=Math.round(re*De),kt=320,It=335,X={badges:{topLeft:{x:286,y:235},topRight:{x:3340,y:230},bottomLeft:{x:282,y:1665},bottomRight:{x:3345,y:1665}},banner:{centerX:1816,centerY:3820,radius:3610,fontSize:103,color:"#2a3a2a"}},Re=new Map,se=new Map,qe=new Map,Ke=new Map,Fe=new Map;function Tt(e,t,n,a,r,l,o){e.save(),e.font=`900 ${l}px "Times New Roman", Georgia, serif`,e.fillStyle=o,e.textAlign="center",e.textBaseline="middle";const s=e.measureText(t).width/r,u=-Math.PI/2-s/2,h=t.split(""),x=[];for(const g of h)x.push(e.measureText(g).width);let f=u;for(let g=0;g<h.length;g++){const v=h[g],I=x[g],m=f+I/2/r,b=n+r*Math.cos(m),T=a+r*Math.sin(m);e.save(),e.translate(b,T),e.rotate(m+Math.PI/2),e.fillText(v,0,0),e.restore(),f+=I/r}e.restore()}let _={background:null,frontFrame:null,backFrame:null,badges:{1:null,5:null,10:null}};async function dn(){const[e,t,n,a,r,l]=await Promise.all([C(V.background),C(V.frontFrame),C(V.backFrame),C(fe[1]),C(fe[5]),C(fe[10])]);_={background:e,frontFrame:t,backFrame:n,badges:{1:a,5:r,10:l}}}function gn(e,t){const n=Math.round(ae*e),a=Math.round(re*e),r=document.createElement("canvas");r.width=n,r.height=a;const l=r.getContext("2d");if(!l)throw new Error("Failed to get canvas context");l.drawImage(t,0,0,n,a);const o=e<1?.8:.95;return r.toDataURL("image/jpeg",o)}function mn(e,t){const n=Math.round(ae*e),a=Math.round(re*e),r=document.createElement("canvas");r.width=n,r.height=a;const l=r.getContext("2d");if(!l)throw new Error("Failed to get canvas context");const o=kt*e,i=It*e,s=X.badges,u=(h,x)=>{const f=x/2,g=h.x*e-f,v=h.y*e-f;l.drawImage(t,g,v,x,x)};return u(s.topLeft,o),u(s.topRight,o),u(s.bottomLeft,i),u(s.bottomRight,i),r.toDataURL("image/png")}function Et(e,t,n,a=1){const r=vt[n].banner[t];Tt(e,r,X.banner.centerX*a,X.banner.centerY*a,X.banner.radius*a,X.banner.fontSize*a,X.banner.color)}function Pt(e,t,n,a,r,l,o){const i=Math.round(ae*a),s=Math.round(re*a),u=document.createElement("canvas");u.width=i,u.height=s;const h=u.getContext("2d");if(!h)throw new Error("Failed to get canvas context");h.drawImage(r,0,0,i,s);{const f=kt*a,g=It*a,v=X.badges,I=(m,b)=>{const T=b/2,k=m.x*a-T,E=m.y*a-T;h.drawImage(o,k,E,b,b)};I(v.topLeft,f),I(v.topRight,f),I(v.bottomLeft,g),I(v.bottomRight,g)}if(h.drawImage(l,0,0,i,s),n==="front"){const f=vt[t].banner[e];Tt(h,f,X.banner.centerX*a,X.banner.centerY*a,X.banner.radius*a,X.banner.fontSize*a,X.banner.color)}const x=a<1?.8:.95;return u.toDataURL("image/jpeg",x)}async function St(e,t,n){const a=`${e}-${t}-${n}`;if(Re.has(a))return Re.get(a);const r=_.background||await C(V.background),l=n==="front"?_.frontFrame||await C(V.frontFrame):_.backFrame||await C(V.backFrame),o=_.badges[e]||await C(fe[e]),i=Pt(e,t,n,De,r,l,o);return Re.set(a,i),i}async function Ze(e,t,n){const a=`${e}-${t}-${n}`;if(se.has(a))return se.get(a);const r=_.background||await C(V.background),l=n==="front"?_.frontFrame||await C(V.frontFrame):_.backFrame||await C(V.backFrame),o=_.badges[e]||await C(fe[e]),i=Pt(e,t,n,1,r,l,o);if(se.size>4){const s=se.keys().next().value;s&&se.delete(s)}return se.set(a,i),i}function hn(){return{width:ae,height:re}}function Lt(){Re.clear(),se.clear(),qe.clear(),Ke.clear(),Fe.clear()}async function Je(e,t,n="front",a=De){const r=`bg-${a}`;let l=qe.get(r);if(!l){const h=_.background||await C(V.background);l=gn(a,h),qe.set(r,l)}const o=`badges-${e}-${a}`;let i=Ke.get(o);if(!i){const h=_.badges[e]||await C(fe[e]);i=mn(a,h),Ke.set(o,i)}const s=`${n}-${a}`;let u=Fe.get(s);if(!u){const h=n==="front"?_.frontFrame||await C(V.frontFrame):_.backFrame||await C(V.backFrame),x=Math.round(ae*a),f=Math.round(re*a),g=document.createElement("canvas");g.width=x,g.height=f;const v=g.getContext("2d");if(!v)throw new Error("Failed to get canvas context");v.drawImage(h,0,0,x,f),u=g.toDataURL("image/png"),Fe.set(s,u)}return{background:l,badges:i,frame:u}}async function fn(){const e=[1,5,10],t=["de","en"],n=["front","back"],a=[];for(const r of e)for(const l of t)for(const o of n)a.push(St(r,l,o));await Promise.all(a)}const Be=new Map,ce=new Map;function Rt(){ce.clear(),Be.clear(),pt()}async function C(e){return Be.has(e)?Be.get(e):new Promise((t,n)=>{const a=new Image;a.crossOrigin="anonymous",a.onload=()=>{Be.set(e,a),t(a)},a.onerror=n,a.src=e})}function le(e,t,n,a){e.drawImage(t,0,0,n,a)}const pn=29,bn=5;async function Bt(e,t,n,a){if(Math.abs(t-pn)<=bn)return C(e);const r=`${e}:${t}:${n}x${a}`;if(ce.has(r))return C(ce.get(r));const l=await C(e),o=document.createElement("canvas");o.width=n,o.height=a;const i=o.getContext("2d");if(!i)throw new Error("Failed to get canvas context");i.drawImage(l,0,0,n,a);const s=o.toDataURL("image/png"),u=await yt(s,t);if(ce.size>20){const h=ce.keys().next().value;h&&ce.delete(h)}return ce.set(r,u),C(u)}function xn(e,t,n,a,r,l="de"){e.save(),e.beginPath(),e.ellipse(t,n,a,r,0,0,Math.PI*2),e.closePath(),e.setLineDash([20,10]),e.strokeStyle="rgba(100, 100, 100, 0.4)",e.lineWidth=3,e.stroke(),e.restore()}function Ct(e,t,n,a,r,l,o=1,i=0,s=0){e.save(),e.beginPath(),e.ellipse(n,a,r,l,0,0,Math.PI*2),e.closePath(),e.clip();const u=t.width/t.height,h=r/l,x=r*2,f=l*2;let g,v;u>h?(v=f,g=f*u):(g=x,v=x/u),g*=o,v*=o;const I=Math.max(0,(g-x)/2),m=Math.max(0,(v-f)/2),b=n-g/2+i*I,T=a-v/2+s*m;e.drawImage(t,b,T,g,v),e.restore()}function tt(e,t,n,a="#2a3a2a"){e.save(),e.font=`${n.fontSize}px "Times New Roman", serif`,e.textAlign=n.align||"center",e.textBaseline="middle",e.fillStyle=a,n.maxWidth?e.fillText(t,n.x,n.y,n.maxWidth):e.fillText(t,n.x,n.y),e.restore()}function Nt(e,t,n,a="#2a3a2a"){e.save(),e.font=`${n.fontSize}px "Times New Roman", serif`,e.textAlign=n.align||"center",e.textBaseline="top",e.fillStyle=a;const r=n.maxWidth||400,l=n.lineHeight||n.fontSize*1.4,o=t.split(" "),i=[];let s="";for(const x of o){const f=s?`${s} ${x}`:x;e.measureText(f).width>r&&s?(i.push(s),s=x):s=f}s&&i.push(s);const u=i.length*l;let h=n.y-u/2;for(const x of i)e.fillText(x,n.x,h),h+=l;e.restore()}function jt(e,t,n,a,r,l="#2a3a2a"){e.save(),e.font=`${r.fontSize}px "Times New Roman", serif`,e.textAlign=r.align||"center",e.textBaseline="middle",e.fillStyle=l;const o=r.lineHeight||r.fontSize*1.8,i=[t,n,a].filter(Boolean),s=(i.length-1)*o;let u=r.y-s/2;for(const h of i)h&&(e.fillText(h,r.x,u),u+=o);e.restore()}function wn(e,t,n,a="#2a3a2a"){e.save(),e.strokeStyle=a,e.lineWidth=Math.max(2,t.labelFontSize/16),e.beginPath(),e.moveTo(t.x-t.width/2,t.y),e.lineTo(t.x+t.width/2,t.y),e.stroke(),e.font=`${t.labelFontSize}px "Times New Roman", serif`,e.textAlign="center",e.textBaseline="top",e.fillStyle=a,e.fillText(n,t.x,t.y+t.labelFontSize*.3),e.restore()}async function Dt(e,t,n,a,r,l,o,i,s,u=1,h=0,x=0,f=0,g=1,v="de"){const I=e.getContext("2d");if(!I)return;const m=document.createElement("canvas");m.width=i,m.height=s;const b=m.getContext("2d");if(!b)return;b.clearRect(0,0,i,s);const T=await Bt(t,f,i,s);le(b,T,i,s);const k=await C(n);if(le(b,k,i,s),r)try{const S=await C(r);Ct(b,S,o.portrait.x,o.portrait.y,o.portrait.radiusX,o.portrait.radiusY,u,h,x)}catch(S){console.error("Failed to load portrait:",S)}else xn(b,o.portrait.x,o.portrait.y,o.portrait.radiusX,o.portrait.radiusY,v);const E=await C(a);le(b,E,i,s);const L=i/3633;Et(b,g,v,L),l&&tt(b,l,o.namePlate),e.width=i,e.height=s,I.drawImage(m,0,0)}async function At(e,t,n,a,r,l,o,i,s,u,h,x=0,f=1,g="de"){const v=e.getContext("2d");if(!v)return;const I=document.createElement("canvas");I.width=u,I.height=h;const m=I.getContext("2d");if(!m)return;m.clearRect(0,0,u,h);const b=await Bt(t,x,u,h);le(m,b,u,h);const T=await C(n);le(m,T,u,h);const k=await C(a);le(m,k,u,h);const E=u/3633;if(Et(m,f,g,E),s.contactInfo&&(r||l||o)&&jt(m,r,l,o,s.contactInfo),s.description&&i&&Nt(m,i,s.description),r&&tt(m,r,s.namePlate),s.signature){const L=g==="de"?"Unterschrift":"Signature";wn(m,s.signature,L)}e.width=u,e.height=h,v.drawImage(I,0,0)}const yn="money-generator-db",ne="zustand",vn=1;let ke=null;function nt(){return ke||(ke=new Promise((e,t)=>{if(typeof window>"u"||!window.indexedDB){t(new Error("IndexedDB not available"));return}const n=indexedDB.open(yn,vn);n.onerror=()=>{ke=null,t(n.error)},n.onsuccess=()=>{e(n.result)},n.onupgradeneeded=()=>{const a=n.result;a.objectStoreNames.contains(ne)||a.createObjectStore(ne)}}),ke)}async function kn(e){try{const t=await nt();return new Promise((n,a)=>{const o=t.transaction(ne,"readonly").objectStore(ne).get(e);o.onerror=()=>a(o.error),o.onsuccess=()=>n(o.result??null)})}catch(t){return console.error("[IndexedDB] Failed to get item:",t),null}}async function In(e,t){try{const n=await nt();return new Promise((a,r)=>{const i=n.transaction(ne,"readwrite").objectStore(ne).put(t,e);i.onerror=()=>r(i.error),i.onsuccess=()=>a()})}catch(n){console.error("[IndexedDB] Failed to set item:",n)}}async function Tn(e){try{const t=await nt();return new Promise((n,a)=>{const o=t.transaction(ne,"readwrite").objectStore(ne).delete(e);o.onerror=()=>a(o.error),o.onsuccess=()=>n()})}catch(t){console.error("[IndexedDB] Failed to remove item:",t)}}const En={getItem:kn,setItem:In,removeItem:Tn};function Pn(){return(typeof navigator<"u"?navigator.language:"de").toLowerCase().startsWith("de")?"de":"en"}const Ne=Pn(),dt={personalInfo:{name:"",email:"",phone:""},voucherConfig:{hours:1,description:"",language:Ne,templateHue:29},portrait:{original:null,enhanced:null,useEnhanced:!1,zoom:1,panX:0,panY:0,rawImage:null,bgRemovedImage:null,bgRemoved:!1,bgOpacity:0,bgBlur:0,engravingIntensity:0},currentSide:"front",isEnhancing:!1,isExporting:!1,appLanguage:Ne},y=nn.create()(lt.persist(e=>({...dt,setPersonalInfo:t=>e(n=>({personalInfo:{...n.personalInfo,...t}})),setVoucherConfig:t=>e(n=>({voucherConfig:{...n.voucherConfig,...t}})),setPortrait:(t,n=null)=>e(a=>{const r=a.portrait.original||a.portrait.rawImage;return{portrait:{...a.portrait,original:t,enhanced:n,useEnhanced:!1,zoom:r&&t?a.portrait.zoom:1,panX:r&&t?a.portrait.panX:0,panY:r&&t?a.portrait.panY:0}}}),setEnhancedPortrait:t=>e(n=>({portrait:{...n.portrait,enhanced:t,useEnhanced:t!==null}})),toggleUseEnhanced:()=>e(t=>({portrait:{...t.portrait,useEnhanced:t.portrait.enhanced?!t.portrait.useEnhanced:!1}})),setPortraitZoom:t=>e(n=>({portrait:{...n.portrait,zoom:t}})),setPortraitPan:(t,n)=>e(a=>({portrait:{...a.portrait,panX:t,panY:n}})),setPortraitRawImage:t=>e(n=>({portrait:{...n.portrait,rawImage:t}})),setPortraitBgRemoved:(t,n)=>e(a=>({portrait:{...a.portrait,bgRemoved:t,bgRemovedImage:n!==void 0?n:a.portrait.bgRemovedImage}})),setPortraitBgOpacity:t=>e(n=>({portrait:{...n.portrait,bgOpacity:t}})),setPortraitBgBlur:t=>e(n=>({portrait:{...n.portrait,bgBlur:t}})),setPortraitEngravingIntensity:t=>e(n=>({portrait:{...n.portrait,engravingIntensity:t}})),setCurrentSide:t=>e({currentSide:t}),flipSide:()=>e(t=>({currentSide:t.currentSide==="front"?"back":"front"})),setIsEnhancing:t=>e({isEnhancing:t}),setIsExporting:t=>e({isExporting:t}),setAppLanguage:t=>e({appLanguage:t}),setBillLanguage:t=>e(n=>({voucherConfig:{...n.voucherConfig,language:t}})),setHours:t=>e(n=>({voucherConfig:{...n.voucherConfig,hours:t}})),setTemplateHue:t=>(Rt(),Lt(),e(n=>({voucherConfig:{...n.voucherConfig,templateHue:t}}))),reset:()=>e(dt)}),{name:"money-generator-storage",storage:lt.createJSONStorage(()=>En),skipHydration:!0,migrate:e=>{const t=e;return t!=null&&t.voucherConfig&&(t.voucherConfig.templateHue===void 0&&(t.voucherConfig.templateHue=29),t.voucherConfig.hours=1,t.voucherConfig.language=Ne),t&&(t.appLanguage=Ne),t},version:3,partialize:e=>({personalInfo:e.personalInfo,voucherConfig:e.voucherConfig,appLanguage:e.appLanguage,portrait:{original:null,enhanced:null,useEnhanced:e.portrait.useEnhanced,zoom:e.portrait.zoom,panX:e.portrait.panX,panY:e.portrait.panY,rawImage:e.portrait.rawImage,bgRemovedImage:e.portrait.bgRemovedImage,bgRemoved:e.portrait.bgRemoved,bgOpacity:e.portrait.bgOpacity,bgBlur:e.portrait.bgBlur,engravingIntensity:e.portrait.engravingIntensity},currentSide:"front",isEnhancing:!1,isExporting:!1})}));function Sn(){typeof window<"u"&&y.persist.rehydrate()}const Ln={header:{title:"Money Generator",subtitle:"Erstelle deinen persönlichen Zeitgutschein"},form:{personalInfo:{title:"Persönliche Daten",name:"Name",namePlaceholder:"Dein Name",email:"E-Mail",emailPlaceholder:"deine@email.de",phone:"Telefon",phonePlaceholder:"+49 123 456789"},portrait:{title:"Portrait",upload:"Bild hochladen",dragDrop:"oder hierher ziehen",enhance:"Mit AI verbessern",enhancing:"Wird verbessert...",useOriginal:"Original verwenden",useEnhanced:"Verbessertes verwenden",zoom:"Zoom"},voucher:{title:"Gutschein",hours:"Stunden",hourLabel:"Stunde",hoursLabel:"Stunden",description:"Beschreibung",descriptionPlaceholder:"Was kann mit diesem Gutschein eingelöst werden?",billLanguage:"Schein-Sprache",billLanguageGerman:"Deutsch",billLanguageEnglish:"Englisch"},billColor:{title:"Scheinfarbe",label:"Farbton"}},preview:{front:"Vorderseite",back:"Rückseite",flip:"Umdrehen"},export:{button:"Als PDF herunterladen",exporting:"PDF wird erstellt...",success:"Download gestartet!"},bill:{descriptionText:"Für diesen Schein erhältst du {bannerText} meiner Zeit oder ein gleichwertiges Dankeschön.",bannerText:{1:"eine Stunde",5:"fünf Stunden",10:"zehn Stunden"}}},Rn={header:{title:"Money Generator",subtitle:"Create your personal time voucher"},form:{personalInfo:{title:"Personal Information",name:"Name",namePlaceholder:"Your name",email:"Email",emailPlaceholder:"your@email.com",phone:"Phone",phonePlaceholder:"+1 234 567890"},portrait:{title:"Portrait",upload:"Upload image",dragDrop:"or drag and drop",enhance:"Enhance with AI",enhancing:"Enhancing...",useOriginal:"Use original",useEnhanced:"Use enhanced",zoom:"Zoom"},voucher:{title:"Voucher",hours:"Hours",hourLabel:"hour",hoursLabel:"hours",description:"Description",descriptionPlaceholder:"What can be redeemed with this voucher?",billLanguage:"Bill Language",billLanguageGerman:"German",billLanguageEnglish:"English"},billColor:{title:"Bill Color",label:"Hue"}},preview:{front:"Front",back:"Back",flip:"Flip"},export:{button:"Download as PDF",exporting:"Creating PDF...",success:"Download started!"},bill:{descriptionText:"For this voucher, you will receive {bannerText} of my time or an equivalent appreciation in return.",bannerText:{1:"one hour",5:"five hours",10:"ten hours"}}},Bn={de:Ln,en:Rn};function oe(e){return Bn[e]}function at(e,t,n){if(n&&n.trim())return n;const a=oe(e),r=a.bill.bannerText[t]||a.bill.bannerText[1];return a.bill.descriptionText.replace("{bannerText}",r)}function Cn(e){return/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e)}function Nn(e){return e.replace(/\D/g,"").length>=6}function jn({focusField:e,onFocused:t,onFormFocusChange:n}={}){const a=y(m=>m.appLanguage),r=y(m=>m.personalInfo),l=y(m=>m.setPersonalInfo),o=oe(a),[i,s]=d.useState(!1),[u,h]=d.useState(!1),x=i&&r.email.trim()&&!Cn(r.email),f=u&&r.phone.trim()&&!Nn(r.phone),g=d.useRef(null),v=d.useRef(null),I=d.useRef(null);return d.useEffect(()=>{if(e){const m=e==="name"?g:e==="email"?v:I;setTimeout(()=>{var b,T;(b=m.current)==null||b.click(),(T=m.current)==null||T.focus(),setTimeout(()=>{var k;(k=m.current)==null||k.scrollIntoView({behavior:"smooth",block:"center"})},300),t==null||t()},100)}},[e,t]),c.jsxs("div",{className:"space-y-4",children:[c.jsxs("div",{className:"form-control",children:[c.jsx("label",{className:"label",children:c.jsx("span",{className:"label-text font-medium",children:o.form.personalInfo.name})}),c.jsx("input",{ref:g,type:"text",name:"name",autoComplete:"name",placeholder:o.form.personalInfo.namePlaceholder,className:"input input-bordered w-full input-md",value:r.name,onChange:m=>l({name:m.target.value}),onFocus:m=>{n==null||n(!0),setTimeout(()=>m.target.scrollIntoView({behavior:"smooth",block:"center"}),300)},onBlur:()=>n==null?void 0:n(!1)})]}),c.jsxs("div",{className:"form-control",children:[c.jsx("label",{className:"label",children:c.jsx("span",{className:"label-text font-medium",children:o.form.personalInfo.email})}),c.jsx("input",{ref:v,type:"email",name:"email",autoComplete:"email",placeholder:o.form.personalInfo.emailPlaceholder,className:`input input-bordered w-full input-md ${x?"input-error":""}`,value:r.email,onChange:m=>l({email:m.target.value}),onFocus:m=>{n==null||n(!0),setTimeout(()=>m.target.scrollIntoView({behavior:"smooth",block:"center"}),300)},onBlur:()=>{s(!0),n==null||n(!1)}}),x&&c.jsx("label",{className:"label",children:c.jsx("span",{className:"label-text-alt text-error",children:a==="de"?"Bitte gib eine gültige E-Mail-Adresse ein":"Please enter a valid email address"})})]}),c.jsxs("div",{className:"form-control",children:[c.jsx("label",{className:"label",children:c.jsx("span",{className:"label-text font-medium",children:o.form.personalInfo.phone})}),c.jsx("input",{ref:I,type:"tel",name:"phone",autoComplete:"tel",placeholder:o.form.personalInfo.phonePlaceholder,className:`input input-bordered w-full input-md ${f?"input-error":""}`,value:r.phone,onChange:m=>l({phone:m.target.value}),onFocus:m=>{n==null||n(!0),setTimeout(()=>m.target.scrollIntoView({behavior:"smooth",block:"center"}),300)},onBlur:()=>{h(!0),n==null||n(!1)}}),f&&c.jsx("label",{className:"label",children:c.jsx("span",{className:"label-text-alt text-error",children:a==="de"?"Bitte gib eine gültige Telefonnummer ein":"Please enter a valid phone number"})})]})]})}const Xe={},Dn="https://api.stability.ai/v1/generation",An="https://api.stability.ai/v2beta/stable-image/edit/remove-background",Ht="stability_api_key";let pe=null;function Hn(e){pe=e}function Mn(){return pe}function Un(){return pe!==null}const On={vintage:"portrait in the style of vintage currency engraving, fine line work, crosshatching, sepia tones, detailed stippling, classic bank note portrait style",engraved:"portrait as detailed intaglio engraving, currency bill style, fine parallel lines, high contrast, official government portrait",currency:"portrait rendered as US dollar bill engraving, official currency portrait style, green tint, fine line engraving technique"},gt=[{width:1024,height:1024},{width:1152,height:896},{width:1216,height:832},{width:1344,height:768},{width:1536,height:640},{width:640,height:1536},{width:768,height:1344},{width:832,height:1216},{width:896,height:1152}];function Yn(e,t){const n=e/t;let a=gt[0],r=1/0;for(const l of gt){const o=l.width/l.height,i=Math.abs(n-o);i<r&&(r=i,a=l)}return a}function Wn(e){return new Promise((t,n)=>{const a=new Image;a.onload=()=>{const r=Yn(a.width,a.height),l=document.createElement("canvas");l.width=r.width,l.height=r.height;const o=l.getContext("2d");if(!o){n(new Error("Failed to get canvas context"));return}const i=a.width/a.height,s=r.width/r.height;let u=0,h=0,x=a.width,f=a.height;i>s?(x=a.height*s,u=(a.width-x)/2):(f=a.width/s,h=(a.height-f)/2),o.drawImage(a,u,h,x,f,0,0,r.width,r.height),t(l.toDataURL("image/png"))},a.onerror=()=>n(new Error("Failed to load image")),a.src=e})}function Mt(e){var o;const t=e.split(","),n=((o=t[0].match(/:(.*?);/))==null?void 0:o[1])||"image/png",a=atob(t[1]),r=a.length,l=new Uint8Array(r);for(let i=0;i<r;i++)l[i]=a.charCodeAt(i);return new Blob([l],{type:n})}function Ae(){var t;const e=typeof{url:typeof document>"u"?require("url").pathToFileURL(__filename).href:me&&me.tagName.toUpperCase()==="SCRIPT"&&me.src||new URL("index.cjs",document.baseURI).href}<"u"&&(Xe==null?void 0:Xe.VITE_STABILITY_API_KEY)||typeof process<"u"&&((t=process.env)==null?void 0:t.NEXT_PUBLIC_STABILITY_API_KEY);return e&&e!=="your-api-key-here"?e:typeof localStorage<"u"?localStorage.getItem(Ht):null}function Ut(e){localStorage.setItem(Ht,e)}function Ce(){return pe?!0:Ae()!==null}async function _n(e){const t=Ae();if(!t)throw new Error("No Stability AI API key configured");const{imageDataUrl:n,style:a,strength:r=.35}=e,l=await Wn(n),o=Mt(l),i=new FormData;i.append("init_image",o,"portrait.png"),i.append("init_image_mode","IMAGE_STRENGTH"),i.append("image_strength",String(1-r)),i.append("text_prompts[0][text]",On[a]),i.append("text_prompts[0][weight]","1"),i.append("cfg_scale","7"),i.append("samples","1"),i.append("steps","30");const u=await fetch(`${Dn}/stable-diffusion-xl-1024-v1-0/image-to-image`,{method:"POST",headers:{Authorization:`Bearer ${t}`,Accept:"application/json"},body:i});if(!u.ok){const x=await u.text();throw console.error("Stability AI error:",x),u.status===401?new Error("Invalid API key"):u.status===402?new Error("Insufficient credits"):u.status===429?new Error("Rate limit exceeded. Please try again later."):new Error(`API error: ${u.status}`)}const h=await u.json();if(!h.artifacts||h.artifacts.length===0)throw new Error("No image generated");return`data:image/png;base64,${h.artifacts[0].base64}`}async function Ot(e){if(pe){const o=await fetch(pe,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({imageDataUrl:e})});if(!o.ok){const s=await o.json().catch(()=>({}));throw new Error(s.error||`API error: ${o.status}`)}return(await o.json()).imageDataUrl}const t=Ae();if(!t)throw new Error("No Stability AI API key configured");const n=Mt(e),a=new FormData;a.append("image",n,"image.png"),a.append("output_format","png");const r=await fetch(An,{method:"POST",headers:{Authorization:`Bearer ${t}`,Accept:"image/*"},body:a});if(!r.ok){const o=await r.text();throw console.error("Stability AI remove background error:",o),r.status===401?new Error("Invalid API key"):r.status===402?new Error("Insufficient credits"):r.status===429?new Error("Rate limit exceeded. Please try again later."):new Error(`API error: ${r.status}`)}const l=await r.blob();return new Promise((o,i)=>{const s=new FileReader;s.onload=()=>o(s.result),s.onerror=()=>i(new Error("Failed to read result")),s.readAsDataURL(l)})}function zn(){const[e,t]=d.useState(!1),[n,a]=d.useState(!1),[r,l]=d.useState(null),[o,i]=d.useState(()=>Ce());d.useEffect(()=>{i(Ce());const f=setTimeout(()=>{i(Ce())},150);return()=>clearTimeout(f)},[]);const s=d.useCallback(()=>l(null),[]),u=d.useCallback(f=>{Ut(f),i(!0),l(null)},[]),h=d.useCallback(async(f,g=.5,v=40)=>{t(!0),l(null);try{return await xt(f,g,v)}catch(I){const m=I instanceof Error?I.message:"Enhancement failed";throw l(m),I}finally{t(!1)}},[]),x=d.useCallback(async f=>{a(!0),l(null);try{return await Ot(f)}catch(g){const v=g instanceof Error?g.message:"Background removal failed";throw l(v),g}finally{a(!1)}},[]);return{enhance:h,removeBg:x,isEnhancing:e,isRemovingBg:n,error:r,hasKey:o,setApiKey:u,clearError:s}}function Yt({isOpen:e,onClose:t,onSubmit:n}){const a=y(u=>u.appLanguage),[r,l]=d.useState("");if(!e)return null;const o=u=>{u.preventDefault(),r.trim()&&(n(r.trim()),l(""),t())},s={de:{title:"Stability AI API Key",description:"Um die AI-Bildverbesserung zu nutzen, benötigst du einen Stability AI API Key. Du kannst ihn auf platform.stability.ai erhalten.",placeholder:"sk-...",submit:"Speichern",cancel:"Abbrechen",hint:"Der Key wird lokal in deinem Browser gespeichert."},en:{title:"Stability AI API Key",description:"To use AI image enhancement, you need a Stability AI API key. You can get one at platform.stability.ai.",placeholder:"sk-...",submit:"Save",cancel:"Cancel",hint:"The key is stored locally in your browser."}}[a];return c.jsxs("dialog",{className:"modal modal-open",children:[c.jsxs("div",{className:"modal-box",children:[c.jsx("h3",{className:"font-bold text-lg",children:s.title}),c.jsx("p",{className:"py-4 text-sm opacity-80",children:s.description}),c.jsxs("form",{onSubmit:o,children:[c.jsxs("div",{className:"form-control",children:[c.jsx("input",{type:"password",placeholder:s.placeholder,className:"input input-bordered w-full",value:r,onChange:u=>l(u.target.value),autoFocus:!0}),c.jsx("label",{className:"label",children:c.jsx("span",{className:"label-text-alt",children:s.hint})})]}),c.jsxs("div",{className:"modal-action",children:[c.jsx("button",{type:"button",className:"btn btn-ghost",onClick:t,children:s.cancel}),c.jsx("button",{type:"submit",className:"btn btn-primary",disabled:!r.trim(),children:s.submit})]})]})]}),c.jsx("form",{method:"dialog",className:"modal-backdrop",children:c.jsx("button",{onClick:t,children:"close"})})]})}function Ie({min:e,max:t,step:n,value:a,onChange:r,className:l="",disabled:o=!1}){const i=d.useRef(null),s=d.useRef(null),u=d.useRef(!1),[h,x]=d.useState(!1),f=(a-e)/(t-e)*100,g=d.useCallback(k=>{if(!i.current)return a;const E=i.current.getBoundingClientRect(),L=Math.max(0,Math.min(1,(k-E.left)/E.width)),S=t-e,A=e+L*S,j=Math.round(A/n)*n;return Math.max(e,Math.min(t,j))},[e,t,n,a]),v=d.useCallback(k=>{if(o)return;const E=k.touches[0];s.current={x:E.clientX,y:E.clientY,value:a,decided:!1},u.current=!1},[a,o]),I=d.useCallback(k=>{if(o||!s.current)return;const E=k.touches[0],L=Math.abs(E.clientX-s.current.x),S=Math.abs(E.clientY-s.current.y);if(!s.current.decided){if(L<8&&S<8)return;if(s.current.decided=!0,S>L){s.current=null;return}u.current=!0,x(!0)}if(u.current){const A=g(E.clientX);A!==a&&r(A)}},[o,g,r,a]),m=d.useCallback(k=>{if(s.current&&!s.current.decided){const E=k.changedTouches[0];if(E){const L=g(E.clientX);L!==a&&r(L)}}s.current=null,u.current=!1,x(!1)},[g,r,a]);d.useEffect(()=>{const k=i.current;if(!k)return;const E=L=>{u.current&&L.preventDefault()};return k.addEventListener("touchmove",E,{passive:!1}),()=>{k.removeEventListener("touchmove",E)}},[]);const b=d.useCallback(k=>{if(o)return;const E=g(k.clientX);r(E),x(!0);const L=A=>{const j=g(A.clientX);r(j)},S=()=>{x(!1),document.removeEventListener("mousemove",L),document.removeEventListener("mouseup",S)};document.addEventListener("mousemove",L),document.addEventListener("mouseup",S)},[o,g,r]),T=`calc(10px + (100% - 20px) * ${f/100})`;return c.jsxs("div",{ref:i,className:`relative h-10 flex items-center cursor-pointer overflow-visible ${o?"opacity-50 cursor-not-allowed":""}`,onTouchStart:v,onTouchMove:I,onTouchEnd:m,onMouseDown:b,children:[c.jsx("div",{className:"absolute h-2 bg-base-300 rounded-full inset-x-0"}),c.jsx("div",{className:`absolute h-2 rounded-full transition-colors ${l.includes("range-primary")?"bg-primary":l.includes("range-secondary")?"bg-secondary":"bg-primary"}`,style:{left:0,width:T}}),c.jsx("div",{className:`absolute w-5 h-5 rounded-full bg-base-100 border-2 shadow-md transition-transform ${h?"scale-110":""} ${l.includes("range-primary")?"border-primary":l.includes("range-secondary")?"border-secondary":"border-primary"}`,style:{left:T,transform:"translateX(-50%)"}})]})}function $n(){const e=y(p=>p.appLanguage),t=y(p=>p.portrait),n=y(p=>p.setPortrait),a=y(p=>p.setPortraitZoom),r=y(p=>p.setPortraitPan),l=y(p=>p.setPortraitRawImage),o=y(p=>p.setPortraitBgRemoved),i=y(p=>p.setPortraitBgOpacity),s=y(p=>p.setPortraitBgBlur),u=y(p=>p.setPortraitEngravingIntensity),{enhance:h,removeBg:x,isEnhancing:f,isRemovingBg:g,error:v,hasKey:I,setApiKey:m}=zn(),b=oe(e),T=d.useRef(null),[k,E]=d.useState(!1),[L,S]=d.useState(!1),A=d.useRef(null),j=d.useRef(null),R=t.rawImage,B=t.bgRemovedImage,Y=t.bgRemoved,Z=t.bgOpacity,H=t.bgBlur,O=t.engravingIntensity;d.useEffect(()=>{t.original&&!t.rawImage&&l(t.original)},[t.original,t.rawImage,l]),d.useEffect(()=>()=>{A.current&&clearTimeout(A.current),j.current&&clearTimeout(j.current)},[]);const J=y(p=>p.voucherConfig.templateHue),ie=d.useRef(J),Q=d.useCallback(async p=>{if(!p.type.startsWith("image/"))return;const P=new FileReader;P.onload=async M=>{var W;const D=(W=M.target)==null?void 0:W.result,z=await bt(D);pt(),l(z),n(z),a(1),r(0,0),o(!1,null),i(0),s(0),u(0)},P.readAsDataURL(p)},[n,l,a,r,o,i,s,u]),be=d.useCallback(p=>{p.preventDefault(),E(!1);const P=p.dataTransfer.files[0];P&&Q(P)},[Q]),G=d.useCallback(p=>{p.preventDefault(),E(!0)},[]),ee=d.useCallback(p=>{p.preventDefault(),E(!1)},[]),K=()=>{var p;(p=T.current)==null||p.click()},xe=p=>{var M;const P=(M=p.target.files)==null?void 0:M[0];P&&Q(P)},te=d.useCallback(async(p,P,M)=>{try{return await h(p,P,M)}catch(D){return console.error("Enhancement failed:",D),p}},[h]),Ee=d.useCallback(async p=>{try{const P=await x(p);return o(!0,P),P}catch(P){return console.error("Background removal failed:",P),p}},[x,o]),q=d.useCallback(async()=>{const p=y.getState(),P=p.portrait,M=p.voucherConfig.templateHue;if(!P.rawImage)return;let D;P.bgRemoved&&P.bgRemovedImage?D=await $e(P.bgRemovedImage,P.rawImage,P.bgOpacity,P.bgBlur):D=P.rawImage,P.engravingIntensity>0&&(D=await te(D,P.engravingIntensity,M)),n(D)},[te,n]),we=d.useRef(!1);d.useEffect(()=>{t.rawImage&&!t.original&&!we.current&&(we.current=!0,setTimeout(()=>{q()},0)),t.rawImage||(we.current=!1)},[t.rawImage,t.original,q]),d.useEffect(()=>{if(ie.current===J)return;ie.current=J;const p=y.getState().portrait;p.engravingIntensity>0&&p.rawImage&&(A.current&&clearTimeout(A.current),A.current=setTimeout(q,150))},[J,q]);const ye=async()=>{if(!R)return;if(!Y&&!I){S(!0);return}if(!Y){const P=await Ee(R),M=y.getState(),D=M.portrait,z=M.voucherConfig.templateHue;let W=await $e(P,R,D.bgOpacity,D.bgBlur);D.engravingIntensity>0&&(W=await te(W,D.engravingIntensity,z)),n(W)}else{o(!1,null);const P=y.getState(),M=P.portrait.engravingIntensity,D=P.voucherConfig.templateHue;if(M>0){const z=await te(R,M,D);n(z)}else n(R)}},Ue=p=>{u(p),A.current&&clearTimeout(A.current),R&&(A.current=setTimeout(q,150))},Pe=async p=>{if(m(p),!R)return;const P=await Ee(R),M=y.getState(),D=M.portrait,z=M.voucherConfig.templateHue;let W=await $e(P,R,D.bgOpacity,D.bgBlur);D.engravingIntensity>0&&(W=await te(W,D.engravingIntensity,z)),n(W)},Se=p=>{i(p),j.current&&clearTimeout(j.current),!(!R||!B)&&(j.current=setTimeout(q,150))},ve=p=>{s(p),j.current&&clearTimeout(j.current),!(!R||!B)&&(j.current=setTimeout(q,150))};return c.jsxs("div",{className:"space-y-4",children:[c.jsx("style",{children:`
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),u=require("react"),an=require("zustand"),lt=require("zustand/middleware"),rn=require("jspdf");var he=typeof document<"u"?document.currentScript:null;const on=1024,de=new Map;let F=null,dt=null;function et(e,t){return F||(F=document.createElement("canvas"),dt=F.getContext("2d",{willReadFrequently:!0})),(F.width!==e||F.height!==t)&&(F.width=e,F.height=t),dt}function ke(e){const t=de.get(e);return t?Promise.resolve(t):new Promise((n,a)=>{const r=new Image;r.onload=()=>{if(de.size>10){const l=de.keys().next().value;l&&de.delete(l)}de.set(e,r),n(r)},r.onerror=()=>a(new Error("Failed to load image")),r.src=e})}function bt(){de.clear()}async function xt(e,t=on){const n=await ke(e),a=Math.max(n.width,n.height);if(a<=t)return e;const r=t/a,l=Math.round(n.width*r),o=Math.round(n.height*r),i=document.createElement("canvas"),s=i.getContext("2d");if(!s)throw new Error("Failed to get canvas context");return i.width=l,i.height=o,s.drawImage(n,0,0,l,o),i.toDataURL("image/jpeg",.9)}async function ze(e,t,n,a=0){const[r,l]=await Promise.all([ke(e),ke(t)]),o=et(r.width,r.height);if(o.clearRect(0,0,r.width,r.height),n>0){const i=a*20;o.save(),o.globalAlpha=n,i>0&&(o.filter=`blur(${i}px)`),o.drawImage(l,0,0,r.width,r.height),o.restore()}return o.drawImage(r,0,0),F.toDataURL("image/png")}async function wt(e,t=.5,n=40){const a=await ke(e),r=et(a.width,a.height);r.clearRect(0,0,a.width,a.height),r.drawImage(a,0,0);const l=r.getImageData(0,0,a.width,a.height),o=l.data,i=new Uint32Array(o.buffer),s=1+t*.8,d=1-t,m=n%360/360;for(let x=0;x<i.length;x++){const f=i[x],g=f&255,v=f>>8&255,I=f>>16&255,h=f>>24&255;if(h===0)continue;let k=(((77*g+150*v+29*I>>8)/255-.5)*s+.5)*255;k<0?k=0:k>255&&(k=255);const E=k/255,T=.12,[B,L,H]=yt(m,T,E),N=g*d+B*t|0,S=v*d+L*t|0,C=I*d+H*t|0;i[x]=h<<24|C<<16|S<<8|N}return r.putImageData(l,0,0),F.toDataURL("image/png")}function sn(e,t,n){e/=255,t/=255,n/=255;const a=Math.max(e,t,n),r=Math.min(e,t,n),l=(a+r)/2;let o=0,i=0;if(a!==r){const s=a-r;switch(i=l>.5?s/(2-a-r):s/(a+r),a){case e:o=((t-n)/s+(t<n?6:0))/6;break;case t:o=((n-e)/s+2)/6;break;case n:o=((e-t)/s+4)/6;break}}return[o,i,l]}function yt(e,t,n){if(t===0){const o=Math.round(n*255);return[o,o,o]}const a=(o,i,s)=>(s<0&&(s+=1),s>1&&(s-=1),s<1/6?o+(i-o)*6*s:s<1/2?i:s<2/3?o+(i-o)*(2/3-s)*6:o),r=n<.5?n*(1+t):n+t-n*t,l=2*n-r;return[Math.round(a(l,r,e+1/3)*255),Math.round(a(l,r,e)*255),Math.round(a(l,r,e-1/3)*255)]}const cn=29,ln=5;async function vt(e,t){if(Math.abs(t-cn)<=ln)return e;const n=await ke(e),a=et(n.width,n.height);a.clearRect(0,0,n.width,n.height),a.drawImage(n,0,0);const r=a.getImageData(0,0,n.width,n.height),l=r.data,o=new Uint32Array(l.buffer),i=t%360/360,s=20/360,d=45/360,m=o.length;for(let x=0;x<m;x++){const f=o[x],g=f&255,v=f>>8&255,I=f>>16&255,h=f>>24&255;if(h===0)continue;const[b,k,E]=sn(g,v,I);if(k<.08||b<s||b>d)continue;const T=i,B=Math.min(k,.05),[L,H,N]=yt(T,B,E);o[x]=h<<24|N<<16|H<<8|L}return a.putImageData(r,0,0),F.toDataURL("image/png")}const me=typeof{url:typeof document>"u"?require("url").pathToFileURL(__filename).href:he&&he.tagName.toUpperCase()==="SCRIPT"&&he.src||new URL("index.cjs",document.baseURI).href}<"u"&&"/"||"/",V={background:`${me}templates/background.webp`,frontFrame:`${me}templates/front_frame.webp`,backFrame:`${me}templates/back_frame.webp`},fe={1:`${me}templates/1.png`,5:`${me}templates/5.png`,10:`${me}templates/10.png`},Et={de:{banner:{1:"EINE STUNDE",5:"FÜNF STUNDEN",10:"ZEHN STUNDEN"}},en:{banner:{1:"ONE HOUR",5:"FIVE HOURS",10:"TEN HOURS"}}},ae=3633,re=1920,je=.5,dn=Math.round(ae*je),un=Math.round(re*je),It=320,kt=335,$={badges:{topLeft:{x:286,y:235},topRight:{x:3340,y:230},bottomLeft:{x:282,y:1665},bottomRight:{x:3345,y:1665}},banner:{centerX:1816,centerY:3820,radius:3610,fontSize:103,color:"#2a3a2a"}},Se=new Map,se=new Map,qe=new Map,Ke=new Map,Fe=new Map;function Tt(e,t,n,a,r,l,o){e.save(),e.font=`900 ${l}px "Times New Roman", Georgia, serif`,e.fillStyle=o,e.textAlign="center",e.textBaseline="middle";const s=e.measureText(t).width/r,d=-Math.PI/2-s/2,m=t.split(""),x=[];for(const g of m)x.push(e.measureText(g).width);let f=d;for(let g=0;g<m.length;g++){const v=m[g],I=x[g],h=f+I/2/r,b=n+r*Math.cos(h),k=a+r*Math.sin(h);e.save(),e.translate(b,k),e.rotate(h+Math.PI/2),e.fillText(v,0,0),e.restore(),f+=I/r}e.restore()}let W={background:null,frontFrame:null,backFrame:null,badges:{1:null,5:null,10:null}};async function gn(){const[e,t,n,a,r,l]=await Promise.all([R(V.background),R(V.frontFrame),R(V.backFrame),R(fe[1]),R(fe[5]),R(fe[10])]);W={background:e,frontFrame:t,backFrame:n,badges:{1:a,5:r,10:l}}}function hn(e,t){const n=Math.round(ae*e),a=Math.round(re*e),r=document.createElement("canvas");r.width=n,r.height=a;const l=r.getContext("2d");if(!l)throw new Error("Failed to get canvas context");l.drawImage(t,0,0,n,a);const o=e<1?.8:.95;return r.toDataURL("image/jpeg",o)}function mn(e,t){const n=Math.round(ae*e),a=Math.round(re*e),r=document.createElement("canvas");r.width=n,r.height=a;const l=r.getContext("2d");if(!l)throw new Error("Failed to get canvas context");const o=It*e,i=kt*e,s=$.badges,d=(m,x)=>{const f=x/2,g=m.x*e-f,v=m.y*e-f;l.drawImage(t,g,v,x,x)};return d(s.topLeft,o),d(s.topRight,o),d(s.bottomLeft,i),d(s.bottomRight,i),r.toDataURL("image/png")}function Pt(e,t,n,a=1){const r=Et[n].banner[t];Tt(e,r,$.banner.centerX*a,$.banner.centerY*a,$.banner.radius*a,$.banner.fontSize*a,$.banner.color)}function Lt(e,t,n,a,r,l,o){const i=Math.round(ae*a),s=Math.round(re*a),d=document.createElement("canvas");d.width=i,d.height=s;const m=d.getContext("2d");if(!m)throw new Error("Failed to get canvas context");m.drawImage(r,0,0,i,s);{const f=It*a,g=kt*a,v=$.badges,I=(h,b)=>{const k=b/2,E=h.x*a-k,T=h.y*a-k;m.drawImage(o,E,T,b,b)};I(v.topLeft,f),I(v.topRight,f),I(v.bottomLeft,g),I(v.bottomRight,g)}if(m.drawImage(l,0,0,i,s),n==="front"){const f=Et[t].banner[e];Tt(m,f,$.banner.centerX*a,$.banner.centerY*a,$.banner.radius*a,$.banner.fontSize*a,$.banner.color)}const x=a<1?.8:.95;return d.toDataURL("image/jpeg",x)}async function Bt(e,t,n){const a=`${e}-${t}-${n}`;if(Se.has(a))return Se.get(a);const r=W.background||await R(V.background),l=n==="front"?W.frontFrame||await R(V.frontFrame):W.backFrame||await R(V.backFrame),o=W.badges[e]||await R(fe[e]),i=Lt(e,t,n,je,r,l,o);return Se.set(a,i),i}async function Ze(e,t,n){const a=`${e}-${t}-${n}`;if(se.has(a))return se.get(a);const r=W.background||await R(V.background),l=n==="front"?W.frontFrame||await R(V.frontFrame):W.backFrame||await R(V.backFrame),o=W.badges[e]||await R(fe[e]),i=Lt(e,t,n,1,r,l,o);if(se.size>4){const s=se.keys().next().value;s&&se.delete(s)}return se.set(a,i),i}function fn(){return{width:ae,height:re}}function St(){Se.clear(),se.clear(),qe.clear(),Ke.clear(),Fe.clear()}async function Je(e,t,n="front",a=je){const r=`bg-${a}`;let l=qe.get(r);if(!l){const m=W.background||await R(V.background);l=hn(a,m),qe.set(r,l)}const o=`badges-${e}-${a}`;let i=Ke.get(o);if(!i){const m=W.badges[e]||await R(fe[e]);i=mn(a,m),Ke.set(o,i)}const s=`${n}-${a}`;let d=Fe.get(s);if(!d){const m=n==="front"?W.frontFrame||await R(V.frontFrame):W.backFrame||await R(V.backFrame),x=Math.round(ae*a),f=Math.round(re*a),g=document.createElement("canvas");g.width=x,g.height=f;const v=g.getContext("2d");if(!v)throw new Error("Failed to get canvas context");v.drawImage(m,0,0,x,f),d=g.toDataURL("image/png"),Fe.set(s,d)}return{background:l,badges:i,frame:d}}async function pn(){const e=[1,5,10],t=["de","en"],n=["front","back"],a=[];for(const r of e)for(const l of t)for(const o of n)a.push(Bt(r,l,o));await Promise.all(a)}const Ce=new Map,ce=new Map;function Ct(){ce.clear(),Ce.clear(),bt()}async function R(e){return Ce.has(e)?Ce.get(e):new Promise((t,n)=>{const a=new Image;a.crossOrigin="anonymous",a.onload=()=>{Ce.set(e,a),t(a)},a.onerror=n,a.src=e})}function le(e,t,n,a){e.drawImage(t,0,0,n,a)}const bn=29,xn=5;async function Rt(e,t,n,a){if(Math.abs(t-bn)<=xn)return R(e);const r=`${e}:${t}:${n}x${a}`;if(ce.has(r))return R(ce.get(r));const l=await R(e),o=document.createElement("canvas");o.width=n,o.height=a;const i=o.getContext("2d");if(!i)throw new Error("Failed to get canvas context");i.drawImage(l,0,0,n,a);const s=o.toDataURL("image/png"),d=await vt(s,t);if(ce.size>20){const m=ce.keys().next().value;m&&ce.delete(m)}return ce.set(r,d),R(d)}function wn(e,t,n,a,r,l="de"){e.save(),e.beginPath(),e.ellipse(t,n,a,r,0,0,Math.PI*2),e.closePath(),e.setLineDash([20,10]),e.strokeStyle="rgba(100, 100, 100, 0.4)",e.lineWidth=3,e.stroke(),e.restore()}function Dt(e,t,n,a,r,l,o=1,i=0,s=0){e.save(),e.beginPath(),e.ellipse(n,a,r,l,0,0,Math.PI*2),e.closePath(),e.clip();const d=t.width/t.height,m=r/l,x=r*2,f=l*2;let g,v;d>m?(v=f,g=f*d):(g=x,v=x/d),g*=o,v*=o;const I=Math.max(0,(g-x)/2),h=Math.max(0,(v-f)/2),b=n-g/2+i*I,k=a-v/2+s*h;e.drawImage(t,b,k,g,v),e.restore()}function tt(e,t,n,a="#2a3a2a"){e.save(),e.font=`${n.fontSize}px "Times New Roman", serif`,e.textAlign=n.align||"center",e.textBaseline="middle",e.fillStyle=a,n.maxWidth?e.fillText(t,n.x,n.y,n.maxWidth):e.fillText(t,n.x,n.y),e.restore()}function Nt(e,t,n,a="#2a3a2a"){e.save(),e.font=`${n.fontSize}px "Times New Roman", serif`,e.textAlign=n.align||"center",e.textBaseline="top",e.fillStyle=a;const r=n.maxWidth||400,l=n.lineHeight||n.fontSize*1.4,o=t.split(" "),i=[];let s="";for(const x of o){const f=s?`${s} ${x}`:x;e.measureText(f).width>r&&s?(i.push(s),s=x):s=f}s&&i.push(s);const d=i.length*l;let m=n.y-d/2;for(const x of i)e.fillText(x,n.x,m),m+=l;e.restore()}function jt(e,t,n,a,r,l="#2a3a2a"){e.save(),e.font=`${r.fontSize}px "Times New Roman", serif`,e.textAlign=r.align||"center",e.textBaseline="middle",e.fillStyle=l;const o=r.lineHeight||r.fontSize*1.8,i=[t,n,a].filter(Boolean),s=(i.length-1)*o;let d=r.y-s/2;for(const m of i)m&&(e.fillText(m,r.x,d),d+=o);e.restore()}function yn(e,t,n,a="#2a3a2a"){e.save(),e.strokeStyle=a,e.lineWidth=Math.max(2,t.labelFontSize/16),e.beginPath(),e.moveTo(t.x-t.width/2,t.y),e.lineTo(t.x+t.width/2,t.y),e.stroke(),e.font=`${t.labelFontSize}px "Times New Roman", serif`,e.textAlign="center",e.textBaseline="top",e.fillStyle=a,e.fillText(n,t.x,t.y+t.labelFontSize*.3),e.restore()}async function Ht(e,t,n,a,r,l,o,i,s,d=1,m=0,x=0,f=0,g=1,v="de"){const I=e.getContext("2d");if(!I)return;const h=document.createElement("canvas");h.width=i,h.height=s;const b=h.getContext("2d");if(!b)return;b.clearRect(0,0,i,s);const k=await Rt(t,f,i,s);le(b,k,i,s);const E=await R(n);if(le(b,E,i,s),r)try{const L=await R(r);Dt(b,L,o.portrait.x,o.portrait.y,o.portrait.radiusX,o.portrait.radiusY,d,m,x)}catch(L){console.error("Failed to load portrait:",L)}else wn(b,o.portrait.x,o.portrait.y,o.portrait.radiusX,o.portrait.radiusY,v);const T=await R(a);le(b,T,i,s);const B=i/3633;Pt(b,g,v,B),l&&tt(b,l,o.namePlate),e.width=i,e.height=s,I.drawImage(h,0,0)}async function At(e,t,n,a,r,l,o,i,s,d,m,x=0,f=1,g="de"){const v=e.getContext("2d");if(!v)return;const I=document.createElement("canvas");I.width=d,I.height=m;const h=I.getContext("2d");if(!h)return;h.clearRect(0,0,d,m);const b=await Rt(t,x,d,m);le(h,b,d,m);const k=await R(n);le(h,k,d,m);const E=await R(a);le(h,E,d,m);const T=d/3633;if(Pt(h,f,g,T),s.contactInfo&&(r||l||o)&&jt(h,r,l,o,s.contactInfo),s.description&&i&&Nt(h,i,s.description),r&&tt(h,r,s.namePlate),s.signature){const B=g==="de"?"Unterschrift":"Signature";yn(h,s.signature,B)}e.width=d,e.height=m,v.drawImage(I,0,0)}const vn="money-generator-db",ne="zustand",En=1;let Ee=null;function nt(){return Ee||(Ee=new Promise((e,t)=>{if(typeof window>"u"||!window.indexedDB){t(new Error("IndexedDB not available"));return}const n=indexedDB.open(vn,En);n.onerror=()=>{Ee=null,t(n.error)},n.onsuccess=()=>{e(n.result)},n.onupgradeneeded=()=>{const a=n.result;a.objectStoreNames.contains(ne)||a.createObjectStore(ne)}}),Ee)}async function In(e){try{const t=await nt();return new Promise((n,a)=>{const o=t.transaction(ne,"readonly").objectStore(ne).get(e);o.onerror=()=>a(o.error),o.onsuccess=()=>n(o.result??null)})}catch(t){return console.error("[IndexedDB] Failed to get item:",t),null}}async function kn(e,t){try{const n=await nt();return new Promise((a,r)=>{const i=n.transaction(ne,"readwrite").objectStore(ne).put(t,e);i.onerror=()=>r(i.error),i.onsuccess=()=>a()})}catch(n){console.error("[IndexedDB] Failed to set item:",n)}}async function Tn(e){try{const t=await nt();return new Promise((n,a)=>{const o=t.transaction(ne,"readwrite").objectStore(ne).delete(e);o.onerror=()=>a(o.error),o.onsuccess=()=>n()})}catch(t){console.error("[IndexedDB] Failed to remove item:",t)}}const Pn={getItem:In,setItem:kn,removeItem:Tn};function Ln(){return(typeof navigator<"u"?navigator.language:"de").toLowerCase().startsWith("de")?"de":"en"}const De=Ln(),ut={personalInfo:{name:"",email:"",phone:""},voucherConfig:{hours:1,description:"",language:De,templateHue:29},portrait:{original:null,enhanced:null,useEnhanced:!1,zoom:1,panX:0,panY:0,rawImage:null,bgRemovedImage:null,bgRemoved:!1,bgOpacity:0,bgBlur:0,engravingIntensity:0},currentSide:"front",isEnhancing:!1,isExporting:!1,appLanguage:De},y=an.create()(lt.persist(e=>({...ut,setPersonalInfo:t=>e(n=>({personalInfo:{...n.personalInfo,...t}})),setVoucherConfig:t=>e(n=>({voucherConfig:{...n.voucherConfig,...t}})),setPortrait:(t,n=null)=>e(a=>{const r=a.portrait.original||a.portrait.rawImage;return{portrait:{...a.portrait,original:t,enhanced:n,useEnhanced:!1,zoom:r&&t?a.portrait.zoom:1,panX:r&&t?a.portrait.panX:0,panY:r&&t?a.portrait.panY:0}}}),setEnhancedPortrait:t=>e(n=>({portrait:{...n.portrait,enhanced:t,useEnhanced:t!==null}})),toggleUseEnhanced:()=>e(t=>({portrait:{...t.portrait,useEnhanced:t.portrait.enhanced?!t.portrait.useEnhanced:!1}})),setPortraitZoom:t=>e(n=>({portrait:{...n.portrait,zoom:t}})),setPortraitPan:(t,n)=>e(a=>({portrait:{...a.portrait,panX:t,panY:n}})),setPortraitRawImage:t=>e(n=>({portrait:{...n.portrait,rawImage:t}})),setPortraitBgRemoved:(t,n)=>e(a=>({portrait:{...a.portrait,bgRemoved:t,bgRemovedImage:n!==void 0?n:a.portrait.bgRemovedImage}})),setPortraitBgOpacity:t=>e(n=>({portrait:{...n.portrait,bgOpacity:t}})),setPortraitBgBlur:t=>e(n=>({portrait:{...n.portrait,bgBlur:t}})),setPortraitEngravingIntensity:t=>e(n=>({portrait:{...n.portrait,engravingIntensity:t}})),setCurrentSide:t=>e({currentSide:t}),flipSide:()=>e(t=>({currentSide:t.currentSide==="front"?"back":"front"})),setIsEnhancing:t=>e({isEnhancing:t}),setIsExporting:t=>e({isExporting:t}),setAppLanguage:t=>e({appLanguage:t}),setBillLanguage:t=>e(n=>({voucherConfig:{...n.voucherConfig,language:t}})),setHours:t=>e(n=>({voucherConfig:{...n.voucherConfig,hours:t}})),setTemplateHue:t=>(Ct(),St(),e(n=>({voucherConfig:{...n.voucherConfig,templateHue:t}}))),reset:()=>e(ut)}),{name:"money-generator-storage",storage:lt.createJSONStorage(()=>Pn),skipHydration:!0,migrate:e=>{const t=e;return t!=null&&t.voucherConfig&&(t.voucherConfig.templateHue===void 0&&(t.voucherConfig.templateHue=29),t.voucherConfig.hours=1,t.voucherConfig.language=De),t&&(t.appLanguage=De),t},version:3,partialize:e=>({personalInfo:e.personalInfo,voucherConfig:e.voucherConfig,appLanguage:e.appLanguage,portrait:{original:null,enhanced:null,useEnhanced:e.portrait.useEnhanced,zoom:e.portrait.zoom,panX:e.portrait.panX,panY:e.portrait.panY,rawImage:e.portrait.rawImage,bgRemovedImage:e.portrait.bgRemovedImage,bgRemoved:e.portrait.bgRemoved,bgOpacity:e.portrait.bgOpacity,bgBlur:e.portrait.bgBlur,engravingIntensity:e.portrait.engravingIntensity},currentSide:"front",isEnhancing:!1,isExporting:!1})}));function Bn(){typeof window<"u"&&y.persist.rehydrate()}const Sn={header:{title:"Money Generator",subtitle:"Erstelle deinen persönlichen Zeitgutschein"},form:{personalInfo:{title:"Persönliche Daten",name:"Name",namePlaceholder:"Dein Name",email:"E-Mail",emailPlaceholder:"deine@email.de",phone:"Telefon",phonePlaceholder:"+49 123 456789"},portrait:{title:"Portrait",upload:"Bild hochladen",dragDrop:"oder hierher ziehen",enhance:"Mit AI verbessern",enhancing:"Wird verbessert...",useOriginal:"Original verwenden",useEnhanced:"Verbessertes verwenden",zoom:"Zoom"},voucher:{title:"Gutschein",hours:"Stunden",hourLabel:"Stunde",hoursLabel:"Stunden",description:"Beschreibung",descriptionPlaceholder:"Was kann mit diesem Gutschein eingelöst werden?",billLanguage:"Schein-Sprache",billLanguageGerman:"Deutsch",billLanguageEnglish:"Englisch"},billColor:{title:"Scheinfarbe",label:"Farbton"}},preview:{front:"Vorderseite",back:"Rückseite",flip:"Umdrehen"},export:{button:"Als PDF herunterladen",exporting:"PDF wird erstellt...",success:"Download gestartet!"},bill:{descriptionText:"Für diesen Schein erhältst du {bannerText} meiner Zeit oder ein gleichwertiges Dankeschön.",bannerText:{1:"eine Stunde",5:"fünf Stunden",10:"zehn Stunden"}}},Cn={header:{title:"Money Generator",subtitle:"Create your personal time voucher"},form:{personalInfo:{title:"Personal Information",name:"Name",namePlaceholder:"Your name",email:"Email",emailPlaceholder:"your@email.com",phone:"Phone",phonePlaceholder:"+1 234 567890"},portrait:{title:"Portrait",upload:"Upload image",dragDrop:"or drag and drop",enhance:"Enhance with AI",enhancing:"Enhancing...",useOriginal:"Use original",useEnhanced:"Use enhanced",zoom:"Zoom"},voucher:{title:"Voucher",hours:"Hours",hourLabel:"hour",hoursLabel:"hours",description:"Description",descriptionPlaceholder:"What can be redeemed with this voucher?",billLanguage:"Bill Language",billLanguageGerman:"German",billLanguageEnglish:"English"},billColor:{title:"Bill Color",label:"Hue"}},preview:{front:"Front",back:"Back",flip:"Flip"},export:{button:"Download as PDF",exporting:"Creating PDF...",success:"Download started!"},bill:{descriptionText:"For this voucher, you will receive {bannerText} of my time or an equivalent appreciation in return.",bannerText:{1:"one hour",5:"five hours",10:"ten hours"}}},Rn={de:Sn,en:Cn};function oe(e){return Rn[e]}function at(e,t,n){if(n&&n.trim())return n;const a=oe(e),r=a.bill.bannerText[t]||a.bill.bannerText[1];return a.bill.descriptionText.replace("{bannerText}",r)}function Dn(e){return/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e)}function Nn(e){return e.replace(/\D/g,"").length>=6}function jn({focusField:e,onFocused:t,onFormFocusChange:n}={}){const a=y(h=>h.appLanguage),r=y(h=>h.personalInfo),l=y(h=>h.setPersonalInfo),o=oe(a),[i,s]=u.useState(!1),[d,m]=u.useState(!1),x=i&&r.email.trim()&&!Dn(r.email),f=d&&r.phone.trim()&&!Nn(r.phone),g=u.useRef(null),v=u.useRef(null),I=u.useRef(null);return u.useEffect(()=>{if(e){const h=e==="name"?g:e==="email"?v:I;setTimeout(()=>{var b,k;(b=h.current)==null||b.click(),(k=h.current)==null||k.focus(),setTimeout(()=>{var E;(E=h.current)==null||E.scrollIntoView({behavior:"smooth",block:"center"})},300),t==null||t()},100)}},[e,t]),c.jsxs("div",{className:"space-y-4",children:[c.jsxs("div",{className:"form-control",children:[c.jsx("label",{className:"label",children:c.jsx("span",{className:"label-text font-medium",children:o.form.personalInfo.name})}),c.jsx("input",{ref:g,type:"text",name:"name",autoComplete:"name",placeholder:o.form.personalInfo.namePlaceholder,className:"input input-bordered w-full input-md",value:r.name,onChange:h=>l({name:h.target.value}),onFocus:h=>{n==null||n(!0),setTimeout(()=>h.target.scrollIntoView({behavior:"smooth",block:"center"}),300)},onBlur:()=>n==null?void 0:n(!1)})]}),c.jsxs("div",{className:"form-control",children:[c.jsx("label",{className:"label",children:c.jsx("span",{className:"label-text font-medium",children:o.form.personalInfo.email})}),c.jsx("input",{ref:v,type:"email",name:"email",autoComplete:"email",placeholder:o.form.personalInfo.emailPlaceholder,className:`input input-bordered w-full input-md ${x?"input-error":""}`,value:r.email,onChange:h=>l({email:h.target.value}),onFocus:h=>{n==null||n(!0),setTimeout(()=>h.target.scrollIntoView({behavior:"smooth",block:"center"}),300)},onBlur:()=>{s(!0),n==null||n(!1)}}),x&&c.jsx("label",{className:"label",children:c.jsx("span",{className:"label-text-alt text-error",children:a==="de"?"Bitte gib eine gültige E-Mail-Adresse ein":"Please enter a valid email address"})})]}),c.jsxs("div",{className:"form-control",children:[c.jsx("label",{className:"label",children:c.jsx("span",{className:"label-text font-medium",children:o.form.personalInfo.phone})}),c.jsx("input",{ref:I,type:"tel",name:"phone",autoComplete:"tel",placeholder:o.form.personalInfo.phonePlaceholder,className:`input input-bordered w-full input-md ${f?"input-error":""}`,value:r.phone,onChange:h=>l({phone:h.target.value}),onFocus:h=>{n==null||n(!0),setTimeout(()=>h.target.scrollIntoView({behavior:"smooth",block:"center"}),300)},onBlur:()=>{m(!0),n==null||n(!1)}}),f&&c.jsx("label",{className:"label",children:c.jsx("span",{className:"label-text-alt text-error",children:a==="de"?"Bitte gib eine gültige Telefonnummer ein":"Please enter a valid phone number"})})]})]})}const $e={},Hn="https://api.stability.ai/v1/generation",An="https://api.stability.ai/v2beta/stable-image/edit/remove-background",Mt="stability_api_key";let pe=null;function Mn(e){pe=e}function Un(){return pe}function _n(){return pe!==null}const On={vintage:"portrait in the style of vintage currency engraving, fine line work, crosshatching, sepia tones, detailed stippling, classic bank note portrait style",engraved:"portrait as detailed intaglio engraving, currency bill style, fine parallel lines, high contrast, official government portrait",currency:"portrait rendered as US dollar bill engraving, official currency portrait style, green tint, fine line engraving technique"},gt=[{width:1024,height:1024},{width:1152,height:896},{width:1216,height:832},{width:1344,height:768},{width:1536,height:640},{width:640,height:1536},{width:768,height:1344},{width:832,height:1216},{width:896,height:1152}];function Xn(e,t){const n=e/t;let a=gt[0],r=1/0;for(const l of gt){const o=l.width/l.height,i=Math.abs(n-o);i<r&&(r=i,a=l)}return a}function Wn(e){return new Promise((t,n)=>{const a=new Image;a.onload=()=>{const r=Xn(a.width,a.height),l=document.createElement("canvas");l.width=r.width,l.height=r.height;const o=l.getContext("2d");if(!o){n(new Error("Failed to get canvas context"));return}const i=a.width/a.height,s=r.width/r.height;let d=0,m=0,x=a.width,f=a.height;i>s?(x=a.height*s,d=(a.width-x)/2):(f=a.width/s,m=(a.height-f)/2),o.drawImage(a,d,m,x,f,0,0,r.width,r.height),t(l.toDataURL("image/png"))},a.onerror=()=>n(new Error("Failed to load image")),a.src=e})}function Ut(e){var o;const t=e.split(","),n=((o=t[0].match(/:(.*?);/))==null?void 0:o[1])||"image/png",a=atob(t[1]),r=a.length,l=new Uint8Array(r);for(let i=0;i<r;i++)l[i]=a.charCodeAt(i);return new Blob([l],{type:n})}function He(){var t;const e=typeof{url:typeof document>"u"?require("url").pathToFileURL(__filename).href:he&&he.tagName.toUpperCase()==="SCRIPT"&&he.src||new URL("index.cjs",document.baseURI).href}<"u"&&($e==null?void 0:$e.VITE_STABILITY_API_KEY)||typeof process<"u"&&((t=process.env)==null?void 0:t.NEXT_PUBLIC_STABILITY_API_KEY);return e&&e!=="your-api-key-here"?e:typeof localStorage<"u"?localStorage.getItem(Mt):null}function _t(e){localStorage.setItem(Mt,e)}function Re(){return pe?!0:He()!==null}async function Yn(e){const t=He();if(!t)throw new Error("No Stability AI API key configured");const{imageDataUrl:n,style:a,strength:r=.35}=e,l=await Wn(n),o=Ut(l),i=new FormData;i.append("init_image",o,"portrait.png"),i.append("init_image_mode","IMAGE_STRENGTH"),i.append("image_strength",String(1-r)),i.append("text_prompts[0][text]",On[a]),i.append("text_prompts[0][weight]","1"),i.append("cfg_scale","7"),i.append("samples","1"),i.append("steps","30");const d=await fetch(`${Hn}/stable-diffusion-xl-1024-v1-0/image-to-image`,{method:"POST",headers:{Authorization:`Bearer ${t}`,Accept:"application/json"},body:i});if(!d.ok){const x=await d.text();throw console.error("Stability AI error:",x),d.status===401?new Error("Invalid API key"):d.status===402?new Error("Insufficient credits"):d.status===429?new Error("Rate limit exceeded. Please try again later."):new Error(`API error: ${d.status}`)}const m=await d.json();if(!m.artifacts||m.artifacts.length===0)throw new Error("No image generated");return`data:image/png;base64,${m.artifacts[0].base64}`}async function Ot(e){if(pe){const o=await fetch(pe,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({imageDataUrl:e})});if(!o.ok){const s=await o.json().catch(()=>({}));throw new Error(s.error||`API error: ${o.status}`)}return(await o.json()).imageDataUrl}const t=He();if(!t)throw new Error("No Stability AI API key configured");const n=Ut(e),a=new FormData;a.append("image",n,"image.png"),a.append("output_format","png");const r=await fetch(An,{method:"POST",headers:{Authorization:`Bearer ${t}`,Accept:"image/*"},body:a});if(!r.ok){const o=await r.text();throw console.error("Stability AI remove background error:",o),r.status===401?new Error("Invalid API key"):r.status===402?new Error("Insufficient credits"):r.status===429?new Error("Rate limit exceeded. Please try again later."):new Error(`API error: ${r.status}`)}const l=await r.blob();return new Promise((o,i)=>{const s=new FileReader;s.onload=()=>o(s.result),s.onerror=()=>i(new Error("Failed to read result")),s.readAsDataURL(l)})}function zn(){const[e,t]=u.useState(!1),[n,a]=u.useState(!1),[r,l]=u.useState(null),[o,i]=u.useState(()=>Re());u.useEffect(()=>{i(Re());const f=setTimeout(()=>{i(Re())},150);return()=>clearTimeout(f)},[]);const s=u.useCallback(()=>l(null),[]),d=u.useCallback(f=>{_t(f),i(!0),l(null)},[]),m=u.useCallback(async(f,g=.5,v=40)=>{t(!0),l(null);try{return await wt(f,g,v)}catch(I){const h=I instanceof Error?I.message:"Enhancement failed";throw l(h),I}finally{t(!1)}},[]),x=u.useCallback(async f=>{a(!0),l(null);try{return await Ot(f)}catch(g){const v=g instanceof Error?g.message:"Background removal failed";throw l(v),g}finally{a(!1)}},[]);return{enhance:m,removeBg:x,isEnhancing:e,isRemovingBg:n,error:r,hasKey:o,setApiKey:d,clearError:s}}function Xt({isOpen:e,onClose:t,onSubmit:n}){const a=y(d=>d.appLanguage),[r,l]=u.useState("");if(!e)return null;const o=d=>{d.preventDefault(),r.trim()&&(n(r.trim()),l(""),t())},s={de:{title:"Stability AI API Key",description:"Um die AI-Bildverbesserung zu nutzen, benötigst du einen Stability AI API Key. Du kannst ihn auf platform.stability.ai erhalten.",placeholder:"sk-...",submit:"Speichern",cancel:"Abbrechen",hint:"Der Key wird lokal in deinem Browser gespeichert."},en:{title:"Stability AI API Key",description:"To use AI image enhancement, you need a Stability AI API key. You can get one at platform.stability.ai.",placeholder:"sk-...",submit:"Save",cancel:"Cancel",hint:"The key is stored locally in your browser."}}[a];return c.jsxs("dialog",{className:"modal modal-open",children:[c.jsxs("div",{className:"modal-box",children:[c.jsx("h3",{className:"font-bold text-lg",children:s.title}),c.jsx("p",{className:"py-4 text-sm opacity-80",children:s.description}),c.jsxs("form",{onSubmit:o,children:[c.jsxs("div",{className:"form-control",children:[c.jsx("input",{type:"password",placeholder:s.placeholder,className:"input input-bordered w-full",value:r,onChange:d=>l(d.target.value),autoFocus:!0}),c.jsx("label",{className:"label",children:c.jsx("span",{className:"label-text-alt",children:s.hint})})]}),c.jsxs("div",{className:"modal-action",children:[c.jsx("button",{type:"button",className:"btn btn-ghost",onClick:t,children:s.cancel}),c.jsx("button",{type:"submit",className:"btn btn-primary",disabled:!r.trim(),children:s.submit})]})]})]}),c.jsx("form",{method:"dialog",className:"modal-backdrop",children:c.jsx("button",{onClick:t,children:"close"})})]})}function Ie({min:e,max:t,step:n,value:a,onChange:r,className:l="",disabled:o=!1}){const i=u.useRef(null),s=u.useRef(null),d=u.useRef(!1),[m,x]=u.useState(!1),f=(a-e)/(t-e)*100,g=u.useCallback(E=>{if(!i.current)return a;const T=i.current.getBoundingClientRect(),B=Math.max(0,Math.min(1,(E-T.left)/T.width)),L=t-e,H=e+B*L,N=Math.round(H/n)*n;return Math.max(e,Math.min(t,N))},[e,t,n,a]),v=u.useCallback(E=>{if(o)return;const T=E.touches[0];s.current={x:T.clientX,y:T.clientY,value:a,decided:!1},d.current=!1},[a,o]),I=u.useCallback(E=>{if(o||!s.current)return;const T=E.touches[0],B=Math.abs(T.clientX-s.current.x),L=Math.abs(T.clientY-s.current.y);if(!s.current.decided){if(B<8&&L<8)return;if(s.current.decided=!0,L>B){s.current=null;return}d.current=!0,x(!0)}if(d.current){const H=g(T.clientX);H!==a&&r(H)}},[o,g,r,a]),h=u.useCallback(E=>{if(s.current&&!s.current.decided){const T=E.changedTouches[0];if(T){const B=g(T.clientX);B!==a&&r(B)}}s.current=null,d.current=!1,x(!1)},[g,r,a]);u.useEffect(()=>{const E=i.current;if(!E)return;const T=B=>{d.current&&B.preventDefault()};return E.addEventListener("touchmove",T,{passive:!1}),()=>{E.removeEventListener("touchmove",T)}},[]);const b=u.useCallback(E=>{if(o)return;const T=g(E.clientX);r(T),x(!0);const B=H=>{const N=g(H.clientX);r(N)},L=()=>{x(!1),document.removeEventListener("mousemove",B),document.removeEventListener("mouseup",L)};document.addEventListener("mousemove",B),document.addEventListener("mouseup",L)},[o,g,r]),k=`calc(10px + (100% - 20px) * ${f/100})`;return c.jsxs("div",{ref:i,className:`relative h-10 flex items-center cursor-pointer overflow-visible ${o?"opacity-50 cursor-not-allowed":""}`,onTouchStart:v,onTouchMove:I,onTouchEnd:h,onMouseDown:b,children:[c.jsx("div",{className:"absolute h-2 bg-base-300 rounded-full inset-x-0"}),c.jsx("div",{className:`absolute h-2 rounded-full transition-colors ${l.includes("range-primary")?"bg-primary":l.includes("range-secondary")?"bg-secondary":"bg-primary"}`,style:{left:0,width:k}}),c.jsx("div",{className:`absolute w-5 h-5 rounded-full bg-base-100 border-2 shadow-md transition-transform ${m?"scale-110":""} ${l.includes("range-primary")?"border-primary":l.includes("range-secondary")?"border-secondary":"border-primary"}`,style:{left:k,transform:"translateX(-50%)"}})]})}function $n(){const e=y(p=>p.appLanguage),t=y(p=>p.portrait),n=y(p=>p.setPortrait),a=y(p=>p.setPortraitZoom),r=y(p=>p.setPortraitPan),l=y(p=>p.setPortraitRawImage),o=y(p=>p.setPortraitBgRemoved),i=y(p=>p.setPortraitBgOpacity),s=y(p=>p.setPortraitBgBlur),d=y(p=>p.setPortraitEngravingIntensity),{enhance:m,removeBg:x,isEnhancing:f,isRemovingBg:g,error:v,hasKey:I,setApiKey:h}=zn(),b=oe(e),k=u.useRef(null),[E,T]=u.useState(!1),[B,L]=u.useState(!1),H=u.useRef(null),N=u.useRef(null),S=t.rawImage,C=t.bgRemovedImage,O=t.bgRemoved,Z=t.bgOpacity,A=t.bgBlur,_=t.engravingIntensity;u.useEffect(()=>{t.original&&!t.rawImage&&l(t.original)},[t.original,t.rawImage,l]),u.useEffect(()=>()=>{H.current&&clearTimeout(H.current),N.current&&clearTimeout(N.current)},[]);const J=y(p=>p.voucherConfig.templateHue),ie=u.useRef(J),Q=u.useCallback(async p=>{if(!p.type.startsWith("image/"))return;const P=new FileReader;P.onload=async M=>{var X;const j=(X=M.target)==null?void 0:X.result,Y=await xt(j);bt(),l(Y),n(Y),a(1),r(0,0),o(!1,null),i(0),s(0),d(0)},P.readAsDataURL(p)},[n,l,a,r,o,i,s,d]),be=u.useCallback(p=>{p.preventDefault(),T(!1);const P=p.dataTransfer.files[0];P&&Q(P)},[Q]),G=u.useCallback(p=>{p.preventDefault(),T(!0)},[]),ee=u.useCallback(p=>{p.preventDefault(),T(!1)},[]),K=()=>{var p;(p=k.current)==null||p.click()},xe=p=>{var M;const P=(M=p.target.files)==null?void 0:M[0];P&&Q(P)},te=u.useCallback(async(p,P,M)=>{try{return await m(p,P,M)}catch(j){return console.error("Enhancement failed:",j),p}},[m]),Te=u.useCallback(async p=>{try{const P=await x(p);return o(!0,P),P}catch(P){return console.error("Background removal failed:",P),p}},[x,o]),q=u.useCallback(async()=>{const p=y.getState(),P=p.portrait,M=p.voucherConfig.templateHue;if(!P.rawImage)return;let j;P.bgRemoved&&P.bgRemovedImage?j=await ze(P.bgRemovedImage,P.rawImage,P.bgOpacity,P.bgBlur):j=P.rawImage,P.engravingIntensity>0&&(j=await te(j,P.engravingIntensity,M)),n(j)},[te,n]),we=u.useRef(!1);u.useEffect(()=>{t.rawImage&&!t.original&&!we.current&&(we.current=!0,setTimeout(()=>{q()},0)),t.rawImage||(we.current=!1)},[t.rawImage,t.original,q]),u.useEffect(()=>{if(ie.current===J)return;ie.current=J;const p=y.getState().portrait;p.engravingIntensity>0&&p.rawImage&&(H.current&&clearTimeout(H.current),H.current=setTimeout(q,150))},[J,q]);const ye=async()=>{if(!S)return;if(!O&&!I){L(!0);return}if(!O){const P=await Te(S),M=y.getState(),j=M.portrait,Y=M.voucherConfig.templateHue;let X=await ze(P,S,j.bgOpacity,j.bgBlur);j.engravingIntensity>0&&(X=await te(X,j.engravingIntensity,Y)),n(X)}else{o(!1,null);const P=y.getState(),M=P.portrait.engravingIntensity,j=P.voucherConfig.templateHue;if(M>0){const Y=await te(S,M,j);n(Y)}else n(S)}},Ue=p=>{d(p),H.current&&clearTimeout(H.current),S&&(H.current=setTimeout(q,150))},Pe=async p=>{if(h(p),!S)return;const P=await Te(S),M=y.getState(),j=M.portrait,Y=M.voucherConfig.templateHue;let X=await ze(P,S,j.bgOpacity,j.bgBlur);j.engravingIntensity>0&&(X=await te(X,j.engravingIntensity,Y)),n(X)},Le=p=>{i(p),N.current&&clearTimeout(N.current),!(!S||!C)&&(N.current=setTimeout(q,150))},ve=p=>{s(p),N.current&&clearTimeout(N.current),!(!S||!C)&&(N.current=setTimeout(q,150))};return c.jsxs("div",{className:"space-y-4",children:[c.jsx("style",{children:`
2
2
  @keyframes sparkle1 {
3
3
  0%, 33%, 100% { opacity: 0.3; }
4
4
  16% { opacity: 1; }
@@ -11,9 +11,14 @@
11
11
  0%, 66%, 100% { opacity: 0.3; }
12
12
  83% { opacity: 1; }
13
13
  }
14
- `}),!t.original&&!t.rawImage?c.jsxs("div",{className:`border-2 border-dashed rounded-lg p-8 text-center cursor-pointer transition-colors ${g?"border-primary bg-primary/10 pointer-events-none":k?"border-primary bg-primary/10":"border-base-300 hover:border-primary hover:bg-base-200"}`,onDrop:be,onDragOver:G,onDragLeave:ee,onClick:K,children:[c.jsx("input",{ref:T,type:"file",accept:"image/*",className:"hidden",onChange:xe}),g?c.jsxs("div",{className:"flex flex-col items-center gap-2",children:[c.jsx("span",{className:"loading loading-spinner loading-lg text-primary"}),c.jsx("p",{className:"font-medium",children:e==="de"?"Hintergrund wird entfernt ...":"Removing background ..."})]}):c.jsxs("div",{className:"flex flex-col items-center gap-2",children:[c.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",className:"h-12 w-12 text-base-content/50",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:c.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"})}),c.jsx("p",{className:"font-medium",children:b.form.portrait.upload}),c.jsx("p",{className:"text-sm text-base-content/60",children:b.form.portrait.dragDrop})]})]}):c.jsxs("div",{className:"flex flex-col space-y-4",children:[c.jsxs("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-4 w-full",children:[c.jsxs("div",{className:"form-control w-full",children:[c.jsxs("label",{className:"label",children:[c.jsx("span",{className:"label-text",children:b.form.portrait.zoom}),c.jsxs("span",{className:"label-text-alt",children:[Math.round(t.zoom*100),"%"]})]}),c.jsx(Ie,{min:.5,max:2,step:.05,value:t.zoom,onChange:a,className:"range range-primary range-sm"})]}),c.jsxs("div",{className:"form-control w-full",children:[c.jsxs("label",{className:"label",children:[c.jsxs("span",{className:"label-text flex items-center gap-2",children:[e==="de"?"Farbanpassung":"Color adjustment",f&&c.jsx("span",{className:"loading loading-spinner loading-xs"})]}),c.jsxs("span",{className:"label-text-alt",children:[Math.round(O*100),"%"]})]}),c.jsx(Ie,{min:0,max:1,step:.05,value:O,onChange:Ue,className:"range range-secondary range-sm",disabled:f||!R})]})]}),Y?c.jsxs("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-4 w-full",children:[c.jsxs("div",{className:"form-control w-full",children:[c.jsxs("label",{className:"label",children:[c.jsx("span",{className:"label-text",children:e==="de"?"Hintergrund":"Background"}),c.jsxs("span",{className:"label-text-alt",children:[Math.round(Z*100),"%"]})]}),c.jsx(Ie,{min:0,max:1,step:.05,value:Z,onChange:Se,className:"range range-primary range-sm"})]}),c.jsxs("div",{className:"form-control w-full",children:[c.jsxs("label",{className:"label",children:[c.jsx("span",{className:"label-text",children:e==="de"?"Unschärfe":"Blur"}),c.jsxs("span",{className:"label-text-alt",children:[Math.round(H*100),"%"]})]}),c.jsx(Ie,{min:0,max:1,step:.05,value:H,onChange:ve,className:"range range-primary range-sm",disabled:Z===0})]})]}):c.jsx("div",{className:"flex justify-center",children:c.jsxs("button",{className:"btn btn-ghost btn gap-2 text-base-content/70",onClick:ye,disabled:g||!R,children:[c.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",className:"h-5 w-5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:[c.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M9.813 15.904L9 18.75l-.813-2.846a4.5 4.5 0 00-3.09-3.09L2.25 12l2.846-.813a4.5 4.5 0 003.09-3.09L9 5.25l.813 2.846a4.5 4.5 0 003.09 3.09L15.75 12l-2.846.813a4.5 4.5 0 00-3.09 3.09z",style:g?{animation:"sparkle1 2.4s ease-in-out infinite"}:void 0}),c.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M18.259 8.715L18 9.75l-.259-1.035a3.375 3.375 0 00-2.455-2.456L14.25 6l1.036-.259a3.375 3.375 0 002.455-2.456L18 2.25l.259 1.035a3.375 3.375 0 002.456 2.456L21.75 6l-1.035.259a3.375 3.375 0 00-2.456 2.456z",style:g?{animation:"sparkle2 2.4s ease-in-out infinite"}:void 0}),c.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M16.894 20.567L16.5 21.75l-.394-1.183a2.25 2.25 0 00-1.423-1.423L13.5 18.75l1.183-.394a2.25 2.25 0 001.423-1.423l.394-1.183.394 1.183a2.25 2.25 0 001.423 1.423l1.183.394-1.183.394a2.25 2.25 0 00-1.423 1.423z",style:g?{animation:"sparkle3 2.4s ease-in-out infinite"}:void 0})]}),g?e==="de"?"Hintergrund wird entfernt ...":"Removing background ...":e==="de"?"Hintergrund entfernen":"Remove background",!g&&!I&&c.jsx("span",{className:"badge badge-sm badge-outline",children:"API"})]})}),v&&c.jsxs("div",{className:"alert alert-warning text-sm py-2",children:[c.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",className:"stroke-current shrink-0 h-5 w-5",fill:"none",viewBox:"0 0 24 24",children:c.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"})}),c.jsx("span",{children:v})]})]}),c.jsx(Yt,{isOpen:L,onClose:()=>S(!1),onSubmit:Pe})]})}function Xn(){const e=y(i=>i.appLanguage),t=y(i=>i.voucherConfig.language),n=y(i=>i.voucherConfig.hours);y(i=>i.voucherConfig.templateHue);const a=y(i=>i.setBillLanguage),r=y(i=>i.setHours);y(i=>i.setTemplateHue);const l=oe(e),o=[1,5,10];return c.jsxs("div",{className:"space-y-4",children:[c.jsx("div",{className:"form-control",children:c.jsxs("div",{className:"flex items-center justify-between gap-2",children:[c.jsx("span",{className:"label-text font-medium",children:l.form.voucher.billLanguage}),c.jsxs("div",{className:"join border border-base-300 rounded-lg shadow",children:[c.jsx("button",{className:`join-item btn btn-md ${t==="de"?"btn-primary":"btn-ghost"}`,onClick:()=>a("de"),children:l.form.voucher.billLanguageGerman}),c.jsx("button",{className:`join-item btn btn-md ${t==="en"?"btn-primary":"btn-ghost"}`,onClick:()=>a("en"),children:l.form.voucher.billLanguageEnglish})]})]})}),c.jsx("div",{className:"form-control",children:c.jsxs("div",{className:"flex items-center justify-between gap-2",children:[c.jsx("span",{className:"label-text font-medium",children:l.form.voucher.hours}),c.jsx("div",{className:"join border border-base-300 rounded-lg shadow",children:o.map(i=>c.jsxs("button",{className:`join-item btn btn-md ${n===i?"btn-primary":"btn-ghost"}`,onClick:()=>r(i),children:[i,c.jsxs("span",{className:"hidden sm:inline",children:[" ",i===1?l.form.voucher.hourLabel:l.form.voucher.hoursLabel]})]},i))})]})}),!1]})}function rt(e,t){return{front:"",back:"",width:ae,height:re}}const He={front:{portrait:{x:1810,y:918,radiusX:570,radiusY:605},namePlate:{x:1816,y:1765,fontSize:85,maxWidth:898,align:"center"}},back:{portrait:{x:0,y:0,radiusX:0,radiusY:0},namePlate:{x:1816,y:1770,fontSize:85,maxWidth:898,align:"center"},contactInfo:{x:898,y:939,fontSize:93,lineHeight:165,align:"center"},description:{x:2721,y:939,fontSize:85,maxWidth:1177,lineHeight:124,align:"center"},signature:{x:1820,y:1445,width:950,height:145,labelFontSize:85}}},de=He,ge=He;function ot(e){return He}const Qe=.75;function Vn(e){const t=ot(),n=Qe,a=r=>({portrait:{x:r.portrait.x*n,y:r.portrait.y*n,radiusX:r.portrait.radiusX*n,radiusY:r.portrait.radiusY*n},namePlate:{x:r.namePlate.x*n,y:r.namePlate.y*n,fontSize:r.namePlate.fontSize*n,maxWidth:r.namePlate.maxWidth?r.namePlate.maxWidth*n:void 0,lineHeight:r.namePlate.lineHeight?r.namePlate.lineHeight*n:void 0,align:r.namePlate.align},contactInfo:r.contactInfo?{x:r.contactInfo.x*n,y:r.contactInfo.y*n,fontSize:r.contactInfo.fontSize*n,maxWidth:r.contactInfo.maxWidth?r.contactInfo.maxWidth*n:void 0,lineHeight:r.contactInfo.lineHeight?r.contactInfo.lineHeight*n:void 0,align:r.contactInfo.align}:void 0,description:r.description?{x:r.description.x*n,y:r.description.y*n,fontSize:r.description.fontSize*n,maxWidth:r.description.maxWidth?r.description.maxWidth*n:void 0,lineHeight:r.description.lineHeight?r.description.lineHeight*n:void 0,align:r.description.align}:void 0,signature:r.signature?{x:r.signature.x*n,y:r.signature.y*n,width:r.signature.width*n,height:r.signature.height*n,labelFontSize:r.signature.labelFontSize*n}:void 0});return{front:a(t.front),back:a(t.back)}}function Gn(e,t){const n=rt();return{...n,width:Math.round(n.width*Qe),height:Math.round(n.height*Qe)}}function qn(e,t){const[n,a]=d.useState(e);return d.useEffect(()=>{const r=setTimeout(()=>a(e),t);return()=>clearTimeout(r)},[e,t]),n}function Kn({onPortraitClick:e,onFileDrop:t}={}){const n=y(w=>w.appLanguage),a=y(w=>w.voucherConfig.language),r=y(w=>w.voucherConfig.hours),l=y(w=>w.voucherConfig.description),o=y(w=>w.voucherConfig.templateHue),i=y(w=>w.personalInfo),s=y(w=>w.portrait),u=y(w=>w.currentSide),h=y(w=>w.flipSide),x=y(w=>w.setPortraitPan),f=qn(o,150),g=oe(n),v=d.useRef(null),I=d.useRef(null),m=d.useRef(null),[b,T]=d.useState(!1),[k,E]=d.useState(!1),[L,S]=d.useState(!1),[A,j]=d.useState(!1),R=d.useRef(null),B=d.useRef(null),Y=d.useRef(!1),Z=d.useRef(0),H=Gn(),O=Vn(),J=s.useEnhanced&&s.enhanced?s.enhanced:s.original||s.rawImage,ie=at(a,r,l),[Q,be]=d.useState(""),[G,ee]=d.useState(""),[K,xe]=d.useState(""),[te,Ee]=d.useState(""),[q,we]=d.useState(""),[ye,Ue]=d.useState(""),[Pe,Se]=d.useState(!0);d.useEffect(()=>{let w=!0;Se(!0);async function N(){const[U,$]=await Promise.all([Je(r,a,"front"),Je(r,a,"back")]);w&&(be(U.background),ee(U.badges),xe(U.frame),Ee($.background),we($.badges),Ue($.frame),Se(!1))}return N(),()=>{w=!1}},[r,a]),d.useEffect(()=>{!v.current||!Q||!G||!K||Dt(v.current,Q,G,K,J,i.name,O.front,H.width,H.height,s.zoom,s.panX,s.panY,f,r,a)},[H,Q,G,K,J,i.name,O,s.zoom,s.panX,s.panY,f,r,a]),d.useEffect(()=>{!I.current||!te||!q||!ye||At(I.current,te,q,ye,i.name,i.email,i.phone,ie,O.back,H.width,H.height,f,r,a)},[H,te,q,ye,i,ie,O,f,r,a]);const ve=()=>{T(!b),h()};d.useEffect(()=>{T(u==="back")},[u]);const p=d.useCallback((w,N)=>{if(!m.current||u!=="front")return!1;const U=m.current.getBoundingClientRect(),$=U.width/H.width,Oe=U.height/H.height,Le=(w-U.left)/$,Ye=(N-U.top)/Oe,{x:We,y:_e,radiusX:ze,radiusY:tn}=O.front.portrait,st=(Le-We)/ze,ct=(Ye-_e)/tn;return st*st+ct*ct<=1},[u,H.width,H.height,O.front.portrait]),P=5,M=d.useCallback((w,N)=>{s.original&&(E(!0),R.current={x:w,y:N,panX:s.panX,panY:s.panY})},[s.original,s.panX,s.panY]),D=d.useCallback((w,N)=>{if(!k||!R.current||!m.current)return;const U=performance.now();if(U-Z.current<33)return;Z.current=U;const $=m.current.getBoundingClientRect(),Le=4/Math.max($.width,$.height)*s.zoom,Ye=(w-R.current.x)*Le,We=(N-R.current.y)*Le,_e=Math.max(-1,Math.min(1,R.current.panX+Ye)),ze=Math.max(-1,Math.min(1,R.current.panY+We));x(_e,ze)},[k,x,s.zoom]),z=d.useCallback(()=>{E(!1),R.current=null,B.current=null},[]),W=d.useCallback(()=>{e&&e()},[e]),Vt=w=>{p(w.clientX,w.clientY)&&(w.preventDefault(),B.current={x:w.clientX,y:w.clientY},Y.current=!1)},Gt=w=>{if(S(p(w.clientX,w.clientY)),B.current&&s.original){const N=w.clientX-B.current.x,U=w.clientY-B.current.y;Math.sqrt(N*N+U*U)>P&&!k&&(Y.current=!0,M(B.current.x,B.current.y))}k&&D(w.clientX,w.clientY)},qt=w=>{B.current&&!Y.current&&p(w.clientX,w.clientY)&&W(),z()},Kt=()=>{z(),S(!1)},Ft=w=>{if(w.touches.length===1){const N=w.touches[0];p(N.clientX,N.clientY)&&(B.current={x:N.clientX,y:N.clientY},Y.current=!1)}},Zt=w=>{if(w.touches.length===1&&B.current&&s.original){const N=w.touches[0],U=N.clientX-B.current.x,$=N.clientY-B.current.y;Math.sqrt(U*U+$*$)>P&&!k&&(Y.current=!0,M(B.current.x,B.current.y)),k&&D(N.clientX,N.clientY)}},Jt=()=>{B.current&&!Y.current&&p(B.current.x,B.current.y)&&W(),z()},it=d.useRef(!1);d.useEffect(()=>{it.current=k},[k]),d.useEffect(()=>{const w=m.current;if(!w)return;const N=U=>{it.current&&U.preventDefault()};return w.addEventListener("touchmove",N,{passive:!1}),()=>{w.removeEventListener("touchmove",N)}},[]);const Qt=u==="front"&&s.original,en=H.width/H.height;return c.jsxs("div",{className:"space-y-2",children:[c.jsxs("div",{className:"flex justify-between items-center mb-6",children:[c.jsxs("div",{className:"join border border-base-300 rounded-lg",children:[c.jsx("button",{className:`join-item btn btn-md ${u==="front"?"btn-primary":"btn-ghost"}`,onClick:()=>u!=="front"&&ve(),children:g.preview.front}),c.jsx("button",{className:`join-item btn btn-md ${u==="back"?"btn-primary":"btn-ghost"}`,onClick:()=>u!=="back"&&ve(),children:g.preview.back})]}),c.jsxs("button",{className:"btn btn-ghost btn-md",onClick:ve,children:[c.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",className:"h-5 w-5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:c.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"})}),c.jsx("span",{className:"hidden sm:inline",children:g.preview.flip})]})]}),c.jsxs("div",{className:"relative w-full overflow-visible",style:{aspectRatio:en,perspective:"1500px"},children:[Pe&&c.jsx("div",{className:"absolute inset-0 flex items-center justify-center bg-base-300 rounded-lg z-10",children:c.jsx("span",{className:"loading loading-spinner loading-lg text-primary"})}),c.jsxs("div",{ref:m,className:`relative w-full h-full shadow-lg ${L&&Qt?k?"cursor-grabbing":"cursor-grab":""} ${Pe?"opacity-0":"opacity-100"} transition-opacity duration-300`,style:{transformStyle:"preserve-3d",transition:"transform 0.6s ease-in-out, opacity 0.3s ease-in-out",transform:b?"rotateY(180deg)":"rotateY(0deg)"},onMouseDown:Vt,onMouseMove:Gt,onMouseUp:qt,onMouseLeave:Kt,onTouchStart:Ft,onTouchMove:Zt,onTouchEnd:Jt,onDragOver:w=>{w.preventDefault(),u==="front"&&j(!0)},onDragLeave:w=>{w.preventDefault(),j(!1)},onDrop:w=>{if(w.preventDefault(),j(!1),u==="front"&&t){const N=w.dataTransfer.files[0];N&&N.type.startsWith("image/")&&t(N)}},children:[c.jsx("canvas",{ref:v,className:"absolute inset-0 w-full h-full",style:{backfaceVisibility:"hidden",WebkitBackfaceVisibility:"hidden"}}),c.jsx("canvas",{ref:I,className:"absolute inset-0 w-full h-full",style:{backfaceVisibility:"hidden",WebkitBackfaceVisibility:"hidden",transform:"rotateY(180deg)"}}),u==="front"&&!s.original&&c.jsx("div",{className:`absolute flex flex-col items-center justify-center transition-colors duration-300 ease-in-out pointer-events-none ${A?"bg-primary/20":"hover:bg-base-content/5"}`,style:{left:`${(O.front.portrait.x-O.front.portrait.radiusX)/H.width*100}%`,top:`${(O.front.portrait.y-O.front.portrait.radiusY)/H.height*100}%`,width:`${O.front.portrait.radiusX*2/H.width*100}%`,height:`${O.front.portrait.radiusY*2/H.height*100}%`,borderRadius:"50%",backfaceVisibility:"hidden",WebkitBackfaceVisibility:"hidden"},children:c.jsxs("button",{className:"btn btn-dash hover:btn-dash hover:border-base-content/60 flex flex-col items-center gap-0.5 sm:gap-1 h-auto py-1.5 px-2.5 sm:py-3 sm:px-4 bg-base-100/20 hover:bg-base-100/30",children:[c.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",className:"w-7 h-6 sm:w-10 sm:h-9 text-base-content/50",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round",children:[c.jsx("circle",{cx:"12",cy:"8",r:"4"}),c.jsx("path",{d:"M4 21c0-4 4-6 8-6s8 2 8 6"})]}),c.jsx("span",{className:"text-[10px] sm:text-xs text-center leading-tight whitespace-pre-line",children:n==="de"?`Foto
14
+ `}),!t.original&&!t.rawImage?c.jsxs("div",{className:`border-2 border-dashed rounded-lg p-8 text-center cursor-pointer transition-colors ${g?"border-primary bg-primary/10 pointer-events-none":E?"border-primary bg-primary/10":"border-base-300 hover:border-primary hover:bg-base-200"}`,onDrop:be,onDragOver:G,onDragLeave:ee,onClick:K,children:[c.jsx("input",{ref:k,type:"file",accept:"image/*",className:"hidden",onChange:xe}),g?c.jsxs("div",{className:"flex flex-col items-center gap-2",children:[c.jsx("span",{className:"loading loading-spinner loading-lg text-primary"}),c.jsx("p",{className:"font-medium",children:e==="de"?"Hintergrund wird entfernt ...":"Removing background ..."})]}):c.jsxs("div",{className:"flex flex-col items-center gap-2",children:[c.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",className:"h-12 w-12 text-base-content/50",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:c.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"})}),c.jsx("p",{className:"font-medium",children:b.form.portrait.upload}),c.jsx("p",{className:"text-sm text-base-content/60",children:b.form.portrait.dragDrop})]})]}):c.jsxs("div",{className:"flex flex-col space-y-4",children:[c.jsxs("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-4 w-full",children:[c.jsxs("div",{className:"form-control w-full",children:[c.jsxs("label",{className:"label",children:[c.jsx("span",{className:"label-text",children:b.form.portrait.zoom}),c.jsxs("span",{className:"label-text-alt",children:[Math.round(t.zoom*100),"%"]})]}),c.jsx(Ie,{min:.5,max:2,step:.05,value:t.zoom,onChange:a,className:"range range-primary range-sm"})]}),c.jsxs("div",{className:"form-control w-full",children:[c.jsxs("label",{className:"label",children:[c.jsxs("span",{className:"label-text flex items-center gap-2",children:[e==="de"?"Farbanpassung":"Color adjustment",f&&c.jsx("span",{className:"loading loading-spinner loading-xs"})]}),c.jsxs("span",{className:"label-text-alt",children:[Math.round(_*100),"%"]})]}),c.jsx(Ie,{min:0,max:1,step:.05,value:_,onChange:Ue,className:"range range-secondary range-sm",disabled:f||!S})]})]}),O?c.jsxs("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-4 w-full",children:[c.jsxs("div",{className:"form-control w-full",children:[c.jsxs("label",{className:"label",children:[c.jsx("span",{className:"label-text",children:e==="de"?"Hintergrund":"Background"}),c.jsxs("span",{className:"label-text-alt",children:[Math.round(Z*100),"%"]})]}),c.jsx(Ie,{min:0,max:1,step:.05,value:Z,onChange:Le,className:"range range-primary range-sm"})]}),c.jsxs("div",{className:"form-control w-full",children:[c.jsxs("label",{className:"label",children:[c.jsx("span",{className:"label-text",children:e==="de"?"Unschärfe":"Blur"}),c.jsxs("span",{className:"label-text-alt",children:[Math.round(A*100),"%"]})]}),c.jsx(Ie,{min:0,max:1,step:.05,value:A,onChange:ve,className:"range range-primary range-sm",disabled:Z===0})]})]}):c.jsx("div",{className:"flex justify-center",children:c.jsxs("button",{className:"btn btn-ghost btn gap-2 text-base-content/70",onClick:ye,disabled:g||!S,children:[c.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",className:"h-5 w-5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:[c.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M9.813 15.904L9 18.75l-.813-2.846a4.5 4.5 0 00-3.09-3.09L2.25 12l2.846-.813a4.5 4.5 0 003.09-3.09L9 5.25l.813 2.846a4.5 4.5 0 003.09 3.09L15.75 12l-2.846.813a4.5 4.5 0 00-3.09 3.09z",style:g?{animation:"sparkle1 2.4s ease-in-out infinite"}:void 0}),c.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M18.259 8.715L18 9.75l-.259-1.035a3.375 3.375 0 00-2.455-2.456L14.25 6l1.036-.259a3.375 3.375 0 002.455-2.456L18 2.25l.259 1.035a3.375 3.375 0 002.456 2.456L21.75 6l-1.035.259a3.375 3.375 0 00-2.456 2.456z",style:g?{animation:"sparkle2 2.4s ease-in-out infinite"}:void 0}),c.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M16.894 20.567L16.5 21.75l-.394-1.183a2.25 2.25 0 00-1.423-1.423L13.5 18.75l1.183-.394a2.25 2.25 0 001.423-1.423l.394-1.183.394 1.183a2.25 2.25 0 001.423 1.423l1.183.394-1.183.394a2.25 2.25 0 00-1.423 1.423z",style:g?{animation:"sparkle3 2.4s ease-in-out infinite"}:void 0})]}),g?e==="de"?"Hintergrund wird entfernt ...":"Removing background ...":e==="de"?"Hintergrund entfernen":"Remove background",!g&&!I&&c.jsx("span",{className:"badge badge-sm badge-outline",children:"API"})]})}),v&&c.jsxs("div",{className:"alert alert-warning text-sm py-2",children:[c.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",className:"stroke-current shrink-0 h-5 w-5",fill:"none",viewBox:"0 0 24 24",children:c.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"})}),c.jsx("span",{children:v})]})]}),c.jsx(Xt,{isOpen:B,onClose:()=>L(!1),onSubmit:Pe})]})}function Vn(){const e=y(i=>i.appLanguage),t=y(i=>i.voucherConfig.language),n=y(i=>i.voucherConfig.hours);y(i=>i.voucherConfig.templateHue);const a=y(i=>i.setBillLanguage),r=y(i=>i.setHours);y(i=>i.setTemplateHue);const l=oe(e),o=[1,5,10];return c.jsxs("div",{className:"space-y-4",children:[c.jsx("div",{className:"form-control",children:c.jsxs("div",{className:"flex items-center justify-between gap-2",children:[c.jsx("span",{className:"label-text font-medium",children:l.form.voucher.billLanguage}),c.jsxs("div",{className:"join border border-base-300 rounded-lg shadow",children:[c.jsx("button",{className:`join-item btn btn-md ${t==="de"?"btn-primary":"btn-ghost"}`,onClick:()=>a("de"),children:l.form.voucher.billLanguageGerman}),c.jsx("button",{className:`join-item btn btn-md ${t==="en"?"btn-primary":"btn-ghost"}`,onClick:()=>a("en"),children:l.form.voucher.billLanguageEnglish})]})]})}),c.jsx("div",{className:"form-control",children:c.jsxs("div",{className:"flex items-center justify-between gap-2",children:[c.jsx("span",{className:"label-text font-medium",children:l.form.voucher.hours}),c.jsx("div",{className:"join border border-base-300 rounded-lg shadow",children:o.map(i=>c.jsxs("button",{className:`join-item btn btn-md ${n===i?"btn-primary":"btn-ghost"}`,onClick:()=>r(i),children:[i,c.jsxs("span",{className:"hidden sm:inline",children:[" ",i===1?l.form.voucher.hourLabel:l.form.voucher.hoursLabel]})]},i))})]})}),!1]})}function rt(e,t){return{front:"",back:"",width:ae,height:re}}const Ae={front:{portrait:{x:1810,y:918,radiusX:570,radiusY:605},namePlate:{x:1816,y:1765,fontSize:85,maxWidth:898,align:"center"}},back:{portrait:{x:0,y:0,radiusX:0,radiusY:0},namePlate:{x:1816,y:1770,fontSize:85,maxWidth:898,align:"center"},contactInfo:{x:898,y:939,fontSize:93,lineHeight:165,align:"center"},description:{x:2721,y:939,fontSize:85,maxWidth:1177,lineHeight:124,align:"center"},signature:{x:1820,y:1445,width:950,height:145,labelFontSize:85}}},ue=Ae,ge=Ae;function ot(e){return Ae}const Qe=.75;function Gn(e){const t=ot(),n=Qe,a=r=>({portrait:{x:r.portrait.x*n,y:r.portrait.y*n,radiusX:r.portrait.radiusX*n,radiusY:r.portrait.radiusY*n},namePlate:{x:r.namePlate.x*n,y:r.namePlate.y*n,fontSize:r.namePlate.fontSize*n,maxWidth:r.namePlate.maxWidth?r.namePlate.maxWidth*n:void 0,lineHeight:r.namePlate.lineHeight?r.namePlate.lineHeight*n:void 0,align:r.namePlate.align},contactInfo:r.contactInfo?{x:r.contactInfo.x*n,y:r.contactInfo.y*n,fontSize:r.contactInfo.fontSize*n,maxWidth:r.contactInfo.maxWidth?r.contactInfo.maxWidth*n:void 0,lineHeight:r.contactInfo.lineHeight?r.contactInfo.lineHeight*n:void 0,align:r.contactInfo.align}:void 0,description:r.description?{x:r.description.x*n,y:r.description.y*n,fontSize:r.description.fontSize*n,maxWidth:r.description.maxWidth?r.description.maxWidth*n:void 0,lineHeight:r.description.lineHeight?r.description.lineHeight*n:void 0,align:r.description.align}:void 0,signature:r.signature?{x:r.signature.x*n,y:r.signature.y*n,width:r.signature.width*n,height:r.signature.height*n,labelFontSize:r.signature.labelFontSize*n}:void 0});return{front:a(t.front),back:a(t.back)}}function qn(e,t){const n=rt();return{...n,width:Math.round(n.width*Qe),height:Math.round(n.height*Qe)}}function Kn(e,t){const[n,a]=u.useState(e);return u.useEffect(()=>{const r=setTimeout(()=>a(e),t);return()=>clearTimeout(r)},[e,t]),n}function Fn({onPortraitClick:e,onFileDrop:t}={}){const n=y(w=>w.appLanguage),a=y(w=>w.voucherConfig.language),r=y(w=>w.voucherConfig.hours),l=y(w=>w.voucherConfig.description),o=y(w=>w.voucherConfig.templateHue),i=y(w=>w.personalInfo),s=y(w=>w.portrait),d=y(w=>w.currentSide),m=y(w=>w.flipSide),x=y(w=>w.setPortraitPan),f=Kn(o,150),g=oe(n),v=u.useRef(null),I=u.useRef(null),h=u.useRef(null),[b,k]=u.useState(!1),[E,T]=u.useState(!1),[B,L]=u.useState(!1),[H,N]=u.useState(!1),S=u.useRef(null),C=u.useRef(null),O=u.useRef(!1),Z=u.useRef(0),A=qn(),_=Gn(),J=s.useEnhanced&&s.enhanced?s.enhanced:s.original||s.rawImage,ie=at(a,r,l),[Q,be]=u.useState(""),[G,ee]=u.useState(""),[K,xe]=u.useState(""),[te,Te]=u.useState(""),[q,we]=u.useState(""),[ye,Ue]=u.useState(""),[Pe,Le]=u.useState(!0);u.useEffect(()=>{let w=!0;Le(!0);async function D(){const[U,z]=await Promise.all([Je(r,a,"front"),Je(r,a,"back")]);w&&(be(U.background),ee(U.badges),xe(U.frame),Te(z.background),we(z.badges),Ue(z.frame),Le(!1))}return D(),()=>{w=!1}},[r,a]),u.useEffect(()=>{!v.current||!Q||!G||!K||Ht(v.current,Q,G,K,J,i.name,_.front,A.width,A.height,s.zoom,s.panX,s.panY,f,r,a)},[A,Q,G,K,J,i.name,_,s.zoom,s.panX,s.panY,f,r,a]),u.useEffect(()=>{!I.current||!te||!q||!ye||At(I.current,te,q,ye,i.name,i.email,i.phone,ie,_.back,A.width,A.height,f,r,a)},[A,te,q,ye,i,ie,_,f,r,a]);const ve=()=>{k(!b),m()};u.useEffect(()=>{k(d==="back")},[d]);const p=u.useCallback((w,D)=>{if(!h.current||d!=="front")return!1;const U=h.current.getBoundingClientRect(),z=U.width/A.width,_e=U.height/A.height,Be=(w-U.left)/z,Oe=(D-U.top)/_e,{x:Xe,y:We,radiusX:Ye,radiusY:nn}=_.front.portrait,st=(Be-Xe)/Ye,ct=(Oe-We)/nn;return st*st+ct*ct<=1},[d,A.width,A.height,_.front.portrait]),P=5,M=u.useCallback((w,D)=>{s.original&&(T(!0),S.current={x:w,y:D,panX:s.panX,panY:s.panY})},[s.original,s.panX,s.panY]),j=u.useCallback((w,D)=>{if(!E||!S.current||!h.current)return;const U=performance.now();if(U-Z.current<33)return;Z.current=U;const z=h.current.getBoundingClientRect(),Be=4/Math.max(z.width,z.height)*s.zoom,Oe=(w-S.current.x)*Be,Xe=(D-S.current.y)*Be,We=Math.max(-1,Math.min(1,S.current.panX+Oe)),Ye=Math.max(-1,Math.min(1,S.current.panY+Xe));x(We,Ye)},[E,x,s.zoom]),Y=u.useCallback(()=>{T(!1),S.current=null,C.current=null},[]),X=u.useCallback(()=>{e&&e()},[e]),Gt=w=>{p(w.clientX,w.clientY)&&(w.preventDefault(),C.current={x:w.clientX,y:w.clientY},O.current=!1)},qt=w=>{if(L(p(w.clientX,w.clientY)),C.current&&s.original){const D=w.clientX-C.current.x,U=w.clientY-C.current.y;Math.sqrt(D*D+U*U)>P&&!E&&(O.current=!0,M(C.current.x,C.current.y))}E&&j(w.clientX,w.clientY)},Kt=w=>{C.current&&!O.current&&p(w.clientX,w.clientY)&&X(),Y()},Ft=()=>{Y(),L(!1)},Zt=w=>{if(w.touches.length===1){const D=w.touches[0];p(D.clientX,D.clientY)&&(C.current={x:D.clientX,y:D.clientY},O.current=!1)}},Jt=w=>{if(w.touches.length===1&&C.current&&s.original){const D=w.touches[0],U=D.clientX-C.current.x,z=D.clientY-C.current.y;Math.sqrt(U*U+z*z)>P&&!E&&(O.current=!0,M(C.current.x,C.current.y)),E&&j(D.clientX,D.clientY)}},Qt=()=>{C.current&&!O.current&&p(C.current.x,C.current.y)&&X(),Y()},it=u.useRef(!1);u.useEffect(()=>{it.current=E},[E]),u.useEffect(()=>{const w=h.current;if(!w)return;const D=U=>{it.current&&U.preventDefault()};return w.addEventListener("touchmove",D,{passive:!1}),()=>{w.removeEventListener("touchmove",D)}},[]);const en=d==="front"&&s.original,tn=A.width/A.height;return c.jsxs("div",{className:"space-y-2",children:[c.jsxs("div",{className:"flex justify-between items-center mb-6",children:[c.jsxs("div",{className:"join border border-base-300 rounded-lg",children:[c.jsx("button",{className:`join-item btn btn-md ${d==="front"?"btn-primary":"btn-ghost"}`,onClick:()=>d!=="front"&&ve(),children:g.preview.front}),c.jsx("button",{className:`join-item btn btn-md ${d==="back"?"btn-primary":"btn-ghost"}`,onClick:()=>d!=="back"&&ve(),children:g.preview.back})]}),c.jsxs("button",{className:"btn btn-ghost btn-md",onClick:ve,children:[c.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",className:"h-5 w-5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:c.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"})}),c.jsx("span",{className:"hidden sm:inline",children:g.preview.flip})]})]}),c.jsxs("div",{className:"relative w-full overflow-visible",style:{aspectRatio:tn,perspective:"1500px"},children:[Pe&&c.jsx("div",{className:"absolute inset-0 flex items-center justify-center bg-base-300 rounded-lg z-10",children:c.jsx("span",{className:"loading loading-spinner loading-lg text-primary"})}),c.jsxs("div",{ref:h,className:`relative w-full h-full shadow-lg ${B&&en?E?"cursor-grabbing":"cursor-grab":""} ${Pe?"opacity-0":"opacity-100"} transition-opacity duration-300`,style:{transformStyle:"preserve-3d",transition:"transform 0.6s ease-in-out, opacity 0.3s ease-in-out",transform:b?"rotateY(180deg)":"rotateY(0deg)"},onMouseDown:Gt,onMouseMove:qt,onMouseUp:Kt,onMouseLeave:Ft,onTouchStart:Zt,onTouchMove:Jt,onTouchEnd:Qt,onDragOver:w=>{w.preventDefault(),d==="front"&&N(!0)},onDragLeave:w=>{w.preventDefault(),N(!1)},onDrop:w=>{if(w.preventDefault(),N(!1),d==="front"&&t){const D=w.dataTransfer.files[0];D&&D.type.startsWith("image/")&&t(D)}},children:[c.jsx("canvas",{ref:v,className:"absolute inset-0 w-full h-full",style:{backfaceVisibility:"hidden",WebkitBackfaceVisibility:"hidden"}}),c.jsx("canvas",{ref:I,className:"absolute inset-0 w-full h-full",style:{backfaceVisibility:"hidden",WebkitBackfaceVisibility:"hidden",transform:"rotateY(180deg)"}}),d==="front"&&!s.original&&c.jsx("div",{className:`absolute flex flex-col items-center justify-center transition-colors duration-300 ease-in-out pointer-events-none ${H?"bg-primary/20":"hover:bg-base-content/5"}`,style:{left:`${(_.front.portrait.x-_.front.portrait.radiusX)/A.width*100}%`,top:`${(_.front.portrait.y-_.front.portrait.radiusY)/A.height*100}%`,width:`${_.front.portrait.radiusX*2/A.width*100}%`,height:`${_.front.portrait.radiusY*2/A.height*100}%`,borderRadius:"50%",backfaceVisibility:"hidden",WebkitBackfaceVisibility:"hidden"},children:c.jsxs("button",{className:"btn btn-dash hover:btn-dash hover:border-base-content/60 flex flex-col items-center gap-0.5 sm:gap-1 h-auto py-1.5 px-2.5 sm:py-3 sm:px-4 bg-base-100/20 hover:bg-base-100/30",children:[c.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",className:"w-7 h-6 sm:w-10 sm:h-9 text-base-content/50",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round",children:[c.jsx("circle",{cx:"12",cy:"8",r:"4"}),c.jsx("path",{d:"M4 21c0-4 4-6 8-6s8 2 8 6"})]}),c.jsx("span",{className:"text-[10px] sm:text-xs text-center leading-tight whitespace-pre-line",children:n==="de"?`Foto
15
15
  hochladen`:`Upload
16
- photo`})]})})]})]})]})}function Fn(){const e=d.useRef(null),t=d.useRef(null);return{frontCanvasRef:e,backCanvasRef:t}}const Zn=`
16
+ photo`})]})})]})]})]})}function Zn(){const e=u.useRef(null),t=u.useRef(null);return{frontCanvasRef:e,backCanvasRef:t}}const ht=3,Jn=`
17
+ // Bleed configuration (3mm at 600 DPI = 71 pixels per side)
18
+ const BLEED_MM = 3;
19
+ const DPI = 600;
20
+ const BLEED_PX = Math.round((BLEED_MM / 25.4) * DPI); // ~71 pixels
21
+
17
22
  // Translations for banner text
18
23
  const TRANSLATIONS = {
19
24
  de: {
@@ -462,10 +467,50 @@ self.onmessage = async (e) => {
462
467
  // Draw banner text on back
463
468
  drawBannerText(backCtx, hours, language);
464
469
 
465
- // Convert canvases to blobs and then to ArrayBuffer for transfer
470
+ // Add bleed area by extending edge pixels
471
+ const bleedWidth = templateWidth + (BLEED_PX * 2);
472
+ const bleedHeight = templateHeight + (BLEED_PX * 2);
473
+
474
+ // Create bleed canvases
475
+ const frontBleedCanvas = new OffscreenCanvas(bleedWidth, bleedHeight);
476
+ const backBleedCanvas = new OffscreenCanvas(bleedWidth, bleedHeight);
477
+ const frontBleedCtx = frontBleedCanvas.getContext('2d');
478
+ const backBleedCtx = backBleedCanvas.getContext('2d');
479
+
480
+ // Function to add bleed to a canvas
481
+ function addBleedToCanvas(srcCanvas, dstCtx, width, height) {
482
+ // Draw the original image in the center
483
+ dstCtx.drawImage(srcCanvas, BLEED_PX, BLEED_PX);
484
+
485
+ // Extend edges by mirroring/repeating edge pixels
486
+ // Top edge - stretch top row
487
+ dstCtx.drawImage(srcCanvas, 0, 0, width, 1, BLEED_PX, 0, width, BLEED_PX);
488
+ // Bottom edge - stretch bottom row
489
+ dstCtx.drawImage(srcCanvas, 0, height - 1, width, 1, BLEED_PX, height + BLEED_PX, width, BLEED_PX);
490
+ // Left edge - stretch left column
491
+ dstCtx.drawImage(srcCanvas, 0, 0, 1, height, 0, BLEED_PX, BLEED_PX, height);
492
+ // Right edge - stretch right column
493
+ dstCtx.drawImage(srcCanvas, width - 1, 0, 1, height, width + BLEED_PX, BLEED_PX, BLEED_PX, height);
494
+
495
+ // Corners - fill with corner pixel colors
496
+ // Top-left corner
497
+ dstCtx.drawImage(srcCanvas, 0, 0, 1, 1, 0, 0, BLEED_PX, BLEED_PX);
498
+ // Top-right corner
499
+ dstCtx.drawImage(srcCanvas, width - 1, 0, 1, 1, width + BLEED_PX, 0, BLEED_PX, BLEED_PX);
500
+ // Bottom-left corner
501
+ dstCtx.drawImage(srcCanvas, 0, height - 1, 1, 1, 0, height + BLEED_PX, BLEED_PX, BLEED_PX);
502
+ // Bottom-right corner
503
+ dstCtx.drawImage(srcCanvas, width - 1, height - 1, 1, 1, width + BLEED_PX, height + BLEED_PX, BLEED_PX, BLEED_PX);
504
+ }
505
+
506
+ // Add bleed to both canvases
507
+ addBleedToCanvas(frontCanvas, frontBleedCtx, templateWidth, templateHeight);
508
+ addBleedToCanvas(backCanvas, backBleedCtx, templateWidth, templateHeight);
509
+
510
+ // Convert bleed canvases to blobs and then to ArrayBuffer for transfer
466
511
  const [frontBlob, backBlob] = await Promise.all([
467
- frontCanvas.convertToBlob({ type: 'image/jpeg', quality: 0.95 }),
468
- backCanvas.convertToBlob({ type: 'image/jpeg', quality: 0.95 }),
512
+ frontBleedCanvas.convertToBlob({ type: 'image/jpeg', quality: 0.95 }),
513
+ backBleedCanvas.convertToBlob({ type: 'image/jpeg', quality: 0.95 }),
469
514
  ]);
470
515
 
471
516
  const [frontBuffer, backBuffer] = await Promise.all([
@@ -474,12 +519,14 @@ self.onmessage = async (e) => {
474
519
  ]);
475
520
 
476
521
  // Transfer buffers back to main thread (zero-copy)
522
+ // Return the bleed dimensions so PDF knows the new size
477
523
  self.postMessage({
478
524
  type: 'success',
479
525
  frontImageData: frontBuffer,
480
526
  backImageData: backBuffer,
481
- width: templateWidth,
482
- height: templateHeight,
527
+ width: bleedWidth,
528
+ height: bleedHeight,
529
+ bleedPx: BLEED_PX,
483
530
  }, [frontBuffer, backBuffer]);
484
531
  } catch (error) {
485
532
  self.postMessage({
@@ -488,4 +535,4 @@ self.onmessage = async (e) => {
488
535
  });
489
536
  }
490
537
  };
491
- `;let Ve=null,mt=null;function Jn(){if(!Ve){const e=new Blob([Zn],{type:"application/javascript"});mt=URL.createObjectURL(e),Ve=new Worker(mt,{type:"module"})}return Ve}async function Ge(e){const n=await(await fetch(e)).blob();return URL.createObjectURL(n)}function ht(e,t){const n=new Uint8Array(e);let a="";for(let r=0;r<n.length;r++)a+=String.fromCharCode(n[r]);return`data:${t};base64,${btoa(a)}`}async function Wt(e){const{frontTemplateSrc:t,backTemplateSrc:n,templateWidth:a,templateHeight:r,layout:l,portrait:o,portraitZoom:i=1,portraitPanX:s=0,portraitPanY:u=0,templateHue:h=160,name:x,email:f,phone:g,description:v,language:I="de",hours:m=1}=e,[b,T]=await Promise.all([Ge(t),Ge(n)]);let k=null;return o&&(k=await Ge(o)),new Promise((E,L)=>{const S=Jn(),A=setTimeout(()=>{S.removeEventListener("message",j),S.removeEventListener("error",R),URL.revokeObjectURL(b),URL.revokeObjectURL(T),k&&URL.revokeObjectURL(k),L(new Error("PDF generation timed out. Please try again."))},6e4),j=B=>{if(clearTimeout(A),S.removeEventListener("message",j),S.removeEventListener("error",R),URL.revokeObjectURL(b),URL.revokeObjectURL(T),k&&URL.revokeObjectURL(k),B.data.type==="success")try{const{frontImageData:Y,backImageData:Z,width:H,height:O}=B.data;if(!Y||!Z||!H||!O){L(new Error("Invalid response from worker"));return}const J=ht(Y,"image/jpeg"),ie=ht(Z,"image/jpeg"),Q=138.6,be=72.9,G=Q,ee=be,K=new an.jsPDF({orientation:G>ee?"landscape":"portrait",unit:"mm",format:[G,ee]});K.addImage(J,"JPEG",0,0,G,ee),K.addPage([G,ee]),K.addImage(ie,"JPEG",0,0,G,ee);const xe=K.output("blob");E(xe)}catch(Y){L(Y)}else L(new Error(B.data.error))},R=B=>{S.removeEventListener("message",j),S.removeEventListener("error",R),URL.revokeObjectURL(b),URL.revokeObjectURL(T),k&&URL.revokeObjectURL(k),L(new Error(B.message))};S.addEventListener("message",j),S.addEventListener("error",R),S.postMessage({type:"generate",frontTemplateUrl:b,backTemplateUrl:T,portraitUrl:k,templateWidth:a,templateHeight:r,templateHue:h,portraitZoom:i,portraitPanX:s,portraitPanY:u,layout:{front:{portrait:l.front.portrait,namePlate:l.front.namePlate},back:{namePlate:l.back.namePlate,contactInfo:l.back.contactInfo,description:l.back.description,signature:l.back.signature}},name:x,email:f,phone:g,description:v,language:I,hours:m})})}function _t(e,t){const n=URL.createObjectURL(e),a=document.createElement("a");a.href=n,a.download=t,document.body.appendChild(a),a.click(),document.body.removeChild(a),URL.revokeObjectURL(n)}async function zt(e){const t=await Wt(e);_t(t,e.filename)}function Qn(){const e=y(b=>b.appLanguage),t=y(b=>b.voucherConfig.language),n=y(b=>b.voucherConfig.hours),a=y(b=>b.voucherConfig.description),r=y(b=>b.voucherConfig.templateHue),l=y(b=>b.personalInfo),o=y(b=>b.portrait),i=y(b=>b.isExporting),s=y(b=>b.setIsExporting),u=oe(e),h=rt(),x=ot(),f=o.useEnhanced&&o.enhanced?o.enhanced:o.original||o.rawImage,g=at(t,n,a),v=o.original!==null||o.rawImage!==null,I=l.name.trim().length>0&&l.email.trim().length>0&&l.phone.trim().length>0&&v,m=async()=>{if(!(!I||i)){s(!0);try{const[b,T]=await Promise.all([Ze(n,t,"front"),Ze(n,t,"back")]),k=`zeitgutschein-${n}h-${l.name.replace(/\s+/g,"-").toLowerCase()}.pdf`;await zt({frontTemplateSrc:b,backTemplateSrc:T,templateWidth:h.width,templateHeight:h.height,layout:x,portrait:f,portraitZoom:o.zoom,portraitPanX:o.panX,portraitPanY:o.panY,templateHue:r,name:l.name,email:l.email,phone:l.phone,description:g,filename:k,language:t,hours:n})}catch(b){console.error("PDF export failed:",b)}finally{s(!1)}}};return c.jsxs("button",{className:`btn btn-primary w-full btn-md ${I?"":"btn-disabled"}`,onClick:m,disabled:!I,"aria-busy":i,children:[i?c.jsx("span",{className:"loading loading-spinner loading-sm"}):c.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",className:"h-5 w-5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:c.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"})}),u.export.button]})}function $t(){const e=y(a=>a.appLanguage),t=y(a=>a.setAppLanguage),n=a=>{t(a)};return c.jsxs("div",{className:"join",children:[c.jsx("button",{className:`join-item btn btn-sm ${e==="de"?"btn-primary":"btn-ghost"}`,onClick:()=>n("de"),children:"DE"}),c.jsx("button",{className:`join-item btn btn-sm ${e==="en"?"btn-primary":"btn-ghost"}`,onClick:()=>n("en"),children:"EN"})]})}function ea(){const e=y(n=>n.appLanguage),t=oe(e);return c.jsxs("div",{className:"navbar bg-currency-green text-currency-cream shadow-lg shrink-0",children:[c.jsx("div",{className:"navbar-start",children:c.jsx("a",{className:"btn btn-ghost text-xl font-currency font-bold",children:t.header.title})}),c.jsx("div",{className:"navbar-center hidden sm:flex",children:c.jsx("span",{className:"text-sm opacity-80",children:t.header.subtitle})}),c.jsx("div",{className:"navbar-end",children:c.jsx($t,{})})]})}const je="/",ta={id:"time-voucher-classic-de",name:"Zeitgutschein Classic",type:"time-voucher",category:"classic",images:{front:`${je}templates/front_hdpi_de.jpg`,back:`${je}templates/back_hdpi_de.jpg`,width:6144,height:4096},fields:[{id:"name",type:"text",label:{de:"Name",en:"Name"},required:!0,validation:{minLength:1,maxLength:50}},{id:"hours",type:"select",label:{de:"Stunden",en:"Hours"},required:!0,options:["1","5","10"]},{id:"portrait",type:"image",label:{de:"Portrait",en:"Portrait"},required:!1},{id:"email",type:"text",label:{de:"E-Mail",en:"Email"},required:!1},{id:"phone",type:"text",label:{de:"Telefon",en:"Phone"},required:!1},{id:"description",type:"textarea",label:{de:"Beschreibung",en:"Description"},required:!1,validation:{maxLength:200}}],layout:{front:{portrait:de.front.portrait,name:de.front.namePlate},back:{name:de.back.namePlate,contactInfo:de.back.contactInfo,description:de.back.description}},languages:["de"]},na={id:"time-voucher-classic-en",name:"Time Voucher Classic",type:"time-voucher",category:"classic",images:{front:`${je}templates/front_ldpi_en.png`,back:`${je}templates/back_ldpi_en.png`,width:1536,height:1024},fields:[{id:"name",type:"text",label:{de:"Name",en:"Name"},required:!0,validation:{minLength:1,maxLength:50}},{id:"hours",type:"select",label:{de:"Stunden",en:"Hours"},required:!0,options:["1","5","10"]},{id:"portrait",type:"image",label:{de:"Portrait",en:"Portrait"},required:!1},{id:"email",type:"text",label:{de:"E-Mail",en:"Email"},required:!1},{id:"phone",type:"text",label:{de:"Telefon",en:"Phone"},required:!1},{id:"description",type:"textarea",label:{de:"Beschreibung",en:"Description"},required:!1,validation:{maxLength:200}}],layout:{front:{portrait:ge.front.portrait,name:ge.front.namePlate},back:{name:ge.back.namePlate,contactInfo:ge.back.contactInfo,description:ge.back.description}},languages:["en"]},ft=[ta,na],Xt={async listTemplates(e){let t=[...ft];return e!=null&&e.type&&(t=t.filter(n=>n.type===e.type)),e!=null&&e.category&&(t=t.filter(n=>n.category===e.category)),e!=null&&e.language&&(t=t.filter(n=>n.languages.includes(e.language))),t},async getTemplate(e){const t=ft.find(n=>n.id===e);if(!t)throw new Error(`Template not found: ${e}`);return t}};function aa(e){return e==="de"?"time-voucher-classic-de":"time-voucher-classic-en"}let Me=Xt;function ra(e){Me=e}function oa(){return Me}async function ia(e){return Me.listTemplates(e)}async function sa(e){return Me.getTemplate(e)}exports.ApiKeyModal=Yt;exports.BillPreview=Kn;exports.ExportButton=Qn;exports.Header=ea;exports.LAYOUT_HDPI=de;exports.LAYOUT_LDPI=ge;exports.LanguageToggle=$t;exports.PREVIEW_HEIGHT=un;exports.PREVIEW_WIDTH=ln;exports.PersonalInfoForm=jn;exports.PortraitUpload=$n;exports.TEMPLATE_HEIGHT=re;exports.TEMPLATE_LAYOUT=He;exports.TEMPLATE_WIDTH=ae;exports.TouchSlider=Ie;exports.VoucherConfig=Xn;exports.applyEngravingEffect=xt;exports.applyHueShift=yt;exports.clearCompositorCache=Lt;exports.clearHueShiftedCache=Rt;exports.composeTemplate=St;exports.composeTemplateFullRes=Ze;exports.downloadBlob=_t;exports.drawContactInfo=jt;exports.drawMultilineText=Nt;exports.drawOvalPortrait=Ct;exports.drawTemplate=le;exports.drawText=tt;exports.enhancePortrait=_n;exports.exportBillAsPDF=zt;exports.formatDescription=at;exports.generateBillPDF=Wt;exports.getApiKey=Ae;exports.getDefaultTemplateId=aa;exports.getLayout=ot;exports.getRemoveBackgroundEndpoint=Mn;exports.getTemplate=rt;exports.getTemplateById=sa;exports.getTemplateDimensions=hn;exports.getTemplateLayers=Je;exports.getTemplateProvider=oa;exports.hasApiKey=Ce;exports.hasCustomEndpoint=Un;exports.initializeBillStore=Sn;exports.listTemplates=ia;exports.loadImage=C;exports.preloadAllTemplates=fn;exports.preloadBaseImages=dn;exports.removeBackground=Ot;exports.renderBackSide=At;exports.renderFrontSide=Dt;exports.resizeImage=bt;exports.setApiKey=Ut;exports.setRemoveBackgroundEndpoint=Hn;exports.setTemplateProvider=ra;exports.staticTemplateProvider=Xt;exports.t=oe;exports.useBillCanvasRefs=Fn;exports.useBillStore=y;
538
+ `;let Ve=null,mt=null;function Qn(){if(!Ve){const e=new Blob([Jn],{type:"application/javascript"});mt=URL.createObjectURL(e),Ve=new Worker(mt,{type:"module"})}return Ve}async function Ge(e){const n=await(await fetch(e)).blob();return URL.createObjectURL(n)}function ft(e,t){const n=new Uint8Array(e);let a="";for(let r=0;r<n.length;r++)a+=String.fromCharCode(n[r]);return`data:${t};base64,${btoa(a)}`}async function Wt(e){const{frontTemplateSrc:t,backTemplateSrc:n,templateWidth:a,templateHeight:r,layout:l,portrait:o,portraitZoom:i=1,portraitPanX:s=0,portraitPanY:d=0,templateHue:m=160,name:x,email:f,phone:g,description:v,language:I="de",hours:h=1}=e,[b,k]=await Promise.all([Ge(t),Ge(n)]);let E=null;return o&&(E=await Ge(o)),new Promise((T,B)=>{const L=Qn(),H=setTimeout(()=>{L.removeEventListener("message",N),L.removeEventListener("error",S),URL.revokeObjectURL(b),URL.revokeObjectURL(k),E&&URL.revokeObjectURL(E),B(new Error("PDF generation timed out. Please try again."))},6e4),N=C=>{if(clearTimeout(H),L.removeEventListener("message",N),L.removeEventListener("error",S),URL.revokeObjectURL(b),URL.revokeObjectURL(k),E&&URL.revokeObjectURL(E),C.data.type==="success")try{const{frontImageData:O,backImageData:Z,width:A,height:_}=C.data;if(!O||!Z||!A||!_){B(new Error("Invalid response from worker"));return}const J=ft(O,"image/jpeg"),ie=ft(Z,"image/jpeg"),Q=138.6,be=72.9,G=Q+ht*2,ee=be+ht*2,K=new rn.jsPDF({orientation:G>ee?"landscape":"portrait",unit:"mm",format:[G,ee]});K.addImage(J,"JPEG",0,0,G,ee),K.addPage([G,ee]),K.addImage(ie,"JPEG",0,0,G,ee);const xe=K.output("blob");T(xe)}catch(O){B(O)}else B(new Error(C.data.error))},S=C=>{L.removeEventListener("message",N),L.removeEventListener("error",S),URL.revokeObjectURL(b),URL.revokeObjectURL(k),E&&URL.revokeObjectURL(E),B(new Error(C.message))};L.addEventListener("message",N),L.addEventListener("error",S),L.postMessage({type:"generate",frontTemplateUrl:b,backTemplateUrl:k,portraitUrl:E,templateWidth:a,templateHeight:r,templateHue:m,portraitZoom:i,portraitPanX:s,portraitPanY:d,layout:{front:{portrait:l.front.portrait,namePlate:l.front.namePlate},back:{namePlate:l.back.namePlate,contactInfo:l.back.contactInfo,description:l.back.description,signature:l.back.signature}},name:x,email:f,phone:g,description:v,language:I,hours:h})})}function Yt(e,t){const n=URL.createObjectURL(e),a=document.createElement("a");a.href=n,a.download=t,document.body.appendChild(a),a.click(),document.body.removeChild(a),URL.revokeObjectURL(n)}async function zt(e){const t=await Wt(e);Yt(t,e.filename)}function ea(){const e=y(b=>b.appLanguage),t=y(b=>b.voucherConfig.language),n=y(b=>b.voucherConfig.hours),a=y(b=>b.voucherConfig.description),r=y(b=>b.voucherConfig.templateHue),l=y(b=>b.personalInfo),o=y(b=>b.portrait),i=y(b=>b.isExporting),s=y(b=>b.setIsExporting),d=oe(e),m=rt(),x=ot(),f=o.useEnhanced&&o.enhanced?o.enhanced:o.original||o.rawImage,g=at(t,n,a),v=o.original!==null||o.rawImage!==null,I=l.name.trim().length>0&&l.email.trim().length>0&&l.phone.trim().length>0&&v,h=async()=>{if(!(!I||i)){s(!0);try{const[b,k]=await Promise.all([Ze(n,t,"front"),Ze(n,t,"back")]),E=`zeitgutschein-${n}h-${l.name.replace(/\s+/g,"-").toLowerCase()}.pdf`;await zt({frontTemplateSrc:b,backTemplateSrc:k,templateWidth:m.width,templateHeight:m.height,layout:x,portrait:f,portraitZoom:o.zoom,portraitPanX:o.panX,portraitPanY:o.panY,templateHue:r,name:l.name,email:l.email,phone:l.phone,description:g,filename:E,language:t,hours:n})}catch(b){console.error("PDF export failed:",b)}finally{s(!1)}}};return c.jsxs("button",{className:`btn btn-primary w-full btn-md ${I?"":"btn-disabled"}`,onClick:h,disabled:!I,"aria-busy":i,children:[i?c.jsx("span",{className:"loading loading-spinner loading-sm"}):c.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",className:"h-5 w-5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:c.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"})}),d.export.button]})}function $t(){const e=y(a=>a.appLanguage),t=y(a=>a.setAppLanguage),n=a=>{t(a)};return c.jsxs("div",{className:"join",children:[c.jsx("button",{className:`join-item btn btn-sm ${e==="de"?"btn-primary":"btn-ghost"}`,onClick:()=>n("de"),children:"DE"}),c.jsx("button",{className:`join-item btn btn-sm ${e==="en"?"btn-primary":"btn-ghost"}`,onClick:()=>n("en"),children:"EN"})]})}function ta(){const e=y(n=>n.appLanguage),t=oe(e);return c.jsxs("div",{className:"navbar bg-currency-green text-currency-cream shadow-lg shrink-0",children:[c.jsx("div",{className:"navbar-start",children:c.jsx("a",{className:"btn btn-ghost text-xl font-currency font-bold",children:t.header.title})}),c.jsx("div",{className:"navbar-center hidden sm:flex",children:c.jsx("span",{className:"text-sm opacity-80",children:t.header.subtitle})}),c.jsx("div",{className:"navbar-end",children:c.jsx($t,{})})]})}const Ne="/",na={id:"time-voucher-classic-de",name:"Zeitgutschein Classic",type:"time-voucher",category:"classic",images:{front:`${Ne}templates/front_hdpi_de.jpg`,back:`${Ne}templates/back_hdpi_de.jpg`,width:6144,height:4096},fields:[{id:"name",type:"text",label:{de:"Name",en:"Name"},required:!0,validation:{minLength:1,maxLength:50}},{id:"hours",type:"select",label:{de:"Stunden",en:"Hours"},required:!0,options:["1","5","10"]},{id:"portrait",type:"image",label:{de:"Portrait",en:"Portrait"},required:!1},{id:"email",type:"text",label:{de:"E-Mail",en:"Email"},required:!1},{id:"phone",type:"text",label:{de:"Telefon",en:"Phone"},required:!1},{id:"description",type:"textarea",label:{de:"Beschreibung",en:"Description"},required:!1,validation:{maxLength:200}}],layout:{front:{portrait:ue.front.portrait,name:ue.front.namePlate},back:{name:ue.back.namePlate,contactInfo:ue.back.contactInfo,description:ue.back.description}},languages:["de"]},aa={id:"time-voucher-classic-en",name:"Time Voucher Classic",type:"time-voucher",category:"classic",images:{front:`${Ne}templates/front_ldpi_en.png`,back:`${Ne}templates/back_ldpi_en.png`,width:1536,height:1024},fields:[{id:"name",type:"text",label:{de:"Name",en:"Name"},required:!0,validation:{minLength:1,maxLength:50}},{id:"hours",type:"select",label:{de:"Stunden",en:"Hours"},required:!0,options:["1","5","10"]},{id:"portrait",type:"image",label:{de:"Portrait",en:"Portrait"},required:!1},{id:"email",type:"text",label:{de:"E-Mail",en:"Email"},required:!1},{id:"phone",type:"text",label:{de:"Telefon",en:"Phone"},required:!1},{id:"description",type:"textarea",label:{de:"Beschreibung",en:"Description"},required:!1,validation:{maxLength:200}}],layout:{front:{portrait:ge.front.portrait,name:ge.front.namePlate},back:{name:ge.back.namePlate,contactInfo:ge.back.contactInfo,description:ge.back.description}},languages:["en"]},pt=[na,aa],Vt={async listTemplates(e){let t=[...pt];return e!=null&&e.type&&(t=t.filter(n=>n.type===e.type)),e!=null&&e.category&&(t=t.filter(n=>n.category===e.category)),e!=null&&e.language&&(t=t.filter(n=>n.languages.includes(e.language))),t},async getTemplate(e){const t=pt.find(n=>n.id===e);if(!t)throw new Error(`Template not found: ${e}`);return t}};function ra(e){return e==="de"?"time-voucher-classic-de":"time-voucher-classic-en"}let Me=Vt;function oa(e){Me=e}function ia(){return Me}async function sa(e){return Me.listTemplates(e)}async function ca(e){return Me.getTemplate(e)}exports.ApiKeyModal=Xt;exports.BillPreview=Fn;exports.ExportButton=ea;exports.Header=ta;exports.LAYOUT_HDPI=ue;exports.LAYOUT_LDPI=ge;exports.LanguageToggle=$t;exports.PREVIEW_HEIGHT=un;exports.PREVIEW_WIDTH=dn;exports.PersonalInfoForm=jn;exports.PortraitUpload=$n;exports.TEMPLATE_HEIGHT=re;exports.TEMPLATE_LAYOUT=Ae;exports.TEMPLATE_WIDTH=ae;exports.TouchSlider=Ie;exports.VoucherConfig=Vn;exports.applyEngravingEffect=wt;exports.applyHueShift=vt;exports.clearCompositorCache=St;exports.clearHueShiftedCache=Ct;exports.composeTemplate=Bt;exports.composeTemplateFullRes=Ze;exports.downloadBlob=Yt;exports.drawContactInfo=jt;exports.drawMultilineText=Nt;exports.drawOvalPortrait=Dt;exports.drawTemplate=le;exports.drawText=tt;exports.enhancePortrait=Yn;exports.exportBillAsPDF=zt;exports.formatDescription=at;exports.generateBillPDF=Wt;exports.getApiKey=He;exports.getDefaultTemplateId=ra;exports.getLayout=ot;exports.getRemoveBackgroundEndpoint=Un;exports.getTemplate=rt;exports.getTemplateById=ca;exports.getTemplateDimensions=fn;exports.getTemplateLayers=Je;exports.getTemplateProvider=ia;exports.hasApiKey=Re;exports.hasCustomEndpoint=_n;exports.initializeBillStore=Bn;exports.listTemplates=sa;exports.loadImage=R;exports.preloadAllTemplates=pn;exports.preloadBaseImages=gn;exports.removeBackground=Ot;exports.renderBackSide=At;exports.renderFrontSide=Ht;exports.resizeImage=xt;exports.setApiKey=_t;exports.setRemoveBackgroundEndpoint=Mn;exports.setTemplateProvider=oa;exports.staticTemplateProvider=Vt;exports.t=oe;exports.useBillCanvasRefs=Zn;exports.useBillStore=y;