@antontranelis/money-printer 1.0.4 → 1.0.6

package/dist/index.js

@@ -1,9 +1,9 @@
-import { jsxs as g, jsx as i, Fragment as $ } from "react/jsx-runtime";
-import { create as me } from "zustand";
-import { persist as ue } from "zustand/middleware";
-import { useState as N, useCallback as S, useRef as L, useEffect as V } from "react";
-import ge from "jspdf";
-const G = {
+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 ye from "jspdf";
+const V = {
   personalInfo: {
     name: "",
     email: "",
@@ -23,10 +23,10 @@ const G = {
   currentSide: "front",
   isEnhancing: !1,
   isExporting: !1
-}, w = me()(
-  ue(
+}, w = fe()(
+  be(
     (e) => ({
-      ...G,
+      ...V,
       setPersonalInfo: (t) => e((a) => ({
         personalInfo: { ...a.personalInfo, ...t }
       })),
@@ -72,7 +72,7 @@ const G = {
       setHours: (t) => e((a) => ({
         voucherConfig: { ...a.voucherConfig, hours: t }
       })),
-      reset: () => e(G)
+      reset: () => e(V)
     }),
     {
       name: "money-generator-storage",
@@ -82,7 +82,7 @@ const G = {
       })
     }
   )
-), fe = {
+), we = {
   header: {
     title: "Money Generator",
     subtitle: "Erstelle deinen persönlichen Zeitgutschein"
@@ -129,7 +129,7 @@ const G = {
   bill: {
     descriptionText: "Für diesen Schein erhältst du {hours} {hourLabel} meiner Zeit oder ein gleichwertiges Dankeschön"
   }
-}, be = {
+}, ve = {
   header: {
     title: "Money Generator",
     subtitle: "Create your personal time voucher"
@@ -176,22 +176,22 @@ const G = {
   bill: {
     descriptionText: "This voucher entitles you to {hours} {hourLabel} of my time or an equivalent thank you"
   }
-}, we = { de: fe, en: be };
-function _(e) {
-  return we[e];
+}, xe = { de: we, en: ve };
+function z(e) {
+  return xe[e];
 }
-function ee(e, t, a) {
+function J(e, t, a) {
   if (a && a.trim())
     return a;
-  const n = _(e), r = t === 1 ? n.form.voucher.hourLabel : n.form.voucher.hoursLabel;
+  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 je() {
-  const e = w((r) => r.voucherConfig.language), t = w((r) => r.personalInfo), a = w((r) => r.setPersonalInfo), n = _(e);
-  return /* @__PURE__ */ g("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ g("div", { className: "form-control", children: [
-      /* @__PURE__ */ i("label", { className: "label", children: /* @__PURE__ */ i("span", { className: "label-text font-medium", children: n.form.personalInfo.name }) }),
-      /* @__PURE__ */ i(
+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 }) }),
+      /* @__PURE__ */ l(
         "input",
         {
           type: "text",
@@ -202,9 +202,9 @@ function je() {
         }
       )
     ] }),
-    /* @__PURE__ */ g("div", { className: "form-control", children: [
-      /* @__PURE__ */ i("label", { className: "label", children: /* @__PURE__ */ i("span", { className: "label-text font-medium", children: n.form.personalInfo.email }) }),
-      /* @__PURE__ */ i(
+    /* @__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__ */ l(
         "input",
         {
           type: "email",
@@ -215,9 +215,9 @@ function je() {
         }
       )
     ] }),
-    /* @__PURE__ */ g("div", { className: "form-control", children: [
-      /* @__PURE__ */ i("label", { className: "label", children: /* @__PURE__ */ i("span", { className: "label-text font-medium", children: n.form.personalInfo.phone }) }),
-      /* @__PURE__ */ i(
+    /* @__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__ */ l(
         "input",
         {
           type: "tel",
@@ -230,7 +230,7 @@ function je() {
     ] })
   ] });
 }
-const K = {}, ye = "https://api.stability.ai/v1/generation", ve = "https://api.stability.ai/v2beta/stable-image/edit/remove-background", te = "stability_api_key", xe = {
+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 = {
   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"
@@ -245,80 +245,80 @@ const K = {}, ye = "https://api.stability.ai/v1/generation", ve = "https://api.s
   { width: 832, height: 1216 },
   { width: 896, height: 1152 }
 ];
-function ke(e, t) {
+function Ee(e, t) {
   const a = e / t;
   let n = Z[0], r = 1 / 0;
-  for (const o of Z) {
-    const d = o.width / o.height, l = Math.abs(a - d);
-    l < r && (r = l, n = o);
+  for (const s of Z) {
+    const d = s.width / s.height, o = Math.abs(a - d);
+    o < r && (r = o, n = s);
   }
   return n;
 }
-function Ie(e) {
+function Pe(e) {
   return new Promise((t, a) => {
     const n = new Image();
     n.onload = () => {
-      const r = ke(n.width, n.height), o = document.createElement("canvas");
-      o.width = r.width, o.height = r.height;
-      const d = o.getContext("2d");
+      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"));
         return;
       }
-      const l = n.width / n.height, s = r.width / r.height;
-      let c = 0, m = 0, f = n.width, b = n.height;
-      l > s ? (f = n.height * s, c = (n.width - f) / 2) : (b = n.width / s, m = (n.height - b) / 2), d.drawImage(n, c, m, f, b, 0, 0, r.width, r.height), t(o.toDataURL("image/png"));
+      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;
   });
 }
-function ne(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, o = new Uint8Array(r);
-  for (let l = 0; l < r; l++)
-    o[l] = n.charCodeAt(l);
-  return new Blob([o], { type: a });
+  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 Y() {
+function q() {
   var t;
-  const e = typeof import.meta < "u" && (K == null ? void 0 : K.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(te) : null;
+  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;
 }
-function Ee(e) {
-  localStorage.setItem(te, e);
+function Se(e) {
+  localStorage.setItem(Q, e);
 }
-function X() {
-  return Y() !== null;
+function Ce() {
+  return q() !== null;
 }
-async function Pe(e) {
-  const t = Y();
+async function Ze(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, o = await Ie(a), d = ne(o), l = new FormData();
-  l.append("init_image", d, "portrait.png"), l.append("init_image_mode", "IMAGE_STRENGTH"), l.append("image_strength", String(1 - r)), l.append("text_prompts[0][text]", xe[n]), l.append("text_prompts[0][weight]", "1"), l.append("cfg_scale", "7"), l.append("samples", "1"), l.append("steps", "30");
-  const c = await fetch(`${ye}/stable-diffusion-xl-1024-v1-0/image-to-image`, {
+  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`, {
     method: "POST",
     headers: {
       Authorization: `Bearer ${t}`,
       Accept: "application/json"
     },
-    body: l
+    body: o
   });
   if (!c.ok) {
-    const f = await c.text();
-    throw console.error("Stability AI error:", f), 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}`);
+    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}`);
   }
-  const m = await c.json();
-  if (!m.artifacts || m.artifacts.length === 0)
+  const u = await c.json();
+  if (!u.artifacts || u.artifacts.length === 0)
     throw new Error("No image generated");
-  return `data:image/png;base64,${m.artifacts[0].base64}`;
+  return `data:image/png;base64,${u.artifacts[0].base64}`;
 }
-async function Ne(e) {
-  const t = Y();
+async function Ae(e) {
+  const t = q();
   if (!t)
     throw new Error("No Stability AI API key configured");
-  const a = ne(e), n = new FormData();
+  const a = ee(e), n = new FormData();
   n.append("image", a, "image.png"), n.append("output_format", "png");
-  const r = await fetch(ve, {
+  const r = await fetch(ke, {
     method: "POST",
     headers: {
       Authorization: `Bearer ${t}`,
@@ -330,59 +330,60 @@ async function Ne(e) {
     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 o = await r.blob();
-  return new Promise((d, l) => {
-    const s = new FileReader();
-    s.onload = () => d(s.result), s.onerror = () => l(new Error("Failed to read result")), s.readAsDataURL(o);
+  const s = await r.blob();
+  return new Promise((d, o) => {
+    const i = new FileReader();
+    i.onload = () => d(i.result), i.onerror = () => o(new Error("Failed to read result")), i.readAsDataURL(s);
   });
 }
-async function J(e) {
+async function Te(e) {
   return new Promise((t, a) => {
     const n = new Image();
     n.onload = () => {
-      const r = document.createElement("canvas"), o = r.getContext("2d");
-      if (!o) {
+      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, o.filter = "sepia(0.3) contrast(1.1) saturate(0.9)", o.drawImage(n, 0, 0), t(r.toDataURL("image/png"));
+      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;
   });
 }
-function Se() {
-  const [e, t] = N(!1), [a, n] = N(!1), [r, o] = N(null), [d, l] = N(X()), s = S(() => o(null), []), c = S((b) => {
-    Ee(b), l(!0), o(null);
-  }, []), m = S(
-    async (b, u = "vintage") => {
-      t(!0), o(null);
+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);
       try {
-        return X() ? await Pe({
-          imageDataUrl: b,
-          style: u,
-          strength: 0.35
-        }) : await J(b);
+        return await Te(f);
       } catch (h) {
-        const k = h instanceof Error ? h.message : "Enhancement failed";
-        if (o(k), k.includes("API") || k.includes("key"))
-          try {
-            return await J(b);
-          } catch {
-            throw h;
-          }
-        throw h;
+        const E = h instanceof Error ? h.message : "Enhancement failed";
+        throw s(E), h;
       } finally {
         t(!1);
       }
     },
     []
-  ), f = S(
-    async (b) => {
-      n(!0), o(null);
+  ), g = C(
+    async (f) => {
+      n(!0), s(null);
       try {
-        return await Ne(b);
-      } catch (u) {
-        const h = u instanceof Error ? u.message : "Background removal failed";
-        throw o(h), u;
+        return await Ae(f);
+      } catch (b) {
+        const h = b instanceof Error ? b.message : "Background removal failed";
+        throw s(h), b;
       } finally {
         n(!1);
       }
@@ -390,22 +391,22 @@ function Se() {
     []
   );
   return {
-    enhance: m,
-    removeBg: f,
+    enhance: u,
+    removeBg: g,
     isEnhancing: e,
     isRemovingBg: a,
     error: r,
     hasKey: d,
     setApiKey: c,
-    clearError: s
+    clearError: i
   };
 }
-function Ce({ isOpen: e, onClose: t, onSubmit: a }) {
-  const n = w((c) => c.voucherConfig.language), [r, o] = N("");
+function De({ isOpen: e, onClose: t, onSubmit: a }) {
+  const n = w((c) => c.voucherConfig.language), [r, s] = N("");
   if (!e) return null;
   const d = (c) => {
-    c.preventDefault(), r.trim() && (a(r.trim()), o(""), t());
-  }, s = {
+    c.preventDefault(), r.trim() && (a(r.trim()), s(""), t());
+  }, i = {
     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.",
@@ -423,115 +424,115 @@ function Ce({ isOpen: e, onClose: t, onSubmit: a }) {
       hint: "The key is stored locally in your browser."
     }
   }[n];
-  return /* @__PURE__ */ g("dialog", { className: "modal modal-open", children: [
-    /* @__PURE__ */ g("div", { className: "modal-box", children: [
-      /* @__PURE__ */ i("h3", { className: "font-bold text-lg", children: s.title }),
-      /* @__PURE__ */ i("p", { className: "py-4 text-sm opacity-80", children: s.description }),
-      /* @__PURE__ */ g("form", { onSubmit: d, children: [
-        /* @__PURE__ */ g("div", { className: "form-control", children: [
-          /* @__PURE__ */ i(
+  return /* @__PURE__ */ m("dialog", { className: "modal modal-open", children: [
+    /* @__PURE__ */ m("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__ */ l(
             "input",
             {
               type: "password",
-              placeholder: s.placeholder,
+              placeholder: i.placeholder,
               className: "input input-bordered w-full",
               value: r,
-              onChange: (c) => o(c.target.value),
+              onChange: (c) => s(c.target.value),
               autoFocus: !0
             }
           ),
-          /* @__PURE__ */ i("label", { className: "label", children: /* @__PURE__ */ i("span", { className: "label-text-alt", children: s.hint }) })
+          /* @__PURE__ */ l("label", { className: "label", children: /* @__PURE__ */ l("span", { className: "label-text-alt", children: i.hint }) })
         ] }),
-        /* @__PURE__ */ g("div", { className: "modal-action", children: [
-          /* @__PURE__ */ i("button", { type: "button", className: "btn btn-ghost", onClick: t, children: s.cancel }),
-          /* @__PURE__ */ i("button", { type: "submit", className: "btn btn-primary", disabled: !r.trim(), children: s.submit })
+        /* @__PURE__ */ m("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 })
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ i("form", { method: "dialog", className: "modal-backdrop", children: /* @__PURE__ */ i("button", { onClick: t, children: "close" }) })
+    /* @__PURE__ */ l("form", { method: "dialog", className: "modal-backdrop", children: /* @__PURE__ */ l("button", { onClick: t, children: "close" }) })
   ] });
 }
-function Ye() {
-  const e = w((p) => p.voucherConfig.language), t = w((p) => p.portrait), a = w((p) => p.setPortrait), n = w((p) => p.setEnhancedPortrait), r = w((p) => p.toggleUseEnhanced), o = w((p) => p.setPortraitZoom), { enhance: d, removeBg: l, isEnhancing: s, isRemovingBg: c, error: m, hasKey: f, setApiKey: b } = Se(), u = _(e), h = L(null), [k, I] = N(!1), [E, C] = N(!1), y = S(
+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(
     async (p) => {
       if (!p.type.startsWith("image/"))
         return;
-      const v = new FileReader();
-      v.onload = async (R) => {
-        var q;
-        const F = (q = R.target) == null ? void 0 : q.result;
-        if (f)
-          try {
-            const W = await l(F);
-            a(W);
-          } catch (W) {
-            console.error("Background removal failed, using original:", W), a(F);
-          }
-        else
-          a(F);
-      }, v.readAsDataURL(p);
+      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);
     },
-    [a, f, l]
-  ), P = S(
+    [a]
+  ), W = C(
     (p) => {
-      p.preventDefault(), I(!1);
-      const v = p.dataTransfer.files[0];
-      v && y(v);
+      p.preventDefault(), h(!1);
+      const P = p.dataTransfer.files[0];
+      P && H(P);
     },
-    [y]
-  ), D = S((p) => {
-    p.preventDefault(), I(!0);
-  }, []), B = S((p) => {
-    p.preventDefault(), I(!1);
-  }, []), M = () => {
+    [H]
+  ), se = C((p) => {
+    p.preventDefault(), h(!0);
+  }, []), le = C((p) => {
+    p.preventDefault(), h(!1);
+  }, []), ce = () => {
     var p;
-    (p = h.current) == null || p.click();
-  }, U = (p) => {
-    var R;
-    const v = (R = p.target.files) == null ? void 0 : R[0];
-    v && y(v);
-  }, ce = async () => {
-    if (t.original) {
-      if (!f) {
-        C(!0);
-        return;
-      }
+    (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 {
-        const p = await d(t.original, "vintage");
-        n(p);
-      } catch (p) {
-        console.error("Enhancement failed:", p);
+        A = await s(A);
+      } catch (_) {
+        console.error("Background removal failed:", _);
       }
-    }
-  }, de = async (p) => {
-    if (b(p), t.original)
+    if (D)
       try {
-        const v = await d(t.original, "vintage");
-        n(v);
-      } catch (v) {
-        console.error("Enhancement failed:", v);
+        A = await r(A, "vintage");
+      } catch (_) {
+        console.error("Enhancement failed:", _);
       }
-  }, he = () => {
-    a(null);
-  }, pe = t.useEnhanced && t.enhanced ? t.enhanced : t.original;
-  return /* @__PURE__ */ g("div", { className: "space-y-4", children: [
-    t.original ? /* @__PURE__ */ g("div", { className: "space-y-4", children: [
-      /* @__PURE__ */ i("div", { className: "flex justify-center", children: /* @__PURE__ */ g("div", { className: "relative", children: [
-        /* @__PURE__ */ i("div", { className: "w-32 h-32 rounded-full overflow-hidden border-4 border-currency-gold shadow-lg", children: /* @__PURE__ */ i(
+    a(A);
+  }, [c, s, r, a]), he = async () => {
+    if (!v) return;
+    if (!y && !c) {
+      x(!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: [
+        /* @__PURE__ */ l("div", { className: "w-32 h-32 rounded-full overflow-hidden border-4 border-currency-gold shadow-lg", children: /* @__PURE__ */ l(
           "img",
           {
-            src: pe || "",
+            src: ge || "",
             alt: "Portrait",
             className: "w-full h-full object-cover",
             style: { transform: `scale(${t.zoom})` }
           }
         ) }),
-        /* @__PURE__ */ i(
+        /* @__PURE__ */ l(
           "button",
           {
             className: "btn btn-circle btn-xs btn-error absolute -top-1 -right-1",
-            onClick: he,
-            children: /* @__PURE__ */ i(
+            onClick: ue,
+            children: /* @__PURE__ */ l(
               "svg",
               {
                 xmlns: "http://www.w3.org/2000/svg",
@@ -539,7 +540,7 @@ function Ye() {
                 fill: "none",
                 viewBox: "0 0 24 24",
                 stroke: "currentColor",
-                children: /* @__PURE__ */ i(
+                children: /* @__PURE__ */ l(
                   "path",
                   {
                     strokeLinecap: "round",
@@ -553,15 +554,15 @@ function Ye() {
           }
         )
       ] }) }),
-      /* @__PURE__ */ g("div", { className: "form-control", children: [
-        /* @__PURE__ */ g("label", { className: "label", children: [
-          /* @__PURE__ */ i("span", { className: "label-text", children: u.form.portrait.zoom }),
-          /* @__PURE__ */ g("span", { className: "label-text-alt", children: [
+      /* @__PURE__ */ m("div", { className: "form-control", children: [
+        /* @__PURE__ */ m("label", { className: "label", children: [
+          /* @__PURE__ */ l("span", { className: "label-text", children: g.form.portrait.zoom }),
+          /* @__PURE__ */ m("span", { className: "label-text-alt", children: [
             Math.round(t.zoom * 100),
             "%"
           ] })
         ] }),
-        /* @__PURE__ */ i(
+        /* @__PURE__ */ l(
           "input",
           {
             type: "range",
@@ -569,86 +570,76 @@ function Ye() {
             max: "2",
             step: "0.05",
             value: t.zoom,
-            onChange: (p) => o(parseFloat(p.target.value)),
+            onChange: (p) => n(parseFloat(p.target.value)),
             className: "range range-primary range-sm"
           }
         )
       ] }),
-      f && /* @__PURE__ */ g("div", { className: "flex flex-col gap-2", children: [
-        /* @__PURE__ */ i(
-          "button",
-          {
-            className: `btn btn-secondary ${s ? "loading" : ""}`,
-            onClick: ce,
-            disabled: s,
-            children: s ? /* @__PURE__ */ g($, { children: [
-              /* @__PURE__ */ i("span", { className: "loading loading-spinner loading-sm" }),
-              u.form.portrait.enhancing
-            ] }) : /* @__PURE__ */ g($, { children: [
-              /* @__PURE__ */ i(
-                "svg",
-                {
-                  xmlns: "http://www.w3.org/2000/svg",
-                  className: "h-5 w-5 mr-1",
-                  fill: "none",
-                  viewBox: "0 0 24 24",
-                  stroke: "currentColor",
-                  children: /* @__PURE__ */ i(
-                    "path",
-                    {
-                      strokeLinecap: "round",
-                      strokeLinejoin: "round",
-                      strokeWidth: 2,
-                      d: "M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"
-                    }
-                  )
-                }
-              ),
-              u.form.portrait.enhance
-            ] })
-          }
-        ),
-        m && /* @__PURE__ */ g("div", { className: "alert alert-warning text-sm py-2", children: [
-          /* @__PURE__ */ i("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__ */ i("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__ */ i("span", { children: m })
-        ] }),
-        t.enhanced && /* @__PURE__ */ i("div", { className: "form-control", children: /* @__PURE__ */ g("label", { className: "label cursor-pointer justify-start gap-3", children: [
-          /* @__PURE__ */ i(
+      /* @__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",
-              checked: t.useEnhanced,
-              onChange: r
+              className: `toggle toggle-primary ${o ? "opacity-50" : ""}`,
+              checked: y,
+              onChange: he,
+              disabled: o
             }
           ),
-          /* @__PURE__ */ i("span", { className: "label-text", children: t.useEnhanced ? u.form.portrait.useEnhanced : u.form.portrait.useOriginal })
-        ] }) })
+          /* @__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__ */ 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("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 })
+        ] })
       ] })
-    ] }) : /* @__PURE__ */ g(
+    ] }) : /* @__PURE__ */ m(
       "div",
       {
-        className: `border-2 border-dashed rounded-lg p-8 text-center cursor-pointer transition-colors ${c ? "border-primary bg-primary/10 pointer-events-none" : k ? "border-primary bg-primary/10" : "border-base-300 hover:border-primary hover:bg-base-200"}`,
-        onDrop: P,
-        onDragOver: D,
-        onDragLeave: B,
-        onClick: M,
+        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,
         children: [
-          /* @__PURE__ */ i(
+          /* @__PURE__ */ l(
             "input",
             {
-              ref: h,
+              ref: f,
               type: "file",
               accept: "image/*",
               className: "hidden",
-              onChange: U
+              onChange: de
             }
           ),
-          c ? /* @__PURE__ */ g("div", { className: "flex flex-col items-center gap-2", children: [
-            /* @__PURE__ */ i("span", { className: "loading loading-spinner loading-lg text-primary" }),
-            /* @__PURE__ */ i("p", { className: "font-medium", children: e === "de" ? "Hintergrund wird entfernt..." : "Removing background..." })
-          ] }) : /* @__PURE__ */ g("div", { className: "flex flex-col items-center gap-2", children: [
-            /* @__PURE__ */ i(
+          o ? /* @__PURE__ */ m("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__ */ l(
               "svg",
               {
                 xmlns: "http://www.w3.org/2000/svg",
@@ -656,7 +647,7 @@ function Ye() {
                 fill: "none",
                 viewBox: "0 0 24 24",
                 stroke: "currentColor",
-                children: /* @__PURE__ */ i(
+                children: /* @__PURE__ */ l(
                   "path",
                   {
                     strokeLinecap: "round",
@@ -667,67 +658,67 @@ function Ye() {
                 )
               }
             ),
-            /* @__PURE__ */ i("p", { className: "font-medium", children: u.form.portrait.upload }),
-            /* @__PURE__ */ i("p", { className: "text-sm text-base-content/60", children: u.form.portrait.dragDrop })
+            /* @__PURE__ */ l("p", { className: "font-medium", children: g.form.portrait.upload }),
+            /* @__PURE__ */ l("p", { className: "text-sm text-base-content/60", children: g.form.portrait.dragDrop })
           ] })
         ]
       }
     ),
-    /* @__PURE__ */ i(
-      Ce,
+    /* @__PURE__ */ l(
+      De,
       {
         isOpen: E,
-        onClose: () => C(!1),
-        onSubmit: de
+        onClose: () => x(!1),
+        onSubmit: me
       }
     )
   ] });
 }
-function qe() {
+function Je() {
   return null;
 }
-const x = typeof import.meta < "u" && "/" || "/", Ae = {
+const I = typeof import.meta < "u" && "/" || "/", _e = {
   en: {
     1: {
-      front: `${x}templates/front_ldpi_en.png`,
-      back: `${x}templates/back_ldpi_en.png`,
+      front: `${I}templates/front_ldpi_en.png`,
+      back: `${I}templates/back_ldpi_en.png`,
       width: 1536,
       height: 1024
     },
     5: {
-      front: `${x}templates/front_ldpi_en.png`,
-      back: `${x}templates/back_ldpi_en.png`,
+      front: `${I}templates/front_ldpi_en.png`,
+      back: `${I}templates/back_ldpi_en.png`,
       width: 1536,
       height: 1024
     },
     10: {
-      front: `${x}templates/front_ldpi_en.png`,
-      back: `${x}templates/back_ldpi_en.png`,
+      front: `${I}templates/front_ldpi_en.png`,
+      back: `${I}templates/back_ldpi_en.png`,
       width: 1536,
       height: 1024
     }
   },
   de: {
     1: {
-      front: `${x}templates/front_hdpi_de.webp`,
-      back: `${x}templates/back_hdpi_de.webp`,
+      front: `${I}templates/front_hdpi_de.webp`,
+      back: `${I}templates/back_hdpi_de.webp`,
       width: 6144,
       height: 3200
     },
     5: {
-      front: `${x}templates/front_hdpi_de.webp`,
-      back: `${x}templates/back_hdpi_de.webp`,
+      front: `${I}templates/front_hdpi_de.webp`,
+      back: `${I}templates/back_hdpi_de.webp`,
       width: 6144,
       height: 3200
     },
     10: {
-      front: `${x}templates/front_hdpi_de.webp`,
-      back: `${x}templates/back_hdpi_de.webp`,
+      front: `${I}templates/front_hdpi_de.webp`,
+      back: `${I}templates/back_hdpi_de.webp`,
       width: 6144,
       height: 3200
     }
   }
-}, A = {
+}, B = {
   front: {
     portrait: {
       x: 768,
@@ -773,7 +764,7 @@ const x = typeof import.meta < "u" && "/" || "/", Ae = {
       align: "center"
     }
   }
-}, T = {
+}, R = {
   front: {
     portrait: {
       x: 3074,
@@ -820,14 +811,14 @@ const x = typeof import.meta < "u" && "/" || "/", Ae = {
     }
   }
 };
-function ae(e) {
-  return e === "de" ? T : A;
+function te(e) {
+  return e === "de" ? R : B;
 }
-function re(e, t) {
-  return Ae[e][t];
+function ne(e, t) {
+  return _e[e][t];
 }
 const O = /* @__PURE__ */ new Map();
-async function j(e) {
+async function Y(e) {
   return O.has(e) ? O.get(e) : new Promise((t, a) => {
     const n = new Image();
     n.crossOrigin = "anonymous", n.onload = () => {
@@ -835,125 +826,125 @@ async function j(e) {
     }, n.onerror = a, n.src = e;
   });
 }
-function oe(e, t, a, n) {
+function ae(e, t, a, n) {
   e.drawImage(t, 0, 0, a, n);
 }
-function Te(e, t, a, n, r, o, d = 1) {
-  e.save(), e.beginPath(), e.ellipse(a, n, r, o, 0, 0, Math.PI * 2), e.closePath(), e.clip();
-  const l = t.width / t.height, s = r / o, c = r * 2, m = o * 2;
-  let f, b;
-  l > s ? (b = m, f = m * l) : (f = c, b = c / l), f *= d, b *= d;
-  const u = a - f / 2, h = n - b / 2;
-  e.drawImage(t, u, h, f, b), e.restore();
+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;
+  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();
 }
-function ie(e, t, a, n = "#2a3a2a") {
+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 Le(e, t, a, n = "#2a3a2a") {
+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, o = a.lineHeight || a.fontSize * 1.4, d = t.split(" "), l = [];
-  let s = "";
-  for (const f of d) {
-    const b = s ? `${s} ${f}` : f;
-    e.measureText(b).width > r && s ? (l.push(s), s = f) : s = b;
+  const r = a.maxWidth || 400, s = a.lineHeight || a.fontSize * 1.4, d = t.split(" "), o = [];
+  let i = "";
+  for (const g of d) {
+    const f = i ? `${i} ${g}` : g;
+    e.measureText(f).width > r && i ? (o.push(i), i = g) : i = f;
   }
-  s && l.push(s);
-  const c = l.length * o;
-  let m = a.y - c / 2;
-  for (const f of l)
-    e.fillText(f, a.x, m), m += o;
+  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;
   e.restore();
 }
-function _e(e, t, a, n, 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 d = r.lineHeight || r.fontSize * 1.8, l = [t, a, n].filter(Boolean), s = (l.length - 1) * d;
-  let c = r.y - s / 2;
-  for (const m of l)
-    m && (e.fillText(m, r.x, c), c += d);
+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);
   e.restore();
 }
-async function se(e, t, a, n, r, o, d, l = 1) {
-  const s = e.getContext("2d");
-  if (!s) return;
-  e.width = o, e.height = d, s.clearRect(0, 0, o, d);
-  const c = await j(t);
-  if (oe(s, c, o, d), a)
+async function oe(e, t, a, n, r, s, d, o = 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)
     try {
-      const m = await j(a);
-      Te(
-        s,
-        m,
+      const u = await Y(a);
+      Be(
+        i,
+        u,
         r.portrait.x,
         r.portrait.y,
         r.portrait.radiusX,
         r.portrait.radiusY,
-        l
+        o
       );
-    } catch (m) {
-      console.error("Failed to load portrait:", m);
+    } catch (u) {
+      console.error("Failed to load portrait:", u);
     }
-  n && ie(s, n, r.namePlate);
+  n && re(i, n, r.namePlate);
 }
-async function le(e, t, a, n, r, o, d, l, s) {
+async function ie(e, t, a, n, r, s, d, o, i) {
   const c = e.getContext("2d");
   if (!c) return;
-  e.width = l, e.height = s, c.clearRect(0, 0, l, s);
-  const m = await j(t);
-  oe(c, m, l, s), d.contactInfo && (a || n || r) && _e(c, a, n, r, d.contactInfo), d.description && o && Le(c, o, d.description), a && ie(c, a, d.namePlate);
+  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);
 }
-function Ve() {
-  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), o = w((y) => y.currentSide), d = w((y) => y.flipSide), l = _(e), s = L(null), c = L(null), m = L(null), [f, b] = N(!1), u = re(e, t), h = ae(e), k = r.useEnhanced && r.enhanced ? r.enhanced : r.original, I = ee(e, t, a);
-  V(() => {
-    s.current && se(
-      s.current,
-      u.front,
-      k,
+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(
+      i.current,
+      b.front,
+      E,
       n.name,
       h.front,
-      u.width,
-      u.height,
+      b.width,
+      b.height,
       r.zoom
     );
-  }, [u, k, n.name, h, r.zoom]), V(() => {
-    c.current && le(
+  }, [b, E, n.name, h, r.zoom]), G(() => {
+    c.current && ie(
       c.current,
-      u.back,
+      b.back,
       n.name,
       n.email,
       n.phone,
-      I,
+      x,
       h.back,
-      u.width,
-      u.height
+      b.width,
+      b.height
     );
-  }, [u, n, I, h]);
-  const E = () => {
-    b(!0), setTimeout(() => {
-      d(), b(!1);
+  }, [b, n, x, h]);
+  const v = () => {
+    f(!0), setTimeout(() => {
+      d(), f(!1);
     }, 150);
-  }, C = u.width / u.height;
-  return /* @__PURE__ */ g("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ g("div", { className: "flex justify-between items-center", children: [
-      /* @__PURE__ */ g("div", { className: "tabs tabs-boxed bg-base-200", children: [
-        /* @__PURE__ */ i(
+  }, 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: [
+        /* @__PURE__ */ l(
           "button",
           {
-            className: `tab ${o === "front" ? "tab-active bg-primary text-primary-content font-semibold" : ""}`,
-            onClick: () => o !== "front" && E(),
-            children: l.preview.front
+            className: `tab ${s === "front" ? "tab-active bg-primary text-primary-content font-semibold" : ""}`,
+            onClick: () => s !== "front" && v(),
+            children: o.preview.front
           }
         ),
-        /* @__PURE__ */ i(
+        /* @__PURE__ */ l(
           "button",
           {
-            className: `tab ${o === "back" ? "tab-active bg-primary text-primary-content font-semibold" : ""}`,
-            onClick: () => o !== "back" && E(),
-            children: l.preview.back
+            className: `tab ${s === "back" ? "tab-active bg-primary text-primary-content font-semibold" : ""}`,
+            onClick: () => s !== "back" && v(),
+            children: o.preview.back
           }
         )
       ] }),
-      /* @__PURE__ */ g("button", { className: "btn btn-ghost btn-sm", onClick: E, children: [
-        /* @__PURE__ */ i(
+      /* @__PURE__ */ m("button", { className: "btn btn-ghost btn-sm", onClick: v, children: [
+        /* @__PURE__ */ l(
           "svg",
           {
             xmlns: "http://www.w3.org/2000/svg",
@@ -961,7 +952,7 @@ function Ve() {
             fill: "none",
             viewBox: "0 0 24 24",
             stroke: "currentColor",
-            children: /* @__PURE__ */ i(
+            children: /* @__PURE__ */ l(
               "path",
               {
                 strokeLinecap: "round",
@@ -972,28 +963,28 @@ function Ve() {
             )
           }
         ),
-        l.preview.flip
+        o.preview.flip
       ] })
     ] }),
-    /* @__PURE__ */ g(
+    /* @__PURE__ */ m(
       "div",
       {
-        ref: m,
+        ref: u,
         className: "relative w-full overflow-hidden  shadow-lg",
-        style: { aspectRatio: C },
+        style: { aspectRatio: S },
         children: [
-          /* @__PURE__ */ i(
+          /* @__PURE__ */ l(
             "canvas",
             {
-              ref: s,
-              className: `absolute inset-0 w-full h-full transition-all duration-300 ${o === "front" ? f ? "opacity-0 scale-95" : "opacity-100 scale-100" : "opacity-0 scale-95 pointer-events-none"}`
+              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"}`
             }
           ),
-          /* @__PURE__ */ i(
+          /* @__PURE__ */ l(
             "canvas",
             {
               ref: c,
-              className: `absolute inset-0 w-full h-full transition-all duration-300 ${o === "back" ? f ? "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 ${s === "back" ? g ? "opacity-0 scale-95" : "opacity-100 scale-100" : "opacity-0 scale-95 pointer-events-none"}`
             }
           )
         ]
@@ -1001,71 +992,71 @@ function Ve() {
     )
   ] });
 }
-function Ge() {
-  const e = L(null), t = L(null);
+function et() {
+  const e = $(null), t = $(null);
   return { frontCanvasRef: e, backCanvasRef: t };
 }
-async function De(e) {
+async function ze(e) {
   const {
     frontTemplateSrc: t,
     backTemplateSrc: a,
     templateWidth: n,
     templateHeight: r,
-    layout: o,
+    layout: s,
     portrait: d,
-    portraitZoom: l = 1,
-    name: s,
+    portraitZoom: o = 1,
+    name: i,
     email: c,
-    phone: m,
-    description: f
-  } = e, b = document.createElement("canvas"), u = document.createElement("canvas");
+    phone: u,
+    description: g
+  } = e, f = document.createElement("canvas"), b = document.createElement("canvas");
   await Promise.all([
-    se(b, t, d, s, o.front, n, r, l),
-    le(u, a, s, c, m, f, o.back, n, r)
+    oe(f, t, d, i, s.front, n, r, o),
+    ie(b, a, i, c, u, g, s.back, n, r)
   ]);
-  const h = new ge({
+  const h = new ye({
     orientation: "landscape",
     unit: "mm",
     format: "a4"
-  }), k = 297, I = 210, E = 10, C = n / r;
-  let y = k - E * 2, P = y / C;
-  P > I - E * 2 && (P = I - E * 2, y = P * C);
-  const D = (k - y) / 2, B = (I - P) / 2, M = b.toDataURL("image/jpeg", 0.95);
-  h.addImage(M, "JPEG", D, B, y, P), h.addPage();
-  const U = u.toDataURL("image/jpeg", 0.95);
-  return h.addImage(U, "JPEG", D, B, y, P), h.output("blob");
+  }), 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");
 }
-function Be(e, t) {
+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);
 }
-async function Re(e) {
-  const t = await De(e);
-  Be(t, e.filename);
+async function Me(e) {
+  const t = await ze(e);
+  He(t, e.filename);
 }
-function Ze() {
-  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), o = w((h) => h.isExporting), d = w((h) => h.setIsExporting), l = _(e), s = re(e, t), c = ae(e), m = r.useEnhanced && r.enhanced ? r.enhanced : r.original, f = ee(e, t, a), b = n.name.trim().length > 0 && n.email.trim().length > 0 && n.phone.trim().length > 0 && r.original !== null;
-  return /* @__PURE__ */ i(
+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;
+  return /* @__PURE__ */ l(
     "button",
     {
-      className: `btn btn-primary flex-1 ${o ? "loading" : ""}`,
+      className: `btn btn-primary flex-1 ${s ? "loading" : ""}`,
       onClick: async () => {
-        if (!(!b || o)) {
+        if (!(!f || s)) {
           d(!0);
           try {
             const h = `zeitgutschein-${t}h-${n.name.replace(/\s+/g, "-").toLowerCase()}.pdf`;
-            await Re({
-              frontTemplateSrc: s.front,
-              backTemplateSrc: s.back,
-              templateWidth: s.width,
-              templateHeight: s.height,
+            await Me({
+              frontTemplateSrc: i.front,
+              backTemplateSrc: i.back,
+              templateWidth: i.width,
+              templateHeight: i.height,
               layout: c,
-              portrait: m,
+              portrait: u,
               portraitZoom: r.zoom,
               name: n.name,
               email: n.email,
               phone: n.phone,
-              description: f,
+              description: g,
               filename: h
             });
           } catch (h) {
@@ -1075,12 +1066,12 @@ function Ze() {
           }
         }
       },
-      disabled: !b || o,
-      children: o ? /* @__PURE__ */ g($, { children: [
-        /* @__PURE__ */ i("span", { className: "loading loading-spinner loading-sm" }),
-        l.export.exporting
-      ] }) : /* @__PURE__ */ g($, { children: [
-        /* @__PURE__ */ i(
+      disabled: !f || s,
+      children: s ? /* @__PURE__ */ m(M, { children: [
+        /* @__PURE__ */ l("span", { className: "loading loading-spinner loading-sm" }),
+        o.export.exporting
+      ] }) : /* @__PURE__ */ m(M, { children: [
+        /* @__PURE__ */ l(
           "svg",
           {
             xmlns: "http://www.w3.org/2000/svg",
@@ -1088,7 +1079,7 @@ function Ze() {
             fill: "none",
             viewBox: "0 0 24 24",
             stroke: "currentColor",
-            children: /* @__PURE__ */ i(
+            children: /* @__PURE__ */ l(
               "path",
               {
                 strokeLinecap: "round",
@@ -1099,17 +1090,17 @@ function Ze() {
             )
           }
         ),
-        l.export.button
+        o.export.button
       ] })
     }
   );
 }
-function $e() {
+function Ue() {
   const e = w((n) => n.voucherConfig.language), t = w((n) => n.setLanguage), a = (n) => {
     t(n);
   };
-  return /* @__PURE__ */ g("div", { className: "join", children: [
-    /* @__PURE__ */ i(
+  return /* @__PURE__ */ m("div", { className: "join", children: [
+    /* @__PURE__ */ l(
       "button",
       {
         className: `join-item btn btn-sm ${e === "de" ? "btn-active btn-primary" : "btn-ghost"}`,
@@ -1117,7 +1108,7 @@ function $e() {
         children: "DE"
       }
     ),
-    /* @__PURE__ */ i(
+    /* @__PURE__ */ l(
       "button",
       {
         className: `join-item btn btn-sm ${e === "en" ? "btn-active btn-primary" : "btn-ghost"}`,
@@ -1127,22 +1118,22 @@ function $e() {
     )
   ] });
 }
-function Xe() {
-  const e = w((a) => a.voucherConfig.language), t = _(e);
-  return /* @__PURE__ */ g("div", { className: "navbar bg-currency-green text-currency-cream shadow-lg", children: [
-    /* @__PURE__ */ i("div", { className: "navbar-start", children: /* @__PURE__ */ i("a", { className: "btn btn-ghost text-xl font-currency font-bold", children: t.header.title }) }),
-    /* @__PURE__ */ i("div", { className: "navbar-center hidden sm:flex", children: /* @__PURE__ */ i("span", { className: "text-sm opacity-80", children: t.header.subtitle }) }),
-    /* @__PURE__ */ i("div", { className: "navbar-end", children: /* @__PURE__ */ i($e, {}) })
+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: [
+    /* @__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, {}) })
   ] });
 }
-const z = "/", ze = {
+const U = "/", Fe = {
   id: "time-voucher-classic-de",
   name: "Zeitgutschein Classic",
   type: "time-voucher",
   category: "classic",
   images: {
-    front: `${z}templates/front_hdpi_de.jpg`,
-    back: `${z}templates/back_hdpi_de.jpg`,
+    front: `${U}templates/front_hdpi_de.jpg`,
+    back: `${U}templates/back_hdpi_de.jpg`,
     width: 6144,
     height: 4096
   },
@@ -1189,24 +1180,24 @@ const z = "/", ze = {
   ],
   layout: {
     front: {
-      portrait: T.front.portrait,
-      name: T.front.namePlate
+      portrait: R.front.portrait,
+      name: R.front.namePlate
     },
     back: {
-      name: T.back.namePlate,
-      contactInfo: T.back.contactInfo,
-      description: T.back.description
+      name: R.back.namePlate,
+      contactInfo: R.back.contactInfo,
+      description: R.back.description
     }
   },
   languages: ["de"]
-}, He = {
+}, We = {
   id: "time-voucher-classic-en",
   name: "Time Voucher Classic",
   type: "time-voucher",
   category: "classic",
   images: {
-    front: `${z}templates/front_ldpi_en.png`,
-    back: `${z}templates/back_ldpi_en.png`,
+    front: `${U}templates/front_ldpi_en.png`,
+    back: `${U}templates/back_ldpi_en.png`,
     width: 1536,
     height: 1024
   },
@@ -1253,86 +1244,86 @@ const z = "/", ze = {
   ],
   layout: {
     front: {
-      portrait: A.front.portrait,
-      name: A.front.namePlate
+      portrait: B.front.portrait,
+      name: B.front.namePlate
     },
     back: {
-      name: A.back.namePlate,
-      contactInfo: A.back.contactInfo,
-      description: A.back.description
+      name: B.back.namePlate,
+      contactInfo: B.back.contactInfo,
+      description: B.back.description
     }
   },
   languages: ["en"]
-}, Q = [
-  ze,
-  He
-], Me = {
+}, X = [
+  Fe,
+  We
+], Ke = {
   async listTemplates(e) {
-    let t = [...Q];
+    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;
   },
   async getTemplate(e) {
-    const t = Q.find((a) => a.id === e);
+    const t = X.find((a) => a.id === e);
     if (!t)
       throw new Error(`Template not found: ${e}`);
     return t;
   }
 };
-function Je(e) {
+function at(e) {
   return e === "de" ? "time-voucher-classic-de" : "time-voucher-classic-en";
 }
-let H = Me;
-function Qe(e) {
-  H = e;
+let F = Ke;
+function rt(e) {
+  F = e;
 }
-function et() {
-  return H;
+function ot() {
+  return F;
 }
-async function tt(e) {
-  return H.listTemplates(e);
+async function it(e) {
+  return F.listTemplates(e);
 }
-async function nt(e) {
-  return H.getTemplate(e);
+async function st(e) {
+  return F.getTemplate(e);
 }
 export {
-  Ce as ApiKeyModal,
-  Ve as BillPreview,
-  Ze as ExportButton,
-  Xe as Header,
-  T as LAYOUT_HDPI,
-  A as LAYOUT_LDPI,
-  $e as LanguageToggle,
-  je as PersonalInfoForm,
-  Ye as PortraitUpload,
-  Ae as TEMPLATES,
-  qe as VoucherConfig,
-  Be as downloadBlob,
-  _e as drawContactInfo,
-  Le as drawMultilineText,
-  Te as drawOvalPortrait,
-  oe as drawTemplate,
-  ie as drawText,
-  Pe as enhancePortrait,
-  J as enhancePortraitFallback,
-  Re as exportBillAsPDF,
-  ee as formatDescription,
-  De as generateBillPDF,
-  Y as getApiKey,
-  Je as getDefaultTemplateId,
-  ae as getLayout,
-  re as getTemplate,
-  nt as getTemplateById,
-  et as getTemplateProvider,
-  X as hasApiKey,
-  tt as listTemplates,
-  j as loadImage,
-  Ne as removeBackground,
-  le as renderBackSide,
-  se as renderFrontSide,
-  Ee as setApiKey,
-  Qe as setTemplateProvider,
-  Me as staticTemplateProvider,
-  _ as t,
-  Ge as useBillCanvasRefs,
+  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,
+  q as getApiKey,
+  at as getDefaultTemplateId,
+  te as getLayout,
+  ne as getTemplate,
+  st as getTemplateById,
+  ot as getTemplateProvider,
+  Ce as hasApiKey,
+  it 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,
   w as useBillStore
 };