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

package/dist/OnboardForm-BAqS4YTe.js

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