@invoice-sdk/widget 1.7.2 → 1.7.3

package/dist/index.es.js

@@ -279,7 +279,7 @@ var _r;
 function bs() {
   return _r || (_r = 1, process.env.NODE_ENV === "production" ? Rt.exports = vs() : Rt.exports = _s()), Rt.exports;
 }
-var y = bs();
+var g = bs();
 const br = (t) => {
   let e;
   const r = /* @__PURE__ */ new Set(), s = (h, f) => {
@@ -309,7 +309,7 @@ const xr = (t) => {
   reset: () => t({ step: 1 })
 })), Ts = 4, Ss = () => {
   const { step: t } = st();
-  return /* @__PURE__ */ y.jsx("div", { className: "w-full relative h-3 bg-gray-200 rounded-full", children: /* @__PURE__ */ y.jsx(
+  return /* @__PURE__ */ g.jsx("div", { className: "w-full relative h-3 bg-gray-200 rounded-full", children: /* @__PURE__ */ g.jsx(
     "div",
     {
       className: "absolute rounded-full bg-green-500",
@@ -320,8 +320,8 @@ const xr = (t) => {
       }
     }
   ) });
-}, As = ({ children: t }) => /* @__PURE__ */ y.jsxs("div", { className: "max-w-[800px] mx-auto py-10 flex flex-col gap-8", children: [
-  /* @__PURE__ */ y.jsx(Ss, {}),
+}, As = ({ children: t }) => /* @__PURE__ */ g.jsxs("div", { className: "max-w-[800px] mx-auto py-10 flex flex-col gap-8", children: [
+  /* @__PURE__ */ g.jsx(Ss, {}),
   t
 ] });
 var jt = (t) => t.type === "checkbox", qe = (t) => t instanceof Date, ne = (t) => t == null;
@@ -882,17 +882,17 @@ function Ws(t = {}) {
       validatingFields: r.validatingFields,
       isValidating: !oe(r.validatingFields)
     }));
-  }, pe = (c, l = [], u, k, v = !0, g = !0) => {
+  }, pe = (c, l = [], u, k, v = !0, y = !0) => {
     if (k && u && !e.disabled) {
-      if (i.action = !0, g && Array.isArray(_(s, c))) {
+      if (i.action = !0, y && Array.isArray(_(s, c))) {
         const A = u(_(s, c), k.argA, k.argB);
         v && D(s, c, A);
       }
-      if (g && Array.isArray(_(r.errors, c))) {
+      if (y && Array.isArray(_(r.errors, c))) {
         const A = u(_(r.errors, c), k.argA, k.argB);
         v && D(r.errors, c, A), Us(r.errors, c);
       }
-      if ((f.touchedFields || x.touchedFields) && g && Array.isArray(_(r.touchedFields, c))) {
+      if ((f.touchedFields || x.touchedFields) && y && Array.isArray(_(r.touchedFields, c))) {
         const A = u(_(r.touchedFields, c), k.argA, k.argB);
         v && D(r.touchedFields, c, A);
       }
@@ -917,33 +917,33 @@ function Ws(t = {}) {
   }, re = (c, l, u, k) => {
     const v = _(s, c);
     if (v) {
-      const g = _(a, c, Y(u) ? _(n, c) : u);
-      Y(g) || k && k.defaultChecked || l ? D(a, c, l ? g : Ar(v._f)) : $(c, g), i.mount && Z();
+      const y = _(a, c, Y(u) ? _(n, c) : u);
+      Y(y) || k && k.defaultChecked || l ? D(a, c, l ? y : Ar(v._f)) : $(c, y), i.mount && Z();
     }
   }, q = (c, l, u, k, v) => {
-    let g = !1, A = !1;
+    let y = !1, A = !1;
     const M = {
       name: c
     };
     if (!e.disabled) {
       if (!u || k) {
-        (f.isDirty || x.isDirty) && (A = r.isDirty, r.isDirty = M.isDirty = ie(), g = A !== M.isDirty);
+        (f.isDirty || x.isDirty) && (A = r.isDirty, r.isDirty = M.isDirty = ie(), y = A !== M.isDirty);
         const L = Ze(_(n, c), l);
-        A = !!_(r.dirtyFields, c), L ? X(r.dirtyFields, c) : D(r.dirtyFields, c, !0), M.dirtyFields = r.dirtyFields, g = g || (f.dirtyFields || x.dirtyFields) && A !== !L;
+        A = !!_(r.dirtyFields, c), L ? X(r.dirtyFields, c) : D(r.dirtyFields, c, !0), M.dirtyFields = r.dirtyFields, y = y || (f.dirtyFields || x.dirtyFields) && A !== !L;
       }
       if (u) {
         const L = _(r.touchedFields, c);
-        L || (D(r.touchedFields, c, u), M.touchedFields = r.touchedFields, g = g || (f.touchedFields || x.touchedFields) && L !== u);
+        L || (D(r.touchedFields, c, u), M.touchedFields = r.touchedFields, y = y || (f.touchedFields || x.touchedFields) && L !== u);
       }
-      g && v && S.state.next(M);
+      y && v && S.state.next(M);
     }
-    return g ? M : {};
+    return y ? M : {};
   }, Xe = (c, l, u, k) => {
-    const v = _(r.errors, c), g = (f.isValid || x.isValid) && fe(l) && r.isValid !== l;
-    if (e.delayError && u ? (d = te(() => R(c, u)), d(e.delayError)) : (clearTimeout(h), d = null, u ? D(r.errors, c, u) : X(r.errors, c)), (u ? !Ze(v, u) : v) || !oe(k) || g) {
+    const v = _(r.errors, c), y = (f.isValid || x.isValid) && fe(l) && r.isValid !== l;
+    if (e.delayError && u ? (d = te(() => R(c, u)), d(e.delayError)) : (clearTimeout(h), d = null, u ? D(r.errors, c, u) : X(r.errors, c)), (u ? !Ze(v, u) : v) || !oe(k) || y) {
       const A = {
         ...k,
-        ...g && fe(l) ? { isValid: l } : {},
+        ...y && fe(l) ? { isValid: l } : {},
         errors: r.errors,
         name: c
       };
@@ -972,14 +972,14 @@ function Ws(t = {}) {
     for (const k in c) {
       const v = c[k];
       if (v) {
-        const { _f: g, ...A } = v;
-        if (g) {
-          const M = o.array.has(g.name), L = v._f && Ds(v._f);
+        const { _f: y, ...A } = v;
+        if (y) {
+          const M = o.array.has(y.name), L = v._f && Ds(v._f);
           L && f.validatingFields && z([k], !0);
           const me = await Or(v, o.disabled, a, W, e.shouldUseNativeValidation && !l, M);
-          if (L && f.validatingFields && z([k]), me[g.name] && (u.valid = !1, l))
+          if (L && f.validatingFields && z([k]), me[y.name] && (u.valid = !1, l))
             break;
-          !l && (_(me, g.name) ? M ? zs(r.errors, me, g.name) : D(r.errors, g.name, me[g.name]) : X(r.errors, g.name));
+          !l && (_(me, y.name) ? M ? zs(r.errors, me, y.name) : D(r.errors, y.name, me[y.name]) : X(r.errors, y.name));
         }
         !oe(A) && await le(A, l, u);
       }
@@ -997,10 +997,10 @@ function Ws(t = {}) {
     const k = _(s, c);
     let v = l;
     if (k) {
-      const g = k._f;
-      g && (!g.disabled && D(a, c, Gr(l, g)), v = Ft(g.ref) && ne(l) ? "" : l, qr(g.ref) ? [...g.ref.options].forEach((A) => A.selected = v.includes(A.value)) : g.refs ? jt(g.ref) ? g.refs.forEach((A) => {
+      const y = k._f;
+      y && (!y.disabled && D(a, c, Gr(l, y)), v = Ft(y.ref) && ne(l) ? "" : l, qr(y.ref) ? [...y.ref.options].forEach((A) => A.selected = v.includes(A.value)) : y.refs ? jt(y.ref) ? y.refs.forEach((A) => {
         (!A.defaultChecked || !A.disabled) && (Array.isArray(v) ? A.checked = !!v.find((M) => M === A.value) : A.checked = v === A.value || !!v);
-      }) : g.refs.forEach((A) => A.checked = A.value === v) : or(g.ref) ? g.ref.value = "" : (g.ref.value = v, g.ref.type || S.state.next({
+      }) : y.refs.forEach((A) => A.checked = A.value === v) : or(y.ref) ? y.ref.value = "" : (y.ref.value = v, y.ref.type || S.state.next({
         name: c,
         values: ee(a)
       })));
@@ -1010,19 +1010,19 @@ function Ws(t = {}) {
     for (const k in l) {
       if (!l.hasOwnProperty(k))
         return;
-      const v = l[k], g = c + "." + k, A = _(s, g);
-      (o.array.has(c) || J(v) || A && !A._f) && !qe(v) ? Q(g, v, u) : $(g, v, u);
+      const v = l[k], y = c + "." + k, A = _(s, y);
+      (o.array.has(c) || J(v) || A && !A._f) && !qe(v) ? Q(y, v, u) : $(y, v, u);
     }
   }, K = (c, l, u = {}) => {
-    const k = _(s, c), v = o.array.has(c), g = ee(l);
-    D(a, c, g), v ? (S.array.next({
+    const k = _(s, c), v = o.array.has(c), y = ee(l);
+    D(a, c, y), v ? (S.array.next({
       name: c,
       values: ee(a)
     }), (f.isDirty || f.dirtyFields || x.isDirty || x.dirtyFields) && u.shouldDirty && S.state.next({
       name: c,
       dirtyFields: ut(n, a),
-      isDirty: ie(c, g)
-    })) : k && !k._f && !ne(g) ? Q(c, g, u) : $(c, g, u), Nr(c, o) && S.state.next({ ...r }), S.state.next({
+      isDirty: ie(c, y)
+    })) : k && !k._f && !ne(y) ? Q(c, y, u) : $(c, y, u), Nr(c, o) && S.state.next({ ...r }), S.state.next({
       name: i.mount ? c : void 0,
       values: ee(a)
     });
@@ -1030,7 +1030,7 @@ function Ws(t = {}) {
     i.mount = !0;
     const l = c.target;
     let u = l.name, k = !0;
-    const v = _(s, u), g = (L) => {
+    const v = _(s, u), y = (L) => {
       k = Number.isNaN(L) || qe(L) && isNaN(L.getTime()) || Ze(L, _(a, u, L));
     }, A = Er(e.mode), M = Er(e.reValidateMode);
     if (v) {
@@ -1046,12 +1046,12 @@ function Ws(t = {}) {
         return (f.isValid || x.isValid) && (e.mode === "onBlur" ? Ie && Z() : Ie || Z()), fs && S.state.next({ name: u, ...Yt ? {} : Jt });
       if (!Ie && Yt && S.state.next({ ...r }), e.resolver) {
         const { errors: mr } = await xe([u]);
-        if (g(Ct), k) {
+        if (y(Ct), k) {
           const hs = Cr(r.errors, s, u), pr = Cr(mr, s, hs.name || u);
           L = pr.error, u = pr.name, me = oe(mr);
         }
       } else
-        z([u], !0), L = (await Or(v, o.disabled, a, W, e.shouldUseNativeValidation))[u], z([u]), g(Ct), k && (L ? me = !1 : (f.isValid || x.isValid) && (me = await le(s, !0)));
+        z([u], !0), L = (await Or(v, o.disabled, a, W, e.shouldUseNativeValidation))[u], z([u]), y(Ct), k && (L ? me = !1 : (f.isValid || x.isValid) && (me = await le(s, !0)));
       k && (v._f.deps && Ne(v._f.deps), Xe(u, me, L, Jt));
     }
   }, Pe = (c, l) => {
@@ -1061,11 +1061,11 @@ function Ws(t = {}) {
     let u, k;
     const v = ft(c);
     if (e.resolver) {
-      const g = await Qe(Y(c) ? c : v);
-      u = oe(g), k = c ? !v.some((A) => _(g, A)) : u;
-    } else c ? (k = (await Promise.all(v.map(async (g) => {
-      const A = _(s, g);
-      return await le(A && A._f ? { [g]: A } : A);
+      const y = await Qe(Y(c) ? c : v);
+      u = oe(y), k = c ? !v.some((A) => _(y, A)) : u;
+    } else c ? (k = (await Promise.all(v.map(async (y) => {
+      const A = _(s, y);
+      return await le(A && A._f ? { [y]: A } : A);
     }))).every(Boolean), !(!k && !r.isValid) && Z()) : k = u = await le(s);
     return S.state.next({
       ...!Te(c) || (f.isValid || x.isValid) && u !== r.isValid ? {} : { name: c },
@@ -1088,7 +1088,7 @@ function Ws(t = {}) {
       errors: c ? r.errors : {}
     });
   }, H = (c, l, u) => {
-    const k = (_(s, c, { _f: {} })._f || {}).ref, v = _(r.errors, c) || {}, { ref: g, message: A, type: M, ...L } = v;
+    const k = (_(s, c, { _f: {} })._f || {}).ref, v = _(r.errors, c) || {}, { ref: y, message: A, type: M, ...L } = v;
     D(r.errors, c, {
       ...L,
       ...l,
@@ -1155,8 +1155,8 @@ function Ws(t = {}) {
       ref: (v) => {
         if (v) {
           we(c, l), u = _(s, c);
-          const g = Y(v.value) && v.querySelectorAll && v.querySelectorAll("input,select,textarea")[0] || v, A = Vs(g), M = u._f.refs || [];
-          if (A ? M.find((L) => L === g) : g === u._f.ref)
+          const y = Y(v.value) && v.querySelectorAll && v.querySelectorAll("input,select,textarea")[0] || v, A = Vs(y), M = u._f.refs || [];
+          if (A ? M.find((L) => L === y) : y === u._f.ref)
             return;
           D(s, c, {
             _f: {
@@ -1164,13 +1164,13 @@ function Ws(t = {}) {
               ...A ? {
                 refs: [
                   ...M.filter(Ht),
-                  g,
+                  y,
                   ...Array.isArray(_(n, c)) ? [{}] : []
                 ],
-                ref: { type: g.type, name: c }
-              } : { ref: g }
+                ref: { type: y.type, name: c }
+              } : { ref: y }
             }
-          }), re(c, !1, void 0, g);
+          }), re(c, !1, void 0, y);
         } else
           u = _(s, c, {}), u._f && (u._f.mount = !1), (e.shouldUnregister || l.shouldUnregister) && !($r(o.array, c) && i.action) && o.unMount.add(c);
       }
@@ -1189,21 +1189,21 @@ function Ws(t = {}) {
     if (S.state.next({
       isSubmitting: !0
     }), e.resolver) {
-      const { errors: g, values: A } = await xe();
-      r.errors = g, v = A;
+      const { errors: y, values: A } = await xe();
+      r.errors = y, v = A;
     } else
       await le(s);
     if (o.disabled.size)
-      for (const g of o.disabled)
-        D(v, g, void 0);
+      for (const y of o.disabled)
+        D(v, y, void 0);
     if (X(r.errors, "root"), oe(r.errors)) {
       S.state.next({
         errors: {}
       });
       try {
         await c(v, u);
-      } catch (g) {
-        k = g;
+      } catch (y) {
+        k = y;
       }
     } else
       l && await l({ ...r.errors }, u), We(), setTimeout(We);
@@ -1218,7 +1218,7 @@ function Ws(t = {}) {
   }, cs = (c, l = {}) => {
     _(s, c) && (Y(l.defaultValue) ? K(c, ee(_(n, c))) : (K(c, l.defaultValue), D(n, c, ee(l.defaultValue))), l.keepTouched || X(r.touchedFields, c), l.keepDirty || (X(r.dirtyFields, c), r.isDirty = l.defaultValue ? ie(c, ee(_(n, c))) : ie()), l.keepError || (X(r.errors, c), f.isValid && Z()), S.state.next({ ...r }));
   }, dr = (c, l = {}) => {
-    const u = c ? ee(c) : n, k = ee(u), v = oe(c), g = v ? n : k;
+    const u = c ? ee(c) : n, k = ee(u), v = oe(c), y = v ? n : k;
     if (l.keepDefaultValues || (n = u), !l.keepValues) {
       if (l.keepDirtyValues) {
         const A = /* @__PURE__ */ new Set([
@@ -1226,7 +1226,7 @@ function Ws(t = {}) {
           ...Object.keys(ut(n, a))
         ]);
         for (const M of Array.from(A))
-          _(r.dirtyFields, M) ? D(g, M, _(a, M)) : K(M, _(g, M));
+          _(r.dirtyFields, M) ? D(y, M, _(a, M)) : K(M, _(y, M));
       } else {
         if (sr && Y(c))
           for (const A of o.mount) {
@@ -1243,12 +1243,12 @@ function Ws(t = {}) {
             }
           }
         for (const A of o.mount)
-          K(A, _(g, A));
+          K(A, _(y, A));
       }
-      a = ee(g), S.array.next({
-        values: { ...g }
+      a = ee(y), S.array.next({
+        values: { ...y }
       }), S.state.next({
-        values: { ...g }
+        values: { ...y }
       });
     }
     o = {
@@ -4421,7 +4421,7 @@ const Tn = (t, e = {
     return F;
   },
   void: Fn
-}, Symbol.toStringTag, { value: "Module" })), zt = (t) => /* @__PURE__ */ y.jsx(
+}, Symbol.toStringTag, { value: "Module" })), zt = (t) => /* @__PURE__ */ g.jsx(
   "button",
   {
     type: t.type || "button",
@@ -4447,14 +4447,14 @@ const Tn = (t, e = {
   }, []);
   return ys(() => {
     r && o(URL.createObjectURL(r));
-  }, [r]), /* @__PURE__ */ y.jsxs(y.Fragment, { children: [
-    /* @__PURE__ */ y.jsxs("div", { className: "flex flex-col", children: [
-      /* @__PURE__ */ y.jsxs("label", { className: "font-medium mb-1 text-gray-700", children: [
+  }, [r]), /* @__PURE__ */ g.jsxs(g.Fragment, { children: [
+    /* @__PURE__ */ g.jsxs("div", { className: "flex flex-col", children: [
+      /* @__PURE__ */ g.jsxs("label", { className: "font-medium mb-1 text-gray-700", children: [
         t,
-        e && /* @__PURE__ */ y.jsx("span", { className: "text-red-500 ml-1", children: "*" })
+        e && /* @__PURE__ */ g.jsx("span", { className: "text-red-500 ml-1", children: "*" })
       ] }),
-      /* @__PURE__ */ y.jsxs("div", { className: "flex items-center", children: [
-        /* @__PURE__ */ y.jsx(
+      /* @__PURE__ */ g.jsxs("div", { className: "flex items-center", children: [
+        /* @__PURE__ */ g.jsx(
           "button",
           {
             type: "button",
@@ -4463,7 +4463,7 @@ const Tn = (t, e = {
             children: "Upload file"
           }
         ),
-        /* @__PURE__ */ y.jsx(
+        /* @__PURE__ */ g.jsx(
           "input",
           {
             ref: a,
@@ -4474,22 +4474,22 @@ const Tn = (t, e = {
           }
         )
       ] }),
-      /* @__PURE__ */ y.jsx(
+      /* @__PURE__ */ g.jsx(
         "div",
         {
           className: "mt-2 h-40 w-full bg-gray-200 rounded overflow-hidden flex items-center justify-center cursor-pointer",
           onClick: () => i && h(!0),
-          children: i ? (r == null ? void 0 : r.type) === "application/pdf" ? /* @__PURE__ */ y.jsx(
+          children: i ? (r == null ? void 0 : r.type) === "application/pdf" ? /* @__PURE__ */ g.jsx(
             "object",
             {
               data: i,
               type: "application/pdf",
               width: "100%",
               height: "100%",
-              children: /* @__PURE__ */ y.jsxs("p", { className: "text-gray-600 text-sm", children: [
+              children: /* @__PURE__ */ g.jsxs("p", { className: "text-gray-600 text-sm", children: [
                 "Cannot preview PDF.",
                 " ",
-                /* @__PURE__ */ y.jsx(
+                /* @__PURE__ */ g.jsx(
                   "a",
                   {
                     href: i,
@@ -4501,30 +4501,30 @@ const Tn = (t, e = {
                 )
               ] })
             }
-          ) : /* @__PURE__ */ y.jsx(
+          ) : /* @__PURE__ */ g.jsx(
             "img",
             {
               src: i,
               alt: "Preview",
               className: "h-full object-contain"
             }
-          ) : /* @__PURE__ */ y.jsx("span", { className: "text-gray-500", children: "No file selected" })
+          ) : /* @__PURE__ */ g.jsx("span", { className: "text-gray-500", children: "No file selected" })
         }
       ),
-      n && /* @__PURE__ */ y.jsx("span", { className: "text-red-500 text-sm mt-1", children: n })
+      n && /* @__PURE__ */ g.jsx("span", { className: "text-red-500 text-sm mt-1", children: n })
     ] }),
-    d && i && /* @__PURE__ */ y.jsx(
+    d && i && /* @__PURE__ */ g.jsx(
       "div",
       {
         className: "fixed inset-0 bg-black bg-opacity-75 z-50 flex items-center justify-center",
         onClick: () => h(!1),
-        children: /* @__PURE__ */ y.jsxs(
+        children: /* @__PURE__ */ g.jsxs(
           "div",
           {
             className: "relative w-full h-full",
             onClick: (S) => S.stopPropagation(),
             children: [
-              /* @__PURE__ */ y.jsx(
+              /* @__PURE__ */ g.jsx(
                 "button",
                 {
                   onClick: () => h(!1),
@@ -4533,14 +4533,14 @@ const Tn = (t, e = {
                   children: "×"
                 }
               ),
-              (r == null ? void 0 : r.type) === "application/pdf" ? /* @__PURE__ */ y.jsx(
+              (r == null ? void 0 : r.type) === "application/pdf" ? /* @__PURE__ */ g.jsx(
                 "object",
                 {
                   data: i,
                   type: "application/pdf",
                   className: "w-full h-full object-contain"
                 }
-              ) : /* @__PURE__ */ y.jsx(
+              ) : /* @__PURE__ */ g.jsx(
                 "img",
                 {
                   src: i,
@@ -4555,19 +4555,19 @@ const Tn = (t, e = {
     )
   ] });
 }, Me = gs(
-  ({ label: t, required: e = !1, error: r, ...s }, n) => /* @__PURE__ */ y.jsxs("div", { className: "flex flex-col", children: [
-    /* @__PURE__ */ y.jsxs(
+  ({ label: t, required: e = !1, error: r, ...s }, n) => /* @__PURE__ */ g.jsxs("div", { className: "flex flex-col", children: [
+    /* @__PURE__ */ g.jsxs(
       "label",
       {
         htmlFor: s.name,
         className: "font-medium mb-1 text-gray-700",
         children: [
           t,
-          e && /* @__PURE__ */ y.jsx("span", { className: "text-red-500 ml-1", children: "*" })
+          e && /* @__PURE__ */ g.jsx("span", { className: "text-red-500 ml-1", children: "*" })
         ]
       }
     ),
-    /* @__PURE__ */ y.jsx(
+    /* @__PURE__ */ g.jsx(
       "input",
       {
         id: s.name,
@@ -4576,7 +4576,7 @@ const Tn = (t, e = {
         className: `border rounded px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500 ${r ? "border-red-500" : "border-gray-300"}`
       }
     ),
-    r && /* @__PURE__ */ y.jsx("span", { className: "text-red-500 text-sm mt-1", children: r })
+    r && /* @__PURE__ */ g.jsx("span", { className: "text-red-500 text-sm mt-1", children: r })
   ] })
 );
 Me.displayName = "InputField";
@@ -4656,22 +4656,22 @@ const Et = Mr((t) => ({
       // handle optional license
     });
   };
-  return /* @__PURE__ */ y.jsxs(
+  return /* @__PURE__ */ g.jsxs(
     "form",
     {
       onSubmit: r(h),
       className: "w-full mx-auto p-6 bg-white shadow rounded",
       children: [
-        /* @__PURE__ */ y.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-8", children: [
-          /* @__PURE__ */ y.jsxs("div", { className: "space-y-4", children: [
-            /* @__PURE__ */ y.jsx(
+        /* @__PURE__ */ g.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-8", children: [
+          /* @__PURE__ */ g.jsxs("div", { className: "space-y-4", children: [
+            /* @__PURE__ */ g.jsx(
               De,
               {
                 name: "taxCode",
                 control: e,
                 render: ({ field: f }) => {
                   var x;
-                  return /* @__PURE__ */ y.jsx(
+                  return /* @__PURE__ */ g.jsx(
                     Me,
                     {
                       ...f,
@@ -4683,14 +4683,14 @@ const Et = Mr((t) => ({
                 }
               }
             ),
-            /* @__PURE__ */ y.jsx(
+            /* @__PURE__ */ g.jsx(
               De,
               {
                 name: "representative",
                 control: e,
                 render: ({ field: f }) => {
                   var x;
-                  return /* @__PURE__ */ y.jsx(
+                  return /* @__PURE__ */ g.jsx(
                     Me,
                     {
                       ...f,
@@ -4702,14 +4702,14 @@ const Et = Mr((t) => ({
                 }
               }
             ),
-            /* @__PURE__ */ y.jsx(
+            /* @__PURE__ */ g.jsx(
               De,
               {
                 name: "email",
                 control: e,
                 render: ({ field: f }) => {
                   var x;
-                  return /* @__PURE__ */ y.jsx(
+                  return /* @__PURE__ */ g.jsx(
                     Me,
                     {
                       ...f,
@@ -4722,14 +4722,14 @@ const Et = Mr((t) => ({
                 }
               }
             ),
-            /* @__PURE__ */ y.jsx(
+            /* @__PURE__ */ g.jsx(
               De,
               {
                 name: "address",
                 control: e,
                 render: ({ field: f }) => {
                   var x;
-                  return /* @__PURE__ */ y.jsx(
+                  return /* @__PURE__ */ g.jsx(
                     Me,
                     {
                       ...f,
@@ -4741,14 +4741,14 @@ const Et = Mr((t) => ({
                 }
               }
             ),
-            /* @__PURE__ */ y.jsx(
+            /* @__PURE__ */ g.jsx(
               De,
               {
                 name: "license",
                 control: e,
                 render: ({ field: f }) => {
                   var x;
-                  return /* @__PURE__ */ y.jsx(
+                  return /* @__PURE__ */ g.jsx(
                     ia,
                     {
                       label: "Giấy phép đăng ký kinh doanh",
@@ -4762,15 +4762,15 @@ const Et = Mr((t) => ({
               }
             )
           ] }),
-          /* @__PURE__ */ y.jsxs("div", { className: "space-y-4", children: [
-            /* @__PURE__ */ y.jsx(
+          /* @__PURE__ */ g.jsxs("div", { className: "space-y-4", children: [
+            /* @__PURE__ */ g.jsx(
               De,
               {
                 name: "companyName",
                 control: e,
                 render: ({ field: f }) => {
                   var x;
-                  return /* @__PURE__ */ y.jsx(
+                  return /* @__PURE__ */ g.jsx(
                     Me,
                     {
                       ...f,
@@ -4782,14 +4782,14 @@ const Et = Mr((t) => ({
                 }
               }
             ),
-            /* @__PURE__ */ y.jsx(
+            /* @__PURE__ */ g.jsx(
               De,
               {
                 name: "position",
                 control: e,
                 render: ({ field: f }) => {
                   var x;
-                  return /* @__PURE__ */ y.jsx(
+                  return /* @__PURE__ */ g.jsx(
                     Me,
                     {
                       ...f,
@@ -4800,14 +4800,14 @@ const Et = Mr((t) => ({
                 }
               }
             ),
-            /* @__PURE__ */ y.jsx(
+            /* @__PURE__ */ g.jsx(
               De,
               {
                 name: "phone",
                 control: e,
                 render: ({ field: f }) => {
                   var x;
-                  return /* @__PURE__ */ y.jsx(
+                  return /* @__PURE__ */ g.jsx(
                     Me,
                     {
                       ...f,
@@ -4821,8 +4821,8 @@ const Et = Mr((t) => ({
             )
           ] })
         ] }),
-        /* @__PURE__ */ y.jsxs("div", { className: "flex items-center justify-end gap-2", children: [
-          /* @__PURE__ */ y.jsx(
+        /* @__PURE__ */ g.jsxs("div", { className: "flex items-center justify-end gap-2", children: [
+          /* @__PURE__ */ g.jsx(
             zt,
             {
               title: "Back",
@@ -4832,7 +4832,7 @@ const Et = Mr((t) => ({
               className: " !bg-gray-200 !text-gray-700 hover:!bg-gray-300 disabled:!bg-gray-200 disabled:!text-gray-500"
             }
           ),
-          /* @__PURE__ */ y.jsx(
+          /* @__PURE__ */ g.jsx(
             zt,
             {
               type: "submit",
@@ -4851,7 +4851,7 @@ const Et = Mr((t) => ({
   options: t,
   value: e,
   onChange: r
-}) => /* @__PURE__ */ y.jsx(
+}) => /* @__PURE__ */ g.jsx(
   "fieldset",
   {
     role: "radiogroup",
@@ -4859,7 +4859,7 @@ const Et = Mr((t) => ({
     className: "flex flex-col md:flex-row gap-4 md:gap-20",
     children: t.map((s) => {
       const n = s.value === e;
-      return /* @__PURE__ */ y.jsxs(
+      return /* @__PURE__ */ g.jsxs(
         "label",
         {
           className: [
@@ -4867,7 +4867,7 @@ const Et = Mr((t) => ({
             n ? "border-green-500 bg-green-50" : "border-gray-300 bg-white hover:bg-gray-50"
           ].join(" "),
           children: [
-            /* @__PURE__ */ y.jsx(
+            /* @__PURE__ */ g.jsx(
               "input",
               {
                 type: "radio",
@@ -4878,17 +4878,17 @@ const Et = Mr((t) => ({
                 className: "sr-only"
               }
             ),
-            /* @__PURE__ */ y.jsx(
+            /* @__PURE__ */ g.jsx(
               "span",
               {
                 className: [
                   "flex-shrink-0 flex items-center justify-center rounded-full mr-3",
                   n ? "w-5 h-5 border-2 border-green-500 bg-green-500" : "w-4 h-4 border border-gray-400"
                 ].join(" "),
-                children: n && /* @__PURE__ */ y.jsx("span", { className: "block w-2 h-2 bg-white rounded-full" })
+                children: n && /* @__PURE__ */ g.jsx("span", { className: "block w-2 h-2 bg-white rounded-full" })
               }
             ),
-            /* @__PURE__ */ y.jsx(
+            /* @__PURE__ */ g.jsx(
               "span",
               {
                 className: n ? "text-green-700 font-medium" : "text-gray-700",
@@ -4907,9 +4907,9 @@ const Et = Mr((t) => ({
     { value: "300", label: "300 đơn/tháng" },
     { value: "500", label: "500 đơn/tháng" }
   ];
-  return /* @__PURE__ */ y.jsxs("div", { className: "w-full flex flex-col gap-6", children: [
-    /* @__PURE__ */ y.jsx("h2", { className: "heading", children: "Select subscription package" }),
-    /* @__PURE__ */ y.jsx(
+  return /* @__PURE__ */ g.jsxs("div", { className: "w-full flex flex-col gap-6", children: [
+    /* @__PURE__ */ g.jsx("h2", { className: "heading", children: "Select subscription package" }),
+    /* @__PURE__ */ g.jsx(
       la,
       {
         options: s,
@@ -4917,7 +4917,7 @@ const Et = Mr((t) => ({
         onChange: r
       }
     ),
-    /* @__PURE__ */ y.jsx("div", { className: "text-right", children: /* @__PURE__ */ y.jsx(
+    /* @__PURE__ */ g.jsx("div", { className: "text-right", children: /* @__PURE__ */ g.jsx(
       zt,
       {
         title: "Next",
@@ -4928,8 +4928,8 @@ const Et = Mr((t) => ({
       }
     ) })
   ] });
-}, da = ({ checked: t, setChecked: e }) => /* @__PURE__ */ y.jsxs("label", { className: "relative inline-flex cursor-pointer items-center", children: [
-  /* @__PURE__ */ y.jsx(
+}, da = ({ checked: t, setChecked: e }) => /* @__PURE__ */ g.jsxs("label", { className: "relative inline-flex cursor-pointer items-center", children: [
+  /* @__PURE__ */ g.jsx(
     "input",
     {
       type: "checkbox",
@@ -4938,14 +4938,14 @@ const Et = Mr((t) => ({
       onChange: (r) => e(r.target.checked)
     }
   ),
-  /* @__PURE__ */ y.jsx("div", { className: "border-[#ACADAE] relative h-5 w-5 rounded-full border-2 before:absolute before:left-1/2 before:top-1/2 before:hidden before:h-2.5 before:w-2.5 before:-translate-x-1/2 before:-translate-y-1/2 before:rounded-full before:bg-green-500 peer-checked:border-green-500 peer-checked:before:block" })
+  /* @__PURE__ */ g.jsx("div", { className: "border-[#ACADAE] relative h-5 w-5 rounded-full border-2 before:absolute before:left-1/2 before:top-1/2 before:hidden before:h-2.5 before:w-2.5 before:-translate-x-1/2 before:-translate-y-1/2 before:rounded-full before:bg-green-500 peer-checked:border-green-500 peer-checked:before:block" })
 ] }), fa = [
   { name: "M-Invoice", route: "m-invoice" },
   { name: "FPT", route: "fpt" },
   { name: "Misa", route: "misa" }
 ], ha = ({ provider: t, handleProviderChange: e }) => {
   const r = Et((s) => s.selectedProvider);
-  return /* @__PURE__ */ y.jsxs(
+  return /* @__PURE__ */ g.jsxs(
     "div",
     {
       "data-checked": r === t.route,
@@ -4954,14 +4954,14 @@ const Et = Mr((t) => ({
     `,
       onClick: () => e(t.route),
       children: [
-        /* @__PURE__ */ y.jsx(
+        /* @__PURE__ */ g.jsx(
           da,
           {
             checked: r === t.route,
             setChecked: () => e(t.route)
           }
         ),
-        /* @__PURE__ */ y.jsx("label", { className: "", children: t.name })
+        /* @__PURE__ */ g.jsx("label", { className: "", children: t.name })
       ]
     }
   );
@@ -4969,10 +4969,10 @@ const Et = Mr((t) => ({
   const t = Et((n) => n.selectedProvider), e = Et((n) => n.setSelectedProvider), r = st((n) => n.nextStep), s = (n) => {
     e(n);
   };
-  return /* @__PURE__ */ y.jsxs("div", { className: "w-full flex flex-col gap-6", children: [
-    /* @__PURE__ */ y.jsx("h2", { className: "heading", children: "Select Provider" }),
-    /* @__PURE__ */ y.jsx("div", { className: "flex gap-20", children: fa.map((n) => /* @__PURE__ */ y.jsx(ha, { provider: n, handleProviderChange: s }, n.route)) }),
-    /* @__PURE__ */ y.jsx("div", { className: "text-right", children: /* @__PURE__ */ y.jsx(
+  return /* @__PURE__ */ g.jsxs("div", { className: "w-full flex flex-col gap-6", children: [
+    /* @__PURE__ */ g.jsx("h2", { className: "heading", children: "Select Provider" }),
+    /* @__PURE__ */ g.jsx("div", { className: "flex gap-20", children: fa.map((n) => /* @__PURE__ */ g.jsx(ha, { provider: n, handleProviderChange: s }, n.route)) }),
+    /* @__PURE__ */ g.jsx("div", { className: "text-right", children: /* @__PURE__ */ g.jsx(
       zt,
       {
         title: "Next",
@@ -4983,15 +4983,15 @@ const Et = Mr((t) => ({
       }
     ) })
   ] });
-}, pa = () => /* @__PURE__ */ y.jsx("div", { children: "Status" });
+}, pa = () => /* @__PURE__ */ g.jsx("div", { children: "Status" });
 function va() {
-  const t = st((e) => e.step);
-  return /* @__PURE__ */ y.jsx(y.Fragment, { children: /* @__PURE__ */ y.jsx(As, { children: {
-    1: /* @__PURE__ */ y.jsx(ma, {}),
-    2: /* @__PURE__ */ y.jsx(ca, {}),
-    3: /* @__PURE__ */ y.jsx(ua, {}),
-    4: /* @__PURE__ */ y.jsx(pa, {})
-  }[t] }) });
+  const t = st((r) => r.step), e = {
+    1: /* @__PURE__ */ g.jsx(ma, {}),
+    2: /* @__PURE__ */ g.jsx(ca, {}),
+    3: /* @__PURE__ */ g.jsx(ua, {}),
+    4: /* @__PURE__ */ g.jsx(pa, {})
+  };
+  return /* @__PURE__ */ g.jsx("main", { className: "w-screen h-screen fixed z-auto", children: /* @__PURE__ */ g.jsx(As, { children: e[t] }) });
 }
 export {
   va as default