@feedmepos/mf-connect 0.1.98-beta.8 → 0.1.98-beta.80

package/dist/{EffectSheet.vue_vue_type_style_index_0_lang-DJLxGk7W.js → EffectSheet.vue_vue_type_style_index_0_lang-BML_-v8I.js}

@@ -1,10 +1,10 @@
-import { defineComponent as B, ref as O, onMounted as Q, computed as G, resolveComponent as x, openBlock as d, createElementBlock as b, renderSlot as W, toDisplayString as V, createCommentVNode as f, createBlock as u, unref as e, isRef as q, createVNode as h, normalizeClass as Z, watch as X, withCtx as w, resolveDynamicComponent as P, Fragment as _, createElementVNode as k, createTextVNode as ee } from "vue";
-import { z as te, l as le } from "./app-Z-UKRG5V.js";
-import { Z as r } from "./zod-CgigfJar.js";
-import { g as oe, f as ae } from "./index-CsoBDon4.js";
-import { u as I } from "./vue-i18n-BcYh6_51.js";
-import { s as S } from "./effect-BcB8IlTI.js";
-import { p as ne } from "./plugins-4FlbwoES.js";
+import { defineComponent as B, ref as O, onMounted as Q, computed as G, resolveComponent as x, openBlock as d, createElementBlock as b, renderSlot as W, toDisplayString as V, createCommentVNode as f, createBlock as u, unref as e, isRef as q, createVNode as w, normalizeClass as Z, watch as X, withCtx as h, resolveDynamicComponent as P, Fragment as _, createElementVNode as k, createTextVNode as ee } from "vue";
+import { z as te, h as le } from "./app-BEYzXWZO.js";
+import { Z as r } from "./zod-CGVrMcDl.js";
+import { j as oe, i as ae } from "./index-BTkxgos0.js";
+import { u as I } from "./vue-i18n-Dpic36zz.js";
+import { s as g } from "./effect-CQkVLHWi.js";
+import { p as ne } from "./plugins-C39O5j42.js";
 const ie = { class: "flex flex-col gap-8" }, de = {
   key: 0,
   class: "fm-typo-en-body-lg-600"
@@ -39,7 +39,7 @@ const ie = { class: "flex flex-col gap-8" }, de = {
   },
   emits: ["update:model-value"],
   setup(t, { emit: C }) {
-    var A, U;
+    var U, A;
     const { t: n } = I(), i = t, v = C, a = [
       { label: n("connect.template.validity_option.date_range"), value: "range" },
       { label: n("connect.template.validity_option.custom"), value: "custom" }
@@ -50,11 +50,11 @@ const ie = { class: "flex flex-col gap-8" }, de = {
       ).length > 0;
     });
     const l = O(
-      i.type ? a.find((m) => m.value === i.type) : (A = i.modelValue) != null && A.validBefore || (U = i.modelValue) != null && U.validAfter ? a[0] : a[1]
-    ), g = G(
+      i.type ? a.find((m) => m.value === i.type) : (U = i.modelValue) != null && U.validBefore || (A = i.modelValue) != null && A.validAfter ? a[0] : a[1]
+    ), S = G(
       () => i.forCredit ? oe : ae
     ), y = G(() => {
-      const m = g.value.safeParse(i.modelValue);
+      const m = S.value.safeParse(i.modelValue);
       return m.success ? [] : m.error.errors;
     });
     function o(m) {
@@ -90,7 +90,7 @@ const ie = { class: "flex flex-col gap-8" }, de = {
           items: a
         }, null, 8, ["modelValue"])),
         e(l).value === "range" ? (d(), b("div", se, [
-          h(Y, {
+          w(Y, {
             "model-value": {
               startDate: (E = t.modelValue) != null && E.validAfter ? new Date(($ = t.modelValue) == null ? void 0 : $.validAfter).toISOString() : null,
               endDate: (j = t.modelValue) != null && j.validAfter ? new Date(((M = t.modelValue) == null ? void 0 : M.validBefore) || "").toISOString() : null
@@ -143,7 +143,7 @@ const ie = { class: "flex flex-col gap-8" }, de = {
           key: 3,
           text: e(n)("connect.template.validity_option.expire_follow_first_receive")
         }, null, 8, ["text"])) : f("", !0),
-        h(T, {
+        w(T, {
           text: t.helperText || (((L = i.modelValue) == null ? void 0 : L.validForDay) === 0 ? e(n)("connect.template.validity_option.expires_on_same_day") : e(r).helperText(e(y), "")),
           state: t.helperText ? "error" : ((z = i.modelValue) == null ? void 0 : z.validForDay) === 0 ? "warning" : e(r).helperState(e(y), "")
         }, null, 8, ["text", "state"])
@@ -172,9 +172,9 @@ const ie = { class: "flex flex-col gap-8" }, de = {
   setup(t, { emit: C }) {
     const { t: n } = I(), i = t, v = C, a = O(i.modelValue ?? {});
     return X(a, () => v("update:model-value", a.value)), (c, l) => {
-      const g = x("FmSwitch"), y = x("FmStepperField");
+      const S = x("FmSwitch"), y = x("FmStepperField");
       return d(), b("div", ue, [
-        t.isMission ? f("", !0) : (d(), u(g, {
+        t.isMission ? f("", !0) : (d(), u(S, {
           key: 0,
           label: e(n)("connect.template.enable_transfer"),
           "label-placement": "right",
@@ -185,14 +185,14 @@ const ie = { class: "flex flex-col gap-8" }, de = {
           key: 1,
           class: Z(["grid gap-16", t.isMission ? "" : "grid-cols-2"])
         }, [
-          h(y, {
+          w(y, {
             modelValue: e(a).maxPerUser,
             "onUpdate:modelValue": l[1] || (l[1] = (o) => e(a).maxPerUser = o),
             "show-steppers": !1,
             rules: [e(r).ruleAtPath(t.schema, "maxPerUser")],
             "helper-text": e(n)("connect.template.leave_empty_unlimited")
           }, {
-            label: w(() => [
+            label: h(() => [
               (d(), u(P(
                 e(r).toInputLabel(
                   e(r).typeAtPath(t.schema, "maxPerUser"),
@@ -210,7 +210,7 @@ const ie = { class: "flex flex-col gap-8" }, de = {
             rules: [e(r).ruleAtPath(t.schema, "maxReceive")],
             "helper-text": e(n)("connect.template.leave_empty_unlimited")
           }, {
-            label: w(() => [
+            label: h(() => [
               (d(), u(P(
                 e(r).toInputLabel(
                   e(r).typeAtPath(t.schema, "maxReceive"),
@@ -222,14 +222,14 @@ const ie = { class: "flex flex-col gap-8" }, de = {
           }, 8, ["modelValue", "rules", "helper-text"]))
         ], 2)),
         t.isMission ? f("", !0) : (d(), b(_, { key: 2 }, [
-          h(y, {
+          w(y, {
             modelValue: e(a).maxUse,
             "onUpdate:modelValue": l[3] || (l[3] = (o) => e(a).maxUse = o),
             "append-text": "use(s)",
             "show-steppers": !1,
             rules: [e(r).ruleAtPath(t.schema, "maxUse")]
           }, {
-            label: w(() => [
+            label: h(() => [
               (d(), u(P(
                 e(r).toInputLabel(
                   e(r).typeAtPath(t.schema, "maxUse"),
@@ -247,7 +247,7 @@ const ie = { class: "flex flex-col gap-8" }, de = {
             "show-steppers": !1,
             rules: [e(r).ruleAtPath(t.schema, "cooldown")]
           }, {
-            label: w(() => [
+            label: h(() => [
               (d(), u(P(
                 e(r).toInputLabel(
                   e(r).typeAtPath(t.schema, "cooldown"),
@@ -257,7 +257,7 @@ const ie = { class: "flex flex-col gap-8" }, de = {
             ]),
             _: 1
           }, 8, ["modelValue", "rules"])) : f("", !0),
-          h(re, {
+          w(re, {
             modelValue: e(a).validityOption,
             "onUpdate:modelValue": l[5] || (l[5] = (o) => e(a).validityOption = o),
             label: e(n)("connect.template.validity_option.title")
@@ -272,7 +272,7 @@ const ie = { class: "flex flex-col gap-8" }, de = {
 }, ve = { class: "fm-typo-en-body-lg-400" }, ye = { class: "text-fm-color-typo-secondary" }, Ve = {
   key: 0,
   class: "fm-typo-en-body-md-500 text-fm-color-typo-error mt-4"
-}, Ae = /* @__PURE__ */ B({
+}, Ue = /* @__PURE__ */ B({
   __name: "EffectSheet",
   props: {
     modelValue: { type: Object },
@@ -287,7 +287,7 @@ const ie = { class: "flex flex-col gap-8" }, de = {
       c.stopPropagation(), await ne.remove(n("connect.effect.removeConfirm")) && i("update:model-value", null);
     }
     return (c, l) => {
-      const g = x("FmButton"), y = x("FmSideSheet");
+      const S = x("FmButton"), y = x("FmSideSheet");
       return d(), u(y, {
         "max-width": 550,
         header: e(n)("connect.effect.title"),
@@ -297,24 +297,24 @@ const ie = { class: "flex flex-col gap-8" }, de = {
           l[3] || (l[3] = (o) => v.value = o)
         ]
       }, {
-        "side-sheet-button": w(() => {
-          var o, D, A, U, m, s;
+        "side-sheet-button": h(() => {
+          var o, D, U, A, m, s;
           return [
             k("div", ce, [
               k("div", pe, V(e(n)("connect.effect.description")), 1),
               t.modelValue ? (d(), b("div", fe, [
                 k("div", ve, [
-                  k("div", null, V((o = e(S)(t.modelValue)) == null ? void 0 : o.type), 1),
-                  k("div", ye, V((D = e(S)(t.modelValue)) == null ? void 0 : D.adjustment) + " " + V(e(n)("connect.effect.with")) + " " + V((A = e(S)(t.modelValue)) == null ? void 0 : A.requirements) + " " + V((U = e(S)(t.modelValue)) == null ? void 0 : U.maxCap), 1),
-                  (m = e(S)(t.modelValue)) != null && m.posHint ? (d(), b("div", Ve, V((s = e(S)(t.modelValue)) == null ? void 0 : s.posHint), 1)) : f("", !0)
+                  k("div", null, V((o = e(g)(t.modelValue)) == null ? void 0 : o.type), 1),
+                  k("div", ye, V((D = e(g)(t.modelValue)) == null ? void 0 : D.adjustment) + " " + V(e(n)("connect.effect.with")) + " " + V((U = e(g)(t.modelValue)) == null ? void 0 : U.requirements) + " " + V((A = e(g)(t.modelValue)) == null ? void 0 : A.maxCap), 1),
+                  (m = e(g)(t.modelValue)) != null && m.posHint ? (d(), b("div", Ve, V((s = e(g)(t.modelValue)) == null ? void 0 : s.posHint), 1)) : f("", !0)
                 ]),
-                h(g, {
+                w(S, {
                   icon: "delete",
                   "icon-color": "neutral-gray-400",
                   variant: "tertiary",
                   onClick: a
                 })
-              ])) : (d(), u(g, {
+              ])) : (d(), u(S, {
                 key: 0,
                 label: e(n)("connect.effect.title"),
                 icon: "add",
@@ -325,11 +325,11 @@ const ie = { class: "flex flex-col gap-8" }, de = {
             ])
           ];
         }),
-        "side-sheet-footer": w(() => [...l[4] || (l[4] = [
+        "side-sheet-footer": h(() => [...l[4] || (l[4] = [
           ee(V(void 0), -1)
         ])]),
-        default: w(() => [
-          h(e(le), {
+        default: h(() => [
+          w(e(le), {
             class: "fm-effect-sheet",
             title: "",
             "can-set-auto-apply": t.canSetAutoApply,
@@ -345,7 +345,7 @@ const ie = { class: "flex flex-col gap-8" }, de = {
   }
 });
 export {
-  Ae as _,
+  re as _,
   Ce as a,
-  re as b
+  Ue as b
 };

package/dist/Experience-BejtRlOj.js

@@ -0,0 +1,288 @@
+import { defineComponent as q, ref as E, computed as G, onMounted as Y, resolveComponent as m, openBlock as d, createElementBlock as C, Fragment as v, createVNode as s, unref as o, createElementVNode as n, withCtx as b, renderList as z, createBlock as k, resolveDynamicComponent as J, toDisplayString as w, h as x } from "vue";
+import { _ as Q } from "./campaign-CpzFl8Vr.js";
+import { useDialog as W, components as F } from "@feedmepos/ui-library";
+import { p as Z } from "./plugins-C39O5j42.js";
+import { u as ee } from "./loading-C686AMVG.js";
+import { u as te } from "./business-DH7djUl8.js";
+import { u as oe } from "./campaign-DlHDgoFX.js";
+import { b as B, c as N, a as ae } from "./campaign-k_WHxsOR.js";
+import { c as ne, p as re } from "./duplicateCampaign-YTXMbJTj.js";
+import { u as ie } from "./vue-i18n-Dpic36zz.js";
+import { _ as se } from "./FilterChip.vue_vue_type_script_setup_true_lang-3bH-tZAm.js";
+import { _ as ce } from "./EditCampaignSheet.vue_vue_type_script_setup_true_lang-8r29jKh9.js";
+import { u as le } from "./template-D37Z_b0m.js";
+import "./index-Bonq819P.js";
+import { u as me } from "./onboardingSetup-CcvKmyx8.js";
+import { useRouter as pe } from "vue-router";
+import { c as f } from "./index-D5AR7A5e.js";
+import { R as ue } from "./app-BEYzXWZO.js";
+const de = { class: "px-24 flex flex-col gap-y-16" }, fe = { class: "flex items-center justify-between w-full" }, ge = { class: "flex gap-8 overflow-x-auto" }, ye = { class: "space-y-8" }, _e = { class: "flex w-full gap-4 items-center" }, he = { class: "space-y-4" }, we = { class: "fm-typo-en-body-lg-600" }, xe = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ce = { class: "flex items-center gap-8" }, ve = { class: "flex flex-col gap-16 text-center" }, be = { class: "fm-typo-en-title-sm-800" }, ke = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, He = /* @__PURE__ */ q({
+  __name: "Experience",
+  setup(Fe) {
+    const { t: r } = ie(), T = pe(), V = {
+      label: r("connect.program.common.actions.create", {
+        type: r("connect.program.experience.title").toLowerCase()
+      }),
+      value: "create",
+      isPrimary: !0,
+      prependIcon: "add"
+    }, R = le("POINT", W()), A = te(), p = oe(), { global: O, minor: P } = ee, c = E({
+      searchKey: "",
+      location: []
+    });
+    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 g = G(
+      () => p.campaigns.experience.filter((e) => $(e))
+    ), D = [
+      {
+        header: "Program title",
+        accessorFn: (e) => e.name
+      },
+      {
+        header: "Status",
+        accessorFn: (e) => ae(e),
+        cell(e) {
+          return B(e.row.original);
+        }
+      },
+      {
+        header: "Summary",
+        accessorFn: (e) => N(e)
+        //v.effect,
+      },
+      {
+        header: "Actions",
+        cell(e) {
+          return x("div", { class: "flex items-center gap-8 justify-end" }, [
+            x(F.FmButton, {
+              variant: "tertiary",
+              icon: "insights",
+              iconColor: "neutral-gray-400",
+              onClick: async (t) => {
+                t.stopPropagation(), await I(e.row.original);
+              }
+            }),
+            x(F.FmButton, {
+              variant: "tertiary",
+              icon: "content_copy",
+              iconColor: "neutral-gray-400",
+              onClick: async (t) => {
+                t.stopPropagation(), await L(e.row.original);
+              }
+            }),
+            x(F.FmButton, {
+              variant: "tertiary",
+              icon: "delete",
+              iconColor: "neutral-gray-400",
+              onClick: (t) => {
+                t.stopPropagation(), S(e.row.original);
+              }
+            })
+          ]);
+        }
+      }
+    ], y = E();
+    async function S(e) {
+      await Z.remove(`Are you sure you want to remove ${e.name}?`) && await P(
+        async () => {
+          await f.delete(e._id), await p.read("POINT");
+        },
+        {
+          message: `Removing ${e.name}`,
+          successMessage: `Removed ${e.name} successfully`
+        }
+      );
+    }
+    async function _(e) {
+      e ? await t() : R.open(async (l) => {
+        await t(l);
+      });
+      async function t(l) {
+        var i;
+        (i = y.value) == null || i.showSheet(
+          !0,
+          "POINT",
+          e ? await f.readById(e._id) : void 0,
+          l
+        );
+      }
+    }
+    async function I(e) {
+      await T.push({
+        name: ue["$connect-PROGRAM_EXPERIENCE_ANALYTIC"],
+        params: { id: e._id }
+      });
+    }
+    async function L(e) {
+      var i;
+      if (!await ne(e.name))
+        return;
+      const t = await f.readById(e._id), l = re(t, {
+        keepCollectible: !0
+      });
+      (i = y.value) == null || i.showSheet(
+        !0,
+        "POINT",
+        l,
+        t.template
+      );
+    }
+    async function K(e) {
+      await P(
+        async () => {
+          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", {
+            type: r("connect.program.experience.title")
+          }),
+          successMessage: r("connect.program.common.update.success", {
+            type: r("connect.program.experience.title"),
+            action: e.campaign._id ? "updated" : "created"
+          })
+        }
+      );
+    }
+    const M = me();
+    return Y(async () => {
+      var e;
+      await O(async () => {
+        await p.read("POINT");
+      }), await M.consume() === "EXPERIENCE" && ((e = y.value) == null || e.showSheet(!0, "POINT"));
+    }), (e, t) => {
+      const l = m("FmPageHead"), i = m("FmSearch"), U = m("FmTable"), h = m("FmButton"), j = m("FmListItem"), H = m("FmList"), X = m("FmCard");
+      return d(), C(v, null, [
+        s(l, {
+          title: o(r)("connect.program.experience.title"),
+          actions: o(g).length > 0 ? [V] : [],
+          "onClick:action": t[0] || (t[0] = () => _())
+        }, null, 8, ["title", "actions"]),
+        n("div", de, [
+          s(i, {
+            modelValue: o(c).searchKey,
+            "onUpdate:modelValue": t[1] || (t[1] = (a) => o(c).searchKey = a),
+            class: "hidden xs:!block sm:!block border-b-2 border-fm-color-neutral-gray-100",
+            placeholder: o(r)("connect.program.common.search"),
+            collapsible: ""
+          }, null, 8, ["modelValue", "placeholder"]),
+          o(p).campaigns.experience && o(p).campaigns.experience.length > 0 ? (d(), C(v, { key: 0 }, [
+            n("div", fe, [
+              n("div", ge, [
+                s(se, {
+                  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(A).locationOptions
+                }, null, 8, ["label", "modelValue", "items"])
+              ]),
+              s(i, {
+                modelValue: o(c).searchKey,
+                "onUpdate:modelValue": t[3] || (t[3] = (a) => o(c).searchKey = a),
+                class: "xs:hidden sm:hidden",
+                placeholder: "search",
+                collapsible: ""
+              }, null, 8, ["modelValue"])
+            ]),
+            s(U, {
+              class: "xs:hidden sm:hidden",
+              "row-data": o(g),
+              "column-defs": D,
+              "search-value": o(c).searchKey,
+              "column-filter": [],
+              onRowClick: t[4] || (t[4] = (a) => _(a.original)),
+              "hide-footer": o(g).length < 10
+            }, null, 8, ["row-data", "search-value", "hide-footer"]),
+            s(H, { class: "hidden xs:!flex sm:!flex flex-col mx-[-24px]" }, {
+              default: b(() => [
+                (d(!0), C(v, null, z(o(g).filter(
+                  (a) => a.name.toLowerCase().includes(o(c).searchKey.toLowerCase())
+                ), (a) => (d(), k(j, {
+                  key: a._id.toString(),
+                  onClick: (u) => _(a),
+                  class: "py-12 px-16 flex items-center justify-between border-b border-fm-color-neutral-gray-100"
+                }, {
+                  default: b(() => [
+                    n("div", ye, [
+                      n("div", _e, [
+                        (d(), k(J(o(B)(a))))
+                      ]),
+                      n("div", he, [
+                        n("div", we, w(a.name), 1),
+                        n("div", xe, w(o(N)(a)), 1)
+                      ])
+                    ]),
+                    n("div", Ce, [
+                      s(h, {
+                        icon: "insights",
+                        "icon-color": "neutral-gray-400",
+                        variant: "tertiary",
+                        onClick: async (u) => {
+                          u.stopPropagation(), await I(a);
+                        }
+                      }, null, 8, ["onClick"]),
+                      s(h, {
+                        icon: "content_copy",
+                        "icon-color": "neutral-gray-400",
+                        variant: "tertiary",
+                        onClick: async (u) => {
+                          u.stopPropagation(), await L(a);
+                        }
+                      }, null, 8, ["onClick"]),
+                      s(h, {
+                        icon: "delete",
+                        "icon-color": "neutral-gray-400",
+                        variant: "tertiary",
+                        onClick: (u) => (u.stopPropagation(), S(a))
+                      }, null, 8, ["onClick"])
+                    ])
+                  ]),
+                  _: 2
+                }, 1032, ["onClick"]))), 128))
+              ]),
+              _: 1
+            })
+          ], 64)) : (d(), k(X, {
+            key: 1,
+            variant: "outlined",
+            class: "w-full flex flex-col items-center justify-center gap-y-24 p-24"
+          }, {
+            default: b(() => [
+              t[6] || (t[6] = n("img", {
+                src: Q,
+                class: "aspect-square w-[150px]"
+              }, null, -1)),
+              n("div", ve, [
+                n("div", be, w(o(r)("connect.program.experience.empty_state.title")), 1),
+                n("div", ke, w(o(r)("connect.program.experience.empty_state.description")), 1)
+              ]),
+              s(h, {
+                variant: "primary",
+                label: "Create experience program",
+                icon: "add",
+                onClick: t[5] || (t[5] = (a) => _())
+              })
+            ]),
+            _: 1
+          })),
+          s(ce, {
+            ref_key: "sheetRef",
+            ref: y,
+            "onSubmit:modelValue": K
+          }, null, 512)
+        ])
+      ], 64);
+    };
+  }
+});
+export {
+  He as default
+};

package/dist/{FileSaver.min-BlA0oZEC.js → FileSaver.min-C-hmBaHm.js}

@@ -1,4 +1,4 @@
-import { c as s } from "./app-Z-UKRG5V.js";
+import { c as s } from "./app-BEYzXWZO.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 _
+};