@invoice-sdk/widget 1.117.6 → 1.118.1

package/dist/index-BZ06NKO0.js

@@ -0,0 +1,855 @@
+var ie = Object.defineProperty;
+var D = Object.getOwnPropertySymbols;
+var ae = Object.prototype.hasOwnProperty, se = Object.prototype.propertyIsEnumerable;
+var ee = (i, t, e) => t in i ? ie(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e, $ = (i, t) => {
+  for (var e in t || (t = {}))
+    ae.call(t, e) && ee(i, e, t[e]);
+  if (D)
+    for (var e of D(t))
+      se.call(t, e) && ee(i, e, t[e]);
+  return i;
+};
+var j = (i, t, e) => new Promise((r, d) => {
+  var s = (p) => {
+    try {
+      g(e.next(p));
+    } catch (N) {
+      d(N);
+    }
+  }, a = (p) => {
+    try {
+      g(e.throw(p));
+    } catch (N) {
+      d(N);
+    }
+  }, g = (p) => p.done ? r(p.value) : Promise.resolve(p.value).then(s, a);
+  g((e = e.apply(i, t)).next());
+});
+import { c as G, f as te, e as oe, b as de, o as ne, s as le } from "./loading-C9dC-rXa.js";
+import { t as n, c as J, j as ce } from "./index-B-xYoQuR.js";
+function z(i) {
+  const t = i.trim();
+  return t ? t.length < 2 || t.length > 250 ? { valid: !1, error: n("length_2_250") } : /[<>:"\/\\|?*@#$%!^]/.test(t) ? { valid: !1, error: n("invalid_characters") } : { valid: !0 } : { valid: !1, error: n("equired_name") };
+}
+function X(i, t = !1) {
+  const e = i.trim();
+  return e ? e.length < 2 || e.length > 250 ? { valid: !1, error: n("length_2_250") } : /[<>:"\/\\|?*@#$%!^]/.test(e) ? { valid: !1, error: n("invalid_characters") } : { valid: !0 } : t ? { valid: !1, error: n("required_address") } : { valid: !0 };
+}
+function K(i) {
+  const t = i.trim();
+  return t ? t.length < 6 || t.length > 254 ? { valid: !1, error: n("email_length") } : /[<>:"\/\\|?*#$%!\s]/.test(t) ? { valid: !1, error: n("email_invalid_format") } : /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/.test(t) ? t.includes("@@") ? { valid: !1, error: n("email_invalid_format") } : { valid: !0 } : { valid: !1, error: n("email_invalid_format") } : { valid: !1, error: n("required_email") };
+}
+function Y(i, t = !1) {
+  const e = i.trim();
+  if (!e)
+    return t ? { valid: !1, error: n("required_phone") } : { valid: !0 };
+  const r = e.replace(/\s/g, "");
+  if (/[<>:"\/\\|?*@#$%!A-Za-z]/.test(r))
+    return { valid: !1, error: n("phone_invalid") };
+  const s = /^0\d{9}$/, a = /^\+84\d{9}$/;
+  return !s.test(r) && !a.test(r) ? { valid: !1, error: n("phone_invalid_format") } : { valid: !0 };
+}
+function Q(i) {
+  const t = i.trim();
+  if (!t) return { valid: !1, error: n("required_tax_code") };
+  const e = t.replace(/\s/g, "");
+  if (/[<>:"\/\\|?*@#$%!A-Za-z\s]/.test(e))
+    return { valid: !1, error: n("tax_code_invalid") };
+  if ((e.match(/-/g) || []).length > 1)
+    return { valid: !1, error: n("tax_code_invalid_format") };
+  const s = /^\d{10}$/, a = /^\d{10}-\d{3}$/;
+  return !s.test(e) && !a.test(e) ? { valid: !1, error: n("tax_code_invalid_format") } : { valid: !0 };
+}
+function pe({ defaultValues: i = {}, onChange: t } = {}) {
+  const e = {
+    representativeName: i.representativeName || "",
+    buyerAddress: i.buyerAddress || "",
+    email: i.email || "",
+    phone: i.phone || ""
+  }, r = document.createElement("div");
+  r.className = "wgt:space-y-2";
+  function d() {
+    typeof t == "function" && t($({}, e));
+  }
+  function s({ label: v, required: y, name: H, type: Z = "text", placeholder: b }) {
+    const A = document.createElement("div");
+    A.className = "";
+    const _ = document.createElement("label");
+    _.className = "wgt:text-sm wgt:font-medium wgt:text-strong-950", _.htmlFor = H, _.innerHTML = y ? `${v} <span class="wgt:text-semantic-error wgt:text-[#ED1C24]">*</span>` : v;
+    const m = document.createElement("input");
+    m.id = H, m.name = H, m.type = Z, m.placeholder = b || "", m.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", m.value = e[H] || "";
+    const T = document.createElement("div");
+    return T.className = "wgt:text-xs wgt:text-[#ED1C24] wgt:mt-1 wgt:hidden", T.setAttribute("data-error-for", H), m.addEventListener("input", () => {
+      e[H] = m.value, m.classList.remove(
+        "wgt:border-semantic-error",
+        "wgt:bg-semantic-error-50"
+      ), T.classList.add("wgt:hidden"), d();
+    }), m.addEventListener("blur", () => {
+      let u;
+      switch (H) {
+        case "representativeName":
+          u = z(m.value);
+          break;
+        case "buyerAddress":
+          u = X(m.value);
+          break;
+        case "email":
+          u = K(m.value);
+          break;
+        case "phone":
+          u = Y(m.value, !1);
+          break;
+        default:
+          return;
+      }
+      !u.valid && u.error && (m.classList.add(
+        "wgt:border-semantic-error",
+        "wgt:bg-semantic-error-50"
+      ), T.textContent = u.error, T.classList.remove("wgt:hidden"));
+    }), A.appendChild(_), A.appendChild(m), A.appendChild(T), { field: A, input: m, errorEl: T };
+  }
+  const {
+    field: a,
+    input: g,
+    errorEl: p
+  } = s({
+    label: n("representativeName"),
+    required: !0,
+    name: "representativeName",
+    placeholder: n("representativeName_input")
+  }), { field: N, errorEl: k } = s({
+    label: n("buyerAddress"),
+    required: !1,
+    name: "buyerAddress",
+    placeholder: n("buyerAddress_input")
+  }), {
+    field: F,
+    input: M,
+    errorEl: l
+  } = s({
+    label: n("email"),
+    required: !0,
+    name: "email",
+    type: "email",
+    placeholder: n("email_input")
+  }), {
+    field: x,
+    input: o,
+    errorEl: w
+  } = s({
+    label: n("phone"),
+    required: !1,
+    name: "phone",
+    type: "tel",
+    placeholder: n("phone_input")
+  });
+  r.appendChild(a), r.appendChild(N), r.appendChild(F), r.appendChild(x);
+  function f() {
+    let v = !0;
+    function y(b, A, _) {
+      b.classList.add(
+        "wgt:border-semantic-error",
+        "wgt:bg-semantic-error-50"
+      ), _ && A && (A.textContent = _, A.classList.remove("wgt:hidden")), v = !1;
+    }
+    const H = z(e.representativeName);
+    if (H.valid || y(g, p, H.error), e.buyerAddress.trim()) {
+      const b = X(e.buyerAddress);
+      b.valid || y(
+        document.querySelector('input[name="buyerAddress"]'),
+        k,
+        b.error
+      );
+    }
+    const Z = K(e.email);
+    if (Z.valid || y(M, l, Z.error), e.phone.trim()) {
+      const b = Y(e.phone, !1);
+      b.valid || y(o, w, b.error);
+    }
+    return v;
+  }
+  function c() {
+    return $({}, e);
+  }
+  return { container: r, getValues: c, validate: f };
+}
+function ge({
+  defaultValues: i = {},
+  onChange: t,
+  onFetchByTaxCode: e
+} = {}) {
+  const r = {
+    noTaxCode: !!i.noTaxCode,
+    taxCode: i.taxCode || "",
+    representativeName: i.representativeName || "",
+    buyerAddress: i.buyerAddress || "",
+    performerName: i.performerName || "",
+    email: i.email || "",
+    phone: i.phone || ""
+  }, d = document.createElement("div");
+  d.className = "wgt:space-y-2";
+  function s() {
+    typeof t == "function" && t($({}, r));
+  }
+  function a({ label: C, required: L, name: h, type: W = "text", placeholder: I }) {
+    const O = document.createElement("div");
+    O.className = "";
+    const P = document.createElement("label");
+    P.className = "wgt:text-sm wgt:font-medium wgt:text-strong-950", P.htmlFor = h, P.innerHTML = L ? `${C} <span class="wgt:text-[#ED1C24]">*</span>` : C;
+    const E = document.createElement("input");
+    E.id = h, E.name = h, E.type = W, E.placeholder = I || "", E.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", E.value = r[h] || "";
+    const R = document.createElement("div");
+    return R.className = "wgt:text-xs wgt:text-[#ED1C24] wgt:mt-1 wgt:hidden", R.setAttribute("data-error-for", h), E.addEventListener("input", () => {
+      r[h] = E.value, E.classList.remove(
+        "wgt:border-semantic-error",
+        "wgt:bg-semantic-error-50"
+      ), R.classList.add("wgt:hidden"), s();
+    }), E.addEventListener("blur", () => {
+      if (!E.value.trim() && !L) return;
+      let U;
+      switch (h) {
+        case "business_name":
+        case "representativeName":
+          U = z(E.value);
+          break;
+        case "buyerAddress":
+          U = X(E.value);
+          break;
+        case "email":
+          U = K(E.value);
+          break;
+        case "phone":
+          U = Y(E.value, !0);
+          break;
+        default:
+          return;
+      }
+      !U.valid && U.error && (E.classList.add(
+        "wgt:border-semantic-error",
+        "wgt:bg-semantic-error-50"
+      ), R.textContent = U.error, R.classList.remove("wgt:hidden"));
+    }), O.appendChild(P), O.appendChild(E), O.appendChild(R), { field: O, input: E, errorEl: R };
+  }
+  const g = document.createElement("label");
+  g.className = "wgt:flex wgt:items-center wgt:gap-2 wgt:font-medium wgt:text-strong-950 wgt:text-sm";
+  const p = document.createElement("input");
+  p.type = "checkbox", p.className = "wgt:h-4 wgt:w-4 wgt:rounded wgt:border-[#E4E7EC] focus:wgt:outline-none  focus:wgt:ring-primary", p.checked = r.noTaxCode;
+  const N = document.createElement("span");
+  N.textContent = n("business_noTaxCode"), N.className = "wgt:italic wgt:font-normal wgt:text-[14px] wgt:leading-[20px] wgt:tracking-[0px] wgt:align-middle wgt:text-[#525866]", N.style.fontFamily = "Inter, sans-serif", p.addEventListener("change", () => {
+    r.noTaxCode = p.checked, l.disabled = r.noTaxCode, o.disabled = r.noTaxCode, l.classList.remove(
+      "wgt:border-semantic-error",
+      "wgt:bg-semantic-error-50"
+    ), x.classList.add("wgt:hidden"), s();
+  }), g.appendChild(p), g.appendChild(N);
+  const k = document.createElement("div");
+  k.className = "wgt:space-y-2";
+  const F = document.createElement("label");
+  F.className = "wgt:text-sm wgt:font-medium wgt:text-strong-950 ", F.innerHTML = n("confirmation_popup_taxCode") + '<span class="wgt:text-[#ED1C24]">*</span>';
+  const M = document.createElement("div");
+  M.className = "wgt:flex wgt:gap-2 wgt:mt-2";
+  const l = document.createElement("input");
+  l.type = "text", l.name = "taxCode", l.placeholder = n("taxCode_input"), l.value = r.taxCode, l.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";
+  const x = document.createElement("div");
+  x.className = "wgt:text-xs wgt:text-[#ED1C24] wgt:mt-1 wgt:hidden", l.addEventListener("input", () => {
+    r.taxCode = l.value, l.classList.remove(
+      "wgt:border-semantic-error",
+      "wgt:bg-semantic-error-50"
+    ), x.classList.add("wgt:hidden"), s();
+  }), l.addEventListener("blur", () => {
+    if (r.noTaxCode || !l.value.trim()) return;
+    const C = Q(l.value);
+    C.valid || (l.classList.add(
+      "wgt:border-semantic-error",
+      "wgt:bg-semantic-error-50"
+    ), x.textContent = C.error, x.classList.remove("wgt:hidden"));
+  });
+  const o = G({
+    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: () => j(null, null, function* () {
+      if (r.noTaxCode || typeof e != "function")
+        return;
+      const C = String(r.taxCode || "").trim();
+      if (!C) {
+        l.classList.add(
+          "wgt:border-semantic-error",
+          "wgt:bg-semantic-error-50"
+        ), x.textContent = "Vui lòng nhập MST", x.classList.remove("wgt:hidden");
+        return;
+      }
+      const L = Q(C);
+      if (!L.valid) {
+        l.classList.add(
+          "wgt:border-semantic-error",
+          "wgt:bg-semantic-error-50"
+        ), x.textContent = L.error, x.classList.remove("wgt:hidden");
+        return;
+      }
+      try {
+        o.disabled = !0;
+        const h = yield e(C, $({}, r));
+        if (!h || typeof h != "object") return;
+        h.representativeName != null && (r.representativeName = String(h.representativeName || ""), f.value = r.representativeName), h.buyerAddress != null && (r.buyerAddress = String(h.buyerAddress || ""), b.value = r.buyerAddress), s();
+      } catch (h) {
+        l.classList.add(
+          "wgt:border-semantic-error",
+          "wgt:bg-semantic-error-50"
+        ), x.textContent = "Không tìm thấy thông tin MST", x.classList.remove("wgt:hidden");
+      } finally {
+        o.disabled = r.noTaxCode;
+      }
+    })
+  });
+  M.appendChild(l), M.appendChild(o), k.appendChild(F), k.appendChild(M), k.appendChild(x);
+  const {
+    field: w,
+    input: f,
+    errorEl: c
+  } = a({
+    label: n("business_name"),
+    required: !0,
+    name: "business_name",
+    placeholder: n("business_name_input")
+  }), {
+    field: v,
+    input: y,
+    errorEl: H
+  } = a({
+    label: n("representativeName"),
+    required: !0,
+    name: "representativeName",
+    placeholder: n("representativeName_input")
+  }), {
+    field: Z,
+    input: b,
+    errorEl: A
+  } = a({
+    label: n("buyerAddress"),
+    required: !1,
+    name: "buyerAddress",
+    placeholder: n("buyerAddress_input")
+  }), {
+    field: _,
+    input: m,
+    errorEl: T
+  } = a({
+    label: n("email"),
+    required: !0,
+    name: "email",
+    type: "email",
+    placeholder: n("email_input")
+  }), {
+    field: u,
+    input: V,
+    errorEl: S
+  } = a({
+    label: n("phone"),
+    required: !0,
+    name: "phone",
+    type: "tel",
+    placeholder: n("phone_input")
+  });
+  d.appendChild(g), d.appendChild(k), d.appendChild(w), d.appendChild(v), d.appendChild(Z), d.appendChild(_), d.appendChild(u), l.disabled = r.noTaxCode, o.disabled = r.noTaxCode;
+  function B() {
+    let C = !0;
+    function L(P, E, R) {
+      P.classList.add(
+        "wgt:border-semantic-error",
+        "wgt:bg-semantic-error-50 ",
+        "wgt:mt-2"
+      ), R && E && (E.textContent = R, E.classList.remove("wgt:hidden")), C = !1;
+    }
+    if (!r.noTaxCode) {
+      const P = Q(r.taxCode);
+      P.valid || L(l, x, P.error);
+    }
+    const h = z(r.representativeName);
+    h.valid || L(f, c, h.error);
+    const W = z(r.performerName);
+    if (W.valid || L(y, H, W.error), r.buyerAddress.trim()) {
+      const P = X(r.buyerAddress);
+      P.valid || L(b, A, P.error);
+    }
+    const I = K(r.email);
+    I.valid || L(m, T, I.error);
+    const O = Y(r.phone, !0);
+    return O.valid || L(V, S, O.error), C;
+  }
+  function q() {
+    return $({}, r);
+  }
+  return { container: d, getValues: q, validate: B };
+}
+function me({
+  type: i,
+  data: t,
+  orderInfo: e,
+  theme: r,
+  onClose: d,
+  onConfirm: s
+}) {
+  const a = document.createElement("div");
+  a.className = "wgt:fixed wgt:inset-0 wgt:flex wgt:items-center wgt:justify-center wgt:z-50 wgt:p-4", a.style.cssText = `
+  background-color: rgba(0, 0, 0, 0.5);  
+  backdrop-filter: blur(4px);           
+`, r && a.setAttribute("data-theme", r);
+  const g = document.createElement("div");
+  g.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 p = document.createElement("div");
+  p.className = "wgt:px-6 wgt:pt-6 wgt:pb-4 wgt:space-y-2";
+  const N = document.createElement("h3");
+  N.className = "wgt:text-xl wgt:font-semibold wgt:text-center wgt:text-strong-950", N.textContent = n("confirmation_popup_title");
+  const k = document.createElement("p");
+  k.className = "wgt:text-sm wgt:text-center wgt:text-[#525866]", k.textContent = n("confirmation_popup_subtitle"), p.appendChild(N), p.appendChild(k), g.appendChild(p);
+  const F = document.createElement("div");
+  F.className = "wgt:px-6 wgt:pb-4";
+  const M = document.createElement("div");
+  M.className = "wgt:space-y-3 wgt:rounded-xl wgt:bg-weak-50 wgt:px-4 wgt:py-3";
+  function l(b, A, _) {
+    const m = document.createElement("div");
+    m.className = "wgt:flex wgt:items-start wgt:gap-3";
+    const T = document.createElement("span");
+    T.className = "wgt:text-primary wgt:flex-shrink-0", T.innerHTML = b;
+    const u = document.createElement("div");
+    u.className = "wgt:flex wgt:items-start wgt:justify-between wgt:flex-1 wgt:gap-2";
+    const V = document.createElement("span");
+    V.className = "wgt:text-sm wgt:text-[#525866] wgt:w-1/3", V.textContent = A;
+    const S = document.createElement("span");
+    return S.className = "wgt:text-sm wgt:font-semibold wgt:text-strong-950 wgt:text-right wgt:w-2/3", S.textContent = _ || "-", u.appendChild(V), u.appendChild(S), m.appendChild(T), m.appendChild(u), m;
+  }
+  const x = '<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>', o = '<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>', w = '<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>';
+  M.appendChild(
+    l(
+      x,
+      n("confirmation_popup_orderCode"),
+      e == null ? void 0 : e.billNo
+    )
+  ), M.appendChild(
+    l(
+      o,
+      n("confirmation_popup_address"),
+      e == null ? void 0 : e.merchantAddress
+    )
+  ), M.appendChild(
+    l(
+      w,
+      n("confirmation_popup_totalAmount"),
+      te(e == null ? void 0 : e.amount) + " VND"
+    )
+  ), F.appendChild(M), g.appendChild(F);
+  const f = document.createElement("div");
+  f.className = "wgt:px-6 wgt:pb-6";
+  const c = document.createElement("div");
+  c.className = "wgt:space-y-3 wgt:rounded-xl wgt:border wgt:border-[#E1E4EA] wgt:px-4 wgt:py-4";
+  function v(b, A) {
+    const _ = document.createElement("div");
+    _.className = "wgt:flex wgt:items-start wgt:justify-between wgt:gap-4";
+    const m = document.createElement("span");
+    m.className = "wgt:text-sm wgt:text-[#0E121B] wgt:w-1/3", m.textContent = b;
+    const T = document.createElement("span");
+    return T.className = "wgt:text-sm wgt:font-semibold wgt:text-strong-950 wgt:text-right wgt:w-2/3", T.textContent = A || "-", _.appendChild(m), _.appendChild(T), _;
+  }
+  i === "business" ? (c.appendChild(
+    v(n("confirmation_popup_taxCode"), t.taxCode)
+  ), c.appendChild(
+    v(
+      n("confirmation_popup_representativeName"),
+      t.representativeName
+    )
+  ), c.appendChild(
+    v(n("confirmation_popup_buyerAddress"), t.buyerAddress)
+  ), c.appendChild(
+    v(n("confirmation_popup_performerName"), t.performerName)
+  ), c.appendChild(
+    v(n("confirmation_popup_email"), t.email)
+  ), c.appendChild(
+    v(n("confirmation_popup_phone"), t.phone)
+  )) : (c.appendChild(
+    v(
+      n("confirmation_popup_representativeName"),
+      t.representativeName
+    )
+  ), c.appendChild(
+    v(n("confirmation_popup_buyerAddress"), t.buyerAddress)
+  ), c.appendChild(
+    v(n("confirmation_popup_email"), t.email)
+  )), f.appendChild(c), g.appendChild(f);
+  const y = document.createElement("div");
+  y.className = "wgt:px-6 wgt:pb-6 wgt:flex wgt:gap-3";
+  const H = G({
+    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 d == "function" && d(), a.remove();
+    }
+  }), Z = G({
+    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: t }), a.remove();
+    }
+  });
+  return y.appendChild(H), y.appendChild(Z), g.appendChild(y), a.appendChild(g), a.addEventListener("click", (b) => {
+    b.target === a && (typeof d == "function" && d(), a.remove());
+  }), { overlay: a };
+}
+function we({
+  orderInfo: i,
+  onPreview: t,
+  theme: e,
+  onSubmit: r,
+  taxCode: d = ""
+}) {
+  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 a = document.createElement("div");
+  a.className = "wgt:w-full wgt:max-w-md wgt:space-y-4 wgt:rounded-xl wgt:bg-white wgt:p-4", s.appendChild(a);
+  const {
+    container: g,
+    open: p,
+    close: N
+  } = oe();
+  s.style.position = s.style.position || "relative", s.appendChild(g);
+  const k = document.createElement("div");
+  k.className = "wgt:space-y-1";
+  const F = document.createElement("h3");
+  F.className = "wgt:text-2xl wgt:font-semibold wgt:text-text-black wgt:text-center wgt:justify-center", F.textContent = n("invoiceform_title");
+  const M = document.createElement("p");
+  M.className = "wgt:text-sm wgt:text-weak-700 wgt:text-center wgt:justify-center", M.textContent = n("invoiceform_subtitle"), k.appendChild(F), k.appendChild(M), a.appendChild(k);
+  const l = document.createElement("div");
+  l.className = "wgt:mt-2 wgt:space-y-3 wgt:rounded-xl wgt:bg-weak-50 wgt:px-6 wgt:py-6";
+  function x(u, V) {
+    const S = document.createElement("div");
+    S.className = "wgt:flex wgt:items-start";
+    const B = document.createElement("div");
+    B.className = "wgt:flex wgt:items-center  wgt:gap-2 wgt:w-1/3";
+    const q = document.createElement("span");
+    q.className = "wgt:inline-flex wgt:items-center wgt:justify-center wgt:w-4 wgt:h-4 wgt:text-icon-primary";
+    let C = "";
+    u === n("orderCode") ? C = `
+      <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>
+
+    ` : u === n("address_form") ? C = `
+      <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>
+
+    ` : u === n("total_amount") && (C = `
+      <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>
+
+    `), q.innerHTML = C;
+    const L = document.createElement("span");
+    L.className = "wgt:text-sm wgt:text-weak-700", L.textContent = u, B.appendChild(q), B.appendChild(L);
+    const h = document.createElement("span");
+    return h.className = "wgt:text-sm wgt:font-semibold wgt:text-strong-950 wgt:w-2/3 wgt:text-right", h.textContent = V, S.appendChild(B), S.appendChild(h), S;
+  }
+  l.appendChild(x(n("orderCode"), i == null ? void 0 : i.billNo)), l.appendChild(
+    x(n("address_form"), i == null ? void 0 : i.merchantAddress)
+  ), l.appendChild(
+    x(
+      n("total_amount"),
+      te(i == null ? void 0 : i.amount) + " VND"
+    )
+  ), a.appendChild(l);
+  const o = document.createElement("div");
+  o.className = "wgt:mt-4 wgt:rounded-xl wgt:border wgt:border-[#E1E4EA] wgt:bg-white wgt:pb-6", a.appendChild(o);
+  const w = document.createElement("div");
+  w.className = "wgt:flex wgt:border-b wgt:border-[#E1E4EA]", o.appendChild(w);
+  const f = document.createElement("button");
+  f.type = "button", f.className = "wgt:relative wgt:flex-1 wgt:py-4 wgt:text-sm wgt:font-semibold ", f.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 c = document.createElement("button");
+  c.type = "button", c.className = "wgt:relative wgt:flex-1 wgt:py-4 wgt:text-sm wgt:font-semibold", c.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>
+`, w.appendChild(f), w.appendChild(c);
+  const v = document.createElement("div");
+  v.className = "wgt:mt-4 wgt:px-4", o.appendChild(v);
+  const y = pe(), H = ge({
+    defaultValues: { taxCode: d || "" },
+    onFetchByTaxCode: (u) => j(null, null, function* () {
+      var S, B;
+      const V = yield de(u);
+      return {
+        representativeName: (S = V.nguoi_dai_dien) != null ? S : "",
+        buyerAddress: (B = V.dia_chi) != null ? B : ""
+      };
+    })
+  });
+  let Z = "individual", b = y;
+  function A(u) {
+    Z = u, f.style.borderBottom = "none", c.style.borderBottom = "none";
+    const V = "wgt:relative wgt:flex-1 wgt:py-4 wgt:text-sm wgt:font-semibold";
+    u === "individual" ? (f.className = `${V} wgt:text-strong-950`, f.style.borderBottom = "2px solid var(--primary)", c.className = `${V} wgt:text-soft-400`, v.innerHTML = "", v.appendChild(y.container), b = y) : (c.className = `${V} wgt:text-strong-950`, c.style.borderBottom = "2px solid var(--primary)", f.className = `${V} wgt:text-soft-400`, v.innerHTML = "", v.appendChild(H.container), b = H);
+  }
+  f.addEventListener("click", () => A("individual")), c.addEventListener("click", () => A("business")), A("individual");
+  const _ = document.createElement("p");
+  _.className = "wgt:mt-2 wgt:text-xs wgt:text-[#FF8447] wgt:text-left wgt:justify-center", _.textContent = n("invoiceform_note"), a.appendChild(_);
+  const m = document.createElement("div");
+  m.className = "wgt:mt-6 wgt:w-full wgt:flex wgt:justify-center wgt:items-center";
+  const T = G({
+    type: "button",
+    title: n("btn_preview"),
+    className: "wgt:min-w-[163px] wgt:text-white",
+    handleClick: () => {
+      if (!b.validate())
+        return;
+      const u = {
+        type: Z,
+        data: b.getValues()
+      }, { overlay: V } = me({
+        type: u.type,
+        data: u.data,
+        orderInfo: i,
+        theme: e,
+        onClose: () => {
+          console.log("Popup closed");
+        },
+        onConfirm: () => j(null, null, function* () {
+          var S, B, q;
+          V.remove(), p();
+          try {
+            if (typeof r != "function") return;
+            const C = yield r({
+              type: u.type,
+              data: u.data
+            }), L = (q = (B = (S = C == null ? void 0 : C.finalData) != null ? S : C == null ? void 0 : C.data) != null ? B : C) != null ? q : {}, h = String((L == null ? void 0 : L.status) || "").trim().toLowerCase();
+            if (N(), h === "invoiced") {
+              J({
+                message: n("invoice_success"),
+                description: n("invoice_description"),
+                // okLabel: t('close'),
+                isSuccess: !0,
+                hideOkButton: !0,
+                theme: e,
+                closeOnClickOutside: !1
+              }).open();
+              return;
+            }
+            if (h === "failed") {
+              J({
+                message: n("invoice_failed"),
+                description: n("invoice_description_failed"),
+                // okLabel: t('close'),
+                isSuccess: !1,
+                hideOkButton: !0,
+                theme: e,
+                closeOnClickOutside: !1
+              }).open();
+              return;
+            }
+          } catch (C) {
+            N(), J({
+              message: n("invoice_failed"),
+              description: n("invoice_description_failed"),
+              // okLabel: t('close'),
+              isSuccess: !1,
+              hideOkButton: !0,
+              closeOnClickOutside: !1,
+              theme: e
+            }).open(), console.error(C);
+          }
+        })
+      });
+      document.body.appendChild(V);
+    }
+  });
+  return m.appendChild(T), a.appendChild(m), { container: s };
+}
+function ue({ theme: i, onClose: t } = {}) {
+  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 r = document.createElement("div");
+  r.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 d = document.createElement("div");
+  d.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>
+
+  `, d.appendChild(s), r.appendChild(d);
+  const a = document.createElement("h2");
+  a.className = "wgt:text-base wgt:font-semibold wgt:text-[#0E121B] wgt:mb-2", a.textContent = n("invoiceCheckout_title"), r.appendChild(a);
+  const g = document.createElement("p");
+  return g.className = "wgt:text-sm wgt:text-[#525866] wgt:leading-relaxed", g.textContent = n("invoiceCheckout_description"), r.appendChild(g), e.appendChild(r), { container: e };
+}
+function Ce({ theme: i, onClose: t } = {}) {
+  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 r = document.createElement("div");
+  r.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 d = document.createElement("div");
+  d.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>
+
+  `, d.appendChild(s), r.appendChild(d);
+  const a = document.createElement("h2");
+  a.className = "wgt:text-base wgt:font-semibold wgt:text-[#0E121B] wgt:mb-2", a.textContent = n("invoiceExpired_title"), r.appendChild(a);
+  const g = document.createElement("p");
+  g.className = "wgt:text-sm wgt:text-[#525866] wgt:leading-relaxed wgt:px-2 wgt:mb-3", g.textContent = n("invoiceExpired_description"), r.appendChild(g);
+  const p = document.createElement("p");
+  return p.className = "wgt:text-sm wgt:text-[#99A0AE] wgt:italic wgt:leading-relaxed wgt:px-4", p.textContent = n("invoiceExpired_note"), r.appendChild(p), e.appendChild(r), { container: e };
+}
+function re(i) {
+  return String(i || "").trim().toLowerCase();
+}
+function Ne({ uuid: i, orderInfo: t, theme: e }) {
+  const r = document.createElement("div");
+  r.className = "wgt:w-full wgt:min-h-screen";
+  let d = !1;
+  function s(o) {
+    d || (r.innerHTML = "", o && r.appendChild(o));
+  }
+  function a(o) {
+    o && console.log("[DEBUG] renderFailedPage:", o);
+    const w = ce({
+      theme: e,
+      onClose: F
+    });
+    s(w.container);
+  }
+  function g() {
+    const o = Ce({
+      theme: e
+    });
+    s(o.container);
+  }
+  function p(o) {
+    const w = ue({
+      theme: e
+    });
+    s(w.container);
+  }
+  function N(o) {
+    const w = we({
+      orderInfo: o || {},
+      theme: e,
+      onSubmit: (v) => j(null, [v], function* ({ type: f, data: c }) {
+        const y = k();
+        if (!y)
+          return a({ reason: "MISSING_UUID_ON_SUBMIT" }), { ok: !1 };
+        const H = he(f, c);
+        return yield le(y, H), { ok: !0, finalData: yield ve(y, {
+          maxTries: 20,
+          intervalMs: 1500
+        }) };
+      }),
+      onBack: F
+    });
+    s(w.container);
+  }
+  function k() {
+    var f;
+    const o = new URLSearchParams(window.location.search || "");
+    return String((f = o.get("uuid")) != null ? f : "").trim() || String(i || "").trim() || String((t == null ? void 0 : t.uuid) || "").trim();
+  }
+  function F() {
+    return j(this, null, function* () {
+      yield M();
+    });
+  }
+  function M() {
+    return j(this, null, function* () {
+      try {
+        const o = k();
+        if (!o)
+          return a({ reason: "EMPTY_UUID_NO_API_CALL" });
+        const w = yield ne(o), f = String((w == null ? void 0 : w.message) || "").trim();
+        if (f)
+          return a({ reason: "API_MESSAGE", apiMsg: f, res: w });
+        const c = re(w == null ? void 0 : w.status);
+        return c === "expired" ? g() : c === "invoiced" ? p(w) : c === "pending" || c === "waiting" ? N(w || t || {}) : c === "" && w && Object.keys(w).length > 0 ? N(w) : a({ reason: "UNKNOWN_STATUS", status: c, res: w });
+      } catch (o) {
+        return console.log("[DEBUG] loadAndRender error:", o), a({ reason: "EXCEPTION", error: (o == null ? void 0 : o.message) || o });
+      }
+    });
+  }
+  function l() {
+    return j(this, null, function* () {
+      a({ reason: "INIT_DEFAULT_RENDER" });
+      try {
+        yield M();
+      } catch (o) {
+        return a({
+          reason: "INIT_EXCEPTION",
+          error: (o == null ? void 0 : o.message) || o
+        });
+      }
+    });
+  }
+  function x() {
+    d = !0, r.innerHTML = "";
+  }
+  return { container: r, init: l, destroy: x };
+}
+function fe(i) {
+  return String(i || "").trim().toLowerCase() === "business" ? "enterprise" : "individual";
+}
+function he(i, t) {
+  const e = fe(i), r = {
+    invoiceType: e,
+    buyerName: (t == null ? void 0 : t.representativeName) || "",
+    address: (t == null ? void 0 : t.buyerAddress) || "",
+    email: (t == null ? void 0 : t.email) || ""
+  };
+  return e === "enterprise" && (r.taxCode = t != null && t.noTaxCode ? "" : (t == null ? void 0 : t.taxCode) || "", r.performerName = (t == null ? void 0 : t.performerName) || ""), r;
+}
+function ve(r) {
+  return j(this, arguments, function* (i, { maxTries: t = 20, intervalMs: e = 1500 } = {}) {
+    for (let s = 0; s < t; s++) {
+      yield xe(e);
+      const a = yield ne(i), g = re(a == null ? void 0 : a.status);
+      if (g === "invoiced") return a;
+      if (g === "expired") {
+        const p = new Error("Invoice request expired while polling");
+        throw p.code = "EXPIRED", p.data = a, p;
+      }
+    }
+    const d = new Error("Polling timeout: status not invoiced");
+    throw d.code = "POLL_TIMEOUT", d;
+  });
+}
+function xe(i) {
+  return new Promise((t) => setTimeout(t, i));
+}
+export {
+  Ne as createInvoiceRequestFlow
+};