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

package/dist/OnboardForm-DE3bXb-m.js

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