@feedmepos/mf-payment 1.11.4-dev → 1.11.5

package/dist/{OnboardForm-BVfA7iqT.js → OnboardForm-_cXLOdhB.js}

@@ -1,16 +1,16 @@
-import { defineComponent as Q, ref as O, computed as _, resolveComponent as P, openBlock as u, createElementBlock as k, createElementVNode as a, toDisplayString as N, createBlock as A, withCtx as S, createCommentVNode as T, createVNode as o, unref as e, onMounted as ye, watch as Pe, Fragment as h, renderList as K, normalizeClass as ve, nextTick as Ie, createTextVNode as Y, resolveDynamicComponent as Re } from "vue";
-import { o as M } from "./index-B8KFOPPX.js";
-import { u as ne, p as fe } from "./index-BPMowDa0.js";
-import { useRouter as qe } from "vue-router";
+import { defineComponent as X, ref as B, computed as h, resolveComponent as P, openBlock as u, createElementBlock as k, createElementVNode as a, toDisplayString as N, createBlock as A, withCtx as x, createCommentVNode as T, createVNode as o, unref as e, onMounted as fe, watch as Re, Fragment as _, renderList as Q, normalizeClass as Ve, nextTick as Ue, createTextVNode as G, resolveDynamicComponent as qe } from "vue";
+import { o as M } from "./index-DWKU1hJS.js";
+import { u as ne, p as ke } from "./index-CCGiuuqV.js";
+import { useRouter as Fe } from "vue-router";
 import { z as p, a as b } from "./validator-CTlVogBQ.js";
-import { D as Ue, P as Fe } from "./payout-account-Bg55qZ-o.js";
-import { a as De } from "./onboard-submission-mj3NaLcK.js";
-import { _ as Ve } from "./DocumentViewer.vue_vue_type_script_setup_true_lang-DQXv0gnh.js";
-import { s as Te } from "./vue-signature-pad.esm-IXPjf4fL.js";
-import { _ as ke } from "./Status.vue_vue_type_script_setup_true_lang-DlIp-zin.js";
-import { useSnackbar as ue } from "@feedmepos/ui-library";
-import { u as G } from "./error-K1CakhA9.js";
-const Ee = ["src"], pe = ".png, .jpg, .jpeg", be = ".pdf", D = /* @__PURE__ */ Q({
+import { D as De, P as Te } from "./payout-account-CQLK-tI6.js";
+import { a as Ee } from "./onboard-submission-CvKpd6hG.js";
+import { _ as Ce } from "./DocumentViewer.vue_vue_type_script_setup_true_lang-Ub6yU-qZ.js";
+import { s as $e } from "./vue-signature-pad.esm-IXPjf4fL.js";
+import { _ as xe } from "./Status.vue_vue_type_script_setup_true_lang-BHNHGevm.js";
+import { useSnackbar as de } from "@feedmepos/ui-library";
+import { u as J } from "./error-K1CakhA9.js";
+const Ae = ["src"], ce = ".png, .jpg, .jpeg", ge = ".pdf", D = /* @__PURE__ */ X({
   __name: "UploadButton",
   props: {
     modelValue: {},
@@ -19,26 +19,26 @@ const Ee = ["src"], pe = ".png, .jpg, .jpeg", be = ".pdf", D = /* @__PURE__ */ Q
     restaurantId: {}
   },
   emits: ["update:modelValue"],
-  setup(d, { emit: x }) {
-    const m = d, v = O(m.modelValue), c = x, C = (i) => {
-      const U = new FileReader();
-      U.onload = (g) => {
+  setup(d, { emit: w }) {
+    const m = d, v = B(m.modelValue), c = w, C = (i) => {
+      const q = new FileReader();
+      q.onload = (g) => {
         var I;
         v.value = (I = g.target) == null ? void 0 : I.result, c("update:modelValue", i);
-      }, U.readAsDataURL(i);
+      }, q.readAsDataURL(i);
     }, y = (i) => {
       window.open(i, "_blank", "noopener,noreferrer");
-    }, E = _(() => m.type === "image" ? pe : m.type === "pdf" ? be : `${pe}, ${be}`), s = (i) => m.type === "pdf" ? !0 : m.type === "image" ? !1 : i === "application/pdf";
-    return (i, U) => {
+    }, E = h(() => m.type === "image" ? ce : m.type === "pdf" ? ge : `${ce}, ${ge}`), s = (i) => m.type === "pdf" ? !0 : m.type === "image" ? !1 : i === "application/pdf";
+    return (i, q) => {
       const g = P("FmButton"), I = P("FmDropField");
       return u(), k("div", null, [
         a("p", null, N(d.label), 1),
-        v.value ? (u(), A(Ve, {
+        v.value ? (u(), A(Ce, {
           key: 0,
           document: v.value,
           "restaurant-id": d.restaurantId
         }, {
-          default: S(({ src: $, type: R }) => [
+          default: x(({ src: $, type: R }) => [
             s(R) ? (u(), A(g, {
               key: 1,
               class: "mt-4 w-full",
@@ -50,7 +50,7 @@ const Ee = ["src"], pe = ".png, .jpg, .jpeg", be = ".pdf", D = /* @__PURE__ */ Q
             }, null, 8, ["onVnodeMounted", "onClick"])) : (u(), k("img", {
               key: 0,
               src: $
-            }, null, 8, Ee))
+            }, null, 8, Ae))
           ]),
           _: 1
         }, 8, ["document", "restaurant-id"])) : (u(), A(I, {
@@ -61,10 +61,10 @@ const Ee = ["src"], pe = ".png, .jpg, .jpeg", be = ".pdf", D = /* @__PURE__ */ Q
       ]);
     };
   }
-}), $e = ["src"], Ae = {
+}), Le = ["src"], Be = {
   key: 0,
   class: "text-center text-red-700 py-4"
-}, Le = { class: "flex justify-evenly py-3" }, Be = /* @__PURE__ */ Q({
+}, Oe = { class: "flex justify-evenly py-3" }, je = /* @__PURE__ */ X({
   __name: "SignatureBoard",
   props: {
     modelValue: {},
@@ -72,38 +72,38 @@ const Ee = ["src"], pe = ".png, .jpg, .jpeg", be = ".pdf", D = /* @__PURE__ */ Q
     restaurantId: {}
   },
   emits: ["update:modelValue"],
-  setup(d, { emit: x }) {
-    const m = d, v = x, c = O(m.modelValue), C = O(!1), y = O(), E = O(!1);
-    function s(U, g) {
-      var B;
-      const I = U.split(","), $ = ((B = I[0].match(/:(.*?);/)) == null ? void 0 : B[1]) || "", R = atob(I[1]);
-      let L = R.length;
-      const f = new Uint8Array(L);
-      for (; L--; )
-        f[L] = R.charCodeAt(L);
+  setup(d, { emit: w }) {
+    const m = d, v = w, c = B(m.modelValue), C = B(!1), y = B(), E = B(!1);
+    function s(q, g) {
+      var j;
+      const I = q.split(","), $ = ((j = I[0].match(/:(.*?);/)) == null ? void 0 : j[1]) || "", R = atob(I[1]);
+      let O = R.length;
+      const f = new Uint8Array(O);
+      for (; O--; )
+        f[O] = R.charCodeAt(O);
       return new File([f], g, { type: $ });
     }
     const i = function() {
-      const { isEmpty: U, data: g } = y.value.saveSignature();
-      if (U)
+      const { isEmpty: q, data: g } = y.value.saveSignature();
+      if (q)
         return C.value = !0;
       c.value = g, E.value = !1, v("update:modelValue", s(g, "signature.png"));
     };
-    return (U, g) => {
+    return (q, g) => {
       const I = P("FmButton"), $ = P("FmDialog");
       return u(), k("div", null, [
         a("p", null, N(d.label), 1),
-        c.value ? (u(), A(Ve, {
+        c.value ? (u(), A(Ce, {
           key: 0,
           document: c.value,
           "restaurant-id": d.restaurantId
         }, {
-          default: S(({ src: R }) => [
+          default: x(({ src: R }) => [
             a("img", {
               src: R,
               alt: "Signature Preview",
               class: "w-full h-auto"
-            }, null, 8, $e)
+            }, null, 8, Le)
           ]),
           _: 1
         }, 8, ["document", "restaurant-id"])) : T("", !0),
@@ -112,26 +112,26 @@ const Ee = ["src"], pe = ".png, .jpg, .jpeg", be = ".pdf", D = /* @__PURE__ */ Q
           modelValue: E.value,
           "onUpdate:modelValue": g[1] || (g[1] = (R) => E.value = R)
         }, {
-          "dialog-button": S(() => [
+          "dialog-button": x(() => [
             o(I, {
               "prepend-icon": "signature",
               class: "w-full",
               label: "Signature"
             })
           ]),
-          "dialog-header": S(() => [...g[2] || (g[2] = [
+          "dialog-header": x(() => [...g[2] || (g[2] = [
             a("div", null, "Signature Board", -1)
           ])]),
-          default: S(() => [
-            o(e(Te), {
+          default: x(() => [
+            o(e($e), {
               ref_key: "signaturePad",
               ref: y,
               height: "300px",
               customStyle: { border: "2px solid #ccc", borderRadius: "3px" },
               options: { penColor: "#000000" }
             }, null, 512),
-            C.value ? (u(), k("p", Ae, " Please sign your signature before saving. ")) : T("", !0),
-            a("div", Le, [
+            C.value ? (u(), k("p", Be, " Please sign your signature before saving. ")) : T("", !0),
+            a("div", Oe, [
               o(I, {
                 variant: "destructive",
                 label: "Clear",
@@ -150,10 +150,10 @@ const Ee = ["src"], pe = ".png, .jpg, .jpeg", be = ".pdf", D = /* @__PURE__ */ Q
       ]);
     };
   }
-}), Oe = new RegExp("([\\p{Ll}\\d])(\\p{Lu})", "gu"), je = new RegExp("(\\p{Lu})([\\p{Lu}][\\p{Ll}])", "gu"), _e = new RegExp("(\\d)(\\p{Ll})", "gu"), he = new RegExp("(\\p{L})(\\d)", "gu"), Me = /[^\p{L}\d]+/giu, oe = "$1\0$2";
-function ze(d, x = {}) {
-  let m = d.replace(Oe, oe).replace(je, oe);
-  x.separateNumbers && (m = m.replace(_e, oe).replace(he, oe)), m = m.replace(Me, "\0");
+}), he = new RegExp("([\\p{Ll}\\d])(\\p{Lu})", "gu"), _e = new RegExp("(\\p{Lu})([\\p{Lu}][\\p{Ll}])", "gu"), Me = new RegExp("(\\d)(\\p{Ll})", "gu"), ze = new RegExp("(\\p{L})(\\d)", "gu"), He = /[^\p{L}\d]+/giu, re = "$1\0$2";
+function We(d, w = {}) {
+  let m = d.replace(he, re).replace(_e, re);
+  w.separateNumbers && (m = m.replace(Me, re).replace(ze, re)), m = m.replace(He, "\0");
   let v = 0, c = m.length;
   for (; m.charAt(v) === "\0"; )
     v++;
@@ -163,35 +163,35 @@ function ze(d, x = {}) {
     c--;
   return m.slice(v, c).split(/\0/g);
 }
-function He(d) {
-  return (x) => x.toLocaleLowerCase(d);
+function Ye(d) {
+  return (w) => w.toLocaleLowerCase(d);
 }
-function We(d) {
-  return (x) => x.toLocaleUpperCase(d);
+function Ge(d) {
+  return (w) => w.toLocaleUpperCase(d);
 }
-function ce(d, x) {
-  const m = He(x == null ? void 0 : x.locale), v = We(x == null ? void 0 : x.locale);
-  return ze(d).map((c, C) => C === 0 ? v(c[0]) + m(c.slice(1)) : m(c)).join(" ");
+function ye(d, w) {
+  const m = Ye(w == null ? void 0 : w.locale), v = Ge(w == null ? void 0 : w.locale);
+  return We(d).map((c, C) => C === 0 ? v(c[0]) + m(c.slice(1)) : m(c)).join(" ");
 }
-const Ye = {
+const Je = {
   key: 0,
   class: "text-sm text-gray-500"
-}, Ge = { class: "flex min-w-max items-start pt-1" }, Je = {
+}, Ke = { class: "flex min-w-max items-start pt-1" }, Qe = {
   key: 0,
   class: "absolute left-0 top-[7px] h-[2px] w-1/2 bg-gray-200"
-}, Ke = {
+}, Xe = {
   key: 1,
   class: "absolute right-0 top-[7px] h-[2px] w-1/2 bg-gray-200"
-}, Qe = { class: "mt-1 text-sm font-medium leading-snug text-gray-900" }, Xe = {
+}, Ze = { class: "mt-1 text-sm font-medium leading-snug text-gray-900" }, el = {
   key: 2,
   class: "mt-1 rounded bg-gray-100 px-2 py-[2px] text-xs text-gray-600"
-}, Ze = { class: "mt-1 text-xs text-gray-500" }, el = { class: "text-xs text-gray-500" }, ll = {
+}, ll = { class: "mt-1 text-xs text-gray-500" }, tl = { class: "text-xs text-gray-500" }, al = {
   key: 4,
   class: "mt-1 text-xs text-gray-500"
-}, tl = {
+}, sl = {
   key: 5,
-  class: "mt-1 text-xs text-gray-700"
-}, Ce = /* @__PURE__ */ Q({
+  class: "mt-1 whitespace-pre-line break-words text-xs text-gray-700"
+}, we = /* @__PURE__ */ X({
   __name: "Timeline",
   props: {
     entries: {
@@ -200,7 +200,7 @@ const Ye = {
     }
   },
   setup(d) {
-    const x = d, m = {
+    const w = d, m = {
       submission: { label: "Submitted", icon: "upload_file", color: "bg-blue-400" },
       resubmission: {
         label: "Resubmitted",
@@ -273,76 +273,76 @@ const Ye = {
       const i = m[s];
       if (i) return i;
       if (s.startsWith("status-update-")) {
-        const U = s.replace("status-update-", "");
+        const q = s.replace("status-update-", "");
         return {
-          label: `Status Updated to ${ce(U)}`,
+          label: `Status Updated to ${ye(q)}`,
           icon: "sync",
-          color: v[U] ?? "bg-gray-400"
+          color: v[q] ?? "bg-gray-400"
         };
       }
       return {
-        label: ce(s.replace(/-/g, " ")),
+        label: ye(s.replace(/-/g, " ")),
         icon: "radio_button_checked",
         color: "bg-gray-400"
       };
     }
-    const C = _(
-      () => (x.entries ?? []).map((s) => ({
+    const C = h(
+      () => (w.entries ?? []).map((s) => ({
         ...s,
         ...c(s.action),
-        at: Ue(s.timestamp)
+        at: De(s.timestamp)
       })).sort((s, i) => s.at.valueOf() - i.at.valueOf())
-    ), y = O(null), E = async () => {
-      await Ie(), y.value && (y.value.scrollLeft = y.value.scrollWidth);
+    ), y = B(null), E = async () => {
+      await Ue(), y.value && (y.value.scrollLeft = y.value.scrollWidth);
     };
-    return ye(E), Pe(() => C.value.length, E), (s, i) => {
-      const U = P("FmIcon");
+    return fe(E), Re(() => C.value.length, E), (s, i) => {
+      const q = P("FmIcon");
       return C.value.length ? (u(), k("div", {
         key: 1,
         ref_key: "rail",
         ref: y,
         class: "overflow-x-auto mt-6 pb-6"
       }, [
-        a("ol", Ge, [
-          (u(!0), k(h, null, K(C.value, (g, I) => (u(), k("li", {
+        a("ol", Ke, [
+          (u(!0), k(_, null, Q(C.value, (g, I) => (u(), k("li", {
             key: `${g.action}-${g.timestamp}-${I}`,
             class: "relative flex w-[160px] shrink-0 flex-col items-center px-8 text-center"
           }, [
-            I > 0 ? (u(), k("span", Je)) : T("", !0),
-            I < C.value.length - 1 ? (u(), k("span", Ke)) : T("", !0),
+            I > 0 ? (u(), k("span", Qe)) : T("", !0),
+            I < C.value.length - 1 ? (u(), k("span", Xe)) : T("", !0),
             a("span", {
-              class: ve([
+              class: Ve([
                 "relative z-10 h-4 w-4 rounded-full ring-4 ring-white",
                 g.color
               ])
             }, null, 2),
-            o(U, {
+            o(q, {
               name: g.icon,
               size: "sm",
               class: "mt-3 text-gray-500"
             }, null, 8, ["name"]),
-            a("span", Qe, N(g.label), 1),
-            I === C.value.length - 1 ? (u(), k("span", Xe, " Latest ")) : T("", !0),
-            g.at.isValid() ? (u(), k(h, { key: 3 }, [
-              a("span", Ze, N(g.at.format("DD MMM YYYY")), 1),
-              a("span", el, N(g.at.format("HH:mm")), 1)
-            ], 64)) : (u(), k("span", ll, N(g.timestamp), 1)),
-            g.description ? (u(), k("span", tl, N(g.description), 1)) : T("", !0)
+            a("span", Ze, N(g.label), 1),
+            I === C.value.length - 1 ? (u(), k("span", el, " Latest ")) : T("", !0),
+            g.at.isValid() ? (u(), k(_, { key: 3 }, [
+              a("span", ll, N(g.at.format("DD MMM YYYY")), 1),
+              a("span", tl, N(g.at.format("HH:mm")), 1)
+            ], 64)) : (u(), k("span", al, N(g.timestamp), 1)),
+            g.description ? (u(), k("span", sl, N(g.description), 1)) : T("", !0)
           ]))), 128))
         ])
-      ], 512)) : (u(), k("p", Ye, " No activity recorded yet. "));
+      ], 512)) : (u(), k("p", Je, " No activity recorded yet. "));
     };
   }
-}), al = { class: "space-y-2" }, sl = { class: "text-gray-900" }, nl = { class: "text-gray-900" }, ol = { class: "text-gray-900" }, rl = { class: "text-gray-900" }, il = { class: "text-gray-900" }, ul = { class: "text-gray-900" }, dl = { class: "flex items-center gap-2 border-b pb-1 mt-6 mb-6" }, ml = { class: "flex items-center justify-between gap-6" }, pl = { class: "flex gap-6" }, bl = { class: "flex gap-6" }, cl = { class: "grid grid-cols-4 gap-6" }, gl = ["src"], yl = {
+}), nl = { class: "space-y-2" }, ol = { class: "text-gray-900" }, rl = { class: "text-gray-900" }, il = { class: "text-gray-900" }, ul = { class: "text-gray-900" }, dl = { class: "text-gray-900" }, ml = { class: "text-gray-900" }, pl = { class: "flex items-center gap-2 border-b pb-1 mt-6 mb-6" }, bl = { class: "flex items-center justify-between gap-6" }, cl = { class: "flex gap-6" }, gl = { class: "flex gap-6" }, yl = { class: "grid grid-cols-4 gap-6" }, vl = ["src"], fl = {
   key: 1,
   class: "mt-2 truncate text-gray-700"
-}, vl = { key: 0 }, fl = {
+}, Vl = { key: 0 }, kl = {
   key: 0,
   class: "w-full flex justify-end mt-6"
-}, Vl = { class: "mt-6 grid grid-cols-4 gap-24" }, kl = { class: "grid grid-cols-4 gap-6" }, Cl = { class: "w-full flex justify-end mt-6" }, xl = { class: "mt-6 grid grid-cols-4 gap-24" }, Nl = { class: "col-span-2" }, wl = { class: "col-span-2" }, Sl = { class: "col-span-2" }, Pl = { class: "col-span-2" }, Il = { class: "col-span-2" }, Rl = { class: "col-span-2" }, ql = { class: "col-span-2" }, Ul = { class: "col-span-2" }, Fl = { class: "col-start-1 col-span-2" }, Dl = { class: "col-span-2" }, Tl = { class: "col-span-2" }, El = { class: "col-span-2" }, $l = { class: "mt-6 grid grid-cols-4 gap-6" }, Al = { class: "mt-6 grid grid-cols-4 gap-6" }, Ll = { class: "mt-6 grid grid-cols-4 gap-6" }, Bl = { class: "mt-6 grid grid-cols-4 gap-6" }, Ol = { class: "mt-6 grid grid-cols-4 gap-6" }, jl = { class: "mt-6 grid grid-cols-4 gap-6" }, _l = {
+}, Cl = { class: "mt-6 grid grid-cols-4 gap-24" }, xl = { class: "grid grid-cols-4 gap-6" }, wl = { class: "w-full flex justify-end mt-6" }, Nl = { class: "mt-6 grid grid-cols-4 gap-24" }, Sl = { class: "col-span-2" }, Pl = { class: "col-span-2" }, Il = { class: "col-span-2" }, Rl = { class: "col-span-2" }, Ul = { class: "col-span-2" }, ql = { class: "col-span-2" }, Fl = { class: "col-span-2" }, Dl = { class: "col-span-2" }, Tl = { class: "col-start-1 col-span-2" }, El = { class: "col-span-2" }, $l = { class: "col-span-2" }, Al = { class: "col-span-2" }, Ll = { class: "mt-6 grid grid-cols-4 gap-6" }, Bl = { class: "mt-6 grid grid-cols-4 gap-6" }, Ol = { class: "mt-6 grid grid-cols-4 gap-6" }, jl = { class: "mt-6 grid grid-cols-4 gap-6" }, hl = { class: "mt-6 grid grid-cols-4 gap-6" }, _l = { class: "mt-6 grid grid-cols-4 gap-6" }, Ml = {
   key: 2,
   class: "text-sm text-gray-500"
-}, hl = { class: "mt-6 grid grid-cols-2 gap-24" }, ge = 30, Ml = /* @__PURE__ */ Q({
+}, zl = { class: "mt-6 grid grid-cols-2 gap-24" }, ve = 30, Hl = /* @__PURE__ */ X({
   __name: "SoftspaceSubmission",
   props: {
     submission: {
@@ -351,11 +351,11 @@ const Ye = {
     }
   },
   emits: ["update:submission"],
-  setup(d, { emit: x }) {
-    var de;
-    const m = d, v = x, c = ue(), C = O(!1), { isLoading: y, startAsyncCall: E } = ne(), { fields: s, documents: i, restaurantId: U, profile: g, status: I, statusReason: $ } = m.submission, R = O(""), L = O(
-      parseInt(((de = m.submission.fields) == null ? void 0 : de.numberOfDevices) ?? 1)
-    ), f = O(
+  setup(d, { emit: w }) {
+    var me;
+    const m = d, v = w, c = de(), C = B(!1), { isLoading: y, startAsyncCall: E } = ne(), { fields: s, documents: i, restaurantId: q, profile: g, status: I, statusReason: $ } = m.submission, R = B(""), O = B(
+      parseInt(((me = m.submission.fields) == null ? void 0 : me.numberOfDevices) ?? 1)
+    ), f = B(
       m.submission.rates ? Object.fromEntries(
         Object.entries(m.submission.rates).map(([V, l]) => [V, `${l}`])
       ) : {
@@ -367,44 +367,44 @@ const Ye = {
         jcbStandard: "2.2",
         jcbPlatinum: "2.2"
       }
-    ), B = _(
+    ), j = h(
       () => Object.values(f.value).every((V) => parseFloat(V) > 0)
-    ), X = _(
+    ), Z = h(
       () => Object.keys(m.submission.documents).filter((V) => /^authorizedPersonID\d+$/.test(V)).sort(
         (V, l) => Number(V.replace("authorizedPersonID", "")) - Number(l.replace("authorizedPersonID", ""))
       )
-    ), { isLoading: Z, startAsyncCall: ee } = ne(), z = O([]), ae = (V) => Number(V.replace("additionalDocument", "")), w = _(
+    ), { isLoading: ee, startAsyncCall: le } = ne(), z = B([]), ae = (V) => Number(V.replace("additionalDocument", "")), S = h(
       () => Object.keys(m.submission.documents).filter((V) => /^additionalDocument\d+$/.test(V)).sort((V, l) => ae(V) - ae(l))
-    ), n = _(
-      () => w.value.length + z.value.length
+    ), n = h(
+      () => S.value.length + z.value.length
     ), F = (V) => {
-      if (!(n.value >= ge)) {
+      if (!(n.value >= ve)) {
         if (V.type.startsWith("image/")) {
           const l = new FileReader();
-          l.onload = (j) => {
-            var H;
+          l.onload = (L) => {
+            var W;
             return z.value.push({
               file: V,
-              preview: String(((H = j.target) == null ? void 0 : H.result) ?? "")
+              preview: String(((W = L.target) == null ? void 0 : W.result) ?? "")
             });
           }, l.readAsDataURL(V);
           return;
         }
         z.value.push({ file: V, preview: "" });
       }
-    }, le = () => ee(async () => {
+    }, te = () => le(async () => {
       try {
-        let V = w.value.reduce(
-          (j, H) => Math.max(j, ae(H)),
+        let V = S.value.reduce(
+          (L, W) => Math.max(L, ae(W)),
           0
         );
         const l = {};
-        for (const { file: j } of z.value) {
-          const H = `additionalDocument${++V}`;
-          l[H] = await M.uploadDocument(
-            U,
-            H,
-            j
+        for (const { file: L } of z.value) {
+          const W = `additionalDocument${++V}`;
+          l[W] = await M.uploadDocument(
+            q,
+            W,
+            L
           );
         }
         v(
@@ -418,15 +418,15 @@ const Ye = {
         c.open({
           type: "error",
           title: "Error occurs when sending additional documents",
-          message: G(V)
+          message: J(V)
         });
       }
-    }), re = () => E(async () => {
+    }), ie = () => E(async () => {
       try {
         const V = await M.reviewById(
           m.submission._id,
           {
-            numberOfDevices: L.value.toString(),
+            numberOfDevices: O.value.toString(),
             rates: {
               duitNow: parseFloat(f.value.duitNow),
               mydebitCard: parseFloat(f.value.mydebitCard),
@@ -447,28 +447,32 @@ const Ye = {
         c.open({
           type: "error",
           title: "Error occurs when updating submission",
-          message: G(V)
+          message: J(V)
         });
       }
-    }), { isLoading: te, startAsyncCall: ie } = ne(), se = _(
+    }), { isLoading: K, startAsyncCall: ue } = ne(), se = h(
       () => m.submission.timelineStatus === "complete"
-    ), r = (V) => ie(async () => {
+    ), r = B(!1), H = B(""), oe = (V, l) => ue(async () => {
       try {
         v(
           "update:submission",
-          await M.trackStatus(m.submission._id, V)
-        ), c.open({
+          await M.trackStatus(
+            m.submission._id,
+            V,
+            l
+          )
+        ), r.value = !1, H.value = "", c.open({
           type: "success",
           title: "Status tracking updated successfully"
         });
-      } catch (l) {
+      } catch (L) {
         c.open({
           type: "error",
           title: "Error occurs when updating status tracking",
-          message: G(l)
+          message: J(L)
         });
       }
-    }), J = () => E(async () => {
+    }), Ne = () => E(async () => {
       try {
         const V = await M.reviewById(
           m.submission._id,
@@ -485,143 +489,169 @@ const Ye = {
         c.open({
           type: "error",
           title: "Error occurs when updating submission",
-          message: G(V)
+          message: J(V)
         });
       }
     });
     return (V, l) => {
-      const j = P("FmButton"), H = P("FmDropField"), q = P("FmTextField"), xe = P("FmTextarea"), Ne = P("FmDialog"), we = P("FmPhoneNumber"), me = P("FmSelect"), Se = P("FmForm");
-      return u(), k(h, null, [
-        a("div", al, [
+      const L = P("FmButton"), W = P("FmTextarea"), pe = P("FmDialog"), Se = P("FmDropField"), U = P("FmTextField"), Pe = P("FmPhoneNumber"), be = P("FmSelect"), Ie = P("FmForm");
+      return u(), k(_, null, [
+        a("div", nl, [
           a("div", null, [
-            l[42] || (l[42] = a("span", { class: "w-40 font-medium text-gray-600" }, "Restaurant: ", -1)),
-            a("span", sl, N(e(U)), 1)
+            l[44] || (l[44] = a("span", { class: "w-40 font-medium text-gray-600" }, "Restaurant: ", -1)),
+            a("span", ol, N(e(q)), 1)
           ]),
           a("div", null, [
-            l[43] || (l[43] = a("span", { class: "w-40 font-medium text-gray-600" }, "Profile: ", -1)),
-            a("span", nl, N(e(g).name) + " ( " + N(e(g).legalName) + " )", 1)
+            l[45] || (l[45] = a("span", { class: "w-40 font-medium text-gray-600" }, "Profile: ", -1)),
+            a("span", rl, N(e(g).name) + " ( " + N(e(g).legalName) + " )", 1)
           ]),
           a("div", null, [
-            l[44] || (l[44] = a("span", { class: "w-40 font-medium text-gray-600" }, "Email: ", -1)),
-            a("span", ol, N(e(g).email), 1)
+            l[46] || (l[46] = a("span", { class: "w-40 font-medium text-gray-600" }, "Email: ", -1)),
+            a("span", il, N(e(g).email), 1)
           ]),
           a("div", null, [
-            l[45] || (l[45] = a("span", { class: "w-40 font-medium text-gray-600" }, "Phone: ", -1)),
-            a("span", rl, N(e(g).phoneNo), 1)
+            l[47] || (l[47] = a("span", { class: "w-40 font-medium text-gray-600" }, "Phone: ", -1)),
+            a("span", ul, N(e(g).phoneNo), 1)
           ]),
           a("div", null, [
-            l[46] || (l[46] = a("span", { class: "w-40 font-medium text-gray-600" }, "Status: ", -1)),
-            a("span", il, [
-              o(ke, { data: e(I) }, null, 8, ["data"])
+            l[48] || (l[48] = a("span", { class: "w-40 font-medium text-gray-600" }, "Status: ", -1)),
+            a("span", dl, [
+              o(xe, { data: e(I) }, null, 8, ["data"])
             ])
           ]),
           a("div", null, [
-            l[47] || (l[47] = a("span", { class: "w-40 font-medium text-gray-600" }, "Status Reason: ", -1)),
-            a("span", ul, N(e($)), 1)
+            l[49] || (l[49] = a("span", { class: "w-40 font-medium text-gray-600" }, "Status Reason: ", -1)),
+            a("span", ml, N(e($)), 1)
           ])
         ]),
-        a("div", dl, [
-          l[48] || (l[48] = a("h3", { class: "font-semibold text-lg" }, "Status Tracking", -1)),
+        a("div", pl, [
+          l[50] || (l[50] = a("h3", { class: "font-semibold text-lg" }, "Status Tracking", -1)),
           a("span", {
-            class: ve([
+            class: Ve([
               "rounded px-2 py-[2px] text-xs",
               se.value ? "bg-green-100 text-green-700" : "bg-yellow-100 text-yellow-700"
             ])
           }, N(se.value ? "COMPLETE" : "PENDING"), 3)
         ]),
-        a("div", ml, [
-          a("div", pl, [
-            o(j, {
-              type: "button",
-              variant: "secondary",
-              "prepend-icon": "storefront",
-              label: "Pending Merchant",
-              loading: e(te),
-              onClick: l[0] || (l[0] = (t) => r("pending-merchant"))
-            }, null, 8, ["loading"]),
-            o(j, {
+        a("div", bl, [
+          a("div", cl, [
+            o(pe, {
+              modelValue: r.value,
+              "onUpdate:modelValue": l[2] || (l[2] = (t) => r.value = t)
+            }, {
+              "dialog-button": x(() => [
+                o(L, {
+                  type: "button",
+                  variant: "secondary",
+                  "prepend-icon": "storefront",
+                  label: "Pending Merchant",
+                  loading: e(K)
+                }, null, 8, ["loading"])
+              ]),
+              "dialog-header": x(() => [...l[51] || (l[51] = [
+                a("div", null, "Pending Merchant", -1)
+              ])]),
+              default: x(() => [
+                o(W, {
+                  modelValue: H.value,
+                  "onUpdate:modelValue": l[0] || (l[0] = (t) => H.value = t),
+                  label: "Description",
+                  "label-mark": "optional",
+                  "helper-text": "What the merchant still owes us. Shown on the timeline."
+                }, null, 8, ["modelValue"]),
+                o(L, {
+                  class: "mb-2 mt-6 w-full",
+                  label: "Submit",
+                  "prepend-icon": "save",
+                  loading: e(K),
+                  onClick: l[1] || (l[1] = (t) => oe("pending-merchant", H.value))
+                }, null, 8, ["loading"])
+              ]),
+              _: 1
+            }, 8, ["modelValue"]),
+            o(L, {
               type: "button",
               variant: "secondary",
               "prepend-icon": "hourglass_top",
               label: "Pending FassPay",
-              loading: e(te),
-              onClick: l[1] || (l[1] = (t) => r("pending-fasspay"))
+              loading: e(K),
+              onClick: l[3] || (l[3] = (t) => oe("pending-fasspay"))
             }, null, 8, ["loading"])
           ]),
-          a("div", bl, [
-            o(j, {
+          a("div", gl, [
+            o(L, {
               type: "button",
               variant: "tertiary",
               "prepend-icon": "task_alt",
               label: "Complete FassPay",
-              loading: e(te),
-              onClick: l[2] || (l[2] = (t) => r("complete-fasspay"))
+              loading: e(K),
+              onClick: l[4] || (l[4] = (t) => oe("complete-fasspay"))
             }, null, 8, ["loading"]),
-            o(j, {
+            o(L, {
               type: "button",
               variant: "primary",
               "prepend-icon": "credit_card",
               label: "Complete Credit Card",
-              loading: e(te),
+              loading: e(K),
               disabled: se.value,
-              onClick: l[3] || (l[3] = (t) => r("complete-credit-card"))
+              onClick: l[5] || (l[5] = (t) => oe("complete-credit-card"))
             }, null, 8, ["loading", "disabled"])
           ])
         ]),
-        l[66] || (l[66] = a("h3", { class: "font-semibold text-lg border-b pb-1 mt-6 mb-4" }, "Timeline", -1)),
-        o(Ce, {
+        l[69] || (l[69] = a("h3", { class: "font-semibold text-lg border-b pb-1 mt-6 mb-4" }, "Timeline", -1)),
+        o(we, {
           entries: d.submission.timeline
         }, null, 8, ["entries"]),
-        l[67] || (l[67] = a("h3", { class: "font-semibold text-lg border-b pb-1 mt-6 mb-4" }, " (SharePoint) Additional Requested Documents ", -1)),
-        a("div", cl, [
-          (u(!0), k(h, null, K(w.value, (t) => (u(), A(D, {
+        l[70] || (l[70] = a("h3", { class: "font-semibold text-lg border-b pb-1 mt-6 mb-4" }, " (SharePoint) Additional Requested Documents ", -1)),
+        a("div", yl, [
+          (u(!0), k(_, null, Q(S.value, (t) => (u(), A(D, {
             key: t,
             label: t.replace("additionalDocument", "Document "),
             type: /\.pdf$/i.test(m.submission.documents[t]) ? "pdf" : "image",
             modelValue: m.submission.documents[t],
-            "onUpdate:modelValue": (W) => m.submission.documents[t] = W,
-            "restaurant-id": e(U)
+            "onUpdate:modelValue": (Y) => m.submission.documents[t] = Y,
+            "restaurant-id": e(q)
           }, null, 8, ["label", "type", "modelValue", "onUpdate:modelValue", "restaurant-id"]))), 128)),
-          (u(!0), k(h, null, K(z.value, (t, W) => (u(), k("div", {
-            key: `new-${W}`
+          (u(!0), k(_, null, Q(z.value, (t, Y) => (u(), k("div", {
+            key: `new-${Y}`
           }, [
-            a("p", null, "Document " + N(w.value.length + W + 1), 1),
+            a("p", null, "Document " + N(S.value.length + Y + 1), 1),
             t.file.type.startsWith("image/") ? (u(), k("img", {
               key: 0,
               src: t.preview,
               class: "mt-2 rounded border"
-            }, null, 8, gl)) : (u(), k("p", yl, N(t.file.name), 1)),
-            o(j, {
+            }, null, 8, vl)) : (u(), k("p", fl, N(t.file.name), 1)),
+            o(L, {
               class: "mt-4",
               "prepend-icon": "delete",
               label: "Remove",
               variant: "destructive",
-              onClick: (vt) => z.value.splice(W, 1)
+              onClick: (Vt) => z.value.splice(Y, 1)
             }, null, 8, ["onClick"])
           ]))), 128)),
-          n.value < ge ? (u(), k("div", vl, [
+          n.value < ve ? (u(), k("div", Vl, [
             a("p", null, "Document " + N(n.value + 1), 1),
-            o(H, {
+            o(Se, {
               accept: ".png, .jpg, .jpeg, .pdf",
               onFileUpload: F
             })
           ])) : T("", !0)
         ]),
-        z.value.length ? (u(), k("div", fl, [
-          o(j, {
+        z.value.length ? (u(), k("div", kl, [
+          o(L, {
             type: "button",
             variant: "primary",
             "prepend-icon": "cloud_upload",
             label: "Save documents",
-            loading: e(Z),
-            onClick: le
+            loading: e(ee),
+            onClick: te
           }, null, 8, ["loading"])
         ])) : T("", !0),
-        l[68] || (l[68] = a("h3", { class: "font-semibold text-lg border-b pb-1 mt-6 mb-4" }, "Rate Settings", -1)),
-        a("div", Vl, [
-          o(q, {
+        l[71] || (l[71] = a("h3", { class: "font-semibold text-lg border-b pb-1 mt-6 mb-4" }, "Rate Settings", -1)),
+        a("div", Cl, [
+          o(U, {
             modelValue: f.value.duitNow,
-            "onUpdate:modelValue": l[4] || (l[4] = (t) => f.value.duitNow = t),
+            "onUpdate:modelValue": l[6] || (l[6] = (t) => f.value.duitNow = t),
             label: "DuitNow QR",
             "label-mark": "required",
             type: "number",
@@ -631,14 +661,14 @@ const Ye = {
               e(b).string().min(1, "Rate is required").transform((t) => parseFloat(t)).refine((t) => !isNaN(t), { message: "Rate must be a number" })
             )
           }, {
-            append: S(() => [...l[49] || (l[49] = [
-              Y("%", -1)
+            append: x(() => [...l[52] || (l[52] = [
+              G("%", -1)
             ])]),
             _: 1
           }, 8, ["modelValue", "rules"]),
-          o(q, {
+          o(U, {
             modelValue: f.value.mydebitCard,
-            "onUpdate:modelValue": l[5] || (l[5] = (t) => f.value.mydebitCard = t),
+            "onUpdate:modelValue": l[7] || (l[7] = (t) => f.value.mydebitCard = t),
             label: "myDebit Card",
             "label-mark": "required",
             type: "number",
@@ -648,14 +678,14 @@ const Ye = {
               e(b).string().min(1, "Rate is required").transform((t) => parseFloat(t)).refine((t) => !isNaN(t), { message: "Rate must be a number" })
             )
           }, {
-            append: S(() => [...l[50] || (l[50] = [
-              Y("%", -1)
+            append: x(() => [...l[53] || (l[53] = [
+              G("%", -1)
             ])]),
             _: 1
           }, 8, ["modelValue", "rules"]),
-          o(q, {
+          o(U, {
             modelValue: f.value.localDebit,
-            "onUpdate:modelValue": l[6] || (l[6] = (t) => f.value.localDebit = t),
+            "onUpdate:modelValue": l[8] || (l[8] = (t) => f.value.localDebit = t),
             label: "Local Debit Card",
             "label-mark": "required",
             type: "number",
@@ -665,14 +695,14 @@ const Ye = {
               e(b).string().min(1, "Rate is required").transform((t) => parseFloat(t)).refine((t) => !isNaN(t), { message: "Rate must be a number" })
             )
           }, {
-            append: S(() => [...l[51] || (l[51] = [
-              Y("%", -1)
+            append: x(() => [...l[54] || (l[54] = [
+              G("%", -1)
             ])]),
             _: 1
           }, 8, ["modelValue", "rules"]),
-          o(q, {
+          o(U, {
             modelValue: f.value.localCredit,
-            "onUpdate:modelValue": l[7] || (l[7] = (t) => f.value.localCredit = t),
+            "onUpdate:modelValue": l[9] || (l[9] = (t) => f.value.localCredit = t),
             label: "Local Credit Card",
             "label-mark": "required",
             type: "number",
@@ -682,14 +712,14 @@ const Ye = {
               e(b).string().min(1, "Rate is required").transform((t) => parseFloat(t)).refine((t) => !isNaN(t), { message: "Rate must be a number" })
             )
           }, {
-            append: S(() => [...l[52] || (l[52] = [
-              Y("%", -1)
+            append: x(() => [...l[55] || (l[55] = [
+              G("%", -1)
             ])]),
             _: 1
           }, 8, ["modelValue", "rules"]),
-          o(q, {
+          o(U, {
             modelValue: f.value.foreignCard,
-            "onUpdate:modelValue": l[8] || (l[8] = (t) => f.value.foreignCard = t),
+            "onUpdate:modelValue": l[10] || (l[10] = (t) => f.value.foreignCard = t),
             label: "Foreign Card",
             "label-mark": "required",
             type: "number",
@@ -699,14 +729,14 @@ const Ye = {
               e(b).string().min(1, "Rate is required").transform((t) => parseFloat(t)).refine((t) => !isNaN(t), { message: "Rate must be a number" })
             )
           }, {
-            append: S(() => [...l[53] || (l[53] = [
-              Y("%", -1)
+            append: x(() => [...l[56] || (l[56] = [
+              G("%", -1)
             ])]),
             _: 1
           }, 8, ["modelValue", "rules"]),
-          o(q, {
+          o(U, {
             modelValue: f.value.jcbStandard,
-            "onUpdate:modelValue": l[9] || (l[9] = (t) => f.value.jcbStandard = t),
+            "onUpdate:modelValue": l[11] || (l[11] = (t) => f.value.jcbStandard = t),
             label: "JCB Standard",
             "label-mark": "required",
             type: "number",
@@ -716,14 +746,14 @@ const Ye = {
               e(b).string().min(1, "Rate is required").transform((t) => parseFloat(t)).refine((t) => !isNaN(t), { message: "Rate must be a number" })
             )
           }, {
-            append: S(() => [...l[54] || (l[54] = [
-              Y("%", -1)
+            append: x(() => [...l[57] || (l[57] = [
+              G("%", -1)
             ])]),
             _: 1
           }, 8, ["modelValue", "rules"]),
-          o(q, {
+          o(U, {
             modelValue: f.value.jcbPlatinum,
-            "onUpdate:modelValue": l[10] || (l[10] = (t) => f.value.jcbPlatinum = t),
+            "onUpdate:modelValue": l[12] || (l[12] = (t) => f.value.jcbPlatinum = t),
             label: "JCB Platinum",
             "label-mark": "required",
             type: "number",
@@ -733,30 +763,30 @@ const Ye = {
               e(b).string().min(1, "Rate is required").transform((t) => parseFloat(t)).refine((t) => !isNaN(t), { message: "Rate must be a number" })
             )
           }, {
-            append: S(() => [...l[55] || (l[55] = [
-              Y("%", -1)
+            append: x(() => [...l[58] || (l[58] = [
+              G("%", -1)
             ])]),
             _: 1
           }, 8, ["modelValue", "rules"])
         ]),
-        l[69] || (l[69] = a("h3", { class: "font-semibold text-lg border-b pb-1 mt-6 mb-6" }, "Extra Settings", -1)),
-        a("div", kl, [
-          o(q, {
-            modelValue: L.value,
-            "onUpdate:modelValue": l[11] || (l[11] = (t) => L.value = t),
+        l[72] || (l[72] = a("h3", { class: "font-semibold text-lg border-b pb-1 mt-6 mb-6" }, "Extra Settings", -1)),
+        a("div", xl, [
+          o(U, {
+            modelValue: O.value,
+            "onUpdate:modelValue": l[13] || (l[13] = (t) => O.value = t),
             label: "Number of Devices",
             "label-mark": "required",
             type: "number",
             inputmode: "numeric"
           }, null, 8, ["modelValue"])
         ]),
-        a("div", Cl, [
-          o(Ne, {
+        a("div", wl, [
+          o(pe, {
             modelValue: C.value,
-            "onUpdate:modelValue": l[13] || (l[13] = (t) => C.value = t)
+            "onUpdate:modelValue": l[15] || (l[15] = (t) => C.value = t)
           }, {
-            "dialog-button": S(() => [
-              o(j, {
+            "dialog-button": x(() => [
+              o(L, {
                 class: "mr-6",
                 type: "button",
                 variant: "destructive",
@@ -765,65 +795,65 @@ const Ye = {
                 label: "Reject Submission"
               }, null, 8, ["loading"])
             ]),
-            "dialog-header": S(() => [...l[56] || (l[56] = [
+            "dialog-header": x(() => [...l[59] || (l[59] = [
               a("div", null, "Rejecting Submission", -1)
             ])]),
-            default: S(() => [
-              o(xe, {
+            default: x(() => [
+              o(W, {
                 modelValue: R.value,
-                "onUpdate:modelValue": l[12] || (l[12] = (t) => R.value = t),
+                "onUpdate:modelValue": l[14] || (l[14] = (t) => R.value = t),
                 label: "Reason for Rejection",
                 "label-mark": "optional",
                 "helper-text": "Please provide a reason for rejection."
               }, null, 8, ["modelValue"]),
-              o(j, {
+              o(L, {
                 class: "mb-2 mt-6 w-full",
                 label: "Submit",
                 "prepend-icon": "save",
-                onClick: J,
+                onClick: Ne,
                 loading: e(y)
               }, null, 8, ["loading"])
             ]),
             _: 1
           }, 8, ["modelValue"]),
-          o(j, {
+          o(L, {
             type: "button",
             variant: "primary",
             "prepend-icon": "approval",
-            disabled: !B.value,
+            disabled: !j.value,
             label: "Approve Submission with Rates",
-            onClick: re,
+            onClick: ie,
             loading: e(y)
           }, null, 8, ["disabled", "loading"])
         ]),
-        o(Se, { disabled: !0 }, {
-          default: S(() => [
-            l[57] || (l[57] = a("h3", { class: "font-semibold text-lg border-b pb-1 mt-6 mb-4" }, " Outlet Information ", -1)),
-            a("div", xl, [
-              a("div", Nl, [
-                o(q, {
+        o(Ie, { disabled: !0 }, {
+          default: x(() => [
+            l[60] || (l[60] = a("h3", { class: "font-semibold text-lg border-b pb-1 mt-6 mb-4" }, " Outlet Information ", -1)),
+            a("div", Nl, [
+              a("div", Sl, [
+                o(U, {
                   modelValue: e(s).picName,
-                  "onUpdate:modelValue": l[14] || (l[14] = (t) => e(s).picName = t),
+                  "onUpdate:modelValue": l[16] || (l[16] = (t) => e(s).picName = t),
                   label: "Owner/Director Name",
                   placeholder: "Enter your name",
                   "label-mark": "required",
                   rules: e(p)(e(b).string().min(1, "Owner/Director Name is required"))
                 }, null, 8, ["modelValue", "rules"])
               ]),
-              a("div", wl, [
-                o(q, {
+              a("div", Pl, [
+                o(U, {
                   modelValue: e(s).picRole,
-                  "onUpdate:modelValue": l[15] || (l[15] = (t) => e(s).picRole = t),
+                  "onUpdate:modelValue": l[17] || (l[17] = (t) => e(s).picRole = t),
                   label: "Owner/Director Role",
                   placeholder: "Enter your role",
                   "label-mark": "required",
                   rules: e(p)(e(b).string().min(1, "Owner/Director Role is required"))
                 }, null, 8, ["modelValue", "rules"])
               ]),
-              a("div", Sl, [
-                o(q, {
+              a("div", Il, [
+                o(U, {
                   modelValue: e(s).picEmail,
-                  "onUpdate:modelValue": l[16] || (l[16] = (t) => e(s).picEmail = t),
+                  "onUpdate:modelValue": l[18] || (l[18] = (t) => e(s).picEmail = t),
                   label: "Owner/Director Email",
                   type: "email",
                   placeholder: "Enter your email address",
@@ -831,84 +861,84 @@ const Ye = {
                   rules: e(p)(e(b).string().min(1, "Owner/Director Email is required"))
                 }, null, 8, ["modelValue", "rules"])
               ]),
-              a("div", Pl, [
-                o(we, {
+              a("div", Rl, [
+                o(Pe, {
                   "model-value": e(s).picContact,
-                  "onUpdate:modelValue": l[17] || (l[17] = (t) => e(s).picContact = t),
+                  "onUpdate:modelValue": l[19] || (l[19] = (t) => e(s).picContact = t),
                   "default-country": "MY",
                   label: "Owner/Director Contact",
                   "label-mark": "required",
                   rules: e(p)(e(b).string().min(1, "Owner/Director Contact is required"))
                 }, null, 8, ["model-value", "rules"])
               ]),
-              a("div", Il, [
-                o(q, {
+              a("div", Ul, [
+                o(U, {
                   modelValue: e(s).nric,
-                  "onUpdate:modelValue": l[18] || (l[18] = (t) => e(s).nric = t),
+                  "onUpdate:modelValue": l[20] || (l[20] = (t) => e(s).nric = t),
                   label: "Owner/Director NRIC No",
                   placeholder: "Enter your NRIC number",
                   "label-mark": "required",
                   rules: e(p)(e(b).string().min(1, "NRIC No is required"))
                 }, null, 8, ["modelValue", "rules"])
               ]),
-              a("div", Rl, [
-                o(q, {
+              a("div", ql, [
+                o(U, {
                   modelValue: e(s).tradingName,
-                  "onUpdate:modelValue": l[19] || (l[19] = (t) => e(s).tradingName = t),
+                  "onUpdate:modelValue": l[21] || (l[21] = (t) => e(s).tradingName = t),
                   label: "Trading Name",
                   placeholder: "Enter trading name",
                   "label-mark": "required",
                   rules: e(p)(e(b).string().min(1, "Trading Name is required"))
                 }, null, 8, ["modelValue", "rules"])
               ]),
-              a("div", ql, [
-                o(q, {
+              a("div", Fl, [
+                o(U, {
                   modelValue: e(s).outletName,
-                  "onUpdate:modelValue": l[20] || (l[20] = (t) => e(s).outletName = t),
+                  "onUpdate:modelValue": l[22] || (l[22] = (t) => e(s).outletName = t),
                   label: "Registered Name",
                   placeholder: "Enter registered name",
                   "label-mark": "required",
                   rules: e(p)(e(b).string().min(1, "Registered Name is required"))
                 }, null, 8, ["modelValue", "rules"])
               ]),
-              a("div", Ul, [
-                o(q, {
+              a("div", Dl, [
+                o(U, {
                   modelValue: e(s).outletAddress,
-                  "onUpdate:modelValue": l[21] || (l[21] = (t) => e(s).outletAddress = t),
+                  "onUpdate:modelValue": l[23] || (l[23] = (t) => e(s).outletAddress = t),
                   label: "Outlet Address",
                   placeholder: "Enter outlet address",
                   "label-mark": "required",
                   rules: e(p)(e(b).string().min(1, "Address is required"))
                 }, null, 8, ["modelValue", "rules"])
               ]),
-              o(q, {
+              o(U, {
                 modelValue: e(s).outletPostCode,
-                "onUpdate:modelValue": l[22] || (l[22] = (t) => e(s).outletPostCode = t),
+                "onUpdate:modelValue": l[24] || (l[24] = (t) => e(s).outletPostCode = t),
                 label: "Postal Code",
                 placeholder: "Enter postal code",
                 "label-mark": "required",
                 rules: e(p)(e(b).string().min(1, "Postal Code is required"))
               }, null, 8, ["modelValue", "rules"]),
-              o(q, {
+              o(U, {
                 modelValue: e(s).outletState,
-                "onUpdate:modelValue": l[23] || (l[23] = (t) => e(s).outletState = t),
+                "onUpdate:modelValue": l[25] || (l[25] = (t) => e(s).outletState = t),
                 label: "State",
                 placeholder: "Enter state",
                 "label-mark": "required",
                 rules: e(p)(e(b).string().min(1, "State is required"))
               }, null, 8, ["modelValue", "rules"]),
-              o(q, {
+              o(U, {
                 modelValue: e(s).outletCity,
-                "onUpdate:modelValue": l[24] || (l[24] = (t) => e(s).outletCity = t),
+                "onUpdate:modelValue": l[26] || (l[26] = (t) => e(s).outletCity = t),
                 label: "City",
                 placeholder: "Enter city",
                 "label-mark": "required",
                 rules: e(p)(e(b).string().min(1, "City is required"))
               }, null, 8, ["modelValue", "rules"]),
-              a("div", Fl, [
-                o(me, {
+              a("div", Tl, [
+                o(be, {
                   modelValue: e(s).businessType,
-                  "onUpdate:modelValue": l[25] || (l[25] = (t) => e(s).businessType = t),
+                  "onUpdate:modelValue": l[27] || (l[27] = (t) => e(s).businessType = t),
                   label: "Type",
                   placeholder: "Select business type",
                   "label-mark": "required",
@@ -927,91 +957,91 @@ const Ye = {
                   ]
                 }, null, 8, ["modelValue", "rules"])
               ]),
-              a("div", Dl, [
-                o(q, {
+              a("div", El, [
+                o(U, {
                   modelValue: e(s).businessRegNo,
-                  "onUpdate:modelValue": l[26] || (l[26] = (t) => e(s).businessRegNo = t),
+                  "onUpdate:modelValue": l[28] || (l[28] = (t) => e(s).businessRegNo = t),
                   label: "Registration No",
                   placeholder: "Enter registration number",
                   "label-mark": "required",
                   rules: e(p)(e(b).string().min(1, "Reg No is required"))
                 }, null, 8, ["modelValue", "rules"])
               ]),
-              a("div", Tl, [
-                o(q, {
+              a("div", $l, [
+                o(U, {
                   modelValue: e(s).tinNo,
-                  "onUpdate:modelValue": l[27] || (l[27] = (t) => e(s).tinNo = t),
+                  "onUpdate:modelValue": l[29] || (l[29] = (t) => e(s).tinNo = t),
                   label: "Tax Identification No (TIN)",
                   placeholder: "Enter your TIN number",
                   "label-mark": "required",
                   rules: e(p)(e(b).string().min(1, "TIN is required"))
                 }, null, 8, ["modelValue", "rules"])
               ]),
-              a("div", El, [
-                o(q, {
+              a("div", Al, [
+                o(U, {
                   modelValue: e(s).sstNo,
-                  "onUpdate:modelValue": l[28] || (l[28] = (t) => e(s).sstNo = t),
+                  "onUpdate:modelValue": l[30] || (l[30] = (t) => e(s).sstNo = t),
                   label: "SST Registration No (SST)",
                   placeholder: "Enter your SST number",
                   "label-mark": "optional"
                 }, null, 8, ["modelValue"])
               ])
             ]),
-            l[58] || (l[58] = a("h3", { class: "font-semibold text-lg border-b pb-1 mt-6 mb-4" }, " Payout Information ", -1)),
-            a("div", $l, [
-              o(me, {
+            l[61] || (l[61] = a("h3", { class: "font-semibold text-lg border-b pb-1 mt-6 mb-4" }, " Payout Information ", -1)),
+            a("div", Ll, [
+              o(be, {
                 modelValue: e(s).bankName,
-                "onUpdate:modelValue": l[29] || (l[29] = (t) => e(s).bankName = t),
+                "onUpdate:modelValue": l[31] || (l[31] = (t) => e(s).bankName = t),
                 label: "Bank",
                 placeholder: "Select bank type",
                 "label-mark": "required",
                 rules: e(p)(e(b).string().min(1, "Bank Type is required")),
-                items: e(Fe).bankNameOptions()
+                items: e(Te).bankNameOptions()
               }, null, 8, ["modelValue", "rules", "items"]),
-              o(q, {
+              o(U, {
                 modelValue: e(s).bankHolderName,
-                "onUpdate:modelValue": l[30] || (l[30] = (t) => e(s).bankHolderName = t),
+                "onUpdate:modelValue": l[32] || (l[32] = (t) => e(s).bankHolderName = t),
                 label: "Beneficiary Name",
                 placeholder: "Enter Beneficiary Name",
                 "label-mark": "required",
                 rules: e(p)(e(b).string().min(1, "Beneficiary Name is required"))
               }, null, 8, ["modelValue", "rules"]),
-              o(q, {
+              o(U, {
                 modelValue: e(s).bankAccountNo,
-                "onUpdate:modelValue": l[31] || (l[31] = (t) => e(s).bankAccountNo = t),
+                "onUpdate:modelValue": l[33] || (l[33] = (t) => e(s).bankAccountNo = t),
                 label: "Account Number",
                 placeholder: "Enter Account Number",
                 "label-mark": "required",
                 rules: e(p)(e(b).string().min(1, "Account Number is required"))
               }, null, 8, ["modelValue", "rules"])
             ]),
-            l[59] || (l[59] = a("h3", { class: "font-semibold text-lg border-b pb-1 mt-6 mb-4" }, "Documents", -1)),
-            l[60] || (l[60] = a("h4", { class: "font-semibold border-b pb-1 mt-6 mb-4" }, " Section 1. All Directors/Owner ICs ", -1)),
-            a("div", Al, [
+            l[62] || (l[62] = a("h3", { class: "font-semibold text-lg border-b pb-1 mt-6 mb-4" }, "Documents", -1)),
+            l[63] || (l[63] = a("h4", { class: "font-semibold border-b pb-1 mt-6 mb-4" }, " Section 1. All Directors/Owner ICs ", -1)),
+            a("div", Bl, [
               o(D, {
                 label: "Authorized Person ID",
                 modelValue: e(i).authorizedPersonID,
-                "onUpdate:modelValue": l[32] || (l[32] = (t) => e(i).authorizedPersonID = t),
+                "onUpdate:modelValue": l[34] || (l[34] = (t) => e(i).authorizedPersonID = t),
                 type: "image",
                 "restaurant-id": d.submission.restaurantId
               }, null, 8, ["modelValue", "restaurant-id"]),
-              (u(!0), k(h, null, K(X.value, (t) => (u(), A(D, {
+              (u(!0), k(_, null, Q(Z.value, (t) => (u(), A(D, {
                 key: t,
                 label: `Authorized Person ID ${t.replace("authorizedPersonID", "")}`,
                 modelValue: e(i)[t],
-                "onUpdate:modelValue": (W) => e(i)[t] = W,
+                "onUpdate:modelValue": (Y) => e(i)[t] = Y,
                 type: "image",
                 "restaurant-id": d.submission.restaurantId
               }, null, 8, ["label", "modelValue", "onUpdate:modelValue", "restaurant-id"]))), 128))
             ]),
-            l[61] || (l[61] = a("h4", { class: "font-semibold border-b pb-1 mt-6 mb-6" }, " Section 2. Business Information ", -1)),
-            a("div", Ll, [
+            l[64] || (l[64] = a("h4", { class: "font-semibold border-b pb-1 mt-6 mb-6" }, " Section 2. Business Information ", -1)),
+            a("div", Ol, [
               e(s).businessType === "private_limited" || e(s).businessType === "public_limited" ? (u(), A(D, {
                 key: 0,
                 label: "Superform",
                 type: "pdf",
                 modelValue: e(i).certificate,
-                "onUpdate:modelValue": l[33] || (l[33] = (t) => e(i).certificate = t),
+                "onUpdate:modelValue": l[35] || (l[35] = (t) => e(i).certificate = t),
                 "restaurant-id": d.submission.restaurantId
               }, null, 8, ["modelValue", "restaurant-id"])) : T("", !0),
               e(s).businessType === "sole_proprietorship" || e(s).businessType === "partnership" ? (u(), A(D, {
@@ -1019,55 +1049,55 @@ const Ye = {
                 label: "Business Registration Document",
                 type: "pdf",
                 modelValue: e(i).certificate,
-                "onUpdate:modelValue": l[34] || (l[34] = (t) => e(i).certificate = t),
+                "onUpdate:modelValue": l[36] || (l[36] = (t) => e(i).certificate = t),
                 "restaurant-id": d.submission.restaurantId
               }, null, 8, ["modelValue", "restaurant-id"])) : T("", !0),
               e(i).interiorPhoto ? (u(), A(D, {
                 key: 2,
                 label: "Interior Photo",
                 modelValue: e(i).interiorPhoto,
-                "onUpdate:modelValue": l[35] || (l[35] = (t) => e(i).interiorPhoto = t),
+                "onUpdate:modelValue": l[37] || (l[37] = (t) => e(i).interiorPhoto = t),
                 type: "image",
                 "restaurant-id": d.submission.restaurantId
               }, null, 8, ["modelValue", "restaurant-id"])) : T("", !0),
               o(D, {
                 label: "Outlet Photo",
                 modelValue: e(i).outletPhoto,
-                "onUpdate:modelValue": l[36] || (l[36] = (t) => e(i).outletPhoto = t),
+                "onUpdate:modelValue": l[38] || (l[38] = (t) => e(i).outletPhoto = t),
                 type: "image-or-pdf",
                 "restaurant-id": d.submission.restaurantId
               }, null, 8, ["modelValue", "restaurant-id"])
             ]),
-            l[62] || (l[62] = a("h4", { class: "font-semibold border-b pb-1 mt-6 mb-4" }, " Section 3. Payout Information ", -1)),
-            a("div", Bl, [
+            l[65] || (l[65] = a("h4", { class: "font-semibold border-b pb-1 mt-6 mb-4" }, " Section 3. Payout Information ", -1)),
+            a("div", jl, [
               o(D, {
                 label: "Latest Bank Statement",
                 modelValue: e(i).bankStatement,
-                "onUpdate:modelValue": l[37] || (l[37] = (t) => e(i).bankStatement = t),
+                "onUpdate:modelValue": l[39] || (l[39] = (t) => e(i).bankStatement = t),
                 type: "pdf",
                 "restaurant-id": d.submission.restaurantId
               }, null, 8, ["modelValue", "restaurant-id"])
             ]),
-            l[63] || (l[63] = a("h4", { class: "font-semibold border-b pb-1 mt-6 mb-4" }, " Section 4. Site Photos ", -1)),
-            a("div", Ol, [
-              (u(!0), k(h, null, K([1, 2, 3, 4, 5].filter(
+            l[66] || (l[66] = a("h4", { class: "font-semibold border-b pb-1 mt-6 mb-4" }, " Section 4. Site Photos ", -1)),
+            a("div", hl, [
+              (u(!0), k(_, null, Q([1, 2, 3, 4, 5].filter(
                 (t) => !!e(i)[`onsitePhoto${t}`]
               ), (t) => (u(), A(D, {
                 key: t,
-                label: e(De)[t - 1],
+                label: e(Ee)[t - 1],
                 modelValue: e(i)[`onsitePhoto${t}`],
-                "onUpdate:modelValue": (W) => e(i)[`onsitePhoto${t}`] = W,
+                "onUpdate:modelValue": (Y) => e(i)[`onsitePhoto${t}`] = Y,
                 type: "image",
                 "restaurant-id": d.submission.restaurantId
               }, null, 8, ["label", "modelValue", "onUpdate:modelValue", "restaurant-id"]))), 128))
             ]),
-            l[64] || (l[64] = a("h4", { class: "font-semibold border-b pb-1 mt-6 mb-4" }, " Section 5. Additional Documents ", -1)),
-            a("div", jl, [
+            l[67] || (l[67] = a("h4", { class: "font-semibold border-b pb-1 mt-6 mb-4" }, " Section 5. Additional Documents ", -1)),
+            a("div", _l, [
               e(i).liquorLicense ? (u(), A(D, {
                 key: 0,
                 label: "Liquor License",
                 modelValue: e(i).liquorLicense,
-                "onUpdate:modelValue": l[38] || (l[38] = (t) => e(i).liquorLicense = t),
+                "onUpdate:modelValue": l[40] || (l[40] = (t) => e(i).liquorLicense = t),
                 type: "image-or-pdf",
                 "restaurant-id": d.submission.restaurantId
               }, null, 8, ["modelValue", "restaurant-id"])) : T("", !0),
@@ -1075,17 +1105,17 @@ const Ye = {
                 key: 1,
                 label: "Appendix C",
                 modelValue: e(i).appendixC,
-                "onUpdate:modelValue": l[39] || (l[39] = (t) => e(i).appendixC = t),
+                "onUpdate:modelValue": l[41] || (l[41] = (t) => e(i).appendixC = t),
                 type: "pdf",
                 "restaurant-id": d.submission.restaurantId
               }, null, 8, ["modelValue", "restaurant-id"])) : T("", !0),
-              !e(i).liquorLicense && !e(i).appendixC ? (u(), k("p", _l, " No additional documents submitted. ")) : T("", !0)
+              !e(i).liquorLicense && !e(i).appendixC ? (u(), k("p", Ml, " No additional documents submitted. ")) : T("", !0)
             ]),
-            l[65] || (l[65] = a("h3", { class: "font-semibold text-lg border-b pb-1 mt-6 mb-4" }, " Declaration Information ", -1)),
-            a("div", hl, [
-              o(Be, {
+            l[68] || (l[68] = a("h3", { class: "font-semibold text-lg border-b pb-1 mt-6 mb-4" }, " Declaration Information ", -1)),
+            a("div", zl, [
+              o(je, {
                 modelValue: e(i).signature,
-                "onUpdate:modelValue": l[40] || (l[40] = (t) => e(i).signature = t),
+                "onUpdate:modelValue": l[42] || (l[42] = (t) => e(i).signature = t),
                 "restaurant-id": d.submission.restaurantId,
                 label: "Signature"
               }, null, 8, ["modelValue", "restaurant-id"]),
@@ -1093,7 +1123,7 @@ const Ye = {
                 label: "Company Stamp",
                 type: "image",
                 modelValue: e(i).companyStamp,
-                "onUpdate:modelValue": l[41] || (l[41] = (t) => e(i).companyStamp = t),
+                "onUpdate:modelValue": l[43] || (l[43] = (t) => e(i).companyStamp = t),
                 "restaurant-id": d.submission.restaurantId
               }, null, 8, ["modelValue", "restaurant-id"])
             ])
@@ -1103,7 +1133,7 @@ const Ye = {
       ], 64);
     };
   }
-}), zl = { class: "space-y-2" }, Hl = { class: "text-gray-900" }, Wl = { class: "text-gray-900" }, Yl = { class: "text-gray-900" }, Gl = { class: "text-gray-900" }, Jl = { class: "text-gray-900" }, Kl = { class: "text-gray-900" }, Ql = { class: "mt-6 grid grid-cols-4 gap-24" }, Xl = { class: "w-full flex justify-end mt-6" }, Zl = { class: "mt-6 grid grid-cols-4 gap-24" }, et = { class: "col-span-2" }, lt = { class: "col-span-2" }, tt = { class: "col-span-2" }, at = { class: "col-span-2" }, st = { class: "mt-6 grid grid-cols-4 gap-24" }, nt = { class: "mt-6 grid grid-cols-4 gap-24" }, ot = { class: "mt-6 grid grid-cols-4 gap-24" }, rt = { class: "col-span-2" }, it = { class: "col-span-2" }, ut = { class: "col-span-2" }, dt = { class: "col-span-2" }, mt = { class: "col-span-2" }, pt = { class: "col-span-2" }, bt = /* @__PURE__ */ Q({
+}), Wl = { class: "space-y-2" }, Yl = { class: "text-gray-900" }, Gl = { class: "text-gray-900" }, Jl = { class: "text-gray-900" }, Kl = { class: "text-gray-900" }, Ql = { class: "text-gray-900" }, Xl = { class: "text-gray-900" }, Zl = { class: "mt-6 grid grid-cols-4 gap-24" }, et = { class: "w-full flex justify-end mt-6" }, lt = { class: "mt-6 grid grid-cols-4 gap-24" }, tt = { class: "col-span-2" }, at = { class: "col-span-2" }, st = { class: "col-span-2" }, nt = { class: "col-span-2" }, ot = { class: "mt-6 grid grid-cols-4 gap-24" }, rt = { class: "mt-6 grid grid-cols-4 gap-24" }, it = { class: "mt-6 grid grid-cols-4 gap-24" }, ut = { class: "col-span-2" }, dt = { class: "col-span-2" }, mt = { class: "col-span-2" }, pt = { class: "col-span-2" }, bt = { class: "col-span-2" }, ct = { class: "col-span-2" }, gt = /* @__PURE__ */ X({
   __name: "NTTSubmission",
   props: {
     submission: {
@@ -1112,8 +1142,8 @@ const Ye = {
     }
   },
   emits: ["update:submission"],
-  setup(d, { emit: x }) {
-    const m = d, v = x, c = ue(), C = O(!1), { isLoading: y, startAsyncCall: E } = ne(), { fields: s, documents: i, restaurantId: U, profile: g, status: I, statusReason: $ } = m.submission, R = O(""), L = [
+  setup(d, { emit: w }) {
+    const m = d, v = w, c = de(), C = B(!1), { isLoading: y, startAsyncCall: E } = ne(), { fields: s, documents: i, restaurantId: q, profile: g, status: I, statusReason: $ } = m.submission, R = B(""), O = [
       { key: "localCardDebit", label: "Local Card (Debit)", defaultValue: "2.3" },
       {
         key: "localCardStandard",
@@ -1146,137 +1176,137 @@ const Ye = {
       { key: "linePay", label: "LinePay", defaultValue: "2.1" },
       { key: "thaiQr", label: "ThaiQR", defaultValue: "0.5" }
     ], f = Object.fromEntries(
-      L.map((w) => [w.key, w.defaultValue])
-    ), B = O(
+      O.map((S) => [S.key, S.defaultValue])
+    ), j = B(
       m.submission.rates ? Object.fromEntries(
-        Object.entries(m.submission.rates).map(([w, n]) => [w, `${n}`])
+        Object.entries(m.submission.rates).map(([S, n]) => [S, `${n}`])
       ) : { ...f }
-    ), X = _(
-      () => Object.values(B.value).every((w) => parseFloat(w) > 0)
-    ), Z = _(() => s.businessType === "juristic" ? "Juristic" : s.businessType === "individual" ? "Individual" : s.businessType || "-"), ee = () => E(async () => {
+    ), Z = h(
+      () => Object.values(j.value).every((S) => parseFloat(S) > 0)
+    ), ee = h(() => s.businessType === "juristic" ? "Juristic" : s.businessType === "individual" ? "Individual" : s.businessType || "-"), le = () => E(async () => {
       try {
-        const w = await M.reviewById(
+        const S = await M.reviewById(
           m.submission._id,
           {
-            status: fe.FdoOnboardStatus.enum.ready
+            status: ke.FdoOnboardStatus.enum.ready
           }
         );
-        v("update:submission", w), c.open({
+        v("update:submission", S), c.open({
           type: "success",
           title: "Submission marked as ready"
         });
-      } catch (w) {
+      } catch (S) {
         c.open({
           type: "error",
           title: "Error occurs when marking submission as ready",
-          message: G(w)
+          message: J(S)
         });
       }
     }), z = () => E(async () => {
       try {
-        const w = await M.reviewById(
+        const S = await M.reviewById(
           m.submission._id,
           {
             rates: Object.fromEntries(
-              L.map((n) => [
+              O.map((n) => [
                 n.key,
-                parseFloat(B.value[n.key])
+                parseFloat(j.value[n.key])
               ])
             ),
             status: "approved"
           }
         );
-        v("update:submission", w), c.open({
+        v("update:submission", S), c.open({
           type: "success",
           title: "Submission updated successfully"
         });
-      } catch (w) {
+      } catch (S) {
         c.open({
           type: "error",
           title: "Error occurs when updating submission",
-          message: G(w)
+          message: J(S)
         });
       }
     }), ae = () => E(async () => {
       try {
-        const w = await M.reviewById(
+        const S = await M.reviewById(
           m.submission._id,
           {
             status: "rejected",
             statusReason: R.value
           }
         );
-        v("update:submission", w), C.value = !1, c.open({
+        v("update:submission", S), C.value = !1, c.open({
           type: "success",
           title: "Submission updated successfully"
         });
-      } catch (w) {
+      } catch (S) {
         c.open({
           type: "error",
           title: "Error occurs when updating submission",
-          message: G(w)
+          message: J(S)
         });
       }
     });
-    return (w, n) => {
-      const F = P("FmTextField"), le = P("FmButton"), re = P("FmTextarea"), te = P("FmDialog"), ie = P("FmPhoneNumber"), se = P("FmForm");
-      return u(), k(h, null, [
-        a("div", zl, [
+    return (S, n) => {
+      const F = P("FmTextField"), te = P("FmButton"), ie = P("FmTextarea"), K = P("FmDialog"), ue = P("FmPhoneNumber"), se = P("FmForm");
+      return u(), k(_, null, [
+        a("div", Wl, [
           a("div", null, [
             n[31] || (n[31] = a("span", { class: "w-40 font-medium text-gray-600" }, "Restaurant: ", -1)),
-            a("span", Hl, N(e(U)), 1)
+            a("span", Yl, N(e(q)), 1)
           ]),
           a("div", null, [
             n[32] || (n[32] = a("span", { class: "w-40 font-medium text-gray-600" }, "Profile: ", -1)),
-            a("span", Wl, N(e(g).name) + " ( " + N(e(g).legalName) + " )", 1)
+            a("span", Gl, N(e(g).name) + " ( " + N(e(g).legalName) + " )", 1)
           ]),
           a("div", null, [
             n[33] || (n[33] = a("span", { class: "w-40 font-medium text-gray-600" }, "Email: ", -1)),
-            a("span", Yl, N(e(g).email), 1)
+            a("span", Jl, N(e(g).email), 1)
           ]),
           a("div", null, [
             n[34] || (n[34] = a("span", { class: "w-40 font-medium text-gray-600" }, "Phone: ", -1)),
-            a("span", Gl, N(e(g).phoneNo), 1)
+            a("span", Kl, N(e(g).phoneNo), 1)
           ]),
           a("div", null, [
             n[35] || (n[35] = a("span", { class: "w-40 font-medium text-gray-600" }, "Status: ", -1)),
-            a("span", Jl, [
-              o(ke, { data: e(I) }, null, 8, ["data"])
+            a("span", Ql, [
+              o(xe, { data: e(I) }, null, 8, ["data"])
             ])
           ]),
           a("div", null, [
             n[36] || (n[36] = a("span", { class: "w-40 font-medium text-gray-600" }, "Status Reason: ", -1)),
-            a("span", Kl, N(e($)), 1)
+            a("span", Xl, N(e($)), 1)
           ])
         ]),
         n[43] || (n[43] = a("h3", { class: "font-semibold text-lg border-b pb-1 mt-6 mb-4" }, "Rate Settings", -1)),
-        a("div", Ql, [
-          (u(), k(h, null, K(L, (r) => o(F, {
+        a("div", Zl, [
+          (u(), k(_, null, Q(O, (r) => o(F, {
             key: r.key,
-            modelValue: B.value[r.key],
-            "onUpdate:modelValue": (J) => B.value[r.key] = J,
+            modelValue: j.value[r.key],
+            "onUpdate:modelValue": (H) => j.value[r.key] = H,
             label: r.label,
             "label-mark": "required",
             type: "number",
             inputmode: "numeric",
             decimal: 2,
             rules: e(p)(
-              e(b).string().min(1, "Rate is required").transform((J) => parseFloat(J)).refine((J) => !isNaN(J), { message: "Rate must be a number" })
+              e(b).string().min(1, "Rate is required").transform((H) => parseFloat(H)).refine((H) => !isNaN(H), { message: "Rate must be a number" })
             )
           }, {
-            append: S(() => [...n[37] || (n[37] = [
-              Y("%", -1)
+            append: x(() => [...n[37] || (n[37] = [
+              G("%", -1)
             ])]),
             _: 1
           }, 8, ["modelValue", "onUpdate:modelValue", "label", "rules"])), 64))
         ]),
-        a("div", Xl, [
-          o(te, {
+        a("div", et, [
+          o(K, {
             modelValue: C.value,
             "onUpdate:modelValue": n[1] || (n[1] = (r) => C.value = r)
           }, {
-            "dialog-button": S(() => [
-              o(le, {
+            "dialog-button": x(() => [
+              o(te, {
                 class: "mr-6",
                 type: "button",
                 variant: "destructive",
@@ -1285,18 +1315,18 @@ const Ye = {
                 label: "Reject Submission"
               }, null, 8, ["loading"])
             ]),
-            "dialog-header": S(() => [...n[38] || (n[38] = [
+            "dialog-header": x(() => [...n[38] || (n[38] = [
               a("div", null, "Rejecting Submission", -1)
             ])]),
-            default: S(() => [
-              o(re, {
+            default: x(() => [
+              o(ie, {
                 modelValue: R.value,
                 "onUpdate:modelValue": n[0] || (n[0] = (r) => R.value = r),
                 label: "Reason for Rejection",
                 "label-mark": "optional",
                 "helper-text": "Please provide a reason for rejection."
               }, null, 8, ["modelValue"]),
-              o(le, {
+              o(te, {
                 class: "mb-2 mt-6 w-full",
                 label: "Submit",
                 "prepend-icon": "save",
@@ -1306,31 +1336,31 @@ const Ye = {
             ]),
             _: 1
           }, 8, ["modelValue"]),
-          o(le, {
+          o(te, {
             type: "button",
             variant: "primary",
             "prepend-icon": "approval",
             label: "Approve Submission with Rates",
-            disabled: !X.value,
+            disabled: !Z.value,
             onClick: z,
             loading: e(y)
           }, null, 8, ["disabled", "loading"]),
-          e(I) === "approved" ? (u(), A(le, {
+          e(I) === "approved" ? (u(), A(te, {
             key: 0,
             type: "button",
             variant: "secondary",
             "prepend-icon": "check_circle",
             label: "Mark as Ready",
             class: "ml-6",
-            onClick: ee,
+            onClick: le,
             loading: e(y)
           }, null, 8, ["loading"])) : T("", !0)
         ]),
         o(se, { disabled: !0 }, {
-          default: S(() => [
+          default: x(() => [
             n[39] || (n[39] = a("h3", { class: "font-semibold text-lg border-b pb-1 mt-6 mb-4" }, " Outlet Information ", -1)),
-            a("div", Zl, [
-              a("div", et, [
+            a("div", lt, [
+              a("div", tt, [
                 o(F, {
                   modelValue: e(s).companyName,
                   "onUpdate:modelValue": n[2] || (n[2] = (r) => e(s).companyName = r),
@@ -1339,7 +1369,7 @@ const Ye = {
                   rules: e(p)(e(b).string().min(1, "Company Name is required"))
                 }, null, 8, ["modelValue", "rules"])
               ]),
-              a("div", lt, [
+              a("div", at, [
                 o(F, {
                   modelValue: e(s).outletName,
                   "onUpdate:modelValue": n[3] || (n[3] = (r) => e(s).outletName = r),
@@ -1348,7 +1378,7 @@ const Ye = {
                   rules: e(p)(e(b).string().min(1, "Outlet Name is required"))
                 }, null, 8, ["modelValue", "rules"])
               ]),
-              a("div", tt, [
+              a("div", st, [
                 o(F, {
                   modelValue: e(s).outletNameEnglish,
                   "onUpdate:modelValue": n[4] || (n[4] = (r) => e(s).outletNameEnglish = r),
@@ -1357,7 +1387,7 @@ const Ye = {
                   rules: e(p)(e(b).string().min(1, "Outlet Name English is required"))
                 }, null, 8, ["modelValue", "rules"])
               ]),
-              a("div", at, [
+              a("div", nt, [
                 o(F, {
                   modelValue: e(s).outletAddress,
                   "onUpdate:modelValue": n[5] || (n[5] = (r) => e(s).outletAddress = r),
@@ -1388,7 +1418,7 @@ const Ye = {
                 rules: e(p)(e(b).string().min(1, "City is required"))
               }, null, 8, ["modelValue", "rules"]),
               o(F, {
-                "model-value": Z.value,
+                "model-value": ee.value,
                 label: "Business Type",
                 "label-mark": "required"
               }, null, 8, ["model-value"]),
@@ -1400,7 +1430,7 @@ const Ye = {
               }, null, 8, ["modelValue"])
             ]),
             n[40] || (n[40] = a("h3", { class: "font-semibold text-lg border-b pb-1 mt-6 mb-4" }, " Payout Information ", -1)),
-            a("div", st, [
+            a("div", ot, [
               o(F, {
                 modelValue: e(s).bankName,
                 "onUpdate:modelValue": n[10] || (n[10] = (r) => e(s).bankName = r),
@@ -1438,7 +1468,7 @@ const Ye = {
               }, null, 8, ["modelValue", "rules"])
             ]),
             n[41] || (n[41] = a("h3", { class: "font-semibold text-lg border-b pb-1 mt-6 mb-4" }, "Documents", -1)),
-            a("div", nt, [
+            a("div", rt, [
               o(D, {
                 label: "Authorized Person ID",
                 modelValue: e(i).authorizedPersonID,
@@ -1493,8 +1523,8 @@ const Ye = {
               }, null, 8, ["modelValue", "restaurant-id"])) : T("", !0)
             ]),
             n[42] || (n[42] = a("h3", { class: "font-semibold text-lg border-b pb-1 mt-6 mb-4" }, " Declaration Information ", -1)),
-            a("div", ot, [
-              a("div", rt, [
+            a("div", it, [
+              a("div", ut, [
                 o(F, {
                   modelValue: e(s).picName,
                   "onUpdate:modelValue": n[22] || (n[22] = (r) => e(s).picName = r),
@@ -1503,7 +1533,7 @@ const Ye = {
                   rules: e(p)(e(b).string().min(1, "PIC Name is required"))
                 }, null, 8, ["modelValue", "rules"])
               ]),
-              a("div", it, [
+              a("div", dt, [
                 o(F, {
                   modelValue: e(s).picRole,
                   "onUpdate:modelValue": n[23] || (n[23] = (r) => e(s).picRole = r),
@@ -1512,7 +1542,7 @@ const Ye = {
                   rules: e(p)(e(b).string().min(1, "PIC Role is required"))
                 }, null, 8, ["modelValue", "rules"])
               ]),
-              a("div", ut, [
+              a("div", mt, [
                 o(F, {
                   modelValue: e(s).picEmail,
                   "onUpdate:modelValue": n[24] || (n[24] = (r) => e(s).picEmail = r),
@@ -1521,8 +1551,8 @@ const Ye = {
                   rules: e(p)(e(b).string().min(1, "PIC Email is required"))
                 }, null, 8, ["modelValue", "rules"])
               ]),
-              a("div", dt, [
-                o(ie, {
+              a("div", pt, [
+                o(ue, {
                   "model-value": e(s).picContact,
                   "onUpdate:modelValue": n[25] || (n[25] = (r) => e(s).picContact = r),
                   "default-country": "TH",
@@ -1531,7 +1561,7 @@ const Ye = {
                   rules: e(p)(e(b).string().min(1, "PIC Contact is required"))
                 }, null, 8, ["model-value", "rules"])
               ]),
-              a("div", mt, [
+              a("div", bt, [
                 o(F, {
                   modelValue: e(s).witnessName,
                   "onUpdate:modelValue": n[26] || (n[26] = (r) => e(s).witnessName = r),
@@ -1540,7 +1570,7 @@ const Ye = {
                   rules: e(p)(e(b).string().min(1, "Witness Name is required"))
                 }, null, 8, ["modelValue", "rules"])
               ]),
-              a("div", pt, [
+              a("div", ct, [
                 o(F, {
                   modelValue: e(s).witnessRole,
                   "onUpdate:modelValue": n[27] || (n[27] = (r) => e(s).witnessRole = r),
@@ -1577,7 +1607,7 @@ const Ye = {
       ], 64);
     };
   }
-}), ct = /* @__PURE__ */ Q({
+}), yt = /* @__PURE__ */ X({
   __name: "TyroSubmission",
   props: {
     submission: {
@@ -1587,8 +1617,8 @@ const Ye = {
   },
   emits: ["update:submission"],
   setup(d) {
-    const x = d, m = _(() => {
-      const v = x.submission.fields || {}, c = (C) => v[C] || "N/A";
+    const w = d, m = h(() => {
+      const v = w.submission.fields || {}, c = (C) => v[C] || "N/A";
       return [
         {
           label: "Tyro POS Reference ID",
@@ -1614,22 +1644,22 @@ const Ye = {
         class: "max-w-3xl mt-8 p-6",
         variant: "elevated"
       }, {
-        default: S(() => [
+        default: x(() => [
           o(y, { class: "flex flex-col gap-16 justify-between" }, {
-            default: S(() => [
+            default: x(() => [
               o(C, {
                 class: "p-0",
                 title: "Tyro Authorisation",
                 subtitle: ""
               }),
               o(y, { class: "p-0" }, {
-                default: S(() => [
-                  (u(!0), k(h, null, K(m.value, (s) => (u(), k("p", {
+                default: x(() => [
+                  (u(!0), k(_, null, Q(m.value, (s) => (u(), k("p", {
                     key: s.label,
                     class: "text-sm text-gray-900 break-all mb-4 last:mb-0"
                   }, [
                     a("b", null, N(s.label), 1),
-                    Y(": " + N(s.value), 1)
+                    G(": " + N(s.value), 1)
                   ]))), 128))
                 ]),
                 _: 1
@@ -1642,10 +1672,10 @@ const Ye = {
       });
     };
   }
-}), gt = {
+}), vt = {
   key: 0,
   class: "flex items-center justify-center min-h-[80vh]"
-}, yt = { class: "px-32 pb-32" }, Ut = /* @__PURE__ */ Q({
+}, ft = { class: "px-32 pb-32" }, Dt = /* @__PURE__ */ X({
   __name: "OnboardForm",
   props: {
     submissionId: {
@@ -1654,10 +1684,10 @@ const Ye = {
     }
   },
   setup(d) {
-    const { startAsyncCall: x, isLoading: m } = ne(), v = ue(), c = d, C = qe(), y = O(null), E = _(
+    const { startAsyncCall: w, isLoading: m } = ne(), v = de(), c = d, C = Fe(), y = B(null), E = h(
       () => {
         var $;
-        return (($ = y.value) == null ? void 0 : $.type) === fe.FdoOnboardType.enum.tyro;
+        return (($ = y.value) == null ? void 0 : $.type) === ke.FdoOnboardType.enum.tyro;
       }
     ), s = () => {
       if (window.history.length > 1) {
@@ -1666,29 +1696,29 @@ const Ye = {
       }
       C.push({ name: "mf-payment-admin.onboard-submission" });
     };
-    ye(() => {
-      x(async () => {
+    fe(() => {
+      w(async () => {
         y.value = await M.readById(c.submissionId);
       });
     });
-    const i = _(() => {
+    const i = h(() => {
       if (!y.value) return null;
       switch (y.value.type) {
         case "softspace":
-          return Ml;
+          return Hl;
         case "ntt":
-          return bt;
+          return gt;
         case "tyro":
-          return ct;
+          return yt;
         default:
           return null;
       }
-    }), U = O(0);
+    }), q = B(0);
     function g($) {
-      y.value = $, U.value = Date.now();
+      y.value = $, q.value = Date.now();
     }
     const I = async ($) => {
-      var R, L;
+      var R, O;
       if (y.value)
         switch ($) {
           case "preview":
@@ -1698,11 +1728,11 @@ const Ye = {
                 message: "Generating preview document...",
                 type: "info"
               }), await M.previewDocument((R = y.value) == null ? void 0 : R._id);
-            } catch (B) {
+            } catch (j) {
               v.open({
                 type: "error",
                 title: "Error occurs when generating submission document",
-                message: G(B)
+                message: J(j)
               });
             } finally {
               f && v.close(f);
@@ -1713,29 +1743,29 @@ const Ye = {
               v.open({
                 message: "Sending onboarding document...",
                 type: "info"
-              }), await M.sendDocument((L = y.value) == null ? void 0 : L._id), v.open({
+              }), await M.sendDocument((O = y.value) == null ? void 0 : O._id), v.open({
                 type: "success",
                 title: "Submission documents send successfully"
               });
-            } catch (B) {
+            } catch (j) {
               v.open({
                 type: "error",
                 title: "Error occurs when sending document",
-                message: G(B)
+                message: J(j)
               });
             }
             break;
         }
     };
     return ($, R) => {
-      var B, X, Z, ee;
-      const L = P("FmCircularProgress"), f = P("FmPageHead");
-      return e(m) ? (u(), k("div", gt, [
-        o(L, { size: "xxl" })
-      ])) : (u(), k(h, { key: 1 }, [
+      var j, Z, ee, le;
+      const O = P("FmCircularProgress"), f = P("FmPageHead");
+      return e(m) ? (u(), k("div", vt, [
+        o(O, { size: "xxl" })
+      ])) : (u(), k(_, { key: 1 }, [
         o(f, {
-          title: `Submission - ${(B = y.value) == null ? void 0 : B.type}`,
-          description: `ID - ${(X = y.value) == null ? void 0 : X._id}`,
+          title: `Submission - ${(j = y.value) == null ? void 0 : j.type}`,
+          description: `ID - ${(Z = y.value) == null ? void 0 : Z._id}`,
           "back-button": !0,
           "onClick:back": s,
           "onClick:action": I,
@@ -1753,16 +1783,16 @@ const Ye = {
             }
           ]
         }, null, 8, ["title", "description", "actions"]),
-        a("div", yt, [
-          (u(), A(Re(i.value), {
-            key: U.value,
+        a("div", ft, [
+          (u(), A(qe(i.value), {
+            key: q.value,
             submission: y.value,
             "onUpdate:submission": g
           }, null, 40, ["submission"])),
-          ((Z = y.value) == null ? void 0 : Z.type) !== "softspace" ? (u(), k(h, { key: 0 }, [
+          ((ee = y.value) == null ? void 0 : ee.type) !== "softspace" ? (u(), k(_, { key: 0 }, [
             R[0] || (R[0] = a("h3", { class: "font-semibold text-lg border-b pb-1 mt-6 mb-6" }, "Timeline", -1)),
-            o(Ce, {
-              entries: (ee = y.value) == null ? void 0 : ee.timeline
+            o(we, {
+              entries: (le = y.value) == null ? void 0 : le.timeline
             }, null, 8, ["entries"])
           ], 64)) : T("", !0)
         ])
@@ -1771,5 +1801,5 @@ const Ye = {
   }
 });
 export {
-  Ut as default
+  Dt as default
 };