@feedmepos/mf-payment 1.4.47 → 1.5.0-dev

package/dist/{OnboardForm-DURv3s6I.js → OnboardForm-Do6ar3sx.js}

@@ -1,79 +1,61 @@
-import { defineComponent as $, ref as P, computed as O, resolveComponent as f, openBlock as y, createElementBlock as R, createElementVNode as n, toDisplayString as B, Fragment as z, createBlock as T, withCtx as c, createVNode as o, createCommentVNode as j, unref as e, createTextVNode as E, onMounted as X, resolveDynamicComponent as Z } from "vue";
-import { o as _ } from "./index-DR0voetw.js";
-import { u as M } from "./index-cCTvH31Z.js";
-import { useRouter as h } from "vue-router";
-import { z as u, a as d } from "./validator-D5jtpt9A.js";
-import { P as ee } from "./payout-account-DQZ0J8Ds.js";
-import { P as le } from "./PDFViewer-DHKBD99J.js";
+import { defineComponent as O, ref as q, computed as z, resolveComponent as k, openBlock as f, createElementBlock as T, createElementVNode as o, toDisplayString as R, createBlock as x, withCtx as y, createCommentVNode as j, createVNode as n, unref as e, Fragment as H, createTextVNode as E, onMounted as Z, resolveDynamicComponent as h } from "vue";
+import { o as A } from "./index-CbONxZz2.js";
+import { u as J } from "./index-BJNCcdvT.js";
+import { useRouter as ee } from "vue-router";
+import { z as u, a as d } from "./validator-DzjyJnvv.js";
+import { P as le } from "./payout-account-CVYMFqu9.js";
+import { _ } from "./DocumentViewer.vue_vue_type_script_setup_true_lang-CzwG5dCO.js";
 import { s as te } from "./vue-signature-pad.esm-IXPjf4fL.js";
-import { _ as ae } from "./Status.vue_vue_type_script_setup_true_lang-B5iI3OiL.js";
-import { useSnackbar as J } from "@feedmepos/ui-library";
-import { u as A } from "./error-K1CakhA9.js";
-const oe = ["src"], I = /* @__PURE__ */ $({
+import { _ as ae } from "./Status.vue_vue_type_script_setup_true_lang-BP5m6Vic.js";
+import { useSnackbar as G } from "@feedmepos/ui-library";
+import { u as $ } from "./error-K1CakhA9.js";
+const oe = ["src"], B = /* @__PURE__ */ O({
   __name: "UploadButton",
   props: {
     modelValue: {},
     label: {},
-    type: {}
+    type: {},
+    restaurantId: {}
   },
   emits: ["update:modelValue"],
-  setup(x, { emit: U }) {
-    const V = x, b = P(V.modelValue), k = U, N = (a) => {
-      const s = new FileReader();
-      s.onload = (C) => {
+  setup(m, { emit: U }) {
+    const C = m, v = q(C.modelValue), V = U, N = (a) => {
+      const r = new FileReader();
+      r.onload = (S) => {
         var i;
-        b.value = (i = C.target) == null ? void 0 : i.result, k("update:modelValue", a);
-      }, s.readAsDataURL(a);
-    }, m = () => {
-      var a;
-      if (b.value) {
-        const s = document.createElement("a");
-        s.href = b.value, s.download = `${(a = V.label) == null ? void 0 : a.toLowerCase().replaceAll(" ", "_")}.pdf`, document.body.appendChild(s), s.click(), document.body.removeChild(s);
-      }
-    }, F = O(() => V.type === "image" ? ".png, .jpg, .jpeg" : ".pdf");
-    return (a, s) => {
-      const C = f("FmButton"), i = f("FmDialog"), g = f("FmDropField");
-      return y(), R("div", null, [
-        n("p", null, B(a.label), 1),
-        b.value ? (y(), R(z, { key: 0 }, [
-          a.type === "pdf" ? (y(), T(i, {
-            key: 0,
-            "max-width": 800,
-            "max-height": 800
-          }, {
-            "dialog-button": c(() => [
-              o(C, {
-                class: "mt-4",
-                "prepend-icon": "preview",
-                label: "Preview"
-              })
-            ]),
-            "dialog-header": c(() => s[0] || (s[0] = [
-              n("div", null, "Document Preview", -1)
-            ])),
-            default: c(() => [
-              o(le, {
-                height: 800,
-                pdf: b.value,
-                "disable-text-layer": !0,
-                "disable-annotation-layer": !0
-              }, null, 8, ["pdf"]),
-              o(C, {
-                class: "w-full my-6",
-                "prepend-icon": "download",
-                label: "Download",
-                onClick: m
-              })
-            ]),
-            _: 1
-          })) : j("", !0),
-          a.type === "image" ? (y(), R("img", {
-            key: 1,
-            src: b.value
-          }, null, 8, oe)) : j("", !0)
-        ], 64)) : (y(), T(g, {
+        v.value = (i = S.target) == null ? void 0 : i.result, V("update:modelValue", a);
+      }, r.readAsDataURL(a);
+    }, p = (a) => {
+      window.open(a, "_blank", "noopener,noreferrer");
+    }, P = z(() => C.type === "image" ? ".png, .jpg, .jpeg" : ".pdf");
+    return (a, r) => {
+      const S = k("FmButton"), i = k("FmDropField");
+      return f(), T("div", null, [
+        o("p", null, R(m.label), 1),
+        v.value ? (f(), x(_, {
+          key: 0,
+          document: v.value,
+          "restaurant-id": m.restaurantId
+        }, {
+          default: y(({ src: c }) => [
+            m.type === "image" ? (f(), T("img", {
+              key: 0,
+              src: c
+            }, null, 8, oe)) : j("", !0),
+            m.type === "pdf" ? (f(), x(S, {
+              key: 1,
+              class: "mt-4 w-full",
+              "prepend-icon": "manage_accounts",
+              label: "View Document",
+              variant: "primary",
+              onVnodeMounted: () => p(c),
+              onClick: () => p(c)
+            }, null, 8, ["onVnodeMounted", "onClick"])) : j("", !0)
+          ]),
+          _: 1
+        }, 8, ["document", "restaurant-id"])) : (f(), x(i, {
           key: 1,
-          accept: F.value,
+          accept: P.value,
           onFileUpload: N
         }, null, 8, ["accept"]))
       ]);
@@ -82,74 +64,84 @@ const oe = ["src"], I = /* @__PURE__ */ $({
 }), ne = ["src"], se = {
   key: 0,
   class: "text-center text-red-700 py-4"
-}, re = { class: "flex justify-evenly py-3" }, ie = /* @__PURE__ */ $({
+}, re = { class: "flex justify-evenly py-3" }, ie = /* @__PURE__ */ O({
   __name: "SignatureBoard",
   props: {
     modelValue: {},
-    label: {}
+    label: {},
+    restaurantId: {}
   },
   emits: ["update:modelValue"],
-  setup(x, { emit: U }) {
-    const V = x, b = U, k = P(V.modelValue), N = P(!1), m = P(), F = P(!1);
-    function a(C, i) {
+  setup(m, { emit: U }) {
+    const C = m, v = U, V = q(C.modelValue), N = q(!1), p = q(), P = q(!1);
+    function a(S, i) {
       var D;
-      const g = C.split(","), q = ((D = g[0].match(/:(.*?);/)) == null ? void 0 : D[1]) || "", v = atob(g[1]);
-      let r = v.length;
-      const w = new Uint8Array(r);
-      for (; r--; )
-        w[r] = v.charCodeAt(r);
-      return new File([w], i, { type: q });
+      const c = S.split(","), I = ((D = c[0].match(/:(.*?);/)) == null ? void 0 : D[1]) || "", g = atob(c[1]);
+      let s = g.length;
+      const w = new Uint8Array(s);
+      for (; s--; )
+        w[s] = g.charCodeAt(s);
+      return new File([w], i, { type: I });
     }
-    const s = function() {
-      const { isEmpty: C, data: i } = m.value.saveSignature();
-      if (C)
+    const r = function() {
+      const { isEmpty: S, data: i } = p.value.saveSignature();
+      if (S)
         return N.value = !0;
-      k.value = i, F.value = !1, b("update:modelValue", a(i, "signature.png"));
+      V.value = i, P.value = !1, v("update:modelValue", a(i, "signature.png"));
     };
-    return (C, i) => {
-      const g = f("FmButton"), q = f("FmDialog");
-      return y(), R("div", null, [
-        k.value ? (y(), R("img", {
+    return (S, i) => {
+      const c = k("FmButton"), I = k("FmDialog");
+      return f(), T("div", null, [
+        o("p", null, R(m.label), 1),
+        V.value ? (f(), x(_, {
           key: 0,
-          src: k.value,
-          alt: "Signature Preview",
-          class: "w-full h-auto"
-        }, null, 8, ne)) : j("", !0),
-        k.value ? j("", !0) : (y(), T(q, {
+          document: V.value,
+          "restaurant-id": m.restaurantId
+        }, {
+          default: y(({ src: g }) => [
+            o("img", {
+              src: g,
+              alt: "Signature Preview",
+              class: "w-full h-auto"
+            }, null, 8, ne)
+          ]),
+          _: 1
+        }, 8, ["document", "restaurant-id"])) : j("", !0),
+        V.value ? j("", !0) : (f(), x(I, {
           key: 1,
-          modelValue: F.value,
-          "onUpdate:modelValue": i[1] || (i[1] = (v) => F.value = v)
+          modelValue: P.value,
+          "onUpdate:modelValue": i[1] || (i[1] = (g) => P.value = g)
         }, {
-          "dialog-button": c(() => [
-            o(g, {
+          "dialog-button": y(() => [
+            n(c, {
               "prepend-icon": "signature",
               class: "w-full",
               label: "Signature"
             })
           ]),
-          "dialog-header": c(() => i[2] || (i[2] = [
-            n("div", null, "Signature Board", -1)
-          ])),
-          default: c(() => [
-            o(e(te), {
+          "dialog-header": y(() => [...i[2] || (i[2] = [
+            o("div", null, "Signature Board", -1)
+          ])]),
+          default: y(() => [
+            n(e(te), {
               ref_key: "signaturePad",
-              ref: m,
+              ref: p,
               height: "300px",
               customStyle: { border: "2px solid #ccc", borderRadius: "3px" },
               options: { penColor: "#000000" }
             }, null, 512),
-            N.value ? (y(), R("p", se, " Please sign your signature before saving. ")) : j("", !0),
-            n("div", re, [
-              o(g, {
+            N.value ? (f(), T("p", se, " Please sign your signature before saving. ")) : j("", !0),
+            o("div", re, [
+              n(c, {
                 variant: "destructive",
                 label: "Clear",
                 "prepend-icon": "delete",
-                onClick: i[0] || (i[0] = (v) => m.value.clearSignature())
+                onClick: i[0] || (i[0] = (g) => p.value.clearSignature())
               }),
-              o(g, {
+              n(c, {
                 label: "Save",
                 "prepend-icon": "save",
-                onClick: s
+                onClick: r
               })
             ])
           ]),
@@ -158,7 +150,7 @@ const oe = ["src"], I = /* @__PURE__ */ $({
       ]);
     };
   }
-}), ue = { class: "space-y-2" }, de = { class: "text-gray-900" }, me = { class: "text-gray-900" }, pe = { class: "text-gray-900" }, be = { class: "text-gray-900" }, ce = { class: "text-gray-900" }, ge = { class: "text-gray-900" }, ye = { class: "mt-6 grid grid-cols-4 gap-24" }, ve = { class: "w-full flex justify-end mt-6" }, fe = { class: "mt-6 grid grid-cols-4 gap-24" }, Ve = { class: "col-span-2" }, ke = { class: "col-span-2" }, Ce = { class: "col-span-2" }, Ne = { class: "col-span-2" }, Se = { class: "col-span-2" }, we = { class: "col-span-2" }, Fe = { class: "col-start-1 col-span-2" }, Pe = { class: "col-span-2" }, qe = { class: "col-span-2" }, Re = { class: "col-span-2" }, xe = { class: "mt-6 grid grid-cols-4 gap-24" }, Ue = { class: "mt-6 grid grid-cols-2 gap-24" }, De = /* @__PURE__ */ $({
+}), ue = { class: "space-y-2" }, de = { class: "text-gray-900" }, me = { class: "text-gray-900" }, pe = { class: "text-gray-900" }, be = { class: "text-gray-900" }, ce = { class: "text-gray-900" }, ge = { class: "text-gray-900" }, ye = { class: "mt-6 grid grid-cols-4 gap-24" }, ve = { class: "w-full flex justify-end mt-6" }, fe = { class: "mt-6 grid grid-cols-4 gap-24" }, Ve = { class: "col-span-2" }, ke = { class: "col-span-2" }, Ce = { class: "col-span-2" }, Ne = { class: "col-span-2" }, Se = { class: "col-span-2" }, Fe = { class: "col-span-2" }, we = { class: "col-start-1 col-span-2" }, Pe = { class: "col-span-2" }, qe = { class: "col-span-2" }, Ie = { class: "col-span-2" }, Re = { class: "mt-6 grid grid-cols-4 gap-24" }, xe = { class: "mt-6 grid grid-cols-2 gap-24" }, Ue = /* @__PURE__ */ O({
   __name: "SoftspaceSubmission",
   props: {
     submission: {
@@ -167,96 +159,106 @@ const oe = ["src"], I = /* @__PURE__ */ $({
     }
   },
   emits: ["update:submission"],
-  setup(x, { emit: U }) {
-    const V = x, b = U, k = J(), N = P(!1), { isLoading: m, startAsyncCall: F } = M(), { fields: a, documents: s, restaurantId: C, profile: i, status: g, statusReason: q } = V.submission, v = P(""), r = P(V.submission.rates ? Object.fromEntries(Object.entries(V.submission.rates).map(([S, l]) => [S, `${l}`])) : {
-      duitNow: "0.8",
-      mydebitCard: "0.5",
-      localDebit: "0.5",
-      localCredit: "1.1",
-      foreignCard: "3.2",
-      jcbStandard: "2.2",
-      jcbPlatinum: "2.2"
-    }), w = O(
-      () => Object.values(r.value).every((S) => parseFloat(S) > 0)
-    ), D = () => F(async () => {
+  setup(m, { emit: U }) {
+    const C = m, v = U, V = G(), N = q(!1), { isLoading: p, startAsyncCall: P } = J(), { fields: a, documents: r, restaurantId: S, profile: i, status: c, statusReason: I } = C.submission, g = q(""), s = q(
+      C.submission.rates ? Object.fromEntries(
+        Object.entries(C.submission.rates).map(([F, l]) => [F, `${l}`])
+      ) : {
+        duitNow: "0.8",
+        mydebitCard: "0.5",
+        localDebit: "0.5",
+        localCredit: "1.1",
+        foreignCard: "3.2",
+        jcbStandard: "2.2",
+        jcbPlatinum: "2.2"
+      }
+    ), w = z(
+      () => Object.values(s.value).every((F) => parseFloat(F) > 0)
+    ), D = () => P(async () => {
       try {
-        const S = await _.reviewById(V.submission._id, {
-          rates: {
-            duitNow: parseFloat(r.value.duitNow),
-            mydebitCard: parseFloat(r.value.mydebitCard),
-            localDebit: parseFloat(r.value.localDebit),
-            localCredit: parseFloat(r.value.localCredit),
-            foreignCard: parseFloat(r.value.foreignCard),
-            jcbStandard: parseFloat(r.value.jcbStandard),
-            jcbPlatinum: parseFloat(r.value.jcbPlatinum)
-          },
-          status: "approved"
-        });
-        b("update:submission", S), N.value = !1, k.open({
+        const F = await A.reviewById(
+          C.submission._id,
+          {
+            rates: {
+              duitNow: parseFloat(s.value.duitNow),
+              mydebitCard: parseFloat(s.value.mydebitCard),
+              localDebit: parseFloat(s.value.localDebit),
+              localCredit: parseFloat(s.value.localCredit),
+              foreignCard: parseFloat(s.value.foreignCard),
+              jcbStandard: parseFloat(s.value.jcbStandard),
+              jcbPlatinum: parseFloat(s.value.jcbPlatinum)
+            },
+            status: "approved"
+          }
+        );
+        v("update:submission", F), N.value = !1, V.open({
           type: "success",
           title: "Submission updated successfully"
         });
-      } catch (S) {
-        k.open({
+      } catch (F) {
+        V.open({
           type: "error",
           title: "Error occurs when updating submission",
-          message: A(S)
+          message: $(F)
         });
       }
-    }), G = () => F(async () => {
+    }), K = () => P(async () => {
       try {
-        const S = await _.reviewById(V.submission._id, {
-          status: "rejected",
-          statusReason: v.value
-        });
-        b("update:submission", S), N.value = !1, k.open({
+        const F = await A.reviewById(
+          C.submission._id,
+          {
+            status: "rejected",
+            statusReason: g.value
+          }
+        );
+        v("update:submission", F), N.value = !1, V.open({
           type: "success",
           title: "Submission updated successfully"
         });
-      } catch (S) {
-        k.open({
+      } catch (F) {
+        V.open({
           type: "error",
           title: "Error occurs when updating submission",
-          message: A(S)
+          message: $(F)
         });
       }
     });
-    return (S, l) => {
-      const p = f("FmTextField"), L = f("FmButton"), K = f("FmTextarea"), Q = f("FmDialog"), Y = f("FmPhoneNumber"), H = f("FmSelect"), W = f("FmForm");
-      return y(), R(z, null, [
-        n("div", ue, [
-          n("div", null, [
-            l[33] || (l[33] = n("span", { class: "w-40 font-medium text-gray-600" }, "Restaurant: ", -1)),
-            n("span", de, B(e(C)), 1)
+    return (F, l) => {
+      const b = k("FmTextField"), L = k("FmButton"), Q = k("FmTextarea"), Y = k("FmDialog"), W = k("FmPhoneNumber"), M = k("FmSelect"), X = k("FmForm");
+      return f(), T(H, null, [
+        o("div", ue, [
+          o("div", null, [
+            l[33] || (l[33] = o("span", { class: "w-40 font-medium text-gray-600" }, "Restaurant: ", -1)),
+            o("span", de, R(e(S)), 1)
           ]),
-          n("div", null, [
-            l[34] || (l[34] = n("span", { class: "w-40 font-medium text-gray-600" }, "Profile: ", -1)),
-            n("span", me, B(e(i).name) + " ( " + B(e(i).legalName) + " )", 1)
+          o("div", null, [
+            l[34] || (l[34] = o("span", { class: "w-40 font-medium text-gray-600" }, "Profile: ", -1)),
+            o("span", me, R(e(i).name) + " ( " + R(e(i).legalName) + " )", 1)
           ]),
-          n("div", null, [
-            l[35] || (l[35] = n("span", { class: "w-40 font-medium text-gray-600" }, "Email: ", -1)),
-            n("span", pe, B(e(i).email), 1)
+          o("div", null, [
+            l[35] || (l[35] = o("span", { class: "w-40 font-medium text-gray-600" }, "Email: ", -1)),
+            o("span", pe, R(e(i).email), 1)
           ]),
-          n("div", null, [
-            l[36] || (l[36] = n("span", { class: "w-40 font-medium text-gray-600" }, "Phone: ", -1)),
-            n("span", be, B(e(i).phoneNo), 1)
+          o("div", null, [
+            l[36] || (l[36] = o("span", { class: "w-40 font-medium text-gray-600" }, "Phone: ", -1)),
+            o("span", be, R(e(i).phoneNo), 1)
           ]),
-          n("div", null, [
-            l[37] || (l[37] = n("span", { class: "w-40 font-medium text-gray-600" }, "Status: ", -1)),
-            n("span", ce, [
-              o(ae, { data: e(g) }, null, 8, ["data"])
+          o("div", null, [
+            l[37] || (l[37] = o("span", { class: "w-40 font-medium text-gray-600" }, "Status: ", -1)),
+            o("span", ce, [
+              n(ae, { data: e(c) }, null, 8, ["data"])
             ])
           ]),
-          n("div", null, [
-            l[38] || (l[38] = n("span", { class: "w-40 font-medium text-gray-600" }, "Status Reason: ", -1)),
-            n("span", ge, B(e(q)), 1)
+          o("div", null, [
+            l[38] || (l[38] = o("span", { class: "w-40 font-medium text-gray-600" }, "Status Reason: ", -1)),
+            o("span", ge, R(e(I)), 1)
           ])
         ]),
-        l[50] || (l[50] = n("h3", { class: "font-semibold text-lg border-b pb-1 mt-6 mb-4" }, " Rate Settings ", -1)),
-        n("div", ye, [
-          o(p, {
-            modelValue: r.value.duitNow,
-            "onUpdate:modelValue": l[0] || (l[0] = (t) => r.value.duitNow = t),
+        l[50] || (l[50] = o("h3", { class: "font-semibold text-lg border-b pb-1 mt-6 mb-4" }, "Rate Settings", -1)),
+        o("div", ye, [
+          n(b, {
+            modelValue: s.value.duitNow,
+            "onUpdate:modelValue": l[0] || (l[0] = (t) => s.value.duitNow = t),
             label: "DuitNow QR",
             "label-mark": "required",
             type: "number",
@@ -266,14 +268,14 @@ const oe = ["src"], I = /* @__PURE__ */ $({
               e(d).string().min(1, "Rate is required").transform((t) => parseFloat(t)).refine((t) => !isNaN(t), { message: "Rate must be a number" })
             )
           }, {
-            append: c(() => l[39] || (l[39] = [
-              E("%")
-            ])),
+            append: y(() => [...l[39] || (l[39] = [
+              E("%", -1)
+            ])]),
             _: 1
           }, 8, ["modelValue", "rules"]),
-          o(p, {
-            modelValue: r.value.mydebitCard,
-            "onUpdate:modelValue": l[1] || (l[1] = (t) => r.value.mydebitCard = t),
+          n(b, {
+            modelValue: s.value.mydebitCard,
+            "onUpdate:modelValue": l[1] || (l[1] = (t) => s.value.mydebitCard = t),
             label: "myDebit Card",
             "label-mark": "required",
             type: "number",
@@ -283,14 +285,14 @@ const oe = ["src"], I = /* @__PURE__ */ $({
               e(d).string().min(1, "Rate is required").transform((t) => parseFloat(t)).refine((t) => !isNaN(t), { message: "Rate must be a number" })
             )
           }, {
-            append: c(() => l[40] || (l[40] = [
-              E("%")
-            ])),
+            append: y(() => [...l[40] || (l[40] = [
+              E("%", -1)
+            ])]),
             _: 1
           }, 8, ["modelValue", "rules"]),
-          o(p, {
-            modelValue: r.value.localDebit,
-            "onUpdate:modelValue": l[2] || (l[2] = (t) => r.value.localDebit = t),
+          n(b, {
+            modelValue: s.value.localDebit,
+            "onUpdate:modelValue": l[2] || (l[2] = (t) => s.value.localDebit = t),
             label: "Local Debit Card",
             "label-mark": "required",
             type: "number",
@@ -300,14 +302,14 @@ const oe = ["src"], I = /* @__PURE__ */ $({
               e(d).string().min(1, "Rate is required").transform((t) => parseFloat(t)).refine((t) => !isNaN(t), { message: "Rate must be a number" })
             )
           }, {
-            append: c(() => l[41] || (l[41] = [
-              E("%")
-            ])),
+            append: y(() => [...l[41] || (l[41] = [
+              E("%", -1)
+            ])]),
             _: 1
           }, 8, ["modelValue", "rules"]),
-          o(p, {
-            modelValue: r.value.localCredit,
-            "onUpdate:modelValue": l[3] || (l[3] = (t) => r.value.localCredit = t),
+          n(b, {
+            modelValue: s.value.localCredit,
+            "onUpdate:modelValue": l[3] || (l[3] = (t) => s.value.localCredit = t),
             label: "Local Credit Card",
             "label-mark": "required",
             type: "number",
@@ -317,14 +319,14 @@ const oe = ["src"], I = /* @__PURE__ */ $({
               e(d).string().min(1, "Rate is required").transform((t) => parseFloat(t)).refine((t) => !isNaN(t), { message: "Rate must be a number" })
             )
           }, {
-            append: c(() => l[42] || (l[42] = [
-              E("%")
-            ])),
+            append: y(() => [...l[42] || (l[42] = [
+              E("%", -1)
+            ])]),
             _: 1
           }, 8, ["modelValue", "rules"]),
-          o(p, {
-            modelValue: r.value.foreignCard,
-            "onUpdate:modelValue": l[4] || (l[4] = (t) => r.value.foreignCard = t),
+          n(b, {
+            modelValue: s.value.foreignCard,
+            "onUpdate:modelValue": l[4] || (l[4] = (t) => s.value.foreignCard = t),
             label: "Foreign Card",
             "label-mark": "required",
             type: "number",
@@ -334,14 +336,14 @@ const oe = ["src"], I = /* @__PURE__ */ $({
               e(d).string().min(1, "Rate is required").transform((t) => parseFloat(t)).refine((t) => !isNaN(t), { message: "Rate must be a number" })
             )
           }, {
-            append: c(() => l[43] || (l[43] = [
-              E("%")
-            ])),
+            append: y(() => [...l[43] || (l[43] = [
+              E("%", -1)
+            ])]),
             _: 1
           }, 8, ["modelValue", "rules"]),
-          o(p, {
-            modelValue: r.value.jcbStandard,
-            "onUpdate:modelValue": l[5] || (l[5] = (t) => r.value.jcbStandard = t),
+          n(b, {
+            modelValue: s.value.jcbStandard,
+            "onUpdate:modelValue": l[5] || (l[5] = (t) => s.value.jcbStandard = t),
             label: "JCB Standard",
             "label-mark": "required",
             type: "number",
@@ -351,14 +353,14 @@ const oe = ["src"], I = /* @__PURE__ */ $({
               e(d).string().min(1, "Rate is required").transform((t) => parseFloat(t)).refine((t) => !isNaN(t), { message: "Rate must be a number" })
             )
           }, {
-            append: c(() => l[44] || (l[44] = [
-              E("%")
-            ])),
+            append: y(() => [...l[44] || (l[44] = [
+              E("%", -1)
+            ])]),
             _: 1
           }, 8, ["modelValue", "rules"]),
-          o(p, {
-            modelValue: r.value.jcbPlatinum,
-            "onUpdate:modelValue": l[6] || (l[6] = (t) => r.value.jcbPlatinum = t),
+          n(b, {
+            modelValue: s.value.jcbPlatinum,
+            "onUpdate:modelValue": l[6] || (l[6] = (t) => s.value.jcbPlatinum = t),
             label: "JCB Platinum",
             "label-mark": "required",
             type: "number",
@@ -368,64 +370,64 @@ const oe = ["src"], I = /* @__PURE__ */ $({
               e(d).string().min(1, "Rate is required").transform((t) => parseFloat(t)).refine((t) => !isNaN(t), { message: "Rate must be a number" })
             )
           }, {
-            append: c(() => l[45] || (l[45] = [
-              E("%")
-            ])),
+            append: y(() => [...l[45] || (l[45] = [
+              E("%", -1)
+            ])]),
             _: 1
           }, 8, ["modelValue", "rules"])
         ]),
-        n("div", ve, [
-          o(Q, {
+        o("div", ve, [
+          n(Y, {
             modelValue: N.value,
             "onUpdate:modelValue": l[8] || (l[8] = (t) => N.value = t)
           }, {
-            "dialog-button": c(() => [
-              o(L, {
+            "dialog-button": y(() => [
+              n(L, {
                 class: "mr-6",
                 type: "button",
                 variant: "destructive",
                 "prepend-icon": "block",
-                loading: e(m),
+                loading: e(p),
                 label: "Reject Submission"
               }, null, 8, ["loading"])
             ]),
-            "dialog-header": c(() => l[46] || (l[46] = [
-              n("div", null, "Rejecting Submission", -1)
-            ])),
-            default: c(() => [
-              o(K, {
-                modelValue: v.value,
-                "onUpdate:modelValue": l[7] || (l[7] = (t) => v.value = t),
+            "dialog-header": y(() => [...l[46] || (l[46] = [
+              o("div", null, "Rejecting Submission", -1)
+            ])]),
+            default: y(() => [
+              n(Q, {
+                modelValue: g.value,
+                "onUpdate:modelValue": l[7] || (l[7] = (t) => g.value = t),
                 label: "Reason for Rejection",
                 "label-mark": "optional",
                 "helper-text": "Please provide a reason for rejection."
               }, null, 8, ["modelValue"]),
-              o(L, {
+              n(L, {
                 class: "mb-2 mt-6 w-full",
                 label: "Submit",
                 "prepend-icon": "save",
-                onClick: G,
-                loading: e(m)
+                onClick: K,
+                loading: e(p)
               }, null, 8, ["loading"])
             ]),
             _: 1
           }, 8, ["modelValue"]),
-          o(L, {
+          n(L, {
             type: "button",
             variant: "primary",
             "prepend-icon": "approval",
             disabled: !w.value,
             label: "Approve Submission with Rates",
             onClick: D,
-            loading: e(m)
+            loading: e(p)
           }, null, 8, ["disabled", "loading"])
         ]),
-        o(W, { disabled: !0 }, {
-          default: c(() => [
-            l[47] || (l[47] = n("h3", { class: "font-semibold text-lg border-b pb-1 mt-6 mb-4" }, " Outlet Information ", -1)),
-            n("div", fe, [
-              n("div", Ve, [
-                o(p, {
+        n(X, { disabled: !0 }, {
+          default: y(() => [
+            l[47] || (l[47] = o("h3", { class: "font-semibold text-lg border-b pb-1 mt-6 mb-4" }, " Outlet Information ", -1)),
+            o("div", fe, [
+              o("div", Ve, [
+                n(b, {
                   modelValue: e(a).picName,
                   "onUpdate:modelValue": l[9] || (l[9] = (t) => e(a).picName = t),
                   label: "PIC Name",
@@ -434,8 +436,8 @@ const oe = ["src"], I = /* @__PURE__ */ $({
                   rules: e(u)(e(d).string().min(1, "PIC Name is required"))
                 }, null, 8, ["modelValue", "rules"])
               ]),
-              n("div", ke, [
-                o(p, {
+              o("div", ke, [
+                n(b, {
                   modelValue: e(a).picRole,
                   "onUpdate:modelValue": l[10] || (l[10] = (t) => e(a).picRole = t),
                   label: "PIC Role",
@@ -444,8 +446,8 @@ const oe = ["src"], I = /* @__PURE__ */ $({
                   rules: e(u)(e(d).string().min(1, "PIC Role is required"))
                 }, null, 8, ["modelValue", "rules"])
               ]),
-              n("div", Ce, [
-                o(p, {
+              o("div", Ce, [
+                n(b, {
                   modelValue: e(a).picEmail,
                   "onUpdate:modelValue": l[11] || (l[11] = (t) => e(a).picEmail = t),
                   label: "PIC Email",
@@ -455,8 +457,8 @@ const oe = ["src"], I = /* @__PURE__ */ $({
                   rules: e(u)(e(d).string().min(1, "PIC Email is required"))
                 }, null, 8, ["modelValue", "rules"])
               ]),
-              n("div", Ne, [
-                o(Y, {
+              o("div", Ne, [
+                n(W, {
                   "model-value": e(a).picContact,
                   "onUpdate:modelValue": l[12] || (l[12] = (t) => e(a).picContact = t),
                   "default-country": "MY",
@@ -465,8 +467,8 @@ const oe = ["src"], I = /* @__PURE__ */ $({
                   rules: e(u)(e(d).string().min(1, "PIC Contact is required"))
                 }, null, 8, ["model-value", "rules"])
               ]),
-              n("div", Se, [
-                o(p, {
+              o("div", Se, [
+                n(b, {
                   modelValue: e(a).outletName,
                   "onUpdate:modelValue": l[13] || (l[13] = (t) => e(a).outletName = t),
                   label: "Outlet Name",
@@ -475,8 +477,8 @@ const oe = ["src"], I = /* @__PURE__ */ $({
                   rules: e(u)(e(d).string().min(1, "Outlet Name is required"))
                 }, null, 8, ["modelValue", "rules"])
               ]),
-              n("div", we, [
-                o(p, {
+              o("div", Fe, [
+                n(b, {
                   modelValue: e(a).outletAddress,
                   "onUpdate:modelValue": l[14] || (l[14] = (t) => e(a).outletAddress = t),
                   label: "Outlet Address",
@@ -485,7 +487,7 @@ const oe = ["src"], I = /* @__PURE__ */ $({
                   rules: e(u)(e(d).string().min(1, "Address is required"))
                 }, null, 8, ["modelValue", "rules"])
               ]),
-              o(p, {
+              n(b, {
                 modelValue: e(a).outletPostCode,
                 "onUpdate:modelValue": l[15] || (l[15] = (t) => e(a).outletPostCode = t),
                 label: "Postal Code",
@@ -493,7 +495,7 @@ const oe = ["src"], I = /* @__PURE__ */ $({
                 "label-mark": "required",
                 rules: e(u)(e(d).string().min(1, "Postal Code is required"))
               }, null, 8, ["modelValue", "rules"]),
-              o(p, {
+              n(b, {
                 modelValue: e(a).outletState,
                 "onUpdate:modelValue": l[16] || (l[16] = (t) => e(a).outletState = t),
                 label: "State",
@@ -501,7 +503,7 @@ const oe = ["src"], I = /* @__PURE__ */ $({
                 "label-mark": "required",
                 rules: e(u)(e(d).string().min(1, "State is required"))
               }, null, 8, ["modelValue", "rules"]),
-              o(p, {
+              n(b, {
                 modelValue: e(a).outletCity,
                 "onUpdate:modelValue": l[17] || (l[17] = (t) => e(a).outletCity = t),
                 label: "City",
@@ -509,8 +511,8 @@ const oe = ["src"], I = /* @__PURE__ */ $({
                 "label-mark": "required",
                 rules: e(u)(e(d).string().min(1, "City is required"))
               }, null, 8, ["modelValue", "rules"]),
-              n("div", Fe, [
-                o(H, {
+              o("div", we, [
+                n(M, {
                   modelValue: e(a).businessType,
                   "onUpdate:modelValue": l[18] || (l[18] = (t) => e(a).businessType = t),
                   label: "Type",
@@ -520,13 +522,19 @@ const oe = ["src"], I = /* @__PURE__ */ $({
                   items: [
                     { label: "Sole Proprietorship", value: "sole_proprietorship" },
                     { label: "Partnership", value: "partnership" },
-                    { label: "Private Limited Company (Sdn Bhd)", value: "private_limited" },
-                    { label: "Public Limited Company (Berhad)", value: "public_limited" }
+                    {
+                      label: "Private Limited Company (Sdn Bhd)",
+                      value: "private_limited"
+                    },
+                    {
+                      label: "Public Limited Company (Berhad)",
+                      value: "public_limited"
+                    }
                   ]
                 }, null, 8, ["modelValue", "rules"])
               ]),
-              n("div", Pe, [
-                o(p, {
+              o("div", Pe, [
+                n(b, {
                   modelValue: e(a).businessRegNo,
                   "onUpdate:modelValue": l[19] || (l[19] = (t) => e(a).businessRegNo = t),
                   label: "Registration No",
@@ -535,8 +543,8 @@ const oe = ["src"], I = /* @__PURE__ */ $({
                   rules: e(u)(e(d).string().min(1, "Reg No is required"))
                 }, null, 8, ["modelValue", "rules"])
               ]),
-              n("div", qe, [
-                o(p, {
+              o("div", qe, [
+                n(b, {
                   modelValue: e(a).tinNo,
                   "onUpdate:modelValue": l[20] || (l[20] = (t) => e(a).tinNo = t),
                   label: "Tax Identification No (TIN)",
@@ -545,8 +553,8 @@ const oe = ["src"], I = /* @__PURE__ */ $({
                   rules: e(u)(e(d).string().min(1, "TIN is required"))
                 }, null, 8, ["modelValue", "rules"])
               ]),
-              n("div", Re, [
-                o(p, {
+              o("div", Ie, [
+                n(b, {
                   modelValue: e(a).sstNo,
                   "onUpdate:modelValue": l[21] || (l[21] = (t) => e(a).sstNo = t),
                   label: "SST Registration No (SST)",
@@ -555,18 +563,18 @@ const oe = ["src"], I = /* @__PURE__ */ $({
                 }, null, 8, ["modelValue"])
               ])
             ]),
-            l[48] || (l[48] = n("h3", { class: "font-semibold text-lg border-b pb-1 mt-6 mb-4" }, " Payout Information & Documents ", -1)),
-            n("div", xe, [
-              o(H, {
+            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", Re, [
+              n(M, {
                 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(ee).bankNameOptions()
+                items: e(le).bankNameOptions()
               }, null, 8, ["modelValue", "rules", "items"]),
-              o(p, {
+              n(b, {
                 modelValue: e(a).bankHolderName,
                 "onUpdate:modelValue": l[23] || (l[23] = (t) => e(a).bankHolderName = t),
                 label: "Beneficiary Name",
@@ -574,7 +582,7 @@ const oe = ["src"], I = /* @__PURE__ */ $({
                 "label-mark": "required",
                 rules: e(u)(e(d).string().min(1, "Beneficiary Name is required"))
               }, null, 8, ["modelValue", "rules"]),
-              o(p, {
+              n(b, {
                 modelValue: e(a).bankAccountNo,
                 "onUpdate:modelValue": l[24] || (l[24] = (t) => e(a).bankAccountNo = t),
                 label: "Account Number",
@@ -582,58 +590,66 @@ const oe = ["src"], I = /* @__PURE__ */ $({
                 "label-mark": "required",
                 rules: e(u)(e(d).string().min(1, "Account Number is required"))
               }, null, 8, ["modelValue", "rules"]),
-              o(I, {
+              n(B, {
                 label: "Authorized Person ID",
-                modelValue: e(s).authorizedPersonID,
-                "onUpdate:modelValue": l[25] || (l[25] = (t) => e(s).authorizedPersonID = t),
-                type: "image"
-              }, null, 8, ["modelValue"]),
-              o(I, {
+                modelValue: e(r).authorizedPersonID,
+                "onUpdate:modelValue": l[25] || (l[25] = (t) => e(r).authorizedPersonID = t),
+                type: "image",
+                "restaurant-id": m.submission.restaurantId
+              }, null, 8, ["modelValue", "restaurant-id"]),
+              n(B, {
                 label: "Outlet Photo",
-                modelValue: e(s).outletPhoto,
-                "onUpdate:modelValue": l[26] || (l[26] = (t) => e(s).outletPhoto = t),
-                type: "image"
-              }, null, 8, ["modelValue"]),
-              o(I, {
+                modelValue: e(r).outletPhoto,
+                "onUpdate:modelValue": l[26] || (l[26] = (t) => e(r).outletPhoto = t),
+                type: "image",
+                "restaurant-id": m.submission.restaurantId
+              }, null, 8, ["modelValue", "restaurant-id"]),
+              n(B, {
                 label: "Interior Photo",
-                modelValue: e(s).interiorPhoto,
-                "onUpdate:modelValue": l[27] || (l[27] = (t) => e(s).interiorPhoto = t),
-                type: "image"
-              }, null, 8, ["modelValue"]),
-              o(I, {
+                modelValue: e(r).interiorPhoto,
+                "onUpdate:modelValue": l[27] || (l[27] = (t) => e(r).interiorPhoto = t),
+                type: "image",
+                "restaurant-id": m.submission.restaurantId
+              }, null, 8, ["modelValue", "restaurant-id"]),
+              n(B, {
                 label: "Latest Bank Statement",
-                modelValue: e(s).bankStatement,
-                "onUpdate:modelValue": l[28] || (l[28] = (t) => e(s).bankStatement = t),
-                type: "pdf"
-              }, null, 8, ["modelValue"]),
-              e(a).businessType === "private_limited" || e(a).businessType === "public_limited" ? (y(), T(I, {
+                modelValue: e(r).bankStatement,
+                "onUpdate:modelValue": l[28] || (l[28] = (t) => e(r).bankStatement = t),
+                type: "pdf",
+                "restaurant-id": m.submission.restaurantId
+              }, null, 8, ["modelValue", "restaurant-id"]),
+              e(a).businessType === "private_limited" || e(a).businessType === "public_limited" ? (f(), x(B, {
                 key: 0,
                 label: "Superform",
                 type: "pdf",
-                modelValue: e(s).certificate,
-                "onUpdate:modelValue": l[29] || (l[29] = (t) => e(s).certificate = t)
-              }, null, 8, ["modelValue"])) : j("", !0),
-              e(a).businessType === "sole_proprietorship" || e(a).businessType === "partnership" ? (y(), T(I, {
+                modelValue: e(r).certificate,
+                "onUpdate:modelValue": l[29] || (l[29] = (t) => e(r).certificate = t),
+                "restaurant-id": m.submission.restaurantId
+              }, null, 8, ["modelValue", "restaurant-id"])) : j("", !0),
+              e(a).businessType === "sole_proprietorship" || e(a).businessType === "partnership" ? (f(), x(B, {
                 key: 1,
                 label: "SSM Certificate & Info",
                 type: "pdf",
-                modelValue: e(s).certificate,
-                "onUpdate:modelValue": l[30] || (l[30] = (t) => e(s).certificate = t)
-              }, null, 8, ["modelValue"])) : j("", !0)
+                modelValue: e(r).certificate,
+                "onUpdate:modelValue": l[30] || (l[30] = (t) => e(r).certificate = t),
+                "restaurant-id": m.submission.restaurantId
+              }, null, 8, ["modelValue", "restaurant-id"])) : j("", !0)
             ]),
-            l[49] || (l[49] = n("h3", { class: "font-semibold text-lg border-b pb-1 mt-6 mb-4" }, " Declaration Information ", -1)),
-            n("div", Ue, [
-              o(ie, {
-                modelValue: e(s).signature,
-                "onUpdate:modelValue": l[31] || (l[31] = (t) => e(s).signature = t),
+            l[49] || (l[49] = o("h3", { class: "font-semibold text-lg border-b pb-1 mt-6 mb-4" }, " Declaration Information ", -1)),
+            o("div", xe, [
+              n(ie, {
+                modelValue: e(r).signature,
+                "onUpdate:modelValue": l[31] || (l[31] = (t) => e(r).signature = t),
+                "restaurant-id": m.submission.restaurantId,
                 label: "Signature"
-              }, null, 8, ["modelValue"]),
-              o(I, {
+              }, null, 8, ["modelValue", "restaurant-id"]),
+              n(B, {
                 label: "Company Stamp",
                 type: "image",
-                modelValue: e(s).companyStamp,
-                "onUpdate:modelValue": l[32] || (l[32] = (t) => e(s).companyStamp = t)
-              }, null, 8, ["modelValue"])
+                modelValue: e(r).companyStamp,
+                "onUpdate:modelValue": l[32] || (l[32] = (t) => e(r).companyStamp = t),
+                "restaurant-id": m.submission.restaurantId
+              }, null, 8, ["modelValue", "restaurant-id"])
             ])
           ]),
           _: 1
@@ -641,10 +657,10 @@ const oe = ["src"], I = /* @__PURE__ */ $({
       ], 64);
     };
   }
-}), Ee = {
+}), De = {
   key: 0,
   class: "flex items-center justify-center min-h-[80vh]"
-}, Ie = { class: "px-32 pb-32" }, Je = /* @__PURE__ */ $({
+}, Ee = { class: "px-32 pb-32" }, _e = /* @__PURE__ */ O({
   __name: "OnboardForm",
   props: {
     submissionId: {
@@ -652,86 +668,86 @@ const oe = ["src"], I = /* @__PURE__ */ $({
       required: !0
     }
   },
-  setup(x) {
-    const { startAsyncCall: U, isLoading: V } = M(), b = J(), k = x, N = h(), m = P(null), F = () => {
+  setup(m) {
+    const { startAsyncCall: U, isLoading: C } = J(), v = G(), V = m, N = ee(), p = q(null), P = () => {
       if (window.history.length > 1) {
         N.back();
         return;
       }
       N.push({ name: "mf-payment-admin.onboard-submission" });
     };
-    X(() => {
+    Z(() => {
       U(async () => {
-        m.value = await _.readById(k.submissionId);
+        p.value = await A.readById(V.submissionId);
       });
     });
-    const a = O(() => {
-      if (!m.value) return null;
-      switch (m.value.type) {
+    const a = z(() => {
+      if (!p.value) return null;
+      switch (p.value.type) {
         case "softspace":
-          return De;
+          return Ue;
         default:
           return null;
       }
-    }), s = P(0);
-    function C(g) {
-      m.value = g, s.value = Date.now();
+    }), r = q(0);
+    function S(c) {
+      p.value = c, r.value = Date.now();
     }
-    const i = async (g) => {
-      var q, v;
-      if (m.value)
-        switch (g) {
+    const i = async (c) => {
+      var I, g;
+      if (p.value)
+        switch (c) {
           case "preview":
-            let r;
+            let s;
             try {
-              r = b.open({
+              s = v.open({
                 message: "Generating preview document...",
                 type: "info"
-              }), await _.previewDocument(
-                (q = m.value) == null ? void 0 : q._id
+              }), await A.previewDocument(
+                (I = p.value) == null ? void 0 : I._id
               );
             } catch (w) {
-              b.open({
+              v.open({
                 type: "error",
                 title: "Error occurs when generating submission document",
-                message: A(w)
+                message: $(w)
               });
             } finally {
-              r && b.close(r);
+              s && v.close(s);
             }
             break;
           case "send":
             try {
-              b.open({
+              v.open({
                 message: "Sending onboarding document...",
                 type: "info"
-              }), await _.sendDocument(
-                (v = m.value) == null ? void 0 : v._id
-              ), b.open({
+              }), await A.sendDocument(
+                (g = p.value) == null ? void 0 : g._id
+              ), v.open({
                 type: "success",
                 title: "Submission documents send successfully"
               });
             } catch (w) {
-              b.open({
+              v.open({
                 type: "error",
                 title: "Error occurs when sending document",
-                message: A(w)
+                message: $(w)
               });
             }
             break;
         }
     };
-    return (g, q) => {
+    return (c, I) => {
       var w, D;
-      const v = f("FmCircularProgress"), r = f("FmPageHead");
-      return e(V) ? (y(), R("div", Ee, [
-        o(v, { size: "xxl" })
-      ])) : (y(), R(z, { key: 1 }, [
-        o(r, {
-          title: `Submission - ${(w = m.value) == null ? void 0 : w.type}`,
-          description: `ID - ${(D = m.value) == null ? void 0 : D._id}`,
+      const g = k("FmCircularProgress"), s = k("FmPageHead");
+      return e(C) ? (f(), T("div", De, [
+        n(g, { size: "xxl" })
+      ])) : (f(), T(H, { key: 1 }, [
+        n(s, {
+          title: `Submission - ${(w = p.value) == null ? void 0 : w.type}`,
+          description: `ID - ${(D = p.value) == null ? void 0 : D._id}`,
           "back-button": !0,
-          "onClick:back": F,
+          "onClick:back": P,
           "onClick:action": i,
           actions: [
             {
@@ -747,11 +763,11 @@ const oe = ["src"], I = /* @__PURE__ */ $({
             }
           ]
         }, null, 8, ["title", "description"]),
-        n("div", Ie, [
-          (y(), T(Z(a.value), {
-            key: s.value,
-            submission: m.value,
-            "onUpdate:submission": C
+        o("div", Ee, [
+          (f(), x(h(a.value), {
+            key: r.value,
+            submission: p.value,
+            "onUpdate:submission": S
           }, null, 40, ["submission"]))
         ])
       ], 64));
@@ -759,5 +775,5 @@ const oe = ["src"], I = /* @__PURE__ */ $({
   }
 });
 export {
-  Je as default
+  _e as default
 };