@feedmepos/mf-payment 1.8.1 → 1.8.2-dev

package/dist/{PayoutAccountSetting-V9Eq_gos.js → PayoutAccountSetting-E8c0t725.js}

@@ -1,19 +1,19 @@
-import { defineComponent as M, ref as U, resolveComponent as y, openBlock as g, createElementBlock as G, Fragment as K, createElementVNode as s, createVNode as o, withCtx as k, createTextVNode as _, toDisplayString as q, unref as i, createBlock as w, createCommentVNode as E, reactive as ye, watch as le, computed as L, isRef as ae, h as J, onMounted as me, resolveDynamicComponent as ue, normalizeProps as se, mergeProps as re } from "vue";
-import { p as Y } from "./index-CTgKTdVY.js";
-import { u as ne, e as O } from "./index-BUrVZ5a9.js";
+import { defineComponent as R, ref as U, resolveComponent as p, openBlock as F, createElementBlock as G, Fragment as j, createElementVNode as r, createVNode as n, withCtx as w, createTextVNode as _, toDisplayString as O, unref as i, createBlock as k, createCommentVNode as $, reactive as ye, watch as le, computed as L, isRef as ae, h as J, onMounted as me, resolveDynamicComponent as ue, normalizeProps as re, mergeProps as se } from "vue";
+import { p as Y } from "./index-CQkc3pUj.js";
+import { u as ne, e as q } from "./index-Cq0_oRPO.js";
 import { _ as be } from "./Layout.vue_vue_type_script_setup_true_lang-BKIvkgA_.js";
 import { useRouter as ve } from "vue-router";
-import { u as oe } from "./index-ByakkpM7.js";
-import { _ as Q, P as ee } from "./DocumentViewer.vue_vue_type_script_setup_true_lang-Dj7T0UfK.js";
+import { u as oe } from "./index-BDYQ2vRc.js";
+import { _ as Q, P as ee } from "./DocumentViewer.vue_vue_type_script_setup_true_lang-qt0R7G3l.js";
 import { h as fe } from "./moment-h96o7c8I.js";
-import { d as te } from "./index-CD6l2DSu.js";
+import { d as te } from "./index-D3XosMuu.js";
 import { useSnackbar as W, useDialogChild as ge, useDialog as de, components as Fe } from "@feedmepos/ui-library";
 import { u as Z } from "./error-K1CakhA9.js";
-import { P as xe } from "./payout-account-DA3cKnqy.js";
-import { s as X, o as ke, z as N, a as h } from "./validator-CTlVogBQ.js";
+import { P as xe } from "./payout-account-C8GNZ2kc.js";
+import { s as X, o as ke, z as N, a as D } from "./validator-CTlVogBQ.js";
 import { _ as we } from "./TextInputDialog.vue_vue_type_script_setup_true_lang-C3AeZqwO.js";
 import { useCoreStore as pe } from "@feedmepos/mf-common";
-const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se = { class: "flex justify-between items-center mb-6" }, Ne = { class: "flex gap-4" }, Ce = { class: "flex gap-4 mt-4" }, Ue = /* @__PURE__ */ M({
+const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se = { class: "flex justify-between items-center mb-6" }, Ne = { class: "flex gap-4" }, Ue = { class: "flex gap-4 mt-4" }, Ce = /* @__PURE__ */ R({
   __name: "Information",
   props: {
     payoutAccount: {
@@ -26,83 +26,83 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
     }
   },
   setup(a) {
-    const l = a, e = W(), v = U(!1), u = U(!1), t = U(), c = U(""), F = (d) => {
-      const n = new FileReader();
+    const l = a, e = W(), b = U(!1), u = U(!1), t = U(), c = U(""), g = (d) => {
+      const o = new FileReader();
       return new Promise((S) => {
-        n.onload = (A) => {
+        o.onload = (A) => {
           var C;
           return S((C = A.target) == null ? void 0 : C.result);
-        }, n.readAsDataURL(d);
+        }, o.readAsDataURL(d);
       });
-    }, f = async (d) => {
-      t.value = d, c.value = d ? await F(d) : "";
+    }, v = async (d) => {
+      t.value = d, c.value = d ? await g(d) : "";
     }, m = () => {
       u.value = !1, t.value = void 0, c.value = "";
-    }, b = () => {
+    }, f = () => {
       t.value = void 0, c.value = "";
-    }, r = async (d) => {
+    }, s = async (d) => {
       var S;
-      const n = l.payoutAccount.businessId || l.payoutAccount.store.id;
+      const o = l.payoutAccount.businessId || l.payoutAccount.store.id;
       return ((S = l.payoutAccount.store) == null ? void 0 : S.event) === "ORDERING" ? await te.adminUpload(
         `restaurant/${l.payoutAccount.store.id}/exterior/photo`,
         d,
-        n,
+        o,
         l.payoutAccount.store.id
       ) : await te.adminUpload(
-        `business/${n}/exterior/photo`,
+        `business/${o}/exterior/photo`,
         d,
-        n,
+        o,
         void 0
       );
-    }, p = async () => {
+    }, y = async () => {
       if (t.value)
         try {
-          v.value = !0;
-          const d = await r(t.value), n = {
+          b.value = !0;
+          const d = await s(t.value), o = {
             ...l.payoutAccount,
             store: {
               ...l.payoutAccount.store,
               exteriorPhoto: d
             }
           };
-          await l.onUpdate(n), u.value = !1, t.value = void 0, c.value = "", e.open({ type: "success", title: "Exterior photo updated successfully" });
+          await l.onUpdate(o), u.value = !1, t.value = void 0, c.value = "", e.open({ type: "success", title: "Exterior photo updated successfully" });
         } catch (d) {
           e.open({ type: "error", title: "Failed to update exterior photo", message: Z(d) });
         } finally {
-          v.value = !1;
+          b.value = !1;
         }
     };
-    return (d, n) => {
-      var T, V, x, $;
-      const S = y("FmCardHeader"), A = y("FmCardSection"), C = y("FmCard"), I = y("FmButton"), D = y("FmDropField");
-      return g(), G(K, null, [
-        s("div", Ve, [
-          o(C, {
+    return (d, o) => {
+      var P, V, x, E;
+      const S = p("FmCardHeader"), A = p("FmCardSection"), C = p("FmCard"), I = p("FmButton"), T = p("FmDropField");
+      return F(), G(j, null, [
+        r("div", Ve, [
+          n(C, {
             horizontal: "",
             class: "flex-1 p-6",
             variant: "elevated"
           }, {
-            default: k(() => [
-              o(A, { class: "flex flex-col gap-16 justify-between" }, {
-                default: k(() => [
-                  o(S, {
+            default: w(() => [
+              n(A, { class: "flex flex-col gap-16 justify-between" }, {
+                default: w(() => [
+                  n(S, {
                     class: "p-0",
                     title: "Account Info",
                     subtitle: ""
                   }),
-                  o(A, { class: "p-0" }, {
-                    default: k(() => {
-                      var B, R, j, H, z;
+                  n(A, { class: "p-0" }, {
+                    default: w(() => {
+                      var B, h, K, H, z;
                       return [
-                        n[1] || (n[1] = s("b", null, "For", -1)),
-                        _(": " + q((R = (B = a.payoutAccount) == null ? void 0 : B.store) == null ? void 0 : R.event) + " ", 1),
-                        n[2] || (n[2] = s("br", null, null, -1)),
-                        n[3] || (n[3] = s("b", null, "Reference", -1)),
-                        _(": " + q((H = (j = a.payoutAccount) == null ? void 0 : j.store) == null ? void 0 : H.id), 1),
-                        n[4] || (n[4] = s("br", null, null, -1)),
-                        n[5] || (n[5] = s("b", null, "Business", -1)),
-                        _(": " + q((z = a.payoutAccount) == null ? void 0 : z.businessId), 1),
-                        n[6] || (n[6] = s("br", null, null, -1))
+                        o[1] || (o[1] = r("b", null, "For", -1)),
+                        _(": " + O((h = (B = a.payoutAccount) == null ? void 0 : B.store) == null ? void 0 : h.event) + " ", 1),
+                        o[2] || (o[2] = r("br", null, null, -1)),
+                        o[3] || (o[3] = r("b", null, "Reference", -1)),
+                        _(": " + O((H = (K = a.payoutAccount) == null ? void 0 : K.store) == null ? void 0 : H.id), 1),
+                        o[4] || (o[4] = r("br", null, null, -1)),
+                        o[5] || (o[5] = r("b", null, "Business", -1)),
+                        _(": " + O((z = a.payoutAccount) == null ? void 0 : z.businessId), 1),
+                        o[6] || (o[6] = r("br", null, null, -1))
                       ];
                     }),
                     _: 1
@@ -113,32 +113,32 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
             ]),
             _: 1
           }),
-          o(C, {
+          n(C, {
             horizontal: "",
             class: "flex-1 p-6",
             variant: "elevated"
           }, {
-            default: k(() => [
-              o(A, { class: "flex flex-col gap-16 justify-between" }, {
-                default: k(() => [
-                  o(S, {
+            default: w(() => [
+              n(A, { class: "flex flex-col gap-16 justify-between" }, {
+                default: w(() => [
+                  n(S, {
                     class: "p-0",
                     title: "Key Person",
                     subtitle: ""
                   }),
-                  o(A, { class: "p-0" }, {
-                    default: k(() => {
-                      var B, R, j, H, z, P, ie, ce;
+                  n(A, { class: "p-0" }, {
+                    default: w(() => {
+                      var B, h, K, H, z, M, ie, ce;
                       return [
-                        n[7] || (n[7] = s("b", null, "Email", -1)),
-                        _(": " + q((j = (R = (B = a.payoutAccount) == null ? void 0 : B.store) == null ? void 0 : R.keyPerson) == null ? void 0 : j.email) + " ", 1),
-                        n[8] || (n[8] = s("br", null, null, -1)),
-                        n[9] || (n[9] = s("b", null, "Name", -1)),
-                        _(": " + q((P = (z = (H = a.payoutAccount) == null ? void 0 : H.store) == null ? void 0 : z.keyPerson) == null ? void 0 : P.name), 1),
-                        n[10] || (n[10] = s("br", null, null, -1)),
-                        n[11] || (n[11] = s("b", null, "Phone", -1)),
-                        _(": " + q((ce = (ie = a.payoutAccount) == null ? void 0 : ie.store.keyPerson) == null ? void 0 : ce.phone), 1),
-                        n[12] || (n[12] = s("br", null, null, -1))
+                        o[7] || (o[7] = r("b", null, "Email", -1)),
+                        _(": " + O((K = (h = (B = a.payoutAccount) == null ? void 0 : B.store) == null ? void 0 : h.keyPerson) == null ? void 0 : K.email) + " ", 1),
+                        o[8] || (o[8] = r("br", null, null, -1)),
+                        o[9] || (o[9] = r("b", null, "Name", -1)),
+                        _(": " + O((M = (z = (H = a.payoutAccount) == null ? void 0 : H.store) == null ? void 0 : z.keyPerson) == null ? void 0 : M.name), 1),
+                        o[10] || (o[10] = r("br", null, null, -1)),
+                        o[11] || (o[11] = r("b", null, "Phone", -1)),
+                        _(": " + O((ce = (ie = a.payoutAccount) == null ? void 0 : ie.store.keyPerson) == null ? void 0 : ce.phone), 1),
+                        o[12] || (o[12] = r("br", null, null, -1))
                       ];
                     }),
                     _: 1
@@ -150,35 +150,35 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
             _: 1
           })
         ]),
-        s("div", Ae, [
-          o(C, {
+        r("div", Ae, [
+          n(C, {
             horizontal: "",
             class: "flex-1 p-6",
             variant: "elevated"
           }, {
-            default: k(() => [
-              o(A, { class: "flex flex-col gap-16 justify-between" }, {
-                default: k(() => [
-                  o(S, {
+            default: w(() => [
+              n(A, { class: "flex flex-col gap-16 justify-between" }, {
+                default: w(() => [
+                  n(S, {
                     class: "p-0",
                     title: "Status Info",
                     subtitle: ""
                   }),
-                  o(A, { class: "p-0" }, {
-                    default: k(() => {
-                      var B, R, j;
+                  n(A, { class: "p-0" }, {
+                    default: w(() => {
+                      var B, h, K;
                       return [
-                        n[13] || (n[13] = s("b", null, "Submission Date", -1)),
-                        _(": " + q((B = a.payoutAccount) != null && B.submissionDate ? i(fe)(a.payoutAccount.submissionDate).format(
+                        o[13] || (o[13] = r("b", null, "Submission Date", -1)),
+                        _(": " + O((B = a.payoutAccount) != null && B.submissionDate ? i(fe)(a.payoutAccount.submissionDate).format(
                           "YYYY-MM-DD HH:mm:ss"
                         ) : "—"), 1),
-                        n[14] || (n[14] = s("br", null, null, -1)),
-                        n[15] || (n[15] = s("b", null, "Status By", -1)),
-                        _(": " + q(((R = a.payoutAccount) == null ? void 0 : R.statusBy) ?? "—"), 1),
-                        n[16] || (n[16] = s("br", null, null, -1)),
-                        n[17] || (n[17] = s("b", null, "Status Reason", -1)),
-                        _(": " + q(((j = a.payoutAccount) == null ? void 0 : j.statusReason) ?? "—"), 1),
-                        n[18] || (n[18] = s("br", null, null, -1))
+                        o[14] || (o[14] = r("br", null, null, -1)),
+                        o[15] || (o[15] = r("b", null, "Status By", -1)),
+                        _(": " + O(((h = a.payoutAccount) == null ? void 0 : h.statusBy) ?? "—"), 1),
+                        o[16] || (o[16] = r("br", null, null, -1)),
+                        o[17] || (o[17] = r("b", null, "Status Reason", -1)),
+                        _(": " + O(((K = a.payoutAccount) == null ? void 0 : K.statusReason) ?? "—"), 1),
+                        o[18] || (o[18] = r("br", null, null, -1))
                       ];
                     }),
                     _: 1
@@ -190,62 +190,62 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
             _: 1
           })
         ]),
-        s("div", Se, [
-          n[19] || (n[19] = s("p", { class: "fm-typo-en-body-lg-600" }, "Exterior Photo", -1)),
-          s("div", Ne, [
-            u.value ? (g(), w(I, {
+        r("div", Se, [
+          o[19] || (o[19] = r("p", { class: "fm-typo-en-body-lg-600" }, "Exterior Photo", -1)),
+          r("div", Ne, [
+            u.value ? (F(), k(I, {
               key: 0,
               variant: "tertiary",
               label: "Cancel",
               onClick: m
-            })) : E("", !0),
-            u.value ? E("", !0) : (g(), w(I, {
+            })) : $("", !0),
+            u.value ? $("", !0) : (F(), k(I, {
               key: 1,
               variant: "primary",
               label: "Edit Exterior Photo",
-              onClick: n[0] || (n[0] = (B) => u.value = !0)
+              onClick: o[0] || (o[0] = (B) => u.value = !0)
             }))
           ])
         ]),
-        u.value ? (g(), G(K, { key: 0 }, [
-          c.value ? (g(), G(K, { key: 0 }, [
-            o(Q, {
+        u.value ? (F(), G(j, { key: 0 }, [
+          c.value ? (F(), G(j, { key: 0 }, [
+            n(Q, {
               document: c.value,
               "business-id": a.payoutAccount.businessId,
-              "restaurant-id": ((V = (T = a.payoutAccount) == null ? void 0 : T.store) == null ? void 0 : V.event) === "ORDERING" ? a.payoutAccount.store.id : void 0
+              "restaurant-id": ((V = (P = a.payoutAccount) == null ? void 0 : P.store) == null ? void 0 : V.event) === "ORDERING" ? a.payoutAccount.store.id : void 0
             }, null, 8, ["document", "business-id", "restaurant-id"]),
-            s("div", Ce, [
-              o(I, {
+            r("div", Ue, [
+              n(I, {
                 variant: "tertiary",
                 label: "Remove",
                 size: "md",
                 "prepend-icon": "delete",
-                onClick: b
+                onClick: f
               }),
-              o(I, {
+              n(I, {
                 variant: "primary",
                 label: "Save",
                 size: "md",
-                loading: v.value,
-                onClick: p
+                loading: b.value,
+                onClick: y
               }, null, 8, ["loading"])
             ])
-          ], 64)) : (g(), w(D, {
+          ], 64)) : (F(), k(T, {
             key: 1,
             class: "h-[300px] w-full",
             accept: ".png,.jpg,.jpeg,.webp,.pdf",
-            onFileUpload: f
+            onFileUpload: v
           }))
-        ], 64)) : (g(), w(Q, {
+        ], 64)) : (F(), k(Q, {
           key: 1,
           document: a.payoutAccount.store.exteriorPhoto,
           "business-id": a.payoutAccount.businessId,
-          "restaurant-id": (($ = (x = a.payoutAccount) == null ? void 0 : x.store) == null ? void 0 : $.event) === "ORDERING" ? a.payoutAccount.store.id : void 0
+          "restaurant-id": ((E = (x = a.payoutAccount) == null ? void 0 : x.store) == null ? void 0 : E.event) === "ORDERING" ? a.payoutAccount.store.id : void 0
         }, null, 8, ["document", "business-id", "restaurant-id"]))
       ], 64);
     };
   }
-}), Ie = { class: "flex flex-col gap-8" }, he = { class: "flex flex-col gap-8" }, De = { class: "flex justify-end mb-2" }, Re = /* @__PURE__ */ M({
+}), Ie = { class: "flex flex-col gap-8" }, De = { class: "flex flex-col gap-8" }, Te = { class: "flex justify-end mb-2" }, he = /* @__PURE__ */ R({
   __name: "SettlementEditDialog",
   props: {
     initialValue: {
@@ -266,7 +266,7 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
     }
   },
   setup(a) {
-    const l = a, { emitAction: e, emitData: v } = ge(), u = ye({
+    const l = a, { emitAction: e, emitData: b } = ge(), u = ye({
       companyName: l.initialValue.companyName,
       regNo: l.initialValue.regNo,
       bankName: l.initialValue.bankName,
@@ -274,15 +274,15 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
       bankAccountNumber: l.initialValue.bankAccountNumber,
       ssm: l.initialValue.ssm,
       bankStatement: l.initialValue.bankStatement
-    }), t = U(), c = U(), F = U(u.ssm ?? ""), f = U(u.bankStatement ?? ""), m = X().trim().min(1, "Company name is required"), b = X().trim().min(1, "Registration number is required"), r = X().trim().min(1, "Bank name is required"), p = X().trim().min(1, "Bank holder name is required"), d = X().trim().min(1, "Bank account number is required"), n = ke({
+    }), t = U(), c = U(), g = U(u.ssm ?? ""), v = U(u.bankStatement ?? ""), m = X().trim().min(1, "Company name is required"), f = X().trim().min(1, "Registration number is required"), s = X().trim().min(1, "Bank name is required"), y = X().trim().min(1, "Bank holder name is required"), d = X().trim().min(1, "Bank account number is required"), o = ke({
       companyName: m,
-      regNo: b,
-      bankName: r,
-      bankHolderName: p,
+      regNo: f,
+      bankName: s,
+      bankHolderName: y,
       bankAccountNumber: d
     }), S = () => {
-      const V = n.safeParse(u);
-      V.success && (v({
+      const V = o.safeParse(u);
+      V.success && (b({
         ...V.data,
         ssm: u.ssm,
         bankStatement: u.bankStatement,
@@ -292,166 +292,166 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
     };
     async function A(V) {
       const x = new FileReader();
-      return new Promise(($) => {
+      return new Promise((E) => {
         x.onload = (B) => {
-          var R;
-          $((R = B.target) == null ? void 0 : R.result);
+          var h;
+          E((h = B.target) == null ? void 0 : h.result);
         }, x.readAsDataURL(V);
       });
     }
     const C = async (V) => {
-      t.value = V, F.value = V ? await A(V) : "";
+      t.value = V, g.value = V ? await A(V) : "";
     }, I = async (V) => {
-      c.value = V, f.value = V ? await A(V) : "";
-    }, D = () => {
-      t.value = void 0, F.value = "";
+      c.value = V, v.value = V ? await A(V) : "";
     }, T = () => {
-      c.value = void 0, f.value = "";
+      t.value = void 0, g.value = "";
+    }, P = () => {
+      c.value = void 0, v.value = "";
     };
     return (V, x) => {
-      const $ = y("FmTextField"), B = y("FmSelect"), R = y("FmButton"), j = y("FmFormGroup"), H = y("FmDropField"), z = y("FmForm");
-      return g(), w(z, {
+      const E = p("FmTextField"), B = p("FmSelect"), h = p("FmButton"), K = p("FmFormGroup"), H = p("FmDropField"), z = p("FmForm");
+      return F(), k(z, {
         class: "flex flex-col gap-16",
         onValidationSuccess: S
       }, {
-        default: k(() => [
-          x[9] || (x[9] = s("div", { class: "flex items-center my-2" }, [
-            s("hr", { class: "w-[80px] border-t border-gray-300" }),
-            s("span", { class: "text-left mx-6 text-gray-500" }, "Account"),
-            s("hr", { class: "flex-grow border-t border-gray-300" })
+        default: w(() => [
+          x[9] || (x[9] = r("div", { class: "flex items-center my-2" }, [
+            r("hr", { class: "w-[80px] border-t border-gray-300" }),
+            r("span", { class: "text-left mx-6 text-gray-500" }, "Account"),
+            r("hr", { class: "flex-grow border-t border-gray-300" })
           ], -1)),
-          o($, {
+          n(E, {
             modelValue: u.regNo,
-            "onUpdate:modelValue": x[0] || (x[0] = (P) => u.regNo = P),
+            "onUpdate:modelValue": x[0] || (x[0] = (M) => u.regNo = M),
             label: "Registration Number",
             "label-mark": "required",
             "helper-text": "Registration Number must match uploaded SSM registration number.",
-            rules: i(N)(i(b)),
+            rules: i(N)(i(f)),
             autofocus: ""
           }, null, 8, ["modelValue", "rules"]),
-          o($, {
+          n(E, {
             modelValue: u.companyName,
-            "onUpdate:modelValue": x[1] || (x[1] = (P) => u.companyName = P),
+            "onUpdate:modelValue": x[1] || (x[1] = (M) => u.companyName = M),
             label: "Company Name",
             "label-mark": "required",
             "helper-text": "Company Name must match uploaded SSM registration name.",
             rules: i(N)(i(m))
           }, null, 8, ["modelValue", "rules"]),
-          x[10] || (x[10] = s("div", { class: "flex items-center my-2" }, [
-            s("hr", { class: "w-[80px] border-t border-gray-300" }),
-            s("span", { class: "text-left mx-6 text-gray-500" }, "Bank"),
-            s("hr", { class: "flex-grow border-t border-gray-300" })
+          x[10] || (x[10] = r("div", { class: "flex items-center my-2" }, [
+            r("hr", { class: "w-[80px] border-t border-gray-300" }),
+            r("span", { class: "text-left mx-6 text-gray-500" }, "Bank"),
+            r("hr", { class: "flex-grow border-t border-gray-300" })
           ], -1)),
-          o(B, {
+          n(B, {
             modelValue: u.bankName,
-            "onUpdate:modelValue": x[2] || (x[2] = (P) => u.bankName = P),
+            "onUpdate:modelValue": x[2] || (x[2] = (M) => u.bankName = M),
             label: "Bank",
             "label-mark": "required",
             items: l.bankNameOptions,
-            rules: i(N)(i(r))
+            rules: i(N)(i(s))
           }, null, 8, ["modelValue", "items", "rules"]),
-          o($, {
+          n(E, {
             modelValue: u.bankHolderName,
-            "onUpdate:modelValue": x[3] || (x[3] = (P) => u.bankHolderName = P),
+            "onUpdate:modelValue": x[3] || (x[3] = (M) => u.bankHolderName = M),
             label: "Bank Holder",
             "label-mark": "required",
-            rules: i(N)(i(p))
+            rules: i(N)(i(y))
           }, null, 8, ["modelValue", "rules"]),
-          o($, {
+          n(E, {
             modelValue: u.bankAccountNumber,
-            "onUpdate:modelValue": x[4] || (x[4] = (P) => u.bankAccountNumber = P),
+            "onUpdate:modelValue": x[4] || (x[4] = (M) => u.bankAccountNumber = M),
             label: "Bank Account Number",
             "label-mark": "required",
             type: "number",
             rules: i(N)(i(d))
           }, null, 8, ["modelValue", "rules"]),
-          x[11] || (x[11] = s("div", { class: "flex items-center my-2" }, [
-            s("hr", { class: "w-[80px] border-t border-gray-300" }),
-            s("span", { class: "text-left mx-6 text-gray-500" }, "Document"),
-            s("hr", { class: "flex-grow border-t border-gray-300" })
+          x[11] || (x[11] = r("div", { class: "flex items-center my-2" }, [
+            r("hr", { class: "w-[80px] border-t border-gray-300" }),
+            r("span", { class: "text-left mx-6 text-gray-500" }, "Document"),
+            r("hr", { class: "flex-grow border-t border-gray-300" })
           ], -1)),
-          s("div", Ie, [
-            x[7] || (x[7] = s("p", { class: "fm-typo-en-body-md-500" }, "SSM (PDF)", -1)),
-            F.value ? (g(), w(j, {
+          r("div", Ie, [
+            x[7] || (x[7] = r("p", { class: "fm-typo-en-body-md-500" }, "SSM (PDF)", -1)),
+            g.value ? (F(), k(K, {
               key: 0,
-              modelValue: F.value,
-              "onUpdate:modelValue": x[5] || (x[5] = (P) => F.value = P),
+              modelValue: g.value,
+              "onUpdate:modelValue": x[5] || (x[5] = (M) => g.value = M),
               label: "SSM"
             }, {
-              default: k(() => [
-                o(Q, {
-                  document: F.value,
+              default: w(() => [
+                n(Q, {
+                  document: g.value,
                   "business-id": a.businessId,
                   "restaurant-id": a.restaurantId
                 }, {
-                  default: k(({ src: P }) => [
-                    o(ee, {
+                  default: w(({ src: M }) => [
+                    n(ee, {
                       height: 300,
-                      pdf: P,
+                      pdf: M,
                       "disable-text-layer": !0,
                       "disable-annotation-layer": !0
                     }, null, 8, ["pdf"])
                   ]),
                   _: 1
                 }, 8, ["document", "business-id", "restaurant-id"]),
-                o(R, {
+                n(h, {
                   type: "button",
                   variant: "tertiary",
                   label: "Remove",
                   size: "md",
                   "prepend-icon": "delete",
-                  onClick: D
+                  onClick: T
                 })
               ]),
               _: 1
-            }, 8, ["modelValue"])) : (g(), w(H, {
+            }, 8, ["modelValue"])) : (F(), k(H, {
               key: 1,
               accept: ".pdf",
               onFileUpload: C
             }))
           ]),
-          s("div", he, [
-            x[8] || (x[8] = s("p", { class: "fm-typo-en-body-md-500" }, "Bank Statement (PDF)", -1)),
-            f.value ? (g(), w(j, {
+          r("div", De, [
+            x[8] || (x[8] = r("p", { class: "fm-typo-en-body-md-500" }, "Bank Statement (PDF)", -1)),
+            v.value ? (F(), k(K, {
               key: 0,
-              modelValue: f.value,
-              "onUpdate:modelValue": x[6] || (x[6] = (P) => f.value = P),
+              modelValue: v.value,
+              "onUpdate:modelValue": x[6] || (x[6] = (M) => v.value = M),
               label: "Bank Statement"
             }, {
-              default: k(() => [
-                o(Q, {
-                  document: f.value,
+              default: w(() => [
+                n(Q, {
+                  document: v.value,
                   "business-id": a.businessId,
                   "restaurant-id": a.restaurantId
                 }, {
-                  default: k(({ src: P }) => [
-                    o(ee, {
+                  default: w(({ src: M }) => [
+                    n(ee, {
                       height: 300,
-                      pdf: P,
+                      pdf: M,
                       "disable-text-layer": !0,
                       "disable-annotation-layer": !0
                     }, null, 8, ["pdf"])
                   ]),
                   _: 1
                 }, 8, ["document", "business-id", "restaurant-id"]),
-                o(R, {
+                n(h, {
                   type: "button",
                   variant: "tertiary",
                   label: "Remove",
                   size: "md",
                   "prepend-icon": "delete",
-                  onClick: T
+                  onClick: P
                 })
               ]),
               _: 1
-            }, 8, ["modelValue"])) : (g(), w(H, {
+            }, 8, ["modelValue"])) : (F(), k(H, {
               key: 1,
               accept: ".pdf",
               onFileUpload: I
             }))
           ]),
-          s("div", De, [
-            o(R, {
+          r("div", Te, [
+            n(h, {
               type: "submit",
               variant: "primary",
               label: "Save"
@@ -462,7 +462,7 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
       });
     };
   }
-}), Te = { class: "flex justify-end mb-6" }, Pe = { class: "flex gap-16 mb-6" }, Me = { class: "flex gap-16" }, Be = { class: "flex-1" }, _e = { class: "flex-1" }, Ee = /* @__PURE__ */ M({
+}), Re = { class: "flex justify-end mb-6" }, Pe = { class: "flex gap-16 mb-6" }, Me = { class: "flex gap-16" }, Be = { class: "flex-1" }, _e = { class: "flex-1" }, $e = /* @__PURE__ */ R({
   __name: "Settlement",
   props: {
     onUpdate: {
@@ -475,126 +475,126 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
     }
   },
   setup(a) {
-    const l = a, e = U(!1), v = de(), u = W(), t = xe.bankNameOptions(), c = () => {
-      var b, r, p, d, n, S, A, C, I, D;
+    const l = a, e = U(!1), b = de(), u = W(), t = xe.bankNameOptions(), c = () => {
+      var f, s, y, d, o, S, A, C, I, T;
       return {
-        companyName: ((b = l.payoutAccount.store) == null ? void 0 : b.companyName) ?? "",
-        regNo: ((r = l.payoutAccount.store) == null ? void 0 : r.regNo) ?? "",
-        bankName: ((d = (p = l.payoutAccount.store) == null ? void 0 : p.bank) == null ? void 0 : d.name) ?? "",
-        bankHolderName: ((S = (n = l.payoutAccount.store) == null ? void 0 : n.bank) == null ? void 0 : S.holderName) ?? "",
+        companyName: ((f = l.payoutAccount.store) == null ? void 0 : f.companyName) ?? "",
+        regNo: ((s = l.payoutAccount.store) == null ? void 0 : s.regNo) ?? "",
+        bankName: ((d = (y = l.payoutAccount.store) == null ? void 0 : y.bank) == null ? void 0 : d.name) ?? "",
+        bankHolderName: ((S = (o = l.payoutAccount.store) == null ? void 0 : o.bank) == null ? void 0 : S.holderName) ?? "",
         bankAccountNumber: ((C = (A = l.payoutAccount.store) == null ? void 0 : A.bank) == null ? void 0 : C.accountNumber) ?? "",
         ssm: ((I = l.payoutAccount.store) == null ? void 0 : I.ssm) ?? "",
-        bankStatement: ((D = l.payoutAccount.store) == null ? void 0 : D.bankStatement) ?? ""
+        bankStatement: ((T = l.payoutAccount.store) == null ? void 0 : T.bankStatement) ?? ""
       };
-    }, F = async (b, r) => {
-      var n;
-      const p = (/* @__PURE__ */ new Date()).toISOString();
-      if (((n = l.payoutAccount.store) == null ? void 0 : n.event) === "ORDERING")
+    }, g = async (f, s) => {
+      var o;
+      const y = (/* @__PURE__ */ new Date()).toISOString();
+      if (((o = l.payoutAccount.store) == null ? void 0 : o.event) === "ORDERING")
         return await te.adminUpload(
-          `restaurant/${l.payoutAccount.store.id}/documents/${b}/${p}.pdf`,
-          r,
+          `restaurant/${l.payoutAccount.store.id}/documents/${f}/${y}.pdf`,
+          s,
           l.payoutAccount.businessId,
           l.payoutAccount.store.id
         );
       const d = l.payoutAccount.businessId || l.payoutAccount.store.id;
       return await te.adminUpload(
-        `business/${d}/documents/${b}/${p}.pdf`,
-        r,
+        `business/${d}/documents/${f}/${y}.pdf`,
+        s,
         d,
         void 0
       );
-    }, f = async (b) => {
+    }, v = async (f) => {
       if (!l.payoutAccount.store) return;
-      let r = l.payoutAccount.store.ssm;
-      b.newSSM && (r = await F("ssm", b.newSSM));
-      let p = l.payoutAccount.store.bankStatement;
-      b.newBankStatement && (p = await F(
+      let s = l.payoutAccount.store.ssm;
+      f.newSSM && (s = await g("ssm", f.newSSM));
+      let y = l.payoutAccount.store.bankStatement;
+      f.newBankStatement && (y = await g(
         "bankStatement",
-        b.newBankStatement
+        f.newBankStatement
       ));
       const d = {
         ...l.payoutAccount,
         store: {
           ...l.payoutAccount.store,
-          companyName: b.companyName,
-          regNo: b.regNo,
+          companyName: f.companyName,
+          regNo: f.regNo,
           bank: {
             ...l.payoutAccount.store.bank ?? {},
-            name: b.bankName,
-            holderName: b.bankHolderName,
-            accountNumber: b.bankAccountNumber
+            name: f.bankName,
+            holderName: f.bankHolderName,
+            accountNumber: f.bankAccountNumber
           },
-          ssm: r,
-          bankStatement: p
+          ssm: s,
+          bankStatement: y
         }
       };
       try {
         e.value = !0, await l.onUpdate(d), u.open({
           type: "success",
           title: "Settlement info updated successfully"
-        }), v.close();
-      } catch (n) {
+        }), b.close();
+      } catch (o) {
         u.open({
           type: "error",
           title: "Failed to update settlement info",
-          message: Z(n)
+          message: Z(o)
         });
       } finally {
         e.value = !1;
       }
     }, m = () => {
-      var b;
-      v.close(), v.open({
+      var f;
+      b.close(), b.open({
         title: "Edit Settlement Info",
         closeButton: !0,
         overlay: !0,
-        contentComponent: Re,
+        contentComponent: he,
         contentComponentProps: {
           initialValue: c(),
           bankNameOptions: t,
           businessId: l.payoutAccount.businessId,
-          restaurantId: ((b = l.payoutAccount.store) == null ? void 0 : b.event) === "ORDERING" ? l.payoutAccount.store.id : void 0
+          restaurantId: ((f = l.payoutAccount.store) == null ? void 0 : f.event) === "ORDERING" ? l.payoutAccount.store.id : void 0
         }
-      }).onPrimary((r) => {
-        f(r);
+      }).onPrimary((s) => {
+        v(s);
       });
     };
-    return (b, r) => {
-      var A, C, I, D;
-      const p = y("FmButton"), d = y("FmCardHeader"), n = y("FmCardSection"), S = y("FmCard");
-      return g(), G(K, null, [
-        s("div", Te, [
-          o(p, {
+    return (f, s) => {
+      var A, C, I, T;
+      const y = p("FmButton"), d = p("FmCardHeader"), o = p("FmCardSection"), S = p("FmCard");
+      return F(), G(j, null, [
+        r("div", Re, [
+          n(y, {
             variant: "primary",
             label: "Edit Settlement Info",
             loading: e.value,
             onclick: m
           }, null, 8, ["loading"])
         ]),
-        s("div", Pe, [
-          o(S, {
+        r("div", Pe, [
+          n(S, {
             horizontal: "",
             class: "flex-1 p-6",
             variant: "elevated"
           }, {
-            default: k(() => [
-              o(n, { class: "flex flex-col gap-16 justify-between" }, {
-                default: k(() => [
-                  o(d, {
+            default: w(() => [
+              n(o, { class: "flex flex-col gap-16 justify-between" }, {
+                default: w(() => [
+                  n(d, {
                     class: "p-0",
                     title: "Company Info",
                     subtitle: ""
                   }),
-                  o(n, { class: "p-0" }, {
-                    default: k(() => {
-                      var T, V;
+                  n(o, { class: "p-0" }, {
+                    default: w(() => {
+                      var P, V;
                       return [
-                        r[0] || (r[0] = s("b", null, "Name", -1)),
-                        _(": " + q((T = a.payoutAccount) == null ? void 0 : T.store.companyName), 1),
-                        r[1] || (r[1] = s("br", null, null, -1)),
-                        r[2] || (r[2] = s("b", null, "Registration Number", -1)),
-                        _(": " + q((V = a.payoutAccount) == null ? void 0 : V.store.regNo), 1),
-                        r[3] || (r[3] = s("br", null, null, -1))
+                        s[0] || (s[0] = r("b", null, "Name", -1)),
+                        _(": " + O((P = a.payoutAccount) == null ? void 0 : P.store.companyName), 1),
+                        s[1] || (s[1] = r("br", null, null, -1)),
+                        s[2] || (s[2] = r("b", null, "Registration Number", -1)),
+                        _(": " + O((V = a.payoutAccount) == null ? void 0 : V.store.regNo), 1),
+                        s[3] || (s[3] = r("br", null, null, -1))
                       ];
                     }),
                     _: 1
@@ -605,31 +605,31 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
             ]),
             _: 1
           }),
-          o(S, {
+          n(S, {
             horizontal: "",
             class: "flex-1 p-6",
             variant: "elevated"
           }, {
-            default: k(() => [
-              o(n, { class: "flex flex-col gap-16 justify-between" }, {
-                default: k(() => [
-                  o(d, {
+            default: w(() => [
+              n(o, { class: "flex flex-col gap-16 justify-between" }, {
+                default: w(() => [
+                  n(d, {
                     class: "p-0",
                     title: "Bank Info",
                     subtitle: ""
                   }),
-                  o(n, { class: "p-0" }, {
-                    default: k(() => {
-                      var T, V, x, $, B, R;
+                  n(o, { class: "p-0" }, {
+                    default: w(() => {
+                      var P, V, x, E, B, h;
                       return [
-                        r[4] || (r[4] = s("b", null, "Bank", -1)),
-                        _(": " + q((V = (T = a.payoutAccount) == null ? void 0 : T.store.bank) == null ? void 0 : V.name), 1),
-                        r[5] || (r[5] = s("br", null, null, -1)),
-                        r[6] || (r[6] = s("b", null, "Name", -1)),
-                        _(": " + q(($ = (x = a.payoutAccount) == null ? void 0 : x.store.bank) == null ? void 0 : $.holderName), 1),
-                        r[7] || (r[7] = s("br", null, null, -1)),
-                        r[8] || (r[8] = s("b", null, "Number", -1)),
-                        _(": " + q((R = (B = a.payoutAccount) == null ? void 0 : B.store.bank) == null ? void 0 : R.accountNumber), 1)
+                        s[4] || (s[4] = r("b", null, "Bank", -1)),
+                        _(": " + O((V = (P = a.payoutAccount) == null ? void 0 : P.store.bank) == null ? void 0 : V.name), 1),
+                        s[5] || (s[5] = r("br", null, null, -1)),
+                        s[6] || (s[6] = r("b", null, "Name", -1)),
+                        _(": " + O((E = (x = a.payoutAccount) == null ? void 0 : x.store.bank) == null ? void 0 : E.holderName), 1),
+                        s[7] || (s[7] = r("br", null, null, -1)),
+                        s[8] || (s[8] = r("b", null, "Number", -1)),
+                        _(": " + O((h = (B = a.payoutAccount) == null ? void 0 : B.store.bank) == null ? void 0 : h.accountNumber), 1)
                       ];
                     }),
                     _: 1
@@ -641,17 +641,17 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
             _: 1
           })
         ]),
-        s("div", Me, [
-          s("div", Be, [
-            r[9] || (r[9] = s("p", { class: "fm-typo-en-body-lg-600 mb-6" }, "SSM", -1)),
-            o(Q, {
+        r("div", Me, [
+          r("div", Be, [
+            s[9] || (s[9] = r("p", { class: "fm-typo-en-body-lg-600 mb-6" }, "SSM", -1)),
+            n(Q, {
               "business-id": a.payoutAccount.businessId,
               "restaurant-id": ((C = (A = a.payoutAccount) == null ? void 0 : A.store) == null ? void 0 : C.event) === "ORDERING" ? a.payoutAccount.store.id : void 0,
               document: a.payoutAccount.store.ssm
             }, {
-              default: k(({ src: T }) => [
-                o(ee, {
-                  pdf: T,
+              default: w(({ src: P }) => [
+                n(ee, {
+                  pdf: P,
                   "disable-text-layer": !0,
                   "disable-annotation-layer": !0
                 }, null, 8, ["pdf"])
@@ -659,16 +659,16 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
               _: 1
             }, 8, ["business-id", "restaurant-id", "document"])
           ]),
-          s("div", _e, [
-            r[10] || (r[10] = s("p", { class: "fm-typo-en-body-lg-600 mb-6" }, "Bank Statement", -1)),
-            o(Q, {
+          r("div", _e, [
+            s[10] || (s[10] = r("p", { class: "fm-typo-en-body-lg-600 mb-6" }, "Bank Statement", -1)),
+            n(Q, {
               "business-id": a.payoutAccount.businessId,
-              "restaurant-id": ((D = (I = a.payoutAccount) == null ? void 0 : I.store) == null ? void 0 : D.event) === "ORDERING" ? a.payoutAccount.store.id : void 0,
+              "restaurant-id": ((T = (I = a.payoutAccount) == null ? void 0 : I.store) == null ? void 0 : T.event) === "ORDERING" ? a.payoutAccount.store.id : void 0,
               document: a.payoutAccount.store.bankStatement
             }, {
-              default: k(({ src: T }) => [
-                o(ee, {
-                  pdf: T,
+              default: w(({ src: P }) => [
+                n(ee, {
+                  pdf: P,
                   "disable-text-layer": !0,
                   "disable-annotation-layer": !0
                 }, null, 8, ["pdf"])
@@ -680,7 +680,7 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
       ], 64);
     };
   }
-}), $e = /* @__PURE__ */ M({
+}), Ee = /* @__PURE__ */ R({
   __name: "RateInput",
   props: {
     data: {},
@@ -688,23 +688,23 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
   },
   setup(a) {
     const l = a, e = U(l.data.toString());
-    return le(e, (v) => {
-      l.onChange(parseFloat(v));
-    }), (v, u) => {
-      const t = y("FmTextField");
-      return g(), w(t, {
+    return le(e, (b) => {
+      l.onChange(parseFloat(b));
+    }), (b, u) => {
+      const t = p("FmTextField");
+      return F(), k(t, {
         inputmode: "decimal",
         modelValue: e.value,
         "onUpdate:modelValue": u[0] || (u[0] = (c) => e.value = c)
       }, {
-        append: k(() => [...u[1] || (u[1] = [
+        append: w(() => [...u[1] || (u[1] = [
           _("%", -1)
         ])]),
         _: 1
       }, 8, ["modelValue"]);
     };
   }
-}), qe = /* @__PURE__ */ M({
+}), qe = /* @__PURE__ */ R({
   __name: "TPlusInput",
   props: {
     data: {},
@@ -712,18 +712,18 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
   },
   setup(a) {
     const l = a, e = U(l.data.toString());
-    return le(e, (v) => {
-      l.onChange(parseInt(v));
-    }), (v, u) => {
-      const t = y("FmTextField");
-      return g(), w(t, {
+    return le(e, (b) => {
+      l.onChange(parseInt(b));
+    }), (b, u) => {
+      const t = p("FmTextField");
+      return F(), k(t, {
         inputmode: "numeric",
         modelValue: e.value,
         "onUpdate:modelValue": u[0] || (u[0] = (c) => e.value = c)
       }, null, 8, ["modelValue"]);
     };
   }
-}), Oe = /* @__PURE__ */ M({
+}), Oe = /* @__PURE__ */ R({
   __name: "MinimumFeeInput",
   props: {
     data: {},
@@ -731,23 +731,23 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
   },
   setup(a) {
     const l = a, e = U(l.data.toString());
-    return le(e, (v) => {
-      l.onChange(parseFloat(v));
-    }), (v, u) => {
-      const t = y("FmTextField");
-      return g(), w(t, {
+    return le(e, (b) => {
+      l.onChange(parseFloat(b));
+    }), (b, u) => {
+      const t = p("FmTextField");
+      return F(), k(t, {
         inputmode: "numeric",
         modelValue: e.value,
         "onUpdate:modelValue": u[0] || (u[0] = (c) => e.value = c)
       }, {
-        prepend: k(() => [...u[1] || (u[1] = [
+        prepend: w(() => [...u[1] || (u[1] = [
           _("$", -1)
         ])]),
         _: 1
       }, 8, ["modelValue"]);
     };
   }
-}), Ge = { class: "flex gap-16 mt-6" }, je = { class: "flex-1" }, Ke = { class: "flex-1" }, Ye = { class: "my-6 w-full flex justify-end" }, He = { class: "w-[320px]" }, ze = /* @__PURE__ */ M({
+}), Ge = { class: "flex gap-16 mt-6" }, Ke = { class: "flex-1" }, je = { class: "flex-1" }, Ye = { class: "my-6 w-full flex justify-end" }, He = { class: "w-[320px]" }, ze = /* @__PURE__ */ R({
   __name: "PaymentStatus",
   props: {
     onUpdate: {
@@ -760,17 +760,17 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
     }
   },
   setup(a) {
-    const l = a, e = U(!1), v = W(), u = de(), t = async (r) => {
+    const l = a, e = U(!1), b = W(), u = de(), t = async (s) => {
       try {
-        e.value = !0, await l.onUpdate(r), v.open({
+        e.value = !0, await l.onUpdate(s), b.open({
           type: "success",
           title: "Payout account update succesfully"
         });
-      } catch (p) {
-        v.open({
+      } catch (y) {
+        b.open({
           type: "error",
           title: "Error occurs when updating payout account",
-          message: Z(p)
+          message: Z(y)
         });
       } finally {
         e.value = !1;
@@ -816,33 +816,33 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
           otherLabel: "Other Reason",
           otherPlaceholder: "Enter reason for rejection..."
         }
-      }).onPrimary((r) => {
-        l.payoutAccount.enable = !1, l.payoutAccount.status = "REJECTED", l.payoutAccount.statusReason = r, t(l.payoutAccount), u.close();
+      }).onPrimary((s) => {
+        l.payoutAccount.enable = !1, l.payoutAccount.status = "REJECTED", l.payoutAccount.statusReason = s, t(l.payoutAccount), u.close();
       });
-    }, { search: F } = oe({
+    }, { search: g } = oe({
       search: ""
-    }), f = L(() => {
-      const { ssm: r, bank: p, bankStatement: d } = l.payoutAccount.store;
-      return r && p && p.name && p.accountNumber && p.holderName && d;
-    }), m = U(""), b = [
+    }), v = L(() => {
+      const { ssm: s, bank: y, bankStatement: d } = l.payoutAccount.store;
+      return s && y && y.name && y.accountNumber && y.holderName && d;
+    }), m = U(""), f = [
       {
         header: () => "Payment Method",
         accessorKey: "issuer",
-        cell: (r) => `${r.row.original.issuer} (${r.row.original.variant})`
+        cell: (s) => `${s.row.original.issuer} (${s.row.original.variant})`
       },
       {
         header: () => "Rate",
         accessorKey: "rate",
-        cell: ({ row: r }) => {
-          let p = 0;
-          return r.original.rate && (p = r.original.rate.amount / Math.pow(10, r.original.rate.precision)), J($e, {
-            data: p,
+        cell: ({ row: s }) => {
+          let y = 0;
+          return s.original.rate && (y = s.original.rate.amount / Math.pow(10, s.original.rate.precision)), J(Ee, {
+            data: y,
             onChange: (d) => {
-              const n = l.payoutAccount.methods.at(r.index);
-              n.rate || (n.rate = {
+              const o = l.payoutAccount.methods.at(s.index);
+              o.rate || (o.rate = {
                 amount: 0,
                 precision: 4
-              }), n.rate.amount = d * Math.pow(10, n.rate.precision);
+              }), o.rate.amount = d * Math.pow(10, o.rate.precision);
             }
           });
         }
@@ -850,16 +850,16 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
       {
         header: () => "Minimum Fee",
         accessorKey: "minimumFee",
-        cell: ({ row: r }) => {
-          let p = 0;
-          return r.original.minimumFee && (p = r.original.minimumFee.amount / Math.pow(10, r.original.minimumFee.precision)), J(Oe, {
-            data: p,
+        cell: ({ row: s }) => {
+          let y = 0;
+          return s.original.minimumFee && (y = s.original.minimumFee.amount / Math.pow(10, s.original.minimumFee.precision)), J(Oe, {
+            data: y,
             onChange: (d) => {
-              const n = l.payoutAccount.methods.at(r.index);
-              n.minimumFee || (n.minimumFee = {
+              const o = l.payoutAccount.methods.at(s.index);
+              o.minimumFee || (o.minimumFee = {
                 amount: 0,
                 precision: 2
-              }), n.minimumFee.amount = d * Math.pow(10, n.minimumFee.precision);
+              }), o.minimumFee.amount = d * Math.pow(10, o.minimumFee.precision);
             }
           });
         }
@@ -867,35 +867,35 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
       {
         header: () => "T plus",
         accessorKey: "tPlus",
-        cell: ({ row: r }) => J(qe, {
-          data: r.original.tPlus ?? 0,
-          onChange: (p) => {
-            const d = l.payoutAccount.methods.at(r.index);
-            d.tPlus = p;
+        cell: ({ row: s }) => J(qe, {
+          data: s.original.tPlus ?? 0,
+          onChange: (y) => {
+            const d = l.payoutAccount.methods.at(s.index);
+            d.tPlus = y;
           }
         })
       }
     ];
-    return (r, p) => {
-      const d = y("FmRadio"), n = y("FmRadioGroup"), S = y("FmSwitch"), A = y("FmSearch"), C = y("FmTable"), I = y("FmButton");
-      return g(), G(K, null, [
-        s("div", Ge, [
-          s("div", je, [
-            o(n, {
+    return (s, y) => {
+      const d = p("FmRadio"), o = p("FmRadioGroup"), S = p("FmSwitch"), A = p("FmSearch"), C = p("FmTable"), I = p("FmButton");
+      return F(), G(j, null, [
+        r("div", Ge, [
+          r("div", Ke, [
+            n(o, {
               modelValue: a.payoutAccount.status,
-              "onUpdate:modelValue": p[0] || (p[0] = (D) => a.payoutAccount.status = D),
+              "onUpdate:modelValue": y[0] || (y[0] = (T) => a.payoutAccount.status = T),
               label: "Account Status"
             }, {
-              default: k(() => [
-                o(d, {
+              default: w(() => [
+                n(d, {
                   value: "PENDING",
                   label: "Pending"
                 }),
-                o(d, {
+                n(d, {
                   value: "APPROVED",
                   label: "Approved"
                 }),
-                o(d, {
+                n(d, {
                   value: "REJECTED",
                   label: "Rejected",
                   onClick: c
@@ -904,37 +904,37 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
               _: 1
             }, 8, ["modelValue"])
           ]),
-          s("div", Ke, [
-            o(S, {
+          r("div", je, [
+            n(S, {
               modelValue: a.payoutAccount.enable,
-              "onUpdate:modelValue": p[1] || (p[1] = (D) => a.payoutAccount.enable = D),
-              disabled: !f.value,
+              "onUpdate:modelValue": y[1] || (y[1] = (T) => a.payoutAccount.enable = T),
+              disabled: !v.value,
               label: "Enabled",
               sublabel: "Merchant can use online features such as e-payment, settlement"
             }, null, 8, ["modelValue", "disabled"])
           ])
         ]),
-        a.payoutAccount.enable ? (g(), G(K, { key: 0 }, [
-          s("div", Ye, [
-            s("div", He, [
-              o(A, {
-                modelValue: i(F),
-                "onUpdate:modelValue": p[2] || (p[2] = (D) => ae(F) ? F.value = D : null),
+        a.payoutAccount.enable ? (F(), G(j, { key: 0 }, [
+          r("div", Ye, [
+            r("div", He, [
+              n(A, {
+                modelValue: i(g),
+                "onUpdate:modelValue": y[2] || (y[2] = (T) => ae(g) ? g.value = T : null),
                 placeholder: "Search Method ..."
               }, null, 8, ["modelValue"])
             ])
           ]),
-          o(C, {
+          n(C, {
             class: "mt-6",
             modelValue: m.value,
-            "onUpdate:modelValue": p[3] || (p[3] = (D) => m.value = D),
+            "onUpdate:modelValue": y[3] || (y[3] = (T) => m.value = T),
             "shrink-at": !1,
-            "search-value": i(F),
+            "search-value": i(g),
             "row-data": a.payoutAccount.methods,
-            "column-defs": b
+            "column-defs": f
           }, null, 8, ["modelValue", "search-value", "row-data"])
-        ], 64)) : E("", !0),
-        o(I, {
+        ], 64)) : $("", !0),
+        n(I, {
           class: "w-full mt-6",
           variant: "primary",
           label: "Save",
@@ -944,15 +944,15 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
       ], 64);
     };
   }
-}), Le = { class: "flex" }, Ze = /* @__PURE__ */ M({
+}), Le = { class: "flex" }, Ze = /* @__PURE__ */ R({
   __name: "Actions",
   emits: ["edit", "delete"],
   setup(a, { emit: l }) {
     const e = l;
-    return (v, u) => {
-      const t = y("FmButton");
-      return g(), G("div", Le, [
-        o(t, {
+    return (b, u) => {
+      const t = p("FmButton");
+      return F(), G("div", Le, [
+        n(t, {
           variant: "plain",
           "prepend-icon": "delete",
           onClick: u[0] || (u[0] = (c) => {
@@ -962,7 +962,7 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
       ]);
     };
   }
-}), Je = { class: "flex justify-end px-6 pb-6" }, Qe = /* @__PURE__ */ M({
+}), Je = { class: "flex justify-end px-6 pb-6" }, Qe = /* @__PURE__ */ R({
   __name: "PaymentChannel",
   props: {
     payoutAccount: {
@@ -971,41 +971,41 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
     }
   },
   setup(a) {
-    const l = W(), e = a, { isLoading: v, startAsyncCall: u } = ne(), t = U([]);
+    const l = W(), e = a, { isLoading: b, startAsyncCall: u } = ne(), t = U([]);
     function c() {
       u(async () => {
         t.value = await Y.getChannels(e.payoutAccount._id);
       });
     }
     me(c);
-    function F() {
+    function g() {
       u(async () => {
         try {
           await Y.updateChannels(e.payoutAccount._id, t.value), l.open({
             type: "success",
             title: "Payout account channels update succesfully"
           });
-        } catch (b) {
+        } catch (f) {
           l.open({
             type: "error",
             title: "Error occurs when updating payout account channels",
-            message: Z(b)
+            message: Z(f)
           });
         }
       });
     }
-    function f() {
+    function v() {
       u(async () => {
         try {
           await Y.resetChannels(e.payoutAccount._id), t.value = await Y.getChannels(e.payoutAccount._id), l.open({
             type: "success",
             title: "Payout account channels reset succesfully"
           });
-        } catch (b) {
+        } catch (f) {
           l.open({
             type: "error",
             title: "Error occurs when reset payout account channels",
-            message: Z(b)
+            message: Z(f)
           });
         }
       });
@@ -1022,46 +1022,46 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
       {
         header: () => "Display",
         accessorKey: "icon",
-        cell: ({ row: b }) => J("img", { src: b.original.icon, width: 32, height: 32 })
+        cell: ({ row: f }) => J("img", { src: f.original.icon, width: 32, height: 32 })
       },
       {
         header: () => "Label",
         accessorKey: "label",
-        cell: ({ row: b }) => J(Fe.FmTextField, {
-          modelValue: b.original.label,
-          "onUpdate:modelValue": (r) => b.original.label = r
+        cell: ({ row: f }) => J(Fe.FmTextField, {
+          modelValue: f.original.label,
+          "onUpdate:modelValue": (s) => f.original.label = s
         })
       },
       {
         id: "actions",
         header: () => "Actions",
-        cell: ({ row: b }) => J(Ze, {
-          onDelete: () => t.value.splice(b.index, 1)
+        cell: ({ row: f }) => J(Ze, {
+          onDelete: () => t.value.splice(f.index, 1)
         })
       }
     ];
-    return (b, r) => {
-      const p = y("FmButton"), d = y("FmTable");
-      return g(), G(K, null, [
-        s("div", Je, [
-          o(p, {
+    return (f, s) => {
+      const y = p("FmButton"), d = p("FmTable");
+      return F(), G(j, null, [
+        r("div", Je, [
+          n(y, {
             class: "mx-4",
             variant: "destructive",
             size: "md",
             icon: "history",
             label: "Reset",
-            onClick: f
+            onClick: v
           }),
-          o(p, {
+          n(y, {
             variant: "primary",
             size: "md",
             icon: "save",
             label: "Save",
-            onClick: F
+            onClick: g
           })
         ]),
-        o(d, {
-          loading: i(v),
+        n(d, {
+          loading: i(b),
           "row-data": t.value,
           "column-defs": m,
           "shrink-at": !1
@@ -1069,7 +1069,7 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
       ], 64);
     };
   }
-}), We = { class: "flex mt-6 space-x-6" }, Xe = /* @__PURE__ */ M({
+}), We = { class: "flex mt-6 space-x-6" }, Xe = /* @__PURE__ */ R({
   __name: "FiuuGateway",
   props: {
     gateway: {
@@ -1086,47 +1086,47 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
     }
   },
   setup(a) {
-    var v;
-    const e = U(((v = a.gateway) == null ? void 0 : v.config) || {
+    var b;
+    const e = U(((b = a.gateway) == null ? void 0 : b.config) || {
       merchantId: "",
       verifyKey: "",
       secretKey: ""
     });
     return (u, t) => {
-      const c = y("FmTextField"), F = y("FmButton"), f = y("FmForm");
-      return g(), w(f, {
+      const c = p("FmTextField"), g = p("FmButton"), v = p("FmForm");
+      return F(), k(v, {
         ref: "form",
         class: "flex flex-col gap-16",
         onValidationSuccess: t[3] || (t[3] = () => a.onUpdate(e.value))
       }, {
-        default: k(() => [
-          o(c, {
+        default: w(() => [
+          n(c, {
             modelValue: e.value.merchantId,
             "onUpdate:modelValue": t[0] || (t[0] = (m) => e.value.merchantId = m),
             label: "Merchant ID",
-            rules: i(N)(i(h).string())
+            rules: i(N)(i(D).string())
           }, null, 8, ["modelValue", "rules"]),
-          o(c, {
+          n(c, {
             modelValue: e.value.verifyKey,
             "onUpdate:modelValue": t[1] || (t[1] = (m) => e.value.verifyKey = m),
             label: "Verify Key",
-            rules: i(N)(i(h).string())
+            rules: i(N)(i(D).string())
           }, null, 8, ["modelValue", "rules"]),
-          o(c, {
+          n(c, {
             modelValue: e.value.secretKey,
             "onUpdate:modelValue": t[2] || (t[2] = (m) => e.value.secretKey = m),
             label: "Secret Key",
-            rules: i(N)(i(h).string())
+            rules: i(N)(i(D).string())
           }, null, 8, ["modelValue", "rules"]),
-          s("div", We, [
-            a.gateway ? (g(), w(F, {
+          r("div", We, [
+            a.gateway ? (F(), k(g, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
               onclick: () => a.onDelete()
-            }, null, 8, ["onclick"])) : E("", !0),
-            o(F, {
+            }, null, 8, ["onclick"])) : $("", !0),
+            n(g, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -1138,7 +1138,7 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
       }, 512);
     };
   }
-}), et = { class: "flex mt-6 space-x-6" }, tt = /* @__PURE__ */ M({
+}), et = { class: "flex mt-6 space-x-6" }, tt = /* @__PURE__ */ R({
   __name: "MacauPassGateway",
   props: {
     gateway: {
@@ -1155,8 +1155,8 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
     }
   },
   setup(a) {
-    var v;
-    const e = U(((v = a.gateway) == null ? void 0 : v.config) || {
+    var b;
+    const e = U(((b = a.gateway) == null ? void 0 : b.config) || {
       merchantId: "",
       merchantName: "",
       merchantCategoryCode: "",
@@ -1164,52 +1164,52 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
       storeName: ""
     });
     return (u, t) => {
-      const c = y("FmTextField"), F = y("FmButton"), f = y("FmForm");
-      return g(), w(f, {
+      const c = p("FmTextField"), g = p("FmButton"), v = p("FmForm");
+      return F(), k(v, {
         ref: "form",
         class: "flex flex-col gap-16",
         onValidationSuccess: t[5] || (t[5] = () => a.onUpdate(e.value))
       }, {
-        default: k(() => [
-          o(c, {
+        default: w(() => [
+          n(c, {
             modelValue: e.value.merchantId,
             "onUpdate:modelValue": t[0] || (t[0] = (m) => e.value.merchantId = m),
             label: "Merchant ID",
-            rules: i(N)(i(h).string())
+            rules: i(N)(i(D).string())
           }, null, 8, ["modelValue", "rules"]),
-          o(c, {
+          n(c, {
             modelValue: e.value.merchantName,
             "onUpdate:modelValue": t[1] || (t[1] = (m) => e.value.merchantName = m),
             label: "Merchant Name",
-            rules: i(N)(i(h).string())
+            rules: i(N)(i(D).string())
           }, null, 8, ["modelValue", "rules"]),
-          o(c, {
+          n(c, {
             modelValue: e.value.merchantCategoryCode,
             "onUpdate:modelValue": t[2] || (t[2] = (m) => e.value.merchantCategoryCode = m),
             label: "Merchant MCC",
-            rules: i(N)(i(h).string())
+            rules: i(N)(i(D).string())
           }, null, 8, ["modelValue", "rules"]),
-          o(c, {
+          n(c, {
             modelValue: e.value.storeID,
             "onUpdate:modelValue": t[3] || (t[3] = (m) => e.value.storeID = m),
             label: "Store ID",
-            rules: i(N)(i(h).string())
+            rules: i(N)(i(D).string())
           }, null, 8, ["modelValue", "rules"]),
-          o(c, {
+          n(c, {
             modelValue: e.value.storeName,
             "onUpdate:modelValue": t[4] || (t[4] = (m) => e.value.storeName = m),
             label: "Store Name",
-            rules: i(N)(i(h).string())
+            rules: i(N)(i(D).string())
           }, null, 8, ["modelValue", "rules"]),
-          s("div", et, [
-            a.gateway ? (g(), w(F, {
+          r("div", et, [
+            a.gateway ? (F(), k(g, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
               onclick: () => a.onDelete()
-            }, null, 8, ["onclick"])) : E("", !0),
-            o(F, {
+            }, null, 8, ["onclick"])) : $("", !0),
+            n(g, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -1221,7 +1221,7 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
       }, 512);
     };
   }
-}), at = { class: "flex mt-6 space-x-6" }, nt = /* @__PURE__ */ M({
+}), at = { class: "flex mt-6 space-x-6" }, nt = /* @__PURE__ */ R({
   __name: "DigioGateway",
   props: {
     gateway: {
@@ -1238,40 +1238,40 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
     }
   },
   setup(a) {
-    var v;
-    const e = U(((v = a.gateway) == null ? void 0 : v.config) || {
+    var b;
+    const e = U(((b = a.gateway) == null ? void 0 : b.config) || {
       merchantId: "",
       cardMerchantId: ""
     });
     return (u, t) => {
-      const c = y("FmTextField"), F = y("FmButton"), f = y("FmForm");
-      return g(), w(f, {
+      const c = p("FmTextField"), g = p("FmButton"), v = p("FmForm");
+      return F(), k(v, {
         ref: "form",
         class: "flex flex-col gap-16",
         onValidationSuccess: t[2] || (t[2] = () => a.onUpdate(e.value))
       }, {
-        default: k(() => [
-          o(c, {
+        default: w(() => [
+          n(c, {
             modelValue: e.value.merchantId,
             "onUpdate:modelValue": t[0] || (t[0] = (m) => e.value.merchantId = m),
             label: "Merchant ID",
-            rules: i(N)(i(h).string())
+            rules: i(N)(i(D).string())
           }, null, 8, ["modelValue", "rules"]),
-          o(c, {
+          n(c, {
             modelValue: e.value.cardMerchantId,
             "onUpdate:modelValue": t[1] || (t[1] = (m) => e.value.cardMerchantId = m),
             label: "Card Merchant ID",
-            rules: i(N)(i(h).string())
+            rules: i(N)(i(D).string())
           }, null, 8, ["modelValue", "rules"]),
-          s("div", at, [
-            a.gateway ? (g(), w(F, {
+          r("div", at, [
+            a.gateway ? (F(), k(g, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
               onclick: () => a.onDelete()
-            }, null, 8, ["onclick"])) : E("", !0),
-            o(F, {
+            }, null, 8, ["onclick"])) : $("", !0),
+            n(g, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -1283,7 +1283,7 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
       }, 512);
     };
   }
-}), ot = { class: "flex mt-6 space-x-6" }, lt = /* @__PURE__ */ M({
+}), ot = { class: "flex mt-6 space-x-6" }, lt = /* @__PURE__ */ R({
   __name: "AdyenGateway",
   props: {
     gateway: {
@@ -1300,8 +1300,8 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
     }
   },
   setup(a) {
-    var v;
-    const e = U(((v = a.gateway) == null ? void 0 : v.config) || {
+    var b;
+    const e = U(((b = a.gateway) == null ? void 0 : b.config) || {
       merchantAccount: "",
       username: "",
       apiKey: "",
@@ -1310,57 +1310,57 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
       hmacKey: ""
     });
     return (u, t) => {
-      const c = y("FmTextField"), F = y("FmButton"), f = y("FmForm");
-      return g(), w(f, {
+      const c = p("FmTextField"), g = p("FmButton"), v = p("FmForm");
+      return F(), k(v, {
         ref: "form",
         class: "flex flex-col gap-16",
         onValidationSuccess: t[6] || (t[6] = () => a.onUpdate(e.value))
       }, {
-        default: k(() => [
-          o(c, {
+        default: w(() => [
+          n(c, {
             modelValue: e.value.endpoint,
             "onUpdate:modelValue": t[0] || (t[0] = (m) => e.value.endpoint = m),
             label: "Endpoint",
-            rules: i(N)(i(h).string())
+            rules: i(N)(i(D).string())
           }, null, 8, ["modelValue", "rules"]),
-          o(c, {
+          n(c, {
             modelValue: e.value.merchantAccount,
             "onUpdate:modelValue": t[1] || (t[1] = (m) => e.value.merchantAccount = m),
             label: "Merchant Account",
-            rules: i(N)(i(h).string())
+            rules: i(N)(i(D).string())
           }, null, 8, ["modelValue", "rules"]),
-          o(c, {
+          n(c, {
             modelValue: e.value.username,
             "onUpdate:modelValue": t[2] || (t[2] = (m) => e.value.username = m),
             label: "Username",
-            rules: i(N)(i(h).string())
+            rules: i(N)(i(D).string())
           }, null, 8, ["modelValue", "rules"]),
-          o(c, {
+          n(c, {
             modelValue: e.value.apiKey,
             "onUpdate:modelValue": t[3] || (t[3] = (m) => e.value.apiKey = m),
             label: "API Key",
-            rules: i(N)(i(h).string())
+            rules: i(N)(i(D).string())
           }, null, 8, ["modelValue", "rules"]),
-          o(c, {
+          n(c, {
             modelValue: e.value.clientKey,
             "onUpdate:modelValue": t[4] || (t[4] = (m) => e.value.clientKey = m),
             label: "Client Key",
-            rules: i(N)(i(h).string())
+            rules: i(N)(i(D).string())
           }, null, 8, ["modelValue", "rules"]),
-          o(c, {
+          n(c, {
             modelValue: e.value.hmacKey,
             "onUpdate:modelValue": t[5] || (t[5] = (m) => e.value.hmacKey = m),
             label: "HMac Key"
           }, null, 8, ["modelValue"]),
-          s("div", ot, [
-            a.gateway ? (g(), w(F, {
+          r("div", ot, [
+            a.gateway ? (F(), k(g, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
               onclick: () => a.onDelete()
-            }, null, 8, ["onclick"])) : E("", !0),
-            o(F, {
+            }, null, 8, ["onclick"])) : $("", !0),
+            n(g, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -1372,7 +1372,7 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
       }, 512);
     };
   }
-}), ut = { class: "flex mt-6 space-x-6" }, st = /* @__PURE__ */ M({
+}), ut = { class: "flex mt-6 space-x-6" }, rt = /* @__PURE__ */ R({
   __name: "KsherGateway",
   props: {
     gateway: {
@@ -1389,41 +1389,41 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
     }
   },
   setup(a) {
-    var v;
-    const e = U(((v = a.gateway) == null ? void 0 : v.config) || {
+    var b;
+    const e = U(((b = a.gateway) == null ? void 0 : b.config) || {
       appId: "",
       privateKey: ""
     });
     return (u, t) => {
-      const c = y("FmTextField"), F = y("FmTextarea"), f = y("FmButton"), m = y("FmForm");
-      return g(), w(m, {
+      const c = p("FmTextField"), g = p("FmTextarea"), v = p("FmButton"), m = p("FmForm");
+      return F(), k(m, {
         ref: "form",
         class: "flex flex-col gap-16",
         onValidationSuccess: t[2] || (t[2] = () => a.onUpdate(e.value))
       }, {
-        default: k(() => [
-          o(c, {
+        default: w(() => [
+          n(c, {
             modelValue: e.value.appId,
-            "onUpdate:modelValue": t[0] || (t[0] = (b) => e.value.appId = b),
+            "onUpdate:modelValue": t[0] || (t[0] = (f) => e.value.appId = f),
             label: "App ID",
-            rules: i(N)(i(h).string())
+            rules: i(N)(i(D).string())
           }, null, 8, ["modelValue", "rules"]),
-          o(F, {
+          n(g, {
             modelValue: e.value.privateKey,
-            "onUpdate:modelValue": t[1] || (t[1] = (b) => e.value.privateKey = b),
+            "onUpdate:modelValue": t[1] || (t[1] = (f) => e.value.privateKey = f),
             label: "Private Key",
             placeholder: "Paste your private key including BEGIN and END markers",
-            rules: i(N)(i(h).string())
+            rules: i(N)(i(D).string())
           }, null, 8, ["modelValue", "rules"]),
-          s("div", ut, [
-            a.gateway ? (g(), w(f, {
+          r("div", ut, [
+            a.gateway ? (F(), k(v, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
               onclick: () => a.onDelete()
-            }, null, 8, ["onclick"])) : E("", !0),
-            o(f, {
+            }, null, 8, ["onclick"])) : $("", !0),
+            n(v, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -1435,7 +1435,7 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
       }, 512);
     };
   }
-}), rt = /* @__PURE__ */ M({
+}), st = /* @__PURE__ */ R({
   __name: "TyroGateway",
   props: {
     gateway: {
@@ -1452,39 +1452,103 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
     }
   },
   setup(a) {
-    var v;
+    var b;
     const e = U(
-      ((v = a.gateway) == null ? void 0 : v.config) || {
+      ((b = a.gateway) == null ? void 0 : b.config) || {
         locationId: ""
       }
     );
     return (u, t) => {
-      const c = y("FmTextField"), F = y("FmForm");
-      return g(), w(F, {
+      const c = p("FmTextField"), g = p("FmForm");
+      return F(), k(g, {
         ref: "form",
         class: "flex flex-col gap-16",
         onValidationSuccess: t[1] || (t[1] = () => a.onUpdate(e.value))
       }, {
-        default: k(() => [
-          o(c, {
+        default: w(() => [
+          n(c, {
             modelValue: e.value.locationId,
-            "onUpdate:modelValue": t[0] || (t[0] = (f) => e.value.locationId = f),
+            "onUpdate:modelValue": t[0] || (t[0] = (v) => e.value.locationId = v),
             label: "Location ID",
             readonly: !0,
-            rules: i(N)(i(h).string())
+            rules: i(N)(i(D).string())
           }, null, 8, ["modelValue", "rules"])
         ]),
         _: 1
       }, 512);
     };
   }
-}), it = {
+}), it = { class: "flex mt-6 space-x-6" }, ct = /* @__PURE__ */ R({
+  __name: "BeamGateway",
+  props: {
+    gateway: {
+      type: Object,
+      required: !0
+    },
+    onUpdate: {
+      type: Function,
+      required: !0
+    },
+    onDelete: {
+      type: Function,
+      required: !0
+    }
+  },
+  setup(a) {
+    var b;
+    const e = U(
+      ((b = a.gateway) == null ? void 0 : b.config) || {
+        merchantId: "",
+        apiKey: ""
+      }
+    );
+    return (u, t) => {
+      const c = p("FmTextField"), g = p("FmButton"), v = p("FmForm");
+      return F(), k(v, {
+        ref: "form",
+        class: "flex flex-col gap-16",
+        onValidationSuccess: t[2] || (t[2] = () => a.onUpdate(e.value))
+      }, {
+        default: w(() => [
+          n(c, {
+            modelValue: e.value.merchantId,
+            "onUpdate:modelValue": t[0] || (t[0] = (m) => e.value.merchantId = m),
+            label: "Merchant ID",
+            rules: i(N)(i(D).string())
+          }, null, 8, ["modelValue", "rules"]),
+          n(c, {
+            modelValue: e.value.apiKey,
+            "onUpdate:modelValue": t[1] || (t[1] = (m) => e.value.apiKey = m),
+            label: "Api Key",
+            rules: i(N)(i(D).string())
+          }, null, 8, ["modelValue", "rules"]),
+          r("div", it, [
+            a.gateway ? (F(), k(g, {
+              key: 0,
+              class: "flex-1",
+              variant: "secondary",
+              label: "Delete",
+              onclick: () => a.onDelete()
+            }, null, 8, ["onclick"])) : $("", !0),
+            n(g, {
+              type: "submit",
+              class: "flex-1",
+              variant: "primary",
+              label: "Save"
+            })
+          ])
+        ]),
+        _: 1
+      }, 512);
+    };
+  }
+}), mt = {
   key: 0,
   className: "mt-1 my-6 text-gray-600"
-}, ct = {
+}, dt = {
   key: 1,
   class: "flex items-center justify-center min-h-[80vh]"
-}, mt = /* @__PURE__ */ M({
+}, pt = /* @__PURE__ */ R({
   __name: "PaymentGateway",
   props: {
     payoutAccount: {
@@ -1493,59 +1557,65 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
     }
   },
   setup(a) {
-    const l = pe().currentCountry, e = l.value, v = W(), { isLoading: u, startAsyncCall: t } = ne(), { gatewayTab: c } = oe({
+    const l = pe().currentCountry, e = l.value, b = W(), { isLoading: u, startAsyncCall: t } = ne(), { gatewayTab: c } = oe({
       gatewayTab: ""
-    }), F = a, f = [
+    }), g = a, v = [
       {
         label: "Fiuu",
         value: "RAZER_MERCHANT_SERVICE",
         render: Xe,
-        region: [O.F_COUNTRY.enum.MY, O.F_COUNTRY.enum.SG]
+        region: [q.F_COUNTRY.enum.MY, q.F_COUNTRY.enum.SG]
       },
       {
         label: "Macau Pass",
         value: "MACAU_PASS",
         render: tt,
-        region: [O.F_COUNTRY.enum.MO]
+        region: [q.F_COUNTRY.enum.MO]
       },
       {
         label: "Digio",
         value: "DIGIO",
         render: nt,
-        region: [O.F_COUNTRY.enum.TH]
+        region: [q.F_COUNTRY.enum.TH]
       },
       {
         label: "Ksher",
         value: "KSHER",
-        render: st,
-        region: [O.F_COUNTRY.enum.TH]
+        render: rt,
+        region: [q.F_COUNTRY.enum.TH]
       },
       {
         label: "Adyen",
         value: "ADYEN",
         render: lt,
-        region: [O.F_COUNTRY.enum.MY, O.F_COUNTRY.enum.SG]
+        region: [q.F_COUNTRY.enum.MY, q.F_COUNTRY.enum.SG]
       },
       {
         label: "Tyro",
         value: "TYRO",
-        render: rt,
-        region: [O.F_COUNTRY.enum.AU]
+        render: st,
+        region: [q.F_COUNTRY.enum.AU]
+      },
+      {
+        label: "Beam",
+        value: "BEAM",
+        render: ct,
+        region: [q.F_COUNTRY.enum.TH]
       }
     ], m = U(
-      F.payoutAccount.gateways ?? []
-    ), b = L(() => f.find((S) => S.value === c.value)), r = L(() => f.filter(
-      (S) => S.region.includes(l.value ?? O.F_COUNTRY.enum.MY)
+      g.payoutAccount.gateways ?? []
+    ), f = L(() => v.find((S) => S.value === c.value)), s = L(() => v.filter(
+      (S) => S.region.includes(l.value ?? q.F_COUNTRY.enum.MY)
     ));
-    async function p(S) {
+    async function y(S) {
       await t(async () => {
         try {
-          await Y.updateGateway(F.payoutAccount._id, S), v.open({
+          await Y.updateGateway(g.payoutAccount._id, S), b.open({
             type: "success",
             title: "Payout account gateways update succesfully"
           }), d.value = S.length === 0;
         } catch (A) {
-          v.open({
+          b.open({
             type: "error",
             title: "Error occurs when updating payout account gateways",
             message: Z(A)
@@ -1553,66 +1623,66 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
         }
       });
     }
-    const d = U((F.payoutAccount.gateways ?? []).length === 0), n = L(() => e !== "MY" || !d.value);
+    const d = U((g.payoutAccount.gateways ?? []).length === 0), o = L(() => e !== "MY" || !d.value);
     return (S, A) => {
-      var T;
-      const C = y("FmCircularProgress"), I = y("FmSwitch"), D = y("FmTabs");
-      return g(), G(K, null, [
-        i(e) ? (g(), G("p", it, [...A[2] || (A[2] = [
-          s("b", null, "Note: ", -1),
+      var P;
+      const C = p("FmCircularProgress"), I = p("FmSwitch"), T = p("FmTabs");
+      return F(), G(j, null, [
+        i(e) ? (F(), G("p", mt, [...A[2] || (A[2] = [
+          r("b", null, "Note: ", -1),
           _(" There's no setup required for Malaysia Payment Gateway, once Payout Account is ready you will able to configure the payment channels. ", -1)
-        ])])) : E("", !0),
-        i(u) ? (g(), G("div", ct, [
-          o(C, { size: "xxl" })
-        ])) : (g(), G(K, { key: 2 }, [
-          i(e) === "MY" ? (g(), w(I, {
+        ])])) : $("", !0),
+        i(u) ? (F(), G("div", dt, [
+          n(C, { size: "xxl" })
+        ])) : (F(), G(j, { key: 2 }, [
+          i(e) === "MY" ? (F(), k(I, {
             key: 0,
             modelValue: d.value,
             "onUpdate:modelValue": A[0] || (A[0] = (V) => d.value = V),
             style: { "padding-bottom": "12px" },
             label: "Use FeedMe's Default Account?"
-          }, null, 8, ["modelValue"])) : E("", !0),
-          n.value ? (g(), w(D, {
+          }, null, 8, ["modelValue"])) : $("", !0),
+          o.value ? (F(), k(T, {
             key: 1,
             "model-value": i(c),
             "onUpdate:modelValue": A[1] || (A[1] = (V) => ae(c) ? c.value = V : null),
             class: "mb-6",
-            items: r.value
-          }, null, 8, ["model-value", "items"])) : E("", !0),
-          n.value && i(c) ? (g(), w(ue((T = b.value) == null ? void 0 : T.render), se(re({ key: 2 }, {
+            items: s.value
+          }, null, 8, ["model-value", "items"])) : $("", !0),
+          o.value && i(c) ? (F(), k(ue((P = f.value) == null ? void 0 : P.render), re(se({ key: 2 }, {
             gateway: m.value.find(
               (V) => {
                 var x;
-                return V.paymentGateway === ((x = b.value) == null ? void 0 : x.value);
+                return V.paymentGateway === ((x = f.value) == null ? void 0 : x.value);
               }
             ),
             onDelete: async () => {
               m.value = m.value.filter(
                 (V) => {
                   var x;
-                  return V.paymentGateway !== ((x = b.value) == null ? void 0 : x.value);
+                  return V.paymentGateway !== ((x = f.value) == null ? void 0 : x.value);
                 }
-              ), p(m.value);
+              ), y(m.value);
             },
             onUpdate: (V) => {
-              var $;
+              var E;
               let x = m.value.find(
                 (B) => {
-                  var R;
-                  return B.paymentGateway === ((R = b.value) == null ? void 0 : R.value);
+                  var h;
+                  return B.paymentGateway === ((h = f.value) == null ? void 0 : h.value);
                 }
               );
               x ? x.config = V : m.value.push({
-                paymentGateway: ($ = b.value) == null ? void 0 : $.value,
+                paymentGateway: (E = f.value) == null ? void 0 : E.value,
                 config: V
-              }), p(m.value);
+              }), y(m.value);
             }
-          })), null, 16)) : E("", !0)
+          })), null, 16)) : $("", !0)
         ], 64))
       ], 64);
     };
   }
-}), dt = { class: "flex mt-6 space-x-6" }, pt = /* @__PURE__ */ M({
+}), yt = { class: "flex mt-6 space-x-6" }, bt = /* @__PURE__ */ R({
   __name: "GooglePayToken",
   props: {
     gateway: {
@@ -1639,44 +1709,44 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
         }
       }
     );
-    return (v, u) => {
-      const t = y("FmTextField"), c = y("FmButton"), F = y("FmForm");
-      return g(), w(F, {
+    return (b, u) => {
+      const t = p("FmTextField"), c = p("FmButton"), g = p("FmForm");
+      return F(), k(g, {
         ref: "form",
         class: "flex flex-col gap-16",
         onValidationSuccess: u[3] || (u[3] = () => a.onUpdate(e.value))
       }, {
-        default: k(() => [
-          o(t, {
+        default: w(() => [
+          n(t, {
             modelValue: e.value.gateway,
-            "onUpdate:modelValue": u[0] || (u[0] = (f) => e.value.gateway = f),
+            "onUpdate:modelValue": u[0] || (u[0] = (v) => e.value.gateway = v),
             label: "Gateway",
             disabled: !0,
-            rules: i(N)(i(h).string())
+            rules: i(N)(i(D).string())
           }, null, 8, ["modelValue", "rules"]),
-          o(t, {
+          n(t, {
             modelValue: e.value.config.gateway,
-            "onUpdate:modelValue": u[1] || (u[1] = (f) => e.value.config.gateway = f),
+            "onUpdate:modelValue": u[1] || (u[1] = (v) => e.value.config.gateway = v),
             label: "Gateway ID",
             disabled: !0,
-            rules: i(N)(i(h).string())
+            rules: i(N)(i(D).string())
           }, null, 8, ["modelValue", "rules"]),
-          o(t, {
+          n(t, {
             modelValue: e.value.config.gatewayMerchantId,
-            "onUpdate:modelValue": u[2] || (u[2] = (f) => e.value.config.gatewayMerchantId = f),
+            "onUpdate:modelValue": u[2] || (u[2] = (v) => e.value.config.gatewayMerchantId = v),
             label: "Gateway Merchant ID",
             disabled: !0,
-            rules: i(N)(i(h).string())
+            rules: i(N)(i(D).string())
           }, null, 8, ["modelValue", "rules"]),
-          s("div", dt, [
-            a.gateway ? (g(), w(c, {
+          r("div", yt, [
+            a.gateway ? (F(), k(c, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
               onclick: () => a.onDelete()
-            }, null, 8, ["onclick"])) : E("", !0),
-            o(c, {
+            }, null, 8, ["onclick"])) : $("", !0),
+            n(c, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -1688,7 +1758,7 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
       }, 512);
     };
   }
-}), yt = { class: "flex mt-6 space-x-6" }, bt = /* @__PURE__ */ M({
+}), vt = { class: "flex mt-6 space-x-6" }, ft = /* @__PURE__ */ R({
   __name: "ApplePayToken",
   props: {
     gateway: {
@@ -1714,37 +1784,37 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
         }
       }
     );
-    return (v, u) => {
-      const t = y("FmTextField"), c = y("FmButton"), F = y("FmForm");
-      return g(), w(F, {
+    return (b, u) => {
+      const t = p("FmTextField"), c = p("FmButton"), g = p("FmForm");
+      return F(), k(g, {
         ref: "form",
         class: "flex flex-col gap-16",
         onValidationSuccess: u[2] || (u[2] = () => a.onUpdate(e.value))
       }, {
-        default: k(() => [
-          o(t, {
+        default: w(() => [
+          n(t, {
             modelValue: e.value.gateway,
-            "onUpdate:modelValue": u[0] || (u[0] = (f) => e.value.gateway = f),
+            "onUpdate:modelValue": u[0] || (u[0] = (v) => e.value.gateway = v),
             label: "Gateway",
             disabled: !0,
-            rules: i(N)(i(h).string())
+            rules: i(N)(i(D).string())
           }, null, 8, ["modelValue", "rules"]),
-          o(t, {
+          n(t, {
             modelValue: e.value.config.merchantId,
-            "onUpdate:modelValue": u[1] || (u[1] = (f) => e.value.config.merchantId = f),
+            "onUpdate:modelValue": u[1] || (u[1] = (v) => e.value.config.merchantId = v),
             label: "Merchant ID",
             disabled: !0,
-            rules: i(N)(i(h).string())
+            rules: i(N)(i(D).string())
           }, null, 8, ["modelValue", "rules"]),
-          s("div", yt, [
-            a.gateway ? (g(), w(c, {
+          r("div", vt, [
+            a.gateway ? (F(), k(c, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
               onclick: () => a.onDelete()
-            }, null, 8, ["onclick"])) : E("", !0),
-            o(c, {
+            }, null, 8, ["onclick"])) : $("", !0),
+            n(c, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -1756,10 +1826,10 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
       }, 512);
     };
   }
-}), vt = {
+}), gt = {
   key: 0,
   class: "flex items-center justify-center min-h-[80vh]"
-}, ft = /* @__PURE__ */ M({
+}, Ft = /* @__PURE__ */ R({
   __name: "TokenGateway",
   props: {
     payoutAccount: {
@@ -1768,30 +1838,30 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
     }
   },
   setup(a) {
-    const l = pe().currentCountry, e = W(), { isLoading: v, startAsyncCall: u } = ne(), { tokenTab: t } = oe({
+    const l = pe().currentCountry, e = W(), { isLoading: b, startAsyncCall: u } = ne(), { tokenTab: t } = oe({
       tokenTab: ""
-    }), c = a, F = [
+    }), c = a, g = [
       {
         label: "Google Pay",
         value: "googlePay",
         icon: "android",
-        render: pt,
-        region: [O.F_COUNTRY.enum.MY, O.F_COUNTRY.enum.SG]
+        render: bt,
+        region: [q.F_COUNTRY.enum.MY, q.F_COUNTRY.enum.SG]
       },
       {
         label: "Apple Pay",
         value: "applePay",
         icon: "iOS",
-        render: bt,
-        region: [O.F_COUNTRY.enum.MY, O.F_COUNTRY.enum.SG]
+        render: ft,
+        region: [q.F_COUNTRY.enum.MY, q.F_COUNTRY.enum.SG]
       }
-    ], f = U(c.payoutAccount.tokens ?? []), m = L(() => F.find((p) => p.value === t.value)), b = L(() => F.filter(
-      (p) => p.region.includes(l.value ?? O.F_COUNTRY.enum.MY)
+    ], v = U(c.payoutAccount.tokens ?? []), m = L(() => g.find((y) => y.value === t.value)), f = L(() => g.filter(
+      (y) => y.region.includes(l.value ?? q.F_COUNTRY.enum.MY)
     ));
-    async function r(p) {
+    async function s(y) {
       await u(async () => {
         try {
-          await Y.updateTokens(c.payoutAccount._id, p), e.open({
+          await Y.updateTokens(c.payoutAccount._id, y), e.open({
             type: "success",
             title: "Payout account tokens gateway update succesfully"
           });
@@ -1804,50 +1874,50 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
         }
       });
     }
-    return (p, d) => {
+    return (y, d) => {
       var A;
-      const n = y("FmCircularProgress"), S = y("FmTabs");
-      return g(), G(K, null, [
-        d[1] || (d[1] = s("p", { className: "mt-1 my-6 text-gray-600" }, [
-          s("b", null, "Note: "),
+      const o = p("FmCircularProgress"), S = p("FmTabs");
+      return F(), G(j, null, [
+        d[1] || (d[1] = r("p", { className: "mt-1 my-6 text-gray-600" }, [
+          r("b", null, "Note: "),
           _(" Token gateways appear above other online payment channels to comply with provider branding requirements. Configuration is standardized, so you generally only need to select the provider. "),
-          s("br"),
-          s("br"),
-          s("b", null, ` Token payments are automatically enabled for "Pay-First" merchants. You do not need to adjust settings here unless you're modifying for a non-Pay-First merchant who wishes to manually enable this feature. `),
-          s("br")
+          r("br"),
+          r("br"),
+          r("b", null, ` Token payments are automatically enabled for "Pay-First" merchants. You do not need to adjust settings here unless you're modifying for a non-Pay-First merchant who wishes to manually enable this feature. `),
+          r("br")
         ], -1)),
-        i(v) ? (g(), G("div", vt, [
-          o(n, { size: "xxl" })
-        ])) : (g(), w(S, {
+        i(b) ? (F(), G("div", gt, [
+          n(o, { size: "xxl" })
+        ])) : (F(), k(S, {
           key: 1,
           "model-value": i(t),
           "onUpdate:modelValue": d[0] || (d[0] = (C) => ae(t) ? t.value = C : null),
           class: "mb-6 mt-6",
-          items: b.value
+          items: f.value
         }, null, 8, ["model-value", "items"])),
-        i(t) ? (g(), w(ue((A = m.value) == null ? void 0 : A.render), se(re({ key: 2 }, {
-          gateway: f.value.find((C) => {
+        i(t) ? (F(), k(ue((A = m.value) == null ? void 0 : A.render), re(se({ key: 2 }, {
+          gateway: v.value.find((C) => {
             var I;
             return C.type === ((I = m.value) == null ? void 0 : I.value);
           }),
           onDelete: async () => {
-            f.value = f.value.filter((C) => {
+            v.value = v.value.filter((C) => {
               var I;
               return C.type !== ((I = m.value) == null ? void 0 : I.value);
-            }), r(f.value);
+            }), s(v.value);
           },
           onUpdate: (C) => {
-            let I = f.value.find((D) => {
-              var T;
-              return D.type === ((T = m.value) == null ? void 0 : T.value);
+            let I = v.value.find((T) => {
+              var P;
+              return T.type === ((P = m.value) == null ? void 0 : P.value);
             });
-            I ? I.config = C : f.value.push(C), r(f.value);
+            I ? I.config = C : v.value.push(C), s(v.value);
           }
-        })), null, 16)) : E("", !0)
+        })), null, 16)) : $("", !0)
       ], 64);
     };
   }
-}), Tt = /* @__PURE__ */ M({
+}), Mt = /* @__PURE__ */ R({
   __name: "PayoutAccountSetting",
   props: {
     accountId: {
@@ -1858,25 +1928,25 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
   setup(a) {
     const l = a, { tab: e } = oe({
       tab: "information"
-    }), { isLoading: v, startAsyncCall: u } = ne(!0), t = ve(), c = U();
-    async function F(r) {
+    }), { isLoading: b, startAsyncCall: u } = ne(!0), t = ve(), c = U();
+    async function g(s) {
       await Y.updateById(
         l.accountId,
-        r
+        s
       ), c.value = await Y.readById(l.accountId);
     }
-    const f = [
+    const v = [
       {
         label: "Information",
         value: "information",
         icon: "overview",
-        render: Ue
+        render: Ce
       },
       {
         label: "Settlement",
         value: "settlement",
         icon: "payments",
-        render: Ee
+        render: $e
       },
       {
         label: "MDR Status",
@@ -1888,13 +1958,13 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
         label: "Online Gateways",
         icon: "assured_workload",
         value: "gateways",
-        render: mt
+        render: pt
       },
       {
         label: "Token Gateways",
         value: "tokens",
         icon: "wallet",
-        render: ft
+        render: Ft
       },
       {
         label: "Online Channels",
@@ -1909,29 +1979,29 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
       });
     }
     me(m);
-    const b = L(() => {
-      const r = f.reduce((p, d) => p || (d.children ? d.children.find((n) => n.value === e.value) || null : d.value === e.value ? d : null), null);
-      return r == null ? void 0 : r.render;
+    const f = L(() => {
+      const s = v.reduce((y, d) => y || (d.children ? d.children.find((o) => o.value === e.value) || null : d.value === e.value ? d : null), null);
+      return s == null ? void 0 : s.render;
     });
-    return (r, p) => {
-      var n;
-      const d = y("FmTabs");
-      return g(), w(be, {
-        title: `Payout Account (${(n = c.value) == null ? void 0 : n._id})`,
-        loading: i(v),
+    return (s, y) => {
+      var o;
+      const d = p("FmTabs");
+      return F(), k(be, {
+        title: `Payout Account (${(o = c.value) == null ? void 0 : o._id})`,
+        loading: i(b),
         onBack: i(t).back
       }, {
-        default: k(() => [
-          o(d, {
+        default: w(() => [
+          n(d, {
             "model-value": i(e),
-            "onUpdate:modelValue": p[0] || (p[0] = (S) => ae(e) ? e.value = S : null),
+            "onUpdate:modelValue": y[0] || (y[0] = (S) => ae(e) ? e.value = S : null),
             class: "mb-6",
-            items: f
+            items: v
           }, null, 8, ["model-value"]),
-          i(e) ? (g(), w(ue(b.value), se(re({ key: 0 }, {
+          i(e) ? (F(), k(ue(f.value), re(se({ key: 0 }, {
             payoutAccount: c.value,
-            onUpdate: F
-          })), null, 16)) : E("", !0)
+            onUpdate: g
+          })), null, 16)) : $("", !0)
         ]),
         _: 1
       }, 8, ["title", "loading", "onBack"]);
@@ -1939,5 +2009,5 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
   }
 });
 export {
-  Tt as default
+  Mt as default
 };