@feedmepos/mf-connect 0.1.98-beta.40 → 0.1.98-beta.41

package/dist/ReviewGoogleCallback-CLzt_ox2.js

@@ -0,0 +1,213 @@
+import { defineComponent as E, onMounted as T, ref as w, computed as B, openBlock as d, createElementBlock as p, Fragment as F, renderList as j, normalizeClass as z, unref as e, createElementVNode as m, createVNode as u, toDisplayString as y, createCommentVNode as S, createBlock as P, resolveComponent as U, isRef as V } from "vue";
+import { u as A } from "./vue-i18n-BYz7XAr_.js";
+import { components as v } from "@feedmepos/ui-library";
+import { r as C } from "./index-BIyKgw4m.js";
+import { u as H } from "./business-CE_4siXc.js";
+import { _ as D } from "./LocationPicker.vue_vue_type_script_setup_true_lang-C6SBLJGQ.js";
+import { R as O } from "./app-CE5hQ4Uq.js";
+import { useRouter as W } from "vue-router";
+const q = { class: "flex flex-col gap-8" }, J = ["onClick"], K = { class: "fm-typo-en-body-md-600 flex-1 truncate" }, Q = {
+  key: 0,
+  class: "fm-typo-en-body-sm-400 text-fm-color-primary-500 shrink-0"
+}, X = /* @__PURE__ */ E({
+  __name: "GoogleLocationMapping",
+  props: {
+    locations: {}
+  },
+  emits: ["update:locations"],
+  setup(k, { emit: a }) {
+    const N = k, b = a, i = H();
+    T(() => i.readLocations());
+    const g = w(null), h = B(() => {
+      const l = /* @__PURE__ */ new Set();
+      for (const r of N.locations)
+        r.locationId && l.add(r.locationId);
+      return l;
+    });
+    function L(l) {
+      return i.locations.filter((r) => {
+        const t = r._id.toString();
+        return !h.value.has(t) || l.locationId === t;
+      });
+    }
+    function f(l, r) {
+      const t = r._id.toString(), _ = N.locations.map((n) => {
+        if (n.googleLocationName !== l) return n;
+        const o = n.locationId === t;
+        return {
+          ...n,
+          locationId: o ? null : t,
+          locationName: o ? null : r.name
+        };
+      });
+      b("update:locations", _);
+    }
+    function I(l) {
+      g.value = g.value === l ? null : l;
+    }
+    return (l, r) => (d(), p("div", q, [
+      (d(!0), p(F, null, j(k.locations, (t) => (d(), p("div", {
+        key: t.googleLocationName,
+        class: z([
+          "rounded-lg border overflow-hidden transition-colors",
+          e(g) === t.googleLocationName ? "border-fm-color-primary-500" : "border-fm-color-neutral-gray-200"
+        ])
+      }, [
+        m("button", {
+          class: "w-full flex items-center gap-12 p-16 bg-white text-left hover:bg-fm-color-neutral-gray-50 transition-colors",
+          onClick: (_) => I(t.googleLocationName)
+        }, [
+          u(e(v).FmIcon, {
+            name: "storefront",
+            class: "text-fm-color-neutral-gray-400 shrink-0"
+          }),
+          m("span", K, y(t.displayName || t.googleLocationName), 1),
+          t.locationName ? (d(), p("span", Q, y(t.locationName), 1)) : S("", !0),
+          u(e(v).FmIcon, {
+            name: e(g) === t.googleLocationName ? "expand_less" : "expand_more",
+            class: "text-fm-color-neutral-gray-400 shrink-0"
+          }, null, 8, ["name"])
+        ], 8, J),
+        e(g) === t.googleLocationName ? (d(), P(D, {
+          key: 0,
+          locations: L(t),
+          "selected-ids": t.locationId ? [t.locationId] : [],
+          onToggle: (_) => f(t.googleLocationName, _)
+        }, null, 8, ["locations", "selected-ids", "onToggle"])) : S("", !0)
+      ], 2))), 128))
+    ]));
+  }
+}), Y = { class: "flex flex-col min-h-full gap-16 p-24" }, Z = {
+  key: 0,
+  class: "flex flex-col items-center justify-center flex-1 gap-16"
+}, ee = { class: "fm-typo-en-body-md-400 text-fm-color-neutral-gray-400" }, oe = {
+  key: 1,
+  class: "flex flex-col items-center justify-center flex-1 gap-16"
+}, te = { class: "fm-typo-en-body-lg-600" }, ne = { class: "fm-typo-en-body-md-400 text-fm-color-neutral-gray-400" }, ae = {
+  key: 2,
+  class: "flex flex-col items-center justify-center flex-1 gap-16"
+}, le = { class: "fm-typo-en-body-lg-600" }, se = { class: "fm-typo-en-body-md-400 text-fm-color-neutral-gray-400" }, ce = { class: "fm-typo-en-body-lg-600" }, ie = { class: "flex gap-8 justify-end mt-auto pt-8" }, ve = /* @__PURE__ */ E({
+  __name: "ReviewGoogleCallback",
+  setup(k) {
+    const { t: a } = A(), N = W();
+    function b() {
+      return N.replace({ name: O["$connect-REVIEW_SETTINGS"] });
+    }
+    const i = w([]), g = w(!1), h = w(!1), L = w(!1), f = w(null), I = B(
+      () => i.value.some((n) => n.locationId !== null)
+    );
+    function l(n, o) {
+      return n instanceof Error ? n.message : o;
+    }
+    function r(n, o) {
+      const x = new Map(
+        o.map((s) => [s.googleLocationName, s.location])
+      );
+      return n.map((s) => {
+        const c = x.get(s.googleLocationName) ?? null;
+        return {
+          googleLocationName: s.googleLocationName,
+          displayName: s.displayName,
+          locationId: (c == null ? void 0 : c._id) ?? null,
+          locationName: (c == null ? void 0 : c.name) ?? null
+        };
+      });
+    }
+    async function t() {
+      var s;
+      const n = new URLSearchParams(window.location.search), o = n.get("code"), x = n.get("state");
+      if (!o || !x) {
+        f.value = a("connect.review.noToken");
+        return;
+      }
+      g.value = !0;
+      try {
+        const c = await C.getSource(), R = ((s = c == null ? void 0 : c.google) == null ? void 0 : s.locations) ?? [], M = window.location.pathname.replace(/\/review(?:\/.*)?$/, ""), G = `${window.location.origin}${M}/review/google/callback`, $ = await C.connectGoogle(o, G, x);
+        i.value = r(($ == null ? void 0 : $.locations) ?? [], R), i.value.length === 0 && (f.value = a("connect.review.google.noLocations"));
+      } catch (c) {
+        f.value = l(c, a("connect.review.google.failed"));
+      } finally {
+        g.value = !1;
+      }
+    }
+    async function _() {
+      const n = i.value.map((o) => ({
+        googleLocationName: o.googleLocationName,
+        displayName: o.displayName,
+        locationId: o.locationId
+      }));
+      if (n.length === 0) {
+        f.value = a("connect.review.noMappings");
+        return;
+      }
+      h.value = !0;
+      try {
+        await C.updateGoogleLocations(n), L.value = !0, setTimeout(b, 2e3);
+      } catch (o) {
+        f.value = l(o, a("connect.review.google.failed"));
+      } finally {
+        h.value = !1;
+      }
+    }
+    return T(t), (n, o) => {
+      const x = U("FmPageHead");
+      return d(), p(F, null, [
+        u(x, {
+          title: e(a)("connect.navigation.review")
+        }, null, 8, ["title"]),
+        m("div", Y, [
+          e(g) ? (d(), p("div", Z, [
+            u(e(v).FmIcon, {
+              name: "sync",
+              size: "xl",
+              class: "animate-spin text-fm-color-neutral-gray-400"
+            }),
+            m("p", ee, y(e(a)("connect.review.google.fetching")), 1)
+          ])) : e(L) ? (d(), p("div", oe, [
+            u(e(v).FmIcon, {
+              name: "check_circle",
+              size: "xl",
+              class: "text-fm-color-typo-success"
+            }),
+            m("p", te, y(e(a)("connect.review.google.success")), 1),
+            m("p", ne, y(e(a)("connect.review.redirecting")), 1)
+          ])) : e(f) ? (d(), p("div", ae, [
+            u(e(v).FmIcon, {
+              name: "error",
+              size: "xl",
+              class: "text-fm-color-system-error-500"
+            }),
+            m("p", le, y(e(a)("connect.review.errorTitle")), 1),
+            m("p", se, y(e(f)), 1),
+            u(e(v).FmButton, {
+              label: e(a)("connect.review.goBack"),
+              onClick: o[0] || (o[0] = (s) => b())
+            }, null, 8, ["label"])
+          ])) : e(i).length > 0 ? (d(), p(F, { key: 3 }, [
+            m("p", ce, y(e(a)("connect.review.google.selectLocation")), 1),
+            u(X, {
+              locations: e(i),
+              "onUpdate:locations": o[1] || (o[1] = (s) => V(i) ? i.value = s : null)
+            }, null, 8, ["locations"]),
+            m("div", ie, [
+              u(e(v).FmButton, {
+                variant: "outlined",
+                label: e(a)("connect.review.cancel"),
+                onClick: o[2] || (o[2] = (s) => b())
+              }, null, 8, ["label"]),
+              u(e(v).FmButton, {
+                label: e(a)("connect.review.connect"),
+                disabled: !e(I),
+                loading: e(h),
+                onClick: _
+              }, null, 8, ["label", "disabled", "loading"])
+            ])
+          ], 64)) : S("", !0)
+        ])
+      ], 64);
+    };
+  }
+});
+export {
+  ve as default
+};

package/dist/Reward-Co20Xrss.js

@@ -0,0 +1,442 @@
+import { defineComponent as X, ref as x, computed as H, resolveComponent as w, openBlock as b, createBlock as h, unref as t, isRef as Z, withCtx as A, createElementVNode as f, createVNode as d, createCommentVNode as k, createElementBlock as M, Fragment as Y, h as _, onMounted as q, toDisplayString as B } from "vue";
+import { _ as z } from "./campaign-CpzFl8Vr.js";
+import { useDialog as Q, components as L } from "@feedmepos/ui-library";
+import { u as G } from "./loading-NY-FPxVY.js";
+import { u as J, C as ee } from "./membership-BWaK-9FY.js";
+import { f as j, p as te } from "./plugins-ur-FAoye.js";
+import { u as oe } from "./vue-i18n-BYz7XAr_.js";
+import { c as ae } from "./object-BYyQ0PZp.js";
+import { Z as F } from "./zod-DHH42rXG.js";
+import "./index-CSVhIZSY.js";
+import { a as N } from "./index-lnQT4P3d.js";
+import { useCoreStore as le } from "@feedmepos/mf-common";
+import { _ as ne, a as ie } from "./VoucherEditor.vue_vue_type_script_setup_true_lang-DF2JqzRe.js";
+import { b as re } from "./EffectSheet.vue_vue_type_style_index_0_lang-CrGHTNhg.js";
+import { J as K } from "./JsonViewer-v8_C7l5N.js";
+import { _ as se } from "./ZodTextField.vue_vue_type_script_setup_true_lang-B4UPqSNc.js";
+import { i as de } from "./helper-vkjFqj70.js";
+import { u as pe, r as P } from "./reward-DSsylZ22.js";
+import "./index-Dx9h0FNH.js";
+import { C as ce } from "./campaign.fn-DKnBpE1N.js";
+import { e as me } from "./effect-CLI8NI4O.js";
+import { useRouter as ue } from "vue-router";
+import { R as ye } from "./app-CE5hQ4Uq.js";
+const fe = { class: "flex gap-8 items-center justify-start" }, we = /* @__PURE__ */ X({
+  __name: "EditRewardSheet",
+  emits: ["update"],
+  setup(W, { expose: n, emit: I }) {
+    const p = J(), { minor: C } = G, v = x(!1), a = x({}), y = x(), R = H(() => {
+      var l;
+      return ((l = a.value.option) == null ? void 0 : l.collectibleType) === "CREDIT" ? N.superRefine((e, o) => {
+        var i, m, g, r;
+        !((m = (i = e.option) == null ? void 0 : i.validityOption) != null && m.validForDay) && !((r = (g = e.option) == null ? void 0 : g.validityOption) != null && r.validBefore) && o.addIssue({
+          code: "custom",
+          path: [],
+          message: "Credit validity must be set"
+        });
+      }) : N;
+    }), u = H(() => {
+      const l = R.value.safeParse(a.value);
+      return l.success ? [] : l.error.errors;
+    });
+    function O(l, e) {
+      l && (y.value = void 0, a.value = e), v.value = l;
+    }
+    const D = I;
+    async function S() {
+      const l = R.value.safeParse(a.value);
+      !l.success || !l.data || (await C(
+        async () => {
+          var e;
+          l.data.option.type === "VOUCHER" && y.value && (l.data.option.collectibleConfig.image = await j.update(
+            ((e = l.data.option.collectibleConfig) == null ? void 0 : e.image) || j.collectibleImagePath(void 0, y.value),
+            y.value
+          ));
+        },
+        {
+          message: "Uploading reward image",
+          successMessage: "Reward image updated"
+        }
+      ), D("update", l.data));
+    }
+    function T(l) {
+      l === "VOUCHER" ? a.value.option = {
+        collectible: null,
+        type: "VOUCHER",
+        collectibleConfig: de("VOUCHER", {
+          business: le().currentBusiness.value._id
+        }),
+        earningOption: {
+          amount: 1,
+          type: "FIXED"
+        },
+        validityOption: {
+          validForDay: 7
+        }
+      } : a.value.option = {
+        collectible: p.loyaltyRewards.raw[0]._id,
+        collectibleType: p.loyaltyRewards.raw[0].type,
+        type: "LOYALTY",
+        earningOption: {
+          amount: 1,
+          type: "FIXED"
+        },
+        validityOption: {
+          validForDay: 7
+        }
+      };
+    }
+    function $(l) {
+      a.value.option.collectible = l, a.value.option.collectibleType = p.loyaltyRewards.raw.find(
+        (e) => e._id === l
+      ).type;
+    }
+    const V = x();
+    return n({
+      showSheet: O
+    }), (l, e) => {
+      const o = w("FmSelect"), i = w("FmForm"), m = w("FmButton"), g = w("FmSideSheet");
+      return b(), h(g, {
+        "max-width": 560,
+        modelValue: t(v),
+        "onUpdate:modelValue": [
+          e[8] || (e[8] = (r) => Z(v) ? v.value = r : null),
+          e[9] || (e[9] = (r) => v.value = r)
+        ],
+        header: "Edit reward"
+      }, {
+        "side-sheet-footer": A(() => [
+          f("div", fe, [
+            d(m, {
+              variant: "primary",
+              type: "button",
+              label: "Confirm",
+              disabled: t(u).length > 0,
+              onClick: e[6] || (e[6] = (r) => S())
+            }, null, 8, ["disabled"]),
+            d(m, {
+              variant: "secondary",
+              type: "button",
+              label: "Cancel",
+              onClick: e[7] || (e[7] = (r) => v.value = !1)
+            })
+          ])
+        ]),
+        default: A(() => [
+          d(K, { json: t(a) }, null, 8, ["json"]),
+          d(i, {
+            class: "flex flex-col gap-y-24",
+            ref_key: "formRef",
+            ref: V,
+            onValidationSuccess: e[5] || (e[5] = (r) => S())
+          }, {
+            default: A(() => {
+              var r, E, c;
+              return [
+                d(se, {
+                  modelValue: t(a).name,
+                  "onUpdate:modelValue": e[0] || (e[0] = (s) => t(a).name = s),
+                  label: "Reward Name",
+                  schema: t(F).typeAtPath(t(R), "name", []),
+                  "error-text": t(F).helperText(t(u), "name")
+                }, null, 8, ["modelValue", "schema", "error-text"]),
+                d(o, {
+                  label: "Reward Type",
+                  disabled: !!t(a)._id,
+                  items: [
+                    { label: "Voucher", value: "VOUCHER" },
+                    { label: "Loyalty", value: "LOYALTY" }
+                  ],
+                  "model-value": t(a).option.type,
+                  "onUpdate:modelValue": T
+                }, null, 8, ["disabled", "model-value"]),
+                t(a).option.type == "LOYALTY" ? (b(), h(o, {
+                  key: 0,
+                  label: "Loyalty type",
+                  items: t(p).loyaltyRewards.items,
+                  "model-value": t(a).option.collectible,
+                  "onUpdate:modelValue": $
+                }, null, 8, ["items", "model-value"])) : k("", !0),
+                t(a).option.type === "LOYALTY" ? (b(), M(Y, { key: 1 }, [
+                  e[10] || (e[10] = f("div", { class: "fm-typo-en-title-sm-800" }, "Earning option", -1)),
+                  ((r = t(p).loyaltyRewards.items.find(
+                    (s) => {
+                      var U;
+                      return s.value === ((U = t(a)) == null ? void 0 : U.option.collectible);
+                    }
+                  )) == null ? void 0 : r.raw.type) !== "TITLE" ? (b(), h(ne, {
+                    key: 0,
+                    class: "mt-[-8px]",
+                    rules: [
+                      t(F).ruleAtPath(t(R), "option.earningOption", [
+                        t(a).option.type
+                      ])
+                    ],
+                    "helper-state": t(F).helperState(t(u), "option.earningOption"),
+                    "error-text": t(F).helperText(t(u), "option.earningOption"),
+                    "fixed-type": !0,
+                    "model-value": t(a).option.earningOption,
+                    "onUpdate:modelValue": e[1] || (e[1] = (s) => t(a).option.earningOption = s)
+                  }, null, 8, ["rules", "helper-state", "error-text", "model-value"])) : k("", !0),
+                  d(re, {
+                    class: "!gap-24",
+                    "for-credit": t(a).option.type === "LOYALTY" && ((E = t(p).loyaltyRewards.items.find(
+                      (s) => {
+                        var U;
+                        return s.value === ((U = t(a).option) == null ? void 0 : U.collectible);
+                      }
+                    )) == null ? void 0 : E.raw.type) === "CREDIT",
+                    type: t(a).option.type === "VOUCHER" ? "range" : "custom",
+                    rules: [
+                      t(F).ruleAtPath(t(R), "option.validityOption", [
+                        t(a).option.type
+                      ])
+                    ],
+                    "model-value": t(a).option.validityOption,
+                    "onUpdate:modelValue": e[2] || (e[2] = (s) => t(a).option.validityOption = s)
+                  }, null, 8, ["for-credit", "type", "rules", "model-value"])
+                ], 64)) : k("", !0),
+                t(a).option.type === "VOUCHER" ? (b(), h(ie, {
+                  key: 2,
+                  "reward-image": t(y),
+                  "model-value": ((c = t(a)) == null ? void 0 : c.option.collectibleConfig) ?? void 0,
+                  "onUpdate:modelValue": e[3] || (e[3] = (s) => t(a).option.collectibleConfig = s),
+                  "onUpdate:rewardImage": e[4] || (e[4] = (s) => y.value = s)
+                }, null, 8, ["reward-image", "model-value"])) : k("", !0),
+                d(K, { json: t(u) }, null, 8, ["json"])
+              ];
+            }),
+            _: 1
+          }, 512)
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+}), ve = { class: "px-24 flex flex-col gap-y-16" }, ge = { class: "flex items-center justify-between w-full" }, be = { class: "flex flex-col gap-16 text-center" }, Re = { class: "fm-typo-en-title-sm-800" }, Ce = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ke = /* @__PURE__ */ X({
+  __name: "Reward",
+  setup(W) {
+    const { t: n } = oe(), I = {
+      label: n("connect.storeRewards.create"),
+      value: "create",
+      isPrimary: !0,
+      prependIcon: "add"
+    }, p = J(), C = pe(), { global: v, minor: a } = G, y = ue(), R = Q(), u = x({
+      searchKey: "",
+      columnFilters: []
+    }), O = H(() => C.rewards);
+    function D(e) {
+      y.push({
+        name: ye["$connect-STORE_REWARD_COLLECTIONS"],
+        params: { id: e }
+      });
+    }
+    const S = [
+      {
+        header: n("connect.storeRewards.table.name"),
+        accessorFn: (e) => e.name
+      },
+      {
+        header: n("connect.storeRewards.table.type"),
+        cell(e) {
+          return e.row.original.collectibleConfig ? ee[e.row.original.collectibleConfig.type].chip() : "N/A";
+        }
+      },
+      {
+        header: n("connect.storeRewards.table.summary"),
+        accessorFn: (e) => {
+          var o, i;
+          if (e.option.type === "VOUCHER")
+            return me((i = (o = e.option.collectibleConfig) == null ? void 0 : o.extras) == null ? void 0 : i.effect);
+          if (e.option.collectibleType == "TITLE") {
+            const m = p.sortedTitles.find(
+              (g) => g._id == e.option.collectible
+            );
+            return `Get ${m == null ? void 0 : m.name} valid for ${e.option.validityOption.validForDay} days`;
+          }
+          return `Get ${e.option.earningOption.amount} ${ce.formattedType(e.option.collectibleType)}`;
+        }
+      },
+      {
+        header: n("connect.storeRewards.table.actions"),
+        cell(e) {
+          return _("div", { class: "flex items-center justify-end gap-4" }, [
+            _(
+              L.FmMenu,
+              {
+                placement: "bottom-end",
+                onClick: (o) => {
+                  o.stopPropagation();
+                }
+              },
+              {
+                "menu-button": () => _(L.FmButton, {
+                  icon: "more_vert",
+                  iconColor: "neutral-gray-400",
+                  variant: "tertiary"
+                }),
+                default: () => [
+                  e.row.original.option.type === "VOUCHER" && _(L.FmMenuItem, {
+                    label: "View collections",
+                    onClick: async (o) => {
+                      o.stopPropagation(), D(
+                        e.row.original.option.collectible
+                      );
+                    }
+                  }),
+                  _(
+                    L.FmMenuItem,
+                    {
+                      onClick: async (o) => {
+                        o.stopPropagation(), $(e.row.original);
+                      }
+                    },
+                    {
+                      label: _(
+                        "div",
+                        {
+                          class: "text-fm-color-typo-error fm-typo-en-body-md-400"
+                        },
+                        "Delete"
+                      )
+                    }
+                  )
+                ]
+              }
+            )
+          ]);
+        }
+      }
+    ], T = x();
+    async function $(e) {
+      await te.remove(
+        n("connect.storeRewards.delete.confirm"),
+        n("connect.storeRewards.delete.title")
+      ) && await a(
+        async () => {
+          await P.deleteReward(e._id), await C.readRewards();
+        },
+        {
+          message: n("connect.storeRewards.delete.message"),
+          successMessage: n("connect.storeRewards.delete.success")
+        }
+      );
+    }
+    async function V(e) {
+      var o;
+      e || (e = {
+        name: "",
+        option: {
+          type: "LOYALTY",
+          collectible: p.loyaltyRewards.items[0].value,
+          collectibleType: p.loyaltyRewards.items[0].raw.type,
+          validityOption: {
+            validForDay: 7
+          },
+          earningOption: {
+            type: "FIXED",
+            amount: 1
+          }
+        }
+      }), (o = T.value) == null || o.showSheet(!0, ae(e));
+    }
+    async function l(e) {
+      let o = !1;
+      e._id && e.option.type === "VOUCHER" && await new Promise((i) => {
+        R.open({
+          title: "Confirmation",
+          message: "This will change all future vouchers? Would you like to update previous claimed vouchers expiry date and discount?",
+          primaryActions: { text: "Update all", close: !0 },
+          secondaryActions: { text: "Update future only", close: !0 }
+        }).onPrimary(async () => {
+          o = !0, i();
+        }).onSecondary(async () => {
+          i();
+        });
+      }), await a(
+        async () => {
+          var i;
+          e.collectibleConfig = void 0, e._id ? await P.updateReward(e._id, {
+            ...e,
+            updateCollection: o
+          }) : await P.createReward(e), await C.readRewards(), (i = T.value) == null || i.showSheet(!1);
+        },
+        {
+          message: "Updating reward",
+          successMessage: "Reward updated successfully"
+        }
+      );
+    }
+    return q(async () => {
+      await v(async () => {
+        await p.readMembership(), await p.readRewards(), await C.readRewards();
+      });
+    }), (e, o) => {
+      const i = w("FmPageHead"), m = w("FmSearch"), g = w("FmTable"), r = w("FmButton"), E = w("FmCard");
+      return b(), M(Y, null, [
+        d(i, {
+          title: t(n)("connect.reward.title"),
+          actions: [I],
+          "back-button": !0,
+          "onClick:action": o[0] || (o[0] = () => V()),
+          "onClick:back": o[1] || (o[1] = () => {
+            var c;
+            return (c = t(y)) == null ? void 0 : c.back();
+          })
+        }, null, 8, ["title", "actions"]),
+        f("div", ve, [
+          t(O) && t(O).length > 0 ? (b(), M(Y, { key: 0 }, [
+            f("div", ge, [
+              o[6] || (o[6] = f("div", { class: "flex gap-8" }, null, -1)),
+              d(m, {
+                modelValue: t(u).searchKey,
+                "onUpdate:modelValue": o[2] || (o[2] = (c) => t(u).searchKey = c),
+                class: "",
+                placeholder: "search",
+                collapsible: ""
+              }, null, 8, ["modelValue"])
+            ]),
+            d(g, {
+              "row-data": t(O),
+              "column-defs": S,
+              "search-value": t(u).searchKey,
+              "column-filter": t(u).columnFilters,
+              onRowClick: o[3] || (o[3] = (c) => V(c.original)),
+              "hide-footer": t(O).length < 10
+            }, null, 8, ["row-data", "search-value", "column-filter", "hide-footer"])
+          ], 64)) : (b(), h(E, {
+            key: 1,
+            variant: "outlined",
+            class: "w-full flex flex-col items-center justify-center gap-y-24 p-24"
+          }, {
+            default: A(() => [
+              o[7] || (o[7] = f("img", {
+                src: z,
+                class: "aspect-square w-[150px]"
+              }, null, -1)),
+              f("div", be, [
+                f("div", Re, B(t(n)("connect.storeRewards.empty.title")), 1),
+                f("div", Ce, B(t(n)("connect.storeRewards.empty.description")), 1)
+              ]),
+              d(r, {
+                variant: "primary",
+                label: t(n)("connect.storeRewards.empty.action"),
+                onClick: o[4] || (o[4] = (c) => V()),
+                icon: "add"
+              }, null, 8, ["label"])
+            ]),
+            _: 1
+          })),
+          d(we, {
+            ref_key: "rewardSheetRef",
+            ref: T,
+            onUpdate: o[5] || (o[5] = (c) => l(c))
+          }, null, 512)
+        ])
+      ], 64);
+    };
+  }
+});
+export {
+  Ke as default
+};