@feedmepos/mf-payment 1.4.38 → 1.4.39

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

@@ -1,12 +1,12 @@
-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 { defineComponent as A, resolveComponent as i, openBlock as y, createElementBlock as S, Fragment as $, createElementVNode as d, createVNode as u, withCtx as V, createTextVNode as P, toDisplayString as M, createCommentVNode as _, createBlock as F, ref as C, watch as ee, computed as K, unref as o, isRef as E, h as O, 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 { u as Y, e as h } 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 { u as q } from "./error-K1CakhA9.js";
 import { z as x, a as w } from "./validator-D5jtpt9A.js";
 import { useCoreStore as ae } from "@feedmepos/mf-common";
 const re = { class: "flex gap-16 mb-6" }, se = ["src"], ce = /* @__PURE__ */ A({
@@ -20,7 +20,7 @@ const re = { class: "flex gap-16 mb-6" }, se = ["src"], ce = /* @__PURE__ */ A({
   setup(n) {
     return (v, e) => {
       const m = i("FmCardHeader"), s = i("FmCardSection"), t = i("FmCard");
-      return y(), h($, null, [
+      return y(), S($, null, [
         d("div", re, [
           u(t, {
             horizontal: "",
@@ -73,7 +73,7 @@ const re = { class: "flex gap-16 mb-6" }, se = ["src"], ce = /* @__PURE__ */ A({
                   }),
                   u(s, { class: "p-0" }, {
                     default: V(() => {
-                      var l, p, c, a, r, f, g, F;
+                      var l, p, c, a, r, f, g, b;
                       return [
                         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),
@@ -82,7 +82,7 @@ const re = { class: "flex gap-16 mb-6" }, se = ["src"], ce = /* @__PURE__ */ A({
                         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),
+                        P(": " + M((b = (g = n.payoutAccount) == null ? void 0 : g.store.keyPerson) == null ? void 0 : b.phone), 1),
                         e[11] || (e[11] = d("br", null, null, -1))
                       ];
                     }),
@@ -96,7 +96,7 @@ const re = { class: "flex gap-16 mb-6" }, se = ["src"], ce = /* @__PURE__ */ A({
           })
         ]),
         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", {
+        n.payoutAccount.store.exteriorPhoto ? (y(), S("img", {
           key: 0,
           src: n.payoutAccount.store.exteriorPhoto
         }, null, 8, se)) : _("", !0)
@@ -114,7 +114,7 @@ const re = { class: "flex gap-16 mb-6" }, se = ["src"], ce = /* @__PURE__ */ A({
   setup(n) {
     return (v, e) => {
       const m = i("FmCardHeader"), s = i("FmCardSection"), t = i("FmCard");
-      return y(), h($, null, [
+      return y(), S($, null, [
         u(t, {
           horizontal: "",
           class: "flex-1 p-6 mx-6 mb-6",
@@ -153,7 +153,7 @@ const re = { class: "flex gap-16 mb-6" }, se = ["src"], ce = /* @__PURE__ */ A({
         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, {
+            n.payoutAccount.store.ssm ? (y(), F(X, {
               key: 0,
               pdf: n.payoutAccount.store.ssm,
               "disable-text-layer": !0,
@@ -162,7 +162,7 @@ const re = { class: "flex gap-16 mb-6" }, se = ["src"], ce = /* @__PURE__ */ A({
           ]),
           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, {
+            n.payoutAccount.store.bankStatement ? (y(), F(X, {
               key: 0,
               pdf: n.payoutAccount.store.bankStatement,
               "disable-text-layer": !0,
@@ -185,7 +185,7 @@ const re = { class: "flex gap-16 mb-6" }, se = ["src"], ce = /* @__PURE__ */ A({
       v.onChange(parseFloat(m));
     }), (m, s) => {
       const t = i("FmTextField");
-      return y(), b(t, {
+      return y(), F(t, {
         inputmode: "decimal",
         modelValue: e.value,
         "onUpdate:modelValue": s[0] || (s[0] = (l) => e.value = l)
@@ -209,7 +209,7 @@ const re = { class: "flex gap-16 mb-6" }, se = ["src"], ce = /* @__PURE__ */ A({
       v.onChange(parseInt(m));
     }), (m, s) => {
       const t = i("FmTextField");
-      return y(), b(t, {
+      return y(), F(t, {
         inputmode: "numeric",
         modelValue: e.value,
         "onUpdate:modelValue": s[0] || (s[0] = (l) => e.value = l)
@@ -239,7 +239,7 @@ const re = { class: "flex gap-16 mb-6" }, se = ["src"], ce = /* @__PURE__ */ A({
         m.open({
           type: "error",
           title: "Error occurs when updating payout account",
-          message: E(r)
+          message: q(r)
         });
       } finally {
         e.value = !1;
@@ -260,7 +260,7 @@ const re = { class: "flex gap-16 mb-6" }, se = ["src"], ce = /* @__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)), q(ye, {
+          return a.original.rate && (r = a.original.rate.amount / Math.pow(10, a.original.rate.precision)), O(ye, {
             data: r,
             onChange: (f) => {
               const g = v.payoutAccount.methods.at(a.index);
@@ -275,7 +275,7 @@ const re = { class: "flex gap-16 mb-6" }, se = ["src"], ce = /* @__PURE__ */ A({
       {
         header: () => "T plus",
         accessorKey: "tPlus",
-        cell: ({ row: a }) => q(ve, {
+        cell: ({ row: a }) => O(ve, {
           data: a.original.tPlus ?? 0,
           onChange: (r) => {
             const f = v.payoutAccount.methods.at(a.index);
@@ -285,8 +285,8 @@ const re = { class: "flex gap-16 mb-6" }, se = ["src"], ce = /* @__PURE__ */ A({
       }
     ];
     return (a, r) => {
-      const f = i("FmRadio"), g = i("FmRadioGroup"), F = i("FmSwitch"), I = i("FmSearch"), S = i("FmTable"), U = i("FmButton");
-      return y(), h($, null, [
+      const f = i("FmRadio"), g = i("FmRadioGroup"), b = i("FmSwitch"), I = i("FmSearch"), U = i("FmTable"), T = i("FmButton");
+      return y(), S($, null, [
         d("div", fe, [
           d("div", ge, [
             u(g, {
@@ -312,7 +312,7 @@ const re = { class: "flex gap-16 mb-6" }, se = ["src"], ce = /* @__PURE__ */ A({
             }, 8, ["modelValue"])
           ]),
           d("div", be, [
-            u(F, {
+            u(b, {
               modelValue: n.payoutAccount.enable,
               "onUpdate:modelValue": r[1] || (r[1] = (k) => n.payoutAccount.enable = k),
               disabled: !l.value,
@@ -321,17 +321,17 @@ const re = { class: "flex gap-16 mb-6" }, se = ["src"], ce = /* @__PURE__ */ A({
             }, null, 8, ["modelValue", "disabled"])
           ])
         ]),
-        n.payoutAccount.enable ? (y(), h($, { key: 0 }, [
+        n.payoutAccount.enable ? (y(), S($, { key: 0 }, [
           d("div", Fe, [
             d("div", xe, [
               u(I, {
                 modelValue: o(t),
-                "onUpdate:modelValue": r[2] || (r[2] = (k) => O(t) ? t.value = k : null),
+                "onUpdate:modelValue": r[2] || (r[2] = (k) => E(t) ? t.value = k : null),
                 placeholder: "Search Method ..."
               }, null, 8, ["modelValue"])
             ])
           ]),
-          u(S, {
+          u(U, {
             class: "mt-6",
             modelValue: p.value,
             "onUpdate:modelValue": r[3] || (r[3] = (k) => p.value = k),
@@ -341,7 +341,7 @@ const re = { class: "flex gap-16 mb-6" }, se = ["src"], ce = /* @__PURE__ */ A({
             "column-defs": c
           }, null, 8, ["modelValue", "search-value", "row-data"])
         ], 64)) : _("", !0),
-        u(U, {
+        u(T, {
           class: "w-full mt-6",
           variant: "primary",
           label: "Save",
@@ -358,7 +358,7 @@ const re = { class: "flex gap-16 mb-6" }, se = ["src"], ce = /* @__PURE__ */ A({
     const e = v;
     return (m, s) => {
       const t = i("FmButton");
-      return y(), h("div", Ve, [
+      return y(), S("div", Ve, [
         u(t, {
           variant: "plain",
           "prepend-icon": "delete",
@@ -396,7 +396,7 @@ const re = { class: "flex gap-16 mb-6" }, se = ["src"], ce = /* @__PURE__ */ A({
           v.open({
             type: "error",
             title: "Error occurs when updating payout account channels",
-            message: E(r)
+            message: q(r)
           });
         }
       });
@@ -412,7 +412,7 @@ const re = { class: "flex gap-16 mb-6" }, se = ["src"], ce = /* @__PURE__ */ A({
           v.open({
             type: "error",
             title: "Error occurs when reset payout account channels",
-            message: E(r)
+            message: q(r)
           });
         }
       });
@@ -429,12 +429,12 @@ const re = { class: "flex gap-16 mb-6" }, se = ["src"], ce = /* @__PURE__ */ A({
       {
         header: () => "Display",
         accessorKey: "icon",
-        cell: ({ row: r }) => q("img", { src: r.original.icon, width: 32, height: 32 })
+        cell: ({ row: r }) => O("img", { src: r.original.icon, width: 32, height: 32 })
       },
       {
         header: () => "Label",
         accessorKey: "label",
-        cell: ({ row: r }) => q(ue.FmTextField, {
+        cell: ({ row: r }) => O(ue.FmTextField, {
           modelValue: r.original.label,
           "onUpdate:modelValue": (f) => r.original.label = f
         })
@@ -442,14 +442,14 @@ const re = { class: "flex gap-16 mb-6" }, se = ["src"], ce = /* @__PURE__ */ A({
       {
         id: "actions",
         header: () => "Actions",
-        cell: ({ row: r }) => q(ke, {
+        cell: ({ row: r }) => O(ke, {
           onDelete: () => t.value.splice(r.index, 1)
         })
       }
     ];
     return (r, f) => {
-      const g = i("FmButton"), F = i("FmTable");
-      return y(), h($, null, [
+      const g = i("FmButton"), b = i("FmTable");
+      return y(), S($, null, [
         d("div", _e, [
           u(g, {
             class: "mx-4",
@@ -467,7 +467,7 @@ const re = { class: "flex gap-16 mb-6" }, se = ["src"], ce = /* @__PURE__ */ A({
             onClick: p
           })
         ]),
-        u(F, {
+        u(b, {
           loading: o(m),
           "row-data": t.value,
           "column-defs": a,
@@ -501,7 +501,7 @@ const re = { class: "flex gap-16 mb-6" }, se = ["src"], ce = /* @__PURE__ */ A({
     });
     return (s, t) => {
       const l = i("FmTextField"), p = i("FmButton"), c = i("FmForm");
-      return y(), b(c, {
+      return y(), F(c, {
         ref: "form",
         class: "flex flex-col gap-16",
         onValidationSuccess: t[3] || (t[3] = () => n.onUpdate(e.value))
@@ -526,7 +526,7 @@ const re = { class: "flex gap-16 mb-6" }, se = ["src"], ce = /* @__PURE__ */ A({
             rules: o(x)(o(w).string())
           }, null, 8, ["modelValue", "rules"]),
           d("div", Ce, [
-            n.gateway ? (y(), b(p, {
+            n.gateway ? (y(), F(p, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
@@ -572,7 +572,7 @@ const re = { class: "flex gap-16 mb-6" }, se = ["src"], ce = /* @__PURE__ */ A({
     });
     return (s, t) => {
       const l = i("FmTextField"), p = i("FmButton"), c = i("FmForm");
-      return y(), b(c, {
+      return y(), F(c, {
         ref: "form",
         class: "flex flex-col gap-16",
         onValidationSuccess: t[5] || (t[5] = () => n.onUpdate(e.value))
@@ -609,7 +609,7 @@ const re = { class: "flex gap-16 mb-6" }, se = ["src"], ce = /* @__PURE__ */ A({
             rules: o(x)(o(w).string())
           }, null, 8, ["modelValue", "rules"]),
           d("div", Te, [
-            n.gateway ? (y(), b(p, {
+            n.gateway ? (y(), F(p, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
@@ -652,7 +652,7 @@ const re = { class: "flex gap-16 mb-6" }, se = ["src"], ce = /* @__PURE__ */ A({
     });
     return (s, t) => {
       const l = i("FmTextField"), p = i("FmButton"), c = i("FmForm");
-      return y(), b(c, {
+      return y(), F(c, {
         ref: "form",
         class: "flex flex-col gap-16",
         onValidationSuccess: t[2] || (t[2] = () => n.onUpdate(e.value))
@@ -671,7 +671,7 @@ const re = { class: "flex gap-16 mb-6" }, se = ["src"], ce = /* @__PURE__ */ A({
             rules: o(x)(o(w).string())
           }, null, 8, ["modelValue", "rules"]),
           d("div", Se, [
-            n.gateway ? (y(), b(p, {
+            n.gateway ? (y(), F(p, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
@@ -718,7 +718,7 @@ const re = { class: "flex gap-16 mb-6" }, se = ["src"], ce = /* @__PURE__ */ A({
     });
     return (s, t) => {
       const l = i("FmTextField"), p = i("FmButton"), c = i("FmForm");
-      return y(), b(c, {
+      return y(), F(c, {
         ref: "form",
         class: "flex flex-col gap-16",
         onValidationSuccess: t[6] || (t[6] = () => n.onUpdate(e.value))
@@ -760,7 +760,7 @@ const re = { class: "flex gap-16 mb-6" }, se = ["src"], ce = /* @__PURE__ */ A({
             label: "HMac Key"
           }, null, 8, ["modelValue"]),
           d("div", Ie, [
-            n.gateway ? (y(), b(p, {
+            n.gateway ? (y(), F(p, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
@@ -803,7 +803,7 @@ const re = { class: "flex gap-16 mb-6" }, se = ["src"], ce = /* @__PURE__ */ A({
     });
     return (s, t) => {
       const l = i("FmTextField"), p = i("FmTextarea"), c = i("FmButton"), a = i("FmForm");
-      return y(), b(a, {
+      return y(), F(a, {
         ref: "form",
         class: "flex flex-col gap-16",
         onValidationSuccess: t[2] || (t[2] = () => n.onUpdate(e.value))
@@ -823,7 +823,7 @@ const re = { class: "flex gap-16 mb-6" }, se = ["src"], ce = /* @__PURE__ */ A({
             rules: o(x)(o(w).string())
           }, null, 8, ["modelValue", "rules"]),
           d("div", Ne, [
-            n.gateway ? (y(), b(c, {
+            n.gateway ? (y(), F(c, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
@@ -864,79 +864,80 @@ const re = { class: "flex gap-16 mb-6" }, se = ["src"], ce = /* @__PURE__ */ A({
         label: "Fiuu",
         value: "RAZER_MERCHANT_SERVICE",
         render: Ue,
-        region: [T.F_COUNTRY.enum.MY, T.F_COUNTRY.enum.SG]
+        region: [h.F_COUNTRY.enum.MY, h.F_COUNTRY.enum.SG]
       },
       {
         label: "Macau Pass",
         value: "MACAU_PASS",
         render: he,
-        region: [T.F_COUNTRY.enum.MO]
+        region: [h.F_COUNTRY.enum.MO]
       },
       {
         label: "Digio",
         value: "DIGIO",
         render: Pe,
-        region: [T.F_COUNTRY.enum.TH]
+        region: [h.F_COUNTRY.enum.TH]
       },
       {
         label: "Ksher",
         value: "KSHER",
         render: Me,
-        region: [T.F_COUNTRY.enum.TH]
+        region: [h.F_COUNTRY.enum.TH]
       },
       {
         label: "Adyen",
         value: "ADYEN",
         render: De,
-        region: [T.F_COUNTRY.enum.MY, T.F_COUNTRY.enum.SG]
+        region: [h.F_COUNTRY.enum.MY, h.F_COUNTRY.enum.SG]
       }
     ], a = C(
       p.payoutAccount.gateways ?? []
-    ), r = K(() => c.find((S) => S.value === l.value)), f = K(() => c.filter(
-      (S) => S.region.includes(v.value ?? T.F_COUNTRY.enum.MY)
+    ), r = K(() => c.find((U) => U.value === l.value)), f = K(() => c.filter(
+      (U) => U.region.includes(v.value ?? h.F_COUNTRY.enum.MY)
     ));
-    async function g(S) {
+    async function g(U) {
       await t(async () => {
         try {
-          await R.updateGateway(p.payoutAccount._id, S), m.open({
+          await R.updateGateway(p.payoutAccount._id, U), m.open({
             type: "success",
             title: "Payout account gateways update succesfully"
-          });
-        } catch (U) {
+          }), b.value = U.length === 0;
+        } catch (T) {
           m.open({
             type: "error",
             title: "Error occurs when updating payout account gateways",
-            message: E(U)
+            message: q(T)
           });
         }
       });
     }
-    const F = C((p.payoutAccount.gateways ?? []).length === 0), I = K(() => e !== "MY" || !F.value);
-    return (S, U) => {
+    const b = C((p.payoutAccount.gateways ?? []).length === 0), I = K(() => e !== "MY" || !b.value);
+    return (U, T) => {
       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] = [
+      return y(), S($, null, [
+        o(e) ? (y(), S("p", Re, T[2] || (T[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. ")
         ]))) : _("", !0),
-        o(s) ? (y(), h("div", Ge, [
+        o(s) ? (y(), S("div", Ge, [
           u(k, { size: "xxl" })
-        ])) : (y(), h($, { key: 2 }, [
-          o(e) === "MY" ? (y(), b(D, {
+        ])) : (y(), S($, { key: 2 }, [
+          o(e) === "MY" ? (y(), F(D, {
             key: 0,
-            modelValue: F.value,
-            "onUpdate:modelValue": U[0] || (U[0] = (N) => F.value = N),
+            modelValue: b.value,
+            "onUpdate:modelValue": T[0] || (T[0] = (N) => b.value = N),
+            style: { "padding-bottom": "12px" },
             label: "Use FeedMe's Fiuu Account?"
           }, null, 8, ["modelValue"])) : _("", !0),
-          I.value ? (y(), b(H, {
+          I.value ? (y(), F(H, {
             key: 1,
             "model-value": o(l),
-            "onUpdate:modelValue": U[1] || (U[1] = (N) => O(l) ? l.value = N : null),
+            "onUpdate:modelValue": T[1] || (T[1] = (N) => E(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 }, {
+          I.value && o(l) ? (y(), F(L((B = r.value) == null ? void 0 : B.render), Z(Q({ key: 2 }, {
             gateway: a.value.find(
               (N) => {
                 var G;
@@ -998,7 +999,7 @@ const re = { class: "flex gap-16 mb-6" }, se = ["src"], ce = /* @__PURE__ */ A({
     );
     return (m, s) => {
       const t = i("FmTextField"), l = i("FmButton"), p = i("FmForm");
-      return y(), b(p, {
+      return y(), F(p, {
         ref: "form",
         class: "flex flex-col gap-16",
         onValidationSuccess: s[3] || (s[3] = () => n.onUpdate(e.value))
@@ -1026,7 +1027,7 @@ const re = { class: "flex gap-16 mb-6" }, se = ["src"], ce = /* @__PURE__ */ A({
             rules: o(x)(o(w).string())
           }, null, 8, ["modelValue", "rules"]),
           d("div", Ke, [
-            n.gateway ? (y(), b(l, {
+            n.gateway ? (y(), F(l, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
@@ -1045,7 +1046,7 @@ const re = { class: "flex gap-16 mb-6" }, se = ["src"], ce = /* @__PURE__ */ A({
       }, 512);
     };
   }
-}), qe = { class: "flex mt-6 space-x-6" }, Ee = /* @__PURE__ */ A({
+}), Oe = { class: "flex mt-6 space-x-6" }, qe = /* @__PURE__ */ A({
   __name: "ApplePayToken",
   props: {
     gateway: {
@@ -1073,7 +1074,7 @@ const re = { class: "flex gap-16 mb-6" }, se = ["src"], ce = /* @__PURE__ */ A({
     );
     return (m, s) => {
       const t = i("FmTextField"), l = i("FmButton"), p = i("FmForm");
-      return y(), b(p, {
+      return y(), F(p, {
         ref: "form",
         class: "flex flex-col gap-16",
         onValidationSuccess: s[2] || (s[2] = () => n.onUpdate(e.value))
@@ -1093,8 +1094,8 @@ const re = { class: "flex gap-16 mb-6" }, se = ["src"], ce = /* @__PURE__ */ A({
             disabled: !0,
             rules: o(x)(o(w).string())
           }, null, 8, ["modelValue", "rules"]),
-          d("div", qe, [
-            n.gateway ? (y(), b(l, {
+          d("div", Oe, [
+            n.gateway ? (y(), F(l, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
@@ -1113,7 +1114,7 @@ const re = { class: "flex gap-16 mb-6" }, se = ["src"], ce = /* @__PURE__ */ A({
       }, 512);
     };
   }
-}), Oe = {
+}), Ee = {
   key: 0,
   class: "flex items-center justify-center min-h-[80vh]"
 }, Ye = /* @__PURE__ */ A({
@@ -1133,17 +1134,17 @@ const re = { class: "flex gap-16 mb-6" }, se = ["src"], ce = /* @__PURE__ */ A({
         value: "googlePay",
         icon: "android",
         render: Be,
-        region: [T.F_COUNTRY.enum.MY, T.F_COUNTRY.enum.SG]
+        region: [h.F_COUNTRY.enum.MY, h.F_COUNTRY.enum.SG]
       },
       {
         label: "Apple Pay",
         value: "applePay",
-        icon: "apple",
-        render: Ee,
-        region: [T.F_COUNTRY.enum.MY, T.F_COUNTRY.enum.SG]
+        icon: "iOS",
+        render: qe,
+        region: [h.F_COUNTRY.enum.MY, h.F_COUNTRY.enum.SG]
       }
     ], 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)
+      (g) => g.region.includes(v.value ?? h.F_COUNTRY.enum.MY)
     ));
     async function f(g) {
       await s(async () => {
@@ -1152,20 +1153,20 @@ const re = { class: "flex gap-16 mb-6" }, se = ["src"], ce = /* @__PURE__ */ A({
             type: "success",
             title: "Payout account tokens gateway update succesfully"
           });
-        } catch (F) {
+        } catch (b) {
           e.open({
             type: "error",
             title: "Error occurs when updating payout account tokens",
-            message: E(F)
+            message: q(b)
           });
         }
       });
     }
-    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" }, [
+    return (g, b) => {
+      var T;
+      const I = i("FmCircularProgress"), U = i("FmTabs");
+      return y(), S($, null, [
+        b[1] || (b[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. "),
           d("br"),
@@ -1173,16 +1174,16 @@ const re = { class: "flex gap-16 mb-6" }, se = ["src"], ce = /* @__PURE__ */ A({
           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", Oe, [
+        o(m) ? (y(), S("div", Ee, [
           u(I, { size: "xxl" })
-        ])) : (y(), b(S, {
+        ])) : (y(), F(U, {
           key: 1,
           "model-value": o(t),
-          "onUpdate:modelValue": F[0] || (F[0] = (k) => O(t) ? t.value = k : null),
+          "onUpdate:modelValue": b[0] || (b[0] = (k) => E(t) ? t.value = k : null),
           class: "mb-6 mt-6",
           items: r.value
         }, null, 8, ["model-value", "items"])),
-        o(t) ? (y(), b(L((U = a.value) == null ? void 0 : U.render), Z(Q({ key: 2 }, {
+        o(t) ? (y(), F(L((T = a.value) == null ? void 0 : T.render), Z(Q({ key: 2 }, {
           gateway: c.value.find((k) => {
             var D;
             return k.type === ((D = a.value) == null ? void 0 : D.value);
@@ -1267,25 +1268,25 @@ const re = { class: "flex gap-16 mb-6" }, se = ["src"], ce = /* @__PURE__ */ A({
     }
     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);
+      const f = c.reduce((g, b) => g || (b.children ? b.children.find((I) => I.value === e.value) || null : b.value === e.value ? b : null), null);
       return f == null ? void 0 : f.render;
     });
     return (f, g) => {
       var I;
-      const F = i("FmTabs");
-      return y(), b(le, {
+      const b = i("FmTabs");
+      return y(), F(le, {
         title: `Payout Account (${(I = l.value) == null ? void 0 : I._id})`,
         loading: o(m),
         onBack: o(t).back
       }, {
         default: V(() => [
-          u(F, {
+          u(b, {
             "model-value": o(e),
-            "onUpdate:modelValue": g[0] || (g[0] = (S) => O(e) ? e.value = S : null),
+            "onUpdate:modelValue": g[0] || (g[0] = (U) => E(e) ? e.value = U : null),
             class: "mb-6",
             items: c
           }, null, 8, ["model-value"]),
-          o(e) ? (y(), b(L(r.value), Z(Q({ key: 0 }, {
+          o(e) ? (y(), F(L(r.value), Z(Q({ key: 0 }, {
             payoutAccount: l.value,
             onUpdate: p
           })), null, 16)) : _("", !0)

package/dist/{app-BtL_h4_R.js → app-jWqIMlvQ.js}

@@ -383,7 +383,7 @@ const Gn = {
       sidebarDisplay: "Payout Accounts",
       section: "payment-gateway"
     },
-    component: () => import("./PayoutAccount-sYHu8imZ.js")
+    component: () => import("./PayoutAccount-B2tLhNCP.js")
   },
   {
     path: "/admin/payout-accounts/:accountId",
@@ -392,7 +392,7 @@ const Gn = {
     meta: {
       parent: "mf-payment-admin.payout-account"
     },
-    component: () => import("./PayoutAccountSetting-CUTZqupc.js")
+    component: () => import("./PayoutAccountSetting-Byfhf8vi.js")
   },
   {
     path: "/admin/onboarding",
@@ -401,7 +401,7 @@ const Gn = {
       sidebarDisplay: "Payment Onboarding",
       section: "payment-gateway"
     },
-    component: () => import("./OnboardSubmission-DeEhWi2y.js")
+    component: () => import("./OnboardSubmission-CHRiLayt.js")
   },
   {
     path: "/admin/onboarding/:submissionId",
@@ -410,7 +410,7 @@ const Gn = {
     meta: {
       parent: "mf-payment-admin.onboard-submission"
     },
-    component: () => import("./OnboardForm-CSwv-JMK.js")
+    component: () => import("./OnboardForm-Dsxjljqr.js")
   },
   {
     path: "/admin/terminal/pos",
@@ -516,7 +516,7 @@ const Gn = {
   {
     path: "/payout-account",
     name: "mf-payment-payout-account",
-    component: () => import("./PayoutAccount-D1LOrBk6.js"),
+    component: () => import("./PayoutAccount-CYbZJGR1.js"),
     meta: {
       sidebarDisplay: "i18n:payment.routes.payout_account"
     }
@@ -524,7 +524,7 @@ const Gn = {
   {
     path: "/onboard-submission",
     name: "mf-payment-onboard-submission",
-    component: () => import("./OnboardSubmission-Ctfsad96.js"),
+    component: () => import("./OnboardSubmission-DHZ74Q8K.js"),
     meta: {
       sidebarDisplay: "i18n:payment.routes.onboard_submission",
       region: { MY: !0 }
@@ -534,7 +534,7 @@ const Gn = {
     path: "/onboard-submission/:type/:submission?",
     name: "mf-payment-onboard-submission-form",
     props: !0,
-    component: () => import("./OnboardForm-C1HA4dA2.js"),
+    component: () => import("./OnboardForm-B7CkEXGv.js"),
     meta: {
       parent: "mf-payment-onboard-submission"
     }

package/dist/app.js

@@ -1,4 +1,4 @@
-import { h as e, i as r, f as o } from "./app-BtL_h4_R.js";
+import { h as e, i as r, f as o } from "./app-jWqIMlvQ.js";
 export {
   e as FmApp,
   r as i18nMessages,

package/dist/{index-G4bYOaro.js → index-U0rV6-CG.js}

@@ -1,5 +1,5 @@
 import { d as r, b as a, g as n, o as i } from "./index-BCwCx3CJ.js";
-import { f as u } from "./plugins-Bg6JJRhO.js";
+import { f as u } from "./plugins-DJOA7bw1.js";
 import { h as m } from "./moment-h96o7c8I.js";
 const y = {
   async read(s) {