@feedmepos/mf-payment 1.3.2 → 1.3.4

package/dist/RestaurantSetting-IW965gti.js

@@ -0,0 +1,764 @@
+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-C_4l0JZj.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-C4T0m6DM.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-BUXnw6w4.js";
+const G = {
+  async get(l) {
+    return q(
+      await A().get(
+        `restaurants/${l}/payment-gateway`
+      )
+    );
+  },
+  async upsert(l, m) {
+    return q(
+      await A().post(
+        `restaurants/${l}/payment-gateway`,
+        { data: m }
+      )
+    );
+  },
+  async delete(l, m) {
+    return q(
+      await A().delete(
+        `restaurants/${l}/payment-gateway/${m}`
+      )
+    );
+  },
+  async grabSync(l) {
+    return q(
+      await A().post(
+        `restaurants/${l}/payment-gateway/grab/sync`
+      )
+    );
+  }
+}, W = { class: "flex mt-6 space-x-6" }, X = /* @__PURE__ */ _({
+  __name: "FiuuGateway",
+  props: {
+    onUpdate: {
+      type: Function,
+      required: !0
+    },
+    onDelete: {
+      type: Function,
+      required: !0
+    },
+    gateway: {
+      type: Object,
+      required: !0
+    }
+  },
+  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: "",
+      secretKey: "",
+      applicationCode: "",
+      offlineSecret: ""
+    });
+    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] = () => l.onUpdate(u.value, t.value))
+      }, {
+        default: U(() => [
+          o(i, {
+            modelValue: t.value.merchantId,
+            "onUpdate:modelValue": e[0] || (e[0] = (a) => t.value.merchantId = a),
+            label: "Merchant ID",
+            rules: n(f)(n(g).string())
+          }, null, 8, ["modelValue", "rules"]),
+          o(i, {
+            modelValue: t.value.uniqueId,
+            "onUpdate:modelValue": e[1] || (e[1] = (a) => t.value.uniqueId = a),
+            label: "Unique ID",
+            rules: n(f)(n(g).string())
+          }, null, 8, ["modelValue", "rules"]),
+          o(i, {
+            modelValue: t.value.verifyKey,
+            "onUpdate:modelValue": e[2] || (e[2] = (a) => t.value.verifyKey = a),
+            label: "Verify Key",
+            rules: n(f)(n(g).string())
+          }, null, 8, ["modelValue", "rules"]),
+          o(i, {
+            modelValue: t.value.secretKey,
+            "onUpdate:modelValue": e[3] || (e[3] = (a) => t.value.secretKey = a),
+            label: "Secret Key",
+            rules: n(f)(n(g).string())
+          }, null, 8, ["modelValue", "rules"]),
+          o(i, {
+            modelValue: t.value.applicationCode,
+            "onUpdate:modelValue": e[4] || (e[4] = (a) => t.value.applicationCode = a),
+            label: "Application Code ( Offline )",
+            rules: n(f)(n(g).string())
+          }, null, 8, ["modelValue", "rules"]),
+          o(i, {
+            modelValue: t.value.offlineSecret,
+            "onUpdate:modelValue": e[5] || (e[5] = (a) => t.value.offlineSecret = a),
+            label: "Offline Secret ( Offline )",
+            rules: n(f)(n(g).string())
+          }, null, 8, ["modelValue", "rules"]),
+          o(V, {
+            modelValue: u.value,
+            "onUpdate:modelValue": e[6] || (e[6] = (a) => u.value = a),
+            label: "Is Active"
+          }, null, 8, ["modelValue"]),
+          D("div", W, [
+            l.gateway ? (F(), w(d, {
+              key: 0,
+              class: "flex-1",
+              variant: "secondary",
+              label: "Delete",
+              onclick: () => l.onDelete(l.gateway)
+            }, null, 8, ["onclick"])) : S("", !0),
+            o(d, {
+              type: "submit",
+              class: "flex-1",
+              variant: "primary",
+              label: "Save"
+            })
+          ])
+        ]),
+        _: 1
+      }, 512);
+    };
+  }
+}), h = { class: "flex mt-6 space-x-6" }, ee = /* @__PURE__ */ _({
+  __name: "RevenueMonsterGateway",
+  props: {
+    onUpdate: {
+      type: Function,
+      required: !0
+    },
+    onDelete: {
+      type: Function,
+      required: !0
+    },
+    gateway: {
+      type: Object,
+      required: !0
+    }
+  },
+  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 (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] = () => l.onUpdate(u.value, t.value))
+      }, {
+        default: U(() => [
+          o(i, {
+            modelValue: t.value.storeId,
+            "onUpdate:modelValue": e[0] || (e[0] = (s) => t.value.storeId = s),
+            label: "Store ID",
+            rules: n(f)(n(g).string())
+          }, null, 8, ["modelValue", "rules"]),
+          o(i, {
+            modelValue: t.value.clientId,
+            "onUpdate:modelValue": e[1] || (e[1] = (s) => t.value.clientId = s),
+            label: "Client ID",
+            rules: n(f)(n(g).string())
+          }, null, 8, ["modelValue", "rules"]),
+          o(i, {
+            modelValue: t.value.clientSecret,
+            "onUpdate:modelValue": e[2] || (e[2] = (s) => t.value.clientSecret = s),
+            label: "Client Secret",
+            rules: n(f)(n(g).string())
+          }, null, 8, ["modelValue", "rules"]),
+          o(V, {
+            modelValue: t.value.clientPrivateKey,
+            "onUpdate:modelValue": e[3] || (e[3] = (s) => t.value.clientPrivateKey = s),
+            label: "Client Private Key"
+          }, null, 8, ["modelValue"]),
+          o(d, {
+            modelValue: u.value,
+            "onUpdate:modelValue": e[4] || (e[4] = (s) => u.value = s),
+            label: "Is Active"
+          }, null, 8, ["modelValue"]),
+          D("div", h, [
+            l.gateway ? (F(), w(v, {
+              key: 0,
+              class: "flex-1",
+              variant: "secondary",
+              label: "Delete",
+              onclick: () => l.onDelete(l.gateway)
+            }, null, 8, ["onclick"])) : S("", !0),
+            o(v, {
+              type: "submit",
+              class: "flex-1",
+              variant: "primary",
+              label: "Save"
+            })
+          ])
+        ]),
+        _: 1
+      }, 512);
+    };
+  }
+}), te = { class: "flex mt-6 space-x-6" }, ae = /* @__PURE__ */ _({
+  __name: "GhlGateway",
+  props: {
+    onUpdate: {
+      type: Function,
+      required: !0
+    },
+    onDelete: {
+      type: Function,
+      required: !0
+    },
+    gateway: {
+      type: Object,
+      required: !0
+    }
+  },
+  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 (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] = () => l.onUpdate(u.value, t.value))
+      }, {
+        default: U(() => [
+          o(i, {
+            modelValue: t.value.merchantId,
+            "onUpdate:modelValue": e[0] || (e[0] = (s) => t.value.merchantId = s),
+            label: "Merchant ID",
+            rules: n(f)(n(g).string())
+          }, null, 8, ["modelValue", "rules"]),
+          o(i, {
+            modelValue: t.value.terminalId,
+            "onUpdate:modelValue": e[1] || (e[1] = (s) => t.value.terminalId = s),
+            label: "Terminal ID",
+            rules: n(f)(n(g).string())
+          }, null, 8, ["modelValue", "rules"]),
+          o(V, {
+            id: "ghl_pkey",
+            modelValue: t.value.privateKey,
+            "onUpdate:modelValue": e[2] || (e[2] = (s) => t.value.privateKey = s),
+            label: "Private Key",
+            rules: n(f)(n(g).string())
+          }, null, 8, ["modelValue", "rules"]),
+          o(d, {
+            modelValue: u.value,
+            "onUpdate:modelValue": e[3] || (e[3] = (s) => u.value = s),
+            label: "Is Active"
+          }, null, 8, ["modelValue"]),
+          D("div", te, [
+            l.gateway ? (F(), w(v, {
+              key: 0,
+              class: "flex-1",
+              variant: "secondary",
+              label: "Delete",
+              onclick: () => l.onDelete(l.gateway)
+            }, null, 8, ["onclick"])) : S("", !0),
+            o(v, {
+              type: "submit",
+              class: "flex-1",
+              variant: "primary",
+              label: "Save"
+            })
+          ])
+        ]),
+        _: 1
+      }, 512);
+    };
+  }
+}), le = { class: "flex mt-6 space-x-6" }, ne = /* @__PURE__ */ _({
+  __name: "MacauPassGateway",
+  props: {
+    onUpdate: {
+      type: Function,
+      required: !0
+    },
+    onDelete: {
+      type: Function,
+      required: !0
+    },
+    gateway: {
+      type: Object,
+      required: !0
+    }
+  },
+  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 (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] = () => l.onUpdate(u.value, t.value))
+      }, {
+        default: U(() => [
+          o(i, {
+            modelValue: t.value.merchantId,
+            "onUpdate:modelValue": e[0] || (e[0] = (a) => t.value.merchantId = a),
+            label: "Merchant ID",
+            rules: n(f)(n(g).string())
+          }, null, 8, ["modelValue", "rules"]),
+          o(i, {
+            modelValue: t.value.merchantName,
+            "onUpdate:modelValue": e[1] || (e[1] = (a) => t.value.merchantName = a),
+            label: "Merchant Name",
+            rules: n(f)(n(g).string())
+          }, null, 8, ["modelValue", "rules"]),
+          o(i, {
+            modelValue: t.value.merchantCategoryCode,
+            "onUpdate:modelValue": e[2] || (e[2] = (a) => t.value.merchantCategoryCode = a),
+            label: "Merchant MCC",
+            rules: n(f)(n(g).string())
+          }, null, 8, ["modelValue", "rules"]),
+          o(i, {
+            modelValue: t.value.storeID,
+            "onUpdate:modelValue": e[3] || (e[3] = (a) => t.value.storeID = a),
+            label: "Store ID",
+            rules: n(f)(n(g).string())
+          }, null, 8, ["modelValue", "rules"]),
+          o(i, {
+            modelValue: t.value.storeName,
+            "onUpdate:modelValue": e[4] || (e[4] = (a) => t.value.storeName = a),
+            label: "Store Name",
+            rules: n(f)(n(g).string())
+          }, null, 8, ["modelValue", "rules"]),
+          o(V, {
+            modelValue: u.value,
+            "onUpdate:modelValue": e[5] || (e[5] = (a) => u.value = a),
+            label: "Is Active"
+          }, null, 8, ["modelValue"]),
+          D("div", le, [
+            l.gateway ? (F(), w(d, {
+              key: 0,
+              class: "flex-1",
+              variant: "secondary",
+              label: "Delete",
+              onclick: () => l.onDelete(l.gateway)
+            }, null, 8, ["onclick"])) : S("", !0),
+            o(d, {
+              type: "submit",
+              class: "flex-1",
+              variant: "primary",
+              label: "Save"
+            })
+          ])
+        ]),
+        _: 1
+      }, 512);
+    };
+  }
+}), oe = { class: "flex items-end" }, ue = { class: "flex mt-6 space-x-6" }, re = /* @__PURE__ */ _({
+  __name: "GrabGateway",
+  props: {
+    onUpdate: {
+      type: Function,
+      required: !0
+    },
+    onDelete: {
+      type: Function,
+      required: !0
+    },
+    gateway: {
+      type: Object,
+      required: !0
+    }
+  },
+  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 v;
+        try {
+          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 (a) {
+          m.open({
+            type: "error",
+            title: "Error occurs when sync ordering settings",
+            message: Q(a)
+          });
+        }
+      });
+    }
+    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: a[2] || (a[2] = () => l.onUpdate(y.value, e.value))
+      }, {
+        default: U(() => [
+          D("div", oe, [
+            o(s, {
+              modelValue: e.value.merchantId,
+              "onUpdate:modelValue": a[0] || (a[0] = (M) => e.value.merchantId = M),
+              label: "Merchant ID",
+              rules: n(f)(n(g).string())
+            }, null, 8, ["modelValue", "rules"]),
+            o(C, {
+              variant: "plain",
+              placement: "right",
+              content: "Sync from Ordering Settings"
+            }, {
+              default: U(() => [
+                o(x, {
+                  class: "ml-2",
+                  type: "button",
+                  variant: "primary",
+                  icon: "sync",
+                  loading: n(u),
+                  onclick: () => i()
+                }, null, 8, ["loading", "onclick"])
+              ]),
+              _: 1
+            })
+          ]),
+          o(T, {
+            modelValue: y.value,
+            "onUpdate:modelValue": a[1] || (a[1] = (M) => y.value = M),
+            label: "Is Active"
+          }, null, 8, ["modelValue"]),
+          D("div", ue, [
+            l.gateway ? (F(), w(x, {
+              key: 0,
+              class: "flex-1",
+              variant: "secondary",
+              label: "Delete",
+              onclick: () => l.onDelete(l.gateway)
+            }, null, 8, ["onclick"])) : S("", !0),
+            o(x, {
+              type: "submit",
+              class: "flex-1",
+              variant: "primary",
+              label: "Save"
+            })
+          ])
+        ]),
+        _: 1
+      }, 512);
+    };
+  }
+}), se = { class: "flex mt-6 space-x-6" }, ie = /* @__PURE__ */ _({
+  __name: "SoftSpaceGateway",
+  props: {
+    onUpdate: {
+      type: Function,
+      required: !0
+    },
+    onDelete: {
+      type: Function,
+      required: !0
+    },
+    gateway: {
+      type: Object,
+      required: !0
+    }
+  },
+  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 (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[3] || (e[3] = () => l.onUpdate(u.value, t.value))
+      }, {
+        default: U(() => [
+          o(i, {
+            modelValue: t.value.mid,
+            "onUpdate:modelValue": e[0] || (e[0] = (a) => t.value.mid = a),
+            label: "MID",
+            rules: n(f)(n(g).string())
+          }, null, 8, ["modelValue", "rules"]),
+          o(i, {
+            modelValue: t.value.tid,
+            "onUpdate:modelValue": e[1] || (e[1] = (a) => t.value.tid = a),
+            label: "TID",
+            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, [
+            l.gateway ? (F(), w(d, {
+              key: 0,
+              class: "flex-1",
+              variant: "secondary",
+              label: "Delete",
+              onclick: () => l.onDelete(l.gateway)
+            }, null, 8, ["onclick"])) : S("", !0),
+            o(d, {
+              type: "submit",
+              class: "flex-1",
+              variant: "primary",
+              label: "Save"
+            })
+          ])
+        ]),
+        _: 1
+      }, 512);
+    };
+  }
+}), me = { class: "flex mt-6 space-x-6" }, ce = /* @__PURE__ */ _({
+  __name: "DigioGateway",
+  props: {
+    gateway: {
+      type: Object,
+      required: !0
+    },
+    onUpdate: {
+      type: Function,
+      required: !0
+    },
+    onDelete: {
+      type: Function,
+      required: !0
+    }
+  },
+  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 (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] = () => l.onUpdate(u.value, t.value))
+      }, {
+        default: U(() => [
+          o(i, {
+            modelValue: t.value.merchantId,
+            "onUpdate:modelValue": e[0] || (e[0] = (a) => t.value.merchantId = a),
+            label: "Merchant ID",
+            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, [
+            l.gateway ? (F(), w(d, {
+              key: 0,
+              class: "flex-1",
+              variant: "secondary",
+              label: "Delete",
+              onclick: () => l.onDelete(l.gateway)
+            }, null, 8, ["onclick"])) : S("", !0),
+            o(d, {
+              type: "submit",
+              class: "flex-1",
+              variant: "primary",
+              label: "Save"
+            })
+          ])
+        ]),
+        _: 1
+      }, 512);
+    };
+  }
+}), de = {
+  key: 0,
+  class: "flex items-center justify-center min-h-[80vh]"
+}, ye = /* @__PURE__ */ _({
+  __name: "PaymentGateway",
+  props: {
+    restaurant: {
+      type: Object,
+      required: !0
+    }
+  },
+  setup(l) {
+    const m = [
+      {
+        label: "Fiuu",
+        value: "RAZER_MERCHANT_SERVICE",
+        form: X,
+        region: [I.F_COUNTRY.enum.MY, I.F_COUNTRY.enum.SG]
+      },
+      {
+        label: "Revenue Monster",
+        value: "REVENUE_MONSTER",
+        form: ee,
+        region: [I.F_COUNTRY.enum.MY]
+      },
+      {
+        label: "GHL",
+        value: "E_GHL",
+        form: ae,
+        region: [I.F_COUNTRY.enum.MY]
+      },
+      {
+        label: "Grab",
+        value: "GRAB",
+        form: re,
+        region: [I.F_COUNTRY.enum.MY]
+      },
+      {
+        label: "Macau Pass",
+        value: "MACAU_PASS",
+        form: ne,
+        region: [I.F_COUNTRY.enum.MO]
+      },
+      {
+        label: "SoftSpace",
+        value: "SOFTSPACE",
+        form: ie,
+        region: [I.F_COUNTRY.enum.MY]
+      },
+      {
+        label: "Digio",
+        value: "DIGIO",
+        form: ce,
+        region: [I.F_COUNTRY.enum.TH]
+      }
+    ], u = l, t = j(), { isLoading: p, startAsyncCall: c } = R(), { activeGateway: y } = E({
+      activeGateway: ""
+    }), e = b([]);
+    async function i(s, x) {
+      await c(async () => {
+        const C = {
+          _id: "",
+          _rev: "",
+          paymentGateway: y.value,
+          config: x,
+          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 V(s) {
+      c(async () => {
+        await G.delete(u.restaurant._id, s._id), e.value = await G.get(u.restaurant._id);
+      });
+    }
+    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);
+      });
+    }
+    $(v);
+    const a = O(() => {
+      var s;
+      return (s = m.find((x) => x.value === y.value)) == null ? void 0 : s.form;
+    });
+    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": n(y),
+          "onUpdate:modelValue": x[0] || (x[0] = (k) => B(y) ? y.value = k : null),
+          items: d.value
+        }, null, 8, ["model-value", "items"]),
+        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);
+    };
+  }
+}), Ie = /* @__PURE__ */ _({
+  __name: "RestaurantSetting",
+  props: {
+    restaurantId: {
+      type: String,
+      required: !0
+    }
+  },
+  setup(l) {
+    const m = l, { tab: u } = E({
+      tab: "payment-gateway"
+    }), { isLoading: t, startAsyncCall: p } = R(!0), c = H(), y = b(), e = [
+      {
+        label: "Payment Gateway",
+        value: "payment-gateway",
+        icon: "assured_workload",
+        render: ye
+      }
+    ];
+    function i() {
+      p(async () => {
+        y.value = await J.readRestaurantById(m.restaurantId);
+      });
+    }
+    $(i);
+    const V = O(() => {
+      var d;
+      return (d = e.find((v) => v.value === u.value)) == null ? void 0 : d.render;
+    });
+    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(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"]),
+          n(u) && y.value ? (F(), w(P(V.value), K(Y({ key: 0 }, {
+            restaurant: y.value
+          })), null, 16)) : S("", !0)
+        ]),
+        _: 1
+      }, 8, ["title", "loading", "onBack"]);
+    };
+  }
+});
+export {
+  Ie as default
+};