@invoice-sdk/widget 1.105.14 → 1.113.3

package/dist/index-BUKYVXk1.js

@@ -0,0 +1,660 @@
+var U = Object.defineProperty;
+var W = Object.getOwnPropertySymbols;
+var X = Object.prototype.hasOwnProperty, G = Object.prototype.propertyIsEnumerable;
+var $ = (i, a, e) => a in i ? U(i, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[a] = e, S = (i, a) => {
+  for (var e in a || (a = {}))
+    X.call(a, e) && $(i, e, a[e]);
+  if (W)
+    for (var e of W(a))
+      G.call(a, e) && $(i, e, a[e]);
+  return i;
+};
+var F = (i, a, e) => new Promise((t, o) => {
+  var s = (d) => {
+    try {
+      l(e.next(d));
+    } catch (b) {
+      o(b);
+    }
+  }, r = (d) => {
+    try {
+      l(e.throw(d));
+    } catch (b) {
+      o(b);
+    }
+  }, l = (d) => d.done ? t(d.value) : Promise.resolve(d.value).then(s, r);
+  l((e = e.apply(i, a)).next());
+});
+import { c as q, f as z, b as J, n as D, s as K } from "./invoice-Cl3kUjw8.js";
+import { t as n, c as P } from "./index-NuRe-rnZ.js";
+function Q({ defaultValues: i = {}, onChange: a } = {}) {
+  const e = {
+    representativeName: i.representativeName || "",
+    buyerAddress: i.buyerAddress || "",
+    email: i.email || "",
+    phone: i.phone || ""
+  }, t = document.createElement("div");
+  t.className = "wgt:space-y-2";
+  function o() {
+    typeof a == "function" && a(S({}, e));
+  }
+  function s({ label: c, required: h, name: m, type: M = "text", placeholder: H }) {
+    const v = document.createElement("div");
+    v.className = "";
+    const E = document.createElement("label");
+    E.className = "wgt:text-sm wgt:font-medium wgt:text-strong-950", E.htmlFor = m, E.innerHTML = h ? `${c} <span class="wgt:text-semantic-error wgt:text-[#ED1C24]">*</span>` : c;
+    const u = document.createElement("input");
+    return u.id = m, u.name = m, u.type = M, u.placeholder = H || "", u.className = "wgt:w-full wgt:rounded-lg wgt:border wgt:border-[#E4E7EC] wgt:mt-2 wgt:bg-white wgt:px-3 wgt:py-2.5 wgt:text-sm wgt:text-strong-950 focus:wgt:outline-none focus:wgt:border-primary focus:wgt:ring-1 focus:wgt:ring-primary", u.value = e[m] || "", u.addEventListener("input", () => {
+      e[m] = u.value, u.classList.remove(
+        "wgt:border-semantic-error",
+        "wgt:bg-semantic-error-50"
+      ), o();
+    }), v.appendChild(E), v.appendChild(u), { field: v, input: u };
+  }
+  const { field: r, input: l } = s({
+    label: n("representativeName"),
+    required: !0,
+    name: "representativeName",
+    placeholder: n("representativeName_input")
+  }), { field: d } = s({
+    label: n("buyerAddress"),
+    required: !1,
+    name: "buyerAddress",
+    placeholder: n("buyerAddress_input")
+  }), { field: b, input: w } = s({
+    label: n("email"),
+    required: !0,
+    name: "email",
+    type: "email",
+    placeholder: n("email_input")
+  });
+  t.appendChild(r), t.appendChild(d), t.appendChild(b);
+  function L() {
+    let c = !0;
+    function h(m) {
+      m.classList.add(
+        "wgt:border-semantic-error",
+        "wgt:bg-semantic-error-50"
+      ), c = !1;
+    }
+    return e.representativeName.trim() || h(l), e.email.trim() || h(w), c;
+  }
+  function x() {
+    return S({}, e);
+  }
+  return { container: t, getValues: x, validate: L };
+}
+function Y({
+  defaultValues: i = {},
+  onChange: a,
+  onFetchByTaxCode: e
+} = {}) {
+  const t = {
+    noTaxCode: !!i.noTaxCode,
+    taxCode: i.taxCode || "",
+    representativeName: i.representativeName || "",
+    buyerAddress: i.buyerAddress || "",
+    performerName: i.performerName || "",
+    email: i.email || "",
+    phone: i.phone || ""
+  }, o = document.createElement("div");
+  o.className = "wgt:space-y-2";
+  function s() {
+    typeof a == "function" && a(S({}, t));
+  }
+  function r({ label: g, required: p, name: N, type: y = "text", placeholder: V }) {
+    const k = document.createElement("div");
+    k.className = "";
+    const j = document.createElement("label");
+    j.className = "wgt:text-sm wgt:font-medium wgt:text-strong-950", j.htmlFor = N, j.innerHTML = p ? `${g} <span class="wgt:text-[#ED1C24]">*</span>` : g;
+    const A = document.createElement("input");
+    return A.id = N, A.name = N, A.type = y, A.placeholder = V || "", A.className = "wgt:w-full wgt:rounded-lg wgt:border wgt:border-[#E4E7EC] wgt:mt-2 wgt:bg-white wgt:px-3 wgt:py-2.5 wgt:text-sm wgt:text-strong-950 focus:wgt:outline-none focus:wgt:border-primary focus:wgt:ring-1 focus:wgt:ring-primary", A.value = t[N] || "", A.addEventListener("input", () => {
+      t[N] = A.value, A.classList.remove(
+        "wgt:border-semantic-error",
+        "wgt:bg-semantic-error-50"
+      ), s();
+    }), k.appendChild(j), k.appendChild(A), { field: k, input: A };
+  }
+  const l = document.createElement("label");
+  l.className = "wgt:flex wgt:items-center wgt:gap-2 wgt:font-medium wgt:text-strong-950 wgt:text-sm";
+  const d = document.createElement("input");
+  d.type = "checkbox", d.className = "wgt:h-4 wgt:w-4 wgt:rounded wgt:border-[#E4E7EC] focus:wgt:outline-none  focus:wgt:ring-primary", d.checked = t.noTaxCode;
+  const b = document.createElement("span");
+  b.textContent = n("business_noTaxCode"), b.className = "wgt:italic wgt:font-normal wgt:text-[14px] wgt:leading-[20px] wgt:tracking-[0px] wgt:align-middle wgt:text-[#525866]", b.style.fontFamily = "Inter, sans-serif", d.addEventListener("change", () => {
+    t.noTaxCode = d.checked, c.disabled = t.noTaxCode, h.disabled = t.noTaxCode, s();
+  }), l.appendChild(d), l.appendChild(b);
+  const w = document.createElement("div");
+  w.className = "wgt:space-y-2";
+  const L = document.createElement("label");
+  L.className = "wgt:text-sm wgt:font-medium wgt:text-strong-950 ", L.innerHTML = n("confirmation_popup_taxCode") + '<span class="wgt:text-[#ED1C24]">*</span>';
+  const x = document.createElement("div");
+  x.className = "wgt:flex wgt:gap-2 wgt:mt-2";
+  const c = document.createElement("input");
+  c.type = "text", c.name = "taxCode", c.placeholder = n("taxCode_input"), c.value = t.taxCode, c.className = "wgt:flex-1 wgt:rounded-lg wgt:border wgt:border-[#E4E7EC] wgt:bg-white wgt:px-3 wgt:py-2.5 wgt:text-sm wgt:text-strong-950 focus:wgt:outline-none focus:wgt:border-primary focus:wgt:ring-1 focus:wgt:ring-primary", c.addEventListener("input", () => {
+    t.taxCode = c.value, c.classList.remove(
+      "wgt:border-semantic-error",
+      "wgt:bg-semantic-error-50"
+    ), s();
+  });
+  const h = q({
+    type: "button",
+    title: n("fetch_info"),
+    className: "wgt:px-3 wgt:py-2.5 wgt:text-sm wgt:font-semibold wgt:rounded-lg wgt:flex-shrink-0 wgt:text-primary wgt:bg-white wgt:border wgt:border-primary",
+    handleClick: () => F(null, null, function* () {
+      if (t.noTaxCode || typeof e != "function")
+        return;
+      const g = String(t.taxCode || "").trim();
+      if (!g) {
+        c.classList.add(
+          "wgt:border-semantic-error",
+          "wgt:bg-semantic-error-50"
+        );
+        return;
+      }
+      try {
+        h.disabled = !0;
+        const p = yield e(g, S({}, t));
+        if (!p || typeof p != "object") return;
+        p.representativeName != null && (t.representativeName = String(p.representativeName || ""), M.value = t.representativeName), p.buyerAddress != null && (t.buyerAddress = String(p.buyerAddress || ""), v.value = t.buyerAddress), s();
+      } catch (p) {
+        c.classList.add(
+          "wgt:border-semantic-error",
+          "wgt:bg-semantic-error-50"
+        );
+      } finally {
+        h.disabled = t.noTaxCode;
+      }
+    })
+  });
+  x.appendChild(c), x.appendChild(h), w.appendChild(L), w.appendChild(x);
+  const { field: m, input: M } = r({
+    label: n("representativeName"),
+    required: !0,
+    name: "representativeName",
+    placeholder: n("representativeName_input")
+  }), { field: H, input: v } = r({
+    label: n("buyerAddress"),
+    required: !1,
+    name: "buyerAddress",
+    placeholder: n("buyerAddress_input")
+  }), { field: E, input: u } = r({
+    label: n("performerName"),
+    required: !0,
+    name: "performerName",
+    placeholder: n("performerName_input")
+  }), { field: T, input: Z } = r({
+    label: n("email"),
+    required: !0,
+    name: "email",
+    type: "email",
+    placeholder: n("email_input")
+  }), { field: _, input: B } = r({
+    label: n("phone"),
+    required: !0,
+    name: "phone",
+    type: "tel",
+    placeholder: n("phone_input")
+  });
+  o.appendChild(l), o.appendChild(w), o.appendChild(m), o.appendChild(H), o.appendChild(E), o.appendChild(T), o.appendChild(_), c.disabled = t.noTaxCode, h.disabled = t.noTaxCode;
+  function C() {
+    let g = !0;
+    function p(N) {
+      N.classList.add(
+        "wgt:border-semantic-error",
+        "wgt:bg-semantic-error-50 ",
+        "wgt:mt-2"
+      ), g = !1;
+    }
+    return !t.noTaxCode && !t.taxCode.trim() && p(c), t.representativeName.trim() || p(M), t.performerName.trim() || p(u), t.email.trim() || p(Z), t.phone.trim() || p(B), g;
+  }
+  function f() {
+    return S({}, t);
+  }
+  return { container: o, getValues: f, validate: C };
+}
+function I({
+  type: i,
+  data: a,
+  orderInfo: e,
+  theme: t,
+  onClose: o,
+  onConfirm: s
+}) {
+  const r = document.createElement("div");
+  r.className = "wgt:fixed wgt:inset-0 wgt:flex wgt:items-center wgt:justify-center wgt:z-50 wgt:p-4", r.style.cssText = `
+  background-color: rgba(0, 0, 0, 0.5);  
+  backdrop-filter: blur(4px);           
+`, t && r.setAttribute("data-theme", t);
+  const l = document.createElement("div");
+  l.className = "wgt:w-full wgt:max-w-md wgt:bg-white wgt:rounded-2xl wgt:shadow-xl wgt:max-h-[90vh] wgt:overflow-y-auto";
+  const d = document.createElement("div");
+  d.className = "wgt:px-6 wgt:pt-6 wgt:pb-4 wgt:space-y-2";
+  const b = document.createElement("h3");
+  b.className = "wgt:text-xl wgt:font-semibold wgt:text-center wgt:text-strong-950", b.textContent = n("confirmation_popup_title");
+  const w = document.createElement("p");
+  w.className = "wgt:text-sm wgt:text-center wgt:text-[#525866]", w.textContent = n("confirmation_popup_subtitle"), d.appendChild(b), d.appendChild(w), l.appendChild(d);
+  const L = document.createElement("div");
+  L.className = "wgt:px-6 wgt:pb-4";
+  const x = document.createElement("div");
+  x.className = "wgt:space-y-3 wgt:rounded-xl wgt:bg-weak-50 wgt:px-4 wgt:py-3";
+  function c(_, B, C) {
+    const f = document.createElement("div");
+    f.className = "wgt:flex wgt:items-start wgt:gap-3";
+    const g = document.createElement("span");
+    g.className = "wgt:text-primary wgt:flex-shrink-0", g.innerHTML = _;
+    const p = document.createElement("div");
+    p.className = "wgt:flex wgt:items-start wgt:justify-between wgt:flex-1 wgt:gap-2";
+    const N = document.createElement("span");
+    N.className = "wgt:text-sm wgt:text-[#525866] wgt:w-1/3", N.textContent = B;
+    const y = document.createElement("span");
+    return y.className = "wgt:text-sm wgt:font-semibold wgt:text-strong-950 wgt:text-right wgt:w-2/3", y.textContent = C || "-", p.appendChild(N), p.appendChild(y), f.appendChild(g), f.appendChild(p), f;
+  }
+  const h = '<svg class="wgt:w-4 wgt:h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 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" /></svg>', m = '<svg class="wgt:w-4 wgt:h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" /><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" /></svg>', M = '<svg class="wgt:w-4 wgt:h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /></svg>';
+  x.appendChild(
+    c(
+      h,
+      n("confirmation_popup_orderCode"),
+      e == null ? void 0 : e.billNo
+    )
+  ), x.appendChild(
+    c(
+      m,
+      n("confirmation_popup_address"),
+      e == null ? void 0 : e.merchantAddress
+    )
+  ), x.appendChild(
+    c(
+      M,
+      n("confirmation_popup_totalAmount"),
+      z(e == null ? void 0 : e.amount) + " VND"
+    )
+  ), L.appendChild(x), l.appendChild(L);
+  const H = document.createElement("div");
+  H.className = "wgt:px-6 wgt:pb-6";
+  const v = document.createElement("div");
+  v.className = "wgt:space-y-3 wgt:rounded-xl wgt:border wgt:border-[#E1E4EA] wgt:px-4 wgt:py-4";
+  function E(_, B) {
+    const C = document.createElement("div");
+    C.className = "wgt:flex wgt:items-start wgt:justify-between wgt:gap-4";
+    const f = document.createElement("span");
+    f.className = "wgt:text-sm wgt:text-[#0E121B] wgt:w-1/3", f.textContent = _;
+    const g = document.createElement("span");
+    return g.className = "wgt:text-sm wgt:font-semibold wgt:text-strong-950 wgt:text-right wgt:w-2/3", g.textContent = B || "-", C.appendChild(f), C.appendChild(g), C;
+  }
+  i === "business" ? (v.appendChild(
+    E(n("confirmation_popup_taxCode"), a.taxCode)
+  ), v.appendChild(
+    E(
+      n("confirmation_popup_representativeName"),
+      a.representativeName
+    )
+  ), v.appendChild(
+    E(n("confirmation_popup_buyerAddress"), a.buyerAddress)
+  ), v.appendChild(
+    E(n("confirmation_popup_performerName"), a.performerName)
+  ), v.appendChild(
+    E(n("confirmation_popup_email"), a.email)
+  ), v.appendChild(
+    E(n("confirmation_popup_phone"), a.phone)
+  )) : (v.appendChild(
+    E(
+      n("confirmation_popup_representativeName"),
+      a.representativeName
+    )
+  ), v.appendChild(
+    E(n("confirmation_popup_buyerAddress"), a.buyerAddress)
+  ), v.appendChild(
+    E(n("confirmation_popup_email"), a.email)
+  )), H.appendChild(v), l.appendChild(H);
+  const u = document.createElement("div");
+  u.className = "wgt:px-6 wgt:pb-6 wgt:flex wgt:gap-3";
+  const T = q({
+    type: "button",
+    title: "Đóng",
+    className: "wgt:flex-1 wgt:py-3 wgt:text-sm wgt:font-semibold wgt:rounded-[8px] wgt:bg-white wgt:text-primary wgt:border wgt:border-primary",
+    handleClick: () => {
+      typeof o == "function" && o(), r.remove();
+    }
+  }), Z = q({
+    type: "button",
+    title: "Xác nhận",
+    className: "wgt:flex-1 wgt:py-3 wgt:text-sm wgt:font-semibold wgt:rounded-[8px] wgt:bg-primary wgt:text-white",
+    handleClick: () => {
+      typeof s == "function" && s({ type: i, data: a }), r.remove();
+    }
+  });
+  return u.appendChild(T), u.appendChild(Z), l.appendChild(u), r.appendChild(l), r.addEventListener("click", (_) => {
+    _.target === r && (typeof o == "function" && o(), r.remove());
+  }), { overlay: r };
+}
+function ee({
+  orderInfo: i,
+  onPreview: a,
+  theme: e,
+  onSubmit: t,
+  taxCode: o = ""
+}) {
+  const s = document.createElement("div");
+  s.className = "wgt:flex wgt:flex-col wgt:items-center wgt:justify-between wgt:h-full wgt:shadow wgt:rounded-xl", e && s.setAttribute("data-theme", e);
+  const r = document.createElement("div");
+  r.className = "wgt:w-full wgt:max-w-md wgt:space-y-4 wgt:rounded-xl wgt:bg-white wgt:p-4", s.appendChild(r);
+  const l = document.createElement("div");
+  l.className = "wgt:space-y-1";
+  const d = document.createElement("h3");
+  d.className = "wgt:text-2xl wgt:font-semibold wgt:text-text-black wgt:text-center wgt:justify-center", d.textContent = n("invoiceform_title");
+  const b = document.createElement("p");
+  b.className = "wgt:text-sm wgt:text-weak-700 wgt:text-center wgt:justify-center", b.textContent = n("invoiceform_subtitle"), l.appendChild(d), l.appendChild(b), r.appendChild(l);
+  const w = document.createElement("div");
+  w.className = "wgt:mt-2 wgt:space-y-3 wgt:rounded-xl wgt:bg-weak-50 wgt:px-6 wgt:py-6";
+  function L(C, f) {
+    const g = document.createElement("div");
+    g.className = "wgt:flex wgt:items-start";
+    const p = document.createElement("div");
+    p.className = "wgt:flex wgt:items-center  wgt:gap-2 wgt:w-1/3";
+    const N = document.createElement("span");
+    N.className = "wgt:inline-flex wgt:items-center wgt:justify-center wgt:w-4 wgt:h-4 wgt:text-icon-primary";
+    let y = "";
+    C === n("orderCode") ? y = `
+      <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.7996 14H3.19961C3.04048 14 2.88787 13.9368 2.77535 13.8243C2.66282 13.7117 2.59961 13.5591 2.59961 13.4V2.6C2.59961 2.44087 2.66282 2.28826 2.77535 2.17574C2.88787 2.06321 3.04048 2 3.19961 2H12.7996C12.9587 2 13.1114 2.06321 13.2239 2.17574C13.3364 2.28826 13.3996 2.44087 13.3996 2.6V13.4C13.3996 13.5591 13.3364 13.7117 13.2239 13.8243C13.1114 13.9368 12.9587 14 12.7996 14ZM12.1996 12.8V3.2H3.79961V12.8H12.1996ZM5.59961 6.2H10.3996V7.4H5.59961V6.2ZM5.59961 8.6H10.3996V9.8H5.59961V8.6Z" fill="currentColor"/>
+</svg>
+
+    ` : C === n("address_form") ? y = `
+      <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.99961 13.34L10.9696 10.37C11.557 9.78256 11.9569 9.03419 12.1189 8.21948C12.281 7.40477 12.1978 6.56031 11.8799 5.79289C11.562 5.02546 11.0236 4.36954 10.333 3.90805C9.64229 3.44657 8.83028 3.20026 7.99961 3.20026C7.16895 3.20026 6.35694 3.44657 5.66626 3.90805C4.97558 4.36954 4.43726 5.02546 4.11936 5.79289C3.80146 6.56031 3.71826 7.40477 3.88028 8.21948C4.04231 9.03419 4.44227 9.78256 5.02961 10.37L7.99961 13.34ZM7.99961 15.0368L4.18121 11.2184C3.42602 10.4631 2.91172 9.50096 2.70337 8.45346C2.49501 7.40597 2.60195 6.32021 3.01067 5.33349C3.41938 4.34678 4.11152 3.50342 4.99954 2.91006C5.88756 2.3167 6.9316 2 7.99961 2C9.06763 2 10.1117 2.3167 10.9997 2.91006C11.8877 3.50342 12.5798 4.34678 12.9886 5.33349C13.3973 6.32021 13.5042 7.40597 13.2959 8.45346C13.0875 9.50096 12.5732 10.4631 11.818 11.2184L7.99961 15.0368ZM7.99961 8.59995C8.31787 8.59995 8.6231 8.47353 8.84814 8.24848C9.07318 8.02344 9.19961 7.71821 9.19961 7.39995C9.19961 7.08169 9.07318 6.77647 8.84814 6.55143C8.6231 6.32638 8.31787 6.19995 7.99961 6.19995C7.68135 6.19995 7.37613 6.32638 7.15108 6.55143C6.92604 6.77647 6.79961 7.08169 6.79961 7.39995C6.79961 7.71821 6.92604 8.02344 7.15108 8.24848C7.37613 8.47353 7.68135 8.59995 7.99961 8.59995ZM7.99961 9.79995C7.36309 9.79995 6.75264 9.5471 6.30256 9.09701C5.85247 8.64692 5.59961 8.03647 5.59961 7.39995C5.59961 6.76343 5.85247 6.15298 6.30256 5.7029C6.75264 5.25281 7.36309 4.99995 7.99961 4.99995C8.63613 4.99995 9.24658 5.25281 9.69667 5.7029C10.1468 6.15298 10.3996 6.76343 10.3996 7.39995C10.3996 8.03647 10.1468 8.64692 9.69667 9.09701C9.24658 9.5471 8.63613 9.79995 7.99961 9.79995Z" fill="currentColor"/>
+</svg>
+
+    ` : C === n("total_amount") && (y = `
+      <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8 14C4.6862 14 2 11.3138 2 8C2 4.6862 4.6862 2 8 2C11.3138 2 14 4.6862 14 8C14 11.3138 11.3138 14 8 14ZM8 12.8C9.27304 12.8 10.4939 12.2943 11.3941 11.3941C12.2943 10.4939 12.8 9.27304 12.8 8C12.8 6.72696 12.2943 5.50606 11.3941 4.60589C10.4939 3.70571 9.27304 3.2 8 3.2C6.72696 3.2 5.50606 3.70571 4.60589 4.60589C3.70571 5.50606 3.2 6.72696 3.2 8C3.2 9.27304 3.70571 10.4939 4.60589 11.3941C5.50606 12.2943 6.72696 12.8 8 12.8V12.8ZM5.9 9.2H9.2C9.27957 9.2 9.35587 9.16839 9.41213 9.11213C9.46839 9.05587 9.5 8.97957 9.5 8.9C9.5 8.82044 9.46839 8.74413 9.41213 8.68787C9.35587 8.63161 9.27957 8.6 9.2 8.6H6.8C6.40218 8.6 6.02064 8.44197 5.73934 8.16066C5.45804 7.87936 5.3 7.49783 5.3 7.1C5.3 6.70218 5.45804 6.32065 5.73934 6.03934C6.02064 5.75804 6.40218 5.6 6.8 5.6H7.4V4.4H8.6V5.6H10.1V6.8H6.8C6.72044 6.8 6.64413 6.83161 6.58787 6.88787C6.53161 6.94413 6.5 7.02044 6.5 7.1C6.5 7.17957 6.53161 7.25587 6.58787 7.31213C6.64413 7.36839 6.72044 7.4 6.8 7.4H9.2C9.59783 7.4 9.97936 7.55804 10.2607 7.83934C10.542 8.12065 10.7 8.50218 10.7 8.9C10.7 9.29783 10.542 9.67936 10.2607 9.96066C9.97936 10.242 9.59783 10.4 9.2 10.4H8.6V11.6H7.4V10.4H5.9V9.2Z" fill="currentColor"/>
+</svg>
+
+    `), N.innerHTML = y;
+    const V = document.createElement("span");
+    V.className = "wgt:text-sm wgt:text-weak-700", V.textContent = C, p.appendChild(N), p.appendChild(V);
+    const k = document.createElement("span");
+    return k.className = "wgt:text-sm wgt:font-semibold wgt:text-strong-950 wgt:w-2/3 wgt:text-right", k.textContent = f, g.appendChild(p), g.appendChild(k), g;
+  }
+  w.appendChild(L(n("orderCode"), i == null ? void 0 : i.billNo)), w.appendChild(
+    L(n("address_form"), i == null ? void 0 : i.merchantAddress)
+  ), w.appendChild(
+    L(
+      n("total_amount"),
+      z(i == null ? void 0 : i.amount) + " VND"
+    )
+  ), r.appendChild(w);
+  const x = document.createElement("div");
+  x.className = "wgt:mt-4 wgt:rounded-xl wgt:border wgt:border-[#E1E4EA] wgt:bg-white wgt:pb-6", r.appendChild(x);
+  const c = document.createElement("div");
+  c.className = "wgt:flex wgt:border-b wgt:border-[#E1E4EA]", x.appendChild(c);
+  const h = document.createElement("button");
+  h.type = "button", h.className = "wgt:relative wgt:flex-1 wgt:py-4 wgt:text-sm wgt:font-semibold ", h.innerHTML = `
+  <span class="wgt:flex wgt:items-center wgt:justify-center wgt:gap-2">
+    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10 12C11.4587 12 12.8572 12.5799 13.8887 13.6113C14.8016 14.5242 15.3592 15.7247 15.4756 17H14.9746C14.8598 15.8576 14.3542 14.7839 13.5352 13.9648C12.5975 13.0272 11.3261 12.5 10 12.5C8.67392 12.5 7.40253 13.0272 6.46484 13.9648C5.64577 14.7839 5.14018 15.8576 5.02539 17H4.52441C4.64082 15.7247 5.19843 14.5242 6.11133 13.6113C7.07838 12.6443 8.36805 12.0742 9.72754 12.0068L10 12ZM10 2.25C12.2101 2.25 14 4.03989 14 6.25C14 8.46011 12.2101 10.25 10 10.25C7.78989 10.25 6 8.46011 6 6.25C6 4.03989 7.78989 2.25 10 2.25ZM10 2.75C8.06636 2.75 6.5 4.31636 6.5 6.25C6.5 8.18364 8.06636 9.75 10 9.75C11.9336 9.75 13.5 8.18364 13.5 6.25C13.5 4.31636 11.9336 2.75 10 2.75Z" fill="currentColor" stroke="currentColor"/>
+</svg>
+
+    ${n("individual")}
+  </span>
+`;
+  const m = document.createElement("button");
+  m.type = "button", m.className = "wgt:relative wgt:flex-1 wgt:py-4 wgt:text-sm wgt:font-semibold", m.innerHTML = `
+  <span class="wgt:flex wgt:items-center wgt:justify-center wgt:gap-2">
+    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4 3.875H11.5C11.5332 3.875 11.5654 3.88769 11.5889 3.91113C11.6123 3.93457 11.625 3.96685 11.625 4V15.875H15.875V8.625H14.375V8.375H16C16.0332 8.375 16.0654 8.38769 16.0889 8.41113C16.1123 8.43457 16.125 8.46685 16.125 8.5V15.875H17.625V16.125H2.375V15.875H3.875V4C3.875 3.96685 3.88769 3.93457 3.91113 3.91113C3.93457 3.88769 3.96685 3.875 4 3.875ZM4.125 15.875H11.375V4.125H4.125V15.875ZM8.625 9.875V10.125H6.875V9.875H8.625ZM8.625 6.875V7.125H6.875V6.875H8.625Z" fill="currentColor" stroke="currentColor" stroke-width="1.25"/>
+</svg>
+
+    ${n("business")}
+  </span>
+`, c.appendChild(h), c.appendChild(m);
+  const M = document.createElement("div");
+  M.className = "wgt:mt-4 wgt:px-4", x.appendChild(M);
+  const H = Q(), v = Y({
+    defaultValues: { taxCode: o || "" },
+    onFetchByTaxCode: (C) => F(null, null, function* () {
+      var g, p;
+      const f = yield J(C);
+      return {
+        representativeName: (g = f.nguoi_dai_dien) != null ? g : "",
+        buyerAddress: (p = f.dia_chi) != null ? p : ""
+      };
+    })
+  });
+  let E = "individual", u = H;
+  function T(C) {
+    E = C, h.style.borderBottom = "none", m.style.borderBottom = "none";
+    const f = "wgt:relative wgt:flex-1 wgt:py-4 wgt:text-sm wgt:font-semibold";
+    C === "individual" ? (h.className = `${f} wgt:text-strong-950`, h.style.borderBottom = "2px solid var(--primary)", m.className = `${f} wgt:text-soft-400`, M.innerHTML = "", M.appendChild(H.container), u = H) : (m.className = `${f} wgt:text-strong-950`, m.style.borderBottom = "2px solid var(--primary)", h.className = `${f} wgt:text-soft-400`, M.innerHTML = "", M.appendChild(v.container), u = v);
+  }
+  h.addEventListener("click", () => T("individual")), m.addEventListener("click", () => T("business")), T("individual");
+  const Z = document.createElement("p");
+  Z.className = "wgt:mt-2 wgt:text-xs wgt:text-[#FF8447] wgt:text-left wgt:justify-center", Z.textContent = n("invoiceform_note"), r.appendChild(Z);
+  const _ = document.createElement("div");
+  _.className = "wgt:mt-6 wgt:w-full wgt:flex wgt:justify-center wgt:items-center";
+  const B = q({
+    type: "button",
+    title: n("btn_preview"),
+    className: "wgt:min-w-[163px] wgt:text-white",
+    handleClick: () => {
+      if (!u.validate())
+        return;
+      const C = {
+        type: E,
+        data: u.getValues()
+      }, { overlay: f } = I({
+        type: C.type,
+        data: C.data,
+        orderInfo: i,
+        theme: e,
+        onClose: () => {
+          console.log("Popup closed");
+        },
+        onConfirm: () => F(null, null, function* () {
+          var g, p, N;
+          f.remove();
+          try {
+            if (typeof t != "function") return;
+            const y = yield t({
+              type: C.type,
+              data: C.data
+            }), V = (N = (p = (g = y == null ? void 0 : y.finalData) != null ? g : y == null ? void 0 : y.data) != null ? p : y) != null ? N : {}, k = String((V == null ? void 0 : V.status) || "").trim().toLowerCase();
+            if (k === "invoiced") {
+              P({
+                message: n("invoice_success"),
+                description: n("invoice_description"),
+                okLabel: n("close"),
+                isSuccess: !0,
+                theme: e
+              }).open();
+              return;
+            }
+            if (k === "failed") {
+              P({
+                message: n("invoice_failed"),
+                description: n("invoice_description_failed"),
+                okLabel: n("close"),
+                isSuccess: !1,
+                theme: e
+              }).open();
+              return;
+            }
+          } catch (y) {
+            P({
+              message: n("invoice_failed"),
+              description: n("invoice_description_failed"),
+              okLabel: n("close"),
+              isSuccess: !1,
+              theme: e
+            }).open(), console.error(y);
+          }
+        })
+      });
+      document.body.appendChild(f);
+    }
+  });
+  return _.appendChild(B), r.appendChild(_), { container: s };
+}
+function te({ theme: i, onClose: a } = {}) {
+  const e = document.createElement("div");
+  e.className = " wgt:flex wgt:h-screen wgt:bg-[#F3F4F6] wgt:p-4", i && e.setAttribute("data-theme", i);
+  const t = document.createElement("div");
+  t.className = "wgt:w-full wgt:max-w-md wgt:max-h-[208px] wgt:bg-white wgt:rounded-2xl wgt:shadow-sm wgt:p-8 wgt:text-center";
+  const o = document.createElement("div");
+  o.className = "wgt:flex wgt:justify-center wgt:mb-4";
+  const s = document.createElement("div");
+  s.className = "wgt:w-12 wgt:h-12 wgt:rounded-full wgt:flex wgt:items-center wgt:justify-center", s.style.backgroundColor = "#335CFF", s.innerHTML = `
+    <svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20.7996 22.75H5.19961C4.94102 22.75 4.69303 22.6473 4.51018 22.4644C4.32733 22.2816 4.22461 22.0336 4.22461 21.775V4.225C4.22461 3.96641 4.32733 3.71842 4.51018 3.53557C4.69303 3.35272 4.94102 3.25 5.19961 3.25H20.7996C21.0582 3.25 21.3062 3.35272 21.489 3.53557C21.6719 3.71842 21.7746 3.96641 21.7746 4.225V21.775C21.7746 22.0336 21.6719 22.2816 21.489 22.4644C21.3062 22.6473 21.0582 22.75 20.7996 22.75ZM9.09961 10.075V12.025H16.8996V10.075H9.09961ZM9.09961 13.975V15.925H16.8996V13.975H9.09961Z" fill="white"/>
+</svg>
+
+  `, o.appendChild(s), t.appendChild(o);
+  const r = document.createElement("h2");
+  r.className = "wgt:text-base wgt:font-semibold wgt:text-[#0E121B] wgt:mb-2", r.textContent = n("invoiceCheckout_title"), t.appendChild(r);
+  const l = document.createElement("p");
+  return l.className = "wgt:text-sm wgt:text-[#525866] wgt:leading-relaxed", l.textContent = n("invoiceCheckout_description"), t.appendChild(l), e.appendChild(t), { container: e };
+}
+function ne({ theme: i, onClose: a } = {}) {
+  const e = document.createElement("div");
+  e.className = "wgt:min-h-screen wgt:flex  wgt:bg-[#F3F4F6] wgt:p-4", i && e.setAttribute("data-theme", i);
+  const t = document.createElement("div");
+  t.className = "wgt:w-full wgt:max-w-md wgt:max-h-[252px] wgt:bg-white wgt:rounded-2xl wgt:shadow-sm wgt:px-4 wgt:py-5 wgt:text-center";
+  const o = document.createElement("div");
+  o.className = "wgt:flex wgt:justify-center wgt:mb-2";
+  const s = document.createElement("div");
+  s.innerHTML = `
+    <svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M54.1342 21.7247L55.1467 20.5742C56.1143 19.4756 55.9467 17.7277 54.7361 16.6283C53.5262 15.5258 51.7494 15.5022 50.7825 16.6009L49.7715 17.7521L54.1342 21.7247Z" fill="#525866"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M36.6582 10.4023H40.9028V14.1966H36.6582V10.4023Z" fill="#99A0AE"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M35.076 6.51758H42.4863C43.3495 6.51758 44.0467 7.21472 44.0467 8.08329V9.87377C44.0467 10.7423 43.3495 11.4395 42.4863 11.4395H35.076C34.212 11.4395 33.5156 10.7423 33.5156 9.87377V8.08329C33.5156 7.21472 34.212 6.51758 35.076 6.51758Z" fill="#525866"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M38.7787 13.9316C50.4526 13.9316 59.9162 23.4113 59.9162 35.1042C59.9162 46.7987 50.4526 56.2791 38.7787 56.2791C33.0141 56.2791 29.1962 54.3682 21.3722 51.7076L23.5505 49.5141C24.5288 48.5267 23.5695 46.7278 22.125 47.2855C15.5551 49.8128 11.7257 47.1141 9.85831 41.0181C12.6842 42.8139 16.5867 41.5758 17.8095 40.3499C19.7044 38.4535 18.9646 36.26 14.6995 37.6695C9.22974 39.473 3.46364 36.3164 0.693359 28.5092C9.06212 32.7134 9.6785 24.0612 18.5181 26.3667C17.7661 23.3335 15.7273 22.3332 11.0575 22.4528C15.6884 16.6166 22.4236 19.6383 29.5269 16.0673C32.3208 14.6996 35.4583 13.9316 38.7787 13.9316Z" fill="#FF8447"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M53.9358 35.102C53.9358 43.4875 47.1518 50.2844 38.7784 50.2844C34.7579 50.2844 30.9026 48.6867 28.06 45.8372C25.218 42.9907 23.6211 39.1286 23.6211 35.102C23.6211 31.073 25.2173 27.2155 28.06 24.3644C30.9026 21.518 34.7579 19.918 38.7784 19.918C47.1518 19.918 53.9358 26.718 53.9358 35.102Z" fill="#F2F2F2"/>
+<path d="M38.5516 22.0568C38.1143 22.0636 37.7631 22.427 37.7676 22.8651V24.0118C37.7676 25.0709 39.36 25.0709 39.36 24.0118V22.8651C39.3676 22.4149 39.0019 22.0491 38.5516 22.0568Z" fill="#808080"/>
+<path d="M38.5516 45.3908C38.1143 45.3946 37.7631 45.7565 37.7676 46.1991V47.342C37.7676 48.4049 39.36 48.4049 39.36 47.342V46.1991C39.3676 45.7496 39.0019 45.3824 38.5516 45.3908Z" fill="#808080"/>
+<path d="M49.64 34.3066C48.5809 34.3066 48.5809 35.8998 49.64 35.8998H50.7828C51.8411 35.8998 51.8411 34.3066 50.7828 34.3066H49.64Z" fill="#808080"/>
+<path d="M26.3406 34.3066C25.2823 34.3066 25.2823 35.8998 26.3406 35.8998H27.4873C28.5463 35.8998 28.5463 34.3066 27.4873 34.3066H26.3406Z" fill="#808080"/>
+<path d="M46.3873 42.1465C45.6711 42.1465 45.3206 43.0151 45.8333 43.5118L46.6379 44.321C46.945 44.6524 47.4653 44.6585 47.7846 44.3415C48.1023 44.0223 48.0916 43.505 47.7602 43.1987L46.9556 42.3903C46.8055 42.2349 46.6029 42.1465 46.3873 42.1465Z" fill="#808080"/>
+<path d="M29.9141 25.6484C29.2002 25.6484 28.8513 26.517 29.361 27.0145L30.1694 27.8191C30.4749 28.149 30.9968 28.162 31.316 27.842C31.6337 27.5242 31.6216 27.0023 31.2917 26.6953L30.4871 25.8915C30.3362 25.7361 30.1297 25.6484 29.9141 25.6484Z" fill="#808080"/>
+<path d="M47.1912 25.6489C46.9847 25.6535 46.7843 25.7411 46.6418 25.8919L45.8373 26.6958C45.5074 27.0028 45.4952 27.5247 45.8129 27.8424C46.1314 28.1617 46.654 28.1495 46.9596 27.8196L47.7641 27.015C48.286 26.5091 47.9157 25.6253 47.1912 25.6489Z" fill="#808080"/>
+<path d="M30.7206 42.1468C30.5142 42.1552 30.3138 42.2382 30.1713 42.3906L29.3629 43.199C29.0323 43.5053 29.0246 44.0226 29.3423 44.3418C29.6608 44.6596 30.182 44.6527 30.489 44.3213L31.2936 43.5121C31.8155 43.0077 31.446 42.1277 30.7206 42.1468Z" fill="#808080"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M38.7788 33.9142C39.4439 33.9142 39.9696 34.4369 39.9696 35.1051C39.9696 35.7748 39.4447 36.2959 38.7788 36.2959C38.1144 36.2959 37.5879 35.7748 37.5879 35.1051C37.5879 34.4361 38.1144 33.9142 38.7788 33.9142ZM44.1494 28.6799C43.9468 28.6837 43.7479 28.7675 43.6039 28.9146L39.9376 32.59C39.5826 32.4232 39.1925 32.3234 38.7788 32.3234C37.2542 32.3234 36.0039 33.5813 36.0039 35.1051C36.0039 36.6296 37.2542 37.8891 38.7788 37.8891C40.3033 37.8891 41.5544 36.6296 41.5544 35.1051C41.5544 34.5679 41.3944 34.0712 41.1285 33.6445L44.727 30.0376C45.2367 29.5317 44.8702 28.6632 44.1494 28.6799Z" fill="#808080"/>
+</svg>
+
+  `, o.appendChild(s), t.appendChild(o);
+  const r = document.createElement("h2");
+  r.className = "wgt:text-base wgt:font-semibold wgt:text-[#0E121B] wgt:mb-2", r.textContent = n("invoiceExpired_title"), t.appendChild(r);
+  const l = document.createElement("p");
+  l.className = "wgt:text-sm wgt:text-[#525866] wgt:leading-relaxed wgt:px-2 wgt:mb-3", l.textContent = n("invoiceExpired_description"), t.appendChild(l);
+  const d = document.createElement("p");
+  return d.className = "wgt:text-sm wgt:text-[#99A0AE] wgt:italic wgt:leading-relaxed wgt:px-4", d.textContent = n("invoiceExpired_note"), t.appendChild(d), e.appendChild(t), { container: e };
+}
+function R({ theme: i, onClose: a } = {}) {
+  const e = document.createElement("div");
+  e.className = "wgt:min-h-screen wgt:flex  wgt:items-center wgt:bg-[#F3F4F6] wgt:p-4 wgt:justify-center", i && e.setAttribute("data-theme", i);
+  const t = document.createElement("div");
+  t.className = "wgt:w-full wgt:items-center wgt:flex wgt:flex-col wgt:min-h-screen wgt:justify-center  wgt:bg-white wgt:rounded-2xl wgt:shadow-sm wgt:px-4 wgt:py-5 wgt:text-center";
+  const o = document.createElement("div");
+  o.className = "wgt:flex wgt:justify-center wgt:mb-2  wgt:items-center wgt:justify-center";
+  const s = document.createElement("div");
+  s.innerHTML = `
+    <svg width="148" height="148" viewBox="0 0 148 148" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M135.244 83.385C135.244 100.471 128.265 115.873 117.075 126.943C106.125 137.892 90.9645 144.51 74.2393 144.51C57.6344 144.51 42.4734 137.772 31.4035 126.943C20.2132 115.873 13.2344 100.471 13.2344 83.385C13.2344 49.5736 40.5482 22.2598 74.2393 22.2598C107.93 22.2598 135.244 49.6939 135.244 83.385Z" fill="#F1F3FA" stroke="#D5DAE5" stroke-width="1.58571" stroke-miterlimit="10"/>
+<path d="M65.7815 28.5312L61.2562 44.4926L72.0884 51.9999L71.3267 70.3394L84.999 45.2472L78.6484 40.1734L85.9114 28.5312H94.065L118.732 55.3638L119.694 132.853C119.694 135.5 117.528 137.546 114.881 137.546H39.317C36.6697 137.546 34.5039 135.38 34.5039 132.853V33.224C34.5039 30.5768 36.6697 28.5312 39.317 28.5312H65.7815Z" fill="white" stroke="#D5DAE5" stroke-width="1.58571" stroke-miterlimit="10" stroke-linejoin="round"/>
+<path d="M60.7974 44.7749H46.2381C45.3958 44.7749 44.6738 44.053 44.6738 43.2107C44.6738 42.3684 45.3958 41.6465 46.2381 41.6465H60.7974C61.6397 41.6465 62.3616 42.3684 62.3616 43.2107C62.3616 44.053 61.6397 44.7749 60.7974 44.7749Z" fill="#D5DAE5"/>
+<path d="M60.1958 53.437H46.2381C45.3958 53.437 44.6738 52.7151 44.6738 51.8728C44.6738 51.0305 45.3958 50.3086 46.2381 50.3086H60.0755C60.9177 50.3086 61.6397 51.0305 61.6397 51.8728C61.6397 52.7151 60.9177 53.437 60.1958 53.437Z" fill="#D5DAE5"/>
+<path d="M93.0469 28.5312V49.9491C93.0469 52.9573 95.694 55.3638 98.7022 55.3638H117.714" fill="#D5DAE5"/>
+<path d="M61.7026 21.3768L57.1523 14.5273" stroke="#AAB2C5" stroke-width="1.58571"/>
+<path d="M73.8365 17.9519L74.3711 0.601562" stroke="#AAB2C5" stroke-width="1.58571"/>
+<path d="M84.7168 21.5372L91.9805 5.77148" stroke="#AAB2C5" stroke-width="1.58571"/>
+<path d="M60.0089 108.149C59.5035 108.149 59.0991 107.947 58.6948 107.644C57.9872 106.936 57.9872 105.723 58.6948 105.016C63.3449 100.467 69.5112 97.9395 76.082 97.9395C82.6528 97.9395 88.8192 100.467 93.4692 105.016C94.1769 105.723 94.1769 106.936 93.4692 107.644C92.7616 108.352 91.5486 108.352 90.8409 107.644C86.8985 103.701 81.6419 101.579 76.082 101.579C70.5221 101.579 65.2655 103.701 61.3231 107.644C60.9187 107.947 60.5144 108.149 60.0089 108.149Z" fill="#AAB2C5"/>
+<path d="M66.3775 81.0578L68.8036 78.6317C69.5113 77.9241 69.5113 76.711 68.8036 76.0034C68.096 75.2958 66.883 75.2958 66.1753 76.0034L63.7492 78.4295L61.3231 76.0034C60.6155 75.2958 59.4024 75.2958 58.6948 76.0034C57.9872 76.711 57.9872 77.9241 58.6948 78.6317L61.1209 81.0578L58.6948 83.4839C57.9872 84.1915 57.9872 85.4046 58.6948 86.1122C59.0991 86.5166 59.5035 86.6177 60.0089 86.6177C60.5144 86.6177 60.9187 86.4155 61.3231 86.1122L63.7492 83.6861L66.1753 86.1122C66.5797 86.5166 66.984 86.6177 67.4895 86.6177C67.9949 86.6177 68.3993 86.4155 68.8036 86.1122C69.5113 85.4046 69.5113 84.1915 68.8036 83.4839L66.3775 81.0578Z" fill="#AAB2C5"/>
+<path d="M90.942 81.0578L93.3681 78.6317C94.0757 77.9241 94.0757 76.711 93.3681 76.0034C92.6605 75.2958 91.4474 75.2958 90.7398 76.0034L88.3137 78.4295L85.8875 76.0034C85.1799 75.2958 83.9669 75.2958 83.2592 76.0034C82.5516 76.711 82.5516 77.9241 83.2592 78.6317L85.6853 81.0578L83.2592 83.4839C82.5516 84.1915 82.5516 85.4046 83.2592 86.1122C83.6636 86.5166 84.0679 86.6177 84.5734 86.6177C85.0788 86.6177 85.4832 86.4155 85.8875 86.1122L88.3137 83.6861L90.7398 86.1122C91.1441 86.5166 91.5485 86.6177 92.0539 86.6177C92.5594 86.6177 92.9637 86.4155 93.3681 86.1122C94.0757 85.4046 94.0757 84.1915 93.3681 83.4839L90.942 81.0578Z" fill="#AAB2C5"/>
+</svg>
+
+
+  `, o.appendChild(s), t.appendChild(o);
+  const r = document.createElement("h2");
+  return r.className = "wgt:text-base wgt:font-medium wgt:text-[#99A0AE] wgt:mb-2", r.textContent = n("order_not_found_title"), t.appendChild(r), e.appendChild(t), { container: e };
+}
+function O(i) {
+  return String(i || "").trim().toLowerCase();
+}
+function ce({ uuid: i, orderInfo: a, theme: e }) {
+  const t = document.createElement("div");
+  t.className = "wgt:w-full wgt:min-h-screen";
+  let o = !1;
+  function s(w) {
+    o || (t.innerHTML = "", t.appendChild(w));
+  }
+  function r(w) {
+    const L = ee({
+      orderInfo: w || {},
+      theme: e,
+      onSubmit: (h) => F(null, [h], function* ({ type: x, data: c }) {
+        const m = ae(x, c);
+        return yield K(i, m), { ok: !0, finalData: yield re(i, {
+          maxTries: 20,
+          intervalMs: 1500
+        }) };
+      })
+    });
+    s(L.container);
+  }
+  function l() {
+    return F(this, null, function* () {
+      const w = yield D(i);
+      if (String((w == null ? void 0 : w.message) || "").trim())
+        return s(R({ theme: e }).container);
+      const x = O(w == null ? void 0 : w.status);
+      return x === "expired" ? s(ne({ theme: e }).container) : x === "invoiced" ? s(te({ theme: e }).container) : r(w || a || {});
+    });
+  }
+  function d() {
+    return F(this, null, function* () {
+      if (!i)
+        return s(R({ theme: e }).container);
+      try {
+        yield l();
+      } catch (w) {
+        return console.error("[EINV_FLOW] init error:", w), s(R({ theme: e }).container);
+      }
+    });
+  }
+  function b() {
+    o = !0, t.innerHTML = "";
+  }
+  return { container: t, init: d, destroy: b };
+}
+function ie(i) {
+  const a = String(i || "").trim().toLowerCase();
+  return "individual";
+}
+function ae(i, a) {
+  return {
+    invoiceType: ie(i),
+    buyerName: (a == null ? void 0 : a.representativeName) || "",
+    address: (a == null ? void 0 : a.buyerAddress) || "",
+    email: (a == null ? void 0 : a.email) || ""
+  };
+}
+function re(t) {
+  return F(this, arguments, function* (i, { maxTries: a = 20, intervalMs: e = 1500 } = {}) {
+    for (let s = 0; s < a; s++) {
+      yield oe(e);
+      const r = yield D(i), l = O(r == null ? void 0 : r.status);
+      if (l === "invoiced")
+        return r;
+      if (l === "expired") {
+        const d = new Error("Invoice request expired while polling");
+        throw d.code = "EXPIRED", d.data = r, d;
+      }
+    }
+    const o = new Error("Polling timeout: status not invoiced");
+    throw o.code = "POLL_TIMEOUT", o;
+  });
+}
+function oe(i) {
+  return new Promise((a) => setTimeout(a, i));
+}
+export {
+  ce as createInvoiceRequestFlow
+};