@feedmepos/mf-payment 1.5.58 → 1.5.59-dev

package/dist/{OnboardForm-BvNciBBq.js → OnboardForm-JVgZ181b.js}

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