@feedmepos/mf-inventory-portal 1.8.0-dev.1 → 1.8.0-dev.11

package/dist/FeatureCapabilityBadge.vue_vue_type_script_setup_true_lang-CrCdJfOf.js

@@ -0,0 +1,47 @@
+import { resolveComponent as i, createElementBlock as m, openBlock as t, createVNode as u, createTextVNode as _, defineComponent as f, computed as c, createBlock as r, createCommentVNode as a } from "vue";
+import { i as d, _ as g } from "./PlanTierBadge.vue_vue_type_script_setup_true_lang-Cr1LFRUd.js";
+import { _ as y } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const b = {}, x = { class: "inline-flex items-center gap-1 rounded-full border border-fm-color-state-warning-base bg-fm-color-state-warning-subtle px-2 py-0.5 text-xs font-medium text-fm-color-state-warning-base" };
+function F(s, e) {
+  const o = i("FmIcon");
+  return t(), m("span", x, [
+    u(o, {
+      name: "warning",
+      size: "sm"
+    }),
+    e[0] || (e[0] = _(" Deprecate Soon "))
+  ]);
+}
+const k = /* @__PURE__ */ y(b, [["render", F]]), v = { class: "inline-flex items-center gap-1" }, h = /* @__PURE__ */ f({
+  __name: "FeatureCapabilityBadge",
+  props: {
+    tier: {},
+    category: {},
+    deprecateSoon: { type: Boolean },
+    featureKey: {},
+    informative: { type: Boolean }
+  },
+  setup(s) {
+    const e = s, o = c(() => d(e.featureKey)), l = c(
+      () => e.tier === "premium" && (e.informative || !o.value)
+    );
+    return (n, B) => {
+      const p = i("FmPill");
+      return t(), m("span", v, [
+        n.deprecateSoon ? (t(), r(k, { key: 0 })) : a("", !0),
+        n.category === "beta" ? (t(), r(p, {
+          key: 1,
+          variant: "beta"
+        })) : a("", !0),
+        l.value ? (t(), r(g, {
+          key: 2,
+          tier: n.tier
+        }, null, 8, ["tier"])) : a("", !0)
+      ]);
+    };
+  }
+});
+export {
+  k as D,
+  h as _
+};

package/dist/FeatureCapabilityGate-C34Z4k5D.js

@@ -0,0 +1,74 @@
+import { defineComponent as V, computed as r, ref as K, resolveComponent as f, createElementBlock as l, openBlock as n, createElementVNode as _, createCommentVNode as v, createVNode as c, unref as o, normalizeClass as w, renderSlot as N, withModifiers as B, toDisplayString as I } from "vue";
+import { g as P, b as S } from "./PlanTierBadge.vue_vue_type_script_setup_true_lang-Cr1LFRUd.js";
+import { R as U } from "./app-ZyQBMnlh.js";
+import { _ as $ } from "./PlanUpgradeDialog.vue_vue_type_script_setup_true_lang-CtoPkGo2.js";
+import { _ as j } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const z = { class: "relative" }, D = ["aria-hidden", "inert"], E = {
+  key: 1,
+  class: "min-h-32 rounded bg-fm-color-neutral-gray-200/60"
+}, G = ["title"], R = { class: "flex items-center justify-center gap-8 fm-typo-en-body-md-600" }, T = { key: 0 }, q = /* @__PURE__ */ V({
+  __name: "FeatureCapabilityGate",
+  props: {
+    featureKey: {},
+    compact: { type: Boolean }
+  },
+  emits: ["locked"],
+  setup(y, { emit: b }) {
+    const u = y, k = b, t = r(() => P(u.featureKey)), i = S(r(() => {
+      var e;
+      return ((e = t.value) == null ? void 0 : e.definition) ?? null;
+    })), a = i.disabled, s = K(!1), g = r(
+      () => {
+        var e;
+        return t.value ? {
+          route: U.STOCK,
+          module: t.value.label,
+          tier: ((e = t.value.definition) == null ? void 0 : e.minimumTier) ?? "standard",
+          description: t.value.controls,
+          featureKey: u.featureKey
+        } : null;
+      }
+    );
+    function h() {
+      k("locked", i.result.value), s.value = !0;
+    }
+    return (e, m) => {
+      var d, p;
+      const x = f("FmIcon"), F = f("FmPill");
+      return n(), l("div", z, [
+        _("div", {
+          class: w(["flex flex-col gap-32", o(a) ? "costing-preview pointer-events-none select-none blur-sm" : void 0]),
+          "aria-hidden": o(a),
+          inert: o(a)
+        }, [
+          o(a) ? (n(), l("div", E)) : N(e.$slots, "default", { key: 0 }, void 0, !0)
+        ], 10, D),
+        o(a) ? (n(), l("button", {
+          key: 0,
+          type: "button",
+          title: `Unlock ${((d = t.value) == null ? void 0 : d.label) ?? "feature"}`,
+          class: "absolute inset-0 flex w-full flex-col items-center justify-center gap-8 bg-fm-color-neutral-white/70 px-8 py-8 text-center text-fm-color-typo-primary",
+          onClick: B(h, ["stop"])
+        }, [
+          _("span", R, [
+            c(x, {
+              name: "lock",
+              size: "md"
+            }),
+            e.compact ? v("", !0) : (n(), l("span", T, "Unlock " + I((p = t.value) == null ? void 0 : p.label), 1))
+          ]),
+          c(F, { variant: "premium" })
+        ], 8, G)) : v("", !0),
+        c($, {
+          modelValue: s.value,
+          "onUpdate:modelValue": m[0] || (m[0] = (C) => s.value = C),
+          capability: g.value,
+          result: o(i).result.value
+        }, null, 8, ["modelValue", "capability", "result"])
+      ]);
+    };
+  }
+}), L = /* @__PURE__ */ j(q, [["__scopeId", "data-v-0cdbb7ae"]]);
+export {
+  L as F
+};

package/dist/{FmDateRangePickerChip.vue_vue_type_script_setup_true_lang-CI2KTzDs.js → FmDateRangePickerChip.vue_vue_type_script_setup_true_lang-C43lHbmc.js}

@@ -1,5 +1,5 @@
 import { defineComponent as g, ref as _, watch as d, computed as v, resolveComponent as l, createBlock as h, openBlock as y, withCtx as R, createElementVNode as i, createVNode as w, toDisplayString as x } from "vue";
-import { c } from "./date2-BPhD_1Of.js";
+import { c } from "./date2-CtVXF-Pl.js";
 function F() {
   const t = /* @__PURE__ */ new Date();
   return t.setDate(t.getDate() - 15), {

package/dist/{FmFilterableMenuOptions.vue_vue_type_script_setup_true_lang-Db_FiSRe.js → FmFilterableMenuOptions.vue_vue_type_script_setup_true_lang-CIMCZnY9.js}

@@ -1,6 +1,6 @@
 import { defineComponent as g, mergeModels as I, useModel as z, computed as b, ref as _, resolveComponent as n, createElementBlock as h, openBlock as o, normalizeStyle as B, createElementVNode as f, createVNode as N, withCtx as E, createBlock as s, createCommentVNode as F, Fragment as S, renderList as R, unref as r } from "vue";
-import { z as u } from "./app-Cb5s4jMu.js";
-import { F as T } from "./FmMultiselectDialog-CYUxtxnS.js";
+import { z as u } from "./app-ZyQBMnlh.js";
+import { F as T } from "./FmMultiselectDialog-DYM4qyMH.js";
 const q = { class: "overflow-y-auto h-full pb-8" }, L = /* @__PURE__ */ g({
   __name: "FmFilterableMenuOptions",
   props: /* @__PURE__ */ I({

package/dist/FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-UbMV3dKh.js

@@ -0,0 +1,120 @@
+import { defineComponent as V, mergeModels as F, computed as M, useModel as f, resolveComponent as g, createElementBlock as s, openBlock as l, unref as n, renderSlot as R, createElementVNode as p, normalizeClass as b, createCommentVNode as r, createBlock as a, withCtx as C, createVNode as U, Fragment as A, renderList as L } from "vue";
+import { useI18n as T } from "@feedmepos/mf-common";
+import { _ as D } from "./ChangeLocationComponent.vue_vue_type_script_setup_true_lang-D4Z56y7h.js";
+import { _ as I } from "./FmDateRangePickerChip.vue_vue_type_script_setup_true_lang-C43lHbmc.js";
+import { useBreakpoints as N } from "@feedmepos/ui-library";
+import { u as Q } from "./SingleColumnLayout.vue_vue_type_script_setup_true_lang-DpwneGOV.js";
+import { D as k } from "./app-C39bYJmq.js";
+import { F as $ } from "./FmAdminBadge-DlplQOHb.js";
+const E = { class: "flex-1 w-full flex items-center gap-4 xs:flex-col-reverse sm:flex-col-reverse" }, O = {
+  key: 0,
+  class: "flex-1 xs:w-full sm:w-full"
+}, z = {
+  key: 1,
+  class: "flex-1"
+}, H = { class: "w-full max-w-[343px] xs:max-w-[unset] sm:max-w-[unset]" }, X = /* @__PURE__ */ V({
+  __name: "FmInventoryTableToolbar",
+  props: /* @__PURE__ */ F({
+    dateRangeQuery: { type: Boolean },
+    predefinedDateRanges: {},
+    changeLocation: { type: Boolean },
+    searchable: { type: Boolean },
+    hideFilterOptions: { type: Boolean },
+    filterable: { type: Boolean },
+    filterAttributes: {},
+    actions: {},
+    usingBusinessHelperText: {},
+    showBusiness: { type: Boolean }
+  }, {
+    search: {},
+    searchModifiers: {},
+    filter: {},
+    filterModifiers: {},
+    dateRange: {},
+    dateRangeModifiers: {}
+  }),
+  emits: ["update:search", "update:filter", "update:dateRange"],
+  setup(m) {
+    const { breakpoints: c } = N(), i = M(() => c.value.xs || c.value.sm), v = f(m, "search"), u = f(m, "filter"), y = f(m, "dateRange"), { t: B } = T(), d = Q();
+    return (e, t) => {
+      const h = g("FmTextField"), w = g("FmButton");
+      return l(), s("div", {
+        class: "flex flex-col gap-8",
+        onVnodeMounted: t[4] || (t[4] = //@ts-ignore
+        (...o) => n(d).onMounted && n(d).onMounted(...o)),
+        onVnodeUnmounted: t[5] || (t[5] = //@ts-ignore
+        (...o) => n(d).onUnmounted && n(d).onUnmounted(...o))
+      }, [
+        R(e.$slots, "default"),
+        p("div", {
+          class: b([
+            "flex gap-8 items-center",
+            {
+              "px-8 flex-col-reverse h-[unset]": i.value,
+              "h-48": !i.value
+            }
+          ])
+        }, [
+          e.changeLocation || e.dateRangeQuery ? (l(), s("div", {
+            key: 0,
+            class: b([
+              "flex gap-8 items-center",
+              {
+                "w-full overflow-x-auto": i.value
+              }
+            ])
+          }, [
+            e.changeLocation ? (l(), a(D, {
+              key: 0,
+              "show-business": e.showBusiness
+            }, null, 8, ["show-business"])) : r("", !0),
+            e.dateRangeQuery ? (l(), a(I, {
+              key: 1,
+              "model-value": y.value,
+              "onUpdate:modelValue": t[0] || (t[0] = (o) => y.value = o),
+              "predefined-range": e.predefinedDateRanges
+            }, null, 8, ["model-value", "predefined-range"])) : r("", !0)
+          ], 2)) : r("", !0),
+          p("div", E, [
+            e.filterable && e.filterAttributes ? (l(), s("div", O, [
+              e.hideFilterOptions ? (l(), a($, { key: 1 }, {
+                default: C(() => [
+                  U(n(k), {
+                    modelValue: u.value,
+                    "onUpdate:modelValue": t[2] || (t[2] = (o) => u.value = o),
+                    attributes: e.filterAttributes
+                  }, null, 8, ["modelValue", "attributes"])
+                ]),
+                _: 1
+              })) : (l(), a(n(k), {
+                key: 0,
+                modelValue: u.value,
+                "onUpdate:modelValue": t[1] || (t[1] = (o) => u.value = o),
+                attributes: e.filterAttributes
+              }, null, 8, ["modelValue", "attributes"]))
+            ])) : i.value ? r("", !0) : (l(), s("div", z)),
+            p("div", H, [
+              e.searchable ? (l(), a(h, {
+                key: 0,
+                "model-value": v.value,
+                "onUpdate:modelValue": t[3] || (t[3] = (o) => v.value = o),
+                "prepend-icon": "search",
+                placeholder: n(B)("inventory.common.table.toolbar.filterItems"),
+                class: "w-full"
+              }, null, 8, ["model-value", "placeholder"])) : r("", !0)
+            ]),
+            (l(!0), s(A, null, L(e.actions, (o, x) => (l(), a(w, {
+              key: x,
+              variant: "tertiary",
+              "prepend-icon": o.icon,
+              onClick: o.onClick
+            }, null, 8, ["prepend-icon", "onClick"]))), 128))
+          ])
+        ], 2)
+      ], 512);
+    };
+  }
+});
+export {
+  X as _
+};

package/dist/{FmMultiselectDialog-CYUxtxnS.js → FmMultiselectDialog-DYM4qyMH.js}

@@ -3,8 +3,8 @@ var Pe = (F, i, l) => i in F ? He(F, i, { enumerable: !0, configurable: !0, writ
 var ve = (F, i, l) => Pe(F, typeof i != "symbol" ? i + "" : i, l);
 import { defineComponent as ye, computed as x, ref as $, watch as ge, createElementBlock as f, openBlock as d, normalizeStyle as z, Fragment as V, renderList as O, createCommentVNode as D, renderSlot as ke, useSlots as Oe, onMounted as Ue, onUnmounted as Ee, reactive as ee, resolveComponent as T, createElementVNode as B, createVNode as k, createTextVNode as Ke, toDisplayString as P, unref as L, createSlots as je, withCtx as w, createBlock as I, resolveDynamicComponent as pe, normalizeClass as fe, withModifiers as Ne, Transition as ze } from "vue";
 import { useDialogChild as Ge } from "@feedmepos/ui-library";
-import { z as he } from "./app-Cb5s4jMu.js";
-import { d as Je } from "./index-UmM6gHJ1.js";
+import { z as he } from "./app-ZyQBMnlh.js";
+import { d as Je } from "./index-DN5mjbXr.js";
 /* empty css                                                                             */
 import { useI18n as Re } from "@feedmepos/mf-common";
 import { P as We, J as be, D as Qe } from "./app-C39bYJmq.js";

package/dist/FmMultiselectDialog-tbS01AI7.js

@@ -0,0 +1,123 @@
+import { defineComponent as b, createElementBlock as c, openBlock as m, createElementVNode as p, toDisplayString as a, unref as _, Fragment as B, renderList as P, h as A } from "vue";
+import { a as d, h as C } from "./rules-BpTWt_Y_.js";
+import { useI18n as h } from "@feedmepos/mf-common";
+import { defineStore as k } from "pinia";
+import { useDialog as w } from "@feedmepos/ui-library";
+import { a as g } from "./FmMultiselectDialog-DYM4qyMH.js";
+const D = { class: "flex flex-col" }, I = { class: "flex flex-row fm-typo-en-body-md-600 bg-fm-color-neutral-gray-100 text-fm-color-typo-secondary h-48 items-center" }, M = { class: "flex-1 py-8 px-16" }, $ = {
+  class: "flex-0 py-8 px-16",
+  style: { "flex-basis": "120px" }
+}, F = { class: "flex-1 py-8 px-16" }, R = {
+  key: 0,
+  class: "flex-0 py-8 px-16",
+  style: { "flex-basis": "120px" }
+}, j = {
+  key: 1,
+  class: "flex-0 py-8 px-16",
+  style: { "flex-basis": "120px" }
+}, q = /* @__PURE__ */ b({
+  __name: "IngredientBindedItem",
+  props: {
+    name: {},
+    bindings: {}
+  },
+  setup(u) {
+    const { t: r } = h();
+    function v(t, o) {
+      var e;
+      if (t.measurement) {
+        const s = C(t.amount, t.measurement.conversion);
+        return `${d(s, !1)} ${(e = t.measurement) == null ? void 0 : e.abbrev}`;
+      }
+      return `${d(t.amount, !1)} ${o.abbrev}`;
+    }
+    function x(t) {
+      return t.unit !== void 0;
+    }
+    return (t, o) => (m(), c("div", D, [
+      p("div", I, [
+        p("div", M, a(t.name), 1),
+        p("div", $, a(_(r)("inventory.ingredient.bindedItems.amount")), 1)
+      ]),
+      (m(!0), c(B, null, P(t.bindings, (e) => (m(), c("div", {
+        key: e.id,
+        class: "flex flex-row fm-typo-en-body-md-400 h-48 items-center border-b border-b-fm-color-neutral-gray-100"
+      }, [
+        p("div", F, a(e.name), 1),
+        x(e) ? (m(), c("div", R, a(v(e, e.unit)), 1)) : (m(), c("div", j, a(_(d)(e.amount, !1)), 1))
+      ]))), 128))
+    ]));
+  }
+}), z = k("inventoryMultiSelectDialog", () => {
+  const u = w(), { t: r } = h();
+  return { multiSelect: async (o, e, s) => {
+    const l = s ?? ((n) => n), { promise: f, resolve: i } = Promise.withResolvers();
+    return u.open({
+      title: "Select items",
+      closeButton: !0,
+      contentComponent: g,
+      contentComponentProps: {
+        modelValue: e ?? [],
+        items: o,
+        virtualScroll: !0,
+        onClose: () => i(null)
+      },
+      primaryActions: {
+        text: r("common.confirm"),
+        close: !0
+      },
+      secondaryActions: {
+        text: r("common.close"),
+        close: !0,
+        variant: "tertiary"
+      }
+    }).onPrimary((n) => {
+      const y = n.map((S) => l(S));
+      i(y);
+    }), f;
+  }, singleSelect: async (o, e, s) => {
+    const l = s ?? ((n) => n), { promise: f, resolve: i } = Promise.withResolvers();
+    return u.open({
+      title: "Select items",
+      closeButton: !0,
+      contentComponent: g,
+      contentComponentProps: {
+        modelValue: e ? [e] : [],
+        items: o,
+        virtualScroll: !0,
+        onClose: () => i(void 0),
+        singleSelect: !0
+      },
+      primaryActions: {
+        text: r("common.confirm"),
+        close: !0
+      },
+      secondaryActions: {
+        text: r("common.close"),
+        close: !0,
+        variant: "tertiary"
+      }
+    }).onPrimary((n) => {
+      if (!n.length)
+        return i(null);
+      const y = l(n[0]);
+      i(y);
+    }), f;
+  }, alert: (o, e) => {
+    const { promise: s, resolve: l } = Promise.withResolvers();
+    return u.open({
+      title: o,
+      closeButton: !0,
+      contentComponent: typeof e == "string" ? A("div", e) : e,
+      secondaryActions: {
+        text: r("common.close"),
+        close: !0,
+        variant: "tertiary"
+      }
+    }).onSecondary(() => l()).onClose(() => l()), s;
+  } };
+});
+export {
+  q as _,
+  z as u
+};