@feedmepos/mf-payment 1.6.26-dev → 1.6.28-dev

package/dist/{OnboardForm-C3Fr7gLX.js → OnboardForm-CcrB3E8X.js}

@@ -1,15 +1,15 @@
-import { defineComponent as G, ref as D, computed as W, resolveComponent as C, openBlock as g, createElementBlock as $, createElementVNode as o, toDisplayString as x, createBlock as j, withCtx as V, createCommentVNode as O, createVNode as n, unref as e, Fragment as Q, createTextVNode as L, renderList as h, onMounted as oe, resolveDynamicComponent as ne } from "vue";
-import { o as M } from "./index-C4VQgcNt.js";
-import { u as _, p as le } from "./index-Agw94979.js";
-import { useRouter as re } from "vue-router";
+import { defineComponent as Z, ref as $, computed as W, resolveComponent as C, openBlock as b, createElementBlock as q, createElementVNode as o, toDisplayString as I, createBlock as B, withCtx as f, createCommentVNode as A, createVNode as r, unref as e, Fragment as J, renderList as le, createTextVNode as z, onMounted as pe, resolveDynamicComponent as be } from "vue";
+import { o as H } from "./index-Ckm19Rq6.js";
+import { u as te, p as ne } from "./index-C64vpG3g.js";
+import { useRouter as ce } from "vue-router";
 import { z as u, a as d } from "./validator-CTlVogBQ.js";
-import { P as ie } from "./payout-account-Do9T9GvQ.js";
-import { _ as ae } from "./DocumentViewer.vue_vue_type_script_setup_true_lang-DN_6q2_n.js";
-import { s as ue } from "./vue-signature-pad.esm-IXPjf4fL.js";
-import { _ as te } from "./Status.vue_vue_type_script_setup_true_lang-DurKmA3Q.js";
-import { useSnackbar as ee } from "@feedmepos/ui-library";
-import { u as z } from "./error-K1CakhA9.js";
-const de = ["src"], F = /* @__PURE__ */ G({
+import { P as ye } from "./payout-account-BfxGH_xZ.js";
+import { _ as re } from "./DocumentViewer.vue_vue_type_script_setup_true_lang-CdKtDipZ.js";
+import { s as ge } from "./vue-signature-pad.esm-IXPjf4fL.js";
+import { _ as ie } from "./Status.vue_vue_type_script_setup_true_lang-D3s5zsYW.js";
+import { useSnackbar as ae } from "@feedmepos/ui-library";
+import { u as Q } from "./error-K1CakhA9.js";
+const Ve = ["src"], F = /* @__PURE__ */ Z({
   __name: "UploadButton",
   props: {
     modelValue: {},
@@ -18,53 +18,53 @@ const de = ["src"], F = /* @__PURE__ */ G({
     restaurantId: {}
   },
   emits: ["update:modelValue"],
-  setup(m, { emit: A }) {
-    const N = m, v = D(N.modelValue), y = A, P = (t) => {
+  setup(m, { emit: O }) {
+    const v = m, k = $(v.modelValue), g = O, P = (a) => {
       const i = new FileReader();
-      i.onload = (R) => {
-        var c;
-        v.value = (c = R.target) == null ? void 0 : c.result, y("update:modelValue", t);
-      }, i.readAsDataURL(t);
-    }, b = (t) => {
-      window.open(t, "_blank", "noopener,noreferrer");
-    }, w = W(() => N.type === "image" ? ".png, .jpg, .jpeg" : ".pdf");
-    return (t, i) => {
-      const R = C("FmButton"), c = C("FmDropField");
-      return g(), $("div", null, [
-        o("p", null, x(m.label), 1),
-        v.value ? (g(), j(ae, {
+      i.onload = (U) => {
+        var V;
+        k.value = (V = U.target) == null ? void 0 : V.result, g("update:modelValue", a);
+      }, i.readAsDataURL(a);
+    }, c = (a) => {
+      window.open(a, "_blank", "noopener,noreferrer");
+    }, R = W(() => v.type === "image" ? ".png, .jpg, .jpeg" : ".pdf");
+    return (a, i) => {
+      const U = C("FmButton"), V = C("FmDropField");
+      return b(), q("div", null, [
+        o("p", null, I(m.label), 1),
+        k.value ? (b(), B(re, {
           key: 0,
-          document: v.value,
+          document: k.value,
           "restaurant-id": m.restaurantId
         }, {
-          default: V(({ src: I }) => [
-            m.type === "image" ? (g(), $("img", {
+          default: f(({ src: x }) => [
+            m.type === "image" ? (b(), q("img", {
               key: 0,
-              src: I
-            }, null, 8, de)) : O("", !0),
-            m.type === "pdf" ? (g(), j(R, {
+              src: x
+            }, null, 8, Ve)) : A("", !0),
+            m.type === "pdf" ? (b(), B(U, {
               key: 1,
               class: "mt-4 w-full",
               "prepend-icon": "manage_accounts",
               label: "View Document",
               variant: "primary",
-              onVnodeMounted: () => b(I),
-              onClick: () => b(I)
-            }, null, 8, ["onVnodeMounted", "onClick"])) : O("", !0)
+              onVnodeMounted: () => c(x),
+              onClick: () => c(x)
+            }, null, 8, ["onVnodeMounted", "onClick"])) : A("", !0)
           ]),
           _: 1
-        }, 8, ["document", "restaurant-id"])) : (g(), j(c, {
+        }, 8, ["document", "restaurant-id"])) : (b(), B(V, {
           key: 1,
-          accept: w.value,
+          accept: R.value,
           onFileUpload: P
         }, null, 8, ["accept"]))
       ]);
     };
   }
-}), me = ["src"], pe = {
+}), ve = ["src"], fe = {
   key: 0,
   class: "text-center text-red-700 py-4"
-}, be = { class: "flex justify-evenly py-3" }, ce = /* @__PURE__ */ G({
+}, ke = { class: "flex justify-evenly py-3" }, Ce = /* @__PURE__ */ Z({
   __name: "SignatureBoard",
   props: {
     modelValue: {},
@@ -72,73 +72,73 @@ const de = ["src"], F = /* @__PURE__ */ G({
     restaurantId: {}
   },
   emits: ["update:modelValue"],
-  setup(m, { emit: A }) {
-    const N = m, v = A, y = D(N.modelValue), P = D(!1), b = D(), w = D(!1);
-    function t(R, c) {
-      var U;
-      const I = R.split(","), B = ((U = I[0].match(/:(.*?);/)) == null ? void 0 : U[1]) || "", q = atob(I[1]);
-      let p = q.length;
+  setup(m, { emit: O }) {
+    const v = m, k = O, g = $(v.modelValue), P = $(!1), c = $(), R = $(!1);
+    function a(U, V) {
+      var D;
+      const x = U.split(","), T = ((D = x[0].match(/:(.*?);/)) == null ? void 0 : D[1]) || "", w = atob(x[1]);
+      let p = w.length;
       const E = new Uint8Array(p);
       for (; p--; )
-        E[p] = q.charCodeAt(p);
-      return new File([E], c, { type: B });
+        E[p] = w.charCodeAt(p);
+      return new File([E], V, { type: T });
     }
     const i = function() {
-      const { isEmpty: R, data: c } = b.value.saveSignature();
-      if (R)
+      const { isEmpty: U, data: V } = c.value.saveSignature();
+      if (U)
         return P.value = !0;
-      y.value = c, w.value = !1, v("update:modelValue", t(c, "signature.png"));
+      g.value = V, R.value = !1, k("update:modelValue", a(V, "signature.png"));
     };
-    return (R, c) => {
-      const I = C("FmButton"), B = C("FmDialog");
-      return g(), $("div", null, [
-        o("p", null, x(m.label), 1),
-        y.value ? (g(), j(ae, {
+    return (U, V) => {
+      const x = C("FmButton"), T = C("FmDialog");
+      return b(), q("div", null, [
+        o("p", null, I(m.label), 1),
+        g.value ? (b(), B(re, {
           key: 0,
-          document: y.value,
+          document: g.value,
           "restaurant-id": m.restaurantId
         }, {
-          default: V(({ src: q }) => [
+          default: f(({ src: w }) => [
             o("img", {
-              src: q,
+              src: w,
               alt: "Signature Preview",
               class: "w-full h-auto"
-            }, null, 8, me)
+            }, null, 8, ve)
           ]),
           _: 1
-        }, 8, ["document", "restaurant-id"])) : O("", !0),
-        y.value ? O("", !0) : (g(), j(B, {
+        }, 8, ["document", "restaurant-id"])) : A("", !0),
+        g.value ? A("", !0) : (b(), B(T, {
           key: 1,
-          modelValue: w.value,
-          "onUpdate:modelValue": c[1] || (c[1] = (q) => w.value = q)
+          modelValue: R.value,
+          "onUpdate:modelValue": V[1] || (V[1] = (w) => R.value = w)
         }, {
-          "dialog-button": V(() => [
-            n(I, {
+          "dialog-button": f(() => [
+            r(x, {
               "prepend-icon": "signature",
               class: "w-full",
               label: "Signature"
             })
           ]),
-          "dialog-header": V(() => [...c[2] || (c[2] = [
+          "dialog-header": f(() => [...V[2] || (V[2] = [
             o("div", null, "Signature Board", -1)
           ])]),
-          default: V(() => [
-            n(e(ue), {
+          default: f(() => [
+            r(e(ge), {
               ref_key: "signaturePad",
-              ref: b,
+              ref: c,
               height: "300px",
               customStyle: { border: "2px solid #ccc", borderRadius: "3px" },
               options: { penColor: "#000000" }
             }, null, 512),
-            P.value ? (g(), $("p", pe, " Please sign your signature before saving. ")) : O("", !0),
-            o("div", be, [
-              n(I, {
+            P.value ? (b(), q("p", fe, " Please sign your signature before saving. ")) : A("", !0),
+            o("div", ke, [
+              r(x, {
                 variant: "destructive",
                 label: "Clear",
                 "prepend-icon": "delete",
-                onClick: c[0] || (c[0] = (q) => b.value.clearSignature())
+                onClick: V[0] || (V[0] = (w) => c.value.clearSignature())
               }),
-              n(I, {
+              r(x, {
                 label: "Save",
                 "prepend-icon": "save",
                 onClick: i
@@ -150,7 +150,13 @@ const de = ["src"], F = /* @__PURE__ */ G({
       ]);
     };
   }
-}), ye = { class: "space-y-2" }, ge = { class: "text-gray-900" }, Ve = { class: "text-gray-900" }, ve = { class: "text-gray-900" }, fe = { class: "text-gray-900" }, ke = { class: "text-gray-900" }, Ce = { class: "text-gray-900" }, Ne = { class: "mt-6 grid grid-cols-4 gap-24" }, Se = { class: "w-full flex justify-end mt-6" }, Pe = { class: "mt-6 grid grid-cols-4 gap-24" }, qe = { class: "col-span-2" }, Fe = { class: "col-span-2" }, Ie = { class: "col-span-2" }, we = { class: "col-span-2" }, Ue = { class: "col-span-2" }, xe = { class: "col-span-2" }, Re = { class: "col-start-1 col-span-2" }, Be = { class: "col-span-2" }, Te = { class: "col-span-2" }, je = { class: "col-span-2" }, De = { class: "mt-6 grid grid-cols-4 gap-6" }, Ee = { class: "mt-6 grid grid-cols-2 gap-24" }, $e = /* @__PURE__ */ G({
+}), Ne = { class: "space-y-2" }, Se = { class: "text-gray-900" }, Pe = { class: "text-gray-900" }, we = { class: "text-gray-900" }, Fe = { class: "text-gray-900" }, qe = { class: "text-gray-900" }, Ie = { class: "text-gray-900" }, Ue = { class: "grid grid-cols-4 gap-6" }, xe = ["src"], Re = {
+  key: 1,
+  class: "mt-2 truncate text-gray-700"
+}, De = { key: 0 }, Be = {
+  key: 0,
+  class: "w-full flex justify-end mt-6"
+}, Te = { class: "mt-6 grid grid-cols-4 gap-24" }, Ae = { class: "w-full flex justify-end mt-6" }, $e = { class: "mt-6 grid grid-cols-4 gap-24" }, je = { class: "col-span-2" }, Ee = { class: "col-span-2" }, Oe = { class: "col-span-2" }, Le = { class: "col-span-2" }, Me = { class: "col-span-2" }, He = { class: "col-span-2" }, ze = { class: "col-start-1 col-span-2" }, We = { class: "col-span-2" }, Je = { class: "col-span-2" }, Qe = { class: "col-span-2" }, Ke = { class: "mt-6 grid grid-cols-4 gap-6" }, he = { class: "mt-6 grid grid-cols-2 gap-24" }, oe = 30, Ge = /* @__PURE__ */ Z({
   __name: "SoftspaceSubmission",
   props: {
     submission: {
@@ -159,10 +165,10 @@ const de = ["src"], F = /* @__PURE__ */ G({
     }
   },
   emits: ["update:submission"],
-  setup(m, { emit: A }) {
-    const N = m, v = A, y = ee(), P = D(!1), { isLoading: b, startAsyncCall: w } = _(), { fields: t, documents: i, restaurantId: R, profile: c, status: I, statusReason: B } = N.submission, q = D(""), p = D(
-      N.submission.rates ? Object.fromEntries(
-        Object.entries(N.submission.rates).map(([T, l]) => [T, `${l}`])
+  setup(m, { emit: O }) {
+    const v = m, k = O, g = ae(), P = $(!1), { isLoading: c, startAsyncCall: R } = te(), { fields: a, documents: i, restaurantId: U, profile: V, status: x, statusReason: T } = v.submission, w = $(""), p = $(
+      v.submission.rates ? Object.fromEntries(
+        Object.entries(v.submission.rates).map(([y, l]) => [y, `${l}`])
       ) : {
         duitNow: "0.8",
         mydebitCard: "0.5",
@@ -173,11 +179,59 @@ const de = ["src"], F = /* @__PURE__ */ G({
         jcbPlatinum: "2.2"
       }
     ), E = W(
-      () => Object.values(p.value).every((T) => parseFloat(T) > 0)
-    ), U = () => w(async () => {
+      () => Object.values(p.value).every((y) => parseFloat(y) > 0)
+    ), { isLoading: D, startAsyncCall: G } = te(), M = $([]), _ = (y) => Number(y.replace("additionalDocument", "")), Y = W(
+      () => Object.keys(v.submission.documents).filter((y) => /^additionalDocument\d+$/.test(y)).sort((y, l) => _(y) - _(l))
+    ), ee = W(
+      () => Y.value.length + M.value.length
+    ), S = (y) => {
+      if (!(ee.value >= oe)) {
+        if (y.type.startsWith("image/")) {
+          const l = new FileReader();
+          l.onload = (j) => {
+            var L;
+            return M.value.push({
+              file: y,
+              preview: String(((L = j.target) == null ? void 0 : L.result) ?? "")
+            });
+          }, l.readAsDataURL(y);
+          return;
+        }
+        M.value.push({ file: y, preview: "" });
+      }
+    }, s = () => G(async () => {
       try {
-        const T = await M.reviewById(
-          N.submission._id,
+        let y = Y.value.reduce(
+          (j, L) => Math.max(j, _(L)),
+          0
+        );
+        const l = {};
+        for (const { file: j } of M.value) {
+          const L = `additionalDocument${++y}`;
+          l[L] = await H.uploadDocument(
+            U,
+            L,
+            j
+          );
+        }
+        k(
+          "update:submission",
+          await H.addAdditionalDocuments(
+            v.submission._id,
+            l
+          )
+        ), M.value = [], g.open({ type: "success", title: "Documents saved" });
+      } catch (y) {
+        g.open({
+          type: "error",
+          title: "Error occurs when sending additional documents",
+          message: Q(y)
+        });
+      }
+    }), N = () => R(async () => {
+      try {
+        const y = await H.reviewById(
+          v.submission._id,
           {
             rates: {
               duitNow: parseFloat(p.value.duitNow),
@@ -191,265 +245,310 @@ const de = ["src"], F = /* @__PURE__ */ G({
             status: "approved"
           }
         );
-        v("update:submission", T), P.value = !1, y.open({
+        k("update:submission", y), P.value = !1, g.open({
           type: "success",
           title: "Submission updated successfully"
         });
-      } catch (T) {
-        y.open({
+      } catch (y) {
+        g.open({
           type: "error",
           title: "Error occurs when updating submission",
-          message: z(T)
+          message: Q(y)
         });
       }
-    }), J = () => w(async () => {
+    }), X = () => R(async () => {
       try {
-        const T = await M.reviewById(
-          N.submission._id,
+        const y = await H.reviewById(
+          v.submission._id,
           {
             status: "rejected",
-            statusReason: q.value
+            statusReason: w.value
           }
         );
-        v("update:submission", T), P.value = !1, y.open({
+        k("update:submission", y), P.value = !1, g.open({
           type: "success",
           title: "Submission updated successfully"
         });
-      } catch (T) {
-        y.open({
+      } catch (y) {
+        g.open({
           type: "error",
           title: "Error occurs when updating submission",
-          message: z(T)
+          message: Q(y)
         });
       }
     });
-    return (T, l) => {
-      const f = C("FmTextField"), K = C("FmButton"), S = C("FmTextarea"), s = C("FmDialog"), k = C("FmPhoneNumber"), H = C("FmSelect"), X = C("FmForm");
-      return g(), $(Q, null, [
-        o("div", ye, [
+    return (y, l) => {
+      const j = C("FmButton"), L = C("FmDropField"), n = C("FmTextField"), K = C("FmTextarea"), ue = C("FmDialog"), de = C("FmPhoneNumber"), se = C("FmSelect"), me = C("FmForm");
+      return b(), q(J, null, [
+        o("div", Ne, [
           o("div", null, [
             l[33] || (l[33] = o("span", { class: "w-40 font-medium text-gray-600" }, "Restaurant: ", -1)),
-            o("span", ge, x(e(R)), 1)
+            o("span", Se, I(e(U)), 1)
           ]),
           o("div", null, [
             l[34] || (l[34] = o("span", { class: "w-40 font-medium text-gray-600" }, "Profile: ", -1)),
-            o("span", Ve, x(e(c).name) + " ( " + x(e(c).legalName) + " )", 1)
+            o("span", Pe, I(e(V).name) + " ( " + I(e(V).legalName) + " )", 1)
           ]),
           o("div", null, [
             l[35] || (l[35] = o("span", { class: "w-40 font-medium text-gray-600" }, "Email: ", -1)),
-            o("span", ve, x(e(c).email), 1)
+            o("span", we, I(e(V).email), 1)
           ]),
           o("div", null, [
             l[36] || (l[36] = o("span", { class: "w-40 font-medium text-gray-600" }, "Phone: ", -1)),
-            o("span", fe, x(e(c).phoneNo), 1)
+            o("span", Fe, I(e(V).phoneNo), 1)
           ]),
           o("div", null, [
             l[37] || (l[37] = o("span", { class: "w-40 font-medium text-gray-600" }, "Status: ", -1)),
-            o("span", ke, [
-              n(te, { data: e(I) }, null, 8, ["data"])
+            o("span", qe, [
+              r(ie, { data: e(x) }, null, 8, ["data"])
             ])
           ]),
           o("div", null, [
             l[38] || (l[38] = o("span", { class: "w-40 font-medium text-gray-600" }, "Status Reason: ", -1)),
-            o("span", Ce, x(e(B)), 1)
+            o("span", Ie, I(e(T)), 1)
           ])
         ]),
-        l[50] || (l[50] = o("h3", { class: "font-semibold text-lg border-b pb-1 mt-6 mb-4" }, "Rate Settings", -1)),
-        o("div", Ne, [
-          n(f, {
+        l[50] || (l[50] = o("h3", { class: "font-semibold text-lg border-b pb-1 mt-6 mb-4" }, " Additional Documents ", -1)),
+        o("div", Ue, [
+          (b(!0), q(J, null, le(Y.value, (t) => (b(), B(F, {
+            key: t,
+            label: t.replace("additionalDocument", "Document "),
+            type: /\.pdf$/i.test(v.submission.documents[t]) ? "pdf" : "image",
+            modelValue: v.submission.documents[t],
+            "onUpdate:modelValue": (h) => v.submission.documents[t] = h,
+            "restaurant-id": e(U)
+          }, null, 8, ["label", "type", "modelValue", "onUpdate:modelValue", "restaurant-id"]))), 128)),
+          (b(!0), q(J, null, le(M.value, (t, h) => (b(), q("div", {
+            key: `new-${h}`
+          }, [
+            o("p", null, "Document " + I(Y.value.length + h + 1), 1),
+            t.file.type.startsWith("image/") ? (b(), q("img", {
+              key: 0,
+              src: t.preview,
+              class: "mt-2 rounded border"
+            }, null, 8, xe)) : (b(), q("p", Re, I(t.file.name), 1)),
+            r(j, {
+              class: "mt-4",
+              "prepend-icon": "delete",
+              label: "Remove",
+              variant: "destructive",
+              onClick: (Sl) => M.value.splice(h, 1)
+            }, null, 8, ["onClick"])
+          ]))), 128)),
+          ee.value < oe ? (b(), q("div", De, [
+            o("p", null, "Document " + I(ee.value + 1), 1),
+            r(L, {
+              accept: ".png, .jpg, .jpeg, .pdf",
+              onFileUpload: S
+            })
+          ])) : A("", !0)
+        ]),
+        M.value.length ? (b(), q("div", Be, [
+          r(j, {
+            type: "button",
+            variant: "primary",
+            "prepend-icon": "cloud_upload",
+            label: "Save documents",
+            loading: e(D),
+            onClick: s
+          }, null, 8, ["loading"])
+        ])) : A("", !0),
+        l[51] || (l[51] = o("h3", { class: "font-semibold text-lg border-b pb-1 mt-6 mb-4" }, "Rate Settings", -1)),
+        o("div", Te, [
+          r(n, {
             modelValue: p.value.duitNow,
-            "onUpdate:modelValue": l[0] || (l[0] = (a) => p.value.duitNow = a),
+            "onUpdate:modelValue": l[0] || (l[0] = (t) => p.value.duitNow = t),
             label: "DuitNow QR",
             "label-mark": "required",
             type: "number",
             inputmode: "numeric",
             decimal: 2,
             rules: e(u)(
-              e(d).string().min(1, "Rate is required").transform((a) => parseFloat(a)).refine((a) => !isNaN(a), { message: "Rate must be a number" })
+              e(d).string().min(1, "Rate is required").transform((t) => parseFloat(t)).refine((t) => !isNaN(t), { message: "Rate must be a number" })
             )
           }, {
-            append: V(() => [...l[39] || (l[39] = [
-              L("%", -1)
+            append: f(() => [...l[39] || (l[39] = [
+              z("%", -1)
             ])]),
             _: 1
           }, 8, ["modelValue", "rules"]),
-          n(f, {
+          r(n, {
             modelValue: p.value.mydebitCard,
-            "onUpdate:modelValue": l[1] || (l[1] = (a) => p.value.mydebitCard = a),
+            "onUpdate:modelValue": l[1] || (l[1] = (t) => p.value.mydebitCard = t),
             label: "myDebit Card",
             "label-mark": "required",
             type: "number",
             inputmode: "numeric",
             decimal: 2,
             rules: e(u)(
-              e(d).string().min(1, "Rate is required").transform((a) => parseFloat(a)).refine((a) => !isNaN(a), { message: "Rate must be a number" })
+              e(d).string().min(1, "Rate is required").transform((t) => parseFloat(t)).refine((t) => !isNaN(t), { message: "Rate must be a number" })
             )
           }, {
-            append: V(() => [...l[40] || (l[40] = [
-              L("%", -1)
+            append: f(() => [...l[40] || (l[40] = [
+              z("%", -1)
             ])]),
             _: 1
           }, 8, ["modelValue", "rules"]),
-          n(f, {
+          r(n, {
             modelValue: p.value.localDebit,
-            "onUpdate:modelValue": l[2] || (l[2] = (a) => p.value.localDebit = a),
+            "onUpdate:modelValue": l[2] || (l[2] = (t) => p.value.localDebit = t),
             label: "Local Debit Card",
             "label-mark": "required",
             type: "number",
             inputmode: "numeric",
             decimal: 2,
             rules: e(u)(
-              e(d).string().min(1, "Rate is required").transform((a) => parseFloat(a)).refine((a) => !isNaN(a), { message: "Rate must be a number" })
+              e(d).string().min(1, "Rate is required").transform((t) => parseFloat(t)).refine((t) => !isNaN(t), { message: "Rate must be a number" })
             )
           }, {
-            append: V(() => [...l[41] || (l[41] = [
-              L("%", -1)
+            append: f(() => [...l[41] || (l[41] = [
+              z("%", -1)
             ])]),
             _: 1
           }, 8, ["modelValue", "rules"]),
-          n(f, {
+          r(n, {
             modelValue: p.value.localCredit,
-            "onUpdate:modelValue": l[3] || (l[3] = (a) => p.value.localCredit = a),
+            "onUpdate:modelValue": l[3] || (l[3] = (t) => p.value.localCredit = t),
             label: "Local Credit Card",
             "label-mark": "required",
             type: "number",
             inputmode: "numeric",
             decimal: 2,
             rules: e(u)(
-              e(d).string().min(1, "Rate is required").transform((a) => parseFloat(a)).refine((a) => !isNaN(a), { message: "Rate must be a number" })
+              e(d).string().min(1, "Rate is required").transform((t) => parseFloat(t)).refine((t) => !isNaN(t), { message: "Rate must be a number" })
             )
           }, {
-            append: V(() => [...l[42] || (l[42] = [
-              L("%", -1)
+            append: f(() => [...l[42] || (l[42] = [
+              z("%", -1)
             ])]),
             _: 1
           }, 8, ["modelValue", "rules"]),
-          n(f, {
+          r(n, {
             modelValue: p.value.foreignCard,
-            "onUpdate:modelValue": l[4] || (l[4] = (a) => p.value.foreignCard = a),
+            "onUpdate:modelValue": l[4] || (l[4] = (t) => p.value.foreignCard = t),
             label: "Foreign Card",
             "label-mark": "required",
             type: "number",
             inputmode: "numeric",
             decimal: 2,
             rules: e(u)(
-              e(d).string().min(1, "Rate is required").transform((a) => parseFloat(a)).refine((a) => !isNaN(a), { message: "Rate must be a number" })
+              e(d).string().min(1, "Rate is required").transform((t) => parseFloat(t)).refine((t) => !isNaN(t), { message: "Rate must be a number" })
             )
           }, {
-            append: V(() => [...l[43] || (l[43] = [
-              L("%", -1)
+            append: f(() => [...l[43] || (l[43] = [
+              z("%", -1)
             ])]),
             _: 1
           }, 8, ["modelValue", "rules"]),
-          n(f, {
+          r(n, {
             modelValue: p.value.jcbStandard,
-            "onUpdate:modelValue": l[5] || (l[5] = (a) => p.value.jcbStandard = a),
+            "onUpdate:modelValue": l[5] || (l[5] = (t) => p.value.jcbStandard = t),
             label: "JCB Standard",
             "label-mark": "required",
             type: "number",
             inputmode: "numeric",
             decimal: 2,
             rules: e(u)(
-              e(d).string().min(1, "Rate is required").transform((a) => parseFloat(a)).refine((a) => !isNaN(a), { message: "Rate must be a number" })
+              e(d).string().min(1, "Rate is required").transform((t) => parseFloat(t)).refine((t) => !isNaN(t), { message: "Rate must be a number" })
             )
           }, {
-            append: V(() => [...l[44] || (l[44] = [
-              L("%", -1)
+            append: f(() => [...l[44] || (l[44] = [
+              z("%", -1)
             ])]),
             _: 1
           }, 8, ["modelValue", "rules"]),
-          n(f, {
+          r(n, {
             modelValue: p.value.jcbPlatinum,
-            "onUpdate:modelValue": l[6] || (l[6] = (a) => p.value.jcbPlatinum = a),
+            "onUpdate:modelValue": l[6] || (l[6] = (t) => p.value.jcbPlatinum = t),
             label: "JCB Platinum",
             "label-mark": "required",
             type: "number",
             inputmode: "numeric",
             decimal: 2,
             rules: e(u)(
-              e(d).string().min(1, "Rate is required").transform((a) => parseFloat(a)).refine((a) => !isNaN(a), { message: "Rate must be a number" })
+              e(d).string().min(1, "Rate is required").transform((t) => parseFloat(t)).refine((t) => !isNaN(t), { message: "Rate must be a number" })
             )
           }, {
-            append: V(() => [...l[45] || (l[45] = [
-              L("%", -1)
+            append: f(() => [...l[45] || (l[45] = [
+              z("%", -1)
             ])]),
             _: 1
           }, 8, ["modelValue", "rules"])
         ]),
-        o("div", Se, [
-          n(s, {
+        o("div", Ae, [
+          r(ue, {
             modelValue: P.value,
-            "onUpdate:modelValue": l[8] || (l[8] = (a) => P.value = a)
+            "onUpdate:modelValue": l[8] || (l[8] = (t) => P.value = t)
           }, {
-            "dialog-button": V(() => [
-              n(K, {
+            "dialog-button": f(() => [
+              r(j, {
                 class: "mr-6",
                 type: "button",
                 variant: "destructive",
                 "prepend-icon": "block",
-                loading: e(b),
+                loading: e(c),
                 label: "Reject Submission"
               }, null, 8, ["loading"])
             ]),
-            "dialog-header": V(() => [...l[46] || (l[46] = [
+            "dialog-header": f(() => [...l[46] || (l[46] = [
               o("div", null, "Rejecting Submission", -1)
             ])]),
-            default: V(() => [
-              n(S, {
-                modelValue: q.value,
-                "onUpdate:modelValue": l[7] || (l[7] = (a) => q.value = a),
+            default: f(() => [
+              r(K, {
+                modelValue: w.value,
+                "onUpdate:modelValue": l[7] || (l[7] = (t) => w.value = t),
                 label: "Reason for Rejection",
                 "label-mark": "optional",
                 "helper-text": "Please provide a reason for rejection."
               }, null, 8, ["modelValue"]),
-              n(K, {
+              r(j, {
                 class: "mb-2 mt-6 w-full",
                 label: "Submit",
                 "prepend-icon": "save",
-                onClick: J,
-                loading: e(b)
+                onClick: X,
+                loading: e(c)
               }, null, 8, ["loading"])
             ]),
             _: 1
           }, 8, ["modelValue"]),
-          n(K, {
+          r(j, {
             type: "button",
             variant: "primary",
             "prepend-icon": "approval",
             disabled: !E.value,
             label: "Approve Submission with Rates",
-            onClick: U,
-            loading: e(b)
+            onClick: N,
+            loading: e(c)
           }, null, 8, ["disabled", "loading"])
         ]),
-        n(X, { disabled: !0 }, {
-          default: V(() => [
+        r(me, { disabled: !0 }, {
+          default: f(() => [
             l[47] || (l[47] = o("h3", { class: "font-semibold text-lg border-b pb-1 mt-6 mb-4" }, " Outlet Information ", -1)),
-            o("div", Pe, [
-              o("div", qe, [
-                n(f, {
-                  modelValue: e(t).picName,
-                  "onUpdate:modelValue": l[9] || (l[9] = (a) => e(t).picName = a),
+            o("div", $e, [
+              o("div", je, [
+                r(n, {
+                  modelValue: e(a).picName,
+                  "onUpdate:modelValue": l[9] || (l[9] = (t) => e(a).picName = t),
                   label: "PIC Name",
                   placeholder: "Enter your name",
                   "label-mark": "required",
                   rules: e(u)(e(d).string().min(1, "PIC Name is required"))
                 }, null, 8, ["modelValue", "rules"])
               ]),
-              o("div", Fe, [
-                n(f, {
-                  modelValue: e(t).picRole,
-                  "onUpdate:modelValue": l[10] || (l[10] = (a) => e(t).picRole = a),
+              o("div", Ee, [
+                r(n, {
+                  modelValue: e(a).picRole,
+                  "onUpdate:modelValue": l[10] || (l[10] = (t) => e(a).picRole = t),
                   label: "PIC Role",
                   placeholder: "Enter your role",
                   "label-mark": "required",
                   rules: e(u)(e(d).string().min(1, "PIC Role is required"))
                 }, null, 8, ["modelValue", "rules"])
               ]),
-              o("div", Ie, [
-                n(f, {
-                  modelValue: e(t).picEmail,
-                  "onUpdate:modelValue": l[11] || (l[11] = (a) => e(t).picEmail = a),
+              o("div", Oe, [
+                r(n, {
+                  modelValue: e(a).picEmail,
+                  "onUpdate:modelValue": l[11] || (l[11] = (t) => e(a).picEmail = t),
                   label: "PIC Email",
                   type: "email",
                   placeholder: "Enter your email address",
@@ -457,64 +556,64 @@ const de = ["src"], F = /* @__PURE__ */ G({
                   rules: e(u)(e(d).string().min(1, "PIC Email is required"))
                 }, null, 8, ["modelValue", "rules"])
               ]),
-              o("div", we, [
-                n(k, {
-                  "model-value": e(t).picContact,
-                  "onUpdate:modelValue": l[12] || (l[12] = (a) => e(t).picContact = a),
+              o("div", Le, [
+                r(de, {
+                  "model-value": e(a).picContact,
+                  "onUpdate:modelValue": l[12] || (l[12] = (t) => e(a).picContact = t),
                   "default-country": "MY",
                   label: "PIC Contact",
                   "label-mark": "required",
                   rules: e(u)(e(d).string().min(1, "PIC Contact is required"))
                 }, null, 8, ["model-value", "rules"])
               ]),
-              o("div", Ue, [
-                n(f, {
-                  modelValue: e(t).outletName,
-                  "onUpdate:modelValue": l[13] || (l[13] = (a) => e(t).outletName = a),
+              o("div", Me, [
+                r(n, {
+                  modelValue: e(a).outletName,
+                  "onUpdate:modelValue": l[13] || (l[13] = (t) => e(a).outletName = t),
                   label: "Outlet Name",
                   placeholder: "Enter outlet name",
                   "label-mark": "required",
                   rules: e(u)(e(d).string().min(1, "Outlet Name is required"))
                 }, null, 8, ["modelValue", "rules"])
               ]),
-              o("div", xe, [
-                n(f, {
-                  modelValue: e(t).outletAddress,
-                  "onUpdate:modelValue": l[14] || (l[14] = (a) => e(t).outletAddress = a),
+              o("div", He, [
+                r(n, {
+                  modelValue: e(a).outletAddress,
+                  "onUpdate:modelValue": l[14] || (l[14] = (t) => e(a).outletAddress = t),
                   label: "Outlet Address",
                   placeholder: "Enter outlet address",
                   "label-mark": "required",
                   rules: e(u)(e(d).string().min(1, "Address is required"))
                 }, null, 8, ["modelValue", "rules"])
               ]),
-              n(f, {
-                modelValue: e(t).outletPostCode,
-                "onUpdate:modelValue": l[15] || (l[15] = (a) => e(t).outletPostCode = a),
+              r(n, {
+                modelValue: e(a).outletPostCode,
+                "onUpdate:modelValue": l[15] || (l[15] = (t) => e(a).outletPostCode = t),
                 label: "Postal Code",
                 placeholder: "Enter postal code",
                 "label-mark": "required",
                 rules: e(u)(e(d).string().min(1, "Postal Code is required"))
               }, null, 8, ["modelValue", "rules"]),
-              n(f, {
-                modelValue: e(t).outletState,
-                "onUpdate:modelValue": l[16] || (l[16] = (a) => e(t).outletState = a),
+              r(n, {
+                modelValue: e(a).outletState,
+                "onUpdate:modelValue": l[16] || (l[16] = (t) => e(a).outletState = t),
                 label: "State",
                 placeholder: "Enter state",
                 "label-mark": "required",
                 rules: e(u)(e(d).string().min(1, "State is required"))
               }, null, 8, ["modelValue", "rules"]),
-              n(f, {
-                modelValue: e(t).outletCity,
-                "onUpdate:modelValue": l[17] || (l[17] = (a) => e(t).outletCity = a),
+              r(n, {
+                modelValue: e(a).outletCity,
+                "onUpdate:modelValue": l[17] || (l[17] = (t) => e(a).outletCity = t),
                 label: "City",
                 placeholder: "Enter city",
                 "label-mark": "required",
                 rules: e(u)(e(d).string().min(1, "City is required"))
               }, null, 8, ["modelValue", "rules"]),
-              o("div", Re, [
-                n(H, {
-                  modelValue: e(t).businessType,
-                  "onUpdate:modelValue": l[18] || (l[18] = (a) => e(t).businessType = a),
+              o("div", ze, [
+                r(se, {
+                  modelValue: e(a).businessType,
+                  "onUpdate:modelValue": l[18] || (l[18] = (t) => e(a).businessType = t),
                   label: "Type",
                   placeholder: "Select business type",
                   "label-mark": "required",
@@ -533,30 +632,30 @@ const de = ["src"], F = /* @__PURE__ */ G({
                   ]
                 }, null, 8, ["modelValue", "rules"])
               ]),
-              o("div", Be, [
-                n(f, {
-                  modelValue: e(t).businessRegNo,
-                  "onUpdate:modelValue": l[19] || (l[19] = (a) => e(t).businessRegNo = a),
+              o("div", We, [
+                r(n, {
+                  modelValue: e(a).businessRegNo,
+                  "onUpdate:modelValue": l[19] || (l[19] = (t) => e(a).businessRegNo = t),
                   label: "Registration No",
                   placeholder: "Enter registration number",
                   "label-mark": "required",
                   rules: e(u)(e(d).string().min(1, "Reg No is required"))
                 }, null, 8, ["modelValue", "rules"])
               ]),
-              o("div", Te, [
-                n(f, {
-                  modelValue: e(t).tinNo,
-                  "onUpdate:modelValue": l[20] || (l[20] = (a) => e(t).tinNo = a),
+              o("div", Je, [
+                r(n, {
+                  modelValue: e(a).tinNo,
+                  "onUpdate:modelValue": l[20] || (l[20] = (t) => e(a).tinNo = t),
                   label: "Tax Identification No (TIN)",
                   placeholder: "Enter your TIN number",
                   "label-mark": "required",
                   rules: e(u)(e(d).string().min(1, "TIN is required"))
                 }, null, 8, ["modelValue", "rules"])
               ]),
-              o("div", je, [
-                n(f, {
-                  modelValue: e(t).sstNo,
-                  "onUpdate:modelValue": l[21] || (l[21] = (a) => e(t).sstNo = a),
+              o("div", Qe, [
+                r(n, {
+                  modelValue: e(a).sstNo,
+                  "onUpdate:modelValue": l[21] || (l[21] = (t) => e(a).sstNo = t),
                   label: "SST Registration No (SST)",
                   placeholder: "Enter your SST number",
                   "label-mark": "optional"
@@ -564,98 +663,101 @@ const de = ["src"], F = /* @__PURE__ */ G({
               ])
             ]),
             l[48] || (l[48] = o("h3", { class: "font-semibold text-lg border-b pb-1 mt-6 mb-4" }, " Payout Information & Documents ", -1)),
-            o("div", De, [
-              n(H, {
-                modelValue: e(t).bankName,
-                "onUpdate:modelValue": l[22] || (l[22] = (a) => e(t).bankName = a),
+            o("div", Ke, [
+              r(se, {
+                modelValue: e(a).bankName,
+                "onUpdate:modelValue": l[22] || (l[22] = (t) => e(a).bankName = t),
                 label: "Bank",
                 placeholder: "Select bank type",
                 "label-mark": "required",
                 rules: e(u)(e(d).string().min(1, "Bank Type is required")),
-                items: e(ie).bankNameOptions()
+                items: e(ye).bankNameOptions()
               }, null, 8, ["modelValue", "rules", "items"]),
-              n(f, {
-                modelValue: e(t).bankHolderName,
-                "onUpdate:modelValue": l[23] || (l[23] = (a) => e(t).bankHolderName = a),
+              r(n, {
+                modelValue: e(a).bankHolderName,
+                "onUpdate:modelValue": l[23] || (l[23] = (t) => e(a).bankHolderName = t),
                 label: "Beneficiary Name",
                 placeholder: "Enter Beneficiary Name",
                 "label-mark": "required",
                 rules: e(u)(e(d).string().min(1, "Beneficiary Name is required"))
               }, null, 8, ["modelValue", "rules"]),
-              n(f, {
-                modelValue: e(t).bankAccountNo,
-                "onUpdate:modelValue": l[24] || (l[24] = (a) => e(t).bankAccountNo = a),
+              r(n, {
+                modelValue: e(a).bankAccountNo,
+                "onUpdate:modelValue": l[24] || (l[24] = (t) => e(a).bankAccountNo = t),
                 label: "Account Number",
                 placeholder: "Enter Account Number",
                 "label-mark": "required",
                 rules: e(u)(e(d).string().min(1, "Account Number is required"))
               }, null, 8, ["modelValue", "rules"]),
-              n(F, {
+              r(F, {
                 label: "Authorized Person ID",
                 modelValue: e(i).authorizedPersonID,
-                "onUpdate:modelValue": l[25] || (l[25] = (a) => e(i).authorizedPersonID = a),
+                "onUpdate:modelValue": l[25] || (l[25] = (t) => e(i).authorizedPersonID = t),
                 type: "image",
                 "restaurant-id": m.submission.restaurantId
               }, null, 8, ["modelValue", "restaurant-id"]),
-              n(F, {
+              r(F, {
                 label: "Outlet Photo",
                 modelValue: e(i).outletPhoto,
-                "onUpdate:modelValue": l[26] || (l[26] = (a) => e(i).outletPhoto = a),
+                "onUpdate:modelValue": l[26] || (l[26] = (t) => e(i).outletPhoto = t),
                 type: "image",
                 "restaurant-id": m.submission.restaurantId
               }, null, 8, ["modelValue", "restaurant-id"]),
-              (g(!0), $(Q, null, h([1, 2, 3, 4, 5].filter((a) => !!e(i)[`onsitePhoto${a}`]), (a) => (g(), j(F, {
-                key: a,
-                label: `Onsite Photo ${a}`,
-                modelValue: e(i)[`onsitePhoto${a}`],
-                "onUpdate:modelValue": (Z) => e(i)[`onsitePhoto${a}`] = Z,
+              (b(!0), q(J, null, le([1, 2, 3, 4, 5].filter(
+                (t) => !!e(i)[`onsitePhoto${t}`]
+              ), (t) => (b(), B(F, {
+                key: t,
+                label: `Onsite Photo ${t}`,
+                modelValue: e(i)[`onsitePhoto${t}`],
+                "onUpdate:modelValue": (h) => e(i)[`onsitePhoto${t}`] = h,
                 type: "image",
                 "restaurant-id": m.submission.restaurantId
               }, null, 8, ["label", "modelValue", "onUpdate:modelValue", "restaurant-id"]))), 128)),
-              n(F, {
+              e(i).interiorPhoto ? (b(), B(F, {
+                key: 0,
                 label: "Interior Photo",
                 modelValue: e(i).interiorPhoto,
-                "onUpdate:modelValue": l[27] || (l[27] = (a) => e(i).interiorPhoto = a),
+                "onUpdate:modelValue": l[27] || (l[27] = (t) => e(i).interiorPhoto = t),
                 type: "image",
                 "restaurant-id": m.submission.restaurantId
-              }, null, 8, ["modelValue", "restaurant-id"]),
-              n(F, {
+              }, null, 8, ["modelValue", "restaurant-id"])) : A("", !0),
+              r(F, {
                 label: "Latest Bank Statement",
                 modelValue: e(i).bankStatement,
-                "onUpdate:modelValue": l[28] || (l[28] = (a) => e(i).bankStatement = a),
+                "onUpdate:modelValue": l[28] || (l[28] = (t) => e(i).bankStatement = t),
                 type: "pdf",
                 "restaurant-id": m.submission.restaurantId
               }, null, 8, ["modelValue", "restaurant-id"]),
-              e(t).businessType === "private_limited" || e(t).businessType === "public_limited" ? (g(), j(F, {
-                key: 0,
+              e(a).businessType === "private_limited" || e(a).businessType === "public_limited" ? (b(), B(F, {
+                key: 1,
                 label: "Superform",
                 type: "pdf",
                 modelValue: e(i).certificate,
-                "onUpdate:modelValue": l[29] || (l[29] = (a) => e(i).certificate = a),
+                "onUpdate:modelValue": l[29] || (l[29] = (t) => e(i).certificate = t),
                 "restaurant-id": m.submission.restaurantId
-              }, null, 8, ["modelValue", "restaurant-id"])) : O("", !0),
-              e(t).businessType === "sole_proprietorship" || e(t).businessType === "partnership" ? (g(), j(F, {
-                key: 1,
+              }, null, 8, ["modelValue", "restaurant-id"])) : A("", !0),
+              e(a).businessType === "sole_proprietorship" || e(a).businessType === "partnership" ? (b(), B(F, {
+                key: 2,
                 label: "SSM Certificate & Info",
                 type: "pdf",
                 modelValue: e(i).certificate,
-                "onUpdate:modelValue": l[30] || (l[30] = (a) => e(i).certificate = a),
+                "onUpdate:modelValue": l[30] || (l[30] = (t) => e(i).certificate = t),
                 "restaurant-id": m.submission.restaurantId
-              }, null, 8, ["modelValue", "restaurant-id"])) : O("", !0)
+              }, null, 8, ["modelValue", "restaurant-id"])) : A("", !0)
             ]),
             l[49] || (l[49] = o("h3", { class: "font-semibold text-lg border-b pb-1 mt-6 mb-4" }, " Declaration Information ", -1)),
-            o("div", Ee, [
-              n(ce, {
+            o("div", he, [
+              r(Ce, {
                 modelValue: e(i).signature,
-                "onUpdate:modelValue": l[31] || (l[31] = (a) => e(i).signature = a),
+                "onUpdate:modelValue": l[31] || (l[31] = (t) => e(i).signature = t),
                 "restaurant-id": m.submission.restaurantId,
                 label: "Signature"
               }, null, 8, ["modelValue", "restaurant-id"]),
-              n(F, {
+              r(F, {
                 label: "Company Stamp",
                 type: "image",
                 modelValue: e(i).companyStamp,
-                "onUpdate:modelValue": l[32] || (l[32] = (a) => e(i).companyStamp = a),
+                "onUpdate:modelValue": l[32] || (l[32] = (t) => e(i).companyStamp = t),
                 "restaurant-id": m.submission.restaurantId
               }, null, 8, ["modelValue", "restaurant-id"])
             ])
@@ -665,7 +767,7 @@ const de = ["src"], F = /* @__PURE__ */ G({
       ], 64);
     };
   }
-}), Ae = { class: "space-y-2" }, Oe = { class: "text-gray-900" }, Le = { class: "text-gray-900" }, Me = { class: "text-gray-900" }, He = { class: "text-gray-900" }, ze = { class: "text-gray-900" }, We = { class: "text-gray-900" }, Je = { class: "mt-6 grid grid-cols-4 gap-24" }, Qe = { class: "w-full flex justify-end mt-6" }, Ge = { class: "mt-6 grid grid-cols-4 gap-24" }, Ke = { class: "col-span-2" }, Ye = { class: "col-span-2" }, Xe = { class: "col-span-2" }, Ze = { class: "col-span-2" }, he = { class: "mt-6 grid grid-cols-4 gap-24" }, _e = { class: "mt-6 grid grid-cols-4 gap-24" }, el = { class: "mt-6 grid grid-cols-4 gap-24" }, ll = { class: "col-span-2" }, al = { class: "col-span-2" }, tl = { class: "col-span-2" }, sl = { class: "col-span-2" }, ol = { class: "col-span-2" }, nl = { class: "col-span-2" }, rl = /* @__PURE__ */ G({
+}), Ye = { class: "space-y-2" }, Xe = { class: "text-gray-900" }, Ze = { class: "text-gray-900" }, _e = { class: "text-gray-900" }, el = { class: "text-gray-900" }, ll = { class: "text-gray-900" }, tl = { class: "text-gray-900" }, al = { class: "mt-6 grid grid-cols-4 gap-24" }, sl = { class: "w-full flex justify-end mt-6" }, ol = { class: "mt-6 grid grid-cols-4 gap-24" }, nl = { class: "col-span-2" }, rl = { class: "col-span-2" }, il = { class: "col-span-2" }, ul = { class: "col-span-2" }, dl = { class: "mt-6 grid grid-cols-4 gap-24" }, ml = { class: "mt-6 grid grid-cols-4 gap-24" }, pl = { class: "mt-6 grid grid-cols-4 gap-24" }, bl = { class: "col-span-2" }, cl = { class: "col-span-2" }, yl = { class: "col-span-2" }, gl = { class: "col-span-2" }, Vl = { class: "col-span-2" }, vl = { class: "col-span-2" }, fl = /* @__PURE__ */ Z({
   __name: "NTTSubmission",
   props: {
     submission: {
@@ -674,8 +776,8 @@ const de = ["src"], F = /* @__PURE__ */ G({
     }
   },
   emits: ["update:submission"],
-  setup(m, { emit: A }) {
-    const N = m, v = A, y = ee(), P = D(!1), { isLoading: b, startAsyncCall: w } = _(), { fields: t, documents: i, restaurantId: R, profile: c, status: I, statusReason: B } = N.submission, q = D(""), p = [
+  setup(m, { emit: O }) {
+    const v = m, k = O, g = ae(), P = $(!1), { isLoading: c, startAsyncCall: R } = te(), { fields: a, documents: i, restaurantId: U, profile: V, status: x, statusReason: T } = v.submission, w = $(""), p = [
       { key: "localCardDebit", label: "Local Card (Debit)", defaultValue: "2.3" },
       {
         key: "localCardStandard",
@@ -709,427 +811,427 @@ const de = ["src"], F = /* @__PURE__ */ G({
       { key: "thaiQr", label: "ThaiQR", defaultValue: "0.5" }
     ], E = Object.fromEntries(
       p.map((S) => [S.key, S.defaultValue])
-    ), U = D(
-      N.submission.rates ? Object.fromEntries(
-        Object.entries(N.submission.rates).map(([S, s]) => [S, `${s}`])
+    ), D = $(
+      v.submission.rates ? Object.fromEntries(
+        Object.entries(v.submission.rates).map(([S, s]) => [S, `${s}`])
       ) : { ...E }
-    ), J = W(
-      () => Object.values(U.value).every((S) => parseFloat(S) > 0)
-    ), T = W(() => t.businessType === "juristic" ? "Juristic" : t.businessType === "individual" ? "Individual" : t.businessType || "-"), l = () => w(async () => {
+    ), G = W(
+      () => Object.values(D.value).every((S) => parseFloat(S) > 0)
+    ), M = W(() => a.businessType === "juristic" ? "Juristic" : a.businessType === "individual" ? "Individual" : a.businessType || "-"), _ = () => R(async () => {
       try {
-        const S = await M.reviewById(
-          N.submission._id,
+        const S = await H.reviewById(
+          v.submission._id,
           {
-            status: le.FdoOnboardStatus.enum.ready
+            status: ne.FdoOnboardStatus.enum.ready
           }
         );
-        v("update:submission", S), y.open({
+        k("update:submission", S), g.open({
           type: "success",
           title: "Submission marked as ready"
         });
       } catch (S) {
-        y.open({
+        g.open({
           type: "error",
           title: "Error occurs when marking submission as ready",
-          message: z(S)
+          message: Q(S)
         });
       }
-    }), f = () => w(async () => {
+    }), Y = () => R(async () => {
       try {
-        const S = await M.reviewById(
-          N.submission._id,
+        const S = await H.reviewById(
+          v.submission._id,
           {
             rates: Object.fromEntries(
               p.map((s) => [
                 s.key,
-                parseFloat(U.value[s.key])
+                parseFloat(D.value[s.key])
               ])
             ),
             status: "approved"
           }
         );
-        v("update:submission", S), y.open({
+        k("update:submission", S), g.open({
           type: "success",
           title: "Submission updated successfully"
         });
       } catch (S) {
-        y.open({
+        g.open({
           type: "error",
           title: "Error occurs when updating submission",
-          message: z(S)
+          message: Q(S)
         });
       }
-    }), K = () => w(async () => {
+    }), ee = () => R(async () => {
       try {
-        const S = await M.reviewById(
-          N.submission._id,
+        const S = await H.reviewById(
+          v.submission._id,
           {
             status: "rejected",
-            statusReason: q.value
+            statusReason: w.value
           }
         );
-        v("update:submission", S), P.value = !1, y.open({
+        k("update:submission", S), P.value = !1, g.open({
           type: "success",
           title: "Submission updated successfully"
         });
       } catch (S) {
-        y.open({
+        g.open({
           type: "error",
           title: "Error occurs when updating submission",
-          message: z(S)
+          message: Q(S)
         });
       }
     });
     return (S, s) => {
-      const k = C("FmTextField"), H = C("FmButton"), X = C("FmTextarea"), a = C("FmDialog"), Z = C("FmPhoneNumber"), se = C("FmForm");
-      return g(), $(Q, null, [
-        o("div", Ae, [
+      const N = C("FmTextField"), X = C("FmButton"), y = C("FmTextarea"), l = C("FmDialog"), j = C("FmPhoneNumber"), L = C("FmForm");
+      return b(), q(J, null, [
+        o("div", Ye, [
           o("div", null, [
             s[31] || (s[31] = o("span", { class: "w-40 font-medium text-gray-600" }, "Restaurant: ", -1)),
-            o("span", Oe, x(e(R)), 1)
+            o("span", Xe, I(e(U)), 1)
           ]),
           o("div", null, [
             s[32] || (s[32] = o("span", { class: "w-40 font-medium text-gray-600" }, "Profile: ", -1)),
-            o("span", Le, x(e(c).name) + " ( " + x(e(c).legalName) + " )", 1)
+            o("span", Ze, I(e(V).name) + " ( " + I(e(V).legalName) + " )", 1)
           ]),
           o("div", null, [
             s[33] || (s[33] = o("span", { class: "w-40 font-medium text-gray-600" }, "Email: ", -1)),
-            o("span", Me, x(e(c).email), 1)
+            o("span", _e, I(e(V).email), 1)
           ]),
           o("div", null, [
             s[34] || (s[34] = o("span", { class: "w-40 font-medium text-gray-600" }, "Phone: ", -1)),
-            o("span", He, x(e(c).phoneNo), 1)
+            o("span", el, I(e(V).phoneNo), 1)
           ]),
           o("div", null, [
             s[35] || (s[35] = o("span", { class: "w-40 font-medium text-gray-600" }, "Status: ", -1)),
-            o("span", ze, [
-              n(te, { data: e(I) }, null, 8, ["data"])
+            o("span", ll, [
+              r(ie, { data: e(x) }, null, 8, ["data"])
             ])
           ]),
           o("div", null, [
             s[36] || (s[36] = o("span", { class: "w-40 font-medium text-gray-600" }, "Status Reason: ", -1)),
-            o("span", We, x(e(B)), 1)
+            o("span", tl, I(e(T)), 1)
           ])
         ]),
         s[43] || (s[43] = o("h3", { class: "font-semibold text-lg border-b pb-1 mt-6 mb-4" }, "Rate Settings", -1)),
-        o("div", Je, [
-          (g(), $(Q, null, h(p, (r) => n(k, {
-            key: r.key,
-            modelValue: U.value[r.key],
-            "onUpdate:modelValue": (Y) => U.value[r.key] = Y,
-            label: r.label,
+        o("div", al, [
+          (b(), q(J, null, le(p, (n) => r(N, {
+            key: n.key,
+            modelValue: D.value[n.key],
+            "onUpdate:modelValue": (K) => D.value[n.key] = K,
+            label: n.label,
             "label-mark": "required",
             type: "number",
             inputmode: "numeric",
             decimal: 2,
             rules: e(u)(
-              e(d).string().min(1, "Rate is required").transform((Y) => parseFloat(Y)).refine((Y) => !isNaN(Y), { message: "Rate must be a number" })
+              e(d).string().min(1, "Rate is required").transform((K) => parseFloat(K)).refine((K) => !isNaN(K), { message: "Rate must be a number" })
             )
           }, {
-            append: V(() => [...s[37] || (s[37] = [
-              L("%", -1)
+            append: f(() => [...s[37] || (s[37] = [
+              z("%", -1)
             ])]),
             _: 1
           }, 8, ["modelValue", "onUpdate:modelValue", "label", "rules"])), 64))
         ]),
-        o("div", Qe, [
-          n(a, {
+        o("div", sl, [
+          r(l, {
             modelValue: P.value,
-            "onUpdate:modelValue": s[1] || (s[1] = (r) => P.value = r)
+            "onUpdate:modelValue": s[1] || (s[1] = (n) => P.value = n)
           }, {
-            "dialog-button": V(() => [
-              n(H, {
+            "dialog-button": f(() => [
+              r(X, {
                 class: "mr-6",
                 type: "button",
                 variant: "destructive",
                 "prepend-icon": "block",
-                loading: e(b),
+                loading: e(c),
                 label: "Reject Submission"
               }, null, 8, ["loading"])
             ]),
-            "dialog-header": V(() => [...s[38] || (s[38] = [
+            "dialog-header": f(() => [...s[38] || (s[38] = [
               o("div", null, "Rejecting Submission", -1)
             ])]),
-            default: V(() => [
-              n(X, {
-                modelValue: q.value,
-                "onUpdate:modelValue": s[0] || (s[0] = (r) => q.value = r),
+            default: f(() => [
+              r(y, {
+                modelValue: w.value,
+                "onUpdate:modelValue": s[0] || (s[0] = (n) => w.value = n),
                 label: "Reason for Rejection",
                 "label-mark": "optional",
                 "helper-text": "Please provide a reason for rejection."
               }, null, 8, ["modelValue"]),
-              n(H, {
+              r(X, {
                 class: "mb-2 mt-6 w-full",
                 label: "Submit",
                 "prepend-icon": "save",
-                onClick: K,
-                loading: e(b)
+                onClick: ee,
+                loading: e(c)
               }, null, 8, ["loading"])
             ]),
             _: 1
           }, 8, ["modelValue"]),
-          n(H, {
+          r(X, {
             type: "button",
             variant: "primary",
             "prepend-icon": "approval",
             label: "Approve Submission with Rates",
-            disabled: !J.value,
-            onClick: f,
-            loading: e(b)
+            disabled: !G.value,
+            onClick: Y,
+            loading: e(c)
           }, null, 8, ["disabled", "loading"]),
-          e(I) === "approved" ? (g(), j(H, {
+          e(x) === "approved" ? (b(), B(X, {
             key: 0,
             type: "button",
             variant: "secondary",
             "prepend-icon": "check_circle",
             label: "Mark as Ready",
             class: "ml-6",
-            onClick: l,
-            loading: e(b)
-          }, null, 8, ["loading"])) : O("", !0)
+            onClick: _,
+            loading: e(c)
+          }, null, 8, ["loading"])) : A("", !0)
         ]),
-        n(se, { disabled: !0 }, {
-          default: V(() => [
+        r(L, { disabled: !0 }, {
+          default: f(() => [
             s[39] || (s[39] = o("h3", { class: "font-semibold text-lg border-b pb-1 mt-6 mb-4" }, " Outlet Information ", -1)),
-            o("div", Ge, [
-              o("div", Ke, [
-                n(k, {
-                  modelValue: e(t).companyName,
-                  "onUpdate:modelValue": s[2] || (s[2] = (r) => e(t).companyName = r),
+            o("div", ol, [
+              o("div", nl, [
+                r(N, {
+                  modelValue: e(a).companyName,
+                  "onUpdate:modelValue": s[2] || (s[2] = (n) => e(a).companyName = n),
                   label: "Company Name",
                   "label-mark": "required",
                   rules: e(u)(e(d).string().min(1, "Company Name is required"))
                 }, null, 8, ["modelValue", "rules"])
               ]),
-              o("div", Ye, [
-                n(k, {
-                  modelValue: e(t).outletName,
-                  "onUpdate:modelValue": s[3] || (s[3] = (r) => e(t).outletName = r),
+              o("div", rl, [
+                r(N, {
+                  modelValue: e(a).outletName,
+                  "onUpdate:modelValue": s[3] || (s[3] = (n) => e(a).outletName = n),
                   label: "Outlet Name (Thai)",
                   "label-mark": "required",
                   rules: e(u)(e(d).string().min(1, "Outlet Name is required"))
                 }, null, 8, ["modelValue", "rules"])
               ]),
-              o("div", Xe, [
-                n(k, {
-                  modelValue: e(t).outletNameEnglish,
-                  "onUpdate:modelValue": s[4] || (s[4] = (r) => e(t).outletNameEnglish = r),
+              o("div", il, [
+                r(N, {
+                  modelValue: e(a).outletNameEnglish,
+                  "onUpdate:modelValue": s[4] || (s[4] = (n) => e(a).outletNameEnglish = n),
                   label: "Outlet Name (English)",
                   "label-mark": "required",
                   rules: e(u)(e(d).string().min(1, "Outlet Name English is required"))
                 }, null, 8, ["modelValue", "rules"])
               ]),
-              o("div", Ze, [
-                n(k, {
-                  modelValue: e(t).outletAddress,
-                  "onUpdate:modelValue": s[5] || (s[5] = (r) => e(t).outletAddress = r),
+              o("div", ul, [
+                r(N, {
+                  modelValue: e(a).outletAddress,
+                  "onUpdate:modelValue": s[5] || (s[5] = (n) => e(a).outletAddress = n),
                   label: "Outlet Address",
                   "label-mark": "required",
                   rules: e(u)(e(d).string().min(1, "Outlet Address is required"))
                 }, null, 8, ["modelValue", "rules"])
               ]),
-              n(k, {
-                modelValue: e(t).outletPostCode,
-                "onUpdate:modelValue": s[6] || (s[6] = (r) => e(t).outletPostCode = r),
+              r(N, {
+                modelValue: e(a).outletPostCode,
+                "onUpdate:modelValue": s[6] || (s[6] = (n) => e(a).outletPostCode = n),
                 label: "Post Code",
                 "label-mark": "required",
                 rules: e(u)(e(d).string().min(1, "Post Code is required"))
               }, null, 8, ["modelValue", "rules"]),
-              n(k, {
-                modelValue: e(t).outletState,
-                "onUpdate:modelValue": s[7] || (s[7] = (r) => e(t).outletState = r),
+              r(N, {
+                modelValue: e(a).outletState,
+                "onUpdate:modelValue": s[7] || (s[7] = (n) => e(a).outletState = n),
                 label: "State",
                 "label-mark": "required",
                 rules: e(u)(e(d).string().min(1, "State is required"))
               }, null, 8, ["modelValue", "rules"]),
-              n(k, {
-                modelValue: e(t).outletCity,
-                "onUpdate:modelValue": s[8] || (s[8] = (r) => e(t).outletCity = r),
+              r(N, {
+                modelValue: e(a).outletCity,
+                "onUpdate:modelValue": s[8] || (s[8] = (n) => e(a).outletCity = n),
                 label: "City",
                 "label-mark": "required",
                 rules: e(u)(e(d).string().min(1, "City is required"))
               }, null, 8, ["modelValue", "rules"]),
-              n(k, {
-                "model-value": T.value,
+              r(N, {
+                "model-value": M.value,
                 label: "Business Type",
                 "label-mark": "required"
               }, null, 8, ["model-value"]),
-              n(k, {
-                modelValue: e(t).numberOfDevices,
-                "onUpdate:modelValue": s[9] || (s[9] = (r) => e(t).numberOfDevices = r),
+              r(N, {
+                modelValue: e(a).numberOfDevices,
+                "onUpdate:modelValue": s[9] || (s[9] = (n) => e(a).numberOfDevices = n),
                 label: "Number of Devices",
                 "label-mark": "required"
               }, null, 8, ["modelValue"])
             ]),
             s[40] || (s[40] = o("h3", { class: "font-semibold text-lg border-b pb-1 mt-6 mb-4" }, " Payout Information ", -1)),
-            o("div", he, [
-              n(k, {
-                modelValue: e(t).bankName,
-                "onUpdate:modelValue": s[10] || (s[10] = (r) => e(t).bankName = r),
+            o("div", dl, [
+              r(N, {
+                modelValue: e(a).bankName,
+                "onUpdate:modelValue": s[10] || (s[10] = (n) => e(a).bankName = n),
                 label: "Bank Name",
                 "label-mark": "required",
                 rules: e(u)(e(d).string().min(1, "Bank Name is required"))
               }, null, 8, ["modelValue", "rules"]),
-              n(k, {
-                modelValue: e(t).bankHolderName,
-                "onUpdate:modelValue": s[11] || (s[11] = (r) => e(t).bankHolderName = r),
+              r(N, {
+                modelValue: e(a).bankHolderName,
+                "onUpdate:modelValue": s[11] || (s[11] = (n) => e(a).bankHolderName = n),
                 label: "Bank Holder Name",
                 "label-mark": "required",
                 rules: e(u)(e(d).string().min(1, "Bank Holder Name is required"))
               }, null, 8, ["modelValue", "rules"]),
-              n(k, {
-                modelValue: e(t).bankAccountNo,
-                "onUpdate:modelValue": s[12] || (s[12] = (r) => e(t).bankAccountNo = r),
+              r(N, {
+                modelValue: e(a).bankAccountNo,
+                "onUpdate:modelValue": s[12] || (s[12] = (n) => e(a).bankAccountNo = n),
                 label: "Bank Account No",
                 "label-mark": "required",
                 rules: e(u)(e(d).string().min(1, "Bank Account No is required"))
               }, null, 8, ["modelValue", "rules"]),
-              n(k, {
-                modelValue: e(t).bankBranch,
-                "onUpdate:modelValue": s[13] || (s[13] = (r) => e(t).bankBranch = r),
+              r(N, {
+                modelValue: e(a).bankBranch,
+                "onUpdate:modelValue": s[13] || (s[13] = (n) => e(a).bankBranch = n),
                 label: "Bank Branch",
                 "label-mark": "required",
                 rules: e(u)(e(d).string().min(1, "Bank Branch is required"))
               }, null, 8, ["modelValue", "rules"]),
-              n(k, {
-                modelValue: e(t).bankBranchCode,
-                "onUpdate:modelValue": s[14] || (s[14] = (r) => e(t).bankBranchCode = r),
+              r(N, {
+                modelValue: e(a).bankBranchCode,
+                "onUpdate:modelValue": s[14] || (s[14] = (n) => e(a).bankBranchCode = n),
                 label: "Bank Branch Code",
                 "label-mark": "required",
                 rules: e(u)(e(d).string().min(1, "Bank Branch Code is required"))
               }, null, 8, ["modelValue", "rules"])
             ]),
             s[41] || (s[41] = o("h3", { class: "font-semibold text-lg border-b pb-1 mt-6 mb-4" }, "Documents", -1)),
-            o("div", _e, [
-              n(F, {
+            o("div", ml, [
+              r(F, {
                 label: "Authorized Person ID",
                 modelValue: e(i).authorizedPersonID,
-                "onUpdate:modelValue": s[15] || (s[15] = (r) => e(i).authorizedPersonID = r),
+                "onUpdate:modelValue": s[15] || (s[15] = (n) => e(i).authorizedPersonID = n),
                 type: "image",
                 "restaurant-id": m.submission.restaurantId
               }, null, 8, ["modelValue", "restaurant-id"]),
-              n(F, {
+              r(F, {
                 label: "Outlet Photo",
                 modelValue: e(i).outletPhoto,
-                "onUpdate:modelValue": s[16] || (s[16] = (r) => e(i).outletPhoto = r),
+                "onUpdate:modelValue": s[16] || (s[16] = (n) => e(i).outletPhoto = n),
                 type: "image",
                 "restaurant-id": m.submission.restaurantId
               }, null, 8, ["modelValue", "restaurant-id"]),
-              n(F, {
+              r(F, {
                 label: "Interior Photo",
                 modelValue: e(i).interiorPhoto,
-                "onUpdate:modelValue": s[17] || (s[17] = (r) => e(i).interiorPhoto = r),
+                "onUpdate:modelValue": s[17] || (s[17] = (n) => e(i).interiorPhoto = n),
                 type: "image",
                 "restaurant-id": m.submission.restaurantId
               }, null, 8, ["modelValue", "restaurant-id"]),
-              n(F, {
+              r(F, {
                 label: "Bank Statement",
                 modelValue: e(i).bankStatement,
-                "onUpdate:modelValue": s[18] || (s[18] = (r) => e(i).bankStatement = r),
+                "onUpdate:modelValue": s[18] || (s[18] = (n) => e(i).bankStatement = n),
                 type: "pdf",
                 "restaurant-id": m.submission.restaurantId
               }, null, 8, ["modelValue", "restaurant-id"]),
-              e(t).businessType === "juristic" ? (g(), j(F, {
+              e(a).businessType === "juristic" ? (b(), B(F, {
                 key: 0,
                 label: "Company Certificate",
                 type: "pdf",
                 modelValue: e(i).companyCertificate,
-                "onUpdate:modelValue": s[19] || (s[19] = (r) => e(i).companyCertificate = r),
+                "onUpdate:modelValue": s[19] || (s[19] = (n) => e(i).companyCertificate = n),
                 "restaurant-id": m.submission.restaurantId
-              }, null, 8, ["modelValue", "restaurant-id"])) : O("", !0),
-              e(t).businessType === "juristic" ? (g(), j(F, {
+              }, null, 8, ["modelValue", "restaurant-id"])) : A("", !0),
+              e(a).businessType === "juristic" ? (b(), B(F, {
                 key: 1,
                 label: "VAT Certificate",
                 type: "pdf",
                 modelValue: e(i).vatCertificate,
-                "onUpdate:modelValue": s[20] || (s[20] = (r) => e(i).vatCertificate = r),
+                "onUpdate:modelValue": s[20] || (s[20] = (n) => e(i).vatCertificate = n),
                 "restaurant-id": m.submission.restaurantId
-              }, null, 8, ["modelValue", "restaurant-id"])) : O("", !0),
-              e(t).businessType === "individual" ? (g(), j(F, {
+              }, null, 8, ["modelValue", "restaurant-id"])) : A("", !0),
+              e(a).businessType === "individual" ? (b(), B(F, {
                 key: 2,
                 label: "Commercial Certificate",
                 type: "pdf",
                 modelValue: e(i).commercialCertificate,
-                "onUpdate:modelValue": s[21] || (s[21] = (r) => e(i).commercialCertificate = r),
+                "onUpdate:modelValue": s[21] || (s[21] = (n) => e(i).commercialCertificate = n),
                 "restaurant-id": m.submission.restaurantId
-              }, null, 8, ["modelValue", "restaurant-id"])) : O("", !0)
+              }, null, 8, ["modelValue", "restaurant-id"])) : A("", !0)
             ]),
             s[42] || (s[42] = o("h3", { class: "font-semibold text-lg border-b pb-1 mt-6 mb-4" }, " Declaration Information ", -1)),
-            o("div", el, [
-              o("div", ll, [
-                n(k, {
-                  modelValue: e(t).picName,
-                  "onUpdate:modelValue": s[22] || (s[22] = (r) => e(t).picName = r),
+            o("div", pl, [
+              o("div", bl, [
+                r(N, {
+                  modelValue: e(a).picName,
+                  "onUpdate:modelValue": s[22] || (s[22] = (n) => e(a).picName = n),
                   label: "PIC Name",
                   "label-mark": "required",
                   rules: e(u)(e(d).string().min(1, "PIC Name is required"))
                 }, null, 8, ["modelValue", "rules"])
               ]),
-              o("div", al, [
-                n(k, {
-                  modelValue: e(t).picRole,
-                  "onUpdate:modelValue": s[23] || (s[23] = (r) => e(t).picRole = r),
+              o("div", cl, [
+                r(N, {
+                  modelValue: e(a).picRole,
+                  "onUpdate:modelValue": s[23] || (s[23] = (n) => e(a).picRole = n),
                   label: "PIC Role",
                   "label-mark": "required",
                   rules: e(u)(e(d).string().min(1, "PIC Role is required"))
                 }, null, 8, ["modelValue", "rules"])
               ]),
-              o("div", tl, [
-                n(k, {
-                  modelValue: e(t).picEmail,
-                  "onUpdate:modelValue": s[24] || (s[24] = (r) => e(t).picEmail = r),
+              o("div", yl, [
+                r(N, {
+                  modelValue: e(a).picEmail,
+                  "onUpdate:modelValue": s[24] || (s[24] = (n) => e(a).picEmail = n),
                   label: "PIC Email",
                   "label-mark": "required",
                   rules: e(u)(e(d).string().min(1, "PIC Email is required"))
                 }, null, 8, ["modelValue", "rules"])
               ]),
-              o("div", sl, [
-                n(Z, {
-                  "model-value": e(t).picContact,
-                  "onUpdate:modelValue": s[25] || (s[25] = (r) => e(t).picContact = r),
+              o("div", gl, [
+                r(j, {
+                  "model-value": e(a).picContact,
+                  "onUpdate:modelValue": s[25] || (s[25] = (n) => e(a).picContact = n),
                   "default-country": "TH",
                   label: "PIC Contact",
                   "label-mark": "required",
                   rules: e(u)(e(d).string().min(1, "PIC Contact is required"))
                 }, null, 8, ["model-value", "rules"])
               ]),
-              o("div", ol, [
-                n(k, {
-                  modelValue: e(t).witnessName,
-                  "onUpdate:modelValue": s[26] || (s[26] = (r) => e(t).witnessName = r),
+              o("div", Vl, [
+                r(N, {
+                  modelValue: e(a).witnessName,
+                  "onUpdate:modelValue": s[26] || (s[26] = (n) => e(a).witnessName = n),
                   label: "Witness Name",
                   "label-mark": "required",
                   rules: e(u)(e(d).string().min(1, "Witness Name is required"))
                 }, null, 8, ["modelValue", "rules"])
               ]),
-              o("div", nl, [
-                n(k, {
-                  modelValue: e(t).witnessRole,
-                  "onUpdate:modelValue": s[27] || (s[27] = (r) => e(t).witnessRole = r),
+              o("div", vl, [
+                r(N, {
+                  modelValue: e(a).witnessRole,
+                  "onUpdate:modelValue": s[27] || (s[27] = (n) => e(a).witnessRole = n),
                   label: "Witness Role",
                   "label-mark": "required",
                   rules: e(u)(e(d).string().min(1, "Witness Role is required"))
                 }, null, 8, ["modelValue", "rules"])
               ]),
-              n(F, {
+              r(F, {
                 label: "Signature",
                 type: "image",
                 modelValue: e(i).signature,
-                "onUpdate:modelValue": s[28] || (s[28] = (r) => e(i).signature = r),
+                "onUpdate:modelValue": s[28] || (s[28] = (n) => e(i).signature = n),
                 "restaurant-id": m.submission.restaurantId
               }, null, 8, ["modelValue", "restaurant-id"]),
-              n(F, {
+              r(F, {
                 label: "Witness Signature",
                 type: "image",
                 modelValue: e(i).witnessSignature,
-                "onUpdate:modelValue": s[29] || (s[29] = (r) => e(i).witnessSignature = r),
+                "onUpdate:modelValue": s[29] || (s[29] = (n) => e(i).witnessSignature = n),
                 "restaurant-id": m.submission.restaurantId
               }, null, 8, ["modelValue", "restaurant-id"]),
-              n(F, {
+              r(F, {
                 label: "Company Stamp",
                 type: "image",
                 modelValue: e(i).companyStamp,
-                "onUpdate:modelValue": s[30] || (s[30] = (r) => e(i).companyStamp = r),
+                "onUpdate:modelValue": s[30] || (s[30] = (n) => e(i).companyStamp = n),
                 "restaurant-id": m.submission.restaurantId
               }, null, 8, ["modelValue", "restaurant-id"])
             ])
@@ -1139,7 +1241,7 @@ const de = ["src"], F = /* @__PURE__ */ G({
       ], 64);
     };
   }
-}), il = /* @__PURE__ */ G({
+}), kl = /* @__PURE__ */ Z({
   __name: "TyroSubmission",
   props: {
     submission: {
@@ -1149,49 +1251,49 @@ const de = ["src"], F = /* @__PURE__ */ G({
   },
   emits: ["update:submission"],
   setup(m) {
-    const A = m, N = W(() => {
-      const v = A.submission.fields || {}, y = (P) => v[P] || "N/A";
+    const O = m, v = W(() => {
+      const k = O.submission.fields || {}, g = (P) => k[P] || "N/A";
       return [
         {
           label: "Tyro POS Reference ID",
-          value: y("tyroPosReference")
+          value: g("tyroPosReference")
         },
         {
           label: "Tyro Merchant ID",
-          value: y("tyroMerchantId")
+          value: g("tyroMerchantId")
         },
         {
           label: "Tyro Merchant Name",
-          value: y("tyroMerchantDisplayName")
+          value: g("tyroMerchantDisplayName")
         },
         {
           label: "Authorised",
-          value: y("tyroIsAuthorised")
+          value: g("tyroIsAuthorised")
         }
       ];
     });
-    return (v, y) => {
-      const P = C("FmCardHeader"), b = C("FmCardSection"), w = C("FmCard");
-      return g(), j(w, {
+    return (k, g) => {
+      const P = C("FmCardHeader"), c = C("FmCardSection"), R = C("FmCard");
+      return b(), B(R, {
         class: "max-w-3xl mt-8 p-6",
         variant: "elevated"
       }, {
-        default: V(() => [
-          n(b, { class: "flex flex-col gap-16 justify-between" }, {
-            default: V(() => [
-              n(P, {
+        default: f(() => [
+          r(c, { class: "flex flex-col gap-16 justify-between" }, {
+            default: f(() => [
+              r(P, {
                 class: "p-0",
                 title: "Tyro Authorisation",
                 subtitle: ""
               }),
-              n(b, { class: "p-0" }, {
-                default: V(() => [
-                  (g(!0), $(Q, null, h(N.value, (t) => (g(), $("p", {
-                    key: t.label,
+              r(c, { class: "p-0" }, {
+                default: f(() => [
+                  (b(!0), q(J, null, le(v.value, (a) => (b(), q("p", {
+                    key: a.label,
                     class: "text-sm text-gray-900 break-all mb-4 last:mb-0"
                   }, [
-                    o("b", null, x(t.label), 1),
-                    L(": " + x(t.value), 1)
+                    o("b", null, I(a.label), 1),
+                    z(": " + I(a.value), 1)
                   ]))), 128))
                 ]),
                 _: 1
@@ -1204,10 +1306,10 @@ const de = ["src"], F = /* @__PURE__ */ G({
       });
     };
   }
-}), ul = {
+}), Cl = {
   key: 0,
   class: "flex items-center justify-center min-h-[80vh]"
-}, dl = { class: "px-32 pb-32" }, Nl = /* @__PURE__ */ G({
+}, Nl = { class: "px-32 pb-32" }, Al = /* @__PURE__ */ Z({
   __name: "OnboardForm",
   props: {
     submissionId: {
@@ -1216,96 +1318,96 @@ const de = ["src"], F = /* @__PURE__ */ G({
     }
   },
   setup(m) {
-    const { startAsyncCall: A, isLoading: N } = _(), v = ee(), y = m, P = re(), b = D(null), w = W(
+    const { startAsyncCall: O, isLoading: v } = te(), k = ae(), g = m, P = ce(), c = $(null), R = W(
       () => {
-        var B;
-        return ((B = b.value) == null ? void 0 : B.type) === le.FdoOnboardType.enum.tyro;
+        var T;
+        return ((T = c.value) == null ? void 0 : T.type) === ne.FdoOnboardType.enum.tyro;
       }
-    ), t = () => {
+    ), a = () => {
       if (window.history.length > 1) {
         P.back();
         return;
       }
       P.push({ name: "mf-payment-admin.onboard-submission" });
     };
-    oe(() => {
-      A(async () => {
-        b.value = await M.readById(y.submissionId);
+    pe(() => {
+      O(async () => {
+        c.value = await H.readById(g.submissionId);
       });
     });
     const i = W(() => {
-      if (!b.value) return null;
-      switch (b.value.type) {
+      if (!c.value) return null;
+      switch (c.value.type) {
         case "softspace":
-          return $e;
+          return Ge;
         case "ntt":
-          return rl;
+          return fl;
         case "tyro":
-          return il;
+          return kl;
         default:
           return null;
       }
-    }), R = D(0);
-    function c(B) {
-      b.value = B, R.value = Date.now();
+    }), U = $(0);
+    function V(T) {
+      c.value = T, U.value = Date.now();
     }
-    const I = async (B) => {
-      var q, p;
-      if (b.value)
-        switch (B) {
+    const x = async (T) => {
+      var w, p;
+      if (c.value)
+        switch (T) {
           case "preview":
             let E;
             try {
-              E = v.open({
+              E = k.open({
                 message: "Generating preview document...",
                 type: "info"
-              }), await M.previewDocument(
-                (q = b.value) == null ? void 0 : q._id
+              }), await H.previewDocument(
+                (w = c.value) == null ? void 0 : w._id
               );
-            } catch (U) {
-              v.open({
+            } catch (D) {
+              k.open({
                 type: "error",
                 title: "Error occurs when generating submission document",
-                message: z(U)
+                message: Q(D)
               });
             } finally {
-              E && v.close(E);
+              E && k.close(E);
             }
             break;
           case "send":
             try {
-              v.open({
+              k.open({
                 message: "Sending onboarding document...",
                 type: "info"
-              }), await M.sendDocument(
-                (p = b.value) == null ? void 0 : p._id
-              ), v.open({
+              }), await H.sendDocument(
+                (p = c.value) == null ? void 0 : p._id
+              ), k.open({
                 type: "success",
                 title: "Submission documents send successfully"
               });
-            } catch (U) {
-              v.open({
+            } catch (D) {
+              k.open({
                 type: "error",
                 title: "Error occurs when sending document",
-                message: z(U)
+                message: Q(D)
               });
             }
             break;
         }
     };
-    return (B, q) => {
-      var U, J;
+    return (T, w) => {
+      var D, G;
       const p = C("FmCircularProgress"), E = C("FmPageHead");
-      return e(N) ? (g(), $("div", ul, [
-        n(p, { size: "xxl" })
-      ])) : (g(), $(Q, { key: 1 }, [
-        n(E, {
-          title: `Submission - ${(U = b.value) == null ? void 0 : U.type}`,
-          description: `ID - ${(J = b.value) == null ? void 0 : J._id}`,
+      return e(v) ? (b(), q("div", Cl, [
+        r(p, { size: "xxl" })
+      ])) : (b(), q(J, { key: 1 }, [
+        r(E, {
+          title: `Submission - ${(D = c.value) == null ? void 0 : D.type}`,
+          description: `ID - ${(G = c.value) == null ? void 0 : G._id}`,
           "back-button": !0,
-          "onClick:back": t,
-          "onClick:action": I,
-          actions: w.value ? [] : [
+          "onClick:back": a,
+          "onClick:action": x,
+          actions: R.value ? [] : [
             {
               label: "Preview Document",
               value: "preview",
@@ -1319,11 +1421,11 @@ const de = ["src"], F = /* @__PURE__ */ G({
             }
           ]
         }, null, 8, ["title", "description", "actions"]),
-        o("div", dl, [
-          (g(), j(ne(i.value), {
-            key: R.value,
-            submission: b.value,
-            "onUpdate:submission": c
+        o("div", Nl, [
+          (b(), B(be(i.value), {
+            key: U.value,
+            submission: c.value,
+            "onUpdate:submission": V
           }, null, 40, ["submission"]))
         ])
       ], 64));
@@ -1331,5 +1433,5 @@ const de = ["src"], F = /* @__PURE__ */ G({
   }
 });
 export {
-  Nl as default
+  Al as default
 };