@feedmepos/mf-payment 1.9.13-dev → 1.9.15

package/dist/{PayoutAccountSetting-jo5pD78A.js → PayoutAccountSetting-yY-uwUjp.js}

@@ -1,15 +1,15 @@
-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-D-aQKndH.js";
-import { u as ne, e as q } from "./index-CHb_FpXY.js";
+import { defineComponent as R, ref as U, resolveComponent as d, openBlock as g, 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-BQdV_OnA.js";
+import { u as ne, e as q } from "./index-Ck6E6roO.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-DVY0KmHF.js";
-import { _ as Q, P as ee } from "./DocumentViewer.vue_vue_type_script_setup_true_lang-LFfqIXzg.js";
+import { u as oe } from "./index-D0Ui2BhX.js";
+import { _ as Q, P as ee } from "./DocumentViewer.vue_vue_type_script_setup_true_lang-BL_91vvu.js";
 import { h as fe } from "./moment-h96o7c8I.js";
-import { d as te } from "./index-JjM7nnLl.js";
+import { d as te } from "./index-Z4Uo8sdb.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-C86XmNO4.js";
+import { P as xe } from "./payout-account-DylXcFZf.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";
@@ -26,56 +26,56 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
     }
   },
   setup(a) {
-    const l = a, e = W(), b = U(!1), u = U(!1), t = U(), c = U(""), g = (d) => {
+    const l = a, e = W(), v = U(!1), u = U(!1), t = U(), c = U(""), F = (p) => {
       const o = new FileReader();
       return new Promise((S) => {
         o.onload = (A) => {
           var C;
           return S((C = A.target) == null ? void 0 : C.result);
-        }, o.readAsDataURL(d);
+        }, o.readAsDataURL(p);
       });
-    }, v = async (d) => {
-      t.value = d, c.value = d ? await g(d) : "";
+    }, f = async (p) => {
+      t.value = p, c.value = p ? await F(p) : "";
     }, m = () => {
       u.value = !1, t.value = void 0, c.value = "";
-    }, f = () => {
+    }, y = () => {
       t.value = void 0, c.value = "";
-    }, s = async (d) => {
+    }, s = async (p) => {
       var S;
       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,
+        p,
         o,
         l.payoutAccount.store.id
       ) : await te.adminUpload(
         `business/${o}/exterior/photo`,
-        d,
+        p,
         o,
         void 0
       );
-    }, y = async () => {
+    }, b = async () => {
       if (t.value)
         try {
-          b.value = !0;
-          const d = await s(t.value), o = {
+          v.value = !0;
+          const p = await s(t.value), o = {
             ...l.payoutAccount,
             store: {
               ...l.payoutAccount.store,
-              exteriorPhoto: d
+              exteriorPhoto: p
             }
           };
           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) });
+        } catch (p) {
+          e.open({ type: "error", title: "Failed to update exterior photo", message: Z(p) });
         } finally {
-          b.value = !1;
+          v.value = !1;
         }
     };
-    return (d, o) => {
+    return (p, 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, [
+      const S = d("FmCardHeader"), A = d("FmCardSection"), C = d("FmCard"), I = d("FmButton"), T = d("FmDropField");
+      return g(), G(j, null, [
         r("div", Ve, [
           n(C, {
             horizontal: "",
@@ -193,13 +193,13 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
         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, {
+            u.value ? (g(), k(I, {
               key: 0,
               variant: "tertiary",
               label: "Cancel",
               onClick: m
             })) : $("", !0),
-            u.value ? $("", !0) : (F(), k(I, {
+            u.value ? $("", !0) : (g(), k(I, {
               key: 1,
               variant: "primary",
               label: "Edit Exterior Photo",
@@ -207,8 +207,8 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
             }))
           ])
         ]),
-        u.value ? (F(), G(j, { key: 0 }, [
-          c.value ? (F(), G(j, { key: 0 }, [
+        u.value ? (g(), G(j, { key: 0 }, [
+          c.value ? (g(), G(j, { key: 0 }, [
             n(Q, {
               document: c.value,
               "business-id": a.payoutAccount.businessId,
@@ -220,23 +220,23 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
                 label: "Remove",
                 size: "md",
                 "prepend-icon": "delete",
-                onClick: f
+                onClick: y
               }),
               n(I, {
                 variant: "primary",
                 label: "Save",
                 size: "md",
-                loading: b.value,
-                onClick: y
+                loading: v.value,
+                onClick: b
               }, null, 8, ["loading"])
             ])
-          ], 64)) : (F(), k(T, {
+          ], 64)) : (g(), k(T, {
             key: 1,
             class: "h-[300px] w-full",
             accept: ".png,.jpg,.jpeg,.webp,.pdf",
-            onFileUpload: v
+            onFileUpload: f
           }))
-        ], 64)) : (F(), k(Q, {
+        ], 64)) : (g(), k(Q, {
           key: 1,
           document: a.payoutAccount.store.exteriorPhoto,
           "business-id": a.payoutAccount.businessId,
@@ -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: b } = ge(), u = ye({
+    const l = a, { emitAction: e, emitData: v } = 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(), 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({
+    }), t = U(), c = U(), F = U(u.ssm ?? ""), f = U(u.bankStatement ?? ""), m = X().trim().min(1, "Company name is required"), y = X().trim().min(1, "Registration number is required"), s = X().trim().min(1, "Bank name is required"), b = X().trim().min(1, "Bank holder name is required"), p = X().trim().min(1, "Bank account number is required"), o = ke({
       companyName: m,
-      regNo: f,
+      regNo: y,
       bankName: s,
-      bankHolderName: y,
-      bankAccountNumber: d
+      bankHolderName: b,
+      bankAccountNumber: p
     }), S = () => {
       const V = o.safeParse(u);
-      V.success && (b({
+      V.success && (v({
         ...V.data,
         ssm: u.ssm,
         bankStatement: u.bankStatement,
@@ -300,17 +300,17 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
       });
     }
     const C = async (V) => {
-      t.value = V, g.value = V ? await A(V) : "";
+      t.value = V, F.value = V ? await A(V) : "";
     }, I = async (V) => {
-      c.value = V, v.value = V ? await A(V) : "";
+      c.value = V, f.value = V ? await A(V) : "";
     }, T = () => {
-      t.value = void 0, g.value = "";
+      t.value = void 0, F.value = "";
     }, P = () => {
-      c.value = void 0, v.value = "";
+      c.value = void 0, f.value = "";
     };
     return (V, x) => {
-      const E = p("FmTextField"), B = p("FmSelect"), h = p("FmButton"), K = p("FmFormGroup"), H = p("FmDropField"), z = p("FmForm");
-      return F(), k(z, {
+      const E = d("FmTextField"), B = d("FmSelect"), h = d("FmButton"), K = d("FmFormGroup"), H = d("FmDropField"), z = d("FmForm");
+      return g(), k(z, {
         class: "flex flex-col gap-16",
         onValidationSuccess: S
       }, {
@@ -326,7 +326,7 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
             label: "Registration Number",
             "label-mark": "required",
             "helper-text": "Registration Number must match uploaded SSM registration number.",
-            rules: i(N)(i(f)),
+            rules: i(N)(i(y)),
             autofocus: ""
           }, null, 8, ["modelValue", "rules"]),
           n(E, {
@@ -355,7 +355,7 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
             "onUpdate:modelValue": x[3] || (x[3] = (M) => u.bankHolderName = M),
             label: "Bank Holder",
             "label-mark": "required",
-            rules: i(N)(i(y))
+            rules: i(N)(i(b))
           }, null, 8, ["modelValue", "rules"]),
           n(E, {
             modelValue: u.bankAccountNumber,
@@ -363,7 +363,7 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
             label: "Bank Account Number",
             "label-mark": "required",
             type: "number",
-            rules: i(N)(i(d))
+            rules: i(N)(i(p))
           }, null, 8, ["modelValue", "rules"]),
           x[11] || (x[11] = r("div", { class: "flex items-center my-2" }, [
             r("hr", { class: "w-[80px] border-t border-gray-300" }),
@@ -372,15 +372,15 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
           ], -1)),
           r("div", Ie, [
             x[7] || (x[7] = r("p", { class: "fm-typo-en-body-md-500" }, "SSM (PDF)", -1)),
-            g.value ? (F(), k(K, {
+            F.value ? (g(), k(K, {
               key: 0,
-              modelValue: g.value,
-              "onUpdate:modelValue": x[5] || (x[5] = (M) => g.value = M),
+              modelValue: F.value,
+              "onUpdate:modelValue": x[5] || (x[5] = (M) => F.value = M),
               label: "SSM"
             }, {
               default: w(() => [
                 n(Q, {
-                  document: g.value,
+                  document: F.value,
                   "business-id": a.businessId,
                   "restaurant-id": a.restaurantId
                 }, {
@@ -404,7 +404,7 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
                 })
               ]),
               _: 1
-            }, 8, ["modelValue"])) : (F(), k(H, {
+            }, 8, ["modelValue"])) : (g(), k(H, {
               key: 1,
               accept: ".pdf",
               onFileUpload: C
@@ -412,15 +412,15 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
           ]),
           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, {
+            f.value ? (g(), k(K, {
               key: 0,
-              modelValue: v.value,
-              "onUpdate:modelValue": x[6] || (x[6] = (M) => v.value = M),
+              modelValue: f.value,
+              "onUpdate:modelValue": x[6] || (x[6] = (M) => f.value = M),
               label: "Bank Statement"
             }, {
               default: w(() => [
                 n(Q, {
-                  document: v.value,
+                  document: f.value,
                   "business-id": a.businessId,
                   "restaurant-id": a.restaurantId
                 }, {
@@ -444,7 +444,7 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
                 })
               ]),
               _: 1
-            }, 8, ["modelValue"])) : (F(), k(H, {
+            }, 8, ["modelValue"])) : (g(), k(H, {
               key: 1,
               accept: ".pdf",
               onFileUpload: I
@@ -475,64 +475,64 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
     }
   },
   setup(a) {
-    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;
+    const l = a, e = U(!1), v = de(), u = W(), t = xe.bankNameOptions(), c = () => {
+      var y, s, b, p, o, S, A, C, I, T;
       return {
-        companyName: ((f = l.payoutAccount.store) == null ? void 0 : f.companyName) ?? "",
+        companyName: ((y = l.payoutAccount.store) == null ? void 0 : y.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) ?? "",
+        bankName: ((p = (b = l.payoutAccount.store) == null ? void 0 : b.bank) == null ? void 0 : p.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: ((T = l.payoutAccount.store) == null ? void 0 : T.bankStatement) ?? ""
       };
-    }, g = async (f, s) => {
+    }, F = async (y, s) => {
       var o;
-      const y = (/* @__PURE__ */ new Date()).toISOString();
+      const b = (/* @__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/${f}/${y}.pdf`,
+          `restaurant/${l.payoutAccount.store.id}/documents/${y}/${b}.pdf`,
           s,
           l.payoutAccount.businessId,
           l.payoutAccount.store.id
         );
-      const d = l.payoutAccount.businessId || l.payoutAccount.store.id;
+      const p = l.payoutAccount.businessId || l.payoutAccount.store.id;
       return await te.adminUpload(
-        `business/${d}/documents/${f}/${y}.pdf`,
+        `business/${p}/documents/${y}/${b}.pdf`,
         s,
-        d,
+        p,
         void 0
       );
-    }, v = async (f) => {
+    }, f = async (y) => {
       if (!l.payoutAccount.store) return;
       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(
+      y.newSSM && (s = await F("ssm", y.newSSM));
+      let b = l.payoutAccount.store.bankStatement;
+      y.newBankStatement && (b = await F(
         "bankStatement",
-        f.newBankStatement
+        y.newBankStatement
       ));
-      const d = {
+      const p = {
         ...l.payoutAccount,
         store: {
           ...l.payoutAccount.store,
-          companyName: f.companyName,
-          regNo: f.regNo,
+          companyName: y.companyName,
+          regNo: y.regNo,
           bank: {
             ...l.payoutAccount.store.bank ?? {},
-            name: f.bankName,
-            holderName: f.bankHolderName,
-            accountNumber: f.bankAccountNumber
+            name: y.bankName,
+            holderName: y.bankHolderName,
+            accountNumber: y.bankAccountNumber
           },
           ssm: s,
-          bankStatement: y
+          bankStatement: b
         }
       };
       try {
-        e.value = !0, await l.onUpdate(d), u.open({
+        e.value = !0, await l.onUpdate(p), u.open({
           type: "success",
           title: "Settlement info updated successfully"
-        }), b.close();
+        }), v.close();
       } catch (o) {
         u.open({
           type: "error",
@@ -543,8 +543,8 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
         e.value = !1;
       }
     }, m = () => {
-      var f;
-      b.close(), b.open({
+      var y;
+      v.close(), v.open({
         title: "Edit Settlement Info",
         closeButton: !0,
         overlay: !0,
@@ -553,18 +553,18 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
           initialValue: c(),
           bankNameOptions: t,
           businessId: l.payoutAccount.businessId,
-          restaurantId: ((f = l.payoutAccount.store) == null ? void 0 : f.event) === "ORDERING" ? l.payoutAccount.store.id : void 0
+          restaurantId: ((y = l.payoutAccount.store) == null ? void 0 : y.event) === "ORDERING" ? l.payoutAccount.store.id : void 0
         }
       }).onPrimary((s) => {
-        v(s);
+        f(s);
       });
     };
-    return (f, s) => {
+    return (y, s) => {
       var A, C, I, T;
-      const y = p("FmButton"), d = p("FmCardHeader"), o = p("FmCardSection"), S = p("FmCard");
-      return F(), G(j, null, [
+      const b = d("FmButton"), p = d("FmCardHeader"), o = d("FmCardSection"), S = d("FmCard");
+      return g(), G(j, null, [
         r("div", Re, [
-          n(y, {
+          n(b, {
             variant: "primary",
             label: "Edit Settlement Info",
             loading: e.value,
@@ -580,7 +580,7 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
             default: w(() => [
               n(o, { class: "flex flex-col gap-16 justify-between" }, {
                 default: w(() => [
-                  n(d, {
+                  n(p, {
                     class: "p-0",
                     title: "Company Info",
                     subtitle: ""
@@ -613,7 +613,7 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
             default: w(() => [
               n(o, { class: "flex flex-col gap-16 justify-between" }, {
                 default: w(() => [
-                  n(d, {
+                  n(p, {
                     class: "p-0",
                     title: "Bank Info",
                     subtitle: ""
@@ -688,11 +688,11 @@ 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, (b) => {
-      l.onChange(parseFloat(b));
-    }), (b, u) => {
-      const t = p("FmTextField");
-      return F(), k(t, {
+    return le(e, (v) => {
+      l.onChange(parseFloat(v));
+    }), (v, u) => {
+      const t = d("FmTextField");
+      return g(), k(t, {
         inputmode: "decimal",
         modelValue: e.value,
         "onUpdate:modelValue": u[0] || (u[0] = (c) => e.value = c)
@@ -712,11 +712,11 @@ 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, (b) => {
-      l.onChange(parseInt(b));
-    }), (b, u) => {
-      const t = p("FmTextField");
-      return F(), k(t, {
+    return le(e, (v) => {
+      l.onChange(parseInt(v));
+    }), (v, u) => {
+      const t = d("FmTextField");
+      return g(), k(t, {
         inputmode: "numeric",
         modelValue: e.value,
         "onUpdate:modelValue": u[0] || (u[0] = (c) => e.value = c)
@@ -731,11 +731,11 @@ 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, (b) => {
-      l.onChange(parseFloat(b));
-    }), (b, u) => {
-      const t = p("FmTextField");
-      return F(), k(t, {
+    return le(e, (v) => {
+      l.onChange(parseFloat(v));
+    }), (v, u) => {
+      const t = d("FmTextField");
+      return g(), k(t, {
         inputmode: "numeric",
         modelValue: e.value,
         "onUpdate:modelValue": u[0] || (u[0] = (c) => e.value = c)
@@ -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), b = W(), u = de(), t = async (s) => {
+    const l = a, e = U(!1), v = W(), u = de(), t = async (s) => {
       try {
-        e.value = !0, await l.onUpdate(s), b.open({
+        e.value = !0, await l.onUpdate(s), v.open({
           type: "success",
           title: "Payout account update succesfully"
         });
-      } catch (y) {
-        b.open({
+      } catch (b) {
+        v.open({
           type: "error",
           title: "Error occurs when updating payout account",
-          message: Z(y)
+          message: Z(b)
         });
       } finally {
         e.value = !1;
@@ -819,12 +819,12 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
       }).onPrimary((s) => {
         l.payoutAccount.enable = !1, l.payoutAccount.status = "REJECTED", l.payoutAccount.statusReason = s, t(l.payoutAccount), u.close();
       });
-    }, { search: g } = oe({
+    }, { search: F } = oe({
       search: ""
-    }), 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 = [
+    }), f = L(() => {
+      const { ssm: s, bank: b, bankStatement: p } = l.payoutAccount.store;
+      return s && b && b.name && b.accountNumber && b.holderName && p;
+    }), m = U(""), y = [
       {
         header: () => "Payment Method",
         accessorKey: "issuer",
@@ -834,15 +834,15 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
         header: () => "Rate",
         accessorKey: "rate",
         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) => {
+          let b = 0;
+          return s.original.rate && (b = s.original.rate.amount / Math.pow(10, s.original.rate.precision)), J(Ee, {
+            data: b,
+            onChange: (p) => {
               const o = l.payoutAccount.methods.at(s.index);
               o.rate || (o.rate = {
                 amount: 0,
                 precision: 4
-              }), o.rate.amount = d * Math.pow(10, o.rate.precision);
+              }), o.rate.amount = p * Math.pow(10, o.rate.precision);
             }
           });
         }
@@ -851,15 +851,15 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
         header: () => "Minimum Fee",
         accessorKey: "minimumFee",
         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) => {
+          let b = 0;
+          return s.original.minimumFee && (b = s.original.minimumFee.amount / Math.pow(10, s.original.minimumFee.precision)), J(Oe, {
+            data: b,
+            onChange: (p) => {
               const o = l.payoutAccount.methods.at(s.index);
               o.minimumFee || (o.minimumFee = {
                 amount: 0,
                 precision: 2
-              }), o.minimumFee.amount = d * Math.pow(10, o.minimumFee.precision);
+              }), o.minimumFee.amount = p * Math.pow(10, o.minimumFee.precision);
             }
           });
         }
@@ -869,33 +869,33 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
         accessorKey: "tPlus",
         cell: ({ row: s }) => J(qe, {
           data: s.original.tPlus ?? 0,
-          onChange: (y) => {
-            const d = l.payoutAccount.methods.at(s.index);
-            d.tPlus = y;
+          onChange: (b) => {
+            const p = l.payoutAccount.methods.at(s.index);
+            p.tPlus = b;
           }
         })
       }
     ];
-    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, [
+    return (s, b) => {
+      const p = d("FmRadio"), o = d("FmRadioGroup"), S = d("FmSwitch"), A = d("FmSearch"), C = d("FmTable"), I = d("FmButton");
+      return g(), G(j, null, [
         r("div", Ge, [
           r("div", Ke, [
             n(o, {
               modelValue: a.payoutAccount.status,
-              "onUpdate:modelValue": y[0] || (y[0] = (T) => a.payoutAccount.status = T),
+              "onUpdate:modelValue": b[0] || (b[0] = (T) => a.payoutAccount.status = T),
               label: "Account Status"
             }, {
               default: w(() => [
-                n(d, {
+                n(p, {
                   value: "PENDING",
                   label: "Pending"
                 }),
-                n(d, {
+                n(p, {
                   value: "APPROVED",
                   label: "Approved"
                 }),
-                n(d, {
+                n(p, {
                   value: "REJECTED",
                   label: "Rejected",
                   onClick: c
@@ -907,19 +907,19 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
           r("div", je, [
             n(S, {
               modelValue: a.payoutAccount.enable,
-              "onUpdate:modelValue": y[1] || (y[1] = (T) => a.payoutAccount.enable = T),
-              disabled: !v.value,
+              "onUpdate:modelValue": b[1] || (b[1] = (T) => a.payoutAccount.enable = T),
+              disabled: !f.value,
               label: "Enabled",
               sublabel: "Merchant can use online features such as e-payment, settlement"
             }, null, 8, ["modelValue", "disabled"])
           ])
         ]),
-        a.payoutAccount.enable ? (F(), G(j, { key: 0 }, [
+        a.payoutAccount.enable ? (g(), 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),
+                modelValue: i(F),
+                "onUpdate:modelValue": b[2] || (b[2] = (T) => ae(F) ? F.value = T : null),
                 placeholder: "Search Method ..."
               }, null, 8, ["modelValue"])
             ])
@@ -927,11 +927,11 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
           n(C, {
             class: "mt-6",
             modelValue: m.value,
-            "onUpdate:modelValue": y[3] || (y[3] = (T) => m.value = T),
+            "onUpdate:modelValue": b[3] || (b[3] = (T) => m.value = T),
             "shrink-at": !1,
-            "search-value": i(g),
+            "search-value": i(F),
             "row-data": a.payoutAccount.methods,
-            "column-defs": f
+            "column-defs": y
           }, null, 8, ["modelValue", "search-value", "row-data"])
         ], 64)) : $("", !0),
         n(I, {
@@ -949,9 +949,9 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
   emits: ["edit", "delete"],
   setup(a, { emit: l }) {
     const e = l;
-    return (b, u) => {
-      const t = p("FmButton");
-      return F(), G("div", Le, [
+    return (v, u) => {
+      const t = d("FmButton");
+      return g(), G("div", Le, [
         n(t, {
           variant: "plain",
           "prepend-icon": "delete",
@@ -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: b, startAsyncCall: u } = ne(), t = U([]);
+    const l = W(), e = a, { isLoading: v, startAsyncCall: u } = ne(), t = U([]);
     function c() {
       u(async () => {
         t.value = await Y.getChannels(e.payoutAccount._id);
       });
     }
     me(c);
-    function g() {
+    function F() {
       u(async () => {
         try {
           await Y.updateChannels(e.payoutAccount._id, t.value), l.open({
             type: "success",
             title: "Payout account channels update succesfully"
           });
-        } catch (f) {
+        } catch (y) {
           l.open({
             type: "error",
             title: "Error occurs when updating payout account channels",
-            message: Z(f)
+            message: Z(y)
           });
         }
       });
     }
-    function v() {
+    function f() {
       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 (f) {
+        } catch (y) {
           l.open({
             type: "error",
             title: "Error occurs when reset payout account channels",
-            message: Z(f)
+            message: Z(y)
           });
         }
       });
@@ -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: f }) => J("img", { src: f.original.icon, width: 32, height: 32 })
+        cell: ({ row: y }) => J("img", { src: y.original.icon, width: 32, height: 32 })
       },
       {
         header: () => "Label",
         accessorKey: "label",
-        cell: ({ row: f }) => J(Fe.FmTextField, {
-          modelValue: f.original.label,
-          "onUpdate:modelValue": (s) => f.original.label = s
+        cell: ({ row: y }) => J(Fe.FmTextField, {
+          modelValue: y.original.label,
+          "onUpdate:modelValue": (s) => y.original.label = s
         })
       },
       {
         id: "actions",
         header: () => "Actions",
-        cell: ({ row: f }) => J(Ze, {
-          onDelete: () => t.value.splice(f.index, 1)
+        cell: ({ row: y }) => J(Ze, {
+          onDelete: () => t.value.splice(y.index, 1)
         })
       }
     ];
-    return (f, s) => {
-      const y = p("FmButton"), d = p("FmTable");
-      return F(), G(j, null, [
+    return (y, s) => {
+      const b = d("FmButton"), p = d("FmTable");
+      return g(), G(j, null, [
         r("div", Je, [
-          n(y, {
+          n(b, {
             class: "mx-4",
             variant: "destructive",
             size: "md",
             icon: "history",
             label: "Reset",
-            onClick: v
+            onClick: f
           }),
-          n(y, {
+          n(b, {
             variant: "primary",
             size: "md",
             icon: "save",
             label: "Save",
-            onClick: g
+            onClick: F
           })
         ]),
-        n(d, {
-          loading: i(b),
+        n(p, {
+          loading: i(v),
           "row-data": t.value,
           "column-defs": m,
           "shrink-at": !1
@@ -1086,15 +1086,15 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
     }
   },
   setup(a) {
-    var b;
-    const e = U(((b = a.gateway) == null ? void 0 : b.config) || {
+    var v;
+    const e = U(((v = a.gateway) == null ? void 0 : v.config) || {
       merchantId: "",
       verifyKey: "",
       secretKey: ""
     });
     return (u, t) => {
-      const c = p("FmTextField"), g = p("FmButton"), v = p("FmForm");
-      return F(), k(v, {
+      const c = d("FmTextField"), F = d("FmButton"), f = d("FmForm");
+      return g(), k(f, {
         ref: "form",
         class: "flex flex-col gap-16",
         onValidationSuccess: t[3] || (t[3] = () => a.onUpdate(e.value))
@@ -1119,14 +1119,14 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
             rules: i(N)(i(D).string())
           }, null, 8, ["modelValue", "rules"]),
           r("div", We, [
-            a.gateway ? (F(), k(g, {
+            a.gateway ? (g(), k(F, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
               onclick: () => a.onDelete()
             }, null, 8, ["onclick"])) : $("", !0),
-            n(g, {
+            n(F, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -1155,8 +1155,8 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
     }
   },
   setup(a) {
-    var b;
-    const e = U(((b = a.gateway) == null ? void 0 : b.config) || {
+    var v;
+    const e = U(((v = a.gateway) == null ? void 0 : v.config) || {
       merchantId: "",
       merchantName: "",
       merchantCategoryCode: "",
@@ -1164,8 +1164,8 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
       storeName: ""
     });
     return (u, t) => {
-      const c = p("FmTextField"), g = p("FmButton"), v = p("FmForm");
-      return F(), k(v, {
+      const c = d("FmTextField"), F = d("FmButton"), f = d("FmForm");
+      return g(), k(f, {
         ref: "form",
         class: "flex flex-col gap-16",
         onValidationSuccess: t[5] || (t[5] = () => a.onUpdate(e.value))
@@ -1202,14 +1202,14 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
             rules: i(N)(i(D).string())
           }, null, 8, ["modelValue", "rules"]),
           r("div", et, [
-            a.gateway ? (F(), k(g, {
+            a.gateway ? (g(), k(F, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
               onclick: () => a.onDelete()
             }, null, 8, ["onclick"])) : $("", !0),
-            n(g, {
+            n(F, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -1238,14 +1238,14 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
     }
   },
   setup(a) {
-    var b;
-    const e = U(((b = a.gateway) == null ? void 0 : b.config) || {
+    var v;
+    const e = U(((v = a.gateway) == null ? void 0 : v.config) || {
       merchantId: "",
       cardMerchantId: ""
     });
     return (u, t) => {
-      const c = p("FmTextField"), g = p("FmButton"), v = p("FmForm");
-      return F(), k(v, {
+      const c = d("FmTextField"), F = d("FmButton"), f = d("FmForm");
+      return g(), k(f, {
         ref: "form",
         class: "flex flex-col gap-16",
         onValidationSuccess: t[2] || (t[2] = () => a.onUpdate(e.value))
@@ -1264,14 +1264,14 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
             rules: i(N)(i(D).string())
           }, null, 8, ["modelValue", "rules"]),
           r("div", at, [
-            a.gateway ? (F(), k(g, {
+            a.gateway ? (g(), k(F, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
               onclick: () => a.onDelete()
             }, null, 8, ["onclick"])) : $("", !0),
-            n(g, {
+            n(F, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -1300,8 +1300,8 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
     }
   },
   setup(a) {
-    var b;
-    const e = U(((b = a.gateway) == null ? void 0 : b.config) || {
+    var v;
+    const e = U(((v = a.gateway) == null ? void 0 : v.config) || {
       merchantAccount: "",
       username: "",
       apiKey: "",
@@ -1310,8 +1310,8 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
       hmacKey: ""
     });
     return (u, t) => {
-      const c = p("FmTextField"), g = p("FmButton"), v = p("FmForm");
-      return F(), k(v, {
+      const c = d("FmTextField"), F = d("FmButton"), f = d("FmForm");
+      return g(), k(f, {
         ref: "form",
         class: "flex flex-col gap-16",
         onValidationSuccess: t[6] || (t[6] = () => a.onUpdate(e.value))
@@ -1353,14 +1353,14 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
             label: "HMac Key"
           }, null, 8, ["modelValue"]),
           r("div", ot, [
-            a.gateway ? (F(), k(g, {
+            a.gateway ? (g(), k(F, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
               onclick: () => a.onDelete()
             }, null, 8, ["onclick"])) : $("", !0),
-            n(g, {
+            n(F, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -1389,14 +1389,14 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
     }
   },
   setup(a) {
-    var b;
-    const e = U(((b = a.gateway) == null ? void 0 : b.config) || {
+    var v;
+    const e = U(((v = a.gateway) == null ? void 0 : v.config) || {
       appId: "",
       privateKey: ""
     });
     return (u, t) => {
-      const c = p("FmTextField"), g = p("FmTextarea"), v = p("FmButton"), m = p("FmForm");
-      return F(), k(m, {
+      const c = d("FmTextField"), F = d("FmTextarea"), f = d("FmButton"), m = d("FmForm");
+      return g(), k(m, {
         ref: "form",
         class: "flex flex-col gap-16",
         onValidationSuccess: t[2] || (t[2] = () => a.onUpdate(e.value))
@@ -1404,26 +1404,26 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
         default: w(() => [
           n(c, {
             modelValue: e.value.appId,
-            "onUpdate:modelValue": t[0] || (t[0] = (f) => e.value.appId = f),
+            "onUpdate:modelValue": t[0] || (t[0] = (y) => e.value.appId = y),
             label: "App ID",
             rules: i(N)(i(D).string())
           }, null, 8, ["modelValue", "rules"]),
-          n(g, {
+          n(F, {
             modelValue: e.value.privateKey,
-            "onUpdate:modelValue": t[1] || (t[1] = (f) => e.value.privateKey = f),
+            "onUpdate:modelValue": t[1] || (t[1] = (y) => e.value.privateKey = y),
             label: "Private Key",
             placeholder: "Paste your private key including BEGIN and END markers",
             rules: i(N)(i(D).string())
           }, null, 8, ["modelValue", "rules"]),
           r("div", ut, [
-            a.gateway ? (F(), k(v, {
+            a.gateway ? (g(), k(f, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
               onclick: () => a.onDelete()
             }, null, 8, ["onclick"])) : $("", !0),
-            n(v, {
+            n(f, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -1452,15 +1452,15 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
     }
   },
   setup(a) {
-    var b;
+    var v;
     const e = U(
-      ((b = a.gateway) == null ? void 0 : b.config) || {
+      ((v = a.gateway) == null ? void 0 : v.config) || {
         locationId: ""
       }
     );
     return (u, t) => {
-      const c = p("FmTextField"), g = p("FmForm");
-      return F(), k(g, {
+      const c = d("FmTextField"), F = d("FmForm");
+      return g(), k(F, {
         ref: "form",
         class: "flex flex-col gap-16",
         onValidationSuccess: t[1] || (t[1] = () => a.onUpdate(e.value))
@@ -1468,7 +1468,7 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
         default: w(() => [
           n(c, {
             modelValue: e.value.locationId,
-            "onUpdate:modelValue": t[0] || (t[0] = (v) => e.value.locationId = v),
+            "onUpdate:modelValue": t[0] || (t[0] = (f) => e.value.locationId = f),
             label: "Location ID",
             readonly: !0,
             rules: i(N)(i(D).string())
@@ -1495,42 +1495,47 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
     }
   },
   setup(a) {
-    var b;
-    const e = U(
-      ((b = a.gateway) == null ? void 0 : b.config) || {
-        merchantId: "",
-        apiKey: ""
-      }
-    );
+    var v;
+    const e = U({
+      merchantId: "",
+      apiKey: "",
+      isDirect: !1,
+      ...(v = a.gateway) == null ? void 0 : v.config
+    });
     return (u, t) => {
-      const c = p("FmTextField"), g = p("FmButton"), v = p("FmForm");
-      return F(), k(v, {
+      const c = d("FmTextField"), F = d("FmSwitch"), f = d("FmButton"), m = d("FmForm");
+      return g(), k(m, {
         ref: "form",
         class: "flex flex-col gap-16",
-        onValidationSuccess: t[2] || (t[2] = () => a.onUpdate(e.value))
+        onValidationSuccess: t[3] || (t[3] = () => a.onUpdate(e.value))
       }, {
         default: w(() => [
           n(c, {
             modelValue: e.value.merchantId,
-            "onUpdate:modelValue": t[0] || (t[0] = (m) => e.value.merchantId = m),
+            "onUpdate:modelValue": t[0] || (t[0] = (y) => e.value.merchantId = y),
             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),
+            "onUpdate:modelValue": t[1] || (t[1] = (y) => e.value.apiKey = y),
             label: "Api Key",
             rules: i(N)(i(D).string())
           }, null, 8, ["modelValue", "rules"]),
+          n(F, {
+            modelValue: e.value.isDirect,
+            "onUpdate:modelValue": t[2] || (t[2] = (y) => e.value.isDirect = y),
+            label: "Is Direct"
+          }, null, 8, ["modelValue"]),
           r("div", it, [
-            a.gateway ? (F(), k(g, {
+            a.gateway ? (g(), k(f, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
               onclick: () => a.onDelete()
             }, null, 8, ["onclick"])) : $("", !0),
-            n(g, {
+            n(f, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -1557,9 +1562,9 @@ 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, b = W(), { isLoading: u, startAsyncCall: t } = ne(), { gatewayTab: c } = oe({
+    const l = pe().currentCountry, e = l.value, v = W(), { isLoading: u, startAsyncCall: t } = ne(), { gatewayTab: c } = oe({
       gatewayTab: ""
-    }), g = a, v = [
+    }), F = a, f = [
       {
         label: "Fiuu",
         value: "RAZER_MERCHANT_SERVICE",
@@ -1603,19 +1608,19 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
         region: [q.F_COUNTRY.enum.TH]
       }
     ], m = U(
-      g.payoutAccount.gateways ?? []
-    ), f = L(() => v.find((S) => S.value === c.value)), s = L(() => v.filter(
+      F.payoutAccount.gateways ?? []
+    ), y = L(() => f.find((S) => S.value === c.value)), s = L(() => f.filter(
       (S) => S.region.includes(l.value ?? q.F_COUNTRY.enum.MY)
     ));
-    async function y(S) {
+    async function b(S) {
       await t(async () => {
         try {
-          await Y.updateGateway(g.payoutAccount._id, S), b.open({
+          await Y.updateGateway(F.payoutAccount._id, S), v.open({
             type: "success",
             title: "Payout account gateways update succesfully"
-          }), d.value = S.length === 0;
+          }), p.value = S.length === 0;
         } catch (A) {
-          b.open({
+          v.open({
             type: "error",
             title: "Error occurs when updating payout account gateways",
             message: Z(A)
@@ -1623,59 +1628,59 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
         }
       });
     }
-    const d = U((g.payoutAccount.gateways ?? []).length === 0), o = L(() => e !== "MY" || !d.value);
+    const p = U((F.payoutAccount.gateways ?? []).length === 0), o = L(() => e !== "MY" || !p.value);
     return (S, A) => {
       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] = [
+      const C = d("FmCircularProgress"), I = d("FmSwitch"), T = d("FmTabs");
+      return g(), G(j, null, [
+        i(e) ? (g(), 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)
         ])])) : $("", !0),
-        i(u) ? (F(), G("div", dt, [
+        i(u) ? (g(), G("div", dt, [
           n(C, { size: "xxl" })
-        ])) : (F(), G(j, { key: 2 }, [
-          i(e) === "MY" ? (F(), k(I, {
+        ])) : (g(), G(j, { key: 2 }, [
+          i(e) === "MY" ? (g(), k(I, {
             key: 0,
-            modelValue: d.value,
-            "onUpdate:modelValue": A[0] || (A[0] = (V) => d.value = V),
+            modelValue: p.value,
+            "onUpdate:modelValue": A[0] || (A[0] = (V) => p.value = V),
             style: { "padding-bottom": "12px" },
             label: "Use FeedMe's Default Account?"
           }, null, 8, ["modelValue"])) : $("", !0),
-          o.value ? (F(), k(T, {
+          o.value ? (g(), 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: 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 }, {
+          o.value && i(c) ? (g(), k(ue((P = y.value) == null ? void 0 : P.render), re(se({ key: 2 }, {
             gateway: m.value.find(
               (V) => {
                 var x;
-                return V.paymentGateway === ((x = f.value) == null ? void 0 : x.value);
+                return V.paymentGateway === ((x = y.value) == null ? void 0 : x.value);
               }
             ),
             onDelete: async () => {
               m.value = m.value.filter(
                 (V) => {
                   var x;
-                  return V.paymentGateway !== ((x = f.value) == null ? void 0 : x.value);
+                  return V.paymentGateway !== ((x = y.value) == null ? void 0 : x.value);
                 }
-              ), y(m.value);
+              ), b(m.value);
             },
             onUpdate: (V) => {
               var E;
               let x = m.value.find(
                 (B) => {
                   var h;
-                  return B.paymentGateway === ((h = f.value) == null ? void 0 : h.value);
+                  return B.paymentGateway === ((h = y.value) == null ? void 0 : h.value);
                 }
               );
               x ? x.config = V : m.value.push({
-                paymentGateway: (E = f.value) == null ? void 0 : E.value,
+                paymentGateway: (E = y.value) == null ? void 0 : E.value,
                 config: V
-              }), y(m.value);
+              }), b(m.value);
             }
           })), null, 16)) : $("", !0)
         ], 64))
@@ -1709,9 +1714,9 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
         }
       }
     );
-    return (b, u) => {
-      const t = p("FmTextField"), c = p("FmButton"), g = p("FmForm");
-      return F(), k(g, {
+    return (v, u) => {
+      const t = d("FmTextField"), c = d("FmButton"), F = d("FmForm");
+      return g(), k(F, {
         ref: "form",
         class: "flex flex-col gap-16",
         onValidationSuccess: u[3] || (u[3] = () => a.onUpdate(e.value))
@@ -1719,27 +1724,27 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
         default: w(() => [
           n(t, {
             modelValue: e.value.gateway,
-            "onUpdate:modelValue": u[0] || (u[0] = (v) => e.value.gateway = v),
+            "onUpdate:modelValue": u[0] || (u[0] = (f) => e.value.gateway = f),
             label: "Gateway",
             disabled: !0,
             rules: i(N)(i(D).string())
           }, null, 8, ["modelValue", "rules"]),
           n(t, {
             modelValue: e.value.config.gateway,
-            "onUpdate:modelValue": u[1] || (u[1] = (v) => e.value.config.gateway = v),
+            "onUpdate:modelValue": u[1] || (u[1] = (f) => e.value.config.gateway = f),
             label: "Gateway ID",
             disabled: !0,
             rules: i(N)(i(D).string())
           }, null, 8, ["modelValue", "rules"]),
           n(t, {
             modelValue: e.value.config.gatewayMerchantId,
-            "onUpdate:modelValue": u[2] || (u[2] = (v) => e.value.config.gatewayMerchantId = v),
+            "onUpdate:modelValue": u[2] || (u[2] = (f) => e.value.config.gatewayMerchantId = f),
             label: "Gateway Merchant ID",
             disabled: !0,
             rules: i(N)(i(D).string())
           }, null, 8, ["modelValue", "rules"]),
           r("div", yt, [
-            a.gateway ? (F(), k(c, {
+            a.gateway ? (g(), k(c, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
@@ -1784,9 +1789,9 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
         }
       }
     );
-    return (b, u) => {
-      const t = p("FmTextField"), c = p("FmButton"), g = p("FmForm");
-      return F(), k(g, {
+    return (v, u) => {
+      const t = d("FmTextField"), c = d("FmButton"), F = d("FmForm");
+      return g(), k(F, {
         ref: "form",
         class: "flex flex-col gap-16",
         onValidationSuccess: u[2] || (u[2] = () => a.onUpdate(e.value))
@@ -1794,20 +1799,20 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
         default: w(() => [
           n(t, {
             modelValue: e.value.gateway,
-            "onUpdate:modelValue": u[0] || (u[0] = (v) => e.value.gateway = v),
+            "onUpdate:modelValue": u[0] || (u[0] = (f) => e.value.gateway = f),
             label: "Gateway",
             disabled: !0,
             rules: i(N)(i(D).string())
           }, null, 8, ["modelValue", "rules"]),
           n(t, {
             modelValue: e.value.config.merchantId,
-            "onUpdate:modelValue": u[1] || (u[1] = (v) => e.value.config.merchantId = v),
+            "onUpdate:modelValue": u[1] || (u[1] = (f) => e.value.config.merchantId = f),
             label: "Merchant ID",
             disabled: !0,
             rules: i(N)(i(D).string())
           }, null, 8, ["modelValue", "rules"]),
           r("div", vt, [
-            a.gateway ? (F(), k(c, {
+            a.gateway ? (g(), k(c, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
@@ -1838,9 +1843,9 @@ 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: b, startAsyncCall: u } = ne(), { tokenTab: t } = oe({
+    const l = pe().currentCountry, e = W(), { isLoading: v, startAsyncCall: u } = ne(), { tokenTab: t } = oe({
       tokenTab: ""
-    }), c = a, g = [
+    }), c = a, F = [
       {
         label: "Google Pay",
         value: "googlePay",
@@ -1855,30 +1860,30 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
         render: ft,
         region: [q.F_COUNTRY.enum.MY, q.F_COUNTRY.enum.SG]
       }
-    ], 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)
+    ], f = U(c.payoutAccount.tokens ?? []), m = L(() => F.find((b) => b.value === t.value)), y = L(() => F.filter(
+      (b) => b.region.includes(l.value ?? q.F_COUNTRY.enum.MY)
     ));
-    async function s(y) {
+    async function s(b) {
       await u(async () => {
         try {
-          await Y.updateTokens(c.payoutAccount._id, y), e.open({
+          await Y.updateTokens(c.payoutAccount._id, b), e.open({
             type: "success",
             title: "Payout account tokens gateway update succesfully"
           });
-        } catch (d) {
+        } catch (p) {
           e.open({
             type: "error",
             title: "Error occurs when updating payout account tokens",
-            message: Z(d)
+            message: Z(p)
           });
         }
       });
     }
-    return (y, d) => {
+    return (b, p) => {
       var A;
-      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" }, [
+      const o = d("FmCircularProgress"), S = d("FmTabs");
+      return g(), G(j, null, [
+        p[1] || (p[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. "),
           r("br"),
@@ -1886,32 +1891,32 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
           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(b) ? (F(), G("div", gt, [
+        i(v) ? (g(), G("div", gt, [
           n(o, { size: "xxl" })
-        ])) : (F(), k(S, {
+        ])) : (g(), k(S, {
           key: 1,
           "model-value": i(t),
-          "onUpdate:modelValue": d[0] || (d[0] = (C) => ae(t) ? t.value = C : null),
+          "onUpdate:modelValue": p[0] || (p[0] = (C) => ae(t) ? t.value = C : null),
           class: "mb-6 mt-6",
-          items: f.value
+          items: y.value
         }, null, 8, ["model-value", "items"])),
-        i(t) ? (F(), k(ue((A = m.value) == null ? void 0 : A.render), re(se({ key: 2 }, {
-          gateway: v.value.find((C) => {
+        i(t) ? (g(), k(ue((A = m.value) == null ? void 0 : A.render), re(se({ key: 2 }, {
+          gateway: f.value.find((C) => {
             var I;
             return C.type === ((I = m.value) == null ? void 0 : I.value);
           }),
           onDelete: async () => {
-            v.value = v.value.filter((C) => {
+            f.value = f.value.filter((C) => {
               var I;
               return C.type !== ((I = m.value) == null ? void 0 : I.value);
-            }), s(v.value);
+            }), s(f.value);
           },
           onUpdate: (C) => {
-            let I = v.value.find((T) => {
+            let I = f.value.find((T) => {
               var P;
               return T.type === ((P = m.value) == null ? void 0 : P.value);
             });
-            I ? I.config = C : v.value.push(C), s(v.value);
+            I ? I.config = C : f.value.push(C), s(f.value);
           }
         })), null, 16)) : $("", !0)
       ], 64);
@@ -1928,14 +1933,14 @@ 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: b, startAsyncCall: u } = ne(!0), t = ve(), c = U();
-    async function g(s) {
+    }), { isLoading: v, startAsyncCall: u } = ne(!0), t = ve(), c = U();
+    async function F(s) {
       await Y.updateById(
         l.accountId,
         s
       ), c.value = await Y.readById(l.accountId);
     }
-    const v = [
+    const f = [
       {
         label: "Information",
         value: "information",
@@ -1979,28 +1984,28 @@ const Ve = { class: "flex gap-16 mb-6" }, Ae = { class: "flex gap-16 mb-6" }, Se
       });
     }
     me(m);
-    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);
+    const y = L(() => {
+      const s = f.reduce((b, p) => b || (p.children ? p.children.find((o) => o.value === e.value) || null : p.value === e.value ? p : null), null);
       return s == null ? void 0 : s.render;
     });
-    return (s, y) => {
+    return (s, b) => {
       var o;
-      const d = p("FmTabs");
-      return F(), k(be, {
+      const p = d("FmTabs");
+      return g(), k(be, {
         title: `Payout Account (${(o = c.value) == null ? void 0 : o._id})`,
-        loading: i(b),
+        loading: i(v),
         onBack: i(t).back
       }, {
         default: w(() => [
-          n(d, {
+          n(p, {
             "model-value": i(e),
-            "onUpdate:modelValue": y[0] || (y[0] = (S) => ae(e) ? e.value = S : null),
+            "onUpdate:modelValue": b[0] || (b[0] = (S) => ae(e) ? e.value = S : null),
             class: "mb-6",
-            items: v
+            items: f
           }, null, 8, ["model-value"]),
-          i(e) ? (F(), k(ue(f.value), re(se({ key: 0 }, {
+          i(e) ? (g(), k(ue(y.value), re(se({ key: 0 }, {
             payoutAccount: c.value,
-            onUpdate: g
+            onUpdate: F
           })), null, 16)) : $("", !0)
         ]),
         _: 1