@feedmepos/mf-inventory-portal 1.8.0-dev.2 → 1.8.0-dev.21

package/dist/FeatureCapabilityBadge.vue_vue_type_script_setup_true_lang-B389iY-f.js

@@ -0,0 +1,48 @@
+import { resolveComponent as i, createElementBlock as m, openBlock as t, createVNode as u, createTextVNode as f, defineComponent as _, computed as c, createBlock as n, createCommentVNode as a } from "vue";
+import { i as d } from "./vue-DBxqzbt5.js";
+import { _ as g } from "./PlanTierBadge.vue_vue_type_script_setup_true_lang-CM3gtYZo.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] = f(" Deprecate Soon "))
+  ]);
+}
+const k = /* @__PURE__ */ y(b, [["render", F]]), v = { class: "inline-flex items-center gap-1" }, S = /* @__PURE__ */ _({
+  __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 (r, B) => {
+      const p = i("FmPill");
+      return t(), m("span", v, [
+        r.deprecateSoon ? (t(), n(k, { key: 0 })) : a("", !0),
+        r.category === "beta" ? (t(), n(p, {
+          key: 1,
+          variant: "beta"
+        })) : a("", !0),
+        l.value ? (t(), n(g, {
+          key: 2,
+          tier: r.tier
+        }, null, 8, ["tier"])) : a("", !0)
+      ]);
+    };
+  }
+});
+export {
+  k as D,
+  S as _
+};

package/dist/FeatureCapabilityGate-BAOroN-j.js

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

package/dist/FeaturePageGate.vue_vue_type_script_setup_true_lang-Xapa8xyy.js

@@ -0,0 +1,189 @@
+import { defineComponent as P, computed as v, resolveComponent as _, createElementBlock as a, openBlock as t, normalizeClass as u, createElementVNode as l, createCommentVNode as p, createVNode as f, toDisplayString as m, renderSlot as h, ref as $, watch as V, createBlock as F, unref as n, withCtx as g, Fragment as C, createTextVNode as B } from "vue";
+import { _ as j, F as z } from "./PremiumUpgradePage.vue_vue_type_script_setup_true_lang-DGAxPOEh.js";
+import { b as A } from "./vue-DBxqzbt5.js";
+const E = { class: "grid grow grid-cols-[auto_minmax(0,1fr)_auto] items-start gap-x-12 gap-y-12 px-16 py-12 xs:grid-cols-[auto_minmax(0,1fr)]" }, G = { class: "flex h-[18px] shrink-0 items-center" }, K = { class: "grow min-w-0" }, S = {
+  key: 0,
+  class: "fm-typo-en-body-md-400 text-fm-color-typo-primary mt-4"
+}, I = {
+  key: 1,
+  class: "fm-typo-en-body-md-400 text-fm-color-typo-primary mt-8"
+}, R = {
+  key: 0,
+  class: "col-start-3 row-span-2 row-start-1 flex shrink-0 items-center gap-8 self-center xs:col-span-2 xs:col-start-1 xs:row-span-1 xs:row-start-2 xs:justify-end"
+}, D = /* @__PURE__ */ P({
+  __name: "ProductionRunBanner",
+  props: {
+    tone: {},
+    title: {},
+    message: { default: void 0 }
+  },
+  setup(d) {
+    const o = d, e = {
+      info: {
+        surface: "bg-fm-color-system-info-100",
+        typo: "text-fm-color-typo-info",
+        accent: "bg-fm-color-system-info-400",
+        icon: "info"
+      },
+      warn: {
+        surface: "bg-fm-color-system-warning-100",
+        typo: "text-fm-color-typo-warning",
+        accent: "bg-fm-color-system-warning-400",
+        icon: "warning"
+      },
+      critical: {
+        surface: "bg-fm-color-system-error-100",
+        typo: "text-fm-color-typo-error",
+        accent: "bg-fm-color-system-error-400",
+        icon: "error"
+      },
+      success: {
+        surface: "bg-fm-color-system-success-100",
+        typo: "text-fm-color-typo-success",
+        accent: "bg-fm-color-system-success-400",
+        icon: "check_circle"
+      },
+      neutral: {
+        surface: "bg-fm-color-neutral-gray-100",
+        typo: "text-fm-color-typo-secondary",
+        accent: "bg-fm-color-neutral-gray-400",
+        icon: "info"
+      }
+    }, s = v(() => e[o.tone]);
+    return (r, b) => {
+      const y = _("FmIcon");
+      return t(), a("div", {
+        class: u(["flex items-stretch overflow-hidden fm-corner-radius-md", s.value.surface]),
+        role: "status"
+      }, [
+        l("div", {
+          class: u(["w-4 shrink-0", s.value.accent])
+        }, null, 2),
+        l("div", E, [
+          l("div", G, [
+            f(y, {
+              name: s.value.icon,
+              size: "sm",
+              outline: "",
+              class: u([s.value.typo, "shrink-0"])
+            }, null, 8, ["name", "class"])
+          ]),
+          l("div", K, [
+            l("p", {
+              class: u(["fm-typo-en-body-md-600", s.value.typo])
+            }, m(o.title), 3),
+            o.message ? (t(), a("p", S, m(o.message), 1)) : p("", !0),
+            r.$slots.default ? (t(), a("div", I, [
+              h(r.$slots, "default")
+            ])) : p("", !0)
+          ]),
+          r.$slots.actions ? (t(), a("div", R, [
+            h(r.$slots, "actions")
+          ])) : p("", !0)
+        ])
+      ], 2);
+    };
+  }
+}), O = {
+  key: 1,
+  "data-testid": "feature-page-gate-loading",
+  role: "status",
+  "aria-busy": "true",
+  class: "flex h-full w-full flex-col items-center justify-center gap-16 p-24"
+}, W = {
+  key: 2,
+  "data-testid": "feature-page-gate-error",
+  role: "alert",
+  class: "w-full p-24"
+}, q = { class: "inline-flex items-center justify-center gap-8" }, H = { key: 0 }, J = { key: 1 }, X = /* @__PURE__ */ P({
+  __name: "FeaturePageGate",
+  props: {
+    featureKey: {},
+    keepAcrossLocations: { type: Boolean }
+  },
+  setup(d) {
+    const o = d, e = A(() => o.featureKey), s = $(!1), r = $(!1);
+    V(
+      e.state,
+      (i) => {
+        i === "enabled" ? r.value = !0 : i !== "loading" && (r.value = !1);
+      },
+      { immediate: !0, flush: "sync" }
+    );
+    const b = v(
+      () => e.state.value === "enabled" || o.keepAcrossLocations && r.value && e.state.value === "loading"
+    ), y = v(
+      () => o.keepAcrossLocations ? "content" : e.dbName.value ?? ""
+    );
+    async function N() {
+      s.value = !0;
+      try {
+        await e.retry();
+      } finally {
+        s.value = !1;
+      }
+    }
+    return (i, k) => {
+      var x;
+      const T = _("FmCircularProgress"), L = _("FmButton");
+      return b.value ? (t(), a("div", {
+        key: y.value,
+        class: "contents",
+        "data-testid": "feature-page-gate-content"
+      }, [
+        h(i.$slots, "default")
+      ])) : n(e).state.value === "loading" ? (t(), a("div", O, [
+        f(T, { size: "lg" }),
+        k[0] || (k[0] = l("span", { class: "sr-only" }, "Checking feature availability", -1))
+      ])) : n(e).state.value === "error" ? (t(), a("div", W, [
+        f(D, {
+          tone: "critical",
+          title: `${((x = n(e).feature.value) == null ? void 0 : x.label) ?? "This feature"} couldn’t load`,
+          message: "We couldn’t confirm access for this outlet. Please try again."
+        }, {
+          actions: g(() => [
+            f(L, {
+              "data-testid": "feature-page-gate-retry",
+              variant: "secondary",
+              label: "Retry",
+              loading: s.value,
+              disabled: s.value,
+              onClick: N
+            }, null, 8, ["loading", "disabled"])
+          ]),
+          _: 1
+        }, 8, ["title"])
+      ])) : n(e).state.value === "upgrade" ? (t(), F(j, {
+        key: 3,
+        "data-testid": "feature-page-gate-upgrade"
+      })) : (t(), F(z, {
+        key: 4,
+        "data-testid": "feature-page-gate-unavailable"
+      }, {
+        title: g(() => {
+          var c, w;
+          return [
+            l("span", q, [
+              ((c = n(e).feature.value) == null ? void 0 : c.category) === "beta" ? (t(), a("span", H, "This feature isn't available")) : (t(), a("span", J, m(((w = n(e).feature.value) == null ? void 0 : w.label) ?? "This feature") + " is unavailable", 1))
+            ])
+          ];
+        }),
+        default: g(() => {
+          var c;
+          return [
+            ((c = n(e).feature.value) == null ? void 0 : c.category) === "beta" ? (t(), a(C, { key: 0 }, [
+              B(m(n(e).feature.value.label) + " is in beta and not available for the selected location yet. Please switch to another location. ", 1)
+            ], 64)) : (t(), a(C, { key: 1 }, [
+              B("This feature is not currently available for this location.")
+            ], 64))
+          ];
+        }),
+        _: 1
+      }));
+    };
+  }
+});
+export {
+  D as _,
+  X as a
+};

package/dist/{FmDateRangePickerChip.vue_vue_type_script_setup_true_lang-Q8Mptiv3.js → FmDateRangePickerChip.vue_vue_type_script_setup_true_lang-CgbvPK8u.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-2XjepIqc.js";
+import { c } from "./date2-Bzlk0lSj.js";
 function F() {
   const t = /* @__PURE__ */ new Date();
   return t.setDate(t.getDate() - 15), {

package/dist/{FmFilterableMenuOptions.vue_vue_type_script_setup_true_lang-CE1_yyHe.js → FmFilterableMenuOptions.vue_vue_type_script_setup_true_lang-DnCj1qv6.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-yvK__CBL.js";
-import { F as T } from "./FmMultiselectDialog-DCaRlBIy.js";
+import { z as u } from "./app-DnOtng5V.js";
+import { F as T } from "./FmMultiselectDialog-Bz8bNuK2.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-CGJi3f86.js → FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-CUb4VGOc.js}

@@ -1,7 +1,7 @@
 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-CVekIoiN.js";
-import { _ as I } from "./FmDateRangePickerChip.vue_vue_type_script_setup_true_lang-Q8Mptiv3.js";
+import { _ as D } from "./ChangeLocationComponent.vue_vue_type_script_setup_true_lang-DpHYhOmI.js";
+import { _ as I } from "./FmDateRangePickerChip.vue_vue_type_script_setup_true_lang-CgbvPK8u.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";

package/dist/{FmMultiselectDialog-DCaRlBIy.js → FmMultiselectDialog-Bz8bNuK2.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-yvK__CBL.js";
-import { d as Je } from "./index-CIH9NCvs.js";
+import { z as he } from "./app-DnOtng5V.js";
+import { d as Je } from "./index-B-SVjo8N.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-CosTDuNE.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-rAD4INHX.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-Bz8bNuK2.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
+};