@feedmepos/mf-payment 1.3.3 → 1.3.5

package/dist/OnboardForm-DRfkDYKa.js

@@ -0,0 +1,752 @@
+import { defineComponent as $, ref as P, computed as O, resolveComponent as f, openBlock as y, createElementBlock as R, createElementVNode as o, toDisplayString as E, Fragment as z, createBlock as j, withCtx as c, createVNode as n, createCommentVNode as I, unref as e, createTextVNode as D, onMounted as W, resolveDynamicComponent as X } from "vue";
+import { o as T } from "./index-C5B1WFHO.js";
+import { u as M } from "./index-C_4l0JZj.js";
+import { useRouter as Z } from "vue-router";
+import { z as u, a as d } from "./validator-D5jtpt9A.js";
+import { P as ee } from "./payout-account-BBRdCd9Q.js";
+import { P as le } from "./PDFViewer-DlSCBBxr.js";
+import { s as te } from "./vue-signature-pad.esm-IXPjf4fL.js";
+import { _ as ae } from "./Status.vue_vue_type_script_setup_true_lang-Cp3akQew.js";
+import { useSnackbar as J } from "@feedmepos/ui-library";
+import { u as A } from "./error-K1CakhA9.js";
+const oe = ["src"], B = /* @__PURE__ */ $({
+  __name: "UploadButton",
+  props: {
+    modelValue: {},
+    label: {},
+    type: {}
+  },
+  emits: ["update:modelValue"],
+  setup(q, { emit: x }) {
+    const V = q, b = P(V.modelValue), k = x, N = (a) => {
+      const r = new FileReader();
+      r.onload = (C) => {
+        var i;
+        b.value = (i = C.target) == null ? void 0 : i.result, k("update:modelValue", a);
+      }, r.readAsDataURL(a);
+    }, m = () => {
+      var a;
+      if (b.value) {
+        const r = document.createElement("a");
+        r.href = b.value, r.download = `${(a = V.label) == null ? void 0 : a.toLowerCase().replaceAll(" ", "_")}.pdf`, document.body.appendChild(r), r.click(), document.body.removeChild(r);
+      }
+    }, S = O(() => V.type === "image" ? ".png, .jpg, .jpeg" : ".pdf");
+    return (a, r) => {
+      const C = f("FmButton"), i = f("FmDialog"), g = f("FmDropField");
+      return y(), R("div", null, [
+        o("p", null, E(a.label), 1),
+        b.value ? (y(), R(z, { key: 0 }, [
+          a.type === "pdf" ? (y(), j(i, {
+            key: 0,
+            "max-width": 800,
+            "max-height": 800
+          }, {
+            "dialog-button": c(() => [
+              n(C, {
+                class: "mt-4",
+                "prepend-icon": "preview",
+                label: "Preview"
+              })
+            ]),
+            "dialog-header": c(() => r[0] || (r[0] = [
+              o("div", null, "Document Preview", -1)
+            ])),
+            default: c(() => [
+              n(le, {
+                height: 800,
+                pdf: b.value,
+                "disable-text-layer": !0,
+                "disable-annotation-layer": !0
+              }, null, 8, ["pdf"]),
+              n(C, {
+                class: "w-full my-6",
+                "prepend-icon": "download",
+                label: "Download",
+                onClick: m
+              })
+            ]),
+            _: 1
+          })) : I("", !0),
+          a.type === "image" ? (y(), R("img", {
+            key: 1,
+            src: b.value
+          }, null, 8, oe)) : I("", !0)
+        ], 64)) : (y(), j(g, {
+          key: 1,
+          accept: S.value,
+          onFileUpload: N
+        }, null, 8, ["accept"]))
+      ]);
+    };
+  }
+}), ne = ["src"], se = {
+  key: 0,
+  class: "text-center text-red-700 py-4"
+}, re = { class: "flex justify-evenly py-3" }, ie = /* @__PURE__ */ $({
+  __name: "SignatureBoard",
+  props: {
+    modelValue: {},
+    label: {}
+  },
+  emits: ["update:modelValue"],
+  setup(q, { emit: x }) {
+    const V = q, b = x, k = P(V.modelValue), N = P(!1), m = P(), S = P(!1);
+    function a(C, i) {
+      var _;
+      const g = C.split(","), F = ((_ = g[0].match(/:(.*?);/)) == null ? void 0 : _[1]) || "", v = atob(g[1]);
+      let s = v.length;
+      const U = new Uint8Array(s);
+      for (; s--; )
+        U[s] = v.charCodeAt(s);
+      return new File([U], i, { type: F });
+    }
+    const r = function() {
+      const { isEmpty: C, data: i } = m.value.saveSignature();
+      if (C)
+        return N.value = !0;
+      k.value = i, S.value = !1, b("update:modelValue", a(i, "signature.png"));
+    };
+    return (C, i) => {
+      const g = f("FmButton"), F = f("FmDialog");
+      return y(), R("div", null, [
+        k.value ? (y(), R("img", {
+          key: 0,
+          src: k.value,
+          alt: "Signature Preview",
+          class: "w-full h-auto"
+        }, null, 8, ne)) : I("", !0),
+        k.value ? I("", !0) : (y(), j(F, {
+          key: 1,
+          modelValue: S.value,
+          "onUpdate:modelValue": i[1] || (i[1] = (v) => S.value = v)
+        }, {
+          "dialog-button": c(() => [
+            n(g, {
+              "prepend-icon": "signature",
+              class: "w-full",
+              label: "Signature"
+            })
+          ]),
+          "dialog-header": c(() => i[2] || (i[2] = [
+            o("div", null, "Signature Board", -1)
+          ])),
+          default: c(() => [
+            n(e(te), {
+              ref_key: "signaturePad",
+              ref: m,
+              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. ")) : I("", !0),
+            o("div", re, [
+              n(g, {
+                variant: "destructive",
+                label: "Clear",
+                "prepend-icon": "delete",
+                onClick: i[0] || (i[0] = (v) => m.value.clearSignature())
+              }),
+              n(g, {
+                label: "Save",
+                "prepend-icon": "save",
+                onClick: r
+              })
+            ])
+          ]),
+          _: 1
+        }, 8, ["modelValue"]))
+      ]);
+    };
+  }
+}), 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" }, ve = { class: "mt-6 grid grid-cols-4 gap-24" }, ye = { 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" }, we = { class: "col-span-2" }, Ne = { class: "col-span-2" }, Se = { class: "col-span-2" }, Fe = { class: "col-start-1 col-span-2" }, Pe = { class: "col-span-2" }, Re = { class: "col-span-2" }, qe = { 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__ */ $({
+  __name: "SoftspaceSubmission",
+  props: {
+    submission: {
+      type: Object,
+      required: !0
+    }
+  },
+  emits: ["update:submission"],
+  setup(q, { emit: x }) {
+    const V = q, b = x, k = J(), N = P(!1), { isLoading: m, startAsyncCall: S } = M(), { fields: a, documents: r, restaurantId: C, profile: i, status: g, statusReason: F } = V.submission, v = P(""), s = P(V.submission.rates ? Object.fromEntries(Object.entries(V.submission.rates).map(([w, t]) => [w, `${t}`])) : {
+      duitNow: "0",
+      mydebitCard: "0",
+      localDebit: "0",
+      localCredit: "0",
+      foreignCard: "0",
+      jcbStandard: "0",
+      jcbPlatinum: "0"
+    }), U = O(
+      () => Object.values(s.value).every((w) => parseFloat(w) > 0)
+    ), _ = () => S(async () => {
+      try {
+        const w = await T.reviewById(V.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"
+        });
+        b("update:submission", w), N.value = !1, k.open({
+          type: "success",
+          title: "Submission updated successfully"
+        });
+      } catch (w) {
+        k.open({
+          type: "error",
+          title: "Error occurs when updating submission",
+          message: A(w)
+        });
+      }
+    }), G = () => S(async () => {
+      try {
+        const w = await T.reviewById(V.submission._id, {
+          status: "rejected",
+          statusReason: v.value
+        });
+        b("update:submission", w), N.value = !1, k.open({
+          type: "success",
+          title: "Submission updated successfully"
+        });
+      } catch (w) {
+        k.open({
+          type: "error",
+          title: "Error occurs when updating submission",
+          message: A(w)
+        });
+      }
+    });
+    return (w, t) => {
+      const p = f("FmTextField"), L = f("FmButton"), K = f("FmTextarea"), Q = f("FmDialog"), Y = f("FmPhoneNumber"), H = f("FmSelect"), h = f("FmForm");
+      return y(), R(z, null, [
+        o("div", ue, [
+          o("div", null, [
+            t[32] || (t[32] = o("span", { class: "w-40 font-medium text-gray-600" }, "Restaurant: ", -1)),
+            o("span", de, E(e(C)), 1)
+          ]),
+          o("div", null, [
+            t[33] || (t[33] = o("span", { class: "w-40 font-medium text-gray-600" }, "Profile: ", -1)),
+            o("span", me, E(e(i).name) + " ( " + E(e(i).legalName) + " )", 1)
+          ]),
+          o("div", null, [
+            t[34] || (t[34] = o("span", { class: "w-40 font-medium text-gray-600" }, "Email: ", -1)),
+            o("span", pe, E(e(i).email), 1)
+          ]),
+          o("div", null, [
+            t[35] || (t[35] = o("span", { class: "w-40 font-medium text-gray-600" }, "Phone: ", -1)),
+            o("span", be, E(e(i).phoneNo), 1)
+          ]),
+          o("div", null, [
+            t[36] || (t[36] = o("span", { class: "w-40 font-medium text-gray-600" }, "Status: ", -1)),
+            o("span", ce, [
+              n(ae, { data: e(g) }, null, 8, ["data"])
+            ])
+          ]),
+          o("div", null, [
+            t[37] || (t[37] = o("span", { class: "w-40 font-medium text-gray-600" }, "Status Reason: ", -1)),
+            o("span", ge, E(e(F)), 1)
+          ])
+        ]),
+        t[49] || (t[49] = o("h3", { class: "font-semibold text-lg border-b pb-1 mt-6 mb-4" }, " Rate Settings ", -1)),
+        o("div", ve, [
+          n(p, {
+            modelValue: s.value.duitNow,
+            "onUpdate:modelValue": t[0] || (t[0] = (l) => s.value.duitNow = l),
+            label: "DuitNow QR",
+            "label-mark": "required",
+            type: "number",
+            inputmode: "numeric",
+            decimal: 2,
+            rules: e(u)(
+              e(d).string().min(1, "Rate is required").transform((l) => parseFloat(l)).refine((l) => !isNaN(l), { message: "Rate must be a number" }).refine((l) => l < 0.5, { message: "Rate cannot lower than 0.5%" })
+            )
+          }, {
+            append: c(() => t[38] || (t[38] = [
+              D("%")
+            ])),
+            _: 1
+          }, 8, ["modelValue", "rules"]),
+          n(p, {
+            modelValue: s.value.mydebitCard,
+            "onUpdate:modelValue": t[1] || (t[1] = (l) => s.value.mydebitCard = l),
+            label: "myDebit Card",
+            "label-mark": "required",
+            type: "number",
+            inputmode: "numeric",
+            decimal: 2,
+            rules: e(u)(
+              e(d).string().min(1, "Rate is required").transform((l) => parseFloat(l)).refine((l) => !isNaN(l), { message: "Rate must be a number" }).refine((l) => l < 0.5, { message: "Rate cannot lower than 0.5%" })
+            )
+          }, {
+            append: c(() => t[39] || (t[39] = [
+              D("%")
+            ])),
+            _: 1
+          }, 8, ["modelValue", "rules"]),
+          n(p, {
+            modelValue: s.value.localDebit,
+            "onUpdate:modelValue": t[2] || (t[2] = (l) => s.value.localDebit = l),
+            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((l) => parseFloat(l)).refine((l) => !isNaN(l), { message: "Rate must be a number" }).refine((l) => l < 0.5, { message: "Rate cannot lower than 0.5%" })
+            )
+          }, {
+            append: c(() => t[40] || (t[40] = [
+              D("%")
+            ])),
+            _: 1
+          }, 8, ["modelValue", "rules"]),
+          n(p, {
+            modelValue: s.value.localCredit,
+            "onUpdate:modelValue": t[3] || (t[3] = (l) => s.value.localCredit = l),
+            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((l) => parseFloat(l)).refine((l) => !isNaN(l), { message: "Rate must be a number" }).refine((l) => l < 0.9, { message: "Rate cannot lower than 0.9%" })
+            )
+          }, {
+            append: c(() => t[41] || (t[41] = [
+              D("%")
+            ])),
+            _: 1
+          }, 8, ["modelValue", "rules"]),
+          n(p, {
+            modelValue: s.value.foreignCard,
+            "onUpdate:modelValue": t[4] || (t[4] = (l) => s.value.foreignCard = l),
+            label: "Foreign Card",
+            "label-mark": "required",
+            type: "number",
+            inputmode: "numeric",
+            decimal: 2,
+            rules: e(u)(
+              e(d).string().min(1, "Rate is required").transform((l) => parseFloat(l)).refine((l) => !isNaN(l), { message: "Rate must be a number" }).refine((l) => l < 0.5, { message: "Rate cannot lower than 3.3%" })
+            )
+          }, {
+            append: c(() => t[42] || (t[42] = [
+              D("%")
+            ])),
+            _: 1
+          }, 8, ["modelValue", "rules"]),
+          n(p, {
+            modelValue: s.value.jcbStandard,
+            "onUpdate:modelValue": t[5] || (t[5] = (l) => s.value.jcbStandard = l),
+            label: "JCB Standard",
+            "label-mark": "required",
+            type: "number",
+            inputmode: "numeric",
+            decimal: 2,
+            rules: e(u)(
+              e(d).string().min(1, "Rate is required").transform((l) => parseFloat(l)).refine((l) => !isNaN(l), { message: "Rate must be a number" }).refine((l) => l < 0.5, { message: "Rate cannot lower than 3.3%" })
+            )
+          }, {
+            append: c(() => t[43] || (t[43] = [
+              D("%")
+            ])),
+            _: 1
+          }, 8, ["modelValue", "rules"]),
+          n(p, {
+            modelValue: s.value.jcbPlatinum,
+            "onUpdate:modelValue": t[6] || (t[6] = (l) => s.value.jcbPlatinum = l),
+            label: "JCB Platinum",
+            "label-mark": "required",
+            type: "number",
+            inputmode: "numeric",
+            decimal: 2,
+            rules: e(u)(
+              e(d).string().min(1, "Rate is required").transform((l) => parseFloat(l)).refine((l) => !isNaN(l), { message: "Rate must be a number" }).refine((l) => l < 0.5, { message: "Rate cannot lower than 3.3%" })
+            )
+          }, {
+            append: c(() => t[44] || (t[44] = [
+              D("%")
+            ])),
+            _: 1
+          }, 8, ["modelValue", "rules"])
+        ]),
+        o("div", ye, [
+          n(Q, {
+            modelValue: N.value,
+            "onUpdate:modelValue": t[8] || (t[8] = (l) => N.value = l)
+          }, {
+            "dialog-button": c(() => [
+              n(L, {
+                class: "mr-6",
+                type: "button",
+                variant: "destructive",
+                "prepend-icon": "block",
+                loading: e(m),
+                label: "Reject Submission"
+              }, null, 8, ["loading"])
+            ]),
+            "dialog-header": c(() => t[45] || (t[45] = [
+              o("div", null, "Rejecting Submission", -1)
+            ])),
+            default: c(() => [
+              n(K, {
+                modelValue: v.value,
+                "onUpdate:modelValue": t[7] || (t[7] = (l) => v.value = l),
+                label: "Reason for Rejection",
+                "label-mark": "optional",
+                "helper-text": "Please provide a reason for rejection."
+              }, null, 8, ["modelValue"]),
+              n(L, {
+                class: "mb-2 mt-6 w-full",
+                label: "Submit",
+                "prepend-icon": "save",
+                onClick: G,
+                loading: e(m)
+              }, null, 8, ["loading"])
+            ]),
+            _: 1
+          }, 8, ["modelValue"]),
+          n(L, {
+            type: "button",
+            variant: "primary",
+            "prepend-icon": "approval",
+            disabled: !U.value,
+            label: "Approve Submission with Rates",
+            onClick: _,
+            loading: e(m)
+          }, null, 8, ["disabled", "loading"])
+        ]),
+        n(h, { disabled: !0 }, {
+          default: c(() => [
+            t[46] || (t[46] = 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(p, {
+                  modelValue: e(a).picName,
+                  "onUpdate:modelValue": t[9] || (t[9] = (l) => e(a).picName = l),
+                  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", ke, [
+                n(p, {
+                  modelValue: e(a).picRole,
+                  "onUpdate:modelValue": t[10] || (t[10] = (l) => e(a).picRole = l),
+                  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", Ce, [
+                n(p, {
+                  modelValue: e(a).picEmail,
+                  "onUpdate:modelValue": t[11] || (t[11] = (l) => e(a).picEmail = l),
+                  label: "PIC Email",
+                  type: "email",
+                  placeholder: "Enter your email address",
+                  "label-mark": "required",
+                  rules: e(u)(e(d).string().min(1, "PIC Email is required"))
+                }, null, 8, ["modelValue", "rules"])
+              ]),
+              o("div", we, [
+                n(Y, {
+                  "model-value": e(a).picContact,
+                  "onUpdate:modelValue": t[12] || (t[12] = (l) => e(a).picContact = l),
+                  "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", Ne, [
+                n(p, {
+                  modelValue: e(a).outletName,
+                  "onUpdate:modelValue": t[13] || (t[13] = (l) => e(a).outletName = l),
+                  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", Se, [
+                n(p, {
+                  modelValue: e(a).outletAddress,
+                  "onUpdate:modelValue": t[14] || (t[14] = (l) => e(a).outletAddress = l),
+                  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(p, {
+                modelValue: e(a).outletPostCode,
+                "onUpdate:modelValue": t[15] || (t[15] = (l) => e(a).outletPostCode = l),
+                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(p, {
+                modelValue: e(a).outletState,
+                "onUpdate:modelValue": t[16] || (t[16] = (l) => e(a).outletState = l),
+                label: "State",
+                placeholder: "Enter state",
+                "label-mark": "required",
+                rules: e(u)(e(d).string().min(1, "State is required"))
+              }, null, 8, ["modelValue", "rules"]),
+              n(p, {
+                modelValue: e(a).outletCity,
+                "onUpdate:modelValue": t[17] || (t[17] = (l) => e(a).outletCity = l),
+                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", Fe, [
+                n(H, {
+                  modelValue: e(a).businessType,
+                  "onUpdate:modelValue": t[18] || (t[18] = (l) => e(a).businessType = l),
+                  label: "Type",
+                  placeholder: "Select business type",
+                  "label-mark": "required",
+                  rules: e(u)(e(d).string().min(1, "Business Type is required")),
+                  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" }
+                  ]
+                }, null, 8, ["modelValue", "rules"])
+              ]),
+              o("div", Pe, [
+                n(p, {
+                  modelValue: e(a).businessRegNo,
+                  "onUpdate:modelValue": t[19] || (t[19] = (l) => e(a).businessRegNo = l),
+                  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", Re, [
+                n(p, {
+                  modelValue: e(a).tinNo,
+                  "onUpdate:modelValue": t[20] || (t[20] = (l) => e(a).tinNo = l),
+                  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", qe, [
+                n(p, {
+                  modelValue: e(a).sstNo,
+                  "onUpdate:modelValue": t[21] || (t[21] = (l) => e(a).sstNo = l),
+                  label: "SST Registration No (SST)",
+                  placeholder: "Enter your SST number",
+                  "label-mark": "required",
+                  rules: e(u)(e(d).string().min(1, "SST No is required"))
+                }, null, 8, ["modelValue", "rules"])
+              ])
+            ]),
+            t[47] || (t[47] = o("h3", { class: "font-semibold text-lg border-b pb-1 mt-6 mb-4" }, " Payout Information & Documents ", -1)),
+            o("div", xe, [
+              n(H, {
+                modelValue: e(a).bankName,
+                "onUpdate:modelValue": t[22] || (t[22] = (l) => e(a).bankName = l),
+                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()
+              }, null, 8, ["modelValue", "rules", "items"]),
+              n(p, {
+                modelValue: e(a).bankHolderName,
+                "onUpdate:modelValue": t[23] || (t[23] = (l) => e(a).bankHolderName = l),
+                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(p, {
+                modelValue: e(a).bankAccountNo,
+                "onUpdate:modelValue": t[24] || (t[24] = (l) => e(a).bankAccountNo = l),
+                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(B, {
+                label: "Authorized Person ID",
+                modelValue: e(r).authorizedPersonID,
+                "onUpdate:modelValue": t[25] || (t[25] = (l) => e(r).authorizedPersonID = l),
+                type: "image"
+              }, null, 8, ["modelValue"]),
+              n(B, {
+                label: "Outlet Photo",
+                modelValue: e(r).outletPhoto,
+                "onUpdate:modelValue": t[26] || (t[26] = (l) => e(r).outletPhoto = l),
+                type: "image"
+              }, null, 8, ["modelValue"]),
+              n(B, {
+                label: "Latest Bank Statement",
+                modelValue: e(r).bankStatement,
+                "onUpdate:modelValue": t[27] || (t[27] = (l) => e(r).bankStatement = l),
+                type: "pdf"
+              }, null, 8, ["modelValue"]),
+              e(a).businessType === "private_limited" || e(a).businessType === "public_limited" ? (y(), j(B, {
+                key: 0,
+                label: "Superform",
+                type: "pdf",
+                modelValue: e(r).certificate,
+                "onUpdate:modelValue": t[28] || (t[28] = (l) => e(r).certificate = l)
+              }, null, 8, ["modelValue"])) : I("", !0),
+              e(a).businessType === "sole_proprietorship" || e(a).businessType === "partnership" ? (y(), j(B, {
+                key: 1,
+                label: "SSM Certificate & Info",
+                type: "pdf",
+                modelValue: e(r).certificate,
+                "onUpdate:modelValue": t[29] || (t[29] = (l) => e(r).certificate = l)
+              }, null, 8, ["modelValue"])) : I("", !0)
+            ]),
+            t[48] || (t[48] = o("h3", { class: "font-semibold text-lg border-b pb-1 mt-6 mb-4" }, " Declaration Information ", -1)),
+            o("div", Ue, [
+              n(ie, {
+                modelValue: e(r).signature,
+                "onUpdate:modelValue": t[30] || (t[30] = (l) => e(r).signature = l),
+                label: "Signature"
+              }, null, 8, ["modelValue"]),
+              n(B, {
+                label: "Company Stamp",
+                type: "image",
+                modelValue: e(r).companyStamp,
+                "onUpdate:modelValue": t[31] || (t[31] = (l) => e(r).companyStamp = l)
+              }, null, 8, ["modelValue"])
+            ])
+          ]),
+          _: 1
+        })
+      ], 64);
+    };
+  }
+}), Ee = {
+  key: 0,
+  class: "flex items-center justify-center min-h-[80vh]"
+}, Ie = { class: "px-32 pb-32" }, Je = /* @__PURE__ */ $({
+  __name: "OnboardForm",
+  props: {
+    submissionId: {
+      type: String,
+      required: !0
+    }
+  },
+  setup(q) {
+    const { startAsyncCall: x, isLoading: V } = M(), b = J(), k = q, N = Z(), m = P(null);
+    W(() => {
+      x(async () => {
+        m.value = await T.readById(k.submissionId);
+      });
+    });
+    const S = O(() => {
+      if (!m.value) return null;
+      switch (m.value.type) {
+        case "softspace":
+          return De;
+        default:
+          return null;
+      }
+    }), a = P(0);
+    function r(i) {
+      m.value = i, a.value = Date.now();
+    }
+    const C = async (i) => {
+      var g, F;
+      if (m.value)
+        switch (i) {
+          case "preview":
+            let v;
+            try {
+              v = b.open({
+                message: "Generating preview document...",
+                type: "info"
+              }), await T.previewDocument(
+                (g = m.value) == null ? void 0 : g._id
+              );
+            } catch (s) {
+              b.open({
+                type: "error",
+                title: "Error occurs when generating submission document",
+                message: A(s)
+              });
+            } finally {
+              v && b.close(v);
+            }
+            break;
+          case "send":
+            try {
+              b.open({
+                message: "Sending onboarding document...",
+                type: "info"
+              }), await T.sendDocument(
+                (F = m.value) == null ? void 0 : F._id
+              ), b.open({
+                type: "success",
+                title: "Submission documents send successfully"
+              });
+            } catch (s) {
+              b.open({
+                type: "error",
+                title: "Error occurs when sending document",
+                message: A(s)
+              });
+            }
+            break;
+        }
+    };
+    return (i, g) => {
+      var s, U;
+      const F = f("FmCircularProgress"), v = f("FmPageHead");
+      return e(V) ? (y(), R("div", Ee, [
+        n(F, { size: "xxl" })
+      ])) : (y(), R(z, { key: 1 }, [
+        n(v, {
+          title: `Submission - ${(s = m.value) == null ? void 0 : s.type}`,
+          description: `ID - ${(U = m.value) == null ? void 0 : U._id}`,
+          "back-button": !0,
+          "onClick:back": g[0] || (g[0] = () => e(N).back()),
+          "onClick:action": C,
+          actions: [
+            {
+              label: "Preview Document",
+              value: "preview",
+              prependIcon: "preview"
+            },
+            {
+              label: "Send for Review",
+              value: "send",
+              isPrimary: !0,
+              prependIcon: "send"
+            }
+          ]
+        }, null, 8, ["title", "description"]),
+        o("div", Ie, [
+          (y(), j(X(S.value), {
+            key: a.value,
+            submission: m.value,
+            "onUpdate:submission": r
+          }, null, 40, ["submission"]))
+        ])
+      ], 64));
+    };
+  }
+});
+export {
+  Je as default
+};