@antontranelis/money-printer 1.0.76 → 1.0.77
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 +305 -305
- 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 c=require("react/jsx-runtime"),g=require("react"),Jt=require("zustand"),Qt=require("zustand/middleware"),en=require("jspdf");var me=typeof document<"u"?document.currentScript:null;const tn=1024,st=1200,ue=new Map;let F=null,ct=null;function Je(e,t){return F||(F=document.createElement("canvas"),ct=F.getContext("2d",{willReadFrequently:!0})),(F.width!==e||F.height!==t)&&(F.width=e,F.height=t),ct}function fe(e){const t=ue.get(e);return t?Promise.resolve(t):new Promise((n,a)=>{const r=new Image;r.onload=()=>{if(ue.size>10){const l=ue.keys().next().value;l&&ue.delete(l)}ue.set(e,r),n(r)},r.onerror=()=>a(new Error("Failed to load image")),r.src=e})}function nn(){ue.clear()}async function ht(e,t=tn){const n=await fe(e),a=Math.max(n.width,n.height);if(a<=t)return e;const r=t/a,l=Math.round(n.width*r),i=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=l,s.height=i,o.drawImage(n,0,0,l,i),s.toDataURL("image/jpeg",.9)}async function pt(e){const t=await fe(e),n=Math.max(t.width,t.height);if(n<=st){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=st/n,r=Math.round(t.width*a),l=Math.round(t.height*a),i=document.createElement("canvas"),s=i.getContext("2d");if(!s)throw new Error("Failed to get canvas context");return i.width=r,i.height=l,s.drawImage(t,0,0,r,l),i.toDataURL("image/png")}async function _e(e,t,n,a=0){const[r,l]=await Promise.all([fe(e),fe(t)]),i=Je(r.width,r.height);if(i.clearRect(0,0,r.width,r.height),n>0){const s=a*20;i.save(),i.globalAlpha=n,s>0&&(i.filter=`blur(${s}px)`),i.drawImage(l,0,0,r.width,r.height),i.restore()}return i.drawImage(r,0,0),F.toDataURL("image/png")}async function ft(e,t=.5,n=40){const a=await fe(e),r=Je(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),i=l.data,s=new Uint32Array(i.buffer),o=1+t*.8,u=1-t,m=n%360/360;for(let f=0;f<s.length;f++){const p=s[f],h=p&255,y=p>>8&255,I=p>>16&255,d=p>>24&255;if(d===0)continue;let E=(((77*h+150*y+29*I>>8)/255-.5)*o+.5)*255;E<0?E=0:E>255&&(E=255);const v=E/255,S=.12,[R,P,D]=bt(m,S,v),j=h*u+R*t|0,L=y*u+P*t|0,B=I*u+D*t|0;s[f]=d<<24|B<<16|L<<8|j}return r.putImageData(l,0,0),F.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),l=(a+r)/2;let i=0,s=0;if(a!==r){const o=a-r;switch(s=l>.5?o/(2-a-r):o/(a+r),a){case e:i=((t-n)/o+(t<n?6:0))/6;break;case t:i=((n-e)/o+2)/6;break;case n:i=((e-t)/o+4)/6;break}}return[i,s,l]}function bt(e,t,n){if(t===0){const i=Math.round(n*255);return[i,i,i]}const a=(i,s,o)=>(o<0&&(o+=1),o>1&&(o-=1),o<1/6?i+(s-i)*6*o:o<1/2?s:o<2/3?i+(s-i)*(2/3-o)*6:i),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 rn=29,on=5;async function xt(e,t){if(Math.abs(t-rn)<=on)return e;const n=await fe(e),a=Je(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,i=new Uint32Array(l.buffer),s=t%360/360,o=20/360,u=45/360,m=i.length;for(let f=0;f<m;f++){const p=i[f],h=p&255,y=p>>8&255,I=p>>16&255,d=p>>24&255;if(d===0)continue;const[k,E,v]=an(h,y,I);if(E<.08||k<o||k>u)continue;const S=s,R=Math.min(E,.05),[P,D,j]=bt(S,R,v);i[f]=d<<24|j<<16|D<<8|P}return a.putImageData(r,0,0),F.toDataURL("image/png")}const Se="money-generator-portrait",Pe="money-generator-bg-removed";async function sn(e){try{if(localStorage.removeItem(Se),!e)return;const t=await pt(e);try{localStorage.setItem(Se,t)}catch(n){console.warn("Could not persist portrait to localStorage:",n)}}catch(t){console.warn("Error processing portrait for storage:",t)}}async function cn(e){try{if(localStorage.removeItem(Pe),!e)return;const t=await pt(e);try{localStorage.setItem(Pe,t)}catch(n){console.warn("Could not persist bg-removed image to localStorage:",n)}}catch(t){console.warn("Error processing bg-removed image for storage:",t)}}function ln(){try{return localStorage.getItem(Se)}catch{return null}}function un(){try{return localStorage.getItem(Pe)}catch{return null}}function dn(){try{localStorage.removeItem(Se),localStorage.removeItem(Pe)}catch{}}function gn(){return(typeof navigator<"u"?navigator.language:"de").toLowerCase().startsWith("de")?"de":"en"}const Re=gn(),lt={personalInfo:{name:"",email:"",phone:""},voucherConfig:{hours:1,description:"",language:Re,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:Re},w=Jt.create()(Qt.persist(e=>({...lt,setPersonalInfo:t=>e(n=>({personalInfo:{...n.personalInfo,...t}})),setVoucherConfig:t=>e(n=>({voucherConfig:{...n.voucherConfig,...t}})),setPortrait:(t,n=null)=>(sn(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)=>(n!==void 0&&cn(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:()=>(dn(),e(lt))}),{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=Re),t&&(t.appLanguage=Re),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:e.portrait.bgRemoved,bgOpacity:e.portrait.bgOpacity,bgBlur:e.portrait.bgBlur,engravingIntensity:e.portrait.engravingIntensity},currentSide:"front",isEnhancing:!1,isExporting:!1})}));if(typeof window<"u"){const e=ln(),t=un();e&&setTimeout(()=>{const n=w.getState();if(!n.portrait.original){const a=n.portrait.bgRemoved,r=t!==null;w.setState({portrait:{...n.portrait,original:e,rawImage:e,bgRemovedImage:t,bgRemoved:a&&r,bgOpacity:a&&r?n.portrait.bgOpacity:0,bgBlur:a&&r?n.portrait.bgBlur:0}})}},0)}const mn={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"}}},hn={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"}}},pn={de:mn,en:hn};function ne(e){return pn[e]}function Qe(e,t,n){if(n&&n.trim())return n;const a=ne(e),r=a.bill.bannerText[t]||a.bill.bannerText[1];return a.bill.descriptionText.replace("{bannerText}",r)}function fn(e){return/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e)}function bn(e){return e.replace(/\D/g,"").length>=6}function xn({focusField:e,onFocused:t,onFormFocusChange:n}={}){const a=w(d=>d.appLanguage),r=w(d=>d.personalInfo),l=w(d=>d.setPersonalInfo),i=ne(a),[s,o]=g.useState(!1),[u,m]=g.useState(!1),f=s&&r.email.trim()&&!fn(r.email),p=u&&r.phone.trim()&&!bn(r.phone),h=g.useRef(null),y=g.useRef(null),I=g.useRef(null);return g.useEffect(()=>{if(e){const d=e==="name"?h:e==="email"?y:I;setTimeout(()=>{var k,E;(k=d.current)==null||k.click(),(E=d.current)==null||E.focus(),setTimeout(()=>{var v;(v=d.current)==null||v.scrollIntoView({behavior:"smooth",block:"center"})},300),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:i.form.personalInfo.name})}),c.jsx("input",{ref:h,type:"text",name:"name",autoComplete:"name",placeholder:i.form.personalInfo.namePlaceholder,className:"input input-bordered w-full input-md",value:r.name,onChange:d=>l({name:d.target.value}),onFocus:d=>{n==null||n(!0),setTimeout(()=>d.target.scrollIntoView({behavior:"smooth",block:"center"}),300)},onBlur:()=>n==null?void 0:n(!1)})]}),c.jsxs("div",{className:"form-control",children:[c.jsx("label",{className:"label",children:c.jsx("span",{className:"label-text font-medium",children:i.form.personalInfo.email})}),c.jsx("input",{ref:y,type:"email",name:"email",autoComplete:"email",placeholder:i.form.personalInfo.emailPlaceholder,className:`input input-bordered w-full input-md ${f?"input-error":""}`,value:r.email,onChange:d=>l({email:d.target.value}),onFocus:d=>{n==null||n(!0),setTimeout(()=>d.target.scrollIntoView({behavior:"smooth",block:"center"}),300)},onBlur:()=>{o(!0),n==null||n(!1)}}),f&&c.jsx("label",{className:"label",children:c.jsx("span",{className:"label-text-alt text-error",children:a==="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:i.form.personalInfo.phone})}),c.jsx("input",{ref:I,type:"tel",name:"phone",autoComplete:"tel",placeholder:i.form.personalInfo.phonePlaceholder,className:`input input-bordered w-full input-md ${p?"input-error":""}`,value:r.phone,onChange:d=>l({phone:d.target.value}),onFocus:d=>{n==null||n(!0),setTimeout(()=>d.target.scrollIntoView({behavior:"smooth",block:"center"}),300)},onBlur:()=>{m(!0),n==null||n(!1)}}),p&&c.jsx("label",{className:"label",children:c.jsx("span",{className:"label-text-alt text-error",children:a==="de"?"Bitte gib eine gültige Telefonnummer ein":"Please enter a valid phone number"})})]})]})}const wn="https://api.stability.ai/v1/generation",yn="https://api.stability.ai/v2beta/stable-image/edit/remove-background",wt="stability_api_key";let be=null;function vn(e){be=e}function In(){return be}function kn(){return be!==null}const Tn={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"},ut=[{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 En(e,t){const n=e/t;let a=ut[0],r=1/0;for(const l of ut){const i=l.width/l.height,s=Math.abs(n-i);s<r&&(r=s,a=l)}return a}function Sn(e){return new Promise((t,n)=>{const a=new Image;a.onload=()=>{const r=En(a.width,a.height),l=document.createElement("canvas");l.width=r.width,l.height=r.height;const i=l.getContext("2d");if(!i){n(new Error("Failed to get canvas context"));return}const s=a.width/a.height,o=r.width/r.height;let u=0,m=0,f=a.width,p=a.height;s>o?(f=a.height*o,u=(a.width-f)/2):(p=a.width/o,m=(a.height-p)/2),i.drawImage(a,u,m,f,p,0,0,r.width,r.height),t(l.toDataURL("image/png"))},a.onerror=()=>n(new Error("Failed to load image")),a.src=e})}function yt(e){var i;const t=e.split(","),n=((i=t[0].match(/:(.*?);/))==null?void 0:i[1])||"image/png",a=atob(t[1]),r=a.length,l=new Uint8Array(r);for(let s=0;s<r;s++)l[s]=a.charCodeAt(s);return new Blob([l],{type:n})}function Be(){var t;const e=typeof{url:typeof document>"u"?require("url").pathToFileURL(__filename).href:me&&me.tagName.toUpperCase()==="SCRIPT"&&me.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(wt):null}function vt(e){localStorage.setItem(wt,e)}function Te(){return be?!0:Be()!==null}async function Pn(e){const t=Be();if(!t)throw new Error("No Stability AI API key configured");const{imageDataUrl:n,style:a,strength:r=.35}=e,l=await Sn(n),i=yt(l),s=new FormData;s.append("init_image",i,"portrait.png"),s.append("init_image_mode","IMAGE_STRENGTH"),s.append("image_strength",String(1-r)),s.append("text_prompts[0][text]",Tn[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(`${wn}/stable-diffusion-xl-1024-v1-0/image-to-image`,{method:"POST",headers:{Authorization:`Bearer ${t}`,Accept:"application/json"},body:s});if(!u.ok){const f=await u.text();throw console.error("Stability AI error:",f),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 m=await u.json();if(!m.artifacts||m.artifacts.length===0)throw new Error("No image generated");return`data:image/png;base64,${m.artifacts[0].base64}`}async function It(e){if(be){const i=await fetch(be,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({imageDataUrl:e})});if(!i.ok){const o=await i.json().catch(()=>({}));throw new Error(o.error||`API error: ${i.status}`)}return(await i.json()).imageDataUrl}const t=Be();if(!t)throw new Error("No Stability AI API key configured");const n=yt(e),a=new FormData;a.append("image",n,"image.png"),a.append("output_format","png");const r=await fetch(yn,{method:"POST",headers:{Authorization:`Bearer ${t}`,Accept:"image/*"},body:a});if(!r.ok){const i=await r.text();throw console.error("Stability AI remove background error:",i),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((i,s)=>{const o=new FileReader;o.onload=()=>i(o.result),o.onerror=()=>s(new Error("Failed to read result")),o.readAsDataURL(l)})}function Rn(){const[e,t]=g.useState(!1),[n,a]=g.useState(!1),[r,l]=g.useState(null),[i,s]=g.useState(()=>Te());g.useEffect(()=>{s(Te());const p=setTimeout(()=>{s(Te())},150);return()=>clearTimeout(p)},[]);const o=g.useCallback(()=>l(null),[]),u=g.useCallback(p=>{vt(p),s(!0),l(null)},[]),m=g.useCallback(async(p,h=.5,y=40)=>{t(!0),l(null);try{return await ft(p,h,y)}catch(I){const d=I instanceof Error?I.message:"Enhancement failed";throw l(d),I}finally{t(!1)}},[]),f=g.useCallback(async p=>{a(!0),l(null);try{return await It(p)}catch(h){const y=h instanceof Error?h.message:"Background removal failed";throw l(y),h}finally{a(!1)}},[]);return{enhance:m,removeBg:f,isEnhancing:e,isRemovingBg:n,error:r,hasKey:i,setApiKey:u,clearError:o}}function kt({isOpen:e,onClose:t,onSubmit:n}){const a=w(u=>u.appLanguage),[r,l]=g.useState("");if(!e)return null;const i=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:i,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 we({min:e,max:t,step:n,value:a,onChange:r,className:l="",disabled:i=!1}){const s=g.useRef(null),o=g.useRef(null),u=g.useRef(!1),[m,f]=g.useState(!1),p=(a-e)/(t-e)*100,h=g.useCallback(v=>{if(!s.current)return a;const S=s.current.getBoundingClientRect(),R=Math.max(0,Math.min(1,(v-S.left)/S.width)),P=t-e,D=e+R*P,j=Math.round(D/n)*n;return Math.max(e,Math.min(t,j))},[e,t,n,a]),y=g.useCallback(v=>{if(i)return;const S=v.touches[0];o.current={x:S.clientX,y:S.clientY,value:a,decided:!1},u.current=!1},[a,i]),I=g.useCallback(v=>{if(i||!o.current)return;const S=v.touches[0],R=Math.abs(S.clientX-o.current.x),P=Math.abs(S.clientY-o.current.y);if(!o.current.decided){if(R<8&&P<8)return;if(o.current.decided=!0,P>R){o.current=null;return}u.current=!0,f(!0)}if(u.current){const D=h(S.clientX);D!==a&&r(D)}},[i,h,r,a]),d=g.useCallback(v=>{if(o.current&&!o.current.decided){const S=v.changedTouches[0];if(S){const R=h(S.clientX);R!==a&&r(R)}}o.current=null,u.current=!1,f(!1)},[h,r,a]);g.useEffect(()=>{const v=s.current;if(!v)return;const S=R=>{u.current&&R.preventDefault()};return v.addEventListener("touchmove",S,{passive:!1}),()=>{v.removeEventListener("touchmove",S)}},[]);const k=g.useCallback(v=>{if(i)return;const S=h(v.clientX);r(S),f(!0);const R=D=>{const j=h(D.clientX);r(j)},P=()=>{f(!1),document.removeEventListener("mousemove",R),document.removeEventListener("mouseup",P)};document.addEventListener("mousemove",R),document.addEventListener("mouseup",P)},[i,h,r]),E=`calc(10px + (100% - 20px) * ${p/100})`;return c.jsxs("div",{ref:s,className:`relative h-10 flex items-center cursor-pointer overflow-visible ${i?"opacity-50 cursor-not-allowed":""}`,onTouchStart:y,onTouchMove:I,onTouchEnd:d,onMouseDown:k,children:[c.jsx("div",{className:"absolute h-2 bg-base-300 rounded-full inset-x-0"}),c.jsx("div",{className:`absolute h-2 rounded-full transition-colors ${l.includes("range-primary")?"bg-primary":l.includes("range-secondary")?"bg-secondary":"bg-primary"}`,style:{left:0,width:E}}),c.jsx("div",{className:`absolute w-5 h-5 rounded-full bg-base-100 border-2 shadow-md transition-transform ${m?"scale-110":""} ${l.includes("range-primary")?"border-primary":l.includes("range-secondary")?"border-secondary":"border-primary"}`,style:{left:E,transform:"translateX(-50%)"}})]})}function Ln(){const e=w(b=>b.appLanguage),t=w(b=>b.portrait),n=w(b=>b.setPortrait),a=w(b=>b.setPortraitZoom),r=w(b=>b.setPortraitPan),l=w(b=>b.setPortraitRawImage),i=w(b=>b.setPortraitBgRemoved),s=w(b=>b.setPortraitBgOpacity),o=w(b=>b.setPortraitBgBlur),u=w(b=>b.setPortraitEngravingIntensity),{enhance:m,removeBg:f,isEnhancing:p,isRemovingBg:h,error:y,hasKey:I,setApiKey:d}=Rn(),k=ne(e),E=g.useRef(null),[v,S]=g.useState(!1),[R,P]=g.useState(!1),D=g.useRef(null),j=g.useRef(null),L=t.rawImage,B=t.bgRemovedImage,Y=t.bgRemoved,q=t.bgOpacity,H=t.bgBlur,O=t.engravingIntensity;g.useEffect(()=>{t.original&&!t.rawImage&&l(t.original)},[t.original,t.rawImage,l]),g.useEffect(()=>()=>{D.current&&clearTimeout(D.current),j.current&&clearTimeout(j.current)},[]);const Z=w(b=>b.voucherConfig.templateHue),oe=g.useRef(Z),K=g.useCallback(async b=>{if(!b.type.startsWith("image/"))return;const T=new FileReader;T.onload=async M=>{var W;const A=(W=M.target)==null?void 0:W.result,G=await ht(A);nn(),l(G),n(G),a(1),r(0,0),i(!1,null),s(0),o(0),u(0)},T.readAsDataURL(b)},[n,l,a,r,i,s,o,u]),J=g.useCallback(b=>{b.preventDefault(),S(!1);const T=b.dataTransfer.files[0];T&&K(T)},[K]),V=g.useCallback(b=>{b.preventDefault(),S(!0)},[]),te=g.useCallback(b=>{b.preventDefault(),S(!1)},[]),ie=()=>{var b;(b=E.current)==null||b.click()},Ae=b=>{var M;const T=(M=b.target.files)==null?void 0:M[0];T&&K(T)},Q=g.useCallback(async(b,T,M)=>{try{return await m(b,T,M)}catch(A){return console.error("Enhancement failed:",A),b}},[m]),ye=g.useCallback(async b=>{try{const T=await f(b);return i(!0,T),T}catch(T){return console.error("Background removal failed:",T),b}},[f,i]),ee=g.useCallback(async()=>{const b=w.getState(),T=b.portrait,M=b.voucherConfig.templateHue;if(!T.rawImage)return;let A;T.bgRemoved&&T.bgRemovedImage?A=await _e(T.bgRemovedImage,T.rawImage,T.bgOpacity,T.bgBlur):A=T.rawImage,T.engravingIntensity>0&&(A=await Q(A,T.engravingIntensity,M)),n(A)},[Q,n]);g.useEffect(()=>{if(oe.current===Z)return;oe.current=Z;const b=w.getState().portrait;b.engravingIntensity>0&&b.rawImage&&(D.current&&clearTimeout(D.current),D.current=setTimeout(ee,150))},[Z,ee]);const De=async()=>{if(!L)return;if(!Y&&!I){P(!0);return}if(!Y){const T=await ye(L),M=w.getState(),A=M.portrait,G=M.voucherConfig.templateHue;let W=await _e(T,L,A.bgOpacity,A.bgBlur);A.engravingIntensity>0&&(W=await Q(W,A.engravingIntensity,G)),n(W)}else{i(!1,null);const T=w.getState(),M=T.portrait.engravingIntensity,A=T.voucherConfig.templateHue;if(M>0){const G=await Q(L,M,A);n(G)}else n(L)}},xe=b=>{u(b),D.current&&clearTimeout(D.current),L&&(D.current=setTimeout(ee,150))},He=async b=>{if(d(b),!L)return;const T=await ye(L),M=w.getState(),A=M.portrait,G=M.voucherConfig.templateHue;let W=await _e(T,L,A.bgOpacity,A.bgBlur);A.engravingIntensity>0&&(W=await Q(W,A.engravingIntensity,G)),n(W)},ve=b=>{s(b),j.current&&clearTimeout(j.current),!(!L||!B)&&(j.current=setTimeout(ee,150))},Ie=b=>{o(b),j.current&&clearTimeout(j.current),!(!L||!B)&&(j.current=setTimeout(ee,150))};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:"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:k.form.portrait.zoom}),c.jsxs("span",{className:"label-text-alt",children:[Math.round(t.zoom*100),"%"]})]}),c.jsx(we,{min:.5,max:2,step:.05,value:t.zoom,onChange:a,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",p&&c.jsx("span",{className:"loading loading-spinner loading-xs"})]}),c.jsxs("span",{className:"label-text-alt",children:[Math.round(O*100),"%"]})]}),c.jsx(we,{min:0,max:1,step:.05,value:O,onChange:xe,className:"range range-secondary range-sm",disabled:p||!L})]})]}),Y?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(q*100),"%"]})]}),c.jsx(we,{min:0,max:1,step:.05,value:q,onChange:ve,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(H*100),"%"]})]}),c.jsx(we,{min:0,max:1,step:.05,value:H,onChange:Ie,className:"range range-primary range-sm",disabled:q===0})]})]}):c.jsx("div",{className:"flex justify-center",children:c.jsx("button",{className:"btn btn-ghost btn gap-2 text-base-content/70",onClick:De,disabled:h||!L,children:h?c.jsxs(c.Fragment,{children:[e==="de"?"Hintergrund wird entfernt":"Removing background",c.jsx("span",{className:"loading loading-dots loading-xs"})]}):c.jsxs(c.Fragment,{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",strokeWidth:2,children:c.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M9.813 15.904L9 18.75l-.813-2.846a4.5 4.5 0 00-3.09-3.09L2.25 12l2.846-.813a4.5 4.5 0 003.09-3.09L9 5.25l.813 2.846a4.5 4.5 0 003.09 3.09L15.75 12l-2.846.813a4.5 4.5 0 00-3.09 3.09zM18.259 8.715L18 9.75l-.259-1.035a3.375 3.375 0 00-2.455-2.456L14.25 6l1.036-.259a3.375 3.375 0 002.455-2.456L18 2.25l.259 1.035a3.375 3.375 0 002.456 2.456L21.75 6l-1.035.259a3.375 3.375 0 00-2.456 2.456zM16.894 20.567L16.5 21.75l-.394-1.183a2.25 2.25 0 00-1.423-1.423L13.5 18.75l1.183-.394a2.25 2.25 0 001.423-1.423l.394-1.183.394 1.183a2.25 2.25 0 001.423 1.423l1.183.394-1.183.394a2.25 2.25 0 00-1.423 1.423z"})}),e==="de"?"Hintergrund entfernen":"Remove background",!I&&c.jsx("span",{className:"badge badge-sm badge-outline",children:"API"})]})})}),y&&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:y})]})]}):c.jsxs("div",{className:`border-2 border-dashed rounded-lg p-8 text-center cursor-pointer transition-colors ${h?"border-primary bg-primary/10 pointer-events-none":v?"border-primary bg-primary/10":"border-base-300 hover:border-primary hover:bg-base-200"}`,onDrop:J,onDragOver:V,onDragLeave:te,onClick:ie,children:[c.jsx("input",{ref:E,type:"file",accept:"image/*",className:"hidden",onChange:Ae}),h?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:k.form.portrait.upload}),c.jsx("p",{className:"text-sm text-base-content/60",children:k.form.portrait.dragDrop})]})]}),c.jsx(kt,{isOpen:R,onClose:()=>P(!1),onSubmit:He})]})}function Bn(){const e=w(s=>s.appLanguage),t=w(s=>s.voucherConfig.language),n=w(s=>s.voucherConfig.hours);w(s=>s.voucherConfig.templateHue);const a=w(s=>s.setBillLanguage),r=w(s=>s.setHours);w(s=>s.setTemplateHue);const l=ne(e),i=[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:i.map(s=>c.jsxs("button",{className:`join-item btn btn-md ${n===s?"btn-active btn-primary":"btn-ghost"}`,onClick:()=>r(s),children:[s,c.jsxs("span",{className:"hidden sm:inline",children:[" ",s===1?l.form.voucher.hourLabel:l.form.voucher.hoursLabel]})]},s))})]})}),!1]})}const ze=new Map,le=new Map;async function C(e){return ze.has(e)?ze.get(e):new Promise((t,n)=>{const a=new Image;a.crossOrigin="anonymous",a.onload=()=>{ze.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 Tt(e,t,n,a){if(t>=155&&t<=165)return C(e);const r=`${e}:${t}:${n}x${a}`;if(le.has(r))return C(le.get(r));const l=await C(e),i=document.createElement("canvas");i.width=n,i.height=a;const s=i.getContext("2d");if(!s)throw new Error("Failed to get canvas context");s.drawImage(l,0,0,n,a);const o=i.toDataURL("image/png"),u=await xt(o,t);if(le.size>20){const m=le.keys().next().value;m&&le.delete(m)}return le.set(r,u),C(u)}function Cn(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 Et(e,t,n,a,r,l,i=1,s=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,m=r/l,f=r*2,p=l*2;let h,y;u>m?(y=p,h=p*u):(h=f,y=f/u),h*=i,y*=i;const I=Math.max(0,(h-f)/2),d=Math.max(0,(y-p)/2),k=n-h/2+s*I,E=a-y/2+o*d;e.drawImage(t,k,E,h,y),e.restore()}function et(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 St(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,i=t.split(" "),s=[];let o="";for(const f of i){const p=o?`${o} ${f}`:f;e.measureText(p).width>r&&o?(s.push(o),o=f):o=p}o&&s.push(o);const u=s.length*l;let m=n.y-u/2;for(const f of s)e.fillText(f,n.x,m),m+=l;e.restore()}function Pt(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 i=r.lineHeight||r.fontSize*1.8,s=[t,n,a].filter(Boolean),o=(s.length-1)*i;let u=r.y-o/2;for(const m of s)m&&(e.fillText(m,r.x,u),u+=i);e.restore()}function Nn(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 Rt(e,t,n,a,r,l,i,s,o,u=1,m=0,f=0,p=0,h=1,y="de"){const I=e.getContext("2d");if(!I)return;const d=document.createElement("canvas");d.width=s,d.height=o;const k=d.getContext("2d");if(!k)return;k.clearRect(0,0,s,o);const E=await Tt(t,p,s,o);ce(k,E,s,o);const v=await C(n);if(ce(k,v,s,o),r)try{const P=await C(r);Et(k,P,i.portrait.x,i.portrait.y,i.portrait.radiusX,i.portrait.radiusY,u,m,f)}catch(P){console.error("Failed to load portrait:",P)}else Cn(k,i.portrait.x,i.portrait.y,i.portrait.radiusX,i.portrait.radiusY,y);const S=await C(a);ce(k,S,s,o);const R=s/3633;At(k,h,y,R),l&&et(k,l,i.namePlate),e.width=s,e.height=o,I.drawImage(d,0,0)}async function Lt(e,t,n,a,r,l,i,s,o,u,m,f=0,p=1,h="de"){const y=e.getContext("2d");if(!y)return;const I=document.createElement("canvas");I.width=u,I.height=m;const d=I.getContext("2d");if(!d)return;d.clearRect(0,0,u,m);const k=await Tt(t,f,u,m);ce(d,k,u,m);const E=await C(n);ce(d,E,u,m);const v=await C(a);ce(d,v,u,m);const S=u/3633;if(At(d,p,h,S),o.contactInfo&&(r||l||i)&&Pt(d,r,l,i,o.contactInfo),o.description&&s&&St(d,s,o.description),r&&et(d,r,o.namePlate),o.signature){const R=h==="de"?"Unterschrift":"Signature";Nn(d,o.signature,R)}e.width=u,e.height=m,y.drawImage(I,0,0)}const he=typeof{url:typeof document>"u"?require("url").pathToFileURL(__filename).href:me&&me.tagName.toUpperCase()==="SCRIPT"&&me.src||new URL("index.cjs",document.baseURI).href}<"u"&&"/"||"/",X={background:`${he}templates/background.webp`,frontFrame:`${he}templates/front_frame.webp`,backFrame:`${he}templates/back_frame.webp`},pe={1:`${he}templates/1.png`,5:`${he}templates/5.png`,10:`${he}templates/10.png`},Bt={de:{banner:{1:"EINE STUNDE",5:"FÜNF STUNDEN",10:"ZEHN STUNDEN"}},en:{banner:{1:"ONE HOUR",5:"FIVE HOURS",10:"TEN HOURS"}}},ae=3633,re=1920,Ce=.5,jn=Math.round(ae*Ce),An=Math.round(re*Ce),Ct=320,Nt=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,se=new Map,Ve=new Map,Ge=new Map,Ke=new Map;function jt(e,t,n,a,r,l,i){e.save(),e.font=`900 ${l}px "Times New Roman", Georgia, serif`,e.fillStyle=i,e.textAlign="center",e.textBaseline="middle";const o=e.measureText(t).width/r,u=-Math.PI/2-o/2,m=t.split(""),f=[];for(const h of m)f.push(e.measureText(h).width);let p=u;for(let h=0;h<m.length;h++){const y=m[h],I=f[h],d=p+I/2/r,k=n+r*Math.cos(d),E=a+r*Math.sin(d);e.save(),e.translate(k,E),e.rotate(d+Math.PI/2),e.fillText(y,0,0),e.restore(),p+=I/r}e.restore()}let _={background:null,frontFrame:null,backFrame:null,badges:{1:null,5:null,10:null}};async function Dn(){const[e,t,n,a,r,l]=await Promise.all([C(X.background),C(X.frontFrame),C(X.backFrame),C(pe[1]),C(pe[5]),C(pe[10])]);_={background:e,frontFrame:t,backFrame:n,badges:{1:a,5:r,10:l}}}function Hn(e,t){const n=Math.round(ae*e),a=Math.round(re*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 i=e<1?.8:.95;return r.toDataURL("image/jpeg",i)}function Mn(e,t){const n=Math.round(ae*e),a=Math.round(re*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 i=Ct*e,s=Nt*e,o=$.badges,u=(m,f)=>{const p=f/2,h=m.x*e-p,y=m.y*e-p;l.drawImage(t,h,y,f,f)};return u(o.topLeft,i),u(o.topRight,i),u(o.bottomLeft,s),u(o.bottomRight,s),r.toDataURL("image/png")}function At(e,t,n,a=1){const r=Bt[n].banner[t];jt(e,r,$.banner.centerX*a,$.banner.centerY*a,$.banner.radius*a,$.banner.fontSize*a,$.banner.color)}function Dt(e,t,n,a,r,l,i){const s=Math.round(ae*a),o=Math.round(re*a),u=document.createElement("canvas");u.width=s,u.height=o;const m=u.getContext("2d");if(!m)throw new Error("Failed to get canvas context");m.drawImage(r,0,0,s,o);{const p=Ct*a,h=Nt*a,y=$.badges,I=(d,k)=>{const E=k/2,v=d.x*a-E,S=d.y*a-E;m.drawImage(i,v,S,k,k)};I(y.topLeft,p),I(y.topRight,p),I(y.bottomLeft,h),I(y.bottomRight,h)}if(m.drawImage(l,0,0,s,o),n==="front"){const p=Bt[t].banner[e];jt(m,p,$.banner.centerX*a,$.banner.centerY*a,$.banner.radius*a,$.banner.fontSize*a,$.banner.color)}const f=a<1?.8:.95;return u.toDataURL("image/jpeg",f)}async function Ht(e,t,n){const a=`${e}-${t}-${n}`;if(Ee.has(a))return Ee.get(a);const r=_.background||await C(X.background),l=n==="front"?_.frontFrame||await C(X.frontFrame):_.backFrame||await C(X.backFrame),i=_.badges[e]||await C(pe[e]),s=Dt(e,t,n,Ce,r,l,i);return Ee.set(a,s),s}async function Fe(e,t,n){const a=`${e}-${t}-${n}`;if(se.has(a))return se.get(a);const r=_.background||await C(X.background),l=n==="front"?_.frontFrame||await C(X.frontFrame):_.backFrame||await C(X.backFrame),i=_.badges[e]||await C(pe[e]),s=Dt(e,t,n,1,r,l,i);if(se.size>4){const o=se.keys().next().value;o&&se.delete(o)}return se.set(a,s),s}function Un(){return{width:ae,height:re}}function On(){Ee.clear(),se.clear(),Ve.clear(),Ge.clear(),Ke.clear()}async function qe(e,t,n="front",a=Ce){const r=`bg-${a}`;let l=Ve.get(r);if(!l){const m=_.background||await C(X.background);l=Hn(a,m),Ve.set(r,l)}const i=`badges-${e}-${a}`;let s=Ge.get(i);if(!s){const m=_.badges[e]||await C(pe[e]);s=Mn(a,m),Ge.set(i,s)}const o=`${n}-${a}`;let u=Ke.get(o);if(!u){const m=n==="front"?_.frontFrame||await C(X.frontFrame):_.backFrame||await C(X.backFrame),f=Math.round(ae*a),p=Math.round(re*a),h=document.createElement("canvas");h.width=f,h.height=p;const y=h.getContext("2d");if(!y)throw new Error("Failed to get canvas context");y.drawImage(m,0,0,f,p),u=h.toDataURL("image/png"),Ke.set(o,u)}return{background:l,badges:s,frame:u}}async function Yn(){const e=[1,5,10],t=["de","en"],n=["front","back"],a=[];for(const r of e)for(const l of t)for(const i of n)a.push(Ht(r,l,i));await Promise.all(a)}function tt(e,t){return{front:"",back:"",width:ae,height:re}}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}}},de=Ne,ge=Ne;function nt(e){return Ne}const Ze=.75;function Wn(e){const t=nt(),n=Ze,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 _n(e,t){const n=tt();return{...n,width:Math.round(n.width*Ze),height:Math.round(n.height*Ze)}}function zn(e,t){const[n,a]=g.useState(e);return g.useEffect(()=>{const r=setTimeout(()=>a(e),t);return()=>clearTimeout(r)},[e,t]),n}function $n({onPortraitClick:e,onFileDrop:t}={}){const n=w(x=>x.appLanguage),a=w(x=>x.voucherConfig.language),r=w(x=>x.voucherConfig.hours),l=w(x=>x.voucherConfig.description),i=w(x=>x.voucherConfig.templateHue),s=w(x=>x.personalInfo),o=w(x=>x.portrait),u=w(x=>x.currentSide),m=w(x=>x.flipSide),f=w(x=>x.setPortraitPan),p=zn(i,150),h=ne(n),y=g.useRef(null),I=g.useRef(null),d=g.useRef(null),[k,E]=g.useState(!1),[v,S]=g.useState(!1),[R,P]=g.useState(!1),[D,j]=g.useState(!1),L=g.useRef(null),B=g.useRef(null),Y=g.useRef(!1),q=g.useRef(0),H=_n(),O=Wn(),Z=o.useEnhanced&&o.enhanced?o.enhanced:o.original,oe=Qe(a,r,l),[K,J]=g.useState(""),[V,te]=g.useState(""),[ie,Ae]=g.useState(""),[Q,ye]=g.useState(""),[ee,De]=g.useState(""),[xe,He]=g.useState(""),[ve,Ie]=g.useState(!0);g.useEffect(()=>{let x=!0;Ie(!0);async function N(){const[U,z]=await Promise.all([qe(r,a,"front"),qe(r,a,"back")]);x&&(J(U.background),te(U.badges),Ae(U.frame),ye(z.background),De(z.badges),He(z.frame),Ie(!1))}return N(),()=>{x=!1}},[r,a]),g.useEffect(()=>{!y.current||!K||!V||!ie||Rt(y.current,K,V,ie,Z,s.name,O.front,H.width,H.height,o.zoom,o.panX,o.panY,p,r,a)},[H,K,V,ie,Z,s.name,O,o.zoom,o.panX,o.panY,p,r,a]),g.useEffect(()=>{!I.current||!Q||!ee||!xe||Lt(I.current,Q,ee,xe,s.name,s.email,s.phone,oe,O.back,H.width,H.height,p,r,a)},[H,Q,ee,xe,s,oe,O,p,r,a]);const b=()=>{E(!k),m()};g.useEffect(()=>{E(u==="back")},[u]);const T=g.useCallback((x,N)=>{if(!d.current||u!=="front")return!1;const U=d.current.getBoundingClientRect(),z=U.width/H.width,Me=U.height/H.height,ke=(x-U.left)/z,Ue=(N-U.top)/Me,{x:Oe,y:Ye,radiusX:We,radiusY:Zt}=O.front.portrait,ot=(ke-Oe)/We,it=(Ue-Ye)/Zt;return ot*ot+it*it<=1},[u,H.width,H.height,O.front.portrait]),M=5,A=g.useCallback((x,N)=>{o.original&&(S(!0),L.current={x,y:N,panX:o.panX,panY:o.panY})},[o.original,o.panX,o.panY]),G=g.useCallback((x,N)=>{if(!v||!L.current||!d.current)return;const U=performance.now();if(U-q.current<33)return;q.current=U;const z=d.current.getBoundingClientRect(),ke=4/Math.max(z.width,z.height)*o.zoom,Ue=(x-L.current.x)*ke,Oe=(N-L.current.y)*ke,Ye=Math.max(-1,Math.min(1,L.current.panX+Ue)),We=Math.max(-1,Math.min(1,L.current.panY+Oe));f(Ye,We)},[v,f,o.zoom]),W=g.useCallback(()=>{S(!1),L.current=null,B.current=null},[]),at=g.useCallback(()=>{e&&e()},[e]),_t=x=>{T(x.clientX,x.clientY)&&(x.preventDefault(),B.current={x:x.clientX,y:x.clientY},Y.current=!1)},zt=x=>{if(P(T(x.clientX,x.clientY)),B.current&&o.original){const N=x.clientX-B.current.x,U=x.clientY-B.current.y;Math.sqrt(N*N+U*U)>M&&!v&&(Y.current=!0,A(B.current.x,B.current.y))}v&&G(x.clientX,x.clientY)},$t=x=>{B.current&&!Y.current&&T(x.clientX,x.clientY)&&at(),W()},Xt=()=>{W(),P(!1)},Vt=x=>{if(x.touches.length===1){const N=x.touches[0];T(N.clientX,N.clientY)&&(B.current={x:N.clientX,y:N.clientY},Y.current=!1)}},Gt=x=>{if(x.touches.length===1&&B.current&&o.original){const N=x.touches[0],U=N.clientX-B.current.x,z=N.clientY-B.current.y;Math.sqrt(U*U+z*z)>M&&!v&&(Y.current=!0,A(B.current.x,B.current.y)),v&&G(N.clientX,N.clientY)}},Kt=()=>{B.current&&!Y.current&&T(B.current.x,B.current.y)&&at(),W()},rt=g.useRef(!1);g.useEffect(()=>{rt.current=v},[v]),g.useEffect(()=>{const x=d.current;if(!x)return;const N=U=>{rt.current&&U.preventDefault()};return x.addEventListener("touchmove",N,{passive:!1}),()=>{x.removeEventListener("touchmove",N)}},[]);const Ft=u==="front"&&o.original,qt=H.width/H.height;return c.jsxs("div",{className:"space-y-2",children:[c.jsxs("div",{className:"flex justify-between items-center mb-6",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"&&b(),children:h.preview.front}),c.jsx("button",{className:`join-item btn btn-md ${u==="back"?"btn-active btn-primary":"btn-ghost"}`,onClick:()=>u!=="back"&&b(),children:h.preview.back})]}),c.jsxs("button",{className:"btn btn-ghost btn-md",onClick:b,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:h.preview.flip})]})]}),c.jsxs("div",{className:"relative w-full overflow-visible",style:{aspectRatio:qt,perspective:"1500px"},children:[ve&&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 ${R&&Ft?v?"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:k?"rotateY(180deg)":"rotateY(0deg)"},onMouseDown:_t,onMouseMove:zt,onMouseUp:$t,onMouseLeave:Xt,onTouchStart:Vt,onTouchMove:Gt,onTouchEnd:Kt,onDragOver:x=>{x.preventDefault(),u==="front"&&j(!0)},onDragLeave:x=>{x.preventDefault(),j(!1)},onDrop:x=>{if(x.preventDefault(),j(!1),u==="front"&&t){const N=x.dataTransfer.files[0];N&&N.type.startsWith("image/")&&t(N)}},children:[c.jsx("canvas",{ref:y,className:"absolute inset-0 w-full h-full",style:{backfaceVisibility:"hidden",WebkitBackfaceVisibility:"hidden"}}),c.jsx("canvas",{ref:I,className:"absolute inset-0 w-full h-full",style:{backfaceVisibility:"hidden",WebkitBackfaceVisibility:"hidden",transform:"rotateY(180deg)"}}),u==="front"&&!o.original&&c.jsx("div",{className:`absolute flex flex-col items-center justify-center transition-colors duration-300 ease-in-out pointer-events-none ${D?"bg-primary/20":"hover:bg-base-content/5"}`,style:{left:`${(O.front.portrait.x-O.front.portrait.radiusX)/H.width*100}%`,top:`${(O.front.portrait.y-O.front.portrait.radiusY)/H.height*100}%`,width:`${O.front.portrait.radiusX*2/H.width*100}%`,height:`${O.front.portrait.radiusY*2/H.height*100}%`,borderRadius:"50%",backfaceVisibility:"hidden",WebkitBackfaceVisibility:"hidden"},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",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
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),g=require("react"),Qt=require("zustand"),en=require("zustand/middleware"),tn=require("jspdf");var me=typeof document<"u"?document.currentScript:null;const nn=1024,ct=1200,ue=new Map;let F=null,lt=null;function Qe(e,t){return F||(F=document.createElement("canvas"),lt=F.getContext("2d",{willReadFrequently:!0})),(F.width!==e||F.height!==t)&&(F.width=e,F.height=t),lt}function pe(e){const t=ue.get(e);return t?Promise.resolve(t):new Promise((n,a)=>{const r=new Image;r.onload=()=>{if(ue.size>10){const l=ue.keys().next().value;l&&ue.delete(l)}ue.set(e,r),n(r)},r.onerror=()=>a(new Error("Failed to load image")),r.src=e})}function an(){ue.clear()}async function ft(e,t=nn){const n=await pe(e),a=Math.max(n.width,n.height);if(a<=t)return e;const r=t/a,l=Math.round(n.width*r),i=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=l,s.height=i,o.drawImage(n,0,0,l,i),s.toDataURL("image/jpeg",.9)}async function pt(e){const t=await pe(e),n=Math.max(t.width,t.height);if(n<=ct){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=ct/n,r=Math.round(t.width*a),l=Math.round(t.height*a),i=document.createElement("canvas"),s=i.getContext("2d");if(!s)throw new Error("Failed to get canvas context");return i.width=r,i.height=l,s.drawImage(t,0,0,r,l),i.toDataURL("image/png")}async function ze(e,t,n,a=0){const[r,l]=await Promise.all([pe(e),pe(t)]),i=Qe(r.width,r.height);if(i.clearRect(0,0,r.width,r.height),n>0){const s=a*20;i.save(),i.globalAlpha=n,s>0&&(i.filter=`blur(${s}px)`),i.drawImage(l,0,0,r.width,r.height),i.restore()}return i.drawImage(r,0,0),F.toDataURL("image/png")}async function bt(e,t=.5,n=40){const a=await pe(e),r=Qe(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),i=l.data,s=new Uint32Array(i.buffer),o=1+t*.8,u=1-t,m=n%360/360;for(let p=0;p<s.length;p++){const f=s[p],h=f&255,y=f>>8&255,I=f>>16&255,d=f>>24&255;if(d===0)continue;let E=(((77*h+150*y+29*I>>8)/255-.5)*o+.5)*255;E<0?E=0:E>255&&(E=255);const v=E/255,S=.12,[L,P,D]=xt(m,S,v),j=h*u+L*t|0,R=y*u+P*t|0,B=I*u+D*t|0;s[p]=d<<24|B<<16|R<<8|j}return r.putImageData(l,0,0),F.toDataURL("image/png")}function rn(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 i=0,s=0;if(a!==r){const o=a-r;switch(s=l>.5?o/(2-a-r):o/(a+r),a){case e:i=((t-n)/o+(t<n?6:0))/6;break;case t:i=((n-e)/o+2)/6;break;case n:i=((e-t)/o+4)/6;break}}return[i,s,l]}function xt(e,t,n){if(t===0){const i=Math.round(n*255);return[i,i,i]}const a=(i,s,o)=>(o<0&&(o+=1),o>1&&(o-=1),o<1/6?i+(s-i)*6*o:o<1/2?s:o<2/3?i+(s-i)*(2/3-o)*6:i),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 on=29,sn=5;async function wt(e,t){if(Math.abs(t-on)<=sn)return e;const n=await pe(e),a=Qe(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,i=new Uint32Array(l.buffer),s=t%360/360,o=20/360,u=45/360,m=i.length;for(let p=0;p<m;p++){const f=i[p],h=f&255,y=f>>8&255,I=f>>16&255,d=f>>24&255;if(d===0)continue;const[k,E,v]=rn(h,y,I);if(E<.08||k<o||k>u)continue;const S=s,L=Math.min(E,.05),[P,D,j]=xt(S,L,v);i[p]=d<<24|j<<16|D<<8|P}return a.putImageData(r,0,0),F.toDataURL("image/png")}const Se="money-generator-portrait",Pe="money-generator-bg-removed";async function cn(e){try{if(localStorage.removeItem(Se),!e)return;const t=await pt(e);try{localStorage.setItem(Se,t)}catch(n){console.warn("Could not persist portrait to localStorage:",n)}}catch(t){console.warn("Error processing portrait for storage:",t)}}async function ln(e){try{if(localStorage.removeItem(Pe),!e)return;const t=await pt(e);try{localStorage.setItem(Pe,t)}catch(n){console.warn("Could not persist bg-removed image to localStorage:",n)}}catch(t){console.warn("Error processing bg-removed image for storage:",t)}}function un(){try{return localStorage.getItem(Se)}catch{return null}}function dn(){try{return localStorage.getItem(Pe)}catch{return null}}function gn(){try{localStorage.removeItem(Se),localStorage.removeItem(Pe)}catch{}}function mn(){return(typeof navigator<"u"?navigator.language:"de").toLowerCase().startsWith("de")?"de":"en"}const Le=mn(),ut={personalInfo:{name:"",email:"",phone:""},voucherConfig:{hours:1,description:"",language:Le,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:Le},w=Qt.create()(en.persist(e=>({...ut,setPersonalInfo:t=>e(n=>({personalInfo:{...n.personalInfo,...t}})),setVoucherConfig:t=>e(n=>({voucherConfig:{...n.voucherConfig,...t}})),setPortrait:(t,n=null)=>(cn(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)=>(n!==void 0&&ln(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:()=>(gn(),e(ut))}),{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=Le),t&&(t.appLanguage=Le),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:e.portrait.bgRemoved,bgOpacity:e.portrait.bgOpacity,bgBlur:e.portrait.bgBlur,engravingIntensity:e.portrait.engravingIntensity},currentSide:"front",isEnhancing:!1,isExporting:!1})}));if(typeof window<"u"){const e=un(),t=dn();e&&setTimeout(()=>{const n=w.getState();if(!n.portrait.original){const a=n.portrait.bgRemoved,r=t!==null;w.setState({portrait:{...n.portrait,original:e,rawImage:e,bgRemovedImage:t,bgRemoved:a&&r,bgOpacity:a&&r?n.portrait.bgOpacity:0,bgBlur:a&&r?n.portrait.bgBlur:0}})}},0)}const hn={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"}}},fn={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"}}},pn={de:hn,en:fn};function ne(e){return pn[e]}function et(e,t,n){if(n&&n.trim())return n;const a=ne(e),r=a.bill.bannerText[t]||a.bill.bannerText[1];return a.bill.descriptionText.replace("{bannerText}",r)}function bn(e){return/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e)}function xn(e){return e.replace(/\D/g,"").length>=6}function wn({focusField:e,onFocused:t,onFormFocusChange:n}={}){const a=w(d=>d.appLanguage),r=w(d=>d.personalInfo),l=w(d=>d.setPersonalInfo),i=ne(a),[s,o]=g.useState(!1),[u,m]=g.useState(!1),p=s&&r.email.trim()&&!bn(r.email),f=u&&r.phone.trim()&&!xn(r.phone),h=g.useRef(null),y=g.useRef(null),I=g.useRef(null);return g.useEffect(()=>{if(e){const d=e==="name"?h:e==="email"?y:I;setTimeout(()=>{var k,E;(k=d.current)==null||k.click(),(E=d.current)==null||E.focus(),setTimeout(()=>{var v;(v=d.current)==null||v.scrollIntoView({behavior:"smooth",block:"center"})},300),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:i.form.personalInfo.name})}),c.jsx("input",{ref:h,type:"text",name:"name",autoComplete:"name",placeholder:i.form.personalInfo.namePlaceholder,className:"input input-bordered w-full input-md",value:r.name,onChange:d=>l({name:d.target.value}),onFocus:d=>{n==null||n(!0),setTimeout(()=>d.target.scrollIntoView({behavior:"smooth",block:"center"}),300)},onBlur:()=>n==null?void 0:n(!1)})]}),c.jsxs("div",{className:"form-control",children:[c.jsx("label",{className:"label",children:c.jsx("span",{className:"label-text font-medium",children:i.form.personalInfo.email})}),c.jsx("input",{ref:y,type:"email",name:"email",autoComplete:"email",placeholder:i.form.personalInfo.emailPlaceholder,className:`input input-bordered w-full input-md ${p?"input-error":""}`,value:r.email,onChange:d=>l({email:d.target.value}),onFocus:d=>{n==null||n(!0),setTimeout(()=>d.target.scrollIntoView({behavior:"smooth",block:"center"}),300)},onBlur:()=>{o(!0),n==null||n(!1)}}),p&&c.jsx("label",{className:"label",children:c.jsx("span",{className:"label-text-alt text-error",children:a==="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:i.form.personalInfo.phone})}),c.jsx("input",{ref:I,type:"tel",name:"phone",autoComplete:"tel",placeholder:i.form.personalInfo.phonePlaceholder,className:`input input-bordered w-full input-md ${f?"input-error":""}`,value:r.phone,onChange:d=>l({phone:d.target.value}),onFocus:d=>{n==null||n(!0),setTimeout(()=>d.target.scrollIntoView({behavior:"smooth",block:"center"}),300)},onBlur:()=>{m(!0),n==null||n(!1)}}),f&&c.jsx("label",{className:"label",children:c.jsx("span",{className:"label-text-alt text-error",children:a==="de"?"Bitte gib eine gültige Telefonnummer ein":"Please enter a valid phone number"})})]})]})}const _e={},yn="https://api.stability.ai/v1/generation",vn="https://api.stability.ai/v2beta/stable-image/edit/remove-background",yt="stability_api_key";let be=null;function In(e){be=e}function kn(){return be}function Tn(){return be!==null}const En={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"},dt=[{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 Sn(e,t){const n=e/t;let a=dt[0],r=1/0;for(const l of dt){const i=l.width/l.height,s=Math.abs(n-i);s<r&&(r=s,a=l)}return a}function Pn(e){return new Promise((t,n)=>{const a=new Image;a.onload=()=>{const r=Sn(a.width,a.height),l=document.createElement("canvas");l.width=r.width,l.height=r.height;const i=l.getContext("2d");if(!i){n(new Error("Failed to get canvas context"));return}const s=a.width/a.height,o=r.width/r.height;let u=0,m=0,p=a.width,f=a.height;s>o?(p=a.height*o,u=(a.width-p)/2):(f=a.width/o,m=(a.height-f)/2),i.drawImage(a,u,m,p,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 vt(e){var i;const t=e.split(","),n=((i=t[0].match(/:(.*?);/))==null?void 0:i[1])||"image/png",a=atob(t[1]),r=a.length,l=new Uint8Array(r);for(let s=0;s<r;s++)l[s]=a.charCodeAt(s);return new Blob([l],{type:n})}function Be(){var t;const e=typeof{url:typeof document>"u"?require("url").pathToFileURL(__filename).href:me&&me.tagName.toUpperCase()==="SCRIPT"&&me.src||new URL("index.cjs",document.baseURI).href}<"u"&&(_e==null?void 0:_e.VITE_STABILITY_API_KEY)||typeof process<"u"&&((t=process.env)==null?void 0:t.NEXT_PUBLIC_STABILITY_API_KEY);return e&&e!=="your-api-key-here"?e:typeof localStorage<"u"?localStorage.getItem(yt):null}function It(e){localStorage.setItem(yt,e)}function Te(){return be?!0:Be()!==null}async function Ln(e){const t=Be();if(!t)throw new Error("No Stability AI API key configured");const{imageDataUrl:n,style:a,strength:r=.35}=e,l=await Pn(n),i=vt(l),s=new FormData;s.append("init_image",i,"portrait.png"),s.append("init_image_mode","IMAGE_STRENGTH"),s.append("image_strength",String(1-r)),s.append("text_prompts[0][text]",En[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(`${yn}/stable-diffusion-xl-1024-v1-0/image-to-image`,{method:"POST",headers:{Authorization:`Bearer ${t}`,Accept:"application/json"},body:s});if(!u.ok){const p=await u.text();throw console.error("Stability AI error:",p),u.status===401?new Error("Invalid API key"):u.status===402?new Error("Insufficient credits"):u.status===429?new Error("Rate limit exceeded. Please try again later."):new Error(`API error: ${u.status}`)}const m=await u.json();if(!m.artifacts||m.artifacts.length===0)throw new Error("No image generated");return`data:image/png;base64,${m.artifacts[0].base64}`}async function kt(e){if(be){const i=await fetch(be,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({imageDataUrl:e})});if(!i.ok){const o=await i.json().catch(()=>({}));throw new Error(o.error||`API error: ${i.status}`)}return(await i.json()).imageDataUrl}const t=Be();if(!t)throw new Error("No Stability AI API key configured");const n=vt(e),a=new FormData;a.append("image",n,"image.png"),a.append("output_format","png");const r=await fetch(vn,{method:"POST",headers:{Authorization:`Bearer ${t}`,Accept:"image/*"},body:a});if(!r.ok){const i=await r.text();throw console.error("Stability AI remove background error:",i),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((i,s)=>{const o=new FileReader;o.onload=()=>i(o.result),o.onerror=()=>s(new Error("Failed to read result")),o.readAsDataURL(l)})}function Rn(){const[e,t]=g.useState(!1),[n,a]=g.useState(!1),[r,l]=g.useState(null),[i,s]=g.useState(()=>Te());g.useEffect(()=>{s(Te());const f=setTimeout(()=>{s(Te())},150);return()=>clearTimeout(f)},[]);const o=g.useCallback(()=>l(null),[]),u=g.useCallback(f=>{It(f),s(!0),l(null)},[]),m=g.useCallback(async(f,h=.5,y=40)=>{t(!0),l(null);try{return await bt(f,h,y)}catch(I){const d=I instanceof Error?I.message:"Enhancement failed";throw l(d),I}finally{t(!1)}},[]),p=g.useCallback(async f=>{a(!0),l(null);try{return await kt(f)}catch(h){const y=h instanceof Error?h.message:"Background removal failed";throw l(y),h}finally{a(!1)}},[]);return{enhance:m,removeBg:p,isEnhancing:e,isRemovingBg:n,error:r,hasKey:i,setApiKey:u,clearError:o}}function Tt({isOpen:e,onClose:t,onSubmit:n}){const a=w(u=>u.appLanguage),[r,l]=g.useState("");if(!e)return null;const i=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:i,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 we({min:e,max:t,step:n,value:a,onChange:r,className:l="",disabled:i=!1}){const s=g.useRef(null),o=g.useRef(null),u=g.useRef(!1),[m,p]=g.useState(!1),f=(a-e)/(t-e)*100,h=g.useCallback(v=>{if(!s.current)return a;const S=s.current.getBoundingClientRect(),L=Math.max(0,Math.min(1,(v-S.left)/S.width)),P=t-e,D=e+L*P,j=Math.round(D/n)*n;return Math.max(e,Math.min(t,j))},[e,t,n,a]),y=g.useCallback(v=>{if(i)return;const S=v.touches[0];o.current={x:S.clientX,y:S.clientY,value:a,decided:!1},u.current=!1},[a,i]),I=g.useCallback(v=>{if(i||!o.current)return;const S=v.touches[0],L=Math.abs(S.clientX-o.current.x),P=Math.abs(S.clientY-o.current.y);if(!o.current.decided){if(L<8&&P<8)return;if(o.current.decided=!0,P>L){o.current=null;return}u.current=!0,p(!0)}if(u.current){const D=h(S.clientX);D!==a&&r(D)}},[i,h,r,a]),d=g.useCallback(v=>{if(o.current&&!o.current.decided){const S=v.changedTouches[0];if(S){const L=h(S.clientX);L!==a&&r(L)}}o.current=null,u.current=!1,p(!1)},[h,r,a]);g.useEffect(()=>{const v=s.current;if(!v)return;const S=L=>{u.current&&L.preventDefault()};return v.addEventListener("touchmove",S,{passive:!1}),()=>{v.removeEventListener("touchmove",S)}},[]);const k=g.useCallback(v=>{if(i)return;const S=h(v.clientX);r(S),p(!0);const L=D=>{const j=h(D.clientX);r(j)},P=()=>{p(!1),document.removeEventListener("mousemove",L),document.removeEventListener("mouseup",P)};document.addEventListener("mousemove",L),document.addEventListener("mouseup",P)},[i,h,r]),E=`calc(10px + (100% - 20px) * ${f/100})`;return c.jsxs("div",{ref:s,className:`relative h-10 flex items-center cursor-pointer overflow-visible ${i?"opacity-50 cursor-not-allowed":""}`,onTouchStart:y,onTouchMove:I,onTouchEnd:d,onMouseDown:k,children:[c.jsx("div",{className:"absolute h-2 bg-base-300 rounded-full inset-x-0"}),c.jsx("div",{className:`absolute h-2 rounded-full transition-colors ${l.includes("range-primary")?"bg-primary":l.includes("range-secondary")?"bg-secondary":"bg-primary"}`,style:{left:0,width:E}}),c.jsx("div",{className:`absolute w-5 h-5 rounded-full bg-base-100 border-2 shadow-md transition-transform ${m?"scale-110":""} ${l.includes("range-primary")?"border-primary":l.includes("range-secondary")?"border-secondary":"border-primary"}`,style:{left:E,transform:"translateX(-50%)"}})]})}function Bn(){const e=w(b=>b.appLanguage),t=w(b=>b.portrait),n=w(b=>b.setPortrait),a=w(b=>b.setPortraitZoom),r=w(b=>b.setPortraitPan),l=w(b=>b.setPortraitRawImage),i=w(b=>b.setPortraitBgRemoved),s=w(b=>b.setPortraitBgOpacity),o=w(b=>b.setPortraitBgBlur),u=w(b=>b.setPortraitEngravingIntensity),{enhance:m,removeBg:p,isEnhancing:f,isRemovingBg:h,error:y,hasKey:I,setApiKey:d}=Rn(),k=ne(e),E=g.useRef(null),[v,S]=g.useState(!1),[L,P]=g.useState(!1),D=g.useRef(null),j=g.useRef(null),R=t.rawImage,B=t.bgRemovedImage,Y=t.bgRemoved,q=t.bgOpacity,H=t.bgBlur,O=t.engravingIntensity;g.useEffect(()=>{t.original&&!t.rawImage&&l(t.original)},[t.original,t.rawImage,l]),g.useEffect(()=>()=>{D.current&&clearTimeout(D.current),j.current&&clearTimeout(j.current)},[]);const Z=w(b=>b.voucherConfig.templateHue),oe=g.useRef(Z),K=g.useCallback(async b=>{if(!b.type.startsWith("image/"))return;const T=new FileReader;T.onload=async M=>{var W;const A=(W=M.target)==null?void 0:W.result,G=await ft(A);an(),l(G),n(G),a(1),r(0,0),i(!1,null),s(0),o(0),u(0)},T.readAsDataURL(b)},[n,l,a,r,i,s,o,u]),J=g.useCallback(b=>{b.preventDefault(),S(!1);const T=b.dataTransfer.files[0];T&&K(T)},[K]),V=g.useCallback(b=>{b.preventDefault(),S(!0)},[]),te=g.useCallback(b=>{b.preventDefault(),S(!1)},[]),ie=()=>{var b;(b=E.current)==null||b.click()},Ae=b=>{var M;const T=(M=b.target.files)==null?void 0:M[0];T&&K(T)},Q=g.useCallback(async(b,T,M)=>{try{return await m(b,T,M)}catch(A){return console.error("Enhancement failed:",A),b}},[m]),ye=g.useCallback(async b=>{try{const T=await p(b);return i(!0,T),T}catch(T){return console.error("Background removal failed:",T),b}},[p,i]),ee=g.useCallback(async()=>{const b=w.getState(),T=b.portrait,M=b.voucherConfig.templateHue;if(!T.rawImage)return;let A;T.bgRemoved&&T.bgRemovedImage?A=await ze(T.bgRemovedImage,T.rawImage,T.bgOpacity,T.bgBlur):A=T.rawImage,T.engravingIntensity>0&&(A=await Q(A,T.engravingIntensity,M)),n(A)},[Q,n]);g.useEffect(()=>{if(oe.current===Z)return;oe.current=Z;const b=w.getState().portrait;b.engravingIntensity>0&&b.rawImage&&(D.current&&clearTimeout(D.current),D.current=setTimeout(ee,150))},[Z,ee]);const De=async()=>{if(!R)return;if(!Y&&!I){P(!0);return}if(!Y){const T=await ye(R),M=w.getState(),A=M.portrait,G=M.voucherConfig.templateHue;let W=await ze(T,R,A.bgOpacity,A.bgBlur);A.engravingIntensity>0&&(W=await Q(W,A.engravingIntensity,G)),n(W)}else{i(!1,null);const T=w.getState(),M=T.portrait.engravingIntensity,A=T.voucherConfig.templateHue;if(M>0){const G=await Q(R,M,A);n(G)}else n(R)}},xe=b=>{u(b),D.current&&clearTimeout(D.current),R&&(D.current=setTimeout(ee,150))},He=async b=>{if(d(b),!R)return;const T=await ye(R),M=w.getState(),A=M.portrait,G=M.voucherConfig.templateHue;let W=await ze(T,R,A.bgOpacity,A.bgBlur);A.engravingIntensity>0&&(W=await Q(W,A.engravingIntensity,G)),n(W)},ve=b=>{s(b),j.current&&clearTimeout(j.current),!(!R||!B)&&(j.current=setTimeout(ee,150))},Ie=b=>{o(b),j.current&&clearTimeout(j.current),!(!R||!B)&&(j.current=setTimeout(ee,150))};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:"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:k.form.portrait.zoom}),c.jsxs("span",{className:"label-text-alt",children:[Math.round(t.zoom*100),"%"]})]}),c.jsx(we,{min:.5,max:2,step:.05,value:t.zoom,onChange:a,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(O*100),"%"]})]}),c.jsx(we,{min:0,max:1,step:.05,value:O,onChange:xe,className:"range range-secondary range-sm",disabled:f||!R})]})]}),Y?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(q*100),"%"]})]}),c.jsx(we,{min:0,max:1,step:.05,value:q,onChange:ve,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(H*100),"%"]})]}),c.jsx(we,{min:0,max:1,step:.05,value:H,onChange:Ie,className:"range range-primary range-sm",disabled:q===0})]})]}):c.jsx("div",{className:"flex justify-center",children:c.jsx("button",{className:"btn btn-ghost btn gap-2 text-base-content/70",onClick:De,disabled:h||!R,children:h?c.jsxs(c.Fragment,{children:[e==="de"?"Hintergrund wird entfernt":"Removing background",c.jsx("span",{className:"loading loading-dots loading-xs"})]}):c.jsxs(c.Fragment,{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",strokeWidth:2,children:c.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M9.813 15.904L9 18.75l-.813-2.846a4.5 4.5 0 00-3.09-3.09L2.25 12l2.846-.813a4.5 4.5 0 003.09-3.09L9 5.25l.813 2.846a4.5 4.5 0 003.09 3.09L15.75 12l-2.846.813a4.5 4.5 0 00-3.09 3.09zM18.259 8.715L18 9.75l-.259-1.035a3.375 3.375 0 00-2.455-2.456L14.25 6l1.036-.259a3.375 3.375 0 002.455-2.456L18 2.25l.259 1.035a3.375 3.375 0 002.456 2.456L21.75 6l-1.035.259a3.375 3.375 0 00-2.456 2.456zM16.894 20.567L16.5 21.75l-.394-1.183a2.25 2.25 0 00-1.423-1.423L13.5 18.75l1.183-.394a2.25 2.25 0 001.423-1.423l.394-1.183.394 1.183a2.25 2.25 0 001.423 1.423l1.183.394-1.183.394a2.25 2.25 0 00-1.423 1.423z"})}),e==="de"?"Hintergrund entfernen":"Remove background",!I&&c.jsx("span",{className:"badge badge-sm badge-outline",children:"API"})]})})}),y&&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:y})]})]}):c.jsxs("div",{className:`border-2 border-dashed rounded-lg p-8 text-center cursor-pointer transition-colors ${h?"border-primary bg-primary/10 pointer-events-none":v?"border-primary bg-primary/10":"border-base-300 hover:border-primary hover:bg-base-200"}`,onDrop:J,onDragOver:V,onDragLeave:te,onClick:ie,children:[c.jsx("input",{ref:E,type:"file",accept:"image/*",className:"hidden",onChange:Ae}),h?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:k.form.portrait.upload}),c.jsx("p",{className:"text-sm text-base-content/60",children:k.form.portrait.dragDrop})]})]}),c.jsx(Tt,{isOpen:L,onClose:()=>P(!1),onSubmit:He})]})}function Cn(){const e=w(s=>s.appLanguage),t=w(s=>s.voucherConfig.language),n=w(s=>s.voucherConfig.hours);w(s=>s.voucherConfig.templateHue);const a=w(s=>s.setBillLanguage),r=w(s=>s.setHours);w(s=>s.setTemplateHue);const l=ne(e),i=[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:i.map(s=>c.jsxs("button",{className:`join-item btn btn-md ${n===s?"btn-active btn-primary":"btn-ghost"}`,onClick:()=>r(s),children:[s,c.jsxs("span",{className:"hidden sm:inline",children:[" ",s===1?l.form.voucher.hourLabel:l.form.voucher.hoursLabel]})]},s))})]})}),!1]})}const $e=new Map,le=new Map;async function C(e){return $e.has(e)?$e.get(e):new Promise((t,n)=>{const a=new Image;a.crossOrigin="anonymous",a.onload=()=>{$e.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 Et(e,t,n,a){if(t>=155&&t<=165)return C(e);const r=`${e}:${t}:${n}x${a}`;if(le.has(r))return C(le.get(r));const l=await C(e),i=document.createElement("canvas");i.width=n,i.height=a;const s=i.getContext("2d");if(!s)throw new Error("Failed to get canvas context");s.drawImage(l,0,0,n,a);const o=i.toDataURL("image/png"),u=await wt(o,t);if(le.size>20){const m=le.keys().next().value;m&&le.delete(m)}return le.set(r,u),C(u)}function Nn(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 St(e,t,n,a,r,l,i=1,s=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,m=r/l,p=r*2,f=l*2;let h,y;u>m?(y=f,h=f*u):(h=p,y=p/u),h*=i,y*=i;const I=Math.max(0,(h-p)/2),d=Math.max(0,(y-f)/2),k=n-h/2+s*I,E=a-y/2+o*d;e.drawImage(t,k,E,h,y),e.restore()}function tt(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 Pt(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,i=t.split(" "),s=[];let o="";for(const p of i){const f=o?`${o} ${p}`:p;e.measureText(f).width>r&&o?(s.push(o),o=p):o=f}o&&s.push(o);const u=s.length*l;let m=n.y-u/2;for(const p of s)e.fillText(p,n.x,m),m+=l;e.restore()}function Lt(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 i=r.lineHeight||r.fontSize*1.8,s=[t,n,a].filter(Boolean),o=(s.length-1)*i;let u=r.y-o/2;for(const m of s)m&&(e.fillText(m,r.x,u),u+=i);e.restore()}function jn(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 Rt(e,t,n,a,r,l,i,s,o,u=1,m=0,p=0,f=0,h=1,y="de"){const I=e.getContext("2d");if(!I)return;const d=document.createElement("canvas");d.width=s,d.height=o;const k=d.getContext("2d");if(!k)return;k.clearRect(0,0,s,o);const E=await Et(t,f,s,o);ce(k,E,s,o);const v=await C(n);if(ce(k,v,s,o),r)try{const P=await C(r);St(k,P,i.portrait.x,i.portrait.y,i.portrait.radiusX,i.portrait.radiusY,u,m,p)}catch(P){console.error("Failed to load portrait:",P)}else Nn(k,i.portrait.x,i.portrait.y,i.portrait.radiusX,i.portrait.radiusY,y);const S=await C(a);ce(k,S,s,o);const L=s/3633;Dt(k,h,y,L),l&&tt(k,l,i.namePlate),e.width=s,e.height=o,I.drawImage(d,0,0)}async function Bt(e,t,n,a,r,l,i,s,o,u,m,p=0,f=1,h="de"){const y=e.getContext("2d");if(!y)return;const I=document.createElement("canvas");I.width=u,I.height=m;const d=I.getContext("2d");if(!d)return;d.clearRect(0,0,u,m);const k=await Et(t,p,u,m);ce(d,k,u,m);const E=await C(n);ce(d,E,u,m);const v=await C(a);ce(d,v,u,m);const S=u/3633;if(Dt(d,f,h,S),o.contactInfo&&(r||l||i)&&Lt(d,r,l,i,o.contactInfo),o.description&&s&&Pt(d,s,o.description),r&&tt(d,r,o.namePlate),o.signature){const L=h==="de"?"Unterschrift":"Signature";jn(d,o.signature,L)}e.width=u,e.height=m,y.drawImage(I,0,0)}const he=typeof{url:typeof document>"u"?require("url").pathToFileURL(__filename).href:me&&me.tagName.toUpperCase()==="SCRIPT"&&me.src||new URL("index.cjs",document.baseURI).href}<"u"&&"/"||"/",X={background:`${he}templates/background.webp`,frontFrame:`${he}templates/front_frame.webp`,backFrame:`${he}templates/back_frame.webp`},fe={1:`${he}templates/1.png`,5:`${he}templates/5.png`,10:`${he}templates/10.png`},Ct={de:{banner:{1:"EINE STUNDE",5:"FÜNF STUNDEN",10:"ZEHN STUNDEN"}},en:{banner:{1:"ONE HOUR",5:"FIVE HOURS",10:"TEN HOURS"}}},ae=3633,re=1920,Ce=.5,An=Math.round(ae*Ce),Dn=Math.round(re*Ce),Nt=320,jt=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,se=new Map,Ge=new Map,Ke=new Map,Fe=new Map;function At(e,t,n,a,r,l,i){e.save(),e.font=`900 ${l}px "Times New Roman", Georgia, serif`,e.fillStyle=i,e.textAlign="center",e.textBaseline="middle";const o=e.measureText(t).width/r,u=-Math.PI/2-o/2,m=t.split(""),p=[];for(const h of m)p.push(e.measureText(h).width);let f=u;for(let h=0;h<m.length;h++){const y=m[h],I=p[h],d=f+I/2/r,k=n+r*Math.cos(d),E=a+r*Math.sin(d);e.save(),e.translate(k,E),e.rotate(d+Math.PI/2),e.fillText(y,0,0),e.restore(),f+=I/r}e.restore()}let z={background:null,frontFrame:null,backFrame:null,badges:{1:null,5:null,10:null}};async function Hn(){const[e,t,n,a,r,l]=await Promise.all([C(X.background),C(X.frontFrame),C(X.backFrame),C(fe[1]),C(fe[5]),C(fe[10])]);z={background:e,frontFrame:t,backFrame:n,badges:{1:a,5:r,10:l}}}function Mn(e,t){const n=Math.round(ae*e),a=Math.round(re*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 i=e<1?.8:.95;return r.toDataURL("image/jpeg",i)}function Un(e,t){const n=Math.round(ae*e),a=Math.round(re*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 i=Nt*e,s=jt*e,o=$.badges,u=(m,p)=>{const f=p/2,h=m.x*e-f,y=m.y*e-f;l.drawImage(t,h,y,p,p)};return u(o.topLeft,i),u(o.topRight,i),u(o.bottomLeft,s),u(o.bottomRight,s),r.toDataURL("image/png")}function Dt(e,t,n,a=1){const r=Ct[n].banner[t];At(e,r,$.banner.centerX*a,$.banner.centerY*a,$.banner.radius*a,$.banner.fontSize*a,$.banner.color)}function Ht(e,t,n,a,r,l,i){const s=Math.round(ae*a),o=Math.round(re*a),u=document.createElement("canvas");u.width=s,u.height=o;const m=u.getContext("2d");if(!m)throw new Error("Failed to get canvas context");m.drawImage(r,0,0,s,o);{const f=Nt*a,h=jt*a,y=$.badges,I=(d,k)=>{const E=k/2,v=d.x*a-E,S=d.y*a-E;m.drawImage(i,v,S,k,k)};I(y.topLeft,f),I(y.topRight,f),I(y.bottomLeft,h),I(y.bottomRight,h)}if(m.drawImage(l,0,0,s,o),n==="front"){const f=Ct[t].banner[e];At(m,f,$.banner.centerX*a,$.banner.centerY*a,$.banner.radius*a,$.banner.fontSize*a,$.banner.color)}const p=a<1?.8:.95;return u.toDataURL("image/jpeg",p)}async function Mt(e,t,n){const a=`${e}-${t}-${n}`;if(Ee.has(a))return Ee.get(a);const r=z.background||await C(X.background),l=n==="front"?z.frontFrame||await C(X.frontFrame):z.backFrame||await C(X.backFrame),i=z.badges[e]||await C(fe[e]),s=Ht(e,t,n,Ce,r,l,i);return Ee.set(a,s),s}async function qe(e,t,n){const a=`${e}-${t}-${n}`;if(se.has(a))return se.get(a);const r=z.background||await C(X.background),l=n==="front"?z.frontFrame||await C(X.frontFrame):z.backFrame||await C(X.backFrame),i=z.badges[e]||await C(fe[e]),s=Ht(e,t,n,1,r,l,i);if(se.size>4){const o=se.keys().next().value;o&&se.delete(o)}return se.set(a,s),s}function On(){return{width:ae,height:re}}function Yn(){Ee.clear(),se.clear(),Ge.clear(),Ke.clear(),Fe.clear()}async function Ze(e,t,n="front",a=Ce){const r=`bg-${a}`;let l=Ge.get(r);if(!l){const m=z.background||await C(X.background);l=Mn(a,m),Ge.set(r,l)}const i=`badges-${e}-${a}`;let s=Ke.get(i);if(!s){const m=z.badges[e]||await C(fe[e]);s=Un(a,m),Ke.set(i,s)}const o=`${n}-${a}`;let u=Fe.get(o);if(!u){const m=n==="front"?z.frontFrame||await C(X.frontFrame):z.backFrame||await C(X.backFrame),p=Math.round(ae*a),f=Math.round(re*a),h=document.createElement("canvas");h.width=p,h.height=f;const y=h.getContext("2d");if(!y)throw new Error("Failed to get canvas context");y.drawImage(m,0,0,p,f),u=h.toDataURL("image/png"),Fe.set(o,u)}return{background:l,badges:s,frame:u}}async function Wn(){const e=[1,5,10],t=["de","en"],n=["front","back"],a=[];for(const r of e)for(const l of t)for(const i of n)a.push(Mt(r,l,i));await Promise.all(a)}function nt(e,t){return{front:"",back:"",width:ae,height:re}}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}}},de=Ne,ge=Ne;function at(e){return Ne}const Je=.75;function zn(e){const t=at(),n=Je,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 _n(e,t){const n=nt();return{...n,width:Math.round(n.width*Je),height:Math.round(n.height*Je)}}function $n(e,t){const[n,a]=g.useState(e);return g.useEffect(()=>{const r=setTimeout(()=>a(e),t);return()=>clearTimeout(r)},[e,t]),n}function Xn({onPortraitClick:e,onFileDrop:t}={}){const n=w(x=>x.appLanguage),a=w(x=>x.voucherConfig.language),r=w(x=>x.voucherConfig.hours),l=w(x=>x.voucherConfig.description),i=w(x=>x.voucherConfig.templateHue),s=w(x=>x.personalInfo),o=w(x=>x.portrait),u=w(x=>x.currentSide),m=w(x=>x.flipSide),p=w(x=>x.setPortraitPan),f=$n(i,150),h=ne(n),y=g.useRef(null),I=g.useRef(null),d=g.useRef(null),[k,E]=g.useState(!1),[v,S]=g.useState(!1),[L,P]=g.useState(!1),[D,j]=g.useState(!1),R=g.useRef(null),B=g.useRef(null),Y=g.useRef(!1),q=g.useRef(0),H=_n(),O=zn(),Z=o.useEnhanced&&o.enhanced?o.enhanced:o.original,oe=et(a,r,l),[K,J]=g.useState(""),[V,te]=g.useState(""),[ie,Ae]=g.useState(""),[Q,ye]=g.useState(""),[ee,De]=g.useState(""),[xe,He]=g.useState(""),[ve,Ie]=g.useState(!0);g.useEffect(()=>{let x=!0;Ie(!0);async function N(){const[U,_]=await Promise.all([Ze(r,a,"front"),Ze(r,a,"back")]);x&&(J(U.background),te(U.badges),Ae(U.frame),ye(_.background),De(_.badges),He(_.frame),Ie(!1))}return N(),()=>{x=!1}},[r,a]),g.useEffect(()=>{!y.current||!K||!V||!ie||Rt(y.current,K,V,ie,Z,s.name,O.front,H.width,H.height,o.zoom,o.panX,o.panY,f,r,a)},[H,K,V,ie,Z,s.name,O,o.zoom,o.panX,o.panY,f,r,a]),g.useEffect(()=>{!I.current||!Q||!ee||!xe||Bt(I.current,Q,ee,xe,s.name,s.email,s.phone,oe,O.back,H.width,H.height,f,r,a)},[H,Q,ee,xe,s,oe,O,f,r,a]);const b=()=>{E(!k),m()};g.useEffect(()=>{E(u==="back")},[u]);const T=g.useCallback((x,N)=>{if(!d.current||u!=="front")return!1;const U=d.current.getBoundingClientRect(),_=U.width/H.width,Me=U.height/H.height,ke=(x-U.left)/_,Ue=(N-U.top)/Me,{x:Oe,y:Ye,radiusX:We,radiusY:Jt}=O.front.portrait,it=(ke-Oe)/We,st=(Ue-Ye)/Jt;return it*it+st*st<=1},[u,H.width,H.height,O.front.portrait]),M=5,A=g.useCallback((x,N)=>{o.original&&(S(!0),R.current={x,y:N,panX:o.panX,panY:o.panY})},[o.original,o.panX,o.panY]),G=g.useCallback((x,N)=>{if(!v||!R.current||!d.current)return;const U=performance.now();if(U-q.current<33)return;q.current=U;const _=d.current.getBoundingClientRect(),ke=4/Math.max(_.width,_.height)*o.zoom,Ue=(x-R.current.x)*ke,Oe=(N-R.current.y)*ke,Ye=Math.max(-1,Math.min(1,R.current.panX+Ue)),We=Math.max(-1,Math.min(1,R.current.panY+Oe));p(Ye,We)},[v,p,o.zoom]),W=g.useCallback(()=>{S(!1),R.current=null,B.current=null},[]),rt=g.useCallback(()=>{e&&e()},[e]),_t=x=>{T(x.clientX,x.clientY)&&(x.preventDefault(),B.current={x:x.clientX,y:x.clientY},Y.current=!1)},$t=x=>{if(P(T(x.clientX,x.clientY)),B.current&&o.original){const N=x.clientX-B.current.x,U=x.clientY-B.current.y;Math.sqrt(N*N+U*U)>M&&!v&&(Y.current=!0,A(B.current.x,B.current.y))}v&&G(x.clientX,x.clientY)},Xt=x=>{B.current&&!Y.current&&T(x.clientX,x.clientY)&&rt(),W()},Vt=()=>{W(),P(!1)},Gt=x=>{if(x.touches.length===1){const N=x.touches[0];T(N.clientX,N.clientY)&&(B.current={x:N.clientX,y:N.clientY},Y.current=!1)}},Kt=x=>{if(x.touches.length===1&&B.current&&o.original){const N=x.touches[0],U=N.clientX-B.current.x,_=N.clientY-B.current.y;Math.sqrt(U*U+_*_)>M&&!v&&(Y.current=!0,A(B.current.x,B.current.y)),v&&G(N.clientX,N.clientY)}},Ft=()=>{B.current&&!Y.current&&T(B.current.x,B.current.y)&&rt(),W()},ot=g.useRef(!1);g.useEffect(()=>{ot.current=v},[v]),g.useEffect(()=>{const x=d.current;if(!x)return;const N=U=>{ot.current&&U.preventDefault()};return x.addEventListener("touchmove",N,{passive:!1}),()=>{x.removeEventListener("touchmove",N)}},[]);const qt=u==="front"&&o.original,Zt=H.width/H.height;return c.jsxs("div",{className:"space-y-2",children:[c.jsxs("div",{className:"flex justify-between items-center mb-6",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"&&b(),children:h.preview.front}),c.jsx("button",{className:`join-item btn btn-md ${u==="back"?"btn-active btn-primary":"btn-ghost"}`,onClick:()=>u!=="back"&&b(),children:h.preview.back})]}),c.jsxs("button",{className:"btn btn-ghost btn-md",onClick:b,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:h.preview.flip})]})]}),c.jsxs("div",{className:"relative w-full overflow-visible",style:{aspectRatio:Zt,perspective:"1500px"},children:[ve&&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 ${L&&qt?v?"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:k?"rotateY(180deg)":"rotateY(0deg)"},onMouseDown:_t,onMouseMove:$t,onMouseUp:Xt,onMouseLeave:Vt,onTouchStart:Gt,onTouchMove:Kt,onTouchEnd:Ft,onDragOver:x=>{x.preventDefault(),u==="front"&&j(!0)},onDragLeave:x=>{x.preventDefault(),j(!1)},onDrop:x=>{if(x.preventDefault(),j(!1),u==="front"&&t){const N=x.dataTransfer.files[0];N&&N.type.startsWith("image/")&&t(N)}},children:[c.jsx("canvas",{ref:y,className:"absolute inset-0 w-full h-full",style:{backfaceVisibility:"hidden",WebkitBackfaceVisibility:"hidden"}}),c.jsx("canvas",{ref:I,className:"absolute inset-0 w-full h-full",style:{backfaceVisibility:"hidden",WebkitBackfaceVisibility:"hidden",transform:"rotateY(180deg)"}}),u==="front"&&!o.original&&c.jsx("div",{className:`absolute flex flex-col items-center justify-center transition-colors duration-300 ease-in-out pointer-events-none ${D?"bg-primary/20":"hover:bg-base-content/5"}`,style:{left:`${(O.front.portrait.x-O.front.portrait.radiusX)/H.width*100}%`,top:`${(O.front.portrait.y-O.front.portrait.radiusY)/H.height*100}%`,width:`${O.front.portrait.radiusX*2/H.width*100}%`,height:`${O.front.portrait.radiusY*2/H.height*100}%`,borderRadius:"50%",backfaceVisibility:"hidden",WebkitBackfaceVisibility:"hidden"},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",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 Vn(){const e=g.useRef(null),t=g.useRef(null);return{frontCanvasRef:e,backCanvasRef:t}}const Gn=`
|
|
4
4
|
// Translations for banner text
|
|
5
5
|
const TRANSLATIONS = {
|
|
6
6
|
de: {
|
|
@@ -475,4 +475,4 @@ self.onmessage = async (e) => {
|
|
|
475
475
|
});
|
|
476
476
|
}
|
|
477
477
|
};
|
|
478
|
-
`;let
|
|
478
|
+
`;let Xe=null,gt=null;function Kn(){if(!Xe){const e=new Blob([Gn],{type:"application/javascript"});gt=URL.createObjectURL(e),Xe=new Worker(gt,{type:"module"})}return Xe}async function Ve(e){const n=await(await fetch(e)).blob();return URL.createObjectURL(n)}function mt(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 Ut(e){const{frontTemplateSrc:t,backTemplateSrc:n,templateWidth:a,templateHeight:r,layout:l,portrait:i,portraitZoom:s=1,portraitPanX:o=0,portraitPanY:u=0,templateHue:m=160,name:p,email:f,phone:h,description:y,language:I="de",hours:d=1}=e,[k,E]=await Promise.all([Ve(t),Ve(n)]);let v=null;return i&&(v=await Ve(i)),new Promise((S,L)=>{const P=Kn(),D=setTimeout(()=>{P.removeEventListener("message",j),P.removeEventListener("error",R),URL.revokeObjectURL(k),URL.revokeObjectURL(E),v&&URL.revokeObjectURL(v),L(new Error("PDF generation timed out. Please try again."))},6e4),j=B=>{if(clearTimeout(D),P.removeEventListener("message",j),P.removeEventListener("error",R),URL.revokeObjectURL(k),URL.revokeObjectURL(E),v&&URL.revokeObjectURL(v),B.data.type==="success")try{const{frontImageData:Y,backImageData:q,width:H,height:O}=B.data;if(!Y||!q||!H||!O){L(new Error("Invalid response from worker"));return}const Z=mt(Y,"image/jpeg"),oe=mt(q,"image/jpeg"),K=600,J=H/K*25.4,V=O/K*25.4,te=new tn.jsPDF({orientation:J>V?"landscape":"portrait",unit:"mm",format:[J,V]});te.addImage(Z,"JPEG",0,0,J,V),te.addPage([J,V]),te.addImage(oe,"JPEG",0,0,J,V);const ie=te.output("blob");S(ie)}catch(Y){L(Y)}else L(new Error(B.data.error))},R=B=>{P.removeEventListener("message",j),P.removeEventListener("error",R),URL.revokeObjectURL(k),URL.revokeObjectURL(E),v&&URL.revokeObjectURL(v),L(new Error(B.message))};P.addEventListener("message",j),P.addEventListener("error",R),P.postMessage({type:"generate",frontTemplateUrl:k,backTemplateUrl:E,portraitUrl:v,templateWidth:a,templateHeight:r,templateHue:m,portraitZoom:s,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:p,email:f,phone:h,description:y,language:I,hours:d})})}function Ot(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 Yt(e){const t=await Ut(e);Ot(t,e.filename)}function Fn(){const e=w(d=>d.appLanguage),t=w(d=>d.voucherConfig.language),n=w(d=>d.voucherConfig.hours),a=w(d=>d.voucherConfig.description),r=w(d=>d.voucherConfig.templateHue),l=w(d=>d.personalInfo),i=w(d=>d.portrait),s=w(d=>d.isExporting),o=w(d=>d.setIsExporting),u=ne(e),m=nt(),p=at(),f=i.useEnhanced&&i.enhanced?i.enhanced:i.original,h=et(t,n,a),y=l.name.trim().length>0&&l.email.trim().length>0&&l.phone.trim().length>0&&i.original!==null,I=async()=>{if(!(!y||s)){o(!0);try{const[d,k]=await Promise.all([qe(n,t,"front"),qe(n,t,"back")]),E=`zeitgutschein-${n}h-${l.name.replace(/\s+/g,"-").toLowerCase()}.pdf`;await Yt({frontTemplateSrc:d,backTemplateSrc:k,templateWidth:m.width,templateHeight:m.height,layout:p,portrait:f,portraitZoom:i.zoom,portraitPanX:i.panX,portraitPanY:i.panY,templateHue:r,name:l.name,email:l.email,phone:l.phone,description:h,filename:E,language:t,hours:n})}catch(d){console.error("PDF export failed:",d)}finally{o(!1)}}};return c.jsxs("button",{className:`btn btn-primary w-full btn-md ${y?"":"btn-disabled"}`,onClick:I,disabled:!y,"aria-busy":s,children:[s?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 Wt(){const e=w(a=>a.appLanguage),t=w(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 qn(){const e=w(n=>n.appLanguage),t=ne(e);return c.jsxs("div",{className:"navbar bg-currency-green text-currency-cream shadow-lg shrink-0",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(Wt,{})})]})}const Re="/",Zn={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:de.front.portrait,name:de.front.namePlate},back:{name:de.back.namePlate,contactInfo:de.back.contactInfo,description:de.back.description}},languages:["de"]},Jn={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:ge.front.portrait,name:ge.front.namePlate},back:{name:ge.back.namePlate,contactInfo:ge.back.contactInfo,description:ge.back.description}},languages:["en"]},ht=[Zn,Jn],zt={async listTemplates(e){let t=[...ht];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=ht.find(n=>n.id===e);if(!t)throw new Error(`Template not found: ${e}`);return t}};function Qn(e){return e==="de"?"time-voucher-classic-de":"time-voucher-classic-en"}let je=zt;function ea(e){je=e}function ta(){return je}async function na(e){return je.listTemplates(e)}async function aa(e){return je.getTemplate(e)}exports.ApiKeyModal=Tt;exports.BillPreview=Xn;exports.ExportButton=Fn;exports.Header=qn;exports.LAYOUT_HDPI=de;exports.LAYOUT_LDPI=ge;exports.LanguageToggle=Wt;exports.PREVIEW_HEIGHT=Dn;exports.PREVIEW_WIDTH=An;exports.PersonalInfoForm=wn;exports.PortraitUpload=Bn;exports.TEMPLATE_HEIGHT=re;exports.TEMPLATE_LAYOUT=Ne;exports.TEMPLATE_WIDTH=ae;exports.TouchSlider=we;exports.VoucherConfig=Cn;exports.applyEngravingEffect=bt;exports.applyHueShift=wt;exports.clearCompositorCache=Yn;exports.composeTemplate=Mt;exports.composeTemplateFullRes=qe;exports.downloadBlob=Ot;exports.drawContactInfo=Lt;exports.drawMultilineText=Pt;exports.drawOvalPortrait=St;exports.drawTemplate=ce;exports.drawText=tt;exports.enhancePortrait=Ln;exports.exportBillAsPDF=Yt;exports.formatDescription=et;exports.generateBillPDF=Ut;exports.getApiKey=Be;exports.getDefaultTemplateId=Qn;exports.getLayout=at;exports.getRemoveBackgroundEndpoint=kn;exports.getTemplate=nt;exports.getTemplateById=aa;exports.getTemplateDimensions=On;exports.getTemplateLayers=Ze;exports.getTemplateProvider=ta;exports.hasApiKey=Te;exports.hasCustomEndpoint=Tn;exports.listTemplates=na;exports.loadImage=C;exports.preloadAllTemplates=Wn;exports.preloadBaseImages=Hn;exports.removeBackground=kt;exports.renderBackSide=Bt;exports.renderFrontSide=Rt;exports.resizeImage=ft;exports.setApiKey=It;exports.setRemoveBackgroundEndpoint=In;exports.setTemplateProvider=ea;exports.staticTemplateProvider=zt;exports.t=ne;exports.useBillCanvasRefs=Vn;exports.useBillStore=w;
|