@antontranelis/money-printer 1.0.12 → 1.0.14

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"),b=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},v=Se.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 A(e){return Le[e]}function W(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=v(o=>o.voucherConfig.language),t=v(o=>o.personalInfo),n=v(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 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],p=s[u+1],f=s[u+2];if(s[u+3]===0)continue;let y=(((.299*g+.587*p+.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(p*(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",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,p=a.height;l>s?(g=a.height*s,d=(a.width-g)/2):(p=a.width/s,u=(a.height-p)/2),c.drawImage(a,d,u,g,p,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 z(){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 O(){return B?!0:z()!==null}async function Ke(e){const t=z();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=z();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]=b.useState(!1),[n,a]=b.useState(!1),[o,i]=b.useState(null),[c,l]=b.useState(()=>O());b.useEffect(()=>{l(O())},[]);const s=b.useCallback(()=>i(null),[]),d=b.useCallback(p=>{se(p),l(!0),i(null)},[]),u=b.useCallback(async(p,f=.5)=>{t(!0),i(null);try{return await re(p,f)}catch(h){const N=h instanceof Error?h.message:"Enhancement failed";throw i(N),h}finally{t(!1)}},[]),g=b.useCallback(async p=>{a(!0),i(null);try{return await le(p)}catch(f){const h=f instanceof Error?f.message:"Background removal failed";throw i(h),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=v(d=>d.voucherConfig.language),[o,i]=b.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=v(m=>m.voucherConfig.language),t=v(m=>m.portrait),n=v(m=>m.setPortrait),a=v(m=>m.setPortraitZoom),o=v(m=>m.setPortraitRawImage),i=v(m=>m.setPortraitBgRemoved),c=v(m=>m.setPortraitEngravingIntensity),{enhance:l,removeBg:s,isEnhancing:d,isRemovingBg:u,error:g,hasKey:p,setApiKey:f}=Oe(),h=A(e),N=b.useRef(null),[y,I]=b.useState(!1),[C,w]=b.useState(!1),P=b.useRef(null),k=t.rawImage,D=t.bgRemovedImage,L=t.bgRemoved,S=t.engravingIntensity;b.useEffect(()=>{t.original&&!t.rawImage&&o(t.original)},[t.original,t.rawImage,o]),b.useEffect(()=>()=>{P.current&&clearTimeout(P.current)},[]);const H=b.useCallback(async m=>{if(!m.type.startsWith("image/"))return;const x=new FileReader;x.onload=async j=>{var ee;const Q=(ee=j.target)==null?void 0:ee.result;o(Q),n(Q),i(!1,null),c(0)},x.readAsDataURL(m)},[n,o,i,c]),xe=b.useCallback(m=>{m.preventDefault(),I(!1);const x=m.dataTransfer.files[0];x&&H(x)},[H]),we=b.useCallback(m=>{m.preventDefault(),I(!0)},[]),ye=b.useCallback(m=>{m.preventDefault(),I(!1)},[]),Ie=()=>{var m;(m=N.current)==null||m.click()},ke=m=>{var j;const x=(j=m.target.files)==null?void 0:j[0];x&&H(x)},$=b.useCallback(async(m,x)=>{try{return await l(m,x)}catch(j){return console.error("Enhancement failed:",j),m}},[l]),J=b.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(!k)return;if(!L&&!p){w(!0);return}if(!L){const x=await J(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=m=>{c(m),P.current&&clearTimeout(P.current),k&&(P.current=setTimeout(async()=>{const x=L&&D?D:k;if(m===0)n(x);else{const j=await $(x,m);n(j)}},150))},Ee=async m=>{if(f(m),!k)return;const x=await J(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:h.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"?"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:m=>je(parseFloat(m.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",!p&&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:h.form.portrait.upload}),r.jsx("p",{className:"text-sm text-base-content/60",children:h.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 q(e){return e==="de"?R:T}function Y(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 V(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,p;l>s?(p=u,g=u*l):(g=d,p=d/l),g*=c,p*=c;const f=n-g/2,h=a-p/2;e.drawImage(t,f,h,g,p),e.restore()}function G(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 p=s?`${s} ${g}`:g;e.measureText(p).width>o&&s?(l.push(s),s=g):s=p}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 he(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 Z(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(V(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&&G(s,a,o.namePlate)}async function X(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);V(d,u,l,s),c.contactInfo&&(n||a||o)&&he(d,n,a,o,c.contactInfo),c.description&&i&&me(d,i,c.description),n&&G(d,n,c.namePlate)}function Ye(){const e=v(w=>w.voucherConfig.language),t=v(w=>w.voucherConfig.hours),n=v(w=>w.voucherConfig.description),a=v(w=>w.personalInfo),o=v(w=>w.portrait),i=v(w=>w.currentSide),c=v(w=>w.flipSide),l=A(e),s=b.useRef(null),d=b.useRef(null),u=b.useRef(null),[g,p]=b.useState(!1),f=Y(e,t),h=q(e),N=o.useEnhanced&&o.enhanced?o.enhanced:o.original,y=W(e,t,n);b.useEffect(()=>{s.current&&Z(s.current,f.front,N,a.name,h.front,f.width,f.height,o.zoom)},[f,N,a.name,h,o.zoom]),b.useEffect(()=>{d.current&&X(d.current,f.back,a.name,a.email,a.phone,y,h.back,f.width,f.height)},[f,a,y,h]);const I=()=>{p(!0),setTimeout(()=>{c(),p(!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=b.useRef(null),t=b.useRef(null);return{frontCanvasRef:e,backCanvasRef:t}}async function pe(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,p=document.createElement("canvas"),f=document.createElement("canvas");await Promise.all([Z(p,t,c,s,i.front,a,o,l),X(f,n,s,d,u,g,i.back,a,o)]);const h=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=p.toDataURL("image/jpeg",.95);h.addImage(L,"JPEG",k,D,w,P),h.addPage();const S=f.toDataURL("image/jpeg",.95);return h.addImage(S,"JPEG",k,D,w,P),h.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 pe(e);ge(t,e.filename)}function Ge(){const e=v(h=>h.voucherConfig.language),t=v(h=>h.voucherConfig.hours),n=v(h=>h.voucherConfig.description),a=v(h=>h.personalInfo),o=v(h=>h.portrait),i=v(h=>h.isExporting),c=v(h=>h.setIsExporting),l=A(e),s=Y(e,t),d=q(e),u=o.useEnhanced&&o.enhanced?o.enhanced:o.original,g=W(e,t,n),p=a.name.trim().length>0&&a.email.trim().length>0&&a.phone.trim().length>0&&o.original!==null,f=async()=>{if(!(!p||i)){c(!0);try{const h=`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:h})}catch(h){console.error("PDF export failed:",h)}finally{c(!1)}}};return r.jsx("button",{className:`btn btn-primary flex-1 ${i?"loading":""}`,onClick:f,disabled:!p||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=v(a=>a.voucherConfig.language),t=v(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=v(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"]},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 F=ve;function et(e){F=e}function tt(){return F}async function nt(e){return F.listTemplates(e)}async function at(e){return F.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=re;exports.downloadBlob=ge;exports.drawContactInfo=he;exports.drawMultilineText=me;exports.drawOvalPortrait=ue;exports.drawTemplate=V;exports.drawText=G;exports.enhancePortrait=Ke;exports.exportBillAsPDF=fe;exports.formatDescription=W;exports.generateBillPDF=pe;exports.getApiKey=z;exports.getDefaultTemplateId=Qe;exports.getLayout=q;exports.getRemoveBackgroundEndpoint=Ue;exports.getTemplate=Y;exports.getTemplateById=at;exports.getTemplateProvider=tt;exports.hasApiKey=O;exports.hasCustomEndpoint=Me;exports.listTemplates=nt;exports.loadImage=U;exports.removeBackground=le;exports.renderBackSide=X;exports.renderFrontSide=Z;exports.setApiKey=se;exports.setRemoveBackgroundEndpoint=$e;exports.setTemplateProvider=et;exports.staticTemplateProvider=ve;exports.t=A;exports.useBillCanvasRefs=Ve;exports.useBillStore=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),Ce=require("zustand"),Te=require("zustand/middleware"),w=require("react"),Re=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=Ce.create()(Te.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}})})),Ae={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"}},Le={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"}},_e={de:Ae,en:Le};function R(e){return _e[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 De(){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})})]})]})}const ne=1600;function Be(e,t,n){const a=Math.max(e.width,e.height);if(a<=ne){n.width=e.width,n.height=e.height,t.drawImage(e,0,0);return}const o=ne/a;n.width=Math.round(e.width*o),n.height=Math.round(e.height*o),t.drawImage(e,0,0,n.width,n.height)}async function oe(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}Be(o,c,i);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],b=s[u+2];if(s[u+3]===0)continue;let I=(((.299*g+.587*m+.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),x=Math.min(255,I*.55+5);s[u]=Math.round(g*(1-t)+k*t),s[u+1]=Math.round(m*(1-t)+N*t),s[u+2]=Math.round(b*(1-t)+x*t)}c.putImageData(l,0,0),n(i.toDataURL("image/png"))},o.onerror=()=>a(new Error("Failed to load image")),o.src=e})}const Me="https://api.stability.ai/v1/generation",$e="https://api.stability.ai/v2beta/stable-image/edit/remove-background",ie="stability_api_key";let D=null;function Ue(e){D=e}function ze(){return D}function Fe(){return D!==null}const He={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"},ae=[{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 Ke(e,t){const n=e/t;let a=ae[0],o=1/0;for(const i of ae){const c=i.width/i.height,l=Math.abs(n-c);l<o&&(o=l,a=i)}return a}function Oe(e){return new Promise((t,n)=>{const a=new Image;a.onload=()=>{const o=Ke(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 se(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(ie):null}function le(e){localStorage.setItem(ie,e)}function W(){return D?!0:F()!==null}async function We(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 Oe(n),c=se(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]",He[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(`${Me}/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 ce(e){if(D){const c=await fetch(D,{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=se(e),a=new FormData;a.append("image",n,"image.png"),a.append("output_format","png");const o=await fetch($e,{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 qe(){const[e,t]=w.useState(!1),[n,a]=w.useState(!1),[o,i]=w.useState(null),[c,l]=w.useState(()=>W());w.useEffect(()=>{l(W())},[]);const s=w.useCallback(()=>i(null),[]),d=w.useCallback(m=>{le(m),l(!0),i(null)},[]),u=w.useCallback(async(m,b=.5)=>{t(!0),i(null);try{return await oe(m,b)}catch(p){const S=p instanceof Error?p.message:"Enhancement failed";throw i(S),p}finally{t(!1)}},[]),g=w.useCallback(async m=>{a(!0),i(null);try{return await ce(m)}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 de({isOpen:e,onClose:t,onSubmit:n}){const a=f(d=>d.voucherConfig.language),[o,i]=w.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 Ye(){const e=f(h=>h.voucherConfig.language),t=f(h=>h.portrait),n=f(h=>h.setPortrait),a=f(h=>h.setPortraitZoom),o=f(h=>h.setPortraitRawImage),i=f(h=>h.setPortraitBgRemoved),c=f(h=>h.setPortraitEngravingIntensity),{enhance:l,removeBg:s,isEnhancing:d,isRemovingBg:u,error:g,hasKey:m,setApiKey:b}=qe(),p=R(e),S=w.useRef(null),[I,k]=w.useState(!1),[N,x]=w.useState(!1),j=w.useRef(null),P=t.rawImage,B=t.bgRemovedImage,A=t.bgRemoved,L=t.engravingIntensity;w.useEffect(()=>{t.original&&!t.rawImage&&o(t.original)},[t.original,t.rawImage,o]),w.useEffect(()=>()=>{j.current&&clearTimeout(j.current)},[]);const K=w.useCallback(async h=>{if(!h.type.startsWith("image/"))return;const v=new FileReader;v.onload=async y=>{var ee;const $=(ee=y.target)==null?void 0:ee.result;o($),n($),i(!1,null),c(0)},v.readAsDataURL(h)},[n,o,i,c]),xe=w.useCallback(h=>{h.preventDefault(),k(!1);const v=h.dataTransfer.files[0];v&&K(v)},[K]),ye=w.useCallback(h=>{h.preventDefault(),k(!0)},[]),Ie=w.useCallback(h=>{h.preventDefault(),k(!1)},[]),ke=()=>{var h;(h=S.current)==null||h.click()},Pe=h=>{var y;const v=(y=h.target.files)==null?void 0:y[0];v&&K(v)},M=w.useCallback(async(h,v)=>{try{return await l(h,v)}catch(y){return console.error("Enhancement failed:",y),h}},[l]),Q=w.useCallback(async h=>{try{const v=await s(h);return i(!0,v),v}catch(v){return console.error("Background removal failed:",v),h}},[s,i]),je=async()=>{if(!P)return;if(!A&&!m){x(!0);return}if(!A){const v=await Q(P),y=f.getState().portrait.engravingIntensity;if(y>0){const $=await M(v,y);n($)}else n(v)}else{i(!1,null);const v=f.getState().portrait.engravingIntensity;if(v>0){const y=await M(P,v);n(y)}else n(P)}},Ee=h=>{c(h),j.current&&clearTimeout(j.current),P&&(j.current=setTimeout(async()=>{const v=A&&B?B:P;if(h===0)n(v);else{const y=await M(v,h);n(y)}},150))},Se=async h=>{if(b(h),!P)return;const v=await Q(P);if(L>0){const y=await M(v,L);n(y)}else n(v)},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"?"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:h=>Ee(parseFloat(h.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:je,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",!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":I?"border-primary bg-primary/10":"border-base-300 hover:border-primary hover:bg-base-200"}`,onDrop:xe,onDragOver:ye,onDragLeave:Ie,onClick:ke,children:[r.jsx("input",{ref:S,type:"file",accept:"image/*",className:"hidden",onChange:Pe}),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(de,{isOpen:N,onClose:()=>x(!1),onSubmit:Se})]})}function Ve(){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"&&"/"||"/",ue={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 ue[e][t]}const O=new Map;async function U(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 he(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 b=n-g/2,p=a-m/2;e.drawImage(t,b,p,g,m),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 pe(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 me(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 U(t);if(G(s,d,i,c),n)try{const u=await U(n);he(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 U(t);G(d,u,l,s),c.contactInfo&&(n||a||o)&&me(d,n,a,o,c.contactInfo),c.description&&i&&pe(d,i,c.description),n&&Z(d,n,c.namePlate)}function Ge(){const e=f(x=>x.voucherConfig.language),t=f(x=>x.voucherConfig.hours),n=f(x=>x.voucherConfig.description),a=f(x=>x.personalInfo),o=f(x=>x.portrait),i=f(x=>x.currentSide),c=f(x=>x.flipSide),l=R(e),s=w.useRef(null),d=w.useRef(null),u=w.useRef(null),[g,m]=w.useState(!1),b=V(e,t),p=Y(e),S=o.useEnhanced&&o.enhanced?o.enhanced:o.original,I=q(e,t,n);w.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]),w.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=()=>{m(!0),setTimeout(()=>{c(),m(!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 Ze(){const e=w.useRef(null),t=w.useRef(null);return{frontCanvasRef:e,backCanvasRef:t}}async function ge(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"),b=document.createElement("canvas");await Promise.all([X(m,t,c,s,i.front,a,o,l),J(b,n,s,d,u,g,i.back,a,o)]);const p=new Re({orientation:"landscape",unit:"mm",format:"a4"}),S=297,I=210,k=10,N=a/o;let x=S-k*2,j=x/N;j>I-k*2&&(j=I-k*2,x=j*N);const P=(S-x)/2,B=(I-j)/2,A=m.toDataURL("image/jpeg",.95);p.addImage(A,"JPEG",P,B,x,j),p.addPage();const L=b.toDataURL("image/jpeg",.95);return p.addImage(L,"JPEG",P,B,x,j),p.output("blob")}function fe(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 be(e){const t=await ge(e);fe(t,e.filename)}function Xe(){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),m=a.name.trim().length>0&&a.email.trim().length>0&&a.phone.trim().length>0&&o.original!==null,b=async()=>{if(!(!m||i)){c(!0);try{const p=`zeitgutschein-${t}h-${a.name.replace(/\s+/g,"-").toLowerCase()}.pdf`;await be({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:!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 we(){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 Je(){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(we,{})})]})}const z="/",Qe={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"]},et={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"]},re=[Qe,et],ve={async listTemplates(e){let t=[...re];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=re.find(n=>n.id===e);if(!t)throw new Error(`Template not found: ${e}`);return t}};function tt(e){return e==="de"?"time-voucher-classic-de":"time-voucher-classic-en"}let H=ve;function nt(e){H=e}function at(){return H}async function rt(e){return H.listTemplates(e)}async function ot(e){return H.getTemplate(e)}exports.ApiKeyModal=de;exports.BillPreview=Ge;exports.ExportButton=Xe;exports.Header=Je;exports.LAYOUT_HDPI=T;exports.LAYOUT_LDPI=C;exports.LanguageToggle=we;exports.PersonalInfoForm=De;exports.PortraitUpload=Ye;exports.TEMPLATES=ue;exports.VoucherConfig=Ve;exports.applyEngravingEffect=oe;exports.downloadBlob=fe;exports.drawContactInfo=me;exports.drawMultilineText=pe;exports.drawOvalPortrait=he;exports.drawTemplate=G;exports.drawText=Z;exports.enhancePortrait=We;exports.exportBillAsPDF=be;exports.formatDescription=q;exports.generateBillPDF=ge;exports.getApiKey=F;exports.getDefaultTemplateId=tt;exports.getLayout=Y;exports.getRemoveBackgroundEndpoint=ze;exports.getTemplate=V;exports.getTemplateById=ot;exports.getTemplateProvider=at;exports.hasApiKey=W;exports.hasCustomEndpoint=Fe;exports.listTemplates=rt;exports.loadImage=U;exports.removeBackground=ce;exports.renderBackSide=J;exports.renderFrontSide=X;exports.setApiKey=le;exports.setRemoveBackgroundEndpoint=Ue;exports.setTemplateProvider=nt;exports.staticTemplateProvider=ve;exports.t=R;exports.useBillCanvasRefs=Ze;exports.useBillStore=f;

package/dist/index.js

@@ -1,7 +1,7 @@
-import { jsxs as u, jsx as s, Fragment as O } from "react/jsx-runtime";
-import { create as we } from "zustand";
-import { persist as ye } from "zustand/middleware";
-import { useState as A, useEffect as H, useCallback as T, useRef as L } from "react";
+import { jsxs as u, jsx as s, Fragment as Y } from "react/jsx-runtime";
+import { create as ye } from "zustand";
+import { persist as Ie } from "zustand/middleware";
+import { useState as T, useEffect as H, useCallback as C, useRef as A } from "react";
 import xe from "jspdf";
 const X = {
   personalInfo: {
@@ -27,8 +27,8 @@ const X = {
   currentSide: "front",
   isEnhancing: !1,
   isExporting: !1
-}, v = we()(
-  ye(
+}, b = ye()(
+  Ie(
     (e) => ({
       ...X,
       setPersonalInfo: (t) => e((n) => ({
@@ -123,7 +123,7 @@ const X = {
       })
     }
   )
-), Ie = {
+), ke = {
   header: {
     title: "Money Generator",
     subtitle: "Erstelle deinen persönlichen Zeitgutschein"
@@ -170,7 +170,7 @@ const X = {
   bill: {
     descriptionText: "Für diesen Schein erhältst du {hours} {hourLabel} meiner Zeit oder ein gleichwertiges Dankeschön"
   }
-}, ke = {
+}, Ee = {
   header: {
     title: "Money Generator",
     subtitle: "Create your personal time voucher"
@@ -217,18 +217,18 @@ const X = {
   bill: {
     descriptionText: "This voucher entitles you to {hours} {hourLabel} of my time or an equivalent thank you"
   }
-}, Ee = { de: Ie, en: ke };
-function z(e) {
-  return Ee[e];
+}, Pe = { de: ke, en: Ee };
+function M(e) {
+  return Pe[e];
 }
-function te(e, t, n) {
+function ne(e, t, n) {
   if (n && n.trim())
     return n;
-  const a = z(e), r = t === 1 ? a.form.voucher.hourLabel : a.form.voucher.hoursLabel;
+  const a = M(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 = z(e);
+function Qe() {
+  const e = b((r) => r.voucherConfig.language), t = b((r) => r.personalInfo), n = b((r) => r.setPersonalInfo), a = M(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 }) }),
@@ -271,7 +271,17 @@ function Xe() {
     ] })
   ] });
 }
-async function Pe(e, t = 0.5) {
+const J = 1600;
+function Ne(e, t, n) {
+  const a = Math.max(e.width, e.height);
+  if (a <= J) {
+    n.width = e.width, n.height = e.height, t.drawImage(e, 0, 0);
+    return;
+  }
+  const r = J / a;
+  n.width = Math.round(e.width * r), n.height = Math.round(e.height * r), t.drawImage(e, 0, 0, n.width, n.height);
+}
+async function Se(e, t = 0.5) {
   return new Promise((n, a) => {
     const r = new Image();
     r.onload = () => {
@@ -280,36 +290,36 @@ async function Pe(e, t = 0.5) {
         a(new Error("Failed to get canvas context"));
         return;
       }
-      o.width = r.width, o.height = r.height, c.drawImage(r, 0, 0);
+      Ne(r, c, o);
       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], w = 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 * w) / 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), R = 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) + R * t), i[h + 2] = Math.round(w * (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 Ne = "https://api.stability.ai/v1/generation", Se = "https://api.stability.ai/v2beta/stable-image/edit/remove-background", ne = "stability_api_key";
+const Ce = "https://api.stability.ai/v1/generation", Re = "https://api.stability.ai/v2beta/stable-image/edit/remove-background", ae = "stability_api_key";
 let $ = null;
-function Je(e) {
+function et(e) {
   $ = e;
 }
-function Qe() {
+function tt() {
   return $;
 }
-function et() {
+function nt() {
   return $ !== null;
 }
-const Ce = {
+const Te = {
   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"
-}, J = [
+}, Q = [
   { width: 1024, height: 1024 },
   { width: 1152, height: 896 },
   { width: 1216, height: 832 },
@@ -320,20 +330,20 @@ const Ce = {
   { width: 832, height: 1216 },
   { width: 896, height: 1152 }
 ];
-function Te(e, t) {
+function Ae(e, t) {
   const n = e / t;
-  let a = J[0], r = 1 / 0;
-  for (const o of J) {
+  let a = Q[0], r = 1 / 0;
+  for (const o of Q) {
     const c = o.width / o.height, l = Math.abs(n - c);
     l < r && (r = l, a = o);
   }
   return a;
 }
-function Re(e) {
+function Le(e) {
   return new Promise((t, n) => {
     const a = new Image();
     a.onload = () => {
-      const r = Te(a.width, a.height), o = document.createElement("canvas");
+      const r = Ae(a.width, a.height), o = document.createElement("canvas");
       o.width = r.width, o.height = r.height;
       const c = o.getContext("2d");
       if (!c) {
@@ -346,31 +356,31 @@ function Re(e) {
     }, a.onerror = () => n(new Error("Failed to load image")), a.src = e;
   });
 }
-function ae(e) {
+function re(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(ne) : null;
+  return e && e !== "your-api-key-here" ? e : typeof localStorage < "u" ? localStorage.getItem(ae) : null;
 }
-function Ae(e) {
-  localStorage.setItem(ne, e);
+function _e(e) {
+  localStorage.setItem(ae, e);
 }
-function Q() {
-  return $ ? !0 : q() !== null;
+function ee() {
+  return $ ? !0 : V() !== null;
 }
-async function tt(e) {
-  const t = q();
+async function at(e) {
+  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 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`, {
+  const { imageDataUrl: n, style: a, strength: r = 0.35 } = e, o = await Le(n), c = re(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]", Te[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(`${Ce}/stable-diffusion-xl-1024-v1-0/image-to-image`, {
     method: "POST",
     headers: {
       Authorization: `Bearer ${t}`,
@@ -387,7 +397,7 @@ async function tt(e) {
     throw new Error("No image generated");
   return `data:image/png;base64,${h.artifacts[0].base64}`;
 }
-async function Le(e) {
+async function De(e) {
   if ($) {
     const c = await fetch($, {
       method: "POST",
@@ -402,12 +412,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 = ae(e), a = new FormData();
+  const n = re(e), a = new FormData();
   a.append("image", n, "image.png"), a.append("output_format", "png");
-  const r = await fetch(Se, {
+  const r = await fetch(Re, {
     method: "POST",
     headers: {
       Authorization: `Bearer ${t}`,
@@ -425,18 +435,18 @@ async function Le(e) {
     i.onload = () => c(i.result), i.onerror = () => l(new Error("Failed to read result")), i.readAsDataURL(o);
   });
 }
-function De() {
-  const [e, t] = A(!1), [n, a] = A(!1), [r, o] = A(null), [c, l] = A(() => Q());
+function Be() {
+  const [e, t] = T(!1), [n, a] = T(!1), [r, o] = T(null), [c, l] = T(() => ee());
   H(() => {
-    l(Q());
+    l(ee());
   }, []);
-  const i = T(() => o(null), []), d = T((g) => {
-    Ae(g), l(!0), o(null);
-  }, []), h = T(
-    async (g, b = 0.5) => {
+  const i = C(() => o(null), []), d = C((g) => {
+    _e(g), l(!0), o(null);
+  }, []), h = C(
+    async (g, w = 0.5) => {
       t(!0), o(null);
       try {
-        return await Pe(g, b);
+        return await Se(g, w);
       } catch (p) {
         const S = p instanceof Error ? p.message : "Enhancement failed";
         throw o(S), p;
@@ -445,14 +455,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;
+        return await De(g);
+      } catch (w) {
+        const p = w instanceof Error ? w.message : "Background removal failed";
+        throw o(p), w;
       } finally {
         a(!1);
       }
@@ -470,8 +480,8 @@ function De() {
     clearError: i
   };
 }
-function _e({ isOpen: e, onClose: t, onSubmit: n }) {
-  const a = v((d) => d.voucherConfig.language), [r, o] = A("");
+function $e({ isOpen: e, onClose: t, onSubmit: n }) {
+  const a = b((d) => d.voucherConfig.language), [r, o] = T("");
   if (!e) return null;
   const c = (d) => {
     d.preventDefault(), r.trim() && (n(r.trim()), o(""), t());
@@ -521,92 +531,96 @@ function _e({ isOpen: e, onClose: t, onSubmit: n }) {
     /* @__PURE__ */ s("form", { method: "dialog", className: "modal-backdrop", children: /* @__PURE__ */ s("button", { onClick: t, children: "close" }) })
   ] });
 }
-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 = z(e), S = L(null), [x, I] = A(!1), [R, y] = A(!1), E = L(null), k = t.rawImage, M = t.bgRemovedImage, D = t.bgRemoved, C = t.engravingIntensity;
+function rt() {
+  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: w } = Be(), p = M(e), S = A(null), [x, k] = T(!1), [R, y] = T(!1), P = A(null), E = t.rawImage, z = t.bgRemovedImage, L = t.bgRemoved, _ = t.engravingIntensity;
   H(() => {
     t.original && !t.rawImage && r(t.original);
   }, [t.original, t.rawImage, r]), H(() => () => {
-    E.current && clearTimeout(E.current);
+    P.current && clearTimeout(P.current);
   }, []);
-  const j = T(
+  const K = C(
     async (m) => {
       if (!m.type.startsWith("image/"))
         return;
-      const w = new FileReader();
-      w.onload = async (P) => {
+      const v = new FileReader();
+      v.onload = async (I) => {
         var Z;
-        const G = (Z = P.target) == null ? void 0 : Z.result;
-        r(G), n(G), o(!1, null), c(0);
-      }, w.readAsDataURL(m);
+        const F = (Z = I.target) == null ? void 0 : Z.result;
+        r(F), n(F), o(!1, null), c(0);
+      }, v.readAsDataURL(m);
     },
     [n, r, o, c]
-  ), de = T(
+  ), he = C(
     (m) => {
-      m.preventDefault(), I(!1);
-      const w = m.dataTransfer.files[0];
-      w && j(w);
+      m.preventDefault(), k(!1);
+      const v = m.dataTransfer.files[0];
+      v && K(v);
     },
-    [j]
-  ), he = T((m) => {
-    m.preventDefault(), I(!0);
-  }, []), me = T((m) => {
-    m.preventDefault(), I(!1);
-  }, []), pe = () => {
+    [K]
+  ), me = C((m) => {
+    m.preventDefault(), k(!0);
+  }, []), pe = C((m) => {
+    m.preventDefault(), k(!1);
+  }, []), ue = () => {
     var m;
     (m = S.current) == null || m.click();
-  }, ue = (m) => {
-    var P;
-    const w = (P = m.target.files) == null ? void 0 : P[0];
-    w && j(w);
-  }, U = T(async (m, w) => {
+  }, ge = (m) => {
+    var I;
+    const v = (I = m.target.files) == null ? void 0 : I[0];
+    v && K(v);
+  }, U = C(async (m, v) => {
     try {
-      return await l(m, w);
-    } catch (P) {
-      return console.error("Enhancement failed:", P), m;
+      return await l(m, v);
+    } 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;
+      const v = await i(m);
+      return o(!0, v), v;
+    } catch (v) {
+      return console.error("Background removal failed:", v), m;
     }
-  }, [i, o]), ge = async () => {
-    if (!k) return;
-    if (!D && !g) {
+  }, [i, o]), fe = async () => {
+    if (!E) return;
+    if (!L && !g) {
       y(!0);
       return;
     }
-    if (!D) {
-      const w = await V(k);
-      if (C > 0) {
-        const P = await U(w, C);
-        n(P);
+    if (!L) {
+      const v = await G(E), I = b.getState().portrait.engravingIntensity;
+      if (I > 0) {
+        const F = await U(v, I);
+        n(F);
       } else
-        n(w);
-    } else if (o(!1, null), C > 0) {
-      const w = await U(k, C);
-      n(w);
-    } else
-      n(k);
-  }, fe = (m) => {
-    c(m), E.current && clearTimeout(E.current), k && (E.current = setTimeout(async () => {
-      const w = D && M ? M : k;
+        n(v);
+    } else {
+      o(!1, null);
+      const v = b.getState().portrait.engravingIntensity;
+      if (v > 0) {
+        const I = await U(E, v);
+        n(I);
+      } else
+        n(E);
+    }
+  }, be = (m) => {
+    c(m), P.current && clearTimeout(P.current), E && (P.current = setTimeout(async () => {
+      const v = L && z ? z : E;
       if (m === 0)
-        n(w);
+        n(v);
       else {
-        const P = await U(w, m);
-        n(P);
+        const I = await U(v, m);
+        n(I);
       }
     }, 150));
-  }, be = async (m) => {
-    if (b(m), !k) return;
-    const w = await V(k);
-    if (C > 0) {
-      const P = await U(w, C);
-      n(P);
+  }, we = async (m) => {
+    if (w(m), !E) return;
+    const v = await G(E);
+    if (_ > 0) {
+      const I = await U(v, _);
+      n(I);
     } else
-      n(w);
+      n(v);
   }, ve = () => {
     n(null), r(null), o(!1, null), c(0);
   };
@@ -673,11 +687,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(_ * 100),
             "%"
           ] })
         ] }),
@@ -688,10 +702,10 @@ function nt() {
             min: "0",
             max: "1",
             step: "0.05",
-            value: C,
-            onChange: (m) => fe(parseFloat(m.target.value)),
+            value: _,
+            onChange: (m) => be(parseFloat(m.target.value)),
             className: "range range-secondary range-sm",
-            disabled: d || !k
+            disabled: d || !E
           }
         )
       ] }),
@@ -701,13 +715,13 @@ function nt() {
           {
             type: "checkbox",
             className: `toggle toggle-primary ${h ? "opacity-50" : ""}`,
-            checked: D,
-            onChange: ge,
-            disabled: h || !k
+            checked: L,
+            onChange: fe,
+            disabled: h || !E
           }
         ),
         /* @__PURE__ */ u("span", { className: "label-text flex items-center gap-2", children: [
-          h ? /* @__PURE__ */ u(O, { 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",
@@ -722,10 +736,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: de,
-        onDragOver: he,
-        onDragLeave: me,
-        onClick: pe,
+        onDrop: he,
+        onDragOver: me,
+        onDragLeave: pe,
+        onClick: ue,
         children: [
           /* @__PURE__ */ s(
             "input",
@@ -734,7 +748,7 @@ function nt() {
               type: "file",
               accept: "image/*",
               className: "hidden",
-              onChange: ue
+              onChange: ge
             }
           ),
           h ? /* @__PURE__ */ u("div", { className: "flex flex-col items-center gap-2", children: [
@@ -767,19 +781,19 @@ function nt() {
       }
     ),
     /* @__PURE__ */ s(
-      _e,
+      $e,
       {
         isOpen: R,
         onClose: () => y(!1),
-        onSubmit: be
+        onSubmit: we
       }
     )
   ] });
 }
-function at() {
+function ot() {
   return null;
 }
-const N = typeof import.meta < "u" && "/" || "/", Be = {
+const N = typeof import.meta < "u" && "/" || "/", Me = {
   en: {
     1: {
       front: `${N}templates/front_ldpi_en.png`,
@@ -820,7 +834,7 @@ const N = typeof import.meta < "u" && "/" || "/", Be = {
       height: 3200
     }
   }
-}, _ = {
+}, D = {
   front: {
     portrait: {
       x: 768,
@@ -913,36 +927,36 @@ const N = typeof import.meta < "u" && "/" || "/", Be = {
     }
   }
 };
-function re(e) {
-  return e === "de" ? B : _;
+function oe(e) {
+  return e === "de" ? B : D;
 }
-function oe(e, t) {
-  return Be[e][t];
+function ie(e, t) {
+  return Me[e][t];
 }
-const K = /* @__PURE__ */ new Map();
-async function Y(e) {
-  return K.has(e) ? K.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 = () => {
-      K.set(e, a), t(a);
+      O.set(e, a), t(a);
     }, a.onerror = n, a.src = e;
   });
 }
-function ie(e, t, n, a) {
+function se(e, t, n, a) {
   e.drawImage(t, 0, 0, n, a);
 }
-function $e(e, t, n, a, r, o, c = 1) {
+function ze(e, t, n, a, r, o, c = 1) {
   e.save(), e.beginPath(), e.ellipse(n, a, r, o, 0, 0, Math.PI * 2), e.closePath(), e.clip();
   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 w = n - f / 2, p = a - g / 2;
+  e.drawImage(t, w, p, f, g), e.restore();
 }
-function se(e, t, n, a = "#2a3a2a") {
+function le(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 ze(e, t, n, a = "#2a3a2a") {
+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 r = n.maxWidth || 400, o = n.lineHeight || n.fontSize * 1.4, c = t.split(" "), l = [];
   let i = "";
@@ -957,7 +971,7 @@ function ze(e, t, n, a = "#2a3a2a") {
     e.fillText(f, n.x, h), h += o;
   e.restore();
 }
-function Me(e, t, n, a, r, o = "#2a3a2a") {
+function Ue(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;
@@ -965,15 +979,15 @@ function Me(e, t, n, a, r, o = "#2a3a2a") {
     h && (e.fillText(h, r.x, d), d += c);
   e.restore();
 }
-async function le(e, t, n, a, r, o, c, l = 1) {
+async function ce(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 (ie(i, d, o, c), n)
+  const d = await q(t);
+  if (se(i, d, o, c), n)
     try {
-      const h = await Y(n);
-      $e(
+      const h = await q(n);
+      ze(
         i,
         h,
         r.portrait.x,
@@ -985,46 +999,46 @@ async function le(e, t, n, a, r, o, c, l = 1) {
     } catch (h) {
       console.error("Failed to load portrait:", h);
     }
-  a && se(i, a, r.namePlate);
+  a && le(i, a, r.namePlate);
 }
-async function ce(e, t, n, a, r, o, c, l, i) {
+async function de(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);
-  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);
+  const h = await q(t);
+  se(d, h, l, i), c.contactInfo && (n || a || r) && Ue(d, n, a, r, c.contactInfo), c.description && o && He(d, o, c.description), n && le(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 = z(e), i = L(null), d = L(null), h = L(null), [f, g] = A(!1), b = oe(e, t), p = re(e), S = r.useEnhanced && r.enhanced ? r.enhanced : r.original, x = te(e, t, n);
+function it() {
+  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 = M(e), i = A(null), d = A(null), h = A(null), [f, g] = T(!1), w = ie(e, t), p = oe(e), S = r.useEnhanced && r.enhanced ? r.enhanced : r.original, x = ne(e, t, n);
   H(() => {
-    i.current && le(
+    i.current && ce(
       i.current,
-      b.front,
+      w.front,
       S,
       a.name,
       p.front,
-      b.width,
-      b.height,
+      w.width,
+      w.height,
       r.zoom
     );
-  }, [b, S, a.name, p, r.zoom]), H(() => {
-    d.current && ce(
+  }, [w, S, a.name, p, r.zoom]), H(() => {
+    d.current && de(
       d.current,
-      b.back,
+      w.back,
       a.name,
       a.email,
       a.phone,
       x,
       p.back,
-      b.width,
-      b.height
+      w.width,
+      w.height
     );
-  }, [b, a, x, p]);
-  const I = () => {
+  }, [w, a, x, p]);
+  const k = () => {
     g(!0), setTimeout(() => {
       c(), g(!1);
     }, 150);
-  }, R = b.width / b.height;
+  }, R = w.width / w.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: [
@@ -1032,7 +1046,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
           }
         ),
@@ -1040,12 +1054,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",
           {
@@ -1094,11 +1108,11 @@ function rt() {
     )
   ] });
 }
-function ot() {
-  const e = L(null), t = L(null);
+function st() {
+  const e = A(null), t = A(null);
   return { frontCanvasRef: e, backCanvasRef: t };
 }
-async function He(e) {
+async function Fe(e) {
   const {
     frontTemplateSrc: t,
     backTemplateSrc: n,
@@ -1111,33 +1125,33 @@ async function He(e) {
     email: d,
     phone: h,
     description: f
-  } = e, g = document.createElement("canvas"), b = document.createElement("canvas");
+  } = e, g = document.createElement("canvas"), w = document.createElement("canvas");
   await Promise.all([
-    le(g, t, c, i, o.front, a, r, l),
-    ce(b, n, i, d, h, f, o.back, a, r)
+    ce(g, t, c, i, o.front, a, r, l),
+    de(w, n, i, d, h, f, o.back, a, r)
   ]);
   const p = new xe({
     orientation: "landscape",
     unit: "mm",
     format: "a4"
-  }), S = 297, x = 210, I = 10, R = a / r;
-  let y = S - I * 2, E = y / R;
-  E > x - I * 2 && (E = x - I * 2, y = E * R);
-  const k = (S - y) / 2, M = (x - E) / 2, D = g.toDataURL("image/jpeg", 0.95);
-  p.addImage(D, "JPEG", k, M, y, E), p.addPage();
-  const C = b.toDataURL("image/jpeg", 0.95);
-  return p.addImage(C, "JPEG", k, M, y, E), p.output("blob");
+  }), S = 297, x = 210, k = 10, R = a / r;
+  let y = S - k * 2, P = y / R;
+  P > x - k * 2 && (P = x - k * 2, y = P * R);
+  const E = (S - y) / 2, z = (x - P) / 2, L = g.toDataURL("image/jpeg", 0.95);
+  p.addImage(L, "JPEG", E, z, y, P), p.addPage();
+  const _ = w.toDataURL("image/jpeg", 0.95);
+  return p.addImage(_, "JPEG", E, z, y, P), p.output("blob");
 }
-function Ue(e, t) {
+function We(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);
-  Ue(t, e.filename);
+async function je(e) {
+  const t = await Fe(e);
+  We(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 = 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;
+function lt() {
+  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 = M(e), i = ie(e, t), d = oe(e), h = r.useEnhanced && r.enhanced ? r.enhanced : r.original, f = ne(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",
     {
@@ -1147,7 +1161,7 @@ function it() {
           c(!0);
           try {
             const p = `zeitgutschein-${t}h-${a.name.replace(/\s+/g, "-").toLowerCase()}.pdf`;
-            await Fe({
+            await je({
               frontTemplateSrc: i.front,
               backTemplateSrc: i.back,
               templateWidth: i.width,
@@ -1169,10 +1183,10 @@ function it() {
         }
       },
       disabled: !g || o,
-      children: o ? /* @__PURE__ */ u(O, { children: [
+      children: o ? /* @__PURE__ */ u(Y, { children: [
         /* @__PURE__ */ s("span", { className: "loading loading-spinner loading-sm" }),
         l.export.exporting
-      ] }) : /* @__PURE__ */ u(O, { children: [
+      ] }) : /* @__PURE__ */ u(Y, { children: [
         /* @__PURE__ */ s(
           "svg",
           {
@@ -1197,8 +1211,8 @@ function it() {
     }
   );
 }
-function We() {
-  const e = v((a) => a.voucherConfig.language), t = v((a) => a.setLanguage), n = (a) => {
+function Ke() {
+  const e = b((a) => a.voucherConfig.language), t = b((a) => a.setLanguage), n = (a) => {
     t(a);
   };
   return /* @__PURE__ */ u("div", { className: "join", children: [
@@ -1220,22 +1234,22 @@ function We() {
     )
   ] });
 }
-function st() {
-  const e = v((n) => n.voucherConfig.language), t = z(e);
+function ct() {
+  const e = b((n) => n.voucherConfig.language), t = M(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, {}) })
+    /* @__PURE__ */ s("div", { className: "navbar-end", children: /* @__PURE__ */ s(Ke, {}) })
   ] });
 }
-const F = "/", je = {
+const W = "/", Oe = {
   id: "time-voucher-classic-de",
   name: "Zeitgutschein Classic",
   type: "time-voucher",
   category: "classic",
   images: {
-    front: `${F}templates/front_hdpi_de.jpg`,
-    back: `${F}templates/back_hdpi_de.jpg`,
+    front: `${W}templates/front_hdpi_de.jpg`,
+    back: `${W}templates/back_hdpi_de.jpg`,
     width: 6144,
     height: 4096
   },
@@ -1292,14 +1306,14 @@ const F = "/", je = {
     }
   },
   languages: ["de"]
-}, Ke = {
+}, Ye = {
   id: "time-voucher-classic-en",
   name: "Time Voucher Classic",
   type: "time-voucher",
   category: "classic",
   images: {
-    front: `${F}templates/front_ldpi_en.png`,
-    back: `${F}templates/back_ldpi_en.png`,
+    front: `${W}templates/front_ldpi_en.png`,
+    back: `${W}templates/back_ldpi_en.png`,
     width: 1536,
     height: 1024
   },
@@ -1346,89 +1360,89 @@ const F = "/", je = {
   ],
   layout: {
     front: {
-      portrait: _.front.portrait,
-      name: _.front.namePlate
+      portrait: D.front.portrait,
+      name: D.front.namePlate
     },
     back: {
-      name: _.back.namePlate,
-      contactInfo: _.back.contactInfo,
-      description: _.back.description
+      name: D.back.namePlate,
+      contactInfo: D.back.contactInfo,
+      description: D.back.description
     }
   },
   languages: ["en"]
-}, ee = [
-  je,
-  Ke
-], Oe = {
+}, te = [
+  Oe,
+  Ye
+], qe = {
   async listTemplates(e) {
-    let t = [...ee];
+    let t = [...te];
     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 = ee.find((n) => n.id === e);
+    const t = te.find((n) => n.id === e);
     if (!t)
       throw new Error(`Template not found: ${e}`);
     return t;
   }
 };
-function lt(e) {
+function dt(e) {
   return e === "de" ? "time-voucher-classic-de" : "time-voucher-classic-en";
 }
-let W = Oe;
-function ct(e) {
-  W = e;
+let j = qe;
+function ht(e) {
+  j = e;
 }
-function dt() {
-  return W;
+function mt() {
+  return j;
 }
-async function ht(e) {
-  return W.listTemplates(e);
+async function pt(e) {
+  return j.listTemplates(e);
 }
-async function mt(e) {
-  return W.getTemplate(e);
+async function ut(e) {
+  return j.getTemplate(e);
 }
 export {
-  _e as ApiKeyModal,
-  rt as BillPreview,
-  it as ExportButton,
-  st as Header,
+  $e as ApiKeyModal,
+  it as BillPreview,
+  lt as ExportButton,
+  ct as Header,
   B as LAYOUT_HDPI,
-  _ as LAYOUT_LDPI,
-  We as LanguageToggle,
-  Xe as PersonalInfoForm,
-  nt as PortraitUpload,
-  Be as TEMPLATES,
-  at as VoucherConfig,
-  Pe as applyEngravingEffect,
-  Ue as downloadBlob,
-  Me as drawContactInfo,
-  ze as drawMultilineText,
-  $e as drawOvalPortrait,
-  ie as drawTemplate,
-  se as drawText,
-  tt as enhancePortrait,
-  Fe as exportBillAsPDF,
-  te as formatDescription,
-  He as generateBillPDF,
-  q as getApiKey,
-  lt as getDefaultTemplateId,
-  re as getLayout,
-  Qe as getRemoveBackgroundEndpoint,
-  oe as getTemplate,
-  mt as getTemplateById,
-  dt as getTemplateProvider,
-  Q as hasApiKey,
-  et as hasCustomEndpoint,
-  ht as listTemplates,
-  Y as loadImage,
-  Le as removeBackground,
-  ce as renderBackSide,
-  le as renderFrontSide,
-  Ae as setApiKey,
-  Je as setRemoveBackgroundEndpoint,
-  ct as setTemplateProvider,
-  Oe as staticTemplateProvider,
-  z as t,
-  ot as useBillCanvasRefs,
-  v as useBillStore
+  D as LAYOUT_LDPI,
+  Ke as LanguageToggle,
+  Qe as PersonalInfoForm,
+  rt as PortraitUpload,
+  Me as TEMPLATES,
+  ot as VoucherConfig,
+  Se as applyEngravingEffect,
+  We as downloadBlob,
+  Ue as drawContactInfo,
+  He as drawMultilineText,
+  ze as drawOvalPortrait,
+  se as drawTemplate,
+  le as drawText,
+  at as enhancePortrait,
+  je as exportBillAsPDF,
+  ne as formatDescription,
+  Fe as generateBillPDF,
+  V as getApiKey,
+  dt as getDefaultTemplateId,
+  oe as getLayout,
+  tt as getRemoveBackgroundEndpoint,
+  ie as getTemplate,
+  ut as getTemplateById,
+  mt as getTemplateProvider,
+  ee as hasApiKey,
+  nt as hasCustomEndpoint,
+  pt as listTemplates,
+  q as loadImage,
+  De as removeBackground,
+  de as renderBackSide,
+  ce as renderFrontSide,
+  _e as setApiKey,
+  et as setRemoveBackgroundEndpoint,
+  ht as setTemplateProvider,
+  qe as staticTemplateProvider,
+  M as t,
+  st as useBillCanvasRefs,
+  b as useBillStore
 };

package/package.json

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