@invoice-sdk/widget 1.118.1 → 1.118.2

package/dist/{index-BZ06NKO0.js → index-DlbtRz_x.js}

@@ -1,15 +1,15 @@
-var ie = Object.defineProperty;
+var re = 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) => {
+var ee = (r, t, e) => t in r ? re(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e, $ = (r, t) => {
   for (var e in t || (t = {}))
-    ae.call(t, e) && ee(i, e, t[e]);
+    ae.call(t, e) && ee(r, e, t[e]);
   if (D)
     for (var e of D(t))
-      se.call(t, e) && ee(i, e, t[e]);
-  return i;
+      se.call(t, e) && ee(r, e, t[e]);
+  return r;
 };
-var j = (i, t, e) => new Promise((r, d) => {
+var j = (r, t, e) => new Promise((i, d) => {
   var s = (p) => {
     try {
       g(e.next(p));
@@ -22,35 +22,35 @@ var j = (i, t, e) => new Promise((r, d) => {
     } 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());
+  }, g = (p) => p.done ? i(p.value) : Promise.resolve(p.value).then(s, a);
+  g((e = e.apply(r, 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") };
+import { c as G, f as te, e as oe, b as de, o as ne, s as le } from "./loading-Btbxdqb9.js";
+import { t as n, c as J, j as ce } from "./index-EgycCzHi.js";
+function z(r) {
+  const t = r.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("required_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 X(r, t = !1) {
+  const e = String(r != null ? r : "").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();
+function K(r) {
+  const t = r.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();
+function Y(r, t = !1) {
+  const e = r.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))
+  const i = e.replace(/\s/g, "");
+  if (/[<>:"\/\\|?*@#$%!A-Za-z]/.test(i))
     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 };
+  return !s.test(i) && !a.test(i) ? { valid: !1, error: n("phone_invalid_format") } : { valid: !0 };
 }
-function Q(i) {
-  const t = i.trim();
+function Q(r) {
+  const t = r.trim();
   if (!t) return { valid: !1, error: n("required_tax_code") };
   const e = t.replace(/\s/g, "");
   if (/[<>:"\/\\|?*@#$%!A-Za-z\s]/.test(e))
@@ -60,22 +60,22 @@ function Q(i) {
   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 } = {}) {
+function pe({ defaultValues: r = {}, 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";
+    representativeName: r.representativeName || "",
+    buyerAddress: r.buyerAddress || "",
+    email: r.email || "",
+    phone: r.phone || ""
+  }, i = document.createElement("div");
+  i.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 }) {
+  function s({ label: v, required: E, 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;
+    _.className = "wgt:text-sm wgt:font-medium wgt:text-strong-950", _.htmlFor = H, _.innerHTML = E ? `${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");
@@ -85,27 +85,27 @@ function pe({ defaultValues: i = {}, onChange: t } = {}) {
         "wgt:bg-semantic-error-50"
       ), T.classList.add("wgt:hidden"), d();
     }), m.addEventListener("blur", () => {
-      let u;
+      let w;
       switch (H) {
         case "representativeName":
-          u = z(m.value);
+          w = z(m.value);
           break;
         case "buyerAddress":
-          u = X(m.value);
+          w = X(m.value);
           break;
         case "email":
-          u = K(m.value);
+          w = K(m.value);
           break;
         case "phone":
-          u = Y(m.value, !1);
+          w = Y(m.value, !1);
           break;
         default:
           return;
       }
-      !u.valid && u.error && (m.classList.add(
+      !w.valid && w.error && (m.classList.add(
         "wgt:border-semantic-error",
         "wgt:bg-semantic-error-50"
-      ), T.textContent = u.error, T.classList.remove("wgt:hidden"));
+      ), T.textContent = w.error, T.classList.remove("wgt:hidden"));
     }), A.appendChild(_), A.appendChild(m), A.appendChild(T), { field: A, input: m, errorEl: T };
   }
   const {
@@ -135,7 +135,7 @@ function pe({ defaultValues: i = {}, onChange: t } = {}) {
   }), {
     field: x,
     input: o,
-    errorEl: w
+    errorEl: u
   } = s({
     label: n("phone"),
     required: !1,
@@ -143,100 +143,101 @@ function pe({ defaultValues: i = {}, onChange: t } = {}) {
     type: "tel",
     placeholder: n("phone_input")
   });
-  r.appendChild(a), r.appendChild(N), r.appendChild(F), r.appendChild(x);
-  function f() {
+  i.appendChild(a), i.appendChild(N), i.appendChild(F), i.appendChild(x);
+  function h() {
     let v = !0;
-    function y(b, A, _) {
+    function E(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()) {
+    if (H.valid || E(g, p, H.error), e.buyerAddress.trim()) {
       const b = X(e.buyerAddress);
-      b.valid || y(
+      b.valid || E(
         document.querySelector('input[name="buyerAddress"]'),
         k,
         b.error
       );
     }
     const Z = K(e.email);
-    if (Z.valid || y(M, l, Z.error), e.phone.trim()) {
+    if (Z.valid || E(M, l, Z.error), e.phone.trim()) {
       const b = Y(e.phone, !1);
-      b.valid || y(o, w, b.error);
+      b.valid || E(o, u, b.error);
     }
     return v;
   }
   function c() {
     return $({}, e);
   }
-  return { container: r, getValues: c, validate: f };
+  return { container: i, getValues: c, validate: h };
 }
 function ge({
-  defaultValues: i = {},
+  defaultValues: r = {},
   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 || ""
+  const i = {
+    noTaxCode: !!r.noTaxCode,
+    taxCode: r.taxCode || "",
+    businessName: r.businessName || "",
+    representativeName: r.representativeName || "",
+    buyerAddress: r.buyerAddress || "",
+    // performerName: defaultValues.performerName || '',
+    email: r.email || "",
+    phone: r.phone || ""
   }, d = document.createElement("div");
   d.className = "wgt:space-y-2";
   function s() {
-    typeof t == "function" && t($({}, r));
+    typeof t == "function" && t($({}, i));
   }
-  function a({ label: C, required: L, name: h, type: W = "text", placeholder: I }) {
+  function a({ label: C, required: L, name: f, 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] || "";
+    P.className = "wgt:text-sm wgt:font-medium wgt:text-strong-950", P.htmlFor = f, P.innerHTML = L ? `${C} <span class="wgt:text-[#ED1C24]">*</span>` : C;
+    const y = document.createElement("input");
+    y.id = f, y.name = f, y.type = W, y.placeholder = I || "", y.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", y.value = i[f] || "";
     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(
+    return R.className = "wgt:text-xs wgt:text-[#ED1C24] wgt:mt-1 wgt:hidden", R.setAttribute("data-error-for", f), y.addEventListener("input", () => {
+      i[f] = y.value, y.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;
+    }), y.addEventListener("blur", () => {
+      if (!y.value.trim() && !L) return;
       let U;
-      switch (h) {
-        case "business_name":
+      switch (f) {
+        case "businesName":
         case "representativeName":
-          U = z(E.value);
+          U = z(y.value);
           break;
         case "buyerAddress":
-          U = X(E.value);
+          U = X(y.value);
           break;
         case "email":
-          U = K(E.value);
+          U = K(y.value);
           break;
         case "phone":
-          U = Y(E.value, !0);
+          U = Y(y.value, !0);
           break;
         default:
           return;
       }
-      !U.valid && U.error && (E.classList.add(
+      !U.valid && U.error && (y.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 };
+    }), O.appendChild(P), O.appendChild(y), O.appendChild(R), { field: O, input: y, 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;
+  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 = i.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(
+    i.noTaxCode = p.checked, l.disabled = i.noTaxCode, o.disabled = i.noTaxCode, l.classList.remove(
       "wgt:border-semantic-error",
       "wgt:bg-semantic-error-50"
     ), x.classList.add("wgt:hidden"), s();
@@ -248,15 +249,15 @@ function ge({
   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";
+  l.type = "text", l.name = "taxCode", l.placeholder = n("taxCode_input"), l.value = i.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(
+    i.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;
+    if (i.noTaxCode || !l.value.trim()) return;
     const C = Q(l.value);
     C.valid || (l.classList.add(
       "wgt:border-semantic-error",
@@ -268,9 +269,9 @@ function ge({
     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")
+      if (i.noTaxCode || typeof e != "function")
         return;
-      const C = String(r.taxCode || "").trim();
+      const C = String(i.taxCode || "").trim();
       if (!C) {
         l.classList.add(
           "wgt:border-semantic-error",
@@ -288,32 +289,32 @@ function ge({
       }
       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) {
+        const f = yield e(C, $({}, i));
+        if (!f || typeof f != "object") return;
+        f.representativeName != null && (i.representativeName = String(f.representativeName || ""), E.value = i.representativeName), f.buyerAddress != null && (i.buyerAddress = String(f.buyerAddress || ""), b.value = i.buyerAddress), s();
+      } catch (f) {
         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;
+        o.disabled = i.noTaxCode;
       }
     })
   });
   M.appendChild(l), M.appendChild(o), k.appendChild(F), k.appendChild(M), k.appendChild(x);
   const {
-    field: w,
-    input: f,
+    field: u,
+    input: h,
     errorEl: c
   } = a({
-    label: n("business_name"),
+    label: n("businessName"),
     required: !0,
-    name: "business_name",
-    placeholder: n("business_name_input")
+    name: "businessName",
+    placeholder: n("businessName_input")
   }), {
     field: v,
-    input: y,
+    input: E,
     errorEl: H
   } = a({
     label: n("representativeName"),
@@ -340,7 +341,7 @@ function ge({
     type: "email",
     placeholder: n("email_input")
   }), {
-    field: u,
+    field: w,
     input: V,
     errorEl: S
   } = a({
@@ -350,42 +351,42 @@ function ge({
     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;
+  d.appendChild(g), d.appendChild(k), d.appendChild(u), d.appendChild(v), d.appendChild(Z), d.appendChild(_), d.appendChild(w), l.disabled = i.noTaxCode, o.disabled = i.noTaxCode;
   function B() {
     let C = !0;
-    function L(P, E, R) {
+    function L(P, y, R) {
       P.classList.add(
         "wgt:border-semantic-error",
-        "wgt:bg-semantic-error-50 ",
+        "wgt:bg-semantic-error-50",
         "wgt:mt-2"
-      ), R && E && (E.textContent = R, E.classList.remove("wgt:hidden")), C = !1;
+      ), R && y && (y.textContent = R, y.classList.remove("wgt:hidden")), C = !1;
     }
-    if (!r.noTaxCode) {
-      const P = Q(r.taxCode);
+    if (!i.noTaxCode) {
+      const P = Q(i.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);
+    const f = z(i.businessName);
+    f.valid || L(h, c, f.error);
+    const W = z(i.representativeName);
+    if (W.valid || L(E, H, W.error), i.buyerAddress.trim()) {
+      const P = X(i.buyerAddress);
       P.valid || L(b, A, P.error);
     }
-    const I = K(r.email);
+    const I = K(i.email);
     I.valid || L(m, T, I.error);
-    const O = Y(r.phone, !0);
+    const O = Y(i.phone, !0);
     return O.valid || L(V, S, O.error), C;
   }
   function q() {
-    return $({}, r);
+    return $({}, i);
   }
   return { container: d, getValues: q, validate: B };
 }
 function me({
-  type: i,
+  type: r,
   data: t,
   orderInfo: e,
-  theme: r,
+  theme: i,
   onClose: d,
   onConfirm: s
 }) {
@@ -393,7 +394,7 @@ function me({
   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);
+`, i && a.setAttribute("data-theme", i);
   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");
@@ -411,14 +412,14 @@ function me({
     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 w = document.createElement("div");
+    w.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;
+    return S.className = "wgt:text-sm wgt:font-semibold wgt:text-strong-950 wgt:text-right wgt:w-2/3", S.textContent = _ || "-", w.appendChild(V), w.appendChild(S), m.appendChild(T), m.appendChild(w), 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>';
+  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>', u = '<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,
@@ -433,13 +434,13 @@ function me({
     )
   ), M.appendChild(
     l(
-      w,
+      u,
       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 h = document.createElement("div");
+  h.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) {
@@ -450,8 +451,10 @@ function me({
     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(
+  r === "business" ? (c.appendChild(
     v(n("confirmation_popup_taxCode"), t.taxCode)
+  ), c.appendChild(
+    v(n("businessName"), t.businessName)
   ), c.appendChild(
     v(
       n("confirmation_popup_representativeName"),
@@ -459,8 +462,6 @@ function me({
     )
   ), 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(
@@ -474,9 +475,9 @@ function me({
     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";
+  )), h.appendChild(c), g.appendChild(h);
+  const E = document.createElement("div");
+  E.className = "wgt:px-6 wgt:pb-6 wgt:flex wgt:gap-3";
   const H = G({
     type: "button",
     title: "Đóng",
@@ -489,18 +490,18 @@ function me({
     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();
+      typeof s == "function" && s({ type: r, data: t }), a.remove();
     }
   });
-  return y.appendChild(H), y.appendChild(Z), g.appendChild(y), a.appendChild(g), a.addEventListener("click", (b) => {
+  return E.appendChild(H), E.appendChild(Z), g.appendChild(E), a.appendChild(g), a.addEventListener("click", (b) => {
     b.target === a && (typeof d == "function" && d(), a.remove());
   }), { overlay: a };
 }
-function we({
-  orderInfo: i,
+function ue({
+  orderInfo: r,
   onPreview: t,
   theme: e,
-  onSubmit: r,
+  onSubmit: i,
   taxCode: d = ""
 }) {
   const s = document.createElement("div");
@@ -521,7 +522,7 @@ function we({
   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) {
+  function x(w, V) {
     const S = document.createElement("div");
     S.className = "wgt:flex wgt:items-start";
     const B = document.createElement("div");
@@ -529,41 +530,41 @@ function we({
     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 = `
+    w === 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 = `
+    ` : w === 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 = `
+    ` : w === 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.className = "wgt:text-sm wgt:text-weak-700", L.textContent = w, B.appendChild(q), B.appendChild(L);
+    const f = document.createElement("span");
+    return f.className = "wgt:text-sm wgt:font-semibold wgt:text-strong-950 wgt:w-2/3 wgt:text-right", f.textContent = V, S.appendChild(B), S.appendChild(f), 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("orderCode"), r == null ? void 0 : r.billNo)), l.appendChild(
+    x(n("address_form"), r == null ? void 0 : r.merchantAddress)
   ), l.appendChild(
     x(
       n("total_amount"),
-      te(i == null ? void 0 : i.amount) + " VND"
+      te(r == null ? void 0 : r.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 = `
+  const u = document.createElement("div");
+  u.className = "wgt:flex wgt:border-b wgt:border-[#E1E4EA]", o.appendChild(u);
+  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"/>
@@ -581,27 +582,27 @@ function we({
 
     ${n("business")}
   </span>
-`, w.appendChild(f), w.appendChild(c);
+`, u.appendChild(h), u.appendChild(c);
   const v = document.createElement("div");
   v.className = "wgt:mt-4 wgt:px-4", o.appendChild(v);
-  const y = pe(), H = ge({
+  const E = pe(), H = ge({
     defaultValues: { taxCode: d || "" },
-    onFetchByTaxCode: (u) => j(null, null, function* () {
+    onFetchByTaxCode: (w) => j(null, null, function* () {
       var S, B;
-      const V = yield de(u);
+      const V = yield de(w);
       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";
+  let Z = "individual", b = E;
+  function A(w) {
+    Z = w, h.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);
+    w === "individual" ? (h.className = `${V} wgt:text-strong-950`, h.style.borderBottom = "2px solid var(--primary)", c.className = `${V} wgt:text-soft-400`, v.innerHTML = "", v.appendChild(E.container), b = E) : (c.className = `${V} wgt:text-strong-950`, c.style.borderBottom = "2px solid var(--primary)", h.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");
+  h.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");
@@ -613,13 +614,13 @@ function we({
     handleClick: () => {
       if (!b.validate())
         return;
-      const u = {
+      const w = {
         type: Z,
         data: b.getValues()
       }, { overlay: V } = me({
-        type: u.type,
-        data: u.data,
-        orderInfo: i,
+        type: w.type,
+        data: w.data,
+        orderInfo: r,
         theme: e,
         onClose: () => {
           console.log("Popup closed");
@@ -628,12 +629,12 @@ function we({
           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") {
+            if (typeof i != "function") return;
+            const C = yield i({
+              type: w.type,
+              data: w.data
+            }), L = (q = (B = (S = C == null ? void 0 : C.finalData) != null ? S : C == null ? void 0 : C.data) != null ? B : C) != null ? q : {}, f = String((L == null ? void 0 : L.status) || "").trim().toLowerCase();
+            if (N(), f === "invoiced") {
               J({
                 message: n("invoice_success"),
                 description: n("invoice_description"),
@@ -645,7 +646,7 @@ function we({
               }).open();
               return;
             }
-            if (h === "failed") {
+            if (f === "failed") {
               J({
                 message: n("invoice_failed"),
                 description: n("invoice_description_failed"),
@@ -675,11 +676,11 @@ function we({
   });
   return m.appendChild(T), a.appendChild(m), { container: s };
 }
-function ue({ theme: i, onClose: t } = {}) {
+function we({ theme: r, 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";
+  e.className = " wgt:flex wgt:h-screen wgt:bg-[#F3F4F6] wgt:p-4", r && e.setAttribute("data-theme", r);
+  const i = document.createElement("div");
+  i.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");
@@ -688,17 +689,17 @@ function ue({ theme: i, onClose: t } = {}) {
 <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);
+  `, d.appendChild(s), i.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);
+  a.className = "wgt:text-base wgt:font-semibold wgt:text-[#0E121B] wgt:mb-2", a.textContent = n("invoiceCheckout_title"), i.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 };
+  return g.className = "wgt:text-sm wgt:text-[#525866] wgt:leading-relaxed", g.textContent = n("invoiceCheckout_description"), i.appendChild(g), e.appendChild(i), { container: e };
 }
-function Ce({ theme: i, onClose: t } = {}) {
+function Ce({ theme: r, 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";
+  e.className = "wgt:min-h-screen wgt:flex  wgt:bg-[#F3F4F6] wgt:p-4", r && e.setAttribute("data-theme", r);
+  const i = document.createElement("div");
+  i.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");
@@ -720,31 +721,31 @@ function Ce({ theme: i, onClose: t } = {}) {
 <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);
+  `, d.appendChild(s), i.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);
+  a.className = "wgt:text-base wgt:font-semibold wgt:text-[#0E121B] wgt:mb-2", a.textContent = n("invoiceExpired_title"), i.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);
+  g.className = "wgt:text-sm wgt:text-[#525866] wgt:leading-relaxed wgt:px-2 wgt:mb-3", g.textContent = n("invoiceExpired_description"), i.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 };
+  return p.className = "wgt:text-sm wgt:text-[#99A0AE] wgt:italic wgt:leading-relaxed wgt:px-4", p.textContent = n("invoiceExpired_note"), i.appendChild(p), e.appendChild(i), { container: e };
 }
-function re(i) {
-  return String(i || "").trim().toLowerCase();
+function ie(r) {
+  return String(r || "").trim().toLowerCase();
 }
-function Ne({ uuid: i, orderInfo: t, theme: e }) {
-  const r = document.createElement("div");
-  r.className = "wgt:w-full wgt:min-h-screen";
+function Ne({ uuid: r, orderInfo: t, theme: e }) {
+  const i = document.createElement("div");
+  i.className = "wgt:w-full wgt:min-h-screen";
   let d = !1;
   function s(o) {
-    d || (r.innerHTML = "", o && r.appendChild(o));
+    d || (i.innerHTML = "", o && i.appendChild(o));
   }
   function a(o) {
     o && console.log("[DEBUG] renderFailedPage:", o);
-    const w = ce({
+    const u = ce({
       theme: e,
       onClose: F
     });
-    s(w.container);
+    s(u.container);
   }
   function g() {
     const o = Ce({
@@ -753,33 +754,33 @@ function Ne({ uuid: i, orderInfo: t, theme: e }) {
     s(o.container);
   }
   function p(o) {
-    const w = ue({
+    const u = we({
       theme: e
     });
-    s(w.container);
+    s(u.container);
   }
   function N(o) {
-    const w = we({
+    const u = ue({
       orderInfo: o || {},
       theme: e,
-      onSubmit: (v) => j(null, [v], function* ({ type: f, data: c }) {
-        const y = k();
-        if (!y)
+      onSubmit: (v) => j(null, [v], function* ({ type: h, data: c }) {
+        const E = k();
+        if (!E)
           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, {
+        const H = fe(h, c);
+        return yield le(E, H), { ok: !0, finalData: yield ve(E, {
           maxTries: 20,
           intervalMs: 1500
         }) };
       }),
       onBack: F
     });
-    s(w.container);
+    s(u.container);
   }
   function k() {
-    var f;
+    var h;
     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();
+    return String((h = o.get("uuid")) != null ? h : "").trim() || String(r || "").trim() || String((t == null ? void 0 : t.uuid) || "").trim();
   }
   function F() {
     return j(this, null, function* () {
@@ -792,11 +793,11 @@ function Ne({ uuid: i, orderInfo: t, theme: e }) {
         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 });
+        const u = yield ne(o), h = String((u == null ? void 0 : u.message) || "").trim();
+        if (h)
+          return a({ reason: "API_MESSAGE", apiMsg: h, res: u });
+        const c = ie(u == null ? void 0 : u.status);
+        return c === "expired" ? g() : c === "invoiced" ? p(u) : c === "pending" || c === "waiting" ? N(u || t || {}) : c === "" && u && Object.keys(u).length > 0 ? N(u) : a({ reason: "UNKNOWN_STATUS", status: c, res: u });
       } catch (o) {
         return console.log("[DEBUG] loadAndRender error:", o), a({ reason: "EXCEPTION", error: (o == null ? void 0 : o.message) || o });
       }
@@ -816,27 +817,27 @@ function Ne({ uuid: i, orderInfo: t, theme: e }) {
     });
   }
   function x() {
-    d = !0, r.innerHTML = "";
+    d = !0, i.innerHTML = "";
   }
-  return { container: r, init: l, destroy: x };
+  return { container: i, init: l, destroy: x };
 }
-function fe(i) {
-  return String(i || "").trim().toLowerCase() === "business" ? "enterprise" : "individual";
+function he(r) {
+  return String(r || "").trim().toLowerCase() === "business" ? "enterprise" : "individual";
 }
-function he(i, t) {
-  const e = fe(i), r = {
+function fe(r, t) {
+  const e = he(r), i = {
     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;
+  return e === "enterprise" && (i.taxCode = t != null && t.noTaxCode ? "" : (t == null ? void 0 : t.taxCode) || "", i.businessName = (t == null ? void 0 : t.businessName) || ""), i;
 }
-function ve(r) {
-  return j(this, arguments, function* (i, { maxTries: t = 20, intervalMs: e = 1500 } = {}) {
+function ve(i) {
+  return j(this, arguments, function* (r, { 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);
+      const a = yield ne(r), g = ie(a == null ? void 0 : a.status);
       if (g === "invoiced") return a;
       if (g === "expired") {
         const p = new Error("Invoice request expired while polling");
@@ -847,8 +848,8 @@ function ve(r) {
     throw d.code = "POLL_TIMEOUT", d;
   });
 }
-function xe(i) {
-  return new Promise((t) => setTimeout(t, i));
+function xe(r) {
+  return new Promise((t) => setTimeout(t, r));
 }
 export {
   Ne as createInvoiceRequestFlow