@feedmepos/mf-common 1.29.13 → 1.29.15

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@feedmepos/mf-common",
-  "version": "1.29.13",
+  "version": "1.29.15",
   "type": "module",
   "files": [
     "dist"

package/dist/RestaurantSelector-0c185f47.js

@@ -1,461 +0,0 @@
-import { computed as m, ref as k, shallowRef as ye, watch as B, getCurrentInstance as we, onMounted as _e, defineComponent as xe, mergeModels as ke, useModel as Ce, resolveComponent as L, openBlock as x, createElementBlock as S, createElementVNode as R, createVNode as V, withCtx as D, normalizeClass as Re, toDisplayString as Se, createCommentVNode as G, createBlock as H, withModifiers as X, unref as y, isRef as Ve, Fragment as N, mergeProps as q, normalizeProps as J, guardReactiveProps as Z, renderList as ee, renderSlot as Fe, nextTick as Oe } from "vue";
-import { a as Le, b as Me, c as Ae, i as ze, t as Be, u as Te, d as Pe, O as Q, e as He } from "./app-279f08b9.js";
-import "@feedmepos/ui-library";
-import "pinia";
-import "vue-router";
-function M(l) {
-  var e;
-  const n = Me(l);
-  return (e = n == null ? void 0 : n.$el) != null ? e : n;
-}
-const te = ze ? window : void 0;
-function $e() {
-  const l = k(!1), e = we();
-  return e && _e(() => {
-    l.value = !0;
-  }, e), l;
-}
-function We(l) {
-  const e = $e();
-  return m(() => (e.value, !!l()));
-}
-function Ee(l, e, n = {}) {
-  const { window: t = te, ...r } = n;
-  let s;
-  const f = We(() => t && "ResizeObserver" in t), c = () => {
-    s && (s.disconnect(), s = void 0);
-  }, v = m(() => Array.isArray(l) ? l.map((o) => M(o)) : [M(l)]), a = B(
-    v,
-    (o) => {
-      if (c(), f.value && t) {
-        s = new ResizeObserver(e);
-        for (const p of o)
-          p && s.observe(p, r);
-      }
-    },
-    { immediate: !0, flush: "post" }
-  ), h = () => {
-    c(), a();
-  };
-  return Ae(h), {
-    isSupported: f,
-    stop: h
-  };
-}
-function Ie(l, e = { width: 0, height: 0 }, n = {}) {
-  const { window: t = te, box: r = "content-box" } = n, s = m(() => {
-    var o, p;
-    return (p = (o = M(l)) == null ? void 0 : o.namespaceURI) == null ? void 0 : p.includes("svg");
-  }), f = k(e.width), c = k(e.height), { stop: v } = Ee(
-    l,
-    ([o]) => {
-      const p = r === "border-box" ? o.borderBoxSize : r === "content-box" ? o.contentBoxSize : o.devicePixelContentBoxSize;
-      if (t && s.value) {
-        const d = M(l);
-        if (d) {
-          const g = d.getBoundingClientRect();
-          f.value = g.width, c.value = g.height;
-        }
-      } else if (p) {
-        const d = Array.isArray(p) ? p : [p];
-        f.value = d.reduce((g, { inlineSize: w }) => g + w, 0), c.value = d.reduce((g, { blockSize: w }) => g + w, 0);
-      } else
-        f.value = o.contentRect.width, c.value = o.contentRect.height;
-    },
-    n
-  );
-  Le(() => {
-    const o = M(l);
-    o && (f.value = "offsetWidth" in o ? o.offsetWidth : e.width, c.value = "offsetHeight" in o ? o.offsetHeight : e.height);
-  });
-  const a = B(
-    () => M(l),
-    (o) => {
-      f.value = o ? e.width : 0, c.value = o ? e.height : 0;
-    }
-  );
-  function h() {
-    v(), a();
-  }
-  return {
-    width: f,
-    height: c,
-    stop: h
-  };
-}
-function De(l, e) {
-  const { containerStyle: n, wrapperProps: t, scrollTo: r, calculateRange: s, currentList: f, containerRef: c } = "itemHeight" in e ? Qe(e, l) : Ne(e, l);
-  return {
-    list: f,
-    scrollTo: r,
-    containerProps: {
-      ref: c,
-      onScroll: () => {
-        s();
-      },
-      style: n
-    },
-    wrapperProps: t
-  };
-}
-function le(l) {
-  const e = k(null), n = Ie(e), t = k([]), r = ye(l);
-  return { state: k({ start: 0, end: 10 }), source: r, currentList: t, size: n, containerRef: e };
-}
-function ne(l, e, n) {
-  return (t) => {
-    if (typeof n == "number")
-      return Math.ceil(t / n);
-    const { start: r = 0 } = l.value;
-    let s = 0, f = 0;
-    for (let c = r; c < e.value.length; c++) {
-      const v = n(c);
-      if (s += v, f = c, s > t)
-        break;
-    }
-    return f - r;
-  };
-}
-function re(l, e) {
-  return (n) => {
-    if (typeof e == "number")
-      return Math.floor(n / e) + 1;
-    let t = 0, r = 0;
-    for (let s = 0; s < l.value.length; s++) {
-      const f = e(s);
-      if (t += f, t >= n) {
-        r = s;
-        break;
-      }
-    }
-    return r + 1;
-  };
-}
-function ae(l, e, n, t, { containerRef: r, state: s, currentList: f, source: c }) {
-  return () => {
-    const v = r.value;
-    if (v) {
-      const a = n(l === "vertical" ? v.scrollTop : v.scrollLeft), h = t(l === "vertical" ? v.clientHeight : v.clientWidth), o = a - e, p = a + h + e;
-      s.value = {
-        start: o < 0 ? 0 : o,
-        end: p > c.value.length ? c.value.length : p
-      }, f.value = c.value.slice(s.value.start, s.value.end).map((d, g) => ({
-        data: d,
-        index: g + s.value.start
-      }));
-    }
-  };
-}
-function oe(l, e) {
-  return (n) => typeof l == "number" ? n * l : e.value.slice(0, n).reduce((r, s, f) => r + l(f), 0);
-}
-function ue(l, e, n, t) {
-  B([l.width, l.height, e, n], () => {
-    t();
-  });
-}
-function se(l, e) {
-  return m(() => typeof l == "number" ? e.value.length * l : e.value.reduce((n, t, r) => n + l(r), 0));
-}
-const Ge = {
-  horizontal: "scrollLeft",
-  vertical: "scrollTop"
-};
-function ie(l, e, n, t) {
-  return (r) => {
-    t.value && (t.value[Ge[l]] = n(r), e());
-  };
-}
-function Ne(l, e) {
-  const n = le(e), { state: t, source: r, currentList: s, size: f, containerRef: c } = n, v = { overflowX: "auto" }, { itemWidth: a, overscan: h = 5 } = l, o = ne(t, r, a), p = re(r, a), d = ae("horizontal", h, p, o, n), g = oe(a, r), w = m(() => g(t.value.start)), A = se(a, r);
-  ue(f, e, c, d);
-  const z = ie("horizontal", d, g, c), F = m(() => ({
-    style: {
-      height: "100%",
-      width: `${A.value - w.value}px`,
-      marginLeft: `${w.value}px`,
-      display: "flex"
-    }
-  }));
-  return {
-    scrollTo: z,
-    calculateRange: d,
-    wrapperProps: F,
-    containerStyle: v,
-    currentList: s,
-    containerRef: c
-  };
-}
-function Qe(l, e) {
-  const n = le(e), { state: t, source: r, currentList: s, size: f, containerRef: c } = n, v = { overflowY: "auto" }, { itemHeight: a, overscan: h = 5 } = l, o = ne(t, r, a), p = re(r, a), d = ae("vertical", h, p, o, n), g = oe(a, r), w = m(() => g(t.value.start)), A = se(a, r);
-  ue(f, e, c, d);
-  const z = ie("vertical", d, g, c), F = m(() => ({
-    style: {
-      width: "100%",
-      height: `${A.value - w.value}px`,
-      marginTop: `${w.value}px`
-    }
-  }));
-  return {
-    calculateRange: d,
-    scrollTo: z,
-    containerStyle: v,
-    wrapperProps: F,
-    currentList: s,
-    containerRef: c
-  };
-}
-function Ue(l, e, n = l) {
-  const t = k(!0), r = m(() => {
-    if (!t.value && !e.value)
-      return !0;
-    if (e.value && e.value.length > 0) {
-      const v = new Set(n.value.map((a) => a.value));
-      return e.value.length === n.value.length && e.value.every((a) => v.has(a));
-    }
-    return !1;
-  }), s = m(() => {
-    var v, a, h, o;
-    return !!((v = e.value) != null && v.length && ((a = e.value) == null ? void 0 : a.length) > 0 && ((h = e.value) == null ? void 0 : h.length) < ((o = l.value) == null ? void 0 : o.length));
-  });
-  return { allCleared: t, allSelected: r, indeterminate: s, toggleAll: () => {
-    if (r.value) {
-      e.value = void 0, t.value = !0;
-      return;
-    }
-    const v = n.value.map((a) => a.value);
-    v.length === l.value.length ? (e.value = void 0, t.value = !1) : (e.value = v, t.value = !1);
-  }, toggleOption: (v) => {
-    var h, o, p;
-    let a;
-    e.value === void 0 && t.value ? a = [v] : e.value === void 0 && !t.value ? a = (h = l.value.map((d) => d.value)) == null ? void 0 : h.filter((d) => d !== v) : (o = e.value) != null && o.includes(v) ? a = (p = e.value) == null ? void 0 : p.filter((d) => d !== v) : a = [...e.value || [], v], a.length === 0 ? (e.value = void 0, t.value = !0) : a.length === l.value.length ? (e.value = void 0, t.value = !1) : e.value = a;
-  } };
-}
-const Ye = { class: "w-full flex flex-col gap-8" }, Ke = { class: "flex items-center gap-8" }, je = { class: "inline-flex items-center" }, Xe = { class: "flex flex-col w-[360px] min-h-0 gap-8" }, qe = { class: "flex gap-4 px-[6px]" }, Je = { class: "flex-1" }, Ze = { class: "flex-1 min-h-0" }, et = { key: 0 }, tt = 40, it = /* @__PURE__ */ xe({
-  __name: "RestaurantSelector",
-  props: /* @__PURE__ */ ke({
-    multiple: { type: Boolean, default: !1 },
-    excludeRestaurants: {},
-    managableOnly: { type: Boolean, default: !0 },
-    disabled: { type: Boolean, default: !1 },
-    variant: { default: "default" },
-    autoSelectFirst: { type: Boolean, default: !1 }
-  }, {
-    modelValue: {},
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(l) {
-    const e = l, { t: n } = Be(), t = Ce(l, "modelValue"), { restaurants: r, restaurantAttributeSettings: s } = Te(), f = m(() => r.value.length === 0);
-    function c(u) {
-      const i = r.value.map((O) => {
-        var P;
-        return (P = O.customAttributes) == null ? void 0 : P[u];
-      }).filter((O) => typeof O == "string" && !!O);
-      return [...new Set(i)];
-    }
-    const v = m(() => s.value.map((u) => {
-      const i = c(u.key);
-      return {
-        ...u,
-        values: i
-      };
-    })), { searchKey: a, filter: h } = Pe(), o = k(null);
-    function p(u) {
-      var i;
-      if (e.multiple)
-        throw new Error("Single selection is not supported for multiple selection");
-      t.value = u, (i = o.value) == null || i.toggleMenu(!1);
-    }
-    const d = (u) => {
-      const { name: i, code: b } = u.profile;
-      return {
-        label: `${i} (${b ?? "--"})`,
-        value: u._id
-      };
-    }, g = m(() => r.value.map(d)), w = m(
-      () => r.value.filter((u) => e.managableOnly ? u.managable : !0).filter((u) => e.multiple ? !0 : Q(u.customAttributes || {}, C.value)).map(d).filter(({ label: u }) => h([u])).filter((u) => {
-        var i;
-        return !((i = e.excludeRestaurants) != null && i.includes(u.value));
-      })
-    ), A = m(() => {
-      var u;
-      return t.value ? t.value.length === 1 ? (u = g.value.find((i) => {
-        var b;
-        return i.value === ((b = t.value) == null ? void 0 : b[0]);
-      })) == null ? void 0 : u.label : n("portalshell.components.restaurantSelector.restaurantCount", {
-        count: t.value.length
-      }) : n("portalshell.components.restaurantSelector.allRestaurants");
-    }), z = m(() => {
-      var u;
-      return t.value ? ((u = g.value.find((i) => i.value === t.value)) == null ? void 0 : u.label) || n("portalshell.components.restaurantSelector.unknownRestaurant") : n("portalshell.components.restaurantSelector.selectRestaurant");
-    }), F = m(() => e.multiple ? A.value : z.value), $ = m(() => e.disabled ? "neutral-gray-200" : e.variant === "dark" ? "neutral-black" : "neutral-gray-400"), ce = m(() => e.disabled ? "text-fm-color-neutral-gray-200" : e.variant === "dark" ? "text-fm-color-neutral-black" : "text-fm-color-neutral-gray-400"), { allSelected: U, toggleAll: ve, toggleOption: fe, indeterminate: de } = Ue(
-      g,
-      t,
-      w
-    ), {
-      list: Y,
-      containerProps: K,
-      wrapperProps: j
-    } = De(w, {
-      itemHeight: tt,
-      overscan: 10
-    }), T = k(!1), pe = m(() => s.value.length > 0), W = k(null);
-    async function me() {
-      e.disabled || (T.value ? T.value = !1 : (T.value = !0, await Oe(), W.value && W.value.toggleProperty(!0)));
-    }
-    const C = k((() => ({
-      logic: "AND",
-      rules: []
-    }))()), he = m(() => {
-      var u, i;
-      return ((i = (u = C.value) == null ? void 0 : u.rules) == null ? void 0 : i.length) || 0;
-    });
-    return B(
-      [C, r],
-      () => {
-        var u;
-        if (e.multiple) {
-          if (!C.value || C.value.rules.length === 0) {
-            t.value = null;
-            return;
-          }
-          const i = r.value.filter((b) => Q(b.customAttributes || {}, C.value));
-          t.value = i.map((b) => b._id);
-        } else {
-          const i = r.value.filter((b) => Q(b.customAttributes || {}, C.value));
-          i.length === 0 ? t.value = null : t.value = (u = i[0]) == null ? void 0 : u._id;
-        }
-      },
-      {
-        deep: !0
-      }
-    ), B(
-      [() => e.autoSelectFirst, w],
-      ([u, i]) => {
-        u && i.length > 0 && !t.value && (t.value = i[0].value);
-      },
-      { immediate: !0 }
-    ), (u, i) => {
-      const b = L("FmIcon"), O = L("FmCircularProgress"), P = L("FmChip"), ge = L("FmSearch"), E = L("FmMenuItem"), be = L("FmMenu");
-      return x(), S("div", Ye, [
-        R("div", Ke, [
-          V(be, {
-            "close-on-click": !1,
-            disabled: u.disabled || f.value,
-            ref_key: "menuRef",
-            ref: o,
-            "z-index": 50,
-            "selector-for-dismiss-away-event-exclusion": ".fm-dialog, .fm-select__menu__wrapper"
-          }, {
-            "menu-button": D(() => [
-              R("div", je, [
-                V(P, { disabled: u.disabled }, {
-                  default: D(() => [
-                    V(b, {
-                      color: $.value,
-                      name: "storefront",
-                      outline: "",
-                      size: "sm"
-                    }, null, 8, ["color"]),
-                    F.value ? (x(), S("div", {
-                      key: 0,
-                      class: Re([
-                        "fm-typo-en-body-md-600 select-none text-ellipsis overflow-hidden whitespace-nowrap",
-                        ce.value
-                      ])
-                    }, Se(F.value), 3)) : G("", !0),
-                    f.value ? (x(), H(O, {
-                      key: 1,
-                      size: "md"
-                    })) : (x(), H(b, {
-                      key: 2,
-                      color: $.value,
-                      name: "keyboard_arrow_down",
-                      size: "sm"
-                    }, null, 8, ["color"])),
-                    pe.value ? (x(), S("div", {
-                      key: 3,
-                      class: "pl-8 flex items-center justify-center border-l border-fm-color-neutral-gray-200",
-                      onClick: X(me, ["stop"])
-                    }, [
-                      V(b, {
-                        name: "filter_alt",
-                        size: "sm",
-                        outline: he.value === 0,
-                        color: $.value,
-                        onClick: i[0] || (i[0] = X(() => {
-                        }, ["prevent"]))
-                      }, null, 8, ["outline", "color"])
-                    ])) : G("", !0)
-                  ]),
-                  _: 1
-                }, 8, ["disabled"])
-              ])
-            ]),
-            default: D(() => [
-              R("div", Xe, [
-                R("div", qe, [
-                  R("div", Je, [
-                    V(ge, {
-                      modelValue: y(a),
-                      "onUpdate:modelValue": i[1] || (i[1] = (_) => Ve(a) ? a.value = _ : null),
-                      placeholder: y(n)("common.search")
-                    }, null, 8, ["modelValue", "placeholder"])
-                  ])
-                ]),
-                R("div", Ze, [
-                  u.multiple ? (x(), S(N, { key: 0 }, [
-                    V(E, {
-                      label: "All",
-                      "has-checkbox": "",
-                      "model-value": y(U),
-                      indeterminate: y(de),
-                      onClick: y(ve)
-                    }, null, 8, ["model-value", "indeterminate", "onClick"]),
-                    R("div", q(y(K), { style: { maxHeight: "320px", overflowY: "auto" } }), [
-                      R("div", J(Z(y(j))), [
-                        (x(!0), S(N, null, ee(y(Y), ({ data: _ }) => {
-                          var I;
-                          return x(), H(E, {
-                            key: _.value,
-                            label: _.label,
-                            "has-checkbox": "",
-                            "model-value": y(U) || ((I = t.value) == null ? void 0 : I.includes(_.value)),
-                            onClick: (nt) => y(fe)(_.value)
-                          }, null, 8, ["label", "model-value", "onClick"]);
-                        }), 128))
-                      ], 16)
-                    ], 16)
-                  ], 64)) : (x(), S("div", q({ key: 1 }, y(K), { style: { maxHeight: "320px", overflowY: "auto" } }), [
-                    R("div", J(Z(y(j))), [
-                      (x(!0), S(N, null, ee(y(Y), ({ data: _ }) => (x(), H(E, {
-                        key: _.value,
-                        label: _.label,
-                        onClick: (I) => p(_.value)
-                      }, null, 8, ["label", "onClick"]))), 128))
-                    ], 16)
-                  ], 16))
-                ])
-              ])
-            ]),
-            _: 1
-          }, 8, ["disabled"]),
-          Fe(u.$slots, "append-right")
-        ]),
-        T.value ? (x(), S("div", et, [
-          V(y(He), {
-            ref_key: "filterRef",
-            ref: W,
-            attributes: v.value,
-            modelValue: C.value,
-            "onUpdate:modelValue": i[2] || (i[2] = (_) => C.value = _)
-          }, null, 8, ["attributes", "modelValue"])
-        ])) : G("", !0)
-      ]);
-    };
-  }
-});
-export {
-  it as default
-};