@antontranelis/money-printer 1.0.1 → 1.0.2

package/dist/index.cjs

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

package/dist/index.d.ts

@@ -374,7 +374,7 @@ voucherConfig: VoucherConfigType;
 };
 }>;
 
-export declare function VoucherConfig(): JSX.Element;
+export declare function VoucherConfig(): null;
 
 export declare interface VoucherConfigType {
     hours: HourValue;

package/dist/index.js

@@ -1,9 +1,9 @@
-import { jsxs as h, jsx as o, Fragment as z } from "react/jsx-runtime";
+import { jsxs as m, jsx as o, Fragment as z } from "react/jsx-runtime";
 import { create as le } from "zustand";
 import { persist as se } from "zustand/middleware";
-import { useState as C, useCallback as E, useRef as _, useEffect as O } from "react";
+import { useState as C, useCallback as E, useRef as A, useEffect as O } from "react";
 import ce from "jspdf";
-const V = {
+const Y = {
   personalInfo: {
     name: "",
     email: "",
@@ -26,7 +26,7 @@ const V = {
 }, g = le()(
   se(
     (e) => ({
-      ...V,
+      ...Y,
       setPersonalInfo: (t) => e((n) => ({
         personalInfo: { ...n.personalInfo, ...t }
       })),
@@ -72,7 +72,7 @@ const V = {
       setHours: (t) => e((n) => ({
         voucherConfig: { ...n.voucherConfig, hours: t }
       })),
-      reset: () => e(V)
+      reset: () => e(Y)
     }),
     {
       name: "money-generator-storage",
@@ -177,19 +177,19 @@ const V = {
     descriptionText: "This voucher entitles you to {hours} {hourLabel} of my time or an equivalent thank you"
   }
 }, pe = { de, en: he };
-function S(e) {
+function _(e) {
   return pe[e];
 }
 function G(e, t, n) {
   if (n && n.trim())
     return n;
-  const a = S(e), r = t === 1 ? a.form.voucher.hourLabel : a.form.voucher.hoursLabel;
+  const a = _(e), r = t === 1 ? a.form.voucher.hourLabel : a.form.voucher.hoursLabel;
   return a.bill.descriptionText.replace("{hours}", t.toString()).replace("{hourLabel}", r);
 }
-function Be() {
-  const e = g((r) => r.voucherConfig.language), t = g((r) => r.personalInfo), n = g((r) => r.setPersonalInfo), a = S(e);
-  return /* @__PURE__ */ h("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ h("div", { className: "form-control", children: [
+function ze() {
+  const e = g((r) => r.voucherConfig.language), t = g((r) => r.personalInfo), n = g((r) => r.setPersonalInfo), a = _(e);
+  return /* @__PURE__ */ m("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ m("div", { className: "form-control", children: [
       /* @__PURE__ */ o("label", { className: "label", children: /* @__PURE__ */ o("span", { className: "label-text font-medium", children: a.form.personalInfo.name }) }),
       /* @__PURE__ */ o(
         "input",
@@ -202,7 +202,7 @@ function Be() {
         }
       )
     ] }),
-    /* @__PURE__ */ h("div", { className: "form-control", children: [
+    /* @__PURE__ */ m("div", { className: "form-control", children: [
       /* @__PURE__ */ o("label", { className: "label", children: /* @__PURE__ */ o("span", { className: "label-text font-medium", children: a.form.personalInfo.email }) }),
       /* @__PURE__ */ o(
         "input",
@@ -215,7 +215,7 @@ function Be() {
         }
       )
     ] }),
-    /* @__PURE__ */ h("div", { className: "form-control", children: [
+    /* @__PURE__ */ m("div", { className: "form-control", children: [
       /* @__PURE__ */ o("label", { className: "label", children: /* @__PURE__ */ o("span", { className: "label-text font-medium", children: a.form.personalInfo.phone }) }),
       /* @__PURE__ */ o(
         "input",
@@ -230,17 +230,17 @@ function Be() {
     ] })
   ] });
 }
-const F = {}, me = "https://api.stability.ai/v1/generation", ue = {
+const F = {}, ue = "https://api.stability.ai/v1/generation", me = {
   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"
 };
 function ge(e) {
-  var i;
-  const t = e.split(","), n = ((i = t[0].match(/:(.*?);/)) == null ? void 0 : i[1]) || "image/png", a = atob(t[1]), r = a.length, s = new Uint8Array(r);
+  var s;
+  const t = e.split(","), n = ((s = t[0].match(/:(.*?);/)) == null ? void 0 : s[1]) || "image/png", a = atob(t[1]), r = a.length, l = new Uint8Array(r);
   for (let d = 0; d < r; d++)
-    s[d] = a.charCodeAt(d);
-  return new Blob([s], { type: n });
+    l[d] = a.charCodeAt(d);
+  return new Blob([l], { type: n });
 }
 function X() {
   var t;
@@ -250,68 +250,68 @@ function X() {
 function fe(e) {
   localStorage.setItem("stability_api_key", e);
 }
-function Y() {
+function q() {
   return X() !== null;
 }
 async function be(e) {
   const t = X();
   if (!t)
     throw new Error("No Stability AI API key configured");
-  const { imageDataUrl: n, style: a, strength: r = 0.35 } = e, s = ge(n), i = new FormData();
-  i.append("init_image", s, "portrait.png"), i.append("init_image_mode", "IMAGE_STRENGTH"), i.append("image_strength", String(1 - r)), i.append("text_prompts[0][text]", ue[a]), i.append("text_prompts[0][weight]", "1"), i.append("cfg_scale", "7"), i.append("samples", "1"), i.append("steps", "30");
-  const l = await fetch(`${me}/stable-diffusion-xl-1024-v1-0/image-to-image`, {
+  const { imageDataUrl: n, style: a, strength: r = 0.35 } = e, l = ge(n), s = new FormData();
+  s.append("init_image", l, "portrait.png"), s.append("init_image_mode", "IMAGE_STRENGTH"), s.append("image_strength", String(1 - r)), s.append("text_prompts[0][text]", me[a]), s.append("text_prompts[0][weight]", "1"), s.append("cfg_scale", "7"), s.append("samples", "1"), s.append("steps", "30");
+  const i = await fetch(`${ue}/stable-diffusion-xl-1024-v1-0/image-to-image`, {
     method: "POST",
     headers: {
       Authorization: `Bearer ${t}`,
       Accept: "application/json"
     },
-    body: i
+    body: s
   });
-  if (!l.ok) {
-    const f = await l.text();
-    throw console.error("Stability AI error:", f), l.status === 401 ? new Error("Invalid API key") : l.status === 402 ? new Error("Insufficient credits") : l.status === 429 ? new Error("Rate limit exceeded. Please try again later.") : new Error(`API error: ${l.status}`);
+  if (!i.ok) {
+    const f = await i.text();
+    throw console.error("Stability AI error:", f), i.status === 401 ? new Error("Invalid API key") : i.status === 402 ? new Error("Insufficient credits") : i.status === 429 ? new Error("Rate limit exceeded. Please try again later.") : new Error(`API error: ${i.status}`);
   }
-  const c = await l.json();
+  const c = await i.json();
   if (!c.artifacts || c.artifacts.length === 0)
     throw new Error("No image generated");
   return `data:image/png;base64,${c.artifacts[0].base64}`;
 }
-async function q(e) {
+async function V(e) {
   return new Promise((t, n) => {
     const a = new Image();
     a.onload = () => {
-      const r = document.createElement("canvas"), s = r.getContext("2d");
-      if (!s) {
+      const r = document.createElement("canvas"), l = r.getContext("2d");
+      if (!l) {
         n(new Error("Failed to get canvas context"));
         return;
       }
-      r.width = a.width, r.height = a.height, s.filter = "sepia(0.3) contrast(1.1) saturate(0.9)", s.drawImage(a, 0, 0), t(r.toDataURL("image/png"));
+      r.width = a.width, r.height = a.height, l.filter = "sepia(0.3) contrast(1.1) saturate(0.9)", l.drawImage(a, 0, 0), t(r.toDataURL("image/png"));
     }, a.onerror = () => n(new Error("Failed to load image")), a.src = e;
   });
 }
-function ve() {
-  const [e, t] = C(!1), [n, a] = C(null), [r, s] = C(Y()), i = E(() => a(null), []), d = E((c) => {
-    fe(c), s(!0), a(null);
+function ye() {
+  const [e, t] = C(!1), [n, a] = C(null), [r, l] = C(q()), s = E(() => a(null), []), d = E((c) => {
+    fe(c), l(!0), a(null);
   }, []);
   return {
     enhance: E(
       async (c, f = "vintage") => {
         t(!0), a(null);
         try {
-          return Y() ? await be({
+          return q() ? await be({
             imageDataUrl: c,
             style: f,
             strength: 0.35
-          }) : await q(c);
-        } catch (m) {
-          const b = m instanceof Error ? m.message : "Enhancement failed";
+          }) : await V(c);
+        } catch (p) {
+          const b = p instanceof Error ? p.message : "Enhancement failed";
           if (a(b), b.includes("API") || b.includes("key"))
             try {
-              return await q(c);
+              return await V(c);
             } catch {
-              throw m;
+              throw p;
             }
-          throw m;
+          throw p;
         } finally {
           t(!1);
         }
@@ -322,15 +322,15 @@ function ve() {
     error: n,
     hasKey: r,
     setApiKey: d,
-    clearError: i
+    clearError: s
   };
 }
-function ye({ isOpen: e, onClose: t, onSubmit: n }) {
-  const a = g((c) => c.voucherConfig.language), [r, s] = C("");
+function ve({ isOpen: e, onClose: t, onSubmit: n }) {
+  const a = g((c) => c.voucherConfig.language), [r, l] = C("");
   if (!e) return null;
-  const i = (c) => {
-    c.preventDefault(), r.trim() && (n(r.trim()), s(""), t());
-  }, l = {
+  const s = (c) => {
+    c.preventDefault(), r.trim() && (n(r.trim()), l(""), t());
+  }, i = {
     de: {
       title: "Stability AI API Key",
       description: "Um die AI-Bildverbesserung zu nutzen, benötigst du einen Stability AI API Key. Du kannst ihn auf platform.stability.ai erhalten.",
@@ -348,28 +348,28 @@ function ye({ isOpen: e, onClose: t, onSubmit: n }) {
       hint: "The key is stored locally in your browser."
     }
   }[a];
-  return /* @__PURE__ */ h("dialog", { className: "modal modal-open", children: [
-    /* @__PURE__ */ h("div", { className: "modal-box", children: [
-      /* @__PURE__ */ o("h3", { className: "font-bold text-lg", children: l.title }),
-      /* @__PURE__ */ o("p", { className: "py-4 text-sm opacity-80", children: l.description }),
-      /* @__PURE__ */ h("form", { onSubmit: i, children: [
-        /* @__PURE__ */ h("div", { className: "form-control", children: [
+  return /* @__PURE__ */ m("dialog", { className: "modal modal-open", children: [
+    /* @__PURE__ */ m("div", { className: "modal-box", children: [
+      /* @__PURE__ */ o("h3", { className: "font-bold text-lg", children: i.title }),
+      /* @__PURE__ */ o("p", { className: "py-4 text-sm opacity-80", children: i.description }),
+      /* @__PURE__ */ m("form", { onSubmit: s, children: [
+        /* @__PURE__ */ m("div", { className: "form-control", children: [
           /* @__PURE__ */ o(
             "input",
             {
               type: "password",
-              placeholder: l.placeholder,
+              placeholder: i.placeholder,
               className: "input input-bordered w-full",
               value: r,
-              onChange: (c) => s(c.target.value),
+              onChange: (c) => l(c.target.value),
               autoFocus: !0
             }
           ),
-          /* @__PURE__ */ o("label", { className: "label", children: /* @__PURE__ */ o("span", { className: "label-text-alt", children: l.hint }) })
+          /* @__PURE__ */ o("label", { className: "label", children: /* @__PURE__ */ o("span", { className: "label-text-alt", children: i.hint }) })
         ] }),
-        /* @__PURE__ */ h("div", { className: "modal-action", children: [
-          /* @__PURE__ */ o("button", { type: "button", className: "btn btn-ghost", onClick: t, children: l.cancel }),
-          /* @__PURE__ */ o("button", { type: "submit", className: "btn btn-primary", disabled: !r.trim(), children: l.submit })
+        /* @__PURE__ */ m("div", { className: "modal-action", children: [
+          /* @__PURE__ */ o("button", { type: "button", className: "btn btn-ghost", onClick: t, children: i.cancel }),
+          /* @__PURE__ */ o("button", { type: "submit", className: "btn btn-primary", disabled: !r.trim(), children: i.submit })
         ] })
       ] })
     ] }),
@@ -377,53 +377,53 @@ function ye({ isOpen: e, onClose: t, onSubmit: n }) {
   ] });
 }
 function Re() {
-  const e = g((p) => p.voucherConfig.language), t = g((p) => p.portrait), n = g((p) => p.setPortrait), a = g((p) => p.setEnhancedPortrait), r = g((p) => p.toggleUseEnhanced), s = g((p) => p.setPortraitZoom), { enhance: i, isEnhancing: d, error: l, hasKey: c, setApiKey: f } = ve(), m = S(e), b = _(null), [y, u] = C(!1), [P, N] = C(!1), k = E(
-    (p) => {
-      if (!p.type.startsWith("image/"))
+  const e = g((h) => h.voucherConfig.language), t = g((h) => h.portrait), n = g((h) => h.setPortrait), a = g((h) => h.setEnhancedPortrait), r = g((h) => h.toggleUseEnhanced), l = g((h) => h.setPortraitZoom), { enhance: s, isEnhancing: d, error: i, hasKey: c, setApiKey: f } = ye(), p = _(e), b = A(null), [v, u] = C(!1), [N, I] = C(!1), k = E(
+    (h) => {
+      if (!h.type.startsWith("image/"))
         return;
       const w = new FileReader();
-      w.onload = (H) => {
+      w.onload = (B) => {
         var K;
-        const ie = (K = H.target) == null ? void 0 : K.result;
+        const ie = (K = B.target) == null ? void 0 : K.result;
         n(ie);
-      }, w.readAsDataURL(p);
+      }, w.readAsDataURL(h);
     },
     [n]
-  ), L = E(
-    (p) => {
-      p.preventDefault(), u(!1);
-      const w = p.dataTransfer.files[0];
+  ), S = E(
+    (h) => {
+      h.preventDefault(), u(!1);
+      const w = h.dataTransfer.files[0];
       w && k(w);
     },
     [k]
-  ), v = E((p) => {
-    p.preventDefault(), u(!0);
-  }, []), I = E((p) => {
-    p.preventDefault(), u(!1);
+  ), y = E((h) => {
+    h.preventDefault(), u(!0);
+  }, []), P = E((h) => {
+    h.preventDefault(), u(!1);
   }, []), D = () => {
-    var p;
-    (p = b.current) == null || p.click();
-  }, $ = (p) => {
-    var H;
-    const w = (H = p.target.files) == null ? void 0 : H[0];
+    var h;
+    (h = b.current) == null || h.click();
+  }, $ = (h) => {
+    var B;
+    const w = (B = h.target.files) == null ? void 0 : B[0];
     w && k(w);
   }, M = async () => {
     if (t.original) {
       if (!c) {
-        N(!0);
+        I(!0);
         return;
       }
       try {
-        const p = await i(t.original, "vintage");
-        a(p);
-      } catch (p) {
-        console.error("Enhancement failed:", p);
+        const h = await s(t.original, "vintage");
+        a(h);
+      } catch (h) {
+        console.error("Enhancement failed:", h);
       }
     }
-  }, U = async (p) => {
-    if (f(p), t.original)
+  }, U = async (h) => {
+    if (f(h), t.original)
       try {
-        const w = await i(t.original, "vintage");
+        const w = await s(t.original, "vintage");
         a(w);
       } catch (w) {
         console.error("Enhancement failed:", w);
@@ -431,9 +431,9 @@ function Re() {
   }, re = () => {
     n(null);
   }, oe = t.useEnhanced && t.enhanced ? t.enhanced : t.original;
-  return /* @__PURE__ */ h("div", { className: "space-y-4", children: [
-    t.original ? /* @__PURE__ */ h("div", { className: "space-y-4", children: [
-      /* @__PURE__ */ o("div", { className: "flex justify-center", children: /* @__PURE__ */ h("div", { className: "relative", children: [
+  return /* @__PURE__ */ m("div", { className: "space-y-4", children: [
+    t.original ? /* @__PURE__ */ m("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ o("div", { className: "flex justify-center", children: /* @__PURE__ */ m("div", { className: "relative", children: [
         /* @__PURE__ */ o("div", { className: "w-32 h-32 rounded-full overflow-hidden border-4 border-currency-gold shadow-lg", children: /* @__PURE__ */ o(
           "img",
           {
@@ -470,10 +470,10 @@ function Re() {
           }
         )
       ] }) }),
-      /* @__PURE__ */ h("div", { className: "form-control", children: [
-        /* @__PURE__ */ h("label", { className: "label", children: [
-          /* @__PURE__ */ o("span", { className: "label-text", children: m.form.portrait.zoom }),
-          /* @__PURE__ */ h("span", { className: "label-text-alt", children: [
+      /* @__PURE__ */ m("div", { className: "form-control", children: [
+        /* @__PURE__ */ m("label", { className: "label", children: [
+          /* @__PURE__ */ o("span", { className: "label-text", children: p.form.portrait.zoom }),
+          /* @__PURE__ */ m("span", { className: "label-text-alt", children: [
             Math.round(t.zoom * 100),
             "%"
           ] })
@@ -486,22 +486,22 @@ function Re() {
             max: "2",
             step: "0.05",
             value: t.zoom,
-            onChange: (p) => s(parseFloat(p.target.value)),
+            onChange: (h) => l(parseFloat(h.target.value)),
             className: "range range-primary range-sm"
           }
         )
       ] }),
-      c && /* @__PURE__ */ h("div", { className: "flex flex-col gap-2", children: [
+      c && /* @__PURE__ */ m("div", { className: "flex flex-col gap-2", children: [
         /* @__PURE__ */ o(
           "button",
           {
             className: `btn btn-secondary ${d ? "loading" : ""}`,
             onClick: M,
             disabled: d,
-            children: d ? /* @__PURE__ */ h(z, { children: [
+            children: d ? /* @__PURE__ */ m(z, { children: [
               /* @__PURE__ */ o("span", { className: "loading loading-spinner loading-sm" }),
-              m.form.portrait.enhancing
-            ] }) : /* @__PURE__ */ h(z, { children: [
+              p.form.portrait.enhancing
+            ] }) : /* @__PURE__ */ m(z, { children: [
               /* @__PURE__ */ o(
                 "svg",
                 {
@@ -521,15 +521,15 @@ function Re() {
                   )
                 }
               ),
-              m.form.portrait.enhance
+              p.form.portrait.enhance
             ] })
           }
         ),
-        l && /* @__PURE__ */ h("div", { className: "alert alert-warning text-sm py-2", children: [
+        i && /* @__PURE__ */ m("div", { className: "alert alert-warning text-sm py-2", children: [
           /* @__PURE__ */ o("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: /* @__PURE__ */ o("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" }) }),
-          /* @__PURE__ */ o("span", { children: l })
+          /* @__PURE__ */ o("span", { children: i })
         ] }),
-        t.enhanced && /* @__PURE__ */ o("div", { className: "form-control", children: /* @__PURE__ */ h("label", { className: "label cursor-pointer justify-start gap-3", children: [
+        t.enhanced && /* @__PURE__ */ o("div", { className: "form-control", children: /* @__PURE__ */ m("label", { className: "label cursor-pointer justify-start gap-3", children: [
           /* @__PURE__ */ o(
             "input",
             {
@@ -539,16 +539,16 @@ function Re() {
               onChange: r
             }
           ),
-          /* @__PURE__ */ o("span", { className: "label-text", children: t.useEnhanced ? m.form.portrait.useEnhanced : m.form.portrait.useOriginal })
+          /* @__PURE__ */ o("span", { className: "label-text", children: t.useEnhanced ? p.form.portrait.useEnhanced : p.form.portrait.useOriginal })
         ] }) })
       ] })
-    ] }) : /* @__PURE__ */ h(
+    ] }) : /* @__PURE__ */ m(
       "div",
       {
-        className: `border-2 border-dashed rounded-lg p-8 text-center cursor-pointer transition-colors ${y ? "border-primary bg-primary/10" : "border-base-300 hover:border-primary hover:bg-base-200"}`,
-        onDrop: L,
-        onDragOver: v,
-        onDragLeave: I,
+        className: `border-2 border-dashed rounded-lg p-8 text-center cursor-pointer transition-colors ${v ? "border-primary bg-primary/10" : "border-base-300 hover:border-primary hover:bg-base-200"}`,
+        onDrop: S,
+        onDragOver: y,
+        onDragLeave: P,
         onClick: D,
         children: [
           /* @__PURE__ */ o(
@@ -561,7 +561,7 @@ function Re() {
               onChange: $
             }
           ),
-          /* @__PURE__ */ h("div", { className: "flex flex-col items-center gap-2", children: [
+          /* @__PURE__ */ m("div", { className: "flex flex-col items-center gap-2", children: [
             /* @__PURE__ */ o(
               "svg",
               {
@@ -581,65 +581,26 @@ function Re() {
                 )
               }
             ),
-            /* @__PURE__ */ o("p", { className: "font-medium", children: m.form.portrait.upload }),
-            /* @__PURE__ */ o("p", { className: "text-sm text-base-content/60", children: m.form.portrait.dragDrop })
+            /* @__PURE__ */ o("p", { className: "font-medium", children: p.form.portrait.upload }),
+            /* @__PURE__ */ o("p", { className: "text-sm text-base-content/60", children: p.form.portrait.dragDrop })
           ] })
         ]
       }
     ),
     /* @__PURE__ */ o(
-      ye,
+      ve,
       {
-        isOpen: P,
-        onClose: () => N(!1),
+        isOpen: N,
+        onClose: () => I(!1),
         onSubmit: U
       }
     )
   ] });
 }
-const we = [1, 5, 10];
-function Me() {
-  const e = g((i) => i.voucherConfig.language), t = g((i) => i.voucherConfig), n = g((i) => i.setHours), a = g((i) => i.setVoucherConfig), r = S(e), s = (i) => i === 1 ? r.form.voucher.hourLabel : r.form.voucher.hoursLabel;
-  return /* @__PURE__ */ h("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ h("div", { className: "form-control", children: [
-      /* @__PURE__ */ o("label", { className: "label", children: /* @__PURE__ */ o("span", { className: "label-text font-medium", children: r.form.voucher.hours }) }),
-      /* @__PURE__ */ o("div", { className: "join w-full", children: we.map((i) => /* @__PURE__ */ h(
-        "button",
-        {
-          className: `join-item btn flex-1 ${t.hours === i ? "btn-primary" : "btn-outline"}`,
-          onClick: () => n(i),
-          children: [
-            i,
-            " ",
-            s(i)
-          ]
-        },
-        i
-      )) })
-    ] }),
-    /* @__PURE__ */ h("div", { className: "form-control", children: [
-      /* @__PURE__ */ o("label", { className: "label", children: /* @__PURE__ */ o("span", { className: "label-text font-medium", children: r.form.voucher.description }) }),
-      /* @__PURE__ */ o(
-        "textarea",
-        {
-          className: "textarea textarea-bordered h-24 resize-none w-full",
-          placeholder: r.form.voucher.descriptionPlaceholder,
-          value: t.description,
-          onChange: (i) => a({ description: i.target.value }),
-          maxLength: 200
-        }
-      ),
-      /* @__PURE__ */ h("label", { className: "label", children: [
-        /* @__PURE__ */ o("span", { className: "label-text-alt" }),
-        /* @__PURE__ */ h("span", { className: "label-text-alt", children: [
-          t.description.length,
-          "/200"
-        ] })
-      ] })
-    ] })
-  ] });
+function He() {
+  return null;
 }
-const x = typeof import.meta < "u" && "/" || "/", xe = {
+const x = typeof import.meta < "u" && "/" || "/", we = {
   en: {
     1: {
       front: `${x}templates/front_ldpi_en.png`,
@@ -726,7 +687,7 @@ const x = typeof import.meta < "u" && "/" || "/", xe = {
       align: "center"
     }
   }
-}, A = {
+}, L = {
   front: {
     portrait: {
       x: 3074,
@@ -774,10 +735,10 @@ const x = typeof import.meta < "u" && "/" || "/", xe = {
   }
 };
 function J(e) {
-  return e === "de" ? A : T;
+  return e === "de" ? L : T;
 }
 function Q(e, t) {
-  return xe[e][t];
+  return we[e][t];
 }
 const W = /* @__PURE__ */ new Map();
 async function j(e) {
@@ -791,50 +752,50 @@ async function j(e) {
 function ee(e, t, n, a) {
   e.drawImage(t, 0, 0, n, a);
 }
-function ke(e, t, n, a, r, s, i = 1) {
-  e.save(), e.beginPath(), e.ellipse(n, a, r, s, 0, 0, Math.PI * 2), e.closePath(), e.clip();
-  const d = t.width / t.height, l = r / s, c = r * 2, f = s * 2;
-  let m, b;
-  d > l ? (b = f, m = f * d) : (m = c, b = c / d), m *= i, b *= i;
-  const y = n - m / 2, u = a - b / 2;
-  e.drawImage(t, y, u, m, b), e.restore();
+function xe(e, t, n, a, r, l, s = 1) {
+  e.save(), e.beginPath(), e.ellipse(n, a, r, l, 0, 0, Math.PI * 2), e.closePath(), e.clip();
+  const d = t.width / t.height, i = r / l, c = r * 2, f = l * 2;
+  let p, b;
+  d > i ? (b = f, p = f * d) : (p = c, b = c / d), p *= s, b *= s;
+  const v = n - p / 2, u = a - b / 2;
+  e.drawImage(t, v, u, p, b), e.restore();
 }
 function te(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 Ne(e, t, n, a = "#2a3a2a") {
+function ke(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, s = n.lineHeight || n.fontSize * 1.4, i = t.split(" "), d = [];
-  let l = "";
-  for (const m of i) {
-    const b = l ? `${l} ${m}` : m;
-    e.measureText(b).width > r && l ? (d.push(l), l = m) : l = b;
+  const r = n.maxWidth || 400, l = n.lineHeight || n.fontSize * 1.4, s = t.split(" "), d = [];
+  let i = "";
+  for (const p of s) {
+    const b = i ? `${i} ${p}` : p;
+    e.measureText(b).width > r && i ? (d.push(i), i = p) : i = b;
   }
-  l && d.push(l);
-  const c = d.length * s;
+  i && d.push(i);
+  const c = d.length * l;
   let f = n.y - c / 2;
-  for (const m of d)
-    e.fillText(m, n.x, f), f += s;
+  for (const p of d)
+    e.fillText(p, n.x, f), f += l;
   e.restore();
 }
-function Ie(e, t, n, a, r, s = "#2a3a2a") {
-  e.save(), e.font = `${r.fontSize}px "Times New Roman", serif`, e.textAlign = r.align || "center", e.textBaseline = "middle", e.fillStyle = s;
-  const i = r.lineHeight || r.fontSize * 1.8, d = [t, n, a].filter(Boolean), l = (d.length - 1) * i;
-  let c = r.y - l / 2;
+function Ie(e, t, n, a, r, l = "#2a3a2a") {
+  e.save(), e.font = `${r.fontSize}px "Times New Roman", serif`, e.textAlign = r.align || "center", e.textBaseline = "middle", e.fillStyle = l;
+  const s = r.lineHeight || r.fontSize * 1.8, d = [t, n, a].filter(Boolean), i = (d.length - 1) * s;
+  let c = r.y - i / 2;
   for (const f of d)
-    f && (e.fillText(f, r.x, c), c += i);
+    f && (e.fillText(f, r.x, c), c += s);
   e.restore();
 }
-async function ne(e, t, n, a, r, s, i, d = 1) {
-  const l = e.getContext("2d");
-  if (!l) return;
-  e.width = s, e.height = i, l.clearRect(0, 0, s, i);
+async function ne(e, t, n, a, r, l, s, d = 1) {
+  const i = e.getContext("2d");
+  if (!i) return;
+  e.width = l, e.height = s, i.clearRect(0, 0, l, s);
   const c = await j(t);
-  if (ee(l, c, s, i), n)
+  if (ee(i, c, l, s), n)
     try {
       const f = await j(n);
-      ke(
-        l,
+      xe(
+        i,
         f,
         r.portrait.x,
         r.portrait.y,
@@ -845,67 +806,67 @@ async function ne(e, t, n, a, r, s, i, d = 1) {
     } catch (f) {
       console.error("Failed to load portrait:", f);
     }
-  a && te(l, a, r.namePlate);
+  a && te(i, a, r.namePlate);
 }
-async function ae(e, t, n, a, r, s, i, d, l) {
+async function ae(e, t, n, a, r, l, s, d, i) {
   const c = e.getContext("2d");
   if (!c) return;
-  e.width = d, e.height = l, c.clearRect(0, 0, d, l);
+  e.width = d, e.height = i, c.clearRect(0, 0, d, i);
   const f = await j(t);
-  ee(c, f, d, l), i.contactInfo && (n || a || r) && Ie(c, n, a, r, i.contactInfo), i.description && s && Ne(c, s, i.description), n && te(c, n, i.namePlate);
+  ee(c, f, d, i), s.contactInfo && (n || a || r) && Ie(c, n, a, r, s.contactInfo), s.description && l && ke(c, l, s.description), n && te(c, n, s.namePlate);
 }
-function Ue() {
-  const e = g((v) => v.voucherConfig.language), t = g((v) => v.voucherConfig.hours), n = g((v) => v.voucherConfig.description), a = g((v) => v.personalInfo), r = g((v) => v.portrait), s = g((v) => v.currentSide), i = g((v) => v.flipSide), d = S(e), l = _(null), c = _(null), f = _(null), [m, b] = C(!1), y = Q(e, t), u = J(e), P = r.useEnhanced && r.enhanced ? r.enhanced : r.original, N = G(e, t, n);
+function Me() {
+  const e = g((y) => y.voucherConfig.language), t = g((y) => y.voucherConfig.hours), n = g((y) => y.voucherConfig.description), a = g((y) => y.personalInfo), r = g((y) => y.portrait), l = g((y) => y.currentSide), s = g((y) => y.flipSide), d = _(e), i = A(null), c = A(null), f = A(null), [p, b] = C(!1), v = Q(e, t), u = J(e), N = r.useEnhanced && r.enhanced ? r.enhanced : r.original, I = G(e, t, n);
   O(() => {
-    l.current && ne(
-      l.current,
-      y.front,
-      P,
+    i.current && ne(
+      i.current,
+      v.front,
+      N,
       a.name,
       u.front,
-      y.width,
-      y.height,
+      v.width,
+      v.height,
       r.zoom
     );
-  }, [y, P, a.name, u, r.zoom]), O(() => {
+  }, [v, N, a.name, u, r.zoom]), O(() => {
     c.current && ae(
       c.current,
-      y.back,
+      v.back,
       a.name,
       a.email,
       a.phone,
-      N,
+      I,
       u.back,
-      y.width,
-      y.height
+      v.width,
+      v.height
     );
-  }, [y, a, N, u]);
+  }, [v, a, I, u]);
   const k = () => {
     b(!0), setTimeout(() => {
-      i(), b(!1);
+      s(), b(!1);
     }, 150);
-  }, L = y.width / y.height;
-  return /* @__PURE__ */ h("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ h("div", { className: "flex justify-between items-center", children: [
-      /* @__PURE__ */ h("div", { className: "tabs tabs-boxed bg-base-200", children: [
+  }, S = v.width / v.height;
+  return /* @__PURE__ */ m("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ m("div", { className: "flex justify-between items-center", children: [
+      /* @__PURE__ */ m("div", { className: "tabs tabs-boxed bg-base-200", children: [
         /* @__PURE__ */ o(
           "button",
           {
-            className: `tab ${s === "front" ? "tab-active bg-primary text-primary-content font-semibold" : ""}`,
-            onClick: () => s !== "front" && k(),
+            className: `tab ${l === "front" ? "tab-active bg-primary text-primary-content font-semibold" : ""}`,
+            onClick: () => l !== "front" && k(),
             children: d.preview.front
           }
         ),
         /* @__PURE__ */ o(
           "button",
           {
-            className: `tab ${s === "back" ? "tab-active bg-primary text-primary-content font-semibold" : ""}`,
-            onClick: () => s !== "back" && k(),
+            className: `tab ${l === "back" ? "tab-active bg-primary text-primary-content font-semibold" : ""}`,
+            onClick: () => l !== "back" && k(),
             children: d.preview.back
           }
         )
       ] }),
-      /* @__PURE__ */ h("button", { className: "btn btn-ghost btn-sm", onClick: k, children: [
+      /* @__PURE__ */ m("button", { className: "btn btn-ghost btn-sm", onClick: k, children: [
         /* @__PURE__ */ o(
           "svg",
           {
@@ -928,25 +889,25 @@ function Ue() {
         d.preview.flip
       ] })
     ] }),
-    /* @__PURE__ */ h(
+    /* @__PURE__ */ m(
       "div",
       {
         ref: f,
         className: "relative w-full overflow-hidden  shadow-lg",
-        style: { aspectRatio: L },
+        style: { aspectRatio: S },
         children: [
           /* @__PURE__ */ o(
             "canvas",
             {
-              ref: l,
-              className: `absolute inset-0 w-full h-full transition-all duration-300 ${s === "front" ? m ? "opacity-0 scale-95" : "opacity-100 scale-100" : "opacity-0 scale-95 pointer-events-none"}`
+              ref: i,
+              className: `absolute inset-0 w-full h-full transition-all duration-300 ${l === "front" ? p ? "opacity-0 scale-95" : "opacity-100 scale-100" : "opacity-0 scale-95 pointer-events-none"}`
             }
           ),
           /* @__PURE__ */ o(
             "canvas",
             {
               ref: c,
-              className: `absolute inset-0 w-full h-full transition-all duration-300 ${s === "back" ? m ? "opacity-0 scale-95" : "opacity-100 scale-100" : "opacity-0 scale-95 pointer-events-none"}`
+              className: `absolute inset-0 w-full h-full transition-all duration-300 ${l === "back" ? p ? "opacity-0 scale-95" : "opacity-100 scale-100" : "opacity-0 scale-95 pointer-events-none"}`
             }
           )
         ]
@@ -954,8 +915,8 @@ function Ue() {
     )
   ] });
 }
-function Fe() {
-  const e = _(null), t = _(null);
+function Ue() {
+  const e = A(null), t = A(null);
   return { frontCanvasRef: e, backCanvasRef: t };
 }
 async function Pe(e) {
@@ -964,75 +925,75 @@ async function Pe(e) {
     backTemplateSrc: n,
     templateWidth: a,
     templateHeight: r,
-    layout: s,
-    portrait: i,
+    layout: l,
+    portrait: s,
     portraitZoom: d = 1,
-    name: l,
+    name: i,
     email: c,
     phone: f,
-    description: m
-  } = e, b = document.createElement("canvas"), y = document.createElement("canvas");
+    description: p
+  } = e, b = document.createElement("canvas"), v = document.createElement("canvas");
   await Promise.all([
-    ne(b, t, i, l, s.front, a, r, d),
-    ae(y, n, l, c, f, m, s.back, a, r)
+    ne(b, t, s, i, l.front, a, r, d),
+    ae(v, n, i, c, f, p, l.back, a, r)
   ]);
   const u = new ce({
     orientation: "landscape",
     unit: "mm",
     format: "a4"
-  }), P = 297, N = 210, k = 10, L = a / r;
-  let v = P - k * 2, I = v / L;
-  I > N - k * 2 && (I = N - k * 2, v = I * L);
-  const D = (P - v) / 2, $ = (N - I) / 2, M = b.toDataURL("image/jpeg", 0.95);
-  u.addImage(M, "JPEG", D, $, v, I), u.addPage();
-  const U = y.toDataURL("image/jpeg", 0.95);
-  return u.addImage(U, "JPEG", D, $, v, I), u.output("blob");
+  }), N = 297, I = 210, k = 10, S = a / r;
+  let y = N - k * 2, P = y / S;
+  P > I - k * 2 && (P = I - k * 2, y = P * S);
+  const D = (N - y) / 2, $ = (I - P) / 2, M = b.toDataURL("image/jpeg", 0.95);
+  u.addImage(M, "JPEG", D, $, y, P), u.addPage();
+  const U = v.toDataURL("image/jpeg", 0.95);
+  return u.addImage(U, "JPEG", D, $, y, P), u.output("blob");
 }
-function Ee(e, t) {
+function Ne(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 Ce(e) {
+async function Ee(e) {
   const t = await Pe(e);
-  Ee(t, e.filename);
+  Ne(t, e.filename);
 }
-function We() {
-  const e = g((u) => u.voucherConfig.language), t = g((u) => u.voucherConfig.hours), n = g((u) => u.voucherConfig.description), a = g((u) => u.personalInfo), r = g((u) => u.portrait), s = g((u) => u.isExporting), i = g((u) => u.setIsExporting), d = S(e), l = Q(e, t), c = J(e), f = r.useEnhanced && r.enhanced ? r.enhanced : r.original, m = G(e, t, n), b = a.name.trim().length > 0 && a.email.trim().length > 0 && a.phone.trim().length > 0 && r.original !== null;
+function Fe() {
+  const e = g((u) => u.voucherConfig.language), t = g((u) => u.voucherConfig.hours), n = g((u) => u.voucherConfig.description), a = g((u) => u.personalInfo), r = g((u) => u.portrait), l = g((u) => u.isExporting), s = g((u) => u.setIsExporting), d = _(e), i = Q(e, t), c = J(e), f = r.useEnhanced && r.enhanced ? r.enhanced : r.original, p = G(e, t, n), b = a.name.trim().length > 0 && a.email.trim().length > 0 && a.phone.trim().length > 0 && r.original !== null;
   return /* @__PURE__ */ o(
     "button",
     {
-      className: `btn btn-primary flex-1 ${s ? "loading" : ""}`,
+      className: `btn btn-primary flex-1 ${l ? "loading" : ""}`,
       onClick: async () => {
-        if (!(!b || s)) {
-          i(!0);
+        if (!(!b || l)) {
+          s(!0);
           try {
             const u = `zeitgutschein-${t}h-${a.name.replace(/\s+/g, "-").toLowerCase()}.pdf`;
-            await Ce({
-              frontTemplateSrc: l.front,
-              backTemplateSrc: l.back,
-              templateWidth: l.width,
-              templateHeight: l.height,
+            await Ee({
+              frontTemplateSrc: i.front,
+              backTemplateSrc: i.back,
+              templateWidth: i.width,
+              templateHeight: i.height,
               layout: c,
               portrait: f,
               portraitZoom: r.zoom,
               name: a.name,
               email: a.email,
               phone: a.phone,
-              description: m,
+              description: p,
               filename: u
             });
           } catch (u) {
             console.error("PDF export failed:", u);
           } finally {
-            i(!1);
+            s(!1);
           }
         }
       },
-      disabled: !b || s,
-      children: s ? /* @__PURE__ */ h(z, { children: [
+      disabled: !b || l,
+      children: l ? /* @__PURE__ */ m(z, { children: [
         /* @__PURE__ */ o("span", { className: "loading loading-spinner loading-sm" }),
         d.export.exporting
-      ] }) : /* @__PURE__ */ h(z, { children: [
+      ] }) : /* @__PURE__ */ m(z, { children: [
         /* @__PURE__ */ o(
           "svg",
           {
@@ -1057,11 +1018,11 @@ function We() {
     }
   );
 }
-function Se() {
+function Ce() {
   const e = g((a) => a.voucherConfig.language), t = g((a) => a.setLanguage), n = (a) => {
     t(a);
   };
-  return /* @__PURE__ */ h("div", { className: "join", children: [
+  return /* @__PURE__ */ m("div", { className: "join", children: [
     /* @__PURE__ */ o(
       "button",
       {
@@ -1080,22 +1041,22 @@ function Se() {
     )
   ] });
 }
-function je() {
-  const e = g((n) => n.voucherConfig.language), t = S(e);
-  return /* @__PURE__ */ h("div", { className: "navbar bg-currency-green text-currency-cream shadow-lg", children: [
+function We() {
+  const e = g((n) => n.voucherConfig.language), t = _(e);
+  return /* @__PURE__ */ m("div", { className: "navbar bg-currency-green text-currency-cream shadow-lg", children: [
     /* @__PURE__ */ o("div", { className: "navbar-start", children: /* @__PURE__ */ o("a", { className: "btn btn-ghost text-xl font-currency font-bold", children: t.header.title }) }),
     /* @__PURE__ */ o("div", { className: "navbar-center hidden sm:flex", children: /* @__PURE__ */ o("span", { className: "text-sm opacity-80", children: t.header.subtitle }) }),
-    /* @__PURE__ */ o("div", { className: "navbar-end", children: /* @__PURE__ */ o(Se, {}) })
+    /* @__PURE__ */ o("div", { className: "navbar-end", children: /* @__PURE__ */ o(Ce, {}) })
   ] });
 }
-const B = "/", Le = {
+const R = "/", Se = {
   id: "time-voucher-classic-de",
   name: "Zeitgutschein Classic",
   type: "time-voucher",
   category: "classic",
   images: {
-    front: `${B}templates/front_hdpi_de.jpg`,
-    back: `${B}templates/back_hdpi_de.jpg`,
+    front: `${R}templates/front_hdpi_de.jpg`,
+    back: `${R}templates/back_hdpi_de.jpg`,
     width: 6144,
     height: 4096
   },
@@ -1142,13 +1103,13 @@ const B = "/", Le = {
   ],
   layout: {
     front: {
-      portrait: A.front.portrait,
-      name: A.front.namePlate
+      portrait: L.front.portrait,
+      name: L.front.namePlate
     },
     back: {
-      name: A.back.namePlate,
-      contactInfo: A.back.contactInfo,
-      description: A.back.description
+      name: L.back.namePlate,
+      contactInfo: L.back.contactInfo,
+      description: L.back.description
     }
   },
   languages: ["de"]
@@ -1158,8 +1119,8 @@ const B = "/", Le = {
   type: "time-voucher",
   category: "classic",
   images: {
-    front: `${B}templates/front_ldpi_en.png`,
-    back: `${B}templates/back_ldpi_en.png`,
+    front: `${R}templates/front_ldpi_en.png`,
+    back: `${R}templates/back_ldpi_en.png`,
     width: 1536,
     height: 1024
   },
@@ -1217,9 +1178,9 @@ const B = "/", Le = {
   },
   languages: ["en"]
 }, Z = [
-  Le,
+  Se,
   Te
-], Ae = {
+], Le = {
   async listTemplates(e) {
     let t = [...Z];
     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;
@@ -1231,60 +1192,60 @@ const B = "/", Le = {
     return t;
   }
 };
-function Ke(e) {
+function je(e) {
   return e === "de" ? "time-voucher-classic-de" : "time-voucher-classic-en";
 }
-let R = Ae;
-function Oe(e) {
-  R = e;
+let H = Le;
+function Ke(e) {
+  H = e;
 }
-function Ve() {
-  return R;
+function Oe() {
+  return H;
 }
 async function Ye(e) {
-  return R.listTemplates(e);
+  return H.listTemplates(e);
 }
 async function qe(e) {
-  return R.getTemplate(e);
+  return H.getTemplate(e);
 }
 export {
-  ye as ApiKeyModal,
-  Ue as BillPreview,
-  We as ExportButton,
-  je as Header,
-  A as LAYOUT_HDPI,
+  ve as ApiKeyModal,
+  Me as BillPreview,
+  Fe as ExportButton,
+  We as Header,
+  L as LAYOUT_HDPI,
   T as LAYOUT_LDPI,
-  Se as LanguageToggle,
-  Be as PersonalInfoForm,
+  Ce as LanguageToggle,
+  ze as PersonalInfoForm,
   Re as PortraitUpload,
-  xe as TEMPLATES,
-  Me as VoucherConfig,
-  Ee as downloadBlob,
+  we as TEMPLATES,
+  He as VoucherConfig,
+  Ne as downloadBlob,
   Ie as drawContactInfo,
-  Ne as drawMultilineText,
-  ke as drawOvalPortrait,
+  ke as drawMultilineText,
+  xe as drawOvalPortrait,
   ee as drawTemplate,
   te as drawText,
   be as enhancePortrait,
-  q as enhancePortraitFallback,
-  Ce as exportBillAsPDF,
+  V as enhancePortraitFallback,
+  Ee as exportBillAsPDF,
   G as formatDescription,
   Pe as generateBillPDF,
   X as getApiKey,
-  Ke as getDefaultTemplateId,
+  je as getDefaultTemplateId,
   J as getLayout,
   Q as getTemplate,
   qe as getTemplateById,
-  Ve as getTemplateProvider,
-  Y as hasApiKey,
+  Oe as getTemplateProvider,
+  q as hasApiKey,
   Ye as listTemplates,
   j as loadImage,
   ae as renderBackSide,
   ne as renderFrontSide,
   fe as setApiKey,
-  Oe as setTemplateProvider,
-  Ae as staticTemplateProvider,
-  S as t,
-  Fe as useBillCanvasRefs,
+  Ke as setTemplateProvider,
+  Le as staticTemplateProvider,
+  _ as t,
+  Ue as useBillCanvasRefs,
   g as useBillStore
 };

package/package.json

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