@feedmepos/mf-common 1.29.10 → 1.29.12

package/dist/CustomAttributesForm-83669bc2.js

@@ -0,0 +1,128 @@
+import { defineComponent as C, computed as y, resolveComponent as N, openBlock as h, createElementBlock as v, createVNode as S, toDisplayString as F, unref as w, h as c } from "vue";
+import { t as x, u as B } from "./app-7e617adf.js";
+import { components as p } from "@feedmepos/ui-library";
+import { c as O } from "./object-27ce045b.js";
+import "pinia";
+import "vue-router";
+const U = { key: 0 }, z = {
+  key: 1,
+  class: "text-fm-color-neutral-gray-500"
+}, L = /* @__PURE__ */ C({
+  __name: "CustomAttributesForm",
+  props: {
+    entity: {},
+    modelValue: {},
+    valueOptions: {}
+  },
+  emits: ["update:modelValue"],
+  setup(g, { emit: k }) {
+    const n = g, V = k, { t: u } = x(), f = B();
+    function _(t) {
+      var e;
+      if ((e = n.valueOptions) != null && e[t] && n.valueOptions[t].length > 0)
+        return n.valueOptions[t];
+      if (n.entity === "restaurant") {
+        const a = f.restaurants.value.map((i) => {
+          var o;
+          return (o = i.customAttributes) == null ? void 0 : o[t];
+        }).filter((i) => typeof i == "string" && !!i), s = [...new Set(a)];
+        return s.length > 0 ? s : void 0;
+      }
+    }
+    const b = y(() => {
+      var t, e;
+      return ((e = (t = f.currentBusiness.value) == null ? void 0 : t.attributeSettings) == null ? void 0 : e.filter(
+        (a) => a.entity === n.entity
+      )) || [];
+    }), d = y(() => b.value.map((t) => {
+      var s;
+      const e = _(t.key), a = t.type === "boolean" ? !1 : "";
+      return {
+        key: t.key,
+        type: t.type,
+        value: ((s = n.modelValue) == null ? void 0 : s[t.key]) ?? a,
+        options: e
+      };
+    }) || []), A = [
+      {
+        header: () => u("portalshell.customAttributes.form.key"),
+        accessorKey: "key",
+        enableSorting: !1
+      },
+      {
+        header: () => u("portalshell.customAttributes.form.value"),
+        accessorKey: "value",
+        enableSorting: !1,
+        cell: (t) => {
+          var i;
+          const e = t.row.original, a = (o) => {
+            const l = O(n.modelValue), r = l[e.key] = typeof o == "string" ? o.trim() : o;
+            if (e.type === "number")
+              if (r === "" || r === null || r === void 0)
+                l[e.key] = "";
+              else {
+                if (typeof r == "boolean" || isNaN(Number(r)))
+                  return;
+                l[e.key] = Number(r);
+              }
+            if (e.type === "boolean")
+              if (r === "" || r === null || r === void 0)
+                l[e.key] = "";
+              else if (typeof r == "string") {
+                const m = r.toLowerCase();
+                if (m === "true")
+                  l[e.key] = !0;
+                else if (m === "false")
+                  l[e.key] = !1;
+                else
+                  return;
+              } else if (typeof r == "boolean")
+                l[e.key] = r;
+              else
+                return;
+            Object.keys(l).forEach((m) => {
+              (l[m] === "" || l[m] === null || l[m] === void 0) && delete l[m];
+            }), V("update:modelValue", l);
+          }, s = ((i = b.value.find((o) => o.key === e.key)) == null ? void 0 : i.options) || [];
+          return s != null && s.length ? c(p.FmSelect, {
+            modelValue: e.value,
+            placeholder: u("portalshell.customAttributes.form.valuePlaceholder"),
+            items: s.map((o) => ({ label: o, value: o })),
+            "onUpdate:modelValue": a
+          }) : e.type === "boolean" ? c(p.FmCheckbox, {
+            modelValue: e.value,
+            value: !0,
+            "onUpdate:modelValue": a
+          }) : e.type === "date" ? c(p.FmDatePicker, {
+            modelValue: e.value,
+            placeholder: u("portalshell.customAttributes.form.valuePlaceholder"),
+            "onUpdate:modelValue": a
+          }) : c(p.FmTextField, {
+            modelValue: e.value,
+            placeholder: u("portalshell.customAttributes.form.valuePlaceholder"),
+            datalist: e.options,
+            rules: [
+              (o) => e.type === "number" && isNaN(Number(o)) ? u("portalshell.customAttributes.form.attributeValueMustBeNumber") : !0
+            ],
+            "onUpdate:modelValue": a
+          });
+        }
+      }
+    ];
+    return (t, e) => {
+      const a = N("FmTable");
+      return d.value.length > 0 ? (h(), v("div", U, [
+        S(a, {
+          "column-defs": A,
+          "row-data": d.value,
+          "shrink-at": !1,
+          "page-size": d.value.length,
+          "hide-footer": ""
+        }, null, 8, ["row-data", "page-size"])
+      ])) : (h(), v("p", z, F(w(u)("portalshell.customAttributes.form.noCustomAttributes")), 1));
+    };
+  }
+});
+export {
+  L as default
+};

package/dist/{ItemSelector-dfed278e.js → ItemSelector-98a91f79.js}

@@ -1,5 +1,5 @@
 import { ref as pr, computed as Ut, defineComponent as dd, onMounted as cd, watch as ks, resolveComponent as ii, openBlock as jt, createElementBlock as an, createElementVNode as At, toDisplayString as js, unref as Tt, createVNode as Kt, isRef as fd, createCommentVNode as Lr, Fragment as so, renderList as lo, createBlock as ui, withCtx as co, normalizeClass as Go, Transition as Ms } from "vue";
-import { c as gr, l as U, d as Me, e as Qe, f as $d, u as Ho, g as hd, a as pd, O as Ss, t as gd, b as bd } from "./app-e095189e.js";
+import { c as gr, l as U, d as Me, e as Qe, f as $d, u as Ho, g as hd, a as pd, O as Ss, t as gd, b as bd } from "./app-7e617adf.js";
 import { FmButtonVariant as Vr } from "@feedmepos/ui-library";
 import { defineStore as md } from "pinia";
 import { c as Hr } from "./object-27ce045b.js";
@@ -50295,7 +50295,7 @@ const n$ = md("mf-common-menu", () => {
                                 class: "flex-1",
                                 "onUpdate:modelValue": (b) => H(c, b)
                               }, null, 8, ["indeterminate", "label", "model-value", "value", "onUpdate:modelValue"]),
-                              h.showVariant && ((f = c.variant) != null && f.length) ? (jt(), ui(i, {
+                              n.showVariant && ((f = c.variant) != null && f.length) ? (jt(), ui(i, {
                                 key: 0,
                                 class: Go([
                                   de.value.includes(c.value) ? "rotate-180" : "",
@@ -50309,7 +50309,7 @@ const n$ = md("mf-common-menu", () => {
                           ]),
                           Kt(Ms, { name: "expand" }, {
                             default: co(() => [
-                              h.showVariant && de.value.includes(c.value) ? (jt(), an("div", b$, [
+                              n.showVariant && de.value.includes(c.value) ? (jt(), an("div", b$, [
                                 (jt(!0), an(so, null, lo(c.variant, (b) => (jt(), ui(u, {
                                   key: b.value,
                                   label: b.label,

package/dist/{RestaurantSelector-4c6735d4.js → RestaurantSelector-d442ff46.js}

@@ -1,35 +1,35 @@
-import { ref as C, computed as o, defineComponent as ae, mergeModels as ne, useModel as ue, watch as j, resolveComponent as _, openBlock as c, createElementBlock as b, createElementVNode as x, createVNode as y, withCtx as L, normalizeClass as re, toDisplayString as oe, createCommentVNode as N, createBlock as O, withModifiers as K, unref as g, isRef as se, Fragment as Q, renderList as T, renderSlot as ie, nextTick as ce } from "vue";
-import { t as ve, u as de, a as fe, O as E, b as me } from "./app-e095189e.js";
+import { ref as S, computed as o, defineComponent as ae, mergeModels as ne, useModel as ue, watch as j, resolveComponent as k, openBlock as i, createElementBlock as b, createElementVNode as C, createVNode as y, withCtx as L, normalizeClass as re, toDisplayString as oe, createCommentVNode as N, createBlock as O, withModifiers as K, unref as g, isRef as se, Fragment as Q, renderList as T, renderSlot as ie, nextTick as ce } from "vue";
+import { t as ve, u as de, a as fe, O as E, b as me } from "./app-7e617adf.js";
 import "@feedmepos/ui-library";
 import "pinia";
 import "vue-router";
-function pe(i, t, v = i) {
-  const a = C(!0), d = o(() => {
+function pe(f, t, c = f) {
+  const a = S(!0), v = o(() => {
     if (!a.value && !t.value)
       return !0;
     if (t.value && t.value.length > 0) {
-      const u = new Set(v.value.map((n) => n.value));
-      return t.value.length === v.value.length && t.value.every((n) => u.has(n));
+      const u = new Set(c.value.map((n) => n.value));
+      return t.value.length === c.value.length && t.value.every((n) => u.has(n));
     }
     return !1;
-  }), S = o(() => {
+  }), x = o(() => {
     var u, n, h, m;
-    return !!((u = t.value) != null && u.length && ((n = t.value) == null ? void 0 : n.length) > 0 && ((h = t.value) == null ? void 0 : h.length) < ((m = i.value) == null ? void 0 : m.length));
+    return !!((u = t.value) != null && u.length && ((n = t.value) == null ? void 0 : n.length) > 0 && ((h = t.value) == null ? void 0 : h.length) < ((m = f.value) == null ? void 0 : m.length));
   });
-  return { allCleared: a, allSelected: d, indeterminate: S, toggleAll: () => {
-    if (d.value) {
+  return { allCleared: a, allSelected: v, indeterminate: x, toggleAll: () => {
+    if (v.value) {
       t.value = void 0, a.value = !0;
       return;
     }
-    const u = v.value.map((n) => n.value);
-    u.length === i.value.length ? (t.value = void 0, a.value = !1) : (t.value = u, a.value = !1);
+    const u = c.value.map((n) => n.value);
+    u.length === f.value.length ? (t.value = void 0, a.value = !1) : (t.value = u, a.value = !1);
   }, toggleOption: (u) => {
     var h, m, w;
     let n;
-    t.value === void 0 && a.value ? n = [u] : t.value === void 0 && !a.value ? n = (h = i.value.map((p) => p.value)) == null ? void 0 : h.filter((p) => p !== u) : (m = t.value) != null && m.includes(u) ? n = (w = t.value) == null ? void 0 : w.filter((p) => p !== u) : n = [...t.value || [], u], n.length === 0 ? (t.value = void 0, a.value = !0) : n.length === i.value.length ? (t.value = void 0, a.value = !1) : t.value = n;
+    t.value === void 0 && a.value ? n = [u] : t.value === void 0 && !a.value ? n = (h = f.value.map((p) => p.value)) == null ? void 0 : h.filter((p) => p !== u) : (m = t.value) != null && m.includes(u) ? n = (w = t.value) == null ? void 0 : w.filter((p) => p !== u) : n = [...t.value || [], u], n.length === 0 ? (t.value = void 0, a.value = !0) : n.length === f.value.length ? (t.value = void 0, a.value = !1) : t.value = n;
   } };
 }
-const ge = { class: "w-full flex flex-col gap-8" }, he = { class: "flex items-center gap-8" }, be = { class: "inline-flex items-center" }, ye = { class: "flex flex-col w-[360px] min-h-0 gap-8" }, ke = { class: "flex gap-4 px-[6px]" }, _e = { class: "flex-1" }, xe = { class: "flex-1 overflow-y-auto min-h-0" }, Ce = { key: 0 }, Me = /* @__PURE__ */ ae({
+const ge = { class: "w-full flex flex-col gap-8" }, he = { class: "flex items-center gap-8" }, be = { class: "inline-flex items-center" }, ye = { class: "flex flex-col w-[360px] min-h-0 gap-8" }, _e = { class: "flex gap-4 px-[6px]" }, ke = { class: "flex-1" }, Ce = { class: "flex-1 overflow-y-auto min-h-0" }, Se = { key: 0 }, Me = /* @__PURE__ */ ae({
   __name: "RestaurantSelector",
   props: /* @__PURE__ */ ne({
     multiple: { type: Boolean, default: !1 },
@@ -43,22 +43,22 @@ const ge = { class: "w-full flex flex-col gap-8" }, he = { class: "flex items-ce
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(i) {
-    const t = i, { t: v } = ve(), a = ue(i, "modelValue"), { restaurants: d, restaurantAttributeSettings: S } = de(), R = o(() => d.value.length === 0);
+  setup(f) {
+    const t = f, { t: c } = ve(), a = ue(f, "modelValue"), { restaurants: v, restaurantAttributeSettings: x } = de(), R = o(() => v.value.length === 0);
     function P(e) {
-      const l = d.value.map((k) => {
+      const l = v.value.map((_) => {
         var A;
-        return (A = k.customAttributes) == null ? void 0 : A[e];
-      }).filter((k) => typeof k == "string" && !!k);
+        return (A = _.customAttributes) == null ? void 0 : A[e];
+      }).filter((_) => typeof _ == "string" && !!_);
       return [...new Set(l)];
     }
-    const u = o(() => S.value.map((e) => {
+    const u = o(() => x.value.map((e) => {
       const l = P(e.key);
       return {
         ...e,
         values: l
       };
-    })), { searchKey: n, filter: h } = fe(), m = C(null);
+    })), { searchKey: n, filter: h } = fe(), m = S(null);
     function w(e) {
       var l;
       if (t.multiple)
@@ -71,8 +71,8 @@ const ge = { class: "w-full flex flex-col gap-8" }, he = { class: "flex items-ce
         label: `${l} (${r ?? "--"})`,
         value: e._id
       };
-    }, M = o(() => d.value.map(p)), F = o(
-      () => d.value.filter((e) => t.managableOnly ? e.managable : !0).filter((e) => t.multiple ? !0 : E(e.customAttributes || {}, f.value)).map(p).filter(({ label: e }) => h([e])).filter((e) => {
+    }, M = o(() => v.value.map(p)), F = o(
+      () => v.value.filter((e) => t.managableOnly ? e.managable : !0).filter((e) => t.multiple ? !0 : E(e.customAttributes || {}, d.value)).map(p).filter(({ label: e }) => h([e])).filter((e) => {
         var l;
         return !((l = t.excludeRestaurants) != null && l.includes(e.value));
       })
@@ -81,40 +81,40 @@ const ge = { class: "w-full flex flex-col gap-8" }, he = { class: "flex items-ce
       return a.value ? a.value.length === 1 ? (e = M.value.find((l) => {
         var r;
         return l.value === ((r = a.value) == null ? void 0 : r[0]);
-      })) == null ? void 0 : e.label : v("portalshell.components.restaurantSelector.restaurantCount", {
+      })) == null ? void 0 : e.label : c("portalshell.components.restaurantSelector.restaurantCount", {
         count: a.value.length
-      }) : v("portalshell.components.restaurantSelector.allRestaurants");
+      }) : c("portalshell.components.restaurantSelector.allRestaurants");
     }), q = o(() => {
       var e;
-      return a.value ? ((e = M.value.find((l) => l.value === a.value)) == null ? void 0 : e.label) || v("portalshell.components.restaurantSelector.unknownRestaurant") : v("portalshell.components.restaurantSelector.selectRestaurant");
+      return a.value ? ((e = M.value.find((l) => l.value === a.value)) == null ? void 0 : e.label) || c("portalshell.components.restaurantSelector.unknownRestaurant") : c("portalshell.components.restaurantSelector.selectRestaurant");
     }), D = o(() => t.multiple ? W.value : q.value), B = o(() => t.disabled ? "neutral-gray-200" : t.variant === "dark" ? "neutral-black" : "neutral-gray-400"), G = o(() => t.disabled ? "text-fm-color-neutral-gray-200" : t.variant === "dark" ? "text-fm-color-neutral-black" : "text-fm-color-neutral-gray-400"), { allSelected: U, toggleAll: H, toggleOption: J, indeterminate: X } = pe(
       M,
       a,
       F
-    ), V = C(!1), Y = o(() => S.value.length > 0), z = C(null);
+    ), V = S(!1), Y = o(() => x.value.length > 0), z = S(null);
     async function Z() {
       t.disabled || (V.value ? V.value = !1 : (V.value = !0, await ce(), z.value && z.value.toggleProperty(!0)));
     }
-    const f = C((() => ({
+    const d = S((() => ({
       logic: "AND",
       rules: []
     }))()), ee = o(() => {
       var e, l;
-      return ((l = (e = f.value) == null ? void 0 : e.rules) == null ? void 0 : l.length) || 0;
+      return ((l = (e = d.value) == null ? void 0 : e.rules) == null ? void 0 : l.length) || 0;
     });
     return j(
-      f,
+      d,
       () => {
         var e;
         if (t.multiple) {
-          if (!f.value || f.value.rules.length === 0) {
+          if (!d.value || d.value.rules.length === 0) {
             a.value = null;
             return;
           }
-          const l = d.value.filter((r) => E(r.customAttributes || {}, f.value));
+          const l = v.value.filter((r) => E(r.customAttributes || {}, d.value));
           a.value = l.map((r) => r._id);
         } else {
-          const l = d.value.filter((r) => E(r.customAttributes || {}, f.value));
+          const l = v.value.filter((r) => E(r.customAttributes || {}, d.value));
           l.length === 0 ? a.value = null : a.value = (e = l[0]) == null ? void 0 : e._id;
         }
       },
@@ -128,20 +128,20 @@ const ge = { class: "w-full flex flex-col gap-8" }, he = { class: "flex items-ce
       },
       { immediate: !0 }
     ), (e, l) => {
-      const r = _("FmIcon"), k = _("FmCircularProgress"), A = _("FmChip"), le = _("FmSearch"), $ = _("FmMenuItem"), te = _("FmMenu");
-      return c(), b("div", ge, [
-        x("div", he, [
+      const r = k("FmIcon"), _ = k("FmCircularProgress"), A = k("FmChip"), le = k("FmSearch"), $ = k("FmMenuItem"), te = k("FmMenu");
+      return i(), b("div", ge, [
+        C("div", he, [
           y(te, {
             "close-on-click": !1,
-            disabled: i.disabled || R.value,
+            disabled: e.disabled || R.value,
             ref_key: "menuRef",
             ref: m,
             "z-index": 50,
             "selector-for-dismiss-away-event-exclusion": ".fm-dialog, .fm-select__menu__wrapper"
           }, {
             "menu-button": L(() => [
-              x("div", be, [
-                y(A, { disabled: i.disabled }, {
+              C("div", be, [
+                y(A, { disabled: e.disabled }, {
                   default: L(() => [
                     y(r, {
                       color: B.value,
@@ -149,23 +149,23 @@ const ge = { class: "w-full flex flex-col gap-8" }, he = { class: "flex items-ce
                       outline: "",
                       size: "sm"
                     }, null, 8, ["color"]),
-                    D.value ? (c(), b("div", {
+                    D.value ? (i(), b("div", {
                       key: 0,
                       class: re([
                         "fm-typo-en-body-md-600 select-none text-ellipsis overflow-hidden whitespace-nowrap",
                         G.value
                       ])
                     }, oe(D.value), 3)) : N("", !0),
-                    R.value ? (c(), O(k, {
+                    R.value ? (i(), O(_, {
                       key: 1,
                       size: "md"
-                    })) : (c(), O(r, {
+                    })) : (i(), O(r, {
                       key: 2,
                       color: B.value,
                       name: "keyboard_arrow_down",
                       size: "sm"
                     }, null, 8, ["color"])),
-                    Y.value ? (c(), b("div", {
+                    Y.value ? (i(), b("div", {
                       key: 3,
                       class: "pl-8 flex items-center justify-center border-l border-fm-color-neutral-gray-200",
                       onClick: K(Z, ["stop"])
@@ -185,18 +185,18 @@ const ge = { class: "w-full flex flex-col gap-8" }, he = { class: "flex items-ce
               ])
             ]),
             default: L(() => [
-              x("div", ye, [
-                x("div", ke, [
-                  x("div", _e, [
+              C("div", ye, [
+                C("div", _e, [
+                  C("div", ke, [
                     y(le, {
                       modelValue: g(n),
                       "onUpdate:modelValue": l[1] || (l[1] = (s) => se(n) ? n.value = s : null),
-                      placeholder: g(v)("common.search")
+                      placeholder: g(c)("common.search")
                     }, null, 8, ["modelValue", "placeholder"])
                   ])
                 ]),
-                x("div", xe, [
-                  i.multiple ? (c(), b(Q, { key: 0 }, [
+                C("div", Ce, [
+                  e.multiple ? (i(), b(Q, { key: 0 }, [
                     y($, {
                       label: "All",
                       "has-checkbox": "",
@@ -204,9 +204,9 @@ const ge = { class: "w-full flex flex-col gap-8" }, he = { class: "flex items-ce
                       indeterminate: g(X),
                       onClick: g(H)
                     }, null, 8, ["model-value", "indeterminate", "onClick"]),
-                    (c(!0), b(Q, null, T(F.value, (s) => {
+                    (i(!0), b(Q, null, T(F.value, (s) => {
                       var I;
-                      return c(), O($, {
+                      return i(), O($, {
                         key: s.value,
                         label: s.label,
                         "has-checkbox": "",
@@ -214,7 +214,7 @@ const ge = { class: "w-full flex flex-col gap-8" }, he = { class: "flex items-ce
                         onClick: (we) => g(J)(s.value)
                       }, null, 8, ["label", "model-value", "onClick"]);
                     }), 128))
-                  ], 64)) : (c(!0), b(Q, { key: 1 }, T(F.value, (s) => (c(), O($, {
+                  ], 64)) : (i(!0), b(Q, { key: 1 }, T(F.value, (s) => (i(), O($, {
                     key: s.value,
                     label: s.label,
                     onClick: (I) => w(s.value)
@@ -226,13 +226,13 @@ const ge = { class: "w-full flex flex-col gap-8" }, he = { class: "flex items-ce
           }, 8, ["disabled"]),
           ie(e.$slots, "append-right")
         ]),
-        V.value ? (c(), b("div", Ce, [
+        V.value ? (i(), b("div", Se, [
           y(g(me), {
             ref_key: "filterRef",
             ref: z,
             attributes: u.value,
-            modelValue: f.value,
-            "onUpdate:modelValue": l[2] || (l[2] = (s) => f.value = s)
+            modelValue: d.value,
+            "onUpdate:modelValue": l[2] || (l[2] = (s) => d.value = s)
           }, null, 8, ["attributes", "modelValue"])
         ])) : N("", !0)
       ]);