@antontranelis/money-printer 1.0.21 → 1.0.22

package/dist/index.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),mt=require("zustand"),gt=require("zustand/middleware"),m=require("react"),ft=require("jspdf");var ne=typeof document<"u"?document.currentScript:null;const De={personalInfo:{name:"",email:"",phone:""},voucherConfig:{hours:1,description:"",language:"de",templateHue:160},portrait:{original:null,enhanced:null,useEnhanced:!1,zoom:1,panX:0,panY:0,rawImage:null,bgRemovedImage:null,bgRemoved:!1,bgOpacity:0,bgBlur:0,engravingIntensity:0},currentSide:"front",isEnhancing:!1,isExporting:!1},x=mt.create()(gt.persist(e=>({...De,setPersonalInfo:t=>e(n=>({personalInfo:{...n.personalInfo,...t}})),setVoucherConfig:t=>e(n=>({voucherConfig:{...n.voucherConfig,...t}})),setPortrait:(t,n=null)=>e(r=>({portrait:{...r.portrait,original:t,enhanced:n,useEnhanced:!1,zoom:r.portrait.original&&t?r.portrait.zoom:1,panX:r.portrait.original&&t?r.portrait.panX:0,panY:r.portrait.original&&t?r.portrait.panY:0}})),setEnhancedPortrait:t=>e(n=>({portrait:{...n.portrait,enhanced:t,useEnhanced:t!==null}})),toggleUseEnhanced:()=>e(t=>({portrait:{...t.portrait,useEnhanced:t.portrait.enhanced?!t.portrait.useEnhanced:!1}})),setPortraitZoom:t=>e(n=>({portrait:{...n.portrait,zoom:t}})),setPortraitPan:(t,n)=>e(r=>({portrait:{...r.portrait,panX:t,panY:n}})),setPortraitRawImage:t=>e(n=>({portrait:{...n.portrait,rawImage:t}})),setPortraitBgRemoved:(t,n)=>e(r=>({portrait:{...r.portrait,bgRemoved:t,bgRemovedImage:n!==void 0?n:r.portrait.bgRemovedImage}})),setPortraitBgOpacity:t=>e(n=>({portrait:{...n.portrait,bgOpacity:t}})),setPortraitBgBlur:t=>e(n=>({portrait:{...n.portrait,bgBlur:t}})),setPortraitEngravingIntensity:t=>e(n=>({portrait:{...n.portrait,engravingIntensity:t}})),setCurrentSide:t=>e({currentSide:t}),flipSide:()=>e(t=>({currentSide:t.currentSide==="front"?"back":"front"})),setIsEnhancing:t=>e({isEnhancing:t}),setIsExporting:t=>e({isExporting:t}),setLanguage:t=>e(n=>({voucherConfig:{...n.voucherConfig,language:t}})),setHours:t=>e(n=>({voucherConfig:{...n.voucherConfig,hours:t}})),setTemplateHue:t=>e(n=>({voucherConfig:{...n.voucherConfig,templateHue:t}})),reset:()=>e(De)}),{name:"money-generator-storage",partialize:e=>({personalInfo:e.personalInfo,voucherConfig:e.voucherConfig,portrait:{original:null,enhanced:null,useEnhanced:e.portrait.useEnhanced,zoom:e.portrait.zoom,panX:e.portrait.panX,panY:e.portrait.panY,rawImage:null,bgRemovedImage:null,bgRemoved:!1,bgOpacity:0,bgBlur:0,engravingIntensity:e.portrait.engravingIntensity}})})),bt={header:{title:"Money Generator",subtitle:"Erstelle deinen persönlichen Zeitgutschein"},form:{personalInfo:{title:"Persönliche Daten",name:"Name",namePlaceholder:"Dein Name",email:"E-Mail",emailPlaceholder:"deine@email.de",phone:"Telefon",phonePlaceholder:"+49 123 456789"},portrait:{title:"Portrait",upload:"Bild hochladen",dragDrop:"oder hierher ziehen",enhance:"Mit AI verbessern",enhancing:"Wird verbessert...",useOriginal:"Original verwenden",useEnhanced:"Verbessertes verwenden",zoom:"Zoom"},voucher:{title:"Gutschein",hours:"Stunden",hourLabel:"Stunde",hoursLabel:"Stunden",description:"Beschreibung",descriptionPlaceholder:"Was kann mit diesem Gutschein eingelöst werden?"},billColor:{title:"Scheinfarbe",label:"Farbton"}},preview:{front:"Vorderseite",back:"Rückseite",flip:"Umdrehen"},export:{button:"Als PDF herunterladen",exporting:"PDF wird erstellt...",success:"Download gestartet!"},bill:{descriptionText:"Für diesen Schein erhältst du {hours} {hourLabel} meiner Zeit oder ein gleichwertiges Dankeschön"}},xt={header:{title:"Money Generator",subtitle:"Create your personal time voucher"},form:{personalInfo:{title:"Personal Information",name:"Name",namePlaceholder:"Your name",email:"Email",emailPlaceholder:"your@email.com",phone:"Phone",phonePlaceholder:"+1 234 567890"},portrait:{title:"Portrait",upload:"Upload image",dragDrop:"or drag and drop",enhance:"Enhance with AI",enhancing:"Enhancing...",useOriginal:"Use original",useEnhanced:"Use enhanced",zoom:"Zoom"},voucher:{title:"Voucher",hours:"Hours",hourLabel:"hour",hoursLabel:"hours",description:"Description",descriptionPlaceholder:"What can be redeemed with this voucher?"},billColor:{title:"Bill Color",label:"Hue"}},preview:{front:"Front",back:"Back",flip:"Flip"},export:{button:"Download as PDF",exporting:"Creating PDF...",success:"Download started!"},bill:{descriptionText:"This voucher entitles you to {hours} {hourLabel} of my time or an equivalent thank you"}},wt={de:bt,en:xt};function G(e){return wt[e]}function Se(e,t,n){if(n&&n.trim())return n;const r=G(e),a=t===1?r.form.voucher.hourLabel:r.form.voucher.hoursLabel;return r.bill.descriptionText.replace("{hours}",t.toString()).replace("{hourLabel}",a)}function yt(){const e=x(a=>a.voucherConfig.language),t=x(a=>a.personalInfo),n=x(a=>a.setPersonalInfo),r=G(e);return i.jsxs("div",{className:"space-y-4",children:[i.jsxs("div",{className:"form-control",children:[i.jsx("label",{className:"label",children:i.jsx("span",{className:"label-text font-medium",children:r.form.personalInfo.name})}),i.jsx("input",{type:"text",placeholder:r.form.personalInfo.namePlaceholder,className:"input input-bordered w-full",value:t.name,onChange:a=>n({name:a.target.value})})]}),i.jsxs("div",{className:"form-control",children:[i.jsx("label",{className:"label",children:i.jsx("span",{className:"label-text font-medium",children:r.form.personalInfo.email})}),i.jsx("input",{type:"email",placeholder:r.form.personalInfo.emailPlaceholder,className:"input input-bordered w-full",value:t.email,onChange:a=>n({email:a.target.value})})]}),i.jsxs("div",{className:"form-control",children:[i.jsx("label",{className:"label",children:i.jsx("span",{className:"label-text font-medium",children:r.form.personalInfo.phone})}),i.jsx("input",{type:"tel",placeholder:r.form.personalInfo.phonePlaceholder,className:"input input-bordered w-full",value:t.phone,onChange:a=>n({phone:a.target.value})})]})]})}const vt=1024,ee=new Map;let W=null,He=null;function Te(e,t){return W||(W=document.createElement("canvas"),He=W.getContext("2d",{willReadFrequently:!0})),(W.width!==e||W.height!==t)&&(W.width=e,W.height=t),He}function ie(e){const t=ee.get(e);return t?Promise.resolve(t):new Promise((n,r)=>{const a=new Image;a.onload=()=>{if(ee.size>10){const o=ee.keys().next().value;o&&ee.delete(o)}ee.set(e,a),n(a)},a.onerror=()=>r(new Error("Failed to load image")),a.src=e})}function It(){ee.clear()}async function kt(e,t=vt){const n=await ie(e),r=Math.max(n.width,n.height);if(r<=t)return e;const a=t/r,o=Math.round(n.width*a),s=Math.round(n.height*a),d=document.createElement("canvas"),c=d.getContext("2d");if(!c)throw new Error("Failed to get canvas context");return d.width=o,d.height=s,c.drawImage(n,0,0,o,s),d.toDataURL("image/jpeg",.9)}async function ye(e,t,n,r=0){const[a,o]=await Promise.all([ie(e),ie(t)]),s=Te(a.width,a.height);if(s.clearRect(0,0,a.width,a.height),n>0){const d=r*20;s.save(),s.globalAlpha=n,d>0&&(s.filter=`blur(${d}px)`),s.drawImage(o,0,0,a.width,a.height),s.restore()}return s.drawImage(a,0,0),W.toDataURL("image/png")}async function _e(e,t=.5){const n=await ie(e),r=Te(n.width,n.height);r.drawImage(n,0,0);const a=r.getImageData(0,0,n.width,n.height),o=a.data,s=new Uint32Array(o.buffer),d=1+t*.8,c=1-t;for(let u=0;u<s.length;u++){const p=s[u],h=p&255,w=p>>8&255,g=p>>16&255,v=p>>24&255;if(v===0)continue;let k=(((77*h+150*w+29*g>>8)/255-.5)*d+.5)*255;k<0?k=0:k>255&&(k=255);let P=k*.9+25,T=k*.78+15,I=k*.55+5;P>255&&(P=255),T>255&&(T=255),I>255&&(I=255);const C=h*c+P*t|0,E=w*c+T*t|0,D=g*c+I*t|0;s[u]=v<<24|D<<16|E<<8|C}return r.putImageData(a,0,0),W.toDataURL("image/png")}function Pt(e,t,n){e/=255,t/=255,n/=255;const r=Math.max(e,t,n),a=Math.min(e,t,n),o=(r+a)/2;let s=0,d=0;if(r!==a){const c=r-a;switch(d=o>.5?c/(2-r-a):c/(r+a),r){case e:s=((t-n)/c+(t<n?6:0))/6;break;case t:s=((n-e)/c+2)/6;break;case n:s=((e-t)/c+4)/6;break}}return[s,d,o]}function Ct(e,t,n){if(t===0){const s=Math.round(n*255);return[s,s,s]}const r=(s,d,c)=>(c<0&&(c+=1),c>1&&(c-=1),c<1/6?s+(d-s)*6*c:c<1/2?d:c<2/3?s+(d-s)*(2/3-c)*6:s),a=n<.5?n*(1+t):n+t-n*t,o=2*n-a;return[Math.round(r(o,a,e+1/3)*255),Math.round(r(o,a,e)*255),Math.round(r(o,a,e-1/3)*255)]}async function ze(e,t){if(t>=155&&t<=165)return e;const n=await ie(e),r=Te(n.width,n.height);r.drawImage(n,0,0);const a=r.getImageData(0,0,n.width,n.height),o=a.data,s=new Uint32Array(o.buffer),d=t%360/360,c=60/360,u=260/360,p=1e5,h=s.length;for(let w=0;w<h;w+=p){const g=Math.min(w+p,h);for(let v=w;v<g;v++){const b=s[v],k=b&255,P=b>>8&255,T=b>>16&255,I=b>>24&255;if(I===0)continue;const[C,E,D]=Pt(k,P,T);if(E<.06||C<c||C>u)continue;const B=d,[L,_,j]=Ct(B,E,D);s[v]=I<<24|j<<16|_<<8|L}g<h&&await new Promise(v=>setTimeout(v,0))}return r.putImageData(a,0,0),W.toDataURL("image/png")}const St="https://api.stability.ai/v1/generation",Tt="https://api.stability.ai/v2beta/stable-image/edit/remove-background",We="stability_api_key";let ae=null;function Rt(e){ae=e}function Et(){return ae}function jt(){return ae!==null}const Bt={vintage:"portrait in the style of vintage currency engraving, fine line work, crosshatching, sepia tones, detailed stippling, classic bank note portrait style",engraved:"portrait as detailed intaglio engraving, currency bill style, fine parallel lines, high contrast, official government portrait",currency:"portrait rendered as US dollar bill engraving, official currency portrait style, green tint, fine line engraving technique"},Me=[{width:1024,height:1024},{width:1152,height:896},{width:1216,height:832},{width:1344,height:768},{width:1536,height:640},{width:640,height:1536},{width:768,height:1344},{width:832,height:1216},{width:896,height:1152}];function Lt(e,t){const n=e/t;let r=Me[0],a=1/0;for(const o of Me){const s=o.width/o.height,d=Math.abs(n-s);d<a&&(a=d,r=o)}return r}function Nt(e){return new Promise((t,n)=>{const r=new Image;r.onload=()=>{const a=Lt(r.width,r.height),o=document.createElement("canvas");o.width=a.width,o.height=a.height;const s=o.getContext("2d");if(!s){n(new Error("Failed to get canvas context"));return}const d=r.width/r.height,c=a.width/a.height;let u=0,p=0,h=r.width,w=r.height;d>c?(h=r.height*c,u=(r.width-h)/2):(w=r.width/c,p=(r.height-w)/2),s.drawImage(r,u,p,h,w,0,0,a.width,a.height),t(o.toDataURL("image/png"))},r.onerror=()=>n(new Error("Failed to load image")),r.src=e})}function Xe(e){var s;const t=e.split(","),n=((s=t[0].match(/:(.*?);/))==null?void 0:s[1])||"image/png",r=atob(t[1]),a=r.length,o=new Uint8Array(a);for(let d=0;d<a;d++)o[d]=r.charCodeAt(d);return new Blob([o],{type:n})}function he(){var t;const e=typeof{url:typeof document>"u"?require("url").pathToFileURL(__filename).href:ne&&ne.tagName.toUpperCase()==="SCRIPT"&&ne.src||new URL("index.cjs",document.baseURI).href}<"u"&&"sk-7mEKklrqaltdtgbX0VoZbkA8E1cl939Spn75jSIYRvp1BW0b"||typeof process<"u"&&((t=process.env)==null?void 0:t.NEXT_PUBLIC_STABILITY_API_KEY);return e&&e!=="your-api-key-here"?e:typeof localStorage<"u"?localStorage.getItem(We):null}function $e(e){localStorage.setItem(We,e)}function Pe(){return ae?!0:he()!==null}async function Dt(e){const t=he();if(!t)throw new Error("No Stability AI API key configured");const{imageDataUrl:n,style:r,strength:a=.35}=e,o=await Nt(n),s=Xe(o),d=new FormData;d.append("init_image",s,"portrait.png"),d.append("init_image_mode","IMAGE_STRENGTH"),d.append("image_strength",String(1-a)),d.append("text_prompts[0][text]",Bt[r]),d.append("text_prompts[0][weight]","1"),d.append("cfg_scale","7"),d.append("samples","1"),d.append("steps","30");const u=await fetch(`${St}/stable-diffusion-xl-1024-v1-0/image-to-image`,{method:"POST",headers:{Authorization:`Bearer ${t}`,Accept:"application/json"},body:d});if(!u.ok){const h=await u.text();throw console.error("Stability AI error:",h),u.status===401?new Error("Invalid API key"):u.status===402?new Error("Insufficient credits"):u.status===429?new Error("Rate limit exceeded. Please try again later."):new Error(`API error: ${u.status}`)}const p=await u.json();if(!p.artifacts||p.artifacts.length===0)throw new Error("No image generated");return`data:image/png;base64,${p.artifacts[0].base64}`}async function Oe(e){if(ae){const s=await fetch(ae,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({imageDataUrl:e})});if(!s.ok){const c=await s.json().catch(()=>({}));throw new Error(c.error||`API error: ${s.status}`)}return(await s.json()).imageDataUrl}const t=he();if(!t)throw new Error("No Stability AI API key configured");const n=Xe(e),r=new FormData;r.append("image",n,"image.png"),r.append("output_format","png");const a=await fetch(Tt,{method:"POST",headers:{Authorization:`Bearer ${t}`,Accept:"image/*"},body:r});if(!a.ok){const s=await a.text();throw console.error("Stability AI remove background error:",s),a.status===401?new Error("Invalid API key"):a.status===402?new Error("Insufficient credits"):a.status===429?new Error("Rate limit exceeded. Please try again later."):new Error(`API error: ${a.status}`)}const o=await a.blob();return new Promise((s,d)=>{const c=new FileReader;c.onload=()=>s(c.result),c.onerror=()=>d(new Error("Failed to read result")),c.readAsDataURL(o)})}function Ht(){const[e,t]=m.useState(!1),[n,r]=m.useState(!1),[a,o]=m.useState(null),[s,d]=m.useState(()=>Pe());m.useEffect(()=>{d(Pe())},[]);const c=m.useCallback(()=>o(null),[]),u=m.useCallback(w=>{$e(w),d(!0),o(null)},[]),p=m.useCallback(async(w,g=.5)=>{t(!0),o(null);try{return await _e(w,g)}catch(v){const b=v instanceof Error?v.message:"Enhancement failed";throw o(b),v}finally{t(!1)}},[]),h=m.useCallback(async w=>{r(!0),o(null);try{return await Oe(w)}catch(g){const v=g instanceof Error?g.message:"Background removal failed";throw o(v),g}finally{r(!1)}},[]);return{enhance:p,removeBg:h,isEnhancing:e,isRemovingBg:n,error:a,hasKey:s,setApiKey:u,clearError:c}}function Fe({isOpen:e,onClose:t,onSubmit:n}){const r=x(u=>u.voucherConfig.language),[a,o]=m.useState("");if(!e)return null;const s=u=>{u.preventDefault(),a.trim()&&(n(a.trim()),o(""),t())},c={de:{title:"Stability AI API Key",description:"Um die AI-Bildverbesserung zu nutzen, benötigst du einen Stability AI API Key. Du kannst ihn auf platform.stability.ai erhalten.",placeholder:"sk-...",submit:"Speichern",cancel:"Abbrechen",hint:"Der Key wird lokal in deinem Browser gespeichert."},en:{title:"Stability AI API Key",description:"To use AI image enhancement, you need a Stability AI API key. You can get one at platform.stability.ai.",placeholder:"sk-...",submit:"Save",cancel:"Cancel",hint:"The key is stored locally in your browser."}}[r];return i.jsxs("dialog",{className:"modal modal-open",children:[i.jsxs("div",{className:"modal-box",children:[i.jsx("h3",{className:"font-bold text-lg",children:c.title}),i.jsx("p",{className:"py-4 text-sm opacity-80",children:c.description}),i.jsxs("form",{onSubmit:s,children:[i.jsxs("div",{className:"form-control",children:[i.jsx("input",{type:"password",placeholder:c.placeholder,className:"input input-bordered w-full",value:a,onChange:u=>o(u.target.value),autoFocus:!0}),i.jsx("label",{className:"label",children:i.jsx("span",{className:"label-text-alt",children:c.hint})})]}),i.jsxs("div",{className:"modal-action",children:[i.jsx("button",{type:"button",className:"btn btn-ghost",onClick:t,children:c.cancel}),i.jsx("button",{type:"submit",className:"btn btn-primary",disabled:!a.trim(),children:c.submit})]})]})]}),i.jsx("form",{method:"dialog",className:"modal-backdrop",children:i.jsx("button",{onClick:t,children:"close"})})]})}function Mt(){const e=x(l=>l.voucherConfig.language),t=x(l=>l.portrait),n=x(l=>l.setPortrait),r=x(l=>l.setPortraitZoom),a=x(l=>l.setPortraitPan),o=x(l=>l.setPortraitRawImage),s=x(l=>l.setPortraitBgRemoved),d=x(l=>l.setPortraitBgOpacity),c=x(l=>l.setPortraitBgBlur),u=x(l=>l.setPortraitEngravingIntensity),{enhance:p,removeBg:h,isEnhancing:w,isRemovingBg:g,error:v,hasKey:b,setApiKey:k}=Ht(),P=G(e),T=m.useRef(null),I=m.useRef(null),[C,E]=m.useState(!1),[D,B]=m.useState(!1),[L,_]=m.useState(!1),j=m.useRef(null),H=m.useRef(null),M=m.useRef(null),R=t.rawImage,z=t.bgRemovedImage,A=t.bgRemoved,X=t.bgOpacity,V=t.bgBlur,se=t.engravingIntensity;m.useEffect(()=>{t.original&&!t.rawImage&&o(t.original)},[t.original,t.rawImage,o]),m.useEffect(()=>()=>{H.current&&clearTimeout(H.current),M.current&&clearTimeout(M.current)},[]);const re=m.useCallback(async l=>{if(!l.type.startsWith("image/"))return;const y=new FileReader;y.onload=async S=>{var ue;const U=(ue=S.target)==null?void 0:ue.result,de=await kt(U);o(de),n(de),s(!1,null),u(0)},y.readAsDataURL(l)},[n,o,s,u]),ge=m.useCallback(l=>{l.preventDefault(),E(!1);const y=l.dataTransfer.files[0];y&&re(y)},[re]),f=m.useCallback(l=>{l.preventDefault(),E(!0)},[]),N=m.useCallback(l=>{l.preventDefault(),E(!1)},[]),$=()=>{var l;(l=T.current)==null||l.click()},Z=l=>{var S;const y=(S=l.target.files)==null?void 0:S[0];y&&re(y)},O=m.useCallback(async(l,y)=>{try{return await p(l,y)}catch(S){return console.error("Enhancement failed:",S),l}},[p]),J=m.useCallback(async l=>{try{const y=await h(l);return s(!0,y),y}catch(y){return console.error("Background removal failed:",y),l}},[h,s]),F=m.useCallback(async()=>{const l=x.getState().portrait;if(!l.rawImage)return;let y;l.bgRemoved&&l.bgRemovedImage?y=await ye(l.bgRemovedImage,l.rawImage,l.bgOpacity,l.bgBlur):y=l.rawImage,l.engravingIntensity>0&&(y=await O(y,l.engravingIntensity)),n(y)},[O,n]),oe=async()=>{if(!R)return;if(!A&&!b){B(!0);return}if(!A){const y=await J(R),S=x.getState().portrait;let U=await ye(y,R,S.bgOpacity,S.bgBlur);S.engravingIntensity>0&&(U=await O(U,S.engravingIntensity)),n(U)}else{s(!1,null);const y=x.getState().portrait.engravingIntensity;if(y>0){const S=await O(R,y);n(S)}else n(R)}},fe=l=>{u(l),H.current&&clearTimeout(H.current),R&&(H.current=setTimeout(F,150))},be=async l=>{if(k(l),!R)return;const y=await J(R),S=x.getState().portrait;let U=await ye(y,R,S.bgOpacity,S.bgBlur);S.engravingIntensity>0&&(U=await O(U,S.engravingIntensity)),n(U)},xe=l=>{d(l),M.current&&clearTimeout(M.current),!(!R||!z)&&(M.current=setTimeout(F,150))},le=l=>{c(l),M.current&&clearTimeout(M.current),!(!R||!z)&&(M.current=setTimeout(F,150))},ce=()=>{n(null),o(null),s(!1,null),d(0),c(0),u(0),It()},Le=(l,y)=>{t.zoom<=1||(_(!0),j.current={x:l,y,panX:t.panX,panY:t.panY})},Ne=(l,y)=>{if(!L||!j.current||!I.current)return;const S=I.current.getBoundingClientRect(),U=2/Math.max(S.width,S.height),de=(l-j.current.x)*U,ue=(y-j.current.y)*U,pt=Math.max(-1,Math.min(1,j.current.panX+de)),ht=Math.max(-1,Math.min(1,j.current.panY+ue));a(pt,ht)},we=()=>{_(!1),j.current=null},ot=l=>{l.preventDefault(),Le(l.clientX,l.clientY)},it=l=>{Ne(l.clientX,l.clientY)},st=()=>{we()},lt=()=>{we()},ct=l=>{l.touches.length===1&&Le(l.touches[0].clientX,l.touches[0].clientY)},dt=l=>{l.touches.length===1&&Ne(l.touches[0].clientX,l.touches[0].clientY)},ut=()=>{we()};return i.jsxs("div",{className:"space-y-4",children:[t.original?i.jsxs("div",{className:"flex flex-col items-center space-y-4",children:[i.jsxs("div",{className:"relative",children:[i.jsx("div",{ref:I,className:`w-32 h-32 rounded-full overflow-hidden border-4 border-currency-gold shadow-lg ${t.zoom>1?"cursor-grab":""} ${L?"cursor-grabbing":""}`,onMouseDown:ot,onMouseMove:it,onMouseUp:st,onMouseLeave:lt,onTouchStart:ct,onTouchMove:dt,onTouchEnd:ut,children:i.jsx("img",{src:t.original||"",alt:"Portrait",className:"w-full h-full object-cover pointer-events-none select-none",style:{transform:`scale(${t.zoom}) translate(${t.panX*50*(t.zoom-1)}%, ${t.panY*50*(t.zoom-1)}%)`},draggable:!1})}),i.jsx("button",{className:"btn btn-circle btn-xs btn-error absolute -top-1 -right-1",onClick:ce,children:i.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",className:"h-4 w-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:i.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"})})})]}),i.jsxs("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-4 w-full",children:[i.jsxs("div",{className:"form-control w-full",children:[i.jsxs("label",{className:"label",children:[i.jsx("span",{className:"label-text",children:P.form.portrait.zoom}),i.jsxs("span",{className:"label-text-alt",children:[Math.round(t.zoom*100),"%"]})]}),i.jsx("input",{type:"range",min:"0.5",max:"2",step:"0.05",value:t.zoom,onChange:l=>{const y=parseFloat(l.target.value);r(y),y<=1&&(t.panX!==0||t.panY!==0)&&a(0,0)},className:"range range-primary range-sm"})]}),i.jsxs("div",{className:"form-control w-full",children:[i.jsxs("label",{className:"label",children:[i.jsxs("span",{className:"label-text flex items-center gap-2",children:[e==="de"?"Sepia-Effekt":"Sepia effect",w&&i.jsx("span",{className:"loading loading-spinner loading-xs"})]}),i.jsxs("span",{className:"label-text-alt",children:[Math.round(se*100),"%"]})]}),i.jsx("input",{type:"range",min:"0",max:"1",step:"0.05",value:se,onChange:l=>fe(parseFloat(l.target.value)),className:"range range-secondary range-sm",disabled:w||!R})]})]}),A?i.jsxs("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-4 w-full",children:[i.jsxs("div",{className:"form-control w-full",children:[i.jsxs("label",{className:"label",children:[i.jsx("span",{className:"label-text",children:e==="de"?"Hintergrund":"Background"}),i.jsxs("span",{className:"label-text-alt",children:[Math.round(X*100),"%"]})]}),i.jsx("input",{type:"range",min:"0",max:"1",step:"0.05",value:X,onChange:l=>xe(parseFloat(l.target.value)),className:"range range-primary range-sm"})]}),i.jsxs("div",{className:"form-control w-full",children:[i.jsxs("label",{className:"label",children:[i.jsx("span",{className:"label-text",children:e==="de"?"Unschärfe":"Blur"}),i.jsxs("span",{className:"label-text-alt",children:[Math.round(V*100),"%"]})]}),i.jsx("input",{type:"range",min:"0",max:"1",step:"0.05",value:V,onChange:l=>le(parseFloat(l.target.value)),className:"range range-primary range-sm"})]})]}):i.jsx("div",{className:"form-control",children:i.jsxs("label",{className:"label cursor-pointer justify-start gap-3",children:[i.jsx("input",{type:"checkbox",className:`toggle toggle-primary ${g?"opacity-50":""}`,checked:A,onChange:oe,disabled:g||!R}),i.jsxs("span",{className:"label-text flex items-center gap-2",children:[g?i.jsxs(i.Fragment,{children:[i.jsx("span",{className:"loading loading-spinner loading-xs"}),e==="de"?"Hintergrund wird entfernt...":"Removing background..."]}):e==="de"?"Hintergrund entfernen":"Remove background",!b&&i.jsx("span",{className:"badge badge-sm badge-outline",children:"API"})]})]})}),v&&i.jsxs("div",{className:"alert alert-warning text-sm py-2",children:[i.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:i.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"})}),i.jsx("span",{children:v})]})]}):i.jsxs("div",{className:`border-2 border-dashed rounded-lg p-8 text-center cursor-pointer transition-colors ${g?"border-primary bg-primary/10 pointer-events-none":C?"border-primary bg-primary/10":"border-base-300 hover:border-primary hover:bg-base-200"}`,onDrop:ge,onDragOver:f,onDragLeave:N,onClick:$,children:[i.jsx("input",{ref:T,type:"file",accept:"image/*",className:"hidden",onChange:Z}),g?i.jsxs("div",{className:"flex flex-col items-center gap-2",children:[i.jsx("span",{className:"loading loading-spinner loading-lg text-primary"}),i.jsx("p",{className:"font-medium",children:e==="de"?"Hintergrund wird entfernt...":"Removing background..."})]}):i.jsxs("div",{className:"flex flex-col items-center gap-2",children:[i.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:i.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"})}),i.jsx("p",{className:"font-medium",children:P.form.portrait.upload}),i.jsx("p",{className:"text-sm text-base-content/60",children:P.form.portrait.dragDrop})]})]}),i.jsx(Fe,{isOpen:D,onClose:()=>B(!1),onSubmit:be})]})}function At(){return null}const Y=typeof{url:typeof document>"u"?require("url").pathToFileURL(__filename).href:ne&&ne.tagName.toUpperCase()==="SCRIPT"&&ne.src||new URL("index.cjs",document.baseURI).href}<"u"&&"/"||"/",Re={en:{1:{front:`${Y}templates/front_ldpi_en.png`,back:`${Y}templates/back_ldpi_en.png`,width:1536,height:1024},5:{front:`${Y}templates/front_ldpi_en.png`,back:`${Y}templates/back_ldpi_en.png`,width:1536,height:1024},10:{front:`${Y}templates/front_ldpi_en.png`,back:`${Y}templates/back_ldpi_en.png`,width:1536,height:1024}},de:{1:{front:`${Y}templates/front_hdpi_de.webp`,back:`${Y}templates/back_hdpi_de.webp`,width:6144,height:3200},5:{front:`${Y}templates/front_hdpi_de.webp`,back:`${Y}templates/back_hdpi_de.webp`,width:6144,height:3200},10:{front:`${Y}templates/front_hdpi_de.webp`,back:`${Y}templates/back_hdpi_de.webp`,width:6144,height:3200}}},q={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"}}},K={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 Ee(e){return e==="de"?K:q}function qe(e,t){return Re[e][t]}const Ce=.25;function Ut(e){const t=Ee(e),n=Ce,r=a=>({portrait:{x:a.portrait.x*n,y:a.portrait.y*n,radiusX:a.portrait.radiusX*n,radiusY:a.portrait.radiusY*n},namePlate:{x:a.namePlate.x*n,y:a.namePlate.y*n,fontSize:a.namePlate.fontSize*n,maxWidth:a.namePlate.maxWidth?a.namePlate.maxWidth*n:void 0,lineHeight:a.namePlate.lineHeight?a.namePlate.lineHeight*n:void 0,align:a.namePlate.align},contactInfo:a.contactInfo?{x:a.contactInfo.x*n,y:a.contactInfo.y*n,fontSize:a.contactInfo.fontSize*n,maxWidth:a.contactInfo.maxWidth?a.contactInfo.maxWidth*n:void 0,lineHeight:a.contactInfo.lineHeight?a.contactInfo.lineHeight*n:void 0,align:a.contactInfo.align}:void 0,description:a.description?{x:a.description.x*n,y:a.description.y*n,fontSize:a.description.fontSize*n,maxWidth:a.description.maxWidth?a.description.maxWidth*n:void 0,lineHeight:a.description.lineHeight?a.description.lineHeight*n:void 0,align:a.description.align}:void 0});return{front:r(t.front),back:r(t.back)}}function Yt(e,t){const n=Re[e][t];return{...n,width:Math.round(n.width*Ce),height:Math.round(n.height*Ce)}}const ve=new Map,Q=new Map;async function te(e){return ve.has(e)?ve.get(e):new Promise((t,n)=>{const r=new Image;r.crossOrigin="anonymous",r.onload=()=>{ve.set(e,r),t(r)},r.onerror=n,r.src=e})}function je(e,t,n,r){e.drawImage(t,0,0,n,r)}async function Ke(e,t,n,r){if(t>=155&&t<=165)return te(e);const a=`${e}:${t}:${n}x${r}`;if(Q.has(a))return te(Q.get(a));const o=await te(e),s=document.createElement("canvas");s.width=n,s.height=r;const d=s.getContext("2d");if(!d)throw new Error("Failed to get canvas context");d.drawImage(o,0,0,n,r);const c=s.toDataURL("image/png"),u=await ze(c,t);if(Q.size>20){const p=Q.keys().next().value;p&&Q.delete(p)}return Q.set(a,u),te(u)}function Ge(e,t,n,r,a,o,s=1,d=0,c=0){e.save(),e.beginPath(),e.ellipse(n,r,a,o,0,0,Math.PI*2),e.closePath(),e.clip();const u=t.width/t.height,p=a/o,h=a*2,w=o*2;let g,v;u>p?(v=w,g=w*u):(g=h,v=h/u),g*=s,v*=s;const b=Math.max(0,(g-h)/2),k=Math.max(0,(v-w)/2),P=n-g/2+d*b,T=r-v/2+c*k;e.drawImage(t,P,T,g,v),e.restore()}function Be(e,t,n,r="#2a3a2a"){e.save(),e.font=`${n.fontSize}px "Times New Roman", serif`,e.textAlign=n.align||"center",e.textBaseline="middle",e.fillStyle=r,n.maxWidth?e.fillText(t,n.x,n.y,n.maxWidth):e.fillText(t,n.x,n.y),e.restore()}function Ve(e,t,n,r="#2a3a2a"){e.save(),e.font=`${n.fontSize}px "Times New Roman", serif`,e.textAlign=n.align||"center",e.textBaseline="top",e.fillStyle=r;const a=n.maxWidth||400,o=n.lineHeight||n.fontSize*1.4,s=t.split(" "),d=[];let c="";for(const h of s){const w=c?`${c} ${h}`:h;e.measureText(w).width>a&&c?(d.push(c),c=h):c=w}c&&d.push(c);const u=d.length*o;let p=n.y-u/2;for(const h of d)e.fillText(h,n.x,p),p+=o;e.restore()}function Ze(e,t,n,r,a,o="#2a3a2a"){e.save(),e.font=`${a.fontSize}px "Times New Roman", serif`,e.textAlign=a.align||"center",e.textBaseline="middle",e.fillStyle=o;const s=a.lineHeight||a.fontSize*1.8,d=[t,n,r].filter(Boolean),c=(d.length-1)*s;let u=a.y-c/2;for(const p of d)p&&(e.fillText(p,a.x,u),u+=s);e.restore()}async function Je(e,t,n,r,a,o,s,d=1,c=0,u=0,p=0){const h=e.getContext("2d");if(!h)return;e.width=o,e.height=s,h.clearRect(0,0,o,s);const w=await Ke(t,p,o,s);if(je(h,w,o,s),n)try{const g=await te(n);Ge(h,g,a.portrait.x,a.portrait.y,a.portrait.radiusX,a.portrait.radiusY,d,c,u)}catch(g){console.error("Failed to load portrait:",g)}r&&Be(h,r,a.namePlate)}async function Qe(e,t,n,r,a,o,s,d,c,u=0){const p=e.getContext("2d");if(!p)return;e.width=d,e.height=c,p.clearRect(0,0,d,c);const h=await Ke(t,u,d,c);je(p,h,d,c),s.contactInfo&&(n||r||a)&&Ze(p,n,r,a,s.contactInfo),s.description&&o&&Ve(p,o,s.description),n&&Be(p,n,s.namePlate)}function _t(e,t){const[n,r]=m.useState(e);return m.useEffect(()=>{const a=setTimeout(()=>r(e),t);return()=>clearTimeout(a)},[e,t]),n}function zt(){const e=x(f=>f.voucherConfig.language),t=x(f=>f.voucherConfig.hours),n=x(f=>f.voucherConfig.description),r=x(f=>f.voucherConfig.templateHue),a=x(f=>f.personalInfo),o=x(f=>f.portrait),s=x(f=>f.currentSide),d=x(f=>f.flipSide),c=x(f=>f.setPortraitPan),u=_t(r,150),p=G(e),h=m.useRef(null),w=m.useRef(null),g=m.useRef(null),[v,b]=m.useState(!1),[k,P]=m.useState(!1),T=m.useRef(null),I=Yt(e,t),C=Ut(e),E=o.useEnhanced&&o.enhanced?o.enhanced:o.original,D=Se(e,t,n);m.useEffect(()=>{h.current&&Je(h.current,I.front,E,a.name,C.front,I.width,I.height,o.zoom,o.panX,o.panY,u)},[I,E,a.name,C,o.zoom,o.panX,o.panY,u]),m.useEffect(()=>{w.current&&Qe(w.current,I.back,a.name,a.email,a.phone,D,C.back,I.width,I.height,u)},[I,a,D,C,u]);const B=()=>{b(!0),setTimeout(()=>{d(),b(!1)},150)},L=m.useCallback((f,N)=>{if(!g.current||s!=="front"||!o.original)return!1;const $=g.current.getBoundingClientRect(),Z=$.width/I.width,O=$.height/I.height,J=(f-$.left)/Z,F=(N-$.top)/O,{x:oe,y:fe,radiusX:be,radiusY:xe}=C.front.portrait,le=(J-oe)/be,ce=(F-fe)/xe;return le*le+ce*ce<=1},[s,o.original,I.width,I.height,C.front.portrait]),_=m.useCallback((f,N)=>{o.zoom<=1||!L(f,N)||(P(!0),T.current={x:f,y:N,panX:o.panX,panY:o.panY})},[o.zoom,o.panX,o.panY,L]),j=m.useCallback((f,N)=>{if(!k||!T.current||!g.current)return;const $=g.current.getBoundingClientRect(),Z=3/Math.max($.width,$.height),O=(f-T.current.x)*Z,J=(N-T.current.y)*Z,F=Math.max(-1,Math.min(1,T.current.panX+O)),oe=Math.max(-1,Math.min(1,T.current.panY+J));c(F,oe)},[k,c]),H=m.useCallback(()=>{P(!1),T.current=null},[]),M=f=>{o.zoom>1&&L(f.clientX,f.clientY)&&(f.preventDefault(),_(f.clientX,f.clientY))},R=f=>{j(f.clientX,f.clientY)},z=()=>H(),A=()=>H(),X=f=>{if(f.touches.length===1){const N=f.touches[0];o.zoom>1&&L(N.clientX,N.clientY)&&_(N.clientX,N.clientY)}},V=f=>{f.touches.length===1&&j(f.touches[0].clientX,f.touches[0].clientY)},se=()=>H(),re=s==="front"&&o.original&&o.zoom>1,ge=I.width/I.height;return i.jsxs("div",{className:"space-y-4",children:[i.jsxs("div",{className:"flex justify-between items-center",children:[i.jsxs("div",{className:"tabs tabs-boxed bg-base-200",children:[i.jsx("button",{className:`tab ${s==="front"?"tab-active bg-primary text-primary-content font-semibold":""}`,onClick:()=>s!=="front"&&B(),children:p.preview.front}),i.jsx("button",{className:`tab ${s==="back"?"tab-active bg-primary text-primary-content font-semibold":""}`,onClick:()=>s!=="back"&&B(),children:p.preview.back})]}),i.jsxs("button",{className:"btn btn-ghost btn-sm",onClick:B,children:[i.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",className:"h-5 w-5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:i.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"})}),p.preview.flip]})]}),i.jsxs("div",{ref:g,className:`relative w-full overflow-hidden shadow-lg ${re?k?"cursor-grabbing":"cursor-grab":""}`,style:{aspectRatio:ge},onMouseDown:M,onMouseMove:R,onMouseUp:z,onMouseLeave:A,onTouchStart:X,onTouchMove:V,onTouchEnd:se,children:[i.jsx("canvas",{ref:h,className:`absolute inset-0 w-full h-full transition-all duration-300 ${s==="front"?v?"opacity-0 scale-95":"opacity-100 scale-100":"opacity-0 scale-95 pointer-events-none"}`}),i.jsx("canvas",{ref:w,className:`absolute inset-0 w-full h-full transition-all duration-300 ${s==="back"?v?"opacity-0 scale-95":"opacity-100 scale-100":"opacity-0 scale-95 pointer-events-none"}`})]})]})}function Wt(){const e=m.useRef(null),t=m.useRef(null);return{frontCanvasRef:e,backCanvasRef:t}}const Xt=`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),mt=require("zustand"),gt=require("zustand/middleware"),m=require("react"),ft=require("jspdf");var ne=typeof document<"u"?document.currentScript:null;const De={personalInfo:{name:"",email:"",phone:""},voucherConfig:{hours:1,description:"",language:"de",templateHue:160},portrait:{original:null,enhanced:null,useEnhanced:!1,zoom:1,panX:0,panY:0,rawImage:null,bgRemovedImage:null,bgRemoved:!1,bgOpacity:0,bgBlur:0,engravingIntensity:0},currentSide:"front",isEnhancing:!1,isExporting:!1},x=mt.create()(gt.persist(e=>({...De,setPersonalInfo:t=>e(n=>({personalInfo:{...n.personalInfo,...t}})),setVoucherConfig:t=>e(n=>({voucherConfig:{...n.voucherConfig,...t}})),setPortrait:(t,n=null)=>e(r=>({portrait:{...r.portrait,original:t,enhanced:n,useEnhanced:!1,zoom:r.portrait.original&&t?r.portrait.zoom:1,panX:r.portrait.original&&t?r.portrait.panX:0,panY:r.portrait.original&&t?r.portrait.panY:0}})),setEnhancedPortrait:t=>e(n=>({portrait:{...n.portrait,enhanced:t,useEnhanced:t!==null}})),toggleUseEnhanced:()=>e(t=>({portrait:{...t.portrait,useEnhanced:t.portrait.enhanced?!t.portrait.useEnhanced:!1}})),setPortraitZoom:t=>e(n=>({portrait:{...n.portrait,zoom:t}})),setPortraitPan:(t,n)=>e(r=>({portrait:{...r.portrait,panX:t,panY:n}})),setPortraitRawImage:t=>e(n=>({portrait:{...n.portrait,rawImage:t}})),setPortraitBgRemoved:(t,n)=>e(r=>({portrait:{...r.portrait,bgRemoved:t,bgRemovedImage:n!==void 0?n:r.portrait.bgRemovedImage}})),setPortraitBgOpacity:t=>e(n=>({portrait:{...n.portrait,bgOpacity:t}})),setPortraitBgBlur:t=>e(n=>({portrait:{...n.portrait,bgBlur:t}})),setPortraitEngravingIntensity:t=>e(n=>({portrait:{...n.portrait,engravingIntensity:t}})),setCurrentSide:t=>e({currentSide:t}),flipSide:()=>e(t=>({currentSide:t.currentSide==="front"?"back":"front"})),setIsEnhancing:t=>e({isEnhancing:t}),setIsExporting:t=>e({isExporting:t}),setLanguage:t=>e(n=>({voucherConfig:{...n.voucherConfig,language:t}})),setHours:t=>e(n=>({voucherConfig:{...n.voucherConfig,hours:t}})),setTemplateHue:t=>e(n=>({voucherConfig:{...n.voucherConfig,templateHue:t}})),reset:()=>e(De)}),{name:"money-generator-storage",partialize:e=>({personalInfo:e.personalInfo,voucherConfig:e.voucherConfig,portrait:{original:null,enhanced:null,useEnhanced:e.portrait.useEnhanced,zoom:e.portrait.zoom,panX:e.portrait.panX,panY:e.portrait.panY,rawImage:null,bgRemovedImage:null,bgRemoved:!1,bgOpacity:0,bgBlur:0,engravingIntensity:e.portrait.engravingIntensity}})})),bt={header:{title:"Money Generator",subtitle:"Erstelle deinen persönlichen Zeitgutschein"},form:{personalInfo:{title:"Persönliche Daten",name:"Name",namePlaceholder:"Dein Name",email:"E-Mail",emailPlaceholder:"deine@email.de",phone:"Telefon",phonePlaceholder:"+49 123 456789"},portrait:{title:"Portrait",upload:"Bild hochladen",dragDrop:"oder hierher ziehen",enhance:"Mit AI verbessern",enhancing:"Wird verbessert...",useOriginal:"Original verwenden",useEnhanced:"Verbessertes verwenden",zoom:"Zoom"},voucher:{title:"Gutschein",hours:"Stunden",hourLabel:"Stunde",hoursLabel:"Stunden",description:"Beschreibung",descriptionPlaceholder:"Was kann mit diesem Gutschein eingelöst werden?"},billColor:{title:"Scheinfarbe",label:"Farbton"}},preview:{front:"Vorderseite",back:"Rückseite",flip:"Umdrehen"},export:{button:"Als PDF herunterladen",exporting:"PDF wird erstellt...",success:"Download gestartet!"},bill:{descriptionText:"Für diesen Schein erhältst du {hours} {hourLabel} meiner Zeit oder ein gleichwertiges Dankeschön"}},xt={header:{title:"Money Generator",subtitle:"Create your personal time voucher"},form:{personalInfo:{title:"Personal Information",name:"Name",namePlaceholder:"Your name",email:"Email",emailPlaceholder:"your@email.com",phone:"Phone",phonePlaceholder:"+1 234 567890"},portrait:{title:"Portrait",upload:"Upload image",dragDrop:"or drag and drop",enhance:"Enhance with AI",enhancing:"Enhancing...",useOriginal:"Use original",useEnhanced:"Use enhanced",zoom:"Zoom"},voucher:{title:"Voucher",hours:"Hours",hourLabel:"hour",hoursLabel:"hours",description:"Description",descriptionPlaceholder:"What can be redeemed with this voucher?"},billColor:{title:"Bill Color",label:"Hue"}},preview:{front:"Front",back:"Back",flip:"Flip"},export:{button:"Download as PDF",exporting:"Creating PDF...",success:"Download started!"},bill:{descriptionText:"This voucher entitles you to {hours} {hourLabel} of my time or an equivalent thank you"}},wt={de:bt,en:xt};function G(e){return wt[e]}function Se(e,t,n){if(n&&n.trim())return n;const r=G(e),a=t===1?r.form.voucher.hourLabel:r.form.voucher.hoursLabel;return r.bill.descriptionText.replace("{hours}",t.toString()).replace("{hourLabel}",a)}function yt(){const e=x(a=>a.voucherConfig.language),t=x(a=>a.personalInfo),n=x(a=>a.setPersonalInfo),r=G(e);return i.jsxs("div",{className:"space-y-4",children:[i.jsxs("div",{className:"form-control",children:[i.jsx("label",{className:"label",children:i.jsx("span",{className:"label-text font-medium",children:r.form.personalInfo.name})}),i.jsx("input",{type:"text",placeholder:r.form.personalInfo.namePlaceholder,className:"input input-bordered w-full",value:t.name,onChange:a=>n({name:a.target.value})})]}),i.jsxs("div",{className:"form-control",children:[i.jsx("label",{className:"label",children:i.jsx("span",{className:"label-text font-medium",children:r.form.personalInfo.email})}),i.jsx("input",{type:"email",placeholder:r.form.personalInfo.emailPlaceholder,className:"input input-bordered w-full",value:t.email,onChange:a=>n({email:a.target.value})})]}),i.jsxs("div",{className:"form-control",children:[i.jsx("label",{className:"label",children:i.jsx("span",{className:"label-text font-medium",children:r.form.personalInfo.phone})}),i.jsx("input",{type:"tel",placeholder:r.form.personalInfo.phonePlaceholder,className:"input input-bordered w-full",value:t.phone,onChange:a=>n({phone:a.target.value})})]})]})}const vt=1024,ee=new Map;let W=null,He=null;function Te(e,t){return W||(W=document.createElement("canvas"),He=W.getContext("2d",{willReadFrequently:!0})),(W.width!==e||W.height!==t)&&(W.width=e,W.height=t),He}function ie(e){const t=ee.get(e);return t?Promise.resolve(t):new Promise((n,r)=>{const a=new Image;a.onload=()=>{if(ee.size>10){const o=ee.keys().next().value;o&&ee.delete(o)}ee.set(e,a),n(a)},a.onerror=()=>r(new Error("Failed to load image")),a.src=e})}function It(){ee.clear()}async function kt(e,t=vt){const n=await ie(e),r=Math.max(n.width,n.height);if(r<=t)return e;const a=t/r,o=Math.round(n.width*a),s=Math.round(n.height*a),d=document.createElement("canvas"),c=d.getContext("2d");if(!c)throw new Error("Failed to get canvas context");return d.width=o,d.height=s,c.drawImage(n,0,0,o,s),d.toDataURL("image/jpeg",.9)}async function ye(e,t,n,r=0){const[a,o]=await Promise.all([ie(e),ie(t)]),s=Te(a.width,a.height);if(s.clearRect(0,0,a.width,a.height),n>0){const d=r*20;s.save(),s.globalAlpha=n,d>0&&(s.filter=`blur(${d}px)`),s.drawImage(o,0,0,a.width,a.height),s.restore()}return s.drawImage(a,0,0),W.toDataURL("image/png")}async function _e(e,t=.5){const n=await ie(e),r=Te(n.width,n.height);r.clearRect(0,0,n.width,n.height),r.drawImage(n,0,0);const a=r.getImageData(0,0,n.width,n.height),o=a.data,s=new Uint32Array(o.buffer),d=1+t*.8,c=1-t;for(let u=0;u<s.length;u++){const p=s[u],h=p&255,w=p>>8&255,g=p>>16&255,v=p>>24&255;if(v===0)continue;let k=(((77*h+150*w+29*g>>8)/255-.5)*d+.5)*255;k<0?k=0:k>255&&(k=255);let P=k*.9+25,T=k*.78+15,I=k*.55+5;P>255&&(P=255),T>255&&(T=255),I>255&&(I=255);const C=h*c+P*t|0,E=w*c+T*t|0,D=g*c+I*t|0;s[u]=v<<24|D<<16|E<<8|C}return r.putImageData(a,0,0),W.toDataURL("image/png")}function Pt(e,t,n){e/=255,t/=255,n/=255;const r=Math.max(e,t,n),a=Math.min(e,t,n),o=(r+a)/2;let s=0,d=0;if(r!==a){const c=r-a;switch(d=o>.5?c/(2-r-a):c/(r+a),r){case e:s=((t-n)/c+(t<n?6:0))/6;break;case t:s=((n-e)/c+2)/6;break;case n:s=((e-t)/c+4)/6;break}}return[s,d,o]}function Ct(e,t,n){if(t===0){const s=Math.round(n*255);return[s,s,s]}const r=(s,d,c)=>(c<0&&(c+=1),c>1&&(c-=1),c<1/6?s+(d-s)*6*c:c<1/2?d:c<2/3?s+(d-s)*(2/3-c)*6:s),a=n<.5?n*(1+t):n+t-n*t,o=2*n-a;return[Math.round(r(o,a,e+1/3)*255),Math.round(r(o,a,e)*255),Math.round(r(o,a,e-1/3)*255)]}async function ze(e,t){if(t>=155&&t<=165)return e;const n=await ie(e),r=Te(n.width,n.height);r.clearRect(0,0,n.width,n.height),r.drawImage(n,0,0);const a=r.getImageData(0,0,n.width,n.height),o=a.data,s=new Uint32Array(o.buffer),d=t%360/360,c=60/360,u=260/360,p=1e5,h=s.length;for(let w=0;w<h;w+=p){const g=Math.min(w+p,h);for(let v=w;v<g;v++){const b=s[v],k=b&255,P=b>>8&255,T=b>>16&255,I=b>>24&255;if(I===0)continue;const[C,E,D]=Pt(k,P,T);if(E<.06||C<c||C>u)continue;const B=d,[L,_,j]=Ct(B,E,D);s[v]=I<<24|j<<16|_<<8|L}g<h&&await new Promise(v=>setTimeout(v,0))}return r.putImageData(a,0,0),W.toDataURL("image/png")}const St="https://api.stability.ai/v1/generation",Tt="https://api.stability.ai/v2beta/stable-image/edit/remove-background",We="stability_api_key";let ae=null;function Rt(e){ae=e}function Et(){return ae}function jt(){return ae!==null}const Bt={vintage:"portrait in the style of vintage currency engraving, fine line work, crosshatching, sepia tones, detailed stippling, classic bank note portrait style",engraved:"portrait as detailed intaglio engraving, currency bill style, fine parallel lines, high contrast, official government portrait",currency:"portrait rendered as US dollar bill engraving, official currency portrait style, green tint, fine line engraving technique"},Me=[{width:1024,height:1024},{width:1152,height:896},{width:1216,height:832},{width:1344,height:768},{width:1536,height:640},{width:640,height:1536},{width:768,height:1344},{width:832,height:1216},{width:896,height:1152}];function Lt(e,t){const n=e/t;let r=Me[0],a=1/0;for(const o of Me){const s=o.width/o.height,d=Math.abs(n-s);d<a&&(a=d,r=o)}return r}function Nt(e){return new Promise((t,n)=>{const r=new Image;r.onload=()=>{const a=Lt(r.width,r.height),o=document.createElement("canvas");o.width=a.width,o.height=a.height;const s=o.getContext("2d");if(!s){n(new Error("Failed to get canvas context"));return}const d=r.width/r.height,c=a.width/a.height;let u=0,p=0,h=r.width,w=r.height;d>c?(h=r.height*c,u=(r.width-h)/2):(w=r.width/c,p=(r.height-w)/2),s.drawImage(r,u,p,h,w,0,0,a.width,a.height),t(o.toDataURL("image/png"))},r.onerror=()=>n(new Error("Failed to load image")),r.src=e})}function Xe(e){var s;const t=e.split(","),n=((s=t[0].match(/:(.*?);/))==null?void 0:s[1])||"image/png",r=atob(t[1]),a=r.length,o=new Uint8Array(a);for(let d=0;d<a;d++)o[d]=r.charCodeAt(d);return new Blob([o],{type:n})}function he(){var t;const e=typeof{url:typeof document>"u"?require("url").pathToFileURL(__filename).href:ne&&ne.tagName.toUpperCase()==="SCRIPT"&&ne.src||new URL("index.cjs",document.baseURI).href}<"u"&&"sk-7mEKklrqaltdtgbX0VoZbkA8E1cl939Spn75jSIYRvp1BW0b"||typeof process<"u"&&((t=process.env)==null?void 0:t.NEXT_PUBLIC_STABILITY_API_KEY);return e&&e!=="your-api-key-here"?e:typeof localStorage<"u"?localStorage.getItem(We):null}function $e(e){localStorage.setItem(We,e)}function Pe(){return ae?!0:he()!==null}async function Dt(e){const t=he();if(!t)throw new Error("No Stability AI API key configured");const{imageDataUrl:n,style:r,strength:a=.35}=e,o=await Nt(n),s=Xe(o),d=new FormData;d.append("init_image",s,"portrait.png"),d.append("init_image_mode","IMAGE_STRENGTH"),d.append("image_strength",String(1-a)),d.append("text_prompts[0][text]",Bt[r]),d.append("text_prompts[0][weight]","1"),d.append("cfg_scale","7"),d.append("samples","1"),d.append("steps","30");const u=await fetch(`${St}/stable-diffusion-xl-1024-v1-0/image-to-image`,{method:"POST",headers:{Authorization:`Bearer ${t}`,Accept:"application/json"},body:d});if(!u.ok){const h=await u.text();throw console.error("Stability AI error:",h),u.status===401?new Error("Invalid API key"):u.status===402?new Error("Insufficient credits"):u.status===429?new Error("Rate limit exceeded. Please try again later."):new Error(`API error: ${u.status}`)}const p=await u.json();if(!p.artifacts||p.artifacts.length===0)throw new Error("No image generated");return`data:image/png;base64,${p.artifacts[0].base64}`}async function Oe(e){if(ae){const s=await fetch(ae,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({imageDataUrl:e})});if(!s.ok){const c=await s.json().catch(()=>({}));throw new Error(c.error||`API error: ${s.status}`)}return(await s.json()).imageDataUrl}const t=he();if(!t)throw new Error("No Stability AI API key configured");const n=Xe(e),r=new FormData;r.append("image",n,"image.png"),r.append("output_format","png");const a=await fetch(Tt,{method:"POST",headers:{Authorization:`Bearer ${t}`,Accept:"image/*"},body:r});if(!a.ok){const s=await a.text();throw console.error("Stability AI remove background error:",s),a.status===401?new Error("Invalid API key"):a.status===402?new Error("Insufficient credits"):a.status===429?new Error("Rate limit exceeded. Please try again later."):new Error(`API error: ${a.status}`)}const o=await a.blob();return new Promise((s,d)=>{const c=new FileReader;c.onload=()=>s(c.result),c.onerror=()=>d(new Error("Failed to read result")),c.readAsDataURL(o)})}function Ht(){const[e,t]=m.useState(!1),[n,r]=m.useState(!1),[a,o]=m.useState(null),[s,d]=m.useState(()=>Pe());m.useEffect(()=>{d(Pe())},[]);const c=m.useCallback(()=>o(null),[]),u=m.useCallback(w=>{$e(w),d(!0),o(null)},[]),p=m.useCallback(async(w,g=.5)=>{t(!0),o(null);try{return await _e(w,g)}catch(v){const b=v instanceof Error?v.message:"Enhancement failed";throw o(b),v}finally{t(!1)}},[]),h=m.useCallback(async w=>{r(!0),o(null);try{return await Oe(w)}catch(g){const v=g instanceof Error?g.message:"Background removal failed";throw o(v),g}finally{r(!1)}},[]);return{enhance:p,removeBg:h,isEnhancing:e,isRemovingBg:n,error:a,hasKey:s,setApiKey:u,clearError:c}}function Fe({isOpen:e,onClose:t,onSubmit:n}){const r=x(u=>u.voucherConfig.language),[a,o]=m.useState("");if(!e)return null;const s=u=>{u.preventDefault(),a.trim()&&(n(a.trim()),o(""),t())},c={de:{title:"Stability AI API Key",description:"Um die AI-Bildverbesserung zu nutzen, benötigst du einen Stability AI API Key. Du kannst ihn auf platform.stability.ai erhalten.",placeholder:"sk-...",submit:"Speichern",cancel:"Abbrechen",hint:"Der Key wird lokal in deinem Browser gespeichert."},en:{title:"Stability AI API Key",description:"To use AI image enhancement, you need a Stability AI API key. You can get one at platform.stability.ai.",placeholder:"sk-...",submit:"Save",cancel:"Cancel",hint:"The key is stored locally in your browser."}}[r];return i.jsxs("dialog",{className:"modal modal-open",children:[i.jsxs("div",{className:"modal-box",children:[i.jsx("h3",{className:"font-bold text-lg",children:c.title}),i.jsx("p",{className:"py-4 text-sm opacity-80",children:c.description}),i.jsxs("form",{onSubmit:s,children:[i.jsxs("div",{className:"form-control",children:[i.jsx("input",{type:"password",placeholder:c.placeholder,className:"input input-bordered w-full",value:a,onChange:u=>o(u.target.value),autoFocus:!0}),i.jsx("label",{className:"label",children:i.jsx("span",{className:"label-text-alt",children:c.hint})})]}),i.jsxs("div",{className:"modal-action",children:[i.jsx("button",{type:"button",className:"btn btn-ghost",onClick:t,children:c.cancel}),i.jsx("button",{type:"submit",className:"btn btn-primary",disabled:!a.trim(),children:c.submit})]})]})]}),i.jsx("form",{method:"dialog",className:"modal-backdrop",children:i.jsx("button",{onClick:t,children:"close"})})]})}function Mt(){const e=x(l=>l.voucherConfig.language),t=x(l=>l.portrait),n=x(l=>l.setPortrait),r=x(l=>l.setPortraitZoom),a=x(l=>l.setPortraitPan),o=x(l=>l.setPortraitRawImage),s=x(l=>l.setPortraitBgRemoved),d=x(l=>l.setPortraitBgOpacity),c=x(l=>l.setPortraitBgBlur),u=x(l=>l.setPortraitEngravingIntensity),{enhance:p,removeBg:h,isEnhancing:w,isRemovingBg:g,error:v,hasKey:b,setApiKey:k}=Ht(),P=G(e),T=m.useRef(null),I=m.useRef(null),[C,E]=m.useState(!1),[D,B]=m.useState(!1),[L,_]=m.useState(!1),j=m.useRef(null),H=m.useRef(null),M=m.useRef(null),R=t.rawImage,z=t.bgRemovedImage,A=t.bgRemoved,X=t.bgOpacity,V=t.bgBlur,se=t.engravingIntensity;m.useEffect(()=>{t.original&&!t.rawImage&&o(t.original)},[t.original,t.rawImage,o]),m.useEffect(()=>()=>{H.current&&clearTimeout(H.current),M.current&&clearTimeout(M.current)},[]);const re=m.useCallback(async l=>{if(!l.type.startsWith("image/"))return;const y=new FileReader;y.onload=async S=>{var ue;const U=(ue=S.target)==null?void 0:ue.result,de=await kt(U);o(de),n(de),s(!1,null),u(0)},y.readAsDataURL(l)},[n,o,s,u]),ge=m.useCallback(l=>{l.preventDefault(),E(!1);const y=l.dataTransfer.files[0];y&&re(y)},[re]),f=m.useCallback(l=>{l.preventDefault(),E(!0)},[]),N=m.useCallback(l=>{l.preventDefault(),E(!1)},[]),$=()=>{var l;(l=T.current)==null||l.click()},Z=l=>{var S;const y=(S=l.target.files)==null?void 0:S[0];y&&re(y)},O=m.useCallback(async(l,y)=>{try{return await p(l,y)}catch(S){return console.error("Enhancement failed:",S),l}},[p]),J=m.useCallback(async l=>{try{const y=await h(l);return s(!0,y),y}catch(y){return console.error("Background removal failed:",y),l}},[h,s]),F=m.useCallback(async()=>{const l=x.getState().portrait;if(!l.rawImage)return;let y;l.bgRemoved&&l.bgRemovedImage?y=await ye(l.bgRemovedImage,l.rawImage,l.bgOpacity,l.bgBlur):y=l.rawImage,l.engravingIntensity>0&&(y=await O(y,l.engravingIntensity)),n(y)},[O,n]),oe=async()=>{if(!R)return;if(!A&&!b){B(!0);return}if(!A){const y=await J(R),S=x.getState().portrait;let U=await ye(y,R,S.bgOpacity,S.bgBlur);S.engravingIntensity>0&&(U=await O(U,S.engravingIntensity)),n(U)}else{s(!1,null);const y=x.getState().portrait.engravingIntensity;if(y>0){const S=await O(R,y);n(S)}else n(R)}},fe=l=>{u(l),H.current&&clearTimeout(H.current),R&&(H.current=setTimeout(F,150))},be=async l=>{if(k(l),!R)return;const y=await J(R),S=x.getState().portrait;let U=await ye(y,R,S.bgOpacity,S.bgBlur);S.engravingIntensity>0&&(U=await O(U,S.engravingIntensity)),n(U)},xe=l=>{d(l),M.current&&clearTimeout(M.current),!(!R||!z)&&(M.current=setTimeout(F,150))},le=l=>{c(l),M.current&&clearTimeout(M.current),!(!R||!z)&&(M.current=setTimeout(F,150))},ce=()=>{n(null),o(null),s(!1,null),d(0),c(0),u(0),It()},Le=(l,y)=>{t.zoom<=1||(_(!0),j.current={x:l,y,panX:t.panX,panY:t.panY})},Ne=(l,y)=>{if(!L||!j.current||!I.current)return;const S=I.current.getBoundingClientRect(),U=2/Math.max(S.width,S.height),de=(l-j.current.x)*U,ue=(y-j.current.y)*U,pt=Math.max(-1,Math.min(1,j.current.panX+de)),ht=Math.max(-1,Math.min(1,j.current.panY+ue));a(pt,ht)},we=()=>{_(!1),j.current=null},ot=l=>{l.preventDefault(),Le(l.clientX,l.clientY)},it=l=>{Ne(l.clientX,l.clientY)},st=()=>{we()},lt=()=>{we()},ct=l=>{l.touches.length===1&&Le(l.touches[0].clientX,l.touches[0].clientY)},dt=l=>{l.touches.length===1&&Ne(l.touches[0].clientX,l.touches[0].clientY)},ut=()=>{we()};return i.jsxs("div",{className:"space-y-4",children:[t.original?i.jsxs("div",{className:"flex flex-col items-center space-y-4",children:[i.jsxs("div",{className:"relative",children:[i.jsx("div",{ref:I,className:`w-32 h-32 rounded-full overflow-hidden border-4 border-currency-gold shadow-lg ${t.zoom>1?"cursor-grab":""} ${L?"cursor-grabbing":""}`,onMouseDown:ot,onMouseMove:it,onMouseUp:st,onMouseLeave:lt,onTouchStart:ct,onTouchMove:dt,onTouchEnd:ut,children:i.jsx("img",{src:t.original||"",alt:"Portrait",className:"w-full h-full object-cover pointer-events-none select-none",style:{transform:`scale(${t.zoom}) translate(${t.panX*50*(t.zoom-1)}%, ${t.panY*50*(t.zoom-1)}%)`},draggable:!1})}),i.jsx("button",{className:"btn btn-circle btn-xs btn-error absolute -top-1 -right-1",onClick:ce,children:i.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",className:"h-4 w-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:i.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"})})})]}),i.jsxs("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-4 w-full",children:[i.jsxs("div",{className:"form-control w-full",children:[i.jsxs("label",{className:"label",children:[i.jsx("span",{className:"label-text",children:P.form.portrait.zoom}),i.jsxs("span",{className:"label-text-alt",children:[Math.round(t.zoom*100),"%"]})]}),i.jsx("input",{type:"range",min:"0.5",max:"2",step:"0.05",value:t.zoom,onChange:l=>{const y=parseFloat(l.target.value);r(y),y<=1&&(t.panX!==0||t.panY!==0)&&a(0,0)},className:"range range-primary range-sm"})]}),i.jsxs("div",{className:"form-control w-full",children:[i.jsxs("label",{className:"label",children:[i.jsxs("span",{className:"label-text flex items-center gap-2",children:[e==="de"?"Sepia-Effekt":"Sepia effect",w&&i.jsx("span",{className:"loading loading-spinner loading-xs"})]}),i.jsxs("span",{className:"label-text-alt",children:[Math.round(se*100),"%"]})]}),i.jsx("input",{type:"range",min:"0",max:"1",step:"0.05",value:se,onChange:l=>fe(parseFloat(l.target.value)),className:"range range-secondary range-sm",disabled:w||!R})]})]}),A?i.jsxs("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-4 w-full",children:[i.jsxs("div",{className:"form-control w-full",children:[i.jsxs("label",{className:"label",children:[i.jsx("span",{className:"label-text",children:e==="de"?"Hintergrund":"Background"}),i.jsxs("span",{className:"label-text-alt",children:[Math.round(X*100),"%"]})]}),i.jsx("input",{type:"range",min:"0",max:"1",step:"0.05",value:X,onChange:l=>xe(parseFloat(l.target.value)),className:"range range-primary range-sm"})]}),i.jsxs("div",{className:"form-control w-full",children:[i.jsxs("label",{className:"label",children:[i.jsx("span",{className:"label-text",children:e==="de"?"Unschärfe":"Blur"}),i.jsxs("span",{className:"label-text-alt",children:[Math.round(V*100),"%"]})]}),i.jsx("input",{type:"range",min:"0",max:"1",step:"0.05",value:V,onChange:l=>le(parseFloat(l.target.value)),className:"range range-primary range-sm"})]})]}):i.jsx("div",{className:"form-control",children:i.jsxs("label",{className:"label cursor-pointer justify-start gap-3",children:[i.jsx("input",{type:"checkbox",className:`toggle toggle-primary ${g?"opacity-50":""}`,checked:A,onChange:oe,disabled:g||!R}),i.jsxs("span",{className:"label-text flex items-center gap-2",children:[g?i.jsxs(i.Fragment,{children:[i.jsx("span",{className:"loading loading-spinner loading-xs"}),e==="de"?"Hintergrund wird entfernt...":"Removing background..."]}):e==="de"?"Hintergrund entfernen":"Remove background",!b&&i.jsx("span",{className:"badge badge-sm badge-outline",children:"API"})]})]})}),v&&i.jsxs("div",{className:"alert alert-warning text-sm py-2",children:[i.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:i.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"})}),i.jsx("span",{children:v})]})]}):i.jsxs("div",{className:`border-2 border-dashed rounded-lg p-8 text-center cursor-pointer transition-colors ${g?"border-primary bg-primary/10 pointer-events-none":C?"border-primary bg-primary/10":"border-base-300 hover:border-primary hover:bg-base-200"}`,onDrop:ge,onDragOver:f,onDragLeave:N,onClick:$,children:[i.jsx("input",{ref:T,type:"file",accept:"image/*",className:"hidden",onChange:Z}),g?i.jsxs("div",{className:"flex flex-col items-center gap-2",children:[i.jsx("span",{className:"loading loading-spinner loading-lg text-primary"}),i.jsx("p",{className:"font-medium",children:e==="de"?"Hintergrund wird entfernt...":"Removing background..."})]}):i.jsxs("div",{className:"flex flex-col items-center gap-2",children:[i.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:i.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"})}),i.jsx("p",{className:"font-medium",children:P.form.portrait.upload}),i.jsx("p",{className:"text-sm text-base-content/60",children:P.form.portrait.dragDrop})]})]}),i.jsx(Fe,{isOpen:D,onClose:()=>B(!1),onSubmit:be})]})}function At(){return null}const Y=typeof{url:typeof document>"u"?require("url").pathToFileURL(__filename).href:ne&&ne.tagName.toUpperCase()==="SCRIPT"&&ne.src||new URL("index.cjs",document.baseURI).href}<"u"&&"/"||"/",Re={en:{1:{front:`${Y}templates/front_ldpi_en.png`,back:`${Y}templates/back_ldpi_en.png`,width:1536,height:1024},5:{front:`${Y}templates/front_ldpi_en.png`,back:`${Y}templates/back_ldpi_en.png`,width:1536,height:1024},10:{front:`${Y}templates/front_ldpi_en.png`,back:`${Y}templates/back_ldpi_en.png`,width:1536,height:1024}},de:{1:{front:`${Y}templates/front_hdpi_de.webp`,back:`${Y}templates/back_hdpi_de.webp`,width:6144,height:3200},5:{front:`${Y}templates/front_hdpi_de.webp`,back:`${Y}templates/back_hdpi_de.webp`,width:6144,height:3200},10:{front:`${Y}templates/front_hdpi_de.webp`,back:`${Y}templates/back_hdpi_de.webp`,width:6144,height:3200}}},q={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"}}},K={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 Ee(e){return e==="de"?K:q}function qe(e,t){return Re[e][t]}const Ce=.25;function Ut(e){const t=Ee(e),n=Ce,r=a=>({portrait:{x:a.portrait.x*n,y:a.portrait.y*n,radiusX:a.portrait.radiusX*n,radiusY:a.portrait.radiusY*n},namePlate:{x:a.namePlate.x*n,y:a.namePlate.y*n,fontSize:a.namePlate.fontSize*n,maxWidth:a.namePlate.maxWidth?a.namePlate.maxWidth*n:void 0,lineHeight:a.namePlate.lineHeight?a.namePlate.lineHeight*n:void 0,align:a.namePlate.align},contactInfo:a.contactInfo?{x:a.contactInfo.x*n,y:a.contactInfo.y*n,fontSize:a.contactInfo.fontSize*n,maxWidth:a.contactInfo.maxWidth?a.contactInfo.maxWidth*n:void 0,lineHeight:a.contactInfo.lineHeight?a.contactInfo.lineHeight*n:void 0,align:a.contactInfo.align}:void 0,description:a.description?{x:a.description.x*n,y:a.description.y*n,fontSize:a.description.fontSize*n,maxWidth:a.description.maxWidth?a.description.maxWidth*n:void 0,lineHeight:a.description.lineHeight?a.description.lineHeight*n:void 0,align:a.description.align}:void 0});return{front:r(t.front),back:r(t.back)}}function Yt(e,t){const n=Re[e][t];return{...n,width:Math.round(n.width*Ce),height:Math.round(n.height*Ce)}}const ve=new Map,Q=new Map;async function te(e){return ve.has(e)?ve.get(e):new Promise((t,n)=>{const r=new Image;r.crossOrigin="anonymous",r.onload=()=>{ve.set(e,r),t(r)},r.onerror=n,r.src=e})}function je(e,t,n,r){e.drawImage(t,0,0,n,r)}async function Ke(e,t,n,r){if(t>=155&&t<=165)return te(e);const a=`${e}:${t}:${n}x${r}`;if(Q.has(a))return te(Q.get(a));const o=await te(e),s=document.createElement("canvas");s.width=n,s.height=r;const d=s.getContext("2d");if(!d)throw new Error("Failed to get canvas context");d.drawImage(o,0,0,n,r);const c=s.toDataURL("image/png"),u=await ze(c,t);if(Q.size>20){const p=Q.keys().next().value;p&&Q.delete(p)}return Q.set(a,u),te(u)}function Ge(e,t,n,r,a,o,s=1,d=0,c=0){e.save(),e.beginPath(),e.ellipse(n,r,a,o,0,0,Math.PI*2),e.closePath(),e.clip();const u=t.width/t.height,p=a/o,h=a*2,w=o*2;let g,v;u>p?(v=w,g=w*u):(g=h,v=h/u),g*=s,v*=s;const b=Math.max(0,(g-h)/2),k=Math.max(0,(v-w)/2),P=n-g/2+d*b,T=r-v/2+c*k;e.drawImage(t,P,T,g,v),e.restore()}function Be(e,t,n,r="#2a3a2a"){e.save(),e.font=`${n.fontSize}px "Times New Roman", serif`,e.textAlign=n.align||"center",e.textBaseline="middle",e.fillStyle=r,n.maxWidth?e.fillText(t,n.x,n.y,n.maxWidth):e.fillText(t,n.x,n.y),e.restore()}function Ve(e,t,n,r="#2a3a2a"){e.save(),e.font=`${n.fontSize}px "Times New Roman", serif`,e.textAlign=n.align||"center",e.textBaseline="top",e.fillStyle=r;const a=n.maxWidth||400,o=n.lineHeight||n.fontSize*1.4,s=t.split(" "),d=[];let c="";for(const h of s){const w=c?`${c} ${h}`:h;e.measureText(w).width>a&&c?(d.push(c),c=h):c=w}c&&d.push(c);const u=d.length*o;let p=n.y-u/2;for(const h of d)e.fillText(h,n.x,p),p+=o;e.restore()}function Ze(e,t,n,r,a,o="#2a3a2a"){e.save(),e.font=`${a.fontSize}px "Times New Roman", serif`,e.textAlign=a.align||"center",e.textBaseline="middle",e.fillStyle=o;const s=a.lineHeight||a.fontSize*1.8,d=[t,n,r].filter(Boolean),c=(d.length-1)*s;let u=a.y-c/2;for(const p of d)p&&(e.fillText(p,a.x,u),u+=s);e.restore()}async function Je(e,t,n,r,a,o,s,d=1,c=0,u=0,p=0){const h=e.getContext("2d");if(!h)return;e.width=o,e.height=s,h.clearRect(0,0,o,s);const w=await Ke(t,p,o,s);if(je(h,w,o,s),n)try{const g=await te(n);Ge(h,g,a.portrait.x,a.portrait.y,a.portrait.radiusX,a.portrait.radiusY,d,c,u)}catch(g){console.error("Failed to load portrait:",g)}r&&Be(h,r,a.namePlate)}async function Qe(e,t,n,r,a,o,s,d,c,u=0){const p=e.getContext("2d");if(!p)return;e.width=d,e.height=c,p.clearRect(0,0,d,c);const h=await Ke(t,u,d,c);je(p,h,d,c),s.contactInfo&&(n||r||a)&&Ze(p,n,r,a,s.contactInfo),s.description&&o&&Ve(p,o,s.description),n&&Be(p,n,s.namePlate)}function _t(e,t){const[n,r]=m.useState(e);return m.useEffect(()=>{const a=setTimeout(()=>r(e),t);return()=>clearTimeout(a)},[e,t]),n}function zt(){const e=x(f=>f.voucherConfig.language),t=x(f=>f.voucherConfig.hours),n=x(f=>f.voucherConfig.description),r=x(f=>f.voucherConfig.templateHue),a=x(f=>f.personalInfo),o=x(f=>f.portrait),s=x(f=>f.currentSide),d=x(f=>f.flipSide),c=x(f=>f.setPortraitPan),u=_t(r,150),p=G(e),h=m.useRef(null),w=m.useRef(null),g=m.useRef(null),[v,b]=m.useState(!1),[k,P]=m.useState(!1),T=m.useRef(null),I=Yt(e,t),C=Ut(e),E=o.useEnhanced&&o.enhanced?o.enhanced:o.original,D=Se(e,t,n);m.useEffect(()=>{h.current&&Je(h.current,I.front,E,a.name,C.front,I.width,I.height,o.zoom,o.panX,o.panY,u)},[I,E,a.name,C,o.zoom,o.panX,o.panY,u]),m.useEffect(()=>{w.current&&Qe(w.current,I.back,a.name,a.email,a.phone,D,C.back,I.width,I.height,u)},[I,a,D,C,u]);const B=()=>{b(!0),setTimeout(()=>{d(),b(!1)},150)},L=m.useCallback((f,N)=>{if(!g.current||s!=="front"||!o.original)return!1;const $=g.current.getBoundingClientRect(),Z=$.width/I.width,O=$.height/I.height,J=(f-$.left)/Z,F=(N-$.top)/O,{x:oe,y:fe,radiusX:be,radiusY:xe}=C.front.portrait,le=(J-oe)/be,ce=(F-fe)/xe;return le*le+ce*ce<=1},[s,o.original,I.width,I.height,C.front.portrait]),_=m.useCallback((f,N)=>{o.zoom<=1||!L(f,N)||(P(!0),T.current={x:f,y:N,panX:o.panX,panY:o.panY})},[o.zoom,o.panX,o.panY,L]),j=m.useCallback((f,N)=>{if(!k||!T.current||!g.current)return;const $=g.current.getBoundingClientRect(),Z=3/Math.max($.width,$.height),O=(f-T.current.x)*Z,J=(N-T.current.y)*Z,F=Math.max(-1,Math.min(1,T.current.panX+O)),oe=Math.max(-1,Math.min(1,T.current.panY+J));c(F,oe)},[k,c]),H=m.useCallback(()=>{P(!1),T.current=null},[]),M=f=>{o.zoom>1&&L(f.clientX,f.clientY)&&(f.preventDefault(),_(f.clientX,f.clientY))},R=f=>{j(f.clientX,f.clientY)},z=()=>H(),A=()=>H(),X=f=>{if(f.touches.length===1){const N=f.touches[0];o.zoom>1&&L(N.clientX,N.clientY)&&_(N.clientX,N.clientY)}},V=f=>{f.touches.length===1&&j(f.touches[0].clientX,f.touches[0].clientY)},se=()=>H(),re=s==="front"&&o.original&&o.zoom>1,ge=I.width/I.height;return i.jsxs("div",{className:"space-y-4",children:[i.jsxs("div",{className:"flex justify-between items-center",children:[i.jsxs("div",{className:"tabs tabs-boxed bg-base-200",children:[i.jsx("button",{className:`tab ${s==="front"?"tab-active bg-primary text-primary-content font-semibold":""}`,onClick:()=>s!=="front"&&B(),children:p.preview.front}),i.jsx("button",{className:`tab ${s==="back"?"tab-active bg-primary text-primary-content font-semibold":""}`,onClick:()=>s!=="back"&&B(),children:p.preview.back})]}),i.jsxs("button",{className:"btn btn-ghost btn-sm",onClick:B,children:[i.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",className:"h-5 w-5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:i.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"})}),p.preview.flip]})]}),i.jsxs("div",{ref:g,className:`relative w-full overflow-hidden shadow-lg ${re?k?"cursor-grabbing":"cursor-grab":""}`,style:{aspectRatio:ge},onMouseDown:M,onMouseMove:R,onMouseUp:z,onMouseLeave:A,onTouchStart:X,onTouchMove:V,onTouchEnd:se,children:[i.jsx("canvas",{ref:h,className:`absolute inset-0 w-full h-full transition-all duration-300 ${s==="front"?v?"opacity-0 scale-95":"opacity-100 scale-100":"opacity-0 scale-95 pointer-events-none"}`}),i.jsx("canvas",{ref:w,className:`absolute inset-0 w-full h-full transition-all duration-300 ${s==="back"?v?"opacity-0 scale-95":"opacity-100 scale-100":"opacity-0 scale-95 pointer-events-none"}`})]})]})}function Wt(){const e=m.useRef(null),t=m.useRef(null);return{frontCanvasRef:e,backCanvasRef:t}}const Xt=`
 // RGB to HSL conversion
 function rgbToHsl(r, g, b) {
   r /= 255;

package/dist/index.js

@@ -357,21 +357,21 @@ async function Ie(e, t, n, r = 0) {
 }
 async function ut(e, t = 0.5) {
   const n = await ce(e), r = Te(n.width, n.height);
-  r.drawImage(n, 0, 0);
+  r.clearRect(0, 0, n.width, n.height), r.drawImage(n, 0, 0);
   const a = r.getImageData(0, 0, n.width, n.height), o = a.data, i = new Uint32Array(o.buffer), c = 1 + t * 0.8, l = 1 - t;
   for (let u = 0; u < i.length; u++) {
-    const p = i[u], h = p & 255, y = p >> 8 & 255, m = p >> 16 & 255, x = p >> 24 & 255;
+    const h = i[u], p = h & 255, y = h >> 8 & 255, m = h >> 16 & 255, x = h >> 24 & 255;
     if (x === 0) continue;
-    let k = (((77 * h + 150 * y + 29 * m >> 8) / 255 - 0.5) * c + 0.5) * 255;
+    let k = (((77 * p + 150 * y + 29 * m >> 8) / 255 - 0.5) * c + 0.5) * 255;
     k < 0 ? k = 0 : k > 255 && (k = 255);
     let P = k * 0.9 + 25, T = k * 0.78 + 15, I = k * 0.55 + 5;
     P > 255 && (P = 255), T > 255 && (T = 255), I > 255 && (I = 255);
-    const C = h * l + P * t | 0, B = y * l + T * t | 0, M = m * l + I * t | 0;
-    i[u] = x << 24 | M << 16 | B << 8 | C;
+    const C = p * l + P * t | 0, R = y * l + T * t | 0, M = m * l + I * t | 0;
+    i[u] = x << 24 | M << 16 | R << 8 | C;
   }
   return r.putImageData(a, 0, 0), F.toDataURL("image/png");
 }
-function pt(e, t, n) {
+function ht(e, t, n) {
   e /= 255, t /= 255, n /= 255;
   const r = Math.max(e, t, n), a = Math.min(e, t, n), o = (r + a) / 2;
   let i = 0, c = 0;
@@ -391,7 +391,7 @@ function pt(e, t, n) {
   }
   return [i, c, o];
 }
-function ht(e, t, n) {
+function pt(e, t, n) {
   if (t === 0) {
     const i = Math.round(n * 255);
     return [i, i, i];
@@ -407,19 +407,19 @@ async function mt(e, t) {
   if (t >= 155 && t <= 165)
     return e;
   const n = await ce(e), r = Te(n.width, n.height);
-  r.drawImage(n, 0, 0);
-  const a = r.getImageData(0, 0, n.width, n.height), o = a.data, i = new Uint32Array(o.buffer), c = t % 360 / 360, l = 60 / 360, u = 260 / 360, p = 1e5, h = i.length;
-  for (let y = 0; y < h; y += p) {
-    const m = Math.min(y + p, h);
+  r.clearRect(0, 0, n.width, n.height), r.drawImage(n, 0, 0);
+  const a = r.getImageData(0, 0, n.width, n.height), o = a.data, i = new Uint32Array(o.buffer), c = t % 360 / 360, l = 60 / 360, u = 260 / 360, h = 1e5, p = i.length;
+  for (let y = 0; y < p; y += h) {
+    const m = Math.min(y + h, p);
     for (let x = y; x < m; x++) {
       const b = i[x], k = b & 255, P = b >> 8 & 255, T = b >> 16 & 255, I = b >> 24 & 255;
       if (I === 0) continue;
-      const [C, B, M] = pt(k, P, T);
-      if (B < 0.06 || C < l || C > u) continue;
-      const L = c, [H, $, R] = ht(L, B, M);
-      i[x] = I << 24 | R << 16 | $ << 8 | H;
+      const [C, R, M] = ht(k, P, T);
+      if (R < 0.06 || C < l || C > u) continue;
+      const L = c, [H, $, B] = pt(L, R, M);
+      i[x] = I << 24 | B << 16 | $ << 8 | H;
     }
-    m < h && await new Promise((x) => setTimeout(x, 0));
+    m < p && await new Promise((x) => setTimeout(x, 0));
   }
   return r.putImageData(a, 0, 0), F.toDataURL("image/png");
 }
@@ -470,8 +470,8 @@ function yt(e) {
         return;
       }
       const c = r.width / r.height, l = a.width / a.height;
-      let u = 0, p = 0, h = r.width, y = r.height;
-      c > l ? (h = r.height * l, u = (r.width - h) / 2) : (y = r.width / l, p = (r.height - y) / 2), i.drawImage(r, u, p, h, y, 0, 0, a.width, a.height), t(o.toDataURL("image/png"));
+      let u = 0, h = 0, p = r.width, y = r.height;
+      c > l ? (p = r.height * l, u = (r.width - p) / 2) : (y = r.width / l, h = (r.height - y) / 2), i.drawImage(r, u, h, p, y, 0, 0, a.width, a.height), t(o.toDataURL("image/png"));
     }, r.onerror = () => n(new Error("Failed to load image")), r.src = e;
   });
 }
@@ -508,13 +508,13 @@ async function Zt(e) {
     body: c
   });
   if (!u.ok) {
-    const h = await u.text();
-    throw console.error("Stability AI error:", h), u.status === 401 ? new Error("Invalid API key") : u.status === 402 ? new Error("Insufficient credits") : u.status === 429 ? new Error("Rate limit exceeded. Please try again later.") : new Error(`API error: ${u.status}`);
+    const p = await u.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 p = await u.json();
-  if (!p.artifacts || p.artifacts.length === 0)
+  const h = await u.json();
+  if (!h.artifacts || h.artifacts.length === 0)
     throw new Error("No image generated");
-  return `data:image/png;base64,${p.artifacts[0].base64}`;
+  return `data:image/png;base64,${h.artifacts[0].base64}`;
 }
 async function xt(e) {
   if (re) {
@@ -561,7 +561,7 @@ function It() {
   }, []);
   const l = N(() => o(null), []), u = N((y) => {
     vt(y), c(!0), o(null);
-  }, []), p = N(
+  }, []), h = N(
     async (y, m = 0.5) => {
       t(!0), o(null);
       try {
@@ -574,7 +574,7 @@ function It() {
       }
     },
     []
-  ), h = N(
+  ), p = N(
     async (y) => {
       r(!0), o(null);
       try {
@@ -589,8 +589,8 @@ function It() {
     []
   );
   return {
-    enhance: p,
-    removeBg: h,
+    enhance: h,
+    removeBg: p,
     isEnhancing: e,
     isRemovingBg: n,
     error: a,
@@ -651,7 +651,7 @@ function kt({ isOpen: e, onClose: t, onSubmit: n }) {
   ] });
 }
 function Jt() {
-  const e = w((s) => s.voucherConfig.language), t = w((s) => s.portrait), n = w((s) => s.setPortrait), r = w((s) => s.setPortraitZoom), a = w((s) => s.setPortraitPan), o = w((s) => s.setPortraitRawImage), i = w((s) => s.setPortraitBgRemoved), c = w((s) => s.setPortraitBgOpacity), l = w((s) => s.setPortraitBgBlur), u = w((s) => s.setPortraitEngravingIntensity), { enhance: p, removeBg: h, isEnhancing: y, isRemovingBg: m, error: x, hasKey: b, setApiKey: k } = It(), P = oe(e), T = W(null), I = W(null), [C, B] = X(!1), [M, L] = X(!1), [H, $] = X(!1), R = W(null), A = W(null), U = W(null), E = t.rawImage, O = t.bgRemovedImage, Y = t.bgRemoved, j = t.bgOpacity, V = t.bgBlur, de = t.engravingIntensity;
+  const e = w((s) => s.voucherConfig.language), t = w((s) => s.portrait), n = w((s) => s.setPortrait), r = w((s) => s.setPortraitZoom), a = w((s) => s.setPortraitPan), o = w((s) => s.setPortraitRawImage), i = w((s) => s.setPortraitBgRemoved), c = w((s) => s.setPortraitBgOpacity), l = w((s) => s.setPortraitBgBlur), u = w((s) => s.setPortraitEngravingIntensity), { enhance: h, removeBg: p, isEnhancing: y, isRemovingBg: m, error: x, hasKey: b, setApiKey: k } = It(), P = oe(e), T = W(null), I = W(null), [C, R] = X(!1), [M, L] = X(!1), [H, $] = X(!1), B = W(null), A = W(null), U = W(null), E = t.rawImage, O = t.bgRemovedImage, Y = t.bgRemoved, j = t.bgOpacity, V = t.bgBlur, de = t.engravingIntensity;
   ae(() => {
     t.original && !t.rawImage && o(t.original);
   }, [t.original, t.rawImage, o]), ae(() => () => {
@@ -664,22 +664,22 @@ function Jt() {
       const v = new FileReader();
       v.onload = async (S) => {
         var me;
-        const z = (me = S.target) == null ? void 0 : me.result, he = await dt(z);
-        o(he), n(he), i(!1, null), u(0);
+        const z = (me = S.target) == null ? void 0 : me.result, pe = await dt(z);
+        o(pe), n(pe), i(!1, null), u(0);
       }, v.readAsDataURL(s);
     },
     [n, o, i, u]
   ), be = N(
     (s) => {
-      s.preventDefault(), B(!1);
+      s.preventDefault(), R(!1);
       const v = s.dataTransfer.files[0];
       v && ie(v);
     },
     [ie]
   ), g = N((s) => {
-    s.preventDefault(), B(!0);
+    s.preventDefault(), R(!0);
   }, []), D = N((s) => {
-    s.preventDefault(), B(!1);
+    s.preventDefault(), R(!1);
   }, []), K = () => {
     var s;
     (s = T.current) == null || s.click();
@@ -689,18 +689,18 @@ function Jt() {
     v && ie(v);
   }, q = N(async (s, v) => {
     try {
-      return await p(s, v);
+      return await h(s, v);
     } catch (S) {
       return console.error("Enhancement failed:", S), s;
     }
-  }, [p]), J = N(async (s) => {
+  }, [h]), J = N(async (s) => {
     try {
-      const v = await h(s);
+      const v = await p(s);
       return i(!0, v), v;
     } catch (v) {
       return console.error("Background removal failed:", v), s;
     }
-  }, [h, i]), G = N(async () => {
+  }, [p, i]), G = N(async () => {
     const s = w.getState().portrait;
     if (!s.rawImage) return;
     let v;
@@ -735,33 +735,33 @@ function Jt() {
     c(s), U.current && clearTimeout(U.current), !(!E || !O) && (U.current = setTimeout(G, 150));
   }, ue = (s) => {
     l(s), U.current && clearTimeout(U.current), !(!E || !O) && (U.current = setTimeout(G, 150));
-  }, pe = () => {
+  }, he = () => {
     n(null), o(null), i(!1, null), c(0), l(0), u(0), ct();
-  }, Be = (s, v) => {
-    t.zoom <= 1 || ($(!0), R.current = {
+  }, Re = (s, v) => {
+    t.zoom <= 1 || ($(!0), B.current = {
       x: s,
       y: v,
       panX: t.panX,
       panY: t.panY
     });
-  }, Re = (s, v) => {
-    if (!H || !R.current || !I.current) return;
-    const S = I.current.getBoundingClientRect(), z = 2 / Math.max(S.width, S.height), he = (s - R.current.x) * z, me = (v - R.current.y) * z, Qe = Math.max(-1, Math.min(1, R.current.panX + he)), et = Math.max(-1, Math.min(1, R.current.panY + me));
+  }, Be = (s, v) => {
+    if (!H || !B.current || !I.current) return;
+    const S = I.current.getBoundingClientRect(), z = 2 / Math.max(S.width, S.height), pe = (s - B.current.x) * z, me = (v - B.current.y) * z, Qe = Math.max(-1, Math.min(1, B.current.panX + pe)), et = Math.max(-1, Math.min(1, B.current.panY + me));
     a(Qe, et);
   }, xe = () => {
-    $(!1), R.current = null;
+    $(!1), B.current = null;
   }, je = (s) => {
-    s.preventDefault(), Be(s.clientX, s.clientY);
+    s.preventDefault(), Re(s.clientX, s.clientY);
   }, Ke = (s) => {
-    Re(s.clientX, s.clientY);
+    Be(s.clientX, s.clientY);
   }, qe = () => {
     xe();
   }, Ge = () => {
     xe();
   }, Ve = (s) => {
-    s.touches.length === 1 && Be(s.touches[0].clientX, s.touches[0].clientY);
-  }, Ze = (s) => {
     s.touches.length === 1 && Re(s.touches[0].clientX, s.touches[0].clientY);
+  }, Ze = (s) => {
+    s.touches.length === 1 && Be(s.touches[0].clientX, s.touches[0].clientY);
   }, Je = () => {
     xe();
   };
@@ -798,7 +798,7 @@ function Jt() {
           "button",
           {
             className: "btn btn-circle btn-xs btn-error absolute -top-1 -right-1",
-            onClick: pe,
+            onClick: he,
             children: /* @__PURE__ */ d(
               "svg",
               {
@@ -1217,17 +1217,17 @@ async function Oe(e, t, n, r) {
   c.drawImage(o, 0, 0, n, r);
   const l = i.toDataURL("image/png"), u = await mt(l, t);
   if (Q.size > 20) {
-    const p = Q.keys().next().value;
-    p && Q.delete(p);
+    const h = Q.keys().next().value;
+    h && Q.delete(h);
   }
   return Q.set(a, u), le(u);
 }
 function Tt(e, t, n, r, a, o, i = 1, c = 0, l = 0) {
   e.save(), e.beginPath(), e.ellipse(n, r, a, o, 0, 0, Math.PI * 2), e.closePath(), e.clip();
-  const u = t.width / t.height, p = a / o, h = a * 2, y = o * 2;
+  const u = t.width / t.height, h = a / o, p = a * 2, y = o * 2;
   let m, x;
-  u > p ? (x = y, m = y * u) : (m = h, x = h / u), m *= i, x *= i;
-  const b = Math.max(0, (m - h) / 2), k = Math.max(0, (x - y) / 2), P = n - m / 2 + c * b, T = r - x / 2 + l * k;
+  u > h ? (x = y, m = y * u) : (m = p, x = p / u), m *= i, x *= i;
+  const b = Math.max(0, (m - p) / 2), k = Math.max(0, (x - y) / 2), P = n - m / 2 + c * b, T = r - x / 2 + l * k;
   e.drawImage(t, P, T, m, x), e.restore();
 }
 function Fe(e, t, n, r = "#2a3a2a") {
@@ -1237,35 +1237,35 @@ function Et(e, t, n, r = "#2a3a2a") {
   e.save(), e.font = `${n.fontSize}px "Times New Roman", serif`, e.textAlign = n.align || "center", e.textBaseline = "top", e.fillStyle = r;
   const a = n.maxWidth || 400, o = n.lineHeight || n.fontSize * 1.4, i = t.split(" "), c = [];
   let l = "";
-  for (const h of i) {
-    const y = l ? `${l} ${h}` : h;
-    e.measureText(y).width > a && l ? (c.push(l), l = h) : l = y;
+  for (const p of i) {
+    const y = l ? `${l} ${p}` : p;
+    e.measureText(y).width > a && l ? (c.push(l), l = p) : l = y;
   }
   l && c.push(l);
   const u = c.length * o;
-  let p = n.y - u / 2;
-  for (const h of c)
-    e.fillText(h, n.x, p), p += o;
+  let h = n.y - u / 2;
+  for (const p of c)
+    e.fillText(p, n.x, h), h += o;
   e.restore();
 }
-function Bt(e, t, n, r, a, o = "#2a3a2a") {
+function Rt(e, t, n, r, a, o = "#2a3a2a") {
   e.save(), e.font = `${a.fontSize}px "Times New Roman", serif`, e.textAlign = a.align || "center", e.textBaseline = "middle", e.fillStyle = o;
   const i = a.lineHeight || a.fontSize * 1.8, c = [t, n, r].filter(Boolean), l = (c.length - 1) * i;
   let u = a.y - l / 2;
-  for (const p of c)
-    p && (e.fillText(p, a.x, u), u += i);
+  for (const h of c)
+    h && (e.fillText(h, a.x, u), u += i);
   e.restore();
 }
-async function Rt(e, t, n, r, a, o, i, c = 1, l = 0, u = 0, p = 0) {
-  const h = e.getContext("2d");
-  if (!h) return;
-  e.width = o, e.height = i, h.clearRect(0, 0, o, i);
-  const y = await Oe(t, p, o, i);
-  if ($e(h, y, o, i), n)
+async function Bt(e, t, n, r, a, o, i, c = 1, l = 0, u = 0, h = 0) {
+  const p = e.getContext("2d");
+  if (!p) return;
+  e.width = o, e.height = i, p.clearRect(0, 0, o, i);
+  const y = await Oe(t, h, o, i);
+  if ($e(p, y, o, i), n)
     try {
       const m = await le(n);
       Tt(
-        h,
+        p,
         m,
         a.portrait.x,
         a.portrait.y,
@@ -1278,14 +1278,14 @@ async function Rt(e, t, n, r, a, o, i, c = 1, l = 0, u = 0, p = 0) {
     } catch (m) {
       console.error("Failed to load portrait:", m);
     }
-  r && Fe(h, r, a.namePlate);
+  r && Fe(p, r, a.namePlate);
 }
 async function Nt(e, t, n, r, a, o, i, c, l, u = 0) {
-  const p = e.getContext("2d");
-  if (!p) return;
-  e.width = c, e.height = l, p.clearRect(0, 0, c, l);
-  const h = await Oe(t, u, c, l);
-  $e(p, h, c, l), i.contactInfo && (n || r || a) && Bt(p, n, r, a, i.contactInfo), i.description && o && Et(p, o, i.description), n && Fe(p, n, i.namePlate);
+  const h = e.getContext("2d");
+  if (!h) return;
+  e.width = c, e.height = l, h.clearRect(0, 0, c, l);
+  const p = await Oe(t, u, c, l);
+  $e(h, p, c, l), i.contactInfo && (n || r || a) && Rt(h, n, r, a, i.contactInfo), i.description && o && Et(h, o, i.description), n && Fe(h, n, i.namePlate);
 }
 function Lt(e, t) {
   const [n, r] = X(e);
@@ -1295,12 +1295,12 @@ function Lt(e, t) {
   }, [e, t]), n;
 }
 function en() {
-  const e = w((g) => g.voucherConfig.language), t = w((g) => g.voucherConfig.hours), n = w((g) => g.voucherConfig.description), r = w((g) => g.voucherConfig.templateHue), a = w((g) => g.personalInfo), o = w((g) => g.portrait), i = w((g) => g.currentSide), c = w((g) => g.flipSide), l = w((g) => g.setPortraitPan), u = Lt(r, 150), p = oe(e), h = W(null), y = W(null), m = W(null), [x, b] = X(!1), [k, P] = X(!1), T = W(null), I = St(e, t), C = Ct(e), B = o.useEnhanced && o.enhanced ? o.enhanced : o.original, M = Ye(e, t, n);
+  const e = w((g) => g.voucherConfig.language), t = w((g) => g.voucherConfig.hours), n = w((g) => g.voucherConfig.description), r = w((g) => g.voucherConfig.templateHue), a = w((g) => g.personalInfo), o = w((g) => g.portrait), i = w((g) => g.currentSide), c = w((g) => g.flipSide), l = w((g) => g.setPortraitPan), u = Lt(r, 150), h = oe(e), p = W(null), y = W(null), m = W(null), [x, b] = X(!1), [k, P] = X(!1), T = W(null), I = St(e, t), C = Ct(e), R = o.useEnhanced && o.enhanced ? o.enhanced : o.original, M = Ye(e, t, n);
   ae(() => {
-    h.current && Rt(
-      h.current,
+    p.current && Bt(
+      p.current,
       I.front,
-      B,
+      R,
       a.name,
       C.front,
       I.width,
@@ -1310,7 +1310,7 @@ function en() {
       o.panY,
       u
     );
-  }, [I, B, a.name, C, o.zoom, o.panX, o.panY, u]), ae(() => {
+  }, [I, R, a.name, C, o.zoom, o.panX, o.panY, u]), ae(() => {
     y.current && Nt(
       y.current,
       I.back,
@@ -1330,8 +1330,8 @@ function en() {
     }, 150);
   }, H = N((g, D) => {
     if (!m.current || i !== "front" || !o.original) return !1;
-    const K = m.current.getBoundingClientRect(), Z = K.width / I.width, q = K.height / I.height, J = (g - K.left) / Z, G = (D - K.top) / q, { x: se, y: we, radiusX: ye, radiusY: ve } = C.front.portrait, ue = (J - se) / ye, pe = (G - we) / ve;
-    return ue * ue + pe * pe <= 1;
+    const K = m.current.getBoundingClientRect(), Z = K.width / I.width, q = K.height / I.height, J = (g - K.left) / Z, G = (D - K.top) / q, { x: se, y: we, radiusX: ye, radiusY: ve } = C.front.portrait, ue = (J - se) / ye, he = (G - we) / ve;
+    return ue * ue + he * he <= 1;
   }, [i, o.original, I.width, I.height, C.front.portrait]), $ = N((g, D) => {
     o.zoom <= 1 || !H(g, D) || (P(!0), T.current = {
       x: g,
@@ -1339,7 +1339,7 @@ function en() {
       panX: o.panX,
       panY: o.panY
     });
-  }, [o.zoom, o.panX, o.panY, H]), R = N((g, D) => {
+  }, [o.zoom, o.panX, o.panY, H]), B = N((g, D) => {
     if (!k || !T.current || !m.current) return;
     const K = m.current.getBoundingClientRect(), Z = 3 / Math.max(K.width, K.height), q = (g - T.current.x) * Z, J = (D - T.current.y) * Z, G = Math.max(-1, Math.min(1, T.current.panX + q)), se = Math.max(-1, Math.min(1, T.current.panY + J));
     l(G, se);
@@ -1348,14 +1348,14 @@ function en() {
   }, []), U = (g) => {
     o.zoom > 1 && H(g.clientX, g.clientY) && (g.preventDefault(), $(g.clientX, g.clientY));
   }, E = (g) => {
-    R(g.clientX, g.clientY);
+    B(g.clientX, g.clientY);
   }, O = () => A(), Y = () => A(), j = (g) => {
     if (g.touches.length === 1) {
       const D = g.touches[0];
       o.zoom > 1 && H(D.clientX, D.clientY) && $(D.clientX, D.clientY);
     }
   }, V = (g) => {
-    g.touches.length === 1 && R(g.touches[0].clientX, g.touches[0].clientY);
+    g.touches.length === 1 && B(g.touches[0].clientX, g.touches[0].clientY);
   }, de = () => A(), ie = i === "front" && o.original && o.zoom > 1, be = I.width / I.height;
   return /* @__PURE__ */ f("div", { className: "space-y-4", children: [
     /* @__PURE__ */ f("div", { className: "flex justify-between items-center", children: [
@@ -1365,7 +1365,7 @@ function en() {
           {
             className: `tab ${i === "front" ? "tab-active bg-primary text-primary-content font-semibold" : ""}`,
             onClick: () => i !== "front" && L(),
-            children: p.preview.front
+            children: h.preview.front
           }
         ),
         /* @__PURE__ */ d(
@@ -1373,7 +1373,7 @@ function en() {
           {
             className: `tab ${i === "back" ? "tab-active bg-primary text-primary-content font-semibold" : ""}`,
             onClick: () => i !== "back" && L(),
-            children: p.preview.back
+            children: h.preview.back
           }
         )
       ] }),
@@ -1397,7 +1397,7 @@ function en() {
             )
           }
         ),
-        p.preview.flip
+        h.preview.flip
       ] })
     ] }),
     /* @__PURE__ */ f(
@@ -1417,7 +1417,7 @@ function en() {
           /* @__PURE__ */ d(
             "canvas",
             {
-              ref: h,
+              ref: p,
               className: `absolute inset-0 w-full h-full transition-all duration-300 ${i === "front" ? x ? "opacity-0 scale-95" : "opacity-100 scale-100" : "opacity-0 scale-95 pointer-events-none"}`
             }
           ),
@@ -1821,8 +1821,8 @@ async function Mt(e) {
     portraitZoom: c = 1,
     portraitPanX: l = 0,
     portraitPanY: u = 0,
-    templateHue: p = 160,
-    name: h,
+    templateHue: h = 160,
+    name: p,
     email: y,
     phone: m,
     description: x
@@ -1832,15 +1832,15 @@ async function Mt(e) {
   ]);
   let P = null;
   return i && (P = await Ce(i)), new Promise((T, I) => {
-    const C = Dt(), B = (L) => {
-      if (C.removeEventListener("message", B), C.removeEventListener("error", M), URL.revokeObjectURL(b), URL.revokeObjectURL(k), P && URL.revokeObjectURL(P), L.data.type === "success")
+    const C = Dt(), R = (L) => {
+      if (C.removeEventListener("message", R), C.removeEventListener("error", M), URL.revokeObjectURL(b), URL.revokeObjectURL(k), P && URL.revokeObjectURL(P), L.data.type === "success")
         try {
-          const { frontImageData: H, backImageData: $, width: R, height: A } = L.data;
-          if (!H || !$ || !R || !A) {
+          const { frontImageData: H, backImageData: $, width: B, height: A } = L.data;
+          if (!H || !$ || !B || !A) {
             I(new Error("Invalid response from worker"));
             return;
           }
-          const U = Ae(H, "image/jpeg"), E = Ae($, "image/jpeg"), O = R / 96 * 25.4, Y = A / 96 * 25.4, j = new rt({
+          const U = Ae(H, "image/jpeg"), E = Ae($, "image/jpeg"), O = B / 96 * 25.4, Y = A / 96 * 25.4, j = new rt({
             orientation: O > Y ? "landscape" : "portrait",
             unit: "mm",
             format: [O, Y]
@@ -1854,16 +1854,16 @@ async function Mt(e) {
       else
         I(new Error(L.data.error));
     }, M = (L) => {
-      C.removeEventListener("message", B), C.removeEventListener("error", M), URL.revokeObjectURL(b), URL.revokeObjectURL(k), P && URL.revokeObjectURL(P), I(new Error(L.message));
+      C.removeEventListener("message", R), C.removeEventListener("error", M), URL.revokeObjectURL(b), URL.revokeObjectURL(k), P && URL.revokeObjectURL(P), I(new Error(L.message));
     };
-    C.addEventListener("message", B), C.addEventListener("error", M), C.postMessage({
+    C.addEventListener("message", R), C.addEventListener("error", M), C.postMessage({
       type: "generate",
       frontTemplateUrl: b,
       backTemplateUrl: k,
       portraitUrl: P,
       templateWidth: r,
       templateHeight: a,
-      templateHue: p,
+      templateHue: h,
       portraitZoom: c,
       portraitPanX: l,
       portraitPanY: u,
@@ -1878,7 +1878,7 @@ async function Mt(e) {
           description: o.back.description
         }
       },
-      name: h,
+      name: p,
       email: y,
       phone: m,
       description: x
@@ -1894,7 +1894,7 @@ async function Ut(e) {
   At(t, e.filename);
 }
 function nn() {
-  const e = w((b) => b.voucherConfig.language), t = w((b) => b.voucherConfig.hours), n = w((b) => b.voucherConfig.description), r = w((b) => b.voucherConfig.templateHue), a = w((b) => b.personalInfo), o = w((b) => b.portrait), i = w((b) => b.isExporting), c = w((b) => b.setIsExporting), l = oe(e), u = Pt(e, t), p = Xe(e), h = o.useEnhanced && o.enhanced ? o.enhanced : o.original, y = Ye(e, t, n), m = a.name.trim().length > 0 && a.email.trim().length > 0 && a.phone.trim().length > 0 && o.original !== null;
+  const e = w((b) => b.voucherConfig.language), t = w((b) => b.voucherConfig.hours), n = w((b) => b.voucherConfig.description), r = w((b) => b.voucherConfig.templateHue), a = w((b) => b.personalInfo), o = w((b) => b.portrait), i = w((b) => b.isExporting), c = w((b) => b.setIsExporting), l = oe(e), u = Pt(e, t), h = Xe(e), p = o.useEnhanced && o.enhanced ? o.enhanced : o.original, y = Ye(e, t, n), m = a.name.trim().length > 0 && a.email.trim().length > 0 && a.phone.trim().length > 0 && o.original !== null;
   return /* @__PURE__ */ f(
     "button",
     {
@@ -1909,8 +1909,8 @@ function nn() {
               backTemplateSrc: u.back,
               templateWidth: u.width,
               templateHeight: u.height,
-              layout: p,
-              portrait: h,
+              layout: h,
+              portrait: p,
               portraitZoom: o.zoom,
               portraitPanX: o.panX,
               portraitPanY: o.panY,
@@ -2160,7 +2160,7 @@ export {
   ut as applyEngravingEffect,
   mt as applyHueShift,
   At as downloadBlob,
-  Bt as drawContactInfo,
+  Rt as drawContactInfo,
   Et as drawMultilineText,
   Tt as drawOvalPortrait,
   $e as drawTemplate,
@@ -2182,7 +2182,7 @@ export {
   le as loadImage,
   xt as removeBackground,
   Nt as renderBackSide,
-  Rt as renderFrontSide,
+  Bt as renderFrontSide,
   vt as setApiKey,
   qt as setRemoveBackgroundEndpoint,
   on as setTemplateProvider,

package/package.json

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