@feedmepos/mf-payment 0.0.0-beta.36 → 0.0.0-beta.38

package/dist/{TerminalSetting-3CRuMj8l.js → TerminalSetting-DOdZk5cq.js}

@@ -1,12 +1,12 @@
-import { defineComponent as b, openBlock as g, createElementBlock as _, Fragment as C, createElementVNode as F, createTextVNode as q, toDisplayString as B, ref as v, onMounted as T, computed as D, resolveComponent as f, unref as w, createVNode as y, createBlock as I, withCtx as U, createCommentVNode as S, isRef as $, resolveDynamicComponent as P, normalizeProps as K, mergeProps as L } from "vue";
-import { u as M } from "./index-Cnxt2xmc.js";
+import { defineComponent as b, openBlock as F, createElementBlock as D, Fragment as _, createElementVNode as p, createTextVNode as V, toDisplayString as T, ref as y, onMounted as S, computed as M, resolveComponent as f, unref as w, createVNode as g, createBlock as I, withCtx as G, createCommentVNode as q, isRef as $, resolveDynamicComponent as P, normalizeProps as K, mergeProps as L } from "vue";
+import { u as C } from "./index-Cnxt2xmc.js";
 import { useRouter as N } from "vue-router";
-import { t as V } from "./index-CBFVJirn.js";
+import { t as U } from "./index-CBFVJirn.js";
 import { _ as O } from "./Layout.vue_vue_type_script_setup_true_lang-C38PTqO5.js";
 import { u as j } from "./index-BgnU5ezY.js";
 import { useSnackbar as E } from "@feedmepos/ui-library";
-import { u as h } from "./error-K1CakhA9.js";
-const A = /* @__PURE__ */ b({
+import { u as A } from "./error-K1CakhA9.js";
+const R = /* @__PURE__ */ b({
   __name: "Information",
   props: {
     terminal: {
@@ -14,23 +14,26 @@ const A = /* @__PURE__ */ b({
       required: !0
     }
   },
-  setup(a) {
-    return (l, n) => (g(), _(C, null, [
-      n[0] || (n[0] = F("b", null, "Name", -1)),
-      q(": " + B(a.terminal.name), 1),
-      n[1] || (n[1] = F("br", null, null, -1)),
-      n[2] || (n[2] = F("b", null, "Status", -1)),
-      q(": " + B(a.terminal.status), 1),
-      n[3] || (n[3] = F("br", null, null, -1)),
-      n[4] || (n[4] = F("b", null, "Device ID", -1)),
-      q(": " + B(a.terminal.deviceId ?? "-"), 1),
-      n[5] || (n[5] = F("br", null, null, -1))
+  setup(t) {
+    return (l, a) => (F(), D(_, null, [
+      a[0] || (a[0] = p("b", null, "Name", -1)),
+      V(": " + T(t.terminal.name), 1),
+      a[1] || (a[1] = p("br", null, null, -1)),
+      a[2] || (a[2] = p("b", null, "Status", -1)),
+      V(": " + T(t.terminal.status), 1),
+      a[3] || (a[3] = p("br", null, null, -1)),
+      a[4] || (a[4] = p("b", null, "Device ID", -1)),
+      V(": " + T(t.terminal.deviceId ?? "-"), 1),
+      a[5] || (a[5] = p("br", null, null, -1)),
+      a[6] || (a[6] = p("b", null, "Device Type", -1)),
+      V(": " + T(t.terminal.deviceType ?? "-"), 1),
+      a[7] || (a[7] = p("br", null, null, -1))
     ], 64));
   }
-}), R = {
+}), z = {
   key: 0,
   class: "flex items-center justify-center min-h-[80vh]"
-}, z = { class: "flex mt-6 space-x-6" }, H = /* @__PURE__ */ b({
+}, H = { class: "flex mt-6 space-x-6" }, Q = /* @__PURE__ */ b({
   __name: "TerminalGateway",
   props: {
     terminal: {
@@ -42,13 +45,13 @@ const A = /* @__PURE__ */ b({
       required: !0
     }
   },
-  setup(a) {
-    const { isLoading: l, startAsyncCall: n } = M(), o = a, i = v(), c = v(), m = v(-1), e = v({
+  setup(t) {
+    const { isLoading: l, startAsyncCall: a } = C(), o = t, i = y(), c = y(), m = y(-1), e = y({
       terminalId: ""
     });
-    T(() => {
-      if (n(async () => {
-        i.value = await V.getTerminals(o.terminal.referenceId);
+    S(() => {
+      if (a(async () => {
+        i.value = await U.getTerminals(o.terminal.referenceId);
       }), !o.terminal.ecrs)
         return;
       const s = o.terminal.ecrs.findIndex((r) => r && r.gateway && r.gateway === "FeedMe");
@@ -60,7 +63,7 @@ const A = /* @__PURE__ */ b({
         terminalId: u.config.terminalId
       });
     });
-    const t = D(() => (i.value ?? []).map((s) => ({
+    const n = M(() => (i.value ?? []).map((s) => ({
       label: s.name ?? s._id,
       value: s._id
     })));
@@ -69,33 +72,33 @@ const A = /* @__PURE__ */ b({
       (u = o.terminal.ecrs) == null || u.splice(s, 1), o.onUpdate(o.terminal);
     }
     return (s, u) => {
-      const r = f("FmCircularProgress"), p = f("FmSelect"), x = f("FmButton"), k = f("FmForm");
-      return w(l) ? (g(), _("div", R, [
-        y(r, { size: "xxl" })
-      ])) : (g(), I(k, {
+      const r = f("FmCircularProgress"), v = f("FmSelect"), x = f("FmButton"), k = f("FmForm");
+      return w(l) ? (F(), D("div", z, [
+        g(r, { size: "xxl" })
+      ])) : (F(), I(k, {
         key: 1,
         ref: c.value,
         class: "flex flex-col gap-16 w-[500px]",
         onValidationSuccess: u[1] || (u[1] = () => {
-          m.value > -1 ? a.terminal.ecrs[m.value] = { gateway: "FeedMe", config: e.value } : (a.terminal.ecrs || (a.terminal.ecrs = []), a.terminal.ecrs.push({ gateway: "FeedMe", config: e.value })), o.onUpdate(a.terminal);
+          m.value > -1 ? t.terminal.ecrs[m.value] = { gateway: "FeedMe", config: e.value } : (t.terminal.ecrs || (t.terminal.ecrs = []), t.terminal.ecrs.push({ gateway: "FeedMe", config: e.value })), o.onUpdate(t.terminal);
         })
       }, {
-        default: U(() => [
-          y(p, {
+        default: G(() => [
+          g(v, {
             modelValue: e.value.terminalId,
-            "onUpdate:modelValue": u[0] || (u[0] = (G) => e.value.terminalId = G),
+            "onUpdate:modelValue": u[0] || (u[0] = (B) => e.value.terminalId = B),
             label: "Terminal ID",
-            items: t.value
+            items: n.value
           }, null, 8, ["modelValue", "items"]),
-          F("div", z, [
-            m.value > -1 ? (g(), I(x, {
+          p("div", H, [
+            m.value > -1 ? (F(), I(x, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
               onclick: () => d(m.value)
-            }, null, 8, ["onclick"])) : S("", !0),
-            y(x, {
+            }, null, 8, ["onclick"])) : q("", !0),
+            g(x, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -107,7 +110,7 @@ const A = /* @__PURE__ */ b({
       }, 512));
     };
   }
-}), Q = { class: "flex mt-6 space-x-6" }, J = /* @__PURE__ */ b({
+}), h = { class: "flex mt-6 space-x-6" }, J = /* @__PURE__ */ b({
   __name: "FiuuGateway",
   props: {
     terminal: {
@@ -119,8 +122,8 @@ const A = /* @__PURE__ */ b({
       required: !0
     }
   },
-  setup(a) {
-    const l = a, n = [
+  setup(t) {
+    const l = t, a = [
       {
         label: "Fiuu Malaysia",
         value: "cc.feedme.payment.rms"
@@ -133,57 +136,57 @@ const A = /* @__PURE__ */ b({
         label: "Fiuu Singapore",
         value: "cc.feedme.payment.fiuu_sg"
       }
-    ], o = v(), i = v(-1), c = v({
+    ], o = y(), i = y(-1), c = y({
       packageId: "",
       uniqueId: ""
     });
-    T(() => {
+    S(() => {
       if (!l.terminal.gateways)
         return;
       const e = l.terminal.gateways.findIndex((d) => d && d.gateway && d.gateway === "Fiuu");
       if (e === -1)
         return;
       i.value = e;
-      const t = l.terminal.gateways.at(e);
-      t.gateway === "Fiuu" && t.config && (c.value = {
-        packageId: t.config.packageId,
-        uniqueId: t.config.uniqueId
+      const n = l.terminal.gateways.at(e);
+      n.gateway === "Fiuu" && n.config && (c.value = {
+        packageId: n.config.packageId,
+        uniqueId: n.config.uniqueId
       });
     });
     async function m(e) {
-      var t;
-      (t = l.terminal.gateways) == null || t.splice(e, 1), l.onUpdate(l.terminal);
+      var n;
+      (n = l.terminal.gateways) == null || n.splice(e, 1), l.onUpdate(l.terminal);
     }
-    return (e, t) => {
+    return (e, n) => {
       const d = f("FmSelect"), s = f("FmTextField"), u = f("FmButton"), r = f("FmForm");
-      return g(), I(r, {
+      return F(), I(r, {
         ref: o.value,
         class: "flex flex-col gap-16 w-[500px]",
-        onValidationSuccess: t[2] || (t[2] = () => {
-          i.value > -1 ? a.terminal.gateways[i.value] = { gateway: "Fiuu", config: c.value } : (a.terminal.gateways || (a.terminal.gateways = []), a.terminal.gateways.push({ gateway: "Fiuu", config: c.value })), l.onUpdate(a.terminal);
+        onValidationSuccess: n[2] || (n[2] = () => {
+          i.value > -1 ? t.terminal.gateways[i.value] = { gateway: "Fiuu", config: c.value } : (t.terminal.gateways || (t.terminal.gateways = []), t.terminal.gateways.push({ gateway: "Fiuu", config: c.value })), l.onUpdate(t.terminal);
         })
       }, {
-        default: U(() => [
-          y(d, {
+        default: G(() => [
+          g(d, {
             modelValue: c.value.packageId,
-            "onUpdate:modelValue": t[0] || (t[0] = (p) => c.value.packageId = p),
+            "onUpdate:modelValue": n[0] || (n[0] = (v) => c.value.packageId = v),
             label: "Package ID",
-            items: n
+            items: a
           }, null, 8, ["modelValue"]),
-          y(s, {
+          g(s, {
             modelValue: c.value.uniqueId,
-            "onUpdate:modelValue": t[1] || (t[1] = (p) => c.value.uniqueId = p),
+            "onUpdate:modelValue": n[1] || (n[1] = (v) => c.value.uniqueId = v),
             label: "Unique ID"
           }, null, 8, ["modelValue"]),
-          F("div", Q, [
-            i.value > -1 ? (g(), I(u, {
+          p("div", h, [
+            i.value > -1 ? (F(), I(u, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
               onclick: () => m(i.value)
-            }, null, 8, ["onclick"])) : S("", !0),
-            y(u, {
+            }, null, 8, ["onclick"])) : q("", !0),
+            g(u, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -207,16 +210,16 @@ const A = /* @__PURE__ */ b({
       required: !0
     }
   },
-  setup(a) {
-    const l = a, n = v(), o = v(-1), i = v({
+  setup(t) {
+    const l = t, a = y(), o = y(-1), i = y({
       merchantId: "",
       terminalId: "",
       privateKey: ""
     });
-    T(() => {
+    S(() => {
       if (!l.terminal.ecrs)
         return;
-      const m = l.terminal.ecrs.findIndex((t) => t && t.gateway && t.gateway === "Ghl");
+      const m = l.terminal.ecrs.findIndex((n) => n && n.gateway && n.gateway === "Ghl");
       if (m === -1)
         return;
       o.value = m;
@@ -232,39 +235,39 @@ const A = /* @__PURE__ */ b({
       (e = l.terminal.ecrs) == null || e.splice(m, 1), l.onUpdate(l.terminal);
     }
     return (m, e) => {
-      const t = f("FmTextField"), d = f("FmTextarea"), s = f("FmButton"), u = f("FmForm");
-      return g(), I(u, {
-        ref: n.value,
+      const n = f("FmTextField"), d = f("FmTextarea"), s = f("FmButton"), u = f("FmForm");
+      return F(), I(u, {
+        ref: a.value,
         class: "flex flex-col gap-16 w-[500px]",
         onValidationSuccess: e[3] || (e[3] = () => {
-          o.value > -1 ? a.terminal.ecrs[o.value] = { gateway: "Ghl", config: i.value } : (a.terminal.ecrs || (a.terminal.ecrs = []), a.terminal.ecrs.push({ gateway: "Ghl", config: i.value })), l.onUpdate(a.terminal);
+          o.value > -1 ? t.terminal.ecrs[o.value] = { gateway: "Ghl", config: i.value } : (t.terminal.ecrs || (t.terminal.ecrs = []), t.terminal.ecrs.push({ gateway: "Ghl", config: i.value })), l.onUpdate(t.terminal);
         })
       }, {
-        default: U(() => [
-          y(t, {
+        default: G(() => [
+          g(n, {
             modelValue: i.value.merchantId,
             "onUpdate:modelValue": e[0] || (e[0] = (r) => i.value.merchantId = r),
             label: "Merchant ID"
           }, null, 8, ["modelValue"]),
-          y(t, {
+          g(n, {
             modelValue: i.value.terminalId,
             "onUpdate:modelValue": e[1] || (e[1] = (r) => i.value.terminalId = r),
             label: "Terminal ID"
           }, null, 8, ["modelValue"]),
-          y(d, {
+          g(d, {
             modelValue: i.value.privateKey,
             "onUpdate:modelValue": e[2] || (e[2] = (r) => i.value.privateKey = r),
             label: "Private Key"
           }, null, 8, ["modelValue"]),
-          F("div", W, [
-            o.value > -1 ? (g(), I(s, {
+          p("div", W, [
+            o.value > -1 ? (F(), I(s, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
               onclick: () => c(o.value)
-            }, null, 8, ["onclick"])) : S("", !0),
-            y(s, {
+            }, null, 8, ["onclick"])) : q("", !0),
+            g(s, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -284,13 +287,13 @@ const A = /* @__PURE__ */ b({
       required: !0
     }
   },
-  setup(a) {
-    const l = a, { tab: n } = j({
+  setup(t) {
+    const l = t, { tab: a } = j({
       tab: "information"
-    }), { isLoading: o, startAsyncCall: i } = M(!0), c = N(), m = E(), e = v();
-    async function t(r) {
+    }), { isLoading: o, startAsyncCall: i } = C(!0), c = N(), m = E(), e = y();
+    async function n(r) {
       try {
-        await V.updateById(
+        await U.updateById(
           l.terminalId,
           {
             name: r.name,
@@ -298,15 +301,15 @@ const A = /* @__PURE__ */ b({
             ecrs: r.ecrs ?? [],
             gateways: r.gateways ?? []
           }
-        ), e.value = await V.readById(l.terminalId), m.open({
+        ), e.value = await U.readById(l.terminalId), m.open({
           type: "success",
           message: "Terminal updated successfully"
         });
-      } catch (p) {
+      } catch (v) {
         m.open({
           type: "error",
           title: "Error occurs when update terminal",
-          message: h(p)
+          message: A(v)
         });
       }
     }
@@ -315,7 +318,7 @@ const A = /* @__PURE__ */ b({
         label: "Information",
         value: "information",
         icon: "overview",
-        render: A
+        render: R
       },
       {
         label: "Fiuu",
@@ -323,18 +326,18 @@ const A = /* @__PURE__ */ b({
         icon: "payment",
         render: J
       }
-    ], s = D(() => {
+    ], s = M(() => {
       var r;
-      return (r = d.find((p) => p.value === n.value)) == null ? void 0 : r.render;
+      return (r = d.find((v) => v.value === a.value)) == null ? void 0 : r.render;
     });
     async function u() {
       i(async () => {
-        e.value = await V.readById(l.terminalId), e.value.deviceType !== "TERMINAL" && d.push(
+        e.value = await U.readById(l.terminalId), e.value.deviceType !== "TERMINAL" && d.push(
           {
             label: "FeedMe Terminal",
             value: "terminal",
             icon: "shopping_cart_checkout",
-            render: H
+            render: Q
           },
           {
             label: "GHL Terminal (V2)",
@@ -345,25 +348,25 @@ const A = /* @__PURE__ */ b({
         );
       });
     }
-    return T(u), (r, p) => {
+    return S(u), (r, v) => {
       var k;
       const x = f("FmTabs");
-      return g(), I(O, {
+      return F(), I(O, {
         title: `Terminal (${(k = e.value) == null ? void 0 : k._id})`,
         loading: w(o),
         onBack: w(c).back
       }, {
-        default: U(() => [
-          y(x, {
-            "model-value": w(n),
-            "onUpdate:modelValue": p[0] || (p[0] = (G) => $(n) ? n.value = G : null),
+        default: G(() => [
+          g(x, {
+            "model-value": w(a),
+            "onUpdate:modelValue": v[0] || (v[0] = (B) => $(a) ? a.value = B : null),
             class: "mb-6",
             items: d
           }, null, 8, ["model-value"]),
-          w(n) ? (g(), I(P(s.value), K(L({ key: 0 }, {
+          w(a) ? (F(), I(P(s.value), K(L({ key: 0 }, {
             terminal: e.value,
-            onUpdate: t
-          })), null, 16)) : S("", !0)
+            onUpdate: n
+          })), null, 16)) : q("", !0)
         ]),
         _: 1
       }, 8, ["title", "loading", "onBack"]);

package/dist/api/terminal/index.d.ts

@@ -1,4 +1,4 @@
-import { UpdateTerminalByIdDto, type PaginatedResult } from "@feedmepos/payment-entity";
+import { FdoTerminalDeviceType, UpdateTerminalByIdDto, type PaginatedResult } from "@feedmepos/payment-entity";
 import { FdoTerminal } from "@feedmepos/payment-entity";
 export declare const temrinalApi: {
     create(payload: {
@@ -7,6 +7,7 @@ export declare const temrinalApi: {
     }): Promise<PaginatedResult<FdoTerminal>>;
     read(payload: {
         searchKey: string;
+        deviceType: FdoTerminalDeviceType | undefined;
         limit: number;
         cursor: string;
     }): Promise<PaginatedResult<FdoTerminal>>;

package/dist/app.js

@@ -1,7 +1,7 @@
-import { createRouter as D, createWebHistory as I, useRouter as S } from "vue-router";
-import { computed as b, watch as l, defineComponent as h, ref as T, resolveComponent as v, openBlock as _, createBlock as R, onMounted as g, onBeforeMount as w } from "vue";
+import { createRouter as I, createWebHistory as P, useRouter as S } from "vue-router";
+import { computed as h, watch as c, defineComponent as b, ref as w, resolveComponent as v, openBlock as _, createBlock as R, onMounted as T, onBeforeMount as g } from "vue";
 import { useCoreStore as d } from "@feedmepos/mf-common";
-import { defineStore as P } from "pinia";
+import { defineStore as A } from "pinia";
 const f = [
   {
     path: "/admin/payout-accounts",
@@ -9,7 +9,7 @@ const f = [
     meta: {
       sidebarDisplay: "Payout Accounts"
     },
-    component: () => import("./PayoutAccount-DlS2OPwj.js")
+    component: () => import("./PayoutAccount-B2RkqaQ9.js")
   },
   {
     path: "/admin/payout-accounts/:accountId",
@@ -23,13 +23,13 @@ const f = [
     meta: {
       sidebarDisplay: "Terminals"
     },
-    component: () => import("./Terminal-BDDP5VT8.js")
+    component: () => import("./Terminal-CP380u7w.js")
   },
   {
     path: "/admin/terminal/:terminalId",
     name: "mf-payment-admin.terminal-setting",
     props: !0,
-    component: () => import("./TerminalSetting-3CRuMj8l.js")
+    component: () => import("./TerminalSetting-DOdZk5cq.js")
   },
   {
     path: "/admin/terminal-transaction",
@@ -69,7 +69,7 @@ const f = [
   {
     path: "/payout-account",
     name: "mf-payment-payout-account",
-    component: () => import("./PayoutAccount-IhMg0cdL.js"),
+    component: () => import("./PayoutAccount-BGbBteeq.js"),
     meta: {
       sidebarDisplay: "Payout Accounts"
     }
@@ -104,51 +104,57 @@ const f = [
     props: !0,
     component: () => import("./SettlementTransactions-Co4ziq3a.js")
   }
-], A = P("iframe", () => {
-  const o = {
+], C = A("iframe", () => {
+  const m = {
     isIframe: !1
-  }, a = b(() => o);
+  }, a = h(() => m);
   function n(r) {
-    o.isIframe = r;
+    m.isIframe = r;
   }
   return {
     state: a,
     init: n
   };
-}), C = D({
-  history: I(),
+}), B = I({
+  history: P(),
   routes: [...y, ...f]
 });
-C.beforeEach(async (o) => {
+let u, l;
+B.beforeEach(async (m) => {
   const {
     sessionUser: a,
     currentRestaurant: n,
-    businesses: r,
-    changeBusiness: c,
-    currentBusiness: s,
-    readRestaurants: u,
-    changeRestaurant: e
+    currentBusiness: r,
+    readRestaurants: p,
+    changeRestaurant: i
   } = d();
-  return o.name.startsWith("mf-payment-admin") ? a.value ? !0 : new Promise((t) => {
-    const i = l(a, (m) => {
-      var p;
-      m && (i(), t((p = a.value) == null ? void 0 : p.isInternal));
+  return m.name.startsWith("mf-payment-admin") ? a.value ? !0 : (u || (u = new Promise((o) => {
+    const e = c(a, (t) => {
+      var s;
+      t && (e(), o(((s = a.value) == null ? void 0 : s.isInternal) ?? !1));
     });
-  }) : !s.value || !n.value ? new Promise(async (t) => {
-    const i = l(n, (p) => {
-      p && (i(), t(!0));
-    }), m = await u();
-    await e(m == null ? void 0 : m.at(0));
-  }) : !0;
+  })), u) : !r.value || !n.value ? (l || (l = Promise.all([
+    new Promise(async (o) => {
+      const e = c(r, (t) => {
+        t && (e(), o(!0));
+      });
+    }),
+    new Promise(async (o) => {
+      const e = c(n, (s) => {
+        s && (e(), o(!0));
+      }), t = await p();
+      await i(t == null ? void 0 : t.at(0));
+    })
+  ]).then((o) => !0)), l) : !0;
 });
-const B = /* @__PURE__ */ h({
+const V = /* @__PURE__ */ b({
   __name: "AppSidebar",
-  setup(o) {
-    const a = d(), n = S(), r = T(n.currentRoute.value.name);
-    l(n.currentRoute, () => {
+  setup(m) {
+    const a = d(), n = S(), r = w(n.currentRoute.value.name);
+    c(n.currentRoute, () => {
       r.value = n.currentRoute.value.name;
     });
-    const c = y.map((e) => {
+    const p = y.map((e) => {
       var t;
       if ((t = e.meta) != null && t.sidebarDisplay)
         return {
@@ -159,7 +165,7 @@ const B = /* @__PURE__ */ h({
               return n.push({ name: e.name });
           }
         };
-    }).filter((e) => !!e), s = f.map((e) => {
+    }).filter((e) => !!e), i = f.map((e) => {
       var t;
       if ((t = e.meta) != null && t.sidebarDisplay)
         return {
@@ -170,9 +176,9 @@ const B = /* @__PURE__ */ h({
               return n.push({ name: e.name });
           }
         };
-    }).filter((e) => !!e), u = b(() => {
+    }).filter((e) => !!e), o = h(() => {
       var t;
-      const e = [...c];
+      const e = [...p];
       return (t = a.sessionUser.value) != null && t.isInternal && (e.push({
         label: "",
         value: "divider",
@@ -182,29 +188,29 @@ const B = /* @__PURE__ */ h({
         icon: "admin_panel_settings",
         value: "divider",
         disabled: !0
-      }), e.push(...s)), e;
+      }), e.push(...i)), e;
     });
     return (e, t) => {
-      const i = v("FmCollapsibleTabs");
-      return _(), R(i, {
+      const s = v("FmCollapsibleTabs");
+      return _(), R(s, {
         modelValue: r.value,
-        "onUpdate:modelValue": t[0] || (t[0] = (m) => r.value = m),
-        items: u.value,
+        "onUpdate:modelValue": t[0] || (t[0] = (D) => r.value = D),
+        items: o.value,
         class: "py-16 px-8"
       }, null, 8, ["modelValue", "items"]);
     };
   }
-}), F = /* @__PURE__ */ h({
+}), F = /* @__PURE__ */ b({
   __name: "App",
-  setup(o) {
-    const { state: a } = A(), n = d();
-    return g(() => {
+  setup(m) {
+    const { state: a } = C(), n = d();
+    return T(() => {
       a.isIframe && parent.postMessage({ event: "ready" }, "*");
-    }), w(() => {
-      n.registerSidebarComponent(B);
-    }), (r, c) => {
-      const s = v("RouterView");
-      return _(), R(s);
+    }), g(() => {
+      n.registerSidebarComponent(V);
+    }), (r, p) => {
+      const i = v("RouterView");
+      return _(), R(i);
     };
   }
 }), M = [

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@feedmepos/mf-payment",
-  "version": "0.0.0-beta.36",
+  "version": "0.0.0-beta.38",
   "type": "module",
   "files": [
     "dist"