@feedmepos/mf-connect 0.1.38-beta.6 → 0.1.38-beta.61

package/dist/Mission-Q5_sGgrm.js

@@ -0,0 +1,304 @@
+import { defineComponent as z, ref as x, computed as W, h as m, onMounted as G, resolveComponent as d, openBlock as u, createElementBlock as b, Fragment as C, createVNode as r, unref as t, createElementVNode as s, withCtx as v, renderList as J, createBlock as S, resolveDynamicComponent as Q, toDisplayString as f } from "vue";
+import { _ as X } from "./campaign-CpzFl8Vr.js";
+import { u as Y } from "./loading-CivgDw5C.js";
+import { a as Z, b as B, c as P } from "./campaign-RuIwxc4y.js";
+import { a as ee, p as oe } from "./plugins-P-V4XWmW.js";
+import { u as te } from "./business-BFIwFfkq.js";
+import { u as ne } from "./campaign-w9j4I4jn.js";
+import { useDialog as ae, components as _ } from "@feedmepos/ui-library";
+import { _ as se } from "./FilterChip.vue_vue_type_script_setup_true_lang-DaU-9GzO.js";
+import { u as ie } from "./template-Dbz3FhHK.js";
+import { _ as re } from "./EditCampaignSheet.vue_vue_type_script_setup_true_lang-0DMFuBoG.js";
+import { s as ce } from "./index-CuvNtC_M.js";
+import { u as le } from "./vue-i18n-tpDAnnmD.js";
+import { _ as me } from "./SendCollectionSheet.vue_vue_type_script_setup_true_lang-EgVxUG_N.js";
+import { c as h } from "./index-DpjYgKTN.js";
+const de = { class: "px-24 flex flex-col gap-y-16" }, pe = { class: "flex items-center justify-between w-full" }, ue = { class: "flex gap-8 overflow-x-auto" }, fe = { class: "space-y-8" }, ge = { class: "flex w-full gap-4 items-center" }, ye = { class: "space-y-4" }, _e = { class: "fm-typo-en-body-lg-600" }, he = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, we = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, xe = { class: "flex flex-col gap-16 text-center" }, be = { class: "fm-typo-en-title-sm-800" }, Ce = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Te = /* @__PURE__ */ z({
+  __name: "Mission",
+  setup(ve) {
+    const { t: n } = le(), K = {
+      label: n("connect.program.common.actions.create", {
+        type: n("connect.program.mission.title").toLowerCase()
+      }),
+      value: "create",
+      isPrimary: !0,
+      prependIcon: "add"
+    }, F = ae(), R = ie("MISSION", F), A = te(), p = ne(), { global: N, minor: k } = Y, c = x({
+      searchKey: "",
+      location: []
+    });
+    function O(e) {
+      const o = c.value.location;
+      return !o || o.length === 0 || !e.targetLocation ? !0 : Array.isArray(o) ? o.some((i) => {
+        var l;
+        return (l = e == null ? void 0 : e.targetLocation) == null ? void 0 : l.includes(i);
+      }) : e.targetLocation.includes(o);
+    }
+    const g = W(
+      () => p.campaigns.mission.filter((e) => O(e))
+    ), U = [
+      {
+        header: n("connect.program.common.table.title"),
+        accessorKey: "name",
+        // accessorFn: (v) => v.name,
+        cell(e) {
+          return m("div", { class: "flex items-center justify-between gap-4" }, [
+            m("div", { class: "flex items-center" }, [
+              m(
+                _.FmTooltip,
+                {
+                  content: e.row.original._id,
+                  onClick: (o) => {
+                    o.stopPropagation(), ee(e.row.original._id);
+                  }
+                },
+                [
+                  m(_.FmIcon, {
+                    name: "info",
+                    outline: !0,
+                    size: "sm"
+                  })
+                ]
+              )
+            ]),
+            m("div", { class: "flex-1" }, e.row.original.name)
+          ]);
+        }
+      },
+      {
+        header: n("connect.campaign.mission.type"),
+        accessorFn: (e) => ce(e.mission.type)
+        //v.effect,
+      },
+      {
+        header: n("connect.program.common.table.status"),
+        accessorFn: (e) => Z(e),
+        cell(e) {
+          return B(e.row.original);
+        }
+      },
+      {
+        header: n("connect.program.common.table.summary"),
+        accessorFn: (e) => P(e)
+        //v.effect,
+      },
+      {
+        header: n("connect.campaign.mission.received"),
+        accessorFn: (e) => {
+          var o;
+          return ((o = e == null ? void 0 : e.pf_collectible) == null ? void 0 : o.currentReceive) ?? 0;
+        }
+      },
+      {
+        header: n("connect.program.common.table.actions"),
+        cell(e) {
+          return m("div", { class: "flex items-center gap-8" }, [
+            m(_.FmButton, {
+              variant: "tertiary",
+              icon: "send",
+              iconColor: "neutral-gray-400",
+              onClick: (o) => {
+                o.stopPropagation(), $(e.row.original);
+              }
+            }),
+            m(_.FmButton, {
+              variant: "tertiary",
+              icon: "delete",
+              iconColor: "neutral-gray-400",
+              onClick: (o) => {
+                o.stopPropagation(), V(e.row.original);
+              }
+            })
+          ]);
+        }
+      }
+    ], I = x(), L = x();
+    async function V(e) {
+      await oe.remove(
+        n("connect.program.common.remove.confirm", { name: e.name })
+      ) && await k(
+        async () => {
+          await h.delete(e._id), await p.read("MISSION");
+        },
+        {
+          message: n("connect.program.common.remove.removing", { name: e.name }),
+          successMessage: n("connect.program.common.remove.removed", {
+            name: e.name
+          })
+        }
+      );
+    }
+    async function y(e) {
+      e ? await o() : R.open(async (i) => {
+        await o(i);
+      });
+      async function o(i) {
+        var l;
+        (l = I.value) == null || l.showSheet(
+          !0,
+          "MISSION",
+          e ? await h.readById(e._id) : void 0,
+          i
+        );
+      }
+    }
+    async function T(e) {
+      e.campaign._id && e.campaign.rewards.some((o) => o.type === "VOUCHER") && await new Promise((o) => {
+        F.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 () => {
+          var i;
+          e.updateCollections = !0, (i = window.top) == null || i.postMessage("updateAllVoucher", "*"), o();
+        }).onSecondary(async () => {
+          o();
+        });
+      }), await k(
+        async () => {
+          e.campaign._id ? await h.update(e.campaign._id, e) : await h.create(e), await p.read("MISSION");
+        },
+        {
+          message: n(
+            e.campaign._id ? "connect.program.common.update.updating" : "connect.program.common.update.creating",
+            { type: "Mission" }
+          ),
+          successMessage: n("connect.program.common.update.success", {
+            type: "Mission",
+            action: e.campaign._id ? "updated" : "created"
+          })
+        }
+      );
+    }
+    function $(e) {
+      var o;
+      (o = L.value) == null || o.showSheet({
+        campaign: e
+      });
+    }
+    return G(async () => {
+      await N(async () => {
+        await p.read("MISSION"), console.log(g);
+      });
+    }), (e, o) => {
+      const i = d("FmPageHead"), l = d("FmSearch"), D = d("FmTable"), M = d("FmButton"), j = d("FmListItem"), E = d("FmList"), H = d("FmCard");
+      return u(), b(C, null, [
+        r(i, {
+          title: t(n)("connect.campaign.mission.title"),
+          actions: t(g).length > 0 ? [K] : [],
+          "onClick:action": o[0] || (o[0] = () => y())
+        }, null, 8, ["title", "actions"]),
+        s("div", de, [
+          r(l, {
+            modelValue: t(c).searchKey,
+            "onUpdate:modelValue": o[1] || (o[1] = (a) => t(c).searchKey = a),
+            class: "hidden xs:!block sm:!block border-b-2 border-fm-color-neutral-gray-100",
+            placeholder: t(n)("connect.program.common.search"),
+            collapsible: ""
+          }, null, 8, ["modelValue", "placeholder"]),
+          t(p).campaigns.mission && t(p).campaigns.mission.length > 0 ? (u(), b(C, { key: 0 }, [
+            s("div", pe, [
+              s("div", ue, [
+                r(se, {
+                  label: `${t(n)("connect.program.common.location")}: `,
+                  "right-icon": "keyboard_arrow_down",
+                  modelValue: t(c).location,
+                  "onUpdate:modelValue": o[2] || (o[2] = (a) => t(c).location = a),
+                  icon: "storefront",
+                  "show-item-label": !0,
+                  items: t(A).locationOptions
+                }, null, 8, ["label", "modelValue", "items"])
+              ]),
+              r(l, {
+                modelValue: t(c).searchKey,
+                "onUpdate:modelValue": o[3] || (o[3] = (a) => t(c).searchKey = a),
+                class: "xs:hidden sm:hidden",
+                placeholder: "search",
+                collapsible: ""
+              }, null, 8, ["modelValue"])
+            ]),
+            r(D, {
+              class: "xs:hidden sm:hidden",
+              "row-data": t(g),
+              "column-defs": U,
+              "search-value": t(c).searchKey,
+              "column-filter": [],
+              onRowClick: o[4] || (o[4] = (a) => y(a.original)),
+              "hide-footer": t(g).length < 10
+            }, null, 8, ["row-data", "search-value", "hide-footer"]),
+            r(E, { class: "hidden xs:!flex sm:!flex flex-col mx-[-24px]" }, {
+              default: v(() => [
+                (u(!0), b(C, null, J(t(g).filter(
+                  (a) => a.name.toLowerCase().includes(t(c).searchKey.toLowerCase())
+                ), (a) => (u(), S(j, {
+                  key: a._id.toString(),
+                  onClick: (w) => y(a),
+                  class: "py-12 px-16 flex items-center justify-between border-b border-fm-color-neutral-gray-100"
+                }, {
+                  default: v(() => {
+                    var w;
+                    return [
+                      s("div", fe, [
+                        s("div", ge, [
+                          (u(), S(Q(t(B)(a))))
+                        ]),
+                        s("div", ye, [
+                          s("div", _e, f(a.name), 1),
+                          s("div", he, f(t(P)(a)), 1)
+                        ]),
+                        s("div", we, f(t(n)("connect.campaign.mission.received")) + " : " + f(((w = a == null ? void 0 : a.pf_collectible) == null ? void 0 : w.currentReceive) ?? 0), 1)
+                      ]),
+                      r(M, {
+                        icon: "delete",
+                        "icon-color": "neutral-gray-400",
+                        variant: "tertiary",
+                        onClick: (q) => (q.stopPropagation(), V(a))
+                      }, null, 8, ["onClick"])
+                    ];
+                  }),
+                  _: 2
+                }, 1032, ["onClick"]))), 128))
+              ]),
+              _: 1
+            })
+          ], 64)) : (u(), S(H, {
+            key: 1,
+            variant: "outlined",
+            class: "w-full flex flex-col items-center justify-center gap-y-24 p-24"
+          }, {
+            default: v(() => [
+              o[6] || (o[6] = s("img", {
+                src: X,
+                class: "aspect-square w-[150px]"
+              }, null, -1)),
+              s("div", xe, [
+                s("div", be, f(t(n)("connect.campaign.mission.createProgram")), 1),
+                s("div", Ce, f(t(n)("connect.campaign.mission.description")), 1)
+              ]),
+              r(M, {
+                variant: "primary",
+                label: t(n)("connect.campaign.mission.create"),
+                icon: "add",
+                onClick: o[5] || (o[5] = (a) => y())
+              }, null, 8, ["label"])
+            ]),
+            _: 1
+          })),
+          r(re, {
+            ref_key: "sheetRef",
+            ref: I,
+            "onSubmit:modelValue": T
+          }, null, 512),
+          r(me, {
+            ref_key: "sendCollectionSheetRef",
+            ref: L
+          }, null, 512)
+        ])
+      ], 64);
+    };
+  }
+});
+export {
+  Te as default
+};

package/dist/{Overview-BZjto86d.js → Overview-B0rwrHR1.js}

@@ -1,29 +1,28 @@
 import { defineComponent as q, resolveComponent as w, openBlock as C, createElementBlock as B, Fragment as Y, createVNode as c, withCtx as V, createElementVNode as a, toDisplayString as O, unref as r, renderSlot as ve, ref as F, computed as G, watch as ie, createBlock as j, isRef as J, resolveDynamicComponent as ne, renderList as re, normalizeClass as de, createTextVNode as ce, createCommentVNode as z, h as te, onMounted as _e } from "vue";
 import { _ as ge } from "./campaign-CpzFl8Vr.js";
-import { u as Z } from "./vue-i18n-COzqUgQy.js";
-import { u as ue } from "./loading-MEQuW9Xa.js";
-import { c as we, p as K } from "./plugins-KiMuDTPp.js";
+import { u as Z } from "./vue-i18n-tpDAnnmD.js";
+import { u as ue } from "./loading-CivgDw5C.js";
+import { c as we, p as K } from "./plugins-P-V4XWmW.js";
 import { J as X } from "./JsonViewer-v8_C7l5N.js";
-import { Z as N } from "./zod-Bg2FbC-D.js";
+import { Z as N } from "./zod-D-wiCQRJ.js";
 import { u as W } from "./app-wDQR6dpb.js";
-import { u as Q, _ as ye } from "./RewardGroup.vue_vue_type_script_setup_true_lang-S2Fd0qO8.js";
-import { u as me } from "./reward-ClX_lWcQ.js";
-import { a as be, b as xe } from "./index-DaEQgaiW.js";
-import { l as le, c as se } from "./index-BCPBmANe.js";
-import "./index-CrbnfAk8.js";
-import "./index-BCGDOgxb.js";
-import "./index-BkySejFg.js";
-import "./index-Dkmn0jmX.js";
-import { C as fe } from "./membership-Du79A0Pl.js";
-import { t as ee } from "./helper-CFaph16Q.js";
+import { u as Q, _ as ye } from "./RewardGroup.vue_vue_type_script_setup_true_lang-s1RI55Rc.js";
+import { u as me } from "./reward-BqMlBQRu.js";
+import { a as be, b as xe } from "./index-DdZdHioZ.js";
+import { l as le, c as se } from "./index-B-AMMFfT.js";
+import "./index-Bflu4Rft.js";
+import "./index-CR3f3BXQ.js";
+import "./index-CZPcwcUo.js";
+import { C as fe } from "./membership-j2w1YUO-.js";
+import { t as ee } from "./helper-CCfb24PO.js";
 import { c as H } from "./object-qECH92oz.js";
 import { useDialog as Ce, components as oe } from "@feedmepos/ui-library";
-import { _ as Re } from "./ZodTextField.vue_vue_type_script_setup_true_lang-CfLiUj9f.js";
-import { a as Se, _ as Fe, b as ke } from "./trigger-DLp1bkZP.js";
-import { O as $e } from "./objectid-BeZTZYqi.js";
-import { r as pe } from "./index-BKOgzVx6.js";
-import { u as Pe } from "./business-B65OtB5B.js";
-const Ve = { class: "flex items-center justify-between flex-1 xs:hidden" }, Ie = { class: "flex items-center gap-x-24 h-[80px] p-8 flex-1" }, Te = { class: "flex-1" }, Ue = { class: "flex items-center gap-8" }, Ae = { class: "fm-typo-en-title-sm-800" }, Le = { class: "flex gap-8 items-center" }, Ee = { class: "space-y-4 hidden xs:block border-b border-fm-color-neutral-gray-100 px-16 flex-1 pb-24" }, Be = { class: "flex items-center justify-between" }, Oe = { class: "flex items-center gap-x-24 h-[80px] p-8 flex-1" }, je = { class: "flex-1 space-y-4" }, De = { class: "fm-typo-en-body-lg-600" }, Ge = /* @__PURE__ */ q({
+import { _ as Re } from "./ZodTextField.vue_vue_type_script_setup_true_lang-CU_Sx2PM.js";
+import { a as Se, _ as Fe, b as ke } from "./trigger-CbriUibd.js";
+import { O as $e } from "./objectid-CHab6j3r.js";
+import { r as pe } from "./index-DDYH-IEX.js";
+import { u as Pe } from "./business-BFIwFfkq.js";
+const Ve = { class: "flex items-center justify-between flex-1 xs:hidden" }, Ie = { class: "flex items-center gap-x-24 h-[80px] p-8 flex-1" }, Te = { class: "flex-1" }, Ue = { class: "flex items-center gap-8" }, Ae = { class: "fm-typo-en-title-sm-800" }, Le = { class: "flex gap-8 items-center" }, Ee = { class: "space-y-4 hidden xs:!block border-b border-fm-color-neutral-gray-100 px-16 flex-1 pb-24" }, Be = { class: "flex items-center justify-between" }, Oe = { class: "flex items-center gap-x-24 h-[80px] p-8 flex-1" }, je = { class: "flex-1 space-y-4" }, De = { class: "fm-typo-en-body-lg-600" }, Ge = /* @__PURE__ */ q({
   __name: "ReferralRewadGroupCard",
   props: {
     rewardGroup: {
@@ -406,7 +405,7 @@ const Ve = { class: "flex items-center justify-between flex-1 xs:hidden" }, Ie =
               variant: "tertiary",
               onClick: n[0] || (n[0] = (e) => T(!1))
             }),
-            n[7] || (n[7] = ce("Add Criteria "))
+            n[7] || (n[7] = ce("Add Criteria ", -1))
           ])
         ]),
         "side-sheet-footer": V(() => [
@@ -739,7 +738,7 @@ const nr = { class: "flex flex-col space-y-16 mt-24" }, lr = { class: "flex just
 }), mr = { class: "fm-typo-en-title-sm-600" }, fr = { class: "grid grid-cols-4 xs:grid-cols-1 gap-4 divide-x xs:divide-x-0" }, pr = { class: "flex gap-x-8" }, hr = { class: "fm-typo-body-lg-600 flex items-center gap-x-4" }, vr = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, _r = { class: "mb-40" }, gr = {
   key: 0,
   class: "flex flex-col items-center justify-center gap-y-16 p-24"
-}, wr = { class: "flex flex-col gap-16 text-center" }, yr = { class: "fm-typo-en-title-sm-800" }, br = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, qr = /* @__PURE__ */ q({
+}, wr = { class: "flex flex-col gap-16 text-center" }, yr = { class: "fm-typo-en-title-sm-800" }, br = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Yr = /* @__PURE__ */ q({
   __name: "Overview",
   setup(k) {
     const { t: l } = Z(), { minor: I } = ue, p = Pe(), g = Q(), { confirmUpdateReferralRecord: f, updateReferralRecord: s } = he(), u = G(() => {
@@ -961,8 +960,8 @@ const nr = { class: "flex flex-col space-y-16 mt-24" }, lr = { class: "flex just
                             outline: !0
                           })
                         ]),
-                        _: 2
-                      }, 1032, ["content"])) : z("", !0)
+                        _: 1
+                      }, 8, ["content"])) : z("", !0)
                     ]),
                     a("div", vr, O(x.sublabel), 1),
                     x.action ? (C(), j($, {
@@ -1075,5 +1074,5 @@ const nr = { class: "flex flex-col space-y-16 mt-24" }, lr = { class: "flex just
   }
 });
 export {
-  qr as default
+  Yr as default
 };

package/dist/Point-BGYFMvev.js

@@ -0,0 +1,228 @@
+import { defineComponent as j, ref as V, computed as E, h as M, onMounted as H, resolveComponent as l, openBlock as p, createElementBlock as w, Fragment as b, createVNode as i, unref as o, withCtx as y, createElementVNode as n, toDisplayString as u, renderList as q, createBlock as C, resolveDynamicComponent as z } from "vue";
+import { _ as G } from "./campaign-CpzFl8Vr.js";
+import { useDialog as J, components as Q } from "@feedmepos/ui-library";
+import { p as W } from "./plugins-P-V4XWmW.js";
+import { u as X } from "./loading-CivgDw5C.js";
+import { u as Y } from "./business-BFIwFfkq.js";
+import { u as Z } from "./campaign-w9j4I4jn.js";
+import { a as ee, b as P, c as B } from "./campaign-RuIwxc4y.js";
+import { _ as te } from "./FilterChip.vue_vue_type_script_setup_true_lang-DaU-9GzO.js";
+import { _ as oe } from "./EditCampaignSheet.vue_vue_type_script_setup_true_lang-0DMFuBoG.js";
+import { u as ae } from "./template-Dbz3FhHK.js";
+import { u as ne } from "./vue-i18n-tpDAnnmD.js";
+import { c as _ } from "./index-DpjYgKTN.js";
+const se = { class: "flex items-center" }, ie = { class: "fm-typo-en-title-md-600 fm-step-title line-clamp-2 mr-8" }, re = { class: "px-24 flex flex-col gap-y-16" }, le = { class: "flex items-center justify-between w-full" }, ce = { class: "flex gap-8 overflow-x-auto" }, me = { class: "space-y-8" }, de = { class: "flex w-full gap-4 items-center" }, pe = { class: "space-y-4" }, ue = { class: "fm-typo-en-body-lg-600" }, fe = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ge = { class: "flex flex-col gap-16 text-center" }, ye = { class: "fm-typo-en-title-sm-800" }, _e = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, $e = /* @__PURE__ */ j({
+  __name: "Point",
+  setup(he) {
+    const { t: s } = ne(), I = {
+      label: s("connect.program.common.actions.create", {
+        type: s("connect.program.point.title").toLowerCase()
+      }),
+      value: "create",
+      isPrimary: !0,
+      prependIcon: "add"
+    }, $ = ae("COIN", J()), h = Y(), d = Z(), { global: K, minor: x } = X, r = V({
+      searchKey: "",
+      location: []
+    });
+    function N(e) {
+      const t = r.value.location;
+      return !t || t.length === 0 || !e.targetLocation ? !0 : Array.isArray(t) ? t.some((c) => {
+        var m;
+        return (m = e == null ? void 0 : e.targetLocation) == null ? void 0 : m.includes(c);
+      }) : e.targetLocation.includes(t);
+    }
+    const f = E(
+      () => d.campaigns.point.filter((e) => N(e))
+    ), O = [
+      {
+        header: s("connect.program.common.table.title"),
+        accessorFn: (e) => e.name
+      },
+      {
+        header: s("connect.program.common.table.status"),
+        accessorFn: (e) => ee(e),
+        cell(e) {
+          return P(e.row.original);
+        }
+      },
+      {
+        header: s("connect.program.common.table.summary"),
+        accessorFn: (e) => B(e)
+      },
+      {
+        header: s("connect.program.common.table.actions"),
+        cell(e) {
+          return M(Q.FmButton, {
+            variant: "tertiary",
+            icon: "delete",
+            iconColor: "neutral-gray-400",
+            onClick: (t) => {
+              t.stopPropagation(), F(e.row.original);
+            }
+          });
+        }
+      }
+    ], v = V();
+    async function F(e) {
+      await W.remove(`Are you sure you want to remove ${e.name}?`) && await x(
+        async () => {
+          await _.delete(e._id), await d.read("COIN");
+        },
+        {
+          message: `Removing ${e.name}`,
+          successMessage: `Removed ${e.name} successfully`
+        }
+      );
+    }
+    async function g(e) {
+      e ? await t() : $.open(async (c) => {
+        await t(c);
+      });
+      async function t(c) {
+        var m;
+        (m = v.value) == null || m.showSheet(
+          !0,
+          "COIN",
+          e ? await _.readById(e._id) : void 0,
+          c
+        );
+      }
+    }
+    async function A(e) {
+      await x(
+        async () => {
+          e.campaign._id ? await _.update(e.campaign._id, e) : await _.create(e), await d.read("COIN");
+        },
+        {
+          message: `${e.campaign._id ? "Updating" : "Creating"} point program`,
+          successMessage: `Point program ${e.campaign._id ? "updated" : "created"} successfully`
+        }
+      );
+    }
+    return H(async () => {
+      await K(async () => {
+        await d.read("COIN");
+      });
+    }), (e, t) => {
+      const c = l("FmPill"), m = l("FmPageHead"), k = l("FmSearch"), R = l("FmTable"), L = l("FmButton"), U = l("FmListItem"), D = l("FmList"), T = l("FmCard");
+      return p(), w(b, null, [
+        i(m, {
+          title: o(s)("connect.program.point.title"),
+          actions: o(f).length > 0 && o(h).isPremium ? [I] : [],
+          "onClick:action": t[0] || (t[0] = () => g())
+        }, {
+          title: y(() => [
+            n("div", se, [
+              n("span", ie, u(o(s)("connect.program.point.title")), 1),
+              i(c, { variant: "premium" })
+            ])
+          ]),
+          _: 1
+        }, 8, ["title", "actions"]),
+        n("div", re, [
+          i(k, {
+            modelValue: o(r).searchKey,
+            "onUpdate:modelValue": t[1] || (t[1] = (a) => o(r).searchKey = a),
+            class: "hidden xs:!block sm:!block border-b-2 border-fm-color-neutral-gray-100",
+            placeholder: "search",
+            collapsible: ""
+          }, null, 8, ["modelValue"]),
+          o(d).campaigns.point && o(d).campaigns.point.length > 0 ? (p(), w(b, { key: 0 }, [
+            n("div", le, [
+              n("div", ce, [
+                i(te, {
+                  label: `${o(s)("connect.common.location")}: `,
+                  "right-icon": "keyboard_arrow_down",
+                  modelValue: o(r).location,
+                  "onUpdate:modelValue": t[2] || (t[2] = (a) => o(r).location = a),
+                  icon: "storefront",
+                  "show-item-label": !0,
+                  items: o(h).locationOptions
+                }, null, 8, ["label", "modelValue", "items"])
+              ]),
+              i(k, {
+                modelValue: o(r).searchKey,
+                "onUpdate:modelValue": t[3] || (t[3] = (a) => o(r).searchKey = a),
+                class: "xs:hidden sm:hidden",
+                placeholder: "search",
+                collapsible: ""
+              }, null, 8, ["modelValue"])
+            ]),
+            i(R, {
+              class: "xs:hidden sm:hidden",
+              "row-data": o(f),
+              "column-defs": O,
+              "search-value": o(r).searchKey,
+              "column-filter": [],
+              onRowClick: t[4] || (t[4] = (a) => g(a.original)),
+              "hide-footer": o(f).length < 10
+            }, null, 8, ["row-data", "search-value", "hide-footer"]),
+            i(D, { class: "hidden xs:!flex sm:!flex flex-col mx-[-24px]" }, {
+              default: y(() => [
+                (p(!0), w(b, null, q(o(f).filter(
+                  (a) => a.name.toLowerCase().includes(o(r).searchKey.toLowerCase())
+                ), (a) => (p(), C(U, {
+                  key: a._id.toString(),
+                  onClick: (S) => g(a),
+                  class: "py-12 px-16 flex items-center justify-between border-b border-fm-color-neutral-gray-100"
+                }, {
+                  default: y(() => [
+                    n("div", me, [
+                      n("div", de, [
+                        (p(), C(z(o(P)(a))))
+                      ]),
+                      n("div", pe, [
+                        n("div", ue, u(a.name), 1),
+                        n("div", fe, u(o(B)(a)), 1)
+                      ])
+                    ]),
+                    i(L, {
+                      icon: "delete",
+                      "icon-color": "neutral-gray-400",
+                      variant: "tertiary",
+                      onClick: (S) => (S.stopPropagation(), F(a))
+                    }, null, 8, ["onClick"])
+                  ]),
+                  _: 2
+                }, 1032, ["onClick"]))), 128))
+              ]),
+              _: 1
+            })
+          ], 64)) : (p(), C(T, {
+            key: 1,
+            variant: "outlined",
+            class: "w-full flex flex-col items-center justify-center gap-y-24 p-24"
+          }, {
+            default: y(() => [
+              t[6] || (t[6] = n("img", {
+                src: G,
+                class: "aspect-square w-[150px]"
+              }, null, -1)),
+              n("div", ge, [
+                n("div", ye, u(o(s)("connect.program.point.empty_state.title")), 1),
+                n("div", _e, u(o(s)("connect.program.point.empty_state.description")), 1)
+              ]),
+              i(L, {
+                variant: "primary",
+                label: "Create point program",
+                disabled: !o(h).isPremium,
+                icon: "add",
+                onClick: t[5] || (t[5] = (a) => g())
+              }, null, 8, ["disabled"])
+            ]),
+            _: 1
+          })),
+          i(oe, {
+            ref_key: "sheetRef",
+            ref: v,
+            "onSubmit:modelValue": A
+          }, null, 512)
+        ])
+      ], 64);
+    };
+  }
+});
+export {
+  $e as default
+};