@feedmepos/mf-payment 1.5.23 → 1.5.25-dev

package/dist/{RestaurantSetting-CPa7CFaW.js → RestaurantSetting-Yb9S8Wfg.js}

@@ -1,24 +1,24 @@
-import { defineComponent as D, ref as b, resolveComponent as r, openBlock as g, createBlock as w, withCtx as I, createVNode as o, unref as n, createElementVNode as T, createCommentVNode as S, computed as K, onMounted as R, createElementBlock as N, Fragment as L, isRef as B, resolveDynamicComponent as $, mergeProps as P, normalizeProps as H } from "vue";
-import { g as q, b as G, u as M, e as U } from "./index-DQany4ND.js";
+import { defineComponent as D, ref as w, resolveComponent as r, openBlock as g, createBlock as b, withCtx as I, createVNode as o, unref as n, createElementVNode as T, createCommentVNode as S, computed as G, onMounted as N, createElementBlock as R, Fragment as L, isRef as B, resolveDynamicComponent as $, mergeProps as Y, normalizeProps as H } from "vue";
+import { g as q, b as M, u as O, e as U } from "./index-DRKoa7dT.js";
 import { _ as z } from "./Layout.vue_vue_type_script_setup_true_lang-BKIvkgA_.js";
 import { useRouter as Q } from "vue-router";
-import { u as Y } from "./index-B5j5U-Da.js";
-import { z as f, a as F } from "./validator-DzjyJnvv.js";
+import { u as P } from "./index-zMl6AuFw.js";
+import { z as p, a as f } from "./validator-DzjyJnvv.js";
 import { useCoreStore as E } from "@feedmepos/mf-common";
 import { u as Z } from "./error-K1CakhA9.js";
 import { useSnackbar as J } from "@feedmepos/ui-library";
-import { r as W } from "./index-DklLFCf5.js";
-const C = {
+import { r as W } from "./index-BPKJne1Q.js";
+const A = {
   async get(a) {
     return q(
-      await G().get(
+      await M().get(
         `restaurants/${a}/payment-gateway`
       )
     );
   },
   async upsert(a, m) {
     return q(
-      await G().post(
+      await M().post(
         `restaurants/${a}/payment-gateway`,
         { data: m }
       )
@@ -26,14 +26,14 @@ const C = {
   },
   async delete(a, m) {
     return q(
-      await G().delete(
+      await M().delete(
         `restaurants/${a}/payment-gateway/${m}`
       )
     );
   },
   async grabSync(a) {
     return q(
-      await G().post(
+      await M().post(
         `restaurants/${a}/payment-gateway/grab/sync`
       )
     );
@@ -55,8 +55,8 @@ const C = {
     }
   },
   setup(a) {
-    var v, i;
-    const m = a, u = b(((v = m.gateway) == null ? void 0 : v.active) ?? !1), t = b(
+    var c, i;
+    const m = a, u = w(((c = m.gateway) == null ? void 0 : c.active) ?? !1), t = w(
       ((i = m.gateway) == null ? void 0 : i.config) || {
         merchantId: "",
         uniqueId: "",
@@ -66,9 +66,9 @@ const C = {
         offlineSecret: ""
       }
     );
-    return (p, e) => {
-      const s = r("FmTextField"), V = r("FmSwitch"), d = r("FmButton"), y = r("FmForm");
-      return g(), w(y, {
+    return (F, e) => {
+      const s = r("FmTextField"), V = r("FmSwitch"), d = r("FmButton"), v = r("FmForm");
+      return g(), b(v, {
         ref: "form",
         class: "flex flex-col gap-16",
         onValidationSuccess: e[7] || (e[7] = () => a.onUpdate(u.value, t.value))
@@ -78,37 +78,37 @@ const C = {
             modelValue: t.value.merchantId,
             "onUpdate:modelValue": e[0] || (e[0] = (l) => t.value.merchantId = l),
             label: "Merchant ID",
-            rules: n(f)(n(F).string())
+            rules: n(p)(n(f).string())
           }, null, 8, ["modelValue", "rules"]),
           o(s, {
             modelValue: t.value.uniqueId,
             "onUpdate:modelValue": e[1] || (e[1] = (l) => t.value.uniqueId = l),
             label: "Unique ID",
-            rules: n(f)(n(F).string())
+            rules: n(p)(n(f).string())
           }, null, 8, ["modelValue", "rules"]),
           o(s, {
             modelValue: t.value.verifyKey,
             "onUpdate:modelValue": e[2] || (e[2] = (l) => t.value.verifyKey = l),
             label: "Verify Key",
-            rules: n(f)(n(F).string())
+            rules: n(p)(n(f).string())
           }, null, 8, ["modelValue", "rules"]),
           o(s, {
             modelValue: t.value.secretKey,
             "onUpdate:modelValue": e[3] || (e[3] = (l) => t.value.secretKey = l),
             label: "Secret Key",
-            rules: n(f)(n(F).string())
+            rules: n(p)(n(f).string())
           }, null, 8, ["modelValue", "rules"]),
           o(s, {
             modelValue: t.value.applicationCode,
             "onUpdate:modelValue": e[4] || (e[4] = (l) => t.value.applicationCode = l),
             label: "Application Code ( Offline )",
-            rules: n(f)(n(F).string())
+            rules: n(p)(n(f).string())
           }, null, 8, ["modelValue", "rules"]),
           o(s, {
             modelValue: t.value.offlineSecret,
             "onUpdate:modelValue": e[5] || (e[5] = (l) => t.value.offlineSecret = l),
             label: "Offline Secret ( Offline )",
-            rules: n(f)(n(F).string())
+            rules: n(p)(n(f).string())
           }, null, 8, ["modelValue", "rules"]),
           o(V, {
             modelValue: u.value,
@@ -116,7 +116,7 @@ const C = {
             label: "Is Active"
           }, null, 8, ["modelValue"]),
           T("div", X, [
-            a.gateway ? (g(), w(d, {
+            a.gateway ? (g(), b(d, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
@@ -152,8 +152,8 @@ const C = {
     }
   },
   setup(a) {
-    var v, i;
-    const m = a, u = b(((v = m.gateway) == null ? void 0 : v.active) ?? !1), t = b(
+    var c, i;
+    const m = a, u = w(((c = m.gateway) == null ? void 0 : c.active) ?? !1), t = w(
       ((i = m.gateway) == null ? void 0 : i.config) || {
         storeId: "",
         clientId: "",
@@ -161,9 +161,9 @@ const C = {
         clientPrivateKey: ""
       }
     );
-    return (p, e) => {
-      const s = r("FmTextField"), V = r("FmTextarea"), d = r("FmSwitch"), y = r("FmButton"), l = r("FmForm");
-      return g(), w(l, {
+    return (F, e) => {
+      const s = r("FmTextField"), V = r("FmTextarea"), d = r("FmSwitch"), v = r("FmButton"), l = r("FmForm");
+      return g(), b(l, {
         ref: "form",
         class: "flex flex-col gap-16",
         onValidationSuccess: e[5] || (e[5] = () => a.onUpdate(u.value, t.value))
@@ -171,41 +171,41 @@ const C = {
         default: I(() => [
           o(s, {
             modelValue: t.value.storeId,
-            "onUpdate:modelValue": e[0] || (e[0] = (c) => t.value.storeId = c),
+            "onUpdate:modelValue": e[0] || (e[0] = (y) => t.value.storeId = y),
             label: "Store ID",
-            rules: n(f)(n(F).string())
+            rules: n(p)(n(f).string())
           }, null, 8, ["modelValue", "rules"]),
           o(s, {
             modelValue: t.value.clientId,
-            "onUpdate:modelValue": e[1] || (e[1] = (c) => t.value.clientId = c),
+            "onUpdate:modelValue": e[1] || (e[1] = (y) => t.value.clientId = y),
             label: "Client ID",
-            rules: n(f)(n(F).string())
+            rules: n(p)(n(f).string())
           }, null, 8, ["modelValue", "rules"]),
           o(s, {
             modelValue: t.value.clientSecret,
-            "onUpdate:modelValue": e[2] || (e[2] = (c) => t.value.clientSecret = c),
+            "onUpdate:modelValue": e[2] || (e[2] = (y) => t.value.clientSecret = y),
             label: "Client Secret",
-            rules: n(f)(n(F).string())
+            rules: n(p)(n(f).string())
           }, null, 8, ["modelValue", "rules"]),
           o(V, {
             modelValue: t.value.clientPrivateKey,
-            "onUpdate:modelValue": e[3] || (e[3] = (c) => t.value.clientPrivateKey = c),
+            "onUpdate:modelValue": e[3] || (e[3] = (y) => t.value.clientPrivateKey = y),
             label: "Client Private Key"
           }, null, 8, ["modelValue"]),
           o(d, {
             modelValue: u.value,
-            "onUpdate:modelValue": e[4] || (e[4] = (c) => u.value = c),
+            "onUpdate:modelValue": e[4] || (e[4] = (y) => u.value = y),
             label: "Is Active"
           }, null, 8, ["modelValue"]),
           T("div", ee, [
-            a.gateway ? (g(), w(y, {
+            a.gateway ? (g(), b(v, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
               onclick: () => a.onDelete(a.gateway)
             }, null, 8, ["onclick"])) : S("", !0),
-            o(y, {
+            o(v, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -234,17 +234,17 @@ const C = {
     }
   },
   setup(a) {
-    var v, i;
-    const m = a, u = b(((v = m.gateway) == null ? void 0 : v.active) ?? !1), t = b(
+    var c, i;
+    const m = a, u = w(((c = m.gateway) == null ? void 0 : c.active) ?? !1), t = w(
       ((i = m.gateway) == null ? void 0 : i.config) || {
         merchantId: "",
         terminalId: "",
         privateKey: ""
       }
     );
-    return (p, e) => {
-      const s = r("FmTextField"), V = r("FmTextarea"), d = r("FmSwitch"), y = r("FmButton"), l = r("FmForm");
-      return g(), w(l, {
+    return (F, e) => {
+      const s = r("FmTextField"), V = r("FmTextarea"), d = r("FmSwitch"), v = r("FmButton"), l = r("FmForm");
+      return g(), b(l, {
         ref: "form",
         class: "flex flex-col gap-16",
         onValidationSuccess: e[4] || (e[4] = () => a.onUpdate(u.value, t.value))
@@ -252,37 +252,37 @@ const C = {
         default: I(() => [
           o(s, {
             modelValue: t.value.merchantId,
-            "onUpdate:modelValue": e[0] || (e[0] = (c) => t.value.merchantId = c),
+            "onUpdate:modelValue": e[0] || (e[0] = (y) => t.value.merchantId = y),
             label: "Merchant ID",
-            rules: n(f)(n(F).string())
+            rules: n(p)(n(f).string())
           }, null, 8, ["modelValue", "rules"]),
           o(s, {
             modelValue: t.value.terminalId,
-            "onUpdate:modelValue": e[1] || (e[1] = (c) => t.value.terminalId = c),
+            "onUpdate:modelValue": e[1] || (e[1] = (y) => t.value.terminalId = y),
             label: "Terminal ID",
-            rules: n(f)(n(F).string())
+            rules: n(p)(n(f).string())
           }, null, 8, ["modelValue", "rules"]),
           o(V, {
             modelValue: t.value.privateKey,
-            "onUpdate:modelValue": e[2] || (e[2] = (c) => t.value.privateKey = c),
+            "onUpdate:modelValue": e[2] || (e[2] = (y) => t.value.privateKey = y),
             label: "Private Key",
             "label-mark": "optional",
             "label-info": "Default will use FeedMe Private Key"
           }, null, 8, ["modelValue"]),
           o(d, {
             modelValue: u.value,
-            "onUpdate:modelValue": e[3] || (e[3] = (c) => u.value = c),
+            "onUpdate:modelValue": e[3] || (e[3] = (y) => u.value = y),
             label: "Is Active"
           }, null, 8, ["modelValue"]),
           T("div", le, [
-            a.gateway ? (g(), w(y, {
+            a.gateway ? (g(), b(v, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
               onclick: () => a.onDelete(a.gateway)
             }, null, 8, ["onclick"])) : S("", !0),
-            o(y, {
+            o(v, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -311,8 +311,8 @@ const C = {
     }
   },
   setup(a) {
-    var v, i;
-    const m = a, u = b(((v = m.gateway) == null ? void 0 : v.active) ?? !1), t = b(
+    var c, i;
+    const m = a, u = w(((c = m.gateway) == null ? void 0 : c.active) ?? !1), t = w(
       ((i = m.gateway) == null ? void 0 : i.config) || {
         merchantId: "",
         merchantName: "",
@@ -321,9 +321,9 @@ const C = {
         storeName: ""
       }
     );
-    return (p, e) => {
-      const s = r("FmTextField"), V = r("FmSwitch"), d = r("FmButton"), y = r("FmForm");
-      return g(), w(y, {
+    return (F, e) => {
+      const s = r("FmTextField"), V = r("FmSwitch"), d = r("FmButton"), v = r("FmForm");
+      return g(), b(v, {
         ref: "form",
         class: "flex flex-col gap-16",
         onValidationSuccess: e[6] || (e[6] = () => a.onUpdate(u.value, t.value))
@@ -333,31 +333,31 @@ const C = {
             modelValue: t.value.merchantId,
             "onUpdate:modelValue": e[0] || (e[0] = (l) => t.value.merchantId = l),
             label: "Merchant ID",
-            rules: n(f)(n(F).string())
+            rules: n(p)(n(f).string())
           }, null, 8, ["modelValue", "rules"]),
           o(s, {
             modelValue: t.value.merchantName,
             "onUpdate:modelValue": e[1] || (e[1] = (l) => t.value.merchantName = l),
             label: "Merchant Name",
-            rules: n(f)(n(F).string())
+            rules: n(p)(n(f).string())
           }, null, 8, ["modelValue", "rules"]),
           o(s, {
             modelValue: t.value.merchantCategoryCode,
             "onUpdate:modelValue": e[2] || (e[2] = (l) => t.value.merchantCategoryCode = l),
             label: "Merchant MCC",
-            rules: n(f)(n(F).string())
+            rules: n(p)(n(f).string())
           }, null, 8, ["modelValue", "rules"]),
           o(s, {
             modelValue: t.value.storeID,
             "onUpdate:modelValue": e[3] || (e[3] = (l) => t.value.storeID = l),
             label: "Store ID",
-            rules: n(f)(n(F).string())
+            rules: n(p)(n(f).string())
           }, null, 8, ["modelValue", "rules"]),
           o(s, {
             modelValue: t.value.storeName,
             "onUpdate:modelValue": e[4] || (e[4] = (l) => t.value.storeName = l),
             label: "Store Name",
-            rules: n(f)(n(F).string())
+            rules: n(p)(n(f).string())
           }, null, 8, ["modelValue", "rules"]),
           o(V, {
             modelValue: u.value,
@@ -365,7 +365,7 @@ const C = {
             label: "Is Active"
           }, null, 8, ["modelValue"]),
           T("div", ne, [
-            a.gateway ? (g(), w(d, {
+            a.gateway ? (g(), b(d, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
@@ -402,19 +402,19 @@ const C = {
   },
   setup(a) {
     var V, d;
-    const m = J(), { isLoading: u, startAsyncCall: t } = M(), v = E(), i = a, p = b(((V = i.gateway) == null ? void 0 : V.active) ?? !1), e = b(
+    const m = J(), { isLoading: u, startAsyncCall: t } = O(), c = E(), i = a, F = w(((V = i.gateway) == null ? void 0 : V.active) ?? !1), e = w(
       ((d = i.gateway) == null ? void 0 : d.config) || {
         merchantId: ""
       }
     );
     async function s() {
       t(async () => {
-        var y;
+        var v;
         try {
-          const { merchantID: l } = await C.grabSync(
-            ((y = v.currentRestaurant.value) == null ? void 0 : y._id) ?? ""
+          const { merchantID: l } = await A.grabSync(
+            ((v = c.currentRestaurant.value) == null ? void 0 : v._id) ?? ""
           );
-          e.value.merchantId = l, p.value = !0, m.open({
+          e.value.merchantId = l, F.value = !0, m.open({
             type: "success",
             title: "Grab Setting sync successfully, you will still need to save the changes."
           });
@@ -427,20 +427,20 @@ const C = {
         }
       });
     }
-    return (y, l) => {
-      const c = r("FmTextField"), x = r("FmButton"), k = r("FmTooltip"), A = r("FmSwitch"), O = r("FmForm");
-      return g(), w(O, {
+    return (v, l) => {
+      const y = r("FmTextField"), x = r("FmButton"), k = r("FmTooltip"), _ = r("FmSwitch"), K = r("FmForm");
+      return g(), b(K, {
         ref: "form",
         class: "flex flex-col gap-16",
-        onValidationSuccess: l[2] || (l[2] = () => a.onUpdate(p.value, e.value))
+        onValidationSuccess: l[2] || (l[2] = () => a.onUpdate(F.value, e.value))
       }, {
         default: I(() => [
           T("div", ue, [
-            o(c, {
+            o(y, {
               modelValue: e.value.merchantId,
-              "onUpdate:modelValue": l[0] || (l[0] = (_) => e.value.merchantId = _),
+              "onUpdate:modelValue": l[0] || (l[0] = (C) => e.value.merchantId = C),
               label: "Merchant ID",
-              rules: n(f)(n(F).string())
+              rules: n(p)(n(f).string())
             }, null, 8, ["modelValue", "rules"]),
             o(k, {
               variant: "plain",
@@ -460,13 +460,13 @@ const C = {
               _: 1
             })
           ]),
-          o(A, {
-            modelValue: p.value,
-            "onUpdate:modelValue": l[1] || (l[1] = (_) => p.value = _),
+          o(_, {
+            modelValue: F.value,
+            "onUpdate:modelValue": l[1] || (l[1] = (C) => F.value = C),
             label: "Is Active"
           }, null, 8, ["modelValue"]),
           T("div", re, [
-            a.gateway ? (g(), w(x, {
+            a.gateway ? (g(), b(x, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
@@ -502,16 +502,16 @@ const C = {
     }
   },
   setup(a) {
-    var v, i;
-    const m = a, u = b(((v = m.gateway) == null ? void 0 : v.active) ?? !1), t = b(
+    var c, i;
+    const m = a, u = w(((c = m.gateway) == null ? void 0 : c.active) ?? !1), t = w(
       ((i = m.gateway) == null ? void 0 : i.config) || {
         mid: "",
         tid: ""
       }
     );
-    return (p, e) => {
-      const s = r("FmTextField"), V = r("FmSwitch"), d = r("FmButton"), y = r("FmForm");
-      return g(), w(y, {
+    return (F, e) => {
+      const s = r("FmTextField"), V = r("FmSwitch"), d = r("FmButton"), v = r("FmForm");
+      return g(), b(v, {
         ref: "form",
         class: "flex flex-col gap-16",
         onValidationSuccess: e[3] || (e[3] = () => a.onUpdate(u.value, t.value))
@@ -521,13 +521,13 @@ const C = {
             modelValue: t.value.mid,
             "onUpdate:modelValue": e[0] || (e[0] = (l) => t.value.mid = l),
             label: "MID",
-            rules: n(f)(n(F).string())
+            rules: n(p)(n(f).string())
           }, null, 8, ["modelValue", "rules"]),
           o(s, {
             modelValue: t.value.tid,
             "onUpdate:modelValue": e[1] || (e[1] = (l) => t.value.tid = l),
             label: "TID",
-            rules: n(f)(n(F).string())
+            rules: n(p)(n(f).string())
           }, null, 8, ["modelValue", "rules"]),
           o(V, {
             modelValue: u.value,
@@ -535,7 +535,7 @@ const C = {
             label: "Is Active"
           }, null, 8, ["modelValue"]),
           T("div", me, [
-            a.gateway ? (g(), w(d, {
+            a.gateway ? (g(), b(d, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
@@ -571,15 +571,15 @@ const C = {
     }
   },
   setup(a) {
-    var v, i;
-    const m = a, u = b(((v = m.gateway) == null ? void 0 : v.active) ?? !1), t = b(
+    var c, i;
+    const m = a, u = w(((c = m.gateway) == null ? void 0 : c.active) ?? !1), t = w(
       ((i = m.gateway) == null ? void 0 : i.config) || {
         merchantId: ""
       }
     );
-    return (p, e) => {
-      const s = r("FmTextField"), V = r("FmSwitch"), d = r("FmButton"), y = r("FmForm");
-      return g(), w(y, {
+    return (F, e) => {
+      const s = r("FmTextField"), V = r("FmSwitch"), d = r("FmButton"), v = r("FmForm");
+      return g(), b(v, {
         ref: "form",
         class: "flex flex-col gap-16",
         onValidationSuccess: e[2] || (e[2] = () => a.onUpdate(u.value, t.value))
@@ -589,7 +589,7 @@ const C = {
             modelValue: t.value.merchantId,
             "onUpdate:modelValue": e[0] || (e[0] = (l) => t.value.merchantId = l),
             label: "Merchant ID",
-            rules: n(f)(n(F).string())
+            rules: n(p)(n(f).string())
           }, null, 8, ["modelValue", "rules"]),
           o(V, {
             modelValue: u.value,
@@ -597,7 +597,7 @@ const C = {
             label: "Is Active"
           }, null, 8, ["modelValue"]),
           T("div", de, [
-            a.gateway ? (g(), w(d, {
+            a.gateway ? (g(), b(d, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
@@ -633,8 +633,8 @@ const C = {
     }
   },
   setup(a) {
-    var v, i;
-    const m = a, u = b(((v = m.gateway) == null ? void 0 : v.active) ?? !1), t = b(
+    var c, i;
+    const m = a, u = w(((c = m.gateway) == null ? void 0 : c.active) ?? !1), t = w(
       ((i = m.gateway) == null ? void 0 : i.config) || {
         merchantAccount: "",
         username: "",
@@ -643,9 +643,9 @@ const C = {
         hmacKey: ""
       }
     );
-    return (p, e) => {
-      const s = r("FmTextField"), V = r("FmSwitch"), d = r("FmButton"), y = r("FmForm");
-      return g(), w(y, {
+    return (F, e) => {
+      const s = r("FmTextField"), V = r("FmSwitch"), d = r("FmButton"), v = r("FmForm");
+      return g(), b(v, {
         ref: "form",
         class: "flex flex-col gap-16",
         onValidationSuccess: e[6] || (e[6] = () => a.onUpdate(u.value, t.value))
@@ -655,25 +655,25 @@ const C = {
             modelValue: t.value.endpoint,
             "onUpdate:modelValue": e[0] || (e[0] = (l) => t.value.endpoint = l),
             label: "Endpoint",
-            rules: n(f)(n(F).string())
+            rules: n(p)(n(f).string())
           }, null, 8, ["modelValue", "rules"]),
           o(s, {
             modelValue: t.value.merchantAccount,
             "onUpdate:modelValue": e[1] || (e[1] = (l) => t.value.merchantAccount = l),
             label: "Merchant Account",
-            rules: n(f)(n(F).string())
+            rules: n(p)(n(f).string())
           }, null, 8, ["modelValue", "rules"]),
           o(s, {
             modelValue: t.value.username,
             "onUpdate:modelValue": e[2] || (e[2] = (l) => t.value.username = l),
             label: "Username",
-            rules: n(f)(n(F).string())
+            rules: n(p)(n(f).string())
           }, null, 8, ["modelValue", "rules"]),
           o(s, {
             modelValue: t.value.apiKey,
             "onUpdate:modelValue": e[3] || (e[3] = (l) => t.value.apiKey = l),
             label: "API Key",
-            rules: n(f)(n(F).string())
+            rules: n(p)(n(f).string())
           }, null, 8, ["modelValue", "rules"]),
           o(s, {
             modelValue: t.value.hmacKey,
@@ -686,7 +686,7 @@ const C = {
             label: "Is Active"
           }, null, 8, ["modelValue"]),
           T("div", ve, [
-            a.gateway ? (g(), w(d, {
+            a.gateway ? (g(), b(d, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
@@ -722,16 +722,16 @@ const C = {
     }
   },
   setup(a) {
-    var v, i;
-    const m = a, u = b(((v = m.gateway) == null ? void 0 : v.active) ?? !1), t = b(
+    var c, i;
+    const m = a, u = w(((c = m.gateway) == null ? void 0 : c.active) ?? !1), t = w(
       ((i = m.gateway) == null ? void 0 : i.config) || {
         appId: "",
         privateKey: ""
       }
     );
-    return (p, e) => {
-      const s = r("FmTextField"), V = r("FmTextarea"), d = r("FmSwitch"), y = r("FmButton"), l = r("FmForm");
-      return g(), w(l, {
+    return (F, e) => {
+      const s = r("FmTextField"), V = r("FmTextarea"), d = r("FmSwitch"), v = r("FmButton"), l = r("FmForm");
+      return g(), b(l, {
         ref: "form",
         class: "flex flex-col gap-16",
         onValidationSuccess: e[3] || (e[3] = () => a.onUpdate(u.value, t.value))
@@ -739,30 +739,113 @@ const C = {
         default: I(() => [
           o(s, {
             modelValue: t.value.appId,
-            "onUpdate:modelValue": e[0] || (e[0] = (c) => t.value.appId = c),
+            "onUpdate:modelValue": e[0] || (e[0] = (y) => t.value.appId = y),
             label: "App ID",
-            rules: n(f)(n(F).string())
+            rules: n(p)(n(f).string())
           }, null, 8, ["modelValue", "rules"]),
           o(V, {
             modelValue: t.value.privateKey,
-            "onUpdate:modelValue": e[1] || (e[1] = (c) => t.value.privateKey = c),
+            "onUpdate:modelValue": e[1] || (e[1] = (y) => t.value.privateKey = y),
             label: "Private Key",
             placeholder: "Paste your private key including BEGIN and END markers"
           }, null, 8, ["modelValue"]),
           o(d, {
             modelValue: u.value,
-            "onUpdate:modelValue": e[2] || (e[2] = (c) => u.value = c),
+            "onUpdate:modelValue": e[2] || (e[2] = (y) => u.value = y),
             label: "Is Active"
           }, null, 8, ["modelValue"]),
           T("div", pe, [
-            a.gateway ? (g(), w(y, {
+            a.gateway ? (g(), b(v, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
               onclick: () => a.onDelete(a.gateway)
             }, null, 8, ["onclick"])) : S("", !0),
-            o(y, {
+            o(v, {
+              type: "submit",
+              class: "flex-1",
+              variant: "primary",
+              label: "Save"
+            })
+          ])
+        ]),
+        _: 1
+      }, 512);
+    };
+  }
+}), Fe = { class: "flex mt-6 space-x-6" }, ge = /* @__PURE__ */ D({
+  __name: "MaybankGateway",
+  props: {
+    onUpdate: {
+      type: Function,
+      required: !0
+    },
+    onDelete: {
+      type: Function,
+      required: !0
+    },
+    gateway: {
+      type: Object,
+      required: !0
+    }
+  },
+  setup(a) {
+    var c, i;
+    const m = a, u = w(((c = m.gateway) == null ? void 0 : c.active) ?? !1), t = w(
+      ((i = m.gateway) == null ? void 0 : i.config) || {
+        clientId: "",
+        clientSecret: "",
+        merchantId: "",
+        terminalId: ""
+      }
+    );
+    return (F, e) => {
+      const s = r("FmTextField"), V = r("FmSwitch"), d = r("FmButton"), v = r("FmForm");
+      return g(), b(v, {
+        ref: "form",
+        class: "flex flex-col gap-16",
+        onValidationSuccess: e[5] || (e[5] = () => a.onUpdate(u.value, t.value))
+      }, {
+        default: I(() => [
+          o(s, {
+            modelValue: t.value.clientId,
+            "onUpdate:modelValue": e[0] || (e[0] = (l) => t.value.clientId = l),
+            label: "Client ID",
+            rules: n(p)(n(f).string())
+          }, null, 8, ["modelValue", "rules"]),
+          o(s, {
+            modelValue: t.value.clientSecret,
+            "onUpdate:modelValue": e[1] || (e[1] = (l) => t.value.clientSecret = l),
+            label: "Client Secret",
+            rules: n(p)(n(f).string())
+          }, null, 8, ["modelValue", "rules"]),
+          o(s, {
+            modelValue: t.value.merchantId,
+            "onUpdate:modelValue": e[2] || (e[2] = (l) => t.value.merchantId = l),
+            label: "Merchant ID (Client Ref ID)",
+            rules: n(p)(n(f).string())
+          }, null, 8, ["modelValue", "rules"]),
+          o(s, {
+            modelValue: t.value.terminalId,
+            "onUpdate:modelValue": e[3] || (e[3] = (l) => t.value.terminalId = l),
+            label: "Terminal ID",
+            "label-mark": "optional"
+          }, null, 8, ["modelValue"]),
+          o(V, {
+            modelValue: u.value,
+            "onUpdate:modelValue": e[4] || (e[4] = (l) => u.value = l),
+            label: "Is Active"
+          }, null, 8, ["modelValue"]),
+          T("div", Fe, [
+            a.gateway ? (g(), b(d, {
+              key: 0,
+              class: "flex-1",
+              variant: "secondary",
+              label: "Delete",
+              onclick: () => a.onDelete(a.gateway)
+            }, null, 8, ["onclick"])) : S("", !0),
+            o(d, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -774,10 +857,10 @@ const C = {
       }, 512);
     };
   }
-}), Fe = {
+}), Ve = {
   key: 0,
   class: "flex items-center justify-center min-h-[80vh]"
-}, ge = /* @__PURE__ */ D({
+}, be = /* @__PURE__ */ D({
   __name: "PaymentGateway",
   props: {
     restaurant: {
@@ -840,55 +923,62 @@ const C = {
         value: "ADYEN",
         form: ye,
         region: [U.F_COUNTRY.enum.MY, U.F_COUNTRY.enum.SG]
+      },
+      {
+        label: "Maybank",
+        value: "MAYBANK_QR",
+        form: ge,
+        region: [U.F_COUNTRY.enum.MY]
       }
-    ], u = a, t = E(), { isLoading: v, startAsyncCall: i } = M(), { activeGateway: p } = Y({
+    ], u = a, t = E(), { isLoading: c, startAsyncCall: i } = O(), { activeGateway: F } = P({
       activeGateway: ""
-    }), e = b([]);
+    }), e = w([]);
     async function s(x, k) {
       await i(async () => {
-        const A = {
-          paymentGateway: p.value,
+        const _ = {
+          paymentGateway: F.value,
           config: k,
           active: x
         };
-        await C.upsert(u.restaurant._id, A), e.value = [...await C.get(u.restaurant._id)];
+        await A.upsert(u.restaurant._id, _), e.value = [...await A.get(u.restaurant._id)];
       });
     }
     async function V(x) {
       await i(async () => {
-        await C.delete(u.restaurant._id, x._id), e.value = [...await C.get(u.restaurant._id)];
+        await A.delete(u.restaurant._id, x._id), e.value = [...await A.get(u.restaurant._id)];
       });
     }
-    const d = K(() => m.filter(
+    const d = G(() => m.filter(
       (x) => x.region.includes(t.currentCountry.value ?? U.F_COUNTRY.enum.MY)
     ));
-    function y() {
+    function v() {
       i(async () => {
-        e.value = await C.get(u.restaurant._id), d.value.length > 0 && (p.value = d.value[0].value);
+        e.value = await A.get(u.restaurant._id), d.value.length > 0 && (F.value = d.value[0].value);
       });
     }
-    R(y);
-    const l = K(() => {
+    N(v);
+    const l = G(() => {
       var x;
-      return (x = m.find((k) => k.value === p.value)) == null ? void 0 : x.form;
-    }), c = K(() => e.value.find((x) => x.paymentGateway === p.value));
+      return (x = m.find((k) => k.value === F.value)) == null ? void 0 : x.form;
+    }), y = G(() => e.value.find((x) => x.paymentGateway === F.value));
     return (x, k) => {
-      var _;
-      const A = r("FmCircularProgress"), O = r("FmTabs");
-      return g(), N(L, null, [
-        n(v) ? (g(), N("div", Fe, [
-          o(A, { size: "xxl" })
+      var C;
+      const _ = r("FmCircularProgress"), K = r("FmTabs");
+      return g(), R(L, null, [
+        n(c) ? (g(), R("div", Ve, [
+          o(_, { size: "xxl" })
         ])) : S("", !0),
-        o(O, {
+        o(K, {
           class: "mb-6",
-          "model-value": n(p),
-          "onUpdate:modelValue": k[0] || (k[0] = (j) => B(p) ? p.value = j : null),
-          items: d.value
+          "model-value": n(F),
+          "onUpdate:modelValue": k[0] || (k[0] = (j) => B(F) ? F.value = j : null),
+          items: d.value,
+          showMoreAt: 8
         }, null, 8, ["model-value", "items"]),
-        n(p) ? (g(), w($(l.value), P({
-          key: (_ = c.value) == null ? void 0 : _._id
+        n(F) ? (g(), b($(l.value), Y({
+          key: (C = y.value) == null ? void 0 : C._id
         }, {
-          gateway: c.value,
+          gateway: y.value,
           onDelete: V,
           onUpdate: s
         }), null, 16)) : S("", !0)
@@ -904,43 +994,43 @@ const C = {
     }
   },
   setup(a) {
-    const m = a, { tab: u } = Y({
+    const m = a, { tab: u } = P({
       tab: "payment-gateway"
-    }), { isLoading: t, startAsyncCall: v } = M(!0), i = Q(), p = b(), e = [
+    }), { isLoading: t, startAsyncCall: c } = O(!0), i = Q(), F = w(), e = [
       {
         label: "Payment Gateway",
         value: "payment-gateway",
         icon: "assured_workload",
-        render: ge
+        render: be
       }
     ];
     function s() {
-      v(async () => {
-        p.value = await W.readRestaurantById(m.restaurantId);
+      c(async () => {
+        F.value = await W.readRestaurantById(m.restaurantId);
       });
     }
-    R(s);
-    const V = K(() => {
+    N(s);
+    const V = G(() => {
       var d;
-      return (d = e.find((y) => y.value === u.value)) == null ? void 0 : d.render;
+      return (d = e.find((v) => v.value === u.value)) == null ? void 0 : d.render;
     });
-    return (d, y) => {
-      var c;
+    return (d, v) => {
+      var y;
       const l = r("FmTabs");
-      return g(), w(z, {
-        title: `Restaurant (${(c = p.value) == null ? void 0 : c._id})`,
+      return g(), b(z, {
+        title: `Restaurant (${(y = F.value) == null ? void 0 : y._id})`,
         loading: n(t),
         onBack: n(i).back
       }, {
         default: I(() => [
           o(l, {
             "model-value": n(u),
-            "onUpdate:modelValue": y[0] || (y[0] = (x) => B(u) ? u.value = x : null),
+            "onUpdate:modelValue": v[0] || (v[0] = (x) => B(u) ? u.value = x : null),
             class: "mb-6",
             items: e
           }, null, 8, ["model-value"]),
-          n(u) && p.value ? (g(), w($(V.value), H(P({ key: 0 }, {
-            restaurant: p.value
+          n(u) && F.value ? (g(), b($(V.value), H(Y({ key: 0 }, {
+            restaurant: F.value
           })), null, 16)) : S("", !0)
         ]),
         _: 1