@antontranelis/money-printer 1.0.11 → 1.0.13

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),Se=require("zustand"),Ce=require("zustand/middleware"),v=require("react"),Te=require("jspdf");var _=typeof document<"u"?document.currentScript:null;const ee={personalInfo:{name:"",email:"",phone:""},voucherConfig:{hours:1,description:"",language:"de"},portrait:{original:null,enhanced:null,useEnhanced:!1,zoom:1,rawImage:null,bgRemovedImage:null,bgRemoved:!1,engravingIntensity:0},currentSide:"front",isEnhancing:!1,isExporting:!1},b=Se.create()(Ce.persist(e=>({...ee,setPersonalInfo:t=>e(n=>({personalInfo:{...n.personalInfo,...t}})),setVoucherConfig:t=>e(n=>({voucherConfig:{...n.voucherConfig,...t}})),setPortrait:(t,n=null)=>e(a=>({portrait:{...a.portrait,original:t,enhanced:n,useEnhanced:!1,zoom:a.portrait.original&&t?a.portrait.zoom:1}})),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}})),setPortraitRawImage:t=>e(n=>({portrait:{...n.portrait,rawImage:t}})),setPortraitBgRemoved:(t,n)=>e(a=>({portrait:{...a.portrait,bgRemoved:t,bgRemovedImage:n!==void 0?n:a.portrait.bgRemovedImage}})),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}})),reset:()=>e(ee)}),{name:"money-generator-storage",partialize:e=>({personalInfo:e.personalInfo,voucherConfig:e.voucherConfig,portrait:e.portrait})})),Re={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?"}},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"}},Ae={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?"}},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"}},Le={de:Re,en:Ae};function A(e){return Le[e]}function O(e,t,n){if(n&&n.trim())return n;const a=A(e),o=t===1?a.form.voucher.hourLabel:a.form.voucher.hoursLabel;return a.bill.descriptionText.replace("{hours}",t.toString()).replace("{hourLabel}",o)}function _e(){const e=b(o=>o.voucherConfig.language),t=b(o=>o.personalInfo),n=b(o=>o.setPersonalInfo),a=A(e);return r.jsxs("div",{className:"space-y-4",children:[r.jsxs("div",{className:"form-control",children:[r.jsx("label",{className:"label",children:r.jsx("span",{className:"label-text font-medium",children:a.form.personalInfo.name})}),r.jsx("input",{type:"text",placeholder:a.form.personalInfo.namePlaceholder,className:"input input-bordered w-full",value:t.name,onChange:o=>n({name:o.target.value})})]}),r.jsxs("div",{className:"form-control",children:[r.jsx("label",{className:"label",children:r.jsx("span",{className:"label-text font-medium",children:a.form.personalInfo.email})}),r.jsx("input",{type:"email",placeholder:a.form.personalInfo.emailPlaceholder,className:"input input-bordered w-full",value:t.email,onChange:o=>n({email:o.target.value})})]}),r.jsxs("div",{className:"form-control",children:[r.jsx("label",{className:"label",children:r.jsx("span",{className:"label-text font-medium",children:a.form.personalInfo.phone})}),r.jsx("input",{type:"tel",placeholder:a.form.personalInfo.phonePlaceholder,className:"input input-bordered w-full",value:t.phone,onChange:o=>n({phone:o.target.value})})]})]})}async function ae(e,t=.5){return new Promise((n,a)=>{const o=new Image;o.onload=()=>{const i=document.createElement("canvas"),c=i.getContext("2d");if(!c){a(new Error("Failed to get canvas context"));return}i.width=o.width,i.height=o.height,c.drawImage(o,0,0);const l=c.getImageData(0,0,i.width,i.height),s=l.data,d=1+t*.8;for(let u=0;u<s.length;u+=4){const g=s[u],m=s[u+1],f=s[u+2];if(s[u+3]===0)continue;let y=(((.299*g+.587*m+.114*f)/255-.5)*d+.5)*255;y=Math.max(0,Math.min(255,y));const I=Math.min(255,y*.9+25),C=Math.min(255,y*.78+15),w=Math.min(255,y*.55+5);s[u]=Math.round(g*(1-t)+I*t),s[u+1]=Math.round(m*(1-t)+C*t),s[u+2]=Math.round(f*(1-t)+w*t)}c.putImageData(l,0,0),n(i.toDataURL("image/png"))},o.onerror=()=>a(new Error("Failed to load image")),o.src=e})}const Be="https://api.stability.ai/v1/generation",De="https://api.stability.ai/v2beta/stable-image/edit/remove-background",re="stability_api_key";let B=null;function $e(e){B=e}function Ue(){return B}function Me(){return B!==null}const Fe={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"},te=[{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 ze(e,t){const n=e/t;let a=te[0],o=1/0;for(const i of te){const c=i.width/i.height,l=Math.abs(n-c);l<o&&(o=l,a=i)}return a}function He(e){return new Promise((t,n)=>{const a=new Image;a.onload=()=>{const o=ze(a.width,a.height),i=document.createElement("canvas");i.width=o.width,i.height=o.height;const c=i.getContext("2d");if(!c){n(new Error("Failed to get canvas context"));return}const l=a.width/a.height,s=o.width/o.height;let d=0,u=0,g=a.width,m=a.height;l>s?(g=a.height*s,d=(a.width-g)/2):(m=a.width/s,u=(a.height-m)/2),c.drawImage(a,d,u,g,m,0,0,o.width,o.height),t(i.toDataURL("image/png"))},a.onerror=()=>n(new Error("Failed to load image")),a.src=e})}function oe(e){var c;const t=e.split(","),n=((c=t[0].match(/:(.*?);/))==null?void 0:c[1])||"image/png",a=atob(t[1]),o=a.length,i=new Uint8Array(o);for(let l=0;l<o;l++)i[l]=a.charCodeAt(l);return new Blob([i],{type:n})}function F(){var t;const e=typeof{url:typeof document>"u"?require("url").pathToFileURL(__filename).href:_&&_.tagName.toUpperCase()==="SCRIPT"&&_.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(re):null}function ie(e){localStorage.setItem(re,e)}function se(){return B?!0:F()!==null}async function Ke(e){const t=F();if(!t)throw new Error("No Stability AI API key configured");const{imageDataUrl:n,style:a,strength:o=.35}=e,i=await He(n),c=oe(i),l=new FormData;l.append("init_image",c,"portrait.png"),l.append("init_image_mode","IMAGE_STRENGTH"),l.append("image_strength",String(1-o)),l.append("text_prompts[0][text]",Fe[a]),l.append("text_prompts[0][weight]","1"),l.append("cfg_scale","7"),l.append("samples","1"),l.append("steps","30");const d=await fetch(`${Be}/stable-diffusion-xl-1024-v1-0/image-to-image`,{method:"POST",headers:{Authorization:`Bearer ${t}`,Accept:"application/json"},body:l});if(!d.ok){const g=await d.text();throw console.error("Stability AI error:",g),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 u=await d.json();if(!u.artifacts||u.artifacts.length===0)throw new Error("No image generated");return`data:image/png;base64,${u.artifacts[0].base64}`}async function le(e){if(B){const c=await fetch(B,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({imageDataUrl:e})});if(!c.ok){const s=await c.json().catch(()=>({}));throw new Error(s.error||`API error: ${c.status}`)}return(await c.json()).imageDataUrl}const t=F();if(!t)throw new Error("No Stability AI API key configured");const n=oe(e),a=new FormData;a.append("image",n,"image.png"),a.append("output_format","png");const o=await fetch(De,{method:"POST",headers:{Authorization:`Bearer ${t}`,Accept:"image/*"},body:a});if(!o.ok){const c=await o.text();throw console.error("Stability AI remove background error:",c),o.status===401?new Error("Invalid API key"):o.status===402?new Error("Insufficient credits"):o.status===429?new Error("Rate limit exceeded. Please try again later."):new Error(`API error: ${o.status}`)}const i=await o.blob();return new Promise((c,l)=>{const s=new FileReader;s.onload=()=>c(s.result),s.onerror=()=>l(new Error("Failed to read result")),s.readAsDataURL(i)})}function Oe(){const[e,t]=v.useState(!1),[n,a]=v.useState(!1),[o,i]=v.useState(null),[c,l]=v.useState(se()),s=v.useCallback(()=>i(null),[]),d=v.useCallback(m=>{ie(m),l(!0),i(null)},[]),u=v.useCallback(async(m,f=.5)=>{t(!0),i(null);try{return await ae(m,f)}catch(p){const N=p instanceof Error?p.message:"Enhancement failed";throw i(N),p}finally{t(!1)}},[]),g=v.useCallback(async m=>{a(!0),i(null);try{return await le(m)}catch(f){const p=f instanceof Error?f.message:"Background removal failed";throw i(p),f}finally{a(!1)}},[]);return{enhance:u,removeBg:g,isEnhancing:e,isRemovingBg:n,error:o,hasKey:c,setApiKey:d,clearError:s}}function ce({isOpen:e,onClose:t,onSubmit:n}){const a=b(d=>d.voucherConfig.language),[o,i]=v.useState("");if(!e)return null;const c=d=>{d.preventDefault(),o.trim()&&(n(o.trim()),i(""),t())},s={de:{title:"Stability AI API Key",description:"Um die AI-Bildverbesserung zu nutzen, benötigst du einen Stability AI API Key. Du kannst ihn auf platform.stability.ai erhalten.",placeholder:"sk-...",submit:"Speichern",cancel:"Abbrechen",hint:"Der Key wird lokal in deinem Browser gespeichert."},en:{title:"Stability AI API Key",description:"To use AI image enhancement, you need a Stability AI API key. You can get one at platform.stability.ai.",placeholder:"sk-...",submit:"Save",cancel:"Cancel",hint:"The key is stored locally in your browser."}}[a];return r.jsxs("dialog",{className:"modal modal-open",children:[r.jsxs("div",{className:"modal-box",children:[r.jsx("h3",{className:"font-bold text-lg",children:s.title}),r.jsx("p",{className:"py-4 text-sm opacity-80",children:s.description}),r.jsxs("form",{onSubmit:c,children:[r.jsxs("div",{className:"form-control",children:[r.jsx("input",{type:"password",placeholder:s.placeholder,className:"input input-bordered w-full",value:o,onChange:d=>i(d.target.value),autoFocus:!0}),r.jsx("label",{className:"label",children:r.jsx("span",{className:"label-text-alt",children:s.hint})})]}),r.jsxs("div",{className:"modal-action",children:[r.jsx("button",{type:"button",className:"btn btn-ghost",onClick:t,children:s.cancel}),r.jsx("button",{type:"submit",className:"btn btn-primary",disabled:!o.trim(),children:s.submit})]})]})]}),r.jsx("form",{method:"dialog",className:"modal-backdrop",children:r.jsx("button",{onClick:t,children:"close"})})]})}function We(){const e=b(h=>h.voucherConfig.language),t=b(h=>h.portrait),n=b(h=>h.setPortrait),a=b(h=>h.setPortraitZoom),o=b(h=>h.setPortraitRawImage),i=b(h=>h.setPortraitBgRemoved),c=b(h=>h.setPortraitEngravingIntensity),{enhance:l,removeBg:s,isEnhancing:d,isRemovingBg:u,error:g,hasKey:m,setApiKey:f}=Oe(),p=A(e),N=v.useRef(null),[y,I]=v.useState(!1),[C,w]=v.useState(!1),P=v.useRef(null),k=t.rawImage,D=t.bgRemovedImage,L=t.bgRemoved,S=t.engravingIntensity;v.useEffect(()=>()=>{P.current&&clearTimeout(P.current)},[]);const H=v.useCallback(async h=>{if(!h.type.startsWith("image/"))return;const x=new FileReader;x.onload=async j=>{var Q;const J=(Q=j.target)==null?void 0:Q.result;o(J),n(J),i(!1,null),c(0)},x.readAsDataURL(h)},[n,o,i,c]),xe=v.useCallback(h=>{h.preventDefault(),I(!1);const x=h.dataTransfer.files[0];x&&H(x)},[H]),we=v.useCallback(h=>{h.preventDefault(),I(!0)},[]),ye=v.useCallback(h=>{h.preventDefault(),I(!1)},[]),Ie=()=>{var h;(h=N.current)==null||h.click()},ke=h=>{var j;const x=(j=h.target.files)==null?void 0:j[0];x&&H(x)},$=v.useCallback(async(h,x)=>{try{return await l(h,x)}catch(j){return console.error("Enhancement failed:",j),h}},[l]),X=v.useCallback(async h=>{try{const x=await s(h);return i(!0,x),x}catch(x){return console.error("Background removal failed:",x),h}},[s,i]),Pe=async()=>{if(!k)return;if(!L&&!m){w(!0);return}if(!L){const x=await X(k);if(S>0){const j=await $(x,S);n(j)}else n(x)}else if(i(!1,null),S>0){const x=await $(k,S);n(x)}else n(k)},je=h=>{c(h),P.current&&clearTimeout(P.current),k&&(P.current=setTimeout(async()=>{const x=L&&D?D:k;if(h===0)n(x);else{const j=await $(x,h);n(j)}},150))},Ee=async h=>{if(f(h),!k)return;const x=await X(k);if(S>0){const j=await $(x,S);n(j)}else n(x)},Ne=()=>{n(null),o(null),i(!1,null),c(0)};return r.jsxs("div",{className:"space-y-4",children:[t.original?r.jsxs("div",{className:"flex flex-col items-center space-y-4",children:[r.jsxs("div",{className:"relative",children:[r.jsx("div",{className:"w-32 h-32 rounded-full overflow-hidden border-4 border-currency-gold shadow-lg",children:r.jsx("img",{src:t.original||"",alt:"Portrait",className:"w-full h-full object-cover",style:{transform:`scale(${t.zoom})`}})}),r.jsx("button",{className:"btn btn-circle btn-xs btn-error absolute -top-1 -right-1",onClick:Ne,children:r.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",className:"h-4 w-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:r.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"})})})]}),r.jsxs("div",{className:"form-control w-full max-w-xs",children:[r.jsxs("label",{className:"label",children:[r.jsx("span",{className:"label-text",children:p.form.portrait.zoom}),r.jsxs("span",{className:"label-text-alt",children:[Math.round(t.zoom*100),"%"]})]}),r.jsx("input",{type:"range",min:"0.5",max:"2",step:"0.05",value:t.zoom,onChange:h=>a(parseFloat(h.target.value)),className:"range range-primary range-sm"})]}),r.jsxs("div",{className:"form-control w-full max-w-xs",children:[r.jsxs("label",{className:"label",children:[r.jsxs("span",{className:"label-text flex items-center gap-2",children:[e==="de"?"Gravur-Effekt":"Engraving effect",d&&r.jsx("span",{className:"loading loading-spinner loading-xs"})]}),r.jsxs("span",{className:"label-text-alt",children:[Math.round(S*100),"%"]})]}),r.jsx("input",{type:"range",min:"0",max:"1",step:"0.05",value:S,onChange:h=>je(parseFloat(h.target.value)),className:"range range-secondary range-sm",disabled:d||!k})]}),r.jsx("div",{className:"form-control",children:r.jsxs("label",{className:"label cursor-pointer justify-start gap-3",children:[r.jsx("input",{type:"checkbox",className:`toggle toggle-primary ${u?"opacity-50":""}`,checked:L,onChange:Pe,disabled:u||!k}),r.jsxs("span",{className:"label-text flex items-center gap-2",children:[u?r.jsxs(r.Fragment,{children:[r.jsx("span",{className:"loading loading-spinner loading-xs"}),e==="de"?"Hintergrund wird entfernt...":"Removing background..."]}):e==="de"?"Hintergrund entfernen":"Remove background",!m&&r.jsx("span",{className:"badge badge-sm badge-outline",children:"API"})]})]})}),g&&r.jsxs("div",{className:"alert alert-warning text-sm py-2",children:[r.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:r.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"})}),r.jsx("span",{children:g})]})]}):r.jsxs("div",{className:`border-2 border-dashed rounded-lg p-8 text-center cursor-pointer transition-colors ${u?"border-primary bg-primary/10 pointer-events-none":y?"border-primary bg-primary/10":"border-base-300 hover:border-primary hover:bg-base-200"}`,onDrop:xe,onDragOver:we,onDragLeave:ye,onClick:Ie,children:[r.jsx("input",{ref:N,type:"file",accept:"image/*",className:"hidden",onChange:ke}),u?r.jsxs("div",{className:"flex flex-col items-center gap-2",children:[r.jsx("span",{className:"loading loading-spinner loading-lg text-primary"}),r.jsx("p",{className:"font-medium",children:e==="de"?"Hintergrund wird entfernt...":"Removing background..."})]}):r.jsxs("div",{className:"flex flex-col items-center gap-2",children:[r.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:r.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"})}),r.jsx("p",{className:"font-medium",children:p.form.portrait.upload}),r.jsx("p",{className:"text-sm text-base-content/60",children:p.form.portrait.dragDrop})]})]}),r.jsx(ce,{isOpen:C,onClose:()=>w(!1),onSubmit:Ee})]})}function qe(){return null}const E=typeof{url:typeof document>"u"?require("url").pathToFileURL(__filename).href:_&&_.tagName.toUpperCase()==="SCRIPT"&&_.src||new URL("index.cjs",document.baseURI).href}<"u"&&"/"||"/",de={en:{1:{front:`${E}templates/front_ldpi_en.png`,back:`${E}templates/back_ldpi_en.png`,width:1536,height:1024},5:{front:`${E}templates/front_ldpi_en.png`,back:`${E}templates/back_ldpi_en.png`,width:1536,height:1024},10:{front:`${E}templates/front_ldpi_en.png`,back:`${E}templates/back_ldpi_en.png`,width:1536,height:1024}},de:{1:{front:`${E}templates/front_hdpi_de.webp`,back:`${E}templates/back_hdpi_de.webp`,width:6144,height:3200},5:{front:`${E}templates/front_hdpi_de.webp`,back:`${E}templates/back_hdpi_de.webp`,width:6144,height:3200},10:{front:`${E}templates/front_hdpi_de.webp`,back:`${E}templates/back_hdpi_de.webp`,width:6144,height:3200}}},T={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"}}},R={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 W(e){return e==="de"?R:T}function q(e,t){return de[e][t]}const K=new Map;async function U(e){return K.has(e)?K.get(e):new Promise((t,n)=>{const a=new Image;a.crossOrigin="anonymous",a.onload=()=>{K.set(e,a),t(a)},a.onerror=n,a.src=e})}function Y(e,t,n,a){e.drawImage(t,0,0,n,a)}function ue(e,t,n,a,o,i,c=1){e.save(),e.beginPath(),e.ellipse(n,a,o,i,0,0,Math.PI*2),e.closePath(),e.clip();const l=t.width/t.height,s=o/i,d=o*2,u=i*2;let g,m;l>s?(m=u,g=u*l):(g=d,m=d/l),g*=c,m*=c;const f=n-g/2,p=a-m/2;e.drawImage(t,f,p,g,m),e.restore()}function V(e,t,n,a="#2a3a2a"){e.save(),e.font=`${n.fontSize}px "Times New Roman", serif`,e.textAlign=n.align||"center",e.textBaseline="middle",e.fillStyle=a,n.maxWidth?e.fillText(t,n.x,n.y,n.maxWidth):e.fillText(t,n.x,n.y),e.restore()}function he(e,t,n,a="#2a3a2a"){e.save(),e.font=`${n.fontSize}px "Times New Roman", serif`,e.textAlign=n.align||"center",e.textBaseline="top",e.fillStyle=a;const o=n.maxWidth||400,i=n.lineHeight||n.fontSize*1.4,c=t.split(" "),l=[];let s="";for(const g of c){const m=s?`${s} ${g}`:g;e.measureText(m).width>o&&s?(l.push(s),s=g):s=m}s&&l.push(s);const d=l.length*i;let u=n.y-d/2;for(const g of l)e.fillText(g,n.x,u),u+=i;e.restore()}function pe(e,t,n,a,o,i="#2a3a2a"){e.save(),e.font=`${o.fontSize}px "Times New Roman", serif`,e.textAlign=o.align||"center",e.textBaseline="middle",e.fillStyle=i;const c=o.lineHeight||o.fontSize*1.8,l=[t,n,a].filter(Boolean),s=(l.length-1)*c;let d=o.y-s/2;for(const u of l)u&&(e.fillText(u,o.x,d),d+=c);e.restore()}async function G(e,t,n,a,o,i,c,l=1){const s=e.getContext("2d");if(!s)return;e.width=i,e.height=c,s.clearRect(0,0,i,c);const d=await U(t);if(Y(s,d,i,c),n)try{const u=await U(n);ue(s,u,o.portrait.x,o.portrait.y,o.portrait.radiusX,o.portrait.radiusY,l)}catch(u){console.error("Failed to load portrait:",u)}a&&V(s,a,o.namePlate)}async function Z(e,t,n,a,o,i,c,l,s){const d=e.getContext("2d");if(!d)return;e.width=l,e.height=s,d.clearRect(0,0,l,s);const u=await U(t);Y(d,u,l,s),c.contactInfo&&(n||a||o)&&pe(d,n,a,o,c.contactInfo),c.description&&i&&he(d,i,c.description),n&&V(d,n,c.namePlate)}function Ye(){const e=b(w=>w.voucherConfig.language),t=b(w=>w.voucherConfig.hours),n=b(w=>w.voucherConfig.description),a=b(w=>w.personalInfo),o=b(w=>w.portrait),i=b(w=>w.currentSide),c=b(w=>w.flipSide),l=A(e),s=v.useRef(null),d=v.useRef(null),u=v.useRef(null),[g,m]=v.useState(!1),f=q(e,t),p=W(e),N=o.useEnhanced&&o.enhanced?o.enhanced:o.original,y=O(e,t,n);v.useEffect(()=>{s.current&&G(s.current,f.front,N,a.name,p.front,f.width,f.height,o.zoom)},[f,N,a.name,p,o.zoom]),v.useEffect(()=>{d.current&&Z(d.current,f.back,a.name,a.email,a.phone,y,p.back,f.width,f.height)},[f,a,y,p]);const I=()=>{m(!0),setTimeout(()=>{c(),m(!1)},150)},C=f.width/f.height;return r.jsxs("div",{className:"space-y-4",children:[r.jsxs("div",{className:"flex justify-between items-center",children:[r.jsxs("div",{className:"tabs tabs-boxed bg-base-200",children:[r.jsx("button",{className:`tab ${i==="front"?"tab-active bg-primary text-primary-content font-semibold":""}`,onClick:()=>i!=="front"&&I(),children:l.preview.front}),r.jsx("button",{className:`tab ${i==="back"?"tab-active bg-primary text-primary-content font-semibold":""}`,onClick:()=>i!=="back"&&I(),children:l.preview.back})]}),r.jsxs("button",{className:"btn btn-ghost btn-sm",onClick:I,children:[r.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",className:"h-5 w-5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:r.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"})}),l.preview.flip]})]}),r.jsxs("div",{ref:u,className:"relative w-full overflow-hidden  shadow-lg",style:{aspectRatio:C},children:[r.jsx("canvas",{ref:s,className:`absolute inset-0 w-full h-full transition-all duration-300 ${i==="front"?g?"opacity-0 scale-95":"opacity-100 scale-100":"opacity-0 scale-95 pointer-events-none"}`}),r.jsx("canvas",{ref:d,className:`absolute inset-0 w-full h-full transition-all duration-300 ${i==="back"?g?"opacity-0 scale-95":"opacity-100 scale-100":"opacity-0 scale-95 pointer-events-none"}`})]})]})}function Ve(){const e=v.useRef(null),t=v.useRef(null);return{frontCanvasRef:e,backCanvasRef:t}}async function me(e){const{frontTemplateSrc:t,backTemplateSrc:n,templateWidth:a,templateHeight:o,layout:i,portrait:c,portraitZoom:l=1,name:s,email:d,phone:u,description:g}=e,m=document.createElement("canvas"),f=document.createElement("canvas");await Promise.all([G(m,t,c,s,i.front,a,o,l),Z(f,n,s,d,u,g,i.back,a,o)]);const p=new Te({orientation:"landscape",unit:"mm",format:"a4"}),N=297,y=210,I=10,C=a/o;let w=N-I*2,P=w/C;P>y-I*2&&(P=y-I*2,w=P*C);const k=(N-w)/2,D=(y-P)/2,L=m.toDataURL("image/jpeg",.95);p.addImage(L,"JPEG",k,D,w,P),p.addPage();const S=f.toDataURL("image/jpeg",.95);return p.addImage(S,"JPEG",k,D,w,P),p.output("blob")}function ge(e,t){const n=URL.createObjectURL(e),a=document.createElement("a");a.href=n,a.download=t,document.body.appendChild(a),a.click(),document.body.removeChild(a),URL.revokeObjectURL(n)}async function fe(e){const t=await me(e);ge(t,e.filename)}function Ge(){const e=b(p=>p.voucherConfig.language),t=b(p=>p.voucherConfig.hours),n=b(p=>p.voucherConfig.description),a=b(p=>p.personalInfo),o=b(p=>p.portrait),i=b(p=>p.isExporting),c=b(p=>p.setIsExporting),l=A(e),s=q(e,t),d=W(e),u=o.useEnhanced&&o.enhanced?o.enhanced:o.original,g=O(e,t,n),m=a.name.trim().length>0&&a.email.trim().length>0&&a.phone.trim().length>0&&o.original!==null,f=async()=>{if(!(!m||i)){c(!0);try{const p=`zeitgutschein-${t}h-${a.name.replace(/\s+/g,"-").toLowerCase()}.pdf`;await fe({frontTemplateSrc:s.front,backTemplateSrc:s.back,templateWidth:s.width,templateHeight:s.height,layout:d,portrait:u,portraitZoom:o.zoom,name:a.name,email:a.email,phone:a.phone,description:g,filename:p})}catch(p){console.error("PDF export failed:",p)}finally{c(!1)}}};return r.jsx("button",{className:`btn btn-primary flex-1 ${i?"loading":""}`,onClick:f,disabled:!m||i,children:i?r.jsxs(r.Fragment,{children:[r.jsx("span",{className:"loading loading-spinner loading-sm"}),l.export.exporting]}):r.jsxs(r.Fragment,{children:[r.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",className:"h-5 w-5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:r.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"})}),l.export.button]})})}function be(){const e=b(a=>a.voucherConfig.language),t=b(a=>a.setLanguage),n=a=>{t(a)};return r.jsxs("div",{className:"join",children:[r.jsx("button",{className:`join-item btn btn-sm ${e==="de"?"btn-active btn-primary":"btn-ghost"}`,onClick:()=>n("de"),children:"DE"}),r.jsx("button",{className:`join-item btn btn-sm ${e==="en"?"btn-active btn-primary":"btn-ghost"}`,onClick:()=>n("en"),children:"EN"})]})}function Ze(){const e=b(n=>n.voucherConfig.language),t=A(e);return r.jsxs("div",{className:"navbar bg-currency-green text-currency-cream shadow-lg",children:[r.jsx("div",{className:"navbar-start",children:r.jsx("a",{className:"btn btn-ghost text-xl font-currency font-bold",children:t.header.title})}),r.jsx("div",{className:"navbar-center hidden sm:flex",children:r.jsx("span",{className:"text-sm opacity-80",children:t.header.subtitle})}),r.jsx("div",{className:"navbar-end",children:r.jsx(be,{})})]})}const M="/",Xe={id:"time-voucher-classic-de",name:"Zeitgutschein Classic",type:"time-voucher",category:"classic",images:{front:`${M}templates/front_hdpi_de.jpg`,back:`${M}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:R.front.portrait,name:R.front.namePlate},back:{name:R.back.namePlate,contactInfo:R.back.contactInfo,description:R.back.description}},languages:["de"]},Je={id:"time-voucher-classic-en",name:"Time Voucher Classic",type:"time-voucher",category:"classic",images:{front:`${M}templates/front_ldpi_en.png`,back:`${M}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:T.front.portrait,name:T.front.namePlate},back:{name:T.back.namePlate,contactInfo:T.back.contactInfo,description:T.back.description}},languages:["en"]},ne=[Xe,Je],ve={async listTemplates(e){let t=[...ne];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=ne.find(n=>n.id===e);if(!t)throw new Error(`Template not found: ${e}`);return t}};function Qe(e){return e==="de"?"time-voucher-classic-de":"time-voucher-classic-en"}let z=ve;function et(e){z=e}function tt(){return z}async function nt(e){return z.listTemplates(e)}async function at(e){return z.getTemplate(e)}exports.ApiKeyModal=ce;exports.BillPreview=Ye;exports.ExportButton=Ge;exports.Header=Ze;exports.LAYOUT_HDPI=R;exports.LAYOUT_LDPI=T;exports.LanguageToggle=be;exports.PersonalInfoForm=_e;exports.PortraitUpload=We;exports.TEMPLATES=de;exports.VoucherConfig=qe;exports.applyEngravingEffect=ae;exports.downloadBlob=ge;exports.drawContactInfo=pe;exports.drawMultilineText=he;exports.drawOvalPortrait=ue;exports.drawTemplate=Y;exports.drawText=V;exports.enhancePortrait=Ke;exports.exportBillAsPDF=fe;exports.formatDescription=O;exports.generateBillPDF=me;exports.getApiKey=F;exports.getDefaultTemplateId=Qe;exports.getLayout=W;exports.getRemoveBackgroundEndpoint=Ue;exports.getTemplate=q;exports.getTemplateById=at;exports.getTemplateProvider=tt;exports.hasApiKey=se;exports.hasCustomEndpoint=Me;exports.listTemplates=nt;exports.loadImage=U;exports.removeBackground=le;exports.renderBackSide=Z;exports.renderFrontSide=G;exports.setApiKey=ie;exports.setRemoveBackgroundEndpoint=$e;exports.setTemplateProvider=et;exports.staticTemplateProvider=ve;exports.t=A;exports.useBillCanvasRefs=Ve;exports.useBillStore=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),Ne=require("zustand"),Ce=require("zustand/middleware"),v=require("react"),Te=require("jspdf");var _=typeof document<"u"?document.currentScript:null;const te={personalInfo:{name:"",email:"",phone:""},voucherConfig:{hours:1,description:"",language:"de"},portrait:{original:null,enhanced:null,useEnhanced:!1,zoom:1,rawImage:null,bgRemovedImage:null,bgRemoved:!1,engravingIntensity:0},currentSide:"front",isEnhancing:!1,isExporting:!1},f=Ne.create()(Ce.persist(e=>({...te,setPersonalInfo:t=>e(n=>({personalInfo:{...n.personalInfo,...t}})),setVoucherConfig:t=>e(n=>({voucherConfig:{...n.voucherConfig,...t}})),setPortrait:(t,n=null)=>e(a=>({portrait:{...a.portrait,original:t,enhanced:n,useEnhanced:!1,zoom:a.portrait.original&&t?a.portrait.zoom:1}})),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}})),setPortraitRawImage:t=>e(n=>({portrait:{...n.portrait,rawImage:t}})),setPortraitBgRemoved:(t,n)=>e(a=>({portrait:{...a.portrait,bgRemoved:t,bgRemovedImage:n!==void 0?n:a.portrait.bgRemovedImage}})),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}})),reset:()=>e(te)}),{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,rawImage:null,bgRemovedImage:null,bgRemoved:!1,engravingIntensity:e.portrait.engravingIntensity}})})),Re={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?"}},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"}},Ae={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?"}},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"}},Le={de:Re,en:Ae};function R(e){return Le[e]}function q(e,t,n){if(n&&n.trim())return n;const a=R(e),o=t===1?a.form.voucher.hourLabel:a.form.voucher.hoursLabel;return a.bill.descriptionText.replace("{hours}",t.toString()).replace("{hourLabel}",o)}function _e(){const e=f(o=>o.voucherConfig.language),t=f(o=>o.personalInfo),n=f(o=>o.setPersonalInfo),a=R(e);return r.jsxs("div",{className:"space-y-4",children:[r.jsxs("div",{className:"form-control",children:[r.jsx("label",{className:"label",children:r.jsx("span",{className:"label-text font-medium",children:a.form.personalInfo.name})}),r.jsx("input",{type:"text",placeholder:a.form.personalInfo.namePlaceholder,className:"input input-bordered w-full",value:t.name,onChange:o=>n({name:o.target.value})})]}),r.jsxs("div",{className:"form-control",children:[r.jsx("label",{className:"label",children:r.jsx("span",{className:"label-text font-medium",children:a.form.personalInfo.email})}),r.jsx("input",{type:"email",placeholder:a.form.personalInfo.emailPlaceholder,className:"input input-bordered w-full",value:t.email,onChange:o=>n({email:o.target.value})})]}),r.jsxs("div",{className:"form-control",children:[r.jsx("label",{className:"label",children:r.jsx("span",{className:"label-text font-medium",children:a.form.personalInfo.phone})}),r.jsx("input",{type:"tel",placeholder:a.form.personalInfo.phonePlaceholder,className:"input input-bordered w-full",value:t.phone,onChange:o=>n({phone:o.target.value})})]})]})}async function re(e,t=.5){return new Promise((n,a)=>{const o=new Image;o.onload=()=>{const i=document.createElement("canvas"),c=i.getContext("2d");if(!c){a(new Error("Failed to get canvas context"));return}i.width=o.width,i.height=o.height,c.drawImage(o,0,0);const l=c.getImageData(0,0,i.width,i.height),s=l.data,d=1+t*.8;for(let u=0;u<s.length;u+=4){const g=s[u],h=s[u+1],b=s[u+2];if(s[u+3]===0)continue;let I=(((.299*g+.587*h+.114*b)/255-.5)*d+.5)*255;I=Math.max(0,Math.min(255,I));const k=Math.min(255,I*.9+25),N=Math.min(255,I*.78+15),w=Math.min(255,I*.55+5);s[u]=Math.round(g*(1-t)+k*t),s[u+1]=Math.round(h*(1-t)+N*t),s[u+2]=Math.round(b*(1-t)+w*t)}c.putImageData(l,0,0),n(i.toDataURL("image/png"))},o.onerror=()=>a(new Error("Failed to load image")),o.src=e})}const Be="https://api.stability.ai/v1/generation",De="https://api.stability.ai/v2beta/stable-image/edit/remove-background",oe="stability_api_key";let B=null;function $e(e){B=e}function Ue(){return B}function Me(){return B!==null}const ze={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"},ne=[{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 Fe(e,t){const n=e/t;let a=ne[0],o=1/0;for(const i of ne){const c=i.width/i.height,l=Math.abs(n-c);l<o&&(o=l,a=i)}return a}function He(e){return new Promise((t,n)=>{const a=new Image;a.onload=()=>{const o=Fe(a.width,a.height),i=document.createElement("canvas");i.width=o.width,i.height=o.height;const c=i.getContext("2d");if(!c){n(new Error("Failed to get canvas context"));return}const l=a.width/a.height,s=o.width/o.height;let d=0,u=0,g=a.width,h=a.height;l>s?(g=a.height*s,d=(a.width-g)/2):(h=a.width/s,u=(a.height-h)/2),c.drawImage(a,d,u,g,h,0,0,o.width,o.height),t(i.toDataURL("image/png"))},a.onerror=()=>n(new Error("Failed to load image")),a.src=e})}function ie(e){var c;const t=e.split(","),n=((c=t[0].match(/:(.*?);/))==null?void 0:c[1])||"image/png",a=atob(t[1]),o=a.length,i=new Uint8Array(o);for(let l=0;l<o;l++)i[l]=a.charCodeAt(l);return new Blob([i],{type:n})}function F(){var t;const e=typeof{url:typeof document>"u"?require("url").pathToFileURL(__filename).href:_&&_.tagName.toUpperCase()==="SCRIPT"&&_.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(oe):null}function se(e){localStorage.setItem(oe,e)}function W(){return B?!0:F()!==null}async function Ke(e){const t=F();if(!t)throw new Error("No Stability AI API key configured");const{imageDataUrl:n,style:a,strength:o=.35}=e,i=await He(n),c=ie(i),l=new FormData;l.append("init_image",c,"portrait.png"),l.append("init_image_mode","IMAGE_STRENGTH"),l.append("image_strength",String(1-o)),l.append("text_prompts[0][text]",ze[a]),l.append("text_prompts[0][weight]","1"),l.append("cfg_scale","7"),l.append("samples","1"),l.append("steps","30");const d=await fetch(`${Be}/stable-diffusion-xl-1024-v1-0/image-to-image`,{method:"POST",headers:{Authorization:`Bearer ${t}`,Accept:"application/json"},body:l});if(!d.ok){const g=await d.text();throw console.error("Stability AI error:",g),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 u=await d.json();if(!u.artifacts||u.artifacts.length===0)throw new Error("No image generated");return`data:image/png;base64,${u.artifacts[0].base64}`}async function le(e){if(B){const c=await fetch(B,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({imageDataUrl:e})});if(!c.ok){const s=await c.json().catch(()=>({}));throw new Error(s.error||`API error: ${c.status}`)}return(await c.json()).imageDataUrl}const t=F();if(!t)throw new Error("No Stability AI API key configured");const n=ie(e),a=new FormData;a.append("image",n,"image.png"),a.append("output_format","png");const o=await fetch(De,{method:"POST",headers:{Authorization:`Bearer ${t}`,Accept:"image/*"},body:a});if(!o.ok){const c=await o.text();throw console.error("Stability AI remove background error:",c),o.status===401?new Error("Invalid API key"):o.status===402?new Error("Insufficient credits"):o.status===429?new Error("Rate limit exceeded. Please try again later."):new Error(`API error: ${o.status}`)}const i=await o.blob();return new Promise((c,l)=>{const s=new FileReader;s.onload=()=>c(s.result),s.onerror=()=>l(new Error("Failed to read result")),s.readAsDataURL(i)})}function Oe(){const[e,t]=v.useState(!1),[n,a]=v.useState(!1),[o,i]=v.useState(null),[c,l]=v.useState(()=>W());v.useEffect(()=>{l(W())},[]);const s=v.useCallback(()=>i(null),[]),d=v.useCallback(h=>{se(h),l(!0),i(null)},[]),u=v.useCallback(async(h,b=.5)=>{t(!0),i(null);try{return await re(h,b)}catch(p){const S=p instanceof Error?p.message:"Enhancement failed";throw i(S),p}finally{t(!1)}},[]),g=v.useCallback(async h=>{a(!0),i(null);try{return await le(h)}catch(b){const p=b instanceof Error?b.message:"Background removal failed";throw i(p),b}finally{a(!1)}},[]);return{enhance:u,removeBg:g,isEnhancing:e,isRemovingBg:n,error:o,hasKey:c,setApiKey:d,clearError:s}}function ce({isOpen:e,onClose:t,onSubmit:n}){const a=f(d=>d.voucherConfig.language),[o,i]=v.useState("");if(!e)return null;const c=d=>{d.preventDefault(),o.trim()&&(n(o.trim()),i(""),t())},s={de:{title:"Stability AI API Key",description:"Um die AI-Bildverbesserung zu nutzen, benötigst du einen Stability AI API Key. Du kannst ihn auf platform.stability.ai erhalten.",placeholder:"sk-...",submit:"Speichern",cancel:"Abbrechen",hint:"Der Key wird lokal in deinem Browser gespeichert."},en:{title:"Stability AI API Key",description:"To use AI image enhancement, you need a Stability AI API key. You can get one at platform.stability.ai.",placeholder:"sk-...",submit:"Save",cancel:"Cancel",hint:"The key is stored locally in your browser."}}[a];return r.jsxs("dialog",{className:"modal modal-open",children:[r.jsxs("div",{className:"modal-box",children:[r.jsx("h3",{className:"font-bold text-lg",children:s.title}),r.jsx("p",{className:"py-4 text-sm opacity-80",children:s.description}),r.jsxs("form",{onSubmit:c,children:[r.jsxs("div",{className:"form-control",children:[r.jsx("input",{type:"password",placeholder:s.placeholder,className:"input input-bordered w-full",value:o,onChange:d=>i(d.target.value),autoFocus:!0}),r.jsx("label",{className:"label",children:r.jsx("span",{className:"label-text-alt",children:s.hint})})]}),r.jsxs("div",{className:"modal-action",children:[r.jsx("button",{type:"button",className:"btn btn-ghost",onClick:t,children:s.cancel}),r.jsx("button",{type:"submit",className:"btn btn-primary",disabled:!o.trim(),children:s.submit})]})]})]}),r.jsx("form",{method:"dialog",className:"modal-backdrop",children:r.jsx("button",{onClick:t,children:"close"})})]})}function We(){const e=f(m=>m.voucherConfig.language),t=f(m=>m.portrait),n=f(m=>m.setPortrait),a=f(m=>m.setPortraitZoom),o=f(m=>m.setPortraitRawImage),i=f(m=>m.setPortraitBgRemoved),c=f(m=>m.setPortraitEngravingIntensity),{enhance:l,removeBg:s,isEnhancing:d,isRemovingBg:u,error:g,hasKey:h,setApiKey:b}=Oe(),p=R(e),S=v.useRef(null),[I,k]=v.useState(!1),[N,w]=v.useState(!1),j=v.useRef(null),P=t.rawImage,D=t.bgRemovedImage,A=t.bgRemoved,L=t.engravingIntensity;v.useEffect(()=>{t.original&&!t.rawImage&&o(t.original)},[t.original,t.rawImage,o]),v.useEffect(()=>()=>{j.current&&clearTimeout(j.current)},[]);const K=v.useCallback(async m=>{if(!m.type.startsWith("image/"))return;const x=new FileReader;x.onload=async y=>{var ee;const U=(ee=y.target)==null?void 0:ee.result;o(U),n(U),i(!1,null),c(0)},x.readAsDataURL(m)},[n,o,i,c]),xe=v.useCallback(m=>{m.preventDefault(),k(!1);const x=m.dataTransfer.files[0];x&&K(x)},[K]),we=v.useCallback(m=>{m.preventDefault(),k(!0)},[]),ye=v.useCallback(m=>{m.preventDefault(),k(!1)},[]),Ie=()=>{var m;(m=S.current)==null||m.click()},ke=m=>{var y;const x=(y=m.target.files)==null?void 0:y[0];x&&K(x)},$=v.useCallback(async(m,x)=>{try{return await l(m,x)}catch(y){return console.error("Enhancement failed:",y),m}},[l]),Q=v.useCallback(async m=>{try{const x=await s(m);return i(!0,x),x}catch(x){return console.error("Background removal failed:",x),m}},[s,i]),Pe=async()=>{if(!P)return;if(!A&&!h){w(!0);return}if(!A){const x=await Q(P),y=f.getState().portrait.engravingIntensity;if(y>0){const U=await $(x,y);n(U)}else n(x)}else{i(!1,null);const x=f.getState().portrait.engravingIntensity;if(x>0){const y=await $(P,x);n(y)}else n(P)}},je=m=>{c(m),j.current&&clearTimeout(j.current),P&&(j.current=setTimeout(async()=>{const x=A&&D?D:P;if(m===0)n(x);else{const y=await $(x,m);n(y)}},150))},Ee=async m=>{if(b(m),!P)return;const x=await Q(P);if(L>0){const y=await $(x,L);n(y)}else n(x)},Se=()=>{n(null),o(null),i(!1,null),c(0)};return r.jsxs("div",{className:"space-y-4",children:[t.original?r.jsxs("div",{className:"flex flex-col items-center space-y-4",children:[r.jsxs("div",{className:"relative",children:[r.jsx("div",{className:"w-32 h-32 rounded-full overflow-hidden border-4 border-currency-gold shadow-lg",children:r.jsx("img",{src:t.original||"",alt:"Portrait",className:"w-full h-full object-cover",style:{transform:`scale(${t.zoom})`}})}),r.jsx("button",{className:"btn btn-circle btn-xs btn-error absolute -top-1 -right-1",onClick:Se,children:r.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",className:"h-4 w-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:r.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"})})})]}),r.jsxs("div",{className:"form-control w-full max-w-xs",children:[r.jsxs("label",{className:"label",children:[r.jsx("span",{className:"label-text",children:p.form.portrait.zoom}),r.jsxs("span",{className:"label-text-alt",children:[Math.round(t.zoom*100),"%"]})]}),r.jsx("input",{type:"range",min:"0.5",max:"2",step:"0.05",value:t.zoom,onChange:m=>a(parseFloat(m.target.value)),className:"range range-primary range-sm"})]}),r.jsxs("div",{className:"form-control w-full max-w-xs",children:[r.jsxs("label",{className:"label",children:[r.jsxs("span",{className:"label-text flex items-center gap-2",children:[e==="de"?"Sepia-Effekt":"Sepia effect",d&&r.jsx("span",{className:"loading loading-spinner loading-xs"})]}),r.jsxs("span",{className:"label-text-alt",children:[Math.round(L*100),"%"]})]}),r.jsx("input",{type:"range",min:"0",max:"1",step:"0.05",value:L,onChange:m=>je(parseFloat(m.target.value)),className:"range range-secondary range-sm",disabled:d||!P})]}),r.jsx("div",{className:"form-control",children:r.jsxs("label",{className:"label cursor-pointer justify-start gap-3",children:[r.jsx("input",{type:"checkbox",className:`toggle toggle-primary ${u?"opacity-50":""}`,checked:A,onChange:Pe,disabled:u||!P}),r.jsxs("span",{className:"label-text flex items-center gap-2",children:[u?r.jsxs(r.Fragment,{children:[r.jsx("span",{className:"loading loading-spinner loading-xs"}),e==="de"?"Hintergrund wird entfernt...":"Removing background..."]}):e==="de"?"Hintergrund entfernen":"Remove background",!h&&r.jsx("span",{className:"badge badge-sm badge-outline",children:"API"})]})]})}),g&&r.jsxs("div",{className:"alert alert-warning text-sm py-2",children:[r.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:r.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"})}),r.jsx("span",{children:g})]})]}):r.jsxs("div",{className:`border-2 border-dashed rounded-lg p-8 text-center cursor-pointer transition-colors ${u?"border-primary bg-primary/10 pointer-events-none":I?"border-primary bg-primary/10":"border-base-300 hover:border-primary hover:bg-base-200"}`,onDrop:xe,onDragOver:we,onDragLeave:ye,onClick:Ie,children:[r.jsx("input",{ref:S,type:"file",accept:"image/*",className:"hidden",onChange:ke}),u?r.jsxs("div",{className:"flex flex-col items-center gap-2",children:[r.jsx("span",{className:"loading loading-spinner loading-lg text-primary"}),r.jsx("p",{className:"font-medium",children:e==="de"?"Hintergrund wird entfernt...":"Removing background..."})]}):r.jsxs("div",{className:"flex flex-col items-center gap-2",children:[r.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:r.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"})}),r.jsx("p",{className:"font-medium",children:p.form.portrait.upload}),r.jsx("p",{className:"text-sm text-base-content/60",children:p.form.portrait.dragDrop})]})]}),r.jsx(ce,{isOpen:N,onClose:()=>w(!1),onSubmit:Ee})]})}function qe(){return null}const E=typeof{url:typeof document>"u"?require("url").pathToFileURL(__filename).href:_&&_.tagName.toUpperCase()==="SCRIPT"&&_.src||new URL("index.cjs",document.baseURI).href}<"u"&&"/"||"/",de={en:{1:{front:`${E}templates/front_ldpi_en.png`,back:`${E}templates/back_ldpi_en.png`,width:1536,height:1024},5:{front:`${E}templates/front_ldpi_en.png`,back:`${E}templates/back_ldpi_en.png`,width:1536,height:1024},10:{front:`${E}templates/front_ldpi_en.png`,back:`${E}templates/back_ldpi_en.png`,width:1536,height:1024}},de:{1:{front:`${E}templates/front_hdpi_de.webp`,back:`${E}templates/back_hdpi_de.webp`,width:6144,height:3200},5:{front:`${E}templates/front_hdpi_de.webp`,back:`${E}templates/back_hdpi_de.webp`,width:6144,height:3200},10:{front:`${E}templates/front_hdpi_de.webp`,back:`${E}templates/back_hdpi_de.webp`,width:6144,height:3200}}},C={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"}}},T={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 Y(e){return e==="de"?T:C}function V(e,t){return de[e][t]}const O=new Map;async function M(e){return O.has(e)?O.get(e):new Promise((t,n)=>{const a=new Image;a.crossOrigin="anonymous",a.onload=()=>{O.set(e,a),t(a)},a.onerror=n,a.src=e})}function G(e,t,n,a){e.drawImage(t,0,0,n,a)}function ue(e,t,n,a,o,i,c=1){e.save(),e.beginPath(),e.ellipse(n,a,o,i,0,0,Math.PI*2),e.closePath(),e.clip();const l=t.width/t.height,s=o/i,d=o*2,u=i*2;let g,h;l>s?(h=u,g=u*l):(g=d,h=d/l),g*=c,h*=c;const b=n-g/2,p=a-h/2;e.drawImage(t,b,p,g,h),e.restore()}function Z(e,t,n,a="#2a3a2a"){e.save(),e.font=`${n.fontSize}px "Times New Roman", serif`,e.textAlign=n.align||"center",e.textBaseline="middle",e.fillStyle=a,n.maxWidth?e.fillText(t,n.x,n.y,n.maxWidth):e.fillText(t,n.x,n.y),e.restore()}function me(e,t,n,a="#2a3a2a"){e.save(),e.font=`${n.fontSize}px "Times New Roman", serif`,e.textAlign=n.align||"center",e.textBaseline="top",e.fillStyle=a;const o=n.maxWidth||400,i=n.lineHeight||n.fontSize*1.4,c=t.split(" "),l=[];let s="";for(const g of c){const h=s?`${s} ${g}`:g;e.measureText(h).width>o&&s?(l.push(s),s=g):s=h}s&&l.push(s);const d=l.length*i;let u=n.y-d/2;for(const g of l)e.fillText(g,n.x,u),u+=i;e.restore()}function pe(e,t,n,a,o,i="#2a3a2a"){e.save(),e.font=`${o.fontSize}px "Times New Roman", serif`,e.textAlign=o.align||"center",e.textBaseline="middle",e.fillStyle=i;const c=o.lineHeight||o.fontSize*1.8,l=[t,n,a].filter(Boolean),s=(l.length-1)*c;let d=o.y-s/2;for(const u of l)u&&(e.fillText(u,o.x,d),d+=c);e.restore()}async function X(e,t,n,a,o,i,c,l=1){const s=e.getContext("2d");if(!s)return;e.width=i,e.height=c,s.clearRect(0,0,i,c);const d=await M(t);if(G(s,d,i,c),n)try{const u=await M(n);ue(s,u,o.portrait.x,o.portrait.y,o.portrait.radiusX,o.portrait.radiusY,l)}catch(u){console.error("Failed to load portrait:",u)}a&&Z(s,a,o.namePlate)}async function J(e,t,n,a,o,i,c,l,s){const d=e.getContext("2d");if(!d)return;e.width=l,e.height=s,d.clearRect(0,0,l,s);const u=await M(t);G(d,u,l,s),c.contactInfo&&(n||a||o)&&pe(d,n,a,o,c.contactInfo),c.description&&i&&me(d,i,c.description),n&&Z(d,n,c.namePlate)}function Ye(){const e=f(w=>w.voucherConfig.language),t=f(w=>w.voucherConfig.hours),n=f(w=>w.voucherConfig.description),a=f(w=>w.personalInfo),o=f(w=>w.portrait),i=f(w=>w.currentSide),c=f(w=>w.flipSide),l=R(e),s=v.useRef(null),d=v.useRef(null),u=v.useRef(null),[g,h]=v.useState(!1),b=V(e,t),p=Y(e),S=o.useEnhanced&&o.enhanced?o.enhanced:o.original,I=q(e,t,n);v.useEffect(()=>{s.current&&X(s.current,b.front,S,a.name,p.front,b.width,b.height,o.zoom)},[b,S,a.name,p,o.zoom]),v.useEffect(()=>{d.current&&J(d.current,b.back,a.name,a.email,a.phone,I,p.back,b.width,b.height)},[b,a,I,p]);const k=()=>{h(!0),setTimeout(()=>{c(),h(!1)},150)},N=b.width/b.height;return r.jsxs("div",{className:"space-y-4",children:[r.jsxs("div",{className:"flex justify-between items-center",children:[r.jsxs("div",{className:"tabs tabs-boxed bg-base-200",children:[r.jsx("button",{className:`tab ${i==="front"?"tab-active bg-primary text-primary-content font-semibold":""}`,onClick:()=>i!=="front"&&k(),children:l.preview.front}),r.jsx("button",{className:`tab ${i==="back"?"tab-active bg-primary text-primary-content font-semibold":""}`,onClick:()=>i!=="back"&&k(),children:l.preview.back})]}),r.jsxs("button",{className:"btn btn-ghost btn-sm",onClick:k,children:[r.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",className:"h-5 w-5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:r.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"})}),l.preview.flip]})]}),r.jsxs("div",{ref:u,className:"relative w-full overflow-hidden  shadow-lg",style:{aspectRatio:N},children:[r.jsx("canvas",{ref:s,className:`absolute inset-0 w-full h-full transition-all duration-300 ${i==="front"?g?"opacity-0 scale-95":"opacity-100 scale-100":"opacity-0 scale-95 pointer-events-none"}`}),r.jsx("canvas",{ref:d,className:`absolute inset-0 w-full h-full transition-all duration-300 ${i==="back"?g?"opacity-0 scale-95":"opacity-100 scale-100":"opacity-0 scale-95 pointer-events-none"}`})]})]})}function Ve(){const e=v.useRef(null),t=v.useRef(null);return{frontCanvasRef:e,backCanvasRef:t}}async function he(e){const{frontTemplateSrc:t,backTemplateSrc:n,templateWidth:a,templateHeight:o,layout:i,portrait:c,portraitZoom:l=1,name:s,email:d,phone:u,description:g}=e,h=document.createElement("canvas"),b=document.createElement("canvas");await Promise.all([X(h,t,c,s,i.front,a,o,l),J(b,n,s,d,u,g,i.back,a,o)]);const p=new Te({orientation:"landscape",unit:"mm",format:"a4"}),S=297,I=210,k=10,N=a/o;let w=S-k*2,j=w/N;j>I-k*2&&(j=I-k*2,w=j*N);const P=(S-w)/2,D=(I-j)/2,A=h.toDataURL("image/jpeg",.95);p.addImage(A,"JPEG",P,D,w,j),p.addPage();const L=b.toDataURL("image/jpeg",.95);return p.addImage(L,"JPEG",P,D,w,j),p.output("blob")}function ge(e,t){const n=URL.createObjectURL(e),a=document.createElement("a");a.href=n,a.download=t,document.body.appendChild(a),a.click(),document.body.removeChild(a),URL.revokeObjectURL(n)}async function fe(e){const t=await he(e);ge(t,e.filename)}function Ge(){const e=f(p=>p.voucherConfig.language),t=f(p=>p.voucherConfig.hours),n=f(p=>p.voucherConfig.description),a=f(p=>p.personalInfo),o=f(p=>p.portrait),i=f(p=>p.isExporting),c=f(p=>p.setIsExporting),l=R(e),s=V(e,t),d=Y(e),u=o.useEnhanced&&o.enhanced?o.enhanced:o.original,g=q(e,t,n),h=a.name.trim().length>0&&a.email.trim().length>0&&a.phone.trim().length>0&&o.original!==null,b=async()=>{if(!(!h||i)){c(!0);try{const p=`zeitgutschein-${t}h-${a.name.replace(/\s+/g,"-").toLowerCase()}.pdf`;await fe({frontTemplateSrc:s.front,backTemplateSrc:s.back,templateWidth:s.width,templateHeight:s.height,layout:d,portrait:u,portraitZoom:o.zoom,name:a.name,email:a.email,phone:a.phone,description:g,filename:p})}catch(p){console.error("PDF export failed:",p)}finally{c(!1)}}};return r.jsx("button",{className:`btn btn-primary flex-1 ${i?"loading":""}`,onClick:b,disabled:!h||i,children:i?r.jsxs(r.Fragment,{children:[r.jsx("span",{className:"loading loading-spinner loading-sm"}),l.export.exporting]}):r.jsxs(r.Fragment,{children:[r.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",className:"h-5 w-5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:r.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"})}),l.export.button]})})}function be(){const e=f(a=>a.voucherConfig.language),t=f(a=>a.setLanguage),n=a=>{t(a)};return r.jsxs("div",{className:"join",children:[r.jsx("button",{className:`join-item btn btn-sm ${e==="de"?"btn-active btn-primary":"btn-ghost"}`,onClick:()=>n("de"),children:"DE"}),r.jsx("button",{className:`join-item btn btn-sm ${e==="en"?"btn-active btn-primary":"btn-ghost"}`,onClick:()=>n("en"),children:"EN"})]})}function Ze(){const e=f(n=>n.voucherConfig.language),t=R(e);return r.jsxs("div",{className:"navbar bg-currency-green text-currency-cream shadow-lg",children:[r.jsx("div",{className:"navbar-start",children:r.jsx("a",{className:"btn btn-ghost text-xl font-currency font-bold",children:t.header.title})}),r.jsx("div",{className:"navbar-center hidden sm:flex",children:r.jsx("span",{className:"text-sm opacity-80",children:t.header.subtitle})}),r.jsx("div",{className:"navbar-end",children:r.jsx(be,{})})]})}const z="/",Xe={id:"time-voucher-classic-de",name:"Zeitgutschein Classic",type:"time-voucher",category:"classic",images:{front:`${z}templates/front_hdpi_de.jpg`,back:`${z}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:T.front.portrait,name:T.front.namePlate},back:{name:T.back.namePlate,contactInfo:T.back.contactInfo,description:T.back.description}},languages:["de"]},Je={id:"time-voucher-classic-en",name:"Time Voucher Classic",type:"time-voucher",category:"classic",images:{front:`${z}templates/front_ldpi_en.png`,back:`${z}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:C.front.portrait,name:C.front.namePlate},back:{name:C.back.namePlate,contactInfo:C.back.contactInfo,description:C.back.description}},languages:["en"]},ae=[Xe,Je],ve={async listTemplates(e){let t=[...ae];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=ae.find(n=>n.id===e);if(!t)throw new Error(`Template not found: ${e}`);return t}};function Qe(e){return e==="de"?"time-voucher-classic-de":"time-voucher-classic-en"}let H=ve;function et(e){H=e}function tt(){return H}async function nt(e){return H.listTemplates(e)}async function at(e){return H.getTemplate(e)}exports.ApiKeyModal=ce;exports.BillPreview=Ye;exports.ExportButton=Ge;exports.Header=Ze;exports.LAYOUT_HDPI=T;exports.LAYOUT_LDPI=C;exports.LanguageToggle=be;exports.PersonalInfoForm=_e;exports.PortraitUpload=We;exports.TEMPLATES=de;exports.VoucherConfig=qe;exports.applyEngravingEffect=re;exports.downloadBlob=ge;exports.drawContactInfo=pe;exports.drawMultilineText=me;exports.drawOvalPortrait=ue;exports.drawTemplate=G;exports.drawText=Z;exports.enhancePortrait=Ke;exports.exportBillAsPDF=fe;exports.formatDescription=q;exports.generateBillPDF=he;exports.getApiKey=F;exports.getDefaultTemplateId=Qe;exports.getLayout=Y;exports.getRemoveBackgroundEndpoint=Ue;exports.getTemplate=V;exports.getTemplateById=at;exports.getTemplateProvider=tt;exports.hasApiKey=W;exports.hasCustomEndpoint=Me;exports.listTemplates=nt;exports.loadImage=M;exports.removeBackground=le;exports.renderBackSide=J;exports.renderFrontSide=X;exports.setApiKey=se;exports.setRemoveBackgroundEndpoint=$e;exports.setTemplateProvider=et;exports.staticTemplateProvider=ve;exports.t=R;exports.useBillCanvasRefs=Ve;exports.useBillStore=f;

package/dist/index.d.ts

@@ -393,7 +393,16 @@ persist: {
 setOptions: (options: Partial<PersistOptions<BillState & BillActions, {
 personalInfo: PersonalInfo;
 voucherConfig: VoucherConfigType;
-portrait: PortraitState;
+portrait: {
+original: null;
+enhanced: null;
+useEnhanced: boolean;
+zoom: number;
+rawImage: null;
+bgRemovedImage: null;
+bgRemoved: boolean;
+engravingIntensity: number;
+};
 }, unknown>>) => void;
 clearStorage: () => void;
 rehydrate: () => Promise<void> | void;
@@ -403,7 +412,16 @@ onFinishHydration: (fn: (state: BillState & BillActions) => void) => () => void;
 getOptions: () => Partial<PersistOptions<BillState & BillActions, {
 personalInfo: PersonalInfo;
 voucherConfig: VoucherConfigType;
-portrait: PortraitState;
+portrait: {
+original: null;
+enhanced: null;
+useEnhanced: boolean;
+zoom: number;
+rawImage: null;
+bgRemovedImage: null;
+bgRemoved: boolean;
+engravingIntensity: number;
+};
 }, unknown>>;
 };
 }>;

package/dist/index.js

@@ -1,8 +1,8 @@
-import { jsxs as u, jsx as s, Fragment as K } from "react/jsx-runtime";
-import { create as ve } from "zustand";
-import { persist as we } from "zustand/middleware";
-import { useState as A, useCallback as T, useRef as L, useEffect as O } from "react";
-import ye from "jspdf";
+import { jsxs as u, jsx as s, Fragment as Y } from "react/jsx-runtime";
+import { create as we } from "zustand";
+import { persist as ye } from "zustand/middleware";
+import { useState as R, useEffect as H, useCallback as C, useRef as A } from "react";
+import Ie from "jspdf";
 const X = {
   personalInfo: {
     name: "",
@@ -27,8 +27,8 @@ const X = {
   currentSide: "front",
   isEnhancing: !1,
   isExporting: !1
-}, v = ve()(
-  we(
+}, b = we()(
+  ye(
     (e) => ({
       ...X,
       setPersonalInfo: (t) => e((n) => ({
@@ -104,7 +104,22 @@ const X = {
       partialize: (e) => ({
         personalInfo: e.personalInfo,
         voucherConfig: e.voucherConfig,
-        portrait: e.portrait
+        // Only persist small settings, NOT image data (too large for localStorage)
+        portrait: {
+          original: null,
+          // Don't persist - too large
+          enhanced: null,
+          // Don't persist - too large
+          useEnhanced: e.portrait.useEnhanced,
+          zoom: e.portrait.zoom,
+          rawImage: null,
+          // Don't persist - too large
+          bgRemovedImage: null,
+          // Don't persist - too large
+          bgRemoved: !1,
+          // Reset to false since we don't persist the image
+          engravingIntensity: e.portrait.engravingIntensity
+        }
       })
     }
   )
@@ -155,7 +170,7 @@ const X = {
   bill: {
     descriptionText: "Für diesen Schein erhältst du {hours} {hourLabel} meiner Zeit oder ein gleichwertiges Dankeschön"
   }
-}, Ie = {
+}, ke = {
   header: {
     title: "Money Generator",
     subtitle: "Create your personal time voucher"
@@ -202,18 +217,18 @@ const X = {
   bill: {
     descriptionText: "This voucher entitles you to {hours} {hourLabel} of my time or an equivalent thank you"
   }
-}, ke = { de: xe, en: Ie };
-function M(e) {
-  return ke[e];
+}, Ee = { de: xe, en: ke };
+function z(e) {
+  return Ee[e];
 }
-function ee(e, t, n) {
+function te(e, t, n) {
   if (n && n.trim())
     return n;
-  const a = M(e), r = t === 1 ? a.form.voucher.hourLabel : a.form.voucher.hoursLabel;
+  const a = z(e), r = t === 1 ? a.form.voucher.hourLabel : a.form.voucher.hoursLabel;
   return a.bill.descriptionText.replace("{hours}", t.toString()).replace("{hourLabel}", r);
 }
 function Xe() {
-  const e = v((r) => r.voucherConfig.language), t = v((r) => r.personalInfo), n = v((r) => r.setPersonalInfo), a = M(e);
+  const e = b((r) => r.voucherConfig.language), t = b((r) => r.personalInfo), n = b((r) => r.setPersonalInfo), a = z(e);
   return /* @__PURE__ */ u("div", { className: "space-y-4", children: [
     /* @__PURE__ */ u("div", { className: "form-control", children: [
       /* @__PURE__ */ s("label", { className: "label", children: /* @__PURE__ */ s("span", { className: "label-text font-medium", children: a.form.personalInfo.name }) }),
@@ -268,18 +283,18 @@ async function Pe(e, t = 0.5) {
       o.width = r.width, o.height = r.height, c.drawImage(r, 0, 0);
       const l = c.getImageData(0, 0, o.width, o.height), i = l.data, d = 1 + t * 0.8;
       for (let h = 0; h < i.length; h += 4) {
-        const f = i[h], g = i[h + 1], b = i[h + 2];
+        const f = i[h], g = i[h + 1], v = i[h + 2];
         if (i[h + 3] === 0) continue;
-        let x = (((0.299 * f + 0.587 * g + 0.114 * b) / 255 - 0.5) * d + 0.5) * 255;
+        let x = (((0.299 * f + 0.587 * g + 0.114 * v) / 255 - 0.5) * d + 0.5) * 255;
         x = Math.max(0, Math.min(255, x));
-        const I = Math.min(255, x * 0.9 + 25), R = Math.min(255, x * 0.78 + 15), y = Math.min(255, x * 0.55 + 5);
-        i[h] = Math.round(f * (1 - t) + I * t), i[h + 1] = Math.round(g * (1 - t) + R * t), i[h + 2] = Math.round(b * (1 - t) + y * t);
+        const k = Math.min(255, x * 0.9 + 25), T = Math.min(255, x * 0.78 + 15), y = Math.min(255, x * 0.55 + 5);
+        i[h] = Math.round(f * (1 - t) + k * t), i[h + 1] = Math.round(g * (1 - t) + T * t), i[h + 2] = Math.round(v * (1 - t) + y * t);
       }
       c.putImageData(l, 0, 0), n(o.toDataURL("image/png"));
     }, r.onerror = () => a(new Error("Failed to load image")), r.src = e;
   });
 }
-const Ee = "https://api.stability.ai/v1/generation", Ne = "https://api.stability.ai/v2beta/stable-image/edit/remove-background", te = "stability_api_key";
+const Ne = "https://api.stability.ai/v1/generation", Se = "https://api.stability.ai/v2beta/stable-image/edit/remove-background", ne = "stability_api_key";
 let $ = null;
 function Je(e) {
   $ = e;
@@ -290,7 +305,7 @@ function Qe() {
 function et() {
   return $ !== null;
 }
-const Se = {
+const Ce = {
   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"
@@ -305,7 +320,7 @@ const Se = {
   { width: 832, height: 1216 },
   { width: 896, height: 1152 }
 ];
-function Ce(e, t) {
+function Te(e, t) {
   const n = e / t;
   let a = J[0], r = 1 / 0;
   for (const o of J) {
@@ -314,11 +329,11 @@ function Ce(e, t) {
   }
   return a;
 }
-function Te(e) {
+function Re(e) {
   return new Promise((t, n) => {
     const a = new Image();
     a.onload = () => {
-      const r = Ce(a.width, a.height), o = document.createElement("canvas");
+      const r = Te(a.width, a.height), o = document.createElement("canvas");
       o.width = r.width, o.height = r.height;
       const c = o.getContext("2d");
       if (!c) {
@@ -331,31 +346,31 @@ function Te(e) {
     }, a.onerror = () => n(new Error("Failed to load image")), a.src = e;
   });
 }
-function ne(e) {
+function ae(e) {
   var c;
   const t = e.split(","), n = ((c = t[0].match(/:(.*?);/)) == null ? void 0 : c[1]) || "image/png", a = atob(t[1]), r = a.length, o = new Uint8Array(r);
   for (let l = 0; l < r; l++)
     o[l] = a.charCodeAt(l);
   return new Blob([o], { type: n });
 }
-function q() {
+function V() {
   var t;
   const e = typeof import.meta < "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(te) : null;
+  return e && e !== "your-api-key-here" ? e : typeof localStorage < "u" ? localStorage.getItem(ne) : null;
 }
-function Re(e) {
-  localStorage.setItem(te, e);
+function Ae(e) {
+  localStorage.setItem(ne, e);
 }
-function Ae() {
-  return $ ? !0 : q() !== null;
+function Q() {
+  return $ ? !0 : V() !== null;
 }
 async function tt(e) {
-  const t = q();
+  const t = V();
   if (!t)
     throw new Error("No Stability AI API key configured");
-  const { imageDataUrl: n, style: a, strength: r = 0.35 } = e, o = await Te(n), c = ne(o), l = new FormData();
-  l.append("init_image", c, "portrait.png"), l.append("init_image_mode", "IMAGE_STRENGTH"), l.append("image_strength", String(1 - r)), l.append("text_prompts[0][text]", Se[a]), l.append("text_prompts[0][weight]", "1"), l.append("cfg_scale", "7"), l.append("samples", "1"), l.append("steps", "30");
-  const d = await fetch(`${Ee}/stable-diffusion-xl-1024-v1-0/image-to-image`, {
+  const { imageDataUrl: n, style: a, strength: r = 0.35 } = e, o = await Re(n), c = ae(o), l = new FormData();
+  l.append("init_image", c, "portrait.png"), l.append("init_image_mode", "IMAGE_STRENGTH"), l.append("image_strength", String(1 - r)), l.append("text_prompts[0][text]", Ce[a]), l.append("text_prompts[0][weight]", "1"), l.append("cfg_scale", "7"), l.append("samples", "1"), l.append("steps", "30");
+  const d = await fetch(`${Ne}/stable-diffusion-xl-1024-v1-0/image-to-image`, {
     method: "POST",
     headers: {
       Authorization: `Bearer ${t}`,
@@ -387,12 +402,12 @@ async function Le(e) {
     }
     return (await c.json()).imageDataUrl;
   }
-  const t = q();
+  const t = V();
   if (!t)
     throw new Error("No Stability AI API key configured");
-  const n = ne(e), a = new FormData();
+  const n = ae(e), a = new FormData();
   a.append("image", n, "image.png"), a.append("output_format", "png");
-  const r = await fetch(Ne, {
+  const r = await fetch(Se, {
     method: "POST",
     headers: {
       Authorization: `Bearer ${t}`,
@@ -411,13 +426,17 @@ async function Le(e) {
   });
 }
 function De() {
-  const [e, t] = A(!1), [n, a] = A(!1), [r, o] = A(null), [c, l] = A(Ae()), i = T(() => o(null), []), d = T((g) => {
-    Re(g), l(!0), o(null);
-  }, []), h = T(
-    async (g, b = 0.5) => {
+  const [e, t] = R(!1), [n, a] = R(!1), [r, o] = R(null), [c, l] = R(() => Q());
+  H(() => {
+    l(Q());
+  }, []);
+  const i = C(() => o(null), []), d = C((g) => {
+    Ae(g), l(!0), o(null);
+  }, []), h = C(
+    async (g, v = 0.5) => {
       t(!0), o(null);
       try {
-        return await Pe(g, b);
+        return await Pe(g, v);
       } catch (p) {
         const S = p instanceof Error ? p.message : "Enhancement failed";
         throw o(S), p;
@@ -426,14 +445,14 @@ function De() {
       }
     },
     []
-  ), f = T(
+  ), f = C(
     async (g) => {
       a(!0), o(null);
       try {
         return await Le(g);
-      } catch (b) {
-        const p = b instanceof Error ? b.message : "Background removal failed";
-        throw o(p), b;
+      } catch (v) {
+        const p = v instanceof Error ? v.message : "Background removal failed";
+        throw o(p), v;
       } finally {
         a(!1);
       }
@@ -452,7 +471,7 @@ function De() {
   };
 }
 function _e({ isOpen: e, onClose: t, onSubmit: n }) {
-  const a = v((d) => d.voucherConfig.language), [r, o] = A("");
+  const a = b((d) => d.voucherConfig.language), [r, o] = R("");
   if (!e) return null;
   const c = (d) => {
     d.preventDefault(), r.trim() && (n(r.trim()), o(""), t());
@@ -503,90 +522,96 @@ function _e({ isOpen: e, onClose: t, onSubmit: n }) {
   ] });
 }
 function nt() {
-  const e = v((m) => m.voucherConfig.language), t = v((m) => m.portrait), n = v((m) => m.setPortrait), a = v((m) => m.setPortraitZoom), r = v((m) => m.setPortraitRawImage), o = v((m) => m.setPortraitBgRemoved), c = v((m) => m.setPortraitEngravingIntensity), { enhance: l, removeBg: i, isEnhancing: d, isRemovingBg: h, error: f, hasKey: g, setApiKey: b } = De(), p = M(e), S = L(null), [x, I] = A(!1), [R, y] = A(!1), P = L(null), k = t.rawImage, z = t.bgRemovedImage, D = t.bgRemoved, C = t.engravingIntensity;
-  O(() => () => {
+  const e = b((m) => m.voucherConfig.language), t = b((m) => m.portrait), n = b((m) => m.setPortrait), a = b((m) => m.setPortraitZoom), r = b((m) => m.setPortraitRawImage), o = b((m) => m.setPortraitBgRemoved), c = b((m) => m.setPortraitEngravingIntensity), { enhance: l, removeBg: i, isEnhancing: d, isRemovingBg: h, error: f, hasKey: g, setApiKey: v } = De(), p = z(e), S = A(null), [x, k] = R(!1), [T, y] = R(!1), P = A(null), E = t.rawImage, M = t.bgRemovedImage, L = t.bgRemoved, D = t.engravingIntensity;
+  H(() => {
+    t.original && !t.rawImage && r(t.original);
+  }, [t.original, t.rawImage, r]), H(() => () => {
     P.current && clearTimeout(P.current);
   }, []);
-  const W = T(
+  const K = C(
     async (m) => {
       if (!m.type.startsWith("image/"))
         return;
       const w = new FileReader();
-      w.onload = async (E) => {
+      w.onload = async (I) => {
         var Z;
-        const G = (Z = E.target) == null ? void 0 : Z.result;
-        r(G), n(G), o(!1, null), c(0);
+        const F = (Z = I.target) == null ? void 0 : Z.result;
+        r(F), n(F), o(!1, null), c(0);
       }, w.readAsDataURL(m);
     },
     [n, r, o, c]
-  ), ce = T(
+  ), de = C(
     (m) => {
-      m.preventDefault(), I(!1);
+      m.preventDefault(), k(!1);
       const w = m.dataTransfer.files[0];
-      w && W(w);
+      w && K(w);
     },
-    [W]
-  ), de = T((m) => {
-    m.preventDefault(), I(!0);
-  }, []), he = T((m) => {
-    m.preventDefault(), I(!1);
-  }, []), me = () => {
+    [K]
+  ), he = C((m) => {
+    m.preventDefault(), k(!0);
+  }, []), me = C((m) => {
+    m.preventDefault(), k(!1);
+  }, []), pe = () => {
     var m;
     (m = S.current) == null || m.click();
-  }, pe = (m) => {
-    var E;
-    const w = (E = m.target.files) == null ? void 0 : E[0];
-    w && W(w);
-  }, H = T(async (m, w) => {
+  }, ue = (m) => {
+    var I;
+    const w = (I = m.target.files) == null ? void 0 : I[0];
+    w && K(w);
+  }, U = C(async (m, w) => {
     try {
       return await l(m, w);
-    } catch (E) {
-      return console.error("Enhancement failed:", E), m;
+    } catch (I) {
+      return console.error("Enhancement failed:", I), m;
     }
-  }, [l]), V = T(async (m) => {
+  }, [l]), G = C(async (m) => {
     try {
       const w = await i(m);
       return o(!0, w), w;
     } catch (w) {
       return console.error("Background removal failed:", w), m;
     }
-  }, [i, o]), ue = async () => {
-    if (!k) return;
-    if (!D && !g) {
+  }, [i, o]), ge = async () => {
+    if (!E) return;
+    if (!L && !g) {
       y(!0);
       return;
     }
-    if (!D) {
-      const w = await V(k);
-      if (C > 0) {
-        const E = await H(w, C);
-        n(E);
+    if (!L) {
+      const w = await G(E), I = b.getState().portrait.engravingIntensity;
+      if (I > 0) {
+        const F = await U(w, I);
+        n(F);
       } else
         n(w);
-    } else if (o(!1, null), C > 0) {
-      const w = await H(k, C);
-      n(w);
-    } else
-      n(k);
-  }, ge = (m) => {
-    c(m), P.current && clearTimeout(P.current), k && (P.current = setTimeout(async () => {
-      const w = D && z ? z : k;
+    } else {
+      o(!1, null);
+      const w = b.getState().portrait.engravingIntensity;
+      if (w > 0) {
+        const I = await U(E, w);
+        n(I);
+      } else
+        n(E);
+    }
+  }, fe = (m) => {
+    c(m), P.current && clearTimeout(P.current), E && (P.current = setTimeout(async () => {
+      const w = L && M ? M : E;
       if (m === 0)
         n(w);
       else {
-        const E = await H(w, m);
-        n(E);
+        const I = await U(w, m);
+        n(I);
       }
     }, 150));
-  }, fe = async (m) => {
-    if (b(m), !k) return;
-    const w = await V(k);
-    if (C > 0) {
-      const E = await H(w, C);
-      n(E);
+  }, be = async (m) => {
+    if (v(m), !E) return;
+    const w = await G(E);
+    if (D > 0) {
+      const I = await U(w, D);
+      n(I);
     } else
       n(w);
-  }, be = () => {
+  }, ve = () => {
     n(null), r(null), o(!1, null), c(0);
   };
   return /* @__PURE__ */ u("div", { className: "space-y-4", children: [
@@ -605,7 +630,7 @@ function nt() {
           "button",
           {
             className: "btn btn-circle btn-xs btn-error absolute -top-1 -right-1",
-            onClick: be,
+            onClick: ve,
             children: /* @__PURE__ */ s(
               "svg",
               {
@@ -652,11 +677,11 @@ function nt() {
       /* @__PURE__ */ u("div", { className: "form-control w-full max-w-xs", children: [
         /* @__PURE__ */ u("label", { className: "label", children: [
           /* @__PURE__ */ u("span", { className: "label-text flex items-center gap-2", children: [
-            e === "de" ? "Gravur-Effekt" : "Engraving effect",
+            e === "de" ? "Sepia-Effekt" : "Sepia effect",
             d && /* @__PURE__ */ s("span", { className: "loading loading-spinner loading-xs" })
           ] }),
           /* @__PURE__ */ u("span", { className: "label-text-alt", children: [
-            Math.round(C * 100),
+            Math.round(D * 100),
             "%"
           ] })
         ] }),
@@ -667,10 +692,10 @@ function nt() {
             min: "0",
             max: "1",
             step: "0.05",
-            value: C,
-            onChange: (m) => ge(parseFloat(m.target.value)),
+            value: D,
+            onChange: (m) => fe(parseFloat(m.target.value)),
             className: "range range-secondary range-sm",
-            disabled: d || !k
+            disabled: d || !E
           }
         )
       ] }),
@@ -680,13 +705,13 @@ function nt() {
           {
             type: "checkbox",
             className: `toggle toggle-primary ${h ? "opacity-50" : ""}`,
-            checked: D,
-            onChange: ue,
-            disabled: h || !k
+            checked: L,
+            onChange: ge,
+            disabled: h || !E
           }
         ),
         /* @__PURE__ */ u("span", { className: "label-text flex items-center gap-2", children: [
-          h ? /* @__PURE__ */ u(K, { children: [
+          h ? /* @__PURE__ */ u(Y, { children: [
             /* @__PURE__ */ s("span", { className: "loading loading-spinner loading-xs" }),
             e === "de" ? "Hintergrund wird entfernt..." : "Removing background..."
           ] }) : e === "de" ? "Hintergrund entfernen" : "Remove background",
@@ -701,10 +726,10 @@ function nt() {
       "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" : x ? "border-primary bg-primary/10" : "border-base-300 hover:border-primary hover:bg-base-200"}`,
-        onDrop: ce,
-        onDragOver: de,
-        onDragLeave: he,
-        onClick: me,
+        onDrop: de,
+        onDragOver: he,
+        onDragLeave: me,
+        onClick: pe,
         children: [
           /* @__PURE__ */ s(
             "input",
@@ -713,7 +738,7 @@ function nt() {
               type: "file",
               accept: "image/*",
               className: "hidden",
-              onChange: pe
+              onChange: ue
             }
           ),
           h ? /* @__PURE__ */ u("div", { className: "flex flex-col items-center gap-2", children: [
@@ -748,9 +773,9 @@ function nt() {
     /* @__PURE__ */ s(
       _e,
       {
-        isOpen: R,
+        isOpen: T,
         onClose: () => y(!1),
-        onSubmit: fe
+        onSubmit: be
       }
     )
   ] });
@@ -892,22 +917,22 @@ const N = typeof import.meta < "u" && "/" || "/", Be = {
     }
   }
 };
-function ae(e) {
+function re(e) {
   return e === "de" ? B : _;
 }
-function re(e, t) {
+function oe(e, t) {
   return Be[e][t];
 }
-const j = /* @__PURE__ */ new Map();
-async function Y(e) {
-  return j.has(e) ? j.get(e) : new Promise((t, n) => {
+const O = /* @__PURE__ */ new Map();
+async function q(e) {
+  return O.has(e) ? O.get(e) : new Promise((t, n) => {
     const a = new Image();
     a.crossOrigin = "anonymous", a.onload = () => {
-      j.set(e, a), t(a);
+      O.set(e, a), t(a);
     }, a.onerror = n, a.src = e;
   });
 }
-function oe(e, t, n, a) {
+function ie(e, t, n, a) {
   e.drawImage(t, 0, 0, n, a);
 }
 function $e(e, t, n, a, r, o, c = 1) {
@@ -915,13 +940,13 @@ function $e(e, t, n, a, r, o, c = 1) {
   const l = t.width / t.height, i = r / o, d = r * 2, h = o * 2;
   let f, g;
   l > i ? (g = h, f = h * l) : (f = d, g = d / l), f *= c, g *= c;
-  const b = n - f / 2, p = a - g / 2;
-  e.drawImage(t, b, p, f, g), e.restore();
+  const v = n - f / 2, p = a - g / 2;
+  e.drawImage(t, v, p, f, g), e.restore();
 }
-function ie(e, t, n, a = "#2a3a2a") {
+function se(e, t, n, a = "#2a3a2a") {
   e.save(), e.font = `${n.fontSize}px "Times New Roman", serif`, e.textAlign = n.align || "center", e.textBaseline = "middle", e.fillStyle = a, n.maxWidth ? e.fillText(t, n.x, n.y, n.maxWidth) : e.fillText(t, n.x, n.y), e.restore();
 }
-function Me(e, t, n, a = "#2a3a2a") {
+function ze(e, t, n, a = "#2a3a2a") {
   e.save(), e.font = `${n.fontSize}px "Times New Roman", serif`, e.textAlign = n.align || "center", e.textBaseline = "top", e.fillStyle = a;
   const r = n.maxWidth || 400, o = n.lineHeight || n.fontSize * 1.4, c = t.split(" "), l = [];
   let i = "";
@@ -936,7 +961,7 @@ function Me(e, t, n, a = "#2a3a2a") {
     e.fillText(f, n.x, h), h += o;
   e.restore();
 }
-function ze(e, t, n, a, r, o = "#2a3a2a") {
+function Me(e, t, n, a, r, o = "#2a3a2a") {
   e.save(), e.font = `${r.fontSize}px "Times New Roman", serif`, e.textAlign = r.align || "center", e.textBaseline = "middle", e.fillStyle = o;
   const c = r.lineHeight || r.fontSize * 1.8, l = [t, n, a].filter(Boolean), i = (l.length - 1) * c;
   let d = r.y - i / 2;
@@ -944,14 +969,14 @@ function ze(e, t, n, a, r, o = "#2a3a2a") {
     h && (e.fillText(h, r.x, d), d += c);
   e.restore();
 }
-async function se(e, t, n, a, r, o, c, l = 1) {
+async function le(e, t, n, a, r, o, c, l = 1) {
   const i = e.getContext("2d");
   if (!i) return;
   e.width = o, e.height = c, i.clearRect(0, 0, o, c);
-  const d = await Y(t);
-  if (oe(i, d, o, c), n)
+  const d = await q(t);
+  if (ie(i, d, o, c), n)
     try {
-      const h = await Y(n);
+      const h = await q(n);
       $e(
         i,
         h,
@@ -964,46 +989,46 @@ async function se(e, t, n, a, r, o, c, l = 1) {
     } catch (h) {
       console.error("Failed to load portrait:", h);
     }
-  a && ie(i, a, r.namePlate);
+  a && se(i, a, r.namePlate);
 }
-async function le(e, t, n, a, r, o, c, l, i) {
+async function ce(e, t, n, a, r, o, c, l, i) {
   const d = e.getContext("2d");
   if (!d) return;
   e.width = l, e.height = i, d.clearRect(0, 0, l, i);
-  const h = await Y(t);
-  oe(d, h, l, i), c.contactInfo && (n || a || r) && ze(d, n, a, r, c.contactInfo), c.description && o && Me(d, o, c.description), n && ie(d, n, c.namePlate);
+  const h = await q(t);
+  ie(d, h, l, i), c.contactInfo && (n || a || r) && Me(d, n, a, r, c.contactInfo), c.description && o && ze(d, o, c.description), n && se(d, n, c.namePlate);
 }
 function rt() {
-  const e = v((y) => y.voucherConfig.language), t = v((y) => y.voucherConfig.hours), n = v((y) => y.voucherConfig.description), a = v((y) => y.personalInfo), r = v((y) => y.portrait), o = v((y) => y.currentSide), c = v((y) => y.flipSide), l = M(e), i = L(null), d = L(null), h = L(null), [f, g] = A(!1), b = re(e, t), p = ae(e), S = r.useEnhanced && r.enhanced ? r.enhanced : r.original, x = ee(e, t, n);
-  O(() => {
-    i.current && se(
+  const e = b((y) => y.voucherConfig.language), t = b((y) => y.voucherConfig.hours), n = b((y) => y.voucherConfig.description), a = b((y) => y.personalInfo), r = b((y) => y.portrait), o = b((y) => y.currentSide), c = b((y) => y.flipSide), l = z(e), i = A(null), d = A(null), h = A(null), [f, g] = R(!1), v = oe(e, t), p = re(e), S = r.useEnhanced && r.enhanced ? r.enhanced : r.original, x = te(e, t, n);
+  H(() => {
+    i.current && le(
       i.current,
-      b.front,
+      v.front,
       S,
       a.name,
       p.front,
-      b.width,
-      b.height,
+      v.width,
+      v.height,
       r.zoom
     );
-  }, [b, S, a.name, p, r.zoom]), O(() => {
-    d.current && le(
+  }, [v, S, a.name, p, r.zoom]), H(() => {
+    d.current && ce(
       d.current,
-      b.back,
+      v.back,
       a.name,
       a.email,
       a.phone,
       x,
       p.back,
-      b.width,
-      b.height
+      v.width,
+      v.height
     );
-  }, [b, a, x, p]);
-  const I = () => {
+  }, [v, a, x, p]);
+  const k = () => {
     g(!0), setTimeout(() => {
       c(), g(!1);
     }, 150);
-  }, R = b.width / b.height;
+  }, T = v.width / v.height;
   return /* @__PURE__ */ u("div", { className: "space-y-4", children: [
     /* @__PURE__ */ u("div", { className: "flex justify-between items-center", children: [
       /* @__PURE__ */ u("div", { className: "tabs tabs-boxed bg-base-200", children: [
@@ -1011,7 +1036,7 @@ function rt() {
           "button",
           {
             className: `tab ${o === "front" ? "tab-active bg-primary text-primary-content font-semibold" : ""}`,
-            onClick: () => o !== "front" && I(),
+            onClick: () => o !== "front" && k(),
             children: l.preview.front
           }
         ),
@@ -1019,12 +1044,12 @@ function rt() {
           "button",
           {
             className: `tab ${o === "back" ? "tab-active bg-primary text-primary-content font-semibold" : ""}`,
-            onClick: () => o !== "back" && I(),
+            onClick: () => o !== "back" && k(),
             children: l.preview.back
           }
         )
       ] }),
-      /* @__PURE__ */ u("button", { className: "btn btn-ghost btn-sm", onClick: I, children: [
+      /* @__PURE__ */ u("button", { className: "btn btn-ghost btn-sm", onClick: k, children: [
         /* @__PURE__ */ s(
           "svg",
           {
@@ -1052,7 +1077,7 @@ function rt() {
       {
         ref: h,
         className: "relative w-full overflow-hidden  shadow-lg",
-        style: { aspectRatio: R },
+        style: { aspectRatio: T },
         children: [
           /* @__PURE__ */ s(
             "canvas",
@@ -1074,7 +1099,7 @@ function rt() {
   ] });
 }
 function ot() {
-  const e = L(null), t = L(null);
+  const e = A(null), t = A(null);
   return { frontCanvasRef: e, backCanvasRef: t };
 }
 async function He(e) {
@@ -1090,22 +1115,22 @@ async function He(e) {
     email: d,
     phone: h,
     description: f
-  } = e, g = document.createElement("canvas"), b = document.createElement("canvas");
+  } = e, g = document.createElement("canvas"), v = document.createElement("canvas");
   await Promise.all([
-    se(g, t, c, i, o.front, a, r, l),
-    le(b, n, i, d, h, f, o.back, a, r)
+    le(g, t, c, i, o.front, a, r, l),
+    ce(v, n, i, d, h, f, o.back, a, r)
   ]);
-  const p = new ye({
+  const p = new Ie({
     orientation: "landscape",
     unit: "mm",
     format: "a4"
-  }), S = 297, x = 210, I = 10, R = a / r;
-  let y = S - I * 2, P = y / R;
-  P > x - I * 2 && (P = x - I * 2, y = P * R);
-  const k = (S - y) / 2, z = (x - P) / 2, D = g.toDataURL("image/jpeg", 0.95);
-  p.addImage(D, "JPEG", k, z, y, P), p.addPage();
-  const C = b.toDataURL("image/jpeg", 0.95);
-  return p.addImage(C, "JPEG", k, z, y, P), p.output("blob");
+  }), S = 297, x = 210, k = 10, T = a / r;
+  let y = S - k * 2, P = y / T;
+  P > x - k * 2 && (P = x - k * 2, y = P * T);
+  const E = (S - y) / 2, M = (x - P) / 2, L = g.toDataURL("image/jpeg", 0.95);
+  p.addImage(L, "JPEG", E, M, y, P), p.addPage();
+  const D = v.toDataURL("image/jpeg", 0.95);
+  return p.addImage(D, "JPEG", E, M, y, P), p.output("blob");
 }
 function Ue(e, t) {
   const n = URL.createObjectURL(e), a = document.createElement("a");
@@ -1116,7 +1141,7 @@ async function Fe(e) {
   Ue(t, e.filename);
 }
 function it() {
-  const e = v((p) => p.voucherConfig.language), t = v((p) => p.voucherConfig.hours), n = v((p) => p.voucherConfig.description), a = v((p) => p.personalInfo), r = v((p) => p.portrait), o = v((p) => p.isExporting), c = v((p) => p.setIsExporting), l = M(e), i = re(e, t), d = ae(e), h = r.useEnhanced && r.enhanced ? r.enhanced : r.original, f = ee(e, t, n), g = a.name.trim().length > 0 && a.email.trim().length > 0 && a.phone.trim().length > 0 && r.original !== null;
+  const e = b((p) => p.voucherConfig.language), t = b((p) => p.voucherConfig.hours), n = b((p) => p.voucherConfig.description), a = b((p) => p.personalInfo), r = b((p) => p.portrait), o = b((p) => p.isExporting), c = b((p) => p.setIsExporting), l = z(e), i = oe(e, t), d = re(e), h = r.useEnhanced && r.enhanced ? r.enhanced : r.original, f = te(e, t, n), g = a.name.trim().length > 0 && a.email.trim().length > 0 && a.phone.trim().length > 0 && r.original !== null;
   return /* @__PURE__ */ s(
     "button",
     {
@@ -1148,10 +1173,10 @@ function it() {
         }
       },
       disabled: !g || o,
-      children: o ? /* @__PURE__ */ u(K, { children: [
+      children: o ? /* @__PURE__ */ u(Y, { children: [
         /* @__PURE__ */ s("span", { className: "loading loading-spinner loading-sm" }),
         l.export.exporting
-      ] }) : /* @__PURE__ */ u(K, { children: [
+      ] }) : /* @__PURE__ */ u(Y, { children: [
         /* @__PURE__ */ s(
           "svg",
           {
@@ -1177,7 +1202,7 @@ function it() {
   );
 }
 function We() {
-  const e = v((a) => a.voucherConfig.language), t = v((a) => a.setLanguage), n = (a) => {
+  const e = b((a) => a.voucherConfig.language), t = b((a) => a.setLanguage), n = (a) => {
     t(a);
   };
   return /* @__PURE__ */ u("div", { className: "join", children: [
@@ -1200,21 +1225,21 @@ function We() {
   ] });
 }
 function st() {
-  const e = v((n) => n.voucherConfig.language), t = M(e);
+  const e = b((n) => n.voucherConfig.language), t = z(e);
   return /* @__PURE__ */ u("div", { className: "navbar bg-currency-green text-currency-cream shadow-lg", children: [
     /* @__PURE__ */ s("div", { className: "navbar-start", children: /* @__PURE__ */ s("a", { className: "btn btn-ghost text-xl font-currency font-bold", children: t.header.title }) }),
     /* @__PURE__ */ s("div", { className: "navbar-center hidden sm:flex", children: /* @__PURE__ */ s("span", { className: "text-sm opacity-80", children: t.header.subtitle }) }),
     /* @__PURE__ */ s("div", { className: "navbar-end", children: /* @__PURE__ */ s(We, {}) })
   ] });
 }
-const U = "/", je = {
+const W = "/", je = {
   id: "time-voucher-classic-de",
   name: "Zeitgutschein Classic",
   type: "time-voucher",
   category: "classic",
   images: {
-    front: `${U}templates/front_hdpi_de.jpg`,
-    back: `${U}templates/back_hdpi_de.jpg`,
+    front: `${W}templates/front_hdpi_de.jpg`,
+    back: `${W}templates/back_hdpi_de.jpg`,
     width: 6144,
     height: 4096
   },
@@ -1277,8 +1302,8 @@ const U = "/", je = {
   type: "time-voucher",
   category: "classic",
   images: {
-    front: `${U}templates/front_ldpi_en.png`,
-    back: `${U}templates/back_ldpi_en.png`,
+    front: `${W}templates/front_ldpi_en.png`,
+    back: `${W}templates/back_ldpi_en.png`,
     width: 1536,
     height: 1024
   },
@@ -1335,16 +1360,16 @@ const U = "/", je = {
     }
   },
   languages: ["en"]
-}, Q = [
+}, ee = [
   je,
   Ke
 ], Oe = {
   async listTemplates(e) {
-    let t = [...Q];
+    let t = [...ee];
     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 = Q.find((n) => n.id === e);
+    const t = ee.find((n) => n.id === e);
     if (!t)
       throw new Error(`Template not found: ${e}`);
     return t;
@@ -1353,18 +1378,18 @@ const U = "/", je = {
 function lt(e) {
   return e === "de" ? "time-voucher-classic-de" : "time-voucher-classic-en";
 }
-let F = Oe;
+let j = Oe;
 function ct(e) {
-  F = e;
+  j = e;
 }
 function dt() {
-  return F;
+  return j;
 }
 async function ht(e) {
-  return F.listTemplates(e);
+  return j.listTemplates(e);
 }
 async function mt(e) {
-  return F.getTemplate(e);
+  return j.getTemplate(e);
 }
 export {
   _e as ApiKeyModal,
@@ -1380,34 +1405,34 @@ export {
   at as VoucherConfig,
   Pe as applyEngravingEffect,
   Ue as downloadBlob,
-  ze as drawContactInfo,
-  Me as drawMultilineText,
+  Me as drawContactInfo,
+  ze as drawMultilineText,
   $e as drawOvalPortrait,
-  oe as drawTemplate,
-  ie as drawText,
+  ie as drawTemplate,
+  se as drawText,
   tt as enhancePortrait,
   Fe as exportBillAsPDF,
-  ee as formatDescription,
+  te as formatDescription,
   He as generateBillPDF,
-  q as getApiKey,
+  V as getApiKey,
   lt as getDefaultTemplateId,
-  ae as getLayout,
+  re as getLayout,
   Qe as getRemoveBackgroundEndpoint,
-  re as getTemplate,
+  oe as getTemplate,
   mt as getTemplateById,
   dt as getTemplateProvider,
-  Ae as hasApiKey,
+  Q as hasApiKey,
   et as hasCustomEndpoint,
   ht as listTemplates,
-  Y as loadImage,
+  q as loadImage,
   Le as removeBackground,
-  le as renderBackSide,
-  se as renderFrontSide,
-  Re as setApiKey,
+  ce as renderBackSide,
+  le as renderFrontSide,
+  Ae as setApiKey,
   Je as setRemoveBackgroundEndpoint,
   ct as setTemplateProvider,
   Oe as staticTemplateProvider,
-  M as t,
+  z as t,
   ot as useBillCanvasRefs,
-  v as useBillStore
+  b as useBillStore
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antontranelis/money-printer",
-  "version": "1.0.11",
+  "version": "1.0.13",
   "description": "Create personalized time vouchers that look like real currency. React components for voucher generation with PDF export.",
   "type": "module",
   "license": "MIT",