@invoice-sdk/widget 1.97.1 → 1.97.2

package/dist/{widget-CypNKvAh.js → widget-DxwfypOQ.js}

@@ -23,19 +23,19 @@ var W = (g, A, E) => new Promise((B, C) => {
   var Q = (I) => {
     try {
       n(E.next(I));
-    } catch (w) {
-      C(w);
+    } catch (c) {
+      C(c);
     }
   }, t = (I) => {
     try {
       n(E.throw(I));
-    } catch (w) {
-      C(w);
+    } catch (c) {
+      C(c);
     }
   }, n = (I) => I.done ? B(I.value) : Promise.resolve(I.value).then(Q, t);
   n((E = E.apply(g, A)).next());
 });
-import { t as a, g as mB, a as cQ, b as wQ, C as eQ, G as oQ, c as aQ, d as rB, e as ag, f as DQ, h as uQ, i as zg, O as SC, s as og, j as PB, k as iQ, l as sQ, m as fQ, n as mQ, o as rQ, p as PQ, v as qQ } from "./index-CefS8fi4.js";
+import { t as a, g as mB, a as cQ, b as wQ, C as eQ, G as oQ, c as aQ, d as rB, e as ag, f as DQ, h as uQ, i as zg, O as SC, s as og, j as PB, k as iQ, l as sQ, m as fQ, n as mQ, o as rQ, p as PQ, v as qQ } from "./index-D4WgVrRp.js";
 import { g as pC } from "./_commonjsHelpers-bAxELxBV.js";
 function tC({ steps: g = [], currentStep: A = 1 } = {}) {
   const E = document.createElement("div");
@@ -61,11 +61,11 @@ function tC({ steps: g = [], currentStep: A = 1 } = {}) {
   C.className = "wgt:relative wgt:flex wgt:w-full wgt:z-10 wgt:@max-2xl:grid wgt:@max-2xl:grid-cols-1 wgt:@max-2xl:overflow-hidden";
   const Q = [];
   function t(I) {
-    g.forEach((w, c) => {
-      const f = c + 1, D = I === g.length + 1 ? f < g.length : I !== f, o = document.createElement("div");
+    g.forEach((c, w) => {
+      const s = w + 1, D = I === g.length + 1 ? s < g.length : I !== s, o = document.createElement("div");
       o.setAttribute("role", "listitem"), o.setAttribute(
         "aria-label",
-        `Step ${f} of ${g.length}: ${w.label}`
+        `Step ${s} of ${g.length}: ${c.label}`
       ), o.className = [
         "wgt:flex-1",
         "wgt:flex",
@@ -73,7 +73,7 @@ function tC({ steps: g = [], currentStep: A = 1 } = {}) {
         "wgt:justify-center",
         "wgt:py-5",
         "wgt:px-4",
-        c < g.length - 1 ? "wgt:pr-9 wgt:@max-2xl:pr-0" : "",
+        w < g.length - 1 ? "wgt:pr-9 wgt:@max-2xl:pr-0" : "",
         D ? "wgt:@max-2xl:hidden" : "wgt:@max-2xl:bg-primary/15"
       ].filter(Boolean).join(" ");
       const i = document.createElement("div");
@@ -87,16 +87,16 @@ function tC({ steps: g = [], currentStep: A = 1 } = {}) {
         "wgt:mr-4"
       ].join(" ");
       const u = document.createElement("span");
-      u.innerText = String(f), u.className = "wgt:text-white wgt:font-medium", i.appendChild(u);
+      u.innerText = String(s), u.className = "wgt:text-white wgt:font-medium", i.appendChild(u);
       const R = document.createElement("span");
-      R.innerText = w.label, R.className = "wgt:font-medium wgt:whitespace-nowrap", o.append(i, R), C.append(o), Q.push({ wrap: o, circle: i, label: R });
+      R.innerText = c.label, R.className = "wgt:font-medium wgt:whitespace-nowrap", o.append(i, R), C.append(o), Q.push({ wrap: o, circle: i, label: R });
     }), E.append(B, C);
   }
   t(A);
   function n(I) {
-    const w = g.length, c = Math.max(0, Math.min(I, w)), f = c / w * 100;
-    B.style.width = `${f}%`, c === w ? (B.style.clipPath = "none", B.style.borderTopRightRadius = "10px", B.style.borderBottomRightRadius = "10px") : (B.style.clipPath = "polygon(0 0, calc(100% - 36px) 0, 100% 50%, calc(100% - 36px) 100%, 0 100%)", B.style.borderTopRightRadius = "0", B.style.borderBottomRightRadius = "0"), Q.forEach(({ circle: D, label: o }, i) => {
-      i + 1 <= c ? (D.classList.add("wgt:bg-icon-primary"), D.classList.remove("wgt:bg-icon-soft-400"), o.classList.add("wgt:text-primary-dark"), o.classList.remove("wgt:text-soft-400")) : (D.classList.add("wgt:bg-icon-soft-400"), D.classList.remove("wgt:bg-icon-primary"), o.classList.add("wgt:text-soft-400"), o.classList.remove("wgt:text-primary-dark"));
+    const c = g.length, w = Math.max(0, Math.min(I, c)), s = w / c * 100;
+    B.style.width = `${s}%`, w === c ? (B.style.clipPath = "none", B.style.borderTopRightRadius = "10px", B.style.borderBottomRightRadius = "10px") : (B.style.clipPath = "polygon(0 0, calc(100% - 36px) 0, 100% 50%, calc(100% - 36px) 100%, 0 100%)", B.style.borderTopRightRadius = "0", B.style.borderBottomRightRadius = "0"), Q.forEach(({ circle: D, label: o }, i) => {
+      i + 1 <= w ? (D.classList.add("wgt:bg-icon-primary"), D.classList.remove("wgt:bg-icon-soft-400"), o.classList.add("wgt:text-primary-dark"), o.classList.remove("wgt:text-soft-400")) : (D.classList.add("wgt:bg-icon-soft-400"), D.classList.remove("wgt:bg-icon-primary"), o.classList.add("wgt:text-soft-400"), o.classList.remove("wgt:text-primary-dark"));
     });
   }
   return n(A), {
@@ -148,18 +148,18 @@ function vQ({ steps: g = [], currentStep: A = 1 } = {}) {
     "wgt:@max-2xl:shadow-none"
   ].join(" ");
   let Q = tC({
-    steps: g.map((w) => ({ label: w })),
+    steps: g.map((c) => ({ label: c })),
     currentStep: A
   });
   C.appendChild(Q.container);
   const t = document.createElement("div");
   t.className = "wgt:flex-1", C.appendChild(t), E.appendChild(B), E.appendChild(C);
-  function n(w) {
-    B.innerText = w;
+  function n(c) {
+    B.innerText = c;
   }
-  function I(w) {
+  function I(c) {
     Q.container.remove(), Q = tC({
-      steps: w.map((c) => ({ label: c })),
+      steps: c.map((w) => ({ label: w })),
       currentStep: A
     }), C.insertBefore(Q.container, t);
   }
@@ -168,15 +168,15 @@ function vQ({ steps: g = [], currentStep: A = 1 } = {}) {
     /**
      * change which step is active (1‐based index):
      */
-    setStep(w, c) {
-      A = w, I(c), Q.update(w);
+    setStep(c, w) {
+      A = c, I(w), Q.update(c);
     },
     /**
      * replace whatever content is inside the "children" area:
      * @param {HTMLElement} domNode
      */
-    setContent(w) {
-      t.replaceChildren(w);
+    setContent(c) {
+      t.replaceChildren(c);
     },
     updateSteps: I,
     updateTitle: n
@@ -193,8 +193,8 @@ function Ng({
 }) {
   const n = document.createElement("div");
   if (n.className = "wgt:flex wgt:items-center wgt:gap-2 wgt:cursor-pointer", t) {
-    let f = function(D) {
-      D ? (w.classList.add("wgt:bg-primary", "wgt:border-primary"), w.classList.remove("wgt:border-weak-50")) : (w.classList.remove("wgt:bg-primary", "wgt:border-primary"), w.classList.add("wgt:border-weak-50")), c.innerHTML = D ? `<svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+    let s = function(D) {
+      D ? (c.classList.add("wgt:bg-primary", "wgt:border-primary"), c.classList.remove("wgt:border-weak-50")) : (c.classList.remove("wgt:bg-primary", "wgt:border-primary"), c.classList.add("wgt:border-weak-50")), w.innerHTML = D ? `<svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg">
   <mask id="path-1-inside-1_14170_92697" fill="white">
   <path d="M3.58055 7.58156C3.38055 7.58156 3.19055 7.50156 3.05055 7.36156L0.220552 4.53156C-0.0694482 4.24156 -0.0694482 3.76156 0.220552 3.47156C0.510552 3.18156 0.990552 3.18156 1.28055 3.47156L3.58055 5.77156L8.72055 0.631563C9.01055 0.341563 9.49055 0.341563 9.78055 0.631563C10.0706 0.921563 10.0706 1.40156 9.78055 1.69156L4.11055 7.36156C3.97055 7.50156 3.78055 7.58156 3.58055 7.58156Z"/>
   </mask>
@@ -215,8 +215,8 @@ function Ng({
   </svg>
   `;
     }, I = B;
-    const w = document.createElement("div");
-    w.className = [
+    const c = document.createElement("div");
+    c.className = [
       "wgt:w-7",
       "wgt:h-7",
       "wgt:border-2",
@@ -227,24 +227,24 @@ function Ng({
       "wgt:transition-colors",
       Q ? "wgt:cursor-not-allowed" : "wgt:cursor-pointer"
     ].join(" ");
-    const c = document.createElement("div");
-    f(B), w.appendChild(c), w.addEventListener("click", (D) => {
-      D.stopPropagation(), !Q && (I = !I, f(I), C(I));
-    }), n.append(w);
+    const w = document.createElement("div");
+    s(B), c.appendChild(w), c.addEventListener("click", (D) => {
+      D.stopPropagation(), !Q && (I = !I, s(I), C(I));
+    }), n.append(c);
   } else {
     const I = document.createElement("div");
     I.className = "wgt:relative wgt:flex wgt:items-center wgt:justify-center wgt:h-6 wgt:w-6 wgt:cursor-pointer wgt:rounded-full wgt:transition-colors wgt:duration-200";
-    const w = document.createElement("input");
-    w.type = "radio", g && (w.name = g), A && (w.value = A), w.checked = B, w.disabled = Q, w.className = "wgt:invisible wgt:h-6 wgt:w-6";
-    const c = document.createElement("div");
-    c.className = `wgt:absolute wgt:w-5 wgt:h-5 wgt:rounded-full  wgt:border wgt:border-white wgt:border-3 wgt:transition-all wgt:duration-200 wgt:ring-2 
+    const c = document.createElement("input");
+    c.type = "radio", g && (c.name = g), A && (c.value = A), c.checked = B, c.disabled = Q, c.className = "wgt:invisible wgt:h-6 wgt:w-6";
+    const w = document.createElement("div");
+    w.className = `wgt:absolute wgt:w-5 wgt:h-5 wgt:rounded-full  wgt:border wgt:border-white wgt:border-3 wgt:transition-all wgt:duration-200 wgt:ring-2 
     
     ${B ? "wgt:ring-primary wgt:bg-primary" : "wgt:ring-grey-6 wgt:bg-grey-6"}`;
-    const f = document.createElement("span");
-    f.innerText = E, w.addEventListener("change", (D) => {
+    const s = document.createElement("span");
+    s.innerText = E, c.addEventListener("change", (D) => {
       const o = D.target.checked;
-      typeof C == "function" && C(o), w.checked = !1;
-    }), I.append(w, f), I.append(c), n.append(I);
+      typeof C == "function" && C(o), c.checked = !1;
+    }), I.append(c, s), I.append(w), n.append(I);
   }
   return {
     container: n
@@ -275,9 +275,9 @@ function MQ({
     "wgt:select-none"
   ].join(" "), Q.style.scrollSnapType = "x mandatory", Q.style.overflowX = "auto", Q.style.scrollBehavior = "smooth", Q.style.scrollbarWidth = "none", Q.style.msOverflowStyle = "none", Q.style.WebkitOverflowScrolling = "touch", Q.style.overflowY = "hidden", B.appendChild(Q);
   function t() {
-    Q.innerHTML = "", g.forEach((c) => {
-      const f = c.route === A, D = document.createElement("div");
-      D.dataset.checked = f ? "true" : "false", D.className = [
+    Q.innerHTML = "", g.forEach((w) => {
+      const s = w.route === A, D = document.createElement("div");
+      D.dataset.checked = s ? "true" : "false", D.className = [
         "wgt:flex",
         "wgt:items-center",
         "wgt:justify-between",
@@ -290,22 +290,22 @@ function MQ({
         "wgt:cursor-pointer",
         "wgt:transition-colors",
         "wgt:duration-200",
-        f ? "wgt:border-primary" : ""
+        s ? "wgt:border-primary" : ""
       ].filter(Boolean).join(" "), D.addEventListener("click", () => {
-        A = c.route, typeof E == "function" && E(c), t();
+        A = w.route, typeof E == "function" && E(w), t();
       });
       const o = document.createElement("div");
       o.className = "wgt:flex wgt:items-center wgt:gap-3";
       const i = document.createElement("img");
-      i.src = c.logoUrl, i.alt = c.name, i.className = "wgt:h-8 wgt:object-contain";
+      i.src = w.logoUrl, i.alt = w.name, i.className = "wgt:h-8 wgt:object-contain";
       const u = document.createElement("div");
       u.className = "wgt:w-[1px] wgt:h-8 wgt:bg-border-light";
       const R = document.createElement("label");
-      R.className = "wgt:text-base wgt:font-semibold wgt:leading-5 wgt:text-black wgt:uppercase", R.innerText = c.name, o.appendChild(i), o.appendChild(u), o.appendChild(R);
+      R.className = "wgt:text-base wgt:font-semibold wgt:leading-5 wgt:text-black wgt:uppercase", R.innerText = w.name, o.appendChild(i), o.appendChild(u), o.appendChild(R);
       const { container: M } = Ng({
-        checked: f,
+        checked: s,
         onChange: (d) => {
-          d && (A = c.route, typeof E == "function" && E(c), t());
+          d && (A = w.route, typeof E == "function" && E(w), t());
         },
         disabled: !1
       });
@@ -313,24 +313,24 @@ function MQ({
     });
   }
   t();
-  let n = !1, I, w;
-  return Q.addEventListener("mousedown", (c) => {
-    n = !0, Q.classList.replace("wgt:cursor-grab", "wgt:cursor-grabbing"), I = c.pageX - Q.offsetLeft, w = Q.scrollLeft;
+  let n = !1, I, c;
+  return Q.addEventListener("mousedown", (w) => {
+    n = !0, Q.classList.replace("wgt:cursor-grab", "wgt:cursor-grabbing"), I = w.pageX - Q.offsetLeft, c = Q.scrollLeft;
   }), document.addEventListener("mouseup", () => {
     n = !1, Q.classList.replace("wgt:cursor-grabbing", "wgt:cursor-grab");
   }), Q.addEventListener("mouseleave", () => {
     n = !1, Q.classList.replace("wgt:cursor-grabbing", "wgt:cursor-grab");
-  }), Q.addEventListener("mousemove", (c) => {
+  }), Q.addEventListener("mousemove", (w) => {
     if (!n) return;
-    c.preventDefault();
-    const D = (c.pageX - Q.offsetLeft - I) * 1.5;
-    Q.scrollLeft = w - D;
-  }), Q.addEventListener("wheel", (c) => {
-    c.preventDefault(), Q.scrollLeft += c.deltaY;
+    w.preventDefault();
+    const D = (w.pageX - Q.offsetLeft - I) * 1.5;
+    Q.scrollLeft = c - D;
+  }), Q.addEventListener("wheel", (w) => {
+    w.preventDefault(), Q.scrollLeft += w.deltaY;
   }), {
     container: B,
-    setSelectedRoute(c) {
-      A = c, t();
+    setSelectedRoute(w) {
+      A = w, t();
     }
   };
 }
@@ -344,20 +344,20 @@ function HA({
   error: t = null,
   onInput: n = null,
   readOnly: I = !1,
-  horizontal: w = !1,
-  note: c = null
+  horizontal: c = !1,
+  note: w = null
 }) {
-  const f = document.createElement("div");
-  if (f.className = "wgt:w-full " + (w ? "wgt:@max-5xl:flex wgt:@max-5xl:flex-col wgt:@max-5xl:items-start wgt:@max-5xl:gap-1 wgt:grid wgt:grid-cols-6 wgt:items-start wgt:gap-2" : "wgt:flex wgt:flex-col wgt:gap-2"), C) {
+  const s = document.createElement("div");
+  if (s.className = "wgt:w-full " + (c ? "wgt:@max-5xl:flex wgt:@max-5xl:flex-col wgt:@max-5xl:items-start wgt:@max-5xl:gap-1 wgt:grid wgt:grid-cols-6 wgt:items-start wgt:gap-2" : "wgt:flex wgt:flex-col wgt:gap-2"), C) {
     const u = document.createElement("label");
     if (u.htmlFor = g, u.className = "wgt:font-medium wgt:text-text-black wgt:whitespace-nowrap wgt:col-span-2 wgt:@max-2xl:whitespace-normal", u.innerText = C, Q) {
       const R = document.createElement("span");
       R.className = "wgt:text-red-500 wgt:ml-1", R.innerText = "*", u.appendChild(R);
     }
-    f.appendChild(u);
+    s.appendChild(u);
   }
   const D = document.createElement("div");
-  D.className = "wgt:relative wgt:w-full wgt:col-span-4 wgt:flex wgt:flex-col wgt:gap-2", f.appendChild(D);
+  D.className = "wgt:relative wgt:w-full wgt:col-span-4 wgt:flex wgt:flex-col wgt:gap-2", s.appendChild(D);
   const o = document.createElement("input");
   o.type = E, o.name = g, o.id = g, o.value = A, o.placeholder = B, o.readOnly = I, o.autocomplete = "off", o.autocapitalize = "off", o.spellcheck = !1, o.className = [
     "wgt:col-span-4",
@@ -373,14 +373,14 @@ function HA({
     u.preventDefault();
   }, { passive: !1 });
   const i = document.createElement("span");
-  if (i.className = "wgt:w-fit wgt:text-red-500 wgt:text-sm wgt:whitespace-nowrap", i.innerText = t || "", t || (i.style.display = "none"), D.appendChild(o), c) {
+  if (i.className = "wgt:w-fit wgt:text-red-500 wgt:text-sm wgt:whitespace-nowrap", i.innerText = t || "", t || (i.style.display = "none"), D.appendChild(o), w) {
     const u = document.createElement("ul");
     u.className = "wgt:list-outside wgt:@max-5xl:list-inside wgt:list-disc wgt:text-sm wgt:text-[#8C8C8C] wgt:italic";
     const R = document.createElement("li");
-    R.className = "wgt:text-sm wgt:text-[#8C8C8C] wgt:italic wgt:whitespace-nowrap wgt:@max-2xl:whitespace-normal", R.innerText = c, u.appendChild(R), D.appendChild(u);
+    R.className = "wgt:text-sm wgt:text-[#8C8C8C] wgt:italic wgt:whitespace-nowrap wgt:@max-2xl:whitespace-normal", R.innerText = w, u.appendChild(R), D.appendChild(u);
   }
   return D.appendChild(i), {
-    container: f,
+    container: s,
     inputEl: o,
     setError(u) {
       u ? (i.innerText = u, i.style.display = "block", o.classList.remove("wgt:border-gray-300", "wgt:focus:border-primary"), o.classList.add("wgt:border-red-500", "wgt:focus:border-red-500")) : (i.innerText = "", i.style.display = "none", o.classList.remove("wgt:border-red-500", "wgt:focus:border-red-500"), o.classList.add("wgt:border-gray-300", "wgt:focus:border-primary"));
@@ -400,16 +400,16 @@ function Kg({
   onChange: t = null,
   required: n = !1,
   horizontal: I = !1,
-  searchable: w = !1
+  searchable: c = !1
 }) {
-  const c = document.createElement("div");
-  c.className = "wgt:w-full " + (I ? "wgt:@max-5xl:flex wgt:@max-5xl:flex-col wgt:@max-5xl:items-start wgt:@max-5xl:gap-2 wgt:grid wgt:grid-cols-6 wgt:items-start wgt:gap-2" : "wgt:flex wgt:flex-col wgt:gap-2");
-  const f = document.createElement("label");
-  if (f.htmlFor = g, f.className = "wgt:font-medium wgt:text-text-sub-600 wgt:whitespace-nowrap wgt:col-span-2", f.innerText = B, c.appendChild(f), n) {
+  const w = document.createElement("div");
+  w.className = "wgt:w-full " + (I ? "wgt:@max-5xl:flex wgt:@max-5xl:flex-col wgt:@max-5xl:items-start wgt:@max-5xl:gap-2 wgt:grid wgt:grid-cols-6 wgt:items-start wgt:gap-2" : "wgt:flex wgt:flex-col wgt:gap-2");
+  const s = document.createElement("label");
+  if (s.htmlFor = g, s.className = "wgt:font-medium wgt:text-text-sub-600 wgt:whitespace-nowrap wgt:col-span-2", s.innerText = B, w.appendChild(s), n) {
     const D = document.createElement("span");
-    D.className = "wgt:text-red-500 wgt:ml-1", D.innerText = "*", f.appendChild(D);
+    D.className = "wgt:text-red-500 wgt:ml-1", D.innerText = "*", s.appendChild(D);
   }
-  if (w) {
+  if (c) {
     const D = document.createElement("div");
     D.className = "wgt:col-span-4 wgt:relative wgt:w-full";
     const o = document.createElement("input");
@@ -434,17 +434,17 @@ function Kg({
     u.className = "wgt:divide-y wgt:divide-gray-200";
     let R = A, M = null, d = [...E];
     const r = () => {
-      const m = E.find((s) => s.id ? s.id === M : s.value === R);
+      const m = E.find((f) => f.id ? f.id === M : f.value === R);
       return m ? m.label : "";
     };
     o.value = r();
     const P = (m = d) => {
       if (u.innerHTML = "", m.length === 0) {
-        const s = document.createElement("div");
-        s.className = "wgt:px-3 wgt:py-2 wgt:text-gray-500 wgt:text-sm", s.innerText = `${a("noResults", "Không tìm thấy kết quả")}`, u.appendChild(s);
+        const f = document.createElement("div");
+        f.className = "wgt:px-3 wgt:py-2 wgt:text-gray-500 wgt:text-sm", f.innerText = `${a("noResults", "Không tìm thấy kết quả")}`, u.appendChild(f);
         return;
       }
-      m.forEach((s) => {
+      m.forEach((f) => {
         const v = document.createElement("div");
         v.className = [
           "wgt:px-3",
@@ -452,19 +452,19 @@ function Kg({
           "wgt:cursor-pointer",
           "wgt:hover:bg-gray-100",
           "wgt:text-sm",
-          s.id ? M === s.id ? "wgt:bg-blue-50 wgt:text-blue-700" : "" : R === s.value ? "wgt:bg-blue-50 wgt:text-blue-700" : ""
-        ].filter(Boolean).join(" "), v.innerText = s.label, v.dataset.value = s.value, v.addEventListener("click", () => {
-          if (s.id && (M = s.id), R = s.value, o.value = s.label, i.classList.add("wgt:hidden"), typeof t == "function") {
-            const k = { target: { value: s.value } };
-            s.id && (k.target.id = s.id), t(k);
+          f.id ? M === f.id ? "wgt:bg-blue-50 wgt:text-blue-700" : "" : R === f.value ? "wgt:bg-blue-50 wgt:text-blue-700" : ""
+        ].filter(Boolean).join(" "), v.innerText = f.label, v.dataset.value = f.value, v.addEventListener("click", () => {
+          if (f.id && (M = f.id), R = f.value, o.value = f.label, i.classList.add("wgt:hidden"), typeof t == "function") {
+            const k = { target: { value: f.value } };
+            f.id && (k.target.id = f.id), t(k);
           }
         }), u.appendChild(v);
       });
     };
     o.addEventListener("input", (m) => {
-      const s = m.target.value.toLowerCase();
+      const f = m.target.value.toLowerCase();
       d = E.filter(
-        (v) => v.label.toLowerCase().includes(s)
+        (v) => v.label.toLowerCase().includes(f)
       ), P(d), i.classList.contains("wgt:hidden") || i.classList.remove("wgt:hidden");
     }), o.addEventListener("focus", () => {
       i.classList.remove("wgt:hidden"), P();
@@ -475,12 +475,12 @@ function Kg({
     }), i.appendChild(u), D.appendChild(o), D.appendChild(i), P();
     const Y = document.createElement("select");
     Y.style.display = "none", Y.name = g, Y.id = g, E.forEach((m) => {
-      const s = document.createElement("option");
-      s.value = m.value, s.innerText = m.label, m.value === A && (s.selected = !0), Y.appendChild(s);
-    }), c.appendChild(D), c.appendChild(Y);
+      const f = document.createElement("option");
+      f.value = m.value, f.innerText = m.label, m.value === A && (f.selected = !0), Y.appendChild(f);
+    }), w.appendChild(D), w.appendChild(Y);
     const T = document.createElement("span");
-    return T.className = "wgt:text-red-500 wgt:text-sm wgt:mt-1", T.innerText = Q || "", Q || (T.style.display = "none"), c.appendChild(T), {
-      container: c,
+    return T.className = "wgt:text-red-500 wgt:text-sm wgt:mt-1", T.innerText = Q || "", Q || (T.style.display = "none"), w.appendChild(T), {
+      container: w,
       selectEl: Y,
       setError(m) {
         m ? (T.innerText = m, T.style.display = "block", o.classList.remove("wgt:border-gray-300"), o.classList.add("wgt:border-red-500")) : (T.innerText = "", T.style.display = "none", o.classList.remove("wgt:border-red-500"), o.classList.add("wgt:border-gray-300"));
@@ -488,17 +488,17 @@ function Kg({
       getValue() {
         return R;
       },
-      setValue(m, s, v) {
+      setValue(m, f, v) {
         M = v || null, R = m || "";
         const k = E.find((H) => H.id ? H.id === v : H.value === m);
-        k ? (o.value = k.label, Y.value = m, P()) : (o.value = s || "", Y.value = m || "", P());
+        k ? (o.value = k.label, Y.value = m, P()) : (o.value = f || "", Y.value = m || "", P());
       },
       setOptions(m) {
         for (E.splice(0, E.length, ...m), d = [...m]; Y.options.length > 0; )
           Y.remove(0);
-        m.forEach((s) => {
+        m.forEach((f) => {
           const v = document.createElement("option");
-          v.value = s.value, v.innerText = s.label, Y.appendChild(v);
+          v.value = f.value, v.innerText = f.label, Y.appendChild(v);
         }), P();
       },
       setDisabled(m) {
@@ -527,10 +527,10 @@ function Kg({
     )} ${B.toLowerCase()} --`, D.appendChild(o), E.forEach((u) => {
       const R = document.createElement("option");
       R.value = u.value, R.innerText = u.label, u.value === A && (R.selected = !0), D.appendChild(R);
-    }), typeof t == "function" && D.addEventListener("change", t), c.appendChild(D);
+    }), typeof t == "function" && D.addEventListener("change", t), w.appendChild(D);
     const i = document.createElement("span");
-    return i.className = "wgt:text-red-500 wgt:text-sm wgt:mt-1", i.innerText = Q || "", Q || (i.style.display = "none"), c.appendChild(i), {
-      container: c,
+    return i.className = "wgt:text-red-500 wgt:text-sm wgt:mt-1", i.innerText = Q || "", Q || (i.style.display = "none"), w.appendChild(i), {
+      container: w,
       selectEl: D,
       setError(u) {
         u ? (i.innerText = u, i.style.display = "block", D.classList.remove("wgt:border-gray-300"), D.classList.add("wgt:border-red-500")) : (i.innerText = "", i.style.display = "none", D.classList.remove("wgt:border-red-500"), D.classList.add("wgt:border-gray-300"));
@@ -600,8 +600,8 @@ function hC({
   }
   const I = Q ? Q.split(",").map((r) => r.trim().startsWith("image/") ? r.replace("image/", "").toUpperCase() : r.trim().startsWith(".") ? r.replace(".", "").toUpperCase() : r.toUpperCase().replace("/*", "")).filter(Boolean).join(", ") : `JPG, PNG ${a("or")}  JPEG`;
   n.innerHTML += ` <span class="wgt:text-xs wgt:font-normal wgt:leading-4 wgt:text-soft-400">(${a("fileFormat")} ${I}. ${a("maxFileSize")})</span>`, t.appendChild(n);
-  const w = document.createElement("div");
-  w.className = [
+  const c = document.createElement("div");
+  c.className = [
     "wgt:h-fit",
     "wgt:w-full",
     "wgt:rounded",
@@ -612,10 +612,10 @@ function hC({
     "wgt:justify-start",
     "wgt:gap-2"
   ].join(" ");
-  const c = document.createElement("input");
-  c.accept = Q || "image/png, image/jpeg, .jpg, .jpeg, .png", c.id = "upload", c.type = "file", c.className = "wgt:hidden";
-  const f = document.createElement("div");
-  f.className = "wgt:w-full wgt:flex wgt:gap-1 wgt:items-start wgt:justify-start";
+  const w = document.createElement("input");
+  w.accept = Q || "image/png, image/jpeg, .jpg, .jpeg, .png", w.id = "upload", w.type = "file", w.className = "wgt:hidden";
+  const s = document.createElement("div");
+  s.className = "wgt:w-full wgt:flex wgt:gap-1 wgt:items-start wgt:justify-start";
   const D = document.createElement("span");
   D.className = "wgt:text-red-500 wgt:text-sm wgt:mt-1", D.innerText = C || "", C || (D.style.display = "none");
   let o = null;
@@ -626,24 +626,24 @@ function hC({
     title: a("uploadFile"),
     className: "wgt:bg-primary wgt:hover:bg-primary-dark wgt:text-white wgt:px-6 wgt:py-1 wgt:rounded-md wgt:cursor-pointer",
     handleClick: (r) => {
-      r.stopPropagation(), c.click();
+      r.stopPropagation(), w.click();
     }
   });
   function R(r, P = 2) {
     if (r === 0) return "0 Bytes";
-    const Y = 1024, T = Math.max(0, P), m = ["Bytes", "KB", "MB", "GB", "TB"], s = Math.floor(Math.log(r) / Math.log(Y));
-    return parseFloat((r / Math.pow(Y, s)).toFixed(T)) + " " + m[s];
+    const Y = 1024, T = Math.max(0, P), m = ["Bytes", "KB", "MB", "GB", "TB"], f = Math.floor(Math.log(r) / Math.log(Y));
+    return parseFloat((r / Math.pow(Y, f)).toFixed(T)) + " " + m[f];
   }
   function M(r) {
     const P = r.type.toLowerCase(), Y = "." + r.name.split(".").pop().toLowerCase();
-    return c.accept.split(",").map((m) => m.trim().toLowerCase()).filter(Boolean).some((m) => m.startsWith(".") ? m === Y : m.endsWith("/*") ? P.startsWith(m.replace("/*", "")) : P === m);
+    return w.accept.split(",").map((m) => m.trim().toLowerCase()).filter(Boolean).some((m) => m.startsWith(".") ? m === Y : m.endsWith("/*") ? P.startsWith(m.replace("/*", "")) : P === m);
   }
   function d(r) {
-    if (f.innerHTML = "", i(null), r) {
-      M(r) || i(`File không hợp lệ. Chỉ chấp nhận: ${c.accept}`), r.size <= 500 * 1024 || i("Dung lượng file vượt quá 500KB.");
+    if (s.innerHTML = "", i(null), r) {
+      M(r) || i(`File không hợp lệ. Chỉ chấp nhận: ${w.accept}`), r.size <= 500 * 1024 || i("Dung lượng file vượt quá 500KB.");
       const Y = document.createElement("div");
       if (Y.className = "wgt:flex wgt:items-center wgt:gap-4", Y.addEventListener("click", () => {
-        c.click();
+        w.click();
       }), r.type.startsWith("image/")) {
         const v = document.createElement("img");
         v.src = URL.createObjectURL(r), v.alt = "Preview", v.className = "wgt:h-20 wgt:w-20 wgt:rounded wgt:object-contain wgt:rounded", Y.appendChild(v);
@@ -652,17 +652,17 @@ function hC({
       T.className = "wgt:flex wgt:flex-col";
       const m = document.createElement("p");
       m.className = "wgt:text-sm wgt:font-medium wgt:text-gray-800", m.innerText = r.name;
-      const s = document.createElement("p");
-      s.className = "wgt:text-sm wgt:text-gray-500", s.innerText = R(r.size), T.appendChild(m), T.appendChild(s), Y.appendChild(T), f.appendChild(Y), E = r, typeof B == "function" && B(r);
+      const f = document.createElement("p");
+      f.className = "wgt:text-sm wgt:text-gray-500", f.innerText = R(r.size), T.appendChild(m), T.appendChild(f), Y.appendChild(T), s.appendChild(Y), E = r, typeof B == "function" && B(r);
     } else {
       const P = document.createElement("div");
-      P.className = "wgt:flex wgt:items-center", P.appendChild(u), f.appendChild(P);
+      P.className = "wgt:flex wgt:items-center", P.appendChild(u), s.appendChild(P);
     }
   }
-  return c.addEventListener("change", (r) => {
+  return w.addEventListener("change", (r) => {
     const P = r.target.files && r.target.files[0] ? r.target.files[0] : null;
     P && (d(P), typeof B == "function" && B(P));
-  }), d(E), w.appendChild(f), w.appendChild(c), t.appendChild(w), t.appendChild(D), {
+  }), d(E), c.appendChild(s), c.appendChild(w), t.appendChild(c), t.appendChild(D), {
     container: t,
     getValues() {
       return E;
@@ -712,8 +712,8 @@ function Xg(g) {
     const C = String.raw`\p{Lu}(?:\p{Ll}+|[’']\p{Lu}\p{Ll}+)(?:[’'-]\p{Lu}\p{Ll}+)*`, Q = String.raw`\p{Lu}`, t = String.raw`(?:${Q}|${C})`;
     B = new RegExp(`^${t}(?: ${t})+$`, "u");
   } else {
-    const C = "AĂÂBCDĐEÊGHIKLMNOÔƠPQRSTUƯVXYÀÁẢÃẠẰẮẲẴẶẦẤẨẪẬÈÉẺẼẸỀẾỂỄỆÌÍỈĨỊÒÓỎÕỌỒỐỔỖỘỜỚỞỠỢÙÚỦŨỤỪỨỬỮỰỲÝỶỸỴ", Q = "aăâbcdđeêghiklmnxoôơpqrstưuvxyàáảãạằắẳẵặầấẩẫậèéẻẽẹềếểễệìíỉĩịòóỏõọồốổỗộờớởỡợùúủũụừứửữựỳýỷỹỵ", t = `[${C}]`, n = `[${Q}]`, I = `${t}(?:${n}+|[’']${t}${n}+)(?:[’'-]${t}${n}+)*`, c = `(?:${`${t}`}|${I})`;
-    B = new RegExp(`^${c}(?: ${c})+$`);
+    const C = "AĂÂBCDĐEÊGHIKLMNOÔƠPQRSTUƯVXYÀÁẢÃẠẰẮẲẴẶẦẤẨẪẬÈÉẺẼẸỀẾỂỄỆÌÍỈĨỊÒÓỎÕỌỒỐỔỖỘỜỚỞỠỢÙÚỦŨỤỪỨỬỮỰỲÝỶỸỴ", Q = "aăâbcdđeêghiklmnxoôơpqrstưuvxyàáảãạằắẳẵặầấẩẫậèéẻẽẹềếểễệìíỉĩịòóỏõọồốổỗộờớởỡợùúủũụừứửữựỳýỷỹỵ", t = `[${C}]`, n = `[${Q}]`, I = `${t}(?:${n}+|[’']${t}${n}+)(?:[’'-]${t}${n}+)*`, w = `(?:${`${t}`}|${I})`;
+    B = new RegExp(`^${w}(?: ${w})+$`);
   }
   return B.test(A);
 }
@@ -749,17 +749,17 @@ function cC({
   ].join(" "), t.append(n);
   const I = document.createElement("input");
   I.type = "file", I.accept = "image/png, image/jpeg, image/jpg", I.className = "wgt:hidden", n.append(I);
-  const w = document.createElement("div");
-  w.className = "wgt:w-10 wgt:h-10 wgt:rounded-full wgt:bg-primary/16 wgt:flex wgt:items-center wgt:justify-center";
-  const c = dQ(Q);
-  w.innerHTML = `
+  const c = document.createElement("div");
+  c.className = "wgt:w-10 wgt:h-10 wgt:rounded-full wgt:bg-primary/16 wgt:flex wgt:items-center wgt:justify-center";
+  const w = dQ(Q);
+  c.innerHTML = `
     <svg width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg">
-      <path d="M8.83184 0.96875H10.3485C10.4833 0.96875 10.5507 1.03316 10.5507 1.16199V18.1668C10.5507 18.2956 10.4833 18.3601 10.3485 18.3601H8.83184C8.69702 18.3601 8.62962 18.2956 8.62962 18.1668V1.16199C8.62962 1.03316 8.69702 0.96875 8.83184 0.96875Z" fill="${c}"/>
-      <path d="M1.09676 8.74653H18.0836C18.2184 8.74653 18.2858 8.81094 18.2858 8.93976V10.389C18.2858 10.5179 18.2184 10.5823 18.0836 10.5823H1.09676C0.961939 10.5823 0.894531 10.5179 0.894531 10.389V8.93976C0.894531 8.81094 0.961939 8.74653 1.09676 8.74653Z" fill="${c}"/>
+      <path d="M8.83184 0.96875H10.3485C10.4833 0.96875 10.5507 1.03316 10.5507 1.16199V18.1668C10.5507 18.2956 10.4833 18.3601 10.3485 18.3601H8.83184C8.69702 18.3601 8.62962 18.2956 8.62962 18.1668V1.16199C8.62962 1.03316 8.69702 0.96875 8.83184 0.96875Z" fill="${w}"/>
+      <path d="M1.09676 8.74653H18.0836C18.2184 8.74653 18.2858 8.81094 18.2858 8.93976V10.389C18.2858 10.5179 18.2184 10.5823 18.0836 10.5823H1.09676C0.961939 10.5823 0.894531 10.5179 0.894531 10.389V8.93976C0.894531 8.81094 0.961939 8.74653 1.09676 8.74653Z" fill="${w}"/>
     </svg>
   `;
-  const f = document.createElement("div");
-  f.className = "wgt:text-sm wgt:font-semibold wgt:text-text-sub-600", f.innerText = A, n.append(w, f);
+  const s = document.createElement("div");
+  s.className = "wgt:text-sm wgt:font-semibold wgt:text-text-sub-600", s.innerText = A, n.append(c, s);
   const D = document.createElement("div");
   D.className = "wgt:text-sm wgt:font-medium wgt:text-soft-400", D.innerText = E, t.append(D);
   const o = document.createElement("span");
@@ -771,8 +771,8 @@ function cC({
   let R = g || null;
   function M(P, Y = 2) {
     if (P === 0) return "0 Bytes";
-    const T = 1024, m = Math.max(0, Y), s = ["Bytes", "KB", "MB", "GB", "TB"], v = Math.floor(Math.log(P) / Math.log(T));
-    return parseFloat((P / Math.pow(T, v)).toFixed(m)) + " " + s[v];
+    const T = 1024, m = Math.max(0, Y), f = ["Bytes", "KB", "MB", "GB", "TB"], v = Math.floor(Math.log(P) / Math.log(T));
+    return parseFloat((P / Math.pow(T, v)).toFixed(m)) + " " + f[v];
   }
   function d(P) {
     n.innerHTML = "", u(null);
@@ -785,17 +785,17 @@ function cC({
     } else {
       const m = document.createElement("div");
       m.className = "wgt:flex wgt:items-center wgt:gap-4";
-      const s = document.createElement("div");
-      s.className = "wgt:flex wgt:flex-col";
+      const f = document.createElement("div");
+      f.className = "wgt:flex wgt:flex-col";
       const v = document.createElement("p");
       v.className = "wgt:text-sm wgt:font-medium wgt:text-gray-800", v.innerText = P.name;
       const k = document.createElement("p");
-      k.className = "wgt:text-sm wgt:text-gray-500", k.innerText = M(P.size), s.appendChild(v), s.appendChild(k), m.appendChild(s), n.appendChild(m), typeof B == "function" && B(null, P);
+      k.className = "wgt:text-sm wgt:text-gray-500", k.innerText = M(P.size), f.appendChild(v), f.appendChild(k), m.appendChild(f), n.appendChild(m), typeof B == "function" && B(null, P);
     }
   }
   function r(P) {
     const Y = P.type.toLowerCase(), T = "." + P.name.split(".").pop().toLowerCase();
-    return I.accept.split(",").map((s) => s.trim().toLowerCase()).filter(Boolean).some((s) => s.startsWith(".") ? s === T : s.endsWith("/*") ? Y.startsWith(s.replace("/*", "")) : Y === s);
+    return I.accept.split(",").map((f) => f.trim().toLowerCase()).filter(Boolean).some((f) => f.startsWith(".") ? f === T : f.endsWith("/*") ? Y.startsWith(f.replace("/*", "")) : Y === f);
   }
   return I.addEventListener("change", () => {
     var Y;
@@ -817,27 +817,27 @@ function xQ({ frontFile: g, backFile: A, onFrontChange: E, onBackChange: B, them
   n.className = "wgt:text-red-500 wgt:ml-1", n.innerText = "*", t.appendChild(n), Q.append(t);
   const I = document.createElement("div");
   I.className = "wgt:w-full wgt:grid wgt:grid-cols-2 wgt:gap-4", Q.append(I);
-  const w = cC({
+  const c = cC({
     file: g,
     placeholder: a("uploadFrontId"),
     caption: a("frontIdCard"),
     onFileSelected: E,
     theme: C
-  }), c = cC({
+  }), w = cC({
     file: A,
     placeholder: a("uploadBackId"),
     caption: a("backIdCard"),
     onFileSelected: B,
     theme: C
   });
-  return I.append(w.container, c.container), {
+  return I.append(c.container, w.container), {
     container: Q,
-    getFrontFile: () => w.getFile(),
-    getBackFile: () => c.getFile(),
-    getFrontFileError: () => w.getError(),
-    getBackFileError: () => c.getError(),
-    setFrontFileError: w.setError,
-    setBackFileError: c.setError
+    getFrontFile: () => c.getFile(),
+    getBackFile: () => w.getFile(),
+    getFrontFileError: () => c.getError(),
+    getBackFileError: () => w.getError(),
+    setFrontFileError: c.setError,
+    setBackFileError: w.setError
   };
 }
 const HQ = ({
@@ -855,10 +855,10 @@ const HQ = ({
   n.className = "wgt:w-full wgt:flex wgt:flex-col wgt:items-start wgt:space-y-2";
   const I = document.createElement("span");
   I.className = "wgt:font-medium wgt:text-text-black wgt:whitespace-nowrap wgt:col-span-2 wgt:@max-2xl:whitespace-normal", I.textContent = a("invoiceTemplate");
-  const w = document.createElement("span");
-  w.className = "wgt:text-red-500 wgt:ml-1", w.innerText = "*", I.appendChild(w), n.append(I);
-  const c = document.createElement("div");
-  c.className = [
+  const c = document.createElement("span");
+  c.className = "wgt:text-red-500 wgt:ml-1", c.innerText = "*", I.appendChild(c), n.append(I);
+  const w = document.createElement("div");
+  w.className = [
     "wgt:w-full",
     "wgt:flex",
     "wgt:@max-2xl:flex-col",
@@ -870,15 +870,15 @@ const HQ = ({
     "wgt:select-none",
     "wgt:@max-2xl:p-2",
     "wgt:@max-2xl:grid wgt:@max-2xl:grid-cols-1 wgt:@max-2xl:p-4 wgt:@max-2xl:gap-3 wgt:@max-2xl:space-y-2 wgt:@max-2xl:rounded-xl wgt:@max-2xl:bg-weak-50"
-  ].join(" "), c.style.scrollSnapType = "x mandatory", c.style.overflowX = "auto", c.style.scrollBehavior = "smooth", c.style.scrollbarWidth = "none", c.style.msOverflowStyle = "none", c.style.WebkitOverflowScrolling = "touch", c.style.overflowY = "hidden", n.append(c);
-  const f = "wgt:border wgt:border-gray-300 wgt:bg-white wgt:rounded-lg wgt:px-3 wgt:py-2 wgt:text-start wgt:cursor-pointer wgt:outline-none", D = document.createElement("div");
+  ].join(" "), w.style.scrollSnapType = "x mandatory", w.style.overflowX = "auto", w.style.scrollBehavior = "smooth", w.style.scrollbarWidth = "none", w.style.msOverflowStyle = "none", w.style.WebkitOverflowScrolling = "touch", w.style.overflowY = "hidden", n.append(w);
+  const s = "wgt:border wgt:border-gray-300 wgt:bg-white wgt:rounded-lg wgt:px-3 wgt:py-2 wgt:text-start wgt:cursor-pointer wgt:outline-none", D = document.createElement("div");
   D.className = "wgt:w-full wgt:flex wgt:flex-col wgt:items-start wgt:space-y-2";
   const o = document.createElement("span");
   o.className = "wgt:font-medium wgt:text-text-black wgt:whitespace-nowrap wgt:col-span-2 wgt:@max-2xl:whitespace-normal wgt:@max-2xl:block wgt:hidden", o.textContent = a("sampleNumber");
   const i = document.createElement("span");
   i.className = "wgt:text-red-500 wgt:ml-1", i.innerText = "*", o.appendChild(i), D.appendChild(o);
   const u = document.createElement("select");
-  u.className = `${f} wgt:@max-2xl:w-full wgt:w-48`, u.title = a("sampleNumberTooltip", "Mẫu số hóa đơn (1-9)");
+  u.className = `${s} wgt:@max-2xl:w-full wgt:w-48`, u.title = a("sampleNumberTooltip", "Mẫu số hóa đơn (1-9)");
   const R = {
     1: a("invoiceTemplateTypes.1"),
     2: a("invoiceTemplateTypes.2"),
@@ -892,7 +892,7 @@ const HQ = ({
   };
   C.forEach((q) => {
     u.append(new Option(R[q], q));
-  }), D.appendChild(u), c.append(D);
+  }), D.appendChild(u), w.append(D);
   const M = document.createElement("div");
   M.className = "wgt:w-full wgt:flex wgt:flex-col wgt:items-start wgt:space-y-2";
   const d = document.createElement("span");
@@ -900,18 +900,18 @@ const HQ = ({
   const r = document.createElement("span");
   r.className = "wgt:text-red-500 wgt:ml-1", r.innerText = "*", d.appendChild(r), M.appendChild(d);
   const P = document.createElement("select");
-  P.className = `${f} wgt:@max-2xl:w-full wgt:w-40`, P.title = a("codeTypeTooltip", "C: Có mã CQT, K: Không mã"), Q.forEach((q) => {
+  P.className = `${s} wgt:@max-2xl:w-full wgt:w-40`, P.title = a("codeTypeTooltip", "C: Có mã CQT, K: Không mã"), Q.forEach((q) => {
     const l = q === "C" ? a("codeTypeC", "C (Có mã CQT)") : a("codeTypeK", "K (Không mã)");
     P.append(new Option(l, q));
-  }), M.appendChild(P), c.append(M);
+  }), M.appendChild(P), w.append(M);
   const Y = document.createElement("div");
   Y.className = "wgt:w-full wgt:flex wgt:flex-col wgt:items-start wgt:space-y-2";
   const T = document.createElement("span");
   T.className = "wgt:font-medium wgt:text-text-black wgt:whitespace-nowrap wgt:col-span-2 wgt:@max-2xl:whitespace-normal wgt:@max-2xl:block wgt:hidden", T.textContent = a("invoiceIssuanceYear");
   const m = document.createElement("span");
   m.className = "wgt:text-red-500 wgt:ml-1", m.innerText = "*", T.appendChild(m), Y.appendChild(T);
-  const s = document.createElement("select");
-  s.className = `${f} wgt:@max-2xl:w-full wgt:w-16`, s.title = a("yearTooltip", "Năm phát hành (2 chữ số cuối)"), B.forEach((q) => s.append(new Option(q, q))), s.value = String(E).slice(-2), Y.appendChild(s), c.append(Y);
+  const f = document.createElement("select");
+  f.className = `${s} wgt:@max-2xl:w-full wgt:w-16`, f.title = a("yearTooltip", "Năm phát hành (2 chữ số cuối)"), B.forEach((q) => f.append(new Option(q, q))), f.value = String(E).slice(-2), Y.appendChild(f), w.append(Y);
   const v = document.createElement("div");
   v.className = "wgt:w-full wgt:flex wgt:flex-col wgt:items-start wgt:space-y-2";
   const k = document.createElement("span");
@@ -919,7 +919,7 @@ const HQ = ({
   const H = document.createElement("span");
   H.className = "wgt:text-red-500 wgt:ml-1", H.innerText = "*", k.appendChild(H), v.appendChild(k);
   const F = document.createElement("select");
-  F.className = `${f} wgt:@max-2xl:w-full wgt:w-40`, F.title = a("invoiceTypeTooltip", "Loại hóa đơn");
+  F.className = `${s} wgt:@max-2xl:w-full wgt:w-40`, F.title = a("invoiceTypeTooltip", "Loại hóa đơn");
   const x = {
     T: a("invoiceTypeT", "T (Đăng ký)"),
     D: a("invoiceTypeD", "D (Tài sản)"),
@@ -933,7 +933,7 @@ const HQ = ({
   };
   t.forEach((q) => {
     F.append(new Option(x[q], q));
-  }), v.appendChild(F), c.append(v);
+  }), v.appendChild(F), w.append(v);
   const X = document.createElement("div");
   X.className = "wgt:w-full wgt:flex wgt:flex-col wgt:items-start wgt:space-y-2";
   const U = document.createElement("span");
@@ -941,20 +941,20 @@ const HQ = ({
   const j = document.createElement("span");
   j.className = "wgt:text-red-500 wgt:ml-1", j.innerText = "*", U.appendChild(j), X.appendChild(U);
   const O = document.createElement("input");
-  O.type = "text", O.maxLength = 2, O.placeholder = "AB", O.defaultValue = "YY", O.className = `${f} wgt:@max-2xl:w-full wgt:w-16`, O.title = a("customLettersTooltip"), X.appendChild(O), c.append(X);
+  O.type = "text", O.maxLength = 2, O.placeholder = "AB", O.defaultValue = "YY", O.className = `${s} wgt:@max-2xl:w-full wgt:w-16`, O.title = a("customLettersTooltip"), X.appendChild(O), w.append(X);
   function e() {
-    return u.value + P.value + s.value + F.value + O.value.toUpperCase();
+    return u.value + P.value + f.value + F.value + O.value.toUpperCase();
   }
   function h() {
     O.value = O.value.toUpperCase().replace(/[^A-Z]/g, "").slice(0, 2), typeof g == "function" && g(e());
   }
-  return [u, P, s, F].forEach(
+  return [u, P, f, F].forEach(
     (q) => q.addEventListener("change", h)
-  ), O.addEventListener("input", h), O.addEventListener("blur", h), /^[1-9][CK]\d{2}[TDLMNBGHX][A-Z]{2}$/.test(A) ? (u.value = A[0], P.value = A[1], s.value = A.slice(2, 4), F.value = A[4], O.value = A.slice(5, 7)) : (u.value = "1", P.value = "C", F.value = "T", O.value = "YY"), h(), {
+  ), O.addEventListener("input", h), O.addEventListener("blur", h), /^[1-9][CK]\d{2}[TDLMNBGHX][A-Z]{2}$/.test(A) ? (u.value = A[0], P.value = A[1], f.value = A.slice(2, 4), F.value = A[4], O.value = A.slice(5, 7)) : (u.value = "1", P.value = "C", F.value = "T", O.value = "YY"), h(), {
     container: n,
     getValue: e,
     setValue: (q) => {
-      typeof q != "string" || q.length !== 7 || /^[1-9][CK]\d{2}[TDLMNBGHX][A-Z]{2}$/.test(q) && (u.value = q[0], P.value = q[1], s.value = q.slice(2, 4), F.value = q[4], O.value = q.slice(5, 7), h());
+      typeof q != "string" || q.length !== 7 || /^[1-9][CK]\d{2}[TDLMNBGHX][A-Z]{2}$/.test(q) && (u.value = q[0], P.value = q[1], f.value = q.slice(2, 4), F.value = q[4], O.value = q.slice(5, 7), h());
     }
   };
 }, LA = cQ.create({
@@ -1040,14 +1040,14 @@ function FQ() {
         C ? e.addEventListener(h, q, !!l) : e.attachEvent("on" + h, q);
       }, I = function(e, h, q, l) {
         C ? e.removeEventListener(h, q, !!l) : e.detachEvent("on" + h, q);
-      }, w = function(e) {
+      }, c = function(e) {
         return e.trim ? e.trim() : e.replace(/^\s+|\s+$/g, "");
-      }, c = function(e, h) {
+      }, w = function(e, h) {
         return (" " + e.className + " ").indexOf(" " + h + " ") !== -1;
-      }, f = function(e, h) {
-        c(e, h) || (e.className = e.className === "" ? h : e.className + " " + h);
+      }, s = function(e, h) {
+        w(e, h) || (e.className = e.className === "" ? h : e.className + " " + h);
       }, D = function(e, h) {
-        e.className = w((" " + e.className + " ").replace(" " + h + " ", " "));
+        e.className = c((" " + e.className + " ").replace(" " + h + " ", " "));
       }, o = function(e) {
         return /Array/.test(Object.prototype.toString.call(e));
       }, i = function(e) {
@@ -1157,7 +1157,7 @@ function FQ() {
         onDraw: null,
         // Enable keyboard input
         keyboardInput: !0
-      }, s = function(e, h, q) {
+      }, f = function(e, h, q) {
         for (h += e.firstDay; h >= 7; )
           h -= 7;
         return q ? e.i18n.weekdaysShort[h] : e.i18n.weekdays[h];
@@ -1187,7 +1187,7 @@ function FQ() {
       }, X = function(e) {
         var h, q = [];
         for (e.showWeekNumber && q.push("<th></th>"), h = 0; h < 7; h++)
-          q.push('<th scope="col"><abbr title="' + s(e, h) + '">' + s(e, h, !0) + "</abbr></th>");
+          q.push('<th scope="col"><abbr title="' + f(e, h) + '">' + f(e, h, !0) + "</abbr></th>");
         return "<thead><tr>" + (e.isRTL ? q.reverse() : q).join("") + "</tr></thead>";
       }, U = function(e, h, q, l, N, L) {
         var b, y, AA, S = e._o, IA = q === S.minYear, nA = q === S.maxYear, uA = '<div id="' + L + '" class="pika-title" role="heading" aria-live="assertive">', zA, dA, kA = !0, mA = !0;
@@ -1205,9 +1205,9 @@ function FQ() {
             N = N || window.event;
             var L = N.target || N.srcElement;
             if (L)
-              if (c(L, "is-disabled") || (c(L, "pika-button") && !c(L, "is-empty") && !c(L.parentNode, "is-disabled") ? (h.setDate(new Date(L.getAttribute("data-pika-year"), L.getAttribute("data-pika-month"), L.getAttribute("data-pika-day"))), q.bound && t(function() {
+              if (w(L, "is-disabled") || (w(L, "pika-button") && !w(L, "is-empty") && !w(L.parentNode, "is-disabled") ? (h.setDate(new Date(L.getAttribute("data-pika-year"), L.getAttribute("data-pika-month"), L.getAttribute("data-pika-day"))), q.bound && t(function() {
                 h.hide(), q.blurFieldOnSelect && q.field && q.field.blur();
-              }, 100)) : c(L, "pika-prev") ? h.prevMonth() : c(L, "pika-next") && h.nextMonth()), c(L, "pika-select"))
+              }, 100)) : w(L, "pika-prev") ? h.prevMonth() : w(L, "pika-next") && h.nextMonth()), w(L, "pika-select"))
                 h._c = !0;
               else if (N.preventDefault)
                 N.preventDefault();
@@ -1217,7 +1217,7 @@ function FQ() {
         }, h._onChange = function(N) {
           N = N || window.event;
           var L = N.target || N.srcElement;
-          L && (c(L, "pika-select-month") ? h.gotoMonth(L.value) : c(L, "pika-select-year") && h.gotoYear(L.value));
+          L && (w(L, "pika-select-month") ? h.gotoMonth(L.value) : w(L, "pika-select-year") && h.gotoYear(L.value));
         }, h._onKeyChange = function(N) {
           if (N = N || window.event, h.isVisible())
             switch (N.keyCode) {
@@ -1260,7 +1260,7 @@ function FQ() {
         }, h._onInputBlur = function() {
           var N = Q.activeElement;
           do
-            if (c(N, "pika-single"))
+            if (w(N, "pika-single"))
               return;
           while (N = N.parentNode);
           h._c || (h._b = t(function() {
@@ -1270,9 +1270,9 @@ function FQ() {
           N = N || window.event;
           var L = N.target || N.srcElement, b = L;
           if (L) {
-            !C && c(L, "pika-select") && (L.onchange || (L.setAttribute("onchange", "return;"), n(L, "change", h._onChange)));
+            !C && w(L, "pika-select") && (L.onchange || (L.setAttribute("onchange", "return;"), n(L, "change", h._onChange)));
             do
-              if (c(b, "pika-single") || b === q.trigger)
+              if (w(b, "pika-single") || b === q.trigger)
                 return;
             while (b = b.parentNode);
             h._v && L !== q.trigger && b !== q.trigger && h.hide();
@@ -1428,7 +1428,7 @@ function FQ() {
             else
               for (y = h.offsetLeft, AA = h.offsetTop + h.offsetHeight; h = h.offsetParent; )
                 y += h.offsetLeft, AA += h.offsetTop;
-            (this._o.reposition && y + q > N || this._o.position.indexOf("right") > -1 && y - q + e.offsetWidth > 0) && (y = y - q + e.offsetWidth, IA = !1), (this._o.reposition && AA + l > L + b || this._o.position.indexOf("top") > -1 && AA - l - e.offsetHeight > 0) && (AA = AA - l - e.offsetHeight, nA = !1), this.el.style.left = y + "px", this.el.style.top = AA + "px", f(this.el, IA ? "left-aligned" : "right-aligned"), f(this.el, nA ? "bottom-aligned" : "top-aligned"), D(this.el, IA ? "right-aligned" : "left-aligned"), D(this.el, nA ? "top-aligned" : "bottom-aligned");
+            (this._o.reposition && y + q > N || this._o.position.indexOf("right") > -1 && y - q + e.offsetWidth > 0) && (y = y - q + e.offsetWidth, IA = !1), (this._o.reposition && AA + l > L + b || this._o.position.indexOf("top") > -1 && AA - l - e.offsetHeight > 0) && (AA = AA - l - e.offsetHeight, nA = !1), this.el.style.left = y + "px", this.el.style.top = AA + "px", s(this.el, IA ? "left-aligned" : "right-aligned"), s(this.el, nA ? "bottom-aligned" : "top-aligned"), D(this.el, IA ? "right-aligned" : "left-aligned"), D(this.el, nA ? "top-aligned" : "bottom-aligned");
           }
         },
         /**
@@ -1470,7 +1470,7 @@ function FQ() {
         },
         hide: function() {
           var e = this._v;
-          e !== !1 && (this._o.bound && I(Q, "click", this._onClick), this._o.container || (this.el.style.position = "static", this.el.style.left = "auto", this.el.style.top = "auto"), f(this.el, "is-hidden"), this._v = !1, e !== void 0 && typeof this._o.onClose == "function" && this._o.onClose.call(this));
+          e !== !1 && (this._o.bound && I(Q, "click", this._onClick), this._o.container || (this.el.style.position = "static", this.el.style.left = "auto", this.el.style.top = "auto"), s(this.el, "is-hidden"), this._v = !1, e !== void 0 && typeof this._o.onClose == "function" && this._o.onClose.call(this));
         },
         /**
          * GAME OVER
@@ -1550,7 +1550,7 @@ function bQ(g, A, E) {
     "wgt:relative",
     "wgt:overflow-hidden"
   ].join(" ");
-  const w = {
+  const c = {
     info: "#40A9FF",
     // Blue
     success: "#52C41A",
@@ -1560,25 +1560,25 @@ function bQ(g, A, E) {
     error: "#FF4D4F"
     // Red
   };
-  I.style.borderLeft = `4px solid ${w[t] || w.info}`, I.style.zIndex = "99999";
-  const c = document.createElement("div");
-  if (c.className = "wgt:flex wgt:items-start wgt:gap-3", Q) {
+  I.style.borderLeft = `4px solid ${c[t] || c.info}`, I.style.zIndex = "99999";
+  const w = document.createElement("div");
+  if (w.className = "wgt:flex wgt:items-start wgt:gap-3", Q) {
     const D = document.createElement("div"), o = {
       info: "wgt:bg-blue-500",
       success: "wgt:bg-green-500",
       warning: "wgt:bg-orange-500",
       error: "wgt:bg-red-500"
     };
-    D.className = `wgt:flex-shrink-0 wgt:w-5 wgt:h-5 wgt:rounded-full wgt:flex wgt:items-center wgt:justify-center wgt:mt-0.5 ${o[t] || o.info}`, D.innerHTML = '<span class="wgt:text-white wgt:text-xs wgt:font-bold">!</span>', c.appendChild(D);
+    D.className = `wgt:flex-shrink-0 wgt:w-5 wgt:h-5 wgt:rounded-full wgt:flex wgt:items-center wgt:justify-center wgt:mt-0.5 ${o[t] || o.info}`, D.innerHTML = '<span class="wgt:text-white wgt:text-xs wgt:font-bold">!</span>', w.appendChild(D);
   }
-  const f = document.createElement("div");
-  if (f.className = "wgt:text-sm wgt:font-medium wgt:text-gray-700 wgt:leading-5 wgt:flex-1", f.innerText = A, c.appendChild(f), C) {
+  const s = document.createElement("div");
+  if (s.className = "wgt:text-sm wgt:font-medium wgt:text-gray-700 wgt:leading-5 wgt:flex-1", s.innerText = A, w.appendChild(s), C) {
     const D = document.createElement("button");
     D.className = "wgt:flex-shrink-0 wgt:ml-2 wgt:text-gray-400 wgt:hover:text-gray-600 wgt:text-lg wgt:leading-none", D.innerHTML = "×", D.addEventListener("click", () => {
       Lg(g);
-    }), c.appendChild(D);
+    }), w.appendChild(D);
   }
-  if (I.appendChild(c), !B && n > 0) {
+  if (I.appendChild(w), !B && n > 0) {
     const D = document.createElement("div"), o = {
       info: "wgt:bg-blue-500",
       success: "wgt:bg-green-500",
@@ -1617,14 +1617,14 @@ var lg = (g, A, E) => new Promise((B, C) => {
   var Q = (I) => {
     try {
       n(E.next(I));
-    } catch (w) {
-      C(w);
+    } catch (c) {
+      C(c);
     }
   }, t = (I) => {
     try {
       n(E.throw(I));
-    } catch (w) {
-      C(w);
+    } catch (c) {
+      C(c);
     }
   }, n = (I) => I.done ? B(I.value) : Promise.resolve(I.value).then(Q, t);
   n((E = E.apply(g, A)).next());
@@ -1721,15 +1721,15 @@ function WQ(g, A = 640) {
   return B.imageSmoothingEnabled = !1, B.drawImage(g, n, I, Q, t), B.getImageData(0, 0, A, A);
 }
 function _Q(g, A, E) {
-  const [B, C] = A, [Q, t] = E, n = Math.min(t / C, Q / B), I = (t - C * n) / 2, w = (Q - B * n) / 2, c = JSON.parse(JSON.stringify(g));
+  const [B, C] = A, [Q, t] = E, n = Math.min(t / C, Q / B), I = (t - C * n) / 2, c = (Q - B * n) / 2, w = JSON.parse(JSON.stringify(g));
   if (Array.isArray(g[0]))
-    for (let f = 0; f < g.length; f++)
-      c[f][0] = (g[f][0] - I) / n, c[f][1] = (g[f][1] - w) / n;
+    for (let s = 0; s < g.length; s++)
+      w[s][0] = (g[s][0] - I) / n, w[s][1] = (g[s][1] - c) / n;
   else if (g.length === 4)
-    c[0] = (g[0] - I) / n, c[1] = (g[1] - w) / n, c[2] = (g[2] - I) / n, c[3] = (g[3] - w) / n;
+    w[0] = (g[0] - I) / n, w[1] = (g[1] - c) / n, w[2] = (g[2] - I) / n, w[3] = (g[3] - c) / n;
   else
     throw new Error("Invalid region format");
-  return c;
+  return w;
 }
 function $C(g, A = 640) {
   const E = WQ(g, A).data, B = new Float32Array(A * A * 3);
@@ -1760,7 +1760,7 @@ function $Q(g, A, E = 200) {
     const o = AE();
     t.setTransform(...o), t.drawImage(B, 0, 0), t.setTransform(1, 0, 0, 1, 0, 0);
   } else if (A.length === 4) {
-    const [o, i, u, R] = A, M = u - o, d = R - i, r = M * 0.05, P = d * 0.05, Y = Math.max(0, o - r), T = Math.max(0, i - P), m = Math.min(B.width, u + r), s = Math.min(B.height, R + P), v = m - Y, k = s - T;
+    const [o, i, u, R] = A, M = u - o, d = R - i, r = M * 0.05, P = d * 0.05, Y = Math.max(0, o - r), T = Math.max(0, i - P), m = Math.min(B.width, u + r), f = Math.min(B.height, R + P), v = m - Y, k = f - T;
     t.drawImage(
       B,
       Y,
@@ -1779,16 +1779,16 @@ function $Q(g, A, E = 200) {
     0,
     E,
     E
-  ), I = new ImageData(E, E), w = n.data, c = I.data;
-  for (let o = 0; o < w.length; o += 4) {
-    const i = w[o], u = w[o + 1], R = w[o + 2], M = 0.2989 * i + 0.587 * u + 0.114 * R;
-    c[o] = c[o + 1] = c[o + 2] = M, c[o + 3] = 255;
+  ), I = new ImageData(E, E), c = n.data, w = I.data;
+  for (let o = 0; o < c.length; o += 4) {
+    const i = c[o], u = c[o + 1], R = c[o + 2], M = 0.2989 * i + 0.587 * u + 0.114 * R;
+    w[o] = w[o + 1] = w[o + 2] = M, w[o + 3] = 255;
   }
-  const f = new ImageData(E, E), D = gE(c, E, E, 10);
-  return f.data.set(D), {
+  const s = new ImageData(E, E), D = gE(w, E, E, 10);
+  return s.data.set(D), {
     original: n,
     grayscale: I,
-    threshold: f
+    threshold: s
   };
 }
 function AE(g, A) {
@@ -1798,14 +1798,14 @@ function gE(g, A, E, B) {
   const C = new Uint8ClampedArray(g.length), Q = new Uint32Array(A * E);
   for (let n = 0; n < E; n++)
     for (let I = 0; I < A; I++) {
-      const w = (n * A + I) * 4, c = g[w], f = n * A + I;
-      Q[f] = c + (I > 0 ? Q[f - 1] : 0) + (n > 0 ? Q[f - A] : 0) - (I > 0 && n > 0 ? Q[f - A - 1] : 0);
+      const c = (n * A + I) * 4, w = g[c], s = n * A + I;
+      Q[s] = w + (I > 0 ? Q[s - 1] : 0) + (n > 0 ? Q[s - A] : 0) - (I > 0 && n > 0 ? Q[s - A - 1] : 0);
     }
   const t = Math.floor(B / 2);
   for (let n = 0; n < E; n++)
     for (let I = 0; I < A; I++) {
-      const w = (n * A + I) * 4, c = Math.max(I - t, 0), f = Math.max(n - t, 0), D = Math.min(I + t, A - 1), o = Math.min(n + t, E - 1), i = (D - c + 1) * (o - f + 1), u = (Q[o * A + D] - (c > 0 ? Q[o * A + c - 1] : 0) - (f > 0 ? Q[(f - 1) * A + D] : 0) + (c > 0 && f > 0 ? Q[(f - 1) * A + c - 1] : 0)) / i * 0.9, R = g[w] > u ? 255 : 0;
-      C[w] = C[w + 1] = C[w + 2] = R, C[w + 3] = 255;
+      const c = (n * A + I) * 4, w = Math.max(I - t, 0), s = Math.max(n - t, 0), D = Math.min(I + t, A - 1), o = Math.min(n + t, E - 1), i = (D - w + 1) * (o - s + 1), u = (Q[o * A + D] - (w > 0 ? Q[o * A + w - 1] : 0) - (s > 0 ? Q[(s - 1) * A + D] : 0) + (w > 0 && s > 0 ? Q[(s - 1) * A + w - 1] : 0)) / i * 0.9, R = g[c] > u ? 255 : 0;
+      C[c] = C[c + 1] = C[c + 2] = R, C[c + 3] = 255;
     }
   return C;
 }
@@ -1818,8 +1818,8 @@ function BE(g) {
       E.width = g.width, E.height = g.height, E.getContext("2d").drawImage(g, 0, 0);
       const B = $C(g, 224), C = yield A.run({ images: B }), Q = C[Object.keys(C)[0]].data;
       let t = 0, n = -1 / 0;
-      return Q.forEach((I, w) => {
-        I > n && (n = I, t = w);
+      return Q.forEach((I, c) => {
+        I > n && (n = I, t = c);
       }), JSON.stringify({
         status: "success",
         data: {
@@ -1844,7 +1844,7 @@ function QE(g, A, E, B, C = 0.5) {
   for (let n = 0; n < t; n++) {
     const I = g.data[n * 37 + 4];
     if (I < C) continue;
-    const w = g.data[n * 37], c = g.data[n * 37 + 1], f = g.data[n * 37 + 2], D = g.data[n * 37 + 3], o = 1, i = 1, u = [w, c, f, D], R = g.data.slice(n * 37 + 5, n * 37 + 37), M = new Float32Array(25600);
+    const c = g.data[n * 37], w = g.data[n * 37 + 1], s = g.data[n * 37 + 2], D = g.data[n * 37 + 3], o = 1, i = 1, u = [c, w, s, D], R = g.data.slice(n * 37 + 5, n * 37 + 37), M = new Float32Array(25600);
     for (let x = 0; x < 160; x++)
       for (let X = 0; X < 160; X++) {
         let U = 0;
@@ -1855,9 +1855,9 @@ function QE(g, A, E, B, C = 0.5) {
     const d = CE();
     let r = d.length > 0 ? d[0] : [], P = r.length >= 4 ? r.slice(0, 4) : u;
     P = P.map((x) => [x[0] * o, x[1] * i]);
-    const Y = 0.1, T = Math.min(...P.map((x) => x[0])), m = Math.max(...P.map((x) => x[0])), s = Math.min(...P.map((x) => x[1])), v = Math.max(...P.map((x) => x[1])), k = m - T, H = v - s, F = P.map((x) => [
+    const Y = 0.1, T = Math.min(...P.map((x) => x[0])), m = Math.max(...P.map((x) => x[0])), f = Math.min(...P.map((x) => x[1])), v = Math.max(...P.map((x) => x[1])), k = m - T, H = v - f, F = P.map((x) => [
       x[0] + (x[0] < (T + m) / 2 ? -Y * k : Y * k),
-      x[1] + (x[1] < (s + v) / 2 ? -Y * H : Y * H)
+      x[1] + (x[1] < (f + v) / 2 ? -Y * H : Y * H)
     ]);
     Q.push({
       bbox_xyxy: u,
@@ -1934,9 +1934,9 @@ function tE(g, A = "sourceCanvas") {
         g.width,
         g.height
       );
-      for (const w of I) {
-        const { _: c, bbox_xyxy: f } = w, D = _Q(
-          f,
+      for (const c of I) {
+        const { _: w, bbox_xyxy: s } = c, D = _Q(
+          s,
           [g.height, g.width],
           [640, 640]
         ), o = $Q(B, D), i = yield IE(o);
@@ -1976,9 +1976,9 @@ function cE(D) {
     dobPicker: t,
     setDobPicker: n,
     isNewCustomer: I,
-    handleCheckNewCustomer: w,
-    updateRegistrationData: c,
-    serial: f
+    handleCheckNewCustomer: c,
+    updateRegistrationData: w,
+    serial: s
   }) {
     var MA, oA, cA, wA, eA, rA, sA, TA, SA, Mg, MB, TB, lB, dB, xB, HB, kB, RB, YB, JB, XB, FB, OB, GB, LB, zB, NB, bB, jB, yB, KB, UB, SB, pB, ZB, VB, WB, _B, $B, AC, gC, BC, CC, QC;
     const o = document.createElement("div");
@@ -1989,7 +1989,7 @@ function cE(D) {
       const G = BA();
       typeof g == "function" && g(G);
     }), o.appendChild(i);
-    let u, R, M, d, r, P, Y, T, m, s, v, k, H, F, x, X, U, j, O, e, h, q, l, N, L;
+    let u, R, M, d, r, P, Y, T, m, f, v, k, H, F, x, X, U, j, O, e, h, q, l, N, L;
     const b = document.createElement("button");
     u = HA({
       name: "taxCode",
@@ -2008,15 +2008,15 @@ function cE(D) {
         const G = z.target.value.trim();
         if (G.length >= 10)
           try {
-            yield w(
+            yield c(
               A == null ? void 0 : A.provider,
               G,
               ($, EA) => W(null, null, function* () {
                 if ($) {
                   const DA = yield nA(G);
-                  c(EA, DA);
+                  w(EA, DA);
                 } else
-                  c(EA);
+                  w(EA);
               }),
               !I
             );
@@ -2099,7 +2099,7 @@ function cE(D) {
         }
         Xg(G) ? m.setError(null) : m.setError(a("errorInvalidName"));
       }
-    }), s = HA({
+    }), f = HA({
       name: "repDob",
       label: a("dateOfBirth"),
       required: !0,
@@ -2110,17 +2110,17 @@ function cE(D) {
       value: ((TB = (MB = A == null ? void 0 : A.eInvoiceRegistration) == null ? void 0 : MB.legalRepresentative) == null ? void 0 : TB.dob) || ""
     });
     let AA = new GQ({
-      field: s.inputEl,
+      field: f.inputEl,
       format: "DD/MM/YYYY",
       toString(z) {
         const G = String(z.getMonth() + 1).padStart(2, "0"), $ = String(z.getDate()).padStart(2, "0"), EA = z.getFullYear();
         return `${$}/${G}/${EA}`;
       },
       onSelect: (z) => {
-        s.setError(null), J();
+        f.setError(null), J();
       },
       onClose: () => {
-        s.inputEl.value ? s.setError(null) : s.setError(a("errorRequired")), J();
+        f.inputEl.value ? f.setError(null) : f.setError(a("errorRequired")), J();
       },
       maxDate: /* @__PURE__ */ new Date(),
       showMonthDropdown: !0,
@@ -2334,7 +2334,7 @@ function cE(D) {
     U = HQ({
       // initialValue:
       //   registrationData?.eInvoiceRegistration?.invoiceSymbol || "1C25TYY",
-      initialValue: f || ((pB = A == null ? void 0 : A.eInvoiceRegistration) == null ? void 0 : pB.invoiceSymbol) || "1C25TYY",
+      initialValue: s || ((pB = A == null ? void 0 : A.eInvoiceRegistration) == null ? void 0 : pB.invoiceSymbol) || "1C25TYY",
       onChange: (z) => {
         S.inputEl.value = z, J();
       }
@@ -2468,7 +2468,7 @@ function cE(D) {
     function yA(z) {
       tA = !1, YA = !1, NA();
       const G = () => {
-        H.inputEl.value = "", m.inputEl.value = "", s.inputEl.value = "", X.inputEl.value = "", v.selectEl.value = "", x.selectEl.value = "", H.setError(null), m.setError(null), s.setError(null), X.setError(null), v.setError(null), x.setError(null), t && typeof t.setDate == "function" && t.setDate(null);
+        H.inputEl.value = "", m.inputEl.value = "", f.inputEl.value = "", X.inputEl.value = "", v.selectEl.value = "", x.selectEl.value = "", H.setError(null), m.setError(null), f.setError(null), X.setError(null), v.setError(null), x.setError(null), t && typeof t.setDate == "function" && t.setDate(null);
       }, $ = (DA) => {
         if (!DA) return "";
         if (/^\d{8}$/.test(DA)) {
@@ -2495,7 +2495,7 @@ function cE(D) {
             const { address: OA, date_of_birth: pA, full_name: bg, id_number: dg, sex: Yg } = DA;
             if (!dg || !/^\d{12}$/.test(dg) ? (cg(
               a("errorInvalidCard", "Số CCCD phải có 12 chữ số")
-            ), H.inputEl.value = "") : (H.inputEl.value = dg, H.setError(null)), m.inputEl.value = bg || "", s.inputEl.value = $(pA), X.inputEl.value = OA || "", Yg) {
+            ), H.inputEl.value = "") : (H.inputEl.value = dg, H.setError(null)), m.inputEl.value = bg || "", f.inputEl.value = $(pA), X.inputEl.value = OA || "", Yg) {
               const eg = wC.find(
                 (jg) => jg.label.toLowerCase() === Yg.toLowerCase()
               );
@@ -2564,7 +2564,7 @@ function cE(D) {
     const UA = document.createElement("div");
     UA.className = "wgt:space-y-4", UA.appendChild(m.container);
     const rg = document.createElement("div");
-    rg.className = "wgt:grid wgt:grid-cols-1 wgt:@min-2xl:grid-cols-2 wgt:gap-4", UA.appendChild(rg), rg.appendChild(s.container), rg.appendChild(v.container), WA.appendChild(UA);
+    rg.className = "wgt:grid wgt:grid-cols-1 wgt:@min-2xl:grid-cols-2 wgt:gap-4", UA.appendChild(rg), rg.appendChild(f.container), rg.appendChild(v.container), WA.appendChild(UA);
     const jA = document.createElement("div");
     jA.className = "wgt:grid wgt:grid-cols-1 wgt:@min-2xl:grid-cols-4 wgt:gap-4 wgt:items-start", jA.appendChild(H.container), jA.appendChild(F.container), jA.appendChild(k.container), jA.appendChild(x.container), mA.appendChild(WA), mA.appendChild(jA), mA.appendChild(X.container), mA.appendChild(l.container);
     const Bg = document.createElement("ul");
@@ -2694,7 +2694,7 @@ function cE(D) {
           },
           legalRepresentative: {
             name: m == null ? void 0 : m.getValue(),
-            dob: s == null ? void 0 : s.getValue(),
+            dob: f == null ? void 0 : f.getValue(),
             gender: v == null ? void 0 : v.getValue(),
             phone: k == null ? void 0 : k.getValue(),
             idCard: H == null ? void 0 : H.getValue(),
@@ -2721,7 +2721,7 @@ function cE(D) {
       Y,
       T,
       m,
-      s,
+      f,
       k,
       H,
       X,
@@ -2794,26 +2794,26 @@ function oE({
   ].filter(Boolean).join(" "), n.onclick = Q;
   const I = document.createElement("div");
   I.className = "wgt:w-full", n.appendChild(I);
-  const w = document.createElement("div");
-  w.className = "wgt:w-full wgt:flex wgt:justify-between wgt:items-center";
   const c = document.createElement("div");
-  c.className = "wgt:flex wgt:items-center wgt:gap-2";
-  const f = document.createElement("span");
-  if (f.className = [
+  c.className = "wgt:w-full wgt:flex wgt:justify-between wgt:items-center";
+  const w = document.createElement("div");
+  w.className = "wgt:flex wgt:items-center wgt:gap-2";
+  const s = document.createElement("span");
+  if (s.className = [
     "wgt:text-base",
     "wgt:font-semibold",
     C ? "wgt:text-primary" : "wgt:text-text-sub-600"
-  ].join(" "), f.innerText = g.code, c.appendChild(f), E) {
+  ].join(" "), s.innerText = g.code, w.appendChild(s), E) {
     const T = document.createElement("div");
-    T.className = "wgt:w-fit wgt:px-2 wgt:py-0.5 wgt:rounded wgt:bg-primary wgt:text-white wgt:bg-gradient-to-r wgt:from-[#FF8447] wgt:to-[#F6B51E] wgt:text-sm wgt:font-semibold", T.innerText = B, c.appendChild(T);
+    T.className = "wgt:w-fit wgt:px-2 wgt:py-0.5 wgt:rounded wgt:bg-primary wgt:text-white wgt:bg-gradient-to-r wgt:from-[#FF8447] wgt:to-[#F6B51E] wgt:text-sm wgt:font-semibold", T.innerText = B, w.appendChild(T);
   }
-  w.appendChild(c);
+  c.appendChild(w);
   const { container: D } = Ng({
     checked: C,
     onChange: (T) => {
     }
   });
-  w.appendChild(D), I.appendChild(w);
+  c.appendChild(D), I.appendChild(c);
   const o = document.createElement("div");
   o.className = "wgt:flex wgt:items-center wgt:text-gray-600 wgt:mt-2";
   const i = document.createElement("div");
@@ -2823,8 +2823,8 @@ function oE({
       `, o.appendChild(i);
   const u = document.createElement("span");
   if (u.className = "wgt:ml-2 wgt:text-sm", A === "signature") {
-    const T = ag(), m = a(g.duration.unit), s = T === "en" && g.duration.value > 1 ? m + "s" : m;
-    u.innerText = `${a("duration")}: ${g.duration.value} ${s} `;
+    const T = ag(), m = a(g.duration.unit), f = T === "en" && g.duration.value > 1 ? m + "s" : m;
+    u.innerText = `${a("duration")}: ${g.duration.value} ${f} `;
   } else typeof (g == null ? void 0 : g.limit) == "number" ? u.innerText = `${g == null ? void 0 : g.limit.toLocaleString(
     "vi-VN"
   )} ${a("searchUnits")}` : u.innerText = "";
@@ -2856,8 +2856,8 @@ function oC({
 } = {}) {
   const I = document.createElement("div");
   I.className = "wgt:space-y-6";
-  const w = document.createElement("div");
-  w.className = [
+  const c = document.createElement("div");
+  c.className = [
     "wgt:w-full",
     "wgt:grid",
     "wgt:grid-flow-col",
@@ -2869,9 +2869,9 @@ function oC({
     "wgt:snap-mandatory",
     "wgt:cursor-grab",
     "wgt:select-none"
-  ].join(" "), w.style.scrollSnapType = "x mandatory", w.style.overflowX = "auto", w.style.scrollBehavior = "smooth", w.style.scrollbarWidth = "none", w.style.msOverflowStyle = "none", w.style.WebkitOverflowScrolling = "touch", w.style.scrollbarWidth = "none", w.style.overflowY = "hidden", I.appendChild(w);
-  function c() {
-    w.innerHTML = "", A.forEach((i) => {
+  ].join(" "), c.style.scrollSnapType = "x mandatory", c.style.overflowX = "auto", c.style.scrollBehavior = "smooth", c.style.scrollbarWidth = "none", c.style.msOverflowStyle = "none", c.style.WebkitOverflowScrolling = "touch", c.style.scrollbarWidth = "none", c.style.overflowY = "hidden", I.appendChild(c);
+  function w() {
+    c.innerHTML = "", A.forEach((i) => {
       const u = i._id === C, R = E.includes(i.code), { container: M } = oE({
         pkg: i,
         type: g,
@@ -2883,32 +2883,32 @@ function oC({
           typeof t == "function" && t((Q || n) && u ? "" : i._id);
         }
       });
-      w.appendChild(M);
+      c.appendChild(M);
     });
   }
-  c();
-  let f = !1, D, o;
-  return w.addEventListener("mousedown", (i) => {
-    f = !0, w.classList.replace("wgt:cursor-grab", "wgt:cursor-grabbing"), D = i.pageX - w.offsetLeft, o = w.scrollLeft;
+  w();
+  let s = !1, D, o;
+  return c.addEventListener("mousedown", (i) => {
+    s = !0, c.classList.replace("wgt:cursor-grab", "wgt:cursor-grabbing"), D = i.pageX - c.offsetLeft, o = c.scrollLeft;
   }), document.addEventListener("mouseup", () => {
-    f = !1, w.classList.replace("wgt:cursor-grabbing", "wgt:cursor-grab");
-  }), w.addEventListener("mouseleave", () => {
-    f = !1, w.classList.replace("wgt:cursor-grabbing", "wgt:cursor-grab");
-  }), w.addEventListener("mousemove", (i) => {
-    if (!f) return;
+    s = !1, c.classList.replace("wgt:cursor-grabbing", "wgt:cursor-grab");
+  }), c.addEventListener("mouseleave", () => {
+    s = !1, c.classList.replace("wgt:cursor-grabbing", "wgt:cursor-grab");
+  }), c.addEventListener("mousemove", (i) => {
+    if (!s) return;
     i.preventDefault();
-    const R = (i.pageX - w.offsetLeft - D) * 1.5;
-    w.scrollLeft = o - R;
-  }), w.addEventListener("wheel", (i) => {
-    i.preventDefault(), w.scrollLeft += i.deltaY;
+    const R = (i.pageX - c.offsetLeft - D) * 1.5;
+    c.scrollLeft = o - R;
+  }), c.addEventListener("wheel", (i) => {
+    i.preventDefault(), c.scrollLeft += i.deltaY;
   }), {
     container: I,
     setSelectedPackageId(i) {
-      C = i, c();
+      C = i, w();
     }
   };
 }
-const aE = "1.97.1";
+const aE = "1.97.2";
 function DE(E) {
   return W(this, arguments, function* ({ search: g, bank: A }) {
     return (yield LA.get(`${zg}`, {
@@ -3014,10 +3014,10 @@ function rE({ name: g, value: A, feeLabel: E, required: B, description: C, isChe
   t.appendChild(n.container);
   const I = document.createElement("div");
   I.className = "wgt:flex wgt:flex-col wgt:gap-1";
-  const w = document.createElement("div");
-  w.className = "wgt:flex wgt:items-center wgt:gap-2 wgt:@max-2xl:flex-col wgt:@max-2xl:items-start";
-  const c = document.createElement("span");
-  c.className = "wgt:text-base wgt:font-semibold wgt:text-text-sub-600", c.textContent = E, w.appendChild(c);
+  const c = document.createElement("div");
+  c.className = "wgt:flex wgt:items-center wgt:gap-2 wgt:@max-2xl:flex-col wgt:@max-2xl:items-start";
+  const w = document.createElement("span");
+  w.className = "wgt:text-base wgt:font-semibold wgt:text-text-sub-600", w.textContent = E, c.appendChild(w);
   {
     const D = document.createElement("span");
     D.className = [
@@ -3028,11 +3028,11 @@ function rE({ name: g, value: A, feeLabel: E, required: B, description: C, isChe
       "wgt:px-1.5",
       "wgt:py-1",
       "wgt:rounded-sm"
-    ].join(" "), D.textContent = a("required"), w.appendChild(D);
+    ].join(" "), D.textContent = a("required"), c.appendChild(D);
   }
-  I.appendChild(w);
-  const f = document.createElement("p");
-  return f.className = "wgt:text-text-soft-400 wgt:text-sm", f.textContent = C, I.appendChild(f), t.appendChild(I), { container: t };
+  I.appendChild(c);
+  const s = document.createElement("p");
+  return s.className = "wgt:text-text-soft-400 wgt:text-sm", s.textContent = C, I.appendChild(s), t.appendChild(I), { container: t };
 }
 function qB() {
   const g = document.createElement("div");
@@ -3080,9 +3080,9 @@ function PE({
     "wgt:text-text-sub-600",
     "wgt:mb-2"
   ].join(" ");
-  const w = Hg(ag());
-  I.textContent = g[w], t.appendChild(I);
-  const { container: c } = Ng({
+  const c = Hg(ag());
+  I.textContent = g[c], t.appendChild(I);
+  const { container: w } = Ng({
     checked: g.isSelected,
     onChange: () => {
       let D = !g.isSelected;
@@ -3091,15 +3091,15 @@ function PE({
     isIconCheckbox: !0,
     disabled: E || g.isSelected
   });
-  c.className = "wgt:absolute wgt:top-0 wgt:right-0", t.appendChild(c), Q.appendChild(t);
-  const f = document.createElement("p");
-  return f.className = [
+  w.className = "wgt:absolute wgt:top-0 wgt:right-0", t.appendChild(w), Q.appendChild(t);
+  const s = document.createElement("p");
+  return s.className = [
     "wgt:text-xs",
     "wgt:font-normal",
     "wgt:text-right",
     "wgt:text-[#335CFF]",
     "wgt:italic"
-  ].join(" "), f.textContent = `${a("validityPeriod")}: ${a("expiredDate")} ${g.expiredAt.split("T")[0]}`, Q.appendChild(f), B.appendChild(C), B.appendChild(Q), { container: B };
+  ].join(" "), s.textContent = `${a("validityPeriod")}: ${a("expiredDate")} ${g.expiredAt.split("T")[0]}`, Q.appendChild(s), B.appendChild(C), B.appendChild(Q), { container: B };
 }
 function qE({
   theme: g,
@@ -3114,9 +3114,9 @@ function qE({
   n.className = "wgt:flex wgt:flex-col wgt:gap-4", t.appendChild(n);
   const I = document.createElement("h2");
   I.className = "wgt:text-xl wgt:font-bold wgt:text-text-black", I.innerText = a("selectInvoicePackage");
-  const w = document.createElement("span");
-  w.className = "wgt:text-sm wgt:text-red-500 wgt:ml-1", w.innerText = "*", I.appendChild(w), n.appendChild(I);
-  function c() {
+  const c = document.createElement("span");
+  c.className = "wgt:text-sm wgt:text-red-500 wgt:ml-1", c.innerText = "*", I.appendChild(c), n.appendChild(I);
+  function w() {
     return W(this, null, function* () {
       A && clearTimeout(A), E !== "" ? A = setTimeout(() => W(null, null, function* () {
         try {
@@ -3132,14 +3132,14 @@ function qE({
       }), 500) : (Q = C, B && B());
     });
   }
-  const f = eE({
+  const s = eE({
     value: "",
     placeholder: a("searchUnits"),
     onInputChange: (d) => {
-      E = d.target.value.replace(/\D/g, ""), c();
+      E = d.target.value.replace(/\D/g, ""), w();
     }
   });
-  n.appendChild(f.container);
+  n.appendChild(s.container);
   const D = document.createElement("div");
   D.className = "wgt:flex wgt:flex-col wgt:gap-2", t.appendChild(D);
   const o = document.createElement("h3");
@@ -3276,9 +3276,9 @@ function lE(P) {
     setSelectedInvoiceOtp: t,
     setSelectedSignatureOtp: n,
     setOrderId: I,
-    setTotalAmount: w,
-    theme: c,
-    selectedProvider: f,
+    setTotalAmount: c,
+    theme: w,
+    selectedProvider: s,
     selectedPromotions: D,
     registrationData: o,
     setSelectedPromotions: i,
@@ -3288,7 +3288,7 @@ function lE(P) {
     savedQuantities: d,
     setSavedQuantities: r
   }) {
-    let Y = "", T = B ? B._id : null, m = C ? C._id : null, s = D ? D.map((K) => K) : [], v = [], k = [], H = [], F = [], x = null, X = (d == null ? void 0 : d.qtyRegFee) || 1, U = (d == null ? void 0 : d.qtyInvoicePkg) || 1, j = (d == null ? void 0 : d.qtySignaturePkg) || 1;
+    let Y = "", T = B ? B._id : null, m = C ? C._id : null, f = D ? D.map((K) => K) : [], v = [], k = [], H = [], F = [], x = null, X = (d == null ? void 0 : d.qtyRegFee) || 1, U = (d == null ? void 0 : d.qtyInvoicePkg) || 1, j = (d == null ? void 0 : d.qtySignaturePkg) || 1;
     function O() {
       r && r({
         qtyRegFee: X,
@@ -3319,7 +3319,7 @@ function lE(P) {
       findInvoiceById: uA,
       removeLoading: zA
     } = qE({
-      theme: c,
+      theme: w,
       debounceTimer: x,
       typedUnits: Y,
       onSearchComplete: () => {
@@ -3379,7 +3379,7 @@ function lE(P) {
         const aA = yield AQ({
           eInvoiceRegistration: PA({}, gA),
           bank: o.bank,
-          provider: f.route,
+          provider: s.route,
           logo: o.logo,
           organizationRegistrationCert: o.license,
           legalRepresentativeIdCard: [
@@ -3414,7 +3414,7 @@ function lE(P) {
           quantity: X
         }), Q(Z)) : Q(null);
         let _ = GA(PA({}, K), { quantity: U }), QA = CA ? GA(PA({}, CA), { quantity: j }) : null;
-        t(_), n(QA), i(s), O(), r && r({
+        t(_), n(QA), i(f), O(), r && r({
           qtyRegFee: X,
           qtyInvoicePkg: U,
           qtySignaturePkg: j
@@ -3422,7 +3422,7 @@ function lE(P) {
           Z,
           _,
           QA,
-          s
+          f
         );
       })
     });
@@ -3438,9 +3438,9 @@ function lE(P) {
             gA
           ] = yield Promise.allSettled([
             mE(),
-            uE({ bank: c }),
-            iE({ bank: c, hasRenew: !M }),
-            sE({ bank: c })
+            uE({ bank: w }),
+            iE({ bank: w, hasRenew: !M }),
+            sE({ bank: w })
           ]);
           if (_.status === "fulfilled" ? k = _.value || [] : (console.error(
             "Failed to load init packages:",
@@ -3463,8 +3463,8 @@ function lE(P) {
               isDisabled: !1,
               reward: V.reward
             });
-          }), Object.keys(H).length > 0 && (s = D || Object.keys(H).filter(
-            (V) => H[V].bank === c && H[V].expiredAt >= (/* @__PURE__ */ new Date()).toISOString() && H[V].limit > H[V].used
+          }), Object.keys(H).length > 0 && (f = D || Object.keys(H).filter(
+            (V) => H[V].bank === w && H[V].expiredAt >= (/* @__PURE__ */ new Date()).toISOString() && H[V].limit > H[V].used
           ), Pg())) : console.error("Failed to load promotions:", Z.reason), QA.status === "fulfilled") {
             const V = M ? QA.value : QA.value.filter((p) => p.renewPrice !== 0);
             if (AA(V || []), QA.value.length > 0) {
@@ -3514,9 +3514,9 @@ function lE(P) {
     }
     function fg(K, CA, Z) {
       const _ = Object.values(H).find(
-        (p) => p.bank === c && p.appliedPackages.includes(K)
+        (p) => p.bank === w && p.appliedPackages.includes(K)
       ), QA = _ && !_.isDisabled && !(_.expiredAt < (/* @__PURE__ */ new Date()).toISOString()) && _.limit !== _.used, gA = Object.values(H).find(
-        (p) => p.bank === c && p.appliedPackages.includes(CA)
+        (p) => p.bank === w && p.appliedPackages.includes(CA)
       ), V = gA && !gA.isDisabled && !(gA.expiredAt < (/* @__PURE__ */ new Date()).toISOString()) && gA.limit !== gA.used;
       if (QA && !V) {
         const { container: p, open: aA } = PB({
@@ -3618,7 +3618,7 @@ function lE(P) {
       );
       Object.keys(H).forEach((Z) => {
         const _ = H[Z];
-        if (_.bank !== c)
+        if (_.bank !== w)
           return;
         let QA = !1;
         if (_.code === "INITFEE-KM-500")
@@ -3627,17 +3627,17 @@ function lE(P) {
           const gA = K == null ? void 0 : K.code, V = CA == null ? void 0 : CA.code;
           QA = _.appliedPackages.includes(gA) || _.appliedPackages.includes(V);
         }
-        _.isDisabled = !QA, !QA && s.includes(_.code) ? s = s.filter(
+        _.isDisabled = !QA, !QA && f.includes(_.code) ? f = f.filter(
           (gA) => gA !== _.code
-        ) : QA && !s.includes(_.code) && s.push(_.code);
+        ) : QA && !f.includes(_.code) && f.push(_.code);
       }), Pg();
     }
     function Pg() {
-      F = Object.values(H).filter((K) => K.bank === c).map((K) => K.appliedPackages[0]);
+      F = Object.values(H).filter((K) => K.bank === w).map((K) => K.appliedPackages[0]);
     }
     function FA() {
       if (Object.values(H).filter(
-        (p) => p.bank === c
+        (p) => p.bank === w
       ).length === 0) {
         L.contains(XA) && L.removeChild(XA);
         return;
@@ -3648,11 +3648,11 @@ function lE(P) {
       const Z = document.createElement("div");
       Z.className = "wgt:w-full wgt:flex wgt:items-center wgt:gap-2 wgt:@max-2xl:flex-col wgt:@max-2xl:items-start";
       const _ = document.createElement("div");
-      _.className = "wgt:flex wgt:min-w-[500px] wgt:h-11 wgt:items-center wgt:gap-3 wgt:px-3 wgt:py-2 wgt:rounded-lg wgt:bg-white wgt:border wgt:border-[#E4E7EC] wgt:@max-2xl:min-w-full wgt:@max-2xl:flex-wrap wgt:@max-2xl:h-fit", Z.appendChild(_), s && s.length > 0 && s.filter((aA) => {
+      _.className = "wgt:flex wgt:min-w-[500px] wgt:h-11 wgt:items-center wgt:gap-3 wgt:px-3 wgt:py-2 wgt:rounded-lg wgt:bg-white wgt:border wgt:border-[#E4E7EC] wgt:@max-2xl:min-w-full wgt:@max-2xl:flex-wrap wgt:@max-2xl:h-fit", Z.appendChild(_), f && f.length > 0 && f.filter((aA) => {
         const iA = Object.values(H).find(
           (qA) => qA.code === aA
         );
-        return iA && iA.bank === c;
+        return iA && iA.bank === w;
       }).forEach((aA) => {
         const iA = document.createElement("div");
         iA.className = "wgt:flex wgt:w-fit wgt:h-fit wgt:items-center wgt:gap-2 wgt:px-2 wgt:py-1.5 wgt:rounded-md wgt:bg-primary/10 wgt:border wgt:border-primary wgt:text-sm wgt:font-medium wgt:text-primary", iA.innerText = aA;
@@ -3660,7 +3660,7 @@ function lE(P) {
           type: "button",
           title: "x",
           handleClick: () => {
-            s = s.filter(
+            f = f.filter(
               (wg) => wg !== aA
             ), FA(), vA();
           }
@@ -3683,16 +3683,16 @@ function lE(P) {
       const gA = document.createElement("div");
       gA.className = "wgt:w-full wgt:grid wgt:grid-cols-3 wgt:gap-4 wgt:@max-2xl:flex wgt:@max-2xl:flex-col", XA.appendChild(gA);
       const V = Object.values(H).filter(
-        (p) => p.bank === c
+        (p) => p.bank === w
       );
       if (V.length > 0)
         V.forEach((p) => {
           const { container: aA } = PE({
             promotion: GA(PA({}, p), {
-              isSelected: s.includes(p.code)
+              isSelected: f.includes(p.code)
             }),
             onSelect: (iA, qA) => {
-              qA && s.push(iA), FA(), vA();
+              qA && f.push(iA), FA(), vA();
             },
             isDisabled: p.isDisabled || p.expiredAt < (/* @__PURE__ */ new Date()).toISOString() || p.limit === p.used
           });
@@ -3711,7 +3711,7 @@ function lE(P) {
         <td colspan="5" class="wgt:px-3 wgt:py-8 wgt:text-center wgt:text-text-sub-600 wgt:@max-2xl:col-span-5">
           ${a("noDataAvailable") || "No data available"}
         </td>
-      `, tA.appendChild(J), w(0);
+      `, tA.appendChild(J), c(0);
         return;
       }
       const K = S().find(
@@ -3850,9 +3850,9 @@ function lE(P) {
         `, hA.appendChild(SA), tA.appendChild(BA);
         }
       }
-      const CA = s.map(
+      const CA = f.map(
         (J) => Object.values(H).find(
-          (BA) => BA.code === J && BA.bank === c
+          (BA) => BA.code === J && BA.bank === w
         )
       ).filter((J) => J !== void 0);
       let Z = 0;
@@ -3877,7 +3877,7 @@ function lE(P) {
         )} ${(TA = (sA = J == null ? void 0 : J.reward) == null ? void 0 : sA.packageCodes) == null ? void 0 : TA.join(", ")}`, oA.style.color = "#12B76A") : oA.innerText = "", BA.appendChild(oA), tA.appendChild(BA);
       });
       const _ = M && k.length > 0 && !(K != null && K.withoutInitialFee) ? ((Rg = k[0]) == null ? void 0 : Rg.price) * X : 0, QA = uA(T), gA = QA ? M ? (qg = QA.price) != null ? qg : 0 : (vg = QA.renewPrice) != null ? vg : 0 : 0, V = QA ? gA * QA.limit * U : 0, p = e(m), aA = p ? p.price * p.limit * j : 0, iA = _ + V + aA - Z;
-      w(iA);
+      c(iA);
       {
         const J = document.createElement("tr");
         J.className = "wgt:@max-2xl:hidden";
@@ -3902,10 +3902,10 @@ function dE({
   illustrationSrc: n = "",
   theme: I = "ocb"
 } = {}) {
-  const w = document.createElement("div");
-  w.className = "wgt:flex wgt:flex-col wgt:@min-2xl:flex-row wgt:gap-6 wgt:p-6 wgt:bg-gray-50 wgt:rounded-xl";
-  const c = document.createElement("div"), f = document.createElement("h3");
-  f.className = "wgt:text-sm wgt:font-bold wgt:text-text-black wgt:mb-4 wgt:text-center", f.innerText = a("qrPaymentTitle"), c.appendChild(f);
+  const c = document.createElement("div");
+  c.className = "wgt:flex wgt:flex-col wgt:@min-2xl:flex-row wgt:gap-6 wgt:p-6 wgt:bg-gray-50 wgt:rounded-xl";
+  const w = document.createElement("div"), s = document.createElement("h3");
+  s.className = "wgt:text-sm wgt:font-bold wgt:text-text-black wgt:mb-4 wgt:text-center", s.innerText = a("qrPaymentTitle"), w.appendChild(s);
   const D = document.createElement("div");
   D.className = "wgt:bg-white wgt:rounded-md wgt:p-6 wgt:flex wgt:flex-col wgt:gap-3 wgt:border wgt:border-[#E4E7EC]";
   const o = document.createElement("div");
@@ -3933,13 +3933,13 @@ function dE({
   const P = document.createElement("p");
   P.className = "wgt:text-sm wgt:text-grey-8", P.innerHTML = `${a(
     "beneficiaryBank"
-  )}: <span class="wgt:font-medium">${Q}</span>`, M.appendChild(P), D.appendChild(M), c.appendChild(D), w.appendChild(c);
+  )}: <span class="wgt:font-medium">${Q}</span>`, M.appendChild(P), D.appendChild(M), w.appendChild(D), c.appendChild(w);
   const Y = document.createElement("div");
   Y.className = "wgt:flex wgt:flex-col wgt:justify-between wgt:@min-2xl:w-1/2";
   const T = document.createElement("div"), m = document.createElement("h3");
   m.className = "wgt:text-lg wgt:font-semibold wgt:text-gray-800 wgt:mb-4", m.innerText = a("paymentInstructionsTitle"), T.appendChild(m);
-  const s = document.createElement("ol");
-  s.className = "wgt:space-y-4", t.forEach((H, F) => {
+  const f = document.createElement("ol");
+  f.className = "wgt:space-y-4", t.forEach((H, F) => {
     const x = document.createElement("li");
     x.className = "wgt:flex wgt:items-start";
     const X = document.createElement("div");
@@ -3949,13 +3949,13 @@ function dE({
     const j = document.createElement("span");
     j.className = "wgt:text-white wgt:text-sm wgt:font-semibold", j.innerText = String(F + 1), U.appendChild(j), X.appendChild(U);
     const O = document.createElement("p");
-    O.className = "wgt:ml-3 wgt:text-text-sub-600", O.innerText = H, x.appendChild(X), x.appendChild(O), s.appendChild(x);
-  }), T.appendChild(s), Y.appendChild(T);
+    O.className = "wgt:ml-3 wgt:text-text-sub-600", O.innerText = H, x.appendChild(X), x.appendChild(O), f.appendChild(x);
+  }), T.appendChild(f), Y.appendChild(T);
   const v = document.createElement("div");
   v.className = "wgt:h-[300px] wgt:flex wgt:justify-center";
   const k = document.createElement("img");
-  return k.src = n, k.alt = "QR payment illustration", k.className = "wgt:h-full wgt:object-contain", v.appendChild(k), Y.appendChild(v), w.appendChild(Y), {
-    container: w,
+  return k.src = n, k.alt = "QR payment illustration", k.className = "wgt:h-full wgt:object-contain", v.appendChild(k), Y.appendChild(v), c.appendChild(Y), {
+    container: c,
     update(H = {}) {
       H.qrSrc != null && (u.src = H.qrSrc), H.logos && (R.innerHTML = "", H.logos.forEach((F) => {
         const x = document.createElement("img");
@@ -3964,7 +3964,7 @@ function dE({
         "accountNumber"
       )}: <span class="wgt:font-medium">${H.accountNumber}</span>`), H.bankName != null && (P.innerHTML = `${a(
         "beneficiaryBank"
-      )}: <span class="wgt:font-medium">${H.bankName}</span>`), H.instructions && (s.innerHTML = "", H.instructions.forEach((F, x) => {
+      )}: <span class="wgt:font-medium">${H.bankName}</span>`), H.instructions && (f.innerHTML = "", H.instructions.forEach((F, x) => {
         const X = document.createElement("li");
         X.className = "wgt:flex wgt:items-start";
         const U = document.createElement("div");
@@ -3974,7 +3974,7 @@ function dE({
         const O = document.createElement("span");
         O.className = "wgt:text-white wgt:text-sm wgt:font-semibold", O.innerText = String(x + 1), j.appendChild(O), U.appendChild(j);
         const e = document.createElement("p");
-        e.className = "wgt:ml-3 wgt:text-text-sub-600", e.innerText = F, X.appendChild(U), X.appendChild(e), s.appendChild(X);
+        e.className = "wgt:ml-3 wgt:text-text-sub-600", e.innerText = F, X.appendChild(U), X.appendChild(e), f.appendChild(X);
       })), H.illustrationSrc != null && (k.src = H.illustrationSrc);
     }
   };
@@ -3990,7 +3990,7 @@ function xE({
   illustrationSrc: n,
   theme: I
 } = {}) {
-  const { container: w, update: c } = dE({
+  const { container: c, update: w } = dE({
     qrSrc: g,
     logos: A,
     logosAbove: E,
@@ -4001,7 +4001,7 @@ function xE({
     illustrationSrc: n,
     theme: I
   });
-  return { container: w, update: c };
+  return { container: c, update: w };
 }
 function HE({
   selectedProvider: g = null,
@@ -4023,26 +4023,26 @@ function HE({
     "wgt:border-soft-200",
     "wgt:overflow-hidden"
   ].join(" ");
-  let I = 3600, w = null;
-  const c = document.createElement("div");
-  c.className = "wgt:p-4 wgt:w-full wgt:flex wgt:items-center wgt:justify-center wgt:gap-2 wgt:bg-primary/10";
-  const f = document.createElement("p");
-  f.className = "wgt:text-base wgt:font-medium wgt:leading-6 wgt:text-primary";
+  let I = 3600, c = null;
+  const w = document.createElement("div");
+  w.className = "wgt:p-4 wgt:w-full wgt:flex wgt:items-center wgt:justify-center wgt:gap-2 wgt:bg-primary/10";
+  const s = document.createElement("p");
+  s.className = "wgt:text-base wgt:font-medium wgt:leading-6 wgt:text-primary";
   const D = (O) => {
     const e = Math.floor(O / 60), h = O % 60;
     return `${e.toString().padStart(2, "0")}:${h.toString().padStart(2, "0")}`;
   }, o = () => {
-    f.innerHTML = `${a(
+    s.innerHTML = `${a(
       "completePaymentIn"
     )} <span class="wgt:font-bold">${D(I)}</span>`;
   };
   o();
   const i = () => {
-    w && (clearInterval(w), w = null), w = setInterval(() => {
-      I = Math.max(0, I - 1), o(), I <= 0 && (w = null);
+    c && (clearInterval(c), c = null), c = setInterval(() => {
+      I = Math.max(0, I - 1), o(), I <= 0 && (c = null);
     }, 1e3);
   };
-  i(), c.appendChild(f);
+  i(), w.appendChild(s);
   const u = document.createElement("svg");
   u.setAttribute("width", "24"), u.setAttribute("height", "24"), u.setAttribute("viewBox", "0 0 24 24"), u.setAttribute("fill", "none"), u.setAttribute("xmlns", "http://www.w3.org/2000/svg"), u.innerHTML = `
     <path
@@ -4055,7 +4055,7 @@ function HE({
       d="M16.0945 14.9672L12.7523 12.5508V6.75C12.7523 6.64687 12.668 6.5625 12.5648 6.5625H11.4375C11.3344 6.5625 11.25 6.64687 11.25 6.75V13.2047C11.25 13.2656 11.2781 13.3219 11.3273 13.357L15.2039 16.1836C15.2883 16.2445 15.4055 16.2258 15.4664 16.1437L16.1367 15.2297C16.1976 15.1429 16.1789 15.0258 16.0945 14.9672Z"
       fill="#1D963E"
     />
-  `, c.appendChild(u), n.appendChild(c);
+  `, w.appendChild(u), n.appendChild(w);
   const R = document.createElement("div");
   R.className = [
     "wgt:p-6",
@@ -4079,8 +4079,8 @@ function HE({
   T.className = "wgt:w-full wgt:flex wgt:items-center wgt:justify-between";
   const m = document.createElement("h4");
   m.className = "wgt:text-sm wgt:font-normal wgt:leading-5 wgt:text-[#475467]", m.innerText = a("subscriptionPackage");
-  const s = document.createElement("span");
-  s.className = "wgt:text-base wgt:font-semibold wgt:leading-6 wgt:text-text-black", s.innerText = A ? `${String(A == null ? void 0 : A.code)}` : "", T.appendChild(m), T.appendChild(s), M.appendChild(T);
+  const f = document.createElement("span");
+  f.className = "wgt:text-base wgt:font-semibold wgt:leading-6 wgt:text-text-black", f.innerText = A ? `${String(A == null ? void 0 : A.code)}` : "", T.appendChild(m), T.appendChild(f), M.appendChild(T);
   const v = document.createElement("div");
   v.className = "wgt:w-full wgt:flex wgt:items-center wgt:justify-between";
   const k = document.createElement("h4");
@@ -4109,12 +4109,12 @@ function HE({
     title: a("cancelTransaction"),
     className: "wgt:bg-transparent wgt:border wgt:border-primary wgt:text-primary wgt:hover:bg-transparent",
     handleClick: () => {
-      w && (clearInterval(w), w = null);
+      c && (clearInterval(c), c = null);
       const O = PB({
         message: a("transactionCanceled"),
         okLabel: a("ok"),
         onClose: () => W(null, null, function* () {
-          I = 3600, w && (clearInterval(w), w = null), yield aC(B), typeof t == "function" && (yield t());
+          I = 3600, c && (clearInterval(c), c = null), yield aC(B), typeof t == "function" && (yield t());
         }),
         preventClose: !0
       });
@@ -4122,7 +4122,7 @@ function HE({
     }
   });
   return R.appendChild(j), n.appendChild(R), window.addEventListener("beforeunload", () => W(null, null, function* () {
-    w && (clearInterval(w), w = null), yield aC(B);
+    c && (clearInterval(c), c = null), yield aC(B);
   })), {
     container: n,
     setSelectedProvider(O) {
@@ -4157,10 +4157,10 @@ function HE({
       e && (e.innerText = typeof O == "number" ? O.toLocaleString("vi-VN") + " VND" : O);
     },
     resetCountdown() {
-      w && (clearInterval(w), w = null), I = 3600, o(), i();
+      c && (clearInterval(c), c = null), I = 3600, o(), i();
     },
     clearCountdown() {
-      w && (clearInterval(w), w = null);
+      c && (clearInterval(c), c = null);
     }
   };
 }
@@ -4385,12 +4385,12 @@ function FE() {
       return g.isValid(C) ? parseInt(C, 10) : void 0;
     }, g.getPenaltyN1 = function(C) {
       const Q = C.size;
-      let t = 0, n = 0, I = 0, w = null, c = null;
-      for (let f = 0; f < Q; f++) {
-        n = I = 0, w = c = null;
+      let t = 0, n = 0, I = 0, c = null, w = null;
+      for (let s = 0; s < Q; s++) {
+        n = I = 0, c = w = null;
         for (let D = 0; D < Q; D++) {
-          let o = C.get(f, D);
-          o === w ? n++ : (n >= 5 && (t += A.N1 + (n - 5)), w = o, n = 1), o = C.get(D, f), o === c ? I++ : (I >= 5 && (t += A.N1 + (I - 5)), c = o, I = 1);
+          let o = C.get(s, D);
+          o === c ? n++ : (n >= 5 && (t += A.N1 + (n - 5)), c = o, n = 1), o = C.get(D, s), o === w ? I++ : (I >= 5 && (t += A.N1 + (I - 5)), w = o, I = 1);
         }
         n >= 5 && (t += A.N1 + (n - 5)), I >= 5 && (t += A.N1 + (I - 5));
       }
@@ -4400,17 +4400,17 @@ function FE() {
       let t = 0;
       for (let n = 0; n < Q - 1; n++)
         for (let I = 0; I < Q - 1; I++) {
-          const w = C.get(n, I) + C.get(n, I + 1) + C.get(n + 1, I) + C.get(n + 1, I + 1);
-          (w === 4 || w === 0) && t++;
+          const c = C.get(n, I) + C.get(n, I + 1) + C.get(n + 1, I) + C.get(n + 1, I + 1);
+          (c === 4 || c === 0) && t++;
         }
       return t * A.N2;
     }, g.getPenaltyN3 = function(C) {
       const Q = C.size;
       let t = 0, n = 0, I = 0;
-      for (let w = 0; w < Q; w++) {
+      for (let c = 0; c < Q; c++) {
         n = I = 0;
-        for (let c = 0; c < Q; c++)
-          n = n << 1 & 2047 | C.get(w, c), c >= 10 && (n === 1488 || n === 93) && t++, I = I << 1 & 2047 | C.get(c, w), c >= 10 && (I === 1488 || I === 93) && t++;
+        for (let w = 0; w < Q; w++)
+          n = n << 1 & 2047 | C.get(c, w), w >= 10 && (n === 1488 || n === 93) && t++, I = I << 1 & 2047 | C.get(w, c), w >= 10 && (I === 1488 || I === 93) && t++;
       }
       return t * A.N3;
     }, g.getPenaltyN4 = function(C) {
@@ -4449,10 +4449,10 @@ function FE() {
     }, g.getBestMask = function(C, Q) {
       const t = Object.keys(g.Patterns).length;
       let n = 0, I = 1 / 0;
-      for (let w = 0; w < t; w++) {
-        Q(w), g.applyMask(w, C);
-        const c = g.getPenaltyN1(C) + g.getPenaltyN2(C) + g.getPenaltyN3(C) + g.getPenaltyN4(C);
-        g.applyMask(w, C), c < I && (I = c, n = w);
+      for (let c = 0; c < t; c++) {
+        Q(c), g.applyMask(c, C);
+        const w = g.getPenaltyN1(C) + g.getPenaltyN2(C) + g.getPenaltyN3(C) + g.getPenaltyN4(C);
+        g.applyMask(c, C), w < I && (I = w, n = c);
       }
       return n;
     };
@@ -4983,19 +4983,19 @@ function zE() {
         if (o <= g.getCapacity(u, i, D))
           return u;
     }
-    function w(D, o) {
+    function c(D, o) {
       return C.getCharCountIndicator(D, o) + 4;
     }
-    function c(D, o) {
+    function w(D, o) {
       let i = 0;
       return D.forEach(function(u) {
-        const R = w(u.mode, o);
+        const R = c(u.mode, o);
         i += R + u.getBitsLength();
       }), i;
     }
-    function f(D, o) {
+    function s(D, o) {
       for (let i = 1; i <= 40; i++)
-        if (c(D, i) <= g.getCapacity(i, o, C.MIXED))
+        if (w(D, i) <= g.getCapacity(i, o, C.MIXED))
           return i;
     }
     g.from = function(o, i) {
@@ -5006,7 +5006,7 @@ function zE() {
       typeof u == "undefined" && (u = C.BYTE);
       const R = A.getSymbolTotalCodewords(o), M = E.getTotalCodewordsCount(o, i), d = (R - M) * 8;
       if (u === C.MIXED) return d;
-      const r = d - w(u, o);
+      const r = d - c(u, o);
       switch (u) {
         case C.NUMERIC:
           return Math.floor(r / 10 * 3);
@@ -5023,7 +5023,7 @@ function zE() {
       const R = B.from(i, B.M);
       if (Array.isArray(o)) {
         if (o.length > 1)
-          return f(o, R);
+          return s(o, R);
         if (o.length === 0)
           return 1;
         u = o[0];
@@ -5203,10 +5203,10 @@ function UE() {
         t[B] = 0;
         var n = A.PriorityQueue.make();
         n.push(B, 0);
-        for (var I, w, c, f, D, o, i, u, R; !n.empty(); ) {
-          I = n.pop(), w = I.value, f = I.cost, D = E[w] || {};
-          for (c in D)
-            D.hasOwnProperty(c) && (o = D[c], i = f + o, u = t[c], R = typeof t[c] == "undefined", (R || u > i) && (t[c] = i, n.push(c, i), Q[c] = w));
+        for (var I, c, w, s, D, o, i, u, R; !n.empty(); ) {
+          I = n.pop(), c = I.value, s = I.cost, D = E[c] || {};
+          for (w in D)
+            D.hasOwnProperty(w) && (o = D[w], i = s + o, u = t[w], R = typeof t[w] == "undefined", (R || u > i) && (t[w] = i, n.push(w, i), Q[w] = c));
         }
         if (typeof C != "undefined" && typeof t[C] == "undefined") {
           var M = ["Could not find a path from ", B, " to ", C, "."].join("");
@@ -5266,10 +5266,10 @@ var GC;
 function SE() {
   return GC || (GC = 1, function(g) {
     const A = sg(), E = bE(), B = jE(), C = yE(), Q = KE(), t = CQ(), n = ig(), I = UE();
-    function w(M) {
+    function c(M) {
       return unescape(encodeURIComponent(M)).length;
     }
-    function c(M, d, r) {
+    function w(M, d, r) {
       const P = [];
       let Y;
       for (; (Y = M.exec(r)) !== null; )
@@ -5281,11 +5281,11 @@ function SE() {
         });
       return P;
     }
-    function f(M) {
-      const d = c(t.NUMERIC, A.NUMERIC, M), r = c(t.ALPHANUMERIC, A.ALPHANUMERIC, M);
+    function s(M) {
+      const d = w(t.NUMERIC, A.NUMERIC, M), r = w(t.ALPHANUMERIC, A.ALPHANUMERIC, M);
       let P, Y;
-      return n.isKanjiModeEnabled() ? (P = c(t.BYTE, A.BYTE, M), Y = c(t.KANJI, A.KANJI, M)) : (P = c(t.BYTE_KANJI, A.BYTE, M), Y = []), d.concat(r, P, Y).sort(function(m, s) {
-        return m.index - s.index;
+      return n.isKanjiModeEnabled() ? (P = w(t.BYTE, A.BYTE, M), Y = w(t.KANJI, A.KANJI, M)) : (P = w(t.BYTE_KANJI, A.BYTE, M), Y = []), d.concat(r, P, Y).sort(function(m, f) {
+        return m.index - f.index;
       }).map(function(m) {
         return {
           data: m.data,
@@ -5333,12 +5333,12 @@ function SE() {
           case A.KANJI:
             d.push([
               P,
-              { data: P.data, mode: A.BYTE, length: w(P.data) }
+              { data: P.data, mode: A.BYTE, length: c(P.data) }
             ]);
             break;
           case A.BYTE:
             d.push([
-              { data: P.data, mode: A.BYTE, length: w(P.data) }
+              { data: P.data, mode: A.BYTE, length: c(P.data) }
             ]);
         }
       }
@@ -5348,16 +5348,16 @@ function SE() {
       const r = {}, P = { start: {} };
       let Y = ["start"];
       for (let T = 0; T < M.length; T++) {
-        const m = M[T], s = [];
+        const m = M[T], f = [];
         for (let v = 0; v < m.length; v++) {
           const k = m[v], H = "" + T + v;
-          s.push(H), r[H] = { node: k, lastCount: 0 }, P[H] = {};
+          f.push(H), r[H] = { node: k, lastCount: 0 }, P[H] = {};
           for (let F = 0; F < Y.length; F++) {
             const x = Y[F];
             r[x] && r[x].node.mode === k.mode ? (P[x][H] = D(r[x].lastCount + k.length, k.mode) - D(r[x].lastCount, k.mode), r[x].lastCount += k.length) : (r[x] && (r[x].lastCount = k.length), P[x][H] = D(k.length, k.mode) + 4 + A.getCharCountIndicator(k.mode, d));
           }
         }
-        Y = s;
+        Y = f;
       }
       for (let T = 0; T < Y.length; T++)
         P[Y[T]].end = 0;
@@ -5385,13 +5385,13 @@ function SE() {
         return typeof P == "string" ? r.push(R(P, null)) : P.data && r.push(R(P.data, P.mode)), r;
       }, []);
     }, g.fromString = function(d, r) {
-      const P = f(d, n.isKanjiModeEnabled()), Y = i(P), T = u(Y, r), m = I.find_path(T.map, "start", "end"), s = [];
+      const P = s(d, n.isKanjiModeEnabled()), Y = i(P), T = u(Y, r), m = I.find_path(T.map, "start", "end"), f = [];
       for (let v = 1; v < m.length - 1; v++)
-        s.push(T.table[m[v]].node);
-      return g.fromArray(o(s));
+        f.push(T.table[m[v]].node);
+      return g.fromArray(o(f));
     }, g.rawSplit = function(d) {
       return g.fromArray(
-        f(d, n.isKanjiModeEnabled())
+        s(d, n.isKanjiModeEnabled())
       );
     };
   }(nB)), nB;
@@ -5400,66 +5400,66 @@ var LC;
 function pE() {
   if (LC) return pg;
   LC = 1;
-  const g = ig(), A = vB(), E = RE(), B = YE(), C = JE(), Q = XE(), t = FE(), n = gQ(), I = LE(), w = zE(), c = NE(), f = sg(), D = SE();
+  const g = ig(), A = vB(), E = RE(), B = YE(), C = JE(), Q = XE(), t = FE(), n = gQ(), I = LE(), c = zE(), w = NE(), s = sg(), D = SE();
   function o(T, m) {
-    const s = T.size, v = Q.getPositions(m);
+    const f = T.size, v = Q.getPositions(m);
     for (let k = 0; k < v.length; k++) {
       const H = v[k][0], F = v[k][1];
       for (let x = -1; x <= 7; x++)
-        if (!(H + x <= -1 || s <= H + x))
+        if (!(H + x <= -1 || f <= H + x))
           for (let X = -1; X <= 7; X++)
-            F + X <= -1 || s <= F + X || (x >= 0 && x <= 6 && (X === 0 || X === 6) || X >= 0 && X <= 6 && (x === 0 || x === 6) || x >= 2 && x <= 4 && X >= 2 && X <= 4 ? T.set(H + x, F + X, !0, !0) : T.set(H + x, F + X, !1, !0));
+            F + X <= -1 || f <= F + X || (x >= 0 && x <= 6 && (X === 0 || X === 6) || X >= 0 && X <= 6 && (x === 0 || x === 6) || x >= 2 && x <= 4 && X >= 2 && X <= 4 ? T.set(H + x, F + X, !0, !0) : T.set(H + x, F + X, !1, !0));
     }
   }
   function i(T) {
     const m = T.size;
-    for (let s = 8; s < m - 8; s++) {
-      const v = s % 2 === 0;
-      T.set(s, 6, v, !0), T.set(6, s, v, !0);
+    for (let f = 8; f < m - 8; f++) {
+      const v = f % 2 === 0;
+      T.set(f, 6, v, !0), T.set(6, f, v, !0);
     }
   }
   function u(T, m) {
-    const s = C.getPositions(m);
-    for (let v = 0; v < s.length; v++) {
-      const k = s[v][0], H = s[v][1];
+    const f = C.getPositions(m);
+    for (let v = 0; v < f.length; v++) {
+      const k = f[v][0], H = f[v][1];
       for (let F = -2; F <= 2; F++)
         for (let x = -2; x <= 2; x++)
           F === -2 || F === 2 || x === -2 || x === 2 || F === 0 && x === 0 ? T.set(k + F, H + x, !0, !0) : T.set(k + F, H + x, !1, !0);
     }
   }
   function R(T, m) {
-    const s = T.size, v = w.getEncodedBits(m);
+    const f = T.size, v = c.getEncodedBits(m);
     let k, H, F;
     for (let x = 0; x < 18; x++)
-      k = Math.floor(x / 3), H = x % 3 + s - 8 - 3, F = (v >> x & 1) === 1, T.set(k, H, F, !0), T.set(H, k, F, !0);
+      k = Math.floor(x / 3), H = x % 3 + f - 8 - 3, F = (v >> x & 1) === 1, T.set(k, H, F, !0), T.set(H, k, F, !0);
   }
-  function M(T, m, s) {
-    const v = T.size, k = c.getEncodedBits(m, s);
+  function M(T, m, f) {
+    const v = T.size, k = w.getEncodedBits(m, f);
     let H, F;
     for (H = 0; H < 15; H++)
       F = (k >> H & 1) === 1, H < 6 ? T.set(H, 8, F, !0) : H < 8 ? T.set(H + 1, 8, F, !0) : T.set(v - 15 + H, 8, F, !0), H < 8 ? T.set(8, v - H - 1, F, !0) : H < 9 ? T.set(8, 15 - H - 1 + 1, F, !0) : T.set(8, 15 - H - 1, F, !0);
     T.set(v - 8, 8, 1, !0);
   }
   function d(T, m) {
-    const s = T.size;
-    let v = -1, k = s - 1, H = 7, F = 0;
-    for (let x = s - 1; x > 0; x -= 2)
+    const f = T.size;
+    let v = -1, k = f - 1, H = 7, F = 0;
+    for (let x = f - 1; x > 0; x -= 2)
       for (x === 6 && x--; ; ) {
         for (let X = 0; X < 2; X++)
           if (!T.isReserved(k, x - X)) {
             let U = !1;
             F < m.length && (U = (m[F] >>> H & 1) === 1), T.set(k, x - X, U), H--, H === -1 && (F++, H = 7);
           }
-        if (k += v, k < 0 || s <= k) {
+        if (k += v, k < 0 || f <= k) {
           k -= v, v = -v;
           break;
         }
       }
   }
-  function r(T, m, s) {
+  function r(T, m, f) {
     const v = new E();
-    s.forEach(function(X) {
-      v.put(X.mode.bit, 4), v.put(X.getLength(), f.getCharCountIndicator(X.mode, T)), X.write(v);
+    f.forEach(function(X) {
+      v.put(X.mode.bit, 4), v.put(X.getLength(), s.getCharCountIndicator(X.mode, T)), X.write(v);
     });
     const k = g.getSymbolTotalCodewords(T), H = n.getTotalCodewordsCount(T, m), F = (k - H) * 8;
     for (v.getLengthInBits() + 4 <= F && v.put(0, 4); v.getLengthInBits() % 8 !== 0; )
@@ -5469,8 +5469,8 @@ function pE() {
       v.put(X % 2 ? 17 : 236, 8);
     return P(v, T, m);
   }
-  function P(T, m, s) {
-    const v = g.getSymbolTotalCodewords(m), k = n.getTotalCodewordsCount(m, s), H = v - k, F = n.getBlocksCount(m, s), x = v % F, X = F - x, U = Math.floor(v / F), j = Math.floor(H / F), O = j + 1, e = U - j, h = new I(e);
+  function P(T, m, f) {
+    const v = g.getSymbolTotalCodewords(m), k = n.getTotalCodewordsCount(m, f), H = v - k, F = n.getBlocksCount(m, f), x = v % F, X = F - x, U = Math.floor(v / F), j = Math.floor(H / F), O = j + 1, e = U - j, h = new I(e);
     let q = 0;
     const l = new Array(F), N = new Array(F);
     let L = 0;
@@ -5489,7 +5489,7 @@ function pE() {
         y[AA++] = N[IA][S];
     return y;
   }
-  function Y(T, m, s, v) {
+  function Y(T, m, f, v) {
     let k;
     if (Array.isArray(T))
       k = D.fromArray(T);
@@ -5497,12 +5497,12 @@ function pE() {
       let U = m;
       if (!U) {
         const j = D.rawSplit(T);
-        U = w.getBestVersionForData(j, s);
+        U = c.getBestVersionForData(j, f);
       }
       k = D.fromString(T, U || 40);
     } else
       throw new Error("Invalid data");
-    const H = w.getBestVersionForData(k, s);
+    const H = c.getBestVersionForData(k, f);
     if (!H)
       throw new Error("The amount of data is too big to be stored in a QR Code");
     if (!m)
@@ -5514,23 +5514,23 @@ The chosen QR Code version cannot contain this amount of data.
 Minimum version required to store current data is: ` + H + `.
 `
       );
-    const F = r(m, s, k), x = g.getSymbolSize(m), X = new B(x);
-    return o(X, m), i(X), u(X, m), M(X, s, 0), m >= 7 && R(X, m), d(X, F), isNaN(v) && (v = t.getBestMask(
+    const F = r(m, f, k), x = g.getSymbolSize(m), X = new B(x);
+    return o(X, m), i(X), u(X, m), M(X, f, 0), m >= 7 && R(X, m), d(X, F), isNaN(v) && (v = t.getBestMask(
       X,
-      M.bind(null, X, s)
-    )), t.applyMask(v, X), M(X, s, v), {
+      M.bind(null, X, f)
+    )), t.applyMask(v, X), M(X, f, v), {
       modules: X,
       version: m,
-      errorCorrectionLevel: s,
+      errorCorrectionLevel: f,
       maskPattern: v,
       segments: k
     };
   }
-  return pg.create = function(m, s) {
+  return pg.create = function(m, f) {
     if (typeof m == "undefined" || m === "")
       throw new Error("No input text");
     let v = A.M, k, H;
-    return typeof s != "undefined" && (v = A.from(s.errorCorrectionLevel, A.M), k = w.from(s.version), H = t.from(s.maskPattern), s.toSJISFunc && g.setToSJISFunction(s.toSJISFunc)), Y(m, k, v, H);
+    return typeof f != "undefined" && (v = A.from(f.errorCorrectionLevel, A.M), k = c.from(f.version), H = t.from(f.maskPattern), f.toSJISFunc && g.setToSJISFunction(f.toSJISFunc)), Y(m, k, v, H);
   }, pg;
 }
 var oB = {}, aB = {}, zC;
@@ -5574,13 +5574,13 @@ function QQ() {
       const Q = g.getScale(B, C);
       return Math.floor((B + C.margin * 2) * Q);
     }, g.qrToImageData = function(B, C, Q) {
-      const t = C.modules.size, n = C.modules.data, I = g.getScale(t, Q), w = Math.floor((t + Q.margin * 2) * I), c = Q.margin * I, f = [Q.color.light, Q.color.dark];
-      for (let D = 0; D < w; D++)
-        for (let o = 0; o < w; o++) {
-          let i = (D * w + o) * 4, u = Q.color.light;
-          if (D >= c && o >= c && D < w - c && o < w - c) {
-            const R = Math.floor((D - c) / I), M = Math.floor((o - c) / I);
-            u = f[n[R * t + M] ? 1 : 0];
+      const t = C.modules.size, n = C.modules.data, I = g.getScale(t, Q), c = Math.floor((t + Q.margin * 2) * I), w = Q.margin * I, s = [Q.color.light, Q.color.dark];
+      for (let D = 0; D < c; D++)
+        for (let o = 0; o < c; o++) {
+          let i = (D * c + o) * 4, u = Q.color.light;
+          if (D >= w && o >= w && D < c - w && o < c - w) {
+            const R = Math.floor((D - w) / I), M = Math.floor((o - w) / I);
+            u = s[n[R * t + M] ? 1 : 0];
           }
           B[i++] = u.r, B[i++] = u.g, B[i++] = u.b, B[i] = u.a;
         }
@@ -5602,15 +5602,15 @@ function ZE() {
       }
     }
     g.render = function(Q, t, n) {
-      let I = n, w = t;
-      typeof I == "undefined" && (!t || !t.getContext) && (I = t, t = void 0), t || (w = B()), I = A.getOptions(I);
-      const c = A.getImageWidth(Q.modules.size, I), f = w.getContext("2d"), D = f.createImageData(c, c);
-      return A.qrToImageData(D.data, Q, I), E(f, w, c), f.putImageData(D, 0, 0), w;
+      let I = n, c = t;
+      typeof I == "undefined" && (!t || !t.getContext) && (I = t, t = void 0), t || (c = B()), I = A.getOptions(I);
+      const w = A.getImageWidth(Q.modules.size, I), s = c.getContext("2d"), D = s.createImageData(w, w);
+      return A.qrToImageData(D.data, Q, I), E(s, c, w), s.putImageData(D, 0, 0), c;
     }, g.renderToDataURL = function(Q, t, n) {
       let I = n;
       typeof I == "undefined" && (!t || !t.getContext) && (I = t, t = void 0), I || (I = {});
-      const w = g.render(Q, t, I), c = I.type || "image/png", f = I.rendererOpts || {};
-      return w.toDataURL(c, f.quality);
+      const c = g.render(Q, t, I), w = I.type || "image/png", s = I.rendererOpts || {};
+      return c.toDataURL(w, s.quality);
     };
   }(oB)), oB;
 }
@@ -5628,15 +5628,15 @@ function VE() {
     return typeof t != "undefined" && (n += " " + t), n;
   }
   function B(C, Q, t) {
-    let n = "", I = 0, w = !1, c = 0;
-    for (let f = 0; f < C.length; f++) {
-      const D = Math.floor(f % Q), o = Math.floor(f / Q);
-      !D && !w && (w = !0), C[f] ? (c++, f > 0 && D > 0 && C[f - 1] || (n += w ? E("M", D + t, 0.5 + o + t) : E("m", I, 0), I = 0, w = !1), D + 1 < Q && C[f + 1] || (n += E("h", c), c = 0)) : I++;
+    let n = "", I = 0, c = !1, w = 0;
+    for (let s = 0; s < C.length; s++) {
+      const D = Math.floor(s % Q), o = Math.floor(s / Q);
+      !D && !c && (c = !0), C[s] ? (w++, s > 0 && D > 0 && C[s - 1] || (n += c ? E("M", D + t, 0.5 + o + t) : E("m", I, 0), I = 0, c = !1), D + 1 < Q && C[s + 1] || (n += E("h", w), w = 0)) : I++;
     }
     return n;
   }
   return DB.render = function(Q, t, n) {
-    const I = g.getOptions(t), w = Q.modules.size, c = Q.modules.data, f = w + I.margin * 2, D = I.color.light.a ? "<path " + A(I.color.light, "fill") + ' d="M0 0h' + f + "v" + f + 'H0z"/>' : "", o = "<path " + A(I.color.dark, "stroke") + ' d="' + B(c, w, I.margin) + '"/>', i = 'viewBox="0 0 ' + f + " " + f + '"', R = '<svg xmlns="http://www.w3.org/2000/svg" ' + (I.width ? 'width="' + I.width + '" height="' + I.width + '" ' : "") + i + ' shape-rendering="crispEdges">' + D + o + `</svg>
+    const I = g.getOptions(t), c = Q.modules.size, w = Q.modules.data, s = c + I.margin * 2, D = I.color.light.a ? "<path " + A(I.color.light, "fill") + ' d="M0 0h' + s + "v" + s + 'H0z"/>' : "", o = "<path " + A(I.color.dark, "stroke") + ' d="' + B(w, c, I.margin) + '"/>', i = 'viewBox="0 0 ' + s + " " + s + '"', R = '<svg xmlns="http://www.w3.org/2000/svg" ' + (I.width ? 'width="' + I.width + '" height="' + I.width + '" ' : "") + i + ' shape-rendering="crispEdges">' + D + o + `</svg>
 `;
     return typeof n == "function" && n(null, R), R;
   }, DB;
@@ -5646,18 +5646,18 @@ function WE() {
   if (jC) return Tg;
   jC = 1;
   const g = kE(), A = pE(), E = ZE(), B = VE();
-  function C(Q, t, n, I, w) {
-    const c = [].slice.call(arguments, 1), f = c.length, D = typeof c[f - 1] == "function";
+  function C(Q, t, n, I, c) {
+    const w = [].slice.call(arguments, 1), s = w.length, D = typeof w[s - 1] == "function";
     if (!D && !g())
       throw new Error("Callback required as last argument");
     if (D) {
-      if (f < 2)
+      if (s < 2)
         throw new Error("Too few arguments provided");
-      f === 2 ? (w = n, n = t, t = I = void 0) : f === 3 && (t.getContext && typeof w == "undefined" ? (w = I, I = void 0) : (w = I, I = n, n = t, t = void 0));
+      s === 2 ? (c = n, n = t, t = I = void 0) : s === 3 && (t.getContext && typeof c == "undefined" ? (c = I, I = void 0) : (c = I, I = n, n = t, t = void 0));
     } else {
-      if (f < 1)
+      if (s < 1)
         throw new Error("Too few arguments provided");
-      return f === 1 ? (n = t, t = I = void 0) : f === 2 && !t.getContext && (I = n, n = t, t = void 0), new Promise(function(o, i) {
+      return s === 1 ? (n = t, t = I = void 0) : s === 2 && !t.getContext && (I = n, n = t, t = void 0), new Promise(function(o, i) {
         try {
           const u = A.create(n, I);
           o(Q(u, t, I));
@@ -5668,9 +5668,9 @@ function WE() {
     }
     try {
       const o = A.create(n, I);
-      w(null, Q(o, t, I));
+      c(null, Q(o, t, I));
     } catch (o) {
-      w(o);
+      c(o);
     }
   }
   return Tg.create = A.create, Tg.toCanvas = C.bind(null, E.render), Tg.toDataURL = C.bind(null, E.renderToDataURL), Tg.toString = C.bind(null, function(Q, t, n) {
@@ -5689,7 +5689,7 @@ function gI(n) {
     setOrderId: Q,
     theme: t = "ocb"
   }) {
-    let I = null, w = "", c = null, f = (C == null ? void 0 : C.orderId) || null, D = !1, o = 0;
+    let I = null, c = "", w = null, s = (C == null ? void 0 : C.orderId) || null, D = !1, o = 0;
     const i = document.createElement("div");
     i.className = "wgt:flex wgt:flex-col wgt:gap-6 wgt:relative";
     const {
@@ -5712,13 +5712,13 @@ function gI(n) {
       theme: t
     }));
     r.appendChild(T), d.appendChild(r);
-    const { container: s, resetCountdown: v } = HE(GA(PA({}, C), {
+    const { container: f, resetCountdown: v } = HE(GA(PA({}, C), {
       selectedPromotions: (C == null ? void 0 : C.selectedPromotions) || [],
       onResetToStep1: () => {
-        c && (clearInterval(c), c = null), C != null && C.onResetToStep1 && C.onResetToStep1();
+        w && (clearInterval(w), w = null), C != null && C.onResetToStep1 && C.onResetToStep1();
       }
     }));
-    d.appendChild(s), i.appendChild(d);
+    d.appendChild(f), i.appendChild(d);
     const k = document.createElement("div");
     k.className = "wgt:flex wgt:items-center wgt:justify-between wgt:gap-2";
     const H = ng({
@@ -5726,7 +5726,7 @@ function gI(n) {
       title: a("back"),
       className: "wgt:bg-transparent wgt:!text-primary wgt:hover:bg-transparent wgt:underline",
       handleClick: () => {
-        A && (clearInterval(c), c = null, A());
+        A && (clearInterval(w), w = null, A());
       }
     });
     k.appendChild(H), i.appendChild(k);
@@ -5747,7 +5747,7 @@ function gI(n) {
             packages: O.packages,
             promotionCodes: O.promotionCodes
           })).orderId;
-          N !== f && (f = N, Q(N), yield x(N), v());
+          N !== s && (s = N, Q(N), yield x(N), v());
         } catch (l) {
           console.error("Error creating order:", l), og(a("errorCreatingOrder") || "Failed to create order");
           return;
@@ -5771,7 +5771,7 @@ function gI(n) {
             baseURL: TQ(t)
           }), !(I != null && I.qr_string))
             throw new Error("QR string is empty or undefined");
-          w = yield $E.toDataURL(I.qr_string, {
+          c = yield $E.toDataURL(I.qr_string, {
             errorCorrectionLevel: "H",
             margin: 1,
             width: 200,
@@ -5782,7 +5782,7 @@ function gI(n) {
               // Background color
             }
           }), m && m({
-            qrSrc: w,
+            qrSrc: c,
             accountName: (I == null ? void 0 : I.merchant_name) || "",
             accountNumber: (I == null ? void 0 : I.va_account_no) || "",
             bankName: (I == null ? void 0 : I.bank_code) || ""
@@ -5821,24 +5821,25 @@ function gI(n) {
         }
       });
     }
-    f && (yield x(f));
+    s && (yield x(s));
     let X = !1;
     function U() {
       X = !navigator.onLine, console.log("Network status changed:", X ? "offline" : "online");
     }
     function j() {
-      c && (clearInterval(c), c = null), c = setInterval(() => W(null, null, function* () {
+      w && (clearInterval(w), w = null), w = setInterval(() => W(null, null, function* () {
         var O, e;
         try {
-          const h = yield fE(f);
+          const h = yield fE(s);
           if (h.paymentStatus === "pending")
             return;
           const q = h.paymentStatus === "paid" ? a("paymentSuccess") : a("paymentFailed"), l = PB({
             message: q,
             okLabel: "OK",
+            theme: t,
             isSuccess: h.paymentStatus === "paid",
             onClose: function() {
-              clearInterval(c), c = null, g();
+              clearInterval(w), w = null, g();
             },
             preventClose: !0
           });
@@ -5855,14 +5856,14 @@ function gI(n) {
             okLabel: a("tryAgain"),
             onClose: function() {
               return W(this, null, function* () {
-                clearInterval(c), c = null, yield F();
+                clearInterval(w), w = null, yield F();
               });
             }
           }) : ((e = h.response) == null ? void 0 : e.status) === 410 ? og(a("paymentTimeoutMessage"), {
             okLabel: a("tryAgain"),
             onClose: function() {
               return W(this, null, function* () {
-                clearInterval(c), c = null, yield F();
+                clearInterval(w), w = null, yield F();
               });
             }
           }) : j();
@@ -5870,7 +5871,7 @@ function gI(n) {
       }), 5e3);
     }
     return window.addEventListener("online", U), window.addEventListener("offline", U), window.addEventListener("beforeunload", function() {
-      c && (clearInterval(c), c = null);
+      w && (clearInterval(w), w = null);
     }), { container: i };
   });
 }
@@ -5892,12 +5893,12 @@ function BI({
   n.className = "wgt:w-full wgt:max-w-3xl wgt:space-y-4 wgt:rounded-xl wgt:bg-white", t.appendChild(n);
   const I = document.createElement("h3");
   I.className = "wgt:text-sm wgt:font-semibold wgt:text-text-black", I.innerText = a("confirmationTitle"), n.appendChild(I);
-  const w = document.createElement("div");
-  w.className = "wgt:flex wgt:items-center wgt:gap-4", n.appendChild(w);
   const c = document.createElement("div");
-  c.className = "wgt:flex wgt:h-8 wgt:w-8 wgt:shrink-0 wgt:items-center wgt:justify-center wgt:rounded-full wgt:bg-primary wgt:text-xs wgt:font-semibold wgt:text-white", c.innerText = "1", w.appendChild(c);
-  const f = document.createElement("p");
-  f.className = "wgt:text-sm wgt:leading-relaxed wgt:text-strong-950", f.innerText = a("notice1"), w.appendChild(f);
+  c.className = "wgt:flex wgt:items-center wgt:gap-4", n.appendChild(c);
+  const w = document.createElement("div");
+  w.className = "wgt:flex wgt:h-8 wgt:w-8 wgt:shrink-0 wgt:items-center wgt:justify-center wgt:rounded-full wgt:bg-primary wgt:text-xs wgt:font-semibold wgt:text-white", w.innerText = "1", c.appendChild(w);
+  const s = document.createElement("p");
+  s.className = "wgt:text-sm wgt:leading-relaxed wgt:text-strong-950", s.innerText = a("notice1"), c.appendChild(s);
   const D = document.createElement("div");
   D.className = "wgt:flex wgt:items-start wgt:gap-4", n.appendChild(D);
   const o = document.createElement("div");
@@ -5954,8 +5955,8 @@ function BI({
   `, Y.appendChild(T);
   const m = document.createElement("span");
   m.innerHTML = `${a("email")}: <b>${(r == null ? void 0 : r.email) || ""}</b>`, Y.appendChild(m);
-  const s = document.createElement("div");
-  s.className = "wgt:flex wgt:items-center wgt:gap-2 wgt:text-sm wgt:text-strong-950", R.appendChild(s);
+  const f = document.createElement("div");
+  f.className = "wgt:flex wgt:items-center wgt:gap-2 wgt:text-sm wgt:text-strong-950", R.appendChild(f);
   const v = document.createElement("div");
   v.innerHTML = `
     <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -5968,9 +5969,9 @@ function BI({
 </clipPath>
 </defs>
 </svg>
-  `, s.appendChild(v), s.appendChild(document.createTextNode(a("website") + ": "));
+  `, f.appendChild(v), f.appendChild(document.createTextNode(a("website") + ": "));
   const k = document.createElement("a");
-  k.className = "wgt:text-strong-950 wgt:hover:underline wgt:cursor-pointer", k.innerHTML = `<b>${(r == null ? void 0 : r.link) || ""}</b>`, k.href = (r == null ? void 0 : r.link) || "#", k.target = "_blank", s.appendChild(k);
+  k.className = "wgt:text-strong-950 wgt:hover:underline wgt:cursor-pointer", k.innerHTML = `<b>${(r == null ? void 0 : r.link) || ""}</b>`, k.href = (r == null ? void 0 : r.link) || "#", k.target = "_blank", f.appendChild(k);
   const H = document.createElement("div");
   H.className = "wgt:flex wgt:items-center wgt:gap-4", n.appendChild(H);
   const F = document.createElement("div");
@@ -6072,10 +6073,10 @@ function KC(B) {
     C.style.display = "flex", C.style.flexDirection = "column", C.style.gap = "0", C.style.width = "100%", C.style.height = "100%", C.style.minHeight = "0", window.matchMedia("(min-width: 640px)").matches && (C.style.gap = "1rem");
     let Q = "";
     try {
-      const w = yield fQ({ orderId: g });
-      Q = w && w.url ? w.url : "";
-    } catch (w) {
-      return console.error("Failed to fetch wireframe URL:", w), C.innerHTML = `
+      const c = yield fQ({ orderId: g });
+      Q = c && c.url ? c.url : "";
+    } catch (c) {
+      return console.error("Failed to fetch wireframe URL:", c), C.innerHTML = `
       <div style="display: flex; align-items: center; justify-content: center; height: 100%; padding: 1rem;">
         <p style="color: #ef4444; text-align: center; font-size: 0.875rem;">
           Không thể tải hợp đồng.
@@ -6088,8 +6089,8 @@ function KC(B) {
     const n = document.createElement("iframe");
     return n.src = Q, n.style.position = "absolute", n.style.top = "0", n.style.left = "0", n.style.width = "100%", n.style.height = "100%", n.style.borderRadius = "0", n.style.border = "0", window.matchMedia("(min-width: 640px)").matches && (n.style.borderRadius = "0.375rem"), n.loading = "lazy", n.allowFullscreen = !0, n.setAttribute("scrolling", "auto"), n.setAttribute("frameBorder", "0"), t.appendChild(n), C.appendChild(t), { container: C, cleanup: () => {
       document.body.classList.remove("no-scroll"), n.classList.remove("block-interaction");
-      const w = document.getElementById("signature-popup-backdrop");
-      w && w.remove();
+      const c = document.getElementById("signature-popup-backdrop");
+      c && c.remove();
     } };
   });
 }
@@ -6099,8 +6100,8 @@ function EQ(g, A) {
   function Q() {
     const I = UC(E);
     if (I !== C) {
-      const w = C;
-      C = I, g(I, w);
+      const c = C;
+      C = I, g(I, c);
     }
   }
   window.addEventListener("popstate", Q), E && window.addEventListener("hashchange", Q);
@@ -6172,7 +6173,7 @@ function DI({
     } catch (X) {
     }
   });
-  const w = oI(), c = aI(w), f = `Bạn có thể vào <strong style="color: ${c} !important;">Thiết lập</strong> để sử dụng dịch vụ, <br> hoặc chọn <strong style="color: ${c} !important;">Tiếp tục</strong> để đăng ký mới (có thể phát sinh phí).`, D = document.createElement("div");
+  const c = oI(), w = aI(c), s = `Bạn có thể vào <strong style="color: ${w} !important;">Thiết lập</strong> để sử dụng dịch vụ, <br> hoặc chọn <strong style="color: ${w} !important;">Tiếp tục</strong> để đăng ký mới (có thể phát sinh phí).`, D = document.createElement("div");
   D.style.cssText = `
     position: fixed;
     inset: 0;
@@ -6182,7 +6183,7 @@ function DI({
     justify-content: center;
     background-color: rgba(0, 0, 0, 0.5);
     backdrop-filter: blur(4px);
-  `, D.setAttribute("role", "dialog"), D.setAttribute("aria-modal", "true"), D.setAttribute("data-wgt-warning-popup", "true"), D.setAttribute("data-theme", w);
+  `, D.setAttribute("role", "dialog"), D.setAttribute("aria-modal", "true"), D.setAttribute("data-wgt-warning-popup", "true"), D.setAttribute("data-theme", c);
   const o = document.createElement("div");
   if (o.style.cssText = `
     position: relative;
@@ -6250,7 +6251,7 @@ function DI({
     font-size: 0.9rem;
     color: #4b5563;
     line-height: 1.6;
-  `, M.innerHTML = f, o.appendChild(M);
+  `, M.innerHTML = s, o.appendChild(M);
   const d = document.createElement("div");
   d.style.cssText = `
     display: flex;
@@ -6268,7 +6269,7 @@ function DI({
     border: none;
     font-size: 1rem;
     font-weight: 500;
-    background-color: ${c};
+    background-color: ${w};
     transition: opacity 0.2s ease;
   `, r.addEventListener(
     "mouseenter",
@@ -6294,21 +6295,21 @@ function DI({
     background-color: white;
     transition: background-color 0.2s ease, color 0.2s ease;
   `, P.addEventListener("mouseenter", () => {
-    P.style.backgroundColor = `${c}10`;
+    P.style.backgroundColor = `${w}10`;
   }), P.addEventListener("mouseleave", () => {
     P.style.backgroundColor = "white";
   }), P.addEventListener("focus", () => P.style.outline = "none"), d.appendChild(P);
   let Y = !1, T = !1;
   const m = (x) => {
     x.target === D && !B && F(!1);
-  }, s = (x) => {
+  }, f = (x) => {
     x.key === "Escape" && !B && F(!1);
   };
   function v() {
-    D.addEventListener("click", m), window.addEventListener("keydown", s), r.addEventListener("click", () => F(!0)), P.addEventListener("click", () => F(!1));
+    D.addEventListener("click", m), window.addEventListener("keydown", f), r.addEventListener("click", () => F(!0)), P.addEventListener("click", () => F(!1));
   }
   function k() {
-    D.removeEventListener("click", m), window.removeEventListener("keydown", s);
+    D.removeEventListener("click", m), window.removeEventListener("keydown", f);
   }
   function H() {
     Y || (Y = !0, document.body.appendChild(D), D.style.display = "flex", setTimeout(() => r.focus(), 0), v());
@@ -6327,19 +6328,20 @@ function DI({
 }
 function uB(g, A, E, B = !1, C = "ocb", Q = "") {
   return W(this, null, function* () {
+    var t, n;
     try {
       if (C !== "bvb") {
         E(!0, null);
         return;
       }
-      const t = yield RQ(g, A, "HDTT");
-      let n = null;
+      const I = yield RQ(g, A, "HDTT");
+      let c = null;
       if (B) {
-        E(t.isNewCustomer, null);
+        E(I.isNewCustomer, null);
         return;
       }
-      if (!t.isNewCustomer) {
-        n = yield YQ(g, A), DI({
+      if (!I.isNewCustomer) {
+        c = yield YQ(g, A), yield E(I.isNewCustomer, c), yield new Promise((s) => setTimeout(s, 1e3)), (((t = c == null ? void 0 : c.organization) == null ? void 0 : t.name) || ((n = c == null ? void 0 : c.organization) == null ? void 0 : n.taxCode)) && DI({
           settingUrl: Q,
           onCancel: () => {
             E(!0, null);
@@ -6350,8 +6352,8 @@ function uB(g, A, E, B = !1, C = "ocb", Q = "") {
         return;
       }
       E(!0, null);
-    } catch (t) {
-      console.error("Error checking new customer:", t), E(!0, null);
+    } catch (I) {
+      console.error("Error checking new customer:", I), E(!0, null);
     }
   });
 }
@@ -6369,11 +6371,11 @@ function fI(g, A, E, B, C, Q) {
     function I() {
       return [a("stepInfo"), a("stepPlan"), a("stepPayment")];
     }
-    let w = vQ({
+    let c = vQ({
       steps: I(),
       currentStep: 1
-    }), { container: c, setStep: f, setContent: D } = w;
-    g.dataset.theme = C || "default", g.classList.add("wgt:mx-auto", "wgt:@container"), g.appendChild(c);
+    }), { container: w, setStep: s, setContent: D } = c;
+    g.dataset.theme = C || "default", g.classList.add("wgt:mx-auto", "wgt:@container"), g.appendChild(w);
     let o = 1, i = n[0], u = {
       eInvoiceRegistration: {
         taxAuthorityCode: "",
@@ -6412,7 +6414,7 @@ function fI(g, A, E, B, C, Q) {
       idCardBack: null,
       packages: [],
       promotionCodes: []
-    }, R = !0, M = !Q, d = null, r = null, P = null, Y = null, T = 0, m = null, s = null, v = null, k = {
+    }, R = !0, M = !Q, d = null, r = null, P = null, Y = null, T = 0, m = null, f = null, v = null, k = {
       qtyRegFee: 1,
       qtyInvoicePkg: 1,
       qtySignaturePkg: 1
@@ -6506,7 +6508,7 @@ function fI(g, A, E, B, C, Q) {
       });
     }
     function x() {
-      H(), o = 1, f(o, I()), j(o);
+      H(), o = 1, s(o, I()), j(o);
     }
     function X() {
       typeof window != "undefined" && window.scrollTo({
@@ -6571,7 +6573,7 @@ function fI(g, A, E, B, C, Q) {
               updateRegistrationData: U,
               serial: (B == null ? void 0 : B.serial) || "",
               onSubmit: (y) => {
-                u.eInvoiceRegistration = PA(PA({}, u.eInvoiceRegistration), y.eInvoiceRegistration), u.logo = y.logo || null, u.license = y.license || null, u.idCard = y.idCard || null, u.idCardBack = y.idCardBack || null, u.provider = i.route, o = 2, f(o, I()), j(o), X();
+                u.eInvoiceRegistration = PA(PA({}, u.eInvoiceRegistration), y.eInvoiceRegistration), u.logo = y.logo || null, u.license = y.license || null, u.idCard = y.idCard || null, u.idCardBack = y.idCardBack || null, u.provider = i.route, o = 2, s(o, I()), j(o), X();
               },
               registrationData: u,
               theme: C || "default",
@@ -6591,10 +6593,10 @@ function fI(g, A, E, B, C, Q) {
         } else if (L === 2) {
           const { container: b } = yield lE({
             onNext: () => W(null, null, function* () {
-              o = 3, f(o, I()), j(o), X();
+              o = 3, s(o, I()), j(o), X();
             }),
             onPrev: () => {
-              o = 1, f(o, I()), j(o), X();
+              o = 1, s(o, I()), j(o), X();
             },
             setSelectedInitPackage: (y) => {
               r = y;
@@ -6612,7 +6614,7 @@ function fI(g, A, E, B, C, Q) {
               T = y;
             },
             setSelectedPromotions: (y) => {
-              s = y;
+              f = y;
             },
             setPackages: (y) => {
               u.packages = y;
@@ -6623,7 +6625,7 @@ function fI(g, A, E, B, C, Q) {
             selectedInitPackage: r,
             selectedInvoiceOtp: P,
             selectedSignatureOtp: Y,
-            selectedPromotions: s,
+            selectedPromotions: f,
             theme: C,
             selectedProvider: i,
             registrationData: u,
@@ -6637,10 +6639,10 @@ function fI(g, A, E, B, C, Q) {
         } else if (L === 3) {
           const { container: b } = yield gI({
             onNext: () => {
-              o = 4, f(o, I()), j(o), X();
+              o = 4, s(o, I()), j(o), X();
             },
             onPrev: () => {
-              o = 2, f(o, I()), j(o), X();
+              o = 2, s(o, I()), j(o), X();
             },
             step: 3,
             checkoutProps: {
@@ -6655,10 +6657,10 @@ function fI(g, A, E, B, C, Q) {
               selectedProvider: i || { name: "", logo: "" },
               selectedInvoiceOtp: P || { unitsPerMonth: 0 },
               selectedSignatureOtp: Y || { durationYears: 0 },
-              selectedPromotions: s,
+              selectedPromotions: f,
               totalAmountText: T,
               onCancel: () => {
-                o = 2, f(o, I()), j(o), X();
+                o = 2, s(o, I()), j(o), X();
               },
               onResetToStep1: x
             },
@@ -6671,7 +6673,7 @@ function fI(g, A, E, B, C, Q) {
           const { container: b } = BI({
             orderId: d || "",
             onPrev: () => {
-              o = 3, f(o, I()), j(o), X();
+              o = 3, s(o, I()), j(o), X();
             },
             onReturnHome: A || (() => {
             }),
@@ -6684,7 +6686,7 @@ function fI(g, A, E, B, C, Q) {
         }
       });
     }
-    w.updateTitle(
+    c.updateTitle(
       M ? a("eInvoiceRegister") : a("eInvoiceRenewal")
     );
     const { container: O, open: e } = qB();
@@ -6717,22 +6719,22 @@ function mI(g, A, E, B) {
       onCompleteSignature: B
     });
     Q(I), g.appendChild(C);
-    const { container: w } = yield KC({
+    const { container: c } = yield KC({
       orderId: t,
       callbackUrl: n,
       onCompleteSignature: B
     });
-    Q(w);
-    const c = EQ(
+    Q(c);
+    const w = EQ(
       () => {
-        f();
+        s();
       },
       { includeHash: !1 }
     );
-    function f() {
-      c(), g && g.parentNode && (g.innerHTML = "");
+    function s() {
+      w(), g && g.parentNode && (g.innerHTML = "");
     }
-    return { destroy: f };
+    return { destroy: s };
   });
 }
 export {