@feedmepos/mf-payment 1.2.16 → 1.2.18

package/dist/{RestaurantSetting-DLB_GBbu.js → RestaurantSetting-CYkbYnib.js}

@@ -1,40 +1,40 @@
-import { defineComponent as _, ref as b, resolveComponent as s, openBlock as V, createBlock as w, withCtx as U, createVNode as o, unref as l, createElementVNode as D, createCommentVNode as S, computed as R, onMounted as $, createElementBlock as N, Fragment as L, isRef as B, resolveDynamicComponent as P, normalizeProps as K, mergeProps as Y } from "vue";
-import { g as q, b as M, u as A, e as I } from "./index-DmI9Gt5s.js";
+import { defineComponent as _, ref as b, resolveComponent as r, openBlock as F, createBlock as w, withCtx as U, createVNode as o, unref as n, createElementVNode as D, createCommentVNode as S, computed as O, onMounted as $, createElementBlock as N, Fragment as L, isRef as B, resolveDynamicComponent as P, normalizeProps as K, mergeProps as Y } from "vue";
+import { g as q, b as A, u as R, e as I } from "./index-CFcmWPUa.js";
 import { _ as z } from "./Layout.vue_vue_type_script_setup_true_lang-DJm5br5a.js";
 import { useRouter as H } from "vue-router";
-import { u as E } from "./index-Cer_6J8b.js";
+import { u as E } from "./index-dd-QHobb.js";
 import { z as f, a as g } from "./validator-D5jtpt9A.js";
 import { useCoreStore as j } from "@feedmepos/mf-common";
 import { u as Q } from "./error-K1CakhA9.js";
 import { useSnackbar as Z } from "@feedmepos/ui-library";
-import { r as J } from "./index-k7EwR1PN.js";
+import { r as J } from "./index-BasV9ckt.js";
 const G = {
-  async get(a) {
+  async get(l) {
     return q(
-      await M().get(
-        `restaurants/${a}/payment-gateway`
+      await A().get(
+        `restaurants/${l}/payment-gateway`
       )
     );
   },
-  async upsert(a, c) {
+  async upsert(l, m) {
     return q(
-      await M().post(
-        `restaurants/${a}/payment-gateway`,
-        { data: c }
+      await A().post(
+        `restaurants/${l}/payment-gateway`,
+        { data: m }
       )
     );
   },
-  async delete(a, c) {
+  async delete(l, m) {
     return q(
-      await M().delete(
-        `restaurants/${a}/payment-gateway/${c}`
+      await A().delete(
+        `restaurants/${l}/payment-gateway/${m}`
       )
     );
   },
-  async grabSync(a) {
+  async grabSync(l) {
     return q(
-      await M().post(
-        `restaurants/${a}/payment-gateway/grab/sync`
+      await A().post(
+        `restaurants/${l}/payment-gateway/grab/sync`
       )
     );
   }
@@ -54,9 +54,9 @@ const G = {
       required: !0
     }
   },
-  setup(a) {
-    var v, m;
-    const c = a, u = b(((v = c.gateway) == null ? void 0 : v.active) ?? !1), t = b(((m = c.gateway) == null ? void 0 : m.config) || {
+  setup(l) {
+    var p, c;
+    const m = l, u = b(((p = m.gateway) == null ? void 0 : p.active) ?? !1), t = b(((c = m.gateway) == null ? void 0 : c.config) || {
       merchantId: "",
       uniqueId: "",
       verifyKey: "",
@@ -64,64 +64,64 @@ const G = {
       applicationCode: "",
       offlineSecret: ""
     });
-    return (d, e) => {
-      const i = s("FmTextField"), F = s("FmSwitch"), p = s("FmButton"), y = s("FmForm");
-      return V(), w(y, {
+    return (y, e) => {
+      const i = r("FmTextField"), V = r("FmSwitch"), d = r("FmButton"), v = r("FmForm");
+      return F(), w(v, {
         ref: "form",
         class: "flex flex-col gap-16",
-        onValidationSuccess: e[7] || (e[7] = () => a.onUpdate(u.value, t.value))
+        onValidationSuccess: e[7] || (e[7] = () => l.onUpdate(u.value, t.value))
       }, {
         default: U(() => [
           o(i, {
             modelValue: t.value.merchantId,
-            "onUpdate:modelValue": e[0] || (e[0] = (n) => t.value.merchantId = n),
+            "onUpdate:modelValue": e[0] || (e[0] = (a) => t.value.merchantId = a),
             label: "Merchant ID",
-            rules: l(f)(l(g).string())
+            rules: n(f)(n(g).string())
           }, null, 8, ["modelValue", "rules"]),
           o(i, {
             modelValue: t.value.uniqueId,
-            "onUpdate:modelValue": e[1] || (e[1] = (n) => t.value.uniqueId = n),
+            "onUpdate:modelValue": e[1] || (e[1] = (a) => t.value.uniqueId = a),
             label: "Unique ID",
-            rules: l(f)(l(g).string())
+            rules: n(f)(n(g).string())
           }, null, 8, ["modelValue", "rules"]),
           o(i, {
             modelValue: t.value.verifyKey,
-            "onUpdate:modelValue": e[2] || (e[2] = (n) => t.value.verifyKey = n),
+            "onUpdate:modelValue": e[2] || (e[2] = (a) => t.value.verifyKey = a),
             label: "Verify Key",
-            rules: l(f)(l(g).string())
+            rules: n(f)(n(g).string())
           }, null, 8, ["modelValue", "rules"]),
           o(i, {
             modelValue: t.value.secretKey,
-            "onUpdate:modelValue": e[3] || (e[3] = (n) => t.value.secretKey = n),
+            "onUpdate:modelValue": e[3] || (e[3] = (a) => t.value.secretKey = a),
             label: "Secret Key",
-            rules: l(f)(l(g).string())
+            rules: n(f)(n(g).string())
           }, null, 8, ["modelValue", "rules"]),
           o(i, {
             modelValue: t.value.applicationCode,
-            "onUpdate:modelValue": e[4] || (e[4] = (n) => t.value.applicationCode = n),
+            "onUpdate:modelValue": e[4] || (e[4] = (a) => t.value.applicationCode = a),
             label: "Application Code ( Offline )",
-            rules: l(f)(l(g).string())
+            rules: n(f)(n(g).string())
           }, null, 8, ["modelValue", "rules"]),
           o(i, {
             modelValue: t.value.offlineSecret,
-            "onUpdate:modelValue": e[5] || (e[5] = (n) => t.value.offlineSecret = n),
+            "onUpdate:modelValue": e[5] || (e[5] = (a) => t.value.offlineSecret = a),
             label: "Offline Secret ( Offline )",
-            rules: l(f)(l(g).string())
+            rules: n(f)(n(g).string())
           }, null, 8, ["modelValue", "rules"]),
-          o(F, {
+          o(V, {
             modelValue: u.value,
-            "onUpdate:modelValue": e[6] || (e[6] = (n) => u.value = n),
+            "onUpdate:modelValue": e[6] || (e[6] = (a) => u.value = a),
             label: "Is Active"
           }, null, 8, ["modelValue"]),
           D("div", W, [
-            a.gateway ? (V(), w(p, {
+            l.gateway ? (F(), w(d, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
-              onclick: () => a.onDelete(a.gateway)
+              onclick: () => l.onDelete(l.gateway)
             }, null, 8, ["onclick"])) : S("", !0),
-            o(p, {
+            o(d, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -149,59 +149,59 @@ const G = {
       required: !0
     }
   },
-  setup(a) {
-    var v, m;
-    const c = a, u = b(((v = c.gateway) == null ? void 0 : v.active) ?? !1), t = b(((m = c.gateway) == null ? void 0 : m.config) || {
+  setup(l) {
+    var p, c;
+    const m = l, u = b(((p = m.gateway) == null ? void 0 : p.active) ?? !1), t = b(((c = m.gateway) == null ? void 0 : c.config) || {
       storeId: "",
       clientId: "",
       clientSecret: "",
       clientPrivateKey: ""
     });
-    return (d, e) => {
-      const i = s("FmTextField"), F = s("FmTextarea"), p = s("FmSwitch"), y = s("FmButton"), n = s("FmForm");
-      return V(), w(n, {
+    return (y, e) => {
+      const i = r("FmTextField"), V = r("FmTextarea"), d = r("FmSwitch"), v = r("FmButton"), a = r("FmForm");
+      return F(), w(a, {
         ref: "form",
         class: "flex flex-col gap-16",
-        onValidationSuccess: e[5] || (e[5] = () => a.onUpdate(u.value, t.value))
+        onValidationSuccess: e[5] || (e[5] = () => l.onUpdate(u.value, t.value))
       }, {
         default: U(() => [
           o(i, {
             modelValue: t.value.storeId,
-            "onUpdate:modelValue": e[0] || (e[0] = (r) => t.value.storeId = r),
+            "onUpdate:modelValue": e[0] || (e[0] = (s) => t.value.storeId = s),
             label: "Store ID",
-            rules: l(f)(l(g).string())
+            rules: n(f)(n(g).string())
           }, null, 8, ["modelValue", "rules"]),
           o(i, {
             modelValue: t.value.clientId,
-            "onUpdate:modelValue": e[1] || (e[1] = (r) => t.value.clientId = r),
+            "onUpdate:modelValue": e[1] || (e[1] = (s) => t.value.clientId = s),
             label: "Client ID",
-            rules: l(f)(l(g).string())
+            rules: n(f)(n(g).string())
           }, null, 8, ["modelValue", "rules"]),
           o(i, {
             modelValue: t.value.clientSecret,
-            "onUpdate:modelValue": e[2] || (e[2] = (r) => t.value.clientSecret = r),
+            "onUpdate:modelValue": e[2] || (e[2] = (s) => t.value.clientSecret = s),
             label: "Client Secret",
-            rules: l(f)(l(g).string())
+            rules: n(f)(n(g).string())
           }, null, 8, ["modelValue", "rules"]),
-          o(F, {
+          o(V, {
             modelValue: t.value.clientPrivateKey,
-            "onUpdate:modelValue": e[3] || (e[3] = (r) => t.value.clientPrivateKey = r),
+            "onUpdate:modelValue": e[3] || (e[3] = (s) => t.value.clientPrivateKey = s),
             label: "Client Private Key"
           }, null, 8, ["modelValue"]),
-          o(p, {
+          o(d, {
             modelValue: u.value,
-            "onUpdate:modelValue": e[4] || (e[4] = (r) => u.value = r),
+            "onUpdate:modelValue": e[4] || (e[4] = (s) => u.value = s),
             label: "Is Active"
           }, null, 8, ["modelValue"]),
           D("div", h, [
-            a.gateway ? (V(), w(y, {
+            l.gateway ? (F(), w(v, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
-              onclick: () => a.onDelete(a.gateway)
+              onclick: () => l.onDelete(l.gateway)
             }, null, 8, ["onclick"])) : S("", !0),
-            o(y, {
+            o(v, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -229,54 +229,54 @@ const G = {
       required: !0
     }
   },
-  setup(a) {
-    var v, m;
-    const c = a, u = b(((v = c.gateway) == null ? void 0 : v.active) ?? !1), t = b(((m = c.gateway) == null ? void 0 : m.config) || {
+  setup(l) {
+    var p, c;
+    const m = l, u = b(((p = m.gateway) == null ? void 0 : p.active) ?? !1), t = b(((c = m.gateway) == null ? void 0 : c.config) || {
       merchantId: "",
       terminalId: "",
       privateKey: ""
     });
-    return (d, e) => {
-      const i = s("FmTextField"), F = s("FmTextarea"), p = s("FmSwitch"), y = s("FmButton"), n = s("FmForm");
-      return V(), w(n, {
+    return (y, e) => {
+      const i = r("FmTextField"), V = r("FmTextarea"), d = r("FmSwitch"), v = r("FmButton"), a = r("FmForm");
+      return F(), w(a, {
         ref: "form",
         class: "flex flex-col gap-16",
-        onValidationSuccess: e[4] || (e[4] = () => a.onUpdate(u.value, t.value))
+        onValidationSuccess: e[4] || (e[4] = () => l.onUpdate(u.value, t.value))
       }, {
         default: U(() => [
           o(i, {
             modelValue: t.value.merchantId,
-            "onUpdate:modelValue": e[0] || (e[0] = (r) => t.value.merchantId = r),
+            "onUpdate:modelValue": e[0] || (e[0] = (s) => t.value.merchantId = s),
             label: "Merchant ID",
-            rules: l(f)(l(g).string())
+            rules: n(f)(n(g).string())
           }, null, 8, ["modelValue", "rules"]),
           o(i, {
             modelValue: t.value.terminalId,
-            "onUpdate:modelValue": e[1] || (e[1] = (r) => t.value.terminalId = r),
+            "onUpdate:modelValue": e[1] || (e[1] = (s) => t.value.terminalId = s),
             label: "Terminal ID",
-            rules: l(f)(l(g).string())
+            rules: n(f)(n(g).string())
           }, null, 8, ["modelValue", "rules"]),
-          o(F, {
+          o(V, {
             id: "ghl_pkey",
             modelValue: t.value.privateKey,
-            "onUpdate:modelValue": e[2] || (e[2] = (r) => t.value.privateKey = r),
+            "onUpdate:modelValue": e[2] || (e[2] = (s) => t.value.privateKey = s),
             label: "Private Key",
-            rules: l(f)(l(g).string())
+            rules: n(f)(n(g).string())
           }, null, 8, ["modelValue", "rules"]),
-          o(p, {
+          o(d, {
             modelValue: u.value,
-            "onUpdate:modelValue": e[3] || (e[3] = (r) => u.value = r),
+            "onUpdate:modelValue": e[3] || (e[3] = (s) => u.value = s),
             label: "Is Active"
           }, null, 8, ["modelValue"]),
           D("div", te, [
-            a.gateway ? (V(), w(y, {
+            l.gateway ? (F(), w(v, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
-              onclick: () => a.onDelete(a.gateway)
+              onclick: () => l.onDelete(l.gateway)
             }, null, 8, ["onclick"])) : S("", !0),
-            o(y, {
+            o(v, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -304,67 +304,67 @@ const G = {
       required: !0
     }
   },
-  setup(a) {
-    var v, m;
-    const c = a, u = b(((v = c.gateway) == null ? void 0 : v.active) ?? !1), t = b(((m = c.gateway) == null ? void 0 : m.config) || {
+  setup(l) {
+    var p, c;
+    const m = l, u = b(((p = m.gateway) == null ? void 0 : p.active) ?? !1), t = b(((c = m.gateway) == null ? void 0 : c.config) || {
       merchantId: "",
       merchantName: "",
       merchantCategoryCode: "",
       storeID: "",
       storeName: ""
     });
-    return (d, e) => {
-      const i = s("FmTextField"), F = s("FmSwitch"), p = s("FmButton"), y = s("FmForm");
-      return V(), w(y, {
+    return (y, e) => {
+      const i = r("FmTextField"), V = r("FmSwitch"), d = r("FmButton"), v = r("FmForm");
+      return F(), w(v, {
         ref: "form",
         class: "flex flex-col gap-16",
-        onValidationSuccess: e[6] || (e[6] = () => a.onUpdate(u.value, t.value))
+        onValidationSuccess: e[6] || (e[6] = () => l.onUpdate(u.value, t.value))
       }, {
         default: U(() => [
           o(i, {
             modelValue: t.value.merchantId,
-            "onUpdate:modelValue": e[0] || (e[0] = (n) => t.value.merchantId = n),
+            "onUpdate:modelValue": e[0] || (e[0] = (a) => t.value.merchantId = a),
             label: "Merchant ID",
-            rules: l(f)(l(g).string())
+            rules: n(f)(n(g).string())
           }, null, 8, ["modelValue", "rules"]),
           o(i, {
             modelValue: t.value.merchantName,
-            "onUpdate:modelValue": e[1] || (e[1] = (n) => t.value.merchantName = n),
+            "onUpdate:modelValue": e[1] || (e[1] = (a) => t.value.merchantName = a),
             label: "Merchant Name",
-            rules: l(f)(l(g).string())
+            rules: n(f)(n(g).string())
           }, null, 8, ["modelValue", "rules"]),
           o(i, {
             modelValue: t.value.merchantCategoryCode,
-            "onUpdate:modelValue": e[2] || (e[2] = (n) => t.value.merchantCategoryCode = n),
+            "onUpdate:modelValue": e[2] || (e[2] = (a) => t.value.merchantCategoryCode = a),
             label: "Merchant MCC",
-            rules: l(f)(l(g).string())
+            rules: n(f)(n(g).string())
           }, null, 8, ["modelValue", "rules"]),
           o(i, {
             modelValue: t.value.storeID,
-            "onUpdate:modelValue": e[3] || (e[3] = (n) => t.value.storeID = n),
+            "onUpdate:modelValue": e[3] || (e[3] = (a) => t.value.storeID = a),
             label: "Store ID",
-            rules: l(f)(l(g).string())
+            rules: n(f)(n(g).string())
           }, null, 8, ["modelValue", "rules"]),
           o(i, {
             modelValue: t.value.storeName,
-            "onUpdate:modelValue": e[4] || (e[4] = (n) => t.value.storeName = n),
+            "onUpdate:modelValue": e[4] || (e[4] = (a) => t.value.storeName = a),
             label: "Store Name",
-            rules: l(f)(l(g).string())
+            rules: n(f)(n(g).string())
           }, null, 8, ["modelValue", "rules"]),
-          o(F, {
+          o(V, {
             modelValue: u.value,
-            "onUpdate:modelValue": e[5] || (e[5] = (n) => u.value = n),
+            "onUpdate:modelValue": e[5] || (e[5] = (a) => u.value = a),
             label: "Is Active"
           }, null, 8, ["modelValue"]),
           D("div", le, [
-            a.gateway ? (V(), w(p, {
+            l.gateway ? (F(), w(d, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
-              onclick: () => a.onDelete(a.gateway)
+              onclick: () => l.onDelete(l.gateway)
             }, null, 8, ["onclick"])) : S("", !0),
-            o(p, {
+            o(d, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -392,43 +392,43 @@ const G = {
       required: !0
     }
   },
-  setup(a) {
-    var F, p;
-    const c = Z(), { isLoading: u, startAsyncCall: t } = A(), v = j(), m = a, d = b(((F = m.gateway) == null ? void 0 : F.active) ?? !1), e = b(((p = m.gateway) == null ? void 0 : p.config) || {
+  setup(l) {
+    var V, d;
+    const m = Z(), { isLoading: u, startAsyncCall: t } = R(), p = j(), c = l, y = b(((V = c.gateway) == null ? void 0 : V.active) ?? !1), e = b(((d = c.gateway) == null ? void 0 : d.config) || {
       merchantId: ""
     });
     async function i() {
       t(async () => {
-        var y;
+        var v;
         try {
-          const { merchantID: n } = await G.grabSync(((y = v.currentRestaurant.value) == null ? void 0 : y._id) ?? "");
-          e.value.merchantId = n, d.value = !0, c.open({
+          const { merchantID: a } = await G.grabSync(((v = p.currentRestaurant.value) == null ? void 0 : v._id) ?? "");
+          e.value.merchantId = a, y.value = !0, m.open({
             type: "success",
             title: "Grab Setting sync succesfully, you will still need to save the changes."
           });
-        } catch (n) {
-          c.open({
+        } catch (a) {
+          m.open({
             type: "error",
             title: "Error occurs when sync ordering settings",
-            message: Q(n)
+            message: Q(a)
           });
         }
       });
     }
-    return (y, n) => {
-      const r = s("FmTextField"), x = s("FmButton"), C = s("FmTooltip"), T = s("FmSwitch"), k = s("FmForm");
-      return V(), w(k, {
+    return (v, a) => {
+      const s = r("FmTextField"), x = r("FmButton"), C = r("FmTooltip"), T = r("FmSwitch"), k = r("FmForm");
+      return F(), w(k, {
         ref: "form",
         class: "flex flex-col gap-16",
-        onValidationSuccess: n[2] || (n[2] = () => a.onUpdate(d.value, e.value))
+        onValidationSuccess: a[2] || (a[2] = () => l.onUpdate(y.value, e.value))
       }, {
         default: U(() => [
           D("div", oe, [
-            o(r, {
+            o(s, {
               modelValue: e.value.merchantId,
-              "onUpdate:modelValue": n[0] || (n[0] = (O) => e.value.merchantId = O),
+              "onUpdate:modelValue": a[0] || (a[0] = (M) => e.value.merchantId = M),
               label: "Merchant ID",
-              rules: l(f)(l(g).string())
+              rules: n(f)(n(g).string())
             }, null, 8, ["modelValue", "rules"]),
             o(C, {
               variant: "plain",
@@ -441,7 +441,7 @@ const G = {
                   type: "button",
                   variant: "primary",
                   icon: "sync",
-                  loading: l(u),
+                  loading: n(u),
                   onclick: () => i()
                 }, null, 8, ["loading", "onclick"])
               ]),
@@ -449,17 +449,17 @@ const G = {
             })
           ]),
           o(T, {
-            modelValue: d.value,
-            "onUpdate:modelValue": n[1] || (n[1] = (O) => d.value = O),
+            modelValue: y.value,
+            "onUpdate:modelValue": a[1] || (a[1] = (M) => y.value = M),
             label: "Is Active"
           }, null, 8, ["modelValue"]),
           D("div", ue, [
-            a.gateway ? (V(), w(x, {
+            l.gateway ? (F(), w(x, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
-              onclick: () => a.onDelete(a.gateway)
+              onclick: () => l.onDelete(l.gateway)
             }, null, 8, ["onclick"])) : S("", !0),
             o(x, {
               type: "submit",
@@ -489,41 +489,46 @@ const G = {
       required: !0
     }
   },
-  setup(a) {
-    var v, m;
-    const c = a, u = b(((v = c.gateway) == null ? void 0 : v.active) ?? !1), t = b(((m = c.gateway) == null ? void 0 : m.config) || {
+  setup(l) {
+    var p, c;
+    const m = l, u = b(((p = m.gateway) == null ? void 0 : p.active) ?? !1), t = b(((c = m.gateway) == null ? void 0 : c.config) || {
       mid: "",
       tid: ""
     });
-    return (d, e) => {
-      const i = s("FmTextField"), F = s("FmButton"), p = s("FmForm");
-      return V(), w(p, {
+    return (y, e) => {
+      const i = r("FmTextField"), V = r("FmSwitch"), d = r("FmButton"), v = r("FmForm");
+      return F(), w(v, {
         ref: "form",
         class: "flex flex-col gap-16",
-        onValidationSuccess: e[2] || (e[2] = () => a.onUpdate(u.value, t.value))
+        onValidationSuccess: e[3] || (e[3] = () => l.onUpdate(u.value, t.value))
       }, {
         default: U(() => [
           o(i, {
             modelValue: t.value.mid,
-            "onUpdate:modelValue": e[0] || (e[0] = (y) => t.value.mid = y),
+            "onUpdate:modelValue": e[0] || (e[0] = (a) => t.value.mid = a),
             label: "MID",
-            rules: l(f)(l(g).string())
+            rules: n(f)(n(g).string())
           }, null, 8, ["modelValue", "rules"]),
           o(i, {
             modelValue: t.value.tid,
-            "onUpdate:modelValue": e[1] || (e[1] = (y) => t.value.tid = y),
+            "onUpdate:modelValue": e[1] || (e[1] = (a) => t.value.tid = a),
             label: "TID",
-            rules: l(f)(l(g).string())
+            rules: n(f)(n(g).string())
           }, null, 8, ["modelValue", "rules"]),
+          o(V, {
+            modelValue: u.value,
+            "onUpdate:modelValue": e[2] || (e[2] = (a) => u.value = a),
+            label: "Is Active"
+          }, null, 8, ["modelValue"]),
           D("div", se, [
-            a.gateway ? (V(), w(F, {
+            l.gateway ? (F(), w(d, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
-              onclick: () => a.onDelete(a.gateway)
+              onclick: () => l.onDelete(l.gateway)
             }, null, 8, ["onclick"])) : S("", !0),
-            o(F, {
+            o(d, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -551,34 +556,39 @@ const G = {
       required: !0
     }
   },
-  setup(a) {
-    var t;
-    const u = b(((t = a.gateway) == null ? void 0 : t.config) || {
+  setup(l) {
+    var p, c;
+    const m = l, u = b(((p = m.gateway) == null ? void 0 : p.active) ?? !1), t = b(((c = m.gateway) == null ? void 0 : c.config) || {
       merchantId: ""
     });
-    return (v, m) => {
-      const d = s("FmTextField"), e = s("FmButton"), i = s("FmForm");
-      return V(), w(i, {
+    return (y, e) => {
+      const i = r("FmTextField"), V = r("FmSwitch"), d = r("FmButton"), v = r("FmForm");
+      return F(), w(v, {
         ref: "form",
         class: "flex flex-col gap-16",
-        onValidationSuccess: m[1] || (m[1] = () => a.onUpdate(u.value))
+        onValidationSuccess: e[2] || (e[2] = () => l.onUpdate(u.value, t.value))
       }, {
         default: U(() => [
-          o(d, {
-            modelValue: u.value.merchantId,
-            "onUpdate:modelValue": m[0] || (m[0] = (F) => u.value.merchantId = F),
+          o(i, {
+            modelValue: t.value.merchantId,
+            "onUpdate:modelValue": e[0] || (e[0] = (a) => t.value.merchantId = a),
             label: "Merchant ID",
-            rules: l(f)(l(g).string())
+            rules: n(f)(n(g).string())
           }, null, 8, ["modelValue", "rules"]),
+          o(V, {
+            modelValue: u.value,
+            "onUpdate:modelValue": e[1] || (e[1] = (a) => u.value = a),
+            label: "Is Active"
+          }, null, 8, ["modelValue"]),
           D("div", me, [
-            a.gateway ? (V(), w(e, {
+            l.gateway ? (F(), w(d, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
-              onclick: () => a.onDelete()
+              onclick: () => l.onDelete(l.gateway)
             }, null, 8, ["onclick"])) : S("", !0),
-            o(e, {
+            o(d, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -601,8 +611,8 @@ const G = {
       required: !0
     }
   },
-  setup(a) {
-    const c = [
+  setup(l) {
+    const m = [
       {
         label: "Fiuu",
         value: "RAZER_MERCHANT_SERVICE",
@@ -645,52 +655,52 @@ const G = {
         form: ce,
         region: [I.F_COUNTRY.enum.TH]
       }
-    ], u = a, t = j(), { isLoading: v, startAsyncCall: m } = A(), { activeGateway: d } = E({
+    ], u = l, t = j(), { isLoading: p, startAsyncCall: c } = R(), { activeGateway: y } = E({
       activeGateway: ""
     }), e = b([]);
-    async function i(r, x) {
-      await m(async () => {
+    async function i(s, x) {
+      await c(async () => {
         const C = {
           _id: "",
           _rev: "",
-          paymentGateway: d.value,
+          paymentGateway: y.value,
           config: x,
-          active: r
-        }, T = e.value.find((k) => k.paymentGateway === d.value);
+          active: s
+        }, T = e.value.find((k) => k.paymentGateway === y.value);
         T && (C._id = T._id, C._rev = T._rev), await G.upsert(u.restaurant._id, C), e.value = await G.get(u.restaurant._id);
       });
     }
-    async function F(r) {
-      m(async () => {
-        await G.delete(u.restaurant._id, r._id), e.value = await G.get(u.restaurant._id);
+    async function V(s) {
+      c(async () => {
+        await G.delete(u.restaurant._id, s._id), e.value = await G.get(u.restaurant._id);
       });
     }
-    const p = R(() => c.filter((r) => r.region.includes(t.currentCountry.value ?? I.F_COUNTRY.enum.MY)));
-    function y() {
-      m(async () => {
-        e.value = await G.get(u.restaurant._id), p.value.length > 0 && (d.value = p.value[0].value);
+    const d = O(() => m.filter((s) => s.region.includes(t.currentCountry.value ?? I.F_COUNTRY.enum.MY)));
+    function v() {
+      c(async () => {
+        e.value = await G.get(u.restaurant._id), d.value.length > 0 && (y.value = d.value[0].value);
       });
     }
-    $(y);
-    const n = R(() => {
-      var r;
-      return (r = c.find((x) => x.value === d.value)) == null ? void 0 : r.form;
+    $(v);
+    const a = O(() => {
+      var s;
+      return (s = m.find((x) => x.value === y.value)) == null ? void 0 : s.form;
     });
-    return (r, x) => {
-      const C = s("FmCircularProgress"), T = s("FmTabs");
-      return V(), N(L, null, [
-        l(v) ? (V(), N("div", de, [
+    return (s, x) => {
+      const C = r("FmCircularProgress"), T = r("FmTabs");
+      return F(), N(L, null, [
+        n(p) ? (F(), N("div", de, [
           o(C, { size: "xxl" })
         ])) : S("", !0),
         o(T, {
           class: "mb-6",
-          "model-value": l(d),
-          "onUpdate:modelValue": x[0] || (x[0] = (k) => B(d) ? d.value = k : null),
-          items: p.value
+          "model-value": n(y),
+          "onUpdate:modelValue": x[0] || (x[0] = (k) => B(y) ? y.value = k : null),
+          items: d.value
         }, null, 8, ["model-value", "items"]),
-        l(d) ? (V(), w(P(n.value), K(Y({ key: 1 }, {
-          gateway: e.value.find((k) => k.paymentGateway === l(d)),
-          onDelete: F,
+        n(y) ? (F(), w(P(a.value), K(Y({ key: 1 }, {
+          gateway: e.value.find((k) => k.paymentGateway === n(y)),
+          onDelete: V,
           onUpdate: i
         })), null, 16)) : S("", !0)
       ], 64);
@@ -704,10 +714,10 @@ const G = {
       required: !0
     }
   },
-  setup(a) {
-    const c = a, { tab: u } = E({
+  setup(l) {
+    const m = l, { tab: u } = E({
       tab: "payment-gateway"
-    }), { isLoading: t, startAsyncCall: v } = A(!0), m = H(), d = b(), e = [
+    }), { isLoading: t, startAsyncCall: p } = R(!0), c = H(), y = b(), e = [
       {
         label: "Payment Gateway",
         value: "payment-gateway",
@@ -716,32 +726,32 @@ const G = {
       }
     ];
     function i() {
-      v(async () => {
-        d.value = await J.readRestaurantById(c.restaurantId);
+      p(async () => {
+        y.value = await J.readRestaurantById(m.restaurantId);
       });
     }
     $(i);
-    const F = R(() => {
-      var p;
-      return (p = e.find((y) => y.value === u.value)) == null ? void 0 : p.render;
+    const V = O(() => {
+      var d;
+      return (d = e.find((v) => v.value === u.value)) == null ? void 0 : d.render;
     });
-    return (p, y) => {
-      var r;
-      const n = s("FmTabs");
-      return V(), w(z, {
-        title: `Restaurant (${(r = d.value) == null ? void 0 : r._id})`,
-        loading: l(t),
-        onBack: l(m).back
+    return (d, v) => {
+      var s;
+      const a = r("FmTabs");
+      return F(), w(z, {
+        title: `Restaurant (${(s = y.value) == null ? void 0 : s._id})`,
+        loading: n(t),
+        onBack: n(c).back
       }, {
         default: U(() => [
-          o(n, {
-            "model-value": l(u),
-            "onUpdate:modelValue": y[0] || (y[0] = (x) => B(u) ? u.value = x : null),
+          o(a, {
+            "model-value": n(u),
+            "onUpdate:modelValue": v[0] || (v[0] = (x) => B(u) ? u.value = x : null),
             class: "mb-6",
             items: e
           }, null, 8, ["model-value"]),
-          l(u) && d.value ? (V(), w(P(F.value), K(Y({ key: 0 }, {
-            restaurant: d.value
+          n(u) && y.value ? (F(), w(P(V.value), K(Y({ key: 0 }, {
+            restaurant: y.value
           })), null, 16)) : S("", !0)
         ]),
         _: 1