@antontranelis/money-printer 1.0.16 → 1.0.17

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),Ce=require("zustand"),Te=require("zustand/middleware"),v=require("react"),Re=require("jspdf");var _=typeof document<"u"?document.currentScript:null;const ne={personalInfo:{name:"",email:"",phone:""},voucherConfig:{hours:1,description:"",language:"de"},portrait:{original:null,enhanced:null,useEnhanced:!1,zoom:1,rawImage:null,bgRemovedImage:null,bgRemoved:!1,engravingIntensity:0},currentSide:"front",isEnhancing:!1,isExporting:!1},f=Ce.create()(Te.persist(e=>({...ne,setPersonalInfo:t=>e(n=>({personalInfo:{...n.personalInfo,...t}})),setVoucherConfig:t=>e(n=>({voucherConfig:{...n.voucherConfig,...t}})),setPortrait:(t,n=null)=>e(a=>({portrait:{...a.portrait,original:t,enhanced:n,useEnhanced:!1,zoom:a.portrait.original&&t?a.portrait.zoom:1}})),setEnhancedPortrait:t=>e(n=>({portrait:{...n.portrait,enhanced:t,useEnhanced:t!==null}})),toggleUseEnhanced:()=>e(t=>({portrait:{...t.portrait,useEnhanced:t.portrait.enhanced?!t.portrait.useEnhanced:!1}})),setPortraitZoom:t=>e(n=>({portrait:{...n.portrait,zoom:t}})),setPortraitRawImage:t=>e(n=>({portrait:{...n.portrait,rawImage:t}})),setPortraitBgRemoved:(t,n)=>e(a=>({portrait:{...a.portrait,bgRemoved:t,bgRemovedImage:n!==void 0?n:a.portrait.bgRemovedImage}})),setPortraitEngravingIntensity:t=>e(n=>({portrait:{...n.portrait,engravingIntensity:t}})),setCurrentSide:t=>e({currentSide:t}),flipSide:()=>e(t=>({currentSide:t.currentSide==="front"?"back":"front"})),setIsEnhancing:t=>e({isEnhancing:t}),setIsExporting:t=>e({isExporting:t}),setLanguage:t=>e(n=>({voucherConfig:{...n.voucherConfig,language:t}})),setHours:t=>e(n=>({voucherConfig:{...n.voucherConfig,hours:t}})),reset:()=>e(ne)}),{name:"money-generator-storage",partialize:e=>({personalInfo:e.personalInfo,voucherConfig:e.voucherConfig,portrait:{original:null,enhanced:null,useEnhanced:e.portrait.useEnhanced,zoom:e.portrait.zoom,rawImage:null,bgRemovedImage:null,bgRemoved:!1,engravingIntensity:e.portrait.engravingIntensity}})})),Ae={header:{title:"Money Generator",subtitle:"Erstelle deinen persönlichen Zeitgutschein"},form:{personalInfo:{title:"Persönliche Daten",name:"Name",namePlaceholder:"Dein Name",email:"E-Mail",emailPlaceholder:"deine@email.de",phone:"Telefon",phonePlaceholder:"+49 123 456789"},portrait:{title:"Portrait",upload:"Bild hochladen",dragDrop:"oder hierher ziehen",enhance:"Mit AI verbessern",enhancing:"Wird verbessert...",useOriginal:"Original verwenden",useEnhanced:"Verbessertes verwenden",zoom:"Zoom"},voucher:{title:"Gutschein",hours:"Stunden",hourLabel:"Stunde",hoursLabel:"Stunden",description:"Beschreibung",descriptionPlaceholder:"Was kann mit diesem Gutschein eingelöst werden?"}},preview:{front:"Vorderseite",back:"Rückseite",flip:"Umdrehen"},export:{button:"Als PDF herunterladen",exporting:"PDF wird erstellt...",success:"Download gestartet!"},bill:{descriptionText:"Für diesen Schein erhältst du {hours} {hourLabel} meiner Zeit oder ein gleichwertiges Dankeschön"}},Le={header:{title:"Money Generator",subtitle:"Create your personal time voucher"},form:{personalInfo:{title:"Personal Information",name:"Name",namePlaceholder:"Your name",email:"Email",emailPlaceholder:"your@email.com",phone:"Phone",phonePlaceholder:"+1 234 567890"},portrait:{title:"Portrait",upload:"Upload image",dragDrop:"or drag and drop",enhance:"Enhance with AI",enhancing:"Enhancing...",useOriginal:"Use original",useEnhanced:"Use enhanced",zoom:"Zoom"},voucher:{title:"Voucher",hours:"Hours",hourLabel:"hour",hoursLabel:"hours",description:"Description",descriptionPlaceholder:"What can be redeemed with this voucher?"}},preview:{front:"Front",back:"Back",flip:"Flip"},export:{button:"Download as PDF",exporting:"Creating PDF...",success:"Download started!"},bill:{descriptionText:"This voucher entitles you to {hours} {hourLabel} of my time or an equivalent thank you"}},_e={de:Ae,en:Le};function R(e){return _e[e]}function q(e,t,n){if(n&&n.trim())return n;const a=R(e),r=t===1?a.form.voucher.hourLabel:a.form.voucher.hoursLabel;return a.bill.descriptionText.replace("{hours}",t.toString()).replace("{hourLabel}",r)}function De(){const e=f(r=>r.voucherConfig.language),t=f(r=>r.personalInfo),n=f(r=>r.setPersonalInfo),a=R(e);return o.jsxs("div",{className:"space-y-4",children:[o.jsxs("div",{className:"form-control",children:[o.jsx("label",{className:"label",children:o.jsx("span",{className:"label-text font-medium",children:a.form.personalInfo.name})}),o.jsx("input",{type:"text",placeholder:a.form.personalInfo.namePlaceholder,className:"input input-bordered w-full",value:t.name,onChange:r=>n({name:r.target.value})})]}),o.jsxs("div",{className:"form-control",children:[o.jsx("label",{className:"label",children:o.jsx("span",{className:"label-text font-medium",children:a.form.personalInfo.email})}),o.jsx("input",{type:"email",placeholder:a.form.personalInfo.emailPlaceholder,className:"input input-bordered w-full",value:t.email,onChange:r=>n({email:r.target.value})})]}),o.jsxs("div",{className:"form-control",children:[o.jsx("label",{className:"label",children:o.jsx("span",{className:"label-text font-medium",children:a.form.personalInfo.phone})}),o.jsx("input",{type:"tel",placeholder:a.form.personalInfo.phonePlaceholder,className:"input input-bordered w-full",value:t.phone,onChange:r=>n({phone:r.target.value})})]})]})}const Be=1024;async function Me(e,t=Be){return new Promise((n,a)=>{const r=new Image;r.onload=()=>{const i=Math.max(r.width,r.height);if(i<=t){n(e);return}const l=document.createElement("canvas"),c=l.getContext("2d");if(!c){a(new Error("Failed to get canvas context"));return}const s=t/i;l.width=Math.round(r.width*s),l.height=Math.round(r.height*s),c.drawImage(r,0,0,l.width,l.height),n(l.toDataURL("image/jpeg",.9))},r.onerror=()=>a(new Error("Failed to load image")),r.src=e})}async function oe(e,t=.5){return new Promise((n,a)=>{const r=new Image;r.onload=()=>{const i=document.createElement("canvas"),l=i.getContext("2d");if(!l){a(new Error("Failed to get canvas context"));return}i.width=r.width,i.height=r.height,l.drawImage(r,0,0);const c=l.getImageData(0,0,i.width,i.height),s=c.data,d=1+t*.8;for(let u=0;u<s.length;u+=4){const g=s[u],p=s[u+1],b=s[u+2];if(s[u+3]===0)continue;let I=(((.299*g+.587*p+.114*b)/255-.5)*d+.5)*255;I=Math.max(0,Math.min(255,I));const k=Math.min(255,I*.9+25),N=Math.min(255,I*.78+15),x=Math.min(255,I*.55+5);s[u]=Math.round(g*(1-t)+k*t),s[u+1]=Math.round(p*(1-t)+N*t),s[u+2]=Math.round(b*(1-t)+x*t)}l.putImageData(c,0,0),n(i.toDataURL("image/png"))},r.onerror=()=>a(new Error("Failed to load image")),r.src=e})}const $e="https://api.stability.ai/v1/generation",Ue="https://api.stability.ai/v2beta/stable-image/edit/remove-background",ie="stability_api_key";let D=null;function Fe(e){D=e}function ze(){return D}function He(){return D!==null}const 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"},ae=[{width:1024,height:1024},{width:1152,height:896},{width:1216,height:832},{width:1344,height:768},{width:1536,height:640},{width:640,height:1536},{width:768,height:1344},{width:832,height:1216},{width:896,height:1152}];function Oe(e,t){const n=e/t;let a=ae[0],r=1/0;for(const i of ae){const l=i.width/i.height,c=Math.abs(n-l);c<r&&(r=c,a=i)}return a}function We(e){return new Promise((t,n)=>{const a=new Image;a.onload=()=>{const r=Oe(a.width,a.height),i=document.createElement("canvas");i.width=r.width,i.height=r.height;const l=i.getContext("2d");if(!l){n(new Error("Failed to get canvas context"));return}const c=a.width/a.height,s=r.width/r.height;let d=0,u=0,g=a.width,p=a.height;c>s?(g=a.height*s,d=(a.width-g)/2):(p=a.width/s,u=(a.height-p)/2),l.drawImage(a,d,u,g,p,0,0,r.width,r.height),t(i.toDataURL("image/png"))},a.onerror=()=>n(new Error("Failed to load image")),a.src=e})}function se(e){var l;const t=e.split(","),n=((l=t[0].match(/:(.*?);/))==null?void 0:l[1])||"image/png",a=atob(t[1]),r=a.length,i=new Uint8Array(r);for(let c=0;c<r;c++)i[c]=a.charCodeAt(c);return new Blob([i],{type:n})}function F(){var t;const e=typeof{url:typeof document>"u"?require("url").pathToFileURL(__filename).href:_&&_.tagName.toUpperCase()==="SCRIPT"&&_.src||new URL("index.cjs",document.baseURI).href}<"u"&&"sk-7mEKklrqaltdtgbX0VoZbkA8E1cl939Spn75jSIYRvp1BW0b"||typeof process<"u"&&((t=process.env)==null?void 0:t.NEXT_PUBLIC_STABILITY_API_KEY);return e&&e!=="your-api-key-here"?e:typeof localStorage<"u"?localStorage.getItem(ie):null}function le(e){localStorage.setItem(ie,e)}function W(){return D?!0:F()!==null}async function qe(e){const t=F();if(!t)throw new Error("No Stability AI API key configured");const{imageDataUrl:n,style:a,strength:r=.35}=e,i=await We(n),l=se(i),c=new FormData;c.append("init_image",l,"portrait.png"),c.append("init_image_mode","IMAGE_STRENGTH"),c.append("image_strength",String(1-r)),c.append("text_prompts[0][text]",Ke[a]),c.append("text_prompts[0][weight]","1"),c.append("cfg_scale","7"),c.append("samples","1"),c.append("steps","30");const d=await fetch(`${$e}/stable-diffusion-xl-1024-v1-0/image-to-image`,{method:"POST",headers:{Authorization:`Bearer ${t}`,Accept:"application/json"},body:c});if(!d.ok){const g=await d.text();throw console.error("Stability AI error:",g),d.status===401?new Error("Invalid API key"):d.status===402?new Error("Insufficient credits"):d.status===429?new Error("Rate limit exceeded. Please try again later."):new Error(`API error: ${d.status}`)}const u=await d.json();if(!u.artifacts||u.artifacts.length===0)throw new Error("No image generated");return`data:image/png;base64,${u.artifacts[0].base64}`}async function ce(e){if(D){const l=await fetch(D,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({imageDataUrl:e})});if(!l.ok){const s=await l.json().catch(()=>({}));throw new Error(s.error||`API error: ${l.status}`)}return(await l.json()).imageDataUrl}const t=F();if(!t)throw new Error("No Stability AI API key configured");const n=se(e),a=new FormData;a.append("image",n,"image.png"),a.append("output_format","png");const r=await fetch(Ue,{method:"POST",headers:{Authorization:`Bearer ${t}`,Accept:"image/*"},body:a});if(!r.ok){const l=await r.text();throw console.error("Stability AI remove background error:",l),r.status===401?new Error("Invalid API key"):r.status===402?new Error("Insufficient credits"):r.status===429?new Error("Rate limit exceeded. Please try again later."):new Error(`API error: ${r.status}`)}const i=await r.blob();return new Promise((l,c)=>{const s=new FileReader;s.onload=()=>l(s.result),s.onerror=()=>c(new Error("Failed to read result")),s.readAsDataURL(i)})}function Ye(){const[e,t]=v.useState(!1),[n,a]=v.useState(!1),[r,i]=v.useState(null),[l,c]=v.useState(()=>W());v.useEffect(()=>{c(W())},[]);const s=v.useCallback(()=>i(null),[]),d=v.useCallback(p=>{le(p),c(!0),i(null)},[]),u=v.useCallback(async(p,b=.5)=>{t(!0),i(null);try{return await oe(p,b)}catch(m){const S=m instanceof Error?m.message:"Enhancement failed";throw i(S),m}finally{t(!1)}},[]),g=v.useCallback(async p=>{a(!0),i(null);try{return await ce(p)}catch(b){const m=b instanceof Error?b.message:"Background removal failed";throw i(m),b}finally{a(!1)}},[]);return{enhance:u,removeBg:g,isEnhancing:e,isRemovingBg:n,error:r,hasKey:l,setApiKey:d,clearError:s}}function de({isOpen:e,onClose:t,onSubmit:n}){const a=f(d=>d.voucherConfig.language),[r,i]=v.useState("");if(!e)return null;const l=d=>{d.preventDefault(),r.trim()&&(n(r.trim()),i(""),t())},s={de:{title:"Stability AI API Key",description:"Um die AI-Bildverbesserung zu nutzen, benötigst du einen Stability AI API Key. Du kannst ihn auf platform.stability.ai erhalten.",placeholder:"sk-...",submit:"Speichern",cancel:"Abbrechen",hint:"Der Key wird lokal in deinem Browser gespeichert."},en:{title:"Stability AI API Key",description:"To use AI image enhancement, you need a Stability AI API key. You can get one at platform.stability.ai.",placeholder:"sk-...",submit:"Save",cancel:"Cancel",hint:"The key is stored locally in your browser."}}[a];return o.jsxs("dialog",{className:"modal modal-open",children:[o.jsxs("div",{className:"modal-box",children:[o.jsx("h3",{className:"font-bold text-lg",children:s.title}),o.jsx("p",{className:"py-4 text-sm opacity-80",children:s.description}),o.jsxs("form",{onSubmit:l,children:[o.jsxs("div",{className:"form-control",children:[o.jsx("input",{type:"password",placeholder:s.placeholder,className:"input input-bordered w-full",value:r,onChange:d=>i(d.target.value),autoFocus:!0}),o.jsx("label",{className:"label",children:o.jsx("span",{className:"label-text-alt",children:s.hint})})]}),o.jsxs("div",{className:"modal-action",children:[o.jsx("button",{type:"button",className:"btn btn-ghost",onClick:t,children:s.cancel}),o.jsx("button",{type:"submit",className:"btn btn-primary",disabled:!r.trim(),children:s.submit})]})]})]}),o.jsx("form",{method:"dialog",className:"modal-backdrop",children:o.jsx("button",{onClick:t,children:"close"})})]})}function Ve(){const e=f(h=>h.voucherConfig.language),t=f(h=>h.portrait),n=f(h=>h.setPortrait),a=f(h=>h.setPortraitZoom),r=f(h=>h.setPortraitRawImage),i=f(h=>h.setPortraitBgRemoved),l=f(h=>h.setPortraitEngravingIntensity),{enhance:c,removeBg:s,isEnhancing:d,isRemovingBg:u,error:g,hasKey:p,setApiKey:b}=Ye(),m=R(e),S=v.useRef(null),[I,k]=v.useState(!1),[N,x]=v.useState(!1),E=v.useRef(null),P=t.rawImage,B=t.bgRemovedImage,A=t.bgRemoved,L=t.engravingIntensity;v.useEffect(()=>{t.original&&!t.rawImage&&r(t.original)},[t.original,t.rawImage,r]),v.useEffect(()=>()=>{E.current&&clearTimeout(E.current)},[]);const H=v.useCallback(async h=>{if(!h.type.startsWith("image/"))return;const w=new FileReader;w.onload=async y=>{var te;const K=(te=y.target)==null?void 0:te.result,ee=await Me(K);r(ee),n(ee),i(!1,null),l(0)},w.readAsDataURL(h)},[n,r,i,l]),xe=v.useCallback(h=>{h.preventDefault(),k(!1);const w=h.dataTransfer.files[0];w&&H(w)},[H]),ye=v.useCallback(h=>{h.preventDefault(),k(!0)},[]),Ie=v.useCallback(h=>{h.preventDefault(),k(!1)},[]),ke=()=>{var h;(h=S.current)==null||h.click()},Pe=h=>{var y;const w=(y=h.target.files)==null?void 0:y[0];w&&H(w)},M=v.useCallback(async(h,w)=>{try{return await c(h,w)}catch(y){return console.error("Enhancement failed:",y),h}},[c]),Q=v.useCallback(async h=>{try{const w=await s(h);return i(!0,w),w}catch(w){return console.error("Background removal failed:",w),h}},[s,i]),Ee=async()=>{if(!P)return;if(!A&&!p){x(!0);return}if(!A){const w=await Q(P),y=f.getState().portrait.engravingIntensity;if(y>0){const K=await M(w,y);n(K)}else n(w)}else{i(!1,null);const w=f.getState().portrait.engravingIntensity;if(w>0){const y=await M(P,w);n(y)}else n(P)}},je=h=>{l(h),E.current&&clearTimeout(E.current),P&&(E.current=setTimeout(async()=>{const w=A&&B?B:P;if(h===0)n(w);else{const y=await M(w,h);n(y)}},150))},Se=async h=>{if(b(h),!P)return;const w=await Q(P);if(L>0){const y=await M(w,L);n(y)}else n(w)},Ne=()=>{n(null),r(null),i(!1,null),l(0)};return o.jsxs("div",{className:"space-y-4",children:[t.original?o.jsxs("div",{className:"flex flex-col items-center space-y-4",children:[o.jsxs("div",{className:"relative",children:[o.jsx("div",{className:"w-32 h-32 rounded-full overflow-hidden border-4 border-currency-gold shadow-lg",children:o.jsx("img",{src:t.original||"",alt:"Portrait",className:"w-full h-full object-cover",style:{transform:`scale(${t.zoom})`}})}),o.jsx("button",{className:"btn btn-circle btn-xs btn-error absolute -top-1 -right-1",onClick:Ne,children:o.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",className:"h-4 w-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:o.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"})})})]}),o.jsxs("div",{className:"form-control w-full max-w-xs",children:[o.jsxs("label",{className:"label",children:[o.jsx("span",{className:"label-text",children:m.form.portrait.zoom}),o.jsxs("span",{className:"label-text-alt",children:[Math.round(t.zoom*100),"%"]})]}),o.jsx("input",{type:"range",min:"0.5",max:"2",step:"0.05",value:t.zoom,onChange:h=>a(parseFloat(h.target.value)),className:"range range-primary range-sm"})]}),o.jsxs("div",{className:"form-control w-full max-w-xs",children:[o.jsxs("label",{className:"label",children:[o.jsxs("span",{className:"label-text flex items-center gap-2",children:[e==="de"?"Sepia-Effekt":"Sepia effect",d&&o.jsx("span",{className:"loading loading-spinner loading-xs"})]}),o.jsxs("span",{className:"label-text-alt",children:[Math.round(L*100),"%"]})]}),o.jsx("input",{type:"range",min:"0",max:"1",step:"0.05",value:L,onChange:h=>je(parseFloat(h.target.value)),className:"range range-secondary range-sm",disabled:d||!P})]}),o.jsx("div",{className:"form-control",children:o.jsxs("label",{className:"label cursor-pointer justify-start gap-3",children:[o.jsx("input",{type:"checkbox",className:`toggle toggle-primary ${u?"opacity-50":""}`,checked:A,onChange:Ee,disabled:u||!P}),o.jsxs("span",{className:"label-text flex items-center gap-2",children:[u?o.jsxs(o.Fragment,{children:[o.jsx("span",{className:"loading loading-spinner loading-xs"}),e==="de"?"Hintergrund wird entfernt...":"Removing background..."]}):e==="de"?"Hintergrund entfernen":"Remove background",!p&&o.jsx("span",{className:"badge badge-sm badge-outline",children:"API"})]})]})}),g&&o.jsxs("div",{className:"alert alert-warning text-sm py-2",children:[o.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",className:"stroke-current shrink-0 h-5 w-5",fill:"none",viewBox:"0 0 24 24",children:o.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"})}),o.jsx("span",{children:g})]})]}):o.jsxs("div",{className:`border-2 border-dashed rounded-lg p-8 text-center cursor-pointer transition-colors ${u?"border-primary bg-primary/10 pointer-events-none":I?"border-primary bg-primary/10":"border-base-300 hover:border-primary hover:bg-base-200"}`,onDrop:xe,onDragOver:ye,onDragLeave:Ie,onClick:ke,children:[o.jsx("input",{ref:S,type:"file",accept:"image/*",className:"hidden",onChange:Pe}),u?o.jsxs("div",{className:"flex flex-col items-center gap-2",children:[o.jsx("span",{className:"loading loading-spinner loading-lg text-primary"}),o.jsx("p",{className:"font-medium",children:e==="de"?"Hintergrund wird entfernt...":"Removing background..."})]}):o.jsxs("div",{className:"flex flex-col items-center gap-2",children:[o.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",className:"h-12 w-12 text-base-content/50",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:o.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"})}),o.jsx("p",{className:"font-medium",children:m.form.portrait.upload}),o.jsx("p",{className:"text-sm text-base-content/60",children:m.form.portrait.dragDrop})]})]}),o.jsx(de,{isOpen:N,onClose:()=>x(!1),onSubmit:Se})]})}function Ge(){return null}const j=typeof{url:typeof document>"u"?require("url").pathToFileURL(__filename).href:_&&_.tagName.toUpperCase()==="SCRIPT"&&_.src||new URL("index.cjs",document.baseURI).href}<"u"&&"/"||"/",ue={en:{1:{front:`${j}templates/front_ldpi_en.png`,back:`${j}templates/back_ldpi_en.png`,width:1536,height:1024},5:{front:`${j}templates/front_ldpi_en.png`,back:`${j}templates/back_ldpi_en.png`,width:1536,height:1024},10:{front:`${j}templates/front_ldpi_en.png`,back:`${j}templates/back_ldpi_en.png`,width:1536,height:1024}},de:{1:{front:`${j}templates/front_hdpi_de.webp`,back:`${j}templates/back_hdpi_de.webp`,width:6144,height:3200},5:{front:`${j}templates/front_hdpi_de.webp`,back:`${j}templates/back_hdpi_de.webp`,width:6144,height:3200},10:{front:`${j}templates/front_hdpi_de.webp`,back:`${j}templates/back_hdpi_de.webp`,width:6144,height:3200}}},C={front:{portrait:{x:768,y:490,radiusX:236,radiusY:258},namePlate:{x:768,y:848,fontSize:36,maxWidth:380,align:"center"}},back:{portrait:{x:0,y:0,radiusX:0,radiusY:0},namePlate:{x:768,y:832,fontSize:36,maxWidth:380,align:"center"},contactInfo:{x:380,y:500,fontSize:38,lineHeight:55,align:"center"},description:{x:1150,y:500,fontSize:38,maxWidth:480,lineHeight:42,align:"center"}}},T={front:{portrait:{x:3074,y:1530,radiusX:942,radiusY:1020},namePlate:{x:3072,y:2950,fontSize:144,maxWidth:1520,align:"center"}},back:{portrait:{x:0,y:0,radiusX:0,radiusY:0},namePlate:{x:3072,y:2930,fontSize:144,maxWidth:1520,align:"center"},contactInfo:{x:1520,y:1680,fontSize:160,lineHeight:280,align:"center"},description:{x:4600,y:1680,fontSize:145,maxWidth:2e3,lineHeight:210,align:"center"}}};function Y(e){return e==="de"?T:C}function V(e,t){return ue[e][t]}const O=new Map;async function $(e){return O.has(e)?O.get(e):new Promise((t,n)=>{const a=new Image;a.crossOrigin="anonymous",a.onload=()=>{O.set(e,a),t(a)},a.onerror=n,a.src=e})}function G(e,t,n,a){e.drawImage(t,0,0,n,a)}function he(e,t,n,a,r,i,l=1){e.save(),e.beginPath(),e.ellipse(n,a,r,i,0,0,Math.PI*2),e.closePath(),e.clip();const c=t.width/t.height,s=r/i,d=r*2,u=i*2;let g,p;c>s?(p=u,g=u*c):(g=d,p=d/c),g*=l,p*=l;const b=n-g/2,m=a-p/2;e.drawImage(t,b,m,g,p),e.restore()}function Z(e,t,n,a="#2a3a2a"){e.save(),e.font=`${n.fontSize}px "Times New Roman", serif`,e.textAlign=n.align||"center",e.textBaseline="middle",e.fillStyle=a,n.maxWidth?e.fillText(t,n.x,n.y,n.maxWidth):e.fillText(t,n.x,n.y),e.restore()}function me(e,t,n,a="#2a3a2a"){e.save(),e.font=`${n.fontSize}px "Times New Roman", serif`,e.textAlign=n.align||"center",e.textBaseline="top",e.fillStyle=a;const r=n.maxWidth||400,i=n.lineHeight||n.fontSize*1.4,l=t.split(" "),c=[];let s="";for(const g of l){const p=s?`${s} ${g}`:g;e.measureText(p).width>r&&s?(c.push(s),s=g):s=p}s&&c.push(s);const d=c.length*i;let u=n.y-d/2;for(const g of c)e.fillText(g,n.x,u),u+=i;e.restore()}function pe(e,t,n,a,r,i="#2a3a2a"){e.save(),e.font=`${r.fontSize}px "Times New Roman", serif`,e.textAlign=r.align||"center",e.textBaseline="middle",e.fillStyle=i;const l=r.lineHeight||r.fontSize*1.8,c=[t,n,a].filter(Boolean),s=(c.length-1)*l;let d=r.y-s/2;for(const u of c)u&&(e.fillText(u,r.x,d),d+=l);e.restore()}async function X(e,t,n,a,r,i,l,c=1){const s=e.getContext("2d");if(!s)return;e.width=i,e.height=l,s.clearRect(0,0,i,l);const d=await $(t);if(G(s,d,i,l),n)try{const u=await $(n);he(s,u,r.portrait.x,r.portrait.y,r.portrait.radiusX,r.portrait.radiusY,c)}catch(u){console.error("Failed to load portrait:",u)}a&&Z(s,a,r.namePlate)}async function J(e,t,n,a,r,i,l,c,s){const d=e.getContext("2d");if(!d)return;e.width=c,e.height=s,d.clearRect(0,0,c,s);const u=await $(t);G(d,u,c,s),l.contactInfo&&(n||a||r)&&pe(d,n,a,r,l.contactInfo),l.description&&i&&me(d,i,l.description),n&&Z(d,n,l.namePlate)}function Ze(){const e=f(x=>x.voucherConfig.language),t=f(x=>x.voucherConfig.hours),n=f(x=>x.voucherConfig.description),a=f(x=>x.personalInfo),r=f(x=>x.portrait),i=f(x=>x.currentSide),l=f(x=>x.flipSide),c=R(e),s=v.useRef(null),d=v.useRef(null),u=v.useRef(null),[g,p]=v.useState(!1),b=V(e,t),m=Y(e),S=r.useEnhanced&&r.enhanced?r.enhanced:r.original,I=q(e,t,n);v.useEffect(()=>{s.current&&X(s.current,b.front,S,a.name,m.front,b.width,b.height,r.zoom)},[b,S,a.name,m,r.zoom]),v.useEffect(()=>{d.current&&J(d.current,b.back,a.name,a.email,a.phone,I,m.back,b.width,b.height)},[b,a,I,m]);const k=()=>{p(!0),setTimeout(()=>{l(),p(!1)},150)},N=b.width/b.height;return o.jsxs("div",{className:"space-y-4",children:[o.jsxs("div",{className:"flex justify-between items-center",children:[o.jsxs("div",{className:"tabs tabs-boxed bg-base-200",children:[o.jsx("button",{className:`tab ${i==="front"?"tab-active bg-primary text-primary-content font-semibold":""}`,onClick:()=>i!=="front"&&k(),children:c.preview.front}),o.jsx("button",{className:`tab ${i==="back"?"tab-active bg-primary text-primary-content font-semibold":""}`,onClick:()=>i!=="back"&&k(),children:c.preview.back})]}),o.jsxs("button",{className:"btn btn-ghost btn-sm",onClick:k,children:[o.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",className:"h-5 w-5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:o.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"})}),c.preview.flip]})]}),o.jsxs("div",{ref:u,className:"relative w-full overflow-hidden  shadow-lg",style:{aspectRatio:N},children:[o.jsx("canvas",{ref:s,className:`absolute inset-0 w-full h-full transition-all duration-300 ${i==="front"?g?"opacity-0 scale-95":"opacity-100 scale-100":"opacity-0 scale-95 pointer-events-none"}`}),o.jsx("canvas",{ref:d,className:`absolute inset-0 w-full h-full transition-all duration-300 ${i==="back"?g?"opacity-0 scale-95":"opacity-100 scale-100":"opacity-0 scale-95 pointer-events-none"}`})]})]})}function Xe(){const e=v.useRef(null),t=v.useRef(null);return{frontCanvasRef:e,backCanvasRef:t}}async function ge(e){const{frontTemplateSrc:t,backTemplateSrc:n,templateWidth:a,templateHeight:r,layout:i,portrait:l,portraitZoom:c=1,name:s,email:d,phone:u,description:g}=e,p=document.createElement("canvas"),b=document.createElement("canvas");await Promise.all([X(p,t,l,s,i.front,a,r,c),J(b,n,s,d,u,g,i.back,a,r)]);const m=new Re({orientation:"landscape",unit:"mm",format:"a4"}),S=297,I=210,k=10,N=a/r;let x=S-k*2,E=x/N;E>I-k*2&&(E=I-k*2,x=E*N);const P=(S-x)/2,B=(I-E)/2,A=p.toDataURL("image/jpeg",.95);m.addImage(A,"JPEG",P,B,x,E),m.addPage();const L=b.toDataURL("image/jpeg",.95);return m.addImage(L,"JPEG",P,B,x,E),m.output("blob")}function fe(e,t){const n=URL.createObjectURL(e),a=document.createElement("a");a.href=n,a.download=t,document.body.appendChild(a),a.click(),document.body.removeChild(a),URL.revokeObjectURL(n)}async function be(e){const t=await ge(e);fe(t,e.filename)}function Je(){const e=f(m=>m.voucherConfig.language),t=f(m=>m.voucherConfig.hours),n=f(m=>m.voucherConfig.description),a=f(m=>m.personalInfo),r=f(m=>m.portrait),i=f(m=>m.isExporting),l=f(m=>m.setIsExporting),c=R(e),s=V(e,t),d=Y(e),u=r.useEnhanced&&r.enhanced?r.enhanced:r.original,g=q(e,t,n),p=a.name.trim().length>0&&a.email.trim().length>0&&a.phone.trim().length>0&&r.original!==null,b=async()=>{if(!(!p||i)){l(!0);try{const m=`zeitgutschein-${t}h-${a.name.replace(/\s+/g,"-").toLowerCase()}.pdf`;await be({frontTemplateSrc:s.front,backTemplateSrc:s.back,templateWidth:s.width,templateHeight:s.height,layout:d,portrait:u,portraitZoom:r.zoom,name:a.name,email:a.email,phone:a.phone,description:g,filename:m})}catch(m){console.error("PDF export failed:",m)}finally{l(!1)}}};return o.jsx("button",{className:`btn btn-primary flex-1 ${i?"loading":""}`,onClick:b,disabled:!p||i,children:i?o.jsxs(o.Fragment,{children:[o.jsx("span",{className:"loading loading-spinner loading-sm"}),c.export.exporting]}):o.jsxs(o.Fragment,{children:[o.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",className:"h-5 w-5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:o.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"})}),c.export.button]})})}function ve(){const e=f(a=>a.voucherConfig.language),t=f(a=>a.setLanguage),n=a=>{t(a)};return o.jsxs("div",{className:"join",children:[o.jsx("button",{className:`join-item btn btn-sm ${e==="de"?"btn-active btn-primary":"btn-ghost"}`,onClick:()=>n("de"),children:"DE"}),o.jsx("button",{className:`join-item btn btn-sm ${e==="en"?"btn-active btn-primary":"btn-ghost"}`,onClick:()=>n("en"),children:"EN"})]})}function Qe(){const e=f(n=>n.voucherConfig.language),t=R(e);return o.jsxs("div",{className:"navbar bg-currency-green text-currency-cream shadow-lg",children:[o.jsx("div",{className:"navbar-start",children:o.jsx("a",{className:"btn btn-ghost text-xl font-currency font-bold",children:t.header.title})}),o.jsx("div",{className:"navbar-center hidden sm:flex",children:o.jsx("span",{className:"text-sm opacity-80",children:t.header.subtitle})}),o.jsx("div",{className:"navbar-end",children:o.jsx(ve,{})})]})}const U="/",et={id:"time-voucher-classic-de",name:"Zeitgutschein Classic",type:"time-voucher",category:"classic",images:{front:`${U}templates/front_hdpi_de.jpg`,back:`${U}templates/back_hdpi_de.jpg`,width:6144,height:4096},fields:[{id:"name",type:"text",label:{de:"Name",en:"Name"},required:!0,validation:{minLength:1,maxLength:50}},{id:"hours",type:"select",label:{de:"Stunden",en:"Hours"},required:!0,options:["1","5","10"]},{id:"portrait",type:"image",label:{de:"Portrait",en:"Portrait"},required:!1},{id:"email",type:"text",label:{de:"E-Mail",en:"Email"},required:!1},{id:"phone",type:"text",label:{de:"Telefon",en:"Phone"},required:!1},{id:"description",type:"textarea",label:{de:"Beschreibung",en:"Description"},required:!1,validation:{maxLength:200}}],layout:{front:{portrait:T.front.portrait,name:T.front.namePlate},back:{name:T.back.namePlate,contactInfo:T.back.contactInfo,description:T.back.description}},languages:["de"]},tt={id:"time-voucher-classic-en",name:"Time Voucher Classic",type:"time-voucher",category:"classic",images:{front:`${U}templates/front_ldpi_en.png`,back:`${U}templates/back_ldpi_en.png`,width:1536,height:1024},fields:[{id:"name",type:"text",label:{de:"Name",en:"Name"},required:!0,validation:{minLength:1,maxLength:50}},{id:"hours",type:"select",label:{de:"Stunden",en:"Hours"},required:!0,options:["1","5","10"]},{id:"portrait",type:"image",label:{de:"Portrait",en:"Portrait"},required:!1},{id:"email",type:"text",label:{de:"E-Mail",en:"Email"},required:!1},{id:"phone",type:"text",label:{de:"Telefon",en:"Phone"},required:!1},{id:"description",type:"textarea",label:{de:"Beschreibung",en:"Description"},required:!1,validation:{maxLength:200}}],layout:{front:{portrait:C.front.portrait,name:C.front.namePlate},back:{name:C.back.namePlate,contactInfo:C.back.contactInfo,description:C.back.description}},languages:["en"]},re=[et,tt],we={async listTemplates(e){let t=[...re];return e!=null&&e.type&&(t=t.filter(n=>n.type===e.type)),e!=null&&e.category&&(t=t.filter(n=>n.category===e.category)),e!=null&&e.language&&(t=t.filter(n=>n.languages.includes(e.language))),t},async getTemplate(e){const t=re.find(n=>n.id===e);if(!t)throw new Error(`Template not found: ${e}`);return t}};function nt(e){return e==="de"?"time-voucher-classic-de":"time-voucher-classic-en"}let z=we;function at(e){z=e}function rt(){return z}async function ot(e){return z.listTemplates(e)}async function it(e){return z.getTemplate(e)}exports.ApiKeyModal=de;exports.BillPreview=Ze;exports.ExportButton=Je;exports.Header=Qe;exports.LAYOUT_HDPI=T;exports.LAYOUT_LDPI=C;exports.LanguageToggle=ve;exports.PersonalInfoForm=De;exports.PortraitUpload=Ve;exports.TEMPLATES=ue;exports.VoucherConfig=Ge;exports.applyEngravingEffect=oe;exports.downloadBlob=fe;exports.drawContactInfo=pe;exports.drawMultilineText=me;exports.drawOvalPortrait=he;exports.drawTemplate=G;exports.drawText=Z;exports.enhancePortrait=qe;exports.exportBillAsPDF=be;exports.formatDescription=q;exports.generateBillPDF=ge;exports.getApiKey=F;exports.getDefaultTemplateId=nt;exports.getLayout=Y;exports.getRemoveBackgroundEndpoint=ze;exports.getTemplate=V;exports.getTemplateById=it;exports.getTemplateProvider=rt;exports.hasApiKey=W;exports.hasCustomEndpoint=He;exports.listTemplates=ot;exports.loadImage=$;exports.removeBackground=ce;exports.renderBackSide=J;exports.renderFrontSide=X;exports.setApiKey=le;exports.setRemoveBackgroundEndpoint=Fe;exports.setTemplateProvider=at;exports.staticTemplateProvider=we;exports.t=R;exports.useBillCanvasRefs=Xe;exports.useBillStore=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),Me=require("zustand"),Fe=require("zustand/middleware"),w=require("react"),Ue=require("jspdf");var L=typeof document<"u"?document.currentScript:null;const le={personalInfo:{name:"",email:"",phone:""},voucherConfig:{hours:1,description:"",language:"de"},portrait:{original:null,enhanced:null,useEnhanced:!1,zoom:1,rawImage:null,bgRemovedImage:null,bgRemoved:!1,bgOpacity:0,bgBlur:0,engravingIntensity:0},currentSide:"front",isEnhancing:!1,isExporting:!1},b=Me.create()(Fe.persist(e=>({...le,setPersonalInfo:t=>e(n=>({personalInfo:{...n.personalInfo,...t}})),setVoucherConfig:t=>e(n=>({voucherConfig:{...n.voucherConfig,...t}})),setPortrait:(t,n=null)=>e(a=>({portrait:{...a.portrait,original:t,enhanced:n,useEnhanced:!1,zoom:a.portrait.original&&t?a.portrait.zoom:1}})),setEnhancedPortrait:t=>e(n=>({portrait:{...n.portrait,enhanced:t,useEnhanced:t!==null}})),toggleUseEnhanced:()=>e(t=>({portrait:{...t.portrait,useEnhanced:t.portrait.enhanced?!t.portrait.useEnhanced:!1}})),setPortraitZoom:t=>e(n=>({portrait:{...n.portrait,zoom:t}})),setPortraitRawImage:t=>e(n=>({portrait:{...n.portrait,rawImage:t}})),setPortraitBgRemoved:(t,n)=>e(a=>({portrait:{...a.portrait,bgRemoved:t,bgRemovedImage:n!==void 0?n:a.portrait.bgRemovedImage}})),setPortraitBgOpacity:t=>e(n=>({portrait:{...n.portrait,bgOpacity:t}})),setPortraitBgBlur:t=>e(n=>({portrait:{...n.portrait,bgBlur:t}})),setPortraitEngravingIntensity:t=>e(n=>({portrait:{...n.portrait,engravingIntensity:t}})),setCurrentSide:t=>e({currentSide:t}),flipSide:()=>e(t=>({currentSide:t.currentSide==="front"?"back":"front"})),setIsEnhancing:t=>e({isEnhancing:t}),setIsExporting:t=>e({isExporting:t}),setLanguage:t=>e(n=>({voucherConfig:{...n.voucherConfig,language:t}})),setHours:t=>e(n=>({voucherConfig:{...n.voucherConfig,hours:t}})),reset:()=>e(le)}),{name:"money-generator-storage",partialize:e=>({personalInfo:e.personalInfo,voucherConfig:e.voucherConfig,portrait:{original:null,enhanced:null,useEnhanced:e.portrait.useEnhanced,zoom:e.portrait.zoom,rawImage:null,bgRemovedImage:null,bgRemoved:!1,bgOpacity:0,bgBlur:0,engravingIntensity:e.portrait.engravingIntensity}})})),$e={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"}},ze={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"}},Oe={de:$e,en:ze};function A(e){return Oe[e]}function G(e,t,n){if(n&&n.trim())return n;const a=A(e),o=t===1?a.form.voucher.hourLabel:a.form.voucher.hoursLabel;return a.bill.descriptionText.replace("{hours}",t.toString()).replace("{hourLabel}",o)}function He(){const e=b(o=>o.voucherConfig.language),t=b(o=>o.personalInfo),n=b(o=>o.setPersonalInfo),a=A(e);return r.jsxs("div",{className:"space-y-4",children:[r.jsxs("div",{className:"form-control",children:[r.jsx("label",{className:"label",children:r.jsx("span",{className:"label-text font-medium",children:a.form.personalInfo.name})}),r.jsx("input",{type:"text",placeholder:a.form.personalInfo.namePlaceholder,className:"input input-bordered w-full",value:t.name,onChange:o=>n({name:o.target.value})})]}),r.jsxs("div",{className:"form-control",children:[r.jsx("label",{className:"label",children:r.jsx("span",{className:"label-text font-medium",children:a.form.personalInfo.email})}),r.jsx("input",{type:"email",placeholder:a.form.personalInfo.emailPlaceholder,className:"input input-bordered w-full",value:t.email,onChange:o=>n({email:o.target.value})})]}),r.jsxs("div",{className:"form-control",children:[r.jsx("label",{className:"label",children:r.jsx("span",{className:"label-text font-medium",children:a.form.personalInfo.phone})}),r.jsx("input",{type:"tel",placeholder:a.form.personalInfo.phonePlaceholder,className:"input input-bordered w-full",value:t.phone,onChange:o=>n({phone:o.target.value})})]})]})}const Ke=1024;async function We(e,t=Ke){return new Promise((n,a)=>{const o=new Image;o.onload=()=>{const i=Math.max(o.width,o.height);if(i<=t){n(e);return}const l=document.createElement("canvas"),c=l.getContext("2d");if(!c){a(new Error("Failed to get canvas context"));return}const s=t/i;l.width=Math.round(o.width*s),l.height=Math.round(o.height*s),c.drawImage(o,0,0,l.width,l.height),n(l.toDataURL("image/jpeg",.9))},o.onerror=()=>a(new Error("Failed to load image")),o.src=e})}async function qe(e,t,n,a=0){return new Promise((o,i)=>{const l=new Image,c=new Image;let s=!1,u=!1;const g=()=>{if(!s||!u)return;const p=document.createElement("canvas"),m=p.getContext("2d");if(!m){i(new Error("Failed to get canvas context"));return}if(p.width=l.width,p.height=l.height,n>0){const f=a*20;m.save(),m.globalAlpha=n,f>0&&(m.filter=`blur(${f}px)`),m.drawImage(c,0,0,p.width,p.height),m.restore()}m.drawImage(l,0,0),o(p.toDataURL("image/png"))};l.onload=()=>{s=!0,g()},c.onload=()=>{u=!0,g()},l.onerror=()=>i(new Error("Failed to load foreground image")),c.onerror=()=>i(new Error("Failed to load background image")),l.src=e,c.src=t})}async function ue(e,t=.5){return new Promise((n,a)=>{const o=new Image;o.onload=()=>{const i=document.createElement("canvas"),l=i.getContext("2d");if(!l){a(new Error("Failed to get canvas context"));return}i.width=o.width,i.height=o.height,l.drawImage(o,0,0);const c=l.getImageData(0,0,i.width,i.height),s=c.data,u=1+t*.8;for(let g=0;g<s.length;g+=4){const p=s[g],m=s[g+1],f=s[g+2];if(s[g+3]===0)continue;let y=(((.299*p+.587*m+.114*f)/255-.5)*u+.5)*255;y=Math.max(0,Math.min(255,y));const P=Math.min(255,y*.9+25),S=Math.min(255,y*.78+15),x=Math.min(255,y*.55+5);s[g]=Math.round(p*(1-t)+P*t),s[g+1]=Math.round(m*(1-t)+S*t),s[g+2]=Math.round(f*(1-t)+x*t)}l.putImageData(c,0,0),n(i.toDataURL("image/png"))},o.onerror=()=>a(new Error("Failed to load image")),o.src=e})}const Ye="https://api.stability.ai/v1/generation",Ve="https://api.stability.ai/v2beta/stable-image/edit/remove-background",ge="stability_api_key";let D=null;function Ge(e){D=e}function Ze(){return D}function Xe(){return D!==null}const 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"},ce=[{width:1024,height:1024},{width:1152,height:896},{width:1216,height:832},{width:1344,height:768},{width:1536,height:640},{width:640,height:1536},{width:768,height:1344},{width:832,height:1216},{width:896,height:1152}];function Qe(e,t){const n=e/t;let a=ce[0],o=1/0;for(const i of ce){const l=i.width/i.height,c=Math.abs(n-l);c<o&&(o=c,a=i)}return a}function et(e){return new Promise((t,n)=>{const a=new Image;a.onload=()=>{const o=Qe(a.width,a.height),i=document.createElement("canvas");i.width=o.width,i.height=o.height;const l=i.getContext("2d");if(!l){n(new Error("Failed to get canvas context"));return}const c=a.width/a.height,s=o.width/o.height;let u=0,g=0,p=a.width,m=a.height;c>s?(p=a.height*s,u=(a.width-p)/2):(m=a.width/s,g=(a.height-m)/2),l.drawImage(a,u,g,p,m,0,0,o.width,o.height),t(i.toDataURL("image/png"))},a.onerror=()=>n(new Error("Failed to load image")),a.src=e})}function me(e){var l;const t=e.split(","),n=((l=t[0].match(/:(.*?);/))==null?void 0:l[1])||"image/png",a=atob(t[1]),o=a.length,i=new Uint8Array(o);for(let c=0;c<o;c++)i[c]=a.charCodeAt(c);return new Blob([i],{type:n})}function O(){var t;const e=typeof{url:typeof document>"u"?require("url").pathToFileURL(__filename).href:L&&L.tagName.toUpperCase()==="SCRIPT"&&L.src||new URL("index.cjs",document.baseURI).href}<"u"&&"sk-7mEKklrqaltdtgbX0VoZbkA8E1cl939Spn75jSIYRvp1BW0b"||typeof process<"u"&&((t=process.env)==null?void 0:t.NEXT_PUBLIC_STABILITY_API_KEY);return e&&e!=="your-api-key-here"?e:typeof localStorage<"u"?localStorage.getItem(ge):null}function he(e){localStorage.setItem(ge,e)}function V(){return D?!0:O()!==null}async function tt(e){const t=O();if(!t)throw new Error("No Stability AI API key configured");const{imageDataUrl:n,style:a,strength:o=.35}=e,i=await et(n),l=me(i),c=new FormData;c.append("init_image",l,"portrait.png"),c.append("init_image_mode","IMAGE_STRENGTH"),c.append("image_strength",String(1-o)),c.append("text_prompts[0][text]",Je[a]),c.append("text_prompts[0][weight]","1"),c.append("cfg_scale","7"),c.append("samples","1"),c.append("steps","30");const u=await fetch(`${Ye}/stable-diffusion-xl-1024-v1-0/image-to-image`,{method:"POST",headers:{Authorization:`Bearer ${t}`,Accept:"application/json"},body:c});if(!u.ok){const p=await u.text();throw console.error("Stability AI error:",p),u.status===401?new Error("Invalid API key"):u.status===402?new Error("Insufficient credits"):u.status===429?new Error("Rate limit exceeded. Please try again later."):new Error(`API error: ${u.status}`)}const g=await u.json();if(!g.artifacts||g.artifacts.length===0)throw new Error("No image generated");return`data:image/png;base64,${g.artifacts[0].base64}`}async function pe(e){if(D){const l=await fetch(D,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({imageDataUrl:e})});if(!l.ok){const s=await l.json().catch(()=>({}));throw new Error(s.error||`API error: ${l.status}`)}return(await l.json()).imageDataUrl}const t=O();if(!t)throw new Error("No Stability AI API key configured");const n=me(e),a=new FormData;a.append("image",n,"image.png"),a.append("output_format","png");const o=await fetch(Ve,{method:"POST",headers:{Authorization:`Bearer ${t}`,Accept:"image/*"},body:a});if(!o.ok){const l=await o.text();throw console.error("Stability AI remove background error:",l),o.status===401?new Error("Invalid API key"):o.status===402?new Error("Insufficient credits"):o.status===429?new Error("Rate limit exceeded. Please try again later."):new Error(`API error: ${o.status}`)}const i=await o.blob();return new Promise((l,c)=>{const s=new FileReader;s.onload=()=>l(s.result),s.onerror=()=>c(new Error("Failed to read result")),s.readAsDataURL(i)})}function nt(){const[e,t]=w.useState(!1),[n,a]=w.useState(!1),[o,i]=w.useState(null),[l,c]=w.useState(()=>V());w.useEffect(()=>{c(V())},[]);const s=w.useCallback(()=>i(null),[]),u=w.useCallback(m=>{he(m),c(!0),i(null)},[]),g=w.useCallback(async(m,f=.5)=>{t(!0),i(null);try{return await ue(m,f)}catch(h){const E=h instanceof Error?h.message:"Enhancement failed";throw i(E),h}finally{t(!1)}},[]),p=w.useCallback(async m=>{a(!0),i(null);try{return await pe(m)}catch(f){const h=f instanceof Error?f.message:"Background removal failed";throw i(h),f}finally{a(!1)}},[]);return{enhance:g,removeBg:p,isEnhancing:e,isRemovingBg:n,error:o,hasKey:l,setApiKey:u,clearError:s}}function fe({isOpen:e,onClose:t,onSubmit:n}){const a=b(u=>u.voucherConfig.language),[o,i]=w.useState("");if(!e)return null;const l=u=>{u.preventDefault(),o.trim()&&(n(o.trim()),i(""),t())},s={de:{title:"Stability AI API Key",description:"Um die AI-Bildverbesserung zu nutzen, benötigst du einen Stability AI API Key. Du kannst ihn auf platform.stability.ai erhalten.",placeholder:"sk-...",submit:"Speichern",cancel:"Abbrechen",hint:"Der Key wird lokal in deinem Browser gespeichert."},en:{title:"Stability AI API Key",description:"To use AI image enhancement, you need a Stability AI API key. You can get one at platform.stability.ai.",placeholder:"sk-...",submit:"Save",cancel:"Cancel",hint:"The key is stored locally in your browser."}}[a];return r.jsxs("dialog",{className:"modal modal-open",children:[r.jsxs("div",{className:"modal-box",children:[r.jsx("h3",{className:"font-bold text-lg",children:s.title}),r.jsx("p",{className:"py-4 text-sm opacity-80",children:s.description}),r.jsxs("form",{onSubmit:l,children:[r.jsxs("div",{className:"form-control",children:[r.jsx("input",{type:"password",placeholder:s.placeholder,className:"input input-bordered w-full",value:o,onChange:u=>i(u.target.value),autoFocus:!0}),r.jsx("label",{className:"label",children:r.jsx("span",{className:"label-text-alt",children:s.hint})})]}),r.jsxs("div",{className:"modal-action",children:[r.jsx("button",{type:"button",className:"btn btn-ghost",onClick:t,children:s.cancel}),r.jsx("button",{type:"submit",className:"btn btn-primary",disabled:!o.trim(),children:s.submit})]})]})]}),r.jsx("form",{method:"dialog",className:"modal-backdrop",children:r.jsx("button",{onClick:t,children:"close"})})]})}function at(){const e=b(d=>d.voucherConfig.language),t=b(d=>d.portrait),n=b(d=>d.setPortrait),a=b(d=>d.setPortraitZoom),o=b(d=>d.setPortraitRawImage),i=b(d=>d.setPortraitBgRemoved),l=b(d=>d.setPortraitBgOpacity),c=b(d=>d.setPortraitBgBlur),s=b(d=>d.setPortraitEngravingIntensity),{enhance:u,removeBg:g,isEnhancing:p,isRemovingBg:m,error:f,hasKey:h,setApiKey:E}=nt(),y=A(e),P=w.useRef(null),[S,x]=w.useState(!1),[C,_]=w.useState(!1),R=w.useRef(null),N=w.useRef(null),I=t.rawImage,ne=t.bgRemovedImage,F=t.bgRemoved,ae=t.bgOpacity,re=t.bgBlur,U=t.engravingIntensity;w.useEffect(()=>{t.original&&!t.rawImage&&o(t.original)},[t.original,t.rawImage,o]),w.useEffect(()=>()=>{R.current&&clearTimeout(R.current),N.current&&clearTimeout(N.current)},[]);const K=w.useCallback(async d=>{if(!d.type.startsWith("image/"))return;const v=new FileReader;v.onload=async k=>{var se;const q=(se=k.target)==null?void 0:se.result,ie=await We(q);o(ie),n(ie),i(!1,null),s(0)},v.readAsDataURL(d)},[n,o,i,s]),Ee=w.useCallback(d=>{d.preventDefault(),x(!1);const v=d.dataTransfer.files[0];v&&K(v)},[K]),Ne=w.useCallback(d=>{d.preventDefault(),x(!0)},[]),Se=w.useCallback(d=>{d.preventDefault(),x(!1)},[]),Ce=()=>{var d;(d=P.current)==null||d.click()},Re=d=>{var k;const v=(k=d.target.files)==null?void 0:k[0];v&&K(v)},M=w.useCallback(async(d,v)=>{try{return await u(d,v)}catch(k){return console.error("Enhancement failed:",k),d}},[u]),oe=w.useCallback(async d=>{try{const v=await g(d);return i(!0,v),v}catch(v){return console.error("Background removal failed:",v),d}},[g,i]),W=w.useCallback(async()=>{const d=b.getState().portrait;if(!d.rawImage)return;let v;d.bgRemoved&&d.bgRemovedImage?v=await qe(d.bgRemovedImage,d.rawImage,d.bgOpacity,d.bgBlur):v=d.rawImage,d.engravingIntensity>0&&(v=await M(v,d.engravingIntensity)),n(v)},[M,n]),Te=async()=>{if(!I)return;if(!F&&!h){_(!0);return}if(!F){const v=await oe(I),k=b.getState().portrait.engravingIntensity;if(k>0){const q=await M(v,k);n(q)}else n(v)}else{i(!1,null);const v=b.getState().portrait.engravingIntensity;if(v>0){const k=await M(I,v);n(k)}else n(I)}},Be=d=>{s(d),R.current&&clearTimeout(R.current),I&&(R.current=setTimeout(W,150))},Ae=async d=>{if(E(d),!I)return;const v=await oe(I);if(U>0){const k=await M(v,U);n(k)}else n(v)},Le=d=>{l(d),N.current&&clearTimeout(N.current),!(!I||!ne)&&(N.current=setTimeout(W,150))},De=d=>{c(d),N.current&&clearTimeout(N.current),!(!I||!ne)&&(N.current=setTimeout(W,150))},_e=()=>{n(null),o(null),i(!1,null),l(0),c(0),s(0)};return r.jsxs("div",{className:"space-y-4",children:[t.original?r.jsxs("div",{className:"flex flex-col items-center space-y-4",children:[r.jsxs("div",{className:"relative",children:[r.jsx("div",{className:"w-32 h-32 rounded-full overflow-hidden border-4 border-currency-gold shadow-lg",children:r.jsx("img",{src:t.original||"",alt:"Portrait",className:"w-full h-full object-cover",style:{transform:`scale(${t.zoom})`}})}),r.jsx("button",{className:"btn btn-circle btn-xs btn-error absolute -top-1 -right-1",onClick:_e,children:r.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",className:"h-4 w-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:r.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"})})})]}),r.jsxs("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-4 w-full",children:[r.jsxs("div",{className:"form-control w-full",children:[r.jsxs("label",{className:"label",children:[r.jsx("span",{className:"label-text",children:y.form.portrait.zoom}),r.jsxs("span",{className:"label-text-alt",children:[Math.round(t.zoom*100),"%"]})]}),r.jsx("input",{type:"range",min:"0.5",max:"2",step:"0.05",value:t.zoom,onChange:d=>a(parseFloat(d.target.value)),className:"range range-primary range-sm"})]}),r.jsxs("div",{className:"form-control w-full",children:[r.jsxs("label",{className:"label",children:[r.jsxs("span",{className:"label-text flex items-center gap-2",children:[e==="de"?"Sepia-Effekt":"Sepia effect",p&&r.jsx("span",{className:"loading loading-spinner loading-xs"})]}),r.jsxs("span",{className:"label-text-alt",children:[Math.round(U*100),"%"]})]}),r.jsx("input",{type:"range",min:"0",max:"1",step:"0.05",value:U,onChange:d=>Be(parseFloat(d.target.value)),className:"range range-secondary range-sm",disabled:p||!I})]})]}),F?r.jsxs("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-4 w-full",children:[r.jsxs("div",{className:"form-control w-full",children:[r.jsxs("label",{className:"label",children:[r.jsx("span",{className:"label-text",children:e==="de"?"Hintergrund":"Background"}),r.jsxs("span",{className:"label-text-alt",children:[Math.round(ae*100),"%"]})]}),r.jsx("input",{type:"range",min:"0",max:"1",step:"0.05",value:ae,onChange:d=>Le(parseFloat(d.target.value)),className:"range range-primary range-sm"})]}),r.jsxs("div",{className:"form-control w-full",children:[r.jsxs("label",{className:"label",children:[r.jsx("span",{className:"label-text",children:e==="de"?"Unschärfe":"Blur"}),r.jsxs("span",{className:"label-text-alt",children:[Math.round(re*100),"%"]})]}),r.jsx("input",{type:"range",min:"0",max:"1",step:"0.05",value:re,onChange:d=>De(parseFloat(d.target.value)),className:"range range-primary range-sm"})]})]}):r.jsx("div",{className:"form-control",children:r.jsxs("label",{className:"label cursor-pointer justify-start gap-3",children:[r.jsx("input",{type:"checkbox",className:`toggle toggle-primary ${m?"opacity-50":""}`,checked:F,onChange:Te,disabled:m||!I}),r.jsxs("span",{className:"label-text flex items-center gap-2",children:[m?r.jsxs(r.Fragment,{children:[r.jsx("span",{className:"loading loading-spinner loading-xs"}),e==="de"?"Hintergrund wird entfernt...":"Removing background..."]}):e==="de"?"Hintergrund entfernen":"Remove background",!h&&r.jsx("span",{className:"badge badge-sm badge-outline",children:"API"})]})]})}),f&&r.jsxs("div",{className:"alert alert-warning text-sm py-2",children:[r.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",className:"stroke-current shrink-0 h-5 w-5",fill:"none",viewBox:"0 0 24 24",children:r.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"})}),r.jsx("span",{children:f})]})]}):r.jsxs("div",{className:`border-2 border-dashed rounded-lg p-8 text-center cursor-pointer transition-colors ${m?"border-primary bg-primary/10 pointer-events-none":S?"border-primary bg-primary/10":"border-base-300 hover:border-primary hover:bg-base-200"}`,onDrop:Ee,onDragOver:Ne,onDragLeave:Se,onClick:Ce,children:[r.jsx("input",{ref:P,type:"file",accept:"image/*",className:"hidden",onChange:Re}),m?r.jsxs("div",{className:"flex flex-col items-center gap-2",children:[r.jsx("span",{className:"loading loading-spinner loading-lg text-primary"}),r.jsx("p",{className:"font-medium",children:e==="de"?"Hintergrund wird entfernt...":"Removing background..."})]}):r.jsxs("div",{className:"flex flex-col items-center gap-2",children:[r.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",className:"h-12 w-12 text-base-content/50",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:r.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"})}),r.jsx("p",{className:"font-medium",children:y.form.portrait.upload}),r.jsx("p",{className:"text-sm text-base-content/60",children:y.form.portrait.dragDrop})]})]}),r.jsx(fe,{isOpen:C,onClose:()=>_(!1),onSubmit:Ae})]})}function rt(){return null}const j=typeof{url:typeof document>"u"?require("url").pathToFileURL(__filename).href:L&&L.tagName.toUpperCase()==="SCRIPT"&&L.src||new URL("index.cjs",document.baseURI).href}<"u"&&"/"||"/",be={en:{1:{front:`${j}templates/front_ldpi_en.png`,back:`${j}templates/back_ldpi_en.png`,width:1536,height:1024},5:{front:`${j}templates/front_ldpi_en.png`,back:`${j}templates/back_ldpi_en.png`,width:1536,height:1024},10:{front:`${j}templates/front_ldpi_en.png`,back:`${j}templates/back_ldpi_en.png`,width:1536,height:1024}},de:{1:{front:`${j}templates/front_hdpi_de.webp`,back:`${j}templates/back_hdpi_de.webp`,width:6144,height:3200},5:{front:`${j}templates/front_hdpi_de.webp`,back:`${j}templates/back_hdpi_de.webp`,width:6144,height:3200},10:{front:`${j}templates/front_hdpi_de.webp`,back:`${j}templates/back_hdpi_de.webp`,width:6144,height:3200}}},T={front:{portrait:{x:768,y:490,radiusX:236,radiusY:258},namePlate:{x:768,y:848,fontSize:36,maxWidth:380,align:"center"}},back:{portrait:{x:0,y:0,radiusX:0,radiusY:0},namePlate:{x:768,y:832,fontSize:36,maxWidth:380,align:"center"},contactInfo:{x:380,y:500,fontSize:38,lineHeight:55,align:"center"},description:{x:1150,y:500,fontSize:38,maxWidth:480,lineHeight:42,align:"center"}}},B={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 Z(e){return e==="de"?B:T}function X(e,t){return be[e][t]}const Y=new Map;async function $(e){return Y.has(e)?Y.get(e):new Promise((t,n)=>{const a=new Image;a.crossOrigin="anonymous",a.onload=()=>{Y.set(e,a),t(a)},a.onerror=n,a.src=e})}function J(e,t,n,a){e.drawImage(t,0,0,n,a)}function we(e,t,n,a,o,i,l=1){e.save(),e.beginPath(),e.ellipse(n,a,o,i,0,0,Math.PI*2),e.closePath(),e.clip();const c=t.width/t.height,s=o/i,u=o*2,g=i*2;let p,m;c>s?(m=g,p=g*c):(p=u,m=u/c),p*=l,m*=l;const f=n-p/2,h=a-m/2;e.drawImage(t,f,h,p,m),e.restore()}function Q(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 ve(e,t,n,a="#2a3a2a"){e.save(),e.font=`${n.fontSize}px "Times New Roman", serif`,e.textAlign=n.align||"center",e.textBaseline="top",e.fillStyle=a;const o=n.maxWidth||400,i=n.lineHeight||n.fontSize*1.4,l=t.split(" "),c=[];let s="";for(const p of l){const m=s?`${s} ${p}`:p;e.measureText(m).width>o&&s?(c.push(s),s=p):s=m}s&&c.push(s);const u=c.length*i;let g=n.y-u/2;for(const p of c)e.fillText(p,n.x,g),g+=i;e.restore()}function xe(e,t,n,a,o,i="#2a3a2a"){e.save(),e.font=`${o.fontSize}px "Times New Roman", serif`,e.textAlign=o.align||"center",e.textBaseline="middle",e.fillStyle=i;const l=o.lineHeight||o.fontSize*1.8,c=[t,n,a].filter(Boolean),s=(c.length-1)*l;let u=o.y-s/2;for(const g of c)g&&(e.fillText(g,o.x,u),u+=l);e.restore()}async function ee(e,t,n,a,o,i,l,c=1){const s=e.getContext("2d");if(!s)return;e.width=i,e.height=l,s.clearRect(0,0,i,l);const u=await $(t);if(J(s,u,i,l),n)try{const g=await $(n);we(s,g,o.portrait.x,o.portrait.y,o.portrait.radiusX,o.portrait.radiusY,c)}catch(g){console.error("Failed to load portrait:",g)}a&&Q(s,a,o.namePlate)}async function te(e,t,n,a,o,i,l,c,s){const u=e.getContext("2d");if(!u)return;e.width=c,e.height=s,u.clearRect(0,0,c,s);const g=await $(t);J(u,g,c,s),l.contactInfo&&(n||a||o)&&xe(u,n,a,o,l.contactInfo),l.description&&i&&ve(u,i,l.description),n&&Q(u,n,l.namePlate)}function ot(){const e=b(x=>x.voucherConfig.language),t=b(x=>x.voucherConfig.hours),n=b(x=>x.voucherConfig.description),a=b(x=>x.personalInfo),o=b(x=>x.portrait),i=b(x=>x.currentSide),l=b(x=>x.flipSide),c=A(e),s=w.useRef(null),u=w.useRef(null),g=w.useRef(null),[p,m]=w.useState(!1),f=X(e,t),h=Z(e),E=o.useEnhanced&&o.enhanced?o.enhanced:o.original,y=G(e,t,n);w.useEffect(()=>{s.current&&ee(s.current,f.front,E,a.name,h.front,f.width,f.height,o.zoom)},[f,E,a.name,h,o.zoom]),w.useEffect(()=>{u.current&&te(u.current,f.back,a.name,a.email,a.phone,y,h.back,f.width,f.height)},[f,a,y,h]);const P=()=>{m(!0),setTimeout(()=>{l(),m(!1)},150)},S=f.width/f.height;return r.jsxs("div",{className:"space-y-4",children:[r.jsxs("div",{className:"flex justify-between items-center",children:[r.jsxs("div",{className:"tabs tabs-boxed bg-base-200",children:[r.jsx("button",{className:`tab ${i==="front"?"tab-active bg-primary text-primary-content font-semibold":""}`,onClick:()=>i!=="front"&&P(),children:c.preview.front}),r.jsx("button",{className:`tab ${i==="back"?"tab-active bg-primary text-primary-content font-semibold":""}`,onClick:()=>i!=="back"&&P(),children:c.preview.back})]}),r.jsxs("button",{className:"btn btn-ghost btn-sm",onClick:P,children:[r.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",className:"h-5 w-5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:r.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"})}),c.preview.flip]})]}),r.jsxs("div",{ref:g,className:"relative w-full overflow-hidden  shadow-lg",style:{aspectRatio:S},children:[r.jsx("canvas",{ref:s,className:`absolute inset-0 w-full h-full transition-all duration-300 ${i==="front"?p?"opacity-0 scale-95":"opacity-100 scale-100":"opacity-0 scale-95 pointer-events-none"}`}),r.jsx("canvas",{ref:u,className:`absolute inset-0 w-full h-full transition-all duration-300 ${i==="back"?p?"opacity-0 scale-95":"opacity-100 scale-100":"opacity-0 scale-95 pointer-events-none"}`})]})]})}function it(){const e=w.useRef(null),t=w.useRef(null);return{frontCanvasRef:e,backCanvasRef:t}}async function ye(e){const{frontTemplateSrc:t,backTemplateSrc:n,templateWidth:a,templateHeight:o,layout:i,portrait:l,portraitZoom:c=1,name:s,email:u,phone:g,description:p}=e,m=document.createElement("canvas"),f=document.createElement("canvas");await Promise.all([ee(m,t,l,s,i.front,a,o,c),te(f,n,s,u,g,p,i.back,a,o)]);const h=new Ue({orientation:"landscape",unit:"mm",format:"a4"}),E=297,y=210,P=10,S=a/o;let x=E-P*2,C=x/S;C>y-P*2&&(C=y-P*2,x=C*S);const _=(E-x)/2,R=(y-C)/2,N=m.toDataURL("image/jpeg",.95);h.addImage(N,"JPEG",_,R,x,C),h.addPage();const I=f.toDataURL("image/jpeg",.95);return h.addImage(I,"JPEG",_,R,x,C),h.output("blob")}function Ie(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 ke(e){const t=await ye(e);Ie(t,e.filename)}function st(){const e=b(h=>h.voucherConfig.language),t=b(h=>h.voucherConfig.hours),n=b(h=>h.voucherConfig.description),a=b(h=>h.personalInfo),o=b(h=>h.portrait),i=b(h=>h.isExporting),l=b(h=>h.setIsExporting),c=A(e),s=X(e,t),u=Z(e),g=o.useEnhanced&&o.enhanced?o.enhanced:o.original,p=G(e,t,n),m=a.name.trim().length>0&&a.email.trim().length>0&&a.phone.trim().length>0&&o.original!==null,f=async()=>{if(!(!m||i)){l(!0);try{const h=`zeitgutschein-${t}h-${a.name.replace(/\s+/g,"-").toLowerCase()}.pdf`;await ke({frontTemplateSrc:s.front,backTemplateSrc:s.back,templateWidth:s.width,templateHeight:s.height,layout:u,portrait:g,portraitZoom:o.zoom,name:a.name,email:a.email,phone:a.phone,description:p,filename:h})}catch(h){console.error("PDF export failed:",h)}finally{l(!1)}}};return r.jsx("button",{className:`btn btn-primary flex-1 ${i?"loading":""}`,onClick:f,disabled:!m||i,children:i?r.jsxs(r.Fragment,{children:[r.jsx("span",{className:"loading loading-spinner loading-sm"}),c.export.exporting]}):r.jsxs(r.Fragment,{children:[r.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",className:"h-5 w-5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:r.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"})}),c.export.button]})})}function Pe(){const e=b(a=>a.voucherConfig.language),t=b(a=>a.setLanguage),n=a=>{t(a)};return r.jsxs("div",{className:"join",children:[r.jsx("button",{className:`join-item btn btn-sm ${e==="de"?"btn-active btn-primary":"btn-ghost"}`,onClick:()=>n("de"),children:"DE"}),r.jsx("button",{className:`join-item btn btn-sm ${e==="en"?"btn-active btn-primary":"btn-ghost"}`,onClick:()=>n("en"),children:"EN"})]})}function lt(){const e=b(n=>n.voucherConfig.language),t=A(e);return r.jsxs("div",{className:"navbar bg-currency-green text-currency-cream shadow-lg",children:[r.jsx("div",{className:"navbar-start",children:r.jsx("a",{className:"btn btn-ghost text-xl font-currency font-bold",children:t.header.title})}),r.jsx("div",{className:"navbar-center hidden sm:flex",children:r.jsx("span",{className:"text-sm opacity-80",children:t.header.subtitle})}),r.jsx("div",{className:"navbar-end",children:r.jsx(Pe,{})})]})}const z="/",ct={id:"time-voucher-classic-de",name:"Zeitgutschein Classic",type:"time-voucher",category:"classic",images:{front:`${z}templates/front_hdpi_de.jpg`,back:`${z}templates/back_hdpi_de.jpg`,width:6144,height:4096},fields:[{id:"name",type:"text",label:{de:"Name",en:"Name"},required:!0,validation:{minLength:1,maxLength:50}},{id:"hours",type:"select",label:{de:"Stunden",en:"Hours"},required:!0,options:["1","5","10"]},{id:"portrait",type:"image",label:{de:"Portrait",en:"Portrait"},required:!1},{id:"email",type:"text",label:{de:"E-Mail",en:"Email"},required:!1},{id:"phone",type:"text",label:{de:"Telefon",en:"Phone"},required:!1},{id:"description",type:"textarea",label:{de:"Beschreibung",en:"Description"},required:!1,validation:{maxLength:200}}],layout:{front:{portrait:B.front.portrait,name:B.front.namePlate},back:{name:B.back.namePlate,contactInfo:B.back.contactInfo,description:B.back.description}},languages:["de"]},dt={id:"time-voucher-classic-en",name:"Time Voucher Classic",type:"time-voucher",category:"classic",images:{front:`${z}templates/front_ldpi_en.png`,back:`${z}templates/back_ldpi_en.png`,width:1536,height:1024},fields:[{id:"name",type:"text",label:{de:"Name",en:"Name"},required:!0,validation:{minLength:1,maxLength:50}},{id:"hours",type:"select",label:{de:"Stunden",en:"Hours"},required:!0,options:["1","5","10"]},{id:"portrait",type:"image",label:{de:"Portrait",en:"Portrait"},required:!1},{id:"email",type:"text",label:{de:"E-Mail",en:"Email"},required:!1},{id:"phone",type:"text",label:{de:"Telefon",en:"Phone"},required:!1},{id:"description",type:"textarea",label:{de:"Beschreibung",en:"Description"},required:!1,validation:{maxLength:200}}],layout:{front:{portrait:T.front.portrait,name:T.front.namePlate},back:{name:T.back.namePlate,contactInfo:T.back.contactInfo,description:T.back.description}},languages:["en"]},de=[ct,dt],je={async listTemplates(e){let t=[...de];return e!=null&&e.type&&(t=t.filter(n=>n.type===e.type)),e!=null&&e.category&&(t=t.filter(n=>n.category===e.category)),e!=null&&e.language&&(t=t.filter(n=>n.languages.includes(e.language))),t},async getTemplate(e){const t=de.find(n=>n.id===e);if(!t)throw new Error(`Template not found: ${e}`);return t}};function ut(e){return e==="de"?"time-voucher-classic-de":"time-voucher-classic-en"}let H=je;function gt(e){H=e}function mt(){return H}async function ht(e){return H.listTemplates(e)}async function pt(e){return H.getTemplate(e)}exports.ApiKeyModal=fe;exports.BillPreview=ot;exports.ExportButton=st;exports.Header=lt;exports.LAYOUT_HDPI=B;exports.LAYOUT_LDPI=T;exports.LanguageToggle=Pe;exports.PersonalInfoForm=He;exports.PortraitUpload=at;exports.TEMPLATES=be;exports.VoucherConfig=rt;exports.applyEngravingEffect=ue;exports.downloadBlob=Ie;exports.drawContactInfo=xe;exports.drawMultilineText=ve;exports.drawOvalPortrait=we;exports.drawTemplate=J;exports.drawText=Q;exports.enhancePortrait=tt;exports.exportBillAsPDF=ke;exports.formatDescription=G;exports.generateBillPDF=ye;exports.getApiKey=O;exports.getDefaultTemplateId=ut;exports.getLayout=Z;exports.getRemoveBackgroundEndpoint=Ze;exports.getTemplate=X;exports.getTemplateById=pt;exports.getTemplateProvider=mt;exports.hasApiKey=V;exports.hasCustomEndpoint=Xe;exports.listTemplates=ht;exports.loadImage=$;exports.removeBackground=pe;exports.renderBackSide=te;exports.renderFrontSide=ee;exports.setApiKey=he;exports.setRemoveBackgroundEndpoint=Ge;exports.setTemplateProvider=gt;exports.staticTemplateProvider=je;exports.t=A;exports.useBillCanvasRefs=it;exports.useBillStore=b;

package/dist/index.d.ts

@@ -29,6 +29,8 @@ declare interface BillActions {
     setPortraitZoom: (zoom: number) => void;
     setPortraitRawImage: (rawImage: string | null) => void;
     setPortraitBgRemoved: (bgRemoved: boolean, bgRemovedImage?: string | null) => void;
+    setPortraitBgOpacity: (opacity: number) => void;
+    setPortraitBgBlur: (blur: number) => void;
     setPortraitEngravingIntensity: (intensity: number) => void;
     setCurrentSide: (side: BillSide) => void;
     flipSide: () => void;
@@ -205,6 +207,8 @@ export declare interface PortraitState {
     rawImage: string | null;
     bgRemovedImage: string | null;
     bgRemoved: boolean;
+    bgOpacity: number;
+    bgBlur: number;
     engravingIntensity: number;
 }
 
@@ -401,6 +405,8 @@ zoom: number;
 rawImage: null;
 bgRemovedImage: null;
 bgRemoved: boolean;
+bgOpacity: number;
+bgBlur: number;
 engravingIntensity: number;
 };
 }, unknown>>) => void;
@@ -420,6 +426,8 @@ zoom: number;
 rawImage: null;
 bgRemovedImage: null;
 bgRemoved: boolean;
+bgOpacity: number;
+bgBlur: number;
 engravingIntensity: number;
 };
 }, unknown>>;