@antontranelis/money-printer 1.0.6 → 1.0.8

package/dist/index.js

@@ -1,9 +1,9 @@
-import { jsxs as m, jsx as l, Fragment as M } from "react/jsx-runtime";
-import { create as fe } from "zustand";
-import { persist as be } from "zustand/middleware";
-import { useState as N, useCallback as C, useRef as $, useEffect as G } from "react";
+import { jsxs as u, jsx as l, Fragment as j } from "react/jsx-runtime";
+import { create as ve } from "zustand";
+import { persist as we } from "zustand/middleware";
+import { useState as E, useCallback as T, useRef as D, useEffect as O } from "react";
 import ye from "jspdf";
-const V = {
+const X = {
   personalInfo: {
     name: "",
     email: "",
@@ -23,27 +23,28 @@ const V = {
   currentSide: "front",
   isEnhancing: !1,
   isExporting: !1
-}, w = fe()(
-  be(
+}, w = ve()(
+  we(
     (e) => ({
-      ...V,
-      setPersonalInfo: (t) => e((a) => ({
-        personalInfo: { ...a.personalInfo, ...t }
+      ...X,
+      setPersonalInfo: (t) => e((n) => ({
+        personalInfo: { ...n.personalInfo, ...t }
       })),
-      setVoucherConfig: (t) => e((a) => ({
-        voucherConfig: { ...a.voucherConfig, ...t }
+      setVoucherConfig: (t) => e((n) => ({
+        voucherConfig: { ...n.voucherConfig, ...t }
       })),
-      setPortrait: (t, a = null) => e({
+      setPortrait: (t, n = null) => e((a) => ({
         portrait: {
           original: t,
-          enhanced: a,
+          enhanced: n,
           useEnhanced: !1,
-          zoom: 1
+          // Keep current zoom if updating existing portrait, reset to 1 for new portrait
+          zoom: a.portrait.original && t ? a.portrait.zoom : 1
         }
-      }),
-      setEnhancedPortrait: (t) => e((a) => ({
+      })),
+      setEnhancedPortrait: (t) => e((n) => ({
         portrait: {
-          ...a.portrait,
+          ...n.portrait,
           enhanced: t,
           useEnhanced: t !== null
         }
@@ -54,9 +55,9 @@ const V = {
           useEnhanced: t.portrait.enhanced ? !t.portrait.useEnhanced : !1
         }
       })),
-      setPortraitZoom: (t) => e((a) => ({
+      setPortraitZoom: (t) => e((n) => ({
         portrait: {
-          ...a.portrait,
+          ...n.portrait,
           zoom: t
         }
       })),
@@ -66,23 +67,24 @@ const V = {
       })),
       setIsEnhancing: (t) => e({ isEnhancing: t }),
       setIsExporting: (t) => e({ isExporting: t }),
-      setLanguage: (t) => e((a) => ({
-        voucherConfig: { ...a.voucherConfig, language: t }
+      setLanguage: (t) => e((n) => ({
+        voucherConfig: { ...n.voucherConfig, language: t }
       })),
-      setHours: (t) => e((a) => ({
-        voucherConfig: { ...a.voucherConfig, hours: t }
+      setHours: (t) => e((n) => ({
+        voucherConfig: { ...n.voucherConfig, hours: t }
       })),
-      reset: () => e(V)
+      reset: () => e(X)
     }),
     {
       name: "money-generator-storage",
       partialize: (e) => ({
         personalInfo: e.personalInfo,
-        voucherConfig: e.voucherConfig
+        voucherConfig: e.voucherConfig,
+        portrait: e.portrait
       })
     }
   )
-), we = {
+), xe = {
   header: {
     title: "Money Generator",
     subtitle: "Erstelle deinen persönlichen Zeitgutschein"
@@ -129,7 +131,7 @@ const V = {
   bill: {
     descriptionText: "Für diesen Schein erhältst du {hours} {hourLabel} meiner Zeit oder ein gleichwertiges Dankeschön"
   }
-}, ve = {
+}, Ie = {
   header: {
     title: "Money Generator",
     subtitle: "Create your personal time voucher"
@@ -176,65 +178,88 @@ const V = {
   bill: {
     descriptionText: "This voucher entitles you to {hours} {hourLabel} of my time or an equivalent thank you"
   }
-}, xe = { de: we, en: ve };
-function z(e) {
-  return xe[e];
+}, ke = { de: xe, en: Ie };
+function $(e) {
+  return ke[e];
 }
-function J(e, t, a) {
-  if (a && a.trim())
-    return a;
-  const n = z(e), r = t === 1 ? n.form.voucher.hourLabel : n.form.voucher.hoursLabel;
-  return n.bill.descriptionText.replace("{hours}", t.toString()).replace("{hourLabel}", r);
+function ee(e, t, n) {
+  if (n && n.trim())
+    return n;
+  const a = $(e), r = t === 1 ? a.form.voucher.hourLabel : a.form.voucher.hoursLabel;
+  return a.bill.descriptionText.replace("{hours}", t.toString()).replace("{hourLabel}", r);
 }
-function Ve() {
-  const e = w((r) => r.voucherConfig.language), t = w((r) => r.personalInfo), a = w((r) => r.setPersonalInfo), n = z(e);
-  return /* @__PURE__ */ m("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ m("div", { className: "form-control", children: [
-      /* @__PURE__ */ l("label", { className: "label", children: /* @__PURE__ */ l("span", { className: "label-text font-medium", children: n.form.personalInfo.name }) }),
+function Xe() {
+  const e = w((r) => r.voucherConfig.language), t = w((r) => r.personalInfo), n = w((r) => r.setPersonalInfo), a = $(e);
+  return /* @__PURE__ */ u("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ u("div", { className: "form-control", children: [
+      /* @__PURE__ */ l("label", { className: "label", children: /* @__PURE__ */ l("span", { className: "label-text font-medium", children: a.form.personalInfo.name }) }),
       /* @__PURE__ */ l(
         "input",
         {
           type: "text",
-          placeholder: n.form.personalInfo.namePlaceholder,
+          placeholder: a.form.personalInfo.namePlaceholder,
           className: "input input-bordered w-full",
           value: t.name,
-          onChange: (r) => a({ name: r.target.value })
+          onChange: (r) => n({ name: r.target.value })
         }
       )
     ] }),
-    /* @__PURE__ */ m("div", { className: "form-control", children: [
-      /* @__PURE__ */ l("label", { className: "label", children: /* @__PURE__ */ l("span", { className: "label-text font-medium", children: n.form.personalInfo.email }) }),
+    /* @__PURE__ */ u("div", { className: "form-control", children: [
+      /* @__PURE__ */ l("label", { className: "label", children: /* @__PURE__ */ l("span", { className: "label-text font-medium", children: a.form.personalInfo.email }) }),
       /* @__PURE__ */ l(
         "input",
         {
           type: "email",
-          placeholder: n.form.personalInfo.emailPlaceholder,
+          placeholder: a.form.personalInfo.emailPlaceholder,
           className: "input input-bordered w-full",
           value: t.email,
-          onChange: (r) => a({ email: r.target.value })
+          onChange: (r) => n({ email: r.target.value })
         }
       )
     ] }),
-    /* @__PURE__ */ m("div", { className: "form-control", children: [
-      /* @__PURE__ */ l("label", { className: "label", children: /* @__PURE__ */ l("span", { className: "label-text font-medium", children: n.form.personalInfo.phone }) }),
+    /* @__PURE__ */ u("div", { className: "form-control", children: [
+      /* @__PURE__ */ l("label", { className: "label", children: /* @__PURE__ */ l("span", { className: "label-text font-medium", children: a.form.personalInfo.phone }) }),
       /* @__PURE__ */ l(
         "input",
         {
           type: "tel",
-          placeholder: n.form.personalInfo.phonePlaceholder,
+          placeholder: a.form.personalInfo.phonePlaceholder,
           className: "input input-bordered w-full",
           value: t.phone,
-          onChange: (r) => a({ phone: r.target.value })
+          onChange: (r) => n({ phone: r.target.value })
         }
       )
     ] })
   ] });
 }
-const j = {}, Ie = "https://api.stability.ai/v1/generation", ke = "https://api.stability.ai/v2beta/stable-image/edit/remove-background", Q = "stability_api_key", Ne = {
+async function Ne(e, t = 0.5) {
+  return new Promise((n, a) => {
+    const r = new Image();
+    r.onload = () => {
+      const o = document.createElement("canvas"), c = o.getContext("2d");
+      if (!c) {
+        a(new Error("Failed to get canvas context"));
+        return;
+      }
+      o.width = r.width, o.height = r.height, c.drawImage(r, 0, 0);
+      const s = c.getImageData(0, 0, o.width, o.height), i = s.data, d = 1 + t * 0.8;
+      for (let h = 0; h < i.length; h += 4) {
+        const g = i[h], f = i[h + 1], b = i[h + 2];
+        if (i[h + 3] === 0) continue;
+        let I = (((0.299 * g + 0.587 * f + 0.114 * b) / 255 - 0.5) * d + 0.5) * 255;
+        I = Math.max(0, Math.min(255, I));
+        const x = Math.min(255, I * 0.9 + 25), A = Math.min(255, I * 0.78 + 15), y = Math.min(255, I * 0.55 + 5);
+        i[h] = Math.round(g * (1 - t) + x * t), i[h + 1] = Math.round(f * (1 - t) + A * t), i[h + 2] = Math.round(b * (1 - t) + y * t);
+      }
+      c.putImageData(s, 0, 0), n(o.toDataURL("image/png"));
+    }, r.onerror = () => a(new Error("Failed to load image")), r.src = e;
+  });
+}
+const Ee = "https://api.stability.ai/v1/generation", Pe = "https://api.stability.ai/v2beta/stable-image/edit/remove-background", te = "stability_api_key", Se = {
   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"
-}, Z = [
+}, J = [
   { width: 1024, height: 1024 },
   { width: 1152, height: 896 },
   { width: 1216, height: 832 },
@@ -245,167 +270,143 @@ const j = {}, Ie = "https://api.stability.ai/v1/generation", ke = "https://api.s
   { width: 832, height: 1216 },
   { width: 896, height: 1152 }
 ];
-function Ee(e, t) {
-  const a = e / t;
-  let n = Z[0], r = 1 / 0;
-  for (const s of Z) {
-    const d = s.width / s.height, o = Math.abs(a - d);
-    o < r && (r = o, n = s);
+function Ce(e, t) {
+  const n = e / t;
+  let a = J[0], r = 1 / 0;
+  for (const o of J) {
+    const c = o.width / o.height, s = Math.abs(n - c);
+    s < r && (r = s, a = o);
   }
-  return n;
+  return a;
 }
-function Pe(e) {
-  return new Promise((t, a) => {
-    const n = new Image();
-    n.onload = () => {
-      const r = Ee(n.width, n.height), s = document.createElement("canvas");
-      s.width = r.width, s.height = r.height;
-      const d = s.getContext("2d");
-      if (!d) {
-        a(new Error("Failed to get canvas context"));
+function Te(e) {
+  return new Promise((t, n) => {
+    const a = new Image();
+    a.onload = () => {
+      const r = Ce(a.width, a.height), o = document.createElement("canvas");
+      o.width = r.width, o.height = r.height;
+      const c = o.getContext("2d");
+      if (!c) {
+        n(new Error("Failed to get canvas context"));
         return;
       }
-      const o = n.width / n.height, i = r.width / r.height;
-      let c = 0, u = 0, g = n.width, f = n.height;
-      o > i ? (g = n.height * i, c = (n.width - g) / 2) : (f = n.width / i, u = (n.height - f) / 2), d.drawImage(n, c, u, g, f, 0, 0, r.width, r.height), t(s.toDataURL("image/png"));
-    }, n.onerror = () => a(new Error("Failed to load image")), n.src = e;
+      const s = a.width / a.height, i = r.width / r.height;
+      let d = 0, h = 0, g = a.width, f = a.height;
+      s > i ? (g = a.height * i, d = (a.width - g) / 2) : (f = a.width / i, h = (a.height - f) / 2), c.drawImage(a, d, h, g, f, 0, 0, r.width, r.height), t(o.toDataURL("image/png"));
+    }, a.onerror = () => n(new Error("Failed to load image")), a.src = e;
   });
 }
-function ee(e) {
-  var d;
-  const t = e.split(","), a = ((d = t[0].match(/:(.*?);/)) == null ? void 0 : d[1]) || "image/png", n = atob(t[1]), r = n.length, s = new Uint8Array(r);
-  for (let o = 0; o < r; o++)
-    s[o] = n.charCodeAt(o);
-  return new Blob([s], { type: a });
+function ne(e) {
+  var c;
+  const t = e.split(","), n = ((c = t[0].match(/:(.*?);/)) == null ? void 0 : c[1]) || "image/png", a = atob(t[1]), r = a.length, o = new Uint8Array(r);
+  for (let s = 0; s < r; s++)
+    o[s] = a.charCodeAt(s);
+  return new Blob([o], { type: n });
 }
 function q() {
   var t;
-  const e = typeof import.meta < "u" && (j == null ? void 0 : j.VITE_STABILITY_API_KEY) || typeof process < "u" && ((t = process.env) == null ? void 0 : t.NEXT_PUBLIC_STABILITY_API_KEY);
-  return e && e !== "your-api-key-here" ? e : typeof localStorage < "u" ? localStorage.getItem(Q) : null;
+  const e = typeof import.meta < "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(te) : null;
 }
-function Se(e) {
-  localStorage.setItem(Q, e);
+function Ae(e) {
+  localStorage.setItem(te, e);
 }
-function Ce() {
+function Le() {
   return q() !== null;
 }
-async function Ze(e) {
+async function Je(e) {
   const t = q();
   if (!t)
     throw new Error("No Stability AI API key configured");
-  const { imageDataUrl: a, style: n, strength: r = 0.35 } = e, s = await Pe(a), d = ee(s), o = new FormData();
-  o.append("init_image", d, "portrait.png"), o.append("init_image_mode", "IMAGE_STRENGTH"), o.append("image_strength", String(1 - r)), o.append("text_prompts[0][text]", Ne[n]), o.append("text_prompts[0][weight]", "1"), o.append("cfg_scale", "7"), o.append("samples", "1"), o.append("steps", "30");
-  const c = await fetch(`${Ie}/stable-diffusion-xl-1024-v1-0/image-to-image`, {
+  const { imageDataUrl: n, style: a, strength: r = 0.35 } = e, o = await Te(n), c = ne(o), s = new FormData();
+  s.append("init_image", c, "portrait.png"), s.append("init_image_mode", "IMAGE_STRENGTH"), s.append("image_strength", String(1 - r)), s.append("text_prompts[0][text]", Se[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(`${Ee}/stable-diffusion-xl-1024-v1-0/image-to-image`, {
     method: "POST",
     headers: {
       Authorization: `Bearer ${t}`,
       Accept: "application/json"
     },
-    body: o
+    body: s
   });
-  if (!c.ok) {
-    const g = await c.text();
-    throw console.error("Stability AI error:", g), c.status === 401 ? new Error("Invalid API key") : c.status === 402 ? new Error("Insufficient credits") : c.status === 429 ? new Error("Rate limit exceeded. Please try again later.") : new Error(`API error: ${c.status}`);
+  if (!d.ok) {
+    const g = await d.text();
+    throw console.error("Stability AI error:", g), d.status === 401 ? new Error("Invalid API key") : d.status === 402 ? new Error("Insufficient credits") : d.status === 429 ? new Error("Rate limit exceeded. Please try again later.") : new Error(`API error: ${d.status}`);
   }
-  const u = await c.json();
-  if (!u.artifacts || u.artifacts.length === 0)
+  const h = await d.json();
+  if (!h.artifacts || h.artifacts.length === 0)
     throw new Error("No image generated");
-  return `data:image/png;base64,${u.artifacts[0].base64}`;
+  return `data:image/png;base64,${h.artifacts[0].base64}`;
 }
-async function Ae(e) {
+async function _e(e) {
   const t = q();
   if (!t)
     throw new Error("No Stability AI API key configured");
-  const a = ee(e), n = new FormData();
-  n.append("image", a, "image.png"), n.append("output_format", "png");
-  const r = await fetch(ke, {
+  const n = ne(e), a = new FormData();
+  a.append("image", n, "image.png"), a.append("output_format", "png");
+  const r = await fetch(Pe, {
     method: "POST",
     headers: {
       Authorization: `Bearer ${t}`,
       Accept: "image/*"
     },
-    body: n
+    body: a
   });
   if (!r.ok) {
-    const d = await r.text();
-    throw console.error("Stability AI remove background error:", d), 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.text();
+    throw console.error("Stability AI remove background error:", c), 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 s = await r.blob();
-  return new Promise((d, o) => {
+  const o = await r.blob();
+  return new Promise((c, s) => {
     const i = new FileReader();
-    i.onload = () => d(i.result), i.onerror = () => o(new Error("Failed to read result")), i.readAsDataURL(s);
-  });
-}
-async function Te(e) {
-  return new Promise((t, a) => {
-    const n = new Image();
-    n.onload = () => {
-      const r = document.createElement("canvas"), s = r.getContext("2d");
-      if (!s) {
-        a(new Error("Failed to get canvas context"));
-        return;
-      }
-      r.width = n.width, r.height = n.height, s.drawImage(n, 0, 0);
-      const d = s.getImageData(0, 0, r.width, r.height), o = d.data;
-      for (let i = 0; i < o.length; i += 4) {
-        const c = o[i], u = o[i + 1], g = o[i + 2];
-        if (o[i + 3] === 0) continue;
-        const b = 0.299 * c + 0.587 * u + 0.114 * g, h = 1.4;
-        let x = 259 * (h * 255 + 255) / (255 * (259 - h * 255)) * (b - 128) + 128;
-        x = Math.max(0, Math.min(255, x));
-        const v = Math.min(255, x * 1.1 + 20), S = Math.min(255, x * 0.95 + 10), y = Math.min(255, x * 0.8);
-        o[i] = v, o[i + 1] = S, o[i + 2] = y;
-      }
-      s.putImageData(d, 0, 0), t(r.toDataURL("image/png"));
-    }, n.onerror = () => a(new Error("Failed to load image")), n.src = e;
+    i.onload = () => c(i.result), i.onerror = () => s(new Error("Failed to read result")), i.readAsDataURL(o);
   });
 }
-function Le() {
-  const [e, t] = N(!1), [a, n] = N(!1), [r, s] = N(null), [d, o] = N(Ce()), i = C(() => s(null), []), c = C((f) => {
-    Se(f), o(!0), s(null);
-  }, []), u = C(
-    async (f, b = "vintage") => {
-      t(!0), s(null);
+function De() {
+  const [e, t] = E(!1), [n, a] = E(!1), [r, o] = E(null), [c, s] = E(Le()), i = T(() => o(null), []), d = T((f) => {
+    Ae(f), s(!0), o(null);
+  }, []), h = T(
+    async (f, b = 0.5) => {
+      t(!0), o(null);
       try {
-        return await Te(f);
-      } catch (h) {
-        const E = h instanceof Error ? h.message : "Enhancement failed";
-        throw s(E), h;
+        return await Ne(f, b);
+      } catch (m) {
+        const S = m instanceof Error ? m.message : "Enhancement failed";
+        throw o(S), m;
       } finally {
         t(!1);
       }
     },
     []
-  ), g = C(
+  ), g = T(
     async (f) => {
-      n(!0), s(null);
+      a(!0), o(null);
       try {
-        return await Ae(f);
+        return await _e(f);
       } catch (b) {
-        const h = b instanceof Error ? b.message : "Background removal failed";
-        throw s(h), b;
+        const m = b instanceof Error ? b.message : "Background removal failed";
+        throw o(m), b;
       } finally {
-        n(!1);
+        a(!1);
       }
     },
     []
   );
   return {
-    enhance: u,
+    enhance: h,
     removeBg: g,
     isEnhancing: e,
-    isRemovingBg: a,
+    isRemovingBg: n,
     error: r,
-    hasKey: d,
-    setApiKey: c,
+    hasKey: c,
+    setApiKey: d,
     clearError: i
   };
 }
-function De({ isOpen: e, onClose: t, onSubmit: a }) {
-  const n = w((c) => c.voucherConfig.language), [r, s] = N("");
+function Re({ isOpen: e, onClose: t, onSubmit: n }) {
+  const a = w((d) => d.voucherConfig.language), [r, o] = E("");
   if (!e) return null;
-  const d = (c) => {
-    c.preventDefault(), r.trim() && (a(r.trim()), s(""), t());
+  const c = (d) => {
+    d.preventDefault(), r.trim() && (n(r.trim()), o(""), t());
   }, i = {
     de: {
       title: "Stability AI API Key",
@@ -423,13 +424,13 @@ function De({ isOpen: e, onClose: t, onSubmit: a }) {
       cancel: "Cancel",
       hint: "The key is stored locally in your browser."
     }
-  }[n];
-  return /* @__PURE__ */ m("dialog", { className: "modal modal-open", children: [
-    /* @__PURE__ */ m("div", { className: "modal-box", children: [
+  }[a];
+  return /* @__PURE__ */ u("dialog", { className: "modal modal-open", children: [
+    /* @__PURE__ */ u("div", { className: "modal-box", children: [
       /* @__PURE__ */ l("h3", { className: "font-bold text-lg", children: i.title }),
       /* @__PURE__ */ l("p", { className: "py-4 text-sm opacity-80", children: i.description }),
-      /* @__PURE__ */ m("form", { onSubmit: d, children: [
-        /* @__PURE__ */ m("div", { className: "form-control", children: [
+      /* @__PURE__ */ u("form", { onSubmit: c, children: [
+        /* @__PURE__ */ u("div", { className: "form-control", children: [
           /* @__PURE__ */ l(
             "input",
             {
@@ -437,13 +438,13 @@ function De({ isOpen: e, onClose: t, onSubmit: a }) {
               placeholder: i.placeholder,
               className: "input input-bordered w-full",
               value: r,
-              onChange: (c) => s(c.target.value),
+              onChange: (d) => o(d.target.value),
               autoFocus: !0
             }
           ),
           /* @__PURE__ */ l("label", { className: "label", children: /* @__PURE__ */ l("span", { className: "label-text-alt", children: i.hint }) })
         ] }),
-        /* @__PURE__ */ m("div", { className: "modal-action", children: [
+        /* @__PURE__ */ u("div", { className: "modal-action", children: [
           /* @__PURE__ */ l("button", { type: "button", className: "btn btn-ghost", onClick: t, children: i.cancel }),
           /* @__PURE__ */ l("button", { type: "submit", className: "btn btn-primary", disabled: !r.trim(), children: i.submit })
         ] })
@@ -452,76 +453,102 @@ function De({ isOpen: e, onClose: t, onSubmit: a }) {
     /* @__PURE__ */ l("form", { method: "dialog", className: "modal-backdrop", children: /* @__PURE__ */ l("button", { onClick: t, children: "close" }) })
   ] });
 }
-function Xe() {
-  const e = w((p) => p.voucherConfig.language), t = w((p) => p.portrait), a = w((p) => p.setPortrait), n = w((p) => p.setPortraitZoom), { enhance: r, removeBg: s, isEnhancing: d, isRemovingBg: o, error: i, hasKey: c, setApiKey: u } = Le(), g = z(e), f = $(null), [b, h] = N(!1), [E, x] = N(!1), [v, S] = N(null), [y, k] = N(!1), [T, L] = N(!1), H = C(
+function Qe() {
+  const e = w((p) => p.voucherConfig.language), t = w((p) => p.portrait), n = w((p) => p.setPortrait), a = w((p) => p.setPortraitZoom), { enhance: r, removeBg: o, isEnhancing: c, isRemovingBg: s, error: i, hasKey: d, setApiKey: h } = De(), g = $(e), f = D(null), [b, m] = E(!1), [S, I] = E(!1), [x, A] = E(null), [y, P] = E(null), [L, _] = E(!1), [C, M] = E(0), z = D(null);
+  O(() => () => {
+    z.current && clearTimeout(z.current);
+  }, []);
+  const W = T(
     async (p) => {
       if (!p.type.startsWith("image/"))
         return;
-      const P = new FileReader();
-      P.onload = async (D) => {
-        var _;
-        const A = (_ = D.target) == null ? void 0 : _.result;
-        S(A), a(A), k(!1), L(!1);
-      }, P.readAsDataURL(p);
+      const v = new FileReader();
+      v.onload = async (k) => {
+        var Z;
+        const G = (Z = k.target) == null ? void 0 : Z.result;
+        A(G), n(G), _(!1), P(null), M(0);
+      }, v.readAsDataURL(p);
     },
-    [a]
-  ), W = C(
+    [n]
+  ), ce = T(
     (p) => {
-      p.preventDefault(), h(!1);
-      const P = p.dataTransfer.files[0];
-      P && H(P);
+      p.preventDefault(), m(!1);
+      const v = p.dataTransfer.files[0];
+      v && W(v);
     },
-    [H]
-  ), se = C((p) => {
-    p.preventDefault(), h(!0);
-  }, []), le = C((p) => {
-    p.preventDefault(), h(!1);
-  }, []), ce = () => {
+    [W]
+  ), de = T((p) => {
+    p.preventDefault(), m(!0);
+  }, []), he = T((p) => {
+    p.preventDefault(), m(!1);
+  }, []), me = () => {
     var p;
     (p = f.current) == null || p.click();
-  }, de = (p) => {
-    var D;
-    const P = (D = p.target.files) == null ? void 0 : D[0];
-    P && H(P);
-  }, K = C(async (p, P, D) => {
-    let A = p;
-    if (P && c)
-      try {
-        A = await s(A);
-      } catch (_) {
-        console.error("Background removal failed:", _);
-      }
-    if (D)
-      try {
-        A = await r(A, "vintage");
-      } catch (_) {
-        console.error("Enhancement failed:", _);
-      }
-    a(A);
-  }, [c, s, r, a]), he = async () => {
-    if (!v) return;
-    if (!y && !c) {
-      x(!0);
+  }, pe = (p) => {
+    var k;
+    const v = (k = p.target.files) == null ? void 0 : k[0];
+    v && W(v);
+  }, H = T(async (p, v) => {
+    try {
+      return await r(p, v);
+    } catch (k) {
+      return console.error("Enhancement failed:", k), p;
+    }
+  }, [r]), V = T(async (p) => {
+    try {
+      const v = await o(p);
+      return P(v), v;
+    } catch (v) {
+      return console.error("Background removal failed:", v), p;
+    }
+  }, [o]), ue = async () => {
+    if (!x) return;
+    if (!L && !d) {
+      I(!0);
       return;
     }
-    const p = !y;
-    k(p), await K(v, p, T);
-  }, pe = async () => {
-    if (!v) return;
-    const p = !T;
-    L(p), await K(v, y, p);
-  }, me = async (p) => {
-    u(p), v && (k(!0), await K(v, !0, T));
-  }, ue = () => {
-    a(null), S(null), k(!1), L(!1);
-  }, ge = t.original;
-  return /* @__PURE__ */ m("div", { className: "space-y-4", children: [
-    t.original ? /* @__PURE__ */ m("div", { className: "space-y-4", children: [
-      /* @__PURE__ */ l("div", { className: "flex justify-center", children: /* @__PURE__ */ m("div", { className: "relative", children: [
+    const p = !L;
+    if (_(p), p) {
+      const v = await V(x);
+      if (C > 0) {
+        const k = await H(v, C);
+        n(k);
+      } else
+        n(v);
+    } else if (P(null), C > 0) {
+      const v = await H(x, C);
+      n(v);
+    } else
+      n(x);
+  }, ge = (p) => {
+    M(p), z.current && clearTimeout(z.current), x && (z.current = setTimeout(async () => {
+      const v = L && y ? y : x;
+      if (p === 0)
+        n(v);
+      else {
+        const k = await H(v, p);
+        n(k);
+      }
+    }, 150));
+  }, fe = async (p) => {
+    if (h(p), !x) return;
+    _(!0);
+    const v = await V(x);
+    if (C > 0) {
+      const k = await H(v, C);
+      n(k);
+    } else
+      n(v);
+  }, be = () => {
+    n(null), A(null), P(null), _(!1), M(0);
+  };
+  return /* @__PURE__ */ u("div", { className: "space-y-4", children: [
+    t.original ? /* @__PURE__ */ u("div", { className: "flex flex-col items-center space-y-4", children: [
+      /* @__PURE__ */ u("div", { className: "relative", children: [
         /* @__PURE__ */ l("div", { className: "w-32 h-32 rounded-full overflow-hidden border-4 border-currency-gold shadow-lg", children: /* @__PURE__ */ l(
           "img",
           {
-            src: ge || "",
+            src: t.original || "",
             alt: "Portrait",
             className: "w-full h-full object-cover",
             style: { transform: `scale(${t.zoom})` }
@@ -531,7 +558,7 @@ function Xe() {
           "button",
           {
             className: "btn btn-circle btn-xs btn-error absolute -top-1 -right-1",
-            onClick: ue,
+            onClick: be,
             children: /* @__PURE__ */ l(
               "svg",
               {
@@ -553,11 +580,11 @@ function Xe() {
             )
           }
         )
-      ] }) }),
-      /* @__PURE__ */ m("div", { className: "form-control", children: [
-        /* @__PURE__ */ m("label", { className: "label", children: [
+      ] }),
+      /* @__PURE__ */ u("div", { className: "form-control w-full max-w-xs", children: [
+        /* @__PURE__ */ u("label", { className: "label", children: [
           /* @__PURE__ */ l("span", { className: "label-text", children: g.form.portrait.zoom }),
-          /* @__PURE__ */ m("span", { className: "label-text-alt", children: [
+          /* @__PURE__ */ u("span", { className: "label-text-alt", children: [
             Math.round(t.zoom * 100),
             "%"
           ] })
@@ -570,60 +597,67 @@ function Xe() {
             max: "2",
             step: "0.05",
             value: t.zoom,
-            onChange: (p) => n(parseFloat(p.target.value)),
+            onChange: (p) => a(parseFloat(p.target.value)),
             className: "range range-primary range-sm"
           }
         )
       ] }),
-      /* @__PURE__ */ m("div", { className: "flex flex-col gap-3", children: [
-        /* @__PURE__ */ l("div", { className: "form-control", children: /* @__PURE__ */ m("label", { className: "label cursor-pointer justify-start gap-3", children: [
-          /* @__PURE__ */ l(
-            "input",
-            {
-              type: "checkbox",
-              className: `toggle toggle-primary ${o ? "opacity-50" : ""}`,
-              checked: y,
-              onChange: he,
-              disabled: o
-            }
-          ),
-          /* @__PURE__ */ m("span", { className: "label-text flex items-center gap-2", children: [
-            o ? /* @__PURE__ */ m(M, { children: [
-              /* @__PURE__ */ l("span", { className: "loading loading-spinner loading-xs" }),
-              e === "de" ? "Hintergrund wird entfernt..." : "Removing background..."
-            ] }) : e === "de" ? "Hintergrund entfernen" : "Remove background",
-            !c && /* @__PURE__ */ l("span", { className: "badge badge-sm badge-outline", children: "API" })
+      /* @__PURE__ */ u("div", { className: "form-control w-full max-w-xs", children: [
+        /* @__PURE__ */ u("label", { className: "label", children: [
+          /* @__PURE__ */ u("span", { className: "label-text flex items-center gap-2", children: [
+            e === "de" ? "Gravur-Effekt" : "Engraving effect",
+            c && /* @__PURE__ */ l("span", { className: "loading loading-spinner loading-xs" })
+          ] }),
+          /* @__PURE__ */ u("span", { className: "label-text-alt", children: [
+            Math.round(C * 100),
+            "%"
           ] })
-        ] }) }),
-        /* @__PURE__ */ l("div", { className: "form-control", children: /* @__PURE__ */ m("label", { className: "label cursor-pointer justify-start gap-3", children: [
-          /* @__PURE__ */ l(
-            "input",
-            {
-              type: "checkbox",
-              className: `toggle toggle-secondary ${d ? "opacity-50" : ""}`,
-              checked: T,
-              onChange: pe,
-              disabled: d
-            }
-          ),
-          /* @__PURE__ */ l("span", { className: "label-text flex items-center gap-2", children: d ? /* @__PURE__ */ m(M, { children: [
+        ] }),
+        /* @__PURE__ */ l(
+          "input",
+          {
+            type: "range",
+            min: "0",
+            max: "1",
+            step: "0.05",
+            value: C,
+            onChange: (p) => ge(parseFloat(p.target.value)),
+            className: "range range-secondary range-sm",
+            disabled: c
+          }
+        )
+      ] }),
+      /* @__PURE__ */ l("div", { className: "form-control", children: /* @__PURE__ */ u("label", { className: "label cursor-pointer justify-start gap-3", children: [
+        /* @__PURE__ */ l(
+          "input",
+          {
+            type: "checkbox",
+            className: `toggle toggle-primary ${s ? "opacity-50" : ""}`,
+            checked: L,
+            onChange: ue,
+            disabled: s
+          }
+        ),
+        /* @__PURE__ */ u("span", { className: "label-text flex items-center gap-2", children: [
+          s ? /* @__PURE__ */ u(j, { children: [
             /* @__PURE__ */ l("span", { className: "loading loading-spinner loading-xs" }),
-            e === "de" ? "Gravur-Effekt wird angewendet..." : "Applying engraving effect..."
-          ] }) : e === "de" ? "Gravur-Effekt" : "Engraving effect" })
-        ] }) }),
-        i && /* @__PURE__ */ m("div", { className: "alert alert-warning text-sm py-2", children: [
-          /* @__PURE__ */ l("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: /* @__PURE__ */ l("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" }) }),
-          /* @__PURE__ */ l("span", { children: i })
+            e === "de" ? "Hintergrund wird entfernt..." : "Removing background..."
+          ] }) : e === "de" ? "Hintergrund entfernen" : "Remove background",
+          !d && /* @__PURE__ */ l("span", { className: "badge badge-sm badge-outline", children: "API" })
         ] })
+      ] }) }),
+      i && /* @__PURE__ */ u("div", { className: "alert alert-warning text-sm py-2", children: [
+        /* @__PURE__ */ l("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: /* @__PURE__ */ l("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" }) }),
+        /* @__PURE__ */ l("span", { children: i })
       ] })
-    ] }) : /* @__PURE__ */ m(
+    ] }) : /* @__PURE__ */ u(
       "div",
       {
-        className: `border-2 border-dashed rounded-lg p-8 text-center cursor-pointer transition-colors ${o ? "border-primary bg-primary/10 pointer-events-none" : b ? "border-primary bg-primary/10" : "border-base-300 hover:border-primary hover:bg-base-200"}`,
-        onDrop: W,
-        onDragOver: se,
-        onDragLeave: le,
-        onClick: ce,
+        className: `border-2 border-dashed rounded-lg p-8 text-center cursor-pointer transition-colors ${s ? "border-primary bg-primary/10 pointer-events-none" : b ? "border-primary bg-primary/10" : "border-base-300 hover:border-primary hover:bg-base-200"}`,
+        onDrop: ce,
+        onDragOver: de,
+        onDragLeave: he,
+        onClick: me,
         children: [
           /* @__PURE__ */ l(
             "input",
@@ -632,13 +666,13 @@ function Xe() {
               type: "file",
               accept: "image/*",
               className: "hidden",
-              onChange: de
+              onChange: pe
             }
           ),
-          o ? /* @__PURE__ */ m("div", { className: "flex flex-col items-center gap-2", children: [
+          s ? /* @__PURE__ */ u("div", { className: "flex flex-col items-center gap-2", children: [
             /* @__PURE__ */ l("span", { className: "loading loading-spinner loading-lg text-primary" }),
             /* @__PURE__ */ l("p", { className: "font-medium", children: e === "de" ? "Hintergrund wird entfernt..." : "Removing background..." })
-          ] }) : /* @__PURE__ */ m("div", { className: "flex flex-col items-center gap-2", children: [
+          ] }) : /* @__PURE__ */ u("div", { className: "flex flex-col items-center gap-2", children: [
             /* @__PURE__ */ l(
               "svg",
               {
@@ -665,60 +699,60 @@ function Xe() {
       }
     ),
     /* @__PURE__ */ l(
-      De,
+      Re,
       {
-        isOpen: E,
-        onClose: () => x(!1),
-        onSubmit: me
+        isOpen: S,
+        onClose: () => I(!1),
+        onSubmit: fe
       }
     )
   ] });
 }
-function Je() {
+function et() {
   return null;
 }
-const I = typeof import.meta < "u" && "/" || "/", _e = {
+const N = typeof import.meta < "u" && "/" || "/", Be = {
   en: {
     1: {
-      front: `${I}templates/front_ldpi_en.png`,
-      back: `${I}templates/back_ldpi_en.png`,
+      front: `${N}templates/front_ldpi_en.png`,
+      back: `${N}templates/back_ldpi_en.png`,
       width: 1536,
       height: 1024
     },
     5: {
-      front: `${I}templates/front_ldpi_en.png`,
-      back: `${I}templates/back_ldpi_en.png`,
+      front: `${N}templates/front_ldpi_en.png`,
+      back: `${N}templates/back_ldpi_en.png`,
       width: 1536,
       height: 1024
     },
     10: {
-      front: `${I}templates/front_ldpi_en.png`,
-      back: `${I}templates/back_ldpi_en.png`,
+      front: `${N}templates/front_ldpi_en.png`,
+      back: `${N}templates/back_ldpi_en.png`,
       width: 1536,
       height: 1024
     }
   },
   de: {
     1: {
-      front: `${I}templates/front_hdpi_de.webp`,
-      back: `${I}templates/back_hdpi_de.webp`,
+      front: `${N}templates/front_hdpi_de.webp`,
+      back: `${N}templates/back_hdpi_de.webp`,
       width: 6144,
       height: 3200
     },
     5: {
-      front: `${I}templates/front_hdpi_de.webp`,
-      back: `${I}templates/back_hdpi_de.webp`,
+      front: `${N}templates/front_hdpi_de.webp`,
+      back: `${N}templates/back_hdpi_de.webp`,
       width: 6144,
       height: 3200
     },
     10: {
-      front: `${I}templates/front_hdpi_de.webp`,
-      back: `${I}templates/back_hdpi_de.webp`,
+      front: `${N}templates/front_hdpi_de.webp`,
+      back: `${N}templates/back_hdpi_de.webp`,
       width: 6144,
       height: 3200
     }
   }
-}, B = {
+}, R = {
   front: {
     portrait: {
       x: 768,
@@ -764,7 +798,7 @@ const I = typeof import.meta < "u" && "/" || "/", _e = {
       align: "center"
     }
   }
-}, R = {
+}, B = {
   front: {
     portrait: {
       x: 3074,
@@ -811,139 +845,139 @@ const I = typeof import.meta < "u" && "/" || "/", _e = {
     }
   }
 };
-function te(e) {
-  return e === "de" ? R : B;
+function ae(e) {
+  return e === "de" ? B : R;
 }
-function ne(e, t) {
-  return _e[e][t];
+function re(e, t) {
+  return Be[e][t];
 }
-const O = /* @__PURE__ */ new Map();
+const K = /* @__PURE__ */ new Map();
 async function Y(e) {
-  return O.has(e) ? O.get(e) : new Promise((t, a) => {
-    const n = new Image();
-    n.crossOrigin = "anonymous", n.onload = () => {
-      O.set(e, n), t(n);
-    }, n.onerror = a, n.src = e;
+  return K.has(e) ? K.get(e) : new Promise((t, n) => {
+    const a = new Image();
+    a.crossOrigin = "anonymous", a.onload = () => {
+      K.set(e, a), t(a);
+    }, a.onerror = n, a.src = e;
   });
 }
-function ae(e, t, a, n) {
-  e.drawImage(t, 0, 0, a, n);
+function oe(e, t, n, a) {
+  e.drawImage(t, 0, 0, n, a);
 }
-function Be(e, t, a, n, r, s, d = 1) {
-  e.save(), e.beginPath(), e.ellipse(a, n, r, s, 0, 0, Math.PI * 2), e.closePath(), e.clip();
-  const o = t.width / t.height, i = r / s, c = r * 2, u = s * 2;
+function $e(e, t, n, a, r, o, c = 1) {
+  e.save(), e.beginPath(), e.ellipse(n, a, r, o, 0, 0, Math.PI * 2), e.closePath(), e.clip();
+  const s = t.width / t.height, i = r / o, d = r * 2, h = o * 2;
   let g, f;
-  o > i ? (f = u, g = u * o) : (g = c, f = c / o), g *= d, f *= d;
-  const b = a - g / 2, h = n - f / 2;
-  e.drawImage(t, b, h, g, f), e.restore();
+  s > i ? (f = h, g = h * s) : (g = d, f = d / s), g *= c, f *= c;
+  const b = n - g / 2, m = a - f / 2;
+  e.drawImage(t, b, m, g, f), e.restore();
 }
-function re(e, t, a, n = "#2a3a2a") {
-  e.save(), e.font = `${a.fontSize}px "Times New Roman", serif`, e.textAlign = a.align || "center", e.textBaseline = "middle", e.fillStyle = n, a.maxWidth ? e.fillText(t, a.x, a.y, a.maxWidth) : e.fillText(t, a.x, a.y), e.restore();
+function ie(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 Re(e, t, a, n = "#2a3a2a") {
-  e.save(), e.font = `${a.fontSize}px "Times New Roman", serif`, e.textAlign = a.align || "center", e.textBaseline = "top", e.fillStyle = n;
-  const r = a.maxWidth || 400, s = a.lineHeight || a.fontSize * 1.4, d = t.split(" "), o = [];
+function Me(e, t, n, a = "#2a3a2a") {
+  e.save(), e.font = `${n.fontSize}px "Times New Roman", serif`, e.textAlign = n.align || "center", e.textBaseline = "top", e.fillStyle = a;
+  const r = n.maxWidth || 400, o = n.lineHeight || n.fontSize * 1.4, c = t.split(" "), s = [];
   let i = "";
-  for (const g of d) {
+  for (const g of c) {
     const f = i ? `${i} ${g}` : g;
-    e.measureText(f).width > r && i ? (o.push(i), i = g) : i = f;
+    e.measureText(f).width > r && i ? (s.push(i), i = g) : i = f;
   }
-  i && o.push(i);
-  const c = o.length * s;
-  let u = a.y - c / 2;
-  for (const g of o)
-    e.fillText(g, a.x, u), u += s;
+  i && s.push(i);
+  const d = s.length * o;
+  let h = n.y - d / 2;
+  for (const g of s)
+    e.fillText(g, n.x, h), h += o;
   e.restore();
 }
-function $e(e, t, a, n, r, s = "#2a3a2a") {
-  e.save(), e.font = `${r.fontSize}px "Times New Roman", serif`, e.textAlign = r.align || "center", e.textBaseline = "middle", e.fillStyle = s;
-  const d = r.lineHeight || r.fontSize * 1.8, o = [t, a, n].filter(Boolean), i = (o.length - 1) * d;
-  let c = r.y - i / 2;
-  for (const u of o)
-    u && (e.fillText(u, r.x, c), c += d);
+function ze(e, t, n, a, r, o = "#2a3a2a") {
+  e.save(), e.font = `${r.fontSize}px "Times New Roman", serif`, e.textAlign = r.align || "center", e.textBaseline = "middle", e.fillStyle = o;
+  const c = r.lineHeight || r.fontSize * 1.8, s = [t, n, a].filter(Boolean), i = (s.length - 1) * c;
+  let d = r.y - i / 2;
+  for (const h of s)
+    h && (e.fillText(h, r.x, d), d += c);
   e.restore();
 }
-async function oe(e, t, a, n, r, s, d, o = 1) {
+async function se(e, t, n, a, r, o, c, s = 1) {
   const i = e.getContext("2d");
   if (!i) return;
-  e.width = s, e.height = d, i.clearRect(0, 0, s, d);
-  const c = await Y(t);
-  if (ae(i, c, s, d), a)
+  e.width = o, e.height = c, i.clearRect(0, 0, o, c);
+  const d = await Y(t);
+  if (oe(i, d, o, c), n)
     try {
-      const u = await Y(a);
-      Be(
+      const h = await Y(n);
+      $e(
         i,
-        u,
+        h,
         r.portrait.x,
         r.portrait.y,
         r.portrait.radiusX,
         r.portrait.radiusY,
-        o
+        s
       );
-    } catch (u) {
-      console.error("Failed to load portrait:", u);
+    } catch (h) {
+      console.error("Failed to load portrait:", h);
     }
-  n && re(i, n, r.namePlate);
+  a && ie(i, a, r.namePlate);
 }
-async function ie(e, t, a, n, r, s, d, o, i) {
-  const c = e.getContext("2d");
-  if (!c) return;
-  e.width = o, e.height = i, c.clearRect(0, 0, o, i);
-  const u = await Y(t);
-  ae(c, u, o, i), d.contactInfo && (a || n || r) && $e(c, a, n, r, d.contactInfo), d.description && s && Re(c, s, d.description), a && re(c, a, d.namePlate);
+async function le(e, t, n, a, r, o, c, s, i) {
+  const d = e.getContext("2d");
+  if (!d) return;
+  e.width = s, e.height = i, d.clearRect(0, 0, s, i);
+  const h = await Y(t);
+  oe(d, h, s, i), c.contactInfo && (n || a || r) && ze(d, n, a, r, c.contactInfo), c.description && o && Me(d, o, c.description), n && ie(d, n, c.namePlate);
 }
-function Qe() {
-  const e = w((y) => y.voucherConfig.language), t = w((y) => y.voucherConfig.hours), a = w((y) => y.voucherConfig.description), n = w((y) => y.personalInfo), r = w((y) => y.portrait), s = w((y) => y.currentSide), d = w((y) => y.flipSide), o = z(e), i = $(null), c = $(null), u = $(null), [g, f] = N(!1), b = ne(e, t), h = te(e), E = r.useEnhanced && r.enhanced ? r.enhanced : r.original, x = J(e, t, a);
-  G(() => {
-    i.current && oe(
+function tt() {
+  const e = w((y) => y.voucherConfig.language), t = w((y) => y.voucherConfig.hours), n = w((y) => y.voucherConfig.description), a = w((y) => y.personalInfo), r = w((y) => y.portrait), o = w((y) => y.currentSide), c = w((y) => y.flipSide), s = $(e), i = D(null), d = D(null), h = D(null), [g, f] = E(!1), b = re(e, t), m = ae(e), S = r.useEnhanced && r.enhanced ? r.enhanced : r.original, I = ee(e, t, n);
+  O(() => {
+    i.current && se(
       i.current,
       b.front,
-      E,
-      n.name,
-      h.front,
+      S,
+      a.name,
+      m.front,
       b.width,
       b.height,
       r.zoom
     );
-  }, [b, E, n.name, h, r.zoom]), G(() => {
-    c.current && ie(
-      c.current,
+  }, [b, S, a.name, m, r.zoom]), O(() => {
+    d.current && le(
+      d.current,
       b.back,
-      n.name,
-      n.email,
-      n.phone,
-      x,
-      h.back,
+      a.name,
+      a.email,
+      a.phone,
+      I,
+      m.back,
       b.width,
       b.height
     );
-  }, [b, n, x, h]);
-  const v = () => {
+  }, [b, a, I, m]);
+  const x = () => {
     f(!0), setTimeout(() => {
-      d(), f(!1);
+      c(), f(!1);
     }, 150);
-  }, S = b.width / b.height;
-  return /* @__PURE__ */ m("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ m("div", { className: "flex justify-between items-center", children: [
-      /* @__PURE__ */ m("div", { className: "tabs tabs-boxed bg-base-200", children: [
+  }, A = b.width / b.height;
+  return /* @__PURE__ */ u("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ u("div", { className: "flex justify-between items-center", children: [
+      /* @__PURE__ */ u("div", { className: "tabs tabs-boxed bg-base-200", children: [
         /* @__PURE__ */ l(
           "button",
           {
-            className: `tab ${s === "front" ? "tab-active bg-primary text-primary-content font-semibold" : ""}`,
-            onClick: () => s !== "front" && v(),
-            children: o.preview.front
+            className: `tab ${o === "front" ? "tab-active bg-primary text-primary-content font-semibold" : ""}`,
+            onClick: () => o !== "front" && x(),
+            children: s.preview.front
           }
         ),
         /* @__PURE__ */ l(
           "button",
           {
-            className: `tab ${s === "back" ? "tab-active bg-primary text-primary-content font-semibold" : ""}`,
-            onClick: () => s !== "back" && v(),
-            children: o.preview.back
+            className: `tab ${o === "back" ? "tab-active bg-primary text-primary-content font-semibold" : ""}`,
+            onClick: () => o !== "back" && x(),
+            children: s.preview.back
           }
         )
       ] }),
-      /* @__PURE__ */ m("button", { className: "btn btn-ghost btn-sm", onClick: v, children: [
+      /* @__PURE__ */ u("button", { className: "btn btn-ghost btn-sm", onClick: x, children: [
         /* @__PURE__ */ l(
           "svg",
           {
@@ -963,28 +997,28 @@ function Qe() {
             )
           }
         ),
-        o.preview.flip
+        s.preview.flip
       ] })
     ] }),
-    /* @__PURE__ */ m(
+    /* @__PURE__ */ u(
       "div",
       {
-        ref: u,
+        ref: h,
         className: "relative w-full overflow-hidden  shadow-lg",
-        style: { aspectRatio: S },
+        style: { aspectRatio: A },
         children: [
           /* @__PURE__ */ l(
             "canvas",
             {
               ref: i,
-              className: `absolute inset-0 w-full h-full transition-all duration-300 ${s === "front" ? g ? "opacity-0 scale-95" : "opacity-100 scale-100" : "opacity-0 scale-95 pointer-events-none"}`
+              className: `absolute inset-0 w-full h-full transition-all duration-300 ${o === "front" ? g ? "opacity-0 scale-95" : "opacity-100 scale-100" : "opacity-0 scale-95 pointer-events-none"}`
             }
           ),
           /* @__PURE__ */ l(
             "canvas",
             {
-              ref: c,
-              className: `absolute inset-0 w-full h-full transition-all duration-300 ${s === "back" ? g ? "opacity-0 scale-95" : "opacity-100 scale-100" : "opacity-0 scale-95 pointer-events-none"}`
+              ref: d,
+              className: `absolute inset-0 w-full h-full transition-all duration-300 ${o === "back" ? g ? "opacity-0 scale-95" : "opacity-100 scale-100" : "opacity-0 scale-95 pointer-events-none"}`
             }
           )
         ]
@@ -992,85 +1026,85 @@ function Qe() {
     )
   ] });
 }
-function et() {
-  const e = $(null), t = $(null);
+function nt() {
+  const e = D(null), t = D(null);
   return { frontCanvasRef: e, backCanvasRef: t };
 }
-async function ze(e) {
+async function He(e) {
   const {
     frontTemplateSrc: t,
-    backTemplateSrc: a,
-    templateWidth: n,
+    backTemplateSrc: n,
+    templateWidth: a,
     templateHeight: r,
-    layout: s,
-    portrait: d,
-    portraitZoom: o = 1,
+    layout: o,
+    portrait: c,
+    portraitZoom: s = 1,
     name: i,
-    email: c,
-    phone: u,
+    email: d,
+    phone: h,
     description: g
   } = e, f = document.createElement("canvas"), b = document.createElement("canvas");
   await Promise.all([
-    oe(f, t, d, i, s.front, n, r, o),
-    ie(b, a, i, c, u, g, s.back, n, r)
+    se(f, t, c, i, o.front, a, r, s),
+    le(b, n, i, d, h, g, o.back, a, r)
   ]);
-  const h = new ye({
+  const m = new ye({
     orientation: "landscape",
     unit: "mm",
     format: "a4"
-  }), E = 297, x = 210, v = 10, S = n / r;
-  let y = E - v * 2, k = y / S;
-  k > x - v * 2 && (k = x - v * 2, y = k * S);
-  const T = (E - y) / 2, L = (x - k) / 2, H = f.toDataURL("image/jpeg", 0.95);
-  h.addImage(H, "JPEG", T, L, y, k), h.addPage();
-  const W = b.toDataURL("image/jpeg", 0.95);
-  return h.addImage(W, "JPEG", T, L, y, k), h.output("blob");
+  }), S = 297, I = 210, x = 10, A = a / r;
+  let y = S - x * 2, P = y / A;
+  P > I - x * 2 && (P = I - x * 2, y = P * A);
+  const L = (S - y) / 2, _ = (I - P) / 2, C = f.toDataURL("image/jpeg", 0.95);
+  m.addImage(C, "JPEG", L, _, y, P), m.addPage();
+  const M = b.toDataURL("image/jpeg", 0.95);
+  return m.addImage(M, "JPEG", L, _, y, P), m.output("blob");
 }
-function He(e, t) {
-  const a = URL.createObjectURL(e), n = document.createElement("a");
-  n.href = a, n.download = t, document.body.appendChild(n), n.click(), document.body.removeChild(n), URL.revokeObjectURL(a);
+function Ue(e, t) {
+  const n = URL.createObjectURL(e), a = document.createElement("a");
+  a.href = n, a.download = t, document.body.appendChild(a), a.click(), document.body.removeChild(a), URL.revokeObjectURL(n);
 }
-async function Me(e) {
-  const t = await ze(e);
-  He(t, e.filename);
+async function Fe(e) {
+  const t = await He(e);
+  Ue(t, e.filename);
 }
-function tt() {
-  const e = w((h) => h.voucherConfig.language), t = w((h) => h.voucherConfig.hours), a = w((h) => h.voucherConfig.description), n = w((h) => h.personalInfo), r = w((h) => h.portrait), s = w((h) => h.isExporting), d = w((h) => h.setIsExporting), o = z(e), i = ne(e, t), c = te(e), u = r.useEnhanced && r.enhanced ? r.enhanced : r.original, g = J(e, t, a), f = n.name.trim().length > 0 && n.email.trim().length > 0 && n.phone.trim().length > 0 && r.original !== null;
+function at() {
+  const e = w((m) => m.voucherConfig.language), t = w((m) => m.voucherConfig.hours), n = w((m) => m.voucherConfig.description), a = w((m) => m.personalInfo), r = w((m) => m.portrait), o = w((m) => m.isExporting), c = w((m) => m.setIsExporting), s = $(e), i = re(e, t), d = ae(e), h = r.useEnhanced && r.enhanced ? r.enhanced : r.original, g = ee(e, t, n), f = a.name.trim().length > 0 && a.email.trim().length > 0 && a.phone.trim().length > 0 && r.original !== null;
   return /* @__PURE__ */ l(
     "button",
     {
-      className: `btn btn-primary flex-1 ${s ? "loading" : ""}`,
+      className: `btn btn-primary flex-1 ${o ? "loading" : ""}`,
       onClick: async () => {
-        if (!(!f || s)) {
-          d(!0);
+        if (!(!f || o)) {
+          c(!0);
           try {
-            const h = `zeitgutschein-${t}h-${n.name.replace(/\s+/g, "-").toLowerCase()}.pdf`;
-            await Me({
+            const m = `zeitgutschein-${t}h-${a.name.replace(/\s+/g, "-").toLowerCase()}.pdf`;
+            await Fe({
               frontTemplateSrc: i.front,
               backTemplateSrc: i.back,
               templateWidth: i.width,
               templateHeight: i.height,
-              layout: c,
-              portrait: u,
+              layout: d,
+              portrait: h,
               portraitZoom: r.zoom,
-              name: n.name,
-              email: n.email,
-              phone: n.phone,
+              name: a.name,
+              email: a.email,
+              phone: a.phone,
               description: g,
-              filename: h
+              filename: m
             });
-          } catch (h) {
-            console.error("PDF export failed:", h);
+          } catch (m) {
+            console.error("PDF export failed:", m);
           } finally {
-            d(!1);
+            c(!1);
           }
         }
       },
-      disabled: !f || s,
-      children: s ? /* @__PURE__ */ m(M, { children: [
+      disabled: !f || o,
+      children: o ? /* @__PURE__ */ u(j, { children: [
         /* @__PURE__ */ l("span", { className: "loading loading-spinner loading-sm" }),
-        o.export.exporting
-      ] }) : /* @__PURE__ */ m(M, { children: [
+        s.export.exporting
+      ] }) : /* @__PURE__ */ u(j, { children: [
         /* @__PURE__ */ l(
           "svg",
           {
@@ -1090,21 +1124,21 @@ function tt() {
             )
           }
         ),
-        o.export.button
+        s.export.button
       ] })
     }
   );
 }
-function Ue() {
-  const e = w((n) => n.voucherConfig.language), t = w((n) => n.setLanguage), a = (n) => {
-    t(n);
+function We() {
+  const e = w((a) => a.voucherConfig.language), t = w((a) => a.setLanguage), n = (a) => {
+    t(a);
   };
-  return /* @__PURE__ */ m("div", { className: "join", children: [
+  return /* @__PURE__ */ u("div", { className: "join", children: [
     /* @__PURE__ */ l(
       "button",
       {
         className: `join-item btn btn-sm ${e === "de" ? "btn-active btn-primary" : "btn-ghost"}`,
-        onClick: () => a("de"),
+        onClick: () => n("de"),
         children: "DE"
       }
     ),
@@ -1112,21 +1146,21 @@ function Ue() {
       "button",
       {
         className: `join-item btn btn-sm ${e === "en" ? "btn-active btn-primary" : "btn-ghost"}`,
-        onClick: () => a("en"),
+        onClick: () => n("en"),
         children: "EN"
       }
     )
   ] });
 }
-function nt() {
-  const e = w((a) => a.voucherConfig.language), t = z(e);
-  return /* @__PURE__ */ m("div", { className: "navbar bg-currency-green text-currency-cream shadow-lg", children: [
+function rt() {
+  const e = w((n) => n.voucherConfig.language), t = $(e);
+  return /* @__PURE__ */ u("div", { className: "navbar bg-currency-green text-currency-cream shadow-lg", children: [
     /* @__PURE__ */ l("div", { className: "navbar-start", children: /* @__PURE__ */ l("a", { className: "btn btn-ghost text-xl font-currency font-bold", children: t.header.title }) }),
     /* @__PURE__ */ l("div", { className: "navbar-center hidden sm:flex", children: /* @__PURE__ */ l("span", { className: "text-sm opacity-80", children: t.header.subtitle }) }),
-    /* @__PURE__ */ l("div", { className: "navbar-end", children: /* @__PURE__ */ l(Ue, {}) })
+    /* @__PURE__ */ l("div", { className: "navbar-end", children: /* @__PURE__ */ l(We, {}) })
   ] });
 }
-const U = "/", Fe = {
+const U = "/", Ke = {
   id: "time-voucher-classic-de",
   name: "Zeitgutschein Classic",
   type: "time-voucher",
@@ -1180,17 +1214,17 @@ const U = "/", Fe = {
   ],
   layout: {
     front: {
-      portrait: R.front.portrait,
-      name: R.front.namePlate
+      portrait: B.front.portrait,
+      name: B.front.namePlate
     },
     back: {
-      name: R.back.namePlate,
-      contactInfo: R.back.contactInfo,
-      description: R.back.description
+      name: B.back.namePlate,
+      contactInfo: B.back.contactInfo,
+      description: B.back.description
     }
   },
   languages: ["de"]
-}, We = {
+}, je = {
   id: "time-voucher-classic-en",
   name: "Time Voucher Classic",
   type: "time-voucher",
@@ -1244,86 +1278,86 @@ const U = "/", Fe = {
   ],
   layout: {
     front: {
-      portrait: B.front.portrait,
-      name: B.front.namePlate
+      portrait: R.front.portrait,
+      name: R.front.namePlate
     },
     back: {
-      name: B.back.namePlate,
-      contactInfo: B.back.contactInfo,
-      description: B.back.description
+      name: R.back.namePlate,
+      contactInfo: R.back.contactInfo,
+      description: R.back.description
     }
   },
   languages: ["en"]
-}, X = [
-  Fe,
-  We
-], Ke = {
+}, Q = [
+  Ke,
+  je
+], Oe = {
   async listTemplates(e) {
-    let t = [...X];
-    return e != null && e.type && (t = t.filter((a) => a.type === e.type)), e != null && e.category && (t = t.filter((a) => a.category === e.category)), e != null && e.language && (t = t.filter((a) => a.languages.includes(e.language))), t;
+    let t = [...Q];
+    return e != null && e.type && (t = t.filter((n) => n.type === e.type)), e != null && e.category && (t = t.filter((n) => n.category === e.category)), e != null && e.language && (t = t.filter((n) => n.languages.includes(e.language))), t;
   },
   async getTemplate(e) {
-    const t = X.find((a) => a.id === e);
+    const t = Q.find((n) => n.id === e);
     if (!t)
       throw new Error(`Template not found: ${e}`);
     return t;
   }
 };
-function at(e) {
+function ot(e) {
   return e === "de" ? "time-voucher-classic-de" : "time-voucher-classic-en";
 }
-let F = Ke;
-function rt(e) {
+let F = Oe;
+function it(e) {
   F = e;
 }
-function ot() {
+function st() {
   return F;
 }
-async function it(e) {
+async function lt(e) {
   return F.listTemplates(e);
 }
-async function st(e) {
+async function ct(e) {
   return F.getTemplate(e);
 }
 export {
-  De as ApiKeyModal,
-  Qe as BillPreview,
-  tt as ExportButton,
-  nt as Header,
-  R as LAYOUT_HDPI,
-  B as LAYOUT_LDPI,
-  Ue as LanguageToggle,
-  Ve as PersonalInfoForm,
-  Xe as PortraitUpload,
-  _e as TEMPLATES,
-  Je as VoucherConfig,
-  He as downloadBlob,
-  $e as drawContactInfo,
-  Re as drawMultilineText,
-  Be as drawOvalPortrait,
-  ae as drawTemplate,
-  re as drawText,
-  Ze as enhancePortrait,
-  Te as enhancePortraitFallback,
-  Me as exportBillAsPDF,
-  J as formatDescription,
-  ze as generateBillPDF,
+  Re as ApiKeyModal,
+  tt as BillPreview,
+  at as ExportButton,
+  rt as Header,
+  B as LAYOUT_HDPI,
+  R as LAYOUT_LDPI,
+  We as LanguageToggle,
+  Xe as PersonalInfoForm,
+  Qe as PortraitUpload,
+  Be as TEMPLATES,
+  et as VoucherConfig,
+  Ne as applyEngravingEffect,
+  Ue as downloadBlob,
+  ze as drawContactInfo,
+  Me as drawMultilineText,
+  $e as drawOvalPortrait,
+  oe as drawTemplate,
+  ie as drawText,
+  Je as enhancePortrait,
+  Fe as exportBillAsPDF,
+  ee as formatDescription,
+  He as generateBillPDF,
   q as getApiKey,
-  at as getDefaultTemplateId,
-  te as getLayout,
-  ne as getTemplate,
-  st as getTemplateById,
-  ot as getTemplateProvider,
-  Ce as hasApiKey,
-  it as listTemplates,
+  ot as getDefaultTemplateId,
+  ae as getLayout,
+  re as getTemplate,
+  ct as getTemplateById,
+  st as getTemplateProvider,
+  Le as hasApiKey,
+  lt as listTemplates,
   Y as loadImage,
-  Ae as removeBackground,
-  ie as renderBackSide,
-  oe as renderFrontSide,
-  Se as setApiKey,
-  rt as setTemplateProvider,
-  Ke as staticTemplateProvider,
-  z as t,
-  et as useBillCanvasRefs,
+  _e as removeBackground,
+  le as renderBackSide,
+  se as renderFrontSide,
+  Ae as setApiKey,
+  it as setTemplateProvider,
+  Oe as staticTemplateProvider,
+  $ as t,
+  nt as useBillCanvasRefs,
   w as useBillStore
 };