@antontranelis/money-printer 1.0.41 → 1.0.43

package/dist/index.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),Ot=require("zustand"),_t=require("zustand/middleware"),b=require("react"),$t=require("jspdf");var me=typeof document<"u"?document.currentScript:null;function Xt(){return(typeof navigator<"u"?navigator.language:"de").toLowerCase().startsWith("de")?"de":"en"}const ge=Xt(),at={personalInfo:{name:"",email:"",phone:""},voucherConfig:{hours:1,description:"",language:ge,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:ge},w=Ot.create()(_t.persist(e=>({...at,setPersonalInfo:t=>e(a=>({personalInfo:{...a.personalInfo,...t}})),setVoucherConfig:t=>e(a=>({voucherConfig:{...a.voucherConfig,...t}})),setPortrait:(t,a=null)=>e(n=>({portrait:{...n.portrait,original:t,enhanced:a,useEnhanced:!1,zoom:n.portrait.original&&t?n.portrait.zoom:1,panX:n.portrait.original&&t?n.portrait.panX:0,panY:n.portrait.original&&t?n.portrait.panY:0}})),setEnhancedPortrait:t=>e(a=>({portrait:{...a.portrait,enhanced:t,useEnhanced:t!==null}})),toggleUseEnhanced:()=>e(t=>({portrait:{...t.portrait,useEnhanced:t.portrait.enhanced?!t.portrait.useEnhanced:!1}})),setPortraitZoom:t=>e(a=>({portrait:{...a.portrait,zoom:t}})),setPortraitPan:(t,a)=>e(n=>({portrait:{...n.portrait,panX:t,panY:a}})),setPortraitRawImage:t=>e(a=>({portrait:{...a.portrait,rawImage:t}})),setPortraitBgRemoved:(t,a)=>e(n=>({portrait:{...n.portrait,bgRemoved:t,bgRemovedImage:a!==void 0?a:n.portrait.bgRemovedImage}})),setPortraitBgOpacity:t=>e(a=>({portrait:{...a.portrait,bgOpacity:t}})),setPortraitBgBlur:t=>e(a=>({portrait:{...a.portrait,bgBlur:t}})),setPortraitEngravingIntensity:t=>e(a=>({portrait:{...a.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(a=>({voucherConfig:{...a.voucherConfig,language:t}})),setHours:t=>e(a=>({voucherConfig:{...a.voucherConfig,hours:t}})),setTemplateHue:t=>e(a=>({voucherConfig:{...a.voucherConfig,templateHue:t}})),reset:()=>e(at)}),{name:"money-generator-storage",migrate:e=>{const t=e;return t!=null&&t.voucherConfig&&(t.voucherConfig.templateHue=29,t.voucherConfig.hours=1,t.voucherConfig.language=ge),t&&(t.appLanguage=ge),t},version:1,partialize:e=>({personalInfo:e.personalInfo,voucherConfig:{...e.voucherConfig,hours:1,language:ge,templateHue:29},appLanguage:ge,portrait:{original:null,enhanced:null,useEnhanced:e.portrait.useEnhanced,zoom:e.portrait.zoom,panX:e.portrait.panX,panY:e.portrait.panY,rawImage:null,bgRemovedImage:null,bgRemoved:!1,bgOpacity:0,bgBlur:0,engravingIntensity:e.portrait.engravingIntensity},currentSide:"front",isEnhancing:!1,isExporting:!1})})),Kt={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 {hours} {hourLabel} meiner Zeit oder ein gleichwertiges Dankeschön"}},qt={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:"This voucher entitles you to {hours} {hourLabel} of my time or an equivalent thank you"}},Vt={de:Kt,en:qt};function J(e){return Vt[e]}function Ve(e,t,a){if(a&&a.trim())return a;const n=J(e),r=t===1?n.form.voucher.hourLabel:n.form.voucher.hoursLabel;return n.bill.descriptionText.replace("{hours}",t.toString()).replace("{hourLabel}",r)}function Gt(){const e=w(r=>r.appLanguage),t=w(r=>r.personalInfo),a=w(r=>r.setPersonalInfo),n=J(e);return i.jsxs("div",{className:"space-y-4",children:[i.jsxs("div",{className:"form-control",children:[i.jsx("label",{className:"label",children:i.jsx("span",{className:"label-text font-medium",children:n.form.personalInfo.name})}),i.jsx("input",{type:"text",placeholder:n.form.personalInfo.namePlaceholder,className:"input input-bordered w-full",value:t.name,onChange:r=>a({name:r.target.value})})]}),i.jsxs("div",{className:"form-control",children:[i.jsx("label",{className:"label",children:i.jsx("span",{className:"label-text font-medium",children:n.form.personalInfo.email})}),i.jsx("input",{type:"email",placeholder:n.form.personalInfo.emailPlaceholder,className:"input input-bordered w-full",value:t.email,onChange:r=>a({email:r.target.value})})]}),i.jsxs("div",{className:"form-control",children:[i.jsx("label",{className:"label",children:i.jsx("span",{className:"label-text font-medium",children:n.form.personalInfo.phone})}),i.jsx("input",{type:"tel",placeholder:n.form.personalInfo.phonePlaceholder,className:"input input-bordered w-full",value:t.phone,onChange:r=>a({phone:r.target.value})})]})]})}const Zt=1024,ce=new Map;let K=null,nt=null;function Ge(e,t){return K||(K=document.createElement("canvas"),nt=K.getContext("2d",{willReadFrequently:!0})),(K.width!==e||K.height!==t)&&(K.width=e,K.height=t),nt}function ye(e){const t=ce.get(e);return t?Promise.resolve(t):new Promise((a,n)=>{const r=new Image;r.onload=()=>{if(ce.size>10){const c=ce.keys().next().value;c&&ce.delete(c)}ce.set(e,r),a(r)},r.onerror=()=>n(new Error("Failed to load image")),r.src=e})}function Jt(){ce.clear()}async function Qt(e,t=Zt){const a=await ye(e),n=Math.max(a.width,a.height);if(n<=t)return e;const r=t/n,c=Math.round(a.width*r),l=Math.round(a.height*r),o=document.createElement("canvas"),s=o.getContext("2d");if(!s)throw new Error("Failed to get canvas context");return o.width=c,o.height=l,s.drawImage(a,0,0,c,l),o.toDataURL("image/jpeg",.9)}async function Ue(e,t,a,n=0){const[r,c]=await Promise.all([ye(e),ye(t)]),l=Ge(r.width,r.height);if(l.clearRect(0,0,r.width,r.height),a>0){const o=n*20;l.save(),l.globalAlpha=a,o>0&&(l.filter=`blur(${o}px)`),l.drawImage(c,0,0,r.width,r.height),l.restore()}return l.drawImage(r,0,0),K.toDataURL("image/png")}async function lt(e,t=.5,a=40){const n=await ye(e),r=Ge(n.width,n.height);r.clearRect(0,0,n.width,n.height),r.drawImage(n,0,0);const c=r.getImageData(0,0,n.width,n.height),l=c.data,o=new Uint32Array(l.buffer),s=1+t*.8,d=1-t,p=a%360/360;for(let x=0;x<o.length;x++){const h=o[x],f=h&255,y=h>>8&255,v=h>>16&255,g=h>>24&255;if(g===0)continue;let P=(((77*f+150*y+29*v>>8)/255-.5)*s+.5)*255;P<0?P=0:P>255&&(P=255);const D=P/255,j=.12,[B,M,A]=ct(p,j,D),S=f*d+B*t|0,T=y*d+M*t|0,L=v*d+A*t|0;o[x]=g<<24|L<<16|T<<8|S}return r.putImageData(c,0,0),K.toDataURL("image/png")}function ea(e,t,a){e/=255,t/=255,a/=255;const n=Math.max(e,t,a),r=Math.min(e,t,a),c=(n+r)/2;let l=0,o=0;if(n!==r){const s=n-r;switch(o=c>.5?s/(2-n-r):s/(n+r),n){case e:l=((t-a)/s+(t<a?6:0))/6;break;case t:l=((a-e)/s+2)/6;break;case a:l=((e-t)/s+4)/6;break}}return[l,o,c]}function ct(e,t,a){if(t===0){const l=Math.round(a*255);return[l,l,l]}const n=(l,o,s)=>(s<0&&(s+=1),s>1&&(s-=1),s<1/6?l+(o-l)*6*s:s<1/2?o:s<2/3?l+(o-l)*(2/3-s)*6:l),r=a<.5?a*(1+t):a+t-a*t,c=2*a-r;return[Math.round(n(c,r,e+1/3)*255),Math.round(n(c,r,e)*255),Math.round(n(c,r,e-1/3)*255)]}const ta=29,aa=5;async function dt(e,t){if(Math.abs(t-ta)<=aa)return e;const a=await ye(e),n=Ge(a.width,a.height);n.clearRect(0,0,a.width,a.height),n.drawImage(a,0,0);const r=n.getImageData(0,0,a.width,a.height),c=r.data,l=new Uint32Array(c.buffer),o=t%360/360,s=20/360,d=45/360,p=l.length;for(let x=0;x<p;x++){const h=l[x],f=h&255,y=h>>8&255,v=h>>16&255,g=h>>24&255;if(g===0)continue;const[I,P,D]=ea(f,y,v);if(P<.08||I<s||I>d)continue;const j=o,B=Math.min(P,.05),[M,A,S]=ct(j,B,D);l[x]=g<<24|S<<16|A<<8|M}return n.putImageData(r,0,0),K.toDataURL("image/png")}const Fe={},na="https://api.stability.ai/v1/generation",ra="https://api.stability.ai/v2beta/stable-image/edit/remove-background",ut="stability_api_key";let fe=null;function oa(e){fe=e}function ia(){return fe}function sa(){return fe!==null}const la={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"},rt=[{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 ca(e,t){const a=e/t;let n=rt[0],r=1/0;for(const c of rt){const l=c.width/c.height,o=Math.abs(a-l);o<r&&(r=o,n=c)}return n}function da(e){return new Promise((t,a)=>{const n=new Image;n.onload=()=>{const r=ca(n.width,n.height),c=document.createElement("canvas");c.width=r.width,c.height=r.height;const l=c.getContext("2d");if(!l){a(new Error("Failed to get canvas context"));return}const o=n.width/n.height,s=r.width/r.height;let d=0,p=0,x=n.width,h=n.height;o>s?(x=n.height*s,d=(n.width-x)/2):(h=n.width/s,p=(n.height-h)/2),l.drawImage(n,d,p,x,h,0,0,r.width,r.height),t(c.toDataURL("image/png"))},n.onerror=()=>a(new Error("Failed to load image")),n.src=e})}function gt(e){var l;const t=e.split(","),a=((l=t[0].match(/:(.*?);/))==null?void 0:l[1])||"image/png",n=atob(t[1]),r=n.length,c=new Uint8Array(r);for(let o=0;o<r;o++)c[o]=n.charCodeAt(o);return new Blob([c],{type:a})}function Ce(){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"&&(Fe==null?void 0:Fe.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(ut):null}function mt(e){localStorage.setItem(ut,e)}function Te(){return fe?!0:Ce()!==null}async function ua(e){const t=Ce();if(!t)throw new Error("No Stability AI API key configured");const{imageDataUrl:a,style:n,strength:r=.35}=e,c=await da(a),l=gt(c),o=new FormData;o.append("init_image",l,"portrait.png"),o.append("init_image_mode","IMAGE_STRENGTH"),o.append("image_strength",String(1-r)),o.append("text_prompts[0][text]",la[n]),o.append("text_prompts[0][weight]","1"),o.append("cfg_scale","7"),o.append("samples","1"),o.append("steps","30");const d=await fetch(`${na}/stable-diffusion-xl-1024-v1-0/image-to-image`,{method:"POST",headers:{Authorization:`Bearer ${t}`,Accept:"application/json"},body:o});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 p=await d.json();if(!p.artifacts||p.artifacts.length===0)throw new Error("No image generated");return`data:image/png;base64,${p.artifacts[0].base64}`}async function pt(e){if(fe){const l=await fetch(fe,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({imageDataUrl:e})});if(!l.ok){const s=await l.json().catch(()=>({}));throw new Error(s.error||`API error: ${l.status}`)}return(await l.json()).imageDataUrl}const t=Ce();if(!t)throw new Error("No Stability AI API key configured");const a=gt(e),n=new FormData;n.append("image",a,"image.png"),n.append("output_format","png");const r=await fetch(ra,{method:"POST",headers:{Authorization:`Bearer ${t}`,Accept:"image/*"},body:n});if(!r.ok){const l=await r.text();throw console.error("Stability AI remove background error:",l),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 c=await r.blob();return new Promise((l,o)=>{const s=new FileReader;s.onload=()=>l(s.result),s.onerror=()=>o(new Error("Failed to read result")),s.readAsDataURL(c)})}function ga(){const[e,t]=b.useState(!1),[a,n]=b.useState(!1),[r,c]=b.useState(null),[l,o]=b.useState(()=>Te());b.useEffect(()=>{o(Te());const h=setTimeout(()=>{o(Te())},150);return()=>clearTimeout(h)},[]);const s=b.useCallback(()=>c(null),[]),d=b.useCallback(h=>{mt(h),o(!0),c(null)},[]),p=b.useCallback(async(h,f=.5,y=40)=>{t(!0),c(null);try{return await lt(h,f,y)}catch(v){const g=v instanceof Error?v.message:"Enhancement failed";throw c(g),v}finally{t(!1)}},[]),x=b.useCallback(async h=>{n(!0),c(null);try{return await pt(h)}catch(f){const y=f instanceof Error?f.message:"Background removal failed";throw c(y),f}finally{n(!1)}},[]);return{enhance:p,removeBg:x,isEnhancing:e,isRemovingBg:a,error:r,hasKey:l,setApiKey:d,clearError:s}}function ht({isOpen:e,onClose:t,onSubmit:a}){const n=w(d=>d.appLanguage),[r,c]=b.useState("");if(!e)return null;const l=d=>{d.preventDefault(),r.trim()&&(a(r.trim()),c(""),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."}}[n];return i.jsxs("dialog",{className:"modal modal-open",children:[i.jsxs("div",{className:"modal-box",children:[i.jsx("h3",{className:"font-bold text-lg",children:s.title}),i.jsx("p",{className:"py-4 text-sm opacity-80",children:s.description}),i.jsxs("form",{onSubmit:l,children:[i.jsxs("div",{className:"form-control",children:[i.jsx("input",{type:"password",placeholder:s.placeholder,className:"input input-bordered w-full",value:r,onChange:d=>c(d.target.value),autoFocus:!0}),i.jsx("label",{className:"label",children:i.jsx("span",{className:"label-text-alt",children:s.hint})})]}),i.jsxs("div",{className:"modal-action",children:[i.jsx("button",{type:"button",className:"btn btn-ghost",onClick:t,children:s.cancel}),i.jsx("button",{type:"submit",className:"btn btn-primary",disabled:!r.trim(),children:s.submit})]})]})]}),i.jsx("form",{method:"dialog",className:"modal-backdrop",children:i.jsx("button",{onClick:t,children:"close"})})]})}function ma(){const e=w(u=>u.appLanguage),t=w(u=>u.portrait),a=w(u=>u.setPortrait),n=w(u=>u.setPortraitZoom),r=w(u=>u.setPortraitPan),c=w(u=>u.setPortraitRawImage),l=w(u=>u.setPortraitBgRemoved),o=w(u=>u.setPortraitBgOpacity),s=w(u=>u.setPortraitBgBlur),d=w(u=>u.setPortraitEngravingIntensity),{enhance:p,removeBg:x,isEnhancing:h,isRemovingBg:f,error:y,hasKey:v,setApiKey:g}=ga(),I=J(e),P=b.useRef(null),[D,j]=b.useState(!1),[B,M]=b.useState(!1),A=b.useRef(null),S=b.useRef(null),T=t.rawImage,L=t.bgRemovedImage,R=t.bgRemoved,V=t.bgOpacity,te=t.bgBlur,G=t.engravingIntensity;b.useEffect(()=>{t.original&&!t.rawImage&&c(t.original)},[t.original,t.rawImage,c]),b.useEffect(()=>()=>{A.current&&clearTimeout(A.current),S.current&&clearTimeout(S.current)},[]);const F=w(u=>u.voucherConfig.templateHue),W=b.useRef(F),$=b.useCallback(async u=>{if(!u.type.startsWith("image/"))return;const k=new FileReader;k.onload=async N=>{var Y;const C=(Y=N.target)==null?void 0:Y.result,X=await Qt(C);c(X),a(X),l(!1,null),d(0)},k.readAsDataURL(u)},[a,c,l,d]),ae=b.useCallback(u=>{u.preventDefault(),j(!1);const k=u.dataTransfer.files[0];k&&$(k)},[$]),Be=b.useCallback(u=>{u.preventDefault(),j(!0)},[]),be=b.useCallback(u=>{u.preventDefault(),j(!1)},[]),Ne=()=>{var u;(u=P.current)==null||u.click()},xe=u=>{var N;const k=(N=u.target.files)==null?void 0:N[0];k&&$(k)},ne=b.useCallback(async(u,k,N)=>{try{return await p(u,k,N)}catch(C){return console.error("Enhancement failed:",C),u}},[p]),se=b.useCallback(async u=>{try{const k=await x(u);return l(!0,k),k}catch(k){return console.error("Background removal failed:",k),u}},[x,l]),re=b.useCallback(async()=>{const u=w.getState(),k=u.portrait,N=u.voucherConfig.templateHue;if(!k.rawImage)return;let C;k.bgRemoved&&k.bgRemovedImage?C=await Ue(k.bgRemovedImage,k.rawImage,k.bgOpacity,k.bgBlur):C=k.rawImage,k.engravingIntensity>0&&(C=await ne(C,k.engravingIntensity,N)),a(C)},[ne,a]);b.useEffect(()=>{if(W.current===F)return;W.current=F;const u=w.getState().portrait;u.engravingIntensity>0&&u.rawImage&&(A.current&&clearTimeout(A.current),A.current=setTimeout(re,150))},[F,re]);const ve=async()=>{if(!T)return;if(!R&&!v){M(!0);return}if(!R){const k=await se(T),N=w.getState(),C=N.portrait,X=N.voucherConfig.templateHue;let Y=await Ue(k,T,C.bgOpacity,C.bgBlur);C.engravingIntensity>0&&(Y=await ne(Y,C.engravingIntensity,X)),a(Y)}else{l(!1,null);const k=w.getState(),N=k.portrait.engravingIntensity,C=k.voucherConfig.templateHue;if(N>0){const X=await ne(T,N,C);a(X)}else a(T)}},ke=u=>{d(u),A.current&&clearTimeout(A.current),T&&(A.current=setTimeout(re,150))},we=async u=>{if(g(u),!T)return;const k=await se(T),N=w.getState(),C=N.portrait,X=N.voucherConfig.templateHue;let Y=await Ue(k,T,C.bgOpacity,C.bgBlur);C.engravingIntensity>0&&(Y=await ne(Y,C.engravingIntensity,X)),a(Y)},q=u=>{o(u),S.current&&clearTimeout(S.current),!(!T||!L)&&(S.current=setTimeout(re,150))},Ie=u=>{s(u),S.current&&clearTimeout(S.current),!(!T||!L)&&(S.current=setTimeout(re,150))},Pe=()=>{a(null),c(null),l(!1,null),o(0),s(0),d(0),Jt()};return i.jsxs("div",{className:"space-y-4",children:[t.original?i.jsxs("div",{className:"flex flex-col space-y-4",children:[i.jsxs("div",{className:"flex justify-between items-center w-full",children:[i.jsx("span",{className:"text-sm font-medium text-base-content/70",children:e==="de"?"Portrait-Einstellungen":"Portrait settings"}),i.jsxs("button",{className:"btn btn-xs btn-ghost text-error",onClick:Pe,children:[i.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",className:"h-4 w-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:i.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"})}),e==="de"?"Entfernen":"Remove"]})]}),i.jsxs("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-4 w-full",children:[i.jsxs("div",{className:"form-control w-full",children:[i.jsxs("label",{className:"label",children:[i.jsx("span",{className:"label-text",children:I.form.portrait.zoom}),i.jsxs("span",{className:"label-text-alt",children:[Math.round(t.zoom*100),"%"]})]}),i.jsx("input",{type:"range",min:"0.5",max:"2",step:"0.05",value:t.zoom,onChange:u=>{const k=parseFloat(u.target.value);n(k),k<=1&&(t.panX!==0||t.panY!==0)&&r(0,0)},className:"range range-primary range-sm"})]}),i.jsxs("div",{className:"form-control w-full",children:[i.jsxs("label",{className:"label",children:[i.jsxs("span",{className:"label-text flex items-center gap-2",children:[e==="de"?"Farbanpassung":"Color adjustment",h&&i.jsx("span",{className:"loading loading-spinner loading-xs"})]}),i.jsxs("span",{className:"label-text-alt",children:[Math.round(G*100),"%"]})]}),i.jsx("input",{type:"range",min:"0",max:"1",step:"0.05",value:G,onChange:u=>ke(parseFloat(u.target.value)),className:"range range-secondary range-sm",disabled:h||!T})]})]}),R?i.jsxs("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-4 w-full",children:[i.jsxs("div",{className:"form-control w-full",children:[i.jsxs("label",{className:"label",children:[i.jsx("span",{className:"label-text",children:e==="de"?"Hintergrund":"Background"}),i.jsxs("span",{className:"label-text-alt",children:[Math.round(V*100),"%"]})]}),i.jsx("input",{type:"range",min:"0",max:"1",step:"0.05",value:V,onChange:u=>q(parseFloat(u.target.value)),className:"range range-primary range-sm"})]}),i.jsxs("div",{className:"form-control w-full",children:[i.jsxs("label",{className:"label",children:[i.jsx("span",{className:"label-text",children:e==="de"?"Unschärfe":"Blur"}),i.jsxs("span",{className:"label-text-alt",children:[Math.round(te*100),"%"]})]}),i.jsx("input",{type:"range",min:"0",max:"1",step:"0.05",value:te,onChange:u=>Ie(parseFloat(u.target.value)),className:"range range-primary range-sm"})]})]}):i.jsx("div",{className:"form-control w-fit",children:i.jsxs("label",{className:"label cursor-pointer justify-start gap-3",children:[i.jsx("input",{type:"checkbox",className:`toggle toggle-primary ${f?"opacity-50":""}`,checked:R,onChange:ve,disabled:f||!T}),i.jsxs("span",{className:"label-text flex items-center gap-2",children:[f?i.jsxs(i.Fragment,{children:[i.jsx("span",{className:"loading loading-spinner loading-xs"}),e==="de"?"Hintergrund wird entfernt...":"Removing background..."]}):e==="de"?"Hintergrund entfernen":"Remove background",!v&&i.jsx("span",{className:"badge badge-sm badge-outline",children:"API"})]})]})}),y&&i.jsxs("div",{className:"alert alert-warning text-sm py-2",children:[i.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:i.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"})}),i.jsx("span",{children:y})]})]}):i.jsxs("div",{className:`border-2 border-dashed rounded-lg p-8 text-center cursor-pointer transition-colors ${f?"border-primary bg-primary/10 pointer-events-none":D?"border-primary bg-primary/10":"border-base-300 hover:border-primary hover:bg-base-200"}`,onDrop:ae,onDragOver:Be,onDragLeave:be,onClick:Ne,children:[i.jsx("input",{ref:P,type:"file",accept:"image/*",className:"hidden",onChange:xe}),f?i.jsxs("div",{className:"flex flex-col items-center gap-2",children:[i.jsx("span",{className:"loading loading-spinner loading-lg text-primary"}),i.jsx("p",{className:"font-medium",children:e==="de"?"Hintergrund wird entfernt...":"Removing background..."})]}):i.jsxs("div",{className:"flex flex-col items-center gap-2",children:[i.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:i.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"})}),i.jsx("p",{className:"font-medium",children:I.form.portrait.upload}),i.jsx("p",{className:"text-sm text-base-content/60",children:I.form.portrait.dragDrop})]})]}),i.jsx(ht,{isOpen:B,onClose:()=>M(!1),onSubmit:we})]})}function pa(){const e=w(o=>o.appLanguage),t=w(o=>o.voucherConfig.language),a=w(o=>o.voucherConfig.hours);w(o=>o.voucherConfig.templateHue);const n=w(o=>o.setBillLanguage),r=w(o=>o.setHours);w(o=>o.setTemplateHue);const c=J(e),l=[1,5,10];return i.jsxs("div",{className:"space-y-4",children:[i.jsx("div",{className:"form-control",children:i.jsxs("div",{className:"flex items-center justify-between",children:[i.jsx("span",{className:"label-text font-medium",children:c.form.voucher.billLanguage}),i.jsxs("div",{className:"join border border-base-300 rounded-lg",children:[i.jsx("button",{className:`join-item btn btn-sm ${t==="de"?"btn-active btn-primary":"btn-ghost"}`,onClick:()=>n("de"),children:c.form.voucher.billLanguageGerman}),i.jsx("button",{className:`join-item btn btn-sm ${t==="en"?"btn-active btn-primary":"btn-ghost"}`,onClick:()=>n("en"),children:c.form.voucher.billLanguageEnglish})]})]})}),i.jsx("div",{className:"form-control",children:i.jsxs("div",{className:"flex items-center justify-between",children:[i.jsx("span",{className:"label-text font-medium",children:c.form.voucher.hours}),i.jsx("div",{className:"join border border-base-300 rounded-lg",children:l.map(o=>i.jsxs("button",{className:`join-item btn btn-sm ${a===o?"btn-active btn-primary":"btn-ghost"}`,onClick:()=>r(o),children:[o," ",o===1?c.form.voucher.hourLabel:c.form.voucher.hoursLabel]},o))})]})}),!1]})}const We=new Map,le=new Map;async function E(e){return We.has(e)?We.get(e):new Promise((t,a)=>{const n=new Image;n.crossOrigin="anonymous",n.onload=()=>{We.set(e,n),t(n)},n.onerror=a,n.src=e})}function ie(e,t,a,n){e.drawImage(t,0,0,a,n)}async function ft(e,t,a,n){if(t>=155&&t<=165)return E(e);const r=`${e}:${t}:${a}x${n}`;if(le.has(r))return E(le.get(r));const c=await E(e),l=document.createElement("canvas");l.width=a,l.height=n;const o=l.getContext("2d");if(!o)throw new Error("Failed to get canvas context");o.drawImage(c,0,0,a,n);const s=l.toDataURL("image/png"),d=await dt(s,t);if(le.size>20){const p=le.keys().next().value;p&&le.delete(p)}return le.set(r,d),E(d)}function ha(e,t,a,n,r,c="de"){e.save(),e.beginPath(),e.ellipse(t,a,n,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 bt(e,t,a,n,r,c,l=1,o=0,s=0){e.save(),e.beginPath(),e.ellipse(a,n,r,c,0,0,Math.PI*2),e.closePath(),e.clip();const d=t.width/t.height,p=r/c,x=r*2,h=c*2;let f,y;d>p?(y=h,f=h*d):(f=x,y=x/d),f*=l,y*=l;const v=Math.max(0,(f-x)/2),g=Math.max(0,(y-h)/2),I=a-f/2+o*v,P=n-y/2+s*g;e.drawImage(t,I,P,f,y),e.restore()}function Ze(e,t,a,n="#2a3a2a"){e.save(),e.font=`${a.fontSize}px "Times New Roman", serif`,e.textAlign=a.align||"center",e.textBaseline="middle",e.fillStyle=n,a.maxWidth?e.fillText(t,a.x,a.y,a.maxWidth):e.fillText(t,a.x,a.y),e.restore()}function xt(e,t,a,n="#2a3a2a"){e.save(),e.font=`${a.fontSize}px "Times New Roman", serif`,e.textAlign=a.align||"center",e.textBaseline="top",e.fillStyle=n;const r=a.maxWidth||400,c=a.lineHeight||a.fontSize*1.4,l=t.split(" "),o=[];let s="";for(const x of l){const h=s?`${s} ${x}`:x;e.measureText(h).width>r&&s?(o.push(s),s=x):s=h}s&&o.push(s);const d=o.length*c;let p=a.y-d/2;for(const x of o)e.fillText(x,a.x,p),p+=c;e.restore()}function wt(e,t,a,n,r,c="#2a3a2a"){e.save(),e.font=`${r.fontSize}px "Times New Roman", serif`,e.textAlign=r.align||"center",e.textBaseline="middle",e.fillStyle=c;const l=r.lineHeight||r.fontSize*1.8,o=[t,a,n].filter(Boolean),s=(o.length-1)*l;let d=r.y-s/2;for(const p of o)p&&(e.fillText(p,r.x,d),d+=l);e.restore()}function fa(e,t,a,n="#2a3a2a"){e.save(),e.strokeStyle=n,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=n,e.fillText(a,t.x,t.y+t.labelFontSize*.3),e.restore()}async function yt(e,t,a,n,r,c,l,o,s,d=1,p=0,x=0,h=0,f=1,y="de"){const v=e.getContext("2d");if(!v)return;const g=document.createElement("canvas");g.width=o,g.height=s;const I=g.getContext("2d");if(!I)return;I.clearRect(0,0,o,s);const P=await ft(t,h,o,s);ie(I,P,o,s);const D=await E(a);if(ie(I,D,o,s),r)try{const M=await E(r);bt(I,M,l.portrait.x,l.portrait.y,l.portrait.radiusX,l.portrait.radiusY,d,p,x)}catch(M){console.error("Failed to load portrait:",M)}else ha(I,l.portrait.x,l.portrait.y,l.portrait.radiusX,l.portrait.radiusY,y);const j=await E(n);ie(I,j,o,s);const B=o/3633;Et(I,f,y,B),c&&Ze(I,c,l.namePlate),e.width=o,e.height=s,v.drawImage(g,0,0)}async function vt(e,t,a,n,r,c,l,o,s,d,p,x=0,h=1,f="de"){const y=e.getContext("2d");if(!y)return;const v=document.createElement("canvas");v.width=d,v.height=p;const g=v.getContext("2d");if(!g)return;g.clearRect(0,0,d,p);const I=await ft(t,x,d,p);ie(g,I,d,p);const P=await E(a);ie(g,P,d,p);const D=await E(n);ie(g,D,d,p);const j=d/3633;if(Et(g,h,f,j),s.contactInfo&&(r||c||l)&&wt(g,r,c,l,s.contactInfo),s.description&&o&&xt(g,o,s.description),r&&Ze(g,r,s.namePlate),s.signature){const B=f==="de"?"Unterschrift":"Signature";fa(g,s.signature,B)}e.width=d,e.height=p,y.drawImage(v,0,0)}const pe=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"&&"/"||"/",O={background:`${pe}templates/background.webp`,frontFrame:`${pe}templates/front_frame.webp`,backFrame:`${pe}templates/back_frame.webp`},he={1:`${pe}templates/1.png`,5:`${pe}templates/5.png`,10:`${pe}templates/10.png`},kt={de:{banner:{1:"EINE STUNDE",5:"FÜNF STUNDEN",10:"ZEHN STUNDEN"}},en:{banner:{1:"ONE HOUR",5:"FIVE HOURS",10:"TEN HOURS"}}},Q=3633,ee=1920,Se=.5,ba=Math.round(Q*Se),xa=Math.round(ee*Se),It=320,Pt=335,z={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"}},Ee=new Map,oe=new Map,Oe=new Map,_e=new Map,$e=new Map;function Tt(e,t,a,n,r,c,l){e.save(),e.font=`900 ${c}px "Times New Roman", Georgia, serif`,e.fillStyle=l,e.textAlign="center",e.textBaseline="middle";const s=e.measureText(t).width/r,d=-Math.PI/2-s/2,p=t.split(""),x=[];for(const f of p)x.push(e.measureText(f).width);let h=d;for(let f=0;f<p.length;f++){const y=p[f],v=x[f],g=h+v/2/r,I=a+r*Math.cos(g),P=n+r*Math.sin(g);e.save(),e.translate(I,P),e.rotate(g+Math.PI/2),e.fillText(y,0,0),e.restore(),h+=v/r}e.restore()}let U={background:null,frontFrame:null,backFrame:null,badges:{1:null,5:null,10:null}};async function wa(){const[e,t,a,n,r,c]=await Promise.all([E(O.background),E(O.frontFrame),E(O.backFrame),E(he[1]),E(he[5]),E(he[10])]);U={background:e,frontFrame:t,backFrame:a,badges:{1:n,5:r,10:c}}}function ya(e,t){const a=Math.round(Q*e),n=Math.round(ee*e),r=document.createElement("canvas");r.width=a,r.height=n;const c=r.getContext("2d");if(!c)throw new Error("Failed to get canvas context");c.drawImage(t,0,0,a,n);const l=e<1?.8:.95;return r.toDataURL("image/jpeg",l)}function va(e,t){const a=Math.round(Q*e),n=Math.round(ee*e),r=document.createElement("canvas");r.width=a,r.height=n;const c=r.getContext("2d");if(!c)throw new Error("Failed to get canvas context");const l=It*e,o=Pt*e,s=z.badges,d=(p,x)=>{const h=x/2,f=p.x*e-h,y=p.y*e-h;c.drawImage(t,f,y,x,x)};return d(s.topLeft,l),d(s.topRight,l),d(s.bottomLeft,o),d(s.bottomRight,o),r.toDataURL("image/png")}function Et(e,t,a,n=1){const r=kt[a].banner[t];Tt(e,r,z.banner.centerX*n,z.banner.centerY*n,z.banner.radius*n,z.banner.fontSize*n,z.banner.color)}function Lt(e,t,a,n,r,c,l){const o=Math.round(Q*n),s=Math.round(ee*n),d=document.createElement("canvas");d.width=o,d.height=s;const p=d.getContext("2d");if(!p)throw new Error("Failed to get canvas context");p.drawImage(r,0,0,o,s);{const h=It*n,f=Pt*n,y=z.badges,v=(g,I)=>{const P=I/2,D=g.x*n-P,j=g.y*n-P;p.drawImage(l,D,j,I,I)};v(y.topLeft,h),v(y.topRight,h),v(y.bottomLeft,f),v(y.bottomRight,f)}if(p.drawImage(c,0,0,o,s),a==="front"){const h=kt[t].banner[e];Tt(p,h,z.banner.centerX*n,z.banner.centerY*n,z.banner.radius*n,z.banner.fontSize*n,z.banner.color)}const x=n<1?.8:.95;return d.toDataURL("image/jpeg",x)}async function Ct(e,t,a){const n=`${e}-${t}-${a}`;if(Ee.has(n))return Ee.get(n);const r=U.background||await E(O.background),c=a==="front"?U.frontFrame||await E(O.frontFrame):U.backFrame||await E(O.backFrame),l=U.badges[e]||await E(he[e]),o=Lt(e,t,a,Se,r,c,l);return Ee.set(n,o),o}async function Xe(e,t,a){const n=`${e}-${t}-${a}`;if(oe.has(n))return oe.get(n);const r=U.background||await E(O.background),c=a==="front"?U.frontFrame||await E(O.frontFrame):U.backFrame||await E(O.backFrame),l=U.badges[e]||await E(he[e]),o=Lt(e,t,a,1,r,c,l);if(oe.size>4){const s=oe.keys().next().value;s&&oe.delete(s)}return oe.set(n,o),o}function ka(){return{width:Q,height:ee}}function Ia(){Ee.clear(),oe.clear(),Oe.clear(),_e.clear(),$e.clear()}async function Ke(e,t,a="front",n=Se){const r=`bg-${n}`;let c=Oe.get(r);if(!c){const p=U.background||await E(O.background);c=ya(n,p),Oe.set(r,c)}const l=`badges-${e}-${n}`;let o=_e.get(l);if(!o){const p=U.badges[e]||await E(he[e]);o=va(n,p),_e.set(l,o)}const s=`${a}-${n}`;let d=$e.get(s);if(!d){const p=a==="front"?U.frontFrame||await E(O.frontFrame):U.backFrame||await E(O.backFrame),x=Math.round(Q*n),h=Math.round(ee*n),f=document.createElement("canvas");f.width=x,f.height=h;const y=f.getContext("2d");if(!y)throw new Error("Failed to get canvas context");y.drawImage(p,0,0,x,h),d=f.toDataURL("image/png"),$e.set(s,d)}return{background:c,badges:o,frame:d}}async function Pa(){const e=[1,5,10],t=["de","en"],a=["front","back"],n=[];for(const r of e)for(const c of t)for(const l of a)n.push(Ct(r,c,l));await Promise.all(n)}function Je(e,t){return{front:"",back:"",width:Q,height:ee}}const je={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=je,ue=je;function Qe(e){return je}const qe=.75;function Ta(e){const t=Qe(),a=qe,n=r=>({portrait:{x:r.portrait.x*a,y:r.portrait.y*a,radiusX:r.portrait.radiusX*a,radiusY:r.portrait.radiusY*a},namePlate:{x:r.namePlate.x*a,y:r.namePlate.y*a,fontSize:r.namePlate.fontSize*a,maxWidth:r.namePlate.maxWidth?r.namePlate.maxWidth*a:void 0,lineHeight:r.namePlate.lineHeight?r.namePlate.lineHeight*a:void 0,align:r.namePlate.align},contactInfo:r.contactInfo?{x:r.contactInfo.x*a,y:r.contactInfo.y*a,fontSize:r.contactInfo.fontSize*a,maxWidth:r.contactInfo.maxWidth?r.contactInfo.maxWidth*a:void 0,lineHeight:r.contactInfo.lineHeight?r.contactInfo.lineHeight*a:void 0,align:r.contactInfo.align}:void 0,description:r.description?{x:r.description.x*a,y:r.description.y*a,fontSize:r.description.fontSize*a,maxWidth:r.description.maxWidth?r.description.maxWidth*a:void 0,lineHeight:r.description.lineHeight?r.description.lineHeight*a:void 0,align:r.description.align}:void 0,signature:r.signature?{x:r.signature.x*a,y:r.signature.y*a,width:r.signature.width*a,height:r.signature.height*a,labelFontSize:r.signature.labelFontSize*a}:void 0});return{front:n(t.front),back:n(t.back)}}function Ea(e,t){const a=Je();return{...a,width:Math.round(a.width*qe),height:Math.round(a.height*qe)}}function La(e,t){const[a,n]=b.useState(e);return b.useEffect(()=>{const r=setTimeout(()=>n(e),t);return()=>clearTimeout(r)},[e,t]),a}function Ca({onPortraitClick:e,onFileDrop:t}={}){const a=w(m=>m.appLanguage),n=w(m=>m.voucherConfig.language),r=w(m=>m.voucherConfig.hours),c=w(m=>m.voucherConfig.description),l=w(m=>m.voucherConfig.templateHue),o=w(m=>m.personalInfo),s=w(m=>m.portrait),d=w(m=>m.currentSide),p=w(m=>m.flipSide),x=w(m=>m.setPortraitPan),h=La(l,150),f=J(a),y=b.useRef(null),v=b.useRef(null),g=b.useRef(null),[I,P]=b.useState(!1),[D,j]=b.useState(!1),[B,M]=b.useState(!1),[A,S]=b.useState(!1),T=b.useRef(null),L=Ea(),R=Ta(),V=s.useEnhanced&&s.enhanced?s.enhanced:s.original,te=Ve(n,r,c),[G,F]=b.useState(""),[W,$]=b.useState(""),[ae,Be]=b.useState(""),[be,Ne]=b.useState(""),[xe,ne]=b.useState(""),[se,re]=b.useState(""),[ve,ke]=b.useState(!0);b.useEffect(()=>{let m=!0;ke(!0);async function H(){const[_,Z]=await Promise.all([Ke(r,n,"front"),Ke(r,n,"back")]);m&&(F(_.background),$(_.badges),Be(_.frame),Ne(Z.background),ne(Z.badges),re(Z.frame),ke(!1))}return H(),()=>{m=!1}},[r,n]),b.useEffect(()=>{!y.current||!G||!W||!ae||yt(y.current,G,W,ae,V,o.name,R.front,L.width,L.height,s.zoom,s.panX,s.panY,h,r,n)},[L,G,W,ae,V,o.name,R,s.zoom,s.panX,s.panY,h,r,n]),b.useEffect(()=>{!v.current||!be||!xe||!se||vt(v.current,be,xe,se,o.name,o.email,o.phone,te,R.back,L.width,L.height,h,r,n)},[L,be,xe,se,o,te,R,h,r,n]);const we=()=>{P(!I),p()};b.useEffect(()=>{P(d==="back")},[d]);const q=b.useCallback((m,H)=>{if(!g.current||d!=="front")return!1;const _=g.current.getBoundingClientRect(),Z=_.width/L.width,He=_.height/L.height,De=(m-_.left)/Z,Ae=(H-_.top)/He,{x:Me,y:Wt,radiusX:Yt,radiusY:zt}=R.front.portrait,et=(De-Me)/Yt,tt=(Ae-Wt)/zt;return et*et+tt*tt<=1},[d,L.width,L.height,R.front.portrait]),Ie=b.useCallback((m,H)=>{!s.original||s.zoom<=1||!q(m,H)||(j(!0),T.current={x:m,y:H,panX:s.panX,panY:s.panY})},[s.original,s.zoom,s.panX,s.panY,q]),Pe=b.useCallback((m,H)=>{if(!D||!T.current||!g.current)return;const _=g.current.getBoundingClientRect(),Z=3/Math.max(_.width,_.height),He=(m-T.current.x)*Z,De=(H-T.current.y)*Z,Ae=Math.max(-1,Math.min(1,T.current.panX+He)),Me=Math.max(-1,Math.min(1,T.current.panY+De));x(Ae,Me)},[D,x]),u=b.useCallback(()=>{j(!1),T.current=null},[]),k=b.useCallback((m,H)=>{!s.original&&q(m,H)&&e&&e()},[s.original,q,e]),N=m=>{q(m.clientX,m.clientY)&&(m.preventDefault(),s.original&&s.zoom>1&&Ie(m.clientX,m.clientY))},C=m=>{D||k(m.clientX,m.clientY)},X=m=>{Pe(m.clientX,m.clientY),M(q(m.clientX,m.clientY))},Y=()=>u(),Ht=()=>{u(),M(!1)},Dt=m=>{if(m.touches.length===1){const H=m.touches[0];s.zoom>1&&q(H.clientX,H.clientY)&&Ie(H.clientX,H.clientY)}},At=m=>{m.touches.length===1&&Pe(m.touches[0].clientX,m.touches[0].clientY)},Mt=()=>u(),Ut=d==="front"&&s.original&&s.zoom>1,Ft=L.width/L.height;return i.jsxs("div",{className:"space-y-4",children:[i.jsxs("div",{className:"flex justify-between items-center",children:[i.jsxs("div",{className:"tabs tabs-boxed bg-base-200",children:[i.jsx("button",{className:`tab ${d==="front"?"tab-active bg-primary text-primary-content font-semibold":""}`,onClick:()=>d!=="front"&&we(),children:f.preview.front}),i.jsx("button",{className:`tab ${d==="back"?"tab-active bg-primary text-primary-content font-semibold":""}`,onClick:()=>d!=="back"&&we(),children:f.preview.back})]}),i.jsxs("button",{className:"btn btn-ghost btn-sm",onClick:we,children:[i.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",className:"h-5 w-5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:i.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"})}),f.preview.flip]})]}),i.jsxs("div",{className:"relative w-full overflow-visible",style:{aspectRatio:Ft,perspective:"1500px"},children:[ve&&i.jsx("div",{className:"absolute inset-0 flex items-center justify-center bg-base-300 rounded-lg z-10",children:i.jsx("span",{className:"loading loading-spinner loading-lg text-primary"})}),i.jsxs("div",{ref:g,className:`relative w-full h-full shadow-lg ${B&&Ut?D?"cursor-grabbing":"cursor-grab":""} ${ve?"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:I?"rotateY(180deg)":"rotateY(0deg)"},onClick:C,onMouseDown:N,onMouseMove:X,onMouseUp:Y,onMouseLeave:Ht,onTouchStart:Dt,onTouchMove:At,onTouchEnd:Mt,children:[i.jsx("canvas",{ref:y,className:"absolute inset-0 w-full h-full",style:{backfaceVisibility:"hidden",WebkitBackfaceVisibility:"hidden"}}),i.jsx("canvas",{ref:v,className:"absolute inset-0 w-full h-full",style:{backfaceVisibility:"hidden",WebkitBackfaceVisibility:"hidden",transform:"rotateY(180deg)"}}),!s.original&&d==="front"&&(e||t)&&i.jsx("div",{className:`absolute flex flex-col items-center justify-center cursor-pointer transition-colors duration-300 ease-in-out ${A?"bg-primary/20":"hover:bg-base-content/5"}`,style:{left:`${(R.front.portrait.x-R.front.portrait.radiusX)/L.width*100}%`,top:`${(R.front.portrait.y-R.front.portrait.radiusY)/L.height*100}%`,width:`${R.front.portrait.radiusX*2/L.width*100}%`,height:`${R.front.portrait.radiusY*2/L.height*100}%`,borderRadius:"50%",backfaceVisibility:"hidden",WebkitBackfaceVisibility:"hidden"},onClick:m=>{m.stopPropagation(),e==null||e()},onDragOver:m=>{m.preventDefault(),m.stopPropagation(),S(!0)},onDragLeave:m=>{m.preventDefault(),m.stopPropagation(),S(!1)},onDrop:m=>{m.preventDefault(),m.stopPropagation(),S(!1);const H=m.dataTransfer.files[0];H&&H.type.startsWith("image/")&&t&&t(H)},children:i.jsxs("button",{className:"btn btn-dash hover:btn-dash hover:border-base-content/60 flex flex-col items-center gap-1 h-auto py-3 px-4 bg-base-100/20 hover:bg-base-100/30",onClick:m=>{m.stopPropagation(),e==null||e()},children:[i.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",className:"w-11 h-10 text-base-content/50",fill:"none",viewBox:"0 0 26 24",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round",children:[i.jsx("circle",{cx:"11",cy:"8",r:"4"}),i.jsx("path",{d:"M3 21c0-4 4-6 8-6s8 2 8 6"}),i.jsx("line",{x1:"22",y1:"4",x2:"22",y2:"10",strokeWidth:2}),i.jsx("line",{x1:"19",y1:"7",x2:"25",y2:"7",strokeWidth:2})]}),i.jsx("span",{className:"text-xs",children:a==="de"?"Foto hochladen":"Upload photo"})]})})]})]})]})}function Sa(){const e=b.useRef(null),t=b.useRef(null);return{frontCanvasRef:e,backCanvasRef:t}}const ja=`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),f=require("react"),_t=require("zustand"),Ot=require("zustand/middleware"),$t=require("jspdf");var ge=typeof document<"u"?document.currentScript:null;function Xt(){return(typeof navigator<"u"?navigator.language:"de").toLowerCase().startsWith("de")?"de":"en"}const Ee=Xt(),tt={personalInfo:{name:"",email:"",phone:""},voucherConfig:{hours:1,description:"",language:Ee,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:Ee},w=_t.create()(Ot.persist(e=>({...tt,setPersonalInfo:t=>e(a=>({personalInfo:{...a.personalInfo,...t}})),setVoucherConfig:t=>e(a=>({voucherConfig:{...a.voucherConfig,...t}})),setPortrait:(t,a=null)=>e(n=>({portrait:{...n.portrait,original:t,enhanced:a,useEnhanced:!1,zoom:n.portrait.original&&t?n.portrait.zoom:1,panX:n.portrait.original&&t?n.portrait.panX:0,panY:n.portrait.original&&t?n.portrait.panY:0}})),setEnhancedPortrait:t=>e(a=>({portrait:{...a.portrait,enhanced:t,useEnhanced:t!==null}})),toggleUseEnhanced:()=>e(t=>({portrait:{...t.portrait,useEnhanced:t.portrait.enhanced?!t.portrait.useEnhanced:!1}})),setPortraitZoom:t=>e(a=>({portrait:{...a.portrait,zoom:t}})),setPortraitPan:(t,a)=>e(n=>({portrait:{...n.portrait,panX:t,panY:a}})),setPortraitRawImage:t=>e(a=>({portrait:{...a.portrait,rawImage:t}})),setPortraitBgRemoved:(t,a)=>e(n=>({portrait:{...n.portrait,bgRemoved:t,bgRemovedImage:a!==void 0?a:n.portrait.bgRemovedImage}})),setPortraitBgOpacity:t=>e(a=>({portrait:{...a.portrait,bgOpacity:t}})),setPortraitBgBlur:t=>e(a=>({portrait:{...a.portrait,bgBlur:t}})),setPortraitEngravingIntensity:t=>e(a=>({portrait:{...a.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(a=>({voucherConfig:{...a.voucherConfig,language:t}})),setHours:t=>e(a=>({voucherConfig:{...a.voucherConfig,hours:t}})),setTemplateHue:t=>e(a=>({voucherConfig:{...a.voucherConfig,templateHue:t}})),reset:()=>e(tt)}),{name:"money-generator-storage",migrate:e=>{const t=e;return t!=null&&t.voucherConfig&&(t.voucherConfig.templateHue=29,t.voucherConfig.hours=1,t.voucherConfig.language=Ee),t&&(t.appLanguage=Ee),t},version:1,partialize:e=>({personalInfo:e.personalInfo,voucherConfig:{...e.voucherConfig,templateHue:29},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:null,bgRemovedImage:null,bgRemoved:!1,bgOpacity:0,bgBlur:0,engravingIntensity:e.portrait.engravingIntensity},currentSide:"front",isEnhancing:!1,isExporting:!1})})),Kt={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 {hours} {hourLabel} meiner Zeit oder ein gleichwertiges Dankeschön"}},qt={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:"This voucher entitles you to {hours} {hourLabel} of my time or an equivalent thank you"}},Vt={de:Kt,en:qt};function J(e){return Vt[e]}function qe(e,t,a){if(a&&a.trim())return a;const n=J(e),r=t===1?n.form.voucher.hourLabel:n.form.voucher.hoursLabel;return n.bill.descriptionText.replace("{hours}",t.toString()).replace("{hourLabel}",r)}function Gt({focusField:e,onFocused:t}={}){const a=w(d=>d.appLanguage),n=w(d=>d.personalInfo),r=w(d=>d.setPersonalInfo),c=J(a),l=f.useRef(null),o=f.useRef(null),i=f.useRef(null);return f.useEffect(()=>{if(e){const d=e==="name"?l:e==="email"?o:i;setTimeout(()=>{var p,b;(p=d.current)==null||p.click(),(b=d.current)==null||b.focus(),t==null||t()},100)}},[e,t]),s.jsxs("div",{className:"space-y-4",children:[s.jsxs("div",{className:"form-control",children:[s.jsx("label",{className:"label",children:s.jsx("span",{className:"label-text font-medium",children:c.form.personalInfo.name})}),s.jsx("input",{ref:l,type:"text",name:"name",autoComplete:"name",placeholder:c.form.personalInfo.namePlaceholder,className:"input input-bordered w-full",value:n.name,onChange:d=>r({name:d.target.value})})]}),s.jsxs("div",{className:"form-control",children:[s.jsx("label",{className:"label",children:s.jsx("span",{className:"label-text font-medium",children:c.form.personalInfo.email})}),s.jsx("input",{ref:o,type:"email",name:"email",autoComplete:"email",placeholder:c.form.personalInfo.emailPlaceholder,className:"input input-bordered w-full",value:n.email,onChange:d=>r({email:d.target.value})})]}),s.jsxs("div",{className:"form-control",children:[s.jsx("label",{className:"label",children:s.jsx("span",{className:"label-text font-medium",children:c.form.personalInfo.phone})}),s.jsx("input",{ref:i,type:"tel",name:"phone",autoComplete:"tel",placeholder:c.form.personalInfo.phonePlaceholder,className:"input input-bordered w-full",value:n.phone,onChange:d=>r({phone:d.target.value})})]})]})}const Zt=1024,ce=new Map;let K=null,at=null;function Ve(e,t){return K||(K=document.createElement("canvas"),at=K.getContext("2d",{willReadFrequently:!0})),(K.width!==e||K.height!==t)&&(K.width=e,K.height=t),at}function we(e){const t=ce.get(e);return t?Promise.resolve(t):new Promise((a,n)=>{const r=new Image;r.onload=()=>{if(ce.size>10){const c=ce.keys().next().value;c&&ce.delete(c)}ce.set(e,r),a(r)},r.onerror=()=>n(new Error("Failed to load image")),r.src=e})}function Jt(){ce.clear()}async function st(e,t=Zt){const a=await we(e),n=Math.max(a.width,a.height);if(n<=t)return e;const r=t/n,c=Math.round(a.width*r),l=Math.round(a.height*r),o=document.createElement("canvas"),i=o.getContext("2d");if(!i)throw new Error("Failed to get canvas context");return o.width=c,o.height=l,i.drawImage(a,0,0,c,l),o.toDataURL("image/jpeg",.9)}async function Ue(e,t,a,n=0){const[r,c]=await Promise.all([we(e),we(t)]),l=Ve(r.width,r.height);if(l.clearRect(0,0,r.width,r.height),a>0){const o=n*20;l.save(),l.globalAlpha=a,o>0&&(l.filter=`blur(${o}px)`),l.drawImage(c,0,0,r.width,r.height),l.restore()}return l.drawImage(r,0,0),K.toDataURL("image/png")}async function lt(e,t=.5,a=40){const n=await we(e),r=Ve(n.width,n.height);r.clearRect(0,0,n.width,n.height),r.drawImage(n,0,0);const c=r.getImageData(0,0,n.width,n.height),l=c.data,o=new Uint32Array(l.buffer),i=1+t*.8,d=1-t,p=a%360/360;for(let b=0;b<o.length;b++){const h=o[b],x=h&255,y=h>>8&255,v=h>>16&255,g=h>>24&255;if(g===0)continue;let P=(((77*x+150*y+29*v>>8)/255-.5)*i+.5)*255;P<0?P=0:P>255&&(P=255);const D=P/255,R=.12,[B,M,A]=ct(p,R,D),S=x*d+B*t|0,T=y*d+M*t|0,L=v*d+A*t|0;o[b]=g<<24|L<<16|T<<8|S}return r.putImageData(c,0,0),K.toDataURL("image/png")}function Qt(e,t,a){e/=255,t/=255,a/=255;const n=Math.max(e,t,a),r=Math.min(e,t,a),c=(n+r)/2;let l=0,o=0;if(n!==r){const i=n-r;switch(o=c>.5?i/(2-n-r):i/(n+r),n){case e:l=((t-a)/i+(t<a?6:0))/6;break;case t:l=((a-e)/i+2)/6;break;case a:l=((e-t)/i+4)/6;break}}return[l,o,c]}function ct(e,t,a){if(t===0){const l=Math.round(a*255);return[l,l,l]}const n=(l,o,i)=>(i<0&&(i+=1),i>1&&(i-=1),i<1/6?l+(o-l)*6*i:i<1/2?o:i<2/3?l+(o-l)*(2/3-i)*6:l),r=a<.5?a*(1+t):a+t-a*t,c=2*a-r;return[Math.round(n(c,r,e+1/3)*255),Math.round(n(c,r,e)*255),Math.round(n(c,r,e-1/3)*255)]}const ea=29,ta=5;async function dt(e,t){if(Math.abs(t-ea)<=ta)return e;const a=await we(e),n=Ve(a.width,a.height);n.clearRect(0,0,a.width,a.height),n.drawImage(a,0,0);const r=n.getImageData(0,0,a.width,a.height),c=r.data,l=new Uint32Array(c.buffer),o=t%360/360,i=20/360,d=45/360,p=l.length;for(let b=0;b<p;b++){const h=l[b],x=h&255,y=h>>8&255,v=h>>16&255,g=h>>24&255;if(g===0)continue;const[I,P,D]=Qt(x,y,v);if(P<.08||I<i||I>d)continue;const R=o,B=Math.min(P,.05),[M,A,S]=ct(R,B,D);l[b]=g<<24|S<<16|A<<8|M}return n.putImageData(r,0,0),K.toDataURL("image/png")}const aa="https://api.stability.ai/v1/generation",na="https://api.stability.ai/v2beta/stable-image/edit/remove-background",ut="stability_api_key";let he=null;function ra(e){he=e}function oa(){return he}function ia(){return he!==null}const sa={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"},nt=[{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 la(e,t){const a=e/t;let n=nt[0],r=1/0;for(const c of nt){const l=c.width/c.height,o=Math.abs(a-l);o<r&&(r=o,n=c)}return n}function ca(e){return new Promise((t,a)=>{const n=new Image;n.onload=()=>{const r=la(n.width,n.height),c=document.createElement("canvas");c.width=r.width,c.height=r.height;const l=c.getContext("2d");if(!l){a(new Error("Failed to get canvas context"));return}const o=n.width/n.height,i=r.width/r.height;let d=0,p=0,b=n.width,h=n.height;o>i?(b=n.height*i,d=(n.width-b)/2):(h=n.width/i,p=(n.height-h)/2),l.drawImage(n,d,p,b,h,0,0,r.width,r.height),t(c.toDataURL("image/png"))},n.onerror=()=>a(new Error("Failed to load image")),n.src=e})}function gt(e){var l;const t=e.split(","),a=((l=t[0].match(/:(.*?);/))==null?void 0:l[1])||"image/png",n=atob(t[1]),r=n.length,c=new Uint8Array(r);for(let o=0;o<r;o++)c[o]=n.charCodeAt(o);return new Blob([c],{type:a})}function Ce(){var t;const e=typeof{url:typeof document>"u"?require("url").pathToFileURL(__filename).href:ge&&ge.tagName.toUpperCase()==="SCRIPT"&&ge.src||new URL("index.cjs",document.baseURI).href}<"u"&&"sk-7mEKklrqaltdtgbX0VoZbkA8E1cl939Spn75jSIYRvp1BW0b"||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(ut):null}function mt(e){localStorage.setItem(ut,e)}function Pe(){return he?!0:Ce()!==null}async function da(e){const t=Ce();if(!t)throw new Error("No Stability AI API key configured");const{imageDataUrl:a,style:n,strength:r=.35}=e,c=await ca(a),l=gt(c),o=new FormData;o.append("init_image",l,"portrait.png"),o.append("init_image_mode","IMAGE_STRENGTH"),o.append("image_strength",String(1-r)),o.append("text_prompts[0][text]",sa[n]),o.append("text_prompts[0][weight]","1"),o.append("cfg_scale","7"),o.append("samples","1"),o.append("steps","30");const d=await fetch(`${aa}/stable-diffusion-xl-1024-v1-0/image-to-image`,{method:"POST",headers:{Authorization:`Bearer ${t}`,Accept:"application/json"},body:o});if(!d.ok){const b=await d.text();throw console.error("Stability AI error:",b),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 p=await d.json();if(!p.artifacts||p.artifacts.length===0)throw new Error("No image generated");return`data:image/png;base64,${p.artifacts[0].base64}`}async function pt(e){if(he){const l=await fetch(he,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({imageDataUrl:e})});if(!l.ok){const i=await l.json().catch(()=>({}));throw new Error(i.error||`API error: ${l.status}`)}return(await l.json()).imageDataUrl}const t=Ce();if(!t)throw new Error("No Stability AI API key configured");const a=gt(e),n=new FormData;n.append("image",a,"image.png"),n.append("output_format","png");const r=await fetch(na,{method:"POST",headers:{Authorization:`Bearer ${t}`,Accept:"image/*"},body:n});if(!r.ok){const l=await r.text();throw console.error("Stability AI remove background error:",l),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 c=await r.blob();return new Promise((l,o)=>{const i=new FileReader;i.onload=()=>l(i.result),i.onerror=()=>o(new Error("Failed to read result")),i.readAsDataURL(c)})}function ua(){const[e,t]=f.useState(!1),[a,n]=f.useState(!1),[r,c]=f.useState(null),[l,o]=f.useState(()=>Pe());f.useEffect(()=>{o(Pe());const h=setTimeout(()=>{o(Pe())},150);return()=>clearTimeout(h)},[]);const i=f.useCallback(()=>c(null),[]),d=f.useCallback(h=>{mt(h),o(!0),c(null)},[]),p=f.useCallback(async(h,x=.5,y=40)=>{t(!0),c(null);try{return await lt(h,x,y)}catch(v){const g=v instanceof Error?v.message:"Enhancement failed";throw c(g),v}finally{t(!1)}},[]),b=f.useCallback(async h=>{n(!0),c(null);try{return await pt(h)}catch(x){const y=x instanceof Error?x.message:"Background removal failed";throw c(y),x}finally{n(!1)}},[]);return{enhance:p,removeBg:b,isEnhancing:e,isRemovingBg:a,error:r,hasKey:l,setApiKey:d,clearError:i}}function ht({isOpen:e,onClose:t,onSubmit:a}){const n=w(d=>d.appLanguage),[r,c]=f.useState("");if(!e)return null;const l=d=>{d.preventDefault(),r.trim()&&(a(r.trim()),c(""),t())},i={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."}}[n];return s.jsxs("dialog",{className:"modal modal-open",children:[s.jsxs("div",{className:"modal-box",children:[s.jsx("h3",{className:"font-bold text-lg",children:i.title}),s.jsx("p",{className:"py-4 text-sm opacity-80",children:i.description}),s.jsxs("form",{onSubmit:l,children:[s.jsxs("div",{className:"form-control",children:[s.jsx("input",{type:"password",placeholder:i.placeholder,className:"input input-bordered w-full",value:r,onChange:d=>c(d.target.value),autoFocus:!0}),s.jsx("label",{className:"label",children:s.jsx("span",{className:"label-text-alt",children:i.hint})})]}),s.jsxs("div",{className:"modal-action",children:[s.jsx("button",{type:"button",className:"btn btn-ghost",onClick:t,children:i.cancel}),s.jsx("button",{type:"submit",className:"btn btn-primary",disabled:!r.trim(),children:i.submit})]})]})]}),s.jsx("form",{method:"dialog",className:"modal-backdrop",children:s.jsx("button",{onClick:t,children:"close"})})]})}function ga(){const e=w(u=>u.appLanguage),t=w(u=>u.portrait),a=w(u=>u.setPortrait),n=w(u=>u.setPortraitZoom),r=w(u=>u.setPortraitPan),c=w(u=>u.setPortraitRawImage),l=w(u=>u.setPortraitBgRemoved),o=w(u=>u.setPortraitBgOpacity),i=w(u=>u.setPortraitBgBlur),d=w(u=>u.setPortraitEngravingIntensity),{enhance:p,removeBg:b,isEnhancing:h,isRemovingBg:x,error:y,hasKey:v,setApiKey:g}=ua(),I=J(e),P=f.useRef(null),[D,R]=f.useState(!1),[B,M]=f.useState(!1),A=f.useRef(null),S=f.useRef(null),T=t.rawImage,L=t.bgRemovedImage,j=t.bgRemoved,q=t.bgOpacity,te=t.bgBlur,G=t.engravingIntensity;f.useEffect(()=>{t.original&&!t.rawImage&&c(t.original)},[t.original,t.rawImage,c]),f.useEffect(()=>()=>{A.current&&clearTimeout(A.current),S.current&&clearTimeout(S.current)},[]);const W=w(u=>u.voucherConfig.templateHue),Y=f.useRef(W),$=f.useCallback(async u=>{if(!u.type.startsWith("image/"))return;const k=new FileReader;k.onload=async N=>{var F;const C=(F=N.target)==null?void 0:F.result,X=await st(C);c(X),a(X),l(!1,null),d(0)},k.readAsDataURL(u)},[a,c,l,d]),ae=f.useCallback(u=>{u.preventDefault(),R(!1);const k=u.dataTransfer.files[0];k&&$(k)},[$]),Be=f.useCallback(u=>{u.preventDefault(),R(!0)},[]),fe=f.useCallback(u=>{u.preventDefault(),R(!1)},[]),Ne=()=>{var u;(u=P.current)==null||u.click()},be=u=>{var N;const k=(N=u.target.files)==null?void 0:N[0];k&&$(k)},ne=f.useCallback(async(u,k,N)=>{try{return await p(u,k,N)}catch(C){return console.error("Enhancement failed:",C),u}},[p]),se=f.useCallback(async u=>{try{const k=await b(u);return l(!0,k),k}catch(k){return console.error("Background removal failed:",k),u}},[b,l]),re=f.useCallback(async()=>{const u=w.getState(),k=u.portrait,N=u.voucherConfig.templateHue;if(!k.rawImage)return;let C;k.bgRemoved&&k.bgRemovedImage?C=await Ue(k.bgRemovedImage,k.rawImage,k.bgOpacity,k.bgBlur):C=k.rawImage,k.engravingIntensity>0&&(C=await ne(C,k.engravingIntensity,N)),a(C)},[ne,a]);f.useEffect(()=>{if(Y.current===W)return;Y.current=W;const u=w.getState().portrait;u.engravingIntensity>0&&u.rawImage&&(A.current&&clearTimeout(A.current),A.current=setTimeout(re,150))},[W,re]);const ye=async()=>{if(!T)return;if(!j&&!v){M(!0);return}if(!j){const k=await se(T),N=w.getState(),C=N.portrait,X=N.voucherConfig.templateHue;let F=await Ue(k,T,C.bgOpacity,C.bgBlur);C.engravingIntensity>0&&(F=await ne(F,C.engravingIntensity,X)),a(F)}else{l(!1,null);const k=w.getState(),N=k.portrait.engravingIntensity,C=k.voucherConfig.templateHue;if(N>0){const X=await ne(T,N,C);a(X)}else a(T)}},ve=u=>{d(u),A.current&&clearTimeout(A.current),T&&(A.current=setTimeout(re,150))},xe=async u=>{if(g(u),!T)return;const k=await se(T),N=w.getState(),C=N.portrait,X=N.voucherConfig.templateHue;let F=await Ue(k,T,C.bgOpacity,C.bgBlur);C.engravingIntensity>0&&(F=await ne(F,C.engravingIntensity,X)),a(F)},V=u=>{o(u),S.current&&clearTimeout(S.current),!(!T||!L)&&(S.current=setTimeout(re,150))},ke=u=>{i(u),S.current&&clearTimeout(S.current),!(!T||!L)&&(S.current=setTimeout(re,150))},Ie=()=>{a(null),c(null),l(!1,null),o(0),i(0),d(0),Jt()};return s.jsxs("div",{className:"space-y-4",children:[t.original?s.jsxs("div",{className:"flex flex-col space-y-4",children:[s.jsxs("div",{className:"flex justify-between items-center w-full",children:[s.jsx("span",{className:"text-sm font-medium text-base-content/70",children:e==="de"?"Portrait-Einstellungen":"Portrait settings"}),s.jsxs("button",{className:"btn btn-xs btn-ghost text-error",onClick:Ie,children:[s.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",className:"h-4 w-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:s.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"})}),e==="de"?"Foto entfernen":"Remove photo"]})]}),s.jsxs("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-4 w-full",children:[s.jsxs("div",{className:"form-control w-full",children:[s.jsxs("label",{className:"label",children:[s.jsx("span",{className:"label-text",children:I.form.portrait.zoom}),s.jsxs("span",{className:"label-text-alt",children:[Math.round(t.zoom*100),"%"]})]}),s.jsx("input",{type:"range",min:"0.5",max:"2",step:"0.05",value:t.zoom,onChange:u=>{const k=parseFloat(u.target.value);n(k),k<=1&&(t.panX!==0||t.panY!==0)&&r(0,0)},className:"range range-primary range-sm"})]}),s.jsxs("div",{className:"form-control w-full",children:[s.jsxs("label",{className:"label",children:[s.jsxs("span",{className:"label-text flex items-center gap-2",children:[e==="de"?"Farbanpassung":"Color adjustment",h&&s.jsx("span",{className:"loading loading-spinner loading-xs"})]}),s.jsxs("span",{className:"label-text-alt",children:[Math.round(G*100),"%"]})]}),s.jsx("input",{type:"range",min:"0",max:"1",step:"0.05",value:G,onChange:u=>ve(parseFloat(u.target.value)),className:"range range-secondary range-sm",disabled:h||!T})]})]}),j?s.jsxs("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-4 w-full",children:[s.jsxs("div",{className:"form-control w-full",children:[s.jsxs("label",{className:"label",children:[s.jsx("span",{className:"label-text",children:e==="de"?"Hintergrund":"Background"}),s.jsxs("span",{className:"label-text-alt",children:[Math.round(q*100),"%"]})]}),s.jsx("input",{type:"range",min:"0",max:"1",step:"0.05",value:q,onChange:u=>V(parseFloat(u.target.value)),className:"range range-primary range-sm"})]}),s.jsxs("div",{className:"form-control w-full",children:[s.jsxs("label",{className:"label",children:[s.jsx("span",{className:"label-text",children:e==="de"?"Unschärfe":"Blur"}),s.jsxs("span",{className:"label-text-alt",children:[Math.round(te*100),"%"]})]}),s.jsx("input",{type:"range",min:"0",max:"1",step:"0.05",value:te,onChange:u=>ke(parseFloat(u.target.value)),className:"range range-primary range-sm",disabled:q===0})]})]}):s.jsx("div",{className:"form-control w-fit",children:s.jsxs("label",{className:"label cursor-pointer justify-start gap-3",children:[s.jsx("input",{type:"checkbox",className:`toggle toggle-primary ${x?"opacity-50":""}`,checked:j,onChange:ye,disabled:x||!T}),s.jsxs("span",{className:"label-text flex items-center gap-2",children:[x?s.jsxs(s.Fragment,{children:[s.jsx("span",{className:"loading loading-spinner loading-xs"}),e==="de"?"Hintergrund wird entfernt...":"Removing background..."]}):e==="de"?"Hintergrund entfernen":"Remove background",!v&&s.jsx("span",{className:"badge badge-sm badge-outline",children:"API"})]})]})}),y&&s.jsxs("div",{className:"alert alert-warning text-sm py-2",children:[s.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:s.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"})}),s.jsx("span",{children:y})]})]}):s.jsxs("div",{className:`border-2 border-dashed rounded-lg p-8 text-center cursor-pointer transition-colors ${x?"border-primary bg-primary/10 pointer-events-none":D?"border-primary bg-primary/10":"border-base-300 hover:border-primary hover:bg-base-200"}`,onDrop:ae,onDragOver:Be,onDragLeave:fe,onClick:Ne,children:[s.jsx("input",{ref:P,type:"file",accept:"image/*",className:"hidden",onChange:be}),x?s.jsxs("div",{className:"flex flex-col items-center gap-2",children:[s.jsx("span",{className:"loading loading-spinner loading-lg text-primary"}),s.jsx("p",{className:"font-medium",children:e==="de"?"Hintergrund wird entfernt...":"Removing background..."})]}):s.jsxs("div",{className:"flex flex-col items-center gap-2",children:[s.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:s.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"})}),s.jsx("p",{className:"font-medium",children:I.form.portrait.upload}),s.jsx("p",{className:"text-sm text-base-content/60",children:I.form.portrait.dragDrop})]})]}),s.jsx(ht,{isOpen:B,onClose:()=>M(!1),onSubmit:xe})]})}function ma(){const e=w(o=>o.appLanguage),t=w(o=>o.voucherConfig.language),a=w(o=>o.voucherConfig.hours);w(o=>o.voucherConfig.templateHue);const n=w(o=>o.setBillLanguage),r=w(o=>o.setHours);w(o=>o.setTemplateHue);const c=J(e),l=[1,5,10];return s.jsxs("div",{className:"space-y-4",children:[s.jsx("div",{className:"form-control",children:s.jsxs("div",{className:"flex items-center justify-between",children:[s.jsx("span",{className:"label-text font-medium",children:c.form.voucher.billLanguage}),s.jsxs("div",{className:"join border border-base-300 rounded-lg",children:[s.jsx("button",{className:`join-item btn btn-sm ${t==="de"?"btn-active btn-primary":"btn-ghost"}`,onClick:()=>n("de"),children:c.form.voucher.billLanguageGerman}),s.jsx("button",{className:`join-item btn btn-sm ${t==="en"?"btn-active btn-primary":"btn-ghost"}`,onClick:()=>n("en"),children:c.form.voucher.billLanguageEnglish})]})]})}),s.jsx("div",{className:"form-control",children:s.jsxs("div",{className:"flex items-center justify-between",children:[s.jsx("span",{className:"label-text font-medium",children:c.form.voucher.hours}),s.jsx("div",{className:"join border border-base-300 rounded-lg",children:l.map(o=>s.jsxs("button",{className:`join-item btn btn-sm ${a===o?"btn-active btn-primary":"btn-ghost"}`,onClick:()=>r(o),children:[o," ",o===1?c.form.voucher.hourLabel:c.form.voucher.hoursLabel]},o))})]})}),!1]})}const We=new Map,le=new Map;async function E(e){return We.has(e)?We.get(e):new Promise((t,a)=>{const n=new Image;n.crossOrigin="anonymous",n.onload=()=>{We.set(e,n),t(n)},n.onerror=a,n.src=e})}function ie(e,t,a,n){e.drawImage(t,0,0,a,n)}async function ft(e,t,a,n){if(t>=155&&t<=165)return E(e);const r=`${e}:${t}:${a}x${n}`;if(le.has(r))return E(le.get(r));const c=await E(e),l=document.createElement("canvas");l.width=a,l.height=n;const o=l.getContext("2d");if(!o)throw new Error("Failed to get canvas context");o.drawImage(c,0,0,a,n);const i=l.toDataURL("image/png"),d=await dt(i,t);if(le.size>20){const p=le.keys().next().value;p&&le.delete(p)}return le.set(r,d),E(d)}function pa(e,t,a,n,r,c="de"){e.save(),e.beginPath(),e.ellipse(t,a,n,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 bt(e,t,a,n,r,c,l=1,o=0,i=0){e.save(),e.beginPath(),e.ellipse(a,n,r,c,0,0,Math.PI*2),e.closePath(),e.clip();const d=t.width/t.height,p=r/c,b=r*2,h=c*2;let x,y;d>p?(y=h,x=h*d):(x=b,y=b/d),x*=l,y*=l;const v=Math.max(0,(x-b)/2),g=Math.max(0,(y-h)/2),I=a-x/2+o*v,P=n-y/2+i*g;e.drawImage(t,I,P,x,y),e.restore()}function Ge(e,t,a,n="#2a3a2a"){e.save(),e.font=`${a.fontSize}px "Times New Roman", serif`,e.textAlign=a.align||"center",e.textBaseline="middle",e.fillStyle=n,a.maxWidth?e.fillText(t,a.x,a.y,a.maxWidth):e.fillText(t,a.x,a.y),e.restore()}function xt(e,t,a,n="#2a3a2a"){e.save(),e.font=`${a.fontSize}px "Times New Roman", serif`,e.textAlign=a.align||"center",e.textBaseline="top",e.fillStyle=n;const r=a.maxWidth||400,c=a.lineHeight||a.fontSize*1.4,l=t.split(" "),o=[];let i="";for(const b of l){const h=i?`${i} ${b}`:b;e.measureText(h).width>r&&i?(o.push(i),i=b):i=h}i&&o.push(i);const d=o.length*c;let p=a.y-d/2;for(const b of o)e.fillText(b,a.x,p),p+=c;e.restore()}function wt(e,t,a,n,r,c="#2a3a2a"){e.save(),e.font=`${r.fontSize}px "Times New Roman", serif`,e.textAlign=r.align||"center",e.textBaseline="middle",e.fillStyle=c;const l=r.lineHeight||r.fontSize*1.8,o=[t,a,n].filter(Boolean),i=(o.length-1)*l;let d=r.y-i/2;for(const p of o)p&&(e.fillText(p,r.x,d),d+=l);e.restore()}function ha(e,t,a,n="#2a3a2a"){e.save(),e.strokeStyle=n,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=n,e.fillText(a,t.x,t.y+t.labelFontSize*.3),e.restore()}async function yt(e,t,a,n,r,c,l,o,i,d=1,p=0,b=0,h=0,x=1,y="de"){const v=e.getContext("2d");if(!v)return;const g=document.createElement("canvas");g.width=o,g.height=i;const I=g.getContext("2d");if(!I)return;I.clearRect(0,0,o,i);const P=await ft(t,h,o,i);ie(I,P,o,i);const D=await E(a);if(ie(I,D,o,i),r)try{const M=await E(r);bt(I,M,l.portrait.x,l.portrait.y,l.portrait.radiusX,l.portrait.radiusY,d,p,b)}catch(M){console.error("Failed to load portrait:",M)}else pa(I,l.portrait.x,l.portrait.y,l.portrait.radiusX,l.portrait.radiusY,y);const R=await E(n);ie(I,R,o,i);const B=o/3633;Et(I,x,y,B),c&&Ge(I,c,l.namePlate),e.width=o,e.height=i,v.drawImage(g,0,0)}async function vt(e,t,a,n,r,c,l,o,i,d,p,b=0,h=1,x="de"){const y=e.getContext("2d");if(!y)return;const v=document.createElement("canvas");v.width=d,v.height=p;const g=v.getContext("2d");if(!g)return;g.clearRect(0,0,d,p);const I=await ft(t,b,d,p);ie(g,I,d,p);const P=await E(a);ie(g,P,d,p);const D=await E(n);ie(g,D,d,p);const R=d/3633;if(Et(g,h,x,R),i.contactInfo&&(r||c||l)&&wt(g,r,c,l,i.contactInfo),i.description&&o&&xt(g,o,i.description),r&&Ge(g,r,i.namePlate),i.signature){const B=x==="de"?"Unterschrift":"Signature";ha(g,i.signature,B)}e.width=d,e.height=p,y.drawImage(v,0,0)}const me=typeof{url:typeof document>"u"?require("url").pathToFileURL(__filename).href:ge&&ge.tagName.toUpperCase()==="SCRIPT"&&ge.src||new URL("index.cjs",document.baseURI).href}<"u"&&"/"||"/",_={background:`${me}templates/background.webp`,frontFrame:`${me}templates/front_frame.webp`,backFrame:`${me}templates/back_frame.webp`},pe={1:`${me}templates/1.png`,5:`${me}templates/5.png`,10:`${me}templates/10.png`},kt={de:{banner:{1:"EINE STUNDE",5:"FÜNF STUNDEN",10:"ZEHN STUNDEN"}},en:{banner:{1:"ONE HOUR",5:"FIVE HOURS",10:"TEN HOURS"}}},Q=3633,ee=1920,Se=.5,fa=Math.round(Q*Se),ba=Math.round(ee*Se),It=320,Pt=335,z={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"}},Te=new Map,oe=new Map,ze=new Map,_e=new Map,Oe=new Map;function Tt(e,t,a,n,r,c,l){e.save(),e.font=`900 ${c}px "Times New Roman", Georgia, serif`,e.fillStyle=l,e.textAlign="center",e.textBaseline="middle";const i=e.measureText(t).width/r,d=-Math.PI/2-i/2,p=t.split(""),b=[];for(const x of p)b.push(e.measureText(x).width);let h=d;for(let x=0;x<p.length;x++){const y=p[x],v=b[x],g=h+v/2/r,I=a+r*Math.cos(g),P=n+r*Math.sin(g);e.save(),e.translate(I,P),e.rotate(g+Math.PI/2),e.fillText(y,0,0),e.restore(),h+=v/r}e.restore()}let U={background:null,frontFrame:null,backFrame:null,badges:{1:null,5:null,10:null}};async function xa(){const[e,t,a,n,r,c]=await Promise.all([E(_.background),E(_.frontFrame),E(_.backFrame),E(pe[1]),E(pe[5]),E(pe[10])]);U={background:e,frontFrame:t,backFrame:a,badges:{1:n,5:r,10:c}}}function wa(e,t){const a=Math.round(Q*e),n=Math.round(ee*e),r=document.createElement("canvas");r.width=a,r.height=n;const c=r.getContext("2d");if(!c)throw new Error("Failed to get canvas context");c.drawImage(t,0,0,a,n);const l=e<1?.8:.95;return r.toDataURL("image/jpeg",l)}function ya(e,t){const a=Math.round(Q*e),n=Math.round(ee*e),r=document.createElement("canvas");r.width=a,r.height=n;const c=r.getContext("2d");if(!c)throw new Error("Failed to get canvas context");const l=It*e,o=Pt*e,i=z.badges,d=(p,b)=>{const h=b/2,x=p.x*e-h,y=p.y*e-h;c.drawImage(t,x,y,b,b)};return d(i.topLeft,l),d(i.topRight,l),d(i.bottomLeft,o),d(i.bottomRight,o),r.toDataURL("image/png")}function Et(e,t,a,n=1){const r=kt[a].banner[t];Tt(e,r,z.banner.centerX*n,z.banner.centerY*n,z.banner.radius*n,z.banner.fontSize*n,z.banner.color)}function Lt(e,t,a,n,r,c,l){const o=Math.round(Q*n),i=Math.round(ee*n),d=document.createElement("canvas");d.width=o,d.height=i;const p=d.getContext("2d");if(!p)throw new Error("Failed to get canvas context");p.drawImage(r,0,0,o,i);{const h=It*n,x=Pt*n,y=z.badges,v=(g,I)=>{const P=I/2,D=g.x*n-P,R=g.y*n-P;p.drawImage(l,D,R,I,I)};v(y.topLeft,h),v(y.topRight,h),v(y.bottomLeft,x),v(y.bottomRight,x)}if(p.drawImage(c,0,0,o,i),a==="front"){const h=kt[t].banner[e];Tt(p,h,z.banner.centerX*n,z.banner.centerY*n,z.banner.radius*n,z.banner.fontSize*n,z.banner.color)}const b=n<1?.8:.95;return d.toDataURL("image/jpeg",b)}async function Ct(e,t,a){const n=`${e}-${t}-${a}`;if(Te.has(n))return Te.get(n);const r=U.background||await E(_.background),c=a==="front"?U.frontFrame||await E(_.frontFrame):U.backFrame||await E(_.backFrame),l=U.badges[e]||await E(pe[e]),o=Lt(e,t,a,Se,r,c,l);return Te.set(n,o),o}async function $e(e,t,a){const n=`${e}-${t}-${a}`;if(oe.has(n))return oe.get(n);const r=U.background||await E(_.background),c=a==="front"?U.frontFrame||await E(_.frontFrame):U.backFrame||await E(_.backFrame),l=U.badges[e]||await E(pe[e]),o=Lt(e,t,a,1,r,c,l);if(oe.size>4){const i=oe.keys().next().value;i&&oe.delete(i)}return oe.set(n,o),o}function va(){return{width:Q,height:ee}}function ka(){Te.clear(),oe.clear(),ze.clear(),_e.clear(),Oe.clear()}async function Xe(e,t,a="front",n=Se){const r=`bg-${n}`;let c=ze.get(r);if(!c){const p=U.background||await E(_.background);c=wa(n,p),ze.set(r,c)}const l=`badges-${e}-${n}`;let o=_e.get(l);if(!o){const p=U.badges[e]||await E(pe[e]);o=ya(n,p),_e.set(l,o)}const i=`${a}-${n}`;let d=Oe.get(i);if(!d){const p=a==="front"?U.frontFrame||await E(_.frontFrame):U.backFrame||await E(_.backFrame),b=Math.round(Q*n),h=Math.round(ee*n),x=document.createElement("canvas");x.width=b,x.height=h;const y=x.getContext("2d");if(!y)throw new Error("Failed to get canvas context");y.drawImage(p,0,0,b,h),d=x.toDataURL("image/png"),Oe.set(i,d)}return{background:c,badges:o,frame:d}}async function Ia(){const e=[1,5,10],t=["de","en"],a=["front","back"],n=[];for(const r of e)for(const c of t)for(const l of a)n.push(Ct(r,c,l));await Promise.all(n)}function Ze(e,t){return{front:"",back:"",width:Q,height:ee}}const Re={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=Re,ue=Re;function Je(e){return Re}const Ke=.75;function Pa(e){const t=Je(),a=Ke,n=r=>({portrait:{x:r.portrait.x*a,y:r.portrait.y*a,radiusX:r.portrait.radiusX*a,radiusY:r.portrait.radiusY*a},namePlate:{x:r.namePlate.x*a,y:r.namePlate.y*a,fontSize:r.namePlate.fontSize*a,maxWidth:r.namePlate.maxWidth?r.namePlate.maxWidth*a:void 0,lineHeight:r.namePlate.lineHeight?r.namePlate.lineHeight*a:void 0,align:r.namePlate.align},contactInfo:r.contactInfo?{x:r.contactInfo.x*a,y:r.contactInfo.y*a,fontSize:r.contactInfo.fontSize*a,maxWidth:r.contactInfo.maxWidth?r.contactInfo.maxWidth*a:void 0,lineHeight:r.contactInfo.lineHeight?r.contactInfo.lineHeight*a:void 0,align:r.contactInfo.align}:void 0,description:r.description?{x:r.description.x*a,y:r.description.y*a,fontSize:r.description.fontSize*a,maxWidth:r.description.maxWidth?r.description.maxWidth*a:void 0,lineHeight:r.description.lineHeight?r.description.lineHeight*a:void 0,align:r.description.align}:void 0,signature:r.signature?{x:r.signature.x*a,y:r.signature.y*a,width:r.signature.width*a,height:r.signature.height*a,labelFontSize:r.signature.labelFontSize*a}:void 0});return{front:n(t.front),back:n(t.back)}}function Ta(e,t){const a=Ze();return{...a,width:Math.round(a.width*Ke),height:Math.round(a.height*Ke)}}function Ea(e,t){const[a,n]=f.useState(e);return f.useEffect(()=>{const r=setTimeout(()=>n(e),t);return()=>clearTimeout(r)},[e,t]),a}function La({onPortraitClick:e,onFileDrop:t}={}){const a=w(m=>m.appLanguage),n=w(m=>m.voucherConfig.language),r=w(m=>m.voucherConfig.hours),c=w(m=>m.voucherConfig.description),l=w(m=>m.voucherConfig.templateHue),o=w(m=>m.personalInfo),i=w(m=>m.portrait),d=w(m=>m.currentSide),p=w(m=>m.flipSide),b=w(m=>m.setPortraitPan),h=Ea(l,150),x=J(a),y=f.useRef(null),v=f.useRef(null),g=f.useRef(null),[I,P]=f.useState(!1),[D,R]=f.useState(!1),[B,M]=f.useState(!1),[A,S]=f.useState(!1),T=f.useRef(null),L=Ta(),j=Pa(),q=i.useEnhanced&&i.enhanced?i.enhanced:i.original,te=qe(n,r,c),[G,W]=f.useState(""),[Y,$]=f.useState(""),[ae,Be]=f.useState(""),[fe,Ne]=f.useState(""),[be,ne]=f.useState(""),[se,re]=f.useState(""),[ye,ve]=f.useState(!0);f.useEffect(()=>{let m=!0;ve(!0);async function H(){const[O,Z]=await Promise.all([Xe(r,n,"front"),Xe(r,n,"back")]);m&&(W(O.background),$(O.badges),Be(O.frame),Ne(Z.background),ne(Z.badges),re(Z.frame),ve(!1))}return H(),()=>{m=!1}},[r,n]),f.useEffect(()=>{!y.current||!G||!Y||!ae||yt(y.current,G,Y,ae,q,o.name,j.front,L.width,L.height,i.zoom,i.panX,i.panY,h,r,n)},[L,G,Y,ae,q,o.name,j,i.zoom,i.panX,i.panY,h,r,n]),f.useEffect(()=>{!v.current||!fe||!be||!se||vt(v.current,fe,be,se,o.name,o.email,o.phone,te,j.back,L.width,L.height,h,r,n)},[L,fe,be,se,o,te,j,h,r,n]);const xe=()=>{P(!I),p()};f.useEffect(()=>{P(d==="back")},[d]);const V=f.useCallback((m,H)=>{if(!g.current||d!=="front")return!1;const O=g.current.getBoundingClientRect(),Z=O.width/L.width,He=O.height/L.height,De=(m-O.left)/Z,Ae=(H-O.top)/He,{x:Me,y:Yt,radiusX:Ft,radiusY:zt}=j.front.portrait,Qe=(De-Me)/Ft,et=(Ae-Yt)/zt;return Qe*Qe+et*et<=1},[d,L.width,L.height,j.front.portrait]),ke=f.useCallback((m,H)=>{!i.original||i.zoom<=1||!V(m,H)||(R(!0),T.current={x:m,y:H,panX:i.panX,panY:i.panY})},[i.original,i.zoom,i.panX,i.panY,V]),Ie=f.useCallback((m,H)=>{if(!D||!T.current||!g.current)return;const O=g.current.getBoundingClientRect(),Z=3/Math.max(O.width,O.height),He=(m-T.current.x)*Z,De=(H-T.current.y)*Z,Ae=Math.max(-1,Math.min(1,T.current.panX+He)),Me=Math.max(-1,Math.min(1,T.current.panY+De));b(Ae,Me)},[D,b]),u=f.useCallback(()=>{R(!1),T.current=null},[]),k=f.useCallback((m,H)=>{!i.original&&V(m,H)&&e&&e()},[i.original,V,e]),N=m=>{V(m.clientX,m.clientY)&&(m.preventDefault(),i.original&&i.zoom>1&&ke(m.clientX,m.clientY))},C=m=>{D||k(m.clientX,m.clientY)},X=m=>{Ie(m.clientX,m.clientY),M(V(m.clientX,m.clientY))},F=()=>u(),Ht=()=>{u(),M(!1)},Dt=m=>{if(m.touches.length===1){const H=m.touches[0];i.zoom>1&&V(H.clientX,H.clientY)&&ke(H.clientX,H.clientY)}},At=m=>{m.touches.length===1&&Ie(m.touches[0].clientX,m.touches[0].clientY)},Mt=()=>u(),Ut=d==="front"&&i.original&&i.zoom>1,Wt=L.width/L.height;return s.jsxs("div",{className:"space-y-4",children:[s.jsxs("div",{className:"flex justify-between items-center",children:[s.jsxs("div",{className:"join border border-base-300 rounded-lg",children:[s.jsx("button",{className:`join-item btn btn-sm ${d==="front"?"btn-active btn-primary":"btn-ghost"}`,onClick:()=>d!=="front"&&xe(),children:x.preview.front}),s.jsx("button",{className:`join-item btn btn-sm ${d==="back"?"btn-active btn-primary":"btn-ghost"}`,onClick:()=>d!=="back"&&xe(),children:x.preview.back})]}),s.jsxs("button",{className:"btn btn-ghost btn-sm",onClick:xe,children:[s.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",className:"h-5 w-5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:s.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"})}),x.preview.flip]})]}),s.jsxs("div",{className:"relative w-full overflow-visible",style:{aspectRatio:Wt,perspective:"1500px"},children:[ye&&s.jsx("div",{className:"absolute inset-0 flex items-center justify-center bg-base-300 rounded-lg z-10",children:s.jsx("span",{className:"loading loading-spinner loading-lg text-primary"})}),s.jsxs("div",{ref:g,className:`relative w-full h-full shadow-lg ${B&&Ut?D?"cursor-grabbing":"cursor-grab":""} ${ye?"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:I?"rotateY(180deg)":"rotateY(0deg)"},onClick:C,onMouseDown:N,onMouseMove:X,onMouseUp:F,onMouseLeave:Ht,onTouchStart:Dt,onTouchMove:At,onTouchEnd:Mt,children:[s.jsx("canvas",{ref:y,className:"absolute inset-0 w-full h-full",style:{backfaceVisibility:"hidden",WebkitBackfaceVisibility:"hidden"}}),s.jsx("canvas",{ref:v,className:"absolute inset-0 w-full h-full",style:{backfaceVisibility:"hidden",WebkitBackfaceVisibility:"hidden",transform:"rotateY(180deg)"}}),!i.original&&d==="front"&&(e||t)&&s.jsx("div",{className:`absolute flex flex-col items-center justify-center cursor-pointer transition-colors duration-300 ease-in-out ${A?"bg-primary/20":"hover:bg-base-content/5"}`,style:{left:`${(j.front.portrait.x-j.front.portrait.radiusX)/L.width*100}%`,top:`${(j.front.portrait.y-j.front.portrait.radiusY)/L.height*100}%`,width:`${j.front.portrait.radiusX*2/L.width*100}%`,height:`${j.front.portrait.radiusY*2/L.height*100}%`,borderRadius:"50%",backfaceVisibility:"hidden",WebkitBackfaceVisibility:"hidden"},onClick:m=>{m.stopPropagation(),e==null||e()},onDragOver:m=>{m.preventDefault(),m.stopPropagation(),S(!0)},onDragLeave:m=>{m.preventDefault(),m.stopPropagation(),S(!1)},onDrop:m=>{m.preventDefault(),m.stopPropagation(),S(!1);const H=m.dataTransfer.files[0];H&&H.type.startsWith("image/")&&t&&t(H)},children:s.jsxs("button",{className:"btn btn-dash hover:btn-dash hover:border-base-content/60 flex flex-col items-center gap-1 h-auto py-3 px-4 bg-base-100/20 hover:bg-base-100/30",onClick:m=>{m.stopPropagation(),e==null||e()},children:[s.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",className:"w-11 h-10 text-base-content/50",fill:"none",viewBox:"0 0 26 24",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round",children:[s.jsx("circle",{cx:"11",cy:"8",r:"4"}),s.jsx("path",{d:"M3 21c0-4 4-6 8-6s8 2 8 6"}),s.jsx("line",{x1:"22",y1:"4",x2:"22",y2:"10",strokeWidth:2}),s.jsx("line",{x1:"19",y1:"7",x2:"25",y2:"7",strokeWidth:2})]}),s.jsx("span",{className:"text-xs",children:a==="de"?"Foto hochladen":"Upload photo"})]})})]})]})]})}function Ca(){const e=f.useRef(null),t=f.useRef(null);return{frontCanvasRef:e,backCanvasRef:t}}const Sa=`
 // RGB to HSL conversion
 function rgbToHsl(r, g, b) {
   r /= 255;
@@ -373,4 +373,4 @@ self.onmessage = async (e) => {
     });
   }
 };
-`;let Ye=null,ot=null;function Ra(){if(!Ye){const e=new Blob([ja],{type:"application/javascript"});ot=URL.createObjectURL(e),Ye=new Worker(ot,{type:"module"})}return Ye}async function ze(e){const a=await(await fetch(e)).blob();return URL.createObjectURL(a)}function it(e,t){const a=new Uint8Array(e);let n="";for(let r=0;r<a.length;r++)n+=String.fromCharCode(a[r]);return`data:${t};base64,${btoa(n)}`}async function St(e){const{frontTemplateSrc:t,backTemplateSrc:a,templateWidth:n,templateHeight:r,layout:c,portrait:l,portraitZoom:o=1,portraitPanX:s=0,portraitPanY:d=0,templateHue:p=160,name:x,email:h,phone:f,description:y,language:v="de"}=e,[g,I]=await Promise.all([ze(t),ze(a)]);let P=null;return l&&(P=await ze(l)),new Promise((D,j)=>{const B=Ra(),M=S=>{if(B.removeEventListener("message",M),B.removeEventListener("error",A),URL.revokeObjectURL(g),URL.revokeObjectURL(I),P&&URL.revokeObjectURL(P),S.data.type==="success")try{const{frontImageData:T,backImageData:L,width:R,height:V}=S.data;if(!T||!L||!R||!V){j(new Error("Invalid response from worker"));return}const te=it(T,"image/jpeg"),G=it(L,"image/jpeg"),F=R/96*25.4,W=V/96*25.4,$=new $t.jsPDF({orientation:F>W?"landscape":"portrait",unit:"mm",format:[F,W]});$.addImage(te,"JPEG",0,0,F,W),$.addPage([F,W]),$.addImage(G,"JPEG",0,0,F,W);const ae=$.output("blob");D(ae)}catch(T){j(T)}else j(new Error(S.data.error))},A=S=>{B.removeEventListener("message",M),B.removeEventListener("error",A),URL.revokeObjectURL(g),URL.revokeObjectURL(I),P&&URL.revokeObjectURL(P),j(new Error(S.message))};B.addEventListener("message",M),B.addEventListener("error",A),B.postMessage({type:"generate",frontTemplateUrl:g,backTemplateUrl:I,portraitUrl:P,templateWidth:n,templateHeight:r,templateHue:p,portraitZoom:o,portraitPanX:s,portraitPanY:d,layout:{front:{portrait:c.front.portrait,namePlate:c.front.namePlate},back:{namePlate:c.back.namePlate,contactInfo:c.back.contactInfo,description:c.back.description,signature:c.back.signature}},name:x,email:h,phone:f,description:y,language:v})})}function jt(e,t){const a=URL.createObjectURL(e),n=document.createElement("a");n.href=a,n.download=t,document.body.appendChild(n),n.click(),document.body.removeChild(n),URL.revokeObjectURL(a)}async function Rt(e){const t=await St(e);jt(t,e.filename)}function Ba(){const e=w(g=>g.appLanguage),t=w(g=>g.voucherConfig.language),a=w(g=>g.voucherConfig.hours),n=w(g=>g.voucherConfig.description),r=w(g=>g.voucherConfig.templateHue),c=w(g=>g.personalInfo),l=w(g=>g.portrait),o=w(g=>g.isExporting),s=w(g=>g.setIsExporting),d=J(e),p=Je(),x=Qe(),h=l.useEnhanced&&l.enhanced?l.enhanced:l.original,f=Ve(t,a,n),y=c.name.trim().length>0&&c.email.trim().length>0&&c.phone.trim().length>0&&l.original!==null,v=async()=>{if(!(!y||o)){s(!0);try{const[g,I]=await Promise.all([Xe(a,t,"front"),Xe(a,t,"back")]),P=`zeitgutschein-${a}h-${c.name.replace(/\s+/g,"-").toLowerCase()}.pdf`;await Rt({frontTemplateSrc:g,backTemplateSrc:I,templateWidth:p.width,templateHeight:p.height,layout:x,portrait:h,portraitZoom:l.zoom,portraitPanX:l.panX,portraitPanY:l.panY,templateHue:r,name:c.name,email:c.email,phone:c.phone,description:f,filename:P,language:t})}catch(g){console.error("PDF export failed:",g)}finally{s(!1)}}};return i.jsxs("button",{className:`btn btn-primary flex-1 ${y?"":"btn-disabled"}`,onClick:v,disabled:!y,"aria-busy":o,children:[o?i.jsx("span",{className:"loading loading-spinner loading-sm"}):i.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",className:"h-5 w-5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:i.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 Bt(){const e=w(n=>n.appLanguage),t=w(n=>n.setAppLanguage),a=n=>{t(n)};return i.jsxs("div",{className:"join",children:[i.jsx("button",{className:`join-item btn btn-sm ${e==="de"?"btn-active btn-primary":"btn-ghost"}`,onClick:()=>a("de"),children:"DE"}),i.jsx("button",{className:`join-item btn btn-sm ${e==="en"?"btn-active btn-primary":"btn-ghost"}`,onClick:()=>a("en"),children:"EN"})]})}function Na(){const e=w(a=>a.appLanguage),t=J(e);return i.jsxs("div",{className:"navbar bg-currency-green text-currency-cream shadow-lg",children:[i.jsx("div",{className:"navbar-start",children:i.jsx("a",{className:"btn btn-ghost text-xl font-currency font-bold",children:t.header.title})}),i.jsx("div",{className:"navbar-center hidden sm:flex",children:i.jsx("span",{className:"text-sm opacity-80",children:t.header.subtitle})}),i.jsx("div",{className:"navbar-end",children:i.jsx(Bt,{})})]})}const Le="/",Ha={id:"time-voucher-classic-de",name:"Zeitgutschein Classic",type:"time-voucher",category:"classic",images:{front:`${Le}templates/front_hdpi_de.jpg`,back:`${Le}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"]},Da={id:"time-voucher-classic-en",name:"Time Voucher Classic",type:"time-voucher",category:"classic",images:{front:`${Le}templates/front_ldpi_en.png`,back:`${Le}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:ue.front.portrait,name:ue.front.namePlate},back:{name:ue.back.namePlate,contactInfo:ue.back.contactInfo,description:ue.back.description}},languages:["en"]},st=[Ha,Da],Nt={async listTemplates(e){let t=[...st];return e!=null&&e.type&&(t=t.filter(a=>a.type===e.type)),e!=null&&e.category&&(t=t.filter(a=>a.category===e.category)),e!=null&&e.language&&(t=t.filter(a=>a.languages.includes(e.language))),t},async getTemplate(e){const t=st.find(a=>a.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 Re=Nt;function Ma(e){Re=e}function Ua(){return Re}async function Fa(e){return Re.listTemplates(e)}async function Wa(e){return Re.getTemplate(e)}exports.ApiKeyModal=ht;exports.BillPreview=Ca;exports.ExportButton=Ba;exports.Header=Na;exports.LAYOUT_HDPI=de;exports.LAYOUT_LDPI=ue;exports.LanguageToggle=Bt;exports.PREVIEW_HEIGHT=xa;exports.PREVIEW_WIDTH=ba;exports.PersonalInfoForm=Gt;exports.PortraitUpload=ma;exports.TEMPLATE_HEIGHT=ee;exports.TEMPLATE_LAYOUT=je;exports.TEMPLATE_WIDTH=Q;exports.VoucherConfig=pa;exports.applyEngravingEffect=lt;exports.applyHueShift=dt;exports.clearCompositorCache=Ia;exports.composeTemplate=Ct;exports.composeTemplateFullRes=Xe;exports.downloadBlob=jt;exports.drawContactInfo=wt;exports.drawMultilineText=xt;exports.drawOvalPortrait=bt;exports.drawTemplate=ie;exports.drawText=Ze;exports.enhancePortrait=ua;exports.exportBillAsPDF=Rt;exports.formatDescription=Ve;exports.generateBillPDF=St;exports.getApiKey=Ce;exports.getDefaultTemplateId=Aa;exports.getLayout=Qe;exports.getRemoveBackgroundEndpoint=ia;exports.getTemplate=Je;exports.getTemplateById=Wa;exports.getTemplateDimensions=ka;exports.getTemplateLayers=Ke;exports.getTemplateProvider=Ua;exports.hasApiKey=Te;exports.hasCustomEndpoint=sa;exports.listTemplates=Fa;exports.loadImage=E;exports.preloadAllTemplates=Pa;exports.preloadBaseImages=wa;exports.removeBackground=pt;exports.renderBackSide=vt;exports.renderFrontSide=yt;exports.setApiKey=mt;exports.setRemoveBackgroundEndpoint=oa;exports.setTemplateProvider=Ma;exports.staticTemplateProvider=Nt;exports.t=J;exports.useBillCanvasRefs=Sa;exports.useBillStore=w;
+`;let Ye=null,rt=null;function Ra(){if(!Ye){const e=new Blob([Sa],{type:"application/javascript"});rt=URL.createObjectURL(e),Ye=new Worker(rt,{type:"module"})}return Ye}async function Fe(e){const a=await(await fetch(e)).blob();return URL.createObjectURL(a)}function ot(e,t){const a=new Uint8Array(e);let n="";for(let r=0;r<a.length;r++)n+=String.fromCharCode(a[r]);return`data:${t};base64,${btoa(n)}`}async function St(e){const{frontTemplateSrc:t,backTemplateSrc:a,templateWidth:n,templateHeight:r,layout:c,portrait:l,portraitZoom:o=1,portraitPanX:i=0,portraitPanY:d=0,templateHue:p=160,name:b,email:h,phone:x,description:y,language:v="de"}=e,[g,I]=await Promise.all([Fe(t),Fe(a)]);let P=null;return l&&(P=await Fe(l)),new Promise((D,R)=>{const B=Ra(),M=S=>{if(B.removeEventListener("message",M),B.removeEventListener("error",A),URL.revokeObjectURL(g),URL.revokeObjectURL(I),P&&URL.revokeObjectURL(P),S.data.type==="success")try{const{frontImageData:T,backImageData:L,width:j,height:q}=S.data;if(!T||!L||!j||!q){R(new Error("Invalid response from worker"));return}const te=ot(T,"image/jpeg"),G=ot(L,"image/jpeg"),W=j/96*25.4,Y=q/96*25.4,$=new $t.jsPDF({orientation:W>Y?"landscape":"portrait",unit:"mm",format:[W,Y]});$.addImage(te,"JPEG",0,0,W,Y),$.addPage([W,Y]),$.addImage(G,"JPEG",0,0,W,Y);const ae=$.output("blob");D(ae)}catch(T){R(T)}else R(new Error(S.data.error))},A=S=>{B.removeEventListener("message",M),B.removeEventListener("error",A),URL.revokeObjectURL(g),URL.revokeObjectURL(I),P&&URL.revokeObjectURL(P),R(new Error(S.message))};B.addEventListener("message",M),B.addEventListener("error",A),B.postMessage({type:"generate",frontTemplateUrl:g,backTemplateUrl:I,portraitUrl:P,templateWidth:n,templateHeight:r,templateHue:p,portraitZoom:o,portraitPanX:i,portraitPanY:d,layout:{front:{portrait:c.front.portrait,namePlate:c.front.namePlate},back:{namePlate:c.back.namePlate,contactInfo:c.back.contactInfo,description:c.back.description,signature:c.back.signature}},name:b,email:h,phone:x,description:y,language:v})})}function Rt(e,t){const a=URL.createObjectURL(e),n=document.createElement("a");n.href=a,n.download=t,document.body.appendChild(n),n.click(),document.body.removeChild(n),URL.revokeObjectURL(a)}async function jt(e){const t=await St(e);Rt(t,e.filename)}function ja(){const e=w(g=>g.appLanguage),t=w(g=>g.voucherConfig.language),a=w(g=>g.voucherConfig.hours),n=w(g=>g.voucherConfig.description),r=w(g=>g.voucherConfig.templateHue),c=w(g=>g.personalInfo),l=w(g=>g.portrait),o=w(g=>g.isExporting),i=w(g=>g.setIsExporting),d=J(e),p=Ze(),b=Je(),h=l.useEnhanced&&l.enhanced?l.enhanced:l.original,x=qe(t,a,n),y=c.name.trim().length>0&&c.email.trim().length>0&&c.phone.trim().length>0&&l.original!==null,v=async()=>{if(!(!y||o)){i(!0);try{const[g,I]=await Promise.all([$e(a,t,"front"),$e(a,t,"back")]),P=`zeitgutschein-${a}h-${c.name.replace(/\s+/g,"-").toLowerCase()}.pdf`;await jt({frontTemplateSrc:g,backTemplateSrc:I,templateWidth:p.width,templateHeight:p.height,layout:b,portrait:h,portraitZoom:l.zoom,portraitPanX:l.panX,portraitPanY:l.panY,templateHue:r,name:c.name,email:c.email,phone:c.phone,description:x,filename:P,language:t})}catch(g){console.error("PDF export failed:",g)}finally{i(!1)}}};return s.jsxs("button",{className:`btn btn-primary w-full ${y?"":"btn-disabled"}`,onClick:v,disabled:!y,"aria-busy":o,children:[o?s.jsx("span",{className:"loading loading-spinner loading-sm"}):s.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",className:"h-5 w-5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:s.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 Bt(){const e=w(n=>n.appLanguage),t=w(n=>n.setAppLanguage),a=n=>{t(n)};return s.jsxs("div",{className:"join",children:[s.jsx("button",{className:`join-item btn btn-sm ${e==="de"?"btn-active btn-primary":"btn-ghost"}`,onClick:()=>a("de"),children:"DE"}),s.jsx("button",{className:`join-item btn btn-sm ${e==="en"?"btn-active btn-primary":"btn-ghost"}`,onClick:()=>a("en"),children:"EN"})]})}function Ba(){const e=w(a=>a.appLanguage),t=J(e);return s.jsxs("div",{className:"navbar bg-currency-green text-currency-cream shadow-lg",children:[s.jsx("div",{className:"navbar-start",children:s.jsx("a",{className:"btn btn-ghost text-xl font-currency font-bold",children:t.header.title})}),s.jsx("div",{className:"navbar-center hidden sm:flex",children:s.jsx("span",{className:"text-sm opacity-80",children:t.header.subtitle})}),s.jsx("div",{className:"navbar-end",children:s.jsx(Bt,{})})]})}const Le="/",Na={id:"time-voucher-classic-de",name:"Zeitgutschein Classic",type:"time-voucher",category:"classic",images:{front:`${Le}templates/front_hdpi_de.jpg`,back:`${Le}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"]},Ha={id:"time-voucher-classic-en",name:"Time Voucher Classic",type:"time-voucher",category:"classic",images:{front:`${Le}templates/front_ldpi_en.png`,back:`${Le}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:ue.front.portrait,name:ue.front.namePlate},back:{name:ue.back.namePlate,contactInfo:ue.back.contactInfo,description:ue.back.description}},languages:["en"]},it=[Na,Ha],Nt={async listTemplates(e){let t=[...it];return e!=null&&e.type&&(t=t.filter(a=>a.type===e.type)),e!=null&&e.category&&(t=t.filter(a=>a.category===e.category)),e!=null&&e.language&&(t=t.filter(a=>a.languages.includes(e.language))),t},async getTemplate(e){const t=it.find(a=>a.id===e);if(!t)throw new Error(`Template not found: ${e}`);return t}};function Da(e){return e==="de"?"time-voucher-classic-de":"time-voucher-classic-en"}let je=Nt;function Aa(e){je=e}function Ma(){return je}async function Ua(e){return je.listTemplates(e)}async function Wa(e){return je.getTemplate(e)}exports.ApiKeyModal=ht;exports.BillPreview=La;exports.ExportButton=ja;exports.Header=Ba;exports.LAYOUT_HDPI=de;exports.LAYOUT_LDPI=ue;exports.LanguageToggle=Bt;exports.PREVIEW_HEIGHT=ba;exports.PREVIEW_WIDTH=fa;exports.PersonalInfoForm=Gt;exports.PortraitUpload=ga;exports.TEMPLATE_HEIGHT=ee;exports.TEMPLATE_LAYOUT=Re;exports.TEMPLATE_WIDTH=Q;exports.VoucherConfig=ma;exports.applyEngravingEffect=lt;exports.applyHueShift=dt;exports.clearCompositorCache=ka;exports.composeTemplate=Ct;exports.composeTemplateFullRes=$e;exports.downloadBlob=Rt;exports.drawContactInfo=wt;exports.drawMultilineText=xt;exports.drawOvalPortrait=bt;exports.drawTemplate=ie;exports.drawText=Ge;exports.enhancePortrait=da;exports.exportBillAsPDF=jt;exports.formatDescription=qe;exports.generateBillPDF=St;exports.getApiKey=Ce;exports.getDefaultTemplateId=Da;exports.getLayout=Je;exports.getRemoveBackgroundEndpoint=oa;exports.getTemplate=Ze;exports.getTemplateById=Wa;exports.getTemplateDimensions=va;exports.getTemplateLayers=Xe;exports.getTemplateProvider=Ma;exports.hasApiKey=Pe;exports.hasCustomEndpoint=ia;exports.listTemplates=Ua;exports.loadImage=E;exports.preloadAllTemplates=Ia;exports.preloadBaseImages=xa;exports.removeBackground=pt;exports.renderBackSide=vt;exports.renderFrontSide=yt;exports.resizeImage=st;exports.setApiKey=mt;exports.setRemoveBackgroundEndpoint=ra;exports.setTemplateProvider=Aa;exports.staticTemplateProvider=Nt;exports.t=J;exports.useBillCanvasRefs=Ca;exports.useBillStore=w;

package/dist/index.d.ts

@@ -258,7 +258,12 @@ export declare interface PersonalInfo {
     phone: string;
 }
 
-export declare function PersonalInfoForm(): JSX.Element;
+export declare function PersonalInfoForm({ focusField, onFocused }?: PersonalInfoFormProps): JSX.Element;
+
+declare interface PersonalInfoFormProps {
+    focusField?: 'name' | 'email' | 'phone' | null;
+    onFocused?: () => void;
+}
 
 export declare interface PortraitConfig extends CanvasPosition {
     radiusX: number;
@@ -302,6 +307,14 @@ export declare function renderBackSide(canvas: HTMLCanvasElement, backgroundSrc:
 
 export declare function renderFrontSide(canvas: HTMLCanvasElement, backgroundSrc: string, badgesSrc: string, frameSrc: string, portraitSrc: string | null, name: string, layout: TemplateLayout, width: number, height: number, portraitZoom?: number, portraitPanX?: number, portraitPanY?: number, templateHue?: number, hours?: HourValue, language?: Language): Promise<void>;
 
+/**
+ * Resize image if it exceeds max dimensions
+ * @param imageDataUrl - Base64 data URL of the image
+ * @param maxSize - Maximum dimension (default 1024px)
+ * @returns Resized image as data URL (or original if already small enough)
+ */
+export declare function resizeImage(imageDataUrl: string, maxSize?: number): Promise<string>;
+
 export declare function setApiKey(key: string): void;
 
 /**