@feedmepos/mf-inventory-portal 1.2.51-dev.1 → 1.2.51

package/dist/{ClosingHistoryView-DkKAjh7T.js → ClosingHistoryView-DY8liEk3.js}

@@ -1,10 +1,10 @@
-import { defineComponent as G, ref as v, computed as D, watch as se, resolveComponent as S, openBlock as i, createElementBlock as f, createVNode as g, withModifiers as ie, withCtx as L, createElementVNode as n, toDisplayString as s, unref as a, Fragment as $, createTextVNode as N, createBlock as T, createCommentVNode as k, renderList as z, normalizeClass as ce, h as re, onMounted as de, Teleport as ue } from "vue";
+import { defineComponent as G, ref as v, computed as D, watch as se, resolveComponent as S, openBlock as i, createElementBlock as f, createVNode as g, withModifiers as ie, withCtx as B, createElementVNode as n, toDisplayString as s, unref as a, Fragment as E, createTextVNode as N, createBlock as T, createCommentVNode as k, renderList as z, normalizeClass as ce, h as re, onMounted as de, Teleport as ue } from "vue";
 import { F as me, _ as fe } from "./SingleColumnLayout.vue_vue_type_script_setup_true_lang-CWZkVCAj.js";
 import { useI18n as J, useCoreStore as ve } from "@feedmepos/mf-common";
-import { E as Q, B as V, u as ye } from "./app-CddcvygU.js";
-import { _ as pe } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-kVpsL4cx.js";
+import { D as Q, A as V, u as ye } from "./app-CySQTQxj.js";
+import { _ as pe } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-DHe5G3kX.js";
 import { useSnackbar as W, useDialog as ge } from "@feedmepos/ui-library";
-import { u as _e } from "./stock-B6QW-S14.js";
+import { u as _e } from "./stock-D8hLHgeN.js";
 const be = { class: "fm-typo-en-heading-lg-600" }, he = { class: "flex flex-col gap-16" }, ke = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, xe = { class: "flex flex-col gap-8" }, De = { class: "fm-typo-en-body-md-600" }, we = { class: "flex flex-col gap-8" }, Se = { class: "fm-typo-en-body-md-600" }, Ve = { class: "flex items-center gap-8 mb-8" }, Ae = {
   key: 2,
   class: "text-red-500 text-sm mt-2"
@@ -14,13 +14,13 @@ const be = { class: "fm-typo-en-heading-lg-600" }, he = { class: "flex flex-col
 }, Re = {
   key: 0,
   class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary"
-}, Be = {
+}, Le = {
   key: 1,
   class: "flex flex-col gap-8"
-}, Le = { class: "fm-typo-en-body-sm-600" }, Te = { class: "flex flex-col gap-4" }, Ie = { key: 0 }, Oe = {
+}, Be = { class: "fm-typo-en-body-sm-600" }, Te = { class: "flex flex-col gap-4" }, Ie = { key: 0 }, Oe = {
   key: 1,
   class: "flex flex-col gap-8"
-}, Ee = { class: "fm-typo-en-body-md-600" }, $e = { class: "flex flex-col gap-8 max-h-[300px] overflow-y-auto" }, Ne = { class: "flex items-center justify-between" }, Pe = { class: "fm-typo-en-body-sm-600" }, Ue = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Ke = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Me = {
+}, $e = { class: "fm-typo-en-body-md-600" }, Ee = { class: "flex flex-col gap-8 max-h-[300px] overflow-y-auto" }, Ne = { class: "flex items-center justify-between" }, Pe = { class: "fm-typo-en-body-sm-600" }, Ue = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Ke = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Me = {
   key: 0,
   class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary"
 }, He = {
@@ -65,7 +65,7 @@ const be = { class: "fm-typo-en-heading-lg-600" }, he = { class: "flex flex-col
         } catch (e) {
           console.error("Error parsing date from closing ID:", e);
         }
-    }), B = D(() => {
+    }), L = D(() => {
       if (!d.value || !c.value) return "";
       const e = V(d.value), o = c.value;
       if (e && o) {
@@ -74,7 +74,7 @@ const be = { class: "fm-typo-en-heading-lg-600" }, he = { class: "flex flex-col
           return l("inventory.stock.recalculation.error.endDateBeforeOpening");
       }
       return "";
-    }), U = D(() => !!d.value && !!c.value && !B.value), K = D(() => w.value.some(
+    }), U = D(() => !!d.value && !!c.value && !L.value), K = D(() => w.value.some(
       (e) => !e.completedAt && !e.failedReason
     ));
     async function M() {
@@ -138,7 +138,7 @@ const be = { class: "fm-typo-en-heading-lg-600" }, he = { class: "flex flex-col
     se(
       [d, c],
       () => {
-        d.value && c.value && !B.value ? te() : r.value = [];
+        d.value && c.value && !L.value ? te() : r.value = [];
       },
       { immediate: !1 }
     );
@@ -167,7 +167,7 @@ const be = { class: "fm-typo-en-heading-lg-600" }, he = { class: "flex flex-col
       }
     }
     return (e, o) => {
-      const b = S("FmButton"), E = S("FmSelect"), j = S("FmRadio"), le = S("FmDatePicker"), ae = S("FmAlert"), ne = S("FmDialog");
+      const b = S("FmButton"), $ = S("FmSelect"), j = S("FmRadio"), le = S("FmDatePicker"), ae = S("FmAlert"), ne = S("FmDialog");
       return i(), f("div", null, [
         g(b, {
           "prepend-icon": "info",
@@ -181,10 +181,10 @@ const be = { class: "fm-typo-en-heading-lg-600" }, he = { class: "flex flex-col
           dismissAway: "",
           "max-width": "600px"
         }, {
-          "dialog-header": L(() => [
+          "dialog-header": B(() => [
             n("div", be, s(a(l)("inventory.stock.recalculation.title")), 1)
           ]),
-          "dialog-footer": L(() => [
+          "dialog-footer": B(() => [
             K.value ? (i(), f("div", Ge, [
               g(b, {
                 variant: "tertiary",
@@ -207,17 +207,17 @@ const be = { class: "fm-typo-en-heading-lg-600" }, he = { class: "flex flex-col
               }, null, 8, ["disabled", "loading", "label"])
             ]))
           ]),
-          default: L(() => [
+          default: B(() => [
             n("div", he, [
               n("div", ke, s(a(l)("inventory.stock.recalculation.description")), 1),
-              K.value ? k("", !0) : (i(), f($, { key: 0 }, [
+              K.value ? k("", !0) : (i(), f(E, { key: 0 }, [
                 n("div", xe, [
                   n("p", De, [
                     N(s(a(l)("inventory.stock.recalculation.openingDate")) + " ", 1),
                     o[8] || (o[8] = n("span", { class: "text-fm-color-system-error-300" }, "*", -1))
                   ]),
                   o[9] || (o[9] = n("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary mb-4" }, " Showing the last 30 closing records. Select the opening date to start recalculation. ", -1)),
-                  g(E, {
+                  g($, {
                     modelValue: d.value,
                     "onUpdate:modelValue": o[0] || (o[0] = (t) => d.value = t),
                     items: R.value,
@@ -245,7 +245,7 @@ const be = { class: "fm-typo-en-heading-lg-600" }, he = { class: "flex flex-col
                       label: a(l)("inventory.stock.recalculation.selectByClosing")
                     }, null, 8, ["modelValue", "label"])
                   ]),
-                  _.value ? (i(), T(E, {
+                  _.value ? (i(), T($, {
                     key: 1,
                     modelValue: P.value,
                     "onUpdate:modelValue": o[4] || (o[4] = (t) => P.value = t),
@@ -261,22 +261,22 @@ const be = { class: "fm-typo-en-heading-lg-600" }, he = { class: "flex flex-col
                     min: Z.value,
                     disabled: !d.value || u.value
                   }, null, 8, ["modelValue", "placeholder", "min", "disabled"])),
-                  B.value ? (i(), f("div", Ae, s(B.value), 1)) : k("", !0)
+                  L.value ? (i(), f("div", Ae, s(L.value), 1)) : k("", !0)
                 ]),
-                d.value && c.value && !B.value ? (i(), T(ae, {
+                d.value && c.value && !L.value ? (i(), T(ae, {
                   key: 0,
                   type: "info"
                 }, {
-                  default: L(() => [
+                  default: B(() => [
                     n("div", Ce, s(a(l)("inventory.stock.recalculation.info")), 1)
                   ]),
                   _: 1
                 })) : k("", !0),
                 r.value.length > 0 ? (i(), f("div", Fe, [
-                  p.value ? (i(), f("div", Re, " Loading affected closing drafts... ")) : (i(), f("div", Be, [
-                    n("div", Le, " Affected closing draft(s): " + s(r.value.length), 1),
+                  p.value ? (i(), f("div", Re, " Loading affected closing drafts... ")) : (i(), f("div", Le, [
+                    n("div", Be, " Affected closing draft(s): " + s(r.value.length), 1),
                     n("div", Te, [
-                      (i(!0), f($, null, z(r.value, (t) => (i(), f("div", {
+                      (i(!0), f(E, null, z(r.value, (t) => (i(), f("div", {
                         key: t._id,
                         class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary"
                       }, [
@@ -288,9 +288,9 @@ const be = { class: "fm-typo-en-heading-lg-600" }, he = { class: "flex flex-col
                 ])) : k("", !0)
               ], 64)),
               w.value.length > 0 ? (i(), f("div", Oe, [
-                n("p", Ee, s(a(l)("inventory.stock.recalculation.recentRequests")), 1),
-                n("div", $e, [
-                  (i(!0), f($, null, z(w.value, (t) => (i(), f("div", {
+                n("p", $e, s(a(l)("inventory.stock.recalculation.recentRequests")), 1),
+                n("div", Ee, [
+                  (i(!0), f(E, null, z(w.value, (t) => (i(), f("div", {
                     key: t._id,
                     class: "p-12 border border-fm-color-border-primary rounded-8 flex flex-col gap-4"
                   }, [
@@ -416,7 +416,7 @@ const be = { class: "fm-typo-en-heading-lg-600" }, he = { class: "flex flex-col
         title: a(h)("inventory.closing.history.title"),
         "onClick:action": _
       }, {
-        default: L(() => [
+        default: B(() => [
           n("div", Qe, [
             g(pe, {
               "change-location": "",

package/dist/{ClosingTemplateView-DpH1EyW5.js → ClosingTemplateView-pJXEcrjO.js}

@@ -4,24 +4,23 @@ import { useI18n as W, useCoreStore as de } from "@feedmepos/mf-common";
 import { useDialog as pe, useDialogChild as Ze, useSnackbar as ce, FmButtonVariant as oe, components as Y, FmAdvancedSort as et, useProxiedModel as tt, useBreakpoints as nt } from "@feedmepos/ui-library";
 import { defineStore as Ve, storeToRefs as Ue } from "pinia";
 import { F as G } from "./form-mode.enum-BKiNVH6A.js";
-import { a as me } from "./closing-template-DxdLqlb1.js";
-import { u as fe, c as Ne, a as ve, n as ot } from "./app-CddcvygU.js";
-import { t as re, a as ge, d as ye, s as Le, r as st } from "./xlsx.util-CSudzOii.js";
+import { a as me } from "./closing-template-DXGjC5AG.js";
+import { u as fe, c as Ne, a as ve, n as ot } from "./app-CySQTQxj.js";
+import { t as re, a as ge, d as ye, s as Le, r as st } from "./xlsx.util-9eMlJfd9.js";
 import { F as lt } from "./FmDroppableField-J0xUsOTV.js";
-import { f as Be, a as le } from "./date2-CVZy20Q_.js";
+import { f as Be, a as le } from "./date2-BWoUn1K_.js";
 import { D as se, R as z } from "./row-action.enum-BcW_L_nE.js";
-import { c as at } from "./component-DpCUABT3.js";
-import { f as rt } from "./format-time-from-id-6kt1RMWs.js";
-import { _ as it } from "./TemplatePublishDialog.vue_vue_type_script_setup_true_lang-ByPIjcED.js";
-import { u as ct } from "./netsuite-3LgQ5ztL.js";
-import { u as mt } from "./duplicate-template-DvnZ4BW6.js";
-import { _ as ut } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-kVpsL4cx.js";
-import { R as dt, A as pt } from "./rules-hQBVd1Mn.js";
-import { u as ft } from "./use-ingredient-select-dialog-DgYSZDN8.js";
-import { d as vt } from "./defineDeepModel-DgRoiQBp.js";
-import { F as X, _ as ze } from "./TableActionableRow.vue_vue_type_script_setup_true_lang-Ca_eYa8-.js";
-import { u as gt } from "./use-template-enabled-locations-2-B_aZrMUU.js";
-import { _ as yt } from "./SystemTrailDialog.vue_vue_type_script_setup_true_lang-_8YeihNH.js";
+import { c as at, F as X, _ as ze } from "./TableActionableRow.vue_vue_type_script_setup_true_lang-cfFHDIwQ.js";
+import { f as rt } from "./format-time-from-id-C9lmv5BP.js";
+import { _ as it } from "./TemplatePublishDialog.vue_vue_type_script_setup_true_lang-D8vbPlie.js";
+import { u as ct } from "./netsuite-BEto-z0v.js";
+import { u as mt } from "./duplicate-template-CyHfZR3S.js";
+import { _ as ut } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-DHe5G3kX.js";
+import { R as dt, A as pt } from "./rules-DkVWS5mF.js";
+import { u as ft } from "./use-ingredient-select-dialog-CJjd4g-6.js";
+import { d as vt } from "./defineDeepModel-AsUZ-DyW.js";
+import { u as gt } from "./use-template-enabled-locations-2-Cg2iqQdq.js";
+import { _ as yt } from "./SystemTrailDialog.vue_vue_type_script_setup_true_lang-D-c0Ayis.js";
 import { _ as ht } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const ue = Ve(
   "closingTemplateTable",
@@ -1869,7 +1868,7 @@ const Tn = /* @__PURE__ */ ht(wn, [["render", kn]]), $n = { class: "flex flex-co
       ]);
     };
   }
-}), Nn = { class: "flex-1 flex flex-col gap-8" }, Ln = { class: "flex flex-col" }, Bn = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, zn = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Hn = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary line-clamp-2" }, On = { class: "fm-typo-en-body-lg-400 line-clamp-2" }, go = /* @__PURE__ */ K({
+}), Nn = { class: "flex-1 flex flex-col gap-8" }, Ln = { class: "flex flex-col" }, Bn = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, zn = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Hn = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary line-clamp-2" }, On = { class: "fm-typo-en-body-lg-400 line-clamp-2" }, vo = /* @__PURE__ */ K({
   __name: "ClosingTemplateView",
   setup(m) {
     const { t: r } = W(), { createTemplate: l, updateTemplate: d, exportTemplates: t, importTemplates: n } = ie(), { templateDialogProps: f, templateDetailsProps: b } = Ue(ie()), c = fe(), a = pe(), g = ue(), i = Xe(), { breakpoints: h } = nt();
@@ -2055,5 +2054,5 @@ const Tn = /* @__PURE__ */ ht(wn, [["render", kn]]), $n = { class: "flex flex-co
   }
 });
 export {
-  go as default
+  vo as default
 };

package/dist/{DeliveryOrderPrintPreview-B2ecLaLu.js → DeliveryOrderPrintPreview-Bu_l-kxu.js}

@@ -1,6 +1,6 @@
 import { defineComponent as x, computed as f, ref as h, onMounted as _, openBlock as u, createElementBlock as i, createElementVNode as t, createTextVNode as n, toDisplayString as e, createCommentVNode as d, Fragment as o, renderList as p, normalizeClass as g } from "vue";
 import { useRoute as k } from "vue-router";
-import { M as y } from "./app-CddcvygU.js";
+import { M as y } from "./app-CySQTQxj.js";
 import { _ as w } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const c = { class: "purchase-box" }, A = { valign: "bottom" }, N = { class: "sub-header" }, O = ["src"], P = { style: { "padding-left": "10px" } }, C = { class: "address" }, D = { class: "text-right" }, R = {
   key: 0,

package/dist/FmFilterableMenuOptions.vue_vue_type_script_setup_true_lang-Dgibb-Fh.js

@@ -0,0 +1,231 @@
+import { J as O, u as D, t as C, T as A, V as E, y as V } from "./app-CySQTQxj.js";
+import { a as L, t as R } from "./rules-DkVWS5mF.js";
+import { u as z } from "./supplier-Dv83IfQr.js";
+import { computed as f, defineComponent as H, mergeModels as j, useModel as q, ref as x, resolveComponent as w, openBlock as P, createElementBlock as U, normalizeStyle as W, createElementVNode as I, createVNode as $, withCtx as J, createBlock as g, createCommentVNode as N, Fragment as Y, renderList as K, unref as M } from "vue";
+import { F as Q } from "./FmMultiselectDialog-CDONDKxE.js";
+function X(e, r, a) {
+  var o;
+  if (!!r.measurement === !!a && ((o = r.measurement) == null ? void 0 : o.id) === a)
+    return r;
+  if (!a)
+    return {
+      costPerUnit: r.costPerUnit
+    };
+  const n = e.measurements.find((p) => p.id === a);
+  return n ? {
+    costPerUnit: r.costPerUnit,
+    measurement: n
+  } : {
+    costPerUnit: r.costPerUnit
+  };
+}
+function ne(e, r, a, u) {
+  var T, _, s;
+  const l = (s = (_ = (T = u == null ? void 0 : u.supplier) == null ? void 0 : T.supplyItems) == null ? void 0 : _.find(
+    (t) => t.skuId === e._id
+  )) == null ? void 0 : s.defaultCost;
+  if (u != null && u.manualTotalCost)
+    return {
+      cost: u.manualTotalCost,
+      skuDefaultCost: e.defaultCost ?? void 0,
+      supplierOverrideCost: l ?? void 0
+    };
+  const n = e.defaultCost ? X(e.unit, e.defaultCost, e.trackingMeasurement) : void 0, o = l ?? n, p = o == null ? void 0 : o.costPerUnit, v = p ? o != null && o.measurement ? +L(p) / +L(o == null ? void 0 : o.measurement.conversion) : +L(p) : void 0, b = v ? a ? v * +L(a.conversion) : v : void 0, h = b ? +L(r) * b : void 0;
+  return {
+    cost: h ? {
+      ...R(h ?? 0, 2),
+      currency: O()
+    } : {
+      amount: 0,
+      precision: 0,
+      currency: O()
+    },
+    skuDefaultCost: e.defaultCost ?? void 0,
+    supplierOverrideCost: l ?? void 0
+  };
+}
+function k(e) {
+  const r = E.safeParse(e);
+  if (r.success) return r.data;
+  throw new Error("Invalid supplier data");
+}
+function S(e) {
+  return {
+    _id: e.doc._id,
+    internal: e.type,
+    contactName: e.doc.profile.name,
+    name: e.doc.profile.name ?? "",
+    email: e.doc.profile.email,
+    phoneNumber: e.doc.profile.phoneNo,
+    registrationNumber: e.doc.profile.regNo,
+    address: e.doc.profile.address ?? {
+      line1: "",
+      state: "",
+      city: "",
+      postcode: "",
+      country: ""
+    },
+    preparationTime: e.preparationTime
+  };
+}
+function re(e, r, a = !1, u = !1) {
+  const l = z(), n = D();
+  n.watchLocation(async () => {
+    var y;
+    await l.readSuppliers();
+    const s = e();
+    if ((y = s.supplier) != null && y._id) return;
+    const t = u ? l.suppliers[0] : l.businessSuppliers[0], i = (a ? n.locations.filter((d) => d.doc._id !== n.currentLocation.doc._id) : n.locations)[0];
+    r({
+      ...s,
+      supplier: t ? k(t) : i ? S(i) : s.supplier
+    });
+  });
+  const o = f(
+    () => {
+      var s, t;
+      return typeof ((t = (s = e()) == null ? void 0 : s.supplier) == null ? void 0 : t.internal) == "string" ? C.enum.transfer : C.enum.purchase;
+    }
+  ), p = f({
+    get() {
+      var s, t;
+      return (t = (s = e()) == null ? void 0 : s.supplier) == null ? void 0 : t._id;
+    },
+    set(s) {
+      const t = e() ?? {};
+      if (o.value === C.enum.purchase) {
+        const F = (u ? l.suppliers : l.businessSuppliers).find((B) => B._id === s);
+        r({
+          ...t,
+          supplier: F ? k(F) : t.supplier
+        });
+        return;
+      }
+      const y = (a ? n.allLocations.filter(
+        (d) => d.doc._id !== n.currentLocation.doc._id
+      ) : n.allLocations).find((d) => d.doc._id === s);
+      r({
+        ...t,
+        supplier: y ? S(y) : t.supplier
+      });
+    }
+  }), v = f(() => l.locationSuppliers.map(k)), b = f(() => l.businessSuppliers.map(k)), h = f(() => {
+    const s = [...v.value], t = [...b.value];
+    return u ? [...t, ...s] : t;
+  }), c = f(() => {
+    var m;
+    const s = ((m = n._currentLocation) == null ? void 0 : m.type) === A.warehouse;
+    return (a ? n.allLocations.filter(
+      (i) => i.doc._id !== n.currentLocation.doc._id
+    ) : n.allLocations).filter((i) => s || i.acceptRequest).map(S);
+  }), T = f(() => {
+    if (o.value === C.enum.purchase) {
+      const t = v.value.map((i) => ({
+        label: i.name,
+        value: i._id
+      })), m = b.value.map((i) => ({
+        label: i.name,
+        sublabel: "Business supplier",
+        value: i._id
+      }));
+      return u ? [...t, ...m] : m;
+    }
+    return c.value.map((t) => ({
+      label: t.name,
+      sublabel: t.internal ? `${t.internal}` : void 0,
+      value: t._id
+    }));
+  }), _ = f(() => {
+    var i, y;
+    const s = (y = (i = e()) == null ? void 0 : i.supplier) == null ? void 0 : y._id;
+    if (o.value === C.enum.purchase) {
+      const d = l.suppliers.find((F) => F._id === s);
+      return d ? k(d) : null;
+    }
+    const m = n.allLocations.find((d) => d.doc._id);
+    return m ? S(m) : null;
+  });
+  return {
+    transferLocationModel: p,
+    transferLocationOptions: T,
+    locationOptionsTypePurchase: h,
+    locationOptionsTypePurchaseLocationLevel: v,
+    locationOptionsTypeTransfer: c,
+    selectedLocation: _
+  };
+}
+const Z = { class: "overflow-y-auto h-full pb-8" }, ae = /* @__PURE__ */ H({
+  __name: "FmFilterableMenuOptions",
+  props: /* @__PURE__ */ j({
+    modelValue: {},
+    maxHeight: {},
+    width: {},
+    handleItemChange: { type: Function },
+    items: {},
+    options: {}
+  }, {
+    search: {},
+    searchModifiers: {}
+  }),
+  emits: ["update:search"],
+  setup(e) {
+    const r = e, a = q(e, "search"), u = f(
+      () => new Q(r.items, ["label", "sublabel"], {
+        caseSensitive: !1,
+        sort: !0
+      })
+    ), l = f(() => u.value.search(a.value)), n = x();
+    return console.log({ stickyRef: n }), (o, p) => {
+      const v = w("FmButton"), b = w("FmTextField"), h = w("FmMenuItem");
+      return P(), U("div", {
+        class: "relative",
+        style: W({ width: o.width })
+      }, [
+        I("div", {
+          class: "sticky top-0 bg-white mb-8",
+          ref_key: "stickyRef",
+          ref: n
+        }, [
+          $(b, {
+            modelValue: a.value,
+            "onUpdate:modelValue": p[1] || (p[1] = (c) => a.value = c),
+            placeholder: "Filter options"
+          }, {
+            append: J(() => [
+              a.value ? (P(), g(v, {
+                key: 0,
+                variant: "tertiary",
+                "prepend-icon": "close",
+                onClick: p[0] || (p[0] = (c) => a.value = "")
+              })) : N("", !0)
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ], 512),
+        I("div", Z, [
+          (P(!0), U(Y, null, K(l.value, (c, T) => (P(), g(h, {
+            key: T,
+            label: c.label,
+            sublabel: c.sublabel,
+            "model-value": M(V)(o.modelValue, c.value),
+            onClick: () => o.handleItemChange(M(V)(o.modelValue, c.value), c),
+            onVnodeMounted: (_) => {
+              var s, t;
+              return M(V)(o.modelValue, c.value) && ((s = _.el) == null || s.scrollIntoView({ behavior: "instant", block: "end" }), (t = _.el) == null || t.scrollIntoView({ behavior: "smooth", block: "center" })), void 0;
+            }
+          }, null, 8, ["label", "sublabel", "model-value", "onClick", "onVnodeMounted"]))), 128)),
+          l.value.length ? N("", !0) : (P(), g(h, {
+            key: 0,
+            disabled: "",
+            label: "No options available"
+          }))
+        ])
+      ], 4);
+    };
+  }
+});
+export {
+  ae as _,
+  ne as c,
+  re as u
+};

package/dist/{FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-kVpsL4cx.js → FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-DHe5G3kX.js}

@@ -1,10 +1,10 @@
 import { defineComponent as I, computed as g, ref as z, resolveComponent as h, openBlock as n, createElementBlock as y, createVNode as _, withCtx as L, createElementVNode as f, toDisplayString as Y, unref as u, createBlock as p, createCommentVNode as w, Fragment as $, renderList as R, watch as E, mergeModels as O, useModel as C, renderSlot as H, normalizeClass as S } from "vue";
 import { useCoreStore as W, useI18n as P } from "@feedmepos/mf-common";
-import { u as q } from "./app-CddcvygU.js";
-import { d as U } from "./date2-CVZy20Q_.js";
+import { u as q } from "./app-CySQTQxj.js";
+import { d as U } from "./date2-BWoUn1K_.js";
 import { useBreakpoints as G } from "@feedmepos/ui-library";
 import { u as J, F as K } from "./SingleColumnLayout.vue_vue_type_script_setup_true_lang-CWZkVCAj.js";
-import { D as A } from "./app-DiX-EfV6.js";
+import { b as A } from "./app-uBuHtW8m.js";
 const X = { class: "inline-flex" }, Z = { class: "inline-flex rounded-md items-center gap-4 justify-center h-[30px] px-8 py-4 bg-fm-color-neutral-gray-100 cursor-pointer text-fm-color-neutral-gray-400" }, ee = { class: "fm-typo-en-body-md-600 select-none text-ellipsis overflow-hidden whitespace-nowrap" }, te = { class: "relative" }, oe = { class: "sticky top-0 py-8 bg-white translate-y-[-12px]" }, ne = /* @__PURE__ */ I({
   __name: "ChangeLocationComponent",
   props: {
@@ -34,19 +34,19 @@ const X = { class: "inline-flex" }, Z = { class: "inline-flex rounded-md items-c
       a.value = !1, o.selectLocation(o.locations.find((t) => t.dbName === e));
     }
     return (e, t) => {
-      const D = h("FmIcon"), Q = h("FmSearch"), M = h("FmMenuItem"), j = h("FmMenu");
+      const M = h("FmIcon"), Q = h("FmSearch"), D = h("FmMenuItem"), j = h("FmMenu");
       return n(), y("div", X, [
         _(j, { "close-on-click": !0 }, {
           "menu-button": L(() => {
             var r;
             return [
               f("div", Z, [
-                _(D, {
+                _(M, {
                   name: e.showBusiness && a.value ? "store" : "storefront",
                   size: "sm"
                 }, null, 8, ["name"]),
                 f("div", ee, Y(e.showBusiness && a.value ? c.value : ((r = u(o)._currentLocation) == null ? void 0 : r.name) ?? u(v)("inventory.common.noLocationSelected")), 1),
-                _(D, {
+                _(M, {
                   name: "expand_more",
                   size: "sm"
                 })
@@ -63,7 +63,7 @@ const X = { class: "inline-flex" }, Z = { class: "inline-flex rounded-md items-c
                 }, null, 8, ["model-value", "placeholder"])
               ]),
               f("div", null, [
-                e.showBusiness ? (n(), p(M, {
+                e.showBusiness ? (n(), p(D, {
                   key: 0,
                   "model-value": a.value,
                   label: c.value,
@@ -72,7 +72,7 @@ const X = { class: "inline-flex" }, Z = { class: "inline-flex rounded-md items-c
                 }, null, 8, ["model-value", "label"])) : w("", !0),
                 (n(!0), y($, null, R(l.value, (r) => {
                   var V;
-                  return n(), p(M, {
+                  return n(), p(D, {
                     key: r.value,
                     "model-value": !a.value && ((V = u(o)._currentLocation) == null ? void 0 : V.dbName) === r.value,
                     label: r.label,
@@ -86,7 +86,7 @@ const X = { class: "inline-flex" }, Z = { class: "inline-flex rounded-md items-c
                 }), 128)),
                 (n(!0), y($, null, R(s.value, (r) => {
                   var V;
-                  return n(), p(M, {
+                  return n(), p(D, {
                     key: r.value,
                     "model-value": !a.value && ((V = u(o)._currentLocation) == null ? void 0 : V.dbName) === r.value,
                     label: r.label,
@@ -98,7 +98,7 @@ const X = { class: "inline-flex" }, Z = { class: "inline-flex rounded-md items-c
                     }
                   }, null, 8, ["model-value", "label", "onClick", "onVnodeMounted"]);
                 }), 128)),
-                !e.showBusiness && !l.value.length && !s.value.length ? (n(), p(M, {
+                !e.showBusiness && !l.value.length && !s.value.length ? (n(), p(D, {
                   key: 1,
                   disabled: "",
                   label: u(v)("inventory.common.noResultFound")
@@ -260,8 +260,8 @@ const le = { class: "inline-flex rounded-md items-center gap-4 justify-center h-
                 class: "w-full"
               }, null, 8, ["model-value", "placeholder"])) : w("", !0)
             ]),
-            (n(!0), y($, null, R(l.actions, (t, D) => (n(), p(e, {
-              key: D,
+            (n(!0), y($, null, R(l.actions, (t, M) => (n(), p(e, {
+              key: M,
               variant: "tertiary",
               "prepend-icon": t.icon,
               onClick: t.onClick

package/dist/{FmMultiselectDialog-DGUwruxs.js → FmMultiselectDialog-C3iCMK5I.js}

@@ -1,7 +1,7 @@
 import { defineStore as p } from "pinia";
 import { useDialog as y } from "@feedmepos/ui-library";
 import { useI18n as v } from "@feedmepos/mf-common";
-import { a } from "./FmMultiselectDialog-BviFuAM5.js";
+import { a } from "./FmMultiselectDialog-CDONDKxE.js";
 import { h as S } from "vue";
 const w = p("inventoryMultiSelectDialog", () => {
   const l = y(), { t: n } = v();