@feedmepos/mf-payment 1.10.3 → 1.10.5-dev

package/dist/OnboardForm-rjhOG28l.js

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