@feedmepos/mf-payment 1.4.36 → 1.4.38

package/dist/{PayoutAccountSetting-Dj8cIWno.js → PayoutAccountSetting-CUTZqupc.js}

@@ -1,15 +1,15 @@
-import { defineComponent as A, resolveComponent as d, openBlock as y, createElementBlock as h, Fragment as R, createElementVNode as i, createVNode as u, withCtx as k, createTextVNode as P, toDisplayString as D, createCommentVNode as U, createBlock as F, ref as T, watch as W, computed as G, unref as o, isRef as E, h as B, onMounted as J, resolveDynamicComponent as z, normalizeProps as H, mergeProps as L } from "vue";
-import { p as N } from "./index-BksZxG5X.js";
-import { u as O, e as S } from "./index-B8ejEL5n.js";
-import { _ as te } from "./Layout.vue_vue_type_script_setup_true_lang-DJm5br5a.js";
-import { useRouter as ae } from "vue-router";
-import { u as j } from "./index-BBn7cvxH.js";
-import { P as Q } from "./PDFViewer-DlSCBBxr.js";
-import { useSnackbar as Y, components as ne } from "@feedmepos/ui-library";
-import { u as q } from "./error-K1CakhA9.js";
+import { defineComponent as A, resolveComponent as i, openBlock as y, createElementBlock as h, Fragment as $, createElementVNode as d, createVNode as u, withCtx as V, createTextVNode as P, toDisplayString as M, createCommentVNode as _, createBlock as b, ref as C, watch as ee, computed as K, unref as o, isRef as O, h as q, onMounted as te, resolveDynamicComponent as L, normalizeProps as Z, mergeProps as Q } from "vue";
+import { p as R } from "./index-CIj4gYaQ.js";
+import { u as Y, e as T } from "./index-BCwCx3CJ.js";
+import { _ as le } from "./Layout.vue_vue_type_script_setup_true_lang-DJm5br5a.js";
+import { useRouter as oe } from "vue-router";
+import { u as j } from "./index-Cif5ZVCF.js";
+import { P as X } from "./PDFViewer-DlSCBBxr.js";
+import { useSnackbar as z, components as ue } from "@feedmepos/ui-library";
+import { u as E } from "./error-K1CakhA9.js";
 import { z as x, a as w } from "./validator-D5jtpt9A.js";
-import { useCoreStore as X } from "@feedmepos/mf-common";
-const le = { class: "flex gap-16 mb-6" }, oe = ["src"], ue = /* @__PURE__ */ A({
+import { useCoreStore as ae } from "@feedmepos/mf-common";
+const re = { class: "flex gap-16 mb-6" }, se = ["src"], ce = /* @__PURE__ */ A({
   __name: "Information",
   props: {
     payoutAccount: {
@@ -19,35 +19,35 @@ const le = { class: "flex gap-16 mb-6" }, oe = ["src"], ue = /* @__PURE__ */ A({
   },
   setup(n) {
     return (v, e) => {
-      const m = d("FmCardHeader"), s = d("FmCardSection"), t = d("FmCard");
-      return y(), h(R, null, [
-        i("div", le, [
+      const m = i("FmCardHeader"), s = i("FmCardSection"), t = i("FmCard");
+      return y(), h($, null, [
+        d("div", re, [
           u(t, {
             horizontal: "",
             class: "flex-1 p-6",
             variant: "elevated"
           }, {
-            default: k(() => [
+            default: V(() => [
               u(s, { class: "flex flex-col gap-16 justify-between" }, {
-                default: k(() => [
+                default: V(() => [
                   u(m, {
                     class: "p-0",
                     title: "Account Info",
                     subtitle: ""
                   }),
                   u(s, { class: "p-0" }, {
-                    default: k(() => {
+                    default: V(() => {
                       var l, p, c, a, r;
                       return [
-                        e[0] || (e[0] = i("b", null, "For", -1)),
-                        P(": " + D((p = (l = n.payoutAccount) == null ? void 0 : l.store) == null ? void 0 : p.event) + " ", 1),
-                        e[1] || (e[1] = i("br", null, null, -1)),
-                        e[2] || (e[2] = i("b", null, "Reference", -1)),
-                        P(": " + D((a = (c = n.payoutAccount) == null ? void 0 : c.store) == null ? void 0 : a.id), 1),
-                        e[3] || (e[3] = i("br", null, null, -1)),
-                        e[4] || (e[4] = i("b", null, "Business", -1)),
-                        P(": " + D((r = n.payoutAccount) == null ? void 0 : r.businessId), 1),
-                        e[5] || (e[5] = i("br", null, null, -1))
+                        e[0] || (e[0] = d("b", null, "For", -1)),
+                        P(": " + M((p = (l = n.payoutAccount) == null ? void 0 : l.store) == null ? void 0 : p.event) + " ", 1),
+                        e[1] || (e[1] = d("br", null, null, -1)),
+                        e[2] || (e[2] = d("b", null, "Reference", -1)),
+                        P(": " + M((a = (c = n.payoutAccount) == null ? void 0 : c.store) == null ? void 0 : a.id), 1),
+                        e[3] || (e[3] = d("br", null, null, -1)),
+                        e[4] || (e[4] = d("b", null, "Business", -1)),
+                        P(": " + M((r = n.payoutAccount) == null ? void 0 : r.businessId), 1),
+                        e[5] || (e[5] = d("br", null, null, -1))
                       ];
                     }),
                     _: 1
@@ -63,27 +63,27 @@ const le = { class: "flex gap-16 mb-6" }, oe = ["src"], ue = /* @__PURE__ */ A({
             class: "flex-1 p-6",
             variant: "elevated"
           }, {
-            default: k(() => [
+            default: V(() => [
               u(s, { class: "flex flex-col gap-16 justify-between" }, {
-                default: k(() => [
+                default: V(() => [
                   u(m, {
                     class: "p-0",
                     title: "Key Person",
                     subtitle: ""
                   }),
                   u(s, { class: "p-0" }, {
-                    default: k(() => {
-                      var l, p, c, a, r, f, g, b;
+                    default: V(() => {
+                      var l, p, c, a, r, f, g, F;
                       return [
-                        e[6] || (e[6] = i("b", null, "Email", -1)),
-                        P(": " + D((c = (p = (l = n.payoutAccount) == null ? void 0 : l.store) == null ? void 0 : p.keyPerson) == null ? void 0 : c.email) + " ", 1),
-                        e[7] || (e[7] = i("br", null, null, -1)),
-                        e[8] || (e[8] = i("b", null, "Name", -1)),
-                        P(": " + D((f = (r = (a = n.payoutAccount) == null ? void 0 : a.store) == null ? void 0 : r.keyPerson) == null ? void 0 : f.name), 1),
-                        e[9] || (e[9] = i("br", null, null, -1)),
-                        e[10] || (e[10] = i("b", null, "Phone", -1)),
-                        P(": " + D((b = (g = n.payoutAccount) == null ? void 0 : g.store.keyPerson) == null ? void 0 : b.phone), 1),
-                        e[11] || (e[11] = i("br", null, null, -1))
+                        e[6] || (e[6] = d("b", null, "Email", -1)),
+                        P(": " + M((c = (p = (l = n.payoutAccount) == null ? void 0 : l.store) == null ? void 0 : p.keyPerson) == null ? void 0 : c.email) + " ", 1),
+                        e[7] || (e[7] = d("br", null, null, -1)),
+                        e[8] || (e[8] = d("b", null, "Name", -1)),
+                        P(": " + M((f = (r = (a = n.payoutAccount) == null ? void 0 : a.store) == null ? void 0 : r.keyPerson) == null ? void 0 : f.name), 1),
+                        e[9] || (e[9] = d("br", null, null, -1)),
+                        e[10] || (e[10] = d("b", null, "Phone", -1)),
+                        P(": " + M((F = (g = n.payoutAccount) == null ? void 0 : g.store.keyPerson) == null ? void 0 : F.phone), 1),
+                        e[11] || (e[11] = d("br", null, null, -1))
                       ];
                     }),
                     _: 1
@@ -95,15 +95,15 @@ const le = { class: "flex gap-16 mb-6" }, oe = ["src"], ue = /* @__PURE__ */ A({
             _: 1
           })
         ]),
-        e[12] || (e[12] = i("p", { class: "fm-typo-en-body-lg-600 mb-6" }, "Exterior Photo", -1)),
+        e[12] || (e[12] = d("p", { class: "fm-typo-en-body-lg-600 mb-6" }, "Exterior Photo", -1)),
         n.payoutAccount.store.exteriorPhoto ? (y(), h("img", {
           key: 0,
           src: n.payoutAccount.store.exteriorPhoto
-        }, null, 8, oe)) : U("", !0)
+        }, null, 8, se)) : _("", !0)
       ], 64);
     };
   }
-}), re = { class: "flex gap-16" }, se = { class: "flex-1" }, ce = { class: "flex-1" }, ie = /* @__PURE__ */ A({
+}), ie = { class: "flex gap-16" }, de = { class: "flex-1" }, me = { class: "flex-1" }, pe = /* @__PURE__ */ A({
   __name: "Settlement",
   props: {
     payoutAccount: {
@@ -113,33 +113,33 @@ const le = { class: "flex gap-16 mb-6" }, oe = ["src"], ue = /* @__PURE__ */ A({
   },
   setup(n) {
     return (v, e) => {
-      const m = d("FmCardHeader"), s = d("FmCardSection"), t = d("FmCard");
-      return y(), h(R, null, [
+      const m = i("FmCardHeader"), s = i("FmCardSection"), t = i("FmCard");
+      return y(), h($, null, [
         u(t, {
           horizontal: "",
           class: "flex-1 p-6 mx-6 mb-6",
           variant: "elevated"
         }, {
-          default: k(() => [
+          default: V(() => [
             u(s, { class: "flex flex-col gap-16 justify-between" }, {
-              default: k(() => [
+              default: V(() => [
                 u(m, {
                   class: "p-0",
                   title: "Bank Info",
                   subtitle: ""
                 }),
                 u(s, { class: "p-0" }, {
-                  default: k(() => {
+                  default: V(() => {
                     var l, p, c, a, r, f;
                     return [
-                      e[0] || (e[0] = i("b", null, "Bank", -1)),
-                      P(": " + D((p = (l = n.payoutAccount) == null ? void 0 : l.store.bank) == null ? void 0 : p.name), 1),
-                      e[1] || (e[1] = i("br", null, null, -1)),
-                      e[2] || (e[2] = i("b", null, "Name", -1)),
-                      P(": " + D((a = (c = n.payoutAccount) == null ? void 0 : c.store.bank) == null ? void 0 : a.holderName), 1),
-                      e[3] || (e[3] = i("br", null, null, -1)),
-                      e[4] || (e[4] = i("b", null, "Number", -1)),
-                      P(": " + D((f = (r = n.payoutAccount) == null ? void 0 : r.store.bank) == null ? void 0 : f.accountNumber), 1)
+                      e[0] || (e[0] = d("b", null, "Bank", -1)),
+                      P(": " + M((p = (l = n.payoutAccount) == null ? void 0 : l.store.bank) == null ? void 0 : p.name), 1),
+                      e[1] || (e[1] = d("br", null, null, -1)),
+                      e[2] || (e[2] = d("b", null, "Name", -1)),
+                      P(": " + M((a = (c = n.payoutAccount) == null ? void 0 : c.store.bank) == null ? void 0 : a.holderName), 1),
+                      e[3] || (e[3] = d("br", null, null, -1)),
+                      e[4] || (e[4] = d("b", null, "Number", -1)),
+                      P(": " + M((f = (r = n.payoutAccount) == null ? void 0 : r.store.bank) == null ? void 0 : f.accountNumber), 1)
                     ];
                   }),
                   _: 1
@@ -150,73 +150,73 @@ const le = { class: "flex gap-16 mb-6" }, oe = ["src"], ue = /* @__PURE__ */ A({
           ]),
           _: 1
         }),
-        i("div", re, [
-          i("div", se, [
-            e[5] || (e[5] = i("p", { class: "fm-typo-en-body-lg-600 mb-6" }, "SSM", -1)),
-            n.payoutAccount.store.ssm ? (y(), F(Q, {
+        d("div", ie, [
+          d("div", de, [
+            e[5] || (e[5] = d("p", { class: "fm-typo-en-body-lg-600 mb-6" }, "SSM", -1)),
+            n.payoutAccount.store.ssm ? (y(), b(X, {
               key: 0,
               pdf: n.payoutAccount.store.ssm,
               "disable-text-layer": !0,
               "disable-annotation-layer": !0
-            }, null, 8, ["pdf"])) : U("", !0)
+            }, null, 8, ["pdf"])) : _("", !0)
           ]),
-          i("div", ce, [
-            e[6] || (e[6] = i("p", { class: "fm-typo-en-body-lg-600 mb-6" }, "Bank Statement", -1)),
-            n.payoutAccount.store.bankStatement ? (y(), F(Q, {
+          d("div", me, [
+            e[6] || (e[6] = d("p", { class: "fm-typo-en-body-lg-600 mb-6" }, "Bank Statement", -1)),
+            n.payoutAccount.store.bankStatement ? (y(), b(X, {
               key: 0,
               pdf: n.payoutAccount.store.bankStatement,
               "disable-text-layer": !0,
               "disable-annotation-layer": !0
-            }, null, 8, ["pdf"])) : U("", !0)
+            }, null, 8, ["pdf"])) : _("", !0)
           ])
         ])
       ], 64);
     };
   }
-}), de = /* @__PURE__ */ A({
+}), ye = /* @__PURE__ */ A({
   __name: "RateInput",
   props: {
     data: {},
     onChange: { type: Function }
   },
   setup(n) {
-    const v = n, e = T(v.data.toString());
-    return W(e, (m) => {
+    const v = n, e = C(v.data.toString());
+    return ee(e, (m) => {
       v.onChange(parseFloat(m));
     }), (m, s) => {
-      const t = d("FmTextField");
-      return y(), F(t, {
+      const t = i("FmTextField");
+      return y(), b(t, {
         inputmode: "decimal",
         modelValue: e.value,
         "onUpdate:modelValue": s[0] || (s[0] = (l) => e.value = l)
       }, {
-        append: k(() => s[1] || (s[1] = [
+        append: V(() => s[1] || (s[1] = [
           P("%")
         ])),
         _: 1
       }, 8, ["modelValue"]);
     };
   }
-}), me = /* @__PURE__ */ A({
+}), ve = /* @__PURE__ */ A({
   __name: "TPlusInput",
   props: {
     data: {},
     onChange: { type: Function }
   },
   setup(n) {
-    const v = n, e = T(v.data.toString());
-    return W(e, (m) => {
+    const v = n, e = C(v.data.toString());
+    return ee(e, (m) => {
       v.onChange(parseInt(m));
     }), (m, s) => {
-      const t = d("FmTextField");
-      return y(), F(t, {
+      const t = i("FmTextField");
+      return y(), b(t, {
         inputmode: "numeric",
         modelValue: e.value,
         "onUpdate:modelValue": s[0] || (s[0] = (l) => e.value = l)
       }, null, 8, ["modelValue"]);
     };
   }
-}), pe = { class: "flex gap-16 mt-6" }, ye = { class: "flex-1" }, ve = { class: "flex-1" }, fe = { class: "my-6 w-full flex justify-end" }, ge = { class: "w-[320px]" }, be = /* @__PURE__ */ A({
+}), fe = { class: "flex gap-16 mt-6" }, ge = { class: "flex-1" }, be = { class: "flex-1" }, Fe = { class: "my-6 w-full flex justify-end" }, xe = { class: "w-[320px]" }, we = /* @__PURE__ */ A({
   __name: "PaymentStatus",
   props: {
     onUpdate: {
@@ -229,7 +229,7 @@ const le = { class: "flex gap-16 mb-6" }, oe = ["src"], ue = /* @__PURE__ */ A({
     }
   },
   setup(n) {
-    const v = n, e = T(!1), m = Y(), s = async (a) => {
+    const v = n, e = C(!1), m = z(), s = async (a) => {
       try {
         e.value = !0, await v.onUpdate(a), m.open({
           type: "success",
@@ -239,17 +239,17 @@ const le = { class: "flex gap-16 mb-6" }, oe = ["src"], ue = /* @__PURE__ */ A({
         m.open({
           type: "error",
           title: "Error occurs when updating payout account",
-          message: q(r)
+          message: E(r)
         });
       } finally {
         e.value = !1;
       }
     }, { search: t } = j({
       search: ""
-    }), l = G(() => {
+    }), l = K(() => {
       const { ssm: a, bank: r, bankStatement: f } = v.payoutAccount.store;
       return a && r && r.name && r.accountNumber && r.holderName && f;
-    }), p = T(""), c = [
+    }), p = C(""), c = [
       {
         header: () => "Payment Method",
         accessorKey: "issuer",
@@ -260,7 +260,7 @@ const le = { class: "flex gap-16 mb-6" }, oe = ["src"], ue = /* @__PURE__ */ A({
         accessorKey: "rate",
         cell: ({ row: a }) => {
           let r = 0;
-          return a.original.rate && (r = a.original.rate.amount / Math.pow(10, a.original.rate.precision)), B(de, {
+          return a.original.rate && (r = a.original.rate.amount / Math.pow(10, a.original.rate.precision)), q(ye, {
             data: r,
             onChange: (f) => {
               const g = v.payoutAccount.methods.at(a.index);
@@ -275,7 +275,7 @@ const le = { class: "flex gap-16 mb-6" }, oe = ["src"], ue = /* @__PURE__ */ A({
       {
         header: () => "T plus",
         accessorKey: "tPlus",
-        cell: ({ row: a }) => B(me, {
+        cell: ({ row: a }) => q(ve, {
           data: a.original.tPlus ?? 0,
           onChange: (r) => {
             const f = v.payoutAccount.methods.at(a.index);
@@ -285,16 +285,16 @@ const le = { class: "flex gap-16 mb-6" }, oe = ["src"], ue = /* @__PURE__ */ A({
       }
     ];
     return (a, r) => {
-      const f = d("FmRadio"), g = d("FmRadioGroup"), b = d("FmSwitch"), C = d("FmSearch"), M = d("FmTable"), $ = d("FmButton");
-      return y(), h(R, null, [
-        i("div", pe, [
-          i("div", ye, [
+      const f = i("FmRadio"), g = i("FmRadioGroup"), F = i("FmSwitch"), I = i("FmSearch"), S = i("FmTable"), U = i("FmButton");
+      return y(), h($, null, [
+        d("div", fe, [
+          d("div", ge, [
             u(g, {
               modelValue: n.payoutAccount.status,
-              "onUpdate:modelValue": r[0] || (r[0] = (V) => n.payoutAccount.status = V),
+              "onUpdate:modelValue": r[0] || (r[0] = (k) => n.payoutAccount.status = k),
               label: "Account Status"
             }, {
-              default: k(() => [
+              default: V(() => [
                 u(f, {
                   value: "NEW",
                   label: "New"
@@ -311,37 +311,37 @@ const le = { class: "flex gap-16 mb-6" }, oe = ["src"], ue = /* @__PURE__ */ A({
               _: 1
             }, 8, ["modelValue"])
           ]),
-          i("div", ve, [
-            u(b, {
+          d("div", be, [
+            u(F, {
               modelValue: n.payoutAccount.enable,
-              "onUpdate:modelValue": r[1] || (r[1] = (V) => n.payoutAccount.enable = V),
+              "onUpdate:modelValue": r[1] || (r[1] = (k) => n.payoutAccount.enable = k),
               disabled: !l.value,
               label: "Enabled",
               sublabel: "Merchant can use online features such as e-payment, settlement"
             }, null, 8, ["modelValue", "disabled"])
           ])
         ]),
-        n.payoutAccount.enable ? (y(), h(R, { key: 0 }, [
-          i("div", fe, [
-            i("div", ge, [
-              u(C, {
+        n.payoutAccount.enable ? (y(), h($, { key: 0 }, [
+          d("div", Fe, [
+            d("div", xe, [
+              u(I, {
                 modelValue: o(t),
-                "onUpdate:modelValue": r[2] || (r[2] = (V) => E(t) ? t.value = V : null),
+                "onUpdate:modelValue": r[2] || (r[2] = (k) => O(t) ? t.value = k : null),
                 placeholder: "Search Method ..."
               }, null, 8, ["modelValue"])
             ])
           ]),
-          u(M, {
+          u(S, {
             class: "mt-6",
             modelValue: p.value,
-            "onUpdate:modelValue": r[3] || (r[3] = (V) => p.value = V),
+            "onUpdate:modelValue": r[3] || (r[3] = (k) => p.value = k),
             "shrink-at": !1,
             "search-value": o(t),
             "row-data": n.payoutAccount.methods,
             "column-defs": c
           }, null, 8, ["modelValue", "search-value", "row-data"])
-        ], 64)) : U("", !0),
-        u($, {
+        ], 64)) : _("", !0),
+        u(U, {
           class: "w-full mt-6",
           variant: "primary",
           label: "Save",
@@ -351,14 +351,14 @@ const le = { class: "flex gap-16 mb-6" }, oe = ["src"], ue = /* @__PURE__ */ A({
       ], 64);
     };
   }
-}), Fe = { class: "flex" }, xe = /* @__PURE__ */ A({
+}), Ve = { class: "flex" }, ke = /* @__PURE__ */ A({
   __name: "Actions",
   emits: ["edit", "delete"],
   setup(n, { emit: v }) {
     const e = v;
     return (m, s) => {
-      const t = d("FmButton");
-      return y(), h("div", Fe, [
+      const t = i("FmButton");
+      return y(), h("div", Ve, [
         u(t, {
           variant: "plain",
           "prepend-icon": "delete",
@@ -369,7 +369,7 @@ const le = { class: "flex gap-16 mb-6" }, oe = ["src"], ue = /* @__PURE__ */ A({
       ]);
     };
   }
-}), we = { class: "flex justify-end px-6 pb-6" }, Ve = /* @__PURE__ */ A({
+}), _e = { class: "flex justify-end px-6 pb-6" }, Ae = /* @__PURE__ */ A({
   __name: "PaymentChannel",
   props: {
     payoutAccount: {
@@ -378,17 +378,17 @@ const le = { class: "flex gap-16 mb-6" }, oe = ["src"], ue = /* @__PURE__ */ A({
     }
   },
   setup(n) {
-    const v = Y(), e = n, { isLoading: m, startAsyncCall: s } = O(), t = T([]);
+    const v = z(), e = n, { isLoading: m, startAsyncCall: s } = Y(), t = C([]);
     function l() {
       s(async () => {
-        t.value = await N.getChannels(e.payoutAccount._id);
+        t.value = await R.getChannels(e.payoutAccount._id);
       });
     }
-    J(l);
+    te(l);
     function p() {
       s(async () => {
         try {
-          await N.updateChannels(e.payoutAccount._id, t.value), v.open({
+          await R.updateChannels(e.payoutAccount._id, t.value), v.open({
             type: "success",
             title: "Payout account channels update succesfully"
           });
@@ -396,7 +396,7 @@ const le = { class: "flex gap-16 mb-6" }, oe = ["src"], ue = /* @__PURE__ */ A({
           v.open({
             type: "error",
             title: "Error occurs when updating payout account channels",
-            message: q(r)
+            message: E(r)
           });
         }
       });
@@ -404,7 +404,7 @@ const le = { class: "flex gap-16 mb-6" }, oe = ["src"], ue = /* @__PURE__ */ A({
     function c() {
       s(async () => {
         try {
-          await N.resetChannels(e.payoutAccount._id), t.value = await N.getChannels(e.payoutAccount._id), v.open({
+          await R.resetChannels(e.payoutAccount._id), t.value = await R.getChannels(e.payoutAccount._id), v.open({
             type: "success",
             title: "Payout account channels reset succesfully"
           });
@@ -412,7 +412,7 @@ const le = { class: "flex gap-16 mb-6" }, oe = ["src"], ue = /* @__PURE__ */ A({
           v.open({
             type: "error",
             title: "Error occurs when reset payout account channels",
-            message: q(r)
+            message: E(r)
           });
         }
       });
@@ -429,12 +429,12 @@ const le = { class: "flex gap-16 mb-6" }, oe = ["src"], ue = /* @__PURE__ */ A({
       {
         header: () => "Display",
         accessorKey: "icon",
-        cell: ({ row: r }) => B("img", { src: r.original.icon, width: 32, height: 32 })
+        cell: ({ row: r }) => q("img", { src: r.original.icon, width: 32, height: 32 })
       },
       {
         header: () => "Label",
         accessorKey: "label",
-        cell: ({ row: r }) => B(ne.FmTextField, {
+        cell: ({ row: r }) => q(ue.FmTextField, {
           modelValue: r.original.label,
           "onUpdate:modelValue": (f) => r.original.label = f
         })
@@ -442,15 +442,15 @@ const le = { class: "flex gap-16 mb-6" }, oe = ["src"], ue = /* @__PURE__ */ A({
       {
         id: "actions",
         header: () => "Actions",
-        cell: ({ row: r }) => B(xe, {
+        cell: ({ row: r }) => q(ke, {
           onDelete: () => t.value.splice(r.index, 1)
         })
       }
     ];
     return (r, f) => {
-      const g = d("FmButton"), b = d("FmTable");
-      return y(), h(R, null, [
-        i("div", we, [
+      const g = i("FmButton"), F = i("FmTable");
+      return y(), h($, null, [
+        d("div", _e, [
           u(g, {
             class: "mx-4",
             variant: "destructive",
@@ -467,7 +467,7 @@ const le = { class: "flex gap-16 mb-6" }, oe = ["src"], ue = /* @__PURE__ */ A({
             onClick: p
           })
         ]),
-        u(b, {
+        u(F, {
           loading: o(m),
           "row-data": t.value,
           "column-defs": a,
@@ -476,7 +476,7 @@ const le = { class: "flex gap-16 mb-6" }, oe = ["src"], ue = /* @__PURE__ */ A({
       ], 64);
     };
   }
-}), ke = { class: "flex mt-6 space-x-6" }, _e = /* @__PURE__ */ A({
+}), Ce = { class: "flex mt-6 space-x-6" }, Ue = /* @__PURE__ */ A({
   __name: "FiuuGateway",
   props: {
     gateway: {
@@ -494,19 +494,19 @@ const le = { class: "flex gap-16 mb-6" }, oe = ["src"], ue = /* @__PURE__ */ A({
   },
   setup(n) {
     var m;
-    const e = T(((m = n.gateway) == null ? void 0 : m.config) || {
+    const e = C(((m = n.gateway) == null ? void 0 : m.config) || {
       merchantId: "",
       verifyKey: "",
       secretKey: ""
     });
     return (s, t) => {
-      const l = d("FmTextField"), p = d("FmButton"), c = d("FmForm");
-      return y(), F(c, {
+      const l = i("FmTextField"), p = i("FmButton"), c = i("FmForm");
+      return y(), b(c, {
         ref: "form",
         class: "flex flex-col gap-16",
         onValidationSuccess: t[3] || (t[3] = () => n.onUpdate(e.value))
       }, {
-        default: k(() => [
+        default: V(() => [
           u(l, {
             modelValue: e.value.merchantId,
             "onUpdate:modelValue": t[0] || (t[0] = (a) => e.value.merchantId = a),
@@ -525,14 +525,14 @@ const le = { class: "flex gap-16 mb-6" }, oe = ["src"], ue = /* @__PURE__ */ A({
             label: "Secret Key",
             rules: o(x)(o(w).string())
           }, null, 8, ["modelValue", "rules"]),
-          i("div", ke, [
-            n.gateway ? (y(), F(p, {
+          d("div", Ce, [
+            n.gateway ? (y(), b(p, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
               onclick: () => n.onDelete()
-            }, null, 8, ["onclick"])) : U("", !0),
+            }, null, 8, ["onclick"])) : _("", !0),
             u(p, {
               type: "submit",
               class: "flex-1",
@@ -545,7 +545,7 @@ const le = { class: "flex gap-16 mb-6" }, oe = ["src"], ue = /* @__PURE__ */ A({
       }, 512);
     };
   }
-}), Ae = { class: "flex mt-6 space-x-6" }, Ce = /* @__PURE__ */ A({
+}), Te = { class: "flex mt-6 space-x-6" }, he = /* @__PURE__ */ A({
   __name: "MacauPassGateway",
   props: {
     gateway: {
@@ -563,7 +563,7 @@ const le = { class: "flex gap-16 mb-6" }, oe = ["src"], ue = /* @__PURE__ */ A({
   },
   setup(n) {
     var m;
-    const e = T(((m = n.gateway) == null ? void 0 : m.config) || {
+    const e = C(((m = n.gateway) == null ? void 0 : m.config) || {
       merchantId: "",
       merchantName: "",
       merchantCategoryCode: "",
@@ -571,13 +571,13 @@ const le = { class: "flex gap-16 mb-6" }, oe = ["src"], ue = /* @__PURE__ */ A({
       storeName: ""
     });
     return (s, t) => {
-      const l = d("FmTextField"), p = d("FmButton"), c = d("FmForm");
-      return y(), F(c, {
+      const l = i("FmTextField"), p = i("FmButton"), c = i("FmForm");
+      return y(), b(c, {
         ref: "form",
         class: "flex flex-col gap-16",
         onValidationSuccess: t[5] || (t[5] = () => n.onUpdate(e.value))
       }, {
-        default: k(() => [
+        default: V(() => [
           u(l, {
             modelValue: e.value.merchantId,
             "onUpdate:modelValue": t[0] || (t[0] = (a) => e.value.merchantId = a),
@@ -608,14 +608,14 @@ const le = { class: "flex gap-16 mb-6" }, oe = ["src"], ue = /* @__PURE__ */ A({
             label: "Store Name",
             rules: o(x)(o(w).string())
           }, null, 8, ["modelValue", "rules"]),
-          i("div", Ae, [
-            n.gateway ? (y(), F(p, {
+          d("div", Te, [
+            n.gateway ? (y(), b(p, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
               onclick: () => n.onDelete()
-            }, null, 8, ["onclick"])) : U("", !0),
+            }, null, 8, ["onclick"])) : _("", !0),
             u(p, {
               type: "submit",
               class: "flex-1",
@@ -628,7 +628,7 @@ const le = { class: "flex gap-16 mb-6" }, oe = ["src"], ue = /* @__PURE__ */ A({
       }, 512);
     };
   }
-}), Ue = { class: "flex mt-6 space-x-6" }, Te = /* @__PURE__ */ A({
+}), Se = { class: "flex mt-6 space-x-6" }, Pe = /* @__PURE__ */ A({
   __name: "DigioGateway",
   props: {
     gateway: {
@@ -646,18 +646,18 @@ const le = { class: "flex gap-16 mb-6" }, oe = ["src"], ue = /* @__PURE__ */ A({
   },
   setup(n) {
     var m;
-    const e = T(((m = n.gateway) == null ? void 0 : m.config) || {
+    const e = C(((m = n.gateway) == null ? void 0 : m.config) || {
       merchantId: "",
       cardMerchantId: ""
     });
     return (s, t) => {
-      const l = d("FmTextField"), p = d("FmButton"), c = d("FmForm");
-      return y(), F(c, {
+      const l = i("FmTextField"), p = i("FmButton"), c = i("FmForm");
+      return y(), b(c, {
         ref: "form",
         class: "flex flex-col gap-16",
         onValidationSuccess: t[2] || (t[2] = () => n.onUpdate(e.value))
       }, {
-        default: k(() => [
+        default: V(() => [
           u(l, {
             modelValue: e.value.merchantId,
             "onUpdate:modelValue": t[0] || (t[0] = (a) => e.value.merchantId = a),
@@ -670,14 +670,14 @@ const le = { class: "flex gap-16 mb-6" }, oe = ["src"], ue = /* @__PURE__ */ A({
             label: "Card Merchant ID",
             rules: o(x)(o(w).string())
           }, null, 8, ["modelValue", "rules"]),
-          i("div", Ue, [
-            n.gateway ? (y(), F(p, {
+          d("div", Se, [
+            n.gateway ? (y(), b(p, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
               onclick: () => n.onDelete()
-            }, null, 8, ["onclick"])) : U("", !0),
+            }, null, 8, ["onclick"])) : _("", !0),
             u(p, {
               type: "submit",
               class: "flex-1",
@@ -690,7 +690,7 @@ const le = { class: "flex gap-16 mb-6" }, oe = ["src"], ue = /* @__PURE__ */ A({
       }, 512);
     };
   }
-}), Pe = { class: "flex mt-6 space-x-6" }, he = /* @__PURE__ */ A({
+}), Ie = { class: "flex mt-6 space-x-6" }, De = /* @__PURE__ */ A({
   __name: "AdyenGateway",
   props: {
     gateway: {
@@ -708,7 +708,7 @@ const le = { class: "flex gap-16 mb-6" }, oe = ["src"], ue = /* @__PURE__ */ A({
   },
   setup(n) {
     var m;
-    const e = T(((m = n.gateway) == null ? void 0 : m.config) || {
+    const e = C(((m = n.gateway) == null ? void 0 : m.config) || {
       merchantAccount: "",
       username: "",
       apiKey: "",
@@ -717,13 +717,13 @@ const le = { class: "flex gap-16 mb-6" }, oe = ["src"], ue = /* @__PURE__ */ A({
       hmacKey: ""
     });
     return (s, t) => {
-      const l = d("FmTextField"), p = d("FmButton"), c = d("FmForm");
-      return y(), F(c, {
+      const l = i("FmTextField"), p = i("FmButton"), c = i("FmForm");
+      return y(), b(c, {
         ref: "form",
         class: "flex flex-col gap-16",
         onValidationSuccess: t[6] || (t[6] = () => n.onUpdate(e.value))
       }, {
-        default: k(() => [
+        default: V(() => [
           u(l, {
             modelValue: e.value.endpoint,
             "onUpdate:modelValue": t[0] || (t[0] = (a) => e.value.endpoint = a),
@@ -759,14 +759,14 @@ const le = { class: "flex gap-16 mb-6" }, oe = ["src"], ue = /* @__PURE__ */ A({
             "onUpdate:modelValue": t[5] || (t[5] = (a) => e.value.hmacKey = a),
             label: "HMac Key"
           }, null, 8, ["modelValue"]),
-          i("div", Pe, [
-            n.gateway ? (y(), F(p, {
+          d("div", Ie, [
+            n.gateway ? (y(), b(p, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
               onclick: () => n.onDelete()
-            }, null, 8, ["onclick"])) : U("", !0),
+            }, null, 8, ["onclick"])) : _("", !0),
             u(p, {
               type: "submit",
               class: "flex-1",
@@ -779,7 +779,7 @@ const le = { class: "flex gap-16 mb-6" }, oe = ["src"], ue = /* @__PURE__ */ A({
       }, 512);
     };
   }
-}), Se = { class: "flex mt-6 space-x-6" }, Ie = /* @__PURE__ */ A({
+}), Ne = { class: "flex mt-6 space-x-6" }, Me = /* @__PURE__ */ A({
   __name: "KsherGateway",
   props: {
     gateway: {
@@ -797,18 +797,18 @@ const le = { class: "flex gap-16 mb-6" }, oe = ["src"], ue = /* @__PURE__ */ A({
   },
   setup(n) {
     var m;
-    const e = T(((m = n.gateway) == null ? void 0 : m.config) || {
+    const e = C(((m = n.gateway) == null ? void 0 : m.config) || {
       appId: "",
       privateKey: ""
     });
     return (s, t) => {
-      const l = d("FmTextField"), p = d("FmTextarea"), c = d("FmButton"), a = d("FmForm");
-      return y(), F(a, {
+      const l = i("FmTextField"), p = i("FmTextarea"), c = i("FmButton"), a = i("FmForm");
+      return y(), b(a, {
         ref: "form",
         class: "flex flex-col gap-16",
         onValidationSuccess: t[2] || (t[2] = () => n.onUpdate(e.value))
       }, {
-        default: k(() => [
+        default: V(() => [
           u(l, {
             modelValue: e.value.appId,
             "onUpdate:modelValue": t[0] || (t[0] = (r) => e.value.appId = r),
@@ -822,14 +822,14 @@ const le = { class: "flex gap-16 mb-6" }, oe = ["src"], ue = /* @__PURE__ */ A({
             placeholder: "Paste your private key including BEGIN and END markers",
             rules: o(x)(o(w).string())
           }, null, 8, ["modelValue", "rules"]),
-          i("div", Se, [
-            n.gateway ? (y(), F(c, {
+          d("div", Ne, [
+            n.gateway ? (y(), b(c, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
               onclick: () => n.onDelete()
-            }, null, 8, ["onclick"])) : U("", !0),
+            }, null, 8, ["onclick"])) : _("", !0),
             u(c, {
               type: "submit",
               class: "flex-1",
@@ -842,13 +842,13 @@ const le = { class: "flex gap-16 mb-6" }, oe = ["src"], ue = /* @__PURE__ */ A({
       }, 512);
     };
   }
-}), De = {
+}), Re = {
   key: 0,
   className: "mt-1 my-6 text-gray-600"
-}, Ne = {
+}, Ge = {
   key: 1,
   class: "flex items-center justify-center min-h-[80vh]"
-}, Me = /* @__PURE__ */ A({
+}, $e = /* @__PURE__ */ A({
   __name: "PaymentGateway",
   props: {
     payoutAccount: {
@@ -857,106 +857,119 @@ const le = { class: "flex gap-16 mb-6" }, oe = ["src"], ue = /* @__PURE__ */ A({
     }
   },
   setup(n) {
-    const v = X().currentCountry, e = v.value, m = Y(), { isLoading: s, startAsyncCall: t } = O(), { gatewayTab: l } = j({
+    const v = ae().currentCountry, e = v.value, m = z(), { isLoading: s, startAsyncCall: t } = Y(), { gatewayTab: l } = j({
       gatewayTab: ""
     }), p = n, c = [
       {
         label: "Fiuu",
         value: "RAZER_MERCHANT_SERVICE",
-        render: _e,
-        region: [S.F_COUNTRY.enum.SG]
+        render: Ue,
+        region: [T.F_COUNTRY.enum.MY, T.F_COUNTRY.enum.SG]
       },
       {
         label: "Macau Pass",
         value: "MACAU_PASS",
-        render: Ce,
-        region: [S.F_COUNTRY.enum.MO]
+        render: he,
+        region: [T.F_COUNTRY.enum.MO]
       },
       {
         label: "Digio",
         value: "DIGIO",
-        render: Te,
-        region: [S.F_COUNTRY.enum.TH]
+        render: Pe,
+        region: [T.F_COUNTRY.enum.TH]
       },
       {
         label: "Ksher",
         value: "KSHER",
-        render: Ie,
-        region: [S.F_COUNTRY.enum.TH]
+        render: Me,
+        region: [T.F_COUNTRY.enum.TH]
       },
       {
         label: "Adyen",
         value: "ADYEN",
-        render: he,
-        region: [S.F_COUNTRY.enum.SG]
+        render: De,
+        region: [T.F_COUNTRY.enum.MY, T.F_COUNTRY.enum.SG]
       }
-    ], a = T(
+    ], a = C(
       p.payoutAccount.gateways ?? []
-    ), r = G(() => c.find((b) => b.value === l.value)), f = G(() => c.filter(
-      (b) => b.region.includes(v.value ?? S.F_COUNTRY.enum.MY)
+    ), r = K(() => c.find((S) => S.value === l.value)), f = K(() => c.filter(
+      (S) => S.region.includes(v.value ?? T.F_COUNTRY.enum.MY)
     ));
-    async function g(b) {
+    async function g(S) {
       await t(async () => {
         try {
-          await N.updateGateway(p.payoutAccount._id, b), m.open({
+          await R.updateGateway(p.payoutAccount._id, S), m.open({
             type: "success",
             title: "Payout account gateways update succesfully"
           });
-        } catch (C) {
+        } catch (U) {
           m.open({
             type: "error",
             title: "Error occurs when updating payout account gateways",
-            message: q(C)
+            message: E(U)
           });
         }
       });
     }
-    return (b, C) => {
-      var V;
-      const M = d("FmCircularProgress"), $ = d("FmTabs");
-      return y(), h(R, null, [
-        o(e) ? (y(), h("p", De, C[1] || (C[1] = [
-          i("b", null, "Note: ", -1),
+    const F = C((p.payoutAccount.gateways ?? []).length === 0), I = K(() => e !== "MY" || !F.value);
+    return (S, U) => {
+      var B;
+      const k = i("FmCircularProgress"), D = i("FmSwitch"), H = i("FmTabs");
+      return y(), h($, null, [
+        o(e) ? (y(), h("p", Re, U[2] || (U[2] = [
+          d("b", null, "Note: ", -1),
           P(" There's no setup required for Malaysia Payment Gateway, once Payout Account is ready you will able to configure the payment channels. ")
-        ]))) : U("", !0),
-        o(s) ? (y(), h("div", Ne, [
-          u(M, { size: "xxl" })
-        ])) : (y(), F($, {
-          key: 2,
-          "model-value": o(l),
-          "onUpdate:modelValue": C[0] || (C[0] = (_) => E(l) ? l.value = _ : null),
-          class: "mb-6",
-          items: f.value
-        }, null, 8, ["model-value", "items"])),
-        o(l) ? (y(), F(z((V = r.value) == null ? void 0 : V.render), H(L({ key: 3 }, {
-          gateway: a.value.find((_) => {
-            var I;
-            return _.paymentGateway === ((I = r.value) == null ? void 0 : I.value);
-          }),
-          onDelete: async () => {
-            a.value = a.value.filter((_) => {
-              var I;
-              return _.paymentGateway !== ((I = r.value) == null ? void 0 : I.value);
-            }), g(a.value);
-          },
-          onUpdate: (_) => {
-            var K;
-            let I = a.value.find(
-              (ee) => {
-                var Z;
-                return ee.paymentGateway === ((Z = r.value) == null ? void 0 : Z.value);
+        ]))) : _("", !0),
+        o(s) ? (y(), h("div", Ge, [
+          u(k, { size: "xxl" })
+        ])) : (y(), h($, { key: 2 }, [
+          o(e) === "MY" ? (y(), b(D, {
+            key: 0,
+            modelValue: F.value,
+            "onUpdate:modelValue": U[0] || (U[0] = (N) => F.value = N),
+            label: "Use FeedMe's Fiuu Account?"
+          }, null, 8, ["modelValue"])) : _("", !0),
+          I.value ? (y(), b(H, {
+            key: 1,
+            "model-value": o(l),
+            "onUpdate:modelValue": U[1] || (U[1] = (N) => O(l) ? l.value = N : null),
+            class: "mb-6",
+            items: f.value
+          }, null, 8, ["model-value", "items"])) : _("", !0),
+          o(l) ? (y(), b(L((B = r.value) == null ? void 0 : B.render), Z(Q({ key: 2 }, {
+            gateway: a.value.find(
+              (N) => {
+                var G;
+                return N.paymentGateway === ((G = r.value) == null ? void 0 : G.value);
               }
-            );
-            I ? I.config = _ : a.value.push({
-              paymentGateway: (K = r.value) == null ? void 0 : K.value,
-              config: _
-            }), g(a.value);
-          }
-        })), null, 16)) : U("", !0)
+            ),
+            onDelete: async () => {
+              a.value = a.value.filter(
+                (N) => {
+                  var G;
+                  return N.paymentGateway !== ((G = r.value) == null ? void 0 : G.value);
+                }
+              ), g(a.value);
+            },
+            onUpdate: (N) => {
+              var W;
+              let G = a.value.find(
+                (ne) => {
+                  var J;
+                  return ne.paymentGateway === ((J = r.value) == null ? void 0 : J.value);
+                }
+              );
+              G ? G.config = N : a.value.push({
+                paymentGateway: (W = r.value) == null ? void 0 : W.value,
+                config: N
+              }), g(a.value);
+            }
+          })), null, 16)) : _("", !0)
+        ], 64))
       ], 64);
     };
   }
-}), Re = { class: "flex mt-6 space-x-6" }, $e = /* @__PURE__ */ A({
+}), Ke = { class: "flex mt-6 space-x-6" }, Be = /* @__PURE__ */ A({
   __name: "GooglePayToken",
   props: {
     gateway: {
@@ -973,7 +986,7 @@ const le = { class: "flex gap-16 mb-6" }, oe = ["src"], ue = /* @__PURE__ */ A({
     }
   },
   setup(n) {
-    const e = T(
+    const e = C(
       n.gateway || {
         type: "googlePay",
         gateway: "RAZER_MERCHANT_SERVICE",
@@ -984,13 +997,13 @@ const le = { class: "flex gap-16 mb-6" }, oe = ["src"], ue = /* @__PURE__ */ A({
       }
     );
     return (m, s) => {
-      const t = d("FmTextField"), l = d("FmButton"), p = d("FmForm");
-      return y(), F(p, {
+      const t = i("FmTextField"), l = i("FmButton"), p = i("FmForm");
+      return y(), b(p, {
         ref: "form",
         class: "flex flex-col gap-16",
         onValidationSuccess: s[3] || (s[3] = () => n.onUpdate(e.value))
       }, {
-        default: k(() => [
+        default: V(() => [
           u(t, {
             modelValue: e.value.gateway,
             "onUpdate:modelValue": s[0] || (s[0] = (c) => e.value.gateway = c),
@@ -1012,14 +1025,14 @@ const le = { class: "flex gap-16 mb-6" }, oe = ["src"], ue = /* @__PURE__ */ A({
             disabled: !0,
             rules: o(x)(o(w).string())
           }, null, 8, ["modelValue", "rules"]),
-          i("div", Re, [
-            n.gateway ? (y(), F(l, {
+          d("div", Ke, [
+            n.gateway ? (y(), b(l, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
               onclick: () => n.onDelete()
-            }, null, 8, ["onclick"])) : U("", !0),
+            }, null, 8, ["onclick"])) : _("", !0),
             u(l, {
               type: "submit",
               class: "flex-1",
@@ -1032,7 +1045,7 @@ const le = { class: "flex gap-16 mb-6" }, oe = ["src"], ue = /* @__PURE__ */ A({
       }, 512);
     };
   }
-}), Ge = { class: "flex mt-6 space-x-6" }, Ke = /* @__PURE__ */ A({
+}), qe = { class: "flex mt-6 space-x-6" }, Ee = /* @__PURE__ */ A({
   __name: "ApplePayToken",
   props: {
     gateway: {
@@ -1049,7 +1062,7 @@ const le = { class: "flex gap-16 mb-6" }, oe = ["src"], ue = /* @__PURE__ */ A({
     }
   },
   setup(n) {
-    const e = T(
+    const e = C(
       n.gateway || {
         type: "applePay",
         gateway: "RAZER_MERCHANT_SERVICE",
@@ -1059,13 +1072,13 @@ const le = { class: "flex gap-16 mb-6" }, oe = ["src"], ue = /* @__PURE__ */ A({
       }
     );
     return (m, s) => {
-      const t = d("FmTextField"), l = d("FmButton"), p = d("FmForm");
-      return y(), F(p, {
+      const t = i("FmTextField"), l = i("FmButton"), p = i("FmForm");
+      return y(), b(p, {
         ref: "form",
         class: "flex flex-col gap-16",
         onValidationSuccess: s[2] || (s[2] = () => n.onUpdate(e.value))
       }, {
-        default: k(() => [
+        default: V(() => [
           u(t, {
             modelValue: e.value.gateway,
             "onUpdate:modelValue": s[0] || (s[0] = (c) => e.value.gateway = c),
@@ -1080,14 +1093,14 @@ const le = { class: "flex gap-16 mb-6" }, oe = ["src"], ue = /* @__PURE__ */ A({
             disabled: !0,
             rules: o(x)(o(w).string())
           }, null, 8, ["modelValue", "rules"]),
-          i("div", Ge, [
-            n.gateway ? (y(), F(l, {
+          d("div", qe, [
+            n.gateway ? (y(), b(l, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
               onclick: () => n.onDelete()
-            }, null, 8, ["onclick"])) : U("", !0),
+            }, null, 8, ["onclick"])) : _("", !0),
             u(l, {
               type: "submit",
               class: "flex-1",
@@ -1100,10 +1113,10 @@ const le = { class: "flex gap-16 mb-6" }, oe = ["src"], ue = /* @__PURE__ */ A({
       }, 512);
     };
   }
-}), Be = {
+}), Oe = {
   key: 0,
   class: "flex items-center justify-center min-h-[80vh]"
-}, qe = /* @__PURE__ */ A({
+}, Ye = /* @__PURE__ */ A({
   __name: "TokenGateway",
   props: {
     payoutAccount: {
@@ -1112,86 +1125,86 @@ const le = { class: "flex gap-16 mb-6" }, oe = ["src"], ue = /* @__PURE__ */ A({
     }
   },
   setup(n) {
-    const v = X().currentCountry, e = Y(), { isLoading: m, startAsyncCall: s } = O(), { tokenTab: t } = j({
+    const v = ae().currentCountry, e = z(), { isLoading: m, startAsyncCall: s } = Y(), { tokenTab: t } = j({
       tokenTab: ""
     }), l = n, p = [
       {
         label: "Google Pay",
         value: "googlePay",
         icon: "android",
-        render: $e,
-        region: [S.F_COUNTRY.enum.MY, S.F_COUNTRY.enum.SG]
+        render: Be,
+        region: [T.F_COUNTRY.enum.MY, T.F_COUNTRY.enum.SG]
       },
       {
         label: "Apple Pay",
         value: "applePay",
         icon: "apple",
-        render: Ke,
-        region: [S.F_COUNTRY.enum.MY, S.F_COUNTRY.enum.SG]
+        render: Ee,
+        region: [T.F_COUNTRY.enum.MY, T.F_COUNTRY.enum.SG]
       }
-    ], c = T(l.payoutAccount.tokens ?? []), a = G(() => p.find((g) => g.value === t.value)), r = G(() => p.filter(
-      (g) => g.region.includes(v.value ?? S.F_COUNTRY.enum.MY)
+    ], c = C(l.payoutAccount.tokens ?? []), a = K(() => p.find((g) => g.value === t.value)), r = K(() => p.filter(
+      (g) => g.region.includes(v.value ?? T.F_COUNTRY.enum.MY)
     ));
     async function f(g) {
       await s(async () => {
         try {
-          await N.updateTokens(l.payoutAccount._id, g), e.open({
+          await R.updateTokens(l.payoutAccount._id, g), e.open({
             type: "success",
             title: "Payout account tokens gateway update succesfully"
           });
-        } catch (b) {
+        } catch (F) {
           e.open({
             type: "error",
             title: "Error occurs when updating payout account tokens",
-            message: q(b)
+            message: E(F)
           });
         }
       });
     }
-    return (g, b) => {
-      var $;
-      const C = d("FmCircularProgress"), M = d("FmTabs");
-      return y(), h(R, null, [
-        b[1] || (b[1] = i("p", { className: "mt-1 my-6 text-gray-600" }, [
-          i("b", null, "Note: "),
+    return (g, F) => {
+      var U;
+      const I = i("FmCircularProgress"), S = i("FmTabs");
+      return y(), h($, null, [
+        F[1] || (F[1] = d("p", { className: "mt-1 my-6 text-gray-600" }, [
+          d("b", null, "Note: "),
           P(" 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. "),
-          i("br"),
-          i("br"),
-          i("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. `),
-          i("br")
+          d("br"),
+          d("br"),
+          d("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. `),
+          d("br")
         ], -1)),
-        o(m) ? (y(), h("div", Be, [
-          u(C, { size: "xxl" })
-        ])) : (y(), F(M, {
+        o(m) ? (y(), h("div", Oe, [
+          u(I, { size: "xxl" })
+        ])) : (y(), b(S, {
           key: 1,
           "model-value": o(t),
-          "onUpdate:modelValue": b[0] || (b[0] = (V) => E(t) ? t.value = V : null),
+          "onUpdate:modelValue": F[0] || (F[0] = (k) => O(t) ? t.value = k : null),
           class: "mb-6 mt-6",
           items: r.value
         }, null, 8, ["model-value", "items"])),
-        o(t) ? (y(), F(z(($ = a.value) == null ? void 0 : $.render), H(L({ key: 2 }, {
-          gateway: c.value.find((V) => {
-            var _;
-            return V.type === ((_ = a.value) == null ? void 0 : _.value);
+        o(t) ? (y(), b(L((U = a.value) == null ? void 0 : U.render), Z(Q({ key: 2 }, {
+          gateway: c.value.find((k) => {
+            var D;
+            return k.type === ((D = a.value) == null ? void 0 : D.value);
           }),
           onDelete: async () => {
-            c.value = c.value.filter((V) => {
-              var _;
-              return V.type !== ((_ = a.value) == null ? void 0 : _.value);
+            c.value = c.value.filter((k) => {
+              var D;
+              return k.type !== ((D = a.value) == null ? void 0 : D.value);
             }), f(c.value);
           },
-          onUpdate: (V) => {
-            let _ = c.value.find((I) => {
-              var K;
-              return I.type === ((K = a.value) == null ? void 0 : K.value);
+          onUpdate: (k) => {
+            let D = c.value.find((H) => {
+              var B;
+              return H.type === ((B = a.value) == null ? void 0 : B.value);
             });
-            _ ? _.config = V : c.value.push(V), f(c.value);
+            D ? D.config = k : c.value.push(k), f(c.value);
           }
-        })), null, 16)) : U("", !0)
+        })), null, 16)) : _("", !0)
       ], 64);
     };
   }
-}), Xe = /* @__PURE__ */ A({
+}), at = /* @__PURE__ */ A({
   __name: "PayoutAccountSetting",
   props: {
     accountId: {
@@ -1202,80 +1215,80 @@ const le = { class: "flex gap-16 mb-6" }, oe = ["src"], ue = /* @__PURE__ */ A({
   setup(n) {
     const v = n, { tab: e } = j({
       tab: "information"
-    }), { isLoading: m, startAsyncCall: s } = O(!0), t = ae(), l = T();
+    }), { isLoading: m, startAsyncCall: s } = Y(!0), t = oe(), l = C();
     async function p(f) {
-      await N.updateById(
+      await R.updateById(
         v.accountId,
         f
-      ), l.value = await N.readById(v.accountId);
+      ), l.value = await R.readById(v.accountId);
     }
     const c = [
       {
         label: "Information",
         value: "information",
         icon: "overview",
-        render: ue
+        render: ce
       },
       {
         label: "Settlement",
         value: "settlement",
         icon: "payments",
-        render: ie
+        render: pe
       },
       {
         label: "MDR Status",
         value: "payment",
         icon: "account_box",
-        render: be
+        render: we
       },
       {
         label: "Online Gateways",
         icon: "assured_workload",
         value: "gateways",
-        render: Me
+        render: $e
       },
       {
         label: "Token Gateways",
         value: "tokens",
         icon: "wallet",
-        render: qe
+        render: Ye
       },
       {
         label: "Online Channels",
         icon: "shopping_cart",
         value: "channels",
-        render: Ve
+        render: Ae
       }
     ];
     function a() {
       s(async () => {
-        l.value = await N.readById(v.accountId);
+        l.value = await R.readById(v.accountId);
       });
     }
-    J(a);
-    const r = G(() => {
-      const f = c.reduce((g, b) => g || (b.children ? b.children.find((C) => C.value === e.value) || null : b.value === e.value ? b : null), null);
+    te(a);
+    const r = K(() => {
+      const f = c.reduce((g, F) => g || (F.children ? F.children.find((I) => I.value === e.value) || null : F.value === e.value ? F : null), null);
       return f == null ? void 0 : f.render;
     });
     return (f, g) => {
-      var C;
-      const b = d("FmTabs");
-      return y(), F(te, {
-        title: `Payout Account (${(C = l.value) == null ? void 0 : C._id})`,
+      var I;
+      const F = i("FmTabs");
+      return y(), b(le, {
+        title: `Payout Account (${(I = l.value) == null ? void 0 : I._id})`,
         loading: o(m),
         onBack: o(t).back
       }, {
-        default: k(() => [
-          u(b, {
+        default: V(() => [
+          u(F, {
             "model-value": o(e),
-            "onUpdate:modelValue": g[0] || (g[0] = (M) => E(e) ? e.value = M : null),
+            "onUpdate:modelValue": g[0] || (g[0] = (S) => O(e) ? e.value = S : null),
             class: "mb-6",
             items: c
           }, null, 8, ["model-value"]),
-          o(e) ? (y(), F(z(r.value), H(L({ key: 0 }, {
+          o(e) ? (y(), b(L(r.value), Z(Q({ key: 0 }, {
             payoutAccount: l.value,
             onUpdate: p
-          })), null, 16)) : U("", !0)
+          })), null, 16)) : _("", !0)
         ]),
         _: 1
       }, 8, ["title", "loading", "onBack"]);
@@ -1283,5 +1296,5 @@ const le = { class: "flex gap-16 mb-6" }, oe = ["src"], ue = /* @__PURE__ */ A({
   }
 });
 export {
-  Xe as default
+  at as default
 };