@feedmepos/mf-payment 1.11.2-dev → 1.11.4-dev

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

@@ -1,16 +1,16 @@
-import { defineComponent as G, ref as O, computed as j, resolveComponent as P, openBlock as u, createElementBlock as V, createElementVNode as a, toDisplayString as U, createBlock as E, withCtx as S, createCommentVNode as B, createVNode as n, unref as e, Fragment as M, renderList as J, createTextVNode as W, normalizeClass as Ve, onMounted as ke, resolveDynamicComponent as Ce } from "vue";
-import { o as h } from "./index-C7DEHzTj.js";
-import { u as te, p as pe } from "./index-ltUJL3fo.js";
-import { useRouter as Ne } from "vue-router";
+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 { z as p, a as b } from "./validator-CTlVogBQ.js";
-import { P as Se, D as Pe } from "./payout-account-BUu5dzD8.js";
-import { a as we } from "./onboard-submission-BiO6l0wG.js";
-import { _ as be } from "./DocumentViewer.vue_vue_type_script_setup_true_lang-a-bX5Lqt.js";
-import { s as xe } from "./vue-signature-pad.esm-IXPjf4fL.js";
-import { _ as ce } from "./Status.vue_vue_type_script_setup_true_lang-DHG1EsIG.js";
-import { useSnackbar as ne } from "@feedmepos/ui-library";
-import { u as Y } from "./error-K1CakhA9.js";
-const Re = ["src"], ie = ".png, .jpg, .jpeg", ue = ".pdf", q = /* @__PURE__ */ G({
+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({
   __name: "UploadButton",
   props: {
     modelValue: {},
@@ -19,52 +19,52 @@ const Re = ["src"], ie = ".png, .jpg, .jpeg", ue = ".pdf", q = /* @__PURE__ */ G
     restaurantId: {}
   },
   emits: ["update:modelValue"],
-  setup(i, { emit: k }) {
-    const d = i, v = O(d.modelValue), c = k, C = (r) => {
-      const F = new FileReader();
-      F.onload = (f) => {
-        var T;
-        v.value = (T = f.target) == null ? void 0 : T.result, c("update:modelValue", r);
-      }, F.readAsDataURL(r);
-    }, m = (r) => {
-      window.open(r, "_blank", "noopener,noreferrer");
-    }, R = j(() => d.type === "image" ? ie : d.type === "pdf" ? ue : `${ie}, ${ue}`), s = (r) => d.type === "pdf" ? !0 : d.type === "image" ? !1 : r === "application/pdf";
-    return (r, F) => {
-      const f = P("FmButton"), T = P("FmDropField");
-      return u(), V("div", null, [
-        a("p", null, U(i.label), 1),
-        v.value ? (u(), E(be, {
+  setup(d, { emit: x }) {
+    const m = d, v = O(m.modelValue), c = x, C = (i) => {
+      const U = new FileReader();
+      U.onload = (g) => {
+        var I;
+        v.value = (I = g.target) == null ? void 0 : I.result, c("update:modelValue", i);
+      }, U.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) => {
+      const g = P("FmButton"), I = P("FmDropField");
+      return u(), k("div", null, [
+        a("p", null, N(d.label), 1),
+        v.value ? (u(), A(Ve, {
           key: 0,
           document: v.value,
-          "restaurant-id": i.restaurantId
+          "restaurant-id": d.restaurantId
         }, {
-          default: S(({ src: D, type: w }) => [
-            s(w) ? (u(), E(f, {
+          default: S(({ src: $, type: R }) => [
+            s(R) ? (u(), A(g, {
               key: 1,
               class: "mt-4 w-full",
               "prepend-icon": "manage_accounts",
               label: "View Document",
               variant: "primary",
-              onVnodeMounted: () => m(D),
-              onClick: () => m(D)
-            }, null, 8, ["onVnodeMounted", "onClick"])) : (u(), V("img", {
+              onVnodeMounted: () => y($),
+              onClick: () => y($)
+            }, null, 8, ["onVnodeMounted", "onClick"])) : (u(), k("img", {
               key: 0,
-              src: D
-            }, null, 8, Re))
+              src: $
+            }, null, 8, Ee))
           ]),
           _: 1
-        }, 8, ["document", "restaurant-id"])) : (u(), E(T, {
+        }, 8, ["document", "restaurant-id"])) : (u(), A(I, {
           key: 1,
-          accept: R.value,
+          accept: E.value,
           onFileUpload: C
         }, null, 8, ["accept"]))
       ]);
     };
   }
-}), Ie = ["src"], qe = {
+}), $e = ["src"], Ae = {
   key: 0,
   class: "text-center text-red-700 py-4"
-}, Ue = { class: "flex justify-evenly py-3" }, Fe = /* @__PURE__ */ G({
+}, Le = { class: "flex justify-evenly py-3" }, Be = /* @__PURE__ */ Q({
   __name: "SignatureBoard",
   props: {
     modelValue: {},
@@ -72,76 +72,76 @@ const Re = ["src"], ie = ".png, .jpg, .jpeg", ue = ".pdf", q = /* @__PURE__ */ G
     restaurantId: {}
   },
   emits: ["update:modelValue"],
-  setup(i, { emit: k }) {
-    const d = i, v = k, c = O(d.modelValue), C = O(!1), m = O(), R = O(!1);
-    function s(F, f) {
-      var L;
-      const T = F.split(","), D = ((L = T[0].match(/:(.*?);/)) == null ? void 0 : L[1]) || "", w = atob(T[1]);
-      let A = w.length;
-      const g = new Uint8Array(A);
-      for (; A--; )
-        g[A] = w.charCodeAt(A);
-      return new File([g], f, { type: D });
+  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);
+      return new File([f], g, { type: $ });
     }
-    const r = function() {
-      const { isEmpty: F, data: f } = m.value.saveSignature();
-      if (F)
+    const i = function() {
+      const { isEmpty: U, data: g } = y.value.saveSignature();
+      if (U)
         return C.value = !0;
-      c.value = f, R.value = !1, v("update:modelValue", s(f, "signature.png"));
+      c.value = g, E.value = !1, v("update:modelValue", s(g, "signature.png"));
     };
-    return (F, f) => {
-      const T = P("FmButton"), D = P("FmDialog");
-      return u(), V("div", null, [
-        a("p", null, U(i.label), 1),
-        c.value ? (u(), E(be, {
+    return (U, g) => {
+      const I = P("FmButton"), $ = P("FmDialog");
+      return u(), k("div", null, [
+        a("p", null, N(d.label), 1),
+        c.value ? (u(), A(Ve, {
           key: 0,
           document: c.value,
-          "restaurant-id": i.restaurantId
+          "restaurant-id": d.restaurantId
         }, {
-          default: S(({ src: w }) => [
+          default: S(({ src: R }) => [
             a("img", {
-              src: w,
+              src: R,
               alt: "Signature Preview",
               class: "w-full h-auto"
-            }, null, 8, Ie)
+            }, null, 8, $e)
           ]),
           _: 1
-        }, 8, ["document", "restaurant-id"])) : B("", !0),
-        c.value ? B("", !0) : (u(), E(D, {
+        }, 8, ["document", "restaurant-id"])) : T("", !0),
+        c.value ? T("", !0) : (u(), A($, {
           key: 1,
-          modelValue: R.value,
-          "onUpdate:modelValue": f[1] || (f[1] = (w) => R.value = w)
+          modelValue: E.value,
+          "onUpdate:modelValue": g[1] || (g[1] = (R) => E.value = R)
         }, {
           "dialog-button": S(() => [
-            n(T, {
+            o(I, {
               "prepend-icon": "signature",
               class: "w-full",
               label: "Signature"
             })
           ]),
-          "dialog-header": S(() => [...f[2] || (f[2] = [
+          "dialog-header": S(() => [...g[2] || (g[2] = [
             a("div", null, "Signature Board", -1)
           ])]),
           default: S(() => [
-            n(e(xe), {
+            o(e(Te), {
               ref_key: "signaturePad",
-              ref: m,
+              ref: y,
               height: "300px",
               customStyle: { border: "2px solid #ccc", borderRadius: "3px" },
               options: { penColor: "#000000" }
             }, null, 512),
-            C.value ? (u(), V("p", qe, " Please sign your signature before saving. ")) : B("", !0),
-            a("div", Ue, [
-              n(T, {
+            C.value ? (u(), k("p", Ae, " Please sign your signature before saving. ")) : T("", !0),
+            a("div", Le, [
+              o(I, {
                 variant: "destructive",
                 label: "Clear",
                 "prepend-icon": "delete",
-                onClick: f[0] || (f[0] = (w) => m.value.clearSignature())
+                onClick: g[0] || (g[0] = (R) => y.value.clearSignature())
               }),
-              n(T, {
+              o(I, {
                 label: "Save",
                 "prepend-icon": "save",
-                onClick: r
+                onClick: i
               })
             ])
           ]),
@@ -150,16 +150,199 @@ const Re = ["src"], ie = ".png, .jpg, .jpeg", ue = ".pdf", q = /* @__PURE__ */ G
       ]);
     };
   }
-}), De = { class: "space-y-2" }, Ee = { class: "text-gray-900" }, Te = { class: "text-gray-900" }, Ae = { class: "text-gray-900" }, $e = { class: "text-gray-900" }, Be = { class: "text-gray-900" }, Le = { class: "text-gray-900" }, Oe = { class: "grid grid-cols-4 gap-6" }, je = ["src"], _e = {
+}), 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");
+  let v = 0, c = m.length;
+  for (; m.charAt(v) === "\0"; )
+    v++;
+  if (v === c)
+    return [];
+  for (; m.charAt(c - 1) === "\0"; )
+    c--;
+  return m.slice(v, c).split(/\0/g);
+}
+function He(d) {
+  return (x) => x.toLocaleLowerCase(d);
+}
+function We(d) {
+  return (x) => x.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(" ");
+}
+const Ye = {
+  key: 0,
+  class: "text-sm text-gray-500"
+}, Ge = { class: "flex min-w-max items-start pt-1" }, Je = {
+  key: 0,
+  class: "absolute left-0 top-[7px] h-[2px] w-1/2 bg-gray-200"
+}, Ke = {
+  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 = {
+  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 = {
+  key: 4,
+  class: "mt-1 text-xs text-gray-500"
+}, tl = {
+  key: 5,
+  class: "mt-1 text-xs text-gray-700"
+}, Ce = /* @__PURE__ */ Q({
+  __name: "Timeline",
+  props: {
+    entries: {
+      type: Array,
+      default: () => []
+    }
+  },
+  setup(d) {
+    const x = d, m = {
+      submission: { label: "Submitted", icon: "upload_file", color: "bg-blue-400" },
+      resubmission: {
+        label: "Resubmitted",
+        icon: "upload_file",
+        color: "bg-blue-400"
+      },
+      "send-for-review": {
+        label: "Sent for Review",
+        icon: "send",
+        color: "bg-indigo-400"
+      },
+      "submission-review-approved": {
+        label: "Review Approved",
+        icon: "check_circle",
+        color: "bg-green-400"
+      },
+      "submission-review-rejected": {
+        label: "Review Rejected",
+        icon: "cancel",
+        color: "bg-red-400"
+      },
+      "submission-review-ready": {
+        label: "Marked as Ready",
+        icon: "task_alt",
+        color: "bg-green-400"
+      },
+      "additional-document": {
+        label: "Additional Document Added",
+        icon: "attach_file",
+        color: "bg-gray-400"
+      },
+      reminder: {
+        label: "Reminder Sent",
+        icon: "notifications",
+        color: "bg-yellow-400"
+      },
+      "pending-merchant": {
+        label: "Pending Merchant",
+        icon: "storefront",
+        color: "bg-yellow-400"
+      },
+      "pending-fasspay": {
+        label: "Pending FassPay",
+        icon: "hourglass_top",
+        color: "bg-orange-400"
+      },
+      "complete-fasspay": {
+        label: "FassPay Completed",
+        icon: "task_alt",
+        color: "bg-green-400"
+      },
+      "complete-credit-card": {
+        label: "Credit Card Completed",
+        icon: "credit_card",
+        color: "bg-green-400"
+      },
+      "provider-update": {
+        label: "Provider Update",
+        icon: "update",
+        color: "bg-orange-400"
+      }
+    }, v = {
+      approved: "bg-green-400",
+      ready: "bg-green-400",
+      rejected: "bg-red-400",
+      submitted: "bg-blue-400",
+      pending: "bg-yellow-400"
+    };
+    function c(s) {
+      const i = m[s];
+      if (i) return i;
+      if (s.startsWith("status-update-")) {
+        const U = s.replace("status-update-", "");
+        return {
+          label: `Status Updated to ${ce(U)}`,
+          icon: "sync",
+          color: v[U] ?? "bg-gray-400"
+        };
+      }
+      return {
+        label: ce(s.replace(/-/g, " ")),
+        icon: "radio_button_checked",
+        color: "bg-gray-400"
+      };
+    }
+    const C = _(
+      () => (x.entries ?? []).map((s) => ({
+        ...s,
+        ...c(s.action),
+        at: Ue(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);
+    };
+    return ye(E), Pe(() => C.value.length, E), (s, i) => {
+      const U = 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", {
+            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),
+            a("span", {
+              class: ve([
+                "relative z-10 h-4 w-4 rounded-full ring-4 ring-white",
+                g.color
+              ])
+            }, null, 2),
+            o(U, {
+              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)
+          ]))), 128))
+        ])
+      ], 512)) : (u(), k("p", Ye, " 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 = {
   key: 1,
   class: "mt-2 truncate text-gray-700"
-}, Me = { key: 0 }, he = {
+}, vl = { key: 0 }, fl = {
   key: 0,
   class: "w-full flex justify-end mt-6"
-}, ze = { class: "mt-6 grid grid-cols-4 gap-24" }, He = { class: "grid grid-cols-4 gap-6" }, We = { class: "w-full flex justify-end mt-6" }, Ye = { class: "mt-6 grid grid-cols-4 gap-24" }, Je = { class: "col-span-2" }, Ge = { class: "col-span-2" }, Ke = { class: "col-span-2" }, Qe = { class: "col-span-2" }, Xe = { class: "col-span-2" }, Ze = { class: "col-span-2" }, el = { class: "col-span-2" }, ll = { class: "col-span-2" }, tl = { class: "col-start-1 col-span-2" }, al = { class: "col-span-2" }, sl = { class: "col-span-2" }, ol = { class: "col-span-2" }, nl = { class: "mt-6 grid grid-cols-4 gap-6" }, rl = { class: "mt-6 grid grid-cols-4 gap-6" }, il = { class: "mt-6 grid grid-cols-4 gap-6" }, ul = { class: "mt-6 grid grid-cols-4 gap-6" }, dl = { class: "mt-6 grid grid-cols-4 gap-6" }, ml = { class: "mt-6 grid grid-cols-4 gap-6" }, pl = {
+}, 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 = {
   key: 2,
   class: "text-sm text-gray-500"
-}, bl = { class: "mt-6 grid grid-cols-2 gap-24" }, de = 30, cl = /* @__PURE__ */ G({
+}, hl = { class: "mt-6 grid grid-cols-2 gap-24" }, ge = 30, Ml = /* @__PURE__ */ Q({
   __name: "SoftspaceSubmission",
   props: {
     submission: {
@@ -168,13 +351,13 @@ const Re = ["src"], ie = ".png, .jpg, .jpeg", ue = ".pdf", q = /* @__PURE__ */ G
     }
   },
   emits: ["update:submission"],
-  setup(i, { emit: k }) {
-    var ee;
-    const d = i, v = k, c = ne(), C = O(!1), { isLoading: m, startAsyncCall: R } = te(), { fields: s, documents: r, restaurantId: F, profile: f, status: T, statusReason: D } = d.submission, w = O(""), A = O(
-      parseInt(((ee = d.submission.fields) == null ? void 0 : ee.numberOfDevices) ?? 1)
-    ), g = O(
-      d.submission.rates ? Object.fromEntries(
-        Object.entries(d.submission.rates).map(([y, l]) => [y, `${l}`])
+  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(
+      m.submission.rates ? Object.fromEntries(
+        Object.entries(m.submission.rates).map(([V, l]) => [V, `${l}`])
       ) : {
         duitNow: "0.8",
         mydebitCard: "0.5",
@@ -184,191 +367,261 @@ const Re = ["src"], ie = ".png, .jpg, .jpeg", ue = ".pdf", q = /* @__PURE__ */ G
         jcbStandard: "2.2",
         jcbPlatinum: "2.2"
       }
-    ), L = j(
-      () => Object.values(g.value).every((y) => parseFloat(y) > 0)
-    ), K = j(
-      () => Object.keys(d.submission.documents).filter((y) => /^authorizedPersonID\d+$/.test(y)).sort(
-        (y, l) => Number(y.replace("authorizedPersonID", "")) - Number(l.replace("authorizedPersonID", ""))
+    ), B = _(
+      () => Object.values(f.value).every((V) => parseFloat(V) > 0)
+    ), X = _(
+      () => Object.keys(m.submission.documents).filter((V) => /^authorizedPersonID\d+$/.test(V)).sort(
+        (V, l) => Number(V.replace("authorizedPersonID", "")) - Number(l.replace("authorizedPersonID", ""))
       )
-    ), { isLoading: Q, startAsyncCall: ae } = te(), _ = O([]), Z = (y) => Number(y.replace("additionalDocument", "")), N = j(
-      () => Object.keys(d.submission.documents).filter((y) => /^additionalDocument\d+$/.test(y)).sort((y, l) => Z(y) - Z(l))
-    ), o = j(
-      () => N.value.length + _.value.length
-    ), I = (y) => {
-      if (!(o.value >= de)) {
-        if (y.type.startsWith("image/")) {
+    ), { isLoading: Z, startAsyncCall: ee } = ne(), z = O([]), ae = (V) => Number(V.replace("additionalDocument", "")), w = _(
+      () => 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
+    ), F = (V) => {
+      if (!(n.value >= ge)) {
+        if (V.type.startsWith("image/")) {
           const l = new FileReader();
-          l.onload = ($) => {
-            var z;
-            return _.value.push({
-              file: y,
-              preview: String(((z = $.target) == null ? void 0 : z.result) ?? "")
+          l.onload = (j) => {
+            var H;
+            return z.value.push({
+              file: V,
+              preview: String(((H = j.target) == null ? void 0 : H.result) ?? "")
             });
-          }, l.readAsDataURL(y);
+          }, l.readAsDataURL(V);
           return;
         }
-        _.value.push({ file: y, preview: "" });
+        z.value.push({ file: V, preview: "" });
       }
-    }, X = () => ae(async () => {
+    }, le = () => ee(async () => {
       try {
-        let y = N.value.reduce(
-          ($, z) => Math.max($, Z(z)),
+        let V = w.value.reduce(
+          (j, H) => Math.max(j, ae(H)),
           0
         );
         const l = {};
-        for (const { file: $ } of _.value) {
-          const z = `additionalDocument${++y}`;
-          l[z] = await h.uploadDocument(
-            F,
-            z,
-            $
+        for (const { file: j } of z.value) {
+          const H = `additionalDocument${++V}`;
+          l[H] = await M.uploadDocument(
+            U,
+            H,
+            j
           );
         }
         v(
           "update:submission",
-          await h.addAdditionalDocuments(
-            d.submission._id,
+          await M.addAdditionalDocuments(
+            m.submission._id,
             l
           )
-        ), _.value = [], c.open({ type: "success", title: "Documents saved" });
-      } catch (y) {
+        ), z.value = [], c.open({ type: "success", title: "Documents saved" });
+      } catch (V) {
         c.open({
           type: "error",
           title: "Error occurs when sending additional documents",
-          message: Y(y)
+          message: G(V)
         });
       }
-    }), se = () => R(async () => {
+    }), re = () => E(async () => {
       try {
-        const y = await h.reviewById(
-          d.submission._id,
+        const V = await M.reviewById(
+          m.submission._id,
           {
-            numberOfDevices: A.value.toString(),
+            numberOfDevices: L.value.toString(),
             rates: {
-              duitNow: parseFloat(g.value.duitNow),
-              mydebitCard: parseFloat(g.value.mydebitCard),
-              localDebit: parseFloat(g.value.localDebit),
-              localCredit: parseFloat(g.value.localCredit),
-              foreignCard: parseFloat(g.value.foreignCard),
-              jcbStandard: parseFloat(g.value.jcbStandard),
-              jcbPlatinum: parseFloat(g.value.jcbPlatinum)
+              duitNow: parseFloat(f.value.duitNow),
+              mydebitCard: parseFloat(f.value.mydebitCard),
+              localDebit: parseFloat(f.value.localDebit),
+              localCredit: parseFloat(f.value.localCredit),
+              foreignCard: parseFloat(f.value.foreignCard),
+              jcbStandard: parseFloat(f.value.jcbStandard),
+              jcbPlatinum: parseFloat(f.value.jcbPlatinum)
             },
             status: "approved"
           }
         );
-        v("update:submission", y), C.value = !1, c.open({
+        v("update:submission", V), C.value = !1, c.open({
           type: "success",
           title: "Submission updated successfully"
         });
-      } catch (y) {
+      } catch (V) {
         c.open({
           type: "error",
           title: "Error occurs when updating submission",
-          message: Y(y)
+          message: G(V)
         });
       }
-    }), oe = () => R(async () => {
+    }), { isLoading: te, startAsyncCall: ie } = ne(), se = _(
+      () => m.submission.timelineStatus === "complete"
+    ), r = (V) => ie(async () => {
       try {
-        const y = await h.reviewById(
-          d.submission._id,
+        v(
+          "update:submission",
+          await M.trackStatus(m.submission._id, V)
+        ), c.open({
+          type: "success",
+          title: "Status tracking updated successfully"
+        });
+      } catch (l) {
+        c.open({
+          type: "error",
+          title: "Error occurs when updating status tracking",
+          message: G(l)
+        });
+      }
+    }), J = () => E(async () => {
+      try {
+        const V = await M.reviewById(
+          m.submission._id,
           {
             status: "rejected",
-            statusReason: w.value
+            statusReason: R.value
           }
         );
-        v("update:submission", y), C.value = !1, c.open({
+        v("update:submission", V), C.value = !1, c.open({
           type: "success",
           title: "Submission updated successfully"
         });
-      } catch (y) {
+      } catch (V) {
         c.open({
           type: "error",
           title: "Error occurs when updating submission",
-          message: Y(y)
+          message: G(V)
         });
       }
     });
-    return (y, l) => {
-      const $ = P("FmButton"), z = P("FmDropField"), x = P("FmTextField"), ge = P("FmTextarea"), ye = P("FmDialog"), ve = P("FmPhoneNumber"), re = P("FmSelect"), fe = P("FmForm");
-      return u(), V(M, null, [
-        a("div", De, [
+    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, [
           a("div", null, [
-            l[38] || (l[38] = a("span", { class: "w-40 font-medium text-gray-600" }, "Restaurant: ", -1)),
-            a("span", Ee, U(e(F)), 1)
+            l[42] || (l[42] = a("span", { class: "w-40 font-medium text-gray-600" }, "Restaurant: ", -1)),
+            a("span", sl, N(e(U)), 1)
           ]),
           a("div", null, [
-            l[39] || (l[39] = a("span", { class: "w-40 font-medium text-gray-600" }, "Profile: ", -1)),
-            a("span", Te, U(e(f).name) + " ( " + U(e(f).legalName) + " )", 1)
+            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)
           ]),
           a("div", null, [
-            l[40] || (l[40] = a("span", { class: "w-40 font-medium text-gray-600" }, "Email: ", -1)),
-            a("span", Ae, U(e(f).email), 1)
+            l[44] || (l[44] = a("span", { class: "w-40 font-medium text-gray-600" }, "Email: ", -1)),
+            a("span", ol, N(e(g).email), 1)
           ]),
           a("div", null, [
-            l[41] || (l[41] = a("span", { class: "w-40 font-medium text-gray-600" }, "Phone: ", -1)),
-            a("span", $e, U(e(f).phoneNo), 1)
+            l[45] || (l[45] = a("span", { class: "w-40 font-medium text-gray-600" }, "Phone: ", -1)),
+            a("span", rl, N(e(g).phoneNo), 1)
           ]),
           a("div", null, [
-            l[42] || (l[42] = a("span", { class: "w-40 font-medium text-gray-600" }, "Status: ", -1)),
-            a("span", Be, [
-              n(ce, { data: e(T) }, null, 8, ["data"])
+            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"])
             ])
           ]),
           a("div", null, [
-            l[43] || (l[43] = a("span", { class: "w-40 font-medium text-gray-600" }, "Status Reason: ", -1)),
-            a("span", Le, U(e(D)), 1)
+            l[47] || (l[47] = a("span", { class: "w-40 font-medium text-gray-600" }, "Status Reason: ", -1)),
+            a("span", ul, N(e($)), 1)
+          ])
+        ]),
+        a("div", dl, [
+          l[48] || (l[48] = a("h3", { class: "font-semibold text-lg" }, "Status Tracking", -1)),
+          a("span", {
+            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, {
+              type: "button",
+              variant: "secondary",
+              "prepend-icon": "hourglass_top",
+              label: "Pending FassPay",
+              loading: e(te),
+              onClick: l[1] || (l[1] = (t) => r("pending-fasspay"))
+            }, null, 8, ["loading"])
+          ]),
+          a("div", bl, [
+            o(j, {
+              type: "button",
+              variant: "tertiary",
+              "prepend-icon": "task_alt",
+              label: "Complete FassPay",
+              loading: e(te),
+              onClick: l[2] || (l[2] = (t) => r("complete-fasspay"))
+            }, null, 8, ["loading"]),
+            o(j, {
+              type: "button",
+              variant: "primary",
+              "prepend-icon": "credit_card",
+              label: "Complete Credit Card",
+              loading: e(te),
+              disabled: se.value,
+              onClick: l[3] || (l[3] = (t) => r("complete-credit-card"))
+            }, null, 8, ["loading", "disabled"])
           ])
         ]),
-        l[61] || (l[61] = a("h3", { class: "font-semibold text-lg border-b pb-1 mt-6 mb-4" }, " (SharePoint) Additional Requested Documents ", -1)),
-        a("div", Oe, [
-          (u(!0), V(M, null, J(N.value, (t) => (u(), E(q, {
+        l[66] || (l[66] = a("h3", { class: "font-semibold text-lg border-b pb-1 mt-6 mb-4" }, "Timeline", -1)),
+        o(Ce, {
+          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, {
             key: t,
             label: t.replace("additionalDocument", "Document "),
-            type: /\.pdf$/i.test(d.submission.documents[t]) ? "pdf" : "image",
-            modelValue: d.submission.documents[t],
-            "onUpdate:modelValue": (H) => d.submission.documents[t] = H,
-            "restaurant-id": e(F)
+            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)
           }, null, 8, ["label", "type", "modelValue", "onUpdate:modelValue", "restaurant-id"]))), 128)),
-          (u(!0), V(M, null, J(_.value, (t, H) => (u(), V("div", {
-            key: `new-${H}`
+          (u(!0), k(h, null, K(z.value, (t, W) => (u(), k("div", {
+            key: `new-${W}`
           }, [
-            a("p", null, "Document " + U(N.value.length + H + 1), 1),
-            t.file.type.startsWith("image/") ? (u(), V("img", {
+            a("p", null, "Document " + N(w.value.length + W + 1), 1),
+            t.file.type.startsWith("image/") ? (u(), k("img", {
               key: 0,
               src: t.preview,
               class: "mt-2 rounded border"
-            }, null, 8, je)) : (u(), V("p", _e, U(t.file.name), 1)),
-            n($, {
+            }, null, 8, gl)) : (u(), k("p", yl, N(t.file.name), 1)),
+            o(j, {
               class: "mt-4",
               "prepend-icon": "delete",
               label: "Remove",
               variant: "destructive",
-              onClick: (st) => _.value.splice(H, 1)
+              onClick: (vt) => z.value.splice(W, 1)
             }, null, 8, ["onClick"])
           ]))), 128)),
-          o.value < de ? (u(), V("div", Me, [
-            a("p", null, "Document " + U(o.value + 1), 1),
-            n(z, {
+          n.value < ge ? (u(), k("div", vl, [
+            a("p", null, "Document " + N(n.value + 1), 1),
+            o(H, {
               accept: ".png, .jpg, .jpeg, .pdf",
-              onFileUpload: I
+              onFileUpload: F
             })
-          ])) : B("", !0)
+          ])) : T("", !0)
         ]),
-        _.value.length ? (u(), V("div", he, [
-          n($, {
+        z.value.length ? (u(), k("div", fl, [
+          o(j, {
             type: "button",
             variant: "primary",
             "prepend-icon": "cloud_upload",
             label: "Save documents",
-            loading: e(Q),
-            onClick: X
+            loading: e(Z),
+            onClick: le
           }, null, 8, ["loading"])
-        ])) : B("", !0),
-        l[62] || (l[62] = a("h3", { class: "font-semibold text-lg border-b pb-1 mt-6 mb-4" }, "Rate Settings", -1)),
-        a("div", ze, [
-          n(x, {
-            modelValue: g.value.duitNow,
-            "onUpdate:modelValue": l[0] || (l[0] = (t) => g.value.duitNow = t),
+        ])) : 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, {
+            modelValue: f.value.duitNow,
+            "onUpdate:modelValue": l[4] || (l[4] = (t) => f.value.duitNow = t),
             label: "DuitNow QR",
             "label-mark": "required",
             type: "number",
@@ -378,14 +631,14 @@ const Re = ["src"], ie = ".png, .jpg, .jpeg", ue = ".pdf", q = /* @__PURE__ */ G
               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[44] || (l[44] = [
-              W("%", -1)
+            append: S(() => [...l[49] || (l[49] = [
+              Y("%", -1)
             ])]),
             _: 1
           }, 8, ["modelValue", "rules"]),
-          n(x, {
-            modelValue: g.value.mydebitCard,
-            "onUpdate:modelValue": l[1] || (l[1] = (t) => g.value.mydebitCard = t),
+          o(q, {
+            modelValue: f.value.mydebitCard,
+            "onUpdate:modelValue": l[5] || (l[5] = (t) => f.value.mydebitCard = t),
             label: "myDebit Card",
             "label-mark": "required",
             type: "number",
@@ -395,14 +648,14 @@ const Re = ["src"], ie = ".png, .jpg, .jpeg", ue = ".pdf", q = /* @__PURE__ */ G
               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[45] || (l[45] = [
-              W("%", -1)
+            append: S(() => [...l[50] || (l[50] = [
+              Y("%", -1)
             ])]),
             _: 1
           }, 8, ["modelValue", "rules"]),
-          n(x, {
-            modelValue: g.value.localDebit,
-            "onUpdate:modelValue": l[2] || (l[2] = (t) => g.value.localDebit = t),
+          o(q, {
+            modelValue: f.value.localDebit,
+            "onUpdate:modelValue": l[6] || (l[6] = (t) => f.value.localDebit = t),
             label: "Local Debit Card",
             "label-mark": "required",
             type: "number",
@@ -412,14 +665,14 @@ const Re = ["src"], ie = ".png, .jpg, .jpeg", ue = ".pdf", q = /* @__PURE__ */ G
               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[46] || (l[46] = [
-              W("%", -1)
+            append: S(() => [...l[51] || (l[51] = [
+              Y("%", -1)
             ])]),
             _: 1
           }, 8, ["modelValue", "rules"]),
-          n(x, {
-            modelValue: g.value.localCredit,
-            "onUpdate:modelValue": l[3] || (l[3] = (t) => g.value.localCredit = t),
+          o(q, {
+            modelValue: f.value.localCredit,
+            "onUpdate:modelValue": l[7] || (l[7] = (t) => f.value.localCredit = t),
             label: "Local Credit Card",
             "label-mark": "required",
             type: "number",
@@ -429,14 +682,14 @@ const Re = ["src"], ie = ".png, .jpg, .jpeg", ue = ".pdf", q = /* @__PURE__ */ G
               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[47] || (l[47] = [
-              W("%", -1)
+            append: S(() => [...l[52] || (l[52] = [
+              Y("%", -1)
             ])]),
             _: 1
           }, 8, ["modelValue", "rules"]),
-          n(x, {
-            modelValue: g.value.foreignCard,
-            "onUpdate:modelValue": l[4] || (l[4] = (t) => g.value.foreignCard = t),
+          o(q, {
+            modelValue: f.value.foreignCard,
+            "onUpdate:modelValue": l[8] || (l[8] = (t) => f.value.foreignCard = t),
             label: "Foreign Card",
             "label-mark": "required",
             type: "number",
@@ -446,14 +699,14 @@ const Re = ["src"], ie = ".png, .jpg, .jpeg", ue = ".pdf", q = /* @__PURE__ */ G
               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[48] || (l[48] = [
-              W("%", -1)
+            append: S(() => [...l[53] || (l[53] = [
+              Y("%", -1)
             ])]),
             _: 1
           }, 8, ["modelValue", "rules"]),
-          n(x, {
-            modelValue: g.value.jcbStandard,
-            "onUpdate:modelValue": l[5] || (l[5] = (t) => g.value.jcbStandard = t),
+          o(q, {
+            modelValue: f.value.jcbStandard,
+            "onUpdate:modelValue": l[9] || (l[9] = (t) => f.value.jcbStandard = t),
             label: "JCB Standard",
             "label-mark": "required",
             type: "number",
@@ -463,14 +716,14 @@ const Re = ["src"], ie = ".png, .jpg, .jpeg", ue = ".pdf", q = /* @__PURE__ */ G
               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] = [
-              W("%", -1)
+            append: S(() => [...l[54] || (l[54] = [
+              Y("%", -1)
             ])]),
             _: 1
           }, 8, ["modelValue", "rules"]),
-          n(x, {
-            modelValue: g.value.jcbPlatinum,
-            "onUpdate:modelValue": l[6] || (l[6] = (t) => g.value.jcbPlatinum = t),
+          o(q, {
+            modelValue: f.value.jcbPlatinum,
+            "onUpdate:modelValue": l[10] || (l[10] = (t) => f.value.jcbPlatinum = t),
             label: "JCB Platinum",
             "label-mark": "required",
             type: "number",
@@ -480,97 +733,97 @@ const Re = ["src"], ie = ".png, .jpg, .jpeg", ue = ".pdf", q = /* @__PURE__ */ G
               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] = [
-              W("%", -1)
+            append: S(() => [...l[55] || (l[55] = [
+              Y("%", -1)
             ])]),
             _: 1
           }, 8, ["modelValue", "rules"])
         ]),
-        l[63] || (l[63] = a("h3", { class: "font-semibold text-lg border-b pb-1 mt-6 mb-6" }, "Extra Settings", -1)),
-        a("div", He, [
-          n(x, {
-            modelValue: A.value,
-            "onUpdate:modelValue": l[7] || (l[7] = (t) => A.value = t),
+        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),
             label: "Number of Devices",
             "label-mark": "required",
             type: "number",
             inputmode: "numeric"
           }, null, 8, ["modelValue"])
         ]),
-        a("div", We, [
-          n(ye, {
+        a("div", Cl, [
+          o(Ne, {
             modelValue: C.value,
-            "onUpdate:modelValue": l[9] || (l[9] = (t) => C.value = t)
+            "onUpdate:modelValue": l[13] || (l[13] = (t) => C.value = t)
           }, {
             "dialog-button": S(() => [
-              n($, {
+              o(j, {
                 class: "mr-6",
                 type: "button",
                 variant: "destructive",
                 "prepend-icon": "block",
-                loading: e(m),
+                loading: e(y),
                 label: "Reject Submission"
               }, null, 8, ["loading"])
             ]),
-            "dialog-header": S(() => [...l[51] || (l[51] = [
+            "dialog-header": S(() => [...l[56] || (l[56] = [
               a("div", null, "Rejecting Submission", -1)
             ])]),
             default: S(() => [
-              n(ge, {
-                modelValue: w.value,
-                "onUpdate:modelValue": l[8] || (l[8] = (t) => w.value = t),
+              o(xe, {
+                modelValue: R.value,
+                "onUpdate:modelValue": l[12] || (l[12] = (t) => R.value = t),
                 label: "Reason for Rejection",
                 "label-mark": "optional",
                 "helper-text": "Please provide a reason for rejection."
               }, null, 8, ["modelValue"]),
-              n($, {
+              o(j, {
                 class: "mb-2 mt-6 w-full",
                 label: "Submit",
                 "prepend-icon": "save",
-                onClick: oe,
-                loading: e(m)
+                onClick: J,
+                loading: e(y)
               }, null, 8, ["loading"])
             ]),
             _: 1
           }, 8, ["modelValue"]),
-          n($, {
+          o(j, {
             type: "button",
             variant: "primary",
             "prepend-icon": "approval",
-            disabled: !L.value,
+            disabled: !B.value,
             label: "Approve Submission with Rates",
-            onClick: se,
-            loading: e(m)
+            onClick: re,
+            loading: e(y)
           }, null, 8, ["disabled", "loading"])
         ]),
-        n(fe, { disabled: !0 }, {
+        o(Se, { disabled: !0 }, {
           default: S(() => [
-            l[52] || (l[52] = a("h3", { class: "font-semibold text-lg border-b pb-1 mt-6 mb-4" }, " Outlet Information ", -1)),
-            a("div", Ye, [
-              a("div", Je, [
-                n(x, {
+            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, {
                   modelValue: e(s).picName,
-                  "onUpdate:modelValue": l[10] || (l[10] = (t) => e(s).picName = t),
+                  "onUpdate:modelValue": l[14] || (l[14] = (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", Ge, [
-                n(x, {
+              a("div", wl, [
+                o(q, {
                   modelValue: e(s).picRole,
-                  "onUpdate:modelValue": l[11] || (l[11] = (t) => e(s).picRole = t),
+                  "onUpdate:modelValue": l[15] || (l[15] = (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", Ke, [
-                n(x, {
+              a("div", Sl, [
+                o(q, {
                   modelValue: e(s).picEmail,
-                  "onUpdate:modelValue": l[12] || (l[12] = (t) => e(s).picEmail = t),
+                  "onUpdate:modelValue": l[16] || (l[16] = (t) => e(s).picEmail = t),
                   label: "Owner/Director Email",
                   type: "email",
                   placeholder: "Enter your email address",
@@ -578,84 +831,84 @@ const Re = ["src"], ie = ".png, .jpg, .jpeg", ue = ".pdf", q = /* @__PURE__ */ G
                   rules: e(p)(e(b).string().min(1, "Owner/Director Email is required"))
                 }, null, 8, ["modelValue", "rules"])
               ]),
-              a("div", Qe, [
-                n(ve, {
+              a("div", Pl, [
+                o(we, {
                   "model-value": e(s).picContact,
-                  "onUpdate:modelValue": l[13] || (l[13] = (t) => e(s).picContact = t),
+                  "onUpdate:modelValue": l[17] || (l[17] = (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", Xe, [
-                n(x, {
+              a("div", Il, [
+                o(q, {
                   modelValue: e(s).nric,
-                  "onUpdate:modelValue": l[14] || (l[14] = (t) => e(s).nric = t),
+                  "onUpdate:modelValue": l[18] || (l[18] = (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", Ze, [
-                n(x, {
+              a("div", Rl, [
+                o(q, {
                   modelValue: e(s).tradingName,
-                  "onUpdate:modelValue": l[15] || (l[15] = (t) => e(s).tradingName = t),
+                  "onUpdate:modelValue": l[19] || (l[19] = (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", el, [
-                n(x, {
+              a("div", ql, [
+                o(q, {
                   modelValue: e(s).outletName,
-                  "onUpdate:modelValue": l[16] || (l[16] = (t) => e(s).outletName = t),
+                  "onUpdate:modelValue": l[20] || (l[20] = (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", ll, [
-                n(x, {
+              a("div", Ul, [
+                o(q, {
                   modelValue: e(s).outletAddress,
-                  "onUpdate:modelValue": l[17] || (l[17] = (t) => e(s).outletAddress = t),
+                  "onUpdate:modelValue": l[21] || (l[21] = (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"])
               ]),
-              n(x, {
+              o(q, {
                 modelValue: e(s).outletPostCode,
-                "onUpdate:modelValue": l[18] || (l[18] = (t) => e(s).outletPostCode = t),
+                "onUpdate:modelValue": l[22] || (l[22] = (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"]),
-              n(x, {
+              o(q, {
                 modelValue: e(s).outletState,
-                "onUpdate:modelValue": l[19] || (l[19] = (t) => e(s).outletState = t),
+                "onUpdate:modelValue": l[23] || (l[23] = (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"]),
-              n(x, {
+              o(q, {
                 modelValue: e(s).outletCity,
-                "onUpdate:modelValue": l[20] || (l[20] = (t) => e(s).outletCity = t),
+                "onUpdate:modelValue": l[24] || (l[24] = (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", tl, [
-                n(re, {
+              a("div", Fl, [
+                o(me, {
                   modelValue: e(s).businessType,
-                  "onUpdate:modelValue": l[21] || (l[21] = (t) => e(s).businessType = t),
+                  "onUpdate:modelValue": l[25] || (l[25] = (t) => e(s).businessType = t),
                   label: "Type",
                   placeholder: "Select business type",
                   "label-mark": "required",
@@ -674,174 +927,174 @@ const Re = ["src"], ie = ".png, .jpg, .jpeg", ue = ".pdf", q = /* @__PURE__ */ G
                   ]
                 }, null, 8, ["modelValue", "rules"])
               ]),
-              a("div", al, [
-                n(x, {
+              a("div", Dl, [
+                o(q, {
                   modelValue: e(s).businessRegNo,
-                  "onUpdate:modelValue": l[22] || (l[22] = (t) => e(s).businessRegNo = t),
+                  "onUpdate:modelValue": l[26] || (l[26] = (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", sl, [
-                n(x, {
+              a("div", Tl, [
+                o(q, {
                   modelValue: e(s).tinNo,
-                  "onUpdate:modelValue": l[23] || (l[23] = (t) => e(s).tinNo = t),
+                  "onUpdate:modelValue": l[27] || (l[27] = (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", ol, [
-                n(x, {
+              a("div", El, [
+                o(q, {
                   modelValue: e(s).sstNo,
-                  "onUpdate:modelValue": l[24] || (l[24] = (t) => e(s).sstNo = t),
+                  "onUpdate:modelValue": l[28] || (l[28] = (t) => e(s).sstNo = t),
                   label: "SST Registration No (SST)",
                   placeholder: "Enter your SST number",
                   "label-mark": "optional"
                 }, null, 8, ["modelValue"])
               ])
             ]),
-            l[53] || (l[53] = a("h3", { class: "font-semibold text-lg border-b pb-1 mt-6 mb-4" }, " Payout Information ", -1)),
-            a("div", nl, [
-              n(re, {
+            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, {
                 modelValue: e(s).bankName,
-                "onUpdate:modelValue": l[25] || (l[25] = (t) => e(s).bankName = t),
+                "onUpdate:modelValue": l[29] || (l[29] = (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(Se).bankNameOptions()
+                items: e(Fe).bankNameOptions()
               }, null, 8, ["modelValue", "rules", "items"]),
-              n(x, {
+              o(q, {
                 modelValue: e(s).bankHolderName,
-                "onUpdate:modelValue": l[26] || (l[26] = (t) => e(s).bankHolderName = t),
+                "onUpdate:modelValue": l[30] || (l[30] = (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"]),
-              n(x, {
+              o(q, {
                 modelValue: e(s).bankAccountNo,
-                "onUpdate:modelValue": l[27] || (l[27] = (t) => e(s).bankAccountNo = t),
+                "onUpdate:modelValue": l[31] || (l[31] = (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[54] || (l[54] = a("h3", { class: "font-semibold text-lg border-b pb-1 mt-6 mb-4" }, "Documents", -1)),
-            l[55] || (l[55] = a("h4", { class: "font-semibold border-b pb-1 mt-6 mb-4" }, " Section 1. All Directors/Owner ICs ", -1)),
-            a("div", rl, [
-              n(q, {
+            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, [
+              o(D, {
                 label: "Authorized Person ID",
-                modelValue: e(r).authorizedPersonID,
-                "onUpdate:modelValue": l[28] || (l[28] = (t) => e(r).authorizedPersonID = t),
+                modelValue: e(i).authorizedPersonID,
+                "onUpdate:modelValue": l[32] || (l[32] = (t) => e(i).authorizedPersonID = t),
                 type: "image",
-                "restaurant-id": i.submission.restaurantId
+                "restaurant-id": d.submission.restaurantId
               }, null, 8, ["modelValue", "restaurant-id"]),
-              (u(!0), V(M, null, J(K.value, (t) => (u(), E(q, {
+              (u(!0), k(h, null, K(X.value, (t) => (u(), A(D, {
                 key: t,
                 label: `Authorized Person ID ${t.replace("authorizedPersonID", "")}`,
-                modelValue: e(r)[t],
-                "onUpdate:modelValue": (H) => e(r)[t] = H,
+                modelValue: e(i)[t],
+                "onUpdate:modelValue": (W) => e(i)[t] = W,
                 type: "image",
-                "restaurant-id": i.submission.restaurantId
+                "restaurant-id": d.submission.restaurantId
               }, null, 8, ["label", "modelValue", "onUpdate:modelValue", "restaurant-id"]))), 128))
             ]),
-            l[56] || (l[56] = a("h4", { class: "font-semibold border-b pb-1 mt-6 mb-6" }, " Section 2. Business Information ", -1)),
-            a("div", il, [
-              e(s).businessType === "private_limited" || e(s).businessType === "public_limited" ? (u(), E(q, {
+            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, [
+              e(s).businessType === "private_limited" || e(s).businessType === "public_limited" ? (u(), A(D, {
                 key: 0,
                 label: "Superform",
                 type: "pdf",
-                modelValue: e(r).certificate,
-                "onUpdate:modelValue": l[29] || (l[29] = (t) => e(r).certificate = t),
-                "restaurant-id": i.submission.restaurantId
-              }, null, 8, ["modelValue", "restaurant-id"])) : B("", !0),
-              e(s).businessType === "sole_proprietorship" || e(s).businessType === "partnership" ? (u(), E(q, {
+                modelValue: e(i).certificate,
+                "onUpdate:modelValue": l[33] || (l[33] = (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, {
                 key: 1,
                 label: "Business Registration Document",
                 type: "pdf",
-                modelValue: e(r).certificate,
-                "onUpdate:modelValue": l[30] || (l[30] = (t) => e(r).certificate = t),
-                "restaurant-id": i.submission.restaurantId
-              }, null, 8, ["modelValue", "restaurant-id"])) : B("", !0),
-              e(r).interiorPhoto ? (u(), E(q, {
+                modelValue: e(i).certificate,
+                "onUpdate:modelValue": l[34] || (l[34] = (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(r).interiorPhoto,
-                "onUpdate:modelValue": l[31] || (l[31] = (t) => e(r).interiorPhoto = t),
+                modelValue: e(i).interiorPhoto,
+                "onUpdate:modelValue": l[35] || (l[35] = (t) => e(i).interiorPhoto = t),
                 type: "image",
-                "restaurant-id": i.submission.restaurantId
-              }, null, 8, ["modelValue", "restaurant-id"])) : B("", !0),
-              n(q, {
+                "restaurant-id": d.submission.restaurantId
+              }, null, 8, ["modelValue", "restaurant-id"])) : T("", !0),
+              o(D, {
                 label: "Outlet Photo",
-                modelValue: e(r).outletPhoto,
-                "onUpdate:modelValue": l[32] || (l[32] = (t) => e(r).outletPhoto = t),
+                modelValue: e(i).outletPhoto,
+                "onUpdate:modelValue": l[36] || (l[36] = (t) => e(i).outletPhoto = t),
                 type: "image-or-pdf",
-                "restaurant-id": i.submission.restaurantId
+                "restaurant-id": d.submission.restaurantId
               }, null, 8, ["modelValue", "restaurant-id"])
             ]),
-            l[57] || (l[57] = a("h4", { class: "font-semibold border-b pb-1 mt-6 mb-4" }, " Section 3. Payout Information ", -1)),
-            a("div", ul, [
-              n(q, {
+            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, [
+              o(D, {
                 label: "Latest Bank Statement",
-                modelValue: e(r).bankStatement,
-                "onUpdate:modelValue": l[33] || (l[33] = (t) => e(r).bankStatement = t),
+                modelValue: e(i).bankStatement,
+                "onUpdate:modelValue": l[37] || (l[37] = (t) => e(i).bankStatement = t),
                 type: "pdf",
-                "restaurant-id": i.submission.restaurantId
+                "restaurant-id": d.submission.restaurantId
               }, null, 8, ["modelValue", "restaurant-id"])
             ]),
-            l[58] || (l[58] = a("h4", { class: "font-semibold border-b pb-1 mt-6 mb-4" }, " Section 4. Site Photos ", -1)),
-            a("div", dl, [
-              (u(!0), V(M, null, J([1, 2, 3, 4, 5].filter(
-                (t) => !!e(r)[`onsitePhoto${t}`]
-              ), (t) => (u(), E(q, {
+            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(
+                (t) => !!e(i)[`onsitePhoto${t}`]
+              ), (t) => (u(), A(D, {
                 key: t,
-                label: e(we)[t - 1],
-                modelValue: e(r)[`onsitePhoto${t}`],
-                "onUpdate:modelValue": (H) => e(r)[`onsitePhoto${t}`] = H,
+                label: e(De)[t - 1],
+                modelValue: e(i)[`onsitePhoto${t}`],
+                "onUpdate:modelValue": (W) => e(i)[`onsitePhoto${t}`] = W,
                 type: "image",
-                "restaurant-id": i.submission.restaurantId
+                "restaurant-id": d.submission.restaurantId
               }, null, 8, ["label", "modelValue", "onUpdate:modelValue", "restaurant-id"]))), 128))
             ]),
-            l[59] || (l[59] = a("h4", { class: "font-semibold border-b pb-1 mt-6 mb-4" }, " Section 5. Additional Documents ", -1)),
-            a("div", ml, [
-              e(r).liquorLicense ? (u(), E(q, {
+            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, [
+              e(i).liquorLicense ? (u(), A(D, {
                 key: 0,
                 label: "Liquor License",
-                modelValue: e(r).liquorLicense,
-                "onUpdate:modelValue": l[34] || (l[34] = (t) => e(r).liquorLicense = t),
+                modelValue: e(i).liquorLicense,
+                "onUpdate:modelValue": l[38] || (l[38] = (t) => e(i).liquorLicense = t),
                 type: "image-or-pdf",
-                "restaurant-id": i.submission.restaurantId
-              }, null, 8, ["modelValue", "restaurant-id"])) : B("", !0),
-              e(r).appendixC ? (u(), E(q, {
+                "restaurant-id": d.submission.restaurantId
+              }, null, 8, ["modelValue", "restaurant-id"])) : T("", !0),
+              e(i).appendixC ? (u(), A(D, {
                 key: 1,
                 label: "Appendix C",
-                modelValue: e(r).appendixC,
-                "onUpdate:modelValue": l[35] || (l[35] = (t) => e(r).appendixC = t),
+                modelValue: e(i).appendixC,
+                "onUpdate:modelValue": l[39] || (l[39] = (t) => e(i).appendixC = t),
                 type: "pdf",
-                "restaurant-id": i.submission.restaurantId
-              }, null, 8, ["modelValue", "restaurant-id"])) : B("", !0),
-              !e(r).liquorLicense && !e(r).appendixC ? (u(), V("p", pl, " No additional documents submitted. ")) : B("", !0)
+                "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)
             ]),
-            l[60] || (l[60] = a("h3", { class: "font-semibold text-lg border-b pb-1 mt-6 mb-4" }, " Declaration Information ", -1)),
-            a("div", bl, [
-              n(Fe, {
-                modelValue: e(r).signature,
-                "onUpdate:modelValue": l[36] || (l[36] = (t) => e(r).signature = t),
-                "restaurant-id": i.submission.restaurantId,
+            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, {
+                modelValue: e(i).signature,
+                "onUpdate:modelValue": l[40] || (l[40] = (t) => e(i).signature = t),
+                "restaurant-id": d.submission.restaurantId,
                 label: "Signature"
               }, null, 8, ["modelValue", "restaurant-id"]),
-              n(q, {
+              o(D, {
                 label: "Company Stamp",
                 type: "image",
-                modelValue: e(r).companyStamp,
-                "onUpdate:modelValue": l[37] || (l[37] = (t) => e(r).companyStamp = t),
-                "restaurant-id": i.submission.restaurantId
+                modelValue: e(i).companyStamp,
+                "onUpdate:modelValue": l[41] || (l[41] = (t) => e(i).companyStamp = t),
+                "restaurant-id": d.submission.restaurantId
               }, null, 8, ["modelValue", "restaurant-id"])
             ])
           ]),
@@ -850,7 +1103,7 @@ const Re = ["src"], ie = ".png, .jpg, .jpeg", ue = ".pdf", q = /* @__PURE__ */ G
       ], 64);
     };
   }
-}), gl = { class: "space-y-2" }, yl = { class: "text-gray-900" }, vl = { class: "text-gray-900" }, fl = { class: "text-gray-900" }, Vl = { class: "text-gray-900" }, kl = { class: "text-gray-900" }, Cl = { class: "text-gray-900" }, Nl = { class: "mt-6 grid grid-cols-4 gap-24" }, Sl = { class: "w-full flex justify-end mt-6" }, Pl = { class: "mt-6 grid grid-cols-4 gap-24" }, wl = { class: "col-span-2" }, xl = { class: "col-span-2" }, Rl = { class: "col-span-2" }, Il = { class: "col-span-2" }, ql = { class: "mt-6 grid grid-cols-4 gap-24" }, Ul = { class: "mt-6 grid grid-cols-4 gap-24" }, Fl = { class: "mt-6 grid grid-cols-4 gap-24" }, Dl = { class: "col-span-2" }, El = { class: "col-span-2" }, Tl = { class: "col-span-2" }, Al = { class: "col-span-2" }, $l = { class: "col-span-2" }, Bl = { class: "col-span-2" }, Ll = /* @__PURE__ */ G({
+}), 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({
   __name: "NTTSubmission",
   props: {
     submission: {
@@ -859,8 +1112,8 @@ const Re = ["src"], ie = ".png, .jpg, .jpeg", ue = ".pdf", q = /* @__PURE__ */ G
     }
   },
   emits: ["update:submission"],
-  setup(i, { emit: k }) {
-    const d = i, v = k, c = ne(), C = O(!1), { isLoading: m, startAsyncCall: R } = te(), { fields: s, documents: r, restaurantId: F, profile: f, status: T, statusReason: D } = d.submission, w = O(""), A = [
+  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 = [
       { key: "localCardDebit", label: "Local Card (Debit)", defaultValue: "2.3" },
       {
         key: "localCardStandard",
@@ -892,430 +1145,430 @@ const Re = ["src"], ie = ".png, .jpg, .jpeg", ue = ".pdf", q = /* @__PURE__ */ G
       { key: "shopeePay", label: "ShopeePay", defaultValue: "2.3" },
       { key: "linePay", label: "LinePay", defaultValue: "2.1" },
       { key: "thaiQr", label: "ThaiQR", defaultValue: "0.5" }
-    ], g = Object.fromEntries(
-      A.map((N) => [N.key, N.defaultValue])
-    ), L = O(
-      d.submission.rates ? Object.fromEntries(
-        Object.entries(d.submission.rates).map(([N, o]) => [N, `${o}`])
-      ) : { ...g }
-    ), K = j(
-      () => Object.values(L.value).every((N) => parseFloat(N) > 0)
-    ), Q = j(() => s.businessType === "juristic" ? "Juristic" : s.businessType === "individual" ? "Individual" : s.businessType || "-"), ae = () => R(async () => {
+    ], f = Object.fromEntries(
+      L.map((w) => [w.key, w.defaultValue])
+    ), B = O(
+      m.submission.rates ? Object.fromEntries(
+        Object.entries(m.submission.rates).map(([w, n]) => [w, `${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 () => {
       try {
-        const N = await h.reviewById(
-          d.submission._id,
+        const w = await M.reviewById(
+          m.submission._id,
           {
-            status: pe.FdoOnboardStatus.enum.ready
+            status: fe.FdoOnboardStatus.enum.ready
           }
         );
-        v("update:submission", N), c.open({
+        v("update:submission", w), c.open({
           type: "success",
           title: "Submission marked as ready"
         });
-      } catch (N) {
+      } catch (w) {
         c.open({
           type: "error",
           title: "Error occurs when marking submission as ready",
-          message: Y(N)
+          message: G(w)
         });
       }
-    }), _ = () => R(async () => {
+    }), z = () => E(async () => {
       try {
-        const N = await h.reviewById(
-          d.submission._id,
+        const w = await M.reviewById(
+          m.submission._id,
           {
             rates: Object.fromEntries(
-              A.map((o) => [
-                o.key,
-                parseFloat(L.value[o.key])
+              L.map((n) => [
+                n.key,
+                parseFloat(B.value[n.key])
               ])
             ),
             status: "approved"
           }
         );
-        v("update:submission", N), c.open({
+        v("update:submission", w), c.open({
           type: "success",
           title: "Submission updated successfully"
         });
-      } catch (N) {
+      } catch (w) {
         c.open({
           type: "error",
           title: "Error occurs when updating submission",
-          message: Y(N)
+          message: G(w)
         });
       }
-    }), Z = () => R(async () => {
+    }), ae = () => E(async () => {
       try {
-        const N = await h.reviewById(
-          d.submission._id,
+        const w = await M.reviewById(
+          m.submission._id,
           {
             status: "rejected",
-            statusReason: w.value
+            statusReason: R.value
           }
         );
-        v("update:submission", N), C.value = !1, c.open({
+        v("update:submission", w), C.value = !1, c.open({
           type: "success",
           title: "Submission updated successfully"
         });
-      } catch (N) {
+      } catch (w) {
         c.open({
           type: "error",
           title: "Error occurs when updating submission",
-          message: Y(N)
+          message: G(w)
         });
       }
     });
-    return (N, o) => {
-      const I = P("FmTextField"), X = P("FmButton"), se = P("FmTextarea"), oe = P("FmDialog"), ee = P("FmPhoneNumber"), y = P("FmForm");
-      return u(), V(M, null, [
-        a("div", gl, [
+    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, [
           a("div", null, [
-            o[31] || (o[31] = a("span", { class: "w-40 font-medium text-gray-600" }, "Restaurant: ", -1)),
-            a("span", yl, U(e(F)), 1)
+            n[31] || (n[31] = a("span", { class: "w-40 font-medium text-gray-600" }, "Restaurant: ", -1)),
+            a("span", Hl, N(e(U)), 1)
           ]),
           a("div", null, [
-            o[32] || (o[32] = a("span", { class: "w-40 font-medium text-gray-600" }, "Profile: ", -1)),
-            a("span", vl, U(e(f).name) + " ( " + U(e(f).legalName) + " )", 1)
+            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("div", null, [
-            o[33] || (o[33] = a("span", { class: "w-40 font-medium text-gray-600" }, "Email: ", -1)),
-            a("span", fl, U(e(f).email), 1)
+            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("div", null, [
-            o[34] || (o[34] = a("span", { class: "w-40 font-medium text-gray-600" }, "Phone: ", -1)),
-            a("span", Vl, U(e(f).phoneNo), 1)
+            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("div", null, [
-            o[35] || (o[35] = a("span", { class: "w-40 font-medium text-gray-600" }, "Status: ", -1)),
-            a("span", kl, [
-              n(ce, { data: e(T) }, null, 8, ["data"])
+            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("div", null, [
-            o[36] || (o[36] = a("span", { class: "w-40 font-medium text-gray-600" }, "Status Reason: ", -1)),
-            a("span", Cl, U(e(D)), 1)
+            n[36] || (n[36] = a("span", { class: "w-40 font-medium text-gray-600" }, "Status Reason: ", -1)),
+            a("span", Kl, N(e($)), 1)
           ])
         ]),
-        o[43] || (o[43] = a("h3", { class: "font-semibold text-lg border-b pb-1 mt-6 mb-4" }, "Rate Settings", -1)),
-        a("div", Nl, [
-          (u(), V(M, null, J(A, (l) => n(I, {
-            key: l.key,
-            modelValue: L.value[l.key],
-            "onUpdate:modelValue": ($) => L.value[l.key] = $,
-            label: l.label,
+        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, {
+            key: r.key,
+            modelValue: B.value[r.key],
+            "onUpdate:modelValue": (J) => B.value[r.key] = J,
+            label: r.label,
             "label-mark": "required",
             type: "number",
             inputmode: "numeric",
             decimal: 2,
             rules: e(p)(
-              e(b).string().min(1, "Rate is required").transform(($) => parseFloat($)).refine(($) => !isNaN($), { message: "Rate must be a number" })
+              e(b).string().min(1, "Rate is required").transform((J) => parseFloat(J)).refine((J) => !isNaN(J), { message: "Rate must be a number" })
             )
           }, {
-            append: S(() => [...o[37] || (o[37] = [
-              W("%", -1)
+            append: S(() => [...n[37] || (n[37] = [
+              Y("%", -1)
             ])]),
             _: 1
           }, 8, ["modelValue", "onUpdate:modelValue", "label", "rules"])), 64))
         ]),
-        a("div", Sl, [
-          n(oe, {
+        a("div", Xl, [
+          o(te, {
             modelValue: C.value,
-            "onUpdate:modelValue": o[1] || (o[1] = (l) => C.value = l)
+            "onUpdate:modelValue": n[1] || (n[1] = (r) => C.value = r)
           }, {
             "dialog-button": S(() => [
-              n(X, {
+              o(le, {
                 class: "mr-6",
                 type: "button",
                 variant: "destructive",
                 "prepend-icon": "block",
-                loading: e(m),
+                loading: e(y),
                 label: "Reject Submission"
               }, null, 8, ["loading"])
             ]),
-            "dialog-header": S(() => [...o[38] || (o[38] = [
+            "dialog-header": S(() => [...n[38] || (n[38] = [
               a("div", null, "Rejecting Submission", -1)
             ])]),
             default: S(() => [
-              n(se, {
-                modelValue: w.value,
-                "onUpdate:modelValue": o[0] || (o[0] = (l) => w.value = l),
+              o(re, {
+                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"]),
-              n(X, {
+              o(le, {
                 class: "mb-2 mt-6 w-full",
                 label: "Submit",
                 "prepend-icon": "save",
-                onClick: Z,
-                loading: e(m)
+                onClick: ae,
+                loading: e(y)
               }, null, 8, ["loading"])
             ]),
             _: 1
           }, 8, ["modelValue"]),
-          n(X, {
+          o(le, {
             type: "button",
             variant: "primary",
             "prepend-icon": "approval",
             label: "Approve Submission with Rates",
-            disabled: !K.value,
-            onClick: _,
-            loading: e(m)
+            disabled: !X.value,
+            onClick: z,
+            loading: e(y)
           }, null, 8, ["disabled", "loading"]),
-          e(T) === "approved" ? (u(), E(X, {
+          e(I) === "approved" ? (u(), A(le, {
             key: 0,
             type: "button",
             variant: "secondary",
             "prepend-icon": "check_circle",
             label: "Mark as Ready",
             class: "ml-6",
-            onClick: ae,
-            loading: e(m)
-          }, null, 8, ["loading"])) : B("", !0)
+            onClick: ee,
+            loading: e(y)
+          }, null, 8, ["loading"])) : T("", !0)
         ]),
-        n(y, { disabled: !0 }, {
+        o(se, { disabled: !0 }, {
           default: S(() => [
-            o[39] || (o[39] = a("h3", { class: "font-semibold text-lg border-b pb-1 mt-6 mb-4" }, " Outlet Information ", -1)),
-            a("div", Pl, [
-              a("div", wl, [
-                n(I, {
+            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, [
+                o(F, {
                   modelValue: e(s).companyName,
-                  "onUpdate:modelValue": o[2] || (o[2] = (l) => e(s).companyName = l),
+                  "onUpdate:modelValue": n[2] || (n[2] = (r) => e(s).companyName = r),
                   label: "Company Name",
                   "label-mark": "required",
                   rules: e(p)(e(b).string().min(1, "Company Name is required"))
                 }, null, 8, ["modelValue", "rules"])
               ]),
-              a("div", xl, [
-                n(I, {
+              a("div", lt, [
+                o(F, {
                   modelValue: e(s).outletName,
-                  "onUpdate:modelValue": o[3] || (o[3] = (l) => e(s).outletName = l),
+                  "onUpdate:modelValue": n[3] || (n[3] = (r) => e(s).outletName = r),
                   label: "Outlet Name (Thai)",
                   "label-mark": "required",
                   rules: e(p)(e(b).string().min(1, "Outlet Name is required"))
                 }, null, 8, ["modelValue", "rules"])
               ]),
-              a("div", Rl, [
-                n(I, {
+              a("div", tt, [
+                o(F, {
                   modelValue: e(s).outletNameEnglish,
-                  "onUpdate:modelValue": o[4] || (o[4] = (l) => e(s).outletNameEnglish = l),
+                  "onUpdate:modelValue": n[4] || (n[4] = (r) => e(s).outletNameEnglish = r),
                   label: "Outlet Name (English)",
                   "label-mark": "required",
                   rules: e(p)(e(b).string().min(1, "Outlet Name English is required"))
                 }, null, 8, ["modelValue", "rules"])
               ]),
-              a("div", Il, [
-                n(I, {
+              a("div", at, [
+                o(F, {
                   modelValue: e(s).outletAddress,
-                  "onUpdate:modelValue": o[5] || (o[5] = (l) => e(s).outletAddress = l),
+                  "onUpdate:modelValue": n[5] || (n[5] = (r) => e(s).outletAddress = r),
                   label: "Outlet Address",
                   "label-mark": "required",
                   rules: e(p)(e(b).string().min(1, "Outlet Address is required"))
                 }, null, 8, ["modelValue", "rules"])
               ]),
-              n(I, {
+              o(F, {
                 modelValue: e(s).outletPostCode,
-                "onUpdate:modelValue": o[6] || (o[6] = (l) => e(s).outletPostCode = l),
+                "onUpdate:modelValue": n[6] || (n[6] = (r) => e(s).outletPostCode = r),
                 label: "Post Code",
                 "label-mark": "required",
                 rules: e(p)(e(b).string().min(1, "Post Code is required"))
               }, null, 8, ["modelValue", "rules"]),
-              n(I, {
+              o(F, {
                 modelValue: e(s).outletState,
-                "onUpdate:modelValue": o[7] || (o[7] = (l) => e(s).outletState = l),
+                "onUpdate:modelValue": n[7] || (n[7] = (r) => e(s).outletState = r),
                 label: "State",
                 "label-mark": "required",
                 rules: e(p)(e(b).string().min(1, "State is required"))
               }, null, 8, ["modelValue", "rules"]),
-              n(I, {
+              o(F, {
                 modelValue: e(s).outletCity,
-                "onUpdate:modelValue": o[8] || (o[8] = (l) => e(s).outletCity = l),
+                "onUpdate:modelValue": n[8] || (n[8] = (r) => e(s).outletCity = r),
                 label: "City",
                 "label-mark": "required",
                 rules: e(p)(e(b).string().min(1, "City is required"))
               }, null, 8, ["modelValue", "rules"]),
-              n(I, {
-                "model-value": Q.value,
+              o(F, {
+                "model-value": Z.value,
                 label: "Business Type",
                 "label-mark": "required"
               }, null, 8, ["model-value"]),
-              n(I, {
+              o(F, {
                 modelValue: e(s).numberOfDevices,
-                "onUpdate:modelValue": o[9] || (o[9] = (l) => e(s).numberOfDevices = l),
+                "onUpdate:modelValue": n[9] || (n[9] = (r) => e(s).numberOfDevices = r),
                 label: "Number of Devices",
                 "label-mark": "required"
               }, null, 8, ["modelValue"])
             ]),
-            o[40] || (o[40] = a("h3", { class: "font-semibold text-lg border-b pb-1 mt-6 mb-4" }, " Payout Information ", -1)),
-            a("div", ql, [
-              n(I, {
+            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, [
+              o(F, {
                 modelValue: e(s).bankName,
-                "onUpdate:modelValue": o[10] || (o[10] = (l) => e(s).bankName = l),
+                "onUpdate:modelValue": n[10] || (n[10] = (r) => e(s).bankName = r),
                 label: "Bank Name",
                 "label-mark": "required",
                 rules: e(p)(e(b).string().min(1, "Bank Name is required"))
               }, null, 8, ["modelValue", "rules"]),
-              n(I, {
+              o(F, {
                 modelValue: e(s).bankHolderName,
-                "onUpdate:modelValue": o[11] || (o[11] = (l) => e(s).bankHolderName = l),
+                "onUpdate:modelValue": n[11] || (n[11] = (r) => e(s).bankHolderName = r),
                 label: "Bank Holder Name",
                 "label-mark": "required",
                 rules: e(p)(e(b).string().min(1, "Bank Holder Name is required"))
               }, null, 8, ["modelValue", "rules"]),
-              n(I, {
+              o(F, {
                 modelValue: e(s).bankAccountNo,
-                "onUpdate:modelValue": o[12] || (o[12] = (l) => e(s).bankAccountNo = l),
+                "onUpdate:modelValue": n[12] || (n[12] = (r) => e(s).bankAccountNo = r),
                 label: "Bank Account No",
                 "label-mark": "required",
                 rules: e(p)(e(b).string().min(1, "Bank Account No is required"))
               }, null, 8, ["modelValue", "rules"]),
-              n(I, {
+              o(F, {
                 modelValue: e(s).bankBranch,
-                "onUpdate:modelValue": o[13] || (o[13] = (l) => e(s).bankBranch = l),
+                "onUpdate:modelValue": n[13] || (n[13] = (r) => e(s).bankBranch = r),
                 label: "Bank Branch",
                 "label-mark": "required",
                 rules: e(p)(e(b).string().min(1, "Bank Branch is required"))
               }, null, 8, ["modelValue", "rules"]),
-              n(I, {
+              o(F, {
                 modelValue: e(s).bankBranchCode,
-                "onUpdate:modelValue": o[14] || (o[14] = (l) => e(s).bankBranchCode = l),
+                "onUpdate:modelValue": n[14] || (n[14] = (r) => e(s).bankBranchCode = r),
                 label: "Bank Branch Code",
                 "label-mark": "required",
                 rules: e(p)(e(b).string().min(1, "Bank Branch Code is required"))
               }, null, 8, ["modelValue", "rules"])
             ]),
-            o[41] || (o[41] = a("h3", { class: "font-semibold text-lg border-b pb-1 mt-6 mb-4" }, "Documents", -1)),
-            a("div", Ul, [
-              n(q, {
+            n[41] || (n[41] = a("h3", { class: "font-semibold text-lg border-b pb-1 mt-6 mb-4" }, "Documents", -1)),
+            a("div", nt, [
+              o(D, {
                 label: "Authorized Person ID",
-                modelValue: e(r).authorizedPersonID,
-                "onUpdate:modelValue": o[15] || (o[15] = (l) => e(r).authorizedPersonID = l),
+                modelValue: e(i).authorizedPersonID,
+                "onUpdate:modelValue": n[15] || (n[15] = (r) => e(i).authorizedPersonID = r),
                 type: "image",
-                "restaurant-id": i.submission.restaurantId
+                "restaurant-id": d.submission.restaurantId
               }, null, 8, ["modelValue", "restaurant-id"]),
-              n(q, {
+              o(D, {
                 label: "Outlet Photo",
-                modelValue: e(r).outletPhoto,
-                "onUpdate:modelValue": o[16] || (o[16] = (l) => e(r).outletPhoto = l),
+                modelValue: e(i).outletPhoto,
+                "onUpdate:modelValue": n[16] || (n[16] = (r) => e(i).outletPhoto = r),
                 type: "image",
-                "restaurant-id": i.submission.restaurantId
+                "restaurant-id": d.submission.restaurantId
               }, null, 8, ["modelValue", "restaurant-id"]),
-              n(q, {
+              o(D, {
                 label: "Interior Photo",
-                modelValue: e(r).interiorPhoto,
-                "onUpdate:modelValue": o[17] || (o[17] = (l) => e(r).interiorPhoto = l),
+                modelValue: e(i).interiorPhoto,
+                "onUpdate:modelValue": n[17] || (n[17] = (r) => e(i).interiorPhoto = r),
                 type: "image",
-                "restaurant-id": i.submission.restaurantId
+                "restaurant-id": d.submission.restaurantId
               }, null, 8, ["modelValue", "restaurant-id"]),
-              n(q, {
+              o(D, {
                 label: "Bank Statement",
-                modelValue: e(r).bankStatement,
-                "onUpdate:modelValue": o[18] || (o[18] = (l) => e(r).bankStatement = l),
+                modelValue: e(i).bankStatement,
+                "onUpdate:modelValue": n[18] || (n[18] = (r) => e(i).bankStatement = r),
                 type: "pdf",
-                "restaurant-id": i.submission.restaurantId
+                "restaurant-id": d.submission.restaurantId
               }, null, 8, ["modelValue", "restaurant-id"]),
-              e(s).businessType === "juristic" ? (u(), E(q, {
+              e(s).businessType === "juristic" ? (u(), A(D, {
                 key: 0,
                 label: "Company Certificate",
                 type: "pdf",
-                modelValue: e(r).companyCertificate,
-                "onUpdate:modelValue": o[19] || (o[19] = (l) => e(r).companyCertificate = l),
-                "restaurant-id": i.submission.restaurantId
-              }, null, 8, ["modelValue", "restaurant-id"])) : B("", !0),
-              e(s).businessType === "juristic" ? (u(), E(q, {
+                modelValue: e(i).companyCertificate,
+                "onUpdate:modelValue": n[19] || (n[19] = (r) => e(i).companyCertificate = r),
+                "restaurant-id": d.submission.restaurantId
+              }, null, 8, ["modelValue", "restaurant-id"])) : T("", !0),
+              e(s).businessType === "juristic" ? (u(), A(D, {
                 key: 1,
                 label: "VAT Certificate",
                 type: "pdf",
-                modelValue: e(r).vatCertificate,
-                "onUpdate:modelValue": o[20] || (o[20] = (l) => e(r).vatCertificate = l),
-                "restaurant-id": i.submission.restaurantId
-              }, null, 8, ["modelValue", "restaurant-id"])) : B("", !0),
-              e(s).businessType === "individual" ? (u(), E(q, {
+                modelValue: e(i).vatCertificate,
+                "onUpdate:modelValue": n[20] || (n[20] = (r) => e(i).vatCertificate = r),
+                "restaurant-id": d.submission.restaurantId
+              }, null, 8, ["modelValue", "restaurant-id"])) : T("", !0),
+              e(s).businessType === "individual" ? (u(), A(D, {
                 key: 2,
                 label: "Commercial Certificate",
                 type: "pdf",
-                modelValue: e(r).commercialCertificate,
-                "onUpdate:modelValue": o[21] || (o[21] = (l) => e(r).commercialCertificate = l),
-                "restaurant-id": i.submission.restaurantId
-              }, null, 8, ["modelValue", "restaurant-id"])) : B("", !0)
+                modelValue: e(i).commercialCertificate,
+                "onUpdate:modelValue": n[21] || (n[21] = (r) => e(i).commercialCertificate = r),
+                "restaurant-id": d.submission.restaurantId
+              }, null, 8, ["modelValue", "restaurant-id"])) : T("", !0)
             ]),
-            o[42] || (o[42] = a("h3", { class: "font-semibold text-lg border-b pb-1 mt-6 mb-4" }, " Declaration Information ", -1)),
-            a("div", Fl, [
-              a("div", Dl, [
-                n(I, {
+            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, [
+                o(F, {
                   modelValue: e(s).picName,
-                  "onUpdate:modelValue": o[22] || (o[22] = (l) => e(s).picName = l),
+                  "onUpdate:modelValue": n[22] || (n[22] = (r) => e(s).picName = r),
                   label: "PIC Name",
                   "label-mark": "required",
                   rules: e(p)(e(b).string().min(1, "PIC Name is required"))
                 }, null, 8, ["modelValue", "rules"])
               ]),
-              a("div", El, [
-                n(I, {
+              a("div", it, [
+                o(F, {
                   modelValue: e(s).picRole,
-                  "onUpdate:modelValue": o[23] || (o[23] = (l) => e(s).picRole = l),
+                  "onUpdate:modelValue": n[23] || (n[23] = (r) => e(s).picRole = r),
                   label: "PIC Role",
                   "label-mark": "required",
                   rules: e(p)(e(b).string().min(1, "PIC Role is required"))
                 }, null, 8, ["modelValue", "rules"])
               ]),
-              a("div", Tl, [
-                n(I, {
+              a("div", ut, [
+                o(F, {
                   modelValue: e(s).picEmail,
-                  "onUpdate:modelValue": o[24] || (o[24] = (l) => e(s).picEmail = l),
+                  "onUpdate:modelValue": n[24] || (n[24] = (r) => e(s).picEmail = r),
                   label: "PIC Email",
                   "label-mark": "required",
                   rules: e(p)(e(b).string().min(1, "PIC Email is required"))
                 }, null, 8, ["modelValue", "rules"])
               ]),
-              a("div", Al, [
-                n(ee, {
+              a("div", dt, [
+                o(ie, {
                   "model-value": e(s).picContact,
-                  "onUpdate:modelValue": o[25] || (o[25] = (l) => e(s).picContact = l),
+                  "onUpdate:modelValue": n[25] || (n[25] = (r) => e(s).picContact = r),
                   "default-country": "TH",
                   label: "PIC Contact",
                   "label-mark": "required",
                   rules: e(p)(e(b).string().min(1, "PIC Contact is required"))
                 }, null, 8, ["model-value", "rules"])
               ]),
-              a("div", $l, [
-                n(I, {
+              a("div", mt, [
+                o(F, {
                   modelValue: e(s).witnessName,
-                  "onUpdate:modelValue": o[26] || (o[26] = (l) => e(s).witnessName = l),
+                  "onUpdate:modelValue": n[26] || (n[26] = (r) => e(s).witnessName = r),
                   label: "Witness Name",
                   "label-mark": "required",
                   rules: e(p)(e(b).string().min(1, "Witness Name is required"))
                 }, null, 8, ["modelValue", "rules"])
               ]),
-              a("div", Bl, [
-                n(I, {
+              a("div", pt, [
+                o(F, {
                   modelValue: e(s).witnessRole,
-                  "onUpdate:modelValue": o[27] || (o[27] = (l) => e(s).witnessRole = l),
+                  "onUpdate:modelValue": n[27] || (n[27] = (r) => e(s).witnessRole = r),
                   label: "Witness Role",
                   "label-mark": "required",
                   rules: e(p)(e(b).string().min(1, "Witness Role is required"))
                 }, null, 8, ["modelValue", "rules"])
               ]),
-              n(q, {
+              o(D, {
                 label: "Signature",
                 type: "image",
-                modelValue: e(r).signature,
-                "onUpdate:modelValue": o[28] || (o[28] = (l) => e(r).signature = l),
-                "restaurant-id": i.submission.restaurantId
+                modelValue: e(i).signature,
+                "onUpdate:modelValue": n[28] || (n[28] = (r) => e(i).signature = r),
+                "restaurant-id": d.submission.restaurantId
               }, null, 8, ["modelValue", "restaurant-id"]),
-              n(q, {
+              o(D, {
                 label: "Witness Signature",
                 type: "image",
-                modelValue: e(r).witnessSignature,
-                "onUpdate:modelValue": o[29] || (o[29] = (l) => e(r).witnessSignature = l),
-                "restaurant-id": i.submission.restaurantId
+                modelValue: e(i).witnessSignature,
+                "onUpdate:modelValue": n[29] || (n[29] = (r) => e(i).witnessSignature = r),
+                "restaurant-id": d.submission.restaurantId
               }, null, 8, ["modelValue", "restaurant-id"]),
-              n(q, {
+              o(D, {
                 label: "Company Stamp",
                 type: "image",
-                modelValue: e(r).companyStamp,
-                "onUpdate:modelValue": o[30] || (o[30] = (l) => e(r).companyStamp = l),
-                "restaurant-id": i.submission.restaurantId
+                modelValue: e(i).companyStamp,
+                "onUpdate:modelValue": n[30] || (n[30] = (r) => e(i).companyStamp = r),
+                "restaurant-id": d.submission.restaurantId
               }, null, 8, ["modelValue", "restaurant-id"])
             ])
           ]),
@@ -1324,7 +1577,7 @@ const Re = ["src"], ie = ".png, .jpg, .jpeg", ue = ".pdf", q = /* @__PURE__ */ G
       ], 64);
     };
   }
-}), Ol = /* @__PURE__ */ G({
+}), ct = /* @__PURE__ */ Q({
   __name: "TyroSubmission",
   props: {
     submission: {
@@ -1333,9 +1586,9 @@ const Re = ["src"], ie = ".png, .jpg, .jpeg", ue = ".pdf", q = /* @__PURE__ */ G
     }
   },
   emits: ["update:submission"],
-  setup(i) {
-    const k = i, d = j(() => {
-      const v = k.submission.fields || {}, c = (C) => v[C] || "N/A";
+  setup(d) {
+    const x = d, m = _(() => {
+      const v = x.submission.fields || {}, c = (C) => v[C] || "N/A";
       return [
         {
           label: "Tyro POS Reference ID",
@@ -1356,27 +1609,27 @@ const Re = ["src"], ie = ".png, .jpg, .jpeg", ue = ".pdf", q = /* @__PURE__ */ G
       ];
     });
     return (v, c) => {
-      const C = P("FmCardHeader"), m = P("FmCardSection"), R = P("FmCard");
-      return u(), E(R, {
+      const C = P("FmCardHeader"), y = P("FmCardSection"), E = P("FmCard");
+      return u(), A(E, {
         class: "max-w-3xl mt-8 p-6",
         variant: "elevated"
       }, {
         default: S(() => [
-          n(m, { class: "flex flex-col gap-16 justify-between" }, {
+          o(y, { class: "flex flex-col gap-16 justify-between" }, {
             default: S(() => [
-              n(C, {
+              o(C, {
                 class: "p-0",
                 title: "Tyro Authorisation",
                 subtitle: ""
               }),
-              n(m, { class: "p-0" }, {
+              o(y, { class: "p-0" }, {
                 default: S(() => [
-                  (u(!0), V(M, null, J(d.value, (s) => (u(), V("p", {
+                  (u(!0), k(h, null, K(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, U(s.label), 1),
-                    W(": " + U(s.value), 1)
+                    a("b", null, N(s.label), 1),
+                    Y(": " + N(s.value), 1)
                   ]))), 128))
                 ]),
                 _: 1
@@ -1389,155 +1642,10 @@ const Re = ["src"], ie = ".png, .jpg, .jpeg", ue = ".pdf", q = /* @__PURE__ */ G
       });
     };
   }
-}), jl = new RegExp("([\\p{Ll}\\d])(\\p{Lu})", "gu"), _l = new RegExp("(\\p{Lu})([\\p{Lu}][\\p{Ll}])", "gu"), Ml = new RegExp("(\\d)(\\p{Ll})", "gu"), hl = new RegExp("(\\p{L})(\\d)", "gu"), zl = /[^\p{L}\d]+/giu, le = "$1\0$2";
-function Hl(i, k = {}) {
-  let d = i.replace(jl, le).replace(_l, le);
-  k.separateNumbers && (d = d.replace(Ml, le).replace(hl, le)), d = d.replace(zl, "\0");
-  let v = 0, c = d.length;
-  for (; d.charAt(v) === "\0"; )
-    v++;
-  if (v === c)
-    return [];
-  for (; d.charAt(c - 1) === "\0"; )
-    c--;
-  return d.slice(v, c).split(/\0/g);
-}
-function Wl(i) {
-  return (k) => k.toLocaleLowerCase(i);
-}
-function Yl(i) {
-  return (k) => k.toLocaleUpperCase(i);
-}
-function me(i, k) {
-  const d = Wl(k == null ? void 0 : k.locale), v = Yl(k == null ? void 0 : k.locale);
-  return Hl(i).map((c, C) => C === 0 ? v(c[0]) + d(c.slice(1)) : d(c)).join(" ");
-}
-const Jl = {
-  key: 0,
-  class: "text-sm text-gray-500"
-}, Gl = {
-  key: 1,
-  class: "relative ml-2 border-l border-gray-200"
-}, Kl = { class: "flex items-center gap-2" }, Ql = { class: "font-medium text-gray-900" }, Xl = {
-  key: 0,
-  class: "rounded bg-gray-100 px-2 py-[2px] text-xs text-gray-600"
-}, Zl = { class: "mt-1 text-sm text-gray-500" }, et = {
-  key: 0,
-  class: "mt-1 text-sm text-gray-700"
-}, lt = /* @__PURE__ */ G({
-  __name: "Timeline",
-  props: {
-    entries: {
-      type: Array,
-      default: () => []
-    }
-  },
-  setup(i) {
-    const k = i, d = {
-      submission: { label: "Submitted", icon: "upload_file", color: "bg-blue-400" },
-      resubmission: {
-        label: "Resubmitted",
-        icon: "upload_file",
-        color: "bg-blue-400"
-      },
-      "send-for-review": {
-        label: "Sent for Review",
-        icon: "send",
-        color: "bg-indigo-400"
-      },
-      "submission-review-approved": {
-        label: "Review Approved",
-        icon: "check_circle",
-        color: "bg-green-400"
-      },
-      "submission-review-rejected": {
-        label: "Review Rejected",
-        icon: "cancel",
-        color: "bg-red-400"
-      },
-      "submission-review-ready": {
-        label: "Marked as Ready",
-        icon: "task_alt",
-        color: "bg-green-400"
-      },
-      "additional-document": {
-        label: "Additional Document Added",
-        icon: "attach_file",
-        color: "bg-gray-400"
-      },
-      reminder: {
-        label: "Reminder Sent",
-        icon: "notifications",
-        color: "bg-yellow-400"
-      },
-      "provider-update": {
-        label: "Provider Update",
-        icon: "update",
-        color: "bg-orange-400"
-      }
-    }, v = {
-      approved: "bg-green-400",
-      ready: "bg-green-400",
-      rejected: "bg-red-400",
-      submitted: "bg-blue-400",
-      pending: "bg-yellow-400"
-    };
-    function c(m) {
-      const R = d[m];
-      if (R) return R;
-      if (m.startsWith("status-update-")) {
-        const s = m.replace("status-update-", "");
-        return {
-          label: `Status Updated to ${me(s)}`,
-          icon: "sync",
-          color: v[s] ?? "bg-gray-400"
-        };
-      }
-      return {
-        label: me(m.replace(/-/g, " ")),
-        icon: "radio_button_checked",
-        color: "bg-gray-400"
-      };
-    }
-    const C = j(
-      () => (k.entries ?? []).map((m) => ({
-        ...m,
-        ...c(m.action),
-        at: Pe(m.timestamp)
-      })).sort((m, R) => R.at.valueOf() - m.at.valueOf())
-    );
-    return (m, R) => {
-      const s = P("FmIcon");
-      return C.value.length ? (u(), V("ol", Gl, [
-        (u(!0), V(M, null, J(C.value, (r, F) => (u(), V("li", {
-          key: `${r.action}-${r.timestamp}-${F}`,
-          class: "relative pb-6 pl-6 last:pb-0"
-        }, [
-          a("span", {
-            class: Ve([
-              "absolute -left-[8px] top-1 h-4 w-4 rounded-full ring-4 ring-white",
-              r.color
-            ])
-          }, null, 2),
-          a("div", Kl, [
-            n(s, {
-              name: r.icon,
-              size: "sm",
-              class: "text-gray-500"
-            }, null, 8, ["name"]),
-            a("span", Ql, U(r.label), 1),
-            F === 0 ? (u(), V("span", Xl, " Latest ")) : B("", !0)
-          ]),
-          a("p", Zl, U(r.at.isValid() ? r.at.format("DD MMM YYYY, HH:mm") : r.timestamp), 1),
-          r.description ? (u(), V("p", et, U(r.description), 1)) : B("", !0)
-        ]))), 128))
-      ])) : (u(), V("p", Jl, " No activity recorded yet. "));
-    };
-  }
-}), tt = {
+}), gt = {
   key: 0,
   class: "flex items-center justify-center min-h-[80vh]"
-}, at = { class: "px-32 pb-32" }, vt = /* @__PURE__ */ G({
+}, yt = { class: "px-32 pb-32" }, Ut = /* @__PURE__ */ Q({
   __name: "OnboardForm",
   props: {
     submissionId: {
@@ -1545,11 +1653,11 @@ const Jl = {
       required: !0
     }
   },
-  setup(i) {
-    const { startAsyncCall: k, isLoading: d } = te(), v = ne(), c = i, C = Ne(), m = O(null), R = j(
+  setup(d) {
+    const { startAsyncCall: x, isLoading: m } = ne(), v = ue(), c = d, C = qe(), y = O(null), E = _(
       () => {
-        var D;
-        return ((D = m.value) == null ? void 0 : D.type) === pe.FdoOnboardType.enum.tyro;
+        var $;
+        return (($ = y.value) == null ? void 0 : $.type) === fe.FdoOnboardType.enum.tyro;
       }
     ), s = () => {
       if (window.history.length > 1) {
@@ -1558,46 +1666,46 @@ const Jl = {
       }
       C.push({ name: "mf-payment-admin.onboard-submission" });
     };
-    ke(() => {
-      k(async () => {
-        m.value = await h.readById(c.submissionId);
+    ye(() => {
+      x(async () => {
+        y.value = await M.readById(c.submissionId);
       });
     });
-    const r = j(() => {
-      if (!m.value) return null;
-      switch (m.value.type) {
+    const i = _(() => {
+      if (!y.value) return null;
+      switch (y.value.type) {
         case "softspace":
-          return cl;
+          return Ml;
         case "ntt":
-          return Ll;
+          return bt;
         case "tyro":
-          return Ol;
+          return ct;
         default:
           return null;
       }
-    }), F = O(0);
-    function f(D) {
-      m.value = D, F.value = Date.now();
+    }), U = O(0);
+    function g($) {
+      y.value = $, U.value = Date.now();
     }
-    const T = async (D) => {
-      var w, A;
-      if (m.value)
-        switch (D) {
+    const I = async ($) => {
+      var R, L;
+      if (y.value)
+        switch ($) {
           case "preview":
-            let g;
+            let f;
             try {
-              g = v.open({
+              f = v.open({
                 message: "Generating preview document...",
                 type: "info"
-              }), await h.previewDocument((w = m.value) == null ? void 0 : w._id);
-            } catch (L) {
+              }), await M.previewDocument((R = y.value) == null ? void 0 : R._id);
+            } catch (B) {
               v.open({
                 type: "error",
                 title: "Error occurs when generating submission document",
-                message: Y(L)
+                message: G(B)
               });
             } finally {
-              g && v.close(g);
+              f && v.close(f);
             }
             break;
           case "send":
@@ -1605,33 +1713,33 @@ const Jl = {
               v.open({
                 message: "Sending onboarding document...",
                 type: "info"
-              }), await h.sendDocument((A = m.value) == null ? void 0 : A._id), v.open({
+              }), await M.sendDocument((L = y.value) == null ? void 0 : L._id), v.open({
                 type: "success",
                 title: "Submission documents send successfully"
               });
-            } catch (L) {
+            } catch (B) {
               v.open({
                 type: "error",
                 title: "Error occurs when sending document",
-                message: Y(L)
+                message: G(B)
               });
             }
             break;
         }
     };
-    return (D, w) => {
-      var L, K, Q;
-      const A = P("FmCircularProgress"), g = P("FmPageHead");
-      return e(d) ? (u(), V("div", tt, [
-        n(A, { size: "xxl" })
-      ])) : (u(), V(M, { key: 1 }, [
-        n(g, {
-          title: `Submission - ${(L = m.value) == null ? void 0 : L.type}`,
-          description: `ID - ${(K = m.value) == null ? void 0 : K._id}`,
+    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 }, [
+        o(f, {
+          title: `Submission - ${(B = y.value) == null ? void 0 : B.type}`,
+          description: `ID - ${(X = y.value) == null ? void 0 : X._id}`,
           "back-button": !0,
           "onClick:back": s,
-          "onClick:action": T,
-          actions: R.value ? [] : [
+          "onClick:action": I,
+          actions: E.value ? [] : [
             {
               label: "Preview Document",
               value: "preview",
@@ -1645,21 +1753,23 @@ const Jl = {
             }
           ]
         }, null, 8, ["title", "description", "actions"]),
-        a("div", at, [
-          (u(), E(Ce(r.value), {
-            key: F.value,
-            submission: m.value,
-            "onUpdate:submission": f
+        a("div", yt, [
+          (u(), A(Re(i.value), {
+            key: U.value,
+            submission: y.value,
+            "onUpdate:submission": g
           }, null, 40, ["submission"])),
-          w[0] || (w[0] = a("h3", { class: "font-semibold text-lg border-b pb-1 mt-6 mb-6" }, "Timeline", -1)),
-          n(lt, {
-            entries: (Q = m.value) == null ? void 0 : Q.timeline
-          }, null, 8, ["entries"])
+          ((Z = y.value) == null ? void 0 : Z.type) !== "softspace" ? (u(), k(h, { 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
+            }, null, 8, ["entries"])
+          ], 64)) : T("", !0)
         ])
       ], 64));
     };
   }
 });
 export {
-  vt as default
+  Ut as default
 };