@feedmepos/mf-payment 1.10.12-dev → 1.11.2-dev

package/dist/OnboardForm-BeDDUdY1.js

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