@feedmepos/mf-payment 1.11.7-dev → 1.11.9-dev

package/dist/OnboardForm-Di1scmsj.js

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