@invoice-sdk/widget 1.120.1 → 1.120.3

package/dist/{index-CdN3aILt.js → index-DgDF2RGv.js}

@@ -9,24 +9,24 @@ var ee = (r, t, e) => t in r ? re(r, t, { enumerable: !0, configurable: !0, writ
       se.call(t, e) && ee(r, e, t[e]);
   return r;
 };
-var j = (r, t, e) => new Promise((n, d) => {
+var j = (r, t, e) => new Promise((n, l) => {
   var s = (p) => {
     try {
       g(e.next(p));
     } catch (N) {
-      d(N);
+      l(N);
     }
   }, a = (p) => {
     try {
       g(e.throw(p));
     } catch (N) {
-      d(N);
+      l(N);
     }
   }, g = (p) => p.done ? n(p.value) : Promise.resolve(p.value).then(s, a);
   g((e = e.apply(r, t)).next());
 });
-import { c as G, f as te, e as oe, b as de, o as ne, s as le } from "./loading-pdqPXs86.js";
-import { t as i, c as J, j as ce } from "./index-DveBzjNY.js";
+import { c as G, f as te, e as oe, b as le, o as ne, s as de } from "./loading-XFy-I2ys.js";
+import { t as i, c as J, j as ce } from "./index-DOx-LBdB.js";
 function z(r) {
   const t = r.trim();
   return t ? t.length < 2 || t.length > 250 ? { valid: !1, error: i("length_2_250") } : /[<>:"\/\\|?*@#$%!^]/.test(t) ? { valid: !1, error: i("invalid_characters") } : { valid: !0 } : { valid: !1, error: i("required_name") };
@@ -68,7 +68,7 @@ function pe({ defaultValues: r = {}, onChange: t } = {}) {
     phone: r.phone || ""
   }, n = document.createElement("div");
   n.className = "wgt:space-y-2";
-  function d() {
+  function l() {
     typeof t == "function" && t($({}, e));
   }
   function s({ label: v, required: E, name: H, type: B = "text", placeholder: b }) {
@@ -83,7 +83,7 @@ function pe({ defaultValues: r = {}, onChange: t } = {}) {
       e[H] = m.value, m.classList.remove(
         "wgt:border-semantic-error",
         "wgt:bg-semantic-error-50"
-      ), T.classList.add("wgt:hidden"), d();
+      ), T.classList.add("wgt:hidden"), l();
     }), m.addEventListener("blur", () => {
       let w;
       switch (H) {
@@ -125,7 +125,7 @@ function pe({ defaultValues: r = {}, onChange: t } = {}) {
   }), {
     field: F,
     input: M,
-    errorEl: l
+    errorEl: d
   } = s({
     label: i("email"),
     required: !0,
@@ -162,7 +162,7 @@ function pe({ defaultValues: r = {}, onChange: t } = {}) {
       );
     }
     const B = K(e.email);
-    if (B.valid || E(M, l, B.error), e.phone.trim()) {
+    if (B.valid || E(M, d, B.error), e.phone.trim()) {
       const b = Y(e.phone, !1);
       b.valid || E(o, u, b.error);
     }
@@ -187,8 +187,8 @@ function ge({
     // performerName: defaultValues.performerName || '',
     email: r.email || "",
     phone: r.phone || ""
-  }, d = document.createElement("div");
-  d.className = "wgt:space-y-2";
+  }, l = document.createElement("div");
+  l.className = "wgt:space-y-2";
   function s() {
     typeof t == "function" && t($({}, n));
   }
@@ -237,7 +237,7 @@ function ge({
   p.type = "checkbox", p.className = "wgt:h-4 wgt:w-4 wgt:rounded wgt:border-[#E4E7EC] focus:wgt:outline-none  focus:wgt:ring-primary", p.checked = n.noTaxCode;
   const N = document.createElement("span");
   N.textContent = i("business_noTaxCode"), N.className = "wgt:italic wgt:font-normal wgt:text-[14px] wgt:leading-[20px] wgt:tracking-[0px] wgt:align-middle wgt:text-[#525866]", N.style.fontFamily = "Inter, sans-serif", p.addEventListener("change", () => {
-    n.noTaxCode = p.checked, l.disabled = n.noTaxCode, o.disabled = n.noTaxCode, l.classList.remove(
+    n.noTaxCode = p.checked, d.disabled = n.noTaxCode, o.disabled = n.noTaxCode, d.classList.remove(
       "wgt:border-semantic-error",
       "wgt:bg-semantic-error-50"
     ), x.classList.add("wgt:hidden"), s();
@@ -248,18 +248,18 @@ function ge({
   F.className = "wgt:text-sm wgt:font-medium wgt:text-strong-950 ", F.innerHTML = i("confirmation_popup_taxCode") + '<span class="wgt:text-[#ED1C24]">*</span>';
   const M = document.createElement("div");
   M.className = "wgt:flex wgt:gap-2 wgt:mt-2";
-  const l = document.createElement("input");
-  l.type = "text", l.name = "taxCode", l.placeholder = i("taxCode_input"), l.value = n.taxCode, l.className = "wgt:flex-1 wgt:rounded-lg wgt:border wgt:border-[#E4E7EC] wgt:bg-white wgt:px-3 wgt:py-2.5 wgt:text-sm wgt:text-strong-950 focus:wgt:outline-none focus:wgt:border-primary focus:wgt:ring-1 focus:wgt:ring-primary";
+  const d = document.createElement("input");
+  d.type = "text", d.name = "taxCode", d.placeholder = i("taxCode_input"), d.value = n.taxCode, d.className = "wgt:flex-1 wgt:rounded-lg wgt:border wgt:border-[#E4E7EC] wgt:bg-white wgt:px-3 wgt:py-2.5 wgt:text-sm wgt:text-strong-950 focus:wgt:outline-none focus:wgt:border-primary focus:wgt:ring-1 focus:wgt:ring-primary";
   const x = document.createElement("div");
-  x.className = "wgt:text-xs wgt:text-[#ED1C24] wgt:mt-1 wgt:hidden", l.addEventListener("input", () => {
-    n.taxCode = l.value, l.classList.remove(
+  x.className = "wgt:text-xs wgt:text-[#ED1C24] wgt:mt-1 wgt:hidden", d.addEventListener("input", () => {
+    n.taxCode = d.value, d.classList.remove(
       "wgt:border-semantic-error",
       "wgt:bg-semantic-error-50"
     ), x.classList.add("wgt:hidden"), s();
-  }), l.addEventListener("blur", () => {
-    if (n.noTaxCode || !l.value.trim()) return;
-    const C = Q(l.value);
-    C.valid || (l.classList.add(
+  }), d.addEventListener("blur", () => {
+    if (n.noTaxCode || !d.value.trim()) return;
+    const C = Q(d.value);
+    C.valid || (d.classList.add(
       "wgt:border-semantic-error",
       "wgt:bg-semantic-error-50"
     ), x.textContent = C.error, x.classList.remove("wgt:hidden"));
@@ -273,7 +273,7 @@ function ge({
         return;
       const C = String(n.taxCode || "").trim();
       if (!C) {
-        l.classList.add(
+        d.classList.add(
           "wgt:border-semantic-error",
           "wgt:bg-semantic-error-50"
         ), x.textContent = "Vui lòng nhập MST", x.classList.remove("wgt:hidden");
@@ -281,7 +281,7 @@ function ge({
       }
       const L = Q(C);
       if (!L.valid) {
-        l.classList.add(
+        d.classList.add(
           "wgt:border-semantic-error",
           "wgt:bg-semantic-error-50"
         ), x.textContent = L.error, x.classList.remove("wgt:hidden");
@@ -293,7 +293,7 @@ function ge({
         if (!h || typeof h != "object") return;
         h.businessName != null && (n.businessName = String(h.businessName || ""), f.value = n.businessName), h.representativeName != null && (n.representativeName = String(h.representativeName || ""), E.value = n.representativeName), h.buyerAddress != null && (n.buyerAddress = String(h.buyerAddress || ""), b.value = n.buyerAddress), s();
       } catch (h) {
-        l.classList.add(
+        d.classList.add(
           "wgt:border-semantic-error",
           "wgt:bg-semantic-error-50"
         ), x.textContent = "Không tìm thấy thông tin MST", x.classList.remove("wgt:hidden");
@@ -302,7 +302,7 @@ function ge({
       }
     })
   });
-  M.appendChild(l), M.appendChild(o), k.appendChild(F), k.appendChild(M), k.appendChild(x);
+  M.appendChild(d), M.appendChild(o), k.appendChild(F), k.appendChild(M), k.appendChild(x);
   const {
     field: u,
     input: f,
@@ -351,7 +351,7 @@ function ge({
     type: "tel",
     placeholder: i("phone_input")
   });
-  d.appendChild(g), d.appendChild(k), d.appendChild(u), d.appendChild(v), d.appendChild(B), d.appendChild(_), d.appendChild(w), l.disabled = n.noTaxCode, o.disabled = n.noTaxCode;
+  l.appendChild(g), l.appendChild(k), l.appendChild(u), l.appendChild(v), l.appendChild(B), l.appendChild(_), l.appendChild(w), d.disabled = n.noTaxCode, o.disabled = n.noTaxCode;
   function P() {
     let C = !0;
     function L(Z, q, y) {
@@ -363,7 +363,7 @@ function ge({
     }
     if (!n.noTaxCode) {
       const Z = Q(n.taxCode);
-      Z.valid || L(l, x, Z.error);
+      Z.valid || L(d, x, Z.error);
     }
     const h = z(n.businessName);
     h.valid || L(f, c, h.error);
@@ -382,14 +382,14 @@ function ge({
   function R() {
     return $({}, n);
   }
-  return { container: d, getValues: R, validate: P };
+  return { container: l, getValues: R, validate: P };
 }
 function me({
   type: r,
   data: t,
   orderInfo: e,
   theme: n,
-  onClose: d,
+  onClose: l,
   onConfirm: s
 }) {
   const a = document.createElement("div");
@@ -409,7 +409,7 @@ function me({
   F.className = "wgt:px-6 wgt:pb-4";
   const M = document.createElement("div");
   M.className = "wgt:space-y-3 wgt:rounded-xl wgt:bg-weak-50 wgt:px-4 wgt:py-3";
-  function l(b, A, _) {
+  function d(b, A, _) {
     const m = document.createElement("div");
     m.className = "wgt:flex wgt:items-start wgt:gap-3";
     const T = document.createElement("span");
@@ -423,19 +423,19 @@ function me({
   }
   const x = '<svg class="wgt:w-4 wgt:h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" /></svg>', o = '<svg class="wgt:w-4 wgt:h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" /><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" /></svg>', u = '<svg class="wgt:w-4 wgt:h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /></svg>';
   M.appendChild(
-    l(
+    d(
       x,
       i("confirmation_popup_orderCode"),
       e == null ? void 0 : e.billNo
     )
   ), M.appendChild(
-    l(
+    d(
       o,
       i("confirmation_popup_address"),
       e == null ? void 0 : e.merchantAddress
     )
   ), M.appendChild(
-    l(
+    d(
       u,
       i("confirmation_popup_totalAmount"),
       te(e == null ? void 0 : e.amount) + " VND"
@@ -485,7 +485,7 @@ function me({
     title: "Đóng",
     className: "wgt:flex-1 wgt:py-3 wgt:text-sm wgt:font-semibold wgt:rounded-[8px] wgt:bg-white wgt:text-primary wgt:border wgt:border-primary",
     handleClick: () => {
-      typeof d == "function" && d(), a.remove();
+      typeof l == "function" && l(), a.remove();
     }
   }), B = G({
     type: "button",
@@ -496,7 +496,7 @@ function me({
     }
   });
   return E.appendChild(H), E.appendChild(B), g.appendChild(E), a.appendChild(g), a.addEventListener("click", (b) => {
-    b.target === a && (typeof d == "function" && d(), a.remove());
+    b.target === a && (typeof l == "function" && l(), a.remove());
   }), { overlay: a };
 }
 function ue({
@@ -504,7 +504,7 @@ function ue({
   onPreview: t,
   theme: e,
   onSubmit: n,
-  taxCode: d = ""
+  taxCode: l = ""
 }) {
   const s = document.createElement("div");
   s.className = "wgt:flex wgt:flex-col wgt:items-center wgt:justify-between wgt:h-full wgt:shadow wgt:rounded-xl", e && s.setAttribute("data-theme", e);
@@ -522,8 +522,8 @@ function ue({
   F.className = "wgt:text-2xl wgt:font-semibold wgt:text-text-black wgt:text-center wgt:justify-center", F.textContent = i("invoiceform_title");
   const M = document.createElement("p");
   M.className = "wgt:text-sm wgt:text-weak-700 wgt:text-center wgt:justify-center", M.textContent = i("invoiceform_subtitle"), k.appendChild(F), k.appendChild(M), a.appendChild(k);
-  const l = document.createElement("div");
-  l.className = "wgt:mt-2 wgt:space-y-3 wgt:rounded-xl wgt:bg-weak-50 wgt:px-6 wgt:py-6";
+  const d = document.createElement("div");
+  d.className = "wgt:mt-2 wgt:space-y-3 wgt:rounded-xl wgt:bg-weak-50 wgt:px-6 wgt:py-6";
   function x(w, V) {
     const S = document.createElement("div");
     S.className = "wgt:flex wgt:items-start";
@@ -532,7 +532,7 @@ function ue({
     const R = document.createElement("span");
     R.className = "wgt:inline-flex wgt:items-center wgt:justify-center wgt:w-4 wgt:h-4 wgt:text-icon-primary";
     let C = "";
-    w === i("orderCode") ? C = `
+    w === i("invoice_number") ? C = `
       <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M12.7996 14H3.19961C3.04048 14 2.88787 13.9368 2.77535 13.8243C2.66282 13.7117 2.59961 13.5591 2.59961 13.4V2.6C2.59961 2.44087 2.66282 2.28826 2.77535 2.17574C2.88787 2.06321 3.04048 2 3.19961 2H12.7996C12.9587 2 13.1114 2.06321 13.2239 2.17574C13.3364 2.28826 13.3996 2.44087 13.3996 2.6V13.4C13.3996 13.5591 13.3364 13.7117 13.2239 13.8243C13.1114 13.9368 12.9587 14 12.7996 14ZM12.1996 12.8V3.2H3.79961V12.8H12.1996ZM5.59961 6.2H10.3996V7.4H5.59961V6.2ZM5.59961 8.6H10.3996V9.8H5.59961V8.6Z" fill="currentColor"/>
 </svg>
@@ -553,14 +553,14 @@ function ue({
     const h = document.createElement("span");
     return h.className = "wgt:text-sm wgt:font-semibold wgt:text-strong-950 wgt:w-2/3 wgt:text-right", h.textContent = V, S.appendChild(P), S.appendChild(h), S;
   }
-  l.appendChild(x(i("orderCode"), r == null ? void 0 : r.billNo)), l.appendChild(
+  d.appendChild(x(i("invoice_number"), r == null ? void 0 : r.billNo)), d.appendChild(
     x(i("address_form"), r == null ? void 0 : r.merchantAddress)
-  ), l.appendChild(
+  ), d.appendChild(
     x(
       i("total_amount"),
       te(r == null ? void 0 : r.amount) + " VND"
     )
-  ), a.appendChild(l);
+  ), a.appendChild(d);
   const o = document.createElement("div");
   o.className = "wgt:mt-4 wgt:rounded-xl wgt:border wgt:border-[#E1E4EA] wgt:bg-white wgt:pb-6", a.appendChild(o);
   const u = document.createElement("div");
@@ -588,10 +588,10 @@ function ue({
   const v = document.createElement("div");
   v.className = "wgt:mt-4 wgt:px-4", o.appendChild(v);
   const E = pe(), H = ge({
-    defaultValues: { taxCode: d || "" },
+    defaultValues: { taxCode: l || "" },
     onFetchByTaxCode: (w) => j(null, null, function* () {
       var S, P, R;
-      const V = yield de(w);
+      const V = yield le(w);
       return {
         representativeName: (S = V.nguoi_dai_dien) != null ? S : "",
         buyerAddress: (P = V.dia_chi) != null ? P : "",
@@ -684,15 +684,15 @@ function we({ theme: r, onClose: t } = {}) {
   e.className = " wgt:flex wgt:h-screen wgt:bg-[#F3F4F6] wgt:p-4", r && e.setAttribute("data-theme", r);
   const n = document.createElement("div");
   n.className = "wgt:w-full wgt:max-w-md wgt:max-h-[208px] wgt:bg-white wgt:rounded-2xl wgt:shadow-sm wgt:p-8 wgt:text-center";
-  const d = document.createElement("div");
-  d.className = "wgt:flex wgt:justify-center wgt:mb-4";
+  const l = document.createElement("div");
+  l.className = "wgt:flex wgt:justify-center wgt:mb-4";
   const s = document.createElement("div");
   s.className = "wgt:w-12 wgt:h-12 wgt:rounded-full wgt:flex wgt:items-center wgt:justify-center", s.style.backgroundColor = "#335CFF", s.innerHTML = `
     <svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M20.7996 22.75H5.19961C4.94102 22.75 4.69303 22.6473 4.51018 22.4644C4.32733 22.2816 4.22461 22.0336 4.22461 21.775V4.225C4.22461 3.96641 4.32733 3.71842 4.51018 3.53557C4.69303 3.35272 4.94102 3.25 5.19961 3.25H20.7996C21.0582 3.25 21.3062 3.35272 21.489 3.53557C21.6719 3.71842 21.7746 3.96641 21.7746 4.225V21.775C21.7746 22.0336 21.6719 22.2816 21.489 22.4644C21.3062 22.6473 21.0582 22.75 20.7996 22.75ZM9.09961 10.075V12.025H16.8996V10.075H9.09961ZM9.09961 13.975V15.925H16.8996V13.975H9.09961Z" fill="white"/>
 </svg>
 
-  `, d.appendChild(s), n.appendChild(d);
+  `, l.appendChild(s), n.appendChild(l);
   const a = document.createElement("h2");
   a.className = "wgt:text-base wgt:font-semibold wgt:text-[#0E121B] wgt:mb-2", a.textContent = i("invoiceCheckout_title"), n.appendChild(a);
   const g = document.createElement("p");
@@ -703,8 +703,8 @@ function Ce({ theme: r, onClose: t } = {}) {
   e.className = "wgt:min-h-screen wgt:flex  wgt:bg-[#F3F4F6] wgt:p-4", r && e.setAttribute("data-theme", r);
   const n = document.createElement("div");
   n.className = "wgt:w-full wgt:max-w-md wgt:max-h-[252px] wgt:bg-white wgt:rounded-2xl wgt:shadow-sm wgt:px-4 wgt:py-5 wgt:text-center";
-  const d = document.createElement("div");
-  d.className = "wgt:flex wgt:justify-center wgt:mb-2";
+  const l = document.createElement("div");
+  l.className = "wgt:flex wgt:justify-center wgt:mb-2";
   const s = document.createElement("div");
   s.innerHTML = `
     <svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -724,7 +724,7 @@ function Ce({ theme: r, onClose: t } = {}) {
 <path fill-rule="evenodd" clip-rule="evenodd" d="M38.7788 33.9142C39.4439 33.9142 39.9696 34.4369 39.9696 35.1051C39.9696 35.7748 39.4447 36.2959 38.7788 36.2959C38.1144 36.2959 37.5879 35.7748 37.5879 35.1051C37.5879 34.4361 38.1144 33.9142 38.7788 33.9142ZM44.1494 28.6799C43.9468 28.6837 43.7479 28.7675 43.6039 28.9146L39.9376 32.59C39.5826 32.4232 39.1925 32.3234 38.7788 32.3234C37.2542 32.3234 36.0039 33.5813 36.0039 35.1051C36.0039 36.6296 37.2542 37.8891 38.7788 37.8891C40.3033 37.8891 41.5544 36.6296 41.5544 35.1051C41.5544 34.5679 41.3944 34.0712 41.1285 33.6445L44.727 30.0376C45.2367 29.5317 44.8702 28.6632 44.1494 28.6799Z" fill="#808080"/>
 </svg>
 
-  `, d.appendChild(s), n.appendChild(d);
+  `, l.appendChild(s), n.appendChild(l);
   const a = document.createElement("h2");
   a.className = "wgt:text-base wgt:font-semibold wgt:text-[#0E121B] wgt:mb-2", a.textContent = i("invoiceExpired_title"), n.appendChild(a);
   const g = document.createElement("p");
@@ -738,9 +738,9 @@ function ie(r) {
 function Ne({ uuid: r, orderInfo: t, theme: e }) {
   const n = document.createElement("div");
   n.className = "wgt:w-full wgt:min-h-screen";
-  let d = !1;
+  let l = !1;
   function s(o) {
-    d || (n.innerHTML = "", o && n.appendChild(o));
+    l || (n.innerHTML = "", o && n.appendChild(o));
   }
   function a(o) {
     o && console.log("[DEBUG] renderFailedPage:", o);
@@ -771,7 +771,7 @@ function Ne({ uuid: r, orderInfo: t, theme: e }) {
         if (!E)
           return a({ reason: "MISSING_UUID_ON_SUBMIT" }), { ok: !1 };
         const H = fe(f, c);
-        return yield le(E, H), { ok: !0, finalData: yield ve(E, {
+        return yield de(E, H), { ok: !0, finalData: yield ve(E, {
           maxTries: 20,
           intervalMs: 1500
         }) };
@@ -806,7 +806,7 @@ function Ne({ uuid: r, orderInfo: t, theme: e }) {
       }
     });
   }
-  function l() {
+  function d() {
     return j(this, null, function* () {
       a({ reason: "INIT_DEFAULT_RENDER" });
       try {
@@ -820,9 +820,9 @@ function Ne({ uuid: r, orderInfo: t, theme: e }) {
     });
   }
   function x() {
-    d = !0, n.innerHTML = "";
+    l = !0, n.innerHTML = "";
   }
-  return { container: n, init: l, destroy: x };
+  return { container: n, init: d, destroy: x };
 }
 function he(r) {
   return String(r || "").trim().toLowerCase() === "business" ? "enterprise" : "individual";
@@ -847,8 +847,8 @@ function ve(n) {
         throw p.code = "EXPIRED", p.data = a, p;
       }
     }
-    const d = new Error("Polling timeout: status not invoiced");
-    throw d.code = "POLL_TIMEOUT", d;
+    const l = new Error("Polling timeout: status not invoiced");
+    throw l.code = "POLL_TIMEOUT", l;
   });
 }
 function xe(r) {

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-import { B as s, x as e, u as i, w as n, D as o, z as r, y as g, A as c } from "./index-DveBzjNY.js";
+import { B as s, x as e, u as i, w as n, D as o, z as r, y as g, A as c } from "./index-DOx-LBdB.js";
 export {
   s as checkContractStatus,
   e as getSettings,