@antontranelis/money-printer 1.0.0

package/dist/index.js

@@ -0,0 +1,1290 @@
+import { jsxs as h, jsx as o, Fragment as z } from "react/jsx-runtime";
+import { create as le } from "zustand";
+import { persist as se } from "zustand/middleware";
+import { useState as C, useCallback as E, useRef as _, useEffect as O } from "react";
+import ce from "jspdf";
+const V = {
+  personalInfo: {
+    name: "",
+    email: "",
+    phone: ""
+  },
+  voucherConfig: {
+    hours: 1,
+    description: "",
+    language: "de"
+  },
+  portrait: {
+    original: null,
+    enhanced: null,
+    useEnhanced: !1,
+    zoom: 1
+  },
+  currentSide: "front",
+  isEnhancing: !1,
+  isExporting: !1
+}, g = le()(
+  se(
+    (e) => ({
+      ...V,
+      setPersonalInfo: (t) => e((n) => ({
+        personalInfo: { ...n.personalInfo, ...t }
+      })),
+      setVoucherConfig: (t) => e((n) => ({
+        voucherConfig: { ...n.voucherConfig, ...t }
+      })),
+      setPortrait: (t, n = null) => e({
+        portrait: {
+          original: t,
+          enhanced: n,
+          useEnhanced: !1,
+          zoom: 1
+        }
+      }),
+      setEnhancedPortrait: (t) => e((n) => ({
+        portrait: {
+          ...n.portrait,
+          enhanced: t,
+          useEnhanced: t !== null
+        }
+      })),
+      toggleUseEnhanced: () => e((t) => ({
+        portrait: {
+          ...t.portrait,
+          useEnhanced: t.portrait.enhanced ? !t.portrait.useEnhanced : !1
+        }
+      })),
+      setPortraitZoom: (t) => e((n) => ({
+        portrait: {
+          ...n.portrait,
+          zoom: t
+        }
+      })),
+      setCurrentSide: (t) => e({ currentSide: t }),
+      flipSide: () => e((t) => ({
+        currentSide: t.currentSide === "front" ? "back" : "front"
+      })),
+      setIsEnhancing: (t) => e({ isEnhancing: t }),
+      setIsExporting: (t) => e({ isExporting: t }),
+      setLanguage: (t) => e((n) => ({
+        voucherConfig: { ...n.voucherConfig, language: t }
+      })),
+      setHours: (t) => e((n) => ({
+        voucherConfig: { ...n.voucherConfig, hours: t }
+      })),
+      reset: () => e(V)
+    }),
+    {
+      name: "money-generator-storage",
+      partialize: (e) => ({
+        personalInfo: e.personalInfo,
+        voucherConfig: e.voucherConfig
+      })
+    }
+  )
+), de = {
+  header: {
+    title: "Money Generator",
+    subtitle: "Erstelle deinen persönlichen Zeitgutschein"
+  },
+  form: {
+    personalInfo: {
+      title: "Persönliche Daten",
+      name: "Name",
+      namePlaceholder: "Dein Name",
+      email: "E-Mail",
+      emailPlaceholder: "deine@email.de",
+      phone: "Telefon",
+      phonePlaceholder: "+49 123 456789"
+    },
+    portrait: {
+      title: "Portrait",
+      upload: "Bild hochladen",
+      dragDrop: "oder hierher ziehen",
+      enhance: "Mit AI verbessern",
+      enhancing: "Wird verbessert...",
+      useOriginal: "Original verwenden",
+      useEnhanced: "Verbessertes verwenden",
+      zoom: "Zoom"
+    },
+    voucher: {
+      title: "Gutschein",
+      hours: "Stunden",
+      hourLabel: "Stunde",
+      hoursLabel: "Stunden",
+      description: "Beschreibung",
+      descriptionPlaceholder: "Was kann mit diesem Gutschein eingelöst werden?"
+    }
+  },
+  preview: {
+    front: "Vorderseite",
+    back: "Rückseite",
+    flip: "Umdrehen"
+  },
+  export: {
+    button: "Als PDF herunterladen",
+    exporting: "PDF wird erstellt...",
+    success: "Download gestartet!"
+  },
+  bill: {
+    descriptionText: "Für diesen Schein erhältst du {hours} {hourLabel} meiner Zeit oder ein gleichwertiges Dankeschön"
+  }
+}, he = {
+  header: {
+    title: "Money Generator",
+    subtitle: "Create your personal time voucher"
+  },
+  form: {
+    personalInfo: {
+      title: "Personal Information",
+      name: "Name",
+      namePlaceholder: "Your name",
+      email: "Email",
+      emailPlaceholder: "your@email.com",
+      phone: "Phone",
+      phonePlaceholder: "+1 234 567890"
+    },
+    portrait: {
+      title: "Portrait",
+      upload: "Upload image",
+      dragDrop: "or drag and drop",
+      enhance: "Enhance with AI",
+      enhancing: "Enhancing...",
+      useOriginal: "Use original",
+      useEnhanced: "Use enhanced",
+      zoom: "Zoom"
+    },
+    voucher: {
+      title: "Voucher",
+      hours: "Hours",
+      hourLabel: "hour",
+      hoursLabel: "hours",
+      description: "Description",
+      descriptionPlaceholder: "What can be redeemed with this voucher?"
+    }
+  },
+  preview: {
+    front: "Front",
+    back: "Back",
+    flip: "Flip"
+  },
+  export: {
+    button: "Download as PDF",
+    exporting: "Creating PDF...",
+    success: "Download started!"
+  },
+  bill: {
+    descriptionText: "This voucher entitles you to {hours} {hourLabel} of my time or an equivalent thank you"
+  }
+}, pe = { de, en: he };
+function S(e) {
+  return pe[e];
+}
+function G(e, t, n) {
+  if (n && n.trim())
+    return n;
+  const a = S(e), r = t === 1 ? a.form.voucher.hourLabel : a.form.voucher.hoursLabel;
+  return a.bill.descriptionText.replace("{hours}", t.toString()).replace("{hourLabel}", r);
+}
+function Be() {
+  const e = g((r) => r.voucherConfig.language), t = g((r) => r.personalInfo), n = g((r) => r.setPersonalInfo), a = S(e);
+  return /* @__PURE__ */ h("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ h("div", { className: "form-control", children: [
+      /* @__PURE__ */ o("label", { className: "label", children: /* @__PURE__ */ o("span", { className: "label-text font-medium", children: a.form.personalInfo.name }) }),
+      /* @__PURE__ */ o(
+        "input",
+        {
+          type: "text",
+          placeholder: a.form.personalInfo.namePlaceholder,
+          className: "input input-bordered w-full",
+          value: t.name,
+          onChange: (r) => n({ name: r.target.value })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ h("div", { className: "form-control", children: [
+      /* @__PURE__ */ o("label", { className: "label", children: /* @__PURE__ */ o("span", { className: "label-text font-medium", children: a.form.personalInfo.email }) }),
+      /* @__PURE__ */ o(
+        "input",
+        {
+          type: "email",
+          placeholder: a.form.personalInfo.emailPlaceholder,
+          className: "input input-bordered w-full",
+          value: t.email,
+          onChange: (r) => n({ email: r.target.value })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ h("div", { className: "form-control", children: [
+      /* @__PURE__ */ o("label", { className: "label", children: /* @__PURE__ */ o("span", { className: "label-text font-medium", children: a.form.personalInfo.phone }) }),
+      /* @__PURE__ */ o(
+        "input",
+        {
+          type: "tel",
+          placeholder: a.form.personalInfo.phonePlaceholder,
+          className: "input input-bordered w-full",
+          value: t.phone,
+          onChange: (r) => n({ phone: r.target.value })
+        }
+      )
+    ] })
+  ] });
+}
+const F = {}, me = "https://api.stability.ai/v1/generation", ue = {
+  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"
+};
+function ge(e) {
+  var i;
+  const t = e.split(","), n = ((i = t[0].match(/:(.*?);/)) == null ? void 0 : i[1]) || "image/png", a = atob(t[1]), r = a.length, s = new Uint8Array(r);
+  for (let d = 0; d < r; d++)
+    s[d] = a.charCodeAt(d);
+  return new Blob([s], { type: n });
+}
+function X() {
+  var t;
+  const e = typeof import.meta < "u" && (F == null ? void 0 : F.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("stability_api_key") : null;
+}
+function fe(e) {
+  localStorage.setItem("stability_api_key", e);
+}
+function Y() {
+  return X() !== null;
+}
+async function be(e) {
+  const t = X();
+  if (!t)
+    throw new Error("No Stability AI API key configured");
+  const { imageDataUrl: n, style: a, strength: r = 0.35 } = e, s = ge(n), i = new FormData();
+  i.append("init_image", s, "portrait.png"), i.append("init_image_mode", "IMAGE_STRENGTH"), i.append("image_strength", String(1 - r)), i.append("text_prompts[0][text]", ue[a]), i.append("text_prompts[0][weight]", "1"), i.append("cfg_scale", "7"), i.append("samples", "1"), i.append("steps", "30");
+  const l = await fetch(`${me}/stable-diffusion-xl-1024-v1-0/image-to-image`, {
+    method: "POST",
+    headers: {
+      Authorization: `Bearer ${t}`,
+      Accept: "application/json"
+    },
+    body: i
+  });
+  if (!l.ok) {
+    const f = await l.text();
+    throw console.error("Stability AI error:", f), l.status === 401 ? new Error("Invalid API key") : l.status === 402 ? new Error("Insufficient credits") : l.status === 429 ? new Error("Rate limit exceeded. Please try again later.") : new Error(`API error: ${l.status}`);
+  }
+  const c = await l.json();
+  if (!c.artifacts || c.artifacts.length === 0)
+    throw new Error("No image generated");
+  return `data:image/png;base64,${c.artifacts[0].base64}`;
+}
+async function q(e) {
+  return new Promise((t, n) => {
+    const a = new Image();
+    a.onload = () => {
+      const r = document.createElement("canvas"), s = r.getContext("2d");
+      if (!s) {
+        n(new Error("Failed to get canvas context"));
+        return;
+      }
+      r.width = a.width, r.height = a.height, s.filter = "sepia(0.3) contrast(1.1) saturate(0.9)", s.drawImage(a, 0, 0), t(r.toDataURL("image/png"));
+    }, a.onerror = () => n(new Error("Failed to load image")), a.src = e;
+  });
+}
+function ve() {
+  const [e, t] = C(!1), [n, a] = C(null), [r, s] = C(Y()), i = E(() => a(null), []), d = E((c) => {
+    fe(c), s(!0), a(null);
+  }, []);
+  return {
+    enhance: E(
+      async (c, f = "vintage") => {
+        t(!0), a(null);
+        try {
+          return Y() ? await be({
+            imageDataUrl: c,
+            style: f,
+            strength: 0.35
+          }) : await q(c);
+        } catch (m) {
+          const b = m instanceof Error ? m.message : "Enhancement failed";
+          if (a(b), b.includes("API") || b.includes("key"))
+            try {
+              return await q(c);
+            } catch {
+              throw m;
+            }
+          throw m;
+        } finally {
+          t(!1);
+        }
+      },
+      []
+    ),
+    isEnhancing: e,
+    error: n,
+    hasKey: r,
+    setApiKey: d,
+    clearError: i
+  };
+}
+function ye({ isOpen: e, onClose: t, onSubmit: n }) {
+  const a = g((c) => c.voucherConfig.language), [r, s] = C("");
+  if (!e) return null;
+  const i = (c) => {
+    c.preventDefault(), r.trim() && (n(r.trim()), s(""), t());
+  }, l = {
+    de: {
+      title: "Stability AI API Key",
+      description: "Um die AI-Bildverbesserung zu nutzen, benötigst du einen Stability AI API Key. Du kannst ihn auf platform.stability.ai erhalten.",
+      placeholder: "sk-...",
+      submit: "Speichern",
+      cancel: "Abbrechen",
+      hint: "Der Key wird lokal in deinem Browser gespeichert."
+    },
+    en: {
+      title: "Stability AI API Key",
+      description: "To use AI image enhancement, you need a Stability AI API key. You can get one at platform.stability.ai.",
+      placeholder: "sk-...",
+      submit: "Save",
+      cancel: "Cancel",
+      hint: "The key is stored locally in your browser."
+    }
+  }[a];
+  return /* @__PURE__ */ h("dialog", { className: "modal modal-open", children: [
+    /* @__PURE__ */ h("div", { className: "modal-box", children: [
+      /* @__PURE__ */ o("h3", { className: "font-bold text-lg", children: l.title }),
+      /* @__PURE__ */ o("p", { className: "py-4 text-sm opacity-80", children: l.description }),
+      /* @__PURE__ */ h("form", { onSubmit: i, children: [
+        /* @__PURE__ */ h("div", { className: "form-control", children: [
+          /* @__PURE__ */ o(
+            "input",
+            {
+              type: "password",
+              placeholder: l.placeholder,
+              className: "input input-bordered w-full",
+              value: r,
+              onChange: (c) => s(c.target.value),
+              autoFocus: !0
+            }
+          ),
+          /* @__PURE__ */ o("label", { className: "label", children: /* @__PURE__ */ o("span", { className: "label-text-alt", children: l.hint }) })
+        ] }),
+        /* @__PURE__ */ h("div", { className: "modal-action", children: [
+          /* @__PURE__ */ o("button", { type: "button", className: "btn btn-ghost", onClick: t, children: l.cancel }),
+          /* @__PURE__ */ o("button", { type: "submit", className: "btn btn-primary", disabled: !r.trim(), children: l.submit })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ o("form", { method: "dialog", className: "modal-backdrop", children: /* @__PURE__ */ o("button", { onClick: t, children: "close" }) })
+  ] });
+}
+function Re() {
+  const e = g((p) => p.voucherConfig.language), t = g((p) => p.portrait), n = g((p) => p.setPortrait), a = g((p) => p.setEnhancedPortrait), r = g((p) => p.toggleUseEnhanced), s = g((p) => p.setPortraitZoom), { enhance: i, isEnhancing: d, error: l, hasKey: c, setApiKey: f } = ve(), m = S(e), b = _(null), [y, u] = C(!1), [P, N] = C(!1), k = E(
+    (p) => {
+      if (!p.type.startsWith("image/"))
+        return;
+      const w = new FileReader();
+      w.onload = (H) => {
+        var K;
+        const ie = (K = H.target) == null ? void 0 : K.result;
+        n(ie);
+      }, w.readAsDataURL(p);
+    },
+    [n]
+  ), L = E(
+    (p) => {
+      p.preventDefault(), u(!1);
+      const w = p.dataTransfer.files[0];
+      w && k(w);
+    },
+    [k]
+  ), v = E((p) => {
+    p.preventDefault(), u(!0);
+  }, []), I = E((p) => {
+    p.preventDefault(), u(!1);
+  }, []), D = () => {
+    var p;
+    (p = b.current) == null || p.click();
+  }, $ = (p) => {
+    var H;
+    const w = (H = p.target.files) == null ? void 0 : H[0];
+    w && k(w);
+  }, M = async () => {
+    if (t.original) {
+      if (!c) {
+        N(!0);
+        return;
+      }
+      try {
+        const p = await i(t.original, "vintage");
+        a(p);
+      } catch (p) {
+        console.error("Enhancement failed:", p);
+      }
+    }
+  }, U = async (p) => {
+    if (f(p), t.original)
+      try {
+        const w = await i(t.original, "vintage");
+        a(w);
+      } catch (w) {
+        console.error("Enhancement failed:", w);
+      }
+  }, re = () => {
+    n(null);
+  }, oe = t.useEnhanced && t.enhanced ? t.enhanced : t.original;
+  return /* @__PURE__ */ h("div", { className: "space-y-4", children: [
+    t.original ? /* @__PURE__ */ h("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ o("div", { className: "flex justify-center", children: /* @__PURE__ */ h("div", { className: "relative", children: [
+        /* @__PURE__ */ o("div", { className: "w-32 h-32 rounded-full overflow-hidden border-4 border-currency-gold shadow-lg", children: /* @__PURE__ */ o(
+          "img",
+          {
+            src: oe || "",
+            alt: "Portrait",
+            className: "w-full h-full object-cover",
+            style: { transform: `scale(${t.zoom})` }
+          }
+        ) }),
+        /* @__PURE__ */ o(
+          "button",
+          {
+            className: "btn btn-circle btn-xs btn-error absolute -top-1 -right-1",
+            onClick: re,
+            children: /* @__PURE__ */ o(
+              "svg",
+              {
+                xmlns: "http://www.w3.org/2000/svg",
+                className: "h-4 w-4",
+                fill: "none",
+                viewBox: "0 0 24 24",
+                stroke: "currentColor",
+                children: /* @__PURE__ */ o(
+                  "path",
+                  {
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    strokeWidth: 2,
+                    d: "M6 18L18 6M6 6l12 12"
+                  }
+                )
+              }
+            )
+          }
+        )
+      ] }) }),
+      /* @__PURE__ */ h("div", { className: "form-control", children: [
+        /* @__PURE__ */ h("label", { className: "label", children: [
+          /* @__PURE__ */ o("span", { className: "label-text", children: m.form.portrait.zoom }),
+          /* @__PURE__ */ h("span", { className: "label-text-alt", children: [
+            Math.round(t.zoom * 100),
+            "%"
+          ] })
+        ] }),
+        /* @__PURE__ */ o(
+          "input",
+          {
+            type: "range",
+            min: "0.5",
+            max: "2",
+            step: "0.05",
+            value: t.zoom,
+            onChange: (p) => s(parseFloat(p.target.value)),
+            className: "range range-primary range-sm"
+          }
+        )
+      ] }),
+      c && /* @__PURE__ */ h("div", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ o(
+          "button",
+          {
+            className: `btn btn-secondary ${d ? "loading" : ""}`,
+            onClick: M,
+            disabled: d,
+            children: d ? /* @__PURE__ */ h(z, { children: [
+              /* @__PURE__ */ o("span", { className: "loading loading-spinner loading-sm" }),
+              m.form.portrait.enhancing
+            ] }) : /* @__PURE__ */ h(z, { children: [
+              /* @__PURE__ */ o(
+                "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__ */ o(
+                    "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"
+                    }
+                  )
+                }
+              ),
+              m.form.portrait.enhance
+            ] })
+          }
+        ),
+        l && /* @__PURE__ */ h("div", { className: "alert alert-warning text-sm py-2", children: [
+          /* @__PURE__ */ o("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__ */ o("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__ */ o("span", { children: l })
+        ] }),
+        t.enhanced && /* @__PURE__ */ o("div", { className: "form-control", children: /* @__PURE__ */ h("label", { className: "label cursor-pointer justify-start gap-3", children: [
+          /* @__PURE__ */ o(
+            "input",
+            {
+              type: "checkbox",
+              className: "toggle toggle-primary",
+              checked: t.useEnhanced,
+              onChange: r
+            }
+          ),
+          /* @__PURE__ */ o("span", { className: "label-text", children: t.useEnhanced ? m.form.portrait.useEnhanced : m.form.portrait.useOriginal })
+        ] }) })
+      ] })
+    ] }) : /* @__PURE__ */ h(
+      "div",
+      {
+        className: `border-2 border-dashed rounded-lg p-8 text-center cursor-pointer transition-colors ${y ? "border-primary bg-primary/10" : "border-base-300 hover:border-primary hover:bg-base-200"}`,
+        onDrop: L,
+        onDragOver: v,
+        onDragLeave: I,
+        onClick: D,
+        children: [
+          /* @__PURE__ */ o(
+            "input",
+            {
+              ref: b,
+              type: "file",
+              accept: "image/*",
+              className: "hidden",
+              onChange: $
+            }
+          ),
+          /* @__PURE__ */ h("div", { className: "flex flex-col items-center gap-2", children: [
+            /* @__PURE__ */ o(
+              "svg",
+              {
+                xmlns: "http://www.w3.org/2000/svg",
+                className: "h-12 w-12 text-base-content/50",
+                fill: "none",
+                viewBox: "0 0 24 24",
+                stroke: "currentColor",
+                children: /* @__PURE__ */ o(
+                  "path",
+                  {
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    strokeWidth: 2,
+                    d: "M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ o("p", { className: "font-medium", children: m.form.portrait.upload }),
+            /* @__PURE__ */ o("p", { className: "text-sm text-base-content/60", children: m.form.portrait.dragDrop })
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ o(
+      ye,
+      {
+        isOpen: P,
+        onClose: () => N(!1),
+        onSubmit: U
+      }
+    )
+  ] });
+}
+const we = [1, 5, 10];
+function Me() {
+  const e = g((i) => i.voucherConfig.language), t = g((i) => i.voucherConfig), n = g((i) => i.setHours), a = g((i) => i.setVoucherConfig), r = S(e), s = (i) => i === 1 ? r.form.voucher.hourLabel : r.form.voucher.hoursLabel;
+  return /* @__PURE__ */ h("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ h("div", { className: "form-control", children: [
+      /* @__PURE__ */ o("label", { className: "label", children: /* @__PURE__ */ o("span", { className: "label-text font-medium", children: r.form.voucher.hours }) }),
+      /* @__PURE__ */ o("div", { className: "join w-full", children: we.map((i) => /* @__PURE__ */ h(
+        "button",
+        {
+          className: `join-item btn flex-1 ${t.hours === i ? "btn-primary" : "btn-outline"}`,
+          onClick: () => n(i),
+          children: [
+            i,
+            " ",
+            s(i)
+          ]
+        },
+        i
+      )) })
+    ] }),
+    /* @__PURE__ */ h("div", { className: "form-control", children: [
+      /* @__PURE__ */ o("label", { className: "label", children: /* @__PURE__ */ o("span", { className: "label-text font-medium", children: r.form.voucher.description }) }),
+      /* @__PURE__ */ o(
+        "textarea",
+        {
+          className: "textarea textarea-bordered h-24 resize-none w-full",
+          placeholder: r.form.voucher.descriptionPlaceholder,
+          value: t.description,
+          onChange: (i) => a({ description: i.target.value }),
+          maxLength: 200
+        }
+      ),
+      /* @__PURE__ */ h("label", { className: "label", children: [
+        /* @__PURE__ */ o("span", { className: "label-text-alt" }),
+        /* @__PURE__ */ h("span", { className: "label-text-alt", children: [
+          t.description.length,
+          "/200"
+        ] })
+      ] })
+    ] })
+  ] });
+}
+const x = typeof import.meta < "u" && "/" || "/", xe = {
+  en: {
+    1: {
+      front: `${x}templates/front_ldpi_en.png`,
+      back: `${x}templates/back_ldpi_en.png`,
+      width: 1536,
+      height: 1024
+    },
+    5: {
+      front: `${x}templates/front_ldpi_en.png`,
+      back: `${x}templates/back_ldpi_en.png`,
+      width: 1536,
+      height: 1024
+    },
+    10: {
+      front: `${x}templates/front_ldpi_en.png`,
+      back: `${x}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`,
+      width: 6144,
+      height: 3200
+    },
+    5: {
+      front: `${x}templates/front_hdpi_de.webp`,
+      back: `${x}templates/back_hdpi_de.webp`,
+      width: 6144,
+      height: 3200
+    },
+    10: {
+      front: `${x}templates/front_hdpi_de.webp`,
+      back: `${x}templates/back_hdpi_de.webp`,
+      width: 6144,
+      height: 3200
+    }
+  }
+}, T = {
+  front: {
+    portrait: {
+      x: 768,
+      y: 490,
+      radiusX: 236,
+      radiusY: 258
+    },
+    namePlate: {
+      x: 768,
+      y: 848,
+      fontSize: 36,
+      maxWidth: 380,
+      align: "center"
+    }
+  },
+  back: {
+    portrait: {
+      x: 0,
+      y: 0,
+      radiusX: 0,
+      radiusY: 0
+    },
+    namePlate: {
+      x: 768,
+      y: 832,
+      fontSize: 36,
+      maxWidth: 380,
+      align: "center"
+    },
+    contactInfo: {
+      x: 380,
+      y: 500,
+      fontSize: 38,
+      lineHeight: 55,
+      align: "center"
+    },
+    description: {
+      x: 1150,
+      y: 500,
+      fontSize: 38,
+      maxWidth: 480,
+      lineHeight: 42,
+      align: "center"
+    }
+  }
+}, A = {
+  front: {
+    portrait: {
+      x: 3074,
+      y: 1530,
+      radiusX: 942,
+      radiusY: 1020
+    },
+    namePlate: {
+      x: 3072,
+      y: 2950,
+      fontSize: 144,
+      maxWidth: 1520,
+      align: "center"
+    }
+  },
+  back: {
+    portrait: {
+      x: 0,
+      y: 0,
+      radiusX: 0,
+      radiusY: 0
+    },
+    namePlate: {
+      x: 3072,
+      y: 2930,
+      fontSize: 144,
+      maxWidth: 1520,
+      align: "center"
+    },
+    contactInfo: {
+      x: 1520,
+      y: 1680,
+      fontSize: 160,
+      lineHeight: 280,
+      align: "center"
+    },
+    description: {
+      x: 4600,
+      y: 1680,
+      fontSize: 145,
+      maxWidth: 2e3,
+      lineHeight: 210,
+      align: "center"
+    }
+  }
+};
+function J(e) {
+  return e === "de" ? A : T;
+}
+function Q(e, t) {
+  return xe[e][t];
+}
+const W = /* @__PURE__ */ new Map();
+async function j(e) {
+  return W.has(e) ? W.get(e) : new Promise((t, n) => {
+    const a = new Image();
+    a.crossOrigin = "anonymous", a.onload = () => {
+      W.set(e, a), t(a);
+    }, a.onerror = n, a.src = e;
+  });
+}
+function ee(e, t, n, a) {
+  e.drawImage(t, 0, 0, n, a);
+}
+function ke(e, t, n, a, r, s, i = 1) {
+  e.save(), e.beginPath(), e.ellipse(n, a, r, s, 0, 0, Math.PI * 2), e.closePath(), e.clip();
+  const d = t.width / t.height, l = r / s, c = r * 2, f = s * 2;
+  let m, b;
+  d > l ? (b = f, m = f * d) : (m = c, b = c / d), m *= i, b *= i;
+  const y = n - m / 2, u = a - b / 2;
+  e.drawImage(t, y, u, m, b), e.restore();
+}
+function te(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 Ne(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, s = n.lineHeight || n.fontSize * 1.4, i = t.split(" "), d = [];
+  let l = "";
+  for (const m of i) {
+    const b = l ? `${l} ${m}` : m;
+    e.measureText(b).width > r && l ? (d.push(l), l = m) : l = b;
+  }
+  l && d.push(l);
+  const c = d.length * s;
+  let f = n.y - c / 2;
+  for (const m of d)
+    e.fillText(m, n.x, f), f += s;
+  e.restore();
+}
+function Ie(e, t, n, a, 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 i = r.lineHeight || r.fontSize * 1.8, d = [t, n, a].filter(Boolean), l = (d.length - 1) * i;
+  let c = r.y - l / 2;
+  for (const f of d)
+    f && (e.fillText(f, r.x, c), c += i);
+  e.restore();
+}
+async function ne(e, t, n, a, r, s, i, d = 1) {
+  const l = e.getContext("2d");
+  if (!l) return;
+  e.width = s, e.height = i, l.clearRect(0, 0, s, i);
+  const c = await j(t);
+  if (ee(l, c, s, i), n)
+    try {
+      const f = await j(n);
+      ke(
+        l,
+        f,
+        r.portrait.x,
+        r.portrait.y,
+        r.portrait.radiusX,
+        r.portrait.radiusY,
+        d
+      );
+    } catch (f) {
+      console.error("Failed to load portrait:", f);
+    }
+  a && te(l, a, r.namePlate);
+}
+async function ae(e, t, n, a, r, s, i, d, l) {
+  const c = e.getContext("2d");
+  if (!c) return;
+  e.width = d, e.height = l, c.clearRect(0, 0, d, l);
+  const f = await j(t);
+  ee(c, f, d, l), i.contactInfo && (n || a || r) && Ie(c, n, a, r, i.contactInfo), i.description && s && Ne(c, s, i.description), n && te(c, n, i.namePlate);
+}
+function Ue() {
+  const e = g((v) => v.voucherConfig.language), t = g((v) => v.voucherConfig.hours), n = g((v) => v.voucherConfig.description), a = g((v) => v.personalInfo), r = g((v) => v.portrait), s = g((v) => v.currentSide), i = g((v) => v.flipSide), d = S(e), l = _(null), c = _(null), f = _(null), [m, b] = C(!1), y = Q(e, t), u = J(e), P = r.useEnhanced && r.enhanced ? r.enhanced : r.original, N = G(e, t, n);
+  O(() => {
+    l.current && ne(
+      l.current,
+      y.front,
+      P,
+      a.name,
+      u.front,
+      y.width,
+      y.height,
+      r.zoom
+    );
+  }, [y, P, a.name, u, r.zoom]), O(() => {
+    c.current && ae(
+      c.current,
+      y.back,
+      a.name,
+      a.email,
+      a.phone,
+      N,
+      u.back,
+      y.width,
+      y.height
+    );
+  }, [y, a, N, u]);
+  const k = () => {
+    b(!0), setTimeout(() => {
+      i(), b(!1);
+    }, 150);
+  }, L = y.width / y.height;
+  return /* @__PURE__ */ h("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ h("div", { className: "flex justify-between items-center", children: [
+      /* @__PURE__ */ h("div", { className: "tabs tabs-boxed bg-base-200", children: [
+        /* @__PURE__ */ o(
+          "button",
+          {
+            className: `tab ${s === "front" ? "tab-active bg-primary text-primary-content font-semibold" : ""}`,
+            onClick: () => s !== "front" && k(),
+            children: d.preview.front
+          }
+        ),
+        /* @__PURE__ */ o(
+          "button",
+          {
+            className: `tab ${s === "back" ? "tab-active bg-primary text-primary-content font-semibold" : ""}`,
+            onClick: () => s !== "back" && k(),
+            children: d.preview.back
+          }
+        )
+      ] }),
+      /* @__PURE__ */ h("button", { className: "btn btn-ghost btn-sm", onClick: k, children: [
+        /* @__PURE__ */ o(
+          "svg",
+          {
+            xmlns: "http://www.w3.org/2000/svg",
+            className: "h-5 w-5",
+            fill: "none",
+            viewBox: "0 0 24 24",
+            stroke: "currentColor",
+            children: /* @__PURE__ */ o(
+              "path",
+              {
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                strokeWidth: 2,
+                d: "M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"
+              }
+            )
+          }
+        ),
+        d.preview.flip
+      ] })
+    ] }),
+    /* @__PURE__ */ h(
+      "div",
+      {
+        ref: f,
+        className: "relative w-full overflow-hidden  shadow-lg",
+        style: { aspectRatio: L },
+        children: [
+          /* @__PURE__ */ o(
+            "canvas",
+            {
+              ref: l,
+              className: `absolute inset-0 w-full h-full transition-all duration-300 ${s === "front" ? m ? "opacity-0 scale-95" : "opacity-100 scale-100" : "opacity-0 scale-95 pointer-events-none"}`
+            }
+          ),
+          /* @__PURE__ */ o(
+            "canvas",
+            {
+              ref: c,
+              className: `absolute inset-0 w-full h-full transition-all duration-300 ${s === "back" ? m ? "opacity-0 scale-95" : "opacity-100 scale-100" : "opacity-0 scale-95 pointer-events-none"}`
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+function Fe() {
+  const e = _(null), t = _(null);
+  return { frontCanvasRef: e, backCanvasRef: t };
+}
+async function Pe(e) {
+  const {
+    frontTemplateSrc: t,
+    backTemplateSrc: n,
+    templateWidth: a,
+    templateHeight: r,
+    layout: s,
+    portrait: i,
+    portraitZoom: d = 1,
+    name: l,
+    email: c,
+    phone: f,
+    description: m
+  } = e, b = document.createElement("canvas"), y = document.createElement("canvas");
+  await Promise.all([
+    ne(b, t, i, l, s.front, a, r, d),
+    ae(y, n, l, c, f, m, s.back, a, r)
+  ]);
+  const u = new ce({
+    orientation: "landscape",
+    unit: "mm",
+    format: "a4"
+  }), P = 297, N = 210, k = 10, L = a / r;
+  let v = P - k * 2, I = v / L;
+  I > N - k * 2 && (I = N - k * 2, v = I * L);
+  const D = (P - v) / 2, $ = (N - I) / 2, M = b.toDataURL("image/jpeg", 0.95);
+  u.addImage(M, "JPEG", D, $, v, I), u.addPage();
+  const U = y.toDataURL("image/jpeg", 0.95);
+  return u.addImage(U, "JPEG", D, $, v, I), u.output("blob");
+}
+function Ee(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 Ce(e) {
+  const t = await Pe(e);
+  Ee(t, e.filename);
+}
+function We() {
+  const e = g((u) => u.voucherConfig.language), t = g((u) => u.voucherConfig.hours), n = g((u) => u.voucherConfig.description), a = g((u) => u.personalInfo), r = g((u) => u.portrait), s = g((u) => u.isExporting), i = g((u) => u.setIsExporting), d = S(e), l = Q(e, t), c = J(e), f = r.useEnhanced && r.enhanced ? r.enhanced : r.original, m = G(e, t, n), b = a.name.trim().length > 0;
+  return /* @__PURE__ */ o(
+    "button",
+    {
+      className: `btn btn-primary flex-1 ${s ? "loading" : ""}`,
+      onClick: async () => {
+        if (!(!b || s)) {
+          i(!0);
+          try {
+            const u = `zeitgutschein-${t}h-${a.name.replace(/\s+/g, "-").toLowerCase()}.pdf`;
+            await Ce({
+              frontTemplateSrc: l.front,
+              backTemplateSrc: l.back,
+              templateWidth: l.width,
+              templateHeight: l.height,
+              layout: c,
+              portrait: f,
+              portraitZoom: r.zoom,
+              name: a.name,
+              email: a.email,
+              phone: a.phone,
+              description: m,
+              filename: u
+            });
+          } catch (u) {
+            console.error("PDF export failed:", u);
+          } finally {
+            i(!1);
+          }
+        }
+      },
+      disabled: !b || s,
+      children: s ? /* @__PURE__ */ h(z, { children: [
+        /* @__PURE__ */ o("span", { className: "loading loading-spinner loading-sm" }),
+        d.export.exporting
+      ] }) : /* @__PURE__ */ h(z, { children: [
+        /* @__PURE__ */ o(
+          "svg",
+          {
+            xmlns: "http://www.w3.org/2000/svg",
+            className: "h-5 w-5",
+            fill: "none",
+            viewBox: "0 0 24 24",
+            stroke: "currentColor",
+            children: /* @__PURE__ */ o(
+              "path",
+              {
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                strokeWidth: 2,
+                d: "M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
+              }
+            )
+          }
+        ),
+        d.export.button
+      ] })
+    }
+  );
+}
+function Se() {
+  const e = g((a) => a.voucherConfig.language), t = g((a) => a.setLanguage), n = (a) => {
+    t(a);
+  };
+  return /* @__PURE__ */ h("div", { className: "join", children: [
+    /* @__PURE__ */ o(
+      "button",
+      {
+        className: `join-item btn btn-sm ${e === "de" ? "btn-active btn-primary" : "btn-ghost"}`,
+        onClick: () => n("de"),
+        children: "DE"
+      }
+    ),
+    /* @__PURE__ */ o(
+      "button",
+      {
+        className: `join-item btn btn-sm ${e === "en" ? "btn-active btn-primary" : "btn-ghost"}`,
+        onClick: () => n("en"),
+        children: "EN"
+      }
+    )
+  ] });
+}
+function je() {
+  const e = g((n) => n.voucherConfig.language), t = S(e);
+  return /* @__PURE__ */ h("div", { className: "navbar bg-currency-green text-currency-cream shadow-lg", children: [
+    /* @__PURE__ */ o("div", { className: "navbar-start", children: /* @__PURE__ */ o("a", { className: "btn btn-ghost text-xl font-currency font-bold", children: t.header.title }) }),
+    /* @__PURE__ */ o("div", { className: "navbar-center hidden sm:flex", children: /* @__PURE__ */ o("span", { className: "text-sm opacity-80", children: t.header.subtitle }) }),
+    /* @__PURE__ */ o("div", { className: "navbar-end", children: /* @__PURE__ */ o(Se, {}) })
+  ] });
+}
+const B = "/", Le = {
+  id: "time-voucher-classic-de",
+  name: "Zeitgutschein Classic",
+  type: "time-voucher",
+  category: "classic",
+  images: {
+    front: `${B}templates/front_hdpi_de.jpg`,
+    back: `${B}templates/back_hdpi_de.jpg`,
+    width: 6144,
+    height: 4096
+  },
+  fields: [
+    {
+      id: "name",
+      type: "text",
+      label: { de: "Name", en: "Name" },
+      required: !0,
+      validation: { minLength: 1, maxLength: 50 }
+    },
+    {
+      id: "hours",
+      type: "select",
+      label: { de: "Stunden", en: "Hours" },
+      required: !0,
+      options: ["1", "5", "10"]
+    },
+    {
+      id: "portrait",
+      type: "image",
+      label: { de: "Portrait", en: "Portrait" },
+      required: !1
+    },
+    {
+      id: "email",
+      type: "text",
+      label: { de: "E-Mail", en: "Email" },
+      required: !1
+    },
+    {
+      id: "phone",
+      type: "text",
+      label: { de: "Telefon", en: "Phone" },
+      required: !1
+    },
+    {
+      id: "description",
+      type: "textarea",
+      label: { de: "Beschreibung", en: "Description" },
+      required: !1,
+      validation: { maxLength: 200 }
+    }
+  ],
+  layout: {
+    front: {
+      portrait: A.front.portrait,
+      name: A.front.namePlate
+    },
+    back: {
+      name: A.back.namePlate,
+      contactInfo: A.back.contactInfo,
+      description: A.back.description
+    }
+  },
+  languages: ["de"]
+}, Te = {
+  id: "time-voucher-classic-en",
+  name: "Time Voucher Classic",
+  type: "time-voucher",
+  category: "classic",
+  images: {
+    front: `${B}templates/front_ldpi_en.png`,
+    back: `${B}templates/back_ldpi_en.png`,
+    width: 1536,
+    height: 1024
+  },
+  fields: [
+    {
+      id: "name",
+      type: "text",
+      label: { de: "Name", en: "Name" },
+      required: !0,
+      validation: { minLength: 1, maxLength: 50 }
+    },
+    {
+      id: "hours",
+      type: "select",
+      label: { de: "Stunden", en: "Hours" },
+      required: !0,
+      options: ["1", "5", "10"]
+    },
+    {
+      id: "portrait",
+      type: "image",
+      label: { de: "Portrait", en: "Portrait" },
+      required: !1
+    },
+    {
+      id: "email",
+      type: "text",
+      label: { de: "E-Mail", en: "Email" },
+      required: !1
+    },
+    {
+      id: "phone",
+      type: "text",
+      label: { de: "Telefon", en: "Phone" },
+      required: !1
+    },
+    {
+      id: "description",
+      type: "textarea",
+      label: { de: "Beschreibung", en: "Description" },
+      required: !1,
+      validation: { maxLength: 200 }
+    }
+  ],
+  layout: {
+    front: {
+      portrait: T.front.portrait,
+      name: T.front.namePlate
+    },
+    back: {
+      name: T.back.namePlate,
+      contactInfo: T.back.contactInfo,
+      description: T.back.description
+    }
+  },
+  languages: ["en"]
+}, Z = [
+  Le,
+  Te
+], Ae = {
+  async listTemplates(e) {
+    let t = [...Z];
+    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 = Z.find((n) => n.id === e);
+    if (!t)
+      throw new Error(`Template not found: ${e}`);
+    return t;
+  }
+};
+function Ke(e) {
+  return e === "de" ? "time-voucher-classic-de" : "time-voucher-classic-en";
+}
+let R = Ae;
+function Oe(e) {
+  R = e;
+}
+function Ve() {
+  return R;
+}
+async function Ye(e) {
+  return R.listTemplates(e);
+}
+async function qe(e) {
+  return R.getTemplate(e);
+}
+export {
+  ye as ApiKeyModal,
+  Ue as BillPreview,
+  We as ExportButton,
+  je as Header,
+  A as LAYOUT_HDPI,
+  T as LAYOUT_LDPI,
+  Se as LanguageToggle,
+  Be as PersonalInfoForm,
+  Re as PortraitUpload,
+  xe as TEMPLATES,
+  Me as VoucherConfig,
+  Ee as downloadBlob,
+  Ie as drawContactInfo,
+  Ne as drawMultilineText,
+  ke as drawOvalPortrait,
+  ee as drawTemplate,
+  te as drawText,
+  be as enhancePortrait,
+  q as enhancePortraitFallback,
+  Ce as exportBillAsPDF,
+  G as formatDescription,
+  Pe as generateBillPDF,
+  X as getApiKey,
+  Ke as getDefaultTemplateId,
+  J as getLayout,
+  Q as getTemplate,
+  qe as getTemplateById,
+  Ve as getTemplateProvider,
+  Y as hasApiKey,
+  Ye as listTemplates,
+  j as loadImage,
+  ae as renderBackSide,
+  ne as renderFrontSide,
+  fe as setApiKey,
+  Oe as setTemplateProvider,
+  Ae as staticTemplateProvider,
+  S as t,
+  Fe as useBillCanvasRefs,
+  g as useBillStore
+};