@feedmepos/mf-connect 0.1.98-beta.6 → 0.1.98-beta.60

package/dist/{Experience-CH5tg-tm.js → Experience-C1_LpneJ.js}

@@ -1,69 +1,81 @@
-import { defineComponent as M, ref as P, computed as H, onMounted as q, resolveComponent as m, openBlock as d, createElementBlock as w, Fragment as C, createVNode as s, unref as o, createElementVNode as n, withCtx as v, renderList as z, createBlock as b, resolveDynamicComponent as G, toDisplayString as _, h as k } from "vue";
+import { defineComponent as q, ref as B, computed as G, onMounted as X, resolveComponent as m, openBlock as u, createElementBlock as C, Fragment as v, createVNode as s, unref as o, createElementVNode as n, withCtx as b, renderList as Y, createBlock as k, resolveDynamicComponent as z, toDisplayString as h, h as w } from "vue";
 import { _ as J } from "./campaign-CpzFl8Vr.js";
-import { useDialog as Q, components as B } from "@feedmepos/ui-library";
-import { p as W } from "./plugins-MnP1vCcg.js";
-import { u as X } from "./loading-CojnK00V.js";
-import { u as Y } from "./business-jn-_l48y.js";
-import { u as Z, c as u } from "./campaign-BnI7-ceP.js";
-import { b as I, c as V, a as ee } from "./campaign-rgDnocfT.js";
-import { c as te, p as oe } from "./duplicateCampaign-gzVwrnWb.js";
-import { u as ae } from "./vue-i18n-BBj45p9N.js";
-import { _ as ne } from "./FilterChip.vue_vue_type_script_setup_true_lang-DaU-9GzO.js";
-import { _ as re } from "./EditCampaignSheet.vue_vue_type_script_setup_true_lang-B2sZFWUF.js";
-import { u as ie } from "./template-DpqLCq1p.js";
-const se = { class: "px-24 flex flex-col gap-y-16" }, ce = { class: "flex items-center justify-between w-full" }, le = { class: "flex gap-8 overflow-x-auto" }, me = { class: "space-y-8" }, pe = { class: "flex w-full gap-4 items-center" }, de = { 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 items-center gap-8" }, ye = { class: "flex flex-col gap-16 text-center" }, _e = { class: "fm-typo-en-title-sm-800" }, he = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ne = /* @__PURE__ */ M({
+import { useDialog as Q, components as F } from "@feedmepos/ui-library";
+import { p as W } from "./plugins-696Z9K6A.js";
+import { u as Z } from "./loading-D_rPJ-Yc.js";
+import { u as ee } from "./business-BonuheMK.js";
+import { u as te } from "./campaign-Ct7jhugP.js";
+import { b as V, c as T, a as oe } from "./campaign-7CI7gfS5.js";
+import { c as ae, p as ne } from "./duplicateCampaign-CMQ-RMH-.js";
+import { u as re } from "./vue-i18n-DowpocqN.js";
+import { _ as ie } from "./FilterChip.vue_vue_type_script_setup_true_lang-3bH-tZAm.js";
+import { _ as se } from "./EditCampaignSheet.vue_vue_type_script_setup_true_lang-3ERieT1j.js";
+import { u as ce } from "./template-01_h2Gac.js";
+import "./index-CEDhjZzd.js";
+import { useRouter as le } from "vue-router";
+import { c as f } from "./index-BmN_Qcw7.js";
+import { R as me } from "./app-J8VIC7-H.js";
+const pe = { class: "px-24 flex flex-col gap-y-16" }, de = { 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: "flex items-center gap-8" }, xe = { class: "flex flex-col gap-16 text-center" }, Ce = { class: "fm-typo-en-title-sm-800" }, ve = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Me = /* @__PURE__ */ q({
   __name: "Experience",
-  setup(xe) {
-    const { t: r } = ae(), T = {
+  setup(be) {
+    const { t: r } = re(), A = le(), N = {
       label: r("connect.program.common.actions.create", {
         type: r("connect.program.experience.title").toLowerCase()
       }),
       value: "create",
       isPrimary: !0,
       prependIcon: "add"
-    }, N = ie("POINT", Q()), $ = Y(), p = Z(), { global: D, minor: F } = X, c = P({
+    }, R = ce("POINT", Q()), E = ee(), p = te(), { global: O, minor: P } = Z, c = B({
       searchKey: "",
       location: []
     });
-    function K(e) {
+    function $(e) {
       const t = c.value.location;
       return !t || t.length === 0 || !e.targetLocation ? !0 : Array.isArray(t) ? t.some((l) => {
         var i;
         return (i = e == null ? void 0 : e.targetLocation) == null ? void 0 : i.includes(l);
       }) : e.targetLocation.includes(t);
     }
-    const f = H(
-      () => p.campaigns.experience.filter((e) => K(e))
-    ), O = [
+    const g = G(
+      () => p.campaigns.experience.filter((e) => $(e))
+    ), D = [
       {
         header: "Program title",
         accessorFn: (e) => e.name
       },
       {
         header: "Status",
-        accessorFn: (e) => ee(e),
+        accessorFn: (e) => oe(e),
         cell(e) {
-          return I(e.row.original);
+          return V(e.row.original);
         }
       },
       {
         header: "Summary",
-        accessorFn: (e) => V(e)
+        accessorFn: (e) => T(e)
         //v.effect,
       },
       {
         header: "Actions",
         cell(e) {
-          return k("div", { class: "flex items-center gap-8 justify-end" }, [
-            k(B.FmButton, {
+          return w("div", { class: "flex items-center gap-8 justify-end" }, [
+            w(F.FmButton, {
               variant: "tertiary",
-              icon: "content_copy",
+              icon: "insights",
               iconColor: "neutral-gray-400",
               onClick: async (t) => {
                 t.stopPropagation(), await L(e.row.original);
               }
             }),
-            k(B.FmButton, {
+            w(F.FmButton, {
+              variant: "tertiary",
+              icon: "content_copy",
+              iconColor: "neutral-gray-400",
+              onClick: async (t) => {
+                t.stopPropagation(), await I(e.row.original);
+              }
+            }),
+            w(F.FmButton, {
               variant: "tertiary",
               icon: "delete",
               iconColor: "neutral-gray-400",
@@ -74,11 +86,11 @@ const se = { class: "px-24 flex flex-col gap-y-16" }, ce = { class: "flex items-
           ]);
         }
       }
-    ], h = P();
+    ], x = B();
     async function S(e) {
-      await W.remove(`Are you sure you want to remove ${e.name}?`) && await F(
+      await W.remove(`Are you sure you want to remove ${e.name}?`) && await P(
         async () => {
-          await u.delete(e._id), await p.read("POINT");
+          await f.delete(e._id), await p.read("POINT");
         },
         {
           message: `Removing ${e.name}`,
@@ -86,38 +98,44 @@ const se = { class: "px-24 flex flex-col gap-y-16" }, ce = { class: "flex items-
         }
       );
     }
-    async function g(e) {
-      e ? await t() : N.open(async (l) => {
+    async function y(e) {
+      e ? await t() : R.open(async (l) => {
         await t(l);
       });
       async function t(l) {
         var i;
-        (i = h.value) == null || i.showSheet(
+        (i = x.value) == null || i.showSheet(
           !0,
           "POINT",
-          e ? await u.readById(e._id) : void 0,
+          e ? await f.readById(e._id) : void 0,
           l
         );
       }
     }
     async function L(e) {
+      await A.push({
+        name: me["$connect-PROGRAM_EXPERIENCE_ANALYTIC"],
+        params: { id: e._id }
+      });
+    }
+    async function I(e) {
       var i;
-      if (!await te(e.name))
+      if (!await ae(e.name))
         return;
-      const t = await u.readById(e._id), l = oe(t, {
+      const t = await f.readById(e._id), l = ne(t, {
         keepCollectible: !0
       });
-      (i = h.value) == null || i.showSheet(
+      (i = x.value) == null || i.showSheet(
         !0,
         "POINT",
         l,
         t.template
       );
     }
-    async function A(e) {
-      await F(
+    async function K(e) {
+      await P(
         async () => {
-          e.campaign._id ? await u.update(e.campaign._id, e) : await u.create(e), await p.read("POINT");
+          e.campaign._id ? await f.update(e.campaign._id, e) : await f.create(e), await p.read("POINT");
         },
         {
           message: r("connect.program.common.update.updating", {
@@ -130,19 +148,19 @@ const se = { class: "px-24 flex flex-col gap-y-16" }, ce = { class: "flex items-
         }
       );
     }
-    return q(async () => {
-      await D(async () => {
+    return X(async () => {
+      await O(async () => {
         await p.read("POINT");
       });
     }), (e, t) => {
-      const l = m("FmPageHead"), i = m("FmSearch"), R = m("FmTable"), x = m("FmButton"), j = m("FmListItem"), E = m("FmList"), U = m("FmCard");
-      return d(), w(C, null, [
+      const l = m("FmPageHead"), i = m("FmSearch"), M = m("FmTable"), _ = m("FmButton"), U = m("FmListItem"), j = m("FmList"), H = m("FmCard");
+      return u(), C(v, null, [
         s(l, {
           title: o(r)("connect.program.experience.title"),
-          actions: o(f).length > 0 ? [T] : [],
-          "onClick:action": t[0] || (t[0] = () => g())
+          actions: o(g).length > 0 ? [N] : [],
+          "onClick:action": t[0] || (t[0] = () => y())
         }, null, 8, ["title", "actions"]),
-        n("div", se, [
+        n("div", pe, [
           s(i, {
             modelValue: o(c).searchKey,
             "onUpdate:modelValue": t[1] || (t[1] = (a) => o(c).searchKey = a),
@@ -150,17 +168,17 @@ const se = { class: "px-24 flex flex-col gap-y-16" }, ce = { class: "flex items-
             placeholder: o(r)("connect.program.common.search"),
             collapsible: ""
           }, null, 8, ["modelValue", "placeholder"]),
-          o(p).campaigns.experience && o(p).campaigns.experience.length > 0 ? (d(), w(C, { key: 0 }, [
-            n("div", ce, [
-              n("div", le, [
-                s(ne, {
+          o(p).campaigns.experience && o(p).campaigns.experience.length > 0 ? (u(), C(v, { key: 0 }, [
+            n("div", de, [
+              n("div", ue, [
+                s(ie, {
                   label: `${o(r)("connect.common.location")}: `,
                   "right-icon": "keyboard_arrow_down",
                   modelValue: o(c).location,
                   "onUpdate:modelValue": t[2] || (t[2] = (a) => o(c).location = a),
                   icon: "storefront",
                   "show-item-label": !0,
-                  items: o($).locationOptions
+                  items: o(E).locationOptions
                 }, null, 8, ["label", "modelValue", "items"])
               ]),
               s(i, {
@@ -171,48 +189,56 @@ const se = { class: "px-24 flex flex-col gap-y-16" }, ce = { class: "flex items-
                 collapsible: ""
               }, null, 8, ["modelValue"])
             ]),
-            s(R, {
+            s(M, {
               class: "xs:hidden sm:hidden",
-              "row-data": o(f),
-              "column-defs": O,
+              "row-data": o(g),
+              "column-defs": D,
               "search-value": o(c).searchKey,
               "column-filter": [],
-              onRowClick: t[4] || (t[4] = (a) => g(a.original)),
-              "hide-footer": o(f).length < 10
+              onRowClick: t[4] || (t[4] = (a) => y(a.original)),
+              "hide-footer": o(g).length < 10
             }, null, 8, ["row-data", "search-value", "hide-footer"]),
-            s(E, { class: "hidden xs:!flex sm:!flex flex-col mx-[-24px]" }, {
-              default: v(() => [
-                (d(!0), w(C, null, z(o(f).filter(
+            s(j, { class: "hidden xs:!flex sm:!flex flex-col mx-[-24px]" }, {
+              default: b(() => [
+                (u(!0), C(v, null, Y(o(g).filter(
                   (a) => a.name.toLowerCase().includes(o(c).searchKey.toLowerCase())
-                ), (a) => (d(), b(j, {
+                ), (a) => (u(), k(U, {
                   key: a._id.toString(),
-                  onClick: (y) => g(a),
+                  onClick: (d) => y(a),
                   class: "py-12 px-16 flex items-center justify-between border-b border-fm-color-neutral-gray-100"
                 }, {
-                  default: v(() => [
-                    n("div", me, [
-                      n("div", pe, [
-                        (d(), b(G(o(I)(a))))
+                  default: b(() => [
+                    n("div", fe, [
+                      n("div", ge, [
+                        (u(), k(z(o(V)(a))))
                       ]),
-                      n("div", de, [
-                        n("div", ue, _(a.name), 1),
-                        n("div", fe, _(o(V)(a)), 1)
+                      n("div", ye, [
+                        n("div", _e, h(a.name), 1),
+                        n("div", he, h(o(T)(a)), 1)
                       ])
                     ]),
-                    n("div", ge, [
-                      s(x, {
+                    n("div", we, [
+                      s(_, {
+                        icon: "insights",
+                        "icon-color": "neutral-gray-400",
+                        variant: "tertiary",
+                        onClick: async (d) => {
+                          d.stopPropagation(), await L(a);
+                        }
+                      }, null, 8, ["onClick"]),
+                      s(_, {
                         icon: "content_copy",
                         "icon-color": "neutral-gray-400",
                         variant: "tertiary",
-                        onClick: async (y) => {
-                          y.stopPropagation(), await L(a);
+                        onClick: async (d) => {
+                          d.stopPropagation(), await I(a);
                         }
                       }, null, 8, ["onClick"]),
-                      s(x, {
+                      s(_, {
                         icon: "delete",
                         "icon-color": "neutral-gray-400",
                         variant: "tertiary",
-                        onClick: (y) => (y.stopPropagation(), S(a))
+                        onClick: (d) => (d.stopPropagation(), S(a))
                       }, null, 8, ["onClick"])
                     ])
                   ]),
@@ -221,33 +247,33 @@ const se = { class: "px-24 flex flex-col gap-y-16" }, ce = { class: "flex items-
               ]),
               _: 1
             })
-          ], 64)) : (d(), b(U, {
+          ], 64)) : (u(), k(H, {
             key: 1,
             variant: "outlined",
             class: "w-full flex flex-col items-center justify-center gap-y-24 p-24"
           }, {
-            default: v(() => [
+            default: b(() => [
               t[6] || (t[6] = n("img", {
                 src: J,
                 class: "aspect-square w-[150px]"
               }, null, -1)),
-              n("div", ye, [
-                n("div", _e, _(o(r)("connect.program.experience.empty_state.title")), 1),
-                n("div", he, _(o(r)("connect.program.experience.empty_state.description")), 1)
+              n("div", xe, [
+                n("div", Ce, h(o(r)("connect.program.experience.empty_state.title")), 1),
+                n("div", ve, h(o(r)("connect.program.experience.empty_state.description")), 1)
               ]),
-              s(x, {
+              s(_, {
                 variant: "primary",
                 label: "Create experience program",
                 icon: "add",
-                onClick: t[5] || (t[5] = (a) => g())
+                onClick: t[5] || (t[5] = (a) => y())
               })
             ]),
             _: 1
           })),
-          s(re, {
+          s(se, {
             ref_key: "sheetRef",
-            ref: h,
-            "onSubmit:modelValue": A
+            ref: x,
+            "onSubmit:modelValue": K
           }, null, 512)
         ])
       ], 64);
@@ -255,5 +281,5 @@ const se = { class: "px-24 flex flex-col gap-y-16" }, ce = { class: "flex items-
   }
 });
 export {
-  Ne as default
+  Me as default
 };

package/dist/{FileSaver.min-DNFqiyZb.js → FileSaver.min-CWJ-6CFP.js}

@@ -1,4 +1,4 @@
-import { c as s } from "./app-n4Y2jMee.js";
+import { c as s } from "./app-J8VIC7-H.js";
 var E = { exports: {} };
 (function(h, j) {
   (function(p, i) {

package/dist/FilterChip.vue_vue_type_script_setup_true_lang-3bH-tZAm.js

@@ -0,0 +1,138 @@
+import { defineComponent as I, ref as i, computed as g, onMounted as j, resolveComponent as r, openBlock as c, createBlock as d, unref as o, withCtx as p, createVNode as b, normalizeClass as f, createCommentVNode as k, createElementVNode as B, toDisplayString as F, isRef as M, createElementBlock as O, Fragment as A, renderList as z } from "vue";
+const N = { class: "fm-typo-en-body-md-600 select-none text-ellipsis overflow-hidden whitespace-nowrap" }, E = /* @__PURE__ */ I({
+  __name: "FilterChip",
+  props: {
+    modelValue: {
+      type: Array,
+      required: !1
+    },
+    label: {
+      type: String,
+      required: !1,
+      default: ""
+    },
+    showItemLabel: {
+      type: Boolean,
+      default: !1
+    },
+    placement: {
+      type: String,
+      required: !1,
+      default: "bottom-end"
+    },
+    class: {
+      type: String,
+      required: !1
+    },
+    disabled: {
+      type: Boolean,
+      required: !1
+    },
+    items: {
+      type: Array,
+      required: !0
+    },
+    icon: {
+      type: String,
+      required: !1
+    },
+    searchable: {
+      type: Boolean,
+      required: !1,
+      default: !0
+    },
+    allLabel: {
+      type: String,
+      default: "All"
+    },
+    selectedLabel: {
+      type: String,
+      default: "{count} selected"
+    },
+    searchPlaceholder: {
+      type: String,
+      default: "Search locations"
+    }
+  },
+  emits: ["update:model-value"],
+  setup(u, { emit: C }) {
+    const e = u, v = C, m = i(!1), t = i({}), s = i(""), V = g(() => {
+      const l = Object.keys(t.value).length;
+      return !t.value || Object.keys(t.value).length == e.items.length || l === 0 ? e.allLabel : e.selectedLabel.replace("{count}", String(l));
+    });
+    function w(l) {
+      t.value[l] ? delete t.value[l] : t.value[l] = !0, v("update:model-value", Object.keys(t.value));
+    }
+    function L() {
+      Object.keys(t.value).length > 0 ? t.value = {} : t.value = e.items.reduce((l, n) => (l[n.value] = !0, l), {}), v("update:model-value", Object.keys(t.value));
+    }
+    const S = g(() => s.value && s.value.length > 0 ? e.items.filter(
+      (l) => l.label.toLowerCase().includes(s.value.trim().toLowerCase())
+    ) : e.items);
+    return j(() => {
+      t.value = e.modelValue.reduce((l, n) => (l[n] = !0, l), {}), e.modelValue.length == 0;
+    }), (l, n) => {
+      const y = r("FmIcon"), _ = r("FmChip"), x = r("FmTextField"), h = r("FmMenuItem"), q = r("FmMenu");
+      return c(), d(q, {
+        placement: u.placement || "bottom-end",
+        disabled: u.disabled == !0,
+        "model-value": o(m),
+        onMenuChanged: n[1] || (n[1] = (a) => m.value = a),
+        "close-on-click": !1
+      }, {
+        "menu-button": p(() => [
+          b(_, {
+            label: u.label,
+            class: f(e.class || "text-fm-color-neutral-gray-400 cursor-pointer")
+          }, {
+            default: p(() => [
+              e.icon ? (c(), d(y, {
+                key: 0,
+                name: e.icon,
+                class: f(e.class),
+                outline: "",
+                size: "sm"
+              }, null, 8, ["name", "class"])) : k("", !0),
+              B("div", N, F(e.label) + " " + F(u.showItemLabel ? o(V) : ""), 1),
+              b(y, {
+                name: o(m) ? "keyboard_arrow_up" : "keyboard_arrow_down",
+                class: f(e.class),
+                outline: "",
+                size: "sm"
+              }, null, 8, ["name", "class"])
+            ]),
+            _: 1
+          }, 8, ["label", "class"])
+        ]),
+        default: p(() => [
+          u.searchable ? (c(), d(x, {
+            key: 0,
+            modelValue: o(s),
+            "onUpdate:modelValue": n[0] || (n[0] = (a) => M(s) ? s.value = a : null),
+            placeholder: e.searchPlaceholder,
+            class: "my-8"
+          }, null, 8, ["modelValue", "placeholder"])) : k("", !0),
+          b(h, {
+            "model-value": Object.keys(o(t)).length === e.items.length,
+            label: e.allLabel,
+            "has-checkbox": !0,
+            indeterminate: !0,
+            onClick: L
+          }, null, 8, ["model-value", "label"]),
+          (c(!0), O(A, null, z(o(S) ?? [], (a) => (c(), d(h, {
+            key: a.value,
+            value: a.value,
+            label: a.label,
+            "has-checkbox": !0,
+            "model-value": o(t)[a.value],
+            "onUpdate:modelValue": (T) => w(a.value)
+          }, null, 8, ["value", "label", "model-value", "onUpdate:modelValue"]))), 128))
+        ]),
+        _: 1
+      }, 8, ["placement", "disabled", "model-value"]);
+    };
+  }
+});
+export {
+  E as _
+};