@feedmepos/mf-inventory-portal 1.8.0-dev.14 → 1.8.0-dev.16

package/dist/FeaturePageGate.vue_vue_type_script_setup_true_lang-D4G6i1D6.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-CxSKQOrZ.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-2cESr8tE.js → FmDateRangePickerChip.vue_vue_type_script_setup_true_lang-CnqH115V.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-yujh-zNX.js";
+import { c } from "./date2-D9gB9BE-.js";
 function F() {
   const t = /* @__PURE__ */ new Date();
   return t.setDate(t.getDate() - 15), {

package/dist/{FmFilterableMenuOptions.vue_vue_type_script_setup_true_lang-sV1ZAWmY.js → FmFilterableMenuOptions.vue_vue_type_script_setup_true_lang-QBviJzAO.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-PyK-6tB0.js";
-import { F as T } from "./FmMultiselectDialog-NvS_JqaH.js";
+import { z as u } from "./app-Bb5HLWTu.js";
+import { F as T } from "./FmMultiselectDialog-CFNZMzlC.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-CGGNqDIn.js → FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-BqHtzo20.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-CKiD86iq.js";
-import { _ as I } from "./FmDateRangePickerChip.vue_vue_type_script_setup_true_lang-2cESr8tE.js";
+import { _ as D } from "./ChangeLocationComponent.vue_vue_type_script_setup_true_lang-BvleQo5y.js";
+import { _ as I } from "./FmDateRangePickerChip.vue_vue_type_script_setup_true_lang-CnqH115V.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-NvS_JqaH.js → FmMultiselectDialog-CFNZMzlC.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-PyK-6tB0.js";
-import { d as Je } from "./index-cVQR3Kk1.js";
+import { z as he } from "./app-Bb5HLWTu.js";
+import { d as Je } from "./index-B9p_OEdk.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-fKCMgcn6.js → FmMultiselectDialog-M6CvNFW1.js}

@@ -1,9 +1,9 @@
 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-kY8blQHT.js";
+import { a as d, h as C } from "./rules-Y3zXVj3i.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-NvS_JqaH.js";
+import { a as g } from "./FmMultiselectDialog-CFNZMzlC.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" }

package/dist/{FmUnitInput.vue_vue_type_script_setup_true_lang-BZYyW6iC.js → FmUnitInput.vue_vue_type_script_setup_true_lang-BGco50Ma.js}

@@ -1,10 +1,10 @@
 import { defineComponent as ue, mergeModels as W, useModel as re, computed as v, ref as R, watch as H, onBeforeUnmount as me, inject as ce, resolveComponent as x, createElementBlock as y, openBlock as d, createElementVNode as u, createVNode as M, createCommentVNode as A, withCtx as _, renderSlot as Q, withDirectives as de, normalizeClass as q, toDisplayString as h, vModelText as pe, createBlock as D, Fragment as fe, renderList as ve, createSlots as be, createTextVNode as ye } from "vue";
-import { l as he } from "./netsuite-BmyXyxHN.js";
-import { s as U } from "./app-PyK-6tB0.js";
-import { I as B, g as O, a as b, c as xe, h as G, q as Me, b as ge, u as _e, t as Fe } from "./rules-kY8blQHT.js";
+import { l as he } from "./netsuite-BeDxaeKM.js";
+import { s as U } from "./app-Bb5HLWTu.js";
+import { I as B, g as O, a as b, c as xe, h as G, q as Me, b as ge, u as _e, t as Fe } from "./rules-Y3zXVj3i.js";
 import "@feedmepos/ui-library";
-import { P as Ae } from "./feature-XC9N9tdn.js";
-import { u as Ue, a as Be } from "./uom-rules-D8R1q-3z.js";
+import { P as Ae } from "./feature-kti8bU8q.js";
+import { u as Ue, a as Be } from "./uom-rules-C5h1AoPJ.js";
 function Z() {
   return {
     amount: U.reset()

package/dist/{ImportView-D-DqrgHA.js → ImportView-C2GOmpuK.js}

@@ -2,14 +2,14 @@ import { defineComponent as Me, ref as $, computed as J, watch as De, resolveCom
 import { u as je, _ as Se } from "./SingleColumnLayout.vue_vue_type_script_setup_true_lang-DpwneGOV.js";
 import { useCoreStore as ke, useI18n as Fe } from "@feedmepos/mf-common";
 import { useDialogChild as Pe, useSnackbar as $e, useDialog as ze, useBreakpoints as He } from "@feedmepos/ui-library";
-import { u as Ve } from "./feature-XC9N9tdn.js";
-import { a as le, s as We } from "./app-PyK-6tB0.js";
-import "./dayjs.min-CV_1QtOH.js";
+import { u as Ve } from "./feature-kti8bU8q.js";
+import { a as le, s as We } from "./app-Bb5HLWTu.js";
+import "./dayjs.min-CumM_kH7.js";
 import "./app-C39bYJmq.js";
 import "./FmAdminBadge-DlplQOHb.js";
-import { s as Ge, a as Oe, d as Le, t as Re, r as Ke } from "./xlsx.util-BHPeb50D.js";
-import { s as Je, g as qe, b as Xe, d as Ne } from "./import-export.helper-BNCatkGG.js";
-import { r as Qe, a as Ee } from "./rules-kY8blQHT.js";
+import { s as Ge, a as Oe, d as Le, t as Re, r as Ke } from "./xlsx.util-J9pxGRQD.js";
+import { s as Je, g as qe, b as Xe, d as Ne } from "./import-export.helper-8rKrOB0E.js";
+import { r as Qe, a as Ee } from "./rules-Y3zXVj3i.js";
 import { F as Ye } from "./FmDroppableField-J0tG_U3w.js";
 function* Ze(h) {
   for (; ; )

package/dist/{IngredientsView-gZ8iZciS.js → IngredientsView-wB9kGiOK.js}

@@ -1,32 +1,32 @@
 import { ref as P, defineComponent as xe, computed as g, resolveComponent as S, createElementBlock as V, openBlock as p, Fragment as ee, createCommentVNode as L, createVNode as s, unref as o, withModifiers as Rt, withCtx as x, createElementVNode as n, renderList as de, createBlock as Y, toDisplayString as $, normalizeClass as ie, h as Z, mergeModels as st, onMounted as Ot, watch as _t, useModel as Bt, createTextVNode as xt, isRef as rt, createSlots as kt, normalizeStyle as Dt, Teleport as it, normalizeProps as Nt, guardReactiveProps as zt } from "vue";
-import { a as Fe, c as wt, S as Lt, g as dt, e as ut, f as jt, h as ct, i as mt, j as pt, k as vt, u as Wt, l as qt } from "./app-PyK-6tB0.js";
+import { a as Fe, c as wt, S as Lt, g as dt, e as ut, f as jt, h as ct, i as mt, j as pt, k as vt, u as Wt, l as qt } from "./app-Bb5HLWTu.js";
 import { useDialog as Ke, useSnackbar as Ae, components as ze, useProxiedModel as ft, useDialogChild as Ht, useBreakpoints as Yt } from "@feedmepos/ui-library";
 import { i as Kt, _ as Gt, m as Jt } from "./menu-usage-module-BdjYEk3s.js";
 import { F as j } from "./form-mode.enum-BKiNVH6A.js";
 import { useI18n as pe, useCoreStore as Ge } from "@feedmepos/mf-common";
 import { defineStore as Qt, storeToRefs as Xt } from "pinia";
-import { D as yt, R as Pe } from "./row-action.enum-COTllbyK.js";
+import { D as yt, R as Pe } from "./row-action.enum-CVJbq_-y.js";
 import { c as Zt } from "./component-BmLAdDiY.js";
-import { u as Ee, _ as en } from "./netsuite-BmyXyxHN.js";
+import { u as Ee, _ as en } from "./netsuite-BeDxaeKM.js";
 import { F as Be } from "./FmAdminBadge-DlplQOHb.js";
 import { u as tn, _ as nn } from "./SingleColumnLayout.vue_vue_type_script_setup_true_lang-DpwneGOV.js";
-import { A as Oe, t as on, a as ln, R as Le, U as an, M as sn, g as rn } from "./rules-kY8blQHT.js";
-import { g as dn, _ as je, S as We, a as un } from "./SubsidiaryTreeDialog.vue_vue_type_script_setup_true_lang-DnFn9Agf.js";
-import { _ as cn } from "./InventoryBindingForm.vue_vue_type_script_setup_true_lang-BH8O5C0v.js";
-import { _ as qe, u as mn } from "./FmMultiselectDialog-fKCMgcn6.js";
-import { u as Tt } from "./feature-XC9N9tdn.js";
-import { _ as ke } from "./FeatureCapabilityBadge.vue_vue_type_script_setup_true_lang-DTBcxB8e.js";
-import { d as Re, g as pn, e as vn, a as fn } from "./import-export.helper-BNCatkGG.js";
+import { A as Oe, t as on, a as ln, R as Le, U as an, M as sn, g as rn } from "./rules-Y3zXVj3i.js";
+import { g as dn, _ as je, S as We, a as un } from "./SubsidiaryTreeDialog.vue_vue_type_script_setup_true_lang-B9Rx_9b7.js";
+import { _ as cn } from "./InventoryBindingForm.vue_vue_type_script_setup_true_lang-DawAEeuP.js";
+import { _ as qe, u as mn } from "./FmMultiselectDialog-M6CvNFW1.js";
+import { u as Tt } from "./feature-kti8bU8q.js";
+import { _ as ke } from "./FeatureCapabilityBadge.vue_vue_type_script_setup_true_lang-C8c6rmJv.js";
+import { d as Re, g as pn, e as vn, a as fn } from "./import-export.helper-8rKrOB0E.js";
 import { _ as yn } from "./FmCustomAttribute.vue_vue_type_script_setup_true_lang-CG1m-B2p.js";
 import { _ as Ce } from "./FmLockableField.vue_vue_type_script_setup_true_lang-FCg4K7y8.js";
-import { F as gn, a as He } from "./FmMultiselectDialog-NvS_JqaH.js";
-import { u as Vt } from "./purchase-order-template-kpccxptg.js";
-import { u as It, a as St } from "./closing-template-VFldhdBn.js";
+import { F as gn, a as He } from "./FmMultiselectDialog-CFNZMzlC.js";
+import { u as Vt } from "./purchase-order-template-GTOntq3C.js";
+import { u as It, a as St } from "./closing-template-CgDMayoo.js";
 import { _ as bn } from "./TableActionableRow.vue_vue_type_script_setup_true_lang-gJQQKKAC.js";
 import { F as gt } from "./index-eGvSlWMU.js";
-import { r as hn } from "./xlsx.util-BHPeb50D.js";
+import { r as hn } from "./xlsx.util-J9pxGRQD.js";
 import { F as _n } from "./FmDroppableField-J0tG_U3w.js";
-import { _ as xn } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-CGGNqDIn.js";
+import { _ as xn } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-BqHtzo20.js";
 import { P as kn, J as wn } from "./app-C39bYJmq.js";
 const Ye = Qt("ingredientForm", function() {
   const h = Ke(), k = Ae(), d = Fe(), _ = P(!1), { t: C } = pe(), A = P();