@antontranelis/money-printer 1.0.55 → 1.0.57
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +3 -3
- package/dist/index.js +677 -624
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),d=require("react"),Ot=require("zustand"),Xt=require("zustand/middleware"),Vt=require("jspdf");var ge=typeof document<"u"?document.currentScript:null;function Kt(){return(typeof navigator<"u"?navigator.language:"de").toLowerCase().startsWith("de")?"de":"en"}const Se=Kt(),at={personalInfo:{name:"",email:"",phone:""},voucherConfig:{hours:1,description:"",language:Se,templateHue:29},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,appLanguage:Se},v=Ot.create()(Xt.persist(e=>({...at,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,panX:a.portrait.original&&t?a.portrait.panX:0,panY:a.portrait.original&&t?a.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(a=>({portrait:{...a.portrait,panX:t,panY:n}})),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}),setAppLanguage:t=>e({appLanguage:t}),setBillLanguage: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(at)}),{name:"money-generator-storage",migrate:e=>{const t=e;return t!=null&&t.voucherConfig&&(t.voucherConfig.templateHue=29,t.voucherConfig.hours=1,t.voucherConfig.language=Se),t&&(t.appLanguage=Se),t},version:1,partialize:e=>({personalInfo:e.personalInfo,voucherConfig:{...e.voucherConfig,templateHue:29},appLanguage:e.appLanguage,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},currentSide:"front",isEnhancing:!1,isExporting:!1})})),qt={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?",billLanguage:"Schein-Sprache",billLanguageGerman:"Deutsch",billLanguageEnglish:"Englisch"},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 {bannerText} meiner Zeit oder ein gleichwertiges Dankeschön",bannerText:{1:"eine Stunde",5:"fünf Stunden",10:"zehn Stunden"}}},Gt={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?",billLanguage:"Bill Language",billLanguageGerman:"German",billLanguageEnglish:"English"},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 {bannerText} of my time or an equivalent thank you",bannerText:{1:"one hour",5:"five hours",10:"ten hours"}}},Zt={de:qt,en:Gt};function J(e){return Zt[e]}function qe(e,t,n){if(n&&n.trim())return n;const a=J(e),r=a.bill.bannerText[t]||a.bill.bannerText[1];return a.bill.descriptionText.replace("{bannerText}",r)}function Jt(e){return/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e)}function Qt(e){return e.replace(/\D/g,"").length>=6}function en({focusField:e,onFocused:t}={}){const n=v(w=>w.appLanguage),a=v(w=>w.personalInfo),r=v(w=>w.setPersonalInfo),c=J(n),[l,s]=d.useState(!1),[o,u]=d.useState(!1),h=l&&a.email.trim()&&!Jt(a.email),x=o&&a.phone.trim()&&!Qt(a.phone),f=d.useRef(null),p=d.useRef(null),y=d.useRef(null);return d.useEffect(()=>{if(e){const w=e==="name"?f:e==="email"?p:y;setTimeout(()=>{var g,I;(g=w.current)==null||g.click(),(I=w.current)==null||I.focus(),t==null||t()},100)}},[e,t]),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:c.form.personalInfo.name})}),i.jsx("input",{ref:f,type:"text",name:"name",autoComplete:"name",placeholder:c.form.personalInfo.namePlaceholder,className:"input input-bordered w-full input-lg sm:input-md",value:a.name,onChange:w=>r({name:w.target.value})})]}),i.jsxs("div",{className:"form-control",children:[i.jsx("label",{className:"label",children:i.jsx("span",{className:"label-text font-medium",children:c.form.personalInfo.email})}),i.jsx("input",{ref:p,type:"email",name:"email",autoComplete:"email",placeholder:c.form.personalInfo.emailPlaceholder,className:`input input-bordered w-full input-lg sm:input-md ${h?"input-error":""}`,value:a.email,onChange:w=>r({email:w.target.value}),onBlur:()=>s(!0)}),h&&i.jsx("label",{className:"label",children:i.jsx("span",{className:"label-text-alt text-error",children:n==="de"?"Bitte gib eine gültige E-Mail-Adresse ein":"Please enter a valid email address"})})]}),i.jsxs("div",{className:"form-control",children:[i.jsx("label",{className:"label",children:i.jsx("span",{className:"label-text font-medium",children:c.form.personalInfo.phone})}),i.jsx("input",{ref:y,type:"tel",name:"phone",autoComplete:"tel",placeholder:c.form.personalInfo.phonePlaceholder,className:`input input-bordered w-full input-lg sm:input-md ${x?"input-error":""}`,value:a.phone,onChange:w=>r({phone:w.target.value}),onBlur:()=>u(!0)}),x&&i.jsx("label",{className:"label",children:i.jsx("span",{className:"label-text-alt text-error",children:n==="de"?"Bitte gib eine gültige Telefonnummer ein":"Please enter a valid phone number"})})]})]})}const tn=1024,ce=new Map;let V=null,rt=null;function Ge(e,t){return V||(V=document.createElement("canvas"),rt=V.getContext("2d",{willReadFrequently:!0})),(V.width!==e||V.height!==t)&&(V.width=e,V.height=t),rt}function ye(e){const t=ce.get(e);return t?Promise.resolve(t):new Promise((n,a)=>{const r=new Image;r.onload=()=>{if(ce.size>10){const c=ce.keys().next().value;c&&ce.delete(c)}ce.set(e,r),n(r)},r.onerror=()=>a(new Error("Failed to load image")),r.src=e})}function nn(){ce.clear()}async function ct(e,t=tn){const n=await ye(e),a=Math.max(n.width,n.height);if(a<=t)return e;const r=t/a,c=Math.round(n.width*r),l=Math.round(n.height*r),s=document.createElement("canvas"),o=s.getContext("2d");if(!o)throw new Error("Failed to get canvas context");return s.width=c,s.height=l,o.drawImage(n,0,0,c,l),s.toDataURL("image/jpeg",.9)}async function Ye(e,t,n,a=0){const[r,c]=await Promise.all([ye(e),ye(t)]),l=Ge(r.width,r.height);if(l.clearRect(0,0,r.width,r.height),n>0){const s=a*20;l.save(),l.globalAlpha=n,s>0&&(l.filter=`blur(${s}px)`),l.drawImage(c,0,0,r.width,r.height),l.restore()}return l.drawImage(r,0,0),V.toDataURL("image/png")}async function ut(e,t=.5,n=40){const a=await ye(e),r=Ge(a.width,a.height);r.clearRect(0,0,a.width,a.height),r.drawImage(a,0,0);const c=r.getImageData(0,0,a.width,a.height),l=c.data,s=new Uint32Array(l.buffer),o=1+t*.8,u=1-t,h=n%360/360;for(let x=0;x<s.length;x++){const f=s[x],p=f&255,y=f>>8&255,w=f>>16&255,g=f>>24&255;if(g===0)continue;let k=(((77*p+150*y+29*w>>8)/255-.5)*o+.5)*255;k<0?k=0:k>255&&(k=255);const T=k/255,E=.12,[C,R,N]=dt(h,E,T),H=p*u+C*t|0,S=y*u+R*t|0,j=w*u+N*t|0;s[x]=g<<24|j<<16|S<<8|H}return r.putImageData(c,0,0),V.toDataURL("image/png")}function an(e,t,n){e/=255,t/=255,n/=255;const a=Math.max(e,t,n),r=Math.min(e,t,n),c=(a+r)/2;let l=0,s=0;if(a!==r){const o=a-r;switch(s=c>.5?o/(2-a-r):o/(a+r),a){case e:l=((t-n)/o+(t<n?6:0))/6;break;case t:l=((n-e)/o+2)/6;break;case n:l=((e-t)/o+4)/6;break}}return[l,s,c]}function dt(e,t,n){if(t===0){const l=Math.round(n*255);return[l,l,l]}const a=(l,s,o)=>(o<0&&(o+=1),o>1&&(o-=1),o<1/6?l+(s-l)*6*o:o<1/2?s:o<2/3?l+(s-l)*(2/3-o)*6:l),r=n<.5?n*(1+t):n+t-n*t,c=2*n-r;return[Math.round(a(c,r,e+1/3)*255),Math.round(a(c,r,e)*255),Math.round(a(c,r,e-1/3)*255)]}const rn=29,on=5;async function gt(e,t){if(Math.abs(t-rn)<=on)return e;const n=await ye(e),a=Ge(n.width,n.height);a.clearRect(0,0,n.width,n.height),a.drawImage(n,0,0);const r=a.getImageData(0,0,n.width,n.height),c=r.data,l=new Uint32Array(c.buffer),s=t%360/360,o=20/360,u=45/360,h=l.length;for(let x=0;x<h;x++){const f=l[x],p=f&255,y=f>>8&255,w=f>>16&255,g=f>>24&255;if(g===0)continue;const[I,k,T]=an(p,y,w);if(k<.08||I<o||I>u)continue;const E=s,C=Math.min(k,.05),[R,N,H]=dt(E,C,T);l[x]=g<<24|H<<16|N<<8|R}return a.putImageData(r,0,0),V.toDataURL("image/png")}const sn="https://api.stability.ai/v1/generation",ln="https://api.stability.ai/v2beta/stable-image/edit/remove-background",mt="stability_api_key";let pe=null;function cn(e){pe=e}function un(){return pe}function dn(){return pe!==null}const gn={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"},ot=[{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 mn(e,t){const n=e/t;let a=ot[0],r=1/0;for(const c of ot){const l=c.width/c.height,s=Math.abs(n-l);s<r&&(r=s,a=c)}return a}function hn(e){return new Promise((t,n)=>{const a=new Image;a.onload=()=>{const r=mn(a.width,a.height),c=document.createElement("canvas");c.width=r.width,c.height=r.height;const l=c.getContext("2d");if(!l){n(new Error("Failed to get canvas context"));return}const s=a.width/a.height,o=r.width/r.height;let u=0,h=0,x=a.width,f=a.height;s>o?(x=a.height*o,u=(a.width-x)/2):(f=a.width/o,h=(a.height-f)/2),l.drawImage(a,u,h,x,f,0,0,r.width,r.height),t(c.toDataURL("image/png"))},a.onerror=()=>n(new Error("Failed to load image")),a.src=e})}function ht(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,c=new Uint8Array(r);for(let s=0;s<r;s++)c[s]=a.charCodeAt(s);return new Blob([c],{type:n})}function Ce(){var t;const e=typeof{url:typeof document>"u"?require("url").pathToFileURL(__filename).href:ge&&ge.tagName.toUpperCase()==="SCRIPT"&&ge.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(mt):null}function pt(e){localStorage.setItem(mt,e)}function Pe(){return pe?!0:Ce()!==null}async function pn(e){const t=Ce();if(!t)throw new Error("No Stability AI API key configured");const{imageDataUrl:n,style:a,strength:r=.35}=e,c=await hn(n),l=ht(c),s=new FormData;s.append("init_image",l,"portrait.png"),s.append("init_image_mode","IMAGE_STRENGTH"),s.append("image_strength",String(1-r)),s.append("text_prompts[0][text]",gn[a]),s.append("text_prompts[0][weight]","1"),s.append("cfg_scale","7"),s.append("samples","1"),s.append("steps","30");const u=await fetch(`${sn}/stable-diffusion-xl-1024-v1-0/image-to-image`,{method:"POST",headers:{Authorization:`Bearer ${t}`,Accept:"application/json"},body:s});if(!u.ok){const x=await u.text();throw console.error("Stability AI error:",x),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 h=await u.json();if(!h.artifacts||h.artifacts.length===0)throw new Error("No image generated");return`data:image/png;base64,${h.artifacts[0].base64}`}async function ft(e){if(pe){const l=await fetch(pe,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({imageDataUrl:e})});if(!l.ok){const o=await l.json().catch(()=>({}));throw new Error(o.error||`API error: ${l.status}`)}return(await l.json()).imageDataUrl}const t=Ce();if(!t)throw new Error("No Stability AI API key configured");const n=ht(e),a=new FormData;a.append("image",n,"image.png"),a.append("output_format","png");const r=await fetch(ln,{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 c=await r.blob();return new Promise((l,s)=>{const o=new FileReader;o.onload=()=>l(o.result),o.onerror=()=>s(new Error("Failed to read result")),o.readAsDataURL(c)})}function fn(){const[e,t]=d.useState(!1),[n,a]=d.useState(!1),[r,c]=d.useState(null),[l,s]=d.useState(()=>Pe());d.useEffect(()=>{s(Pe());const f=setTimeout(()=>{s(Pe())},150);return()=>clearTimeout(f)},[]);const o=d.useCallback(()=>c(null),[]),u=d.useCallback(f=>{pt(f),s(!0),c(null)},[]),h=d.useCallback(async(f,p=.5,y=40)=>{t(!0),c(null);try{return await ut(f,p,y)}catch(w){const g=w instanceof Error?w.message:"Enhancement failed";throw c(g),w}finally{t(!1)}},[]),x=d.useCallback(async f=>{a(!0),c(null);try{return await ft(f)}catch(p){const y=p instanceof Error?p.message:"Background removal failed";throw c(y),p}finally{a(!1)}},[]);return{enhance:h,removeBg:x,isEnhancing:e,isRemovingBg:n,error:r,hasKey:l,setApiKey:u,clearError:o}}function bt({isOpen:e,onClose:t,onSubmit:n}){const a=v(u=>u.appLanguage),[r,c]=d.useState("");if(!e)return null;const l=u=>{u.preventDefault(),r.trim()&&(n(r.trim()),c(""),t())},o={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 i.jsxs("dialog",{className:"modal modal-open",children:[i.jsxs("div",{className:"modal-box",children:[i.jsx("h3",{className:"font-bold text-lg",children:o.title}),i.jsx("p",{className:"py-4 text-sm opacity-80",children:o.description}),i.jsxs("form",{onSubmit:l,children:[i.jsxs("div",{className:"form-control",children:[i.jsx("input",{type:"password",placeholder:o.placeholder,className:"input input-bordered w-full",value:r,onChange:u=>c(u.target.value),autoFocus:!0}),i.jsx("label",{className:"label",children:i.jsx("span",{className:"label-text-alt",children:o.hint})})]}),i.jsxs("div",{className:"modal-action",children:[i.jsx("button",{type:"button",className:"btn btn-ghost",onClick:t,children:o.cancel}),i.jsx("button",{type:"submit",className:"btn btn-primary",disabled:!r.trim(),children:o.submit})]})]})]}),i.jsx("form",{method:"dialog",className:"modal-backdrop",children:i.jsx("button",{onClick:t,children:"close"})})]})}function we({min:e,max:t,step:n,value:a,onChange:r,className:c="",disabled:l=!1}){const s=d.useRef(null),o=d.useRef(null),u=d.useRef(!1),[h,x]=d.useState(!1),f=(a-e)/(t-e)*100,p=d.useCallback(k=>{if(!s.current)return a;const T=s.current.getBoundingClientRect(),E=Math.max(0,Math.min(1,(k-T.left)/T.width)),C=t-e,R=e+E*C,N=Math.round(R/n)*n;return Math.max(e,Math.min(t,N))},[e,t,n,a]),y=d.useCallback(k=>{if(l)return;const T=k.touches[0];o.current={x:T.clientX,y:T.clientY,value:a,decided:!1},u.current=!1},[a,l]),w=d.useCallback(k=>{if(l||!o.current)return;const T=k.touches[0],E=Math.abs(T.clientX-o.current.x),C=Math.abs(T.clientY-o.current.y);if(!o.current.decided){if(E<8&&C<8)return;if(o.current.decided=!0,C>E){o.current=null;return}u.current=!0,x(!0)}if(u.current){const R=p(T.clientX);R!==a&&r(R)}},[l,p,r,a]),g=d.useCallback(k=>{if(o.current&&!o.current.decided){const T=k.changedTouches[0];if(T){const E=p(T.clientX);E!==a&&r(E)}}o.current=null,u.current=!1,x(!1)},[p,r,a]);d.useEffect(()=>{const k=s.current;if(!k)return;const T=E=>{u.current&&E.preventDefault()};return k.addEventListener("touchmove",T,{passive:!1}),()=>{k.removeEventListener("touchmove",T)}},[]);const I=d.useCallback(k=>{if(l)return;const T=p(k.clientX);r(T),x(!0);const E=R=>{const N=p(R.clientX);r(N)},C=()=>{x(!1),document.removeEventListener("mousemove",E),document.removeEventListener("mouseup",C)};document.addEventListener("mousemove",E),document.addEventListener("mouseup",C)},[l,p,r]);return i.jsxs("div",{ref:s,className:`relative h-6 flex items-center cursor-pointer ${l?"opacity-50 cursor-not-allowed":""}`,onTouchStart:y,onTouchMove:w,onTouchEnd:g,onMouseDown:I,children:[i.jsx("div",{className:"absolute inset-x-0 h-2 bg-base-300 rounded-full"}),i.jsx("div",{className:`absolute left-0 h-2 rounded-full transition-colors ${c.includes("range-primary")?"bg-primary":c.includes("range-secondary")?"bg-secondary":"bg-primary"}`,style:{width:`${f}%`}}),i.jsx("div",{className:`absolute w-5 h-5 rounded-full bg-base-100 border-2 shadow-md transform -translate-x-1/2 transition-transform ${h?"scale-125":""} ${c.includes("range-primary")?"border-primary":c.includes("range-secondary")?"border-secondary":"border-primary"}`,style:{left:`${f}%`}})]})}function bn(){const e=v(b=>b.appLanguage),t=v(b=>b.portrait),n=v(b=>b.setPortrait),a=v(b=>b.setPortraitZoom),r=v(b=>b.setPortraitPan),c=v(b=>b.setPortraitRawImage),l=v(b=>b.setPortraitBgRemoved),s=v(b=>b.setPortraitBgOpacity),o=v(b=>b.setPortraitBgBlur),u=v(b=>b.setPortraitEngravingIntensity),{enhance:h,removeBg:x,isEnhancing:f,isRemovingBg:p,error:y,hasKey:w,setApiKey:g}=fn(),I=J(e),k=d.useRef(null),[T,E]=d.useState(!1),[C,R]=d.useState(!1),N=d.useRef(null),H=d.useRef(null),S=t.rawImage,j=t.bgRemovedImage,M=t.bgRemoved,K=t.bgOpacity,te=t.bgBlur,G=t.engravingIntensity;d.useEffect(()=>{t.original&&!t.rawImage&&c(t.original)},[t.original,t.rawImage,c]),d.useEffect(()=>()=>{N.current&&clearTimeout(N.current),H.current&&clearTimeout(H.current)},[]);const W=v(b=>b.voucherConfig.templateHue),z=d.useRef(W),O=d.useCallback(async b=>{if(!b.type.startsWith("image/"))return;const P=new FileReader;P.onload=async A=>{var _;const B=(_=A.target)==null?void 0:_.result,X=await ct(B);c(X),n(X),l(!1,null),u(0)},P.readAsDataURL(b)},[n,c,l,u]),ne=d.useCallback(b=>{b.preventDefault(),E(!1);const P=b.dataTransfer.files[0];P&&O(P)},[O]),Ne=d.useCallback(b=>{b.preventDefault(),E(!0)},[]),fe=d.useCallback(b=>{b.preventDefault(),E(!1)},[]),He=()=>{var b;(b=k.current)==null||b.click()},be=b=>{var A;const P=(A=b.target.files)==null?void 0:A[0];P&&O(P)},ae=d.useCallback(async(b,P,A)=>{try{return await h(b,P,A)}catch(B){return console.error("Enhancement failed:",B),b}},[h]),se=d.useCallback(async b=>{try{const P=await x(b);return l(!0,P),P}catch(P){return console.error("Background removal failed:",P),b}},[x,l]),re=d.useCallback(async()=>{const b=v.getState(),P=b.portrait,A=b.voucherConfig.templateHue;if(!P.rawImage)return;let B;P.bgRemoved&&P.bgRemovedImage?B=await Ye(P.bgRemovedImage,P.rawImage,P.bgOpacity,P.bgBlur):B=P.rawImage,P.engravingIntensity>0&&(B=await ae(B,P.engravingIntensity,A)),n(B)},[ae,n]);d.useEffect(()=>{if(z.current===W)return;z.current=W;const b=v.getState().portrait;b.engravingIntensity>0&&b.rawImage&&(N.current&&clearTimeout(N.current),N.current=setTimeout(re,150))},[W,re]);const ve=async()=>{if(!S)return;if(!M&&!w){R(!0);return}if(!M){const P=await se(S),A=v.getState(),B=A.portrait,X=A.voucherConfig.templateHue;let _=await Ye(P,S,B.bgOpacity,B.bgBlur);B.engravingIntensity>0&&(_=await ae(_,B.engravingIntensity,X)),n(_)}else{l(!1,null);const P=v.getState(),A=P.portrait.engravingIntensity,B=P.voucherConfig.templateHue;if(A>0){const X=await ae(S,A,B);n(X)}else n(S)}},ke=b=>{u(b),N.current&&clearTimeout(N.current),S&&(N.current=setTimeout(re,150))},xe=async b=>{if(g(b),!S)return;const P=await se(S),A=v.getState(),B=A.portrait,X=A.voucherConfig.templateHue;let _=await Ye(P,S,B.bgOpacity,B.bgBlur);B.engravingIntensity>0&&(_=await ae(_,B.engravingIntensity,X)),n(_)},q=b=>{s(b),H.current&&clearTimeout(H.current),!(!S||!j)&&(H.current=setTimeout(re,150))},Ie=b=>{o(b),H.current&&clearTimeout(H.current),!(!S||!j)&&(H.current=setTimeout(re,150))},Te=()=>{n(null),c(null),l(!1,null),s(0),o(0),u(0),nn()};return i.jsxs("div",{className:"space-y-4",children:[t.original?i.jsxs("div",{className:"flex flex-col space-y-4",children:[i.jsxs("div",{className:"flex justify-between items-center w-full",children:[i.jsx("span",{className:"text-sm font-medium text-base-content/70",children:e==="de"?"Portrait-Einstellungen":"Portrait settings"}),i.jsxs("button",{className:"btn btn-xs btn-ghost text-error",onClick:Te,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:"M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"})}),e==="de"?"Foto entfernen":"Remove photo"]})]}),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:I.form.portrait.zoom}),i.jsxs("span",{className:"label-text-alt",children:[Math.round(t.zoom*100),"%"]})]}),i.jsx(we,{min:.5,max:2,step:.05,value:t.zoom,onChange:b=>{a(b),b<=1&&(t.panX!==0||t.panY!==0)&&r(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"?"Farbanpassung":"Color adjustment",f&&i.jsx("span",{className:"loading loading-spinner loading-xs"})]}),i.jsxs("span",{className:"label-text-alt",children:[Math.round(G*100),"%"]})]}),i.jsx(we,{min:0,max:1,step:.05,value:G,onChange:ke,className:"range range-secondary range-sm",disabled:f||!S})]})]}),M?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(K*100),"%"]})]}),i.jsx(we,{min:0,max:1,step:.05,value:K,onChange:q,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(te*100),"%"]})]}),i.jsx(we,{min:0,max:1,step:.05,value:te,onChange:Ie,className:"range range-primary range-sm",disabled:K===0})]})]}):i.jsx("div",{className:"form-control w-fit",children:i.jsxs("label",{className:"label cursor-pointer justify-start gap-3",children:[i.jsx("input",{type:"checkbox",className:`toggle toggle-primary ${p?"opacity-50":""}`,checked:M,onChange:ve,disabled:p||!S}),i.jsxs("span",{className:"label-text flex items-center gap-2",children:[p?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",!w&&i.jsx("span",{className:"badge badge-sm badge-outline",children:"API"})]})]})}),y&&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:y})]})]}):i.jsxs("div",{className:`border-2 border-dashed rounded-lg p-8 text-center cursor-pointer transition-colors ${p?"border-primary bg-primary/10 pointer-events-none":T?"border-primary bg-primary/10":"border-base-300 hover:border-primary hover:bg-base-200"}`,onDrop:ne,onDragOver:Ne,onDragLeave:fe,onClick:He,children:[i.jsx("input",{ref:k,type:"file",accept:"image/*",className:"hidden",onChange:be}),p?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:I.form.portrait.upload}),i.jsx("p",{className:"text-sm text-base-content/60",children:I.form.portrait.dragDrop})]})]}),i.jsx(bt,{isOpen:C,onClose:()=>R(!1),onSubmit:xe})]})}function xn(){const e=v(s=>s.appLanguage),t=v(s=>s.voucherConfig.language),n=v(s=>s.voucherConfig.hours);v(s=>s.voucherConfig.templateHue);const a=v(s=>s.setBillLanguage),r=v(s=>s.setHours);v(s=>s.setTemplateHue);const c=J(e),l=[1,5,10];return i.jsxs("div",{className:"space-y-4",children:[i.jsx("div",{className:"form-control",children:i.jsxs("div",{className:"flex items-center justify-between gap-2",children:[i.jsx("span",{className:"label-text font-medium",children:c.form.voucher.billLanguage}),i.jsxs("div",{className:"join border border-base-300 rounded-lg shadow",children:[i.jsx("button",{className:`join-item btn btn-md ${t==="de"?"btn-active btn-primary":"btn-ghost"}`,onClick:()=>a("de"),children:c.form.voucher.billLanguageGerman}),i.jsx("button",{className:`join-item btn btn-md ${t==="en"?"btn-active btn-primary":"btn-ghost"}`,onClick:()=>a("en"),children:c.form.voucher.billLanguageEnglish})]})]})}),i.jsx("div",{className:"form-control",children:i.jsxs("div",{className:"flex items-center justify-between gap-2",children:[i.jsx("span",{className:"label-text font-medium",children:c.form.voucher.hours}),i.jsx("div",{className:"join border border-base-300 rounded-lg shadow",children:l.map(s=>i.jsxs("button",{className:`join-item btn btn-md ${n===s?"btn-active btn-primary":"btn-ghost"}`,onClick:()=>r(s),children:[s,i.jsxs("span",{className:"hidden sm:inline",children:[" ",s===1?c.form.voucher.hourLabel:c.form.voucher.hoursLabel]})]},s))})]})}),!1]})}const We=new Map,le=new Map;async function L(e){return We.has(e)?We.get(e):new Promise((t,n)=>{const a=new Image;a.crossOrigin="anonymous",a.onload=()=>{We.set(e,a),t(a)},a.onerror=n,a.src=e})}function ie(e,t,n,a){e.drawImage(t,0,0,n,a)}async function xt(e,t,n,a){if(t>=155&&t<=165)return L(e);const r=`${e}:${t}:${n}x${a}`;if(le.has(r))return L(le.get(r));const c=await L(e),l=document.createElement("canvas");l.width=n,l.height=a;const s=l.getContext("2d");if(!s)throw new Error("Failed to get canvas context");s.drawImage(c,0,0,n,a);const o=l.toDataURL("image/png"),u=await gt(o,t);if(le.size>20){const h=le.keys().next().value;h&&le.delete(h)}return le.set(r,u),L(u)}function wn(e,t,n,a,r,c="de"){e.save(),e.beginPath(),e.ellipse(t,n,a,r,0,0,Math.PI*2),e.closePath(),e.setLineDash([20,10]),e.strokeStyle="rgba(100, 100, 100, 0.4)",e.lineWidth=3,e.stroke(),e.restore()}function wt(e,t,n,a,r,c,l=1,s=0,o=0){e.save(),e.beginPath(),e.ellipse(n,a,r,c,0,0,Math.PI*2),e.closePath(),e.clip();const u=t.width/t.height,h=r/c,x=r*2,f=c*2;let p,y;u>h?(y=f,p=f*u):(p=x,y=x/u),p*=l,y*=l;const w=Math.max(0,(p-x)/2),g=Math.max(0,(y-f)/2),I=n-p/2+s*w,k=a-y/2+o*g;e.drawImage(t,I,k,p,y),e.restore()}function Ze(e,t,n,a="#2a3a2a"){e.save(),e.font=`${n.fontSize}px "Times New Roman", serif`,e.textAlign=n.align||"center",e.textBaseline="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 yt(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,c=n.lineHeight||n.fontSize*1.4,l=t.split(" "),s=[];let o="";for(const x of l){const f=o?`${o} ${x}`:x;e.measureText(f).width>r&&o?(s.push(o),o=x):o=f}o&&s.push(o);const u=s.length*c;let h=n.y-u/2;for(const x of s)e.fillText(x,n.x,h),h+=c;e.restore()}function vt(e,t,n,a,r,c="#2a3a2a"){e.save(),e.font=`${r.fontSize}px "Times New Roman", serif`,e.textAlign=r.align||"center",e.textBaseline="middle",e.fillStyle=c;const l=r.lineHeight||r.fontSize*1.8,s=[t,n,a].filter(Boolean),o=(s.length-1)*l;let u=r.y-o/2;for(const h of s)h&&(e.fillText(h,r.x,u),u+=l);e.restore()}function yn(e,t,n,a="#2a3a2a"){e.save(),e.strokeStyle=a,e.lineWidth=Math.max(2,t.labelFontSize/16),e.beginPath(),e.moveTo(t.x-t.width/2,t.y),e.lineTo(t.x+t.width/2,t.y),e.stroke(),e.font=`${t.labelFontSize}px "Times New Roman", serif`,e.textAlign="center",e.textBaseline="top",e.fillStyle=a,e.fillText(n,t.x,t.y+t.labelFontSize*.3),e.restore()}async function kt(e,t,n,a,r,c,l,s,o,u=1,h=0,x=0,f=0,p=1,y="de"){const w=e.getContext("2d");if(!w)return;const g=document.createElement("canvas");g.width=s,g.height=o;const I=g.getContext("2d");if(!I)return;I.clearRect(0,0,s,o);const k=await xt(t,f,s,o);ie(I,k,s,o);const T=await L(n);if(ie(I,T,s,o),r)try{const R=await L(r);wt(I,R,l.portrait.x,l.portrait.y,l.portrait.radiusX,l.portrait.radiusY,u,h,x)}catch(R){console.error("Failed to load portrait:",R)}else wn(I,l.portrait.x,l.portrait.y,l.portrait.radiusX,l.portrait.radiusY,y);const E=await L(a);ie(I,E,s,o);const C=s/3633;Lt(I,p,y,C),c&&Ze(I,c,l.namePlate),e.width=s,e.height=o,w.drawImage(g,0,0)}async function It(e,t,n,a,r,c,l,s,o,u,h,x=0,f=1,p="de"){const y=e.getContext("2d");if(!y)return;const w=document.createElement("canvas");w.width=u,w.height=h;const g=w.getContext("2d");if(!g)return;g.clearRect(0,0,u,h);const I=await xt(t,x,u,h);ie(g,I,u,h);const k=await L(n);ie(g,k,u,h);const T=await L(a);ie(g,T,u,h);const E=u/3633;if(Lt(g,f,p,E),o.contactInfo&&(r||c||l)&&vt(g,r,c,l,o.contactInfo),o.description&&s&&yt(g,s,o.description),r&&Ze(g,r,o.namePlate),o.signature){const C=p==="de"?"Unterschrift":"Signature";yn(g,o.signature,C)}e.width=u,e.height=h,y.drawImage(w,0,0)}const me=typeof{url:typeof document>"u"?require("url").pathToFileURL(__filename).href:ge&&ge.tagName.toUpperCase()==="SCRIPT"&&ge.src||new URL("index.cjs",document.baseURI).href}<"u"&&"/"||"/",F={background:`${me}templates/background.webp`,frontFrame:`${me}templates/front_frame.webp`,backFrame:`${me}templates/back_frame.webp`},he={1:`${me}templates/1.png`,5:`${me}templates/5.png`,10:`${me}templates/10.png`},Tt={de:{banner:{1:"EINE STUNDE",5:"FÜNF STUNDEN",10:"ZEHN STUNDEN"}},en:{banner:{1:"ONE HOUR",5:"FIVE HOURS",10:"TEN HOURS"}}},Q=3633,ee=1920,Re=.5,vn=Math.round(Q*Re),kn=Math.round(ee*Re),Pt=320,Et=335,$={badges:{topLeft:{x:286,y:235},topRight:{x:3340,y:230},bottomLeft:{x:282,y:1665},bottomRight:{x:3345,y:1665}},banner:{centerX:1816,centerY:3820,radius:3610,fontSize:103,color:"#2a3a2a"}},Ee=new Map,oe=new Map,$e=new Map,Fe=new Map,Oe=new Map;function St(e,t,n,a,r,c,l){e.save(),e.font=`900 ${c}px "Times New Roman", Georgia, serif`,e.fillStyle=l,e.textAlign="center",e.textBaseline="middle";const o=e.measureText(t).width/r,u=-Math.PI/2-o/2,h=t.split(""),x=[];for(const p of h)x.push(e.measureText(p).width);let f=u;for(let p=0;p<h.length;p++){const y=h[p],w=x[p],g=f+w/2/r,I=n+r*Math.cos(g),k=a+r*Math.sin(g);e.save(),e.translate(I,k),e.rotate(g+Math.PI/2),e.fillText(y,0,0),e.restore(),f+=w/r}e.restore()}let Y={background:null,frontFrame:null,backFrame:null,badges:{1:null,5:null,10:null}};async function In(){const[e,t,n,a,r,c]=await Promise.all([L(F.background),L(F.frontFrame),L(F.backFrame),L(he[1]),L(he[5]),L(he[10])]);Y={background:e,frontFrame:t,backFrame:n,badges:{1:a,5:r,10:c}}}function Tn(e,t){const n=Math.round(Q*e),a=Math.round(ee*e),r=document.createElement("canvas");r.width=n,r.height=a;const c=r.getContext("2d");if(!c)throw new Error("Failed to get canvas context");c.drawImage(t,0,0,n,a);const l=e<1?.8:.95;return r.toDataURL("image/jpeg",l)}function Pn(e,t){const n=Math.round(Q*e),a=Math.round(ee*e),r=document.createElement("canvas");r.width=n,r.height=a;const c=r.getContext("2d");if(!c)throw new Error("Failed to get canvas context");const l=Pt*e,s=Et*e,o=$.badges,u=(h,x)=>{const f=x/2,p=h.x*e-f,y=h.y*e-f;c.drawImage(t,p,y,x,x)};return u(o.topLeft,l),u(o.topRight,l),u(o.bottomLeft,s),u(o.bottomRight,s),r.toDataURL("image/png")}function Lt(e,t,n,a=1){const r=Tt[n].banner[t];St(e,r,$.banner.centerX*a,$.banner.centerY*a,$.banner.radius*a,$.banner.fontSize*a,$.banner.color)}function Ct(e,t,n,a,r,c,l){const s=Math.round(Q*a),o=Math.round(ee*a),u=document.createElement("canvas");u.width=s,u.height=o;const h=u.getContext("2d");if(!h)throw new Error("Failed to get canvas context");h.drawImage(r,0,0,s,o);{const f=Pt*a,p=Et*a,y=$.badges,w=(g,I)=>{const k=I/2,T=g.x*a-k,E=g.y*a-k;h.drawImage(l,T,E,I,I)};w(y.topLeft,f),w(y.topRight,f),w(y.bottomLeft,p),w(y.bottomRight,p)}if(h.drawImage(c,0,0,s,o),n==="front"){const f=Tt[t].banner[e];St(h,f,$.banner.centerX*a,$.banner.centerY*a,$.banner.radius*a,$.banner.fontSize*a,$.banner.color)}const x=a<1?.8:.95;return u.toDataURL("image/jpeg",x)}async function Rt(e,t,n){const a=`${e}-${t}-${n}`;if(Ee.has(a))return Ee.get(a);const r=Y.background||await L(F.background),c=n==="front"?Y.frontFrame||await L(F.frontFrame):Y.backFrame||await L(F.backFrame),l=Y.badges[e]||await L(he[e]),s=Ct(e,t,n,Re,r,c,l);return Ee.set(a,s),s}async function Xe(e,t,n){const a=`${e}-${t}-${n}`;if(oe.has(a))return oe.get(a);const r=Y.background||await L(F.background),c=n==="front"?Y.frontFrame||await L(F.frontFrame):Y.backFrame||await L(F.backFrame),l=Y.badges[e]||await L(he[e]),s=Ct(e,t,n,1,r,c,l);if(oe.size>4){const o=oe.keys().next().value;o&&oe.delete(o)}return oe.set(a,s),s}function En(){return{width:Q,height:ee}}function Sn(){Ee.clear(),oe.clear(),$e.clear(),Fe.clear(),Oe.clear()}async function Ve(e,t,n="front",a=Re){const r=`bg-${a}`;let c=$e.get(r);if(!c){const h=Y.background||await L(F.background);c=Tn(a,h),$e.set(r,c)}const l=`badges-${e}-${a}`;let s=Fe.get(l);if(!s){const h=Y.badges[e]||await L(he[e]);s=Pn(a,h),Fe.set(l,s)}const o=`${n}-${a}`;let u=Oe.get(o);if(!u){const h=n==="front"?Y.frontFrame||await L(F.frontFrame):Y.backFrame||await L(F.backFrame),x=Math.round(Q*a),f=Math.round(ee*a),p=document.createElement("canvas");p.width=x,p.height=f;const y=p.getContext("2d");if(!y)throw new Error("Failed to get canvas context");y.drawImage(h,0,0,x,f),u=p.toDataURL("image/png"),Oe.set(o,u)}return{background:c,badges:s,frame:u}}async function Ln(){const e=[1,5,10],t=["de","en"],n=["front","back"],a=[];for(const r of e)for(const c of t)for(const l of n)a.push(Rt(r,c,l));await Promise.all(a)}function Je(e,t){return{front:"",back:"",width:Q,height:ee}}const je={front:{portrait:{x:1810,y:918,radiusX:570,radiusY:605},namePlate:{x:1816,y:1765,fontSize:85,maxWidth:898,align:"center"}},back:{portrait:{x:0,y:0,radiusX:0,radiusY:0},namePlate:{x:1816,y:1770,fontSize:85,maxWidth:898,align:"center"},contactInfo:{x:898,y:939,fontSize:93,lineHeight:165,align:"center"},description:{x:2721,y:939,fontSize:85,maxWidth:1177,lineHeight:124,align:"center"},signature:{x:1820,y:1445,width:950,height:145,labelFontSize:85}}},ue=je,de=je;function Qe(e){return je}const Ke=.75;function Cn(e){const t=Qe(),n=Ke,a=r=>({portrait:{x:r.portrait.x*n,y:r.portrait.y*n,radiusX:r.portrait.radiusX*n,radiusY:r.portrait.radiusY*n},namePlate:{x:r.namePlate.x*n,y:r.namePlate.y*n,fontSize:r.namePlate.fontSize*n,maxWidth:r.namePlate.maxWidth?r.namePlate.maxWidth*n:void 0,lineHeight:r.namePlate.lineHeight?r.namePlate.lineHeight*n:void 0,align:r.namePlate.align},contactInfo:r.contactInfo?{x:r.contactInfo.x*n,y:r.contactInfo.y*n,fontSize:r.contactInfo.fontSize*n,maxWidth:r.contactInfo.maxWidth?r.contactInfo.maxWidth*n:void 0,lineHeight:r.contactInfo.lineHeight?r.contactInfo.lineHeight*n:void 0,align:r.contactInfo.align}:void 0,description:r.description?{x:r.description.x*n,y:r.description.y*n,fontSize:r.description.fontSize*n,maxWidth:r.description.maxWidth?r.description.maxWidth*n:void 0,lineHeight:r.description.lineHeight?r.description.lineHeight*n:void 0,align:r.description.align}:void 0,signature:r.signature?{x:r.signature.x*n,y:r.signature.y*n,width:r.signature.width*n,height:r.signature.height*n,labelFontSize:r.signature.labelFontSize*n}:void 0});return{front:a(t.front),back:a(t.back)}}function Rn(e,t){const n=Je();return{...n,width:Math.round(n.width*Ke),height:Math.round(n.height*Ke)}}function jn(e,t){const[n,a]=d.useState(e);return d.useEffect(()=>{const r=setTimeout(()=>a(e),t);return()=>clearTimeout(r)},[e,t]),n}function Bn({onPortraitClick:e,onFileDrop:t}={}){const n=v(m=>m.appLanguage),a=v(m=>m.voucherConfig.language),r=v(m=>m.voucherConfig.hours),c=v(m=>m.voucherConfig.description),l=v(m=>m.voucherConfig.templateHue),s=v(m=>m.personalInfo),o=v(m=>m.portrait),u=v(m=>m.currentSide),h=v(m=>m.flipSide),x=v(m=>m.setPortraitPan),f=jn(l,150),p=J(n),y=d.useRef(null),w=d.useRef(null),g=d.useRef(null),[I,k]=d.useState(!1),[T,E]=d.useState(!1),[C,R]=d.useState(!1),[N,H]=d.useState(!1),S=d.useRef(null),j=Rn(),M=Cn(),K=o.useEnhanced&&o.enhanced?o.enhanced:o.original,te=qe(a,r,c),[G,W]=d.useState(""),[z,O]=d.useState(""),[ne,Ne]=d.useState(""),[fe,He]=d.useState(""),[be,ae]=d.useState(""),[se,re]=d.useState(""),[ve,ke]=d.useState(!0);d.useEffect(()=>{let m=!0;ke(!0);async function D(){const[U,Z]=await Promise.all([Ve(r,a,"front"),Ve(r,a,"back")]);m&&(W(U.background),O(U.badges),Ne(U.frame),He(Z.background),ae(Z.badges),re(Z.frame),ke(!1))}return D(),()=>{m=!1}},[r,a]),d.useEffect(()=>{!y.current||!G||!z||!ne||kt(y.current,G,z,ne,K,s.name,M.front,j.width,j.height,o.zoom,o.panX,o.panY,f,r,a)},[j,G,z,ne,K,s.name,M,o.zoom,o.panX,o.panY,f,r,a]),d.useEffect(()=>{!w.current||!fe||!be||!se||It(w.current,fe,be,se,s.name,s.email,s.phone,te,M.back,j.width,j.height,f,r,a)},[j,fe,be,se,s,te,M,f,r,a]);const xe=()=>{k(!I),h()};d.useEffect(()=>{k(u==="back")},[u]);const q=d.useCallback((m,D)=>{if(!g.current||u!=="front")return!1;const U=g.current.getBoundingClientRect(),Z=U.width/j.width,De=U.height/j.height,Me=(m-U.left)/Z,Ae=(D-U.top)/De,{x:Ue,y:_t,radiusX:$t,radiusY:Ft}=M.front.portrait,tt=(Me-Ue)/$t,nt=(Ae-_t)/Ft;return tt*tt+nt*nt<=1},[u,j.width,j.height,M.front.portrait]),Ie=d.useCallback((m,D)=>{!o.original||o.zoom<=1||!q(m,D)||(E(!0),S.current={x:m,y:D,panX:o.panX,panY:o.panY})},[o.original,o.zoom,o.panX,o.panY,q]),Te=d.useCallback((m,D)=>{if(!T||!S.current||!g.current)return;const U=g.current.getBoundingClientRect(),Z=3/Math.max(U.width,U.height),De=(m-S.current.x)*Z,Me=(D-S.current.y)*Z,Ae=Math.max(-1,Math.min(1,S.current.panX+De)),Ue=Math.max(-1,Math.min(1,S.current.panY+Me));x(Ae,Ue)},[T,x]),b=d.useCallback(()=>{E(!1),S.current=null},[]),P=d.useCallback((m,D)=>{!o.original&&q(m,D)&&e&&e()},[o.original,q,e]),A=m=>{q(m.clientX,m.clientY)&&(m.preventDefault(),o.original&&o.zoom>1&&Ie(m.clientX,m.clientY))},B=m=>{T||P(m.clientX,m.clientY)},X=m=>{Te(m.clientX,m.clientY),R(q(m.clientX,m.clientY))},_=()=>b(),Mt=()=>{b(),R(!1)},At=m=>{if(m.touches.length===1){const D=m.touches[0];o.zoom>1&&q(D.clientX,D.clientY)&&Ie(D.clientX,D.clientY)}},Ut=m=>{m.touches.length===1&&Te(m.touches[0].clientX,m.touches[0].clientY)},Yt=()=>b(),et=d.useRef(!1);d.useEffect(()=>{et.current=T},[T]),d.useEffect(()=>{const m=g.current;if(!m)return;const D=U=>{et.current&&U.preventDefault()};return m.addEventListener("touchmove",D,{passive:!1}),()=>{m.removeEventListener("touchmove",D)}},[]);const Wt=u==="front"&&o.original&&o.zoom>1,zt=j.width/j.height;return i.jsxs("div",{className:"space-y-4",children:[i.jsxs("div",{className:"flex justify-between items-center",children:[i.jsxs("div",{className:"join border border-base-300 rounded-lg",children:[i.jsx("button",{className:`join-item btn btn-md ${u==="front"?"btn-active btn-primary":"btn-ghost"}`,onClick:()=>u!=="front"&&xe(),children:p.preview.front}),i.jsx("button",{className:`join-item btn btn-md ${u==="back"?"btn-active btn-primary":"btn-ghost"}`,onClick:()=>u!=="back"&&xe(),children:p.preview.back})]}),i.jsxs("button",{className:"btn btn-ghost btn-md",onClick:xe,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"})}),i.jsx("span",{className:"hidden sm:inline",children:p.preview.flip})]})]}),i.jsxs("div",{className:"relative w-full overflow-visible",style:{aspectRatio:zt,perspective:"1500px"},children:[ve&&i.jsx("div",{className:"absolute inset-0 flex items-center justify-center bg-base-300 rounded-lg z-10",children:i.jsx("span",{className:"loading loading-spinner loading-lg text-primary"})}),i.jsxs("div",{ref:g,className:`relative w-full h-full shadow-lg ${C&&Wt?T?"cursor-grabbing":"cursor-grab":""} ${ve?"opacity-0":"opacity-100"} transition-opacity duration-300`,style:{transformStyle:"preserve-3d",transition:"transform 0.6s ease-in-out, opacity 0.3s ease-in-out",transform:I?"rotateY(180deg)":"rotateY(0deg)"},onClick:B,onMouseDown:A,onMouseMove:X,onMouseUp:_,onMouseLeave:Mt,onTouchStart:At,onTouchMove:Ut,onTouchEnd:Yt,children:[i.jsx("canvas",{ref:y,className:"absolute inset-0 w-full h-full",style:{backfaceVisibility:"hidden",WebkitBackfaceVisibility:"hidden"}}),i.jsx("canvas",{ref:w,className:"absolute inset-0 w-full h-full",style:{backfaceVisibility:"hidden",WebkitBackfaceVisibility:"hidden",transform:"rotateY(180deg)"}}),!o.original&&u==="front"&&(e||t)&&i.jsx("div",{className:`absolute flex flex-col items-center justify-center cursor-pointer transition-colors duration-300 ease-in-out ${N?"bg-primary/20":"hover:bg-base-content/5"}`,style:{left:`${(M.front.portrait.x-M.front.portrait.radiusX)/j.width*100}%`,top:`${(M.front.portrait.y-M.front.portrait.radiusY)/j.height*100}%`,width:`${M.front.portrait.radiusX*2/j.width*100}%`,height:`${M.front.portrait.radiusY*2/j.height*100}%`,borderRadius:"50%",backfaceVisibility:"hidden",WebkitBackfaceVisibility:"hidden"},onClick:m=>{m.stopPropagation(),e==null||e()},onDragOver:m=>{m.preventDefault(),m.stopPropagation(),H(!0)},onDragLeave:m=>{m.preventDefault(),m.stopPropagation(),H(!1)},onDrop:m=>{m.preventDefault(),m.stopPropagation(),H(!1);const D=m.dataTransfer.files[0];D&&D.type.startsWith("image/")&&t&&t(D)},children:i.jsxs("button",{className:"btn btn-dash hover:btn-dash hover:border-base-content/60 flex flex-col items-center gap-0.5 sm:gap-1 h-auto py-1.5 px-2.5 sm:py-3 sm:px-4 bg-base-100/20 hover:bg-base-100/30",onClick:m=>{m.stopPropagation(),e==null||e()},children:[i.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",className:"w-7 h-6 sm:w-10 sm:h-9 text-base-content/50",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round",children:[i.jsx("circle",{cx:"12",cy:"8",r:"4"}),i.jsx("path",{d:"M4 21c0-4 4-6 8-6s8 2 8 6"})]}),i.jsx("span",{className:"text-[10px] sm:text-xs text-center leading-tight whitespace-pre-line",children:n==="de"?`Foto
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),g=require("react"),Vt=require("zustand"),Kt=require("zustand/middleware"),qt=require("jspdf");var he=typeof document<"u"?document.currentScript:null;const Gt=1024,rt=1200,de=new Map;let X=null,ot=null;function Ge(e,t){return X||(X=document.createElement("canvas"),ot=X.getContext("2d",{willReadFrequently:!0})),(X.width!==e||X.height!==t)&&(X.width=e,X.height=t),ot}function be(e){const t=de.get(e);return t?Promise.resolve(t):new Promise((n,a)=>{const r=new Image;r.onload=()=>{if(de.size>10){const l=de.keys().next().value;l&&de.delete(l)}de.set(e,r),n(r)},r.onerror=()=>a(new Error("Failed to load image")),r.src=e})}function Zt(){de.clear()}async function dt(e,t=Gt){const n=await be(e),a=Math.max(n.width,n.height);if(a<=t)return e;const r=t/a,l=Math.round(n.width*r),s=Math.round(n.height*r),i=document.createElement("canvas"),o=i.getContext("2d");if(!o)throw new Error("Failed to get canvas context");return i.width=l,i.height=s,o.drawImage(n,0,0,l,s),i.toDataURL("image/jpeg",.9)}async function Jt(e){const t=await be(e),n=Math.max(t.width,t.height);if(n<=rt){const o=document.createElement("canvas"),u=o.getContext("2d");if(!u)throw new Error("Failed to get canvas context");return o.width=t.width,o.height=t.height,u.drawImage(t,0,0),o.toDataURL("image/png")}const a=rt/n,r=Math.round(t.width*a),l=Math.round(t.height*a),s=document.createElement("canvas"),i=s.getContext("2d");if(!i)throw new Error("Failed to get canvas context");return s.width=r,s.height=l,i.drawImage(t,0,0,r,l),s.toDataURL("image/png")}async function We(e,t,n,a=0){const[r,l]=await Promise.all([be(e),be(t)]),s=Ge(r.width,r.height);if(s.clearRect(0,0,r.width,r.height),n>0){const i=a*20;s.save(),s.globalAlpha=n,i>0&&(s.filter=`blur(${i}px)`),s.drawImage(l,0,0,r.width,r.height),s.restore()}return s.drawImage(r,0,0),X.toDataURL("image/png")}async function gt(e,t=.5,n=40){const a=await be(e),r=Ge(a.width,a.height);r.clearRect(0,0,a.width,a.height),r.drawImage(a,0,0);const l=r.getImageData(0,0,a.width,a.height),s=l.data,i=new Uint32Array(s.buffer),o=1+t*.8,u=1-t,h=n%360/360;for(let x=0;x<i.length;x++){const f=i[x],p=f&255,v=f>>8&255,w=f>>16&255,d=f>>24&255;if(d===0)continue;let k=(((77*p+150*v+29*w>>8)/255-.5)*o+.5)*255;k<0?k=0:k>255&&(k=255);const T=k/255,E=.12,[S,N,j]=mt(h,E,T),D=p*u+S*t|0,L=v*u+N*t|0,R=w*u+j*t|0;i[x]=d<<24|R<<16|L<<8|D}return r.putImageData(l,0,0),X.toDataURL("image/png")}function Qt(e,t,n){e/=255,t/=255,n/=255;const a=Math.max(e,t,n),r=Math.min(e,t,n),l=(a+r)/2;let s=0,i=0;if(a!==r){const o=a-r;switch(i=l>.5?o/(2-a-r):o/(a+r),a){case e:s=((t-n)/o+(t<n?6:0))/6;break;case t:s=((n-e)/o+2)/6;break;case n:s=((e-t)/o+4)/6;break}}return[s,i,l]}function mt(e,t,n){if(t===0){const s=Math.round(n*255);return[s,s,s]}const a=(s,i,o)=>(o<0&&(o+=1),o>1&&(o-=1),o<1/6?s+(i-s)*6*o:o<1/2?i:o<2/3?s+(i-s)*(2/3-o)*6:s),r=n<.5?n*(1+t):n+t-n*t,l=2*n-r;return[Math.round(a(l,r,e+1/3)*255),Math.round(a(l,r,e)*255),Math.round(a(l,r,e-1/3)*255)]}const en=29,tn=5;async function ht(e,t){if(Math.abs(t-en)<=tn)return e;const n=await be(e),a=Ge(n.width,n.height);a.clearRect(0,0,n.width,n.height),a.drawImage(n,0,0);const r=a.getImageData(0,0,n.width,n.height),l=r.data,s=new Uint32Array(l.buffer),i=t%360/360,o=20/360,u=45/360,h=s.length;for(let x=0;x<h;x++){const f=s[x],p=f&255,v=f>>8&255,w=f>>16&255,d=f>>24&255;if(d===0)continue;const[I,k,T]=Qt(p,v,w);if(k<.08||I<o||I>u)continue;const E=i,S=Math.min(k,.05),[N,j,D]=mt(E,S,T);s[x]=d<<24|D<<16|j<<8|N}return a.putImageData(r,0,0),X.toDataURL("image/png")}const Le="money-generator-portrait";async function nn(e){try{if(localStorage.removeItem(Le),!e)return;const t=await Jt(e);try{localStorage.setItem(Le,t)}catch(n){console.warn("Could not persist portrait to localStorage:",n)}}catch(t){console.warn("Error processing portrait for storage:",t)}}function an(){try{return localStorage.getItem(Le)}catch{return null}}function rn(){try{localStorage.removeItem(Le)}catch{}}function on(){return(typeof navigator<"u"?navigator.language:"de").toLowerCase().startsWith("de")?"de":"en"}const Ce=on(),it={personalInfo:{name:"",email:"",phone:""},voucherConfig:{hours:1,description:"",language:Ce,templateHue:29},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,appLanguage:Ce},y=Vt.create()(Kt.persist(e=>({...it,setPersonalInfo:t=>e(n=>({personalInfo:{...n.personalInfo,...t}})),setVoucherConfig:t=>e(n=>({voucherConfig:{...n.voucherConfig,...t}})),setPortrait:(t,n=null)=>(nn(t),e(a=>({portrait:{...a.portrait,original:t,enhanced:n,useEnhanced:!1,zoom:a.portrait.original&&t?a.portrait.zoom:1,panX:a.portrait.original&&t?a.portrait.panX:0,panY:a.portrait.original&&t?a.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(a=>({portrait:{...a.portrait,panX:t,panY:n}})),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}),setAppLanguage:t=>e({appLanguage:t}),setBillLanguage: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:()=>(rn(),e(it))}),{name:"money-generator-storage",migrate:e=>{const t=e;return t!=null&&t.voucherConfig&&(t.voucherConfig.templateHue=29,t.voucherConfig.hours=1,t.voucherConfig.language=Ce),t&&(t.appLanguage=Ce),t},version:1,partialize:e=>({personalInfo:e.personalInfo,voucherConfig:{...e.voucherConfig,templateHue:29},appLanguage:e.appLanguage,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},currentSide:"front",isEnhancing:!1,isExporting:!1})}));if(typeof window<"u"){const e=an();e&&setTimeout(()=>{const t=y.getState();t.portrait.original||y.setState({portrait:{...t.portrait,original:e}})},0)}const sn={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?",billLanguage:"Schein-Sprache",billLanguageGerman:"Deutsch",billLanguageEnglish:"Englisch"},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 {bannerText} meiner Zeit oder ein gleichwertiges Dankeschön.",bannerText:{1:"eine Stunde",5:"fünf Stunden",10:"zehn Stunden"}}},cn={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?",billLanguage:"Bill Language",billLanguageGerman:"German",billLanguageEnglish:"English"},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:"For this voucher, you will receive {bannerText} of my time or an equivalent appreciation in return.",bannerText:{1:"one hour",5:"five hours",10:"ten hours"}}},ln={de:sn,en:cn};function te(e){return ln[e]}function Ze(e,t,n){if(n&&n.trim())return n;const a=te(e),r=a.bill.bannerText[t]||a.bill.bannerText[1];return a.bill.descriptionText.replace("{bannerText}",r)}function un(e){return/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e)}function dn(e){return e.replace(/\D/g,"").length>=6}function gn({focusField:e,onFocused:t}={}){const n=y(w=>w.appLanguage),a=y(w=>w.personalInfo),r=y(w=>w.setPersonalInfo),l=te(n),[s,i]=g.useState(!1),[o,u]=g.useState(!1),h=s&&a.email.trim()&&!un(a.email),x=o&&a.phone.trim()&&!dn(a.phone),f=g.useRef(null),p=g.useRef(null),v=g.useRef(null);return g.useEffect(()=>{if(e){const w=e==="name"?f:e==="email"?p:v;setTimeout(()=>{var d,I;(d=w.current)==null||d.click(),(I=w.current)==null||I.focus(),t==null||t()},100)}},[e,t]),c.jsxs("div",{className:"space-y-4",children:[c.jsxs("div",{className:"form-control",children:[c.jsx("label",{className:"label",children:c.jsx("span",{className:"label-text font-medium",children:l.form.personalInfo.name})}),c.jsx("input",{ref:f,type:"text",name:"name",autoComplete:"name",placeholder:l.form.personalInfo.namePlaceholder,className:"input input-bordered w-full input-lg sm:input-md",value:a.name,onChange:w=>r({name:w.target.value})})]}),c.jsxs("div",{className:"form-control",children:[c.jsx("label",{className:"label",children:c.jsx("span",{className:"label-text font-medium",children:l.form.personalInfo.email})}),c.jsx("input",{ref:p,type:"email",name:"email",autoComplete:"email",placeholder:l.form.personalInfo.emailPlaceholder,className:`input input-bordered w-full input-lg sm:input-md ${h?"input-error":""}`,value:a.email,onChange:w=>r({email:w.target.value}),onBlur:()=>i(!0)}),h&&c.jsx("label",{className:"label",children:c.jsx("span",{className:"label-text-alt text-error",children:n==="de"?"Bitte gib eine gültige E-Mail-Adresse ein":"Please enter a valid email address"})})]}),c.jsxs("div",{className:"form-control",children:[c.jsx("label",{className:"label",children:c.jsx("span",{className:"label-text font-medium",children:l.form.personalInfo.phone})}),c.jsx("input",{ref:v,type:"tel",name:"phone",autoComplete:"tel",placeholder:l.form.personalInfo.phonePlaceholder,className:`input input-bordered w-full input-lg sm:input-md ${x?"input-error":""}`,value:a.phone,onChange:w=>r({phone:w.target.value}),onBlur:()=>u(!0)}),x&&c.jsx("label",{className:"label",children:c.jsx("span",{className:"label-text-alt text-error",children:n==="de"?"Bitte gib eine gültige Telefonnummer ein":"Please enter a valid phone number"})})]})]})}const mn="https://api.stability.ai/v1/generation",hn="https://api.stability.ai/v2beta/stable-image/edit/remove-background",pt="stability_api_key";let xe=null;function pn(e){xe=e}function fn(){return xe}function bn(){return xe!==null}const xn={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"},st=[{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 wn(e,t){const n=e/t;let a=st[0],r=1/0;for(const l of st){const s=l.width/l.height,i=Math.abs(n-s);i<r&&(r=i,a=l)}return a}function yn(e){return new Promise((t,n)=>{const a=new Image;a.onload=()=>{const r=wn(a.width,a.height),l=document.createElement("canvas");l.width=r.width,l.height=r.height;const s=l.getContext("2d");if(!s){n(new Error("Failed to get canvas context"));return}const i=a.width/a.height,o=r.width/r.height;let u=0,h=0,x=a.width,f=a.height;i>o?(x=a.height*o,u=(a.width-x)/2):(f=a.width/o,h=(a.height-f)/2),s.drawImage(a,u,h,x,f,0,0,r.width,r.height),t(l.toDataURL("image/png"))},a.onerror=()=>n(new Error("Failed to load image")),a.src=e})}function ft(e){var s;const t=e.split(","),n=((s=t[0].match(/:(.*?);/))==null?void 0:s[1])||"image/png",a=atob(t[1]),r=a.length,l=new Uint8Array(r);for(let i=0;i<r;i++)l[i]=a.charCodeAt(i);return new Blob([l],{type:n})}function je(){var t;const e=typeof{url:typeof document>"u"?require("url").pathToFileURL(__filename).href:he&&he.tagName.toUpperCase()==="SCRIPT"&&he.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(pt):null}function bt(e){localStorage.setItem(pt,e)}function Pe(){return xe?!0:je()!==null}async function vn(e){const t=je();if(!t)throw new Error("No Stability AI API key configured");const{imageDataUrl:n,style:a,strength:r=.35}=e,l=await yn(n),s=ft(l),i=new FormData;i.append("init_image",s,"portrait.png"),i.append("init_image_mode","IMAGE_STRENGTH"),i.append("image_strength",String(1-r)),i.append("text_prompts[0][text]",xn[a]),i.append("text_prompts[0][weight]","1"),i.append("cfg_scale","7"),i.append("samples","1"),i.append("steps","30");const u=await fetch(`${mn}/stable-diffusion-xl-1024-v1-0/image-to-image`,{method:"POST",headers:{Authorization:`Bearer ${t}`,Accept:"application/json"},body:i});if(!u.ok){const x=await u.text();throw console.error("Stability AI error:",x),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 h=await u.json();if(!h.artifacts||h.artifacts.length===0)throw new Error("No image generated");return`data:image/png;base64,${h.artifacts[0].base64}`}async function xt(e){if(xe){const s=await fetch(xe,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({imageDataUrl:e})});if(!s.ok){const o=await s.json().catch(()=>({}));throw new Error(o.error||`API error: ${s.status}`)}return(await s.json()).imageDataUrl}const t=je();if(!t)throw new Error("No Stability AI API key configured");const n=ft(e),a=new FormData;a.append("image",n,"image.png"),a.append("output_format","png");const r=await fetch(hn,{method:"POST",headers:{Authorization:`Bearer ${t}`,Accept:"image/*"},body:a});if(!r.ok){const s=await r.text();throw console.error("Stability AI remove background error:",s),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 l=await r.blob();return new Promise((s,i)=>{const o=new FileReader;o.onload=()=>s(o.result),o.onerror=()=>i(new Error("Failed to read result")),o.readAsDataURL(l)})}function kn(){const[e,t]=g.useState(!1),[n,a]=g.useState(!1),[r,l]=g.useState(null),[s,i]=g.useState(()=>Pe());g.useEffect(()=>{i(Pe());const f=setTimeout(()=>{i(Pe())},150);return()=>clearTimeout(f)},[]);const o=g.useCallback(()=>l(null),[]),u=g.useCallback(f=>{bt(f),i(!0),l(null)},[]),h=g.useCallback(async(f,p=.5,v=40)=>{t(!0),l(null);try{return await gt(f,p,v)}catch(w){const d=w instanceof Error?w.message:"Enhancement failed";throw l(d),w}finally{t(!1)}},[]),x=g.useCallback(async f=>{a(!0),l(null);try{return await xt(f)}catch(p){const v=p instanceof Error?p.message:"Background removal failed";throw l(v),p}finally{a(!1)}},[]);return{enhance:h,removeBg:x,isEnhancing:e,isRemovingBg:n,error:r,hasKey:s,setApiKey:u,clearError:o}}function wt({isOpen:e,onClose:t,onSubmit:n}){const a=y(u=>u.appLanguage),[r,l]=g.useState("");if(!e)return null;const s=u=>{u.preventDefault(),r.trim()&&(n(r.trim()),l(""),t())},o={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 c.jsxs("dialog",{className:"modal modal-open",children:[c.jsxs("div",{className:"modal-box",children:[c.jsx("h3",{className:"font-bold text-lg",children:o.title}),c.jsx("p",{className:"py-4 text-sm opacity-80",children:o.description}),c.jsxs("form",{onSubmit:s,children:[c.jsxs("div",{className:"form-control",children:[c.jsx("input",{type:"password",placeholder:o.placeholder,className:"input input-bordered w-full",value:r,onChange:u=>l(u.target.value),autoFocus:!0}),c.jsx("label",{className:"label",children:c.jsx("span",{className:"label-text-alt",children:o.hint})})]}),c.jsxs("div",{className:"modal-action",children:[c.jsx("button",{type:"button",className:"btn btn-ghost",onClick:t,children:o.cancel}),c.jsx("button",{type:"submit",className:"btn btn-primary",disabled:!r.trim(),children:o.submit})]})]})]}),c.jsx("form",{method:"dialog",className:"modal-backdrop",children:c.jsx("button",{onClick:t,children:"close"})})]})}function ve({min:e,max:t,step:n,value:a,onChange:r,className:l="",disabled:s=!1}){const i=g.useRef(null),o=g.useRef(null),u=g.useRef(!1),[h,x]=g.useState(!1),f=(a-e)/(t-e)*100,p=g.useCallback(k=>{if(!i.current)return a;const T=i.current.getBoundingClientRect(),E=Math.max(0,Math.min(1,(k-T.left)/T.width)),S=t-e,N=e+E*S,j=Math.round(N/n)*n;return Math.max(e,Math.min(t,j))},[e,t,n,a]),v=g.useCallback(k=>{if(s)return;const T=k.touches[0];o.current={x:T.clientX,y:T.clientY,value:a,decided:!1},u.current=!1},[a,s]),w=g.useCallback(k=>{if(s||!o.current)return;const T=k.touches[0],E=Math.abs(T.clientX-o.current.x),S=Math.abs(T.clientY-o.current.y);if(!o.current.decided){if(E<8&&S<8)return;if(o.current.decided=!0,S>E){o.current=null;return}u.current=!0,x(!0)}if(u.current){const N=p(T.clientX);N!==a&&r(N)}},[s,p,r,a]),d=g.useCallback(k=>{if(o.current&&!o.current.decided){const T=k.changedTouches[0];if(T){const E=p(T.clientX);E!==a&&r(E)}}o.current=null,u.current=!1,x(!1)},[p,r,a]);g.useEffect(()=>{const k=i.current;if(!k)return;const T=E=>{u.current&&E.preventDefault()};return k.addEventListener("touchmove",T,{passive:!1}),()=>{k.removeEventListener("touchmove",T)}},[]);const I=g.useCallback(k=>{if(s)return;const T=p(k.clientX);r(T),x(!0);const E=N=>{const j=p(N.clientX);r(j)},S=()=>{x(!1),document.removeEventListener("mousemove",E),document.removeEventListener("mouseup",S)};document.addEventListener("mousemove",E),document.addEventListener("mouseup",S)},[s,p,r]);return c.jsxs("div",{ref:i,className:`relative h-6 flex items-center cursor-pointer ${s?"opacity-50 cursor-not-allowed":""}`,onTouchStart:v,onTouchMove:w,onTouchEnd:d,onMouseDown:I,children:[c.jsx("div",{className:"absolute inset-x-0 h-2 bg-base-300 rounded-full"}),c.jsx("div",{className:`absolute left-0 h-2 rounded-full transition-colors ${l.includes("range-primary")?"bg-primary":l.includes("range-secondary")?"bg-secondary":"bg-primary"}`,style:{width:`${f}%`}}),c.jsx("div",{className:`absolute w-5 h-5 rounded-full bg-base-100 border-2 shadow-md transform -translate-x-1/2 transition-transform ${h?"scale-125":""} ${l.includes("range-primary")?"border-primary":l.includes("range-secondary")?"border-secondary":"border-primary"}`,style:{left:`${f}%`}})]})}function In(){const e=y(b=>b.appLanguage),t=y(b=>b.portrait),n=y(b=>b.setPortrait),a=y(b=>b.setPortraitZoom),r=y(b=>b.setPortraitPan),l=y(b=>b.setPortraitRawImage),s=y(b=>b.setPortraitBgRemoved),i=y(b=>b.setPortraitBgOpacity),o=y(b=>b.setPortraitBgBlur),u=y(b=>b.setPortraitEngravingIntensity),{enhance:h,removeBg:x,isEnhancing:f,isRemovingBg:p,error:v,hasKey:w,setApiKey:d}=kn(),I=te(e),k=g.useRef(null),[T,E]=g.useState(!1),[S,N]=g.useState(!1),j=g.useRef(null),D=g.useRef(null),L=t.rawImage,R=t.bgRemovedImage,M=t.bgRemoved,V=t.bgOpacity,G=t.bgBlur,Z=t.engravingIntensity;g.useEffect(()=>{t.original&&!t.rawImage&&l(t.original)},[t.original,t.rawImage,l]),g.useEffect(()=>()=>{j.current&&clearTimeout(j.current),D.current&&clearTimeout(D.current)},[]);const J=y(b=>b.voucherConfig.templateHue),K=g.useRef(J),_=g.useCallback(async b=>{if(!b.type.startsWith("image/"))return;const P=new FileReader;P.onload=async A=>{var W;const B=(W=A.target)==null?void 0:W.result,$=await dt(B);l($),n($),s(!1,null),u(0)},P.readAsDataURL(b)},[n,l,s,u]),O=g.useCallback(b=>{b.preventDefault(),E(!1);const P=b.dataTransfer.files[0];P&&_(P)},[_]),Q=g.useCallback(b=>{b.preventDefault(),E(!0)},[]),re=g.useCallback(b=>{b.preventDefault(),E(!1)},[]),De=()=>{var b;(b=k.current)==null||b.click()},we=b=>{var A;const P=(A=b.target.files)==null?void 0:A[0];P&&_(P)},oe=g.useCallback(async(b,P,A)=>{try{return await h(b,P,A)}catch(B){return console.error("Enhancement failed:",B),b}},[h]),le=g.useCallback(async b=>{try{const P=await x(b);return s(!0,P),P}catch(P){return console.error("Background removal failed:",P),b}},[x,s]),ie=g.useCallback(async()=>{const b=y.getState(),P=b.portrait,A=b.voucherConfig.templateHue;if(!P.rawImage)return;let B;P.bgRemoved&&P.bgRemovedImage?B=await We(P.bgRemovedImage,P.rawImage,P.bgOpacity,P.bgBlur):B=P.rawImage,P.engravingIntensity>0&&(B=await oe(B,P.engravingIntensity,A)),n(B)},[oe,n]);g.useEffect(()=>{if(K.current===J)return;K.current=J;const b=y.getState().portrait;b.engravingIntensity>0&&b.rawImage&&(j.current&&clearTimeout(j.current),j.current=setTimeout(ie,150))},[J,ie]);const ke=async()=>{if(!L)return;if(!M&&!w){N(!0);return}if(!M){const P=await le(L),A=y.getState(),B=A.portrait,$=A.voucherConfig.templateHue;let W=await We(P,L,B.bgOpacity,B.bgBlur);B.engravingIntensity>0&&(W=await oe(W,B.engravingIntensity,$)),n(W)}else{s(!1,null);const P=y.getState(),A=P.portrait.engravingIntensity,B=P.voucherConfig.templateHue;if(A>0){const $=await oe(L,A,B);n($)}else n(L)}},Ie=b=>{u(b),j.current&&clearTimeout(j.current),L&&(j.current=setTimeout(ie,150))},ye=async b=>{if(d(b),!L)return;const P=await le(L),A=y.getState(),B=A.portrait,$=A.voucherConfig.templateHue;let W=await We(P,L,B.bgOpacity,B.bgBlur);B.engravingIntensity>0&&(W=await oe(W,B.engravingIntensity,$)),n(W)},q=b=>{i(b),D.current&&clearTimeout(D.current),!(!L||!R)&&(D.current=setTimeout(ie,150))},Te=b=>{o(b),D.current&&clearTimeout(D.current),!(!L||!R)&&(D.current=setTimeout(ie,150))},Ee=()=>{n(null),l(null),s(!1,null),i(0),o(0),u(0),Zt()};return c.jsxs("div",{className:"space-y-4",children:[t.original?c.jsxs("div",{className:"flex flex-col space-y-4",children:[c.jsxs("div",{className:"flex justify-between items-center w-full",children:[c.jsx("span",{className:"text-sm font-medium text-base-content/70",children:e==="de"?"Portrait-Einstellungen":"Portrait settings"}),c.jsxs("button",{className:"btn btn-xs btn-ghost text-error",onClick:Ee,children:[c.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",className:"h-4 w-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:c.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"})}),e==="de"?"Foto entfernen":"Remove photo"]})]}),c.jsxs("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-4 w-full",children:[c.jsxs("div",{className:"form-control w-full",children:[c.jsxs("label",{className:"label",children:[c.jsx("span",{className:"label-text",children:I.form.portrait.zoom}),c.jsxs("span",{className:"label-text-alt",children:[Math.round(t.zoom*100),"%"]})]}),c.jsx(ve,{min:.5,max:2,step:.05,value:t.zoom,onChange:b=>{a(b),b<=1&&(t.panX!==0||t.panY!==0)&&r(0,0)},className:"range range-primary range-sm"})]}),c.jsxs("div",{className:"form-control w-full",children:[c.jsxs("label",{className:"label",children:[c.jsxs("span",{className:"label-text flex items-center gap-2",children:[e==="de"?"Farbanpassung":"Color adjustment",f&&c.jsx("span",{className:"loading loading-spinner loading-xs"})]}),c.jsxs("span",{className:"label-text-alt",children:[Math.round(Z*100),"%"]})]}),c.jsx(ve,{min:0,max:1,step:.05,value:Z,onChange:Ie,className:"range range-secondary range-sm",disabled:f||!L})]})]}),M?c.jsxs("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-4 w-full",children:[c.jsxs("div",{className:"form-control w-full",children:[c.jsxs("label",{className:"label",children:[c.jsx("span",{className:"label-text",children:e==="de"?"Hintergrund":"Background"}),c.jsxs("span",{className:"label-text-alt",children:[Math.round(V*100),"%"]})]}),c.jsx(ve,{min:0,max:1,step:.05,value:V,onChange:q,className:"range range-primary range-sm"})]}),c.jsxs("div",{className:"form-control w-full",children:[c.jsxs("label",{className:"label",children:[c.jsx("span",{className:"label-text",children:e==="de"?"Unschärfe":"Blur"}),c.jsxs("span",{className:"label-text-alt",children:[Math.round(G*100),"%"]})]}),c.jsx(ve,{min:0,max:1,step:.05,value:G,onChange:Te,className:"range range-primary range-sm",disabled:V===0})]})]}):c.jsx("div",{className:"form-control w-fit",children:c.jsxs("label",{className:"label cursor-pointer justify-start gap-3",children:[c.jsx("input",{type:"checkbox",className:`toggle toggle-primary ${p?"opacity-50":""}`,checked:M,onChange:ke,disabled:p||!L}),c.jsxs("span",{className:"label-text flex items-center gap-2",children:[p?c.jsxs(c.Fragment,{children:[c.jsx("span",{className:"loading loading-spinner loading-xs"}),e==="de"?"Hintergrund wird entfernt...":"Removing background..."]}):e==="de"?"Hintergrund entfernen":"Remove background",!w&&c.jsx("span",{className:"badge badge-sm badge-outline",children:"API"})]})]})}),v&&c.jsxs("div",{className:"alert alert-warning text-sm py-2",children:[c.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:c.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"})}),c.jsx("span",{children:v})]})]}):c.jsxs("div",{className:`border-2 border-dashed rounded-lg p-8 text-center cursor-pointer transition-colors ${p?"border-primary bg-primary/10 pointer-events-none":T?"border-primary bg-primary/10":"border-base-300 hover:border-primary hover:bg-base-200"}`,onDrop:O,onDragOver:Q,onDragLeave:re,onClick:De,children:[c.jsx("input",{ref:k,type:"file",accept:"image/*",className:"hidden",onChange:we}),p?c.jsxs("div",{className:"flex flex-col items-center gap-2",children:[c.jsx("span",{className:"loading loading-spinner loading-lg text-primary"}),c.jsx("p",{className:"font-medium",children:e==="de"?"Hintergrund wird entfernt...":"Removing background..."})]}):c.jsxs("div",{className:"flex flex-col items-center gap-2",children:[c.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:c.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"})}),c.jsx("p",{className:"font-medium",children:I.form.portrait.upload}),c.jsx("p",{className:"text-sm text-base-content/60",children:I.form.portrait.dragDrop})]})]}),c.jsx(wt,{isOpen:S,onClose:()=>N(!1),onSubmit:ye})]})}function Tn(){const e=y(i=>i.appLanguage),t=y(i=>i.voucherConfig.language),n=y(i=>i.voucherConfig.hours);y(i=>i.voucherConfig.templateHue);const a=y(i=>i.setBillLanguage),r=y(i=>i.setHours);y(i=>i.setTemplateHue);const l=te(e),s=[1,5,10];return c.jsxs("div",{className:"space-y-4",children:[c.jsx("div",{className:"form-control",children:c.jsxs("div",{className:"flex items-center justify-between gap-2",children:[c.jsx("span",{className:"label-text font-medium",children:l.form.voucher.billLanguage}),c.jsxs("div",{className:"join border border-base-300 rounded-lg shadow",children:[c.jsx("button",{className:`join-item btn btn-md ${t==="de"?"btn-active btn-primary":"btn-ghost"}`,onClick:()=>a("de"),children:l.form.voucher.billLanguageGerman}),c.jsx("button",{className:`join-item btn btn-md ${t==="en"?"btn-active btn-primary":"btn-ghost"}`,onClick:()=>a("en"),children:l.form.voucher.billLanguageEnglish})]})]})}),c.jsx("div",{className:"form-control",children:c.jsxs("div",{className:"flex items-center justify-between gap-2",children:[c.jsx("span",{className:"label-text font-medium",children:l.form.voucher.hours}),c.jsx("div",{className:"join border border-base-300 rounded-lg shadow",children:s.map(i=>c.jsxs("button",{className:`join-item btn btn-md ${n===i?"btn-active btn-primary":"btn-ghost"}`,onClick:()=>r(i),children:[i,c.jsxs("span",{className:"hidden sm:inline",children:[" ",i===1?l.form.voucher.hourLabel:l.form.voucher.hoursLabel]})]},i))})]})}),!1]})}const Fe=new Map,ue=new Map;async function C(e){return Fe.has(e)?Fe.get(e):new Promise((t,n)=>{const a=new Image;a.crossOrigin="anonymous",a.onload=()=>{Fe.set(e,a),t(a)},a.onerror=n,a.src=e})}function ce(e,t,n,a){e.drawImage(t,0,0,n,a)}async function yt(e,t,n,a){if(t>=155&&t<=165)return C(e);const r=`${e}:${t}:${n}x${a}`;if(ue.has(r))return C(ue.get(r));const l=await C(e),s=document.createElement("canvas");s.width=n,s.height=a;const i=s.getContext("2d");if(!i)throw new Error("Failed to get canvas context");i.drawImage(l,0,0,n,a);const o=s.toDataURL("image/png"),u=await ht(o,t);if(ue.size>20){const h=ue.keys().next().value;h&&ue.delete(h)}return ue.set(r,u),C(u)}function En(e,t,n,a,r,l="de"){e.save(),e.beginPath(),e.ellipse(t,n,a,r,0,0,Math.PI*2),e.closePath(),e.setLineDash([20,10]),e.strokeStyle="rgba(100, 100, 100, 0.4)",e.lineWidth=3,e.stroke(),e.restore()}function vt(e,t,n,a,r,l,s=1,i=0,o=0){e.save(),e.beginPath(),e.ellipse(n,a,r,l,0,0,Math.PI*2),e.closePath(),e.clip();const u=t.width/t.height,h=r/l,x=r*2,f=l*2;let p,v;u>h?(v=f,p=f*u):(p=x,v=x/u),p*=s,v*=s;const w=Math.max(0,(p-x)/2),d=Math.max(0,(v-f)/2),I=n-p/2+i*w,k=a-v/2+o*d;e.drawImage(t,I,k,p,v),e.restore()}function Je(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 kt(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,l=n.lineHeight||n.fontSize*1.4,s=t.split(" "),i=[];let o="";for(const x of s){const f=o?`${o} ${x}`:x;e.measureText(f).width>r&&o?(i.push(o),o=x):o=f}o&&i.push(o);const u=i.length*l;let h=n.y-u/2;for(const x of i)e.fillText(x,n.x,h),h+=l;e.restore()}function It(e,t,n,a,r,l="#2a3a2a"){e.save(),e.font=`${r.fontSize}px "Times New Roman", serif`,e.textAlign=r.align||"center",e.textBaseline="middle",e.fillStyle=l;const s=r.lineHeight||r.fontSize*1.8,i=[t,n,a].filter(Boolean),o=(i.length-1)*s;let u=r.y-o/2;for(const h of i)h&&(e.fillText(h,r.x,u),u+=s);e.restore()}function Pn(e,t,n,a="#2a3a2a"){e.save(),e.strokeStyle=a,e.lineWidth=Math.max(2,t.labelFontSize/16),e.beginPath(),e.moveTo(t.x-t.width/2,t.y),e.lineTo(t.x+t.width/2,t.y),e.stroke(),e.font=`${t.labelFontSize}px "Times New Roman", serif`,e.textAlign="center",e.textBaseline="top",e.fillStyle=a,e.fillText(n,t.x,t.y+t.labelFontSize*.3),e.restore()}async function Tt(e,t,n,a,r,l,s,i,o,u=1,h=0,x=0,f=0,p=1,v="de"){const w=e.getContext("2d");if(!w)return;const d=document.createElement("canvas");d.width=i,d.height=o;const I=d.getContext("2d");if(!I)return;I.clearRect(0,0,i,o);const k=await yt(t,f,i,o);ce(I,k,i,o);const T=await C(n);if(ce(I,T,i,o),r)try{const N=await C(r);vt(I,N,s.portrait.x,s.portrait.y,s.portrait.radiusX,s.portrait.radiusY,u,h,x)}catch(N){console.error("Failed to load portrait:",N)}else En(I,s.portrait.x,s.portrait.y,s.portrait.radiusX,s.portrait.radiusY,v);const E=await C(a);ce(I,E,i,o);const S=i/3633;Rt(I,p,v,S),l&&Je(I,l,s.namePlate),e.width=i,e.height=o,w.drawImage(d,0,0)}async function Et(e,t,n,a,r,l,s,i,o,u,h,x=0,f=1,p="de"){const v=e.getContext("2d");if(!v)return;const w=document.createElement("canvas");w.width=u,w.height=h;const d=w.getContext("2d");if(!d)return;d.clearRect(0,0,u,h);const I=await yt(t,x,u,h);ce(d,I,u,h);const k=await C(n);ce(d,k,u,h);const T=await C(a);ce(d,T,u,h);const E=u/3633;if(Rt(d,f,p,E),o.contactInfo&&(r||l||s)&&It(d,r,l,s,o.contactInfo),o.description&&i&&kt(d,i,o.description),r&&Je(d,r,o.namePlate),o.signature){const S=p==="de"?"Unterschrift":"Signature";Pn(d,o.signature,S)}e.width=u,e.height=h,v.drawImage(w,0,0)}const pe=typeof{url:typeof document>"u"?require("url").pathToFileURL(__filename).href:he&&he.tagName.toUpperCase()==="SCRIPT"&&he.src||new URL("index.cjs",document.baseURI).href}<"u"&&"/"||"/",z={background:`${pe}templates/background.webp`,frontFrame:`${pe}templates/front_frame.webp`,backFrame:`${pe}templates/back_frame.webp`},fe={1:`${pe}templates/1.png`,5:`${pe}templates/5.png`,10:`${pe}templates/10.png`},Pt={de:{banner:{1:"EINE STUNDE",5:"FÜNF STUNDEN",10:"ZEHN STUNDEN"}},en:{banner:{1:"ONE HOUR",5:"FIVE HOURS",10:"TEN HOURS"}}},ne=3633,ae=1920,Be=.5,Sn=Math.round(ne*Be),Ln=Math.round(ae*Be),St=320,Lt=335,F={badges:{topLeft:{x:286,y:235},topRight:{x:3340,y:230},bottomLeft:{x:282,y:1665},bottomRight:{x:3345,y:1665}},banner:{centerX:1816,centerY:3820,radius:3610,fontSize:103,color:"#2a3a2a"}},Se=new Map,se=new Map,Oe=new Map,$e=new Map,Xe=new Map;function Ct(e,t,n,a,r,l,s){e.save(),e.font=`900 ${l}px "Times New Roman", Georgia, serif`,e.fillStyle=s,e.textAlign="center",e.textBaseline="middle";const o=e.measureText(t).width/r,u=-Math.PI/2-o/2,h=t.split(""),x=[];for(const p of h)x.push(e.measureText(p).width);let f=u;for(let p=0;p<h.length;p++){const v=h[p],w=x[p],d=f+w/2/r,I=n+r*Math.cos(d),k=a+r*Math.sin(d);e.save(),e.translate(I,k),e.rotate(d+Math.PI/2),e.fillText(v,0,0),e.restore(),f+=w/r}e.restore()}let Y={background:null,frontFrame:null,backFrame:null,badges:{1:null,5:null,10:null}};async function Cn(){const[e,t,n,a,r,l]=await Promise.all([C(z.background),C(z.frontFrame),C(z.backFrame),C(fe[1]),C(fe[5]),C(fe[10])]);Y={background:e,frontFrame:t,backFrame:n,badges:{1:a,5:r,10:l}}}function Rn(e,t){const n=Math.round(ne*e),a=Math.round(ae*e),r=document.createElement("canvas");r.width=n,r.height=a;const l=r.getContext("2d");if(!l)throw new Error("Failed to get canvas context");l.drawImage(t,0,0,n,a);const s=e<1?.8:.95;return r.toDataURL("image/jpeg",s)}function jn(e,t){const n=Math.round(ne*e),a=Math.round(ae*e),r=document.createElement("canvas");r.width=n,r.height=a;const l=r.getContext("2d");if(!l)throw new Error("Failed to get canvas context");const s=St*e,i=Lt*e,o=F.badges,u=(h,x)=>{const f=x/2,p=h.x*e-f,v=h.y*e-f;l.drawImage(t,p,v,x,x)};return u(o.topLeft,s),u(o.topRight,s),u(o.bottomLeft,i),u(o.bottomRight,i),r.toDataURL("image/png")}function Rt(e,t,n,a=1){const r=Pt[n].banner[t];Ct(e,r,F.banner.centerX*a,F.banner.centerY*a,F.banner.radius*a,F.banner.fontSize*a,F.banner.color)}function jt(e,t,n,a,r,l,s){const i=Math.round(ne*a),o=Math.round(ae*a),u=document.createElement("canvas");u.width=i,u.height=o;const h=u.getContext("2d");if(!h)throw new Error("Failed to get canvas context");h.drawImage(r,0,0,i,o);{const f=St*a,p=Lt*a,v=F.badges,w=(d,I)=>{const k=I/2,T=d.x*a-k,E=d.y*a-k;h.drawImage(s,T,E,I,I)};w(v.topLeft,f),w(v.topRight,f),w(v.bottomLeft,p),w(v.bottomRight,p)}if(h.drawImage(l,0,0,i,o),n==="front"){const f=Pt[t].banner[e];Ct(h,f,F.banner.centerX*a,F.banner.centerY*a,F.banner.radius*a,F.banner.fontSize*a,F.banner.color)}const x=a<1?.8:.95;return u.toDataURL("image/jpeg",x)}async function Bt(e,t,n){const a=`${e}-${t}-${n}`;if(Se.has(a))return Se.get(a);const r=Y.background||await C(z.background),l=n==="front"?Y.frontFrame||await C(z.frontFrame):Y.backFrame||await C(z.backFrame),s=Y.badges[e]||await C(fe[e]),i=jt(e,t,n,Be,r,l,s);return Se.set(a,i),i}async function Ve(e,t,n){const a=`${e}-${t}-${n}`;if(se.has(a))return se.get(a);const r=Y.background||await C(z.background),l=n==="front"?Y.frontFrame||await C(z.frontFrame):Y.backFrame||await C(z.backFrame),s=Y.badges[e]||await C(fe[e]),i=jt(e,t,n,1,r,l,s);if(se.size>4){const o=se.keys().next().value;o&&se.delete(o)}return se.set(a,i),i}function Bn(){return{width:ne,height:ae}}function Nn(){Se.clear(),se.clear(),Oe.clear(),$e.clear(),Xe.clear()}async function Ke(e,t,n="front",a=Be){const r=`bg-${a}`;let l=Oe.get(r);if(!l){const h=Y.background||await C(z.background);l=Rn(a,h),Oe.set(r,l)}const s=`badges-${e}-${a}`;let i=$e.get(s);if(!i){const h=Y.badges[e]||await C(fe[e]);i=jn(a,h),$e.set(s,i)}const o=`${n}-${a}`;let u=Xe.get(o);if(!u){const h=n==="front"?Y.frontFrame||await C(z.frontFrame):Y.backFrame||await C(z.backFrame),x=Math.round(ne*a),f=Math.round(ae*a),p=document.createElement("canvas");p.width=x,p.height=f;const v=p.getContext("2d");if(!v)throw new Error("Failed to get canvas context");v.drawImage(h,0,0,x,f),u=p.toDataURL("image/png"),Xe.set(o,u)}return{background:l,badges:i,frame:u}}async function Hn(){const e=[1,5,10],t=["de","en"],n=["front","back"],a=[];for(const r of e)for(const l of t)for(const s of n)a.push(Bt(r,l,s));await Promise.all(a)}function Qe(e,t){return{front:"",back:"",width:ne,height:ae}}const Ne={front:{portrait:{x:1810,y:918,radiusX:570,radiusY:605},namePlate:{x:1816,y:1765,fontSize:85,maxWidth:898,align:"center"}},back:{portrait:{x:0,y:0,radiusX:0,radiusY:0},namePlate:{x:1816,y:1770,fontSize:85,maxWidth:898,align:"center"},contactInfo:{x:898,y:939,fontSize:93,lineHeight:165,align:"center"},description:{x:2721,y:939,fontSize:85,maxWidth:1177,lineHeight:124,align:"center"},signature:{x:1820,y:1445,width:950,height:145,labelFontSize:85}}},ge=Ne,me=Ne;function et(e){return Ne}const qe=.75;function Dn(e){const t=et(),n=qe,a=r=>({portrait:{x:r.portrait.x*n,y:r.portrait.y*n,radiusX:r.portrait.radiusX*n,radiusY:r.portrait.radiusY*n},namePlate:{x:r.namePlate.x*n,y:r.namePlate.y*n,fontSize:r.namePlate.fontSize*n,maxWidth:r.namePlate.maxWidth?r.namePlate.maxWidth*n:void 0,lineHeight:r.namePlate.lineHeight?r.namePlate.lineHeight*n:void 0,align:r.namePlate.align},contactInfo:r.contactInfo?{x:r.contactInfo.x*n,y:r.contactInfo.y*n,fontSize:r.contactInfo.fontSize*n,maxWidth:r.contactInfo.maxWidth?r.contactInfo.maxWidth*n:void 0,lineHeight:r.contactInfo.lineHeight?r.contactInfo.lineHeight*n:void 0,align:r.contactInfo.align}:void 0,description:r.description?{x:r.description.x*n,y:r.description.y*n,fontSize:r.description.fontSize*n,maxWidth:r.description.maxWidth?r.description.maxWidth*n:void 0,lineHeight:r.description.lineHeight?r.description.lineHeight*n:void 0,align:r.description.align}:void 0,signature:r.signature?{x:r.signature.x*n,y:r.signature.y*n,width:r.signature.width*n,height:r.signature.height*n,labelFontSize:r.signature.labelFontSize*n}:void 0});return{front:a(t.front),back:a(t.back)}}function Mn(e,t){const n=Qe();return{...n,width:Math.round(n.width*qe),height:Math.round(n.height*qe)}}function An(e,t){const[n,a]=g.useState(e);return g.useEffect(()=>{const r=setTimeout(()=>a(e),t);return()=>clearTimeout(r)},[e,t]),n}function Un({onPortraitClick:e,onFileDrop:t}={}){const n=y(m=>m.appLanguage),a=y(m=>m.voucherConfig.language),r=y(m=>m.voucherConfig.hours),l=y(m=>m.voucherConfig.description),s=y(m=>m.voucherConfig.templateHue),i=y(m=>m.personalInfo),o=y(m=>m.portrait),u=y(m=>m.currentSide),h=y(m=>m.flipSide),x=y(m=>m.setPortraitPan),f=An(s,150),p=te(n),v=g.useRef(null),w=g.useRef(null),d=g.useRef(null),[I,k]=g.useState(!1),[T,E]=g.useState(!1),[S,N]=g.useState(!1),[j,D]=g.useState(!1),L=g.useRef(null),R=Mn(),M=Dn(),V=o.useEnhanced&&o.enhanced?o.enhanced:o.original,G=Ze(a,r,l),[Z,J]=g.useState(""),[K,_]=g.useState(""),[O,Q]=g.useState(""),[re,De]=g.useState(""),[we,oe]=g.useState(""),[le,ie]=g.useState(""),[ke,Ie]=g.useState(!0);g.useEffect(()=>{let m=!0;Ie(!0);async function H(){const[U,ee]=await Promise.all([Ke(r,a,"front"),Ke(r,a,"back")]);m&&(J(U.background),_(U.badges),Q(U.frame),De(ee.background),oe(ee.badges),ie(ee.frame),Ie(!1))}return H(),()=>{m=!1}},[r,a]),g.useEffect(()=>{!v.current||!Z||!K||!O||Tt(v.current,Z,K,O,V,i.name,M.front,R.width,R.height,o.zoom,o.panX,o.panY,f,r,a)},[R,Z,K,O,V,i.name,M,o.zoom,o.panX,o.panY,f,r,a]),g.useEffect(()=>{!w.current||!re||!we||!le||Et(w.current,re,we,le,i.name,i.email,i.phone,G,M.back,R.width,R.height,f,r,a)},[R,re,we,le,i,G,M,f,r,a]);const ye=()=>{k(!I),h()};g.useEffect(()=>{k(u==="back")},[u]);const q=g.useCallback((m,H)=>{if(!d.current||u!=="front")return!1;const U=d.current.getBoundingClientRect(),ee=U.width/R.width,Me=U.height/R.height,Ae=(m-U.left)/ee,Ue=(H-U.top)/Me,{x:Ye,y:Ot,radiusX:$t,radiusY:Xt}=M.front.portrait,nt=(Ae-Ye)/$t,at=(Ue-Ot)/Xt;return nt*nt+at*at<=1},[u,R.width,R.height,M.front.portrait]),Te=g.useCallback((m,H)=>{!o.original||o.zoom<=1||!q(m,H)||(E(!0),L.current={x:m,y:H,panX:o.panX,panY:o.panY})},[o.original,o.zoom,o.panX,o.panY,q]),Ee=g.useCallback((m,H)=>{if(!T||!L.current||!d.current)return;const U=d.current.getBoundingClientRect(),ee=3/Math.max(U.width,U.height),Me=(m-L.current.x)*ee,Ae=(H-L.current.y)*ee,Ue=Math.max(-1,Math.min(1,L.current.panX+Me)),Ye=Math.max(-1,Math.min(1,L.current.panY+Ae));x(Ue,Ye)},[T,x]),b=g.useCallback(()=>{E(!1),L.current=null},[]),P=g.useCallback((m,H)=>{!o.original&&q(m,H)&&e&&e()},[o.original,q,e]),A=m=>{q(m.clientX,m.clientY)&&(m.preventDefault(),o.original&&o.zoom>1&&Te(m.clientX,m.clientY))},B=m=>{T||P(m.clientX,m.clientY)},$=m=>{Ee(m.clientX,m.clientY),N(q(m.clientX,m.clientY))},W=()=>b(),Ut=()=>{b(),N(!1)},Yt=m=>{if(m.touches.length===1){const H=m.touches[0];o.zoom>1&&q(H.clientX,H.clientY)&&Te(H.clientX,H.clientY)}},Wt=m=>{m.touches.length===1&&Ee(m.touches[0].clientX,m.touches[0].clientY)},Ft=()=>b(),tt=g.useRef(!1);g.useEffect(()=>{tt.current=T},[T]),g.useEffect(()=>{const m=d.current;if(!m)return;const H=U=>{tt.current&&U.preventDefault()};return m.addEventListener("touchmove",H,{passive:!1}),()=>{m.removeEventListener("touchmove",H)}},[]);const zt=u==="front"&&o.original&&o.zoom>1,_t=R.width/R.height;return c.jsxs("div",{className:"space-y-4",children:[c.jsxs("div",{className:"flex justify-between items-center",children:[c.jsxs("div",{className:"join border border-base-300 rounded-lg",children:[c.jsx("button",{className:`join-item btn btn-md ${u==="front"?"btn-active btn-primary":"btn-ghost"}`,onClick:()=>u!=="front"&&ye(),children:p.preview.front}),c.jsx("button",{className:`join-item btn btn-md ${u==="back"?"btn-active btn-primary":"btn-ghost"}`,onClick:()=>u!=="back"&&ye(),children:p.preview.back})]}),c.jsxs("button",{className:"btn btn-ghost btn-md",onClick:ye,children:[c.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",className:"h-5 w-5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:c.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.jsx("span",{className:"hidden sm:inline",children:p.preview.flip})]})]}),c.jsxs("div",{className:"relative w-full overflow-visible",style:{aspectRatio:_t,perspective:"1500px"},children:[ke&&c.jsx("div",{className:"absolute inset-0 flex items-center justify-center bg-base-300 rounded-lg z-10",children:c.jsx("span",{className:"loading loading-spinner loading-lg text-primary"})}),c.jsxs("div",{ref:d,className:`relative w-full h-full shadow-lg ${S&&zt?T?"cursor-grabbing":"cursor-grab":""} ${ke?"opacity-0":"opacity-100"} transition-opacity duration-300`,style:{transformStyle:"preserve-3d",transition:"transform 0.6s ease-in-out, opacity 0.3s ease-in-out",transform:I?"rotateY(180deg)":"rotateY(0deg)"},onClick:B,onMouseDown:A,onMouseMove:$,onMouseUp:W,onMouseLeave:Ut,onTouchStart:Yt,onTouchMove:Wt,onTouchEnd:Ft,children:[c.jsx("canvas",{ref:v,className:"absolute inset-0 w-full h-full",style:{backfaceVisibility:"hidden",WebkitBackfaceVisibility:"hidden"}}),c.jsx("canvas",{ref:w,className:"absolute inset-0 w-full h-full",style:{backfaceVisibility:"hidden",WebkitBackfaceVisibility:"hidden",transform:"rotateY(180deg)"}}),!o.original&&u==="front"&&(e||t)&&c.jsx("div",{className:`absolute flex flex-col items-center justify-center cursor-pointer transition-colors duration-300 ease-in-out ${j?"bg-primary/20":"hover:bg-base-content/5"}`,style:{left:`${(M.front.portrait.x-M.front.portrait.radiusX)/R.width*100}%`,top:`${(M.front.portrait.y-M.front.portrait.radiusY)/R.height*100}%`,width:`${M.front.portrait.radiusX*2/R.width*100}%`,height:`${M.front.portrait.radiusY*2/R.height*100}%`,borderRadius:"50%",backfaceVisibility:"hidden",WebkitBackfaceVisibility:"hidden"},onClick:m=>{m.stopPropagation(),e==null||e()},onDragOver:m=>{m.preventDefault(),m.stopPropagation(),D(!0)},onDragLeave:m=>{m.preventDefault(),m.stopPropagation(),D(!1)},onDrop:m=>{m.preventDefault(),m.stopPropagation(),D(!1);const H=m.dataTransfer.files[0];H&&H.type.startsWith("image/")&&t&&t(H)},children:c.jsxs("button",{className:"btn btn-dash hover:btn-dash hover:border-base-content/60 flex flex-col items-center gap-0.5 sm:gap-1 h-auto py-1.5 px-2.5 sm:py-3 sm:px-4 bg-base-100/20 hover:bg-base-100/30",onClick:m=>{m.stopPropagation(),e==null||e()},children:[c.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",className:"w-7 h-6 sm:w-10 sm:h-9 text-base-content/50",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round",children:[c.jsx("circle",{cx:"12",cy:"8",r:"4"}),c.jsx("path",{d:"M4 21c0-4 4-6 8-6s8 2 8 6"})]}),c.jsx("span",{className:"text-[10px] sm:text-xs text-center leading-tight whitespace-pre-line",children:n==="de"?`Foto
|
|
2
2
|
hochladen`:`Upload
|
|
3
|
-
photo`})]})})]})]})]})}function
|
|
3
|
+
photo`})]})})]})]})]})}function Yn(){const e=g.useRef(null),t=g.useRef(null);return{frontCanvasRef:e,backCanvasRef:t}}const Wn=`
|
|
4
4
|
// RGB to HSL conversion
|
|
5
5
|
function rgbToHsl(r, g, b) {
|
|
6
6
|
r /= 255;
|
|
@@ -375,4 +375,4 @@ self.onmessage = async (e) => {
|
|
|
375
375
|
});
|
|
376
376
|
}
|
|
377
377
|
};
|
|
378
|
-
`;let ze=null,
|
|
378
|
+
`;let ze=null,ct=null;function Fn(){if(!ze){const e=new Blob([Wn],{type:"application/javascript"});ct=URL.createObjectURL(e),ze=new Worker(ct,{type:"module"})}return ze}async function _e(e){const n=await(await fetch(e)).blob();return URL.createObjectURL(n)}function lt(e,t){const n=new Uint8Array(e);let a="";for(let r=0;r<n.length;r++)a+=String.fromCharCode(n[r]);return`data:${t};base64,${btoa(a)}`}async function Nt(e){const{frontTemplateSrc:t,backTemplateSrc:n,templateWidth:a,templateHeight:r,layout:l,portrait:s,portraitZoom:i=1,portraitPanX:o=0,portraitPanY:u=0,templateHue:h=160,name:x,email:f,phone:p,description:v,language:w="de"}=e,[d,I]=await Promise.all([_e(t),_e(n)]);let k=null;return s&&(k=await _e(s)),new Promise((T,E)=>{const S=Fn(),N=setTimeout(()=>{S.removeEventListener("message",j),S.removeEventListener("error",D),URL.revokeObjectURL(d),URL.revokeObjectURL(I),k&&URL.revokeObjectURL(k),E(new Error("PDF generation timed out. Please try again."))},6e4),j=L=>{if(clearTimeout(N),S.removeEventListener("message",j),S.removeEventListener("error",D),URL.revokeObjectURL(d),URL.revokeObjectURL(I),k&&URL.revokeObjectURL(k),L.data.type==="success")try{const{frontImageData:R,backImageData:M,width:V,height:G}=L.data;if(!R||!M||!V||!G){E(new Error("Invalid response from worker"));return}const Z=lt(R,"image/jpeg"),J=lt(M,"image/jpeg"),K=600,_=V/K*25.4,O=G/K*25.4,Q=new qt.jsPDF({orientation:_>O?"landscape":"portrait",unit:"mm",format:[_,O]});Q.addImage(Z,"JPEG",0,0,_,O),Q.addPage([_,O]),Q.addImage(J,"JPEG",0,0,_,O);const re=Q.output("blob");T(re)}catch(R){E(R)}else E(new Error(L.data.error))},D=L=>{S.removeEventListener("message",j),S.removeEventListener("error",D),URL.revokeObjectURL(d),URL.revokeObjectURL(I),k&&URL.revokeObjectURL(k),E(new Error(L.message))};S.addEventListener("message",j),S.addEventListener("error",D),S.postMessage({type:"generate",frontTemplateUrl:d,backTemplateUrl:I,portraitUrl:k,templateWidth:a,templateHeight:r,templateHue:h,portraitZoom:i,portraitPanX:o,portraitPanY:u,layout:{front:{portrait:l.front.portrait,namePlate:l.front.namePlate},back:{namePlate:l.back.namePlate,contactInfo:l.back.contactInfo,description:l.back.description,signature:l.back.signature}},name:x,email:f,phone:p,description:v,language:w})})}function Ht(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 Dt(e){const t=await Nt(e);Ht(t,e.filename)}function zn(){const e=y(d=>d.appLanguage),t=y(d=>d.voucherConfig.language),n=y(d=>d.voucherConfig.hours),a=y(d=>d.voucherConfig.description),r=y(d=>d.voucherConfig.templateHue),l=y(d=>d.personalInfo),s=y(d=>d.portrait),i=y(d=>d.isExporting),o=y(d=>d.setIsExporting),u=te(e),h=Qe(),x=et(),f=s.useEnhanced&&s.enhanced?s.enhanced:s.original,p=Ze(t,n,a),v=l.name.trim().length>0&&l.email.trim().length>0&&l.phone.trim().length>0&&s.original!==null,w=async()=>{if(!(!v||i)){o(!0);try{const[d,I]=await Promise.all([Ve(n,t,"front"),Ve(n,t,"back")]),k=`zeitgutschein-${n}h-${l.name.replace(/\s+/g,"-").toLowerCase()}.pdf`;await Dt({frontTemplateSrc:d,backTemplateSrc:I,templateWidth:h.width,templateHeight:h.height,layout:x,portrait:f,portraitZoom:s.zoom,portraitPanX:s.panX,portraitPanY:s.panY,templateHue:r,name:l.name,email:l.email,phone:l.phone,description:p,filename:k,language:t})}catch(d){console.error("PDF export failed:",d)}finally{o(!1)}}};return c.jsxs("button",{className:`btn btn-primary w-full btn-lg sm:btn-md ${v?"":"btn-disabled"}`,onClick:w,disabled:!v,"aria-busy":i,children:[i?c.jsx("span",{className:"loading loading-spinner loading-sm"}):c.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",className:"h-5 w-5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:c.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"})}),u.export.button]})}function Mt(){const e=y(a=>a.appLanguage),t=y(a=>a.setAppLanguage),n=a=>{t(a)};return c.jsxs("div",{className:"join",children:[c.jsx("button",{className:`join-item btn btn-sm ${e==="de"?"btn-active btn-primary":"btn-ghost"}`,onClick:()=>n("de"),children:"DE"}),c.jsx("button",{className:`join-item btn btn-sm ${e==="en"?"btn-active btn-primary":"btn-ghost"}`,onClick:()=>n("en"),children:"EN"})]})}function _n(){const e=y(n=>n.appLanguage),t=te(e);return c.jsxs("div",{className:"navbar bg-currency-green text-currency-cream shadow-lg",children:[c.jsx("div",{className:"navbar-start",children:c.jsx("a",{className:"btn btn-ghost text-xl font-currency font-bold",children:t.header.title})}),c.jsx("div",{className:"navbar-center hidden sm:flex",children:c.jsx("span",{className:"text-sm opacity-80",children:t.header.subtitle})}),c.jsx("div",{className:"navbar-end",children:c.jsx(Mt,{})})]})}const Re="/",On={id:"time-voucher-classic-de",name:"Zeitgutschein Classic",type:"time-voucher",category:"classic",images:{front:`${Re}templates/front_hdpi_de.jpg`,back:`${Re}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:ge.front.portrait,name:ge.front.namePlate},back:{name:ge.back.namePlate,contactInfo:ge.back.contactInfo,description:ge.back.description}},languages:["de"]},$n={id:"time-voucher-classic-en",name:"Time Voucher Classic",type:"time-voucher",category:"classic",images:{front:`${Re}templates/front_ldpi_en.png`,back:`${Re}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:me.front.portrait,name:me.front.namePlate},back:{name:me.back.namePlate,contactInfo:me.back.contactInfo,description:me.back.description}},languages:["en"]},ut=[On,$n],At={async listTemplates(e){let t=[...ut];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=ut.find(n=>n.id===e);if(!t)throw new Error(`Template not found: ${e}`);return t}};function Xn(e){return e==="de"?"time-voucher-classic-de":"time-voucher-classic-en"}let He=At;function Vn(e){He=e}function Kn(){return He}async function qn(e){return He.listTemplates(e)}async function Gn(e){return He.getTemplate(e)}exports.ApiKeyModal=wt;exports.BillPreview=Un;exports.ExportButton=zn;exports.Header=_n;exports.LAYOUT_HDPI=ge;exports.LAYOUT_LDPI=me;exports.LanguageToggle=Mt;exports.PREVIEW_HEIGHT=Ln;exports.PREVIEW_WIDTH=Sn;exports.PersonalInfoForm=gn;exports.PortraitUpload=In;exports.TEMPLATE_HEIGHT=ae;exports.TEMPLATE_LAYOUT=Ne;exports.TEMPLATE_WIDTH=ne;exports.TouchSlider=ve;exports.VoucherConfig=Tn;exports.applyEngravingEffect=gt;exports.applyHueShift=ht;exports.clearCompositorCache=Nn;exports.composeTemplate=Bt;exports.composeTemplateFullRes=Ve;exports.downloadBlob=Ht;exports.drawContactInfo=It;exports.drawMultilineText=kt;exports.drawOvalPortrait=vt;exports.drawTemplate=ce;exports.drawText=Je;exports.enhancePortrait=vn;exports.exportBillAsPDF=Dt;exports.formatDescription=Ze;exports.generateBillPDF=Nt;exports.getApiKey=je;exports.getDefaultTemplateId=Xn;exports.getLayout=et;exports.getRemoveBackgroundEndpoint=fn;exports.getTemplate=Qe;exports.getTemplateById=Gn;exports.getTemplateDimensions=Bn;exports.getTemplateLayers=Ke;exports.getTemplateProvider=Kn;exports.hasApiKey=Pe;exports.hasCustomEndpoint=bn;exports.listTemplates=qn;exports.loadImage=C;exports.preloadAllTemplates=Hn;exports.preloadBaseImages=Cn;exports.removeBackground=xt;exports.renderBackSide=Et;exports.renderFrontSide=Tt;exports.resizeImage=dt;exports.setApiKey=bt;exports.setRemoveBackgroundEndpoint=pn;exports.setTemplateProvider=Vn;exports.staticTemplateProvider=At;exports.t=te;exports.useBillCanvasRefs=Yn;exports.useBillStore=y;
|