@antontranelis/money-printer 1.0.69 → 1.0.71
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 +1 -1
- package/dist/index.js +2 -6
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),g=require("react"),Kt=require("zustand"),qt=require("zustand/middleware"),Gt=require("jspdf");var pe=typeof document<"u"?document.currentScript:null;const Ft=1024,rt=1200,ue=new Map;let V=null,ot=null;function Fe(e,t){return V||(V=document.createElement("canvas"),ot=V.getContext("2d",{willReadFrequently:!0})),(V.width!==e||V.height!==t)&&(V.width=e,V.height=t),ot}function be(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 c=ue.keys().next().value;c&&ue.delete(c)}ue.set(e,r),n(r)},r.onerror=()=>a(new Error("Failed to load image")),r.src=e})}function Zt(){ue.clear()}async function ut(e,t=Ft){const n=await be(e),a=Math.max(n.width,n.height);if(a<=t)return e;const r=t/a,c=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=c,s.height=i,o.drawImage(n,0,0,c,i),s.toDataURL("image/jpeg",.9)}async function Jt(e){const t=await be(e),n=Math.max(t.width,t.height);if(n<=rt){const o=document.createElement("canvas"),d=o.getContext("2d");if(!d)throw new Error("Failed to get canvas context");return o.width=t.width,o.height=t.height,d.drawImage(t,0,0),o.toDataURL("image/png")}const a=rt/n,r=Math.round(t.width*a),c=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=c,s.drawImage(t,0,0,r,c),i.toDataURL("image/png")}async function We(e,t,n,a=0){const[r,c]=await Promise.all([be(e),be(t)]),i=Fe(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(c,0,0,r.width,r.height),i.restore()}return i.drawImage(r,0,0),V.toDataURL("image/png")}async function gt(e,t=.5,n=40){const a=await be(e),r=Fe(a.width,a.height);r.clearRect(0,0,a.width,a.height),r.drawImage(a,0,0);const c=r.getImageData(0,0,a.width,a.height),i=c.data,s=new Uint32Array(i.buffer),o=1+t*.8,d=1-t,p=n%360/360;for(let x=0;x<s.length;x++){const b=s[x],h=b&255,y=b>>8&255,v=b>>16&255,u=b>>24&255;if(u===0)continue;let I=(((77*h+150*y+29*v>>8)/255-.5)*o+.5)*255;I<0?I=0:I>255&&(I=255);const P=I/255,T=.12,[S,N,j]=mt(p,T,P),C=h*d+S*t|0,L=y*d+N*t|0,B=v*d+j*t|0;s[x]=u<<24|B<<16|L<<8|C}return r.putImageData(c,0,0),V.toDataURL("image/png")}function Qt(e,t,n){e/=255,t/=255,n/=255;const a=Math.max(e,t,n),r=Math.min(e,t,n),c=(a+r)/2;let i=0,s=0;if(a!==r){const o=a-r;switch(s=c>.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,c]}function mt(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,c=2*n-r;return[Math.round(a(c,r,e+1/3)*255),Math.round(a(c,r,e)*255),Math.round(a(c,r,e-1/3)*255)]}const en=29,tn=5;async function pt(e,t){if(Math.abs(t-en)<=tn)return e;const n=await be(e),a=Fe(n.width,n.height);a.clearRect(0,0,n.width,n.height),a.drawImage(n,0,0);const r=a.getImageData(0,0,n.width,n.height),c=r.data,i=new Uint32Array(c.buffer),s=t%360/360,o=20/360,d=45/360,p=i.length;for(let x=0;x<p;x++){const b=i[x],h=b&255,y=b>>8&255,v=b>>16&255,u=b>>24&255;if(u===0)continue;const[k,I,P]=Qt(h,y,v);if(I<.08||k<o||k>d)continue;const T=s,S=Math.min(I,.05),[N,j,C]=mt(T,S,P);i[x]=u<<24|C<<16|j<<8|N}return a.putImageData(r,0,0),V.toDataURL("image/png")}const Le="money-generator-portrait";async function nn(e){try{if(localStorage.removeItem(Le),!e)return;const t=await Jt(e);try{localStorage.setItem(Le,t)}catch(n){console.warn("Could not persist portrait to localStorage:",n)}}catch(t){console.warn("Error processing portrait for storage:",t)}}function an(){try{return localStorage.getItem(Le)}catch{return null}}function rn(){try{localStorage.removeItem(Le)}catch{}}function on(){return(typeof navigator<"u"?navigator.language:"de").toLowerCase().startsWith("de")?"de":"en"}const Re=on(),it={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=Kt.create()(qt.persist(e=>({...it,setPersonalInfo:t=>e(n=>({personalInfo:{...n.personalInfo,...t}})),setVoucherConfig:t=>e(n=>({voucherConfig:{...n.voucherConfig,...t}})),setPortrait:(t,n=null)=>(nn(t),e(a=>({portrait:{...a.portrait,original:t,enhanced:n,useEnhanced:!1,zoom:a.portrait.original&&t?a.portrait.zoom:1,panX:a.portrait.original&&t?a.portrait.panX:0,panY:a.portrait.original&&t?a.portrait.panY:0}}))),setEnhancedPortrait:t=>e(n=>({portrait:{...n.portrait,enhanced:t,useEnhanced:t!==null}})),toggleUseEnhanced:()=>e(t=>({portrait:{...t.portrait,useEnhanced:t.portrait.enhanced?!t.portrait.useEnhanced:!1}})),setPortraitZoom:t=>e(n=>({portrait:{...n.portrait,zoom:t}})),setPortraitPan:(t,n)=>e(a=>({portrait:{...a.portrait,panX:t,panY:n}})),setPortraitRawImage:t=>e(n=>({portrait:{...n.portrait,rawImage:t}})),setPortraitBgRemoved:(t,n)=>e(a=>({portrait:{...a.portrait,bgRemoved:t,bgRemovedImage:n!==void 0?n:a.portrait.bgRemovedImage}})),setPortraitBgOpacity:t=>e(n=>({portrait:{...n.portrait,bgOpacity:t}})),setPortraitBgBlur:t=>e(n=>({portrait:{...n.portrait,bgBlur:t}})),setPortraitEngravingIntensity:t=>e(n=>({portrait:{...n.portrait,engravingIntensity:t}})),setCurrentSide:t=>e({currentSide:t}),flipSide:()=>e(t=>({currentSide:t.currentSide==="front"?"back":"front"})),setIsEnhancing:t=>e({isEnhancing:t}),setIsExporting:t=>e({isExporting:t}),setAppLanguage:t=>e({appLanguage:t}),setBillLanguage:t=>e(n=>({voucherConfig:{...n.voucherConfig,language:t}})),setHours:t=>e(n=>({voucherConfig:{...n.voucherConfig,hours:t}})),setTemplateHue:t=>e(n=>({voucherConfig:{...n.voucherConfig,templateHue:t}})),reset:()=>(rn(),e(it))}),{name:"money-generator-storage",migrate:e=>{const t=e;return t!=null&&t.voucherConfig&&(t.voucherConfig.templateHue=29,t.voucherConfig.hours=1,t.voucherConfig.language=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:!1,bgOpacity:0,bgBlur:0,engravingIntensity:e.portrait.engravingIntensity},currentSide:"front",isEnhancing:!1,isExporting:!1})}));if(typeof window<"u"){const e=an();e&&setTimeout(()=>{const t=w.getState();t.portrait.original||w.setState({portrait:{...t.portrait,original:e}})},0)}const sn={header:{title:"Money Generator",subtitle:"Erstelle deinen persönlichen Zeitgutschein"},form:{personalInfo:{title:"Persönliche Daten",name:"Name",namePlaceholder:"Dein Name",email:"E-Mail",emailPlaceholder:"deine@email.de",phone:"Telefon",phonePlaceholder:"+49 123 456789"},portrait:{title:"Portrait",upload:"Bild hochladen",dragDrop:"oder hierher ziehen",enhance:"Mit AI verbessern",enhancing:"Wird verbessert...",useOriginal:"Original verwenden",useEnhanced:"Verbessertes verwenden",zoom:"Zoom"},voucher:{title:"Gutschein",hours:"Stunden",hourLabel:"Stunde",hoursLabel:"Stunden",description:"Beschreibung",descriptionPlaceholder:"Was kann mit diesem Gutschein eingelöst werden?",billLanguage:"Schein-Sprache",billLanguageGerman:"Deutsch",billLanguageEnglish:"Englisch"},billColor:{title:"Scheinfarbe",label:"Farbton"}},preview:{front:"Vorderseite",back:"Rückseite",flip:"Umdrehen"},export:{button:"Als PDF herunterladen",exporting:"PDF wird erstellt...",success:"Download gestartet!"},bill:{descriptionText:"Für diesen Schein erhältst du {bannerText} meiner Zeit oder ein gleichwertiges Dankeschön.",bannerText:{1:"eine Stunde",5:"fünf Stunden",10:"zehn Stunden"}}},ln={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"}}},cn={de:sn,en:ln};function te(e){return cn[e]}function Ze(e,t,n){if(n&&n.trim())return n;const a=te(e),r=a.bill.bannerText[t]||a.bill.bannerText[1];return a.bill.descriptionText.replace("{bannerText}",r)}function dn(e){return/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e)}function un(e){return e.replace(/\D/g,"").length>=6}function gn({focusField:e,onFocused:t,onFormFocusChange:n}={}){const a=w(u=>u.appLanguage),r=w(u=>u.personalInfo),c=w(u=>u.setPersonalInfo),i=te(a),[s,o]=g.useState(!1),[d,p]=g.useState(!1),x=s&&r.email.trim()&&!dn(r.email),b=d&&r.phone.trim()&&!un(r.phone),h=g.useRef(null),y=g.useRef(null),v=g.useRef(null);return g.useEffect(()=>{if(e){const u=e==="name"?h:e==="email"?y:v;setTimeout(()=>{var k,I;(k=u.current)==null||k.click(),(I=u.current)==null||I.focus(),t==null||t()},100)}},[e,t]),l.jsxs("div",{className:"space-y-4",children:[l.jsxs("div",{className:"form-control",children:[l.jsx("label",{className:"label",children:l.jsx("span",{className:"label-text font-medium",children:i.form.personalInfo.name})}),l.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:u=>c({name:u.target.value}),onFocus:()=>n==null?void 0:n(!0),onBlur:()=>n==null?void 0:n(!1)})]}),l.jsxs("div",{className:"form-control",children:[l.jsx("label",{className:"label",children:l.jsx("span",{className:"label-text font-medium",children:i.form.personalInfo.email})}),l.jsx("input",{ref:y,type:"email",name:"email",autoComplete:"email",placeholder:i.form.personalInfo.emailPlaceholder,className:`input input-bordered w-full input-md ${x?"input-error":""}`,value:r.email,onChange:u=>c({email:u.target.value}),onFocus:()=>n==null?void 0:n(!0),onBlur:()=>{o(!0),n==null||n(!1)}}),x&&l.jsx("label",{className:"label",children:l.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"})})]}),l.jsxs("div",{className:"form-control",children:[l.jsx("label",{className:"label",children:l.jsx("span",{className:"label-text font-medium",children:i.form.personalInfo.phone})}),l.jsx("input",{ref:v,type:"tel",name:"phone",autoComplete:"tel",placeholder:i.form.personalInfo.phonePlaceholder,className:`input input-bordered w-full input-md ${b?"input-error":""}`,value:r.phone,onChange:u=>c({phone:u.target.value}),onFocus:()=>n==null?void 0:n(!0),onBlur:()=>{p(!0),n==null||n(!1)}}),b&&l.jsx("label",{className:"label",children:l.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 mn="https://api.stability.ai/v1/generation",pn="https://api.stability.ai/v2beta/stable-image/edit/remove-background",ht="stability_api_key";let xe=null;function hn(e){xe=e}function fn(){return xe}function bn(){return xe!==null}const xn={vintage:"portrait in the style of vintage currency engraving, fine line work, crosshatching, sepia tones, detailed stippling, classic bank note portrait style",engraved:"portrait as detailed intaglio engraving, currency bill style, fine parallel lines, high contrast, official government portrait",currency:"portrait rendered as US dollar bill engraving, official currency portrait style, green tint, fine line engraving technique"},st=[{width:1024,height:1024},{width:1152,height:896},{width:1216,height:832},{width:1344,height:768},{width:1536,height:640},{width:640,height:1536},{width:768,height:1344},{width:832,height:1216},{width:896,height:1152}];function wn(e,t){const n=e/t;let a=st[0],r=1/0;for(const c of st){const i=c.width/c.height,s=Math.abs(n-i);s<r&&(r=s,a=c)}return a}function yn(e){return new Promise((t,n)=>{const a=new Image;a.onload=()=>{const r=wn(a.width,a.height),c=document.createElement("canvas");c.width=r.width,c.height=r.height;const i=c.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 d=0,p=0,x=a.width,b=a.height;s>o?(x=a.height*o,d=(a.width-x)/2):(b=a.width/o,p=(a.height-b)/2),i.drawImage(a,d,p,x,b,0,0,r.width,r.height),t(c.toDataURL("image/png"))},a.onerror=()=>n(new Error("Failed to load image")),a.src=e})}function ft(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,c=new Uint8Array(r);for(let s=0;s<r;s++)c[s]=a.charCodeAt(s);return new Blob([c],{type:n})}function Be(){var t;const e=typeof{url:typeof document>"u"?require("url").pathToFileURL(__filename).href:pe&&pe.tagName.toUpperCase()==="SCRIPT"&&pe.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(ht):null}function bt(e){localStorage.setItem(ht,e)}function Pe(){return xe?!0:Be()!==null}async function vn(e){const t=Be();if(!t)throw new Error("No Stability AI API key configured");const{imageDataUrl:n,style:a,strength:r=.35}=e,c=await yn(n),i=ft(c),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]",xn[a]),s.append("text_prompts[0][weight]","1"),s.append("cfg_scale","7"),s.append("samples","1"),s.append("steps","30");const d=await fetch(`${mn}/stable-diffusion-xl-1024-v1-0/image-to-image`,{method:"POST",headers:{Authorization:`Bearer ${t}`,Accept:"application/json"},body:s});if(!d.ok){const x=await d.text();throw console.error("Stability AI error:",x),d.status===401?new Error("Invalid API key"):d.status===402?new Error("Insufficient credits"):d.status===429?new Error("Rate limit exceeded. Please try again later."):new Error(`API error: ${d.status}`)}const p=await d.json();if(!p.artifacts||p.artifacts.length===0)throw new Error("No image generated");return`data:image/png;base64,${p.artifacts[0].base64}`}async function xt(e){if(xe){const i=await fetch(xe,{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=ft(e),a=new FormData;a.append("image",n,"image.png"),a.append("output_format","png");const r=await fetch(pn,{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 c=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(c)})}function kn(){const[e,t]=g.useState(!1),[n,a]=g.useState(!1),[r,c]=g.useState(null),[i,s]=g.useState(()=>Pe());g.useEffect(()=>{s(Pe());const b=setTimeout(()=>{s(Pe())},150);return()=>clearTimeout(b)},[]);const o=g.useCallback(()=>c(null),[]),d=g.useCallback(b=>{bt(b),s(!0),c(null)},[]),p=g.useCallback(async(b,h=.5,y=40)=>{t(!0),c(null);try{return await gt(b,h,y)}catch(v){const u=v instanceof Error?v.message:"Enhancement failed";throw c(u),v}finally{t(!1)}},[]),x=g.useCallback(async b=>{a(!0),c(null);try{return await xt(b)}catch(h){const y=h instanceof Error?h.message:"Background removal failed";throw c(y),h}finally{a(!1)}},[]);return{enhance:p,removeBg:x,isEnhancing:e,isRemovingBg:n,error:r,hasKey:i,setApiKey:d,clearError:o}}function wt({isOpen:e,onClose:t,onSubmit:n}){const a=w(d=>d.appLanguage),[r,c]=g.useState("");if(!e)return null;const i=d=>{d.preventDefault(),r.trim()&&(n(r.trim()),c(""),t())},o={de:{title:"Stability AI API Key",description:"Um die AI-Bildverbesserung zu nutzen, benötigst du einen Stability AI API Key. Du kannst ihn auf platform.stability.ai erhalten.",placeholder:"sk-...",submit:"Speichern",cancel:"Abbrechen",hint:"Der Key wird lokal in deinem Browser gespeichert."},en:{title:"Stability AI API Key",description:"To use AI image enhancement, you need a Stability AI API key. You can get one at platform.stability.ai.",placeholder:"sk-...",submit:"Save",cancel:"Cancel",hint:"The key is stored locally in your browser."}}[a];return l.jsxs("dialog",{className:"modal modal-open",children:[l.jsxs("div",{className:"modal-box",children:[l.jsx("h3",{className:"font-bold text-lg",children:o.title}),l.jsx("p",{className:"py-4 text-sm opacity-80",children:o.description}),l.jsxs("form",{onSubmit:i,children:[l.jsxs("div",{className:"form-control",children:[l.jsx("input",{type:"password",placeholder:o.placeholder,className:"input input-bordered w-full",value:r,onChange:d=>c(d.target.value),autoFocus:!0}),l.jsx("label",{className:"label",children:l.jsx("span",{className:"label-text-alt",children:o.hint})})]}),l.jsxs("div",{className:"modal-action",children:[l.jsx("button",{type:"button",className:"btn btn-ghost",onClick:t,children:o.cancel}),l.jsx("button",{type:"submit",className:"btn btn-primary",disabled:!r.trim(),children:o.submit})]})]})]}),l.jsx("form",{method:"dialog",className:"modal-backdrop",children:l.jsx("button",{onClick:t,children:"close"})})]})}function ve({min:e,max:t,step:n,value:a,onChange:r,className:c="",disabled:i=!1}){const s=g.useRef(null),o=g.useRef(null),d=g.useRef(!1),[p,x]=g.useState(!1),b=(a-e)/(t-e)*100,h=g.useCallback(P=>{if(!s.current)return a;const T=s.current.getBoundingClientRect(),S=Math.max(0,Math.min(1,(P-T.left)/T.width)),N=t-e,j=e+S*N,C=Math.round(j/n)*n;return Math.max(e,Math.min(t,C))},[e,t,n,a]),y=g.useCallback(P=>{if(i)return;const T=P.touches[0];o.current={x:T.clientX,y:T.clientY,value:a,decided:!1},d.current=!1},[a,i]),v=g.useCallback(P=>{if(i||!o.current)return;const T=P.touches[0],S=Math.abs(T.clientX-o.current.x),N=Math.abs(T.clientY-o.current.y);if(!o.current.decided){if(S<8&&N<8)return;if(o.current.decided=!0,N>S){o.current=null;return}d.current=!0,x(!0)}if(d.current){const j=h(T.clientX);j!==a&&r(j)}},[i,h,r,a]),u=g.useCallback(P=>{if(o.current&&!o.current.decided){const T=P.changedTouches[0];if(T){const S=h(T.clientX);S!==a&&r(S)}}o.current=null,d.current=!1,x(!1)},[h,r,a]);g.useEffect(()=>{const P=s.current;if(!P)return;const T=S=>{d.current&&S.preventDefault()};return P.addEventListener("touchmove",T,{passive:!1}),()=>{P.removeEventListener("touchmove",T)}},[]);const k=g.useCallback(P=>{if(i)return;const T=h(P.clientX);r(T),x(!0);const S=j=>{const C=h(j.clientX);r(C)},N=()=>{x(!1),document.removeEventListener("mousemove",S),document.removeEventListener("mouseup",N)};document.addEventListener("mousemove",S),document.addEventListener("mouseup",N)},[i,h,r]),I=`calc(10px + (100% - 20px) * ${b/100})`;return l.jsxs("div",{ref:s,className:`relative h-10 flex items-center cursor-pointer overflow-visible ${i?"opacity-50 cursor-not-allowed":""}`,onTouchStart:y,onTouchMove:v,onTouchEnd:u,onMouseDown:k,children:[l.jsx("div",{className:"absolute h-2 bg-base-300 rounded-full inset-x-0"}),l.jsx("div",{className:`absolute h-2 rounded-full transition-colors ${c.includes("range-primary")?"bg-primary":c.includes("range-secondary")?"bg-secondary":"bg-primary"}`,style:{left:0,width:I}}),l.jsx("div",{className:`absolute w-5 h-5 rounded-full bg-base-100 border-2 shadow-md transition-all duration-150 ${p?"scale-110 shadow-lg":""} ${c.includes("range-primary")?"border-primary":c.includes("range-secondary")?"border-secondary":"border-primary"}`,style:{left:I,transform:"translateX(-50%)",boxShadow:p?`0 0 0 3px ${c.includes("range-secondary")?"oklch(var(--s) / 0.3)":"oklch(var(--p) / 0.3)"}, 0 4px 6px -1px rgb(0 0 0 / 0.1)`:void 0}})]})}function In(){const e=w(f=>f.appLanguage),t=w(f=>f.portrait),n=w(f=>f.setPortrait),a=w(f=>f.setPortraitZoom),r=w(f=>f.setPortraitPan),c=w(f=>f.setPortraitRawImage),i=w(f=>f.setPortraitBgRemoved),s=w(f=>f.setPortraitBgOpacity),o=w(f=>f.setPortraitBgBlur),d=w(f=>f.setPortraitEngravingIntensity),{enhance:p,removeBg:x,isEnhancing:b,isRemovingBg:h,error:y,hasKey:v,setApiKey:u}=kn(),k=te(e),I=g.useRef(null),[P,T]=g.useState(!1),[S,N]=g.useState(!1),j=g.useRef(null),C=g.useRef(null),L=t.rawImage,B=t.bgRemovedImage,M=t.bgRemoved,K=t.bgOpacity,F=t.bgBlur,Z=t.engravingIntensity;g.useEffect(()=>{t.original&&!t.rawImage&&c(t.original)},[t.original,t.rawImage,c]),g.useEffect(()=>()=>{j.current&&clearTimeout(j.current),C.current&&clearTimeout(C.current)},[]);const J=w(f=>f.voucherConfig.templateHue),q=g.useRef(J),O=g.useCallback(async f=>{if(!f.type.startsWith("image/"))return;const E=new FileReader;E.onload=async A=>{var W;const H=(W=A.target)==null?void 0:W.result,X=await ut(H);c(X),n(X),i(!1,null),d(0)},E.readAsDataURL(f)},[n,c,i,d]),$=g.useCallback(f=>{f.preventDefault(),T(!1);const E=f.dataTransfer.files[0];E&&O(E)},[O]),Q=g.useCallback(f=>{f.preventDefault(),T(!0)},[]),re=g.useCallback(f=>{f.preventDefault(),T(!1)},[]),De=()=>{var f;(f=I.current)==null||f.click()},we=f=>{var A;const E=(A=f.target.files)==null?void 0:A[0];E&&O(E)},oe=g.useCallback(async(f,E,A)=>{try{return await p(f,E,A)}catch(H){return console.error("Enhancement failed:",H),f}},[p]),ce=g.useCallback(async f=>{try{const E=await x(f);return i(!0,E),E}catch(E){return console.error("Background removal failed:",E),f}},[x,i]),ie=g.useCallback(async()=>{const f=w.getState(),E=f.portrait,A=f.voucherConfig.templateHue;if(!E.rawImage)return;let H;E.bgRemoved&&E.bgRemovedImage?H=await We(E.bgRemovedImage,E.rawImage,E.bgOpacity,E.bgBlur):H=E.rawImage,E.engravingIntensity>0&&(H=await oe(H,E.engravingIntensity,A)),n(H)},[oe,n]);g.useEffect(()=>{if(q.current===J)return;q.current=J;const f=w.getState().portrait;f.engravingIntensity>0&&f.rawImage&&(j.current&&clearTimeout(j.current),j.current=setTimeout(ie,150))},[J,ie]);const ke=async()=>{if(!L)return;if(!M&&!v){N(!0);return}if(!M){const E=await ce(L),A=w.getState(),H=A.portrait,X=A.voucherConfig.templateHue;let W=await We(E,L,H.bgOpacity,H.bgBlur);H.engravingIntensity>0&&(W=await oe(W,H.engravingIntensity,X)),n(W)}else{i(!1,null);const E=w.getState(),A=E.portrait.engravingIntensity,H=E.voucherConfig.templateHue;if(A>0){const X=await oe(L,A,H);n(X)}else n(L)}},Ie=f=>{d(f),j.current&&clearTimeout(j.current),L&&(j.current=setTimeout(ie,150))},ye=async f=>{if(u(f),!L)return;const E=await ce(L),A=w.getState(),H=A.portrait,X=A.voucherConfig.templateHue;let W=await We(E,L,H.bgOpacity,H.bgBlur);H.engravingIntensity>0&&(W=await oe(W,H.engravingIntensity,X)),n(W)},G=f=>{s(f),C.current&&clearTimeout(C.current),!(!L||!B)&&(C.current=setTimeout(ie,150))},Te=f=>{o(f),C.current&&clearTimeout(C.current),!(!L||!B)&&(C.current=setTimeout(ie,150))},Ee=()=>{n(null),c(null),i(!1,null),s(0),o(0),d(0),Zt()};return l.jsxs("div",{className:"space-y-4",children:[t.original?l.jsxs("div",{className:"flex flex-col space-y-4",children:[l.jsxs("div",{className:"flex justify-between items-center w-full",children:[l.jsx("span",{className:"text-sm font-medium text-base-content/70",children:e==="de"?"Portrait-Einstellungen":"Portrait settings"}),l.jsxs("button",{className:"btn btn-xs btn-ghost text-error",onClick:Ee,children:[l.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",className:"h-4 w-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:l.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"})}),e==="de"?"Foto entfernen":"Remove photo"]})]}),l.jsxs("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-4 w-full",children:[l.jsxs("div",{className:"form-control w-full",children:[l.jsxs("label",{className:"label",children:[l.jsx("span",{className:"label-text",children:k.form.portrait.zoom}),l.jsxs("span",{className:"label-text-alt",children:[Math.round(t.zoom*100),"%"]})]}),l.jsx(ve,{min:.5,max:2,step:.05,value:t.zoom,onChange:f=>{a(f),f<=1&&(t.panX!==0||t.panY!==0)&&r(0,0)},className:"range range-primary range-sm"})]}),l.jsxs("div",{className:"form-control w-full",children:[l.jsxs("label",{className:"label",children:[l.jsxs("span",{className:"label-text flex items-center gap-2",children:[e==="de"?"Farbanpassung":"Color adjustment",b&&l.jsx("span",{className:"loading loading-spinner loading-xs"})]}),l.jsxs("span",{className:"label-text-alt",children:[Math.round(Z*100),"%"]})]}),l.jsx(ve,{min:0,max:1,step:.05,value:Z,onChange:Ie,className:"range range-secondary range-sm",disabled:b||!L})]})]}),M?l.jsxs("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-4 w-full",children:[l.jsxs("div",{className:"form-control w-full",children:[l.jsxs("label",{className:"label",children:[l.jsx("span",{className:"label-text",children:e==="de"?"Hintergrund":"Background"}),l.jsxs("span",{className:"label-text-alt",children:[Math.round(K*100),"%"]})]}),l.jsx(ve,{min:0,max:1,step:.05,value:K,onChange:G,className:"range range-primary range-sm"})]}),l.jsxs("div",{className:"form-control w-full",children:[l.jsxs("label",{className:"label",children:[l.jsx("span",{className:"label-text",children:e==="de"?"Unschärfe":"Blur"}),l.jsxs("span",{className:"label-text-alt",children:[Math.round(F*100),"%"]})]}),l.jsx(ve,{min:0,max:1,step:.05,value:F,onChange:Te,className:"range range-primary range-sm",disabled:K===0})]})]}):l.jsx("div",{className:"form-control w-fit",children:l.jsxs("label",{className:"label cursor-pointer justify-start gap-3",children:[l.jsx("input",{type:"checkbox",className:`toggle toggle-primary ${h?"opacity-50":""}`,checked:M,onChange:ke,disabled:h||!L}),l.jsxs("span",{className:"label-text flex items-center gap-2",children:[h?l.jsxs(l.Fragment,{children:[l.jsx("span",{className:"loading loading-spinner loading-xs"}),e==="de"?"Hintergrund wird entfernt...":"Removing background..."]}):e==="de"?"Hintergrund entfernen":"Remove background",!v&&l.jsx("span",{className:"badge badge-sm badge-outline",children:"API"})]})]})}),y&&l.jsxs("div",{className:"alert alert-warning text-sm py-2",children:[l.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:l.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"})}),l.jsx("span",{children:y})]})]}):l.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":P?"border-primary bg-primary/10":"border-base-300 hover:border-primary hover:bg-base-200"}`,onDrop:$,onDragOver:Q,onDragLeave:re,onClick:De,children:[l.jsx("input",{ref:I,type:"file",accept:"image/*",className:"hidden",onChange:we}),h?l.jsxs("div",{className:"flex flex-col items-center gap-2",children:[l.jsx("span",{className:"loading loading-spinner loading-lg text-primary"}),l.jsx("p",{className:"font-medium",children:e==="de"?"Hintergrund wird entfernt...":"Removing background..."})]}):l.jsxs("div",{className:"flex flex-col items-center gap-2",children:[l.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:l.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"})}),l.jsx("p",{className:"font-medium",children:k.form.portrait.upload}),l.jsx("p",{className:"text-sm text-base-content/60",children:k.form.portrait.dragDrop})]})]}),l.jsx(wt,{isOpen:S,onClose:()=>N(!1),onSubmit:ye})]})}function Tn(){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 c=te(e),i=[1,5,10];return l.jsxs("div",{className:"space-y-4",children:[l.jsx("div",{className:"form-control",children:l.jsxs("div",{className:"flex items-center justify-between gap-2",children:[l.jsx("span",{className:"label-text font-medium",children:c.form.voucher.billLanguage}),l.jsxs("div",{className:"join border border-base-300 rounded-lg shadow",children:[l.jsx("button",{className:`join-item btn btn-md ${t==="de"?"btn-active btn-primary":"btn-ghost"}`,onClick:()=>a("de"),children:c.form.voucher.billLanguageGerman}),l.jsx("button",{className:`join-item btn btn-md ${t==="en"?"btn-active btn-primary":"btn-ghost"}`,onClick:()=>a("en"),children:c.form.voucher.billLanguageEnglish})]})]})}),l.jsx("div",{className:"form-control",children:l.jsxs("div",{className:"flex items-center justify-between gap-2",children:[l.jsx("span",{className:"label-text font-medium",children:c.form.voucher.hours}),l.jsx("div",{className:"join border border-base-300 rounded-lg shadow",children:i.map(s=>l.jsxs("button",{className:`join-item btn btn-md ${n===s?"btn-active btn-primary":"btn-ghost"}`,onClick:()=>r(s),children:[s,l.jsxs("span",{className:"hidden sm:inline",children:[" ",s===1?c.form.voucher.hourLabel:c.form.voucher.hoursLabel]})]},s))})]})}),!1]})}const ze=new Map,de=new Map;async function R(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 le(e,t,n,a){e.drawImage(t,0,0,n,a)}async function yt(e,t,n,a){if(t>=155&&t<=165)return R(e);const r=`${e}:${t}:${n}x${a}`;if(de.has(r))return R(de.get(r));const c=await R(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(c,0,0,n,a);const o=i.toDataURL("image/png"),d=await pt(o,t);if(de.size>20){const p=de.keys().next().value;p&&de.delete(p)}return de.set(r,d),R(d)}function En(e,t,n,a,r,c="de"){e.save(),e.beginPath(),e.ellipse(t,n,a,r,0,0,Math.PI*2),e.closePath(),e.setLineDash([20,10]),e.strokeStyle="rgba(100, 100, 100, 0.4)",e.lineWidth=3,e.stroke(),e.restore()}function vt(e,t,n,a,r,c,i=1,s=0,o=0){e.save(),e.beginPath(),e.ellipse(n,a,r,c,0,0,Math.PI*2),e.closePath(),e.clip();const d=t.width/t.height,p=r/c,x=r*2,b=c*2;let h,y;d>p?(y=b,h=b*d):(h=x,y=x/d),h*=i,y*=i;const v=Math.max(0,(h-x)/2),u=Math.max(0,(y-b)/2),k=n-h/2+s*v,I=a-y/2+o*u;e.drawImage(t,k,I,h,y),e.restore()}function Je(e,t,n,a="#2a3a2a"){e.save(),e.font=`${n.fontSize}px "Times New Roman", serif`,e.textAlign=n.align||"center",e.textBaseline="middle",e.fillStyle=a,n.maxWidth?e.fillText(t,n.x,n.y,n.maxWidth):e.fillText(t,n.x,n.y),e.restore()}function kt(e,t,n,a="#2a3a2a"){e.save(),e.font=`${n.fontSize}px "Times New Roman", serif`,e.textAlign=n.align||"center",e.textBaseline="top",e.fillStyle=a;const r=n.maxWidth||400,c=n.lineHeight||n.fontSize*1.4,i=t.split(" "),s=[];let o="";for(const x of i){const b=o?`${o} ${x}`:x;e.measureText(b).width>r&&o?(s.push(o),o=x):o=b}o&&s.push(o);const d=s.length*c;let p=n.y-d/2;for(const x of s)e.fillText(x,n.x,p),p+=c;e.restore()}function It(e,t,n,a,r,c="#2a3a2a"){e.save(),e.font=`${r.fontSize}px "Times New Roman", serif`,e.textAlign=r.align||"center",e.textBaseline="middle",e.fillStyle=c;const i=r.lineHeight||r.fontSize*1.8,s=[t,n,a].filter(Boolean),o=(s.length-1)*i;let d=r.y-o/2;for(const p of s)p&&(e.fillText(p,r.x,d),d+=i);e.restore()}function Pn(e,t,n,a="#2a3a2a"){e.save(),e.strokeStyle=a,e.lineWidth=Math.max(2,t.labelFontSize/16),e.beginPath(),e.moveTo(t.x-t.width/2,t.y),e.lineTo(t.x+t.width/2,t.y),e.stroke(),e.font=`${t.labelFontSize}px "Times New Roman", serif`,e.textAlign="center",e.textBaseline="top",e.fillStyle=a,e.fillText(n,t.x,t.y+t.labelFontSize*.3),e.restore()}async function Tt(e,t,n,a,r,c,i,s,o,d=1,p=0,x=0,b=0,h=1,y="de"){const v=e.getContext("2d");if(!v)return;const u=document.createElement("canvas");u.width=s,u.height=o;const k=u.getContext("2d");if(!k)return;k.clearRect(0,0,s,o);const I=await yt(t,b,s,o);le(k,I,s,o);const P=await R(n);if(le(k,P,s,o),r)try{const N=await R(r);vt(k,N,i.portrait.x,i.portrait.y,i.portrait.radiusX,i.portrait.radiusY,d,p,x)}catch(N){console.error("Failed to load portrait:",N)}else En(k,i.portrait.x,i.portrait.y,i.portrait.radiusX,i.portrait.radiusY,y);const T=await R(a);le(k,T,s,o);const S=s/3633;jt(k,h,y,S),c&&Je(k,c,i.namePlate),e.width=s,e.height=o,v.drawImage(u,0,0)}async function Et(e,t,n,a,r,c,i,s,o,d,p,x=0,b=1,h="de"){const y=e.getContext("2d");if(!y)return;const v=document.createElement("canvas");v.width=d,v.height=p;const u=v.getContext("2d");if(!u)return;u.clearRect(0,0,d,p);const k=await yt(t,x,d,p);le(u,k,d,p);const I=await R(n);le(u,I,d,p);const P=await R(a);le(u,P,d,p);const T=d/3633;if(jt(u,b,h,T),o.contactInfo&&(r||c||i)&&It(u,r,c,i,o.contactInfo),o.description&&s&&kt(u,s,o.description),r&&Je(u,r,o.namePlate),o.signature){const S=h==="de"?"Unterschrift":"Signature";Pn(u,o.signature,S)}e.width=d,e.height=p,y.drawImage(v,0,0)}const he=typeof{url:typeof document>"u"?require("url").pathToFileURL(__filename).href:pe&&pe.tagName.toUpperCase()==="SCRIPT"&&pe.src||new URL("index.cjs",document.baseURI).href}<"u"&&"/"||"/",_={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`},Pt={de:{banner:{1:"EINE STUNDE",5:"FÜNF STUNDEN",10:"ZEHN STUNDEN"}},en:{banner:{1:"ONE HOUR",5:"FIVE HOURS",10:"TEN HOURS"}}},ne=3633,ae=1920,Ce=.5,Sn=Math.round(ne*Ce),Ln=Math.round(ae*Ce),St=320,Lt=335,z={badges:{topLeft:{x:286,y:235},topRight:{x:3340,y:230},bottomLeft:{x:282,y:1665},bottomRight:{x:3345,y:1665}},banner:{centerX:1816,centerY:3820,radius:3610,fontSize:103,color:"#2a3a2a"}},Se=new Map,se=new Map,$e=new Map,Xe=new Map,Ve=new Map;function Rt(e,t,n,a,r,c,i){e.save(),e.font=`900 ${c}px "Times New Roman", Georgia, serif`,e.fillStyle=i,e.textAlign="center",e.textBaseline="middle";const o=e.measureText(t).width/r,d=-Math.PI/2-o/2,p=t.split(""),x=[];for(const h of p)x.push(e.measureText(h).width);let b=d;for(let h=0;h<p.length;h++){const y=p[h],v=x[h],u=b+v/2/r,k=n+r*Math.cos(u),I=a+r*Math.sin(u);e.save(),e.translate(k,I),e.rotate(u+Math.PI/2),e.fillText(y,0,0),e.restore(),b+=v/r}e.restore()}let Y={background:null,frontFrame:null,backFrame:null,badges:{1:null,5:null,10:null}};async function Rn(){const[e,t,n,a,r,c]=await Promise.all([R(_.background),R(_.frontFrame),R(_.backFrame),R(fe[1]),R(fe[5]),R(fe[10])]);Y={background:e,frontFrame:t,backFrame:n,badges:{1:a,5:r,10:c}}}function jn(e,t){const n=Math.round(ne*e),a=Math.round(ae*e),r=document.createElement("canvas");r.width=n,r.height=a;const c=r.getContext("2d");if(!c)throw new Error("Failed to get canvas context");c.drawImage(t,0,0,n,a);const i=e<1?.8:.95;return r.toDataURL("image/jpeg",i)}function Bn(e,t){const n=Math.round(ne*e),a=Math.round(ae*e),r=document.createElement("canvas");r.width=n,r.height=a;const c=r.getContext("2d");if(!c)throw new Error("Failed to get canvas context");const i=St*e,s=Lt*e,o=z.badges,d=(p,x)=>{const b=x/2,h=p.x*e-b,y=p.y*e-b;c.drawImage(t,h,y,x,x)};return d(o.topLeft,i),d(o.topRight,i),d(o.bottomLeft,s),d(o.bottomRight,s),r.toDataURL("image/png")}function jt(e,t,n,a=1){const r=Pt[n].banner[t];Rt(e,r,z.banner.centerX*a,z.banner.centerY*a,z.banner.radius*a,z.banner.fontSize*a,z.banner.color)}function Bt(e,t,n,a,r,c,i){const s=Math.round(ne*a),o=Math.round(ae*a),d=document.createElement("canvas");d.width=s,d.height=o;const p=d.getContext("2d");if(!p)throw new Error("Failed to get canvas context");p.drawImage(r,0,0,s,o);{const b=St*a,h=Lt*a,y=z.badges,v=(u,k)=>{const I=k/2,P=u.x*a-I,T=u.y*a-I;p.drawImage(i,P,T,k,k)};v(y.topLeft,b),v(y.topRight,b),v(y.bottomLeft,h),v(y.bottomRight,h)}if(p.drawImage(c,0,0,s,o),n==="front"){const b=Pt[t].banner[e];Rt(p,b,z.banner.centerX*a,z.banner.centerY*a,z.banner.radius*a,z.banner.fontSize*a,z.banner.color)}const x=a<1?.8:.95;return d.toDataURL("image/jpeg",x)}async function Ct(e,t,n){const a=`${e}-${t}-${n}`;if(Se.has(a))return Se.get(a);const r=Y.background||await R(_.background),c=n==="front"?Y.frontFrame||await R(_.frontFrame):Y.backFrame||await R(_.backFrame),i=Y.badges[e]||await R(fe[e]),s=Bt(e,t,n,Ce,r,c,i);return Se.set(a,s),s}async function Ke(e,t,n){const a=`${e}-${t}-${n}`;if(se.has(a))return se.get(a);const r=Y.background||await R(_.background),c=n==="front"?Y.frontFrame||await R(_.frontFrame):Y.backFrame||await R(_.backFrame),i=Y.badges[e]||await R(fe[e]),s=Bt(e,t,n,1,r,c,i);if(se.size>4){const o=se.keys().next().value;o&&se.delete(o)}return se.set(a,s),s}function Cn(){return{width:ne,height:ae}}function Nn(){Se.clear(),se.clear(),$e.clear(),Xe.clear(),Ve.clear()}async function qe(e,t,n="front",a=Ce){const r=`bg-${a}`;let c=$e.get(r);if(!c){const p=Y.background||await R(_.background);c=jn(a,p),$e.set(r,c)}const i=`badges-${e}-${a}`;let s=Xe.get(i);if(!s){const p=Y.badges[e]||await R(fe[e]);s=Bn(a,p),Xe.set(i,s)}const o=`${n}-${a}`;let d=Ve.get(o);if(!d){const p=n==="front"?Y.frontFrame||await R(_.frontFrame):Y.backFrame||await R(_.backFrame),x=Math.round(ne*a),b=Math.round(ae*a),h=document.createElement("canvas");h.width=x,h.height=b;const y=h.getContext("2d");if(!y)throw new Error("Failed to get canvas context");y.drawImage(p,0,0,x,b),d=h.toDataURL("image/png"),Ve.set(o,d)}return{background:c,badges:s,frame:d}}async function Hn(){const e=[1,5,10],t=["de","en"],n=["front","back"],a=[];for(const r of e)for(const c of t)for(const i of n)a.push(Ct(r,c,i));await Promise.all(a)}function Qe(e,t){return{front:"",back:"",width:ne,height:ae}}const Ne={front:{portrait:{x:1810,y:918,radiusX:570,radiusY:605},namePlate:{x:1816,y:1765,fontSize:85,maxWidth:898,align:"center"}},back:{portrait:{x:0,y:0,radiusX:0,radiusY:0},namePlate:{x:1816,y:1770,fontSize:85,maxWidth:898,align:"center"},contactInfo:{x:898,y:939,fontSize:93,lineHeight:165,align:"center"},description:{x:2721,y:939,fontSize:85,maxWidth:1177,lineHeight:124,align:"center"},signature:{x:1820,y:1445,width:950,height:145,labelFontSize:85}}},ge=Ne,me=Ne;function et(e){return Ne}const Ge=.75;function Dn(e){const t=et(),n=Ge,a=r=>({portrait:{x:r.portrait.x*n,y:r.portrait.y*n,radiusX:r.portrait.radiusX*n,radiusY:r.portrait.radiusY*n},namePlate:{x:r.namePlate.x*n,y:r.namePlate.y*n,fontSize:r.namePlate.fontSize*n,maxWidth:r.namePlate.maxWidth?r.namePlate.maxWidth*n:void 0,lineHeight:r.namePlate.lineHeight?r.namePlate.lineHeight*n:void 0,align:r.namePlate.align},contactInfo:r.contactInfo?{x:r.contactInfo.x*n,y:r.contactInfo.y*n,fontSize:r.contactInfo.fontSize*n,maxWidth:r.contactInfo.maxWidth?r.contactInfo.maxWidth*n:void 0,lineHeight:r.contactInfo.lineHeight?r.contactInfo.lineHeight*n:void 0,align:r.contactInfo.align}:void 0,description:r.description?{x:r.description.x*n,y:r.description.y*n,fontSize:r.description.fontSize*n,maxWidth:r.description.maxWidth?r.description.maxWidth*n:void 0,lineHeight:r.description.lineHeight?r.description.lineHeight*n:void 0,align:r.description.align}:void 0,signature:r.signature?{x:r.signature.x*n,y:r.signature.y*n,width:r.signature.width*n,height:r.signature.height*n,labelFontSize:r.signature.labelFontSize*n}:void 0});return{front:a(t.front),back:a(t.back)}}function Mn(e,t){const n=Qe();return{...n,width:Math.round(n.width*Ge),height:Math.round(n.height*Ge)}}function An(e,t){const[n,a]=g.useState(e);return g.useEffect(()=>{const r=setTimeout(()=>a(e),t);return()=>clearTimeout(r)},[e,t]),n}function Un({onPortraitClick:e,onFileDrop:t}={}){const n=w(m=>m.appLanguage),a=w(m=>m.voucherConfig.language),r=w(m=>m.voucherConfig.hours),c=w(m=>m.voucherConfig.description),i=w(m=>m.voucherConfig.templateHue),s=w(m=>m.personalInfo),o=w(m=>m.portrait),d=w(m=>m.currentSide),p=w(m=>m.flipSide),x=w(m=>m.setPortraitPan),b=An(i,150),h=te(n),y=g.useRef(null),v=g.useRef(null),u=g.useRef(null),[k,I]=g.useState(!1),[P,T]=g.useState(!1),[S,N]=g.useState(!1),[j,C]=g.useState(!1),L=g.useRef(null),B=Mn(),M=Dn(),K=o.useEnhanced&&o.enhanced?o.enhanced:o.original,F=Ze(a,r,c),[Z,J]=g.useState(""),[q,O]=g.useState(""),[$,Q]=g.useState(""),[re,De]=g.useState(""),[we,oe]=g.useState(""),[ce,ie]=g.useState(""),[ke,Ie]=g.useState(!0);g.useEffect(()=>{let m=!0;Ie(!0);async function D(){const[U,ee]=await Promise.all([qe(r,a,"front"),qe(r,a,"back")]);m&&(J(U.background),O(U.badges),Q(U.frame),De(ee.background),oe(ee.badges),ie(ee.frame),Ie(!1))}return D(),()=>{m=!1}},[r,a]),g.useEffect(()=>{!y.current||!Z||!q||!$||Tt(y.current,Z,q,$,K,s.name,M.front,B.width,B.height,o.zoom,o.panX,o.panY,b,r,a)},[B,Z,q,$,K,s.name,M,o.zoom,o.panX,o.panY,b,r,a]),g.useEffect(()=>{!v.current||!re||!we||!ce||Et(v.current,re,we,ce,s.name,s.email,s.phone,F,M.back,B.width,B.height,b,r,a)},[B,re,we,ce,s,F,M,b,r,a]);const ye=()=>{I(!k),p()};g.useEffect(()=>{I(d==="back")},[d]);const G=g.useCallback((m,D)=>{if(!u.current||d!=="front")return!1;const U=u.current.getBoundingClientRect(),ee=U.width/B.width,Me=U.height/B.height,Ae=(m-U.left)/ee,Ue=(D-U.top)/Me,{x:Ye,y:$t,radiusX:Xt,radiusY:Vt}=M.front.portrait,nt=(Ae-Ye)/Xt,at=(Ue-$t)/Vt;return nt*nt+at*at<=1},[d,B.width,B.height,M.front.portrait]),Te=g.useCallback((m,D)=>{!o.original||o.zoom<=1||!G(m,D)||(T(!0),L.current={x:m,y:D,panX:o.panX,panY:o.panY})},[o.original,o.zoom,o.panX,o.panY,G]),Ee=g.useCallback((m,D)=>{if(!P||!L.current||!u.current)return;const U=u.current.getBoundingClientRect(),ee=3/Math.max(U.width,U.height),Me=(m-L.current.x)*ee,Ae=(D-L.current.y)*ee,Ue=Math.max(-1,Math.min(1,L.current.panX+Me)),Ye=Math.max(-1,Math.min(1,L.current.panY+Ae));x(Ue,Ye)},[P,x]),f=g.useCallback(()=>{T(!1),L.current=null},[]),E=g.useCallback((m,D)=>{!o.original&&G(m,D)&&e&&e()},[o.original,G,e]),A=m=>{G(m.clientX,m.clientY)&&(m.preventDefault(),o.original&&o.zoom>1&&Te(m.clientX,m.clientY))},H=m=>{P||E(m.clientX,m.clientY)},X=m=>{Ee(m.clientX,m.clientY),N(G(m.clientX,m.clientY))},W=()=>f(),Ut=()=>{f(),N(!1)},Yt=m=>{if(m.touches.length===1){const D=m.touches[0];o.zoom>1&&G(D.clientX,D.clientY)&&Te(D.clientX,D.clientY)}},Wt=m=>{m.touches.length===1&&Ee(m.touches[0].clientX,m.touches[0].clientY)},zt=()=>f(),tt=g.useRef(!1);g.useEffect(()=>{tt.current=P},[P]),g.useEffect(()=>{const m=u.current;if(!m)return;const D=U=>{tt.current&&U.preventDefault()};return m.addEventListener("touchmove",D,{passive:!1}),()=>{m.removeEventListener("touchmove",D)}},[]);const _t=d==="front"&&o.original&&o.zoom>1,Ot=B.width/B.height;return l.jsxs("div",{className:"space-y-4",children:[l.jsxs("div",{className:"flex justify-between items-center mb-6",children:[l.jsxs("div",{className:"join border border-base-300 rounded-lg",children:[l.jsx("button",{className:`join-item btn btn-md ${d==="front"?"btn-active btn-primary":"btn-ghost"}`,onClick:()=>d!=="front"&&ye(),children:h.preview.front}),l.jsx("button",{className:`join-item btn btn-md ${d==="back"?"btn-active btn-primary":"btn-ghost"}`,onClick:()=>d!=="back"&&ye(),children:h.preview.back})]}),l.jsxs("button",{className:"btn btn-ghost btn-md",onClick:ye,children:[l.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",className:"h-5 w-5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:l.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"})}),l.jsx("span",{className:"hidden sm:inline",children:h.preview.flip})]})]}),l.jsxs("div",{className:"relative w-full overflow-visible",style:{aspectRatio:Ot,perspective:"1500px"},children:[ke&&l.jsx("div",{className:"absolute inset-0 flex items-center justify-center bg-base-300 rounded-lg z-10",children:l.jsx("span",{className:"loading loading-spinner loading-lg text-primary"})}),l.jsxs("div",{ref:u,className:`relative w-full h-full shadow-lg ${S&&_t?P?"cursor-grabbing":"cursor-grab":""} ${ke?"opacity-0":"opacity-100"} transition-opacity duration-300`,style:{transformStyle:"preserve-3d",transition:"transform 0.6s ease-in-out, opacity 0.3s ease-in-out",transform:k?"rotateY(180deg)":"rotateY(0deg)"},onClick:H,onMouseDown:A,onMouseMove:X,onMouseUp:W,onMouseLeave:Ut,onTouchStart:Yt,onTouchMove:Wt,onTouchEnd:zt,children:[l.jsx("canvas",{ref:y,className:"absolute inset-0 w-full h-full",style:{backfaceVisibility:"hidden",WebkitBackfaceVisibility:"hidden"}}),l.jsx("canvas",{ref:v,className:"absolute inset-0 w-full h-full",style:{backfaceVisibility:"hidden",WebkitBackfaceVisibility:"hidden",transform:"rotateY(180deg)"}}),!o.original&&d==="front"&&(e||t)&&l.jsx("div",{className:`absolute flex flex-col items-center justify-center cursor-pointer transition-colors duration-300 ease-in-out ${j?"bg-primary/20":"hover:bg-base-content/5"}`,style:{left:`${(M.front.portrait.x-M.front.portrait.radiusX)/B.width*100}%`,top:`${(M.front.portrait.y-M.front.portrait.radiusY)/B.height*100}%`,width:`${M.front.portrait.radiusX*2/B.width*100}%`,height:`${M.front.portrait.radiusY*2/B.height*100}%`,borderRadius:"50%",backfaceVisibility:"hidden",WebkitBackfaceVisibility:"hidden"},onClick:m=>{m.stopPropagation(),e==null||e()},onDragOver:m=>{m.preventDefault(),m.stopPropagation(),C(!0)},onDragLeave:m=>{m.preventDefault(),m.stopPropagation(),C(!1)},onDrop:m=>{m.preventDefault(),m.stopPropagation(),C(!1);const D=m.dataTransfer.files[0];D&&D.type.startsWith("image/")&&t&&t(D)},children:l.jsxs("button",{className:"btn btn-dash hover:btn-dash hover:border-base-content/60 flex flex-col items-center gap-0.5 sm:gap-1 h-auto py-1.5 px-2.5 sm:py-3 sm:px-4 bg-base-100/20 hover:bg-base-100/30",onClick:m=>{m.stopPropagation(),e==null||e()},children:[l.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:[l.jsx("circle",{cx:"12",cy:"8",r:"4"}),l.jsx("path",{d:"M4 21c0-4 4-6 8-6s8 2 8 6"})]}),l.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 l=require("react/jsx-runtime"),g=require("react"),Kt=require("zustand"),qt=require("zustand/middleware"),Gt=require("jspdf");var pe=typeof document<"u"?document.currentScript:null;const Ft=1024,rt=1200,ue=new Map;let V=null,ot=null;function Fe(e,t){return V||(V=document.createElement("canvas"),ot=V.getContext("2d",{willReadFrequently:!0})),(V.width!==e||V.height!==t)&&(V.width=e,V.height=t),ot}function be(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 c=ue.keys().next().value;c&&ue.delete(c)}ue.set(e,r),n(r)},r.onerror=()=>a(new Error("Failed to load image")),r.src=e})}function Zt(){ue.clear()}async function ut(e,t=Ft){const n=await be(e),a=Math.max(n.width,n.height);if(a<=t)return e;const r=t/a,c=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=c,s.height=i,o.drawImage(n,0,0,c,i),s.toDataURL("image/jpeg",.9)}async function Jt(e){const t=await be(e),n=Math.max(t.width,t.height);if(n<=rt){const o=document.createElement("canvas"),d=o.getContext("2d");if(!d)throw new Error("Failed to get canvas context");return o.width=t.width,o.height=t.height,d.drawImage(t,0,0),o.toDataURL("image/png")}const a=rt/n,r=Math.round(t.width*a),c=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=c,s.drawImage(t,0,0,r,c),i.toDataURL("image/png")}async function We(e,t,n,a=0){const[r,c]=await Promise.all([be(e),be(t)]),i=Fe(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(c,0,0,r.width,r.height),i.restore()}return i.drawImage(r,0,0),V.toDataURL("image/png")}async function gt(e,t=.5,n=40){const a=await be(e),r=Fe(a.width,a.height);r.clearRect(0,0,a.width,a.height),r.drawImage(a,0,0);const c=r.getImageData(0,0,a.width,a.height),i=c.data,s=new Uint32Array(i.buffer),o=1+t*.8,d=1-t,p=n%360/360;for(let x=0;x<s.length;x++){const b=s[x],h=b&255,y=b>>8&255,v=b>>16&255,u=b>>24&255;if(u===0)continue;let I=(((77*h+150*y+29*v>>8)/255-.5)*o+.5)*255;I<0?I=0:I>255&&(I=255);const P=I/255,T=.12,[S,N,j]=mt(p,T,P),C=h*d+S*t|0,L=y*d+N*t|0,B=v*d+j*t|0;s[x]=u<<24|B<<16|L<<8|C}return r.putImageData(c,0,0),V.toDataURL("image/png")}function Qt(e,t,n){e/=255,t/=255,n/=255;const a=Math.max(e,t,n),r=Math.min(e,t,n),c=(a+r)/2;let i=0,s=0;if(a!==r){const o=a-r;switch(s=c>.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,c]}function mt(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,c=2*n-r;return[Math.round(a(c,r,e+1/3)*255),Math.round(a(c,r,e)*255),Math.round(a(c,r,e-1/3)*255)]}const en=29,tn=5;async function pt(e,t){if(Math.abs(t-en)<=tn)return e;const n=await be(e),a=Fe(n.width,n.height);a.clearRect(0,0,n.width,n.height),a.drawImage(n,0,0);const r=a.getImageData(0,0,n.width,n.height),c=r.data,i=new Uint32Array(c.buffer),s=t%360/360,o=20/360,d=45/360,p=i.length;for(let x=0;x<p;x++){const b=i[x],h=b&255,y=b>>8&255,v=b>>16&255,u=b>>24&255;if(u===0)continue;const[k,I,P]=Qt(h,y,v);if(I<.08||k<o||k>d)continue;const T=s,S=Math.min(I,.05),[N,j,C]=mt(T,S,P);i[x]=u<<24|C<<16|j<<8|N}return a.putImageData(r,0,0),V.toDataURL("image/png")}const Le="money-generator-portrait";async function nn(e){try{if(localStorage.removeItem(Le),!e)return;const t=await Jt(e);try{localStorage.setItem(Le,t)}catch(n){console.warn("Could not persist portrait to localStorage:",n)}}catch(t){console.warn("Error processing portrait for storage:",t)}}function an(){try{return localStorage.getItem(Le)}catch{return null}}function rn(){try{localStorage.removeItem(Le)}catch{}}function on(){return(typeof navigator<"u"?navigator.language:"de").toLowerCase().startsWith("de")?"de":"en"}const Re=on(),it={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=Kt.create()(qt.persist(e=>({...it,setPersonalInfo:t=>e(n=>({personalInfo:{...n.personalInfo,...t}})),setVoucherConfig:t=>e(n=>({voucherConfig:{...n.voucherConfig,...t}})),setPortrait:(t,n=null)=>(nn(t),e(a=>({portrait:{...a.portrait,original:t,enhanced:n,useEnhanced:!1,zoom:a.portrait.original&&t?a.portrait.zoom:1,panX:a.portrait.original&&t?a.portrait.panX:0,panY:a.portrait.original&&t?a.portrait.panY:0}}))),setEnhancedPortrait:t=>e(n=>({portrait:{...n.portrait,enhanced:t,useEnhanced:t!==null}})),toggleUseEnhanced:()=>e(t=>({portrait:{...t.portrait,useEnhanced:t.portrait.enhanced?!t.portrait.useEnhanced:!1}})),setPortraitZoom:t=>e(n=>({portrait:{...n.portrait,zoom:t}})),setPortraitPan:(t,n)=>e(a=>({portrait:{...a.portrait,panX:t,panY:n}})),setPortraitRawImage:t=>e(n=>({portrait:{...n.portrait,rawImage:t}})),setPortraitBgRemoved:(t,n)=>e(a=>({portrait:{...a.portrait,bgRemoved:t,bgRemovedImage:n!==void 0?n:a.portrait.bgRemovedImage}})),setPortraitBgOpacity:t=>e(n=>({portrait:{...n.portrait,bgOpacity:t}})),setPortraitBgBlur:t=>e(n=>({portrait:{...n.portrait,bgBlur:t}})),setPortraitEngravingIntensity:t=>e(n=>({portrait:{...n.portrait,engravingIntensity:t}})),setCurrentSide:t=>e({currentSide:t}),flipSide:()=>e(t=>({currentSide:t.currentSide==="front"?"back":"front"})),setIsEnhancing:t=>e({isEnhancing:t}),setIsExporting:t=>e({isExporting:t}),setAppLanguage:t=>e({appLanguage:t}),setBillLanguage:t=>e(n=>({voucherConfig:{...n.voucherConfig,language:t}})),setHours:t=>e(n=>({voucherConfig:{...n.voucherConfig,hours:t}})),setTemplateHue:t=>e(n=>({voucherConfig:{...n.voucherConfig,templateHue:t}})),reset:()=>(rn(),e(it))}),{name:"money-generator-storage",migrate:e=>{const t=e;return t!=null&&t.voucherConfig&&(t.voucherConfig.templateHue=29,t.voucherConfig.hours=1,t.voucherConfig.language=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:!1,bgOpacity:0,bgBlur:0,engravingIntensity:e.portrait.engravingIntensity},currentSide:"front",isEnhancing:!1,isExporting:!1})}));if(typeof window<"u"){const e=an();e&&setTimeout(()=>{const t=w.getState();t.portrait.original||w.setState({portrait:{...t.portrait,original:e}})},0)}const sn={header:{title:"Money Generator",subtitle:"Erstelle deinen persönlichen Zeitgutschein"},form:{personalInfo:{title:"Persönliche Daten",name:"Name",namePlaceholder:"Dein Name",email:"E-Mail",emailPlaceholder:"deine@email.de",phone:"Telefon",phonePlaceholder:"+49 123 456789"},portrait:{title:"Portrait",upload:"Bild hochladen",dragDrop:"oder hierher ziehen",enhance:"Mit AI verbessern",enhancing:"Wird verbessert...",useOriginal:"Original verwenden",useEnhanced:"Verbessertes verwenden",zoom:"Zoom"},voucher:{title:"Gutschein",hours:"Stunden",hourLabel:"Stunde",hoursLabel:"Stunden",description:"Beschreibung",descriptionPlaceholder:"Was kann mit diesem Gutschein eingelöst werden?",billLanguage:"Schein-Sprache",billLanguageGerman:"Deutsch",billLanguageEnglish:"Englisch"},billColor:{title:"Scheinfarbe",label:"Farbton"}},preview:{front:"Vorderseite",back:"Rückseite",flip:"Umdrehen"},export:{button:"Als PDF herunterladen",exporting:"PDF wird erstellt...",success:"Download gestartet!"},bill:{descriptionText:"Für diesen Schein erhältst du {bannerText} meiner Zeit oder ein gleichwertiges Dankeschön.",bannerText:{1:"eine Stunde",5:"fünf Stunden",10:"zehn Stunden"}}},ln={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"}}},cn={de:sn,en:ln};function te(e){return cn[e]}function Ze(e,t,n){if(n&&n.trim())return n;const a=te(e),r=a.bill.bannerText[t]||a.bill.bannerText[1];return a.bill.descriptionText.replace("{bannerText}",r)}function dn(e){return/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e)}function un(e){return e.replace(/\D/g,"").length>=6}function gn({focusField:e,onFocused:t,onFormFocusChange:n}={}){const a=w(u=>u.appLanguage),r=w(u=>u.personalInfo),c=w(u=>u.setPersonalInfo),i=te(a),[s,o]=g.useState(!1),[d,p]=g.useState(!1),x=s&&r.email.trim()&&!dn(r.email),b=d&&r.phone.trim()&&!un(r.phone),h=g.useRef(null),y=g.useRef(null),v=g.useRef(null);return g.useEffect(()=>{if(e){const u=e==="name"?h:e==="email"?y:v;setTimeout(()=>{var k,I;(k=u.current)==null||k.click(),(I=u.current)==null||I.focus(),t==null||t()},100)}},[e,t]),l.jsxs("div",{className:"space-y-4",children:[l.jsxs("div",{className:"form-control",children:[l.jsx("label",{className:"label",children:l.jsx("span",{className:"label-text font-medium",children:i.form.personalInfo.name})}),l.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:u=>c({name:u.target.value}),onFocus:()=>n==null?void 0:n(!0),onBlur:()=>n==null?void 0:n(!1)})]}),l.jsxs("div",{className:"form-control",children:[l.jsx("label",{className:"label",children:l.jsx("span",{className:"label-text font-medium",children:i.form.personalInfo.email})}),l.jsx("input",{ref:y,type:"email",name:"email",autoComplete:"email",placeholder:i.form.personalInfo.emailPlaceholder,className:`input input-bordered w-full input-md ${x?"input-error":""}`,value:r.email,onChange:u=>c({email:u.target.value}),onFocus:()=>n==null?void 0:n(!0),onBlur:()=>{o(!0),n==null||n(!1)}}),x&&l.jsx("label",{className:"label",children:l.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"})})]}),l.jsxs("div",{className:"form-control",children:[l.jsx("label",{className:"label",children:l.jsx("span",{className:"label-text font-medium",children:i.form.personalInfo.phone})}),l.jsx("input",{ref:v,type:"tel",name:"phone",autoComplete:"tel",placeholder:i.form.personalInfo.phonePlaceholder,className:`input input-bordered w-full input-md ${b?"input-error":""}`,value:r.phone,onChange:u=>c({phone:u.target.value}),onFocus:()=>n==null?void 0:n(!0),onBlur:()=>{p(!0),n==null||n(!1)}}),b&&l.jsx("label",{className:"label",children:l.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 mn="https://api.stability.ai/v1/generation",pn="https://api.stability.ai/v2beta/stable-image/edit/remove-background",ht="stability_api_key";let xe=null;function hn(e){xe=e}function fn(){return xe}function bn(){return xe!==null}const xn={vintage:"portrait in the style of vintage currency engraving, fine line work, crosshatching, sepia tones, detailed stippling, classic bank note portrait style",engraved:"portrait as detailed intaglio engraving, currency bill style, fine parallel lines, high contrast, official government portrait",currency:"portrait rendered as US dollar bill engraving, official currency portrait style, green tint, fine line engraving technique"},st=[{width:1024,height:1024},{width:1152,height:896},{width:1216,height:832},{width:1344,height:768},{width:1536,height:640},{width:640,height:1536},{width:768,height:1344},{width:832,height:1216},{width:896,height:1152}];function wn(e,t){const n=e/t;let a=st[0],r=1/0;for(const c of st){const i=c.width/c.height,s=Math.abs(n-i);s<r&&(r=s,a=c)}return a}function yn(e){return new Promise((t,n)=>{const a=new Image;a.onload=()=>{const r=wn(a.width,a.height),c=document.createElement("canvas");c.width=r.width,c.height=r.height;const i=c.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 d=0,p=0,x=a.width,b=a.height;s>o?(x=a.height*o,d=(a.width-x)/2):(b=a.width/o,p=(a.height-b)/2),i.drawImage(a,d,p,x,b,0,0,r.width,r.height),t(c.toDataURL("image/png"))},a.onerror=()=>n(new Error("Failed to load image")),a.src=e})}function ft(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,c=new Uint8Array(r);for(let s=0;s<r;s++)c[s]=a.charCodeAt(s);return new Blob([c],{type:n})}function Be(){var t;const e=typeof{url:typeof document>"u"?require("url").pathToFileURL(__filename).href:pe&&pe.tagName.toUpperCase()==="SCRIPT"&&pe.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(ht):null}function bt(e){localStorage.setItem(ht,e)}function Pe(){return xe?!0:Be()!==null}async function vn(e){const t=Be();if(!t)throw new Error("No Stability AI API key configured");const{imageDataUrl:n,style:a,strength:r=.35}=e,c=await yn(n),i=ft(c),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]",xn[a]),s.append("text_prompts[0][weight]","1"),s.append("cfg_scale","7"),s.append("samples","1"),s.append("steps","30");const d=await fetch(`${mn}/stable-diffusion-xl-1024-v1-0/image-to-image`,{method:"POST",headers:{Authorization:`Bearer ${t}`,Accept:"application/json"},body:s});if(!d.ok){const x=await d.text();throw console.error("Stability AI error:",x),d.status===401?new Error("Invalid API key"):d.status===402?new Error("Insufficient credits"):d.status===429?new Error("Rate limit exceeded. Please try again later."):new Error(`API error: ${d.status}`)}const p=await d.json();if(!p.artifacts||p.artifacts.length===0)throw new Error("No image generated");return`data:image/png;base64,${p.artifacts[0].base64}`}async function xt(e){if(xe){const i=await fetch(xe,{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=ft(e),a=new FormData;a.append("image",n,"image.png"),a.append("output_format","png");const r=await fetch(pn,{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 c=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(c)})}function kn(){const[e,t]=g.useState(!1),[n,a]=g.useState(!1),[r,c]=g.useState(null),[i,s]=g.useState(()=>Pe());g.useEffect(()=>{s(Pe());const b=setTimeout(()=>{s(Pe())},150);return()=>clearTimeout(b)},[]);const o=g.useCallback(()=>c(null),[]),d=g.useCallback(b=>{bt(b),s(!0),c(null)},[]),p=g.useCallback(async(b,h=.5,y=40)=>{t(!0),c(null);try{return await gt(b,h,y)}catch(v){const u=v instanceof Error?v.message:"Enhancement failed";throw c(u),v}finally{t(!1)}},[]),x=g.useCallback(async b=>{a(!0),c(null);try{return await xt(b)}catch(h){const y=h instanceof Error?h.message:"Background removal failed";throw c(y),h}finally{a(!1)}},[]);return{enhance:p,removeBg:x,isEnhancing:e,isRemovingBg:n,error:r,hasKey:i,setApiKey:d,clearError:o}}function wt({isOpen:e,onClose:t,onSubmit:n}){const a=w(d=>d.appLanguage),[r,c]=g.useState("");if(!e)return null;const i=d=>{d.preventDefault(),r.trim()&&(n(r.trim()),c(""),t())},o={de:{title:"Stability AI API Key",description:"Um die AI-Bildverbesserung zu nutzen, benötigst du einen Stability AI API Key. Du kannst ihn auf platform.stability.ai erhalten.",placeholder:"sk-...",submit:"Speichern",cancel:"Abbrechen",hint:"Der Key wird lokal in deinem Browser gespeichert."},en:{title:"Stability AI API Key",description:"To use AI image enhancement, you need a Stability AI API key. You can get one at platform.stability.ai.",placeholder:"sk-...",submit:"Save",cancel:"Cancel",hint:"The key is stored locally in your browser."}}[a];return l.jsxs("dialog",{className:"modal modal-open",children:[l.jsxs("div",{className:"modal-box",children:[l.jsx("h3",{className:"font-bold text-lg",children:o.title}),l.jsx("p",{className:"py-4 text-sm opacity-80",children:o.description}),l.jsxs("form",{onSubmit:i,children:[l.jsxs("div",{className:"form-control",children:[l.jsx("input",{type:"password",placeholder:o.placeholder,className:"input input-bordered w-full",value:r,onChange:d=>c(d.target.value),autoFocus:!0}),l.jsx("label",{className:"label",children:l.jsx("span",{className:"label-text-alt",children:o.hint})})]}),l.jsxs("div",{className:"modal-action",children:[l.jsx("button",{type:"button",className:"btn btn-ghost",onClick:t,children:o.cancel}),l.jsx("button",{type:"submit",className:"btn btn-primary",disabled:!r.trim(),children:o.submit})]})]})]}),l.jsx("form",{method:"dialog",className:"modal-backdrop",children:l.jsx("button",{onClick:t,children:"close"})})]})}function ve({min:e,max:t,step:n,value:a,onChange:r,className:c="",disabled:i=!1}){const s=g.useRef(null),o=g.useRef(null),d=g.useRef(!1),[p,x]=g.useState(!1),b=(a-e)/(t-e)*100,h=g.useCallback(P=>{if(!s.current)return a;const T=s.current.getBoundingClientRect(),S=Math.max(0,Math.min(1,(P-T.left)/T.width)),N=t-e,j=e+S*N,C=Math.round(j/n)*n;return Math.max(e,Math.min(t,C))},[e,t,n,a]),y=g.useCallback(P=>{if(i)return;const T=P.touches[0];o.current={x:T.clientX,y:T.clientY,value:a,decided:!1},d.current=!1},[a,i]),v=g.useCallback(P=>{if(i||!o.current)return;const T=P.touches[0],S=Math.abs(T.clientX-o.current.x),N=Math.abs(T.clientY-o.current.y);if(!o.current.decided){if(S<8&&N<8)return;if(o.current.decided=!0,N>S){o.current=null;return}d.current=!0,x(!0)}if(d.current){const j=h(T.clientX);j!==a&&r(j)}},[i,h,r,a]),u=g.useCallback(P=>{if(o.current&&!o.current.decided){const T=P.changedTouches[0];if(T){const S=h(T.clientX);S!==a&&r(S)}}o.current=null,d.current=!1,x(!1)},[h,r,a]);g.useEffect(()=>{const P=s.current;if(!P)return;const T=S=>{d.current&&S.preventDefault()};return P.addEventListener("touchmove",T,{passive:!1}),()=>{P.removeEventListener("touchmove",T)}},[]);const k=g.useCallback(P=>{if(i)return;const T=h(P.clientX);r(T),x(!0);const S=j=>{const C=h(j.clientX);r(C)},N=()=>{x(!1),document.removeEventListener("mousemove",S),document.removeEventListener("mouseup",N)};document.addEventListener("mousemove",S),document.addEventListener("mouseup",N)},[i,h,r]),I=`calc(10px + (100% - 20px) * ${b/100})`;return l.jsxs("div",{ref:s,className:`relative h-10 flex items-center cursor-pointer overflow-visible ${i?"opacity-50 cursor-not-allowed":""}`,onTouchStart:y,onTouchMove:v,onTouchEnd:u,onMouseDown:k,children:[l.jsx("div",{className:"absolute h-2 bg-base-300 rounded-full inset-x-0"}),l.jsx("div",{className:`absolute h-2 rounded-full transition-colors ${c.includes("range-primary")?"bg-primary":c.includes("range-secondary")?"bg-secondary":"bg-primary"}`,style:{left:0,width:I}}),l.jsx("div",{className:`absolute w-5 h-5 rounded-full bg-base-100 border-2 shadow-md transition-transform ${p?"scale-110":""} ${c.includes("range-primary")?"border-primary":c.includes("range-secondary")?"border-secondary":"border-primary"}`,style:{left:I,transform:"translateX(-50%)"}})]})}function In(){const e=w(f=>f.appLanguage),t=w(f=>f.portrait),n=w(f=>f.setPortrait),a=w(f=>f.setPortraitZoom),r=w(f=>f.setPortraitPan),c=w(f=>f.setPortraitRawImage),i=w(f=>f.setPortraitBgRemoved),s=w(f=>f.setPortraitBgOpacity),o=w(f=>f.setPortraitBgBlur),d=w(f=>f.setPortraitEngravingIntensity),{enhance:p,removeBg:x,isEnhancing:b,isRemovingBg:h,error:y,hasKey:v,setApiKey:u}=kn(),k=te(e),I=g.useRef(null),[P,T]=g.useState(!1),[S,N]=g.useState(!1),j=g.useRef(null),C=g.useRef(null),L=t.rawImage,B=t.bgRemovedImage,M=t.bgRemoved,K=t.bgOpacity,F=t.bgBlur,Z=t.engravingIntensity;g.useEffect(()=>{t.original&&!t.rawImage&&c(t.original)},[t.original,t.rawImage,c]),g.useEffect(()=>()=>{j.current&&clearTimeout(j.current),C.current&&clearTimeout(C.current)},[]);const J=w(f=>f.voucherConfig.templateHue),q=g.useRef(J),O=g.useCallback(async f=>{if(!f.type.startsWith("image/"))return;const E=new FileReader;E.onload=async A=>{var W;const H=(W=A.target)==null?void 0:W.result,X=await ut(H);c(X),n(X),i(!1,null),d(0)},E.readAsDataURL(f)},[n,c,i,d]),$=g.useCallback(f=>{f.preventDefault(),T(!1);const E=f.dataTransfer.files[0];E&&O(E)},[O]),Q=g.useCallback(f=>{f.preventDefault(),T(!0)},[]),re=g.useCallback(f=>{f.preventDefault(),T(!1)},[]),De=()=>{var f;(f=I.current)==null||f.click()},we=f=>{var A;const E=(A=f.target.files)==null?void 0:A[0];E&&O(E)},oe=g.useCallback(async(f,E,A)=>{try{return await p(f,E,A)}catch(H){return console.error("Enhancement failed:",H),f}},[p]),ce=g.useCallback(async f=>{try{const E=await x(f);return i(!0,E),E}catch(E){return console.error("Background removal failed:",E),f}},[x,i]),ie=g.useCallback(async()=>{const f=w.getState(),E=f.portrait,A=f.voucherConfig.templateHue;if(!E.rawImage)return;let H;E.bgRemoved&&E.bgRemovedImage?H=await We(E.bgRemovedImage,E.rawImage,E.bgOpacity,E.bgBlur):H=E.rawImage,E.engravingIntensity>0&&(H=await oe(H,E.engravingIntensity,A)),n(H)},[oe,n]);g.useEffect(()=>{if(q.current===J)return;q.current=J;const f=w.getState().portrait;f.engravingIntensity>0&&f.rawImage&&(j.current&&clearTimeout(j.current),j.current=setTimeout(ie,150))},[J,ie]);const ke=async()=>{if(!L)return;if(!M&&!v){N(!0);return}if(!M){const E=await ce(L),A=w.getState(),H=A.portrait,X=A.voucherConfig.templateHue;let W=await We(E,L,H.bgOpacity,H.bgBlur);H.engravingIntensity>0&&(W=await oe(W,H.engravingIntensity,X)),n(W)}else{i(!1,null);const E=w.getState(),A=E.portrait.engravingIntensity,H=E.voucherConfig.templateHue;if(A>0){const X=await oe(L,A,H);n(X)}else n(L)}},Ie=f=>{d(f),j.current&&clearTimeout(j.current),L&&(j.current=setTimeout(ie,150))},ye=async f=>{if(u(f),!L)return;const E=await ce(L),A=w.getState(),H=A.portrait,X=A.voucherConfig.templateHue;let W=await We(E,L,H.bgOpacity,H.bgBlur);H.engravingIntensity>0&&(W=await oe(W,H.engravingIntensity,X)),n(W)},G=f=>{s(f),C.current&&clearTimeout(C.current),!(!L||!B)&&(C.current=setTimeout(ie,150))},Te=f=>{o(f),C.current&&clearTimeout(C.current),!(!L||!B)&&(C.current=setTimeout(ie,150))},Ee=()=>{n(null),c(null),i(!1,null),s(0),o(0),d(0),Zt()};return l.jsxs("div",{className:"space-y-4",children:[t.original?l.jsxs("div",{className:"flex flex-col space-y-4",children:[l.jsxs("div",{className:"flex justify-between items-center w-full",children:[l.jsx("span",{className:"text-sm font-medium text-base-content/70",children:e==="de"?"Portrait-Einstellungen":"Portrait settings"}),l.jsxs("button",{className:"btn btn-xs btn-ghost text-error",onClick:Ee,children:[l.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",className:"h-4 w-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:l.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"})}),e==="de"?"Foto entfernen":"Remove photo"]})]}),l.jsxs("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-4 w-full",children:[l.jsxs("div",{className:"form-control w-full",children:[l.jsxs("label",{className:"label",children:[l.jsx("span",{className:"label-text",children:k.form.portrait.zoom}),l.jsxs("span",{className:"label-text-alt",children:[Math.round(t.zoom*100),"%"]})]}),l.jsx(ve,{min:.5,max:2,step:.05,value:t.zoom,onChange:f=>{a(f),f<=1&&(t.panX!==0||t.panY!==0)&&r(0,0)},className:"range range-primary range-sm"})]}),l.jsxs("div",{className:"form-control w-full",children:[l.jsxs("label",{className:"label",children:[l.jsxs("span",{className:"label-text flex items-center gap-2",children:[e==="de"?"Farbanpassung":"Color adjustment",b&&l.jsx("span",{className:"loading loading-spinner loading-xs"})]}),l.jsxs("span",{className:"label-text-alt",children:[Math.round(Z*100),"%"]})]}),l.jsx(ve,{min:0,max:1,step:.05,value:Z,onChange:Ie,className:"range range-secondary range-sm",disabled:b||!L})]})]}),M?l.jsxs("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-4 w-full",children:[l.jsxs("div",{className:"form-control w-full",children:[l.jsxs("label",{className:"label",children:[l.jsx("span",{className:"label-text",children:e==="de"?"Hintergrund":"Background"}),l.jsxs("span",{className:"label-text-alt",children:[Math.round(K*100),"%"]})]}),l.jsx(ve,{min:0,max:1,step:.05,value:K,onChange:G,className:"range range-primary range-sm"})]}),l.jsxs("div",{className:"form-control w-full",children:[l.jsxs("label",{className:"label",children:[l.jsx("span",{className:"label-text",children:e==="de"?"Unschärfe":"Blur"}),l.jsxs("span",{className:"label-text-alt",children:[Math.round(F*100),"%"]})]}),l.jsx(ve,{min:0,max:1,step:.05,value:F,onChange:Te,className:"range range-primary range-sm",disabled:K===0})]})]}):l.jsx("div",{className:"form-control w-fit",children:l.jsxs("label",{className:"label cursor-pointer justify-start gap-3",children:[l.jsx("input",{type:"checkbox",className:`toggle toggle-primary ${h?"opacity-50":""}`,checked:M,onChange:ke,disabled:h||!L}),l.jsxs("span",{className:"label-text flex items-center gap-2",children:[h?l.jsxs(l.Fragment,{children:[l.jsx("span",{className:"loading loading-spinner loading-xs"}),e==="de"?"Hintergrund wird entfernt...":"Removing background..."]}):e==="de"?"Hintergrund entfernen":"Remove background",!v&&l.jsx("span",{className:"badge badge-sm badge-outline",children:"API"})]})]})}),y&&l.jsxs("div",{className:"alert alert-warning text-sm py-2",children:[l.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:l.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"})}),l.jsx("span",{children:y})]})]}):l.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":P?"border-primary bg-primary/10":"border-base-300 hover:border-primary hover:bg-base-200"}`,onDrop:$,onDragOver:Q,onDragLeave:re,onClick:De,children:[l.jsx("input",{ref:I,type:"file",accept:"image/*",className:"hidden",onChange:we}),h?l.jsxs("div",{className:"flex flex-col items-center gap-2",children:[l.jsx("span",{className:"loading loading-spinner loading-lg text-primary"}),l.jsx("p",{className:"font-medium",children:e==="de"?"Hintergrund wird entfernt...":"Removing background..."})]}):l.jsxs("div",{className:"flex flex-col items-center gap-2",children:[l.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:l.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"})}),l.jsx("p",{className:"font-medium",children:k.form.portrait.upload}),l.jsx("p",{className:"text-sm text-base-content/60",children:k.form.portrait.dragDrop})]})]}),l.jsx(wt,{isOpen:S,onClose:()=>N(!1),onSubmit:ye})]})}function Tn(){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 c=te(e),i=[1,5,10];return l.jsxs("div",{className:"space-y-4",children:[l.jsx("div",{className:"form-control",children:l.jsxs("div",{className:"flex items-center justify-between gap-2",children:[l.jsx("span",{className:"label-text font-medium",children:c.form.voucher.billLanguage}),l.jsxs("div",{className:"join border border-base-300 rounded-lg shadow",children:[l.jsx("button",{className:`join-item btn btn-md ${t==="de"?"btn-active btn-primary":"btn-ghost"}`,onClick:()=>a("de"),children:c.form.voucher.billLanguageGerman}),l.jsx("button",{className:`join-item btn btn-md ${t==="en"?"btn-active btn-primary":"btn-ghost"}`,onClick:()=>a("en"),children:c.form.voucher.billLanguageEnglish})]})]})}),l.jsx("div",{className:"form-control",children:l.jsxs("div",{className:"flex items-center justify-between gap-2",children:[l.jsx("span",{className:"label-text font-medium",children:c.form.voucher.hours}),l.jsx("div",{className:"join border border-base-300 rounded-lg shadow",children:i.map(s=>l.jsxs("button",{className:`join-item btn btn-md ${n===s?"btn-active btn-primary":"btn-ghost"}`,onClick:()=>r(s),children:[s,l.jsxs("span",{className:"hidden sm:inline",children:[" ",s===1?c.form.voucher.hourLabel:c.form.voucher.hoursLabel]})]},s))})]})}),!1]})}const ze=new Map,de=new Map;async function R(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 le(e,t,n,a){e.drawImage(t,0,0,n,a)}async function yt(e,t,n,a){if(t>=155&&t<=165)return R(e);const r=`${e}:${t}:${n}x${a}`;if(de.has(r))return R(de.get(r));const c=await R(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(c,0,0,n,a);const o=i.toDataURL("image/png"),d=await pt(o,t);if(de.size>20){const p=de.keys().next().value;p&&de.delete(p)}return de.set(r,d),R(d)}function En(e,t,n,a,r,c="de"){e.save(),e.beginPath(),e.ellipse(t,n,a,r,0,0,Math.PI*2),e.closePath(),e.setLineDash([20,10]),e.strokeStyle="rgba(100, 100, 100, 0.4)",e.lineWidth=3,e.stroke(),e.restore()}function vt(e,t,n,a,r,c,i=1,s=0,o=0){e.save(),e.beginPath(),e.ellipse(n,a,r,c,0,0,Math.PI*2),e.closePath(),e.clip();const d=t.width/t.height,p=r/c,x=r*2,b=c*2;let h,y;d>p?(y=b,h=b*d):(h=x,y=x/d),h*=i,y*=i;const v=Math.max(0,(h-x)/2),u=Math.max(0,(y-b)/2),k=n-h/2+s*v,I=a-y/2+o*u;e.drawImage(t,k,I,h,y),e.restore()}function Je(e,t,n,a="#2a3a2a"){e.save(),e.font=`${n.fontSize}px "Times New Roman", serif`,e.textAlign=n.align||"center",e.textBaseline="middle",e.fillStyle=a,n.maxWidth?e.fillText(t,n.x,n.y,n.maxWidth):e.fillText(t,n.x,n.y),e.restore()}function kt(e,t,n,a="#2a3a2a"){e.save(),e.font=`${n.fontSize}px "Times New Roman", serif`,e.textAlign=n.align||"center",e.textBaseline="top",e.fillStyle=a;const r=n.maxWidth||400,c=n.lineHeight||n.fontSize*1.4,i=t.split(" "),s=[];let o="";for(const x of i){const b=o?`${o} ${x}`:x;e.measureText(b).width>r&&o?(s.push(o),o=x):o=b}o&&s.push(o);const d=s.length*c;let p=n.y-d/2;for(const x of s)e.fillText(x,n.x,p),p+=c;e.restore()}function It(e,t,n,a,r,c="#2a3a2a"){e.save(),e.font=`${r.fontSize}px "Times New Roman", serif`,e.textAlign=r.align||"center",e.textBaseline="middle",e.fillStyle=c;const i=r.lineHeight||r.fontSize*1.8,s=[t,n,a].filter(Boolean),o=(s.length-1)*i;let d=r.y-o/2;for(const p of s)p&&(e.fillText(p,r.x,d),d+=i);e.restore()}function Pn(e,t,n,a="#2a3a2a"){e.save(),e.strokeStyle=a,e.lineWidth=Math.max(2,t.labelFontSize/16),e.beginPath(),e.moveTo(t.x-t.width/2,t.y),e.lineTo(t.x+t.width/2,t.y),e.stroke(),e.font=`${t.labelFontSize}px "Times New Roman", serif`,e.textAlign="center",e.textBaseline="top",e.fillStyle=a,e.fillText(n,t.x,t.y+t.labelFontSize*.3),e.restore()}async function Tt(e,t,n,a,r,c,i,s,o,d=1,p=0,x=0,b=0,h=1,y="de"){const v=e.getContext("2d");if(!v)return;const u=document.createElement("canvas");u.width=s,u.height=o;const k=u.getContext("2d");if(!k)return;k.clearRect(0,0,s,o);const I=await yt(t,b,s,o);le(k,I,s,o);const P=await R(n);if(le(k,P,s,o),r)try{const N=await R(r);vt(k,N,i.portrait.x,i.portrait.y,i.portrait.radiusX,i.portrait.radiusY,d,p,x)}catch(N){console.error("Failed to load portrait:",N)}else En(k,i.portrait.x,i.portrait.y,i.portrait.radiusX,i.portrait.radiusY,y);const T=await R(a);le(k,T,s,o);const S=s/3633;jt(k,h,y,S),c&&Je(k,c,i.namePlate),e.width=s,e.height=o,v.drawImage(u,0,0)}async function Et(e,t,n,a,r,c,i,s,o,d,p,x=0,b=1,h="de"){const y=e.getContext("2d");if(!y)return;const v=document.createElement("canvas");v.width=d,v.height=p;const u=v.getContext("2d");if(!u)return;u.clearRect(0,0,d,p);const k=await yt(t,x,d,p);le(u,k,d,p);const I=await R(n);le(u,I,d,p);const P=await R(a);le(u,P,d,p);const T=d/3633;if(jt(u,b,h,T),o.contactInfo&&(r||c||i)&&It(u,r,c,i,o.contactInfo),o.description&&s&&kt(u,s,o.description),r&&Je(u,r,o.namePlate),o.signature){const S=h==="de"?"Unterschrift":"Signature";Pn(u,o.signature,S)}e.width=d,e.height=p,y.drawImage(v,0,0)}const he=typeof{url:typeof document>"u"?require("url").pathToFileURL(__filename).href:pe&&pe.tagName.toUpperCase()==="SCRIPT"&&pe.src||new URL("index.cjs",document.baseURI).href}<"u"&&"/"||"/",_={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`},Pt={de:{banner:{1:"EINE STUNDE",5:"FÜNF STUNDEN",10:"ZEHN STUNDEN"}},en:{banner:{1:"ONE HOUR",5:"FIVE HOURS",10:"TEN HOURS"}}},ne=3633,ae=1920,Ce=.5,Sn=Math.round(ne*Ce),Ln=Math.round(ae*Ce),St=320,Lt=335,z={badges:{topLeft:{x:286,y:235},topRight:{x:3340,y:230},bottomLeft:{x:282,y:1665},bottomRight:{x:3345,y:1665}},banner:{centerX:1816,centerY:3820,radius:3610,fontSize:103,color:"#2a3a2a"}},Se=new Map,se=new Map,$e=new Map,Xe=new Map,Ve=new Map;function Rt(e,t,n,a,r,c,i){e.save(),e.font=`900 ${c}px "Times New Roman", Georgia, serif`,e.fillStyle=i,e.textAlign="center",e.textBaseline="middle";const o=e.measureText(t).width/r,d=-Math.PI/2-o/2,p=t.split(""),x=[];for(const h of p)x.push(e.measureText(h).width);let b=d;for(let h=0;h<p.length;h++){const y=p[h],v=x[h],u=b+v/2/r,k=n+r*Math.cos(u),I=a+r*Math.sin(u);e.save(),e.translate(k,I),e.rotate(u+Math.PI/2),e.fillText(y,0,0),e.restore(),b+=v/r}e.restore()}let Y={background:null,frontFrame:null,backFrame:null,badges:{1:null,5:null,10:null}};async function Rn(){const[e,t,n,a,r,c]=await Promise.all([R(_.background),R(_.frontFrame),R(_.backFrame),R(fe[1]),R(fe[5]),R(fe[10])]);Y={background:e,frontFrame:t,backFrame:n,badges:{1:a,5:r,10:c}}}function jn(e,t){const n=Math.round(ne*e),a=Math.round(ae*e),r=document.createElement("canvas");r.width=n,r.height=a;const c=r.getContext("2d");if(!c)throw new Error("Failed to get canvas context");c.drawImage(t,0,0,n,a);const i=e<1?.8:.95;return r.toDataURL("image/jpeg",i)}function Bn(e,t){const n=Math.round(ne*e),a=Math.round(ae*e),r=document.createElement("canvas");r.width=n,r.height=a;const c=r.getContext("2d");if(!c)throw new Error("Failed to get canvas context");const i=St*e,s=Lt*e,o=z.badges,d=(p,x)=>{const b=x/2,h=p.x*e-b,y=p.y*e-b;c.drawImage(t,h,y,x,x)};return d(o.topLeft,i),d(o.topRight,i),d(o.bottomLeft,s),d(o.bottomRight,s),r.toDataURL("image/png")}function jt(e,t,n,a=1){const r=Pt[n].banner[t];Rt(e,r,z.banner.centerX*a,z.banner.centerY*a,z.banner.radius*a,z.banner.fontSize*a,z.banner.color)}function Bt(e,t,n,a,r,c,i){const s=Math.round(ne*a),o=Math.round(ae*a),d=document.createElement("canvas");d.width=s,d.height=o;const p=d.getContext("2d");if(!p)throw new Error("Failed to get canvas context");p.drawImage(r,0,0,s,o);{const b=St*a,h=Lt*a,y=z.badges,v=(u,k)=>{const I=k/2,P=u.x*a-I,T=u.y*a-I;p.drawImage(i,P,T,k,k)};v(y.topLeft,b),v(y.topRight,b),v(y.bottomLeft,h),v(y.bottomRight,h)}if(p.drawImage(c,0,0,s,o),n==="front"){const b=Pt[t].banner[e];Rt(p,b,z.banner.centerX*a,z.banner.centerY*a,z.banner.radius*a,z.banner.fontSize*a,z.banner.color)}const x=a<1?.8:.95;return d.toDataURL("image/jpeg",x)}async function Ct(e,t,n){const a=`${e}-${t}-${n}`;if(Se.has(a))return Se.get(a);const r=Y.background||await R(_.background),c=n==="front"?Y.frontFrame||await R(_.frontFrame):Y.backFrame||await R(_.backFrame),i=Y.badges[e]||await R(fe[e]),s=Bt(e,t,n,Ce,r,c,i);return Se.set(a,s),s}async function Ke(e,t,n){const a=`${e}-${t}-${n}`;if(se.has(a))return se.get(a);const r=Y.background||await R(_.background),c=n==="front"?Y.frontFrame||await R(_.frontFrame):Y.backFrame||await R(_.backFrame),i=Y.badges[e]||await R(fe[e]),s=Bt(e,t,n,1,r,c,i);if(se.size>4){const o=se.keys().next().value;o&&se.delete(o)}return se.set(a,s),s}function Cn(){return{width:ne,height:ae}}function Nn(){Se.clear(),se.clear(),$e.clear(),Xe.clear(),Ve.clear()}async function qe(e,t,n="front",a=Ce){const r=`bg-${a}`;let c=$e.get(r);if(!c){const p=Y.background||await R(_.background);c=jn(a,p),$e.set(r,c)}const i=`badges-${e}-${a}`;let s=Xe.get(i);if(!s){const p=Y.badges[e]||await R(fe[e]);s=Bn(a,p),Xe.set(i,s)}const o=`${n}-${a}`;let d=Ve.get(o);if(!d){const p=n==="front"?Y.frontFrame||await R(_.frontFrame):Y.backFrame||await R(_.backFrame),x=Math.round(ne*a),b=Math.round(ae*a),h=document.createElement("canvas");h.width=x,h.height=b;const y=h.getContext("2d");if(!y)throw new Error("Failed to get canvas context");y.drawImage(p,0,0,x,b),d=h.toDataURL("image/png"),Ve.set(o,d)}return{background:c,badges:s,frame:d}}async function Hn(){const e=[1,5,10],t=["de","en"],n=["front","back"],a=[];for(const r of e)for(const c of t)for(const i of n)a.push(Ct(r,c,i));await Promise.all(a)}function Qe(e,t){return{front:"",back:"",width:ne,height:ae}}const Ne={front:{portrait:{x:1810,y:918,radiusX:570,radiusY:605},namePlate:{x:1816,y:1765,fontSize:85,maxWidth:898,align:"center"}},back:{portrait:{x:0,y:0,radiusX:0,radiusY:0},namePlate:{x:1816,y:1770,fontSize:85,maxWidth:898,align:"center"},contactInfo:{x:898,y:939,fontSize:93,lineHeight:165,align:"center"},description:{x:2721,y:939,fontSize:85,maxWidth:1177,lineHeight:124,align:"center"},signature:{x:1820,y:1445,width:950,height:145,labelFontSize:85}}},ge=Ne,me=Ne;function et(e){return Ne}const Ge=.75;function Dn(e){const t=et(),n=Ge,a=r=>({portrait:{x:r.portrait.x*n,y:r.portrait.y*n,radiusX:r.portrait.radiusX*n,radiusY:r.portrait.radiusY*n},namePlate:{x:r.namePlate.x*n,y:r.namePlate.y*n,fontSize:r.namePlate.fontSize*n,maxWidth:r.namePlate.maxWidth?r.namePlate.maxWidth*n:void 0,lineHeight:r.namePlate.lineHeight?r.namePlate.lineHeight*n:void 0,align:r.namePlate.align},contactInfo:r.contactInfo?{x:r.contactInfo.x*n,y:r.contactInfo.y*n,fontSize:r.contactInfo.fontSize*n,maxWidth:r.contactInfo.maxWidth?r.contactInfo.maxWidth*n:void 0,lineHeight:r.contactInfo.lineHeight?r.contactInfo.lineHeight*n:void 0,align:r.contactInfo.align}:void 0,description:r.description?{x:r.description.x*n,y:r.description.y*n,fontSize:r.description.fontSize*n,maxWidth:r.description.maxWidth?r.description.maxWidth*n:void 0,lineHeight:r.description.lineHeight?r.description.lineHeight*n:void 0,align:r.description.align}:void 0,signature:r.signature?{x:r.signature.x*n,y:r.signature.y*n,width:r.signature.width*n,height:r.signature.height*n,labelFontSize:r.signature.labelFontSize*n}:void 0});return{front:a(t.front),back:a(t.back)}}function Mn(e,t){const n=Qe();return{...n,width:Math.round(n.width*Ge),height:Math.round(n.height*Ge)}}function An(e,t){const[n,a]=g.useState(e);return g.useEffect(()=>{const r=setTimeout(()=>a(e),t);return()=>clearTimeout(r)},[e,t]),n}function Un({onPortraitClick:e,onFileDrop:t}={}){const n=w(m=>m.appLanguage),a=w(m=>m.voucherConfig.language),r=w(m=>m.voucherConfig.hours),c=w(m=>m.voucherConfig.description),i=w(m=>m.voucherConfig.templateHue),s=w(m=>m.personalInfo),o=w(m=>m.portrait),d=w(m=>m.currentSide),p=w(m=>m.flipSide),x=w(m=>m.setPortraitPan),b=An(i,150),h=te(n),y=g.useRef(null),v=g.useRef(null),u=g.useRef(null),[k,I]=g.useState(!1),[P,T]=g.useState(!1),[S,N]=g.useState(!1),[j,C]=g.useState(!1),L=g.useRef(null),B=Mn(),M=Dn(),K=o.useEnhanced&&o.enhanced?o.enhanced:o.original,F=Ze(a,r,c),[Z,J]=g.useState(""),[q,O]=g.useState(""),[$,Q]=g.useState(""),[re,De]=g.useState(""),[we,oe]=g.useState(""),[ce,ie]=g.useState(""),[ke,Ie]=g.useState(!0);g.useEffect(()=>{let m=!0;Ie(!0);async function D(){const[U,ee]=await Promise.all([qe(r,a,"front"),qe(r,a,"back")]);m&&(J(U.background),O(U.badges),Q(U.frame),De(ee.background),oe(ee.badges),ie(ee.frame),Ie(!1))}return D(),()=>{m=!1}},[r,a]),g.useEffect(()=>{!y.current||!Z||!q||!$||Tt(y.current,Z,q,$,K,s.name,M.front,B.width,B.height,o.zoom,o.panX,o.panY,b,r,a)},[B,Z,q,$,K,s.name,M,o.zoom,o.panX,o.panY,b,r,a]),g.useEffect(()=>{!v.current||!re||!we||!ce||Et(v.current,re,we,ce,s.name,s.email,s.phone,F,M.back,B.width,B.height,b,r,a)},[B,re,we,ce,s,F,M,b,r,a]);const ye=()=>{I(!k),p()};g.useEffect(()=>{I(d==="back")},[d]);const G=g.useCallback((m,D)=>{if(!u.current||d!=="front")return!1;const U=u.current.getBoundingClientRect(),ee=U.width/B.width,Me=U.height/B.height,Ae=(m-U.left)/ee,Ue=(D-U.top)/Me,{x:Ye,y:$t,radiusX:Xt,radiusY:Vt}=M.front.portrait,nt=(Ae-Ye)/Xt,at=(Ue-$t)/Vt;return nt*nt+at*at<=1},[d,B.width,B.height,M.front.portrait]),Te=g.useCallback((m,D)=>{!o.original||o.zoom<=1||!G(m,D)||(T(!0),L.current={x:m,y:D,panX:o.panX,panY:o.panY})},[o.original,o.zoom,o.panX,o.panY,G]),Ee=g.useCallback((m,D)=>{if(!P||!L.current||!u.current)return;const U=u.current.getBoundingClientRect(),ee=3/Math.max(U.width,U.height),Me=(m-L.current.x)*ee,Ae=(D-L.current.y)*ee,Ue=Math.max(-1,Math.min(1,L.current.panX+Me)),Ye=Math.max(-1,Math.min(1,L.current.panY+Ae));x(Ue,Ye)},[P,x]),f=g.useCallback(()=>{T(!1),L.current=null},[]),E=g.useCallback((m,D)=>{!o.original&&G(m,D)&&e&&e()},[o.original,G,e]),A=m=>{G(m.clientX,m.clientY)&&(m.preventDefault(),o.original&&o.zoom>1&&Te(m.clientX,m.clientY))},H=m=>{P||E(m.clientX,m.clientY)},X=m=>{Ee(m.clientX,m.clientY),N(G(m.clientX,m.clientY))},W=()=>f(),Ut=()=>{f(),N(!1)},Yt=m=>{if(m.touches.length===1){const D=m.touches[0];o.zoom>1&&G(D.clientX,D.clientY)&&Te(D.clientX,D.clientY)}},Wt=m=>{m.touches.length===1&&Ee(m.touches[0].clientX,m.touches[0].clientY)},zt=()=>f(),tt=g.useRef(!1);g.useEffect(()=>{tt.current=P},[P]),g.useEffect(()=>{const m=u.current;if(!m)return;const D=U=>{tt.current&&U.preventDefault()};return m.addEventListener("touchmove",D,{passive:!1}),()=>{m.removeEventListener("touchmove",D)}},[]);const _t=d==="front"&&o.original&&o.zoom>1,Ot=B.width/B.height;return l.jsxs("div",{className:"space-y-4",children:[l.jsxs("div",{className:"flex justify-between items-center mb-6",children:[l.jsxs("div",{className:"join border border-base-300 rounded-lg",children:[l.jsx("button",{className:`join-item btn btn-md ${d==="front"?"btn-active btn-primary":"btn-ghost"}`,onClick:()=>d!=="front"&&ye(),children:h.preview.front}),l.jsx("button",{className:`join-item btn btn-md ${d==="back"?"btn-active btn-primary":"btn-ghost"}`,onClick:()=>d!=="back"&&ye(),children:h.preview.back})]}),l.jsxs("button",{className:"btn btn-ghost btn-md",onClick:ye,children:[l.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",className:"h-5 w-5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:l.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"})}),l.jsx("span",{className:"hidden sm:inline",children:h.preview.flip})]})]}),l.jsxs("div",{className:"relative w-full overflow-visible",style:{aspectRatio:Ot,perspective:"1500px"},children:[ke&&l.jsx("div",{className:"absolute inset-0 flex items-center justify-center bg-base-300 rounded-lg z-10",children:l.jsx("span",{className:"loading loading-spinner loading-lg text-primary"})}),l.jsxs("div",{ref:u,className:`relative w-full h-full shadow-lg ${S&&_t?P?"cursor-grabbing":"cursor-grab":""} ${ke?"opacity-0":"opacity-100"} transition-opacity duration-300`,style:{transformStyle:"preserve-3d",transition:"transform 0.6s ease-in-out, opacity 0.3s ease-in-out",transform:k?"rotateY(180deg)":"rotateY(0deg)"},onClick:H,onMouseDown:A,onMouseMove:X,onMouseUp:W,onMouseLeave:Ut,onTouchStart:Yt,onTouchMove:Wt,onTouchEnd:zt,children:[l.jsx("canvas",{ref:y,className:"absolute inset-0 w-full h-full",style:{backfaceVisibility:"hidden",WebkitBackfaceVisibility:"hidden"}}),l.jsx("canvas",{ref:v,className:"absolute inset-0 w-full h-full",style:{backfaceVisibility:"hidden",WebkitBackfaceVisibility:"hidden",transform:"rotateY(180deg)"}}),!o.original&&d==="front"&&(e||t)&&l.jsx("div",{className:`absolute flex flex-col items-center justify-center cursor-pointer transition-colors duration-300 ease-in-out ${j?"bg-primary/20":"hover:bg-base-content/5"}`,style:{left:`${(M.front.portrait.x-M.front.portrait.radiusX)/B.width*100}%`,top:`${(M.front.portrait.y-M.front.portrait.radiusY)/B.height*100}%`,width:`${M.front.portrait.radiusX*2/B.width*100}%`,height:`${M.front.portrait.radiusY*2/B.height*100}%`,borderRadius:"50%",backfaceVisibility:"hidden",WebkitBackfaceVisibility:"hidden"},onClick:m=>{m.stopPropagation(),e==null||e()},onDragOver:m=>{m.preventDefault(),m.stopPropagation(),C(!0)},onDragLeave:m=>{m.preventDefault(),m.stopPropagation(),C(!1)},onDrop:m=>{m.preventDefault(),m.stopPropagation(),C(!1);const D=m.dataTransfer.files[0];D&&D.type.startsWith("image/")&&t&&t(D)},children:l.jsxs("button",{className:"btn btn-dash hover:btn-dash hover:border-base-content/60 flex flex-col items-center gap-0.5 sm:gap-1 h-auto py-1.5 px-2.5 sm:py-3 sm:px-4 bg-base-100/20 hover:bg-base-100/30",onClick:m=>{m.stopPropagation(),e==null||e()},children:[l.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:[l.jsx("circle",{cx:"12",cy:"8",r:"4"}),l.jsx("path",{d:"M4 21c0-4 4-6 8-6s8 2 8 6"})]}),l.jsx("span",{className:"text-[10px] sm:text-xs text-center leading-tight whitespace-pre-line",children:n==="de"?`Foto
|
|
2
2
|
hochladen`:`Upload
|
|
3
3
|
photo`})]})})]})]})]})}function Yn(){const e=g.useRef(null),t=g.useRef(null);return{frontCanvasRef:e,backCanvasRef:t}}const Wn=`
|
|
4
4
|
// RGB to HSL conversion
|
package/dist/index.js
CHANGED
|
@@ -864,12 +864,8 @@ function Se({
|
|
|
864
864
|
/* @__PURE__ */ u(
|
|
865
865
|
"div",
|
|
866
866
|
{
|
|
867
|
-
className: `absolute w-5 h-5 rounded-full bg-base-100 border-2 shadow-md transition-
|
|
868
|
-
style: {
|
|
869
|
-
left: I,
|
|
870
|
-
transform: "translateX(-50%)",
|
|
871
|
-
boxShadow: m ? `0 0 0 3px ${c.includes("range-secondary") ? "oklch(var(--s) / 0.3)" : "oklch(var(--p) / 0.3)"}, 0 4px 6px -1px rgb(0 0 0 / 0.1)` : void 0
|
|
872
|
-
}
|
|
867
|
+
className: `absolute w-5 h-5 rounded-full bg-base-100 border-2 shadow-md transition-transform ${m ? "scale-110" : ""} ${c.includes("range-primary") ? "border-primary" : c.includes("range-secondary") ? "border-secondary" : "border-primary"}`,
|
|
868
|
+
style: { left: I, transform: "translateX(-50%)" }
|
|
873
869
|
}
|
|
874
870
|
)
|
|
875
871
|
]
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@antontranelis/money-printer",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.71",
|
|
4
4
|
"description": "Create personalized time vouchers that look like real currency. React components for voucher generation with PDF export.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"license": "MIT",
|