@feedmepos/mf-payment 1.5.9-dev → 1.5.10-dev

package/dist/OnboardForm-DI76E48F.js

@@ -0,0 +1,1158 @@
+import { defineComponent as M, ref as R, computed as W, resolveComponent as k, openBlock as C, createElementBlock as A, createElementVNode as o, toDisplayString as I, createBlock as T, withCtx as v, createCommentVNode as D, createVNode as n, unref as e, Fragment as K, createTextVNode as O, onMounted as _, resolveDynamicComponent as ee } from "vue";
+import { o as L } from "./index-BqR-1lMt.js";
+import { u as Q } from "./index-CPRFae6C.js";
+import { useRouter as le } from "vue-router";
+import { z as u, a as d } from "./validator-DzjyJnvv.js";
+import { P as te } from "./payout-account-Cuyubk9y.js";
+import { _ as X } from "./DocumentViewer.vue_vue_type_script_setup_true_lang-BOeGeY7m.js";
+import { s as ae } from "./vue-signature-pad.esm-IXPjf4fL.js";
+import { _ as Z } from "./Status.vue_vue_type_script_setup_true_lang-D8XZZvTw.js";
+import { useSnackbar as Y } from "@feedmepos/ui-library";
+import { u as z } from "./error-K1CakhA9.js";
+const se = ["src"], P = /* @__PURE__ */ M({
+  __name: "UploadButton",
+  props: {
+    modelValue: {},
+    label: {},
+    type: {},
+    restaurantId: {}
+  },
+  emits: ["update:modelValue"],
+  setup(p, { emit: $ }) {
+    const w = p, N = R(w.modelValue), q = $, S = (s) => {
+      const i = new FileReader();
+      i.onload = (F) => {
+        var b;
+        N.value = (b = F.target) == null ? void 0 : b.result, q("update:modelValue", s);
+      }, i.readAsDataURL(s);
+    }, g = (s) => {
+      window.open(s, "_blank", "noopener,noreferrer");
+    }, U = W(() => w.type === "image" ? ".png, .jpg, .jpeg" : ".pdf");
+    return (s, i) => {
+      const F = k("FmButton"), b = k("FmDropField");
+      return C(), A("div", null, [
+        o("p", null, I(p.label), 1),
+        N.value ? (C(), T(X, {
+          key: 0,
+          document: N.value,
+          "restaurant-id": p.restaurantId
+        }, {
+          default: v(({ src: f }) => [
+            p.type === "image" ? (C(), A("img", {
+              key: 0,
+              src: f
+            }, null, 8, se)) : D("", !0),
+            p.type === "pdf" ? (C(), T(F, {
+              key: 1,
+              class: "mt-4 w-full",
+              "prepend-icon": "manage_accounts",
+              label: "View Document",
+              variant: "primary",
+              onVnodeMounted: () => g(f),
+              onClick: () => g(f)
+            }, null, 8, ["onVnodeMounted", "onClick"])) : D("", !0)
+          ]),
+          _: 1
+        }, 8, ["document", "restaurant-id"])) : (C(), T(b, {
+          key: 1,
+          accept: U.value,
+          onFileUpload: S
+        }, null, 8, ["accept"]))
+      ]);
+    };
+  }
+}), oe = ["src"], ne = {
+  key: 0,
+  class: "text-center text-red-700 py-4"
+}, re = { class: "flex justify-evenly py-3" }, ie = /* @__PURE__ */ M({
+  __name: "SignatureBoard",
+  props: {
+    modelValue: {},
+    label: {},
+    restaurantId: {}
+  },
+  emits: ["update:modelValue"],
+  setup(p, { emit: $ }) {
+    const w = p, N = $, q = R(w.modelValue), S = R(!1), g = R(), U = R(!1);
+    function s(F, b) {
+      var j;
+      const f = F.split(","), B = ((j = f[0].match(/:(.*?);/)) == null ? void 0 : j[1]) || "", y = atob(f[1]);
+      let m = y.length;
+      const x = new Uint8Array(m);
+      for (; m--; )
+        x[m] = y.charCodeAt(m);
+      return new File([x], b, { type: B });
+    }
+    const i = function() {
+      const { isEmpty: F, data: b } = g.value.saveSignature();
+      if (F)
+        return S.value = !0;
+      q.value = b, U.value = !1, N("update:modelValue", s(b, "signature.png"));
+    };
+    return (F, b) => {
+      const f = k("FmButton"), B = k("FmDialog");
+      return C(), A("div", null, [
+        o("p", null, I(p.label), 1),
+        q.value ? (C(), T(X, {
+          key: 0,
+          document: q.value,
+          "restaurant-id": p.restaurantId
+        }, {
+          default: v(({ src: y }) => [
+            o("img", {
+              src: y,
+              alt: "Signature Preview",
+              class: "w-full h-auto"
+            }, null, 8, oe)
+          ]),
+          _: 1
+        }, 8, ["document", "restaurant-id"])) : D("", !0),
+        q.value ? D("", !0) : (C(), T(B, {
+          key: 1,
+          modelValue: U.value,
+          "onUpdate:modelValue": b[1] || (b[1] = (y) => U.value = y)
+        }, {
+          "dialog-button": v(() => [
+            n(f, {
+              "prepend-icon": "signature",
+              class: "w-full",
+              label: "Signature"
+            })
+          ]),
+          "dialog-header": v(() => [...b[2] || (b[2] = [
+            o("div", null, "Signature Board", -1)
+          ])]),
+          default: v(() => [
+            n(e(ae), {
+              ref_key: "signaturePad",
+              ref: g,
+              height: "300px",
+              customStyle: { border: "2px solid #ccc", borderRadius: "3px" },
+              options: { penColor: "#000000" }
+            }, null, 512),
+            S.value ? (C(), A("p", ne, " Please sign your signature before saving. ")) : D("", !0),
+            o("div", re, [
+              n(f, {
+                variant: "destructive",
+                label: "Clear",
+                "prepend-icon": "delete",
+                onClick: b[0] || (b[0] = (y) => g.value.clearSignature())
+              }),
+              n(f, {
+                label: "Save",
+                "prepend-icon": "save",
+                onClick: i
+              })
+            ])
+          ]),
+          _: 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" }, ge = { class: "text-gray-900" }, ce = { class: "text-gray-900" }, Ve = { class: "mt-6 grid grid-cols-4 gap-24" }, ye = { class: "w-full flex justify-end mt-6" }, ve = { class: "mt-6 grid grid-cols-4 gap-24" }, fe = { class: "col-span-2" }, ke = { class: "col-span-2" }, Ce = { class: "col-span-2" }, Ne = { class: "col-span-2" }, qe = { class: "col-span-2" }, Se = { class: "col-span-2" }, Pe = { class: "col-start-1 col-span-2" }, we = { class: "col-span-2" }, Fe = { class: "col-span-2" }, Ie = { class: "col-span-2" }, Ue = { class: "mt-6 grid grid-cols-4 gap-24" }, xe = { class: "mt-6 grid grid-cols-2 gap-24" }, Re = /* @__PURE__ */ M({
+  __name: "SoftspaceSubmission",
+  props: {
+    submission: {
+      type: Object,
+      required: !0
+    }
+  },
+  emits: ["update:submission"],
+  setup(p, { emit: $ }) {
+    const w = p, N = $, q = Y(), S = R(!1), { isLoading: g, startAsyncCall: U } = Q(), { fields: s, documents: i, restaurantId: F, profile: b, status: f, statusReason: B } = w.submission, y = R(""), m = R(
+      w.submission.rates ? Object.fromEntries(
+        Object.entries(w.submission.rates).map(([t, l]) => [t, `${l}`])
+      ) : {
+        duitNow: "0.8",
+        mydebitCard: "0.5",
+        localDebit: "0.5",
+        localCredit: "1.1",
+        foreignCard: "3.2",
+        jcbStandard: "2.2",
+        jcbPlatinum: "2.2"
+      }
+    ), x = W(
+      () => Object.values(m.value).every((t) => parseFloat(t) > 0)
+    ), j = () => U(async () => {
+      try {
+        const t = await L.reviewById(
+          w.submission._id,
+          {
+            rates: {
+              duitNow: parseFloat(m.value.duitNow),
+              mydebitCard: parseFloat(m.value.mydebitCard),
+              localDebit: parseFloat(m.value.localDebit),
+              localCredit: parseFloat(m.value.localCredit),
+              foreignCard: parseFloat(m.value.foreignCard),
+              jcbStandard: parseFloat(m.value.jcbStandard),
+              jcbPlatinum: parseFloat(m.value.jcbPlatinum)
+            },
+            status: "approved"
+          }
+        );
+        N("update:submission", t), S.value = !1, q.open({
+          type: "success",
+          title: "Submission updated successfully"
+        });
+      } catch (t) {
+        q.open({
+          type: "error",
+          title: "Error occurs when updating submission",
+          message: z(t)
+        });
+      }
+    }), E = () => U(async () => {
+      try {
+        const t = await L.reviewById(
+          w.submission._id,
+          {
+            status: "rejected",
+            statusReason: y.value
+          }
+        );
+        N("update:submission", t), S.value = !1, q.open({
+          type: "success",
+          title: "Submission updated successfully"
+        });
+      } catch (t) {
+        q.open({
+          type: "error",
+          title: "Error occurs when updating submission",
+          message: z(t)
+        });
+      }
+    });
+    return (t, l) => {
+      const c = k("FmTextField"), H = k("FmButton"), V = k("FmTextarea"), J = k("FmDialog"), G = k("FmPhoneNumber"), r = k("FmSelect"), h = k("FmForm");
+      return C(), A(K, 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, I(e(F)), 1)
+          ]),
+          o("div", null, [
+            l[34] || (l[34] = o("span", { class: "w-40 font-medium text-gray-600" }, "Profile: ", -1)),
+            o("span", me, I(e(b).name) + " ( " + I(e(b).legalName) + " )", 1)
+          ]),
+          o("div", null, [
+            l[35] || (l[35] = o("span", { class: "w-40 font-medium text-gray-600" }, "Email: ", -1)),
+            o("span", pe, I(e(b).email), 1)
+          ]),
+          o("div", null, [
+            l[36] || (l[36] = o("span", { class: "w-40 font-medium text-gray-600" }, "Phone: ", -1)),
+            o("span", be, I(e(b).phoneNo), 1)
+          ]),
+          o("div", null, [
+            l[37] || (l[37] = o("span", { class: "w-40 font-medium text-gray-600" }, "Status: ", -1)),
+            o("span", ge, [
+              n(Z, { data: e(f) }, 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, I(e(B)), 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", Ve, [
+          n(c, {
+            modelValue: m.value.duitNow,
+            "onUpdate:modelValue": l[0] || (l[0] = (a) => m.value.duitNow = a),
+            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" })
+            )
+          }, {
+            append: v(() => [...l[39] || (l[39] = [
+              O("%", -1)
+            ])]),
+            _: 1
+          }, 8, ["modelValue", "rules"]),
+          n(c, {
+            modelValue: m.value.mydebitCard,
+            "onUpdate:modelValue": l[1] || (l[1] = (a) => m.value.mydebitCard = a),
+            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" })
+            )
+          }, {
+            append: v(() => [...l[40] || (l[40] = [
+              O("%", -1)
+            ])]),
+            _: 1
+          }, 8, ["modelValue", "rules"]),
+          n(c, {
+            modelValue: m.value.localDebit,
+            "onUpdate:modelValue": l[2] || (l[2] = (a) => m.value.localDebit = a),
+            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" })
+            )
+          }, {
+            append: v(() => [...l[41] || (l[41] = [
+              O("%", -1)
+            ])]),
+            _: 1
+          }, 8, ["modelValue", "rules"]),
+          n(c, {
+            modelValue: m.value.localCredit,
+            "onUpdate:modelValue": l[3] || (l[3] = (a) => m.value.localCredit = a),
+            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" })
+            )
+          }, {
+            append: v(() => [...l[42] || (l[42] = [
+              O("%", -1)
+            ])]),
+            _: 1
+          }, 8, ["modelValue", "rules"]),
+          n(c, {
+            modelValue: m.value.foreignCard,
+            "onUpdate:modelValue": l[4] || (l[4] = (a) => m.value.foreignCard = a),
+            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" })
+            )
+          }, {
+            append: v(() => [...l[43] || (l[43] = [
+              O("%", -1)
+            ])]),
+            _: 1
+          }, 8, ["modelValue", "rules"]),
+          n(c, {
+            modelValue: m.value.jcbStandard,
+            "onUpdate:modelValue": l[5] || (l[5] = (a) => m.value.jcbStandard = a),
+            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" })
+            )
+          }, {
+            append: v(() => [...l[44] || (l[44] = [
+              O("%", -1)
+            ])]),
+            _: 1
+          }, 8, ["modelValue", "rules"]),
+          n(c, {
+            modelValue: m.value.jcbPlatinum,
+            "onUpdate:modelValue": l[6] || (l[6] = (a) => m.value.jcbPlatinum = a),
+            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" })
+            )
+          }, {
+            append: v(() => [...l[45] || (l[45] = [
+              O("%", -1)
+            ])]),
+            _: 1
+          }, 8, ["modelValue", "rules"])
+        ]),
+        o("div", ye, [
+          n(J, {
+            modelValue: S.value,
+            "onUpdate:modelValue": l[8] || (l[8] = (a) => S.value = a)
+          }, {
+            "dialog-button": v(() => [
+              n(H, {
+                class: "mr-6",
+                type: "button",
+                variant: "destructive",
+                "prepend-icon": "block",
+                loading: e(g),
+                label: "Reject Submission"
+              }, null, 8, ["loading"])
+            ]),
+            "dialog-header": v(() => [...l[46] || (l[46] = [
+              o("div", null, "Rejecting Submission", -1)
+            ])]),
+            default: v(() => [
+              n(V, {
+                modelValue: y.value,
+                "onUpdate:modelValue": l[7] || (l[7] = (a) => y.value = a),
+                label: "Reason for Rejection",
+                "label-mark": "optional",
+                "helper-text": "Please provide a reason for rejection."
+              }, null, 8, ["modelValue"]),
+              n(H, {
+                class: "mb-2 mt-6 w-full",
+                label: "Submit",
+                "prepend-icon": "save",
+                onClick: E,
+                loading: e(g)
+              }, null, 8, ["loading"])
+            ]),
+            _: 1
+          }, 8, ["modelValue"]),
+          n(H, {
+            type: "button",
+            variant: "primary",
+            "prepend-icon": "approval",
+            disabled: !x.value,
+            label: "Approve Submission with Rates",
+            onClick: j,
+            loading: e(g)
+          }, null, 8, ["disabled", "loading"])
+        ]),
+        n(h, { disabled: !0 }, {
+          default: v(() => [
+            l[47] || (l[47] = o("h3", { class: "font-semibold text-lg border-b pb-1 mt-6 mb-4" }, " Outlet Information ", -1)),
+            o("div", ve, [
+              o("div", fe, [
+                n(c, {
+                  modelValue: e(s).picName,
+                  "onUpdate:modelValue": l[9] || (l[9] = (a) => e(s).picName = a),
+                  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(c, {
+                  modelValue: e(s).picRole,
+                  "onUpdate:modelValue": l[10] || (l[10] = (a) => e(s).picRole = a),
+                  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(c, {
+                  modelValue: e(s).picEmail,
+                  "onUpdate:modelValue": l[11] || (l[11] = (a) => e(s).picEmail = a),
+                  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", Ne, [
+                n(G, {
+                  "model-value": e(s).picContact,
+                  "onUpdate:modelValue": l[12] || (l[12] = (a) => e(s).picContact = a),
+                  "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", qe, [
+                n(c, {
+                  modelValue: e(s).outletName,
+                  "onUpdate:modelValue": l[13] || (l[13] = (a) => e(s).outletName = a),
+                  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(c, {
+                  modelValue: e(s).outletAddress,
+                  "onUpdate:modelValue": l[14] || (l[14] = (a) => e(s).outletAddress = a),
+                  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(c, {
+                modelValue: e(s).outletPostCode,
+                "onUpdate:modelValue": l[15] || (l[15] = (a) => e(s).outletPostCode = a),
+                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(c, {
+                modelValue: e(s).outletState,
+                "onUpdate:modelValue": l[16] || (l[16] = (a) => e(s).outletState = a),
+                label: "State",
+                placeholder: "Enter state",
+                "label-mark": "required",
+                rules: e(u)(e(d).string().min(1, "State is required"))
+              }, null, 8, ["modelValue", "rules"]),
+              n(c, {
+                modelValue: e(s).outletCity,
+                "onUpdate:modelValue": l[17] || (l[17] = (a) => e(s).outletCity = a),
+                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", Pe, [
+                n(r, {
+                  modelValue: e(s).businessType,
+                  "onUpdate:modelValue": l[18] || (l[18] = (a) => e(s).businessType = a),
+                  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", we, [
+                n(c, {
+                  modelValue: e(s).businessRegNo,
+                  "onUpdate:modelValue": l[19] || (l[19] = (a) => e(s).businessRegNo = a),
+                  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", Fe, [
+                n(c, {
+                  modelValue: e(s).tinNo,
+                  "onUpdate:modelValue": l[20] || (l[20] = (a) => e(s).tinNo = a),
+                  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", Ie, [
+                n(c, {
+                  modelValue: e(s).sstNo,
+                  "onUpdate:modelValue": l[21] || (l[21] = (a) => e(s).sstNo = a),
+                  label: "SST Registration No (SST)",
+                  placeholder: "Enter your SST number",
+                  "label-mark": "optional"
+                }, null, 8, ["modelValue"])
+              ])
+            ]),
+            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", Ue, [
+              n(r, {
+                modelValue: e(s).bankName,
+                "onUpdate:modelValue": l[22] || (l[22] = (a) => e(s).bankName = a),
+                label: "Bank",
+                placeholder: "Select bank type",
+                "label-mark": "required",
+                rules: e(u)(e(d).string().min(1, "Bank Type is required")),
+                items: e(te).bankNameOptions()
+              }, null, 8, ["modelValue", "rules", "items"]),
+              n(c, {
+                modelValue: e(s).bankHolderName,
+                "onUpdate:modelValue": l[23] || (l[23] = (a) => e(s).bankHolderName = a),
+                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(c, {
+                modelValue: e(s).bankAccountNo,
+                "onUpdate:modelValue": l[24] || (l[24] = (a) => e(s).bankAccountNo = a),
+                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(P, {
+                label: "Authorized Person ID",
+                modelValue: e(i).authorizedPersonID,
+                "onUpdate:modelValue": l[25] || (l[25] = (a) => e(i).authorizedPersonID = a),
+                type: "image",
+                "restaurant-id": p.submission.restaurantId
+              }, null, 8, ["modelValue", "restaurant-id"]),
+              n(P, {
+                label: "Outlet Photo",
+                modelValue: e(i).outletPhoto,
+                "onUpdate:modelValue": l[26] || (l[26] = (a) => e(i).outletPhoto = a),
+                type: "image",
+                "restaurant-id": p.submission.restaurantId
+              }, null, 8, ["modelValue", "restaurant-id"]),
+              n(P, {
+                label: "Interior Photo",
+                modelValue: e(i).interiorPhoto,
+                "onUpdate:modelValue": l[27] || (l[27] = (a) => e(i).interiorPhoto = a),
+                type: "image",
+                "restaurant-id": p.submission.restaurantId
+              }, null, 8, ["modelValue", "restaurant-id"]),
+              n(P, {
+                label: "Latest Bank Statement",
+                modelValue: e(i).bankStatement,
+                "onUpdate:modelValue": l[28] || (l[28] = (a) => e(i).bankStatement = a),
+                type: "pdf",
+                "restaurant-id": p.submission.restaurantId
+              }, null, 8, ["modelValue", "restaurant-id"]),
+              e(s).businessType === "private_limited" || e(s).businessType === "public_limited" ? (C(), T(P, {
+                key: 0,
+                label: "Superform",
+                type: "pdf",
+                modelValue: e(i).certificate,
+                "onUpdate:modelValue": l[29] || (l[29] = (a) => e(i).certificate = a),
+                "restaurant-id": p.submission.restaurantId
+              }, null, 8, ["modelValue", "restaurant-id"])) : D("", !0),
+              e(s).businessType === "sole_proprietorship" || e(s).businessType === "partnership" ? (C(), T(P, {
+                key: 1,
+                label: "SSM Certificate & Info",
+                type: "pdf",
+                modelValue: e(i).certificate,
+                "onUpdate:modelValue": l[30] || (l[30] = (a) => e(i).certificate = a),
+                "restaurant-id": p.submission.restaurantId
+              }, null, 8, ["modelValue", "restaurant-id"])) : D("", !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", xe, [
+              n(ie, {
+                modelValue: e(i).signature,
+                "onUpdate:modelValue": l[31] || (l[31] = (a) => e(i).signature = a),
+                "restaurant-id": p.submission.restaurantId,
+                label: "Signature"
+              }, null, 8, ["modelValue", "restaurant-id"]),
+              n(P, {
+                label: "Company Stamp",
+                type: "image",
+                modelValue: e(i).companyStamp,
+                "onUpdate:modelValue": l[32] || (l[32] = (a) => e(i).companyStamp = a),
+                "restaurant-id": p.submission.restaurantId
+              }, null, 8, ["modelValue", "restaurant-id"])
+            ])
+          ]),
+          _: 1
+        })
+      ], 64);
+    };
+  }
+}), Be = { class: "space-y-2" }, Te = { class: "text-gray-900" }, Ee = { class: "text-gray-900" }, De = { class: "text-gray-900" }, $e = { class: "text-gray-900" }, je = { class: "text-gray-900" }, Ae = { class: "text-gray-900" }, Oe = { class: "w-full flex justify-end mt-6" }, Le = { class: "mt-6 grid grid-cols-4 gap-24" }, ze = { class: "col-span-2" }, He = { class: "col-span-2" }, Me = { class: "col-span-2" }, We = { class: "col-span-2" }, Je = { class: "mt-6 grid grid-cols-4 gap-24" }, Ge = { class: "mt-6 grid grid-cols-4 gap-24" }, Ke = { class: "mt-6 grid grid-cols-4 gap-24" }, Qe = { class: "col-span-2" }, Ye = { class: "col-span-2" }, Xe = { class: "col-span-2" }, Ze = { class: "col-span-2" }, he = { class: "col-span-2" }, _e = { class: "col-span-2" }, el = /* @__PURE__ */ M({
+  __name: "NTTSubmission",
+  props: {
+    submission: {
+      type: Object,
+      required: !0
+    }
+  },
+  emits: ["update:submission"],
+  setup(p, { emit: $ }) {
+    const w = p, N = $, q = Y(), S = R(!1), { isLoading: g, startAsyncCall: U } = Q(), { fields: s, documents: i, restaurantId: F, profile: b, status: f, statusReason: B } = w.submission, y = R(""), m = W(() => s.businessType === "juristic" ? "Juristic" : s.businessType === "individual" ? "Individual" : s.businessType || "-"), x = () => U(async () => {
+      try {
+        const E = await L.reviewById(
+          w.submission._id,
+          {
+            status: "approved"
+          }
+        );
+        N("update:submission", E), S.value = !1, q.open({
+          type: "success",
+          title: "Submission updated successfully"
+        });
+      } catch (E) {
+        q.open({
+          type: "error",
+          title: "Error occurs when updating submission",
+          message: z(E)
+        });
+      }
+    }), j = () => U(async () => {
+      try {
+        const E = await L.reviewById(
+          w.submission._id,
+          {
+            status: "rejected",
+            statusReason: y.value
+          }
+        );
+        N("update:submission", E), S.value = !1, q.open({
+          type: "success",
+          title: "Submission updated successfully"
+        });
+      } catch (E) {
+        q.open({
+          type: "error",
+          title: "Error occurs when updating submission",
+          message: z(E)
+        });
+      }
+    });
+    return (E, t) => {
+      const l = k("FmButton"), c = k("FmTextarea"), H = k("FmDialog"), V = k("FmTextField"), J = k("FmPhoneNumber"), G = k("FmForm");
+      return C(), A(K, null, [
+        o("div", Be, [
+          o("div", null, [
+            t[31] || (t[31] = o("span", { class: "w-40 font-medium text-gray-600" }, "Restaurant: ", -1)),
+            o("span", Te, I(e(F)), 1)
+          ]),
+          o("div", null, [
+            t[32] || (t[32] = o("span", { class: "w-40 font-medium text-gray-600" }, "Profile: ", -1)),
+            o("span", Ee, I(e(b).name) + " ( " + I(e(b).legalName) + " )", 1)
+          ]),
+          o("div", null, [
+            t[33] || (t[33] = o("span", { class: "w-40 font-medium text-gray-600" }, "Email: ", -1)),
+            o("span", De, I(e(b).email), 1)
+          ]),
+          o("div", null, [
+            t[34] || (t[34] = o("span", { class: "w-40 font-medium text-gray-600" }, "Phone: ", -1)),
+            o("span", $e, I(e(b).phoneNo), 1)
+          ]),
+          o("div", null, [
+            t[35] || (t[35] = o("span", { class: "w-40 font-medium text-gray-600" }, "Status: ", -1)),
+            o("span", je, [
+              n(Z, { data: e(f) }, null, 8, ["data"])
+            ])
+          ]),
+          o("div", null, [
+            t[36] || (t[36] = o("span", { class: "w-40 font-medium text-gray-600" }, "Status Reason: ", -1)),
+            o("span", Ae, I(e(B)), 1)
+          ])
+        ]),
+        o("div", Oe, [
+          n(H, {
+            modelValue: S.value,
+            "onUpdate:modelValue": t[1] || (t[1] = (r) => S.value = r)
+          }, {
+            "dialog-button": v(() => [
+              n(l, {
+                class: "mr-6",
+                type: "button",
+                variant: "destructive",
+                "prepend-icon": "block",
+                loading: e(g),
+                label: "Reject Submission"
+              }, null, 8, ["loading"])
+            ]),
+            "dialog-header": v(() => [...t[37] || (t[37] = [
+              o("div", null, "Rejecting Submission", -1)
+            ])]),
+            default: v(() => [
+              n(c, {
+                modelValue: y.value,
+                "onUpdate:modelValue": t[0] || (t[0] = (r) => y.value = r),
+                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: j,
+                loading: e(g)
+              }, null, 8, ["loading"])
+            ]),
+            _: 1
+          }, 8, ["modelValue"]),
+          n(l, {
+            type: "button",
+            variant: "primary",
+            "prepend-icon": "approval",
+            label: "Approve Submission",
+            onClick: x,
+            loading: e(g)
+          }, null, 8, ["loading"])
+        ]),
+        n(G, { disabled: !0 }, {
+          default: v(() => [
+            t[38] || (t[38] = o("h3", { class: "font-semibold text-lg border-b pb-1 mt-6 mb-4" }, " Outlet Information ", -1)),
+            o("div", Le, [
+              o("div", ze, [
+                n(V, {
+                  modelValue: e(s).companyName,
+                  "onUpdate:modelValue": t[2] || (t[2] = (r) => e(s).companyName = r),
+                  label: "Company Name",
+                  "label-mark": "required",
+                  rules: e(u)(e(d).string().min(1, "Company Name is required"))
+                }, null, 8, ["modelValue", "rules"])
+              ]),
+              o("div", He, [
+                n(V, {
+                  modelValue: e(s).outletName,
+                  "onUpdate:modelValue": t[3] || (t[3] = (r) => e(s).outletName = r),
+                  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", Me, [
+                n(V, {
+                  modelValue: e(s).outletNameEnglish,
+                  "onUpdate:modelValue": t[4] || (t[4] = (r) => e(s).outletNameEnglish = r),
+                  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", We, [
+                n(V, {
+                  modelValue: e(s).outletAddress,
+                  "onUpdate:modelValue": t[5] || (t[5] = (r) => e(s).outletAddress = r),
+                  label: "Outlet Address",
+                  "label-mark": "required",
+                  rules: e(u)(e(d).string().min(1, "Outlet Address is required"))
+                }, null, 8, ["modelValue", "rules"])
+              ]),
+              n(V, {
+                modelValue: e(s).outletPostCode,
+                "onUpdate:modelValue": t[6] || (t[6] = (r) => e(s).outletPostCode = r),
+                label: "Post Code",
+                "label-mark": "required",
+                rules: e(u)(e(d).string().min(1, "Post Code is required"))
+              }, null, 8, ["modelValue", "rules"]),
+              n(V, {
+                modelValue: e(s).outletState,
+                "onUpdate:modelValue": t[7] || (t[7] = (r) => e(s).outletState = r),
+                label: "State",
+                "label-mark": "required",
+                rules: e(u)(e(d).string().min(1, "State is required"))
+              }, null, 8, ["modelValue", "rules"]),
+              n(V, {
+                modelValue: e(s).outletCity,
+                "onUpdate:modelValue": t[8] || (t[8] = (r) => e(s).outletCity = r),
+                label: "City",
+                "label-mark": "required",
+                rules: e(u)(e(d).string().min(1, "City is required"))
+              }, null, 8, ["modelValue", "rules"]),
+              n(V, {
+                "model-value": m.value,
+                label: "Business Type",
+                "label-mark": "required"
+              }, null, 8, ["model-value"]),
+              n(V, {
+                modelValue: e(s).numberOfDevices,
+                "onUpdate:modelValue": t[9] || (t[9] = (r) => e(s).numberOfDevices = r),
+                label: "Number of Devices",
+                "label-mark": "required"
+              }, null, 8, ["modelValue"])
+            ]),
+            t[39] || (t[39] = o("h3", { class: "font-semibold text-lg border-b pb-1 mt-6 mb-4" }, " Payout Information ", -1)),
+            o("div", Je, [
+              n(V, {
+                modelValue: e(s).bankName,
+                "onUpdate:modelValue": t[10] || (t[10] = (r) => e(s).bankName = r),
+                label: "Bank Name",
+                "label-mark": "required",
+                rules: e(u)(e(d).string().min(1, "Bank Name is required"))
+              }, null, 8, ["modelValue", "rules"]),
+              n(V, {
+                modelValue: e(s).bankHolderName,
+                "onUpdate:modelValue": t[11] || (t[11] = (r) => e(s).bankHolderName = r),
+                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(V, {
+                modelValue: e(s).bankAccountNo,
+                "onUpdate:modelValue": t[12] || (t[12] = (r) => e(s).bankAccountNo = r),
+                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(V, {
+                modelValue: e(s).bankBranch,
+                "onUpdate:modelValue": t[13] || (t[13] = (r) => e(s).bankBranch = r),
+                label: "Bank Branch",
+                "label-mark": "required",
+                rules: e(u)(e(d).string().min(1, "Bank Branch is required"))
+              }, null, 8, ["modelValue", "rules"]),
+              n(V, {
+                modelValue: e(s).bankBranchCode,
+                "onUpdate:modelValue": t[14] || (t[14] = (r) => e(s).bankBranchCode = r),
+                label: "Bank Branch Code",
+                "label-mark": "required",
+                rules: e(u)(e(d).string().min(1, "Bank Branch Code is required"))
+              }, null, 8, ["modelValue", "rules"])
+            ]),
+            t[40] || (t[40] = o("h3", { class: "font-semibold text-lg border-b pb-1 mt-6 mb-4" }, "Documents", -1)),
+            o("div", Ge, [
+              n(P, {
+                label: "Authorized Person ID",
+                modelValue: e(i).authorizedPersonID,
+                "onUpdate:modelValue": t[15] || (t[15] = (r) => e(i).authorizedPersonID = r),
+                type: "image",
+                "restaurant-id": p.submission.restaurantId
+              }, null, 8, ["modelValue", "restaurant-id"]),
+              n(P, {
+                label: "Outlet Photo",
+                modelValue: e(i).outletPhoto,
+                "onUpdate:modelValue": t[16] || (t[16] = (r) => e(i).outletPhoto = r),
+                type: "image",
+                "restaurant-id": p.submission.restaurantId
+              }, null, 8, ["modelValue", "restaurant-id"]),
+              n(P, {
+                label: "Interior Photo",
+                modelValue: e(i).interiorPhoto,
+                "onUpdate:modelValue": t[17] || (t[17] = (r) => e(i).interiorPhoto = r),
+                type: "image",
+                "restaurant-id": p.submission.restaurantId
+              }, null, 8, ["modelValue", "restaurant-id"]),
+              n(P, {
+                label: "Bank Statement",
+                modelValue: e(i).bankStatement,
+                "onUpdate:modelValue": t[18] || (t[18] = (r) => e(i).bankStatement = r),
+                type: "pdf",
+                "restaurant-id": p.submission.restaurantId
+              }, null, 8, ["modelValue", "restaurant-id"]),
+              e(s).businessType === "juristic" ? (C(), T(P, {
+                key: 0,
+                label: "Company Certificate",
+                type: "pdf",
+                modelValue: e(i).companyCertificate,
+                "onUpdate:modelValue": t[19] || (t[19] = (r) => e(i).companyCertificate = r),
+                "restaurant-id": p.submission.restaurantId
+              }, null, 8, ["modelValue", "restaurant-id"])) : D("", !0),
+              e(s).businessType === "juristic" ? (C(), T(P, {
+                key: 1,
+                label: "VAT Certificate",
+                type: "pdf",
+                modelValue: e(i).vatCertificate,
+                "onUpdate:modelValue": t[20] || (t[20] = (r) => e(i).vatCertificate = r),
+                "restaurant-id": p.submission.restaurantId
+              }, null, 8, ["modelValue", "restaurant-id"])) : D("", !0),
+              e(s).businessType === "individual" ? (C(), T(P, {
+                key: 2,
+                label: "Commercial Certificate",
+                type: "pdf",
+                modelValue: e(i).commercialCertificate,
+                "onUpdate:modelValue": t[21] || (t[21] = (r) => e(i).commercialCertificate = r),
+                "restaurant-id": p.submission.restaurantId
+              }, null, 8, ["modelValue", "restaurant-id"])) : D("", !0)
+            ]),
+            t[41] || (t[41] = o("h3", { class: "font-semibold text-lg border-b pb-1 mt-6 mb-4" }, " Declaration Information ", -1)),
+            o("div", Ke, [
+              o("div", Qe, [
+                n(V, {
+                  modelValue: e(s).picName,
+                  "onUpdate:modelValue": t[22] || (t[22] = (r) => e(s).picName = r),
+                  label: "PIC Name",
+                  "label-mark": "required",
+                  rules: e(u)(e(d).string().min(1, "PIC Name is required"))
+                }, null, 8, ["modelValue", "rules"])
+              ]),
+              o("div", Ye, [
+                n(V, {
+                  modelValue: e(s).picRole,
+                  "onUpdate:modelValue": t[23] || (t[23] = (r) => e(s).picRole = r),
+                  label: "PIC Role",
+                  "label-mark": "required",
+                  rules: e(u)(e(d).string().min(1, "PIC Role is required"))
+                }, null, 8, ["modelValue", "rules"])
+              ]),
+              o("div", Xe, [
+                n(V, {
+                  modelValue: e(s).picEmail,
+                  "onUpdate:modelValue": t[24] || (t[24] = (r) => e(s).picEmail = r),
+                  label: "PIC Email",
+                  "label-mark": "required",
+                  rules: e(u)(e(d).string().min(1, "PIC Email is required"))
+                }, null, 8, ["modelValue", "rules"])
+              ]),
+              o("div", Ze, [
+                n(J, {
+                  "model-value": e(s).picContact,
+                  "onUpdate:modelValue": t[25] || (t[25] = (r) => e(s).picContact = r),
+                  "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", he, [
+                n(V, {
+                  modelValue: e(s).witnessName,
+                  "onUpdate:modelValue": t[26] || (t[26] = (r) => e(s).witnessName = r),
+                  label: "Witness Name",
+                  "label-mark": "required",
+                  rules: e(u)(e(d).string().min(1, "Witness Name is required"))
+                }, null, 8, ["modelValue", "rules"])
+              ]),
+              o("div", _e, [
+                n(V, {
+                  modelValue: e(s).witnessRole,
+                  "onUpdate:modelValue": t[27] || (t[27] = (r) => e(s).witnessRole = r),
+                  label: "Witness Role",
+                  "label-mark": "required",
+                  rules: e(u)(e(d).string().min(1, "Witness Role is required"))
+                }, null, 8, ["modelValue", "rules"])
+              ]),
+              n(P, {
+                label: "Signature",
+                type: "image",
+                modelValue: e(i).signature,
+                "onUpdate:modelValue": t[28] || (t[28] = (r) => e(i).signature = r),
+                "restaurant-id": p.submission.restaurantId
+              }, null, 8, ["modelValue", "restaurant-id"]),
+              n(P, {
+                label: "Witness Signature",
+                type: "image",
+                modelValue: e(i).witnessSignature,
+                "onUpdate:modelValue": t[29] || (t[29] = (r) => e(i).witnessSignature = r),
+                "restaurant-id": p.submission.restaurantId
+              }, null, 8, ["modelValue", "restaurant-id"]),
+              n(P, {
+                label: "Company Stamp",
+                type: "image",
+                modelValue: e(i).companyStamp,
+                "onUpdate:modelValue": t[30] || (t[30] = (r) => e(i).companyStamp = r),
+                "restaurant-id": p.submission.restaurantId
+              }, null, 8, ["modelValue", "restaurant-id"])
+            ])
+          ]),
+          _: 1
+        })
+      ], 64);
+    };
+  }
+}), ll = {
+  key: 0,
+  class: "flex items-center justify-center min-h-[80vh]"
+}, tl = { class: "px-32 pb-32" }, gl = /* @__PURE__ */ M({
+  __name: "OnboardForm",
+  props: {
+    submissionId: {
+      type: String,
+      required: !0
+    }
+  },
+  setup(p) {
+    const { startAsyncCall: $, isLoading: w } = Q(), N = Y(), q = p, S = le(), g = R(null), U = () => {
+      if (window.history.length > 1) {
+        S.back();
+        return;
+      }
+      S.push({ name: "mf-payment-admin.onboard-submission" });
+    };
+    _(() => {
+      $(async () => {
+        g.value = await L.readById(q.submissionId);
+      });
+    });
+    const s = W(() => {
+      if (!g.value) return null;
+      switch (g.value.type) {
+        case "softspace":
+          return Re;
+        case "ntt":
+          return el;
+        default:
+          return null;
+      }
+    }), i = R(0);
+    function F(f) {
+      g.value = f, i.value = Date.now();
+    }
+    const b = async (f) => {
+      var B, y;
+      if (g.value)
+        switch (f) {
+          case "preview":
+            let m;
+            try {
+              m = N.open({
+                message: "Generating preview document...",
+                type: "info"
+              }), await L.previewDocument(
+                (B = g.value) == null ? void 0 : B._id
+              );
+            } catch (x) {
+              N.open({
+                type: "error",
+                title: "Error occurs when generating submission document",
+                message: z(x)
+              });
+            } finally {
+              m && N.close(m);
+            }
+            break;
+          case "send":
+            try {
+              N.open({
+                message: "Sending onboarding document...",
+                type: "info"
+              }), await L.sendDocument(
+                (y = g.value) == null ? void 0 : y._id
+              ), N.open({
+                type: "success",
+                title: "Submission documents send successfully"
+              });
+            } catch (x) {
+              N.open({
+                type: "error",
+                title: "Error occurs when sending document",
+                message: z(x)
+              });
+            }
+            break;
+        }
+    };
+    return (f, B) => {
+      var x, j;
+      const y = k("FmCircularProgress"), m = k("FmPageHead");
+      return e(w) ? (C(), A("div", ll, [
+        n(y, { size: "xxl" })
+      ])) : (C(), A(K, { key: 1 }, [
+        n(m, {
+          title: `Submission - ${(x = g.value) == null ? void 0 : x.type}`,
+          description: `ID - ${(j = g.value) == null ? void 0 : j._id}`,
+          "back-button": !0,
+          "onClick:back": U,
+          "onClick:action": b,
+          actions: [
+            {
+              label: "Preview Document",
+              value: "preview",
+              prependIcon: "preview"
+            },
+            {
+              label: "Send for Review",
+              value: "send",
+              isPrimary: !0,
+              prependIcon: "send"
+            }
+          ]
+        }, null, 8, ["title", "description"]),
+        o("div", tl, [
+          (C(), T(ee(s.value), {
+            key: i.value,
+            submission: g.value,
+            "onUpdate:submission": F
+          }, null, 40, ["submission"]))
+        ])
+      ], 64));
+    };
+  }
+});
+export {
+  gl as default
+};