@feedmepos/mf-payment 1.11.15 → 1.11.17-dev

package/dist/{PaymentCheckout-D_NGmznR.js → PaymentCheckout-BCy5_Qc8.js}

@@ -1,6 +1,6 @@
 import { defineComponent as $t, computed as Tt, toRefs as bn, unref as W, ref as Ae, reactive as yn, h as _n, getCurrentInstance as Et, watch as Gt, onMounted as wn, nextTick as Qt, onUnmounted as xn, isRef as rt, resolveComponent as Ee, openBlock as k, createElementBlock as N, createTextVNode as kt, createVNode as B, createCommentVNode as Z, withCtx as Ot, Fragment as at, renderList as lt, normalizeClass as Pt, createElementVNode as X, withModifiers as En, toDisplayString as ae, withKeys as Sn, createBlock as it } from "vue";
-import "./index-C2rB5z2d.js";
-import { g as Cn } from "./assets-D3Pi2PQM.js";
+import "./index-BFqUsoWz.js";
+import { g as Cn } from "./assets-CU3fydSV.js";
 import { useDialog as Dn } from "@feedmepos/ui-library";
 import { w as Tn } from "./Modal-DB8M9o1T.js";
 import { _ as kn } from "./_plugin-vue_export-helper-CHgC5LLL.js";

package/dist/{PayoutAccount-Di3pYzdJ.js → PayoutAccount-9jZqReid.js}

@@ -1,16 +1,16 @@
 import { defineComponent as x, resolveComponent as u, openBlock as f, createElementBlock as R, createVNode as n, normalizeClass as B, withCtx as y, createElementVNode as A, toDisplayString as E, createCommentVNode as K, createBlock as h, ref as C, computed as V, watch as D, unref as r, isRef as w, h as N } from "vue";
 import { h as z } from "./moment-h96o7c8I.js";
-import { u as L } from "./index-014CUHlg.js";
-import { p as P } from "./index-C2rB5z2d.js";
+import { u as L } from "./index-DhTmRVyJ.js";
+import { p as P } from "./index-BFqUsoWz.js";
 import { _ as M } from "./AdminLayout.vue_vue_type_script_setup_true_lang-0Mf1MhAL.js";
-import { P as O } from "./payout-account-BT_9hCd4.js";
-import { p as T } from "./index-sqSucYYa.js";
+import { P as O } from "./payout-account-B8ZjV2cD.js";
+import { p as T } from "./index-CY-XsXFD.js";
 import { useSnackbar as W } from "@feedmepos/ui-library";
-import { _ as j } from "./index.vue_vue_type_script_setup_true_lang-C4iRjOFL.js";
+import { _ as j } from "./index.vue_vue_type_script_setup_true_lang-DiniY5At.js";
 import { useRouter as H } from "vue-router";
 import { _ as J } from "./SelectAll.vue_vue_type_script_setup_true_lang-BNZTqdoF.js";
-import { _ as Q } from "./AdminBusinessSelector.vue_vue_type_script_setup_true_lang-CJUBrKfE.js";
-import { _ as X } from "./AdminRestaurantSelector.vue_vue_type_script_setup_true_lang-aCJzDfGx.js";
+import { _ as Q } from "./AdminBusinessSelector.vue_vue_type_script_setup_true_lang-DpSmJgWn.js";
+import { _ as X } from "./AdminRestaurantSelector.vue_vue_type_script_setup_true_lang-BVqrbU1b.js";
 import { z as U, a as $ } from "./validator-CTlVogBQ.js";
 import { u as Z } from "./error-K1CakhA9.js";
 import { useCoreStore as ee } from "@feedmepos/mf-common";

package/dist/PayoutAccount-BDdUpPUJ.js

@@ -0,0 +1,405 @@
+import { defineComponent as v, resolveComponent as g, openBlock as c, createElementBlock as A, createVNode as E, normalizeClass as $, withCtx as C, createElementVNode as d, toDisplayString as I, createCommentVNode as D, createBlock as b, ref as L, computed as P, h as N, onMounted as H, watch as Q, unref as f, Fragment as X } from "vue";
+import { defineStore as Z, storeToRefs as ee } from "pinia";
+import { p as S } from "./index-CY-XsXFD.js";
+import { u as te, p as U } from "./index-BFqUsoWz.js";
+import { useI18n as j, useCoreStore as ae } from "@feedmepos/mf-common";
+import { m as ne, _ as se } from "./mascot-side-DNc7naiM.js";
+import { useDialog as oe } from "@feedmepos/ui-library";
+import { _ as re } from "./Layout.vue_vue_type_script_setup_true_lang-BKIvkgA_.js";
+import { A as ie, q as le, v as ue, e as ce } from "./app-LpRZG5SK.js";
+import { a as G, P as V } from "./payout-account-B8ZjV2cD.js";
+function me() {
+  return {
+    businessPayoutAccounts: []
+  };
+}
+const pe = Z("mf-payment-payoutAccount", {
+  state: () => me(),
+  getters: {
+    getBusinessPayoutAccounts: (t) => t.businessPayoutAccounts
+  },
+  actions: {
+    async readBusinessPayoutAccounts(t) {
+      this.businessPayoutAccounts = await S.readBusinessPayoutAccounts(t);
+    },
+    async updateBusinessPayoutAccounts(t, n) {
+      await S.updateBusinessPayoutAccounts(t, n);
+    },
+    async createBusinessPayoutAccounts(t) {
+      const n = await S.createBusinessPayoutAccounts(t);
+      this.businessPayoutAccounts.push(n);
+    }
+  }
+}), de = { class: "flex flex-col gap-1" }, ye = {
+  key: 0,
+  class: "text-xs text-red-500"
+}, _e = /* @__PURE__ */ v({
+  __name: "Status",
+  props: {
+    row: {},
+    data: {}
+  },
+  setup(t) {
+    const n = t;
+    function s() {
+      return n.data === "NEW" ? "!w-[16px] !h-[16px] bg-yellow-400" : n.data === "PENDING" ? "!w-[16px] !h-[16px] bg-orange-400" : n.data === "REJECTED" ? "!w-[16px] !h-[16px] bg-red-500" : "!w-[16px] !h-[16px] bg-green-400";
+    }
+    return (m, p) => {
+      const l = g("FmBadge");
+      return c(), A("div", de, [
+        E(l, {
+          inline: "",
+          class: $(s())
+        }, {
+          default: C(() => [
+            d("div", null, I(t.data), 1)
+          ]),
+          _: 1
+        }, 8, ["class"]),
+        n.data === "REJECTED" && n.row.original.statusReason ? (c(), A("div", ye, I(n.row.original.statusReason), 1)) : D("", !0)
+      ]);
+    };
+  }
+}), ge = /* @__PURE__ */ v({
+  __name: "IsActive",
+  props: {
+    row: {},
+    data: {}
+  },
+  setup(t) {
+    const n = t;
+    function s() {
+      return n.data ? "#66BB6A" : "#EF5350";
+    }
+    function m() {
+      return n.data ? "check" : "close";
+    }
+    return (p, l) => {
+      const y = g("FmIcon");
+      return c(), b(y, {
+        name: m(),
+        color: s(),
+        size: "lg"
+      }, null, 8, ["name", "color"]);
+    };
+  }
+}), fe = /* @__PURE__ */ v({
+  __name: "Bank",
+  props: {
+    row: {},
+    data: {}
+  },
+  setup(t) {
+    function n(s) {
+      return s ? "!w-[16px] !h-[16px] bg-green-400" : "!w-[16px] !h-[16px] bg-red-400";
+    }
+    return (s, m) => {
+      const p = g("FmBadge"), l = g("FmListItem");
+      return c(), b(l, {
+        label: t.row.original.holderName,
+        sublabel: t.row.original.bankName + "  -  " + t.row.original.bankNumber,
+        clickable: !1,
+        tag: "label"
+      }, {
+        append: C(() => [
+          E(p, {
+            inline: "",
+            class: $(n(t.row.original.bankReady))
+          }, null, 8, ["class"])
+        ]),
+        _: 1
+      }, 8, ["label", "sublabel"]);
+    };
+  }
+}), be = /* @__PURE__ */ v({
+  __name: "PersonInCharge",
+  props: {
+    row: {},
+    data: {}
+  },
+  setup(t) {
+    function n(s) {
+      return s ? "!w-[16px] !h-[16px] bg-green-400" : "!w-[16px] !h-[16px] bg-red-400";
+    }
+    return (s, m) => {
+      const p = g("FmBadge"), l = g("FmListItem");
+      return c(), b(l, {
+        label: t.row.original.picName,
+        sublabel: t.row.original.picEmail + "  -  " + t.row.original.picPhone,
+        clickable: !1,
+        tag: "label"
+      }, {
+        append: C(() => [
+          E(p, {
+            inline: "",
+            class: $(n(t.row.original.picReady))
+          }, null, 8, ["class"])
+        ]),
+        _: 1
+      }, 8, ["label", "sublabel"]);
+    };
+  }
+}), ve = /* @__PURE__ */ v({
+  __name: "DisplayName",
+  props: {
+    row: {}
+  },
+  setup(t) {
+    return (n, s) => (c(), A("p", null, I(t.row.original.name) + " (" + I(t.row.original.regNo ?? "-") + ")", 1));
+  }
+}), we = /* @__PURE__ */ v({
+  __name: "PayoutAccountTable",
+  props: {
+    data: {
+      type: Array,
+      required: !0
+    },
+    loading: {
+      type: Boolean,
+      required: !0
+    }
+  },
+  emits: ["row-click"],
+  setup(t, { emit: n }) {
+    const { t: s } = j(), m = t, p = n, l = L(""), y = [
+      {
+        header: () => s("payment.payout_account.table.type"),
+        accessorKey: "event",
+        meta: {
+          maxWidth: "92px"
+        }
+      },
+      {
+        header: () => s("payment.payout_account.table.name"),
+        accessorKey: "name",
+        cell: ({ cell: e, row: o }) => N(ve, { row: o })
+      },
+      {
+        header: () => s("payment.payout_account.table.status"),
+        accessorKey: "status",
+        cell: ({ cell: e, row: o }) => N(_e, { row: o, data: e.getValue() }),
+        meta: {
+          maxWidth: "108px"
+        }
+      },
+      {
+        header: () => s("payment.payout_account.table.active"),
+        accessorKey: "isActive",
+        meta: {
+          maxWidth: "64px"
+        },
+        cell: ({ cell: e, row: o }) => N(ge, { row: o, data: e.getValue() })
+      },
+      {
+        header: () => s("payment.payout_account.table.bank"),
+        accessorKey: "bank",
+        cell: ({ cell: e, row: o }) => N(fe, { row: o, data: e.getValue() })
+      },
+      {
+        header: () => s("payment.payout_account.table.pic"),
+        accessorKey: "pic",
+        cell: ({ cell: e, row: o }) => N(be, { row: o, data: e.getValue() })
+      }
+    ], B = P(() => m.data.map((e) => {
+      const o = {
+        bankReady: !1,
+        bankNumber: "",
+        bankName: "",
+        holderName: ""
+      };
+      e.store.bank && e.store.bank.accountNumber && Object.assign(o, {
+        bankReady: !0,
+        bankNumber: e.store.bank.accountNumber,
+        bankName: e.store.bank.name,
+        holderName: e.store.bank.holderName
+      });
+      const _ = {
+        picReady: !1,
+        picName: "",
+        picPhone: "",
+        picEmail: ""
+      };
+      e.store.keyPerson && Object.assign(_, {
+        picReady: !0,
+        picName: e.store.keyPerson.name,
+        picPhone: e.store.keyPerson.phone,
+        picEmail: e.store.keyPerson.email
+      });
+      let u = e.store.companyName ?? e.ref.name;
+      return e.store.event === "ORDERING" && (u = e.ref.profile.name), {
+        _id: e._id,
+        event: e.store.event,
+        name: u,
+        regNo: e.store.regNo,
+        status: e.status,
+        statusReason: e.statusReason,
+        isActive: e.enable,
+        ...o,
+        ..._
+      };
+    }));
+    return (e, o) => {
+      const _ = g("FmTable");
+      return c(), b(_, {
+        modelValue: l.value,
+        "onUpdate:modelValue": o[0] || (o[0] = (u) => l.value = u),
+        "row-data": B.value,
+        "shrink-at": !1,
+        "column-defs": y,
+        loading: m.loading,
+        onRowClick: o[1] || (o[1] = (u) => p("row-click", m.data.at(u.index)))
+      }, null, 8, ["modelValue", "row-data", "loading"]);
+    };
+  }
+}), he = {
+  key: 0,
+  class: "flex items-center justify-center min-h-[80vh]"
+}, xe = { class: "mr-6 lg:block lg:w-1/6" }, ke = ["src"], Ne = { class: "w-full max-w-lg text-left" }, Pe = { class: "py-4" }, Ae = { class: "flex justify-end items-center mb-6" }, Ee = { class: "flex space-x-4 items-center flex-1" }, Be = { class: "flex space-x-4 items-center" }, Ke = /* @__PURE__ */ v({
+  __name: "PayoutAccount",
+  setup(t) {
+    const { currentBusiness: n, restaurants: s, sessionUser: m } = ae(), { isLoading: p, startAsyncCall: l } = te(!0), { t: y } = j(), B = L("");
+    let e;
+    const o = oe(), _ = pe(), { getBusinessPayoutAccounts: u } = ee(_), M = P(() => {
+      var a;
+      return ie(
+        [
+          {
+            subject: ue.payment_payoutAccount,
+            action: le.manage
+          }
+        ],
+        ((a = m.value) == null ? void 0 : a.permissions) ?? []
+      );
+    }), F = P(() => s.value.filter(
+      (a) => u.value.findIndex((r) => r.store.id === a._id) === -1
+    ).map((a) => ({ label: a.profile.name, value: a._id }))), W = P(() => {
+      var a, r;
+      return [
+        { label: (a = n.value) == null ? void 0 : a.name, value: (r = n.value) == null ? void 0 : r._id }
+      ];
+    }), q = P(() => F.value.length > 0 || !u.value.find((a) => a.store.event === "MARKETING"));
+    async function O(a) {
+      var K;
+      const r = (a == null ? void 0 : a.businessId) ?? ((K = n.value) == null ? void 0 : K._id);
+      if (!r) throw "Business id required";
+      const h = G.initPayoutAccount(r, a), w = !a;
+      let x = !1;
+      a && (x = a.status === "NEW" || a.status === "REJECTED");
+      const k = {
+        initialValue: { payoutSetting: h },
+        isNewAccount: w,
+        isUpdateAccount: x,
+        bankNameOptions: V.bankNameOptions(),
+        bankTypeOptions: V.bankTypeOptions(),
+        storeEventOptions: V.storeEventOptions(),
+        restaurantOptions: w ? F.value : s.value.map((i) => ({ label: i.profile.name, value: i._id })),
+        businessOptions: W.value
+      };
+      w && (F.value.length === 0 && (k.storeEventOptions = k.storeEventOptions.filter(
+        (i) => i.value !== "ORDERING"
+      )), u.value.find((i) => i.store.event === "MARKETING") && (k.storeEventOptions = k.storeEventOptions.filter(
+        (i) => i.value !== "MARKETING"
+      )));
+      const Y = o.open({
+        title: y(w || x ? "payment.payout_account.dialog.title" : "payment.payout_account.dialog.view_title"),
+        closeButton: !0,
+        overlay: !0,
+        contentComponent: se,
+        contentComponentProps: k
+      }), z = async function(i) {
+        o.close(), l(async () => {
+          const T = await G.mergeData(
+            {
+              businessId: i.payoutSetting.store.event === U.F_PAYOUT_FOR.Enum.MARKETING ? i.payoutSetting.store.id : void 0,
+              restaurantId: i.payoutSetting.store.event === U.F_PAYOUT_FOR.Enum.ORDERING ? i.payoutSetting.store.id : void 0
+            },
+            h,
+            i
+          );
+          a ? await _.updateBusinessPayoutAccounts(
+            T._id,
+            T
+          ) : await _.createBusinessPayoutAccounts({
+            ...T,
+            methods: void 0,
+            status: ce.F_PAYOUT_ACCOUNT_STATUS.Enum.PENDING
+          }), await R();
+        });
+      };
+      Y.onPrimary(z);
+    }
+    async function R(a) {
+      await l(async () => {
+        await _.readBusinessPayoutAccounts(a);
+      });
+    }
+    function J(a) {
+      clearTimeout(e), e = setTimeout(() => R(a || void 0), 500);
+    }
+    return H(() => R()), Q(n, () => R()), (a, r) => {
+      const h = g("FmButton"), w = g("FmSearch");
+      return c(), b(re, {
+        title: f(y)("payment.payout_account.title"),
+        description: f(y)("payment.payout_account.description"),
+        loading: f(p)
+      }, {
+        default: C(() => [
+          f(u).length ? (c(), A(X, { key: 1 }, [
+            d("div", Ae, [
+              d("div", Ee, [
+                E(w, {
+                  modelValue: B.value,
+                  "onUpdate:modelValue": [
+                    r[1] || (r[1] = (x) => B.value = x),
+                    J
+                  ],
+                  class: "w-[280px]",
+                  placeholder: "Search by restaurant name..."
+                }, null, 8, ["modelValue"])
+              ]),
+              d("div", Be, [
+                q.value ? (c(), b(h, {
+                  key: 0,
+                  "prepend-icon": "manage_accounts",
+                  variant: "primary",
+                  label: f(y)("payment.payout_account.button.apply"),
+                  onClick: r[2] || (r[2] = () => O())
+                }, null, 8, ["label"])) : D("", !0)
+              ])
+            ]),
+            E(we, {
+              loading: f(p),
+              data: f(u),
+              onRowClick: O
+            }, null, 8, ["loading", "data"])
+          ], 64)) : (c(), A("div", he, [
+            d("div", xe, [
+              d("img", {
+                src: f(ne),
+                alt: "mascot",
+                class: "w-full h-auto"
+              }, null, 8, ke)
+            ]),
+            d("div", Ne, [
+              r[3] || (r[3] = d("h1", { class: "text-2xl font-bold mb-2" }, " Welcome! It looks like you haven't set up a payout account yet. ", -1)),
+              r[4] || (r[4] = d("p", { class: "mb-2 mt-1" }, " Let's get you started—apply now and enjoy seamless payouts! ", -1)),
+              d("div", Pe, [
+                M.value ? (c(), b(h, {
+                  key: 0,
+                  "prepend-icon": "manage_accounts",
+                  variant: "primary",
+                  label: "Apply Now",
+                  onClick: r[0] || (r[0] = () => O())
+                })) : D("", !0)
+              ])
+            ])
+          ]))
+        ]),
+        _: 1
+      }, 8, ["title", "description", "loading"]);
+    };
+  }
+});
+export {
+  Ke as default
+};

package/dist/{PayoutAccountSetting-0tERQB3Q.js → PayoutAccountSetting-CbRrZ-uL.js}

@@ -1,18 +1,18 @@
 import { defineComponent as M, ref as U, resolveComponent as p, openBlock as x, createElementBlock as K, Fragment as H, createElementVNode as u, createVNode as o, withCtx as S, createTextVNode as _, toDisplayString as G, unref as s, createBlock as V, createCommentVNode as B, reactive as ye, watch as ne, onUnmounted as be, computed as L, h as J, onMounted as de, isRef as le, resolveDynamicComponent as ue, normalizeProps as se, mergeProps as re } from "vue";
-import { p as z } from "./index-sqSucYYa.js";
-import { u as ae } from "./index-C2rB5z2d.js";
+import { p as z } from "./index-CY-XsXFD.js";
+import { u as ae } from "./index-BFqUsoWz.js";
 import { _ as ve } from "./Layout.vue_vue_type_script_setup_true_lang-BKIvkgA_.js";
 import { useRouter as fe } from "vue-router";
-import { u as oe } from "./index-014CUHlg.js";
-import { _ as W, P as ee } from "./DocumentViewer.vue_vue_type_script_setup_true_lang-BX87Rkc9.js";
+import { u as oe } from "./index-DhTmRVyJ.js";
+import { _ as W, P as ee } from "./DocumentViewer.vue_vue_type_script_setup_true_lang-DERNbQ3k.js";
 import { h as ge } from "./moment-h96o7c8I.js";
-import { d as te } from "./index-DSQBGDky.js";
+import { d as te } from "./index-Be6BYI6Y.js";
 import { useSnackbar as Q, useDialogChild as Fe, useDialog as pe, components as xe } from "@feedmepos/ui-library";
 import { u as Z } from "./error-K1CakhA9.js";
-import { P as ke } from "./payout-account-BT_9hCd4.js";
+import { P as ke } from "./payout-account-B8ZjV2cD.js";
 import { s as X, o as we, z as I, a as R } from "./validator-CTlVogBQ.js";
 import { _ as Ve } from "./TextInputDialog.vue_vue_type_script_setup_true_lang-C3AeZqwO.js";
-import { e as O } from "./app-B_orez6m.js";
+import { e as O } from "./app-LpRZG5SK.js";
 import { useCoreStore as ie } from "@feedmepos/mf-common";
 const Ae = { class: "flex gap-16 mb-6" }, Se = { class: "flex gap-16 mb-6" }, Ne = { class: "flex justify-between items-center mb-6" }, Ce = { class: "flex gap-4" }, Ie = { class: "flex gap-4 mt-4" }, Ue = /* @__PURE__ */ M({
   __name: "Information",

package/dist/{Restaurant-B5GuoD5g.js → Restaurant-yzTw6u3J.js}

@@ -1,13 +1,13 @@
 import { defineComponent as F, ref as y, resolveComponent as _, openBlock as x, createBlock as A, withCtx as $, createElementVNode as p, normalizeStyle as T, createElementBlock as R, Fragment as z, renderList as q, createVNode as v, computed as C, watch as I, onMounted as N, unref as h, toDisplayString as B, normalizeClass as W, isRef as E, h as P } from "vue";
-import { u as O } from "./index-014CUHlg.js";
+import { u as O } from "./index-DhTmRVyJ.js";
 import { _ as j } from "./AdminLayout.vue_vue_type_script_setup_true_lang-0Mf1MhAL.js";
 import "@feedmepos/ui-library";
-import "./app-B_orez6m.js";
+import "./app-LpRZG5SK.js";
 import { _ as G } from "./AutoCopyCell.vue_vue_type_script_setup_true_lang-DrBLdVka.js";
-import { r as Q } from "./index-JA6_vNKZ.js";
-import { u as H } from "./index-C2rB5z2d.js";
+import { r as Q } from "./index-DDRoa9oc.js";
+import { u as H } from "./index-BFqUsoWz.js";
 import { useRouter as J } from "vue-router";
-import { g as X } from "./grafana-CWeNnb1T.js";
+import { g as X } from "./grafana-BBPv2vBQ.js";
 const Y = ["id"], L = /* @__PURE__ */ F({
   __name: "FmTableSelection",
   props: {

package/dist/{RestaurantSetting-CjoPVc5q.js → RestaurantSetting-LtwUZbiZ.js}

@@ -1,14 +1,14 @@
 import { defineComponent as D, ref as w, resolveComponent as r, openBlock as g, createBlock as b, withCtx as S, createVNode as o, unref as n, createElementVNode as T, createCommentVNode as U, computed as K, onMounted as N, createElementBlock as G, Fragment as H, isRef as R, resolveDynamicComponent as $, mergeProps as Y, normalizeProps as L } from "vue";
-import { g as q, b as M, u as B } from "./index-C2rB5z2d.js";
+import { g as q, b as M, u as B } from "./index-BFqUsoWz.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 P } from "./index-014CUHlg.js";
+import { u as P } from "./index-DhTmRVyJ.js";
 import { z as y, a as f } from "./validator-CTlVogBQ.js";
-import { e as I } from "./app-B_orez6m.js";
+import { e as I } from "./app-LpRZG5SK.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-JA6_vNKZ.js";
+import { r as W } from "./index-DDRoa9oc.js";
 const C = {
   async get(a) {
     return q(
@@ -877,6 +877,8 @@ const C = {
     var p, i;
     const m = a, u = w(((p = m.gateway) == null ? void 0 : p.active) ?? !1), l = w(
       ((i = m.gateway) == null ? void 0 : i.config) || {
+        clientId: "",
+        clientSecret: "",
         merchantId: "",
         terminalId: ""
       }
@@ -886,24 +888,36 @@ const C = {
       return g(), b(v, {
         ref: "form",
         class: "flex flex-col gap-16",
-        onValidationSuccess: e[3] || (e[3] = () => a.onUpdate(u.value, l.value))
+        onValidationSuccess: e[5] || (e[5] = () => a.onUpdate(u.value, l.value))
       }, {
         default: S(() => [
+          o(s, {
+            modelValue: l.value.clientId,
+            "onUpdate:modelValue": e[0] || (e[0] = (t) => l.value.clientId = t),
+            label: "Client ID",
+            rules: n(y)(n(f).string())
+          }, null, 8, ["modelValue", "rules"]),
+          o(s, {
+            modelValue: l.value.clientSecret,
+            "onUpdate:modelValue": e[1] || (e[1] = (t) => l.value.clientSecret = t),
+            label: "Client Secret",
+            rules: n(y)(n(f).string())
+          }, null, 8, ["modelValue", "rules"]),
           o(s, {
             modelValue: l.value.merchantId,
-            "onUpdate:modelValue": e[0] || (e[0] = (t) => l.value.merchantId = t),
+            "onUpdate:modelValue": e[2] || (e[2] = (t) => l.value.merchantId = t),
             label: "Merchant ID (Client Ref ID)",
             rules: n(y)(n(f).string())
           }, null, 8, ["modelValue", "rules"]),
           o(s, {
             modelValue: l.value.terminalId,
-            "onUpdate:modelValue": e[1] || (e[1] = (t) => l.value.terminalId = t),
+            "onUpdate:modelValue": e[3] || (e[3] = (t) => l.value.terminalId = t),
             label: "Terminal ID",
             "label-mark": "optional"
           }, null, 8, ["modelValue"]),
           o(V, {
             modelValue: u.value,
-            "onUpdate:modelValue": e[2] || (e[2] = (t) => u.value = t),
+            "onUpdate:modelValue": e[4] || (e[4] = (t) => u.value = t),
             label: "Is Active"
           }, null, 8, ["modelValue"]),
           T("div", Ve, [