@antontranelis/money-printer 1.0.26 → 1.0.28

package/dist/index.cjs

@@ -1,11 +1,11 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),pt=require("zustand"),gt=require("zustand/middleware"),b=require("react"),ft=require("jspdf");var ne=typeof document<"u"?document.currentScript:null;const He={personalInfo:{name:"",email:"",phone:""},voucherConfig:{hours:1,description:"",language:"de",templateHue:160},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},w=pt.create()(gt.persist(e=>({...He,setPersonalInfo:t=>e(n=>({personalInfo:{...n.personalInfo,...t}})),setVoucherConfig:t=>e(n=>({voucherConfig:{...n.voucherConfig,...t}})),setPortrait:(t,n=null)=>e(r=>({portrait:{...r.portrait,original:t,enhanced:n,useEnhanced:!1,zoom:r.portrait.original&&t?r.portrait.zoom:1,panX:r.portrait.original&&t?r.portrait.panX:0,panY:r.portrait.original&&t?r.portrait.panY:0}})),setEnhancedPortrait:t=>e(n=>({portrait:{...n.portrait,enhanced:t,useEnhanced:t!==null}})),toggleUseEnhanced:()=>e(t=>({portrait:{...t.portrait,useEnhanced:t.portrait.enhanced?!t.portrait.useEnhanced:!1}})),setPortraitZoom:t=>e(n=>({portrait:{...n.portrait,zoom:t}})),setPortraitPan:(t,n)=>e(r=>({portrait:{...r.portrait,panX:t,panY:n}})),setPortraitRawImage:t=>e(n=>({portrait:{...n.portrait,rawImage:t}})),setPortraitBgRemoved:(t,n)=>e(r=>({portrait:{...r.portrait,bgRemoved:t,bgRemovedImage:n!==void 0?n:r.portrait.bgRemovedImage}})),setPortraitBgOpacity:t=>e(n=>({portrait:{...n.portrait,bgOpacity:t}})),setPortraitBgBlur:t=>e(n=>({portrait:{...n.portrait,bgBlur:t}})),setPortraitEngravingIntensity:t=>e(n=>({portrait:{...n.portrait,engravingIntensity:t}})),setCurrentSide:t=>e({currentSide:t}),flipSide:()=>e(t=>({currentSide:t.currentSide==="front"?"back":"front"})),setIsEnhancing:t=>e({isEnhancing:t}),setIsExporting:t=>e({isExporting:t}),setLanguage:t=>e(n=>({voucherConfig:{...n.voucherConfig,language:t}})),setHours:t=>e(n=>({voucherConfig:{...n.voucherConfig,hours:t}})),setTemplateHue:t=>e(n=>({voucherConfig:{...n.voucherConfig,templateHue:t}})),reset:()=>e(He)}),{name:"money-generator-storage",partialize:e=>({personalInfo:e.personalInfo,voucherConfig:e.voucherConfig,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}})})),bt={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?"},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"}},xt={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?"},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"}},wt={de:bt,en:xt};function F(e){return wt[e]}function Te(e,t,n){if(n&&n.trim())return n;const r=F(e),a=t===1?r.form.voucher.hourLabel:r.form.voucher.hoursLabel;return r.bill.descriptionText.replace("{hours}",t.toString()).replace("{hourLabel}",a)}function yt(){const e=w(a=>a.voucherConfig.language),t=w(a=>a.personalInfo),n=w(a=>a.setPersonalInfo),r=F(e);return o.jsxs("div",{className:"space-y-4",children:[o.jsxs("div",{className:"form-control",children:[o.jsx("label",{className:"label",children:o.jsx("span",{className:"label-text font-medium",children:r.form.personalInfo.name})}),o.jsx("input",{type:"text",placeholder:r.form.personalInfo.namePlaceholder,className:"input input-bordered w-full",value:t.name,onChange:a=>n({name:a.target.value})})]}),o.jsxs("div",{className:"form-control",children:[o.jsx("label",{className:"label",children:o.jsx("span",{className:"label-text font-medium",children:r.form.personalInfo.email})}),o.jsx("input",{type:"email",placeholder:r.form.personalInfo.emailPlaceholder,className:"input input-bordered w-full",value:t.email,onChange:a=>n({email:a.target.value})})]}),o.jsxs("div",{className:"form-control",children:[o.jsx("label",{className:"label",children:o.jsx("span",{className:"label-text font-medium",children:r.form.personalInfo.phone})}),o.jsx("input",{type:"tel",placeholder:r.form.personalInfo.phonePlaceholder,className:"input input-bordered w-full",value:t.phone,onChange:a=>n({phone:a.target.value})})]})]})}const vt=1024,ee=new Map;let W=null,De=null;function je(e,t){return W||(W=document.createElement("canvas"),De=W.getContext("2d",{willReadFrequently:!0})),(W.width!==e||W.height!==t)&&(W.width=e,W.height=t),De}function ie(e){const t=ee.get(e);return t?Promise.resolve(t):new Promise((n,r)=>{const a=new Image;a.onload=()=>{if(ee.size>10){const i=ee.keys().next().value;i&&ee.delete(i)}ee.set(e,a),n(a)},a.onerror=()=>r(new Error("Failed to load image")),a.src=e})}function It(){ee.clear()}async function kt(e,t=vt){const n=await ie(e),r=Math.max(n.width,n.height);if(r<=t)return e;const a=t/r,i=Math.round(n.width*a),s=Math.round(n.height*a),d=document.createElement("canvas"),c=d.getContext("2d");if(!c)throw new Error("Failed to get canvas context");return d.width=i,d.height=s,c.drawImage(n,0,0,i,s),d.toDataURL("image/jpeg",.9)}async function ye(e,t,n,r=0){const[a,i]=await Promise.all([ie(e),ie(t)]),s=je(a.width,a.height);if(s.clearRect(0,0,a.width,a.height),n>0){const d=r*20;s.save(),s.globalAlpha=n,d>0&&(s.filter=`blur(${d}px)`),s.drawImage(i,0,0,a.width,a.height),s.restore()}return s.drawImage(a,0,0),W.toDataURL("image/png")}async function Ye(e,t=.5){const n=await ie(e),r=je(n.width,n.height);r.clearRect(0,0,n.width,n.height),r.drawImage(n,0,0);const a=r.getImageData(0,0,n.width,n.height),i=a.data,s=new Uint32Array(i.buffer),d=1+t*.8,c=1-t;for(let u=0;u<s.length;u++){const p=s[u],g=p&255,h=p>>8&255,m=p>>16&255,y=p>>24&255;if(y===0)continue;let k=(((77*g+150*h+29*m>>8)/255-.5)*d+.5)*255;k<0?k=0:k>255&&(k=255);let P=k*.9+25,j=k*.78+15,I=k*.55+5;P>255&&(P=255),j>255&&(j=255),I>255&&(I=255);const C=g*c+P*t|0,R=h*c+j*t|0,H=m*c+I*t|0;s[u]=y<<24|H<<16|R<<8|C}return r.putImageData(a,0,0),W.toDataURL("image/png")}function Pt(e,t,n){e/=255,t/=255,n/=255;const r=Math.max(e,t,n),a=Math.min(e,t,n),i=(r+a)/2;let s=0,d=0;if(r!==a){const c=r-a;switch(d=i>.5?c/(2-r-a):c/(r+a),r){case e:s=((t-n)/c+(t<n?6:0))/6;break;case t:s=((n-e)/c+2)/6;break;case n:s=((e-t)/c+4)/6;break}}return[s,d,i]}function Ct(e,t,n){if(t===0){const s=Math.round(n*255);return[s,s,s]}const r=(s,d,c)=>(c<0&&(c+=1),c>1&&(c-=1),c<1/6?s+(d-s)*6*c:c<1/2?d:c<2/3?s+(d-s)*(2/3-c)*6:s),a=n<.5?n*(1+t):n+t-n*t,i=2*n-a;return[Math.round(r(i,a,e+1/3)*255),Math.round(r(i,a,e)*255),Math.round(r(i,a,e-1/3)*255)]}async function _e(e,t){if(t>=155&&t<=165)return e;const n=await ie(e),r=je(n.width,n.height);r.clearRect(0,0,n.width,n.height),r.drawImage(n,0,0);const a=r.getImageData(0,0,n.width,n.height),i=a.data,s=new Uint32Array(i.buffer),d=t%360/360,c=60/360,u=260/360,p=1e5,g=s.length;for(let h=0;h<g;h+=p){const m=Math.min(h+p,g);for(let y=h;y<m;y++){const f=s[y],k=f&255,P=f>>8&255,j=f>>16&255,I=f>>24&255;if(I===0)continue;const[C,R,H]=Pt(k,P,j);if(R<.06||C<c||C>u)continue;const B=d,[N,Y,E]=Ct(B,R,H);s[y]=I<<24|E<<16|Y<<8|N}m<g&&await new Promise(y=>setTimeout(y,0))}return r.putImageData(a,0,0),W.toDataURL("image/png")}const Tt="https://api.stability.ai/v1/generation",jt="https://api.stability.ai/v2beta/stable-image/edit/remove-background",We="stability_api_key";let ae=null;function St(e){ae=e}function Rt(){return ae}function Et(){return ae!==null}const Bt={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"},Me=[{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 Nt(e,t){const n=e/t;let r=Me[0],a=1/0;for(const i of Me){const s=i.width/i.height,d=Math.abs(n-s);d<a&&(a=d,r=i)}return r}function Lt(e){return new Promise((t,n)=>{const r=new Image;r.onload=()=>{const a=Nt(r.width,r.height),i=document.createElement("canvas");i.width=a.width,i.height=a.height;const s=i.getContext("2d");if(!s){n(new Error("Failed to get canvas context"));return}const d=r.width/r.height,c=a.width/a.height;let u=0,p=0,g=r.width,h=r.height;d>c?(g=r.height*c,u=(r.width-g)/2):(h=r.width/c,p=(r.height-h)/2),s.drawImage(r,u,p,g,h,0,0,a.width,a.height),t(i.toDataURL("image/png"))},r.onerror=()=>n(new Error("Failed to load image")),r.src=e})}function Xe(e){var s;const t=e.split(","),n=((s=t[0].match(/:(.*?);/))==null?void 0:s[1])||"image/png",r=atob(t[1]),a=r.length,i=new Uint8Array(a);for(let d=0;d<a;d++)i[d]=r.charCodeAt(d);return new Blob([i],{type:n})}function me(){var t;const e=typeof{url:typeof document>"u"?require("url").pathToFileURL(__filename).href:ne&&ne.tagName.toUpperCase()==="SCRIPT"&&ne.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(We):null}function $e(e){localStorage.setItem(We,e)}function Pe(){return ae?!0:me()!==null}async function Ht(e){const t=me();if(!t)throw new Error("No Stability AI API key configured");const{imageDataUrl:n,style:r,strength:a=.35}=e,i=await Lt(n),s=Xe(i),d=new FormData;d.append("init_image",s,"portrait.png"),d.append("init_image_mode","IMAGE_STRENGTH"),d.append("image_strength",String(1-a)),d.append("text_prompts[0][text]",Bt[r]),d.append("text_prompts[0][weight]","1"),d.append("cfg_scale","7"),d.append("samples","1"),d.append("steps","30");const u=await fetch(`${Tt}/stable-diffusion-xl-1024-v1-0/image-to-image`,{method:"POST",headers:{Authorization:`Bearer ${t}`,Accept:"application/json"},body:d});if(!u.ok){const g=await u.text();throw console.error("Stability AI error:",g),u.status===401?new Error("Invalid API key"):u.status===402?new Error("Insufficient credits"):u.status===429?new Error("Rate limit exceeded. Please try again later."):new Error(`API error: ${u.status}`)}const p=await u.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 Oe(e){if(ae){const s=await fetch(ae,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({imageDataUrl:e})});if(!s.ok){const c=await s.json().catch(()=>({}));throw new Error(c.error||`API error: ${s.status}`)}return(await s.json()).imageDataUrl}const t=me();if(!t)throw new Error("No Stability AI API key configured");const n=Xe(e),r=new FormData;r.append("image",n,"image.png"),r.append("output_format","png");const a=await fetch(jt,{method:"POST",headers:{Authorization:`Bearer ${t}`,Accept:"image/*"},body:r});if(!a.ok){const s=await a.text();throw console.error("Stability AI remove background error:",s),a.status===401?new Error("Invalid API key"):a.status===402?new Error("Insufficient credits"):a.status===429?new Error("Rate limit exceeded. Please try again later."):new Error(`API error: ${a.status}`)}const i=await a.blob();return new Promise((s,d)=>{const c=new FileReader;c.onload=()=>s(c.result),c.onerror=()=>d(new Error("Failed to read result")),c.readAsDataURL(i)})}function Dt(){const[e,t]=b.useState(!1),[n,r]=b.useState(!1),[a,i]=b.useState(null),[s,d]=b.useState(()=>Pe());b.useEffect(()=>{d(Pe())},[]);const c=b.useCallback(()=>i(null),[]),u=b.useCallback(h=>{$e(h),d(!0),i(null)},[]),p=b.useCallback(async(h,m=.5)=>{t(!0),i(null);try{return await Ye(h,m)}catch(y){const f=y instanceof Error?y.message:"Enhancement failed";throw i(f),y}finally{t(!1)}},[]),g=b.useCallback(async h=>{r(!0),i(null);try{return await Oe(h)}catch(m){const y=m instanceof Error?m.message:"Background removal failed";throw i(y),m}finally{r(!1)}},[]);return{enhance:p,removeBg:g,isEnhancing:e,isRemovingBg:n,error:a,hasKey:s,setApiKey:u,clearError:c}}function Fe({isOpen:e,onClose:t,onSubmit:n}){const r=w(u=>u.voucherConfig.language),[a,i]=b.useState("");if(!e)return null;const s=u=>{u.preventDefault(),a.trim()&&(n(a.trim()),i(""),t())},c={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."}}[r];return o.jsxs("dialog",{className:"modal modal-open",children:[o.jsxs("div",{className:"modal-box",children:[o.jsx("h3",{className:"font-bold text-lg",children:c.title}),o.jsx("p",{className:"py-4 text-sm opacity-80",children:c.description}),o.jsxs("form",{onSubmit:s,children:[o.jsxs("div",{className:"form-control",children:[o.jsx("input",{type:"password",placeholder:c.placeholder,className:"input input-bordered w-full",value:a,onChange:u=>i(u.target.value),autoFocus:!0}),o.jsx("label",{className:"label",children:o.jsx("span",{className:"label-text-alt",children:c.hint})})]}),o.jsxs("div",{className:"modal-action",children:[o.jsx("button",{type:"button",className:"btn btn-ghost",onClick:t,children:c.cancel}),o.jsx("button",{type:"submit",className:"btn btn-primary",disabled:!a.trim(),children:c.submit})]})]})]}),o.jsx("form",{method:"dialog",className:"modal-backdrop",children:o.jsx("button",{onClick:t,children:"close"})})]})}function Mt(){const e=w(l=>l.voucherConfig.language),t=w(l=>l.portrait),n=w(l=>l.setPortrait),r=w(l=>l.setPortraitZoom),a=w(l=>l.setPortraitPan),i=w(l=>l.setPortraitRawImage),s=w(l=>l.setPortraitBgRemoved),d=w(l=>l.setPortraitBgOpacity),c=w(l=>l.setPortraitBgBlur),u=w(l=>l.setPortraitEngravingIntensity),{enhance:p,removeBg:g,isEnhancing:h,isRemovingBg:m,error:y,hasKey:f,setApiKey:k}=Dt(),P=F(e),j=b.useRef(null),I=b.useRef(null),[C,R]=b.useState(!1),[H,B]=b.useState(!1),[N,Y]=b.useState(!1),E=b.useRef(null),D=b.useRef(null),M=b.useRef(null),S=t.rawImage,_=t.bgRemovedImage,A=t.bgRemoved,X=t.bgOpacity,V=t.bgBlur,se=t.engravingIntensity;b.useEffect(()=>{t.original&&!t.rawImage&&i(t.original)},[t.original,t.rawImage,i]),b.useEffect(()=>()=>{D.current&&clearTimeout(D.current),M.current&&clearTimeout(M.current)},[]);const re=b.useCallback(async l=>{if(!l.type.startsWith("image/"))return;const v=new FileReader;v.onload=async T=>{var ue;const U=(ue=T.target)==null?void 0:ue.result,de=await kt(U);i(de),n(de),s(!1,null),u(0)},v.readAsDataURL(l)},[n,i,s,u]),ge=b.useCallback(l=>{l.preventDefault(),R(!1);const v=l.dataTransfer.files[0];v&&re(v)},[re]),x=b.useCallback(l=>{l.preventDefault(),R(!0)},[]),L=b.useCallback(l=>{l.preventDefault(),R(!1)},[]),$=()=>{var l;(l=j.current)==null||l.click()},Z=l=>{var T;const v=(T=l.target.files)==null?void 0:T[0];v&&re(v)},O=b.useCallback(async(l,v)=>{try{return await p(l,v)}catch(T){return console.error("Enhancement failed:",T),l}},[p]),J=b.useCallback(async l=>{try{const v=await g(l);return s(!0,v),v}catch(v){return console.error("Background removal failed:",v),l}},[g,s]),q=b.useCallback(async()=>{const l=w.getState().portrait;if(!l.rawImage)return;let v;l.bgRemoved&&l.bgRemovedImage?v=await ye(l.bgRemovedImage,l.rawImage,l.bgOpacity,l.bgBlur):v=l.rawImage,l.engravingIntensity>0&&(v=await O(v,l.engravingIntensity)),n(v)},[O,n]),oe=async()=>{if(!S)return;if(!A&&!f){B(!0);return}if(!A){const v=await J(S),T=w.getState().portrait;let U=await ye(v,S,T.bgOpacity,T.bgBlur);T.engravingIntensity>0&&(U=await O(U,T.engravingIntensity)),n(U)}else{s(!1,null);const v=w.getState().portrait.engravingIntensity;if(v>0){const T=await O(S,v);n(T)}else n(S)}},fe=l=>{u(l),D.current&&clearTimeout(D.current),S&&(D.current=setTimeout(q,150))},be=async l=>{if(k(l),!S)return;const v=await J(S),T=w.getState().portrait;let U=await ye(v,S,T.bgOpacity,T.bgBlur);T.engravingIntensity>0&&(U=await O(U,T.engravingIntensity)),n(U)},xe=l=>{d(l),M.current&&clearTimeout(M.current),!(!S||!_)&&(M.current=setTimeout(q,150))},le=l=>{c(l),M.current&&clearTimeout(M.current),!(!S||!_)&&(M.current=setTimeout(q,150))},ce=()=>{n(null),i(null),s(!1,null),d(0),c(0),u(0),It()},Ne=(l,v)=>{t.zoom<=1||(Y(!0),E.current={x:l,y:v,panX:t.panX,panY:t.panY})},Le=(l,v)=>{if(!N||!E.current||!I.current)return;const T=I.current.getBoundingClientRect(),U=2/Math.max(T.width,T.height),de=(l-E.current.x)*U,ue=(v-E.current.y)*U,ht=Math.max(-1,Math.min(1,E.current.panX+de)),mt=Math.max(-1,Math.min(1,E.current.panY+ue));a(ht,mt)},we=()=>{Y(!1),E.current=null},ot=l=>{l.preventDefault(),Ne(l.clientX,l.clientY)},it=l=>{Le(l.clientX,l.clientY)},st=()=>{we()},lt=()=>{we()},ct=l=>{l.touches.length===1&&Ne(l.touches[0].clientX,l.touches[0].clientY)},dt=l=>{l.touches.length===1&&Le(l.touches[0].clientX,l.touches[0].clientY)},ut=()=>{we()};return o.jsxs("div",{className:"space-y-4",children:[t.original?o.jsxs("div",{className:"flex flex-col items-center space-y-4",children:[o.jsxs("div",{className:"relative",children:[o.jsx("div",{ref:I,className:`w-32 h-32 rounded-full overflow-hidden border-4 border-currency-gold shadow-lg ${t.zoom>1?"cursor-grab":""} ${N?"cursor-grabbing":""}`,onMouseDown:ot,onMouseMove:it,onMouseUp:st,onMouseLeave:lt,onTouchStart:ct,onTouchMove:dt,onTouchEnd:ut,children:o.jsx("img",{src:t.original||"",alt:"Portrait",className:"w-full h-full object-cover pointer-events-none select-none",style:{transform:`scale(${t.zoom}) translate(${t.panX*50*(t.zoom-1)}%, ${t.panY*50*(t.zoom-1)}%)`},draggable:!1})}),o.jsx("button",{className:"btn btn-circle btn-xs btn-error absolute -top-1 -right-1",onClick:ce,children:o.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",className:"h-4 w-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:o.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"})})})]}),o.jsxs("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-4 w-full",children:[o.jsxs("div",{className:"form-control w-full",children:[o.jsxs("label",{className:"label",children:[o.jsx("span",{className:"label-text",children:P.form.portrait.zoom}),o.jsxs("span",{className:"label-text-alt",children:[Math.round(t.zoom*100),"%"]})]}),o.jsx("input",{type:"range",min:"0.5",max:"2",step:"0.05",value:t.zoom,onChange:l=>{const v=parseFloat(l.target.value);r(v),v<=1&&(t.panX!==0||t.panY!==0)&&a(0,0)},className:"range range-primary range-sm"})]}),o.jsxs("div",{className:"form-control w-full",children:[o.jsxs("label",{className:"label",children:[o.jsxs("span",{className:"label-text flex items-center gap-2",children:[e==="de"?"Sepia-Effekt":"Sepia effect",h&&o.jsx("span",{className:"loading loading-spinner loading-xs"})]}),o.jsxs("span",{className:"label-text-alt",children:[Math.round(se*100),"%"]})]}),o.jsx("input",{type:"range",min:"0",max:"1",step:"0.05",value:se,onChange:l=>fe(parseFloat(l.target.value)),className:"range range-secondary range-sm",disabled:h||!S})]})]}),A?o.jsxs("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-4 w-full",children:[o.jsxs("div",{className:"form-control w-full",children:[o.jsxs("label",{className:"label",children:[o.jsx("span",{className:"label-text",children:e==="de"?"Hintergrund":"Background"}),o.jsxs("span",{className:"label-text-alt",children:[Math.round(X*100),"%"]})]}),o.jsx("input",{type:"range",min:"0",max:"1",step:"0.05",value:X,onChange:l=>xe(parseFloat(l.target.value)),className:"range range-primary range-sm"})]}),o.jsxs("div",{className:"form-control w-full",children:[o.jsxs("label",{className:"label",children:[o.jsx("span",{className:"label-text",children:e==="de"?"Unschärfe":"Blur"}),o.jsxs("span",{className:"label-text-alt",children:[Math.round(V*100),"%"]})]}),o.jsx("input",{type:"range",min:"0",max:"1",step:"0.05",value:V,onChange:l=>le(parseFloat(l.target.value)),className:"range range-primary range-sm"})]})]}):o.jsx("div",{className:"form-control",children:o.jsxs("label",{className:"label cursor-pointer justify-start gap-3",children:[o.jsx("input",{type:"checkbox",className:`toggle toggle-primary ${m?"opacity-50":""}`,checked:A,onChange:oe,disabled:m||!S}),o.jsxs("span",{className:"label-text flex items-center gap-2",children:[m?o.jsxs(o.Fragment,{children:[o.jsx("span",{className:"loading loading-spinner loading-xs"}),e==="de"?"Hintergrund wird entfernt...":"Removing background..."]}):e==="de"?"Hintergrund entfernen":"Remove background",!f&&o.jsx("span",{className:"badge badge-sm badge-outline",children:"API"})]})]})}),y&&o.jsxs("div",{className:"alert alert-warning text-sm py-2",children:[o.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:o.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"})}),o.jsx("span",{children:y})]})]}):o.jsxs("div",{className:`border-2 border-dashed rounded-lg p-8 text-center cursor-pointer transition-colors ${m?"border-primary bg-primary/10 pointer-events-none":C?"border-primary bg-primary/10":"border-base-300 hover:border-primary hover:bg-base-200"}`,onDrop:ge,onDragOver:x,onDragLeave:L,onClick:$,children:[o.jsx("input",{ref:j,type:"file",accept:"image/*",className:"hidden",onChange:Z}),m?o.jsxs("div",{className:"flex flex-col items-center gap-2",children:[o.jsx("span",{className:"loading loading-spinner loading-lg text-primary"}),o.jsx("p",{className:"font-medium",children:e==="de"?"Hintergrund wird entfernt...":"Removing background..."})]}):o.jsxs("div",{className:"flex flex-col items-center gap-2",children:[o.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:o.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"})}),o.jsx("p",{className:"font-medium",children:P.form.portrait.upload}),o.jsx("p",{className:"text-sm text-base-content/60",children:P.form.portrait.dragDrop})]})]}),o.jsx(Fe,{isOpen:H,onClose:()=>B(!1),onSubmit:be})]})}function At(){const e=w(a=>a.voucherConfig.language),t=w(a=>a.voucherConfig.templateHue),n=w(a=>a.setTemplateHue),r=F(e);return o.jsx("div",{className:"space-y-4",children:o.jsxs("div",{className:"form-control",children:[o.jsxs("label",{className:"label",children:[o.jsx("span",{className:"label-text font-medium",children:r.form.billColor.label}),o.jsxs("span",{className:"label-text-alt",children:[t,"°"]})]}),o.jsx("input",{type:"range",min:"0",max:"360",value:t,onChange:a=>n(Number(a.target.value)),className:"w-full h-3 rounded-lg appearance-none cursor-pointer [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:w-5 [&::-webkit-slider-thumb]:h-5 [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:bg-white [&::-webkit-slider-thumb]:shadow-md [&::-webkit-slider-thumb]:border-2 [&::-webkit-slider-thumb]:border-gray-300 [&::-moz-range-thumb]:w-5 [&::-moz-range-thumb]:h-5 [&::-moz-range-thumb]:rounded-full [&::-moz-range-thumb]:bg-white [&::-moz-range-thumb]:shadow-md [&::-moz-range-thumb]:border-2 [&::-moz-range-thumb]:border-gray-300",style:{background:`linear-gradient(to right,
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),bt=require("zustand"),xt=require("zustand/middleware"),p=require("react"),wt=require("jspdf");var ie=typeof document<"u"?document.currentScript:null;const Ne={personalInfo:{name:"",email:"",phone:""},voucherConfig:{hours:1,description:"",language:"de",templateHue:160},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},b=bt.create()(xt.persist(e=>({...Ne,setPersonalInfo:t=>e(n=>({personalInfo:{...n.personalInfo,...t}})),setVoucherConfig:t=>e(n=>({voucherConfig:{...n.voucherConfig,...t}})),setPortrait:(t,n=null)=>e(r=>({portrait:{...r.portrait,original:t,enhanced:n,useEnhanced:!1,zoom:r.portrait.original&&t?r.portrait.zoom:1,panX:r.portrait.original&&t?r.portrait.panX:0,panY:r.portrait.original&&t?r.portrait.panY:0}})),setEnhancedPortrait:t=>e(n=>({portrait:{...n.portrait,enhanced:t,useEnhanced:t!==null}})),toggleUseEnhanced:()=>e(t=>({portrait:{...t.portrait,useEnhanced:t.portrait.enhanced?!t.portrait.useEnhanced:!1}})),setPortraitZoom:t=>e(n=>({portrait:{...n.portrait,zoom:t}})),setPortraitPan:(t,n)=>e(r=>({portrait:{...r.portrait,panX:t,panY:n}})),setPortraitRawImage:t=>e(n=>({portrait:{...n.portrait,rawImage:t}})),setPortraitBgRemoved:(t,n)=>e(r=>({portrait:{...r.portrait,bgRemoved:t,bgRemovedImage:n!==void 0?n:r.portrait.bgRemovedImage}})),setPortraitBgOpacity:t=>e(n=>({portrait:{...n.portrait,bgOpacity:t}})),setPortraitBgBlur:t=>e(n=>({portrait:{...n.portrait,bgBlur:t}})),setPortraitEngravingIntensity:t=>e(n=>({portrait:{...n.portrait,engravingIntensity:t}})),setCurrentSide:t=>e({currentSide:t}),flipSide:()=>e(t=>({currentSide:t.currentSide==="front"?"back":"front"})),setIsEnhancing:t=>e({isEnhancing:t}),setIsExporting:t=>e({isExporting:t}),setLanguage:t=>e(n=>({voucherConfig:{...n.voucherConfig,language:t}})),setHours:t=>e(n=>({voucherConfig:{...n.voucherConfig,hours:t}})),setTemplateHue:t=>e(n=>({voucherConfig:{...n.voucherConfig,templateHue:t}})),reset:()=>e(Ne)}),{name:"money-generator-storage",partialize:e=>({personalInfo:e.personalInfo,voucherConfig:e.voucherConfig,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}})})),yt={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?"},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"}},vt={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?"},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"}},kt={de:yt,en:vt};function K(e){return kt[e]}function Se(e,t,n){if(n&&n.trim())return n;const r=K(e),a=t===1?r.form.voucher.hourLabel:r.form.voucher.hoursLabel;return r.bill.descriptionText.replace("{hours}",t.toString()).replace("{hourLabel}",a)}function It(){const e=b(a=>a.voucherConfig.language),t=b(a=>a.personalInfo),n=b(a=>a.setPersonalInfo),r=K(e);return o.jsxs("div",{className:"space-y-4",children:[o.jsxs("div",{className:"form-control",children:[o.jsx("label",{className:"label",children:o.jsx("span",{className:"label-text font-medium",children:r.form.personalInfo.name})}),o.jsx("input",{type:"text",placeholder:r.form.personalInfo.namePlaceholder,className:"input input-bordered w-full",value:t.name,onChange:a=>n({name:a.target.value})})]}),o.jsxs("div",{className:"form-control",children:[o.jsx("label",{className:"label",children:o.jsx("span",{className:"label-text font-medium",children:r.form.personalInfo.email})}),o.jsx("input",{type:"email",placeholder:r.form.personalInfo.emailPlaceholder,className:"input input-bordered w-full",value:t.email,onChange:a=>n({email:a.target.value})})]}),o.jsxs("div",{className:"form-control",children:[o.jsx("label",{className:"label",children:o.jsx("span",{className:"label-text font-medium",children:r.form.personalInfo.phone})}),o.jsx("input",{type:"tel",placeholder:r.form.personalInfo.phonePlaceholder,className:"input input-bordered w-full",value:t.phone,onChange:a=>n({phone:a.target.value})})]})]})}const Pt=1024,re=new Map;let $=null,De=null;function Te(e,t){return $||($=document.createElement("canvas"),De=$.getContext("2d",{willReadFrequently:!0})),($.width!==e||$.height!==t)&&($.width=e,$.height=t),De}function de(e){const t=re.get(e);return t?Promise.resolve(t):new Promise((n,r)=>{const a=new Image;a.onload=()=>{if(re.size>10){const i=re.keys().next().value;i&&re.delete(i)}re.set(e,a),n(a)},a.onerror=()=>r(new Error("Failed to load image")),a.src=e})}function Ct(){re.clear()}async function St(e,t=Pt){const n=await de(e),r=Math.max(n.width,n.height);if(r<=t)return e;const a=t/r,i=Math.round(n.width*a),s=Math.round(n.height*a),c=document.createElement("canvas"),d=c.getContext("2d");if(!d)throw new Error("Failed to get canvas context");return c.width=i,c.height=s,d.drawImage(n,0,0,i,s),c.toDataURL("image/jpeg",.9)}async function ye(e,t,n,r=0){const[a,i]=await Promise.all([de(e),de(t)]),s=Te(a.width,a.height);if(s.clearRect(0,0,a.width,a.height),n>0){const c=r*20;s.save(),s.globalAlpha=n,c>0&&(s.filter=`blur(${c}px)`),s.drawImage(i,0,0,a.width,a.height),s.restore()}return s.drawImage(a,0,0),$.toDataURL("image/png")}async function Ye(e,t=.5,n=40){const r=await de(e),a=Te(r.width,r.height);a.clearRect(0,0,r.width,r.height),a.drawImage(r,0,0);const i=a.getImageData(0,0,r.width,r.height),s=i.data,c=new Uint32Array(s.buffer),d=1+t*.8,u=1-t,y=n%360/360;for(let x=0;x<c.length;x++){const g=c[x],h=g&255,v=g>>8&255,m=g>>16&255,T=g>>24&255;if(T===0)continue;let k=(((77*h+150*v+29*m>>8)/255-.5)*d+.5)*255;k<0?k=0:k>255&&(k=255);const I=k/255,R=.12,[S,U,N]=_e(y,R,I),j=h*u+S*t|0,D=v*u+U*t|0,E=m*u+N*t|0;c[x]=T<<24|E<<16|D<<8|j}return a.putImageData(i,0,0),$.toDataURL("image/png")}function Tt(e,t,n){e/=255,t/=255,n/=255;const r=Math.max(e,t,n),a=Math.min(e,t,n),i=(r+a)/2;let s=0,c=0;if(r!==a){const d=r-a;switch(c=i>.5?d/(2-r-a):d/(r+a),r){case e:s=((t-n)/d+(t<n?6:0))/6;break;case t:s=((n-e)/d+2)/6;break;case n:s=((e-t)/d+4)/6;break}}return[s,c,i]}function _e(e,t,n){if(t===0){const s=Math.round(n*255);return[s,s,s]}const r=(s,c,d)=>(d<0&&(d+=1),d>1&&(d-=1),d<1/6?s+(c-s)*6*d:d<1/2?c:d<2/3?s+(c-s)*(2/3-d)*6:s),a=n<.5?n*(1+t):n+t-n*t,i=2*n-a;return[Math.round(r(i,a,e+1/3)*255),Math.round(r(i,a,e)*255),Math.round(r(i,a,e-1/3)*255)]}async function We(e,t){if(t>=155&&t<=165)return e;const n=await de(e),r=Te(n.width,n.height);r.clearRect(0,0,n.width,n.height),r.drawImage(n,0,0);const a=r.getImageData(0,0,n.width,n.height),i=a.data,s=new Uint32Array(i.buffer),c=t%360/360,d=60/360,u=260/360,y=1e5,x=s.length;for(let g=0;g<x;g+=y){const h=Math.min(g+y,x);for(let v=g;v<h;v++){const m=s[v],T=m&255,H=m>>8&255,k=m>>16&255,I=m>>24&255;if(I===0)continue;const[R,S,U]=Tt(T,H,k);if(S<.06||R<d||R>u)continue;const N=c,[j,D,E]=_e(N,S,U);s[v]=I<<24|E<<16|D<<8|j}h<x&&await new Promise(v=>setTimeout(v,0))}return r.putImageData(a,0,0),$.toDataURL("image/png")}const Rt="https://api.stability.ai/v1/generation",jt="https://api.stability.ai/v2beta/stable-image/edit/remove-background",Xe="stability_api_key";let se=null;function Et(e){se=e}function Bt(){return se}function Ht(){return se!==null}const Lt={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"},Me=[{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 Nt(e,t){const n=e/t;let r=Me[0],a=1/0;for(const i of Me){const s=i.width/i.height,c=Math.abs(n-s);c<a&&(a=c,r=i)}return r}function Dt(e){return new Promise((t,n)=>{const r=new Image;r.onload=()=>{const a=Nt(r.width,r.height),i=document.createElement("canvas");i.width=a.width,i.height=a.height;const s=i.getContext("2d");if(!s){n(new Error("Failed to get canvas context"));return}const c=r.width/r.height,d=a.width/a.height;let u=0,y=0,x=r.width,g=r.height;c>d?(x=r.height*d,u=(r.width-x)/2):(g=r.width/d,y=(r.height-g)/2),s.drawImage(r,u,y,x,g,0,0,a.width,a.height),t(i.toDataURL("image/png"))},r.onerror=()=>n(new Error("Failed to load image")),r.src=e})}function $e(e){var s;const t=e.split(","),n=((s=t[0].match(/:(.*?);/))==null?void 0:s[1])||"image/png",r=atob(t[1]),a=r.length,i=new Uint8Array(a);for(let c=0;c<a;c++)i[c]=r.charCodeAt(c);return new Blob([i],{type:n})}function pe(){var t;const e=typeof{url:typeof document>"u"?require("url").pathToFileURL(__filename).href:ie&&ie.tagName.toUpperCase()==="SCRIPT"&&ie.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(Xe):null}function Oe(e){localStorage.setItem(Xe,e)}function Pe(){return se?!0:pe()!==null}async function Mt(e){const t=pe();if(!t)throw new Error("No Stability AI API key configured");const{imageDataUrl:n,style:r,strength:a=.35}=e,i=await Dt(n),s=$e(i),c=new FormData;c.append("init_image",s,"portrait.png"),c.append("init_image_mode","IMAGE_STRENGTH"),c.append("image_strength",String(1-a)),c.append("text_prompts[0][text]",Lt[r]),c.append("text_prompts[0][weight]","1"),c.append("cfg_scale","7"),c.append("samples","1"),c.append("steps","30");const u=await fetch(`${Rt}/stable-diffusion-xl-1024-v1-0/image-to-image`,{method:"POST",headers:{Authorization:`Bearer ${t}`,Accept:"application/json"},body:c});if(!u.ok){const x=await u.text();throw console.error("Stability AI error:",x),u.status===401?new Error("Invalid API key"):u.status===402?new Error("Insufficient credits"):u.status===429?new Error("Rate limit exceeded. Please try again later."):new Error(`API error: ${u.status}`)}const y=await u.json();if(!y.artifacts||y.artifacts.length===0)throw new Error("No image generated");return`data:image/png;base64,${y.artifacts[0].base64}`}async function Fe(e){if(se){const s=await fetch(se,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({imageDataUrl:e})});if(!s.ok){const d=await s.json().catch(()=>({}));throw new Error(d.error||`API error: ${s.status}`)}return(await s.json()).imageDataUrl}const t=pe();if(!t)throw new Error("No Stability AI API key configured");const n=$e(e),r=new FormData;r.append("image",n,"image.png"),r.append("output_format","png");const a=await fetch(jt,{method:"POST",headers:{Authorization:`Bearer ${t}`,Accept:"image/*"},body:r});if(!a.ok){const s=await a.text();throw console.error("Stability AI remove background error:",s),a.status===401?new Error("Invalid API key"):a.status===402?new Error("Insufficient credits"):a.status===429?new Error("Rate limit exceeded. Please try again later."):new Error(`API error: ${a.status}`)}const i=await a.blob();return new Promise((s,c)=>{const d=new FileReader;d.onload=()=>s(d.result),d.onerror=()=>c(new Error("Failed to read result")),d.readAsDataURL(i)})}function At(){const[e,t]=p.useState(!1),[n,r]=p.useState(!1),[a,i]=p.useState(null),[s,c]=p.useState(()=>Pe());p.useEffect(()=>{c(Pe())},[]);const d=p.useCallback(()=>i(null),[]),u=p.useCallback(g=>{Oe(g),c(!0),i(null)},[]),y=p.useCallback(async(g,h=.5,v=40)=>{t(!0),i(null);try{return await Ye(g,h,v)}catch(m){const T=m instanceof Error?m.message:"Enhancement failed";throw i(T),m}finally{t(!1)}},[]),x=p.useCallback(async g=>{r(!0),i(null);try{return await Fe(g)}catch(h){const v=h instanceof Error?h.message:"Background removal failed";throw i(v),h}finally{r(!1)}},[]);return{enhance:y,removeBg:x,isEnhancing:e,isRemovingBg:n,error:a,hasKey:s,setApiKey:u,clearError:d}}function qe({isOpen:e,onClose:t,onSubmit:n}){const r=b(u=>u.voucherConfig.language),[a,i]=p.useState("");if(!e)return null;const s=u=>{u.preventDefault(),a.trim()&&(n(a.trim()),i(""),t())},d={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."}}[r];return o.jsxs("dialog",{className:"modal modal-open",children:[o.jsxs("div",{className:"modal-box",children:[o.jsx("h3",{className:"font-bold text-lg",children:d.title}),o.jsx("p",{className:"py-4 text-sm opacity-80",children:d.description}),o.jsxs("form",{onSubmit:s,children:[o.jsxs("div",{className:"form-control",children:[o.jsx("input",{type:"password",placeholder:d.placeholder,className:"input input-bordered w-full",value:a,onChange:u=>i(u.target.value),autoFocus:!0}),o.jsx("label",{className:"label",children:o.jsx("span",{className:"label-text-alt",children:d.hint})})]}),o.jsxs("div",{className:"modal-action",children:[o.jsx("button",{type:"button",className:"btn btn-ghost",onClick:t,children:d.cancel}),o.jsx("button",{type:"submit",className:"btn btn-primary",disabled:!a.trim(),children:d.submit})]})]})]}),o.jsx("form",{method:"dialog",className:"modal-backdrop",children:o.jsx("button",{onClick:t,children:"close"})})]})}function Ut(){const e=b(l=>l.voucherConfig.language),t=b(l=>l.portrait),n=b(l=>l.setPortrait),r=b(l=>l.setPortraitZoom),a=b(l=>l.setPortraitPan),i=b(l=>l.setPortraitRawImage),s=b(l=>l.setPortraitBgRemoved),c=b(l=>l.setPortraitBgOpacity),d=b(l=>l.setPortraitBgBlur),u=b(l=>l.setPortraitEngravingIntensity),{enhance:y,removeBg:x,isEnhancing:g,isRemovingBg:h,error:v,hasKey:m,setApiKey:T}=At(),H=K(e),k=p.useRef(null),I=p.useRef(null),[R,S]=p.useState(!1),[U,N]=p.useState(!1),[j,D]=p.useState(!1),E=p.useRef(null),L=p.useRef(null),M=p.useRef(null),B=t.rawImage,J=t.bgRemovedImage,z=t.bgRemoved,W=t.bgOpacity,O=t.bgBlur,Q=t.engravingIntensity;p.useEffect(()=>{t.original&&!t.rawImage&&i(t.original)},[t.original,t.rawImage,i]),p.useEffect(()=>()=>{L.current&&clearTimeout(L.current),M.current&&clearTimeout(M.current)},[]);const ee=b(l=>l.voucherConfig.templateHue),ue=p.useRef(ee),f=p.useCallback(async l=>{if(!l.type.startsWith("image/"))return;const w=new FileReader;w.onload=async C=>{var Y;const P=(Y=C.target)==null?void 0:Y.result,X=await St(P);i(X),n(X),s(!1,null),u(0)},w.readAsDataURL(l)},[n,i,s,u]),A=p.useCallback(l=>{l.preventDefault(),S(!1);const w=l.dataTransfer.files[0];w&&f(w)},[f]),F=p.useCallback(l=>{l.preventDefault(),S(!0)},[]),te=p.useCallback(l=>{l.preventDefault(),S(!1)},[]),le=()=>{var l;(l=k.current)==null||l.click()},ce=l=>{var C;const w=(C=l.target.files)==null?void 0:C[0];w&&f(w)},q=p.useCallback(async(l,w,C)=>{try{return await y(l,w,C)}catch(P){return console.error("Enhancement failed:",P),l}},[y]),ne=p.useCallback(async l=>{try{const w=await x(l);return s(!0,w),w}catch(w){return console.error("Background removal failed:",w),l}},[x,s]),G=p.useCallback(async()=>{const l=b.getState(),w=l.portrait,C=l.voucherConfig.templateHue;if(!w.rawImage)return;let P;w.bgRemoved&&w.bgRemovedImage?P=await ye(w.bgRemovedImage,w.rawImage,w.bgOpacity,w.bgBlur):P=w.rawImage,w.engravingIntensity>0&&(P=await q(P,w.engravingIntensity,C)),n(P)},[q,n]);p.useEffect(()=>{if(ue.current===ee)return;ue.current=ee;const l=b.getState().portrait;l.engravingIntensity>0&&l.rawImage&&(L.current&&clearTimeout(L.current),L.current=setTimeout(G,150))},[ee,G]);const be=async()=>{if(!B)return;if(!z&&!m){N(!0);return}if(!z){const w=await ne(B),C=b.getState(),P=C.portrait,X=C.voucherConfig.templateHue;let Y=await ye(w,B,P.bgOpacity,P.bgBlur);P.engravingIntensity>0&&(Y=await q(Y,P.engravingIntensity,X)),n(Y)}else{s(!1,null);const w=b.getState(),C=w.portrait.engravingIntensity,P=w.voucherConfig.templateHue;if(C>0){const X=await q(B,C,P);n(X)}else n(B)}},xe=l=>{u(l),L.current&&clearTimeout(L.current),B&&(L.current=setTimeout(G,150))},he=async l=>{if(T(l),!B)return;const w=await ne(B),C=b.getState(),P=C.portrait,X=C.voucherConfig.templateHue;let Y=await ye(w,B,P.bgOpacity,P.bgBlur);P.engravingIntensity>0&&(Y=await q(Y,P.engravingIntensity,X)),n(Y)},me=l=>{c(l),M.current&&clearTimeout(M.current),!(!B||!J)&&(M.current=setTimeout(G,150))},it=l=>{d(l),M.current&&clearTimeout(M.current),!(!B||!J)&&(M.current=setTimeout(G,150))},st=()=>{n(null),i(null),s(!1,null),c(0),d(0),u(0),Ct()},He=(l,w)=>{t.zoom<=1||(D(!0),E.current={x:l,y:w,panX:t.panX,panY:t.panY})},Le=(l,w)=>{if(!j||!E.current||!I.current)return;const C=I.current.getBoundingClientRect(),P=2/Math.max(C.width,C.height),X=(l-E.current.x)*P,Y=(w-E.current.y)*P,pt=Math.max(-1,Math.min(1,E.current.panX+X)),ft=Math.max(-1,Math.min(1,E.current.panY+Y));a(pt,ft)},we=()=>{D(!1),E.current=null},lt=l=>{l.preventDefault(),He(l.clientX,l.clientY)},ct=l=>{Le(l.clientX,l.clientY)},dt=()=>{we()},ut=()=>{we()},ht=l=>{l.touches.length===1&&He(l.touches[0].clientX,l.touches[0].clientY)},mt=l=>{l.touches.length===1&&Le(l.touches[0].clientX,l.touches[0].clientY)},gt=()=>{we()};return o.jsxs("div",{className:"space-y-4",children:[t.original?o.jsxs("div",{className:"flex flex-col items-center space-y-4",children:[o.jsxs("div",{className:"relative",children:[o.jsx("div",{ref:I,className:`w-32 h-32 rounded-full overflow-hidden border-4 border-currency-gold shadow-lg ${t.zoom>1?"cursor-grab":""} ${j?"cursor-grabbing":""}`,onMouseDown:lt,onMouseMove:ct,onMouseUp:dt,onMouseLeave:ut,onTouchStart:ht,onTouchMove:mt,onTouchEnd:gt,children:o.jsx("img",{src:t.original||"",alt:"Portrait",className:"w-full h-full object-cover pointer-events-none select-none",style:{transform:`scale(${t.zoom}) translate(${t.panX*50*(t.zoom-1)}%, ${t.panY*50*(t.zoom-1)}%)`},draggable:!1})}),o.jsx("button",{className:"btn btn-circle btn-xs btn-error absolute -top-1 -right-1",onClick:st,children:o.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",className:"h-4 w-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:o.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"})})})]}),o.jsxs("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-4 w-full",children:[o.jsxs("div",{className:"form-control w-full",children:[o.jsxs("label",{className:"label",children:[o.jsx("span",{className:"label-text",children:H.form.portrait.zoom}),o.jsxs("span",{className:"label-text-alt",children:[Math.round(t.zoom*100),"%"]})]}),o.jsx("input",{type:"range",min:"0.5",max:"2",step:"0.05",value:t.zoom,onChange:l=>{const w=parseFloat(l.target.value);r(w),w<=1&&(t.panX!==0||t.panY!==0)&&a(0,0)},className:"range range-primary range-sm"})]}),o.jsxs("div",{className:"form-control w-full",children:[o.jsxs("label",{className:"label",children:[o.jsxs("span",{className:"label-text flex items-center gap-2",children:[e==="de"?"Farbanpassung":"Color adjustment",g&&o.jsx("span",{className:"loading loading-spinner loading-xs"})]}),o.jsxs("span",{className:"label-text-alt",children:[Math.round(Q*100),"%"]})]}),o.jsx("input",{type:"range",min:"0",max:"1",step:"0.05",value:Q,onChange:l=>xe(parseFloat(l.target.value)),className:"range range-secondary range-sm",disabled:g||!B})]})]}),z?o.jsxs("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-4 w-full",children:[o.jsxs("div",{className:"form-control w-full",children:[o.jsxs("label",{className:"label",children:[o.jsx("span",{className:"label-text",children:e==="de"?"Hintergrund":"Background"}),o.jsxs("span",{className:"label-text-alt",children:[Math.round(W*100),"%"]})]}),o.jsx("input",{type:"range",min:"0",max:"1",step:"0.05",value:W,onChange:l=>me(parseFloat(l.target.value)),className:"range range-primary range-sm"})]}),o.jsxs("div",{className:"form-control w-full",children:[o.jsxs("label",{className:"label",children:[o.jsx("span",{className:"label-text",children:e==="de"?"Unschärfe":"Blur"}),o.jsxs("span",{className:"label-text-alt",children:[Math.round(O*100),"%"]})]}),o.jsx("input",{type:"range",min:"0",max:"1",step:"0.05",value:O,onChange:l=>it(parseFloat(l.target.value)),className:"range range-primary range-sm"})]})]}):o.jsx("div",{className:"form-control",children:o.jsxs("label",{className:"label cursor-pointer justify-start gap-3",children:[o.jsx("input",{type:"checkbox",className:`toggle toggle-primary ${h?"opacity-50":""}`,checked:z,onChange:be,disabled:h||!B}),o.jsxs("span",{className:"label-text flex items-center gap-2",children:[h?o.jsxs(o.Fragment,{children:[o.jsx("span",{className:"loading loading-spinner loading-xs"}),e==="de"?"Hintergrund wird entfernt...":"Removing background..."]}):e==="de"?"Hintergrund entfernen":"Remove background",!m&&o.jsx("span",{className:"badge badge-sm badge-outline",children:"API"})]})]})}),v&&o.jsxs("div",{className:"alert alert-warning text-sm py-2",children:[o.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:o.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"})}),o.jsx("span",{children:v})]})]}):o.jsxs("div",{className:`border-2 border-dashed rounded-lg p-8 text-center cursor-pointer transition-colors ${h?"border-primary bg-primary/10 pointer-events-none":R?"border-primary bg-primary/10":"border-base-300 hover:border-primary hover:bg-base-200"}`,onDrop:A,onDragOver:F,onDragLeave:te,onClick:le,children:[o.jsx("input",{ref:k,type:"file",accept:"image/*",className:"hidden",onChange:ce}),h?o.jsxs("div",{className:"flex flex-col items-center gap-2",children:[o.jsx("span",{className:"loading loading-spinner loading-lg text-primary"}),o.jsx("p",{className:"font-medium",children:e==="de"?"Hintergrund wird entfernt...":"Removing background..."})]}):o.jsxs("div",{className:"flex flex-col items-center gap-2",children:[o.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:o.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"})}),o.jsx("p",{className:"font-medium",children:H.form.portrait.upload}),o.jsx("p",{className:"text-sm text-base-content/60",children:H.form.portrait.dragDrop})]})]}),o.jsx(qe,{isOpen:U,onClose:()=>N(!1),onSubmit:he})]})}function zt(){const e=b(a=>a.voucherConfig.language),t=b(a=>a.voucherConfig.templateHue),n=b(a=>a.setTemplateHue),r=K(e);return o.jsx("div",{className:"space-y-4",children:o.jsxs("div",{className:"form-control",children:[o.jsx("label",{className:"label",children:o.jsx("span",{className:"label-text font-medium",children:r.form.billColor.label})}),o.jsx("input",{type:"range",min:"0",max:"360",value:t,onChange:a=>n(Number(a.target.value)),className:"w-full h-3 rounded-lg appearance-none cursor-pointer [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:w-5 [&::-webkit-slider-thumb]:h-5 [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:bg-white [&::-webkit-slider-thumb]:shadow-md [&::-webkit-slider-thumb]:border-2 [&::-webkit-slider-thumb]:border-gray-300 [&::-moz-range-thumb]:w-5 [&::-moz-range-thumb]:h-5 [&::-moz-range-thumb]:rounded-full [&::-moz-range-thumb]:bg-white [&::-moz-range-thumb]:shadow-md [&::-moz-range-thumb]:border-2 [&::-moz-range-thumb]:border-gray-300",style:{background:`linear-gradient(to right,
               hsl(0, 70%, 50%),
               hsl(60, 70%, 50%),
               hsl(120, 70%, 50%),
               hsl(180, 70%, 50%),
               hsl(240, 70%, 50%),
               hsl(300, 70%, 50%),
-              hsl(360, 70%, 50%))`}}),o.jsxs("div",{className:"flex justify-between text-xs px-1 mt-1 opacity-60",children:[o.jsx("span",{children:"0°"}),o.jsx("span",{children:"90°"}),o.jsx("span",{children:"180°"}),o.jsx("span",{children:"270°"}),o.jsx("span",{children:"360°"})]})]})})}const z=typeof{url:typeof document>"u"?require("url").pathToFileURL(__filename).href:ne&&ne.tagName.toUpperCase()==="SCRIPT"&&ne.src||new URL("index.cjs",document.baseURI).href}<"u"&&"/"||"/",Se={en:{1:{front:`${z}templates/front_ldpi_en.png`,back:`${z}templates/back_ldpi_en.png`,width:1536,height:1024},5:{front:`${z}templates/front_ldpi_en.png`,back:`${z}templates/back_ldpi_en.png`,width:1536,height:1024},10:{front:`${z}templates/front_ldpi_en.png`,back:`${z}templates/back_ldpi_en.png`,width:1536,height:1024}},de:{1:{front:`${z}templates/front_hdpi_de.webp`,back:`${z}templates/back_hdpi_de.webp`,width:6144,height:3200},5:{front:`${z}templates/front_hdpi_de.webp`,back:`${z}templates/back_hdpi_de.webp`,width:6144,height:3200},10:{front:`${z}templates/front_hdpi_de.webp`,back:`${z}templates/back_hdpi_de.webp`,width:6144,height:3200}}},K={front:{portrait:{x:768,y:490,radiusX:236,radiusY:258},namePlate:{x:768,y:848,fontSize:36,maxWidth:380,align:"center"}},back:{portrait:{x:0,y:0,radiusX:0,radiusY:0},namePlate:{x:768,y:832,fontSize:36,maxWidth:380,align:"center"},contactInfo:{x:380,y:500,fontSize:38,lineHeight:55,align:"center"},description:{x:1150,y:500,fontSize:38,maxWidth:480,lineHeight:42,align:"center"}}},G={front:{portrait:{x:3074,y:1530,radiusX:942,radiusY:1020},namePlate:{x:3072,y:2950,fontSize:144,maxWidth:1520,align:"center"}},back:{portrait:{x:0,y:0,radiusX:0,radiusY:0},namePlate:{x:3072,y:2930,fontSize:144,maxWidth:1520,align:"center"},contactInfo:{x:1520,y:1680,fontSize:160,lineHeight:280,align:"center"},description:{x:4600,y:1680,fontSize:145,maxWidth:2e3,lineHeight:210,align:"center"}}};function Re(e){return e==="de"?G:K}function qe(e,t){return Se[e][t]}const Ce=.25;function Ut(e){const t=Re(e),n=Ce,r=a=>({portrait:{x:a.portrait.x*n,y:a.portrait.y*n,radiusX:a.portrait.radiusX*n,radiusY:a.portrait.radiusY*n},namePlate:{x:a.namePlate.x*n,y:a.namePlate.y*n,fontSize:a.namePlate.fontSize*n,maxWidth:a.namePlate.maxWidth?a.namePlate.maxWidth*n:void 0,lineHeight:a.namePlate.lineHeight?a.namePlate.lineHeight*n:void 0,align:a.namePlate.align},contactInfo:a.contactInfo?{x:a.contactInfo.x*n,y:a.contactInfo.y*n,fontSize:a.contactInfo.fontSize*n,maxWidth:a.contactInfo.maxWidth?a.contactInfo.maxWidth*n:void 0,lineHeight:a.contactInfo.lineHeight?a.contactInfo.lineHeight*n:void 0,align:a.contactInfo.align}:void 0,description:a.description?{x:a.description.x*n,y:a.description.y*n,fontSize:a.description.fontSize*n,maxWidth:a.description.maxWidth?a.description.maxWidth*n:void 0,lineHeight:a.description.lineHeight?a.description.lineHeight*n:void 0,align:a.description.align}:void 0});return{front:r(t.front),back:r(t.back)}}function zt(e,t){const n=Se[e][t];return{...n,width:Math.round(n.width*Ce),height:Math.round(n.height*Ce)}}const ve=new Map,Q=new Map;async function te(e){return ve.has(e)?ve.get(e):new Promise((t,n)=>{const r=new Image;r.crossOrigin="anonymous",r.onload=()=>{ve.set(e,r),t(r)},r.onerror=n,r.src=e})}function Ee(e,t,n,r){e.drawImage(t,0,0,n,r)}async function Ke(e,t,n,r){if(t>=155&&t<=165)return te(e);const a=`${e}:${t}:${n}x${r}`;if(Q.has(a))return te(Q.get(a));const i=await te(e),s=document.createElement("canvas");s.width=n,s.height=r;const d=s.getContext("2d");if(!d)throw new Error("Failed to get canvas context");d.drawImage(i,0,0,n,r);const c=s.toDataURL("image/png"),u=await _e(c,t);if(Q.size>20){const p=Q.keys().next().value;p&&Q.delete(p)}return Q.set(a,u),te(u)}function Ge(e,t,n,r,a,i,s=1,d=0,c=0){e.save(),e.beginPath(),e.ellipse(n,r,a,i,0,0,Math.PI*2),e.closePath(),e.clip();const u=t.width/t.height,p=a/i,g=a*2,h=i*2;let m,y;u>p?(y=h,m=h*u):(m=g,y=g/u),m*=s,y*=s;const f=Math.max(0,(m-g)/2),k=Math.max(0,(y-h)/2),P=n-m/2+d*f,j=r-y/2+c*k;e.drawImage(t,P,j,m,y),e.restore()}function Be(e,t,n,r="#2a3a2a"){e.save(),e.font=`${n.fontSize}px "Times New Roman", serif`,e.textAlign=n.align||"center",e.textBaseline="middle",e.fillStyle=r,n.maxWidth?e.fillText(t,n.x,n.y,n.maxWidth):e.fillText(t,n.x,n.y),e.restore()}function Ve(e,t,n,r="#2a3a2a"){e.save(),e.font=`${n.fontSize}px "Times New Roman", serif`,e.textAlign=n.align||"center",e.textBaseline="top",e.fillStyle=r;const a=n.maxWidth||400,i=n.lineHeight||n.fontSize*1.4,s=t.split(" "),d=[];let c="";for(const g of s){const h=c?`${c} ${g}`:g;e.measureText(h).width>a&&c?(d.push(c),c=g):c=h}c&&d.push(c);const u=d.length*i;let p=n.y-u/2;for(const g of d)e.fillText(g,n.x,p),p+=i;e.restore()}function Ze(e,t,n,r,a,i="#2a3a2a"){e.save(),e.font=`${a.fontSize}px "Times New Roman", serif`,e.textAlign=a.align||"center",e.textBaseline="middle",e.fillStyle=i;const s=a.lineHeight||a.fontSize*1.8,d=[t,n,r].filter(Boolean),c=(d.length-1)*s;let u=a.y-c/2;for(const p of d)p&&(e.fillText(p,a.x,u),u+=s);e.restore()}async function Je(e,t,n,r,a,i,s,d=1,c=0,u=0,p=0){const g=e.getContext("2d");if(!g)return;const h=document.createElement("canvas");h.width=i,h.height=s;const m=h.getContext("2d");if(!m)return;m.clearRect(0,0,i,s);const y=await Ke(t,p,i,s);if(Ee(m,y,i,s),n)try{const f=await te(n);Ge(m,f,a.portrait.x,a.portrait.y,a.portrait.radiusX,a.portrait.radiusY,d,c,u)}catch(f){console.error("Failed to load portrait:",f)}r&&Be(m,r,a.namePlate),e.width=i,e.height=s,g.drawImage(h,0,0)}async function Qe(e,t,n,r,a,i,s,d,c,u=0){const p=e.getContext("2d");if(!p)return;const g=document.createElement("canvas");g.width=d,g.height=c;const h=g.getContext("2d");if(!h)return;h.clearRect(0,0,d,c);const m=await Ke(t,u,d,c);Ee(h,m,d,c),s.contactInfo&&(n||r||a)&&Ze(h,n,r,a,s.contactInfo),s.description&&i&&Ve(h,i,s.description),n&&Be(h,n,s.namePlate),e.width=d,e.height=c,p.drawImage(g,0,0)}function Yt(e,t){const[n,r]=b.useState(e);return b.useEffect(()=>{const a=setTimeout(()=>r(e),t);return()=>clearTimeout(a)},[e,t]),n}function _t(){const e=w(x=>x.voucherConfig.language),t=w(x=>x.voucherConfig.hours),n=w(x=>x.voucherConfig.description),r=w(x=>x.voucherConfig.templateHue),a=w(x=>x.personalInfo),i=w(x=>x.portrait),s=w(x=>x.currentSide),d=w(x=>x.flipSide),c=w(x=>x.setPortraitPan),u=Yt(r,150),p=F(e),g=b.useRef(null),h=b.useRef(null),m=b.useRef(null),[y,f]=b.useState(!1),[k,P]=b.useState(!1),j=b.useRef(null),I=zt(e,t),C=Ut(e),R=i.useEnhanced&&i.enhanced?i.enhanced:i.original,H=Te(e,t,n);b.useEffect(()=>{g.current&&Je(g.current,I.front,R,a.name,C.front,I.width,I.height,i.zoom,i.panX,i.panY,u)},[I,R,a.name,C,i.zoom,i.panX,i.panY,u]),b.useEffect(()=>{h.current&&Qe(h.current,I.back,a.name,a.email,a.phone,H,C.back,I.width,I.height,u)},[I,a,H,C,u]);const B=()=>{f(!0),setTimeout(()=>{d(),f(!1)},150)},N=b.useCallback((x,L)=>{if(!m.current||s!=="front"||!i.original)return!1;const $=m.current.getBoundingClientRect(),Z=$.width/I.width,O=$.height/I.height,J=(x-$.left)/Z,q=(L-$.top)/O,{x:oe,y:fe,radiusX:be,radiusY:xe}=C.front.portrait,le=(J-oe)/be,ce=(q-fe)/xe;return le*le+ce*ce<=1},[s,i.original,I.width,I.height,C.front.portrait]),Y=b.useCallback((x,L)=>{i.zoom<=1||!N(x,L)||(P(!0),j.current={x,y:L,panX:i.panX,panY:i.panY})},[i.zoom,i.panX,i.panY,N]),E=b.useCallback((x,L)=>{if(!k||!j.current||!m.current)return;const $=m.current.getBoundingClientRect(),Z=3/Math.max($.width,$.height),O=(x-j.current.x)*Z,J=(L-j.current.y)*Z,q=Math.max(-1,Math.min(1,j.current.panX+O)),oe=Math.max(-1,Math.min(1,j.current.panY+J));c(q,oe)},[k,c]),D=b.useCallback(()=>{P(!1),j.current=null},[]),M=x=>{i.zoom>1&&N(x.clientX,x.clientY)&&(x.preventDefault(),Y(x.clientX,x.clientY))},S=x=>{E(x.clientX,x.clientY)},_=()=>D(),A=()=>D(),X=x=>{if(x.touches.length===1){const L=x.touches[0];i.zoom>1&&N(L.clientX,L.clientY)&&Y(L.clientX,L.clientY)}},V=x=>{x.touches.length===1&&E(x.touches[0].clientX,x.touches[0].clientY)},se=()=>D(),re=s==="front"&&i.original&&i.zoom>1,ge=I.width/I.height;return o.jsxs("div",{className:"space-y-4",children:[o.jsxs("div",{className:"flex justify-between items-center",children:[o.jsxs("div",{className:"tabs tabs-boxed bg-base-200",children:[o.jsx("button",{className:`tab ${s==="front"?"tab-active bg-primary text-primary-content font-semibold":""}`,onClick:()=>s!=="front"&&B(),children:p.preview.front}),o.jsx("button",{className:`tab ${s==="back"?"tab-active bg-primary text-primary-content font-semibold":""}`,onClick:()=>s!=="back"&&B(),children:p.preview.back})]}),o.jsxs("button",{className:"btn btn-ghost btn-sm",onClick:B,children:[o.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",className:"h-5 w-5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:o.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"})}),p.preview.flip]})]}),o.jsxs("div",{ref:m,className:`relative w-full overflow-hidden shadow-lg ${re?k?"cursor-grabbing":"cursor-grab":""}`,style:{aspectRatio:ge},onMouseDown:M,onMouseMove:S,onMouseUp:_,onMouseLeave:A,onTouchStart:X,onTouchMove:V,onTouchEnd:se,children:[o.jsx("canvas",{ref:g,className:`absolute inset-0 w-full h-full transition-all duration-300 ${s==="front"?y?"opacity-0 scale-95":"opacity-100 scale-100":"opacity-0 scale-95 pointer-events-none"}`}),o.jsx("canvas",{ref:h,className:`absolute inset-0 w-full h-full transition-all duration-300 ${s==="back"?y?"opacity-0 scale-95":"opacity-100 scale-100":"opacity-0 scale-95 pointer-events-none"}`})]})]})}function Wt(){const e=b.useRef(null),t=b.useRef(null);return{frontCanvasRef:e,backCanvasRef:t}}const Xt=`
+              hsl(360, 70%, 50%))`}})]})})}const _=typeof{url:typeof document>"u"?require("url").pathToFileURL(__filename).href:ie&&ie.tagName.toUpperCase()==="SCRIPT"&&ie.src||new URL("index.cjs",document.baseURI).href}<"u"&&"/"||"/",Re={en:{1:{front:`${_}templates/front_ldpi_en.png`,back:`${_}templates/back_ldpi_en.png`,width:1536,height:1024},5:{front:`${_}templates/front_ldpi_en.png`,back:`${_}templates/back_ldpi_en.png`,width:1536,height:1024},10:{front:`${_}templates/front_ldpi_en.png`,back:`${_}templates/back_ldpi_en.png`,width:1536,height:1024}},de:{1:{front:`${_}templates/front_hdpi_de.webp`,back:`${_}templates/back_hdpi_de.webp`,width:6144,height:3200},5:{front:`${_}templates/front_hdpi_de.webp`,back:`${_}templates/back_hdpi_de.webp`,width:6144,height:3200},10:{front:`${_}templates/front_hdpi_de.webp`,back:`${_}templates/back_hdpi_de.webp`,width:6144,height:3200}}},V={front:{portrait:{x:768,y:490,radiusX:236,radiusY:258},namePlate:{x:768,y:848,fontSize:36,maxWidth:380,align:"center"}},back:{portrait:{x:0,y:0,radiusX:0,radiusY:0},namePlate:{x:768,y:832,fontSize:36,maxWidth:380,align:"center"},contactInfo:{x:380,y:500,fontSize:38,lineHeight:55,align:"center"},description:{x:1150,y:500,fontSize:38,maxWidth:480,lineHeight:42,align:"center"},signature:{x:768,y:920,width:300,height:60,lineY:950,labelFontSize:16}}},Z={front:{portrait:{x:3074,y:1530,radiusX:942,radiusY:1020},namePlate:{x:3072,y:2950,fontSize:144,maxWidth:1520,align:"center"}},back:{portrait:{x:0,y:0,radiusX:0,radiusY:0},namePlate:{x:3072,y:2930,fontSize:144,maxWidth:1520,align:"center"},contactInfo:{x:1520,y:1680,fontSize:160,lineHeight:280,align:"center"},description:{x:4600,y:1680,fontSize:145,maxWidth:2e3,lineHeight:210,align:"center"},signature:{x:4600,y:2850,width:1200,height:240,lineY:2700,labelFontSize:64}}};function je(e){return e==="de"?Z:V}function Ke(e,t){return Re[e][t]}const Ce=.25;function Yt(e){const t=je(e),n=Ce,r=a=>({portrait:{x:a.portrait.x*n,y:a.portrait.y*n,radiusX:a.portrait.radiusX*n,radiusY:a.portrait.radiusY*n},namePlate:{x:a.namePlate.x*n,y:a.namePlate.y*n,fontSize:a.namePlate.fontSize*n,maxWidth:a.namePlate.maxWidth?a.namePlate.maxWidth*n:void 0,lineHeight:a.namePlate.lineHeight?a.namePlate.lineHeight*n:void 0,align:a.namePlate.align},contactInfo:a.contactInfo?{x:a.contactInfo.x*n,y:a.contactInfo.y*n,fontSize:a.contactInfo.fontSize*n,maxWidth:a.contactInfo.maxWidth?a.contactInfo.maxWidth*n:void 0,lineHeight:a.contactInfo.lineHeight?a.contactInfo.lineHeight*n:void 0,align:a.contactInfo.align}:void 0,description:a.description?{x:a.description.x*n,y:a.description.y*n,fontSize:a.description.fontSize*n,maxWidth:a.description.maxWidth?a.description.maxWidth*n:void 0,lineHeight:a.description.lineHeight?a.description.lineHeight*n:void 0,align:a.description.align}:void 0});return{front:r(t.front),back:r(t.back)}}function _t(e,t){const n=Re[e][t];return{...n,width:Math.round(n.width*Ce),height:Math.round(n.height*Ce)}}const ve=new Map,ae=new Map;async function oe(e){return ve.has(e)?ve.get(e):new Promise((t,n)=>{const r=new Image;r.crossOrigin="anonymous",r.onload=()=>{ve.set(e,r),t(r)},r.onerror=n,r.src=e})}function Ee(e,t,n,r){e.drawImage(t,0,0,n,r)}async function Ge(e,t,n,r){if(t>=155&&t<=165)return oe(e);const a=`${e}:${t}:${n}x${r}`;if(ae.has(a))return oe(ae.get(a));const i=await oe(e),s=document.createElement("canvas");s.width=n,s.height=r;const c=s.getContext("2d");if(!c)throw new Error("Failed to get canvas context");c.drawImage(i,0,0,n,r);const d=s.toDataURL("image/png"),u=await We(d,t);if(ae.size>20){const y=ae.keys().next().value;y&&ae.delete(y)}return ae.set(a,u),oe(u)}function Ve(e,t,n,r,a,i,s=1,c=0,d=0){e.save(),e.beginPath(),e.ellipse(n,r,a,i,0,0,Math.PI*2),e.closePath(),e.clip();const u=t.width/t.height,y=a/i,x=a*2,g=i*2;let h,v;u>y?(v=g,h=g*u):(h=x,v=x/u),h*=s,v*=s;const m=Math.max(0,(h-x)/2),T=Math.max(0,(v-g)/2),H=n-h/2+c*m,k=r-v/2+d*T;e.drawImage(t,H,k,h,v),e.restore()}function Be(e,t,n,r="#2a3a2a"){e.save(),e.font=`${n.fontSize}px "Times New Roman", serif`,e.textAlign=n.align||"center",e.textBaseline="middle",e.fillStyle=r,n.maxWidth?e.fillText(t,n.x,n.y,n.maxWidth):e.fillText(t,n.x,n.y),e.restore()}function Ze(e,t,n,r="#2a3a2a"){e.save(),e.font=`${n.fontSize}px "Times New Roman", serif`,e.textAlign=n.align||"center",e.textBaseline="top",e.fillStyle=r;const a=n.maxWidth||400,i=n.lineHeight||n.fontSize*1.4,s=t.split(" "),c=[];let d="";for(const x of s){const g=d?`${d} ${x}`:x;e.measureText(g).width>a&&d?(c.push(d),d=x):d=g}d&&c.push(d);const u=c.length*i;let y=n.y-u/2;for(const x of c)e.fillText(x,n.x,y),y+=i;e.restore()}function Je(e,t,n,r,a,i="#2a3a2a"){e.save(),e.font=`${a.fontSize}px "Times New Roman", serif`,e.textAlign=a.align||"center",e.textBaseline="middle",e.fillStyle=i;const s=a.lineHeight||a.fontSize*1.8,c=[t,n,r].filter(Boolean),d=(c.length-1)*s;let u=a.y-d/2;for(const y of c)y&&(e.fillText(y,a.x,u),u+=s);e.restore()}function Wt(e,t,n,r="#2a3a2a"){e.save(),e.strokeStyle=r,e.lineWidth=Math.max(2,t.labelFontSize/16),e.beginPath(),e.moveTo(t.x-t.width/2,t.lineY),e.lineTo(t.x+t.width/2,t.lineY),e.stroke(),e.font=`${t.labelFontSize}px "Times New Roman", serif`,e.textAlign="center",e.textBaseline="top",e.fillStyle=r,e.fillText(n,t.x,t.lineY+t.labelFontSize*.3),e.restore()}async function Qe(e,t,n,r,a,i,s,c=1,d=0,u=0,y=0){const x=e.getContext("2d");if(!x)return;const g=document.createElement("canvas");g.width=i,g.height=s;const h=g.getContext("2d");if(!h)return;h.clearRect(0,0,i,s);const v=await Ge(t,y,i,s);if(Ee(h,v,i,s),n)try{const m=await oe(n);Ve(h,m,a.portrait.x,a.portrait.y,a.portrait.radiusX,a.portrait.radiusY,c,d,u)}catch(m){console.error("Failed to load portrait:",m)}r&&Be(h,r,a.namePlate),e.width=i,e.height=s,x.drawImage(g,0,0)}async function et(e,t,n,r,a,i,s,c,d,u=0,y="de"){const x=e.getContext("2d");if(!x)return;const g=document.createElement("canvas");g.width=c,g.height=d;const h=g.getContext("2d");if(!h)return;h.clearRect(0,0,c,d);const v=await Ge(t,u,c,d);if(Ee(h,v,c,d),s.contactInfo&&(n||r||a)&&Je(h,n,r,a,s.contactInfo),s.description&&i&&Ze(h,i,s.description),n&&Be(h,n,s.namePlate),s.signature){const m=y==="de"?"Unterschrift":"Signature";Wt(h,s.signature,m)}e.width=c,e.height=d,x.drawImage(g,0,0)}function Xt(e,t){const[n,r]=p.useState(e);return p.useEffect(()=>{const a=setTimeout(()=>r(e),t);return()=>clearTimeout(a)},[e,t]),n}function $t(){const e=b(f=>f.voucherConfig.language),t=b(f=>f.voucherConfig.hours),n=b(f=>f.voucherConfig.description),r=b(f=>f.voucherConfig.templateHue),a=b(f=>f.personalInfo),i=b(f=>f.portrait),s=b(f=>f.currentSide),c=b(f=>f.flipSide),d=b(f=>f.setPortraitPan),u=Xt(r,150),y=K(e),x=p.useRef(null),g=p.useRef(null),h=p.useRef(null),[v,m]=p.useState(!1),[T,H]=p.useState(!1),k=p.useRef(null),I=_t(e,t),R=Yt(e),S=i.useEnhanced&&i.enhanced?i.enhanced:i.original,U=Se(e,t,n);p.useEffect(()=>{x.current&&Qe(x.current,I.front,S,a.name,R.front,I.width,I.height,i.zoom,i.panX,i.panY,u)},[I,S,a.name,R,i.zoom,i.panX,i.panY,u]),p.useEffect(()=>{g.current&&et(g.current,I.back,a.name,a.email,a.phone,U,R.back,I.width,I.height,u,e)},[I,a,U,R,u,e]);const N=()=>{m(!0),setTimeout(()=>{c(),m(!1)},150)},j=p.useCallback((f,A)=>{if(!h.current||s!=="front"||!i.original)return!1;const F=h.current.getBoundingClientRect(),te=F.width/I.width,le=F.height/I.height,ce=(f-F.left)/te,q=(A-F.top)/le,{x:ne,y:G,radiusX:be,radiusY:xe}=R.front.portrait,he=(ce-ne)/be,me=(q-G)/xe;return he*he+me*me<=1},[s,i.original,I.width,I.height,R.front.portrait]),D=p.useCallback((f,A)=>{i.zoom<=1||!j(f,A)||(H(!0),k.current={x:f,y:A,panX:i.panX,panY:i.panY})},[i.zoom,i.panX,i.panY,j]),E=p.useCallback((f,A)=>{if(!T||!k.current||!h.current)return;const F=h.current.getBoundingClientRect(),te=3/Math.max(F.width,F.height),le=(f-k.current.x)*te,ce=(A-k.current.y)*te,q=Math.max(-1,Math.min(1,k.current.panX+le)),ne=Math.max(-1,Math.min(1,k.current.panY+ce));d(q,ne)},[T,d]),L=p.useCallback(()=>{H(!1),k.current=null},[]),M=f=>{i.zoom>1&&j(f.clientX,f.clientY)&&(f.preventDefault(),D(f.clientX,f.clientY))},B=f=>{E(f.clientX,f.clientY)},J=()=>L(),z=()=>L(),W=f=>{if(f.touches.length===1){const A=f.touches[0];i.zoom>1&&j(A.clientX,A.clientY)&&D(A.clientX,A.clientY)}},O=f=>{f.touches.length===1&&E(f.touches[0].clientX,f.touches[0].clientY)},Q=()=>L(),ee=s==="front"&&i.original&&i.zoom>1,ue=I.width/I.height;return o.jsxs("div",{className:"space-y-4",children:[o.jsxs("div",{className:"flex justify-between items-center",children:[o.jsxs("div",{className:"tabs tabs-boxed bg-base-200",children:[o.jsx("button",{className:`tab ${s==="front"?"tab-active bg-primary text-primary-content font-semibold":""}`,onClick:()=>s!=="front"&&N(),children:y.preview.front}),o.jsx("button",{className:`tab ${s==="back"?"tab-active bg-primary text-primary-content font-semibold":""}`,onClick:()=>s!=="back"&&N(),children:y.preview.back})]}),o.jsxs("button",{className:"btn btn-ghost btn-sm",onClick:N,children:[o.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",className:"h-5 w-5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:o.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"})}),y.preview.flip]})]}),o.jsxs("div",{ref:h,className:`relative w-full overflow-hidden shadow-lg ${ee?T?"cursor-grabbing":"cursor-grab":""}`,style:{aspectRatio:ue},onMouseDown:M,onMouseMove:B,onMouseUp:J,onMouseLeave:z,onTouchStart:W,onTouchMove:O,onTouchEnd:Q,children:[o.jsx("canvas",{ref:x,className:`absolute inset-0 w-full h-full transition-all duration-300 ${s==="front"?v?"opacity-0 scale-95":"opacity-100 scale-100":"opacity-0 scale-95 pointer-events-none"}`}),o.jsx("canvas",{ref:g,className:`absolute inset-0 w-full h-full transition-all duration-300 ${s==="back"?v?"opacity-0 scale-95":"opacity-100 scale-100":"opacity-0 scale-95 pointer-events-none"}`})]})]})}function Ot(){const e=p.useRef(null),t=p.useRef(null);return{frontCanvasRef:e,backCanvasRef:t}}const Ft=`
 // RGB to HSL conversion
 function rgbToHsl(r, g, b) {
   r /= 255;
@@ -332,6 +332,27 @@ self.onmessage = async (e) => {
       );
     }
 
+    // Draw signature field on back
+    if (layout.back.signature) {
+      const sig = layout.back.signature;
+      const signatureLabel = language === 'de' ? 'Unterschrift' : 'Signature';
+
+      // Draw signature line
+      backCtx.strokeStyle = '#2a3a2a';
+      backCtx.lineWidth = Math.max(2, sig.labelFontSize / 16);
+      backCtx.beginPath();
+      backCtx.moveTo(sig.x - sig.width / 2, sig.lineY);
+      backCtx.lineTo(sig.x + sig.width / 2, sig.lineY);
+      backCtx.stroke();
+
+      // Draw label below line
+      backCtx.font = \`\${sig.labelFontSize}px "Times New Roman", serif\`;
+      backCtx.textAlign = 'center';
+      backCtx.textBaseline = 'top';
+      backCtx.fillStyle = '#2a3a2a';
+      backCtx.fillText(signatureLabel, sig.x, sig.lineY + sig.labelFontSize * 0.3);
+    }
+
     // Convert canvases to blobs and then to ArrayBuffer for transfer
     const [frontBlob, backBlob] = await Promise.all([
       frontCanvas.convertToBlob({ type: 'image/jpeg', quality: 0.95 }),
@@ -358,4 +379,4 @@ self.onmessage = async (e) => {
     });
   }
 };
-`;let Ie=null,Ae=null;function $t(){if(!Ie){const e=new Blob([Xt],{type:"application/javascript"});Ae=URL.createObjectURL(e),Ie=new Worker(Ae,{type:"module"})}return Ie}async function ke(e){const n=await(await fetch(e)).blob();return URL.createObjectURL(n)}function Ue(e,t){const n=new Uint8Array(e);let r="";for(let a=0;a<n.length;a++)r+=String.fromCharCode(n[a]);return`data:${t};base64,${btoa(r)}`}async function et(e){const{frontTemplateSrc:t,backTemplateSrc:n,templateWidth:r,templateHeight:a,layout:i,portrait:s,portraitZoom:d=1,portraitPanX:c=0,portraitPanY:u=0,templateHue:p=160,name:g,email:h,phone:m,description:y}=e,[f,k]=await Promise.all([ke(t),ke(n)]);let P=null;return s&&(P=await ke(s)),new Promise((j,I)=>{const C=$t(),R=B=>{if(C.removeEventListener("message",R),C.removeEventListener("error",H),URL.revokeObjectURL(f),URL.revokeObjectURL(k),P&&URL.revokeObjectURL(P),B.data.type==="success")try{const{frontImageData:N,backImageData:Y,width:E,height:D}=B.data;if(!N||!Y||!E||!D){I(new Error("Invalid response from worker"));return}const M=Ue(N,"image/jpeg"),S=Ue(Y,"image/jpeg"),_=E/96*25.4,A=D/96*25.4,X=new ft.jsPDF({orientation:_>A?"landscape":"portrait",unit:"mm",format:[_,A]});X.addImage(M,"JPEG",0,0,_,A),X.addPage([_,A]),X.addImage(S,"JPEG",0,0,_,A);const V=X.output("blob");j(V)}catch(N){I(N)}else I(new Error(B.data.error))},H=B=>{C.removeEventListener("message",R),C.removeEventListener("error",H),URL.revokeObjectURL(f),URL.revokeObjectURL(k),P&&URL.revokeObjectURL(P),I(new Error(B.message))};C.addEventListener("message",R),C.addEventListener("error",H),C.postMessage({type:"generate",frontTemplateUrl:f,backTemplateUrl:k,portraitUrl:P,templateWidth:r,templateHeight:a,templateHue:p,portraitZoom:d,portraitPanX:c,portraitPanY:u,layout:{front:{portrait:i.front.portrait,namePlate:i.front.namePlate},back:{namePlate:i.back.namePlate,contactInfo:i.back.contactInfo,description:i.back.description}},name:g,email:h,phone:m,description:y})})}function tt(e,t){const n=URL.createObjectURL(e),r=document.createElement("a");r.href=n,r.download=t,document.body.appendChild(r),r.click(),document.body.removeChild(r),URL.revokeObjectURL(n)}async function nt(e){const t=await et(e);tt(t,e.filename)}function Ot(){const e=w(f=>f.voucherConfig.language),t=w(f=>f.voucherConfig.hours),n=w(f=>f.voucherConfig.description),r=w(f=>f.voucherConfig.templateHue),a=w(f=>f.personalInfo),i=w(f=>f.portrait),s=w(f=>f.isExporting),d=w(f=>f.setIsExporting),c=F(e),u=qe(e,t),p=Re(e),g=i.useEnhanced&&i.enhanced?i.enhanced:i.original,h=Te(e,t,n),m=a.name.trim().length>0&&a.email.trim().length>0&&a.phone.trim().length>0&&i.original!==null,y=async()=>{if(!(!m||s)){d(!0);try{const f=`zeitgutschein-${t}h-${a.name.replace(/\s+/g,"-").toLowerCase()}.pdf`;await nt({frontTemplateSrc:u.front,backTemplateSrc:u.back,templateWidth:u.width,templateHeight:u.height,layout:p,portrait:g,portraitZoom:i.zoom,portraitPanX:i.panX,portraitPanY:i.panY,templateHue:r,name:a.name,email:a.email,phone:a.phone,description:h,filename:f})}catch(f){console.error("PDF export failed:",f)}finally{d(!1)}}};return o.jsxs("button",{className:`btn btn-primary flex-1 ${m?"":"btn-disabled"}`,onClick:y,disabled:!m,"aria-busy":s,children:[s?o.jsx("span",{className:"loading loading-spinner loading-sm"}):o.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",className:"h-5 w-5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:o.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"})}),c.export.button]})}function at(){const e=w(r=>r.voucherConfig.language),t=w(r=>r.setLanguage),n=r=>{t(r)};return o.jsxs("div",{className:"join",children:[o.jsx("button",{className:`join-item btn btn-sm ${e==="de"?"btn-active btn-primary":"btn-ghost"}`,onClick:()=>n("de"),children:"DE"}),o.jsx("button",{className:`join-item btn btn-sm ${e==="en"?"btn-active btn-primary":"btn-ghost"}`,onClick:()=>n("en"),children:"EN"})]})}function Ft(){const e=w(n=>n.voucherConfig.language),t=F(e);return o.jsxs("div",{className:"navbar bg-currency-green text-currency-cream shadow-lg",children:[o.jsx("div",{className:"navbar-start",children:o.jsx("a",{className:"btn btn-ghost text-xl font-currency font-bold",children:t.header.title})}),o.jsx("div",{className:"navbar-center hidden sm:flex",children:o.jsx("span",{className:"text-sm opacity-80",children:t.header.subtitle})}),o.jsx("div",{className:"navbar-end",children:o.jsx(at,{})})]})}const he="/",qt={id:"time-voucher-classic-de",name:"Zeitgutschein Classic",type:"time-voucher",category:"classic",images:{front:`${he}templates/front_hdpi_de.jpg`,back:`${he}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:G.front.portrait,name:G.front.namePlate},back:{name:G.back.namePlate,contactInfo:G.back.contactInfo,description:G.back.description}},languages:["de"]},Kt={id:"time-voucher-classic-en",name:"Time Voucher Classic",type:"time-voucher",category:"classic",images:{front:`${he}templates/front_ldpi_en.png`,back:`${he}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:K.front.portrait,name:K.front.namePlate},back:{name:K.back.namePlate,contactInfo:K.back.contactInfo,description:K.back.description}},languages:["en"]},ze=[qt,Kt],rt={async listTemplates(e){let t=[...ze];return e!=null&&e.type&&(t=t.filter(n=>n.type===e.type)),e!=null&&e.category&&(t=t.filter(n=>n.category===e.category)),e!=null&&e.language&&(t=t.filter(n=>n.languages.includes(e.language))),t},async getTemplate(e){const t=ze.find(n=>n.id===e);if(!t)throw new Error(`Template not found: ${e}`);return t}};function Gt(e){return e==="de"?"time-voucher-classic-de":"time-voucher-classic-en"}let pe=rt;function Vt(e){pe=e}function Zt(){return pe}async function Jt(e){return pe.listTemplates(e)}async function Qt(e){return pe.getTemplate(e)}exports.ApiKeyModal=Fe;exports.BillPreview=_t;exports.ExportButton=Ot;exports.Header=Ft;exports.LAYOUT_HDPI=G;exports.LAYOUT_LDPI=K;exports.LanguageToggle=at;exports.PersonalInfoForm=yt;exports.PortraitUpload=Mt;exports.TEMPLATES=Se;exports.VoucherConfig=At;exports.applyEngravingEffect=Ye;exports.applyHueShift=_e;exports.downloadBlob=tt;exports.drawContactInfo=Ze;exports.drawMultilineText=Ve;exports.drawOvalPortrait=Ge;exports.drawTemplate=Ee;exports.drawText=Be;exports.enhancePortrait=Ht;exports.exportBillAsPDF=nt;exports.formatDescription=Te;exports.generateBillPDF=et;exports.getApiKey=me;exports.getDefaultTemplateId=Gt;exports.getLayout=Re;exports.getRemoveBackgroundEndpoint=Rt;exports.getTemplate=qe;exports.getTemplateById=Qt;exports.getTemplateProvider=Zt;exports.hasApiKey=Pe;exports.hasCustomEndpoint=Et;exports.listTemplates=Jt;exports.loadImage=te;exports.removeBackground=Oe;exports.renderBackSide=Qe;exports.renderFrontSide=Je;exports.setApiKey=$e;exports.setRemoveBackgroundEndpoint=St;exports.setTemplateProvider=Vt;exports.staticTemplateProvider=rt;exports.t=F;exports.useBillCanvasRefs=Wt;exports.useBillStore=w;
+`;let ke=null,Ae=null;function qt(){if(!ke){const e=new Blob([Ft],{type:"application/javascript"});Ae=URL.createObjectURL(e),ke=new Worker(Ae,{type:"module"})}return ke}async function Ie(e){const n=await(await fetch(e)).blob();return URL.createObjectURL(n)}function Ue(e,t){const n=new Uint8Array(e);let r="";for(let a=0;a<n.length;a++)r+=String.fromCharCode(n[a]);return`data:${t};base64,${btoa(r)}`}async function tt(e){const{frontTemplateSrc:t,backTemplateSrc:n,templateWidth:r,templateHeight:a,layout:i,portrait:s,portraitZoom:c=1,portraitPanX:d=0,portraitPanY:u=0,templateHue:y=160,name:x,email:g,phone:h,description:v,language:m="de"}=e,[T,H]=await Promise.all([Ie(t),Ie(n)]);let k=null;return s&&(k=await Ie(s)),new Promise((I,R)=>{const S=qt(),U=j=>{if(S.removeEventListener("message",U),S.removeEventListener("error",N),URL.revokeObjectURL(T),URL.revokeObjectURL(H),k&&URL.revokeObjectURL(k),j.data.type==="success")try{const{frontImageData:D,backImageData:E,width:L,height:M}=j.data;if(!D||!E||!L||!M){R(new Error("Invalid response from worker"));return}const B=Ue(D,"image/jpeg"),J=Ue(E,"image/jpeg"),z=L/96*25.4,W=M/96*25.4,O=new wt.jsPDF({orientation:z>W?"landscape":"portrait",unit:"mm",format:[z,W]});O.addImage(B,"JPEG",0,0,z,W),O.addPage([z,W]),O.addImage(J,"JPEG",0,0,z,W);const Q=O.output("blob");I(Q)}catch(D){R(D)}else R(new Error(j.data.error))},N=j=>{S.removeEventListener("message",U),S.removeEventListener("error",N),URL.revokeObjectURL(T),URL.revokeObjectURL(H),k&&URL.revokeObjectURL(k),R(new Error(j.message))};S.addEventListener("message",U),S.addEventListener("error",N),S.postMessage({type:"generate",frontTemplateUrl:T,backTemplateUrl:H,portraitUrl:k,templateWidth:r,templateHeight:a,templateHue:y,portraitZoom:c,portraitPanX:d,portraitPanY:u,layout:{front:{portrait:i.front.portrait,namePlate:i.front.namePlate},back:{namePlate:i.back.namePlate,contactInfo:i.back.contactInfo,description:i.back.description,signature:i.back.signature}},name:x,email:g,phone:h,description:v,language:m})})}function nt(e,t){const n=URL.createObjectURL(e),r=document.createElement("a");r.href=n,r.download=t,document.body.appendChild(r),r.click(),document.body.removeChild(r),URL.revokeObjectURL(n)}async function at(e){const t=await tt(e);nt(t,e.filename)}function Kt(){const e=b(m=>m.voucherConfig.language),t=b(m=>m.voucherConfig.hours),n=b(m=>m.voucherConfig.description),r=b(m=>m.voucherConfig.templateHue),a=b(m=>m.personalInfo),i=b(m=>m.portrait),s=b(m=>m.isExporting),c=b(m=>m.setIsExporting),d=K(e),u=Ke(e,t),y=je(e),x=i.useEnhanced&&i.enhanced?i.enhanced:i.original,g=Se(e,t,n),h=a.name.trim().length>0&&a.email.trim().length>0&&a.phone.trim().length>0&&i.original!==null,v=async()=>{if(!(!h||s)){c(!0);try{const m=`zeitgutschein-${t}h-${a.name.replace(/\s+/g,"-").toLowerCase()}.pdf`;await at({frontTemplateSrc:u.front,backTemplateSrc:u.back,templateWidth:u.width,templateHeight:u.height,layout:y,portrait:x,portraitZoom:i.zoom,portraitPanX:i.panX,portraitPanY:i.panY,templateHue:r,name:a.name,email:a.email,phone:a.phone,description:g,filename:m,language:e})}catch(m){console.error("PDF export failed:",m)}finally{c(!1)}}};return o.jsxs("button",{className:`btn btn-primary flex-1 ${h?"":"btn-disabled"}`,onClick:v,disabled:!h,"aria-busy":s,children:[s?o.jsx("span",{className:"loading loading-spinner loading-sm"}):o.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",className:"h-5 w-5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:o.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 rt(){const e=b(r=>r.voucherConfig.language),t=b(r=>r.setLanguage),n=r=>{t(r)};return o.jsxs("div",{className:"join",children:[o.jsx("button",{className:`join-item btn btn-sm ${e==="de"?"btn-active btn-primary":"btn-ghost"}`,onClick:()=>n("de"),children:"DE"}),o.jsx("button",{className:`join-item btn btn-sm ${e==="en"?"btn-active btn-primary":"btn-ghost"}`,onClick:()=>n("en"),children:"EN"})]})}function Gt(){const e=b(n=>n.voucherConfig.language),t=K(e);return o.jsxs("div",{className:"navbar bg-currency-green text-currency-cream shadow-lg",children:[o.jsx("div",{className:"navbar-start",children:o.jsx("a",{className:"btn btn-ghost text-xl font-currency font-bold",children:t.header.title})}),o.jsx("div",{className:"navbar-center hidden sm:flex",children:o.jsx("span",{className:"text-sm opacity-80",children:t.header.subtitle})}),o.jsx("div",{className:"navbar-end",children:o.jsx(rt,{})})]})}const ge="/",Vt={id:"time-voucher-classic-de",name:"Zeitgutschein Classic",type:"time-voucher",category:"classic",images:{front:`${ge}templates/front_hdpi_de.jpg`,back:`${ge}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:Z.front.portrait,name:Z.front.namePlate},back:{name:Z.back.namePlate,contactInfo:Z.back.contactInfo,description:Z.back.description}},languages:["de"]},Zt={id:"time-voucher-classic-en",name:"Time Voucher Classic",type:"time-voucher",category:"classic",images:{front:`${ge}templates/front_ldpi_en.png`,back:`${ge}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:V.front.portrait,name:V.front.namePlate},back:{name:V.back.namePlate,contactInfo:V.back.contactInfo,description:V.back.description}},languages:["en"]},ze=[Vt,Zt],ot={async listTemplates(e){let t=[...ze];return e!=null&&e.type&&(t=t.filter(n=>n.type===e.type)),e!=null&&e.category&&(t=t.filter(n=>n.category===e.category)),e!=null&&e.language&&(t=t.filter(n=>n.languages.includes(e.language))),t},async getTemplate(e){const t=ze.find(n=>n.id===e);if(!t)throw new Error(`Template not found: ${e}`);return t}};function Jt(e){return e==="de"?"time-voucher-classic-de":"time-voucher-classic-en"}let fe=ot;function Qt(e){fe=e}function en(){return fe}async function tn(e){return fe.listTemplates(e)}async function nn(e){return fe.getTemplate(e)}exports.ApiKeyModal=qe;exports.BillPreview=$t;exports.ExportButton=Kt;exports.Header=Gt;exports.LAYOUT_HDPI=Z;exports.LAYOUT_LDPI=V;exports.LanguageToggle=rt;exports.PersonalInfoForm=It;exports.PortraitUpload=Ut;exports.TEMPLATES=Re;exports.VoucherConfig=zt;exports.applyEngravingEffect=Ye;exports.applyHueShift=We;exports.downloadBlob=nt;exports.drawContactInfo=Je;exports.drawMultilineText=Ze;exports.drawOvalPortrait=Ve;exports.drawTemplate=Ee;exports.drawText=Be;exports.enhancePortrait=Mt;exports.exportBillAsPDF=at;exports.formatDescription=Se;exports.generateBillPDF=tt;exports.getApiKey=pe;exports.getDefaultTemplateId=Jt;exports.getLayout=je;exports.getRemoveBackgroundEndpoint=Bt;exports.getTemplate=Ke;exports.getTemplateById=nn;exports.getTemplateProvider=en;exports.hasApiKey=Pe;exports.hasCustomEndpoint=Ht;exports.listTemplates=tn;exports.loadImage=oe;exports.removeBackground=Fe;exports.renderBackSide=et;exports.renderFrontSide=Qe;exports.setApiKey=Oe;exports.setRemoveBackgroundEndpoint=Et;exports.setTemplateProvider=Qt;exports.staticTemplateProvider=ot;exports.t=K;exports.useBillCanvasRefs=Ot;exports.useBillStore=b;

package/dist/index.d.ts

@@ -13,13 +13,14 @@ declare interface ApiKeyModalProps {
 }
 
 /**
- * Apply engraving/sepia effect to an image
+ * Apply engraving/tinted effect to an image
  * Preserves transparency for use with background-removed images
  * Optimized with: image caching, Uint32Array for fast pixel ops, reusable canvas
  * @param imageDataUrl - Base64 data URL of the image
  * @param intensity - Effect intensity from 0 (original) to 1 (full effect)
+ * @param tintHue - Optional hue in degrees (0-360) to tint the effect. Default ~40 (sepia/brown)
  */
-export declare function applyEngravingEffect(imageDataUrl: string, intensity?: number): Promise<string>;
+export declare function applyEngravingEffect(imageDataUrl: string, intensity?: number, tintHue?: number): Promise<string>;
 
 /**
  * Replace cool colors (greens, cyans, blues) with target hue
@@ -199,6 +200,7 @@ declare interface PDFGeneratorOptions {
     phone: string;
     description: string;
     filename: string;
+    language?: 'de' | 'en';
 }
 
 export declare interface PersonalInfo {
@@ -233,7 +235,7 @@ export declare function PortraitUpload(): JSX.Element;
 
 export declare function removeBackground(imageDataUrl: string): Promise<string>;
 
-export declare function renderBackSide(canvas: HTMLCanvasElement, templateSrc: string, name: string, email: string, phone: string, description: string, layout: TemplateLayout, width: number, height: number, templateHue?: number): Promise<void>;
+export declare function renderBackSide(canvas: HTMLCanvasElement, templateSrc: string, name: string, email: string, phone: string, description: string, layout: TemplateLayout, width: number, height: number, templateHue?: number, language?: 'de' | 'en'): Promise<void>;
 
 export declare function renderFrontSide(canvas: HTMLCanvasElement, templateSrc: string, portraitSrc: string | null, name: string, layout: TemplateLayout, width: number, height: number, portraitZoom?: number, portraitPanX?: number, portraitPanY?: number, templateHue?: number): Promise<void>;
 
@@ -257,6 +259,13 @@ export declare function setRemoveBackgroundEndpoint(endpoint: string | null): vo
  */
 export declare function setTemplateProvider(provider: TemplateProvider): void;
 
+export declare interface SignatureConfig extends CanvasPosition {
+    width: number;
+    height: number;
+    lineY: number;
+    labelFontSize: number;
+}
+
 /**
  * Static template provider that uses bundled templates
  * This is the default provider for standalone app usage
@@ -321,6 +330,7 @@ export declare interface TemplateLayout {
     namePlate: TextConfig;
     contactInfo?: TextConfig;
     description?: TextConfig;
+    signature?: SignatureConfig;
 }
 
 declare type TemplateMap = Record<Language, Record<HourValue, TemplateConfig>>;