@antontranelis/money-printer 1.0.8 → 1.0.9

package/dist/index.js

@@ -1,9 +1,9 @@
-import { jsxs as u, jsx as l, Fragment as j } from "react/jsx-runtime";
+import { jsxs as u, jsx as l, Fragment as O } 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 X = {
+import { persist as ye } from "zustand/middleware";
+import { useState as N, useCallback as T, useRef as _, useEffect as Y } from "react";
+import xe from "jspdf";
+const J = {
   personalInfo: {
     name: "",
     email: "",
@@ -23,10 +23,10 @@ const X = {
   currentSide: "front",
   isEnhancing: !1,
   isExporting: !1
-}, w = ve()(
-  we(
+}, v = ve()(
+  ye(
     (e) => ({
-      ...X,
+      ...J,
       setPersonalInfo: (t) => e((n) => ({
         personalInfo: { ...n.personalInfo, ...t }
       })),
@@ -73,7 +73,7 @@ const X = {
       setHours: (t) => e((n) => ({
         voucherConfig: { ...n.voucherConfig, hours: t }
       })),
-      reset: () => e(X)
+      reset: () => e(J)
     }),
     {
       name: "money-generator-storage",
@@ -84,7 +84,7 @@ const X = {
       })
     }
   )
-), xe = {
+), ke = {
   header: {
     title: "Money Generator",
     subtitle: "Erstelle deinen persönlichen Zeitgutschein"
@@ -178,18 +178,18 @@ const X = {
   bill: {
     descriptionText: "This voucher entitles you to {hours} {hourLabel} of my time or an equivalent thank you"
   }
-}, ke = { de: xe, en: Ie };
-function $(e) {
-  return ke[e];
+}, Ee = { de: ke, en: Ie };
+function M(e) {
+  return Ee[e];
 }
-function ee(e, t, n) {
+function te(e, t, n) {
   if (n && n.trim())
     return n;
-  const a = $(e), r = t === 1 ? a.form.voucher.hourLabel : a.form.voucher.hoursLabel;
+  const a = M(e), r = t === 1 ? a.form.voucher.hourLabel : a.form.voucher.hoursLabel;
   return a.bill.descriptionText.replace("{hours}", t.toString()).replace("{hourLabel}", r);
 }
-function Xe() {
-  const e = w((r) => r.voucherConfig.language), t = w((r) => r.personalInfo), n = w((r) => r.setPersonalInfo), a = $(e);
+function Je() {
+  const e = v((r) => r.voucherConfig.language), t = v((r) => r.personalInfo), n = v((r) => r.setPersonalInfo), a = M(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 }) }),
@@ -236,30 +236,41 @@ 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");
+      const i = document.createElement("canvas"), c = i.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);
+      i.width = r.width, i.height = r.height, c.drawImage(r, 0, 0);
+      const s = c.getImageData(0, 0, i.width, i.height), o = s.data, d = 1 + t * 0.8;
+      for (let h = 0; h < o.length; h += 4) {
+        const g = o[h], f = o[h + 1], b = o[h + 2];
+        if (o[h + 3] === 0) continue;
+        let k = (((0.299 * g + 0.587 * f + 0.114 * b) / 255 - 0.5) * d + 0.5) * 255;
+        k = Math.max(0, Math.min(255, k));
+        const x = Math.min(255, k * 0.9 + 25), A = Math.min(255, k * 0.78 + 15), y = Math.min(255, k * 0.55 + 5);
+        o[h] = Math.round(g * (1 - t) + x * t), o[h + 1] = Math.round(f * (1 - t) + A * t), o[h + 2] = Math.round(b * (1 - t) + y * t);
       }
-      c.putImageData(s, 0, 0), n(o.toDataURL("image/png"));
+      c.putImageData(s, 0, 0), n(i.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 = {
+const Pe = "https://api.stability.ai/v1/generation", Se = "https://api.stability.ai/v2beta/stable-image/edit/remove-background", ne = "stability_api_key";
+let $ = null;
+function Qe(e) {
+  $ = e;
+}
+function et() {
+  return $;
+}
+function tt() {
+  return $ !== null;
+}
+const Ce = {
   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"
-}, J = [
+}, Q = [
   { width: 1024, height: 1024 },
   { width: 1152, height: 896 },
   { width: 1216, height: 832 },
@@ -270,57 +281,57 @@ const Ee = "https://api.stability.ai/v1/generation", Pe = "https://api.stability
   { width: 832, height: 1216 },
   { width: 896, height: 1152 }
 ];
-function Ce(e, t) {
+function Te(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);
+  let a = Q[0], r = 1 / 0;
+  for (const i of Q) {
+    const c = i.width / i.height, s = Math.abs(n - c);
+    s < r && (r = s, a = i);
   }
   return a;
 }
-function Te(e) {
+function Ae(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");
+      const r = Te(a.width, a.height), i = document.createElement("canvas");
+      i.width = r.width, i.height = r.height;
+      const c = i.getContext("2d");
       if (!c) {
         n(new Error("Failed to get canvas context"));
         return;
       }
-      const s = a.width / a.height, i = r.width / r.height;
+      const s = a.width / a.height, o = 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"));
+      s > o ? (g = a.height * o, d = (a.width - g) / 2) : (f = a.width / o, h = (a.height - f) / 2), c.drawImage(a, d, h, g, f, 0, 0, r.width, r.height), t(i.toDataURL("image/png"));
     }, a.onerror = () => n(new Error("Failed to load image")), a.src = e;
   });
 }
-function ne(e) {
+function ae(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);
+  const t = e.split(","), n = ((c = t[0].match(/:(.*?);/)) == null ? void 0 : c[1]) || "image/png", a = atob(t[1]), r = a.length, i = new Uint8Array(r);
   for (let s = 0; s < r; s++)
-    o[s] = a.charCodeAt(s);
-  return new Blob([o], { type: n });
+    i[s] = a.charCodeAt(s);
+  return new Blob([i], { type: n });
 }
-function q() {
+function V() {
   var t;
   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;
+  return e && e !== "your-api-key-here" ? e : typeof localStorage < "u" ? localStorage.getItem(ne) : null;
 }
-function Ae(e) {
-  localStorage.setItem(te, e);
+function Le(e) {
+  localStorage.setItem(ne, e);
 }
-function Le() {
-  return q() !== null;
+function De() {
+  return $ ? !0 : V() !== null;
 }
-async function Je(e) {
-  const t = q();
+async function nt(e) {
+  const t = V();
   if (!t)
     throw new Error("No Stability AI API key configured");
-  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`, {
+  const { imageDataUrl: n, style: a, strength: r = 0.35 } = e, i = await Ae(n), c = ae(i), 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]", Ce[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(`${Pe}/stable-diffusion-xl-1024-v1-0/image-to-image`, {
     method: "POST",
     headers: {
       Authorization: `Bearer ${t}`,
@@ -338,12 +349,26 @@ async function Je(e) {
   return `data:image/png;base64,${h.artifacts[0].base64}`;
 }
 async function _e(e) {
-  const t = q();
+  if ($) {
+    const c = await fetch($, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json"
+      },
+      body: JSON.stringify({ imageDataUrl: e })
+    });
+    if (!c.ok) {
+      const o = await c.json().catch(() => ({}));
+      throw new Error(o.error || `API error: ${c.status}`);
+    }
+    return (await c.json()).imageDataUrl;
+  }
+  const t = V();
   if (!t)
     throw new Error("No Stability AI API key configured");
-  const n = ne(e), a = new FormData();
+  const n = ae(e), a = new FormData();
   a.append("image", n, "image.png"), a.append("output_format", "png");
-  const r = await fetch(Pe, {
+  const r = await fetch(Se, {
     method: "POST",
     headers: {
       Authorization: `Bearer ${t}`,
@@ -355,23 +380,23 @@ async function _e(e) {
     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 o = await r.blob();
+  const i = await r.blob();
   return new Promise((c, s) => {
-    const i = new FileReader();
-    i.onload = () => c(i.result), i.onerror = () => s(new Error("Failed to read result")), i.readAsDataURL(o);
+    const o = new FileReader();
+    o.onload = () => c(o.result), o.onerror = () => s(new Error("Failed to read result")), o.readAsDataURL(i);
   });
 }
-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);
+function Re() {
+  const [e, t] = N(!1), [n, a] = N(!1), [r, i] = N(null), [c, s] = N(De()), o = T(() => i(null), []), d = T((f) => {
+    Le(f), s(!0), i(null);
   }, []), h = T(
     async (f, b = 0.5) => {
-      t(!0), o(null);
+      t(!0), i(null);
       try {
         return await Ne(f, b);
       } catch (m) {
         const S = m instanceof Error ? m.message : "Enhancement failed";
-        throw o(S), m;
+        throw i(S), m;
       } finally {
         t(!1);
       }
@@ -379,12 +404,12 @@ function De() {
     []
   ), g = T(
     async (f) => {
-      a(!0), o(null);
+      a(!0), i(null);
       try {
         return await _e(f);
       } catch (b) {
         const m = b instanceof Error ? b.message : "Background removal failed";
-        throw o(m), b;
+        throw i(m), b;
       } finally {
         a(!1);
       }
@@ -399,15 +424,15 @@ function De() {
     error: r,
     hasKey: c,
     setApiKey: d,
-    clearError: i
+    clearError: o
   };
 }
-function Re({ isOpen: e, onClose: t, onSubmit: n }) {
-  const a = w((d) => d.voucherConfig.language), [r, o] = E("");
+function Be({ isOpen: e, onClose: t, onSubmit: n }) {
+  const a = v((d) => d.voucherConfig.language), [r, i] = N("");
   if (!e) return null;
   const c = (d) => {
-    d.preventDefault(), r.trim() && (n(r.trim()), o(""), t());
-  }, i = {
+    d.preventDefault(), r.trim() && (n(r.trim()), i(""), t());
+  }, o = {
     de: {
       title: "Stability AI API Key",
       description: "Um die AI-Bildverbesserung zu nutzen, benötigst du einen Stability AI API Key. Du kannst ihn auf platform.stability.ai erhalten.",
@@ -427,120 +452,120 @@ function Re({ isOpen: e, onClose: t, onSubmit: n }) {
   }[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__ */ l("h3", { className: "font-bold text-lg", children: o.title }),
+      /* @__PURE__ */ l("p", { className: "py-4 text-sm opacity-80", children: o.description }),
       /* @__PURE__ */ u("form", { onSubmit: c, children: [
         /* @__PURE__ */ u("div", { className: "form-control", children: [
           /* @__PURE__ */ l(
             "input",
             {
               type: "password",
-              placeholder: i.placeholder,
+              placeholder: o.placeholder,
               className: "input input-bordered w-full",
               value: r,
-              onChange: (d) => o(d.target.value),
+              onChange: (d) => i(d.target.value),
               autoFocus: !0
             }
           ),
-          /* @__PURE__ */ l("label", { className: "label", children: /* @__PURE__ */ l("span", { className: "label-text-alt", children: i.hint }) })
+          /* @__PURE__ */ l("label", { className: "label", children: /* @__PURE__ */ l("span", { className: "label-text-alt", children: o.hint }) })
         ] }),
         /* @__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 })
+          /* @__PURE__ */ l("button", { type: "button", className: "btn btn-ghost", onClick: t, children: o.cancel }),
+          /* @__PURE__ */ l("button", { type: "submit", className: "btn btn-primary", disabled: !r.trim(), children: o.submit })
         ] })
       ] })
     ] }),
     /* @__PURE__ */ l("form", { method: "dialog", className: "modal-backdrop", children: /* @__PURE__ */ l("button", { onClick: t, children: "close" }) })
   ] });
 }
-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);
+function at() {
+  const e = v((p) => p.voucherConfig.language), t = v((p) => p.portrait), n = v((p) => p.setPortrait), a = v((p) => p.setPortraitZoom), { enhance: r, removeBg: i, isEnhancing: c, isRemovingBg: s, error: o, hasKey: d, setApiKey: h } = Re(), g = M(e), f = _(null), [b, m] = N(!1), [S, k] = N(!1), [x, A] = N(null), [y, P] = N(null), [L, D] = N(!1), [C, z] = N(0), H = _(null);
+  Y(() => () => {
+    H.current && clearTimeout(H.current);
   }, []);
-  const W = T(
+  const j = T(
     async (p) => {
       if (!p.type.startsWith("image/"))
         return;
-      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);
+      const w = new FileReader();
+      w.onload = async (I) => {
+        var X;
+        const Z = (X = I.target) == null ? void 0 : X.result;
+        A(Z), n(Z), D(!1), P(null), z(0);
+      }, w.readAsDataURL(p);
     },
     [n]
-  ), ce = T(
+  ), de = T(
     (p) => {
       p.preventDefault(), m(!1);
-      const v = p.dataTransfer.files[0];
-      v && W(v);
+      const w = p.dataTransfer.files[0];
+      w && j(w);
     },
-    [W]
-  ), de = T((p) => {
+    [j]
+  ), he = T((p) => {
     p.preventDefault(), m(!0);
-  }, []), he = T((p) => {
+  }, []), me = T((p) => {
     p.preventDefault(), m(!1);
-  }, []), me = () => {
+  }, []), pe = () => {
     var p;
     (p = f.current) == null || p.click();
-  }, pe = (p) => {
-    var k;
-    const v = (k = p.target.files) == null ? void 0 : k[0];
-    v && W(v);
-  }, H = T(async (p, v) => {
+  }, ue = (p) => {
+    var I;
+    const w = (I = p.target.files) == null ? void 0 : I[0];
+    w && j(w);
+  }, U = T(async (p, w) => {
     try {
-      return await r(p, v);
-    } catch (k) {
-      return console.error("Enhancement failed:", k), p;
+      return await r(p, w);
+    } catch (I) {
+      return console.error("Enhancement failed:", I), p;
     }
-  }, [r]), V = T(async (p) => {
+  }, [r]), G = T(async (p) => {
     try {
-      const v = await o(p);
-      return P(v), v;
-    } catch (v) {
-      return console.error("Background removal failed:", v), p;
+      const w = await i(p);
+      return P(w), w;
+    } catch (w) {
+      return console.error("Background removal failed:", w), p;
     }
-  }, [o]), ue = async () => {
+  }, [i]), ge = async () => {
     if (!x) return;
     if (!L && !d) {
-      I(!0);
+      k(!0);
       return;
     }
     const p = !L;
-    if (_(p), p) {
-      const v = await V(x);
+    if (D(p), p) {
+      const w = await G(x);
       if (C > 0) {
-        const k = await H(v, C);
-        n(k);
+        const I = await U(w, C);
+        n(I);
       } else
-        n(v);
+        n(w);
     } else if (P(null), C > 0) {
-      const v = await H(x, C);
-      n(v);
+      const w = await U(x, C);
+      n(w);
     } else
       n(x);
-  }, ge = (p) => {
-    M(p), z.current && clearTimeout(z.current), x && (z.current = setTimeout(async () => {
-      const v = L && y ? y : x;
+  }, fe = (p) => {
+    z(p), H.current && clearTimeout(H.current), x && (H.current = setTimeout(async () => {
+      const w = L && y ? y : x;
       if (p === 0)
-        n(v);
+        n(w);
       else {
-        const k = await H(v, p);
-        n(k);
+        const I = await U(w, p);
+        n(I);
       }
     }, 150));
-  }, fe = async (p) => {
+  }, be = async (p) => {
     if (h(p), !x) return;
-    _(!0);
-    const v = await V(x);
+    D(!0);
+    const w = await G(x);
     if (C > 0) {
-      const k = await H(v, C);
-      n(k);
+      const I = await U(w, C);
+      n(I);
     } else
-      n(v);
-  }, be = () => {
-    n(null), A(null), P(null), _(!1), M(0);
+      n(w);
+  }, we = () => {
+    n(null), A(null), P(null), D(!1), z(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: [
@@ -558,7 +583,7 @@ function Qe() {
           "button",
           {
             className: "btn btn-circle btn-xs btn-error absolute -top-1 -right-1",
-            onClick: be,
+            onClick: we,
             children: /* @__PURE__ */ l(
               "svg",
               {
@@ -621,7 +646,7 @@ function Qe() {
             max: "1",
             step: "0.05",
             value: C,
-            onChange: (p) => ge(parseFloat(p.target.value)),
+            onChange: (p) => fe(parseFloat(p.target.value)),
             className: "range range-secondary range-sm",
             disabled: c
           }
@@ -634,30 +659,30 @@ function Qe() {
             type: "checkbox",
             className: `toggle toggle-primary ${s ? "opacity-50" : ""}`,
             checked: L,
-            onChange: ue,
+            onChange: ge,
             disabled: s
           }
         ),
         /* @__PURE__ */ u("span", { className: "label-text flex items-center gap-2", children: [
-          s ? /* @__PURE__ */ u(j, { children: [
+          s ? /* @__PURE__ */ u(O, { children: [
             /* @__PURE__ */ l("span", { className: "loading loading-spinner loading-xs" }),
             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: [
+      o && /* @__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__ */ l("span", { children: o })
       ] })
     ] }) : /* @__PURE__ */ u(
       "div",
       {
         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,
+        onDrop: de,
+        onDragOver: he,
+        onDragLeave: me,
+        onClick: pe,
         children: [
           /* @__PURE__ */ l(
             "input",
@@ -666,7 +691,7 @@ function Qe() {
               type: "file",
               accept: "image/*",
               className: "hidden",
-              onChange: pe
+              onChange: ue
             }
           ),
           s ? /* @__PURE__ */ u("div", { className: "flex flex-col items-center gap-2", children: [
@@ -699,55 +724,55 @@ function Qe() {
       }
     ),
     /* @__PURE__ */ l(
-      Re,
+      Be,
       {
         isOpen: S,
-        onClose: () => I(!1),
-        onSubmit: fe
+        onClose: () => k(!1),
+        onSubmit: be
       }
     )
   ] });
 }
-function et() {
+function rt() {
   return null;
 }
-const N = typeof import.meta < "u" && "/" || "/", Be = {
+const E = typeof import.meta < "u" && "/" || "/", $e = {
   en: {
     1: {
-      front: `${N}templates/front_ldpi_en.png`,
-      back: `${N}templates/back_ldpi_en.png`,
+      front: `${E}templates/front_ldpi_en.png`,
+      back: `${E}templates/back_ldpi_en.png`,
       width: 1536,
       height: 1024
     },
     5: {
-      front: `${N}templates/front_ldpi_en.png`,
-      back: `${N}templates/back_ldpi_en.png`,
+      front: `${E}templates/front_ldpi_en.png`,
+      back: `${E}templates/back_ldpi_en.png`,
       width: 1536,
       height: 1024
     },
     10: {
-      front: `${N}templates/front_ldpi_en.png`,
-      back: `${N}templates/back_ldpi_en.png`,
+      front: `${E}templates/front_ldpi_en.png`,
+      back: `${E}templates/back_ldpi_en.png`,
       width: 1536,
       height: 1024
     }
   },
   de: {
     1: {
-      front: `${N}templates/front_hdpi_de.webp`,
-      back: `${N}templates/back_hdpi_de.webp`,
+      front: `${E}templates/front_hdpi_de.webp`,
+      back: `${E}templates/back_hdpi_de.webp`,
       width: 6144,
       height: 3200
     },
     5: {
-      front: `${N}templates/front_hdpi_de.webp`,
-      back: `${N}templates/back_hdpi_de.webp`,
+      front: `${E}templates/front_hdpi_de.webp`,
+      back: `${E}templates/back_hdpi_de.webp`,
       width: 6144,
       height: 3200
     },
     10: {
-      front: `${N}templates/front_hdpi_de.webp`,
-      back: `${N}templates/back_hdpi_de.webp`,
+      front: `${E}templates/front_hdpi_de.webp`,
+      back: `${E}templates/back_hdpi_de.webp`,
       width: 6144,
       height: 3200
     }
@@ -845,14 +870,14 @@ const N = typeof import.meta < "u" && "/" || "/", Be = {
     }
   }
 };
-function ae(e) {
+function re(e) {
   return e === "de" ? B : R;
 }
-function re(e, t) {
-  return Be[e][t];
+function oe(e, t) {
+  return $e[e][t];
 }
 const K = /* @__PURE__ */ new Map();
-async function Y(e) {
+async function q(e) {
   return K.has(e) ? K.get(e) : new Promise((t, n) => {
     const a = new Image();
     a.crossOrigin = "anonymous", a.onload = () => {
@@ -860,53 +885,53 @@ async function Y(e) {
     }, a.onerror = n, a.src = e;
   });
 }
-function oe(e, t, n, a) {
+function ie(e, t, n, a) {
   e.drawImage(t, 0, 0, n, a);
 }
-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;
+function Me(e, t, n, a, r, i, c = 1) {
+  e.save(), e.beginPath(), e.ellipse(n, a, r, i, 0, 0, Math.PI * 2), e.closePath(), e.clip();
+  const s = t.width / t.height, o = r / i, d = r * 2, h = i * 2;
   let g, f;
-  s > i ? (f = h, g = h * s) : (g = d, f = d / s), g *= c, f *= c;
+  s > o ? (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 ie(e, t, n, a = "#2a3a2a") {
+function se(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 Me(e, t, n, a = "#2a3a2a") {
+function ze(e, t, n, a = "#2a3a2a") {
   e.save(), e.font = `${n.fontSize}px "Times New Roman", serif`, e.textAlign = n.align || "center", e.textBaseline = "top", e.fillStyle = a;
-  const r = n.maxWidth || 400, o = n.lineHeight || n.fontSize * 1.4, c = t.split(" "), s = [];
-  let i = "";
+  const r = n.maxWidth || 400, i = n.lineHeight || n.fontSize * 1.4, c = t.split(" "), s = [];
+  let o = "";
   for (const g of c) {
-    const f = i ? `${i} ${g}` : g;
-    e.measureText(f).width > r && i ? (s.push(i), i = g) : i = f;
+    const f = o ? `${o} ${g}` : g;
+    e.measureText(f).width > r && o ? (s.push(o), o = g) : o = f;
   }
-  i && s.push(i);
-  const d = s.length * o;
+  o && s.push(o);
+  const d = s.length * i;
   let h = n.y - d / 2;
   for (const g of s)
-    e.fillText(g, n.x, h), h += o;
+    e.fillText(g, n.x, h), h += i;
   e.restore();
 }
-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;
+function He(e, t, n, a, r, i = "#2a3a2a") {
+  e.save(), e.font = `${r.fontSize}px "Times New Roman", serif`, e.textAlign = r.align || "center", e.textBaseline = "middle", e.fillStyle = i;
+  const c = r.lineHeight || r.fontSize * 1.8, s = [t, n, a].filter(Boolean), o = (s.length - 1) * c;
+  let d = r.y - o / 2;
   for (const h of s)
     h && (e.fillText(h, r.x, d), d += c);
   e.restore();
 }
-async function se(e, t, n, a, r, o, c, s = 1) {
-  const i = e.getContext("2d");
-  if (!i) return;
-  e.width = o, e.height = c, i.clearRect(0, 0, o, c);
-  const d = await Y(t);
-  if (oe(i, d, o, c), n)
+async function le(e, t, n, a, r, i, c, s = 1) {
+  const o = e.getContext("2d");
+  if (!o) return;
+  e.width = i, e.height = c, o.clearRect(0, 0, i, c);
+  const d = await q(t);
+  if (ie(o, d, i, c), n)
     try {
-      const h = await Y(n);
-      $e(
-        i,
+      const h = await q(n);
+      Me(
+        o,
         h,
         r.portrait.x,
         r.portrait.y,
@@ -917,20 +942,20 @@ async function se(e, t, n, a, r, o, c, s = 1) {
     } catch (h) {
       console.error("Failed to load portrait:", h);
     }
-  a && ie(i, a, r.namePlate);
+  a && se(o, a, r.namePlate);
 }
-async function le(e, t, n, a, r, o, c, s, i) {
+async function ce(e, t, n, a, r, i, c, s, o) {
   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);
+  e.width = s, e.height = o, d.clearRect(0, 0, s, o);
+  const h = await q(t);
+  ie(d, h, s, o), c.contactInfo && (n || a || r) && He(d, n, a, r, c.contactInfo), c.description && i && ze(d, i, c.description), n && se(d, n, c.namePlate);
 }
-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,
+function ot() {
+  const e = v((y) => y.voucherConfig.language), t = v((y) => y.voucherConfig.hours), n = v((y) => y.voucherConfig.description), a = v((y) => y.personalInfo), r = v((y) => y.portrait), i = v((y) => y.currentSide), c = v((y) => y.flipSide), s = M(e), o = _(null), d = _(null), h = _(null), [g, f] = N(!1), b = oe(e, t), m = re(e), S = r.useEnhanced && r.enhanced ? r.enhanced : r.original, k = te(e, t, n);
+  Y(() => {
+    o.current && le(
+      o.current,
       b.front,
       S,
       a.name,
@@ -939,19 +964,19 @@ function tt() {
       b.height,
       r.zoom
     );
-  }, [b, S, a.name, m, r.zoom]), O(() => {
-    d.current && le(
+  }, [b, S, a.name, m, r.zoom]), Y(() => {
+    d.current && ce(
       d.current,
       b.back,
       a.name,
       a.email,
       a.phone,
-      I,
+      k,
       m.back,
       b.width,
       b.height
     );
-  }, [b, a, I, m]);
+  }, [b, a, k, m]);
   const x = () => {
     f(!0), setTimeout(() => {
       c(), f(!1);
@@ -963,16 +988,16 @@ function tt() {
         /* @__PURE__ */ l(
           "button",
           {
-            className: `tab ${o === "front" ? "tab-active bg-primary text-primary-content font-semibold" : ""}`,
-            onClick: () => o !== "front" && x(),
+            className: `tab ${i === "front" ? "tab-active bg-primary text-primary-content font-semibold" : ""}`,
+            onClick: () => i !== "front" && x(),
             children: s.preview.front
           }
         ),
         /* @__PURE__ */ l(
           "button",
           {
-            className: `tab ${o === "back" ? "tab-active bg-primary text-primary-content font-semibold" : ""}`,
-            onClick: () => o !== "back" && x(),
+            className: `tab ${i === "back" ? "tab-active bg-primary text-primary-content font-semibold" : ""}`,
+            onClick: () => i !== "back" && x(),
             children: s.preview.back
           }
         )
@@ -1010,15 +1035,15 @@ function tt() {
           /* @__PURE__ */ l(
             "canvas",
             {
-              ref: i,
-              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"}`
+              ref: o,
+              className: `absolute inset-0 w-full h-full transition-all duration-300 ${i === "front" ? g ? "opacity-0 scale-95" : "opacity-100 scale-100" : "opacity-0 scale-95 pointer-events-none"}`
             }
           ),
           /* @__PURE__ */ l(
             "canvas",
             {
               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"}`
+              className: `absolute inset-0 w-full h-full transition-all duration-300 ${i === "back" ? g ? "opacity-0 scale-95" : "opacity-100 scale-100" : "opacity-0 scale-95 pointer-events-none"}`
             }
           )
         ]
@@ -1026,64 +1051,64 @@ function tt() {
     )
   ] });
 }
-function nt() {
-  const e = D(null), t = D(null);
+function it() {
+  const e = _(null), t = _(null);
   return { frontCanvasRef: e, backCanvasRef: t };
 }
-async function He(e) {
+async function Ue(e) {
   const {
     frontTemplateSrc: t,
     backTemplateSrc: n,
     templateWidth: a,
     templateHeight: r,
-    layout: o,
+    layout: i,
     portrait: c,
     portraitZoom: s = 1,
-    name: i,
+    name: o,
     email: d,
     phone: h,
     description: g
   } = e, f = document.createElement("canvas"), b = document.createElement("canvas");
   await Promise.all([
-    se(f, t, c, i, o.front, a, r, s),
-    le(b, n, i, d, h, g, o.back, a, r)
+    le(f, t, c, o, i.front, a, r, s),
+    ce(b, n, o, d, h, g, i.back, a, r)
   ]);
-  const m = new ye({
+  const m = new xe({
     orientation: "landscape",
     unit: "mm",
     format: "a4"
-  }), S = 297, I = 210, x = 10, A = a / r;
+  }), S = 297, k = 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");
+  P > k - x * 2 && (P = k - x * 2, y = P * A);
+  const L = (S - y) / 2, D = (k - P) / 2, C = f.toDataURL("image/jpeg", 0.95);
+  m.addImage(C, "JPEG", L, D, y, P), m.addPage();
+  const z = b.toDataURL("image/jpeg", 0.95);
+  return m.addImage(z, "JPEG", L, D, y, P), m.output("blob");
 }
-function Ue(e, t) {
+function Fe(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 Fe(e) {
-  const t = await He(e);
-  Ue(t, e.filename);
+async function We(e) {
+  const t = await Ue(e);
+  Fe(t, e.filename);
 }
-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;
+function st() {
+  const e = v((m) => m.voucherConfig.language), t = v((m) => m.voucherConfig.hours), n = v((m) => m.voucherConfig.description), a = v((m) => m.personalInfo), r = v((m) => m.portrait), i = v((m) => m.isExporting), c = v((m) => m.setIsExporting), s = M(e), o = oe(e, t), d = re(e), h = r.useEnhanced && r.enhanced ? r.enhanced : r.original, g = te(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 ${o ? "loading" : ""}`,
+      className: `btn btn-primary flex-1 ${i ? "loading" : ""}`,
       onClick: async () => {
-        if (!(!f || o)) {
+        if (!(!f || i)) {
           c(!0);
           try {
             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,
+            await We({
+              frontTemplateSrc: o.front,
+              backTemplateSrc: o.back,
+              templateWidth: o.width,
+              templateHeight: o.height,
               layout: d,
               portrait: h,
               portraitZoom: r.zoom,
@@ -1100,11 +1125,11 @@ function at() {
           }
         }
       },
-      disabled: !f || o,
-      children: o ? /* @__PURE__ */ u(j, { children: [
+      disabled: !f || i,
+      children: i ? /* @__PURE__ */ u(O, { children: [
         /* @__PURE__ */ l("span", { className: "loading loading-spinner loading-sm" }),
         s.export.exporting
-      ] }) : /* @__PURE__ */ u(j, { children: [
+      ] }) : /* @__PURE__ */ u(O, { children: [
         /* @__PURE__ */ l(
           "svg",
           {
@@ -1129,8 +1154,8 @@ function at() {
     }
   );
 }
-function We() {
-  const e = w((a) => a.voucherConfig.language), t = w((a) => a.setLanguage), n = (a) => {
+function je() {
+  const e = v((a) => a.voucherConfig.language), t = v((a) => a.setLanguage), n = (a) => {
     t(a);
   };
   return /* @__PURE__ */ u("div", { className: "join", children: [
@@ -1152,22 +1177,22 @@ function We() {
     )
   ] });
 }
-function rt() {
-  const e = w((n) => n.voucherConfig.language), t = $(e);
+function lt() {
+  const e = v((n) => n.voucherConfig.language), t = M(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(We, {}) })
+    /* @__PURE__ */ l("div", { className: "navbar-end", children: /* @__PURE__ */ l(je, {}) })
   ] });
 }
-const U = "/", Ke = {
+const F = "/", Ke = {
   id: "time-voucher-classic-de",
   name: "Zeitgutschein Classic",
   type: "time-voucher",
   category: "classic",
   images: {
-    front: `${U}templates/front_hdpi_de.jpg`,
-    back: `${U}templates/back_hdpi_de.jpg`,
+    front: `${F}templates/front_hdpi_de.jpg`,
+    back: `${F}templates/back_hdpi_de.jpg`,
     width: 6144,
     height: 4096
   },
@@ -1224,14 +1249,14 @@ const U = "/", Ke = {
     }
   },
   languages: ["de"]
-}, je = {
+}, Oe = {
   id: "time-voucher-classic-en",
   name: "Time Voucher Classic",
   type: "time-voucher",
   category: "classic",
   images: {
-    front: `${U}templates/front_ldpi_en.png`,
-    back: `${U}templates/back_ldpi_en.png`,
+    front: `${F}templates/front_ldpi_en.png`,
+    back: `${F}templates/back_ldpi_en.png`,
     width: 1536,
     height: 1024
   },
@@ -1288,76 +1313,79 @@ const U = "/", Ke = {
     }
   },
   languages: ["en"]
-}, Q = [
+}, ee = [
   Ke,
-  je
-], Oe = {
+  Oe
+], Ye = {
   async listTemplates(e) {
-    let t = [...Q];
+    let t = [...ee];
     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 = Q.find((n) => n.id === e);
+    const t = ee.find((n) => n.id === e);
     if (!t)
       throw new Error(`Template not found: ${e}`);
     return t;
   }
 };
-function ot(e) {
+function ct(e) {
   return e === "de" ? "time-voucher-classic-de" : "time-voucher-classic-en";
 }
-let F = Oe;
-function it(e) {
-  F = e;
+let W = Ye;
+function dt(e) {
+  W = e;
 }
-function st() {
-  return F;
+function ht() {
+  return W;
 }
-async function lt(e) {
-  return F.listTemplates(e);
+async function mt(e) {
+  return W.listTemplates(e);
 }
-async function ct(e) {
-  return F.getTemplate(e);
+async function pt(e) {
+  return W.getTemplate(e);
 }
 export {
-  Re as ApiKeyModal,
-  tt as BillPreview,
-  at as ExportButton,
-  rt as Header,
+  Be as ApiKeyModal,
+  ot as BillPreview,
+  st as ExportButton,
+  lt 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,
+  je as LanguageToggle,
+  Je as PersonalInfoForm,
+  at as PortraitUpload,
+  $e as TEMPLATES,
+  rt 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,
-  ot as getDefaultTemplateId,
-  ae as getLayout,
-  re as getTemplate,
-  ct as getTemplateById,
-  st as getTemplateProvider,
-  Le as hasApiKey,
-  lt as listTemplates,
-  Y as loadImage,
+  Fe as downloadBlob,
+  He as drawContactInfo,
+  ze as drawMultilineText,
+  Me as drawOvalPortrait,
+  ie as drawTemplate,
+  se as drawText,
+  nt as enhancePortrait,
+  We as exportBillAsPDF,
+  te as formatDescription,
+  Ue as generateBillPDF,
+  V as getApiKey,
+  ct as getDefaultTemplateId,
+  re as getLayout,
+  et as getRemoveBackgroundEndpoint,
+  oe as getTemplate,
+  pt as getTemplateById,
+  ht as getTemplateProvider,
+  De as hasApiKey,
+  tt as hasCustomEndpoint,
+  mt as listTemplates,
+  q as loadImage,
   _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
+  ce as renderBackSide,
+  le as renderFrontSide,
+  Le as setApiKey,
+  Qe as setRemoveBackgroundEndpoint,
+  dt as setTemplateProvider,
+  Ye as staticTemplateProvider,
+  M as t,
+  it as useBillCanvasRefs,
+  v as useBillStore
 };