@feedmepos/mf-inventory-portal 0.0.18-dev.3 → 0.0.19-dev.2

package/dist/{ApprovalView-G-u9nPxH.js → ApprovalView-DU7oB2Zk.js}

@@ -1,17 +1,18 @@
-import { defineComponent as Z, ref as h, watch as B, computed as I, resolveComponent as ee, openBlock as D, createBlock as H, withCtx as g, createElementVNode as n, createVNode as s, unref as e, normalizeStyle as te, toDisplayString as ae, createElementBlock as oe, createCommentVNode as re, Teleport as se, mergeProps as ne } from "vue";
-import { r as f, f as le } from "./app-D1teOEQX.js";
-import { b as ce, _ as ie, a as pe } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-DgHp7KgJ.js";
-import { a as ue, b as me, _ as de } from "./TransferDetails.vue_vue_type_script_setup_true_lang-CLUo-Tve.js";
-import { c as U } from "./date2-6Vt_hnAG.js";
-import { _ as fe, F as _, u as _e } from "./layout-BxDEsp4a.js";
-import { useBreakpoints as ve } from "@feedmepos/ui-library";
-const he = { class: "px-24 xs:p-0 sm:p-0 flex flex-col gap-8 max-h-full" }, De = { class: "flex flex-col py-8" }, ge = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, be = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary line-clamp-1" }, xe = { class: "fm-typo-en-body-md-400 text-fm-color-typo-primary line-clamp-1" }, ye = {
+import { defineComponent as B, ref as h, watch as I, computed as ee, resolveComponent as te, openBlock as D, createBlock as H, unref as e, withCtx as g, createElementVNode as s, createVNode as n, normalizeStyle as ae, toDisplayString as oe, createElementBlock as re, createCommentVNode as ne, Teleport as se, mergeProps as le } from "vue";
+import { r as f, f as ie } from "./app-RVyC2D4O.js";
+import { b as ce, _ as pe, a as ue } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-DaHXKF1s.js";
+import { a as me, b as de, _ as fe } from "./TransferDetails.vue_vue_type_script_setup_true_lang-CvbKNb0C.js";
+import { c as U } from "./date2-C2PfOqbB.js";
+import { _ as _e, F as _, u as ve } from "./layout-ITqYtCVu.js";
+import { useBreakpoints as he } from "@feedmepos/ui-library";
+import { useI18n as De } from "@feedmepos/mf-common";
+const ge = { class: "px-24 xs:p-0 sm:p-0 flex flex-col gap-8 max-h-full" }, be = { class: "flex flex-col py-8" }, xe = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ye = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary line-clamp-1" }, we = { class: "fm-typo-en-body-md-400 text-fm-color-typo-primary line-clamp-1" }, Re = {
   key: 0,
   class: "fm-typo-en-body-md-400 text-fm-color-typo-primary line-clamp-1"
-}, we = { class: "pt-8" }, ze = /* @__PURE__ */ Z({
+}, ke = { class: "pt-8" }, Ye = /* @__PURE__ */ B({
   __name: "ApprovalView",
-  setup(Re) {
-    const o = ue("approval"), { columnDefs: G } = me("approval", o), J = le();
+  setup(Oe) {
+    const o = me("approval"), { columnDefs: G } = de("approval", o), J = ie();
     f.object({
       name: f.string().optional().nullable(),
       start: f.date().optional().nullable(),
@@ -24,7 +25,7 @@ const he = { class: "px-24 xs:p-0 sm:p-0 flex flex-col gap-8 max-h-full" }, De =
       startDate: U(b.value.start ?? /* @__PURE__ */ new Date()),
       endDate: U(b.value.end ?? /* @__PURE__ */ new Date())
     });
-    B([() => a.value.startDate], () => {
+    I([() => a.value.startDate], () => {
       if (!a.value.startDate)
         return;
       if (!a.value.endDate) {
@@ -37,21 +38,23 @@ const he = { class: "px-24 xs:p-0 sm:p-0 flex flex-col gap-8 max-h-full" }, De =
         return;
       }
     });
-    const v = h(""), { breakpoints: x } = ve(), K = I(() => x.value.xs || x.value.sm ? 10 : 20), Q = _e();
+    const v = h(""), { breakpoints: x } = he(), K = ee(() => x.value.xs || x.value.sm ? 10 : 20), Q = ve(), { t: W } = De();
     return (y, l) => {
-      const W = ee("FmTable");
-      return D(), H(ie, { title: "Approval" }, {
+      const X = te("FmTable");
+      return D(), H(pe, {
+        title: e(W)("inventory.transfer.approval.title")
+      }, {
         default: g(() => [
-          n("div", he, [
-            s(pe, {
+          s("div", ge, [
+            n(ue, {
               searchable: "",
               "change-location": "",
               search: v.value,
               "onUpdate:search": l[0] || (l[0] = (r) => v.value = r),
               actions: [{ icon: "refresh", onClick: e(o).fetchData }]
             }, null, 8, ["search", "actions"]),
-            s(W, {
-              style: te(e(Q).tableHeight),
+            n(X, {
+              style: ae(e(Q).tableHeight),
               "column-defs": e(G),
               "row-data": e(o).purchaseRequests.value,
               "search-value": v.value,
@@ -60,37 +63,37 @@ const he = { class: "px-24 xs:p-0 sm:p-0 flex flex-col gap-8 max-h-full" }, De =
               "page-size": K.value
             }, {
               "list-row": g((r) => [
-                s(fe, {
+                n(_e, {
                   row: r,
                   onRowClick: (t) => e(o).promptShowTransferDetails(t.purchaseOrder, t)
                 }, {
                   default: g((t) => {
-                    var w, R, k, c, O, S, T, C, i, F, $, p, z, u, M, V, Y, q, L, m, N, j, A, E, d, P;
+                    var w, R, k, i, O, S, T, C, c, F, $, p, z, u, M, V, Y, q, L, m, N, j, E, P, d, A;
                     return [
-                      n("div", De, [
-                        n("div", ge, [
-                          s(e(_), {
+                      s("div", be, [
+                        s("div", xe, [
+                          n(e(_), {
                             render: (k = (R = (w = t.purchaseOrder__id) == null ? void 0 : w.column) == null ? void 0 : R.columnDef) == null ? void 0 : k.cell,
-                            props: (O = (c = t.purchaseOrder__id) == null ? void 0 : c.getContext) == null ? void 0 : O.call(c)
+                            props: (O = (i = t.purchaseOrder__id) == null ? void 0 : i.getContext) == null ? void 0 : O.call(i)
                           }, null, 8, ["render", "props"])
                         ]),
-                        n("div", be, [
-                          s(e(_), {
+                        s("div", ye, [
+                          n(e(_), {
                             render: (C = (T = (S = t.to_name) == null ? void 0 : S.column) == null ? void 0 : T.columnDef) == null ? void 0 : C.cell,
-                            props: (F = (i = t.to_name) == null ? void 0 : i.getContext) == null ? void 0 : F.call(i)
+                            props: (F = (c = t.to_name) == null ? void 0 : c.getContext) == null ? void 0 : F.call(c)
                           }, null, 8, ["render", "props"])
                         ]),
-                        n("div", xe, ae((M = (u = (z = (p = ($ = r.original.purchaseOrder) == null ? void 0 : $.items) == null ? void 0 : p.map) == null ? void 0 : z.call(p, (X) => `${X.name}`)) == null ? void 0 : u.join) == null ? void 0 : M.call(u, ", ")), 1),
-                        (V = r.original.purchaseOrder) != null && V.ref ? (D(), oe("div", ye, [
-                          s(e(_), {
+                        s("div", we, oe((M = (u = (z = (p = ($ = r.original.purchaseOrder) == null ? void 0 : $.items) == null ? void 0 : p.map) == null ? void 0 : z.call(p, (Z) => `${Z.name}`)) == null ? void 0 : u.join) == null ? void 0 : M.call(u, ", ")), 1),
+                        (V = r.original.purchaseOrder) != null && V.ref ? (D(), re("div", Re, [
+                          n(e(_), {
                             render: (L = (q = (Y = t.purchaseOrder_ref) == null ? void 0 : Y.column) == null ? void 0 : q.columnDef) == null ? void 0 : L.cell,
                             props: (N = (m = t.purchaseOrder_ref) == null ? void 0 : m.getContext) == null ? void 0 : N.call(m)
                           }, null, 8, ["render", "props"])
-                        ])) : re("", !0),
-                        n("div", we, [
-                          s(e(_), {
-                            render: (E = (A = (j = t.purchaseOrder_status) == null ? void 0 : j.column) == null ? void 0 : A.columnDef) == null ? void 0 : E.cell,
-                            props: (P = (d = t.purchaseOrder_status) == null ? void 0 : d.getContext) == null ? void 0 : P.call(d)
+                        ])) : ne("", !0),
+                        s("div", ke, [
+                          n(e(_), {
+                            render: (P = (E = (j = t.purchaseOrder_status) == null ? void 0 : j.column) == null ? void 0 : E.columnDef) == null ? void 0 : P.cell,
+                            props: (A = (d = t.purchaseOrder_status) == null ? void 0 : d.getContext) == null ? void 0 : A.call(d)
                           }, null, 8, ["render", "props"])
                         ])
                       ])
@@ -103,16 +106,16 @@ const he = { class: "px-24 xs:p-0 sm:p-0 flex flex-col gap-8 max-h-full" }, De =
             }, 8, ["style", "column-defs", "row-data", "search-value", "loading", "page-size"])
           ]),
           (D(), H(se, { to: "body" }, [
-            s(de, ne(e(o).transferDetailsProps.value, {
+            n(fe, le(e(o).transferDetailsProps.value, {
               onSubmitted: e(o).fetchData
             }), null, 16, ["onSubmitted"])
           ]))
         ]),
         _: 1
-      });
+      }, 8, ["title"]);
     };
   }
 });
 export {
-  ze as default
+  Ye as default
 };

package/dist/{BindingsDialog-CVeD1mOn.js → BindingsDialog-BgfV0G46.js}

@@ -1,6 +1,6 @@
 import { defineComponent as C, ref as o, onMounted as M, onUnmounted as F, watch as x, resolveComponent as l, openBlock as i, createElementBlock as c, createBlock as I, withCtx as R, createVNode as a, createCommentVNode as z, createElementVNode as P } from "vue";
-import { _ as V } from "./InventoryBindingForm.vue_vue_type_script_setup_true_lang-C8YTZoBw.js";
-import { u as L, A as S } from "./app-D1teOEQX.js";
+import { _ as V } from "./InventoryBindingForm.vue_vue_type_script_setup_true_lang-BdVrpR9J.js";
+import { u as L, A as S } from "./app-RVyC2D4O.js";
 const U = {
   key: 0,
   class: "flex justify-end gap-8 items-center"

package/dist/{BindingsPicker-K04aOoGr.js → BindingsPicker-tUI5WYBk.js}

@@ -1,6 +1,6 @@
 import { defineComponent as S, computed as r, ref as l, onMounted as U, onUnmounted as V, resolveComponent as E, openBlock as p, createElementBlock as f, createVNode as u, createElementVNode as k } from "vue";
-import { _ as x } from "./FmMultiselectDialog.vue_vue_type_script_setup_true_lang-C5WBLEy3.js";
-import { u as M, A as h } from "./app-D1teOEQX.js";
+import { _ as x } from "./FmMultiselectDialog.vue_vue_type_script_setup_true_lang-CxOk5ule.js";
+import { u as M, A as h } from "./app-RVyC2D4O.js";
 const z = {
   key: 0,
   class: "flex flex-col gap-16"

package/dist/{BindingsTable-65aYkpX7.js → BindingsTable-8G-Nc4pC.js}

@@ -1,9 +1,10 @@
 import { defineComponent as v, ref as l, provide as C, computed as f, resolveComponent as b, openBlock as p, createBlock as h, h as z, onMounted as B, onUnmounted as I, createElementBlock as y, createVNode as N, createElementVNode as x } from "vue";
-import { i as _, u as E, A as L } from "./app-D1teOEQX.js";
-import "./index-Do1KDD1S.js";
+import { i as _, u as E, A as L } from "./app-RVyC2D4O.js";
+import "./index-l87_vggM.js";
 import { components as F } from "@feedmepos/ui-library";
-import "./fuzzy-gvHXFsh0.js";
-import "./dayjs.min-Co7-8-Mb.js";
+import "./fuzzy-yzIM5KUK.js";
+import "./dayjs.min-0pzT_dbr.js";
+import "@feedmepos/mf-common";
 const P = /* @__PURE__ */ v({
   __name: "binding-ui",
   props: {
@@ -24,17 +25,17 @@ const P = /* @__PURE__ */ v({
     C("closeDialog", () => {
       d.value.isOpen = !d.value.isOpen;
     });
-    const o = k, m = c, r = f(() => o.items.map((e) => ({
+    const s = k, m = c, r = f(() => s.items.map((e) => ({
       key: e.key,
       name: e.name,
       _skuLinked: e.bindings.filter(
-        ({ type: n, id: s }) => n === _.enum.SKU && o.skus.some((a) => a._id === s)
+        ({ type: n, id: o }) => n === _.enum.SKU && s.skus.some((a) => a._id === o)
       ).length,
       _recipeLinked: e.bindings.filter(
-        ({ type: n, id: s }) => n === _.enum.RECIPE && o.recipes.some((a) => a._id === s)
+        ({ type: n, id: o }) => n === _.enum.RECIPE && s.recipes.some((a) => a._id === o)
       ).length,
       onUpdate: async () => {
-        o.editable && m("click:open-binding-dialog", o.type, e);
+        s.editable && m("click:open-binding-dialog", s.type, e);
       }
     }))), g = [
       {
@@ -47,7 +48,7 @@ const P = /* @__PURE__ */ v({
         header: "Ingredient",
         size: 200,
         cell(i) {
-          const e = r.value.find((s) => s.key === i.row.original.key), n = e == null ? void 0 : e._skuLinked;
+          const e = r.value.find((o) => o.key === i.row.original.key), n = e == null ? void 0 : e._skuLinked;
           return n === 1 ? "1 item" : n ? `${n} items` : "Not set";
         }
       },
@@ -56,7 +57,7 @@ const P = /* @__PURE__ */ v({
         header: "Recipe",
         size: 200,
         cell(i) {
-          const e = r.value.find((s) => s.key === i.row.original.key), n = e == null ? void 0 : e._recipeLinked;
+          const e = r.value.find((o) => o.key === i.row.original.key), n = e == null ? void 0 : e._recipeLinked;
           return n === 1 ? "1 item" : n ? `${n} items` : "Not set";
         }
       },
@@ -92,19 +93,19 @@ const P = /* @__PURE__ */ v({
 }), R = {
   key: 1,
   class: "p-24 flex items-center justify-center gap-16"
-}, M = /* @__PURE__ */ x("div", null, "Loading bindings table...", -1), A = /* @__PURE__ */ v({
+}, M = /* @__PURE__ */ x("div", null, "Loading bindings table...", -1), K = /* @__PURE__ */ v({
   __name: "BindingsTable",
   setup(k) {
-    const c = E(), d = l(!0), o = l(new Array()), m = f(() => c.recipes), r = f(() => c.skus), g = l(""), i = L(n), e = l();
+    const c = E(), d = l(!0), s = l(new Array()), m = f(() => c.recipes), r = f(() => c.skus), g = l(""), i = L(n), e = l();
     async function n() {
       await c.readInventory(), e.value = i.onMessage(
         "props:grouped-bindings",
         (t) => {
-          d.value = !1, o.value = t;
+          d.value = !1, s.value = t;
         }
       ), i.sendMessage("props:grouped-bindings");
     }
-    async function s(t, u) {
+    async function o(t, u) {
       i.sendMessage("@click:open-binding-dialog", {
         key: t,
         binding: u
@@ -131,17 +132,17 @@ const P = /* @__PURE__ */ v({
           M
         ])) : (p(), h(P, {
           key: 0,
-          items: o.value,
+          items: s.value,
           recipes: m.value,
           skus: r.value,
           type: g.value,
           editable: "",
-          "onClick:openBindingDialog": s
+          "onClick:openBindingDialog": o
         }, null, 8, ["items", "recipes", "skus", "type"]))
       ], 512);
     };
   }
 });
 export {
-  A as default
+  K as default
 };

package/dist/FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-DaHXKF1s.js

@@ -0,0 +1,273 @@
+import { defineComponent as $, computed as g, resolveComponent as f, openBlock as t, createElementBlock as y, Fragment as k, createElementVNode as m, toDisplayString as R, renderList as F, createBlock as _, createCommentVNode as b, unref as d, createVNode as v, renderSlot as A, Teleport as H, ref as S, withCtx as C, watch as U, mergeModels as Y, useModel as B } from "vue";
+import { FmButtonVariant as z, useBreakpoints as Q } from "@feedmepos/ui-library";
+import { useI18n as T } from "@feedmepos/mf-common";
+import { f as j } from "./app-RVyC2D4O.js";
+import { c as V } from "./date2-C2PfOqbB.js";
+const E = { class: "flex flex-col w-full bg-white h-full" }, q = { class: "flex items-center px-24 py-16 xs:p-12 sm:p-12 gap-4 h-[68px]" }, G = { class: "flex-1 fm-typo-en-title-md-800 flex items-center h-[36px] bg-white" }, J = { key: 0 }, K = { key: 1 }, O = { class: "bg-white flex-1" }, W = { class: "fixed bottom-96 right-16" }, he = /* @__PURE__ */ $({
+  __name: "SingleColumnLayout",
+  props: {
+    actions: { default: () => [] },
+    title: { default: "Title" },
+    description: {},
+    showBackButton: { type: Boolean },
+    defaultPadding: { type: Boolean },
+    breadcrumbs: { default: () => [] }
+  },
+  emits: ["click:action"],
+  setup(i, { emit: o }) {
+    const l = i, a = o, n = g(() => l.actions.find((r) => r.isPrimary)), s = g(
+      () => l.actions.filter((r) => !r.isPrimary).map((r) => ({ ...r, variant: r.variant ?? z.Tertiary }))
+    ), { breakpoints: c } = Q();
+    return (r, e) => {
+      const p = f("FmButton");
+      return t(), y(k, null, [
+        m("div", E, [
+          m("div", q, [
+            m("div", G, R(r.title), 1),
+            s.value.length ? (t(), y("div", J, [
+              (t(!0), y(k, null, F(s.value, (h) => (t(), _(p, {
+                key: h.value,
+                label: h.label,
+                "prepend-icon": h.prependIcon,
+                variant: h.variant,
+                onClick: (L) => a("click:action", h.value)
+              }, null, 8, ["label", "prepend-icon", "variant", "onClick"]))), 128))
+            ])) : b("", !0),
+            n.value && (d(c).lg || d(c).md) ? (t(), y("div", K, [
+              v(p, {
+                label: n.value.label,
+                "prepend-icon": n.value.prependIcon,
+                onClick: e[0] || (e[0] = (h) => a("click:action", n.value.value))
+              }, null, 8, ["label", "prepend-icon"])
+            ])) : b("", !0)
+          ]),
+          m("div", O, [
+            A(r.$slots, "default")
+          ])
+        ]),
+        n.value && (d(c).sm || d(c).xs) ? (t(), _(H, {
+          key: 0,
+          to: "body"
+        }, [
+          m("div", W, [
+            v(p, {
+              label: n.value.label,
+              "prepend-icon": n.value.prependIcon,
+              onClick: e[1] || (e[1] = (h) => a("click:action", n.value.value)),
+              variant: "fab"
+            }, null, 8, ["label", "prepend-icon"])
+          ])
+        ])) : b("", !0)
+      ], 64);
+    };
+  }
+}), 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: "overflow-hidden overflow-y-scroll",
+  style: { maxHeight: "105px" }
+}, ne = {
+  class: "overflow-hidden overflow-y-scroll",
+  style: { maxHeight: "105px" }
+}, oe = /* @__PURE__ */ $({
+  __name: "ChangeLocationComponent",
+  setup(i) {
+    const o = j(), { t: l } = T(), a = S(""), n = g(
+      () => o.locations.map((e) => ({ label: e.name, value: e.dbName, type: e.type })).filter(
+        (e) => a.value ? e.label.toLocaleLowerCase().includes(a.value.toLocaleLowerCase()) : !0
+      )
+    ), s = g(
+      () => n.value.filter((e) => e.type === "restaurant")
+    ), c = g(
+      () => n.value.filter((e) => e.type === "warehouse")
+    );
+    function r({ value: e }) {
+      o.selectLocation(o.locations.find((p) => p.dbName === e));
+    }
+    return (e, p) => {
+      const h = f("FmIcon"), L = f("FmSearch"), D = f("FmMenuDivider"), M = f("FmMenuHeader"), w = f("FmMenuItem"), N = f("FmMenu");
+      return t(), y("div", X, [
+        v(N, { "close-on-click": !0 }, {
+          "menu-button": C(() => {
+            var u;
+            return [
+              m("div", Z, [
+                v(h, {
+                  name: "storefront",
+                  size: "sm"
+                }),
+                m("div", ee, R(((u = d(o)._currentLocation) == null ? void 0 : u.name) ?? d(l)("inventory.common.noLocationSelected")), 1),
+                v(h, {
+                  name: "expand_more",
+                  size: "sm"
+                })
+              ])
+            ];
+          }),
+          default: C(() => [
+            v(L, {
+              "model-value": a.value,
+              "onUpdate:modelValue": p[0] || (p[0] = (u) => a.value = u),
+              class: "w-[200px]",
+              placeholder: d(l)("inventory.common.table.toolbar.filterItems")
+            }, null, 8, ["model-value", "placeholder"]),
+            v(D),
+            v(M, {
+              label: d(l)("inventory.common.restaurant")
+            }, null, 8, ["label"]),
+            v(D),
+            m("div", te, [
+              (t(!0), y(k, null, F(s.value, (u) => {
+                var x;
+                return t(), _(w, {
+                  key: u.value,
+                  "model-value": ((x = d(o)._currentLocation) == null ? void 0 : x.dbName) === u.value,
+                  label: u.label,
+                  onClick: (P) => r(u)
+                }, null, 8, ["model-value", "label", "onClick"]);
+              }), 128))
+            ]),
+            s.value.length ? b("", !0) : (t(), _(w, {
+              key: 0,
+              disabled: "",
+              label: d(l)("inventory.common.noResultFound")
+            }, null, 8, ["label"])),
+            v(M, {
+              label: d(l)("inventory.common.warehouse")
+            }, null, 8, ["label"]),
+            v(D),
+            m("div", ne, [
+              (t(!0), y(k, null, F(c.value, (u) => {
+                var x;
+                return t(), _(w, {
+                  key: u.value,
+                  "model-value": ((x = d(o)._currentLocation) == null ? void 0 : x.dbName) === u.value,
+                  label: u.label,
+                  onClick: (P) => r(u)
+                }, null, 8, ["model-value", "label", "onClick"]);
+              }), 128))
+            ]),
+            c.value.length ? b("", !0) : (t(), _(w, {
+              key: 1,
+              disabled: "",
+              label: d(l)("inventory.common.noResultFound")
+            }, null, 8, ["label"]))
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+});
+function ye() {
+  const i = /* @__PURE__ */ new Date();
+  return i.setDate(i.getDate() - 15), {
+    start: i,
+    end: /* @__PURE__ */ new Date()
+  };
+}
+function I(i = 15) {
+  const o = /* @__PURE__ */ new Date();
+  o.setDate(o.getDate() - i);
+  const l = o, a = /* @__PURE__ */ new Date();
+  return {
+    startDate: `${V(l)}`,
+    endDate: `${V(a)}`
+  };
+}
+const le = { 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" }, ae = { class: "fm-typo-en-body-md-600 select-none text-ellipsis overflow-hidden whitespace-nowrap" }, se = /* @__PURE__ */ $({
+  __name: "FmDateRangePickerChip",
+  props: {
+    modelValue: { default: (i) => i.modelValue ?? I() }
+  },
+  emits: ["update:modelValue"],
+  setup(i, { emit: o }) {
+    const l = o, a = S(I());
+    U(a, (s) => {
+      l("update:modelValue", s);
+    });
+    const n = g(() => {
+      const { startDate: s, endDate: c } = a.value;
+      return !s && !c ? "" : `${s} - ${c}`;
+    });
+    return (s, c) => {
+      const r = f("FmIcon"), e = f("FmDateRangePicker");
+      return t(), _(e, {
+        "show-predefined-range": "",
+        modelValue: a.value,
+        "onUpdate:modelValue": c[0] || (c[0] = (p) => a.value = p),
+        "start-label": "",
+        "end-label": ""
+      }, {
+        "trigger-button": C(() => [
+          m("div", le, [
+            v(r, {
+              name: "calendar_month",
+              size: "sm"
+            }),
+            m("div", ae, R(n.value), 1)
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+}), re = { class: "xs:px-8 sm:px-8 flex gap-8 items-center xs:gap-4 xs:flex-col-reverse sm:gap-4 sm:flex-col-reverse h-48 sm:h-[unset] xs:h-[unset]" }, ce = {
+  key: 0,
+  class: "xs:w-full sm:w-full flex gap-8 items-center"
+}, ie = { class: "flex-1 w-full flex items-center gap-4" }, ue = /* @__PURE__ */ m("div", { class: "flex-1 xs:hidden sm:hidden" }, null, -1), de = { class: "w-full max-w-[343px] xs:max-w-[unset] sm:max-w-[unset]" }, be = /* @__PURE__ */ $({
+  __name: "FmInventoryTableToolbar",
+  props: /* @__PURE__ */ Y({
+    dateRangeQuery: { type: Boolean },
+    dateRange: {},
+    changeLocation: { type: Boolean },
+    searchable: { type: Boolean },
+    search: {},
+    actions: {}
+  }, {
+    search: {},
+    searchModifiers: {},
+    dateRange: {},
+    dateRangeModifiers: {}
+  }),
+  emits: ["update:search", "update:dateRange"],
+  setup(i) {
+    const o = B(i, "search"), l = B(i, "dateRange"), { t: a } = T();
+    return (n, s) => {
+      const c = f("FmTextField"), r = f("FmButton");
+      return t(), y("div", re, [
+        n.changeLocation || n.dateRangeQuery ? (t(), y("div", ce, [
+          n.changeLocation ? (t(), _(oe, { key: 0 })) : b("", !0),
+          n.dateRangeQuery ? (t(), _(se, {
+            key: 1,
+            "model-value": l.value,
+            "onUpdate:modelValue": s[0] || (s[0] = (e) => l.value = e)
+          }, null, 8, ["model-value"])) : b("", !0)
+        ])) : b("", !0),
+        m("div", ie, [
+          ue,
+          m("div", de, [
+            n.searchable ? (t(), _(c, {
+              key: 0,
+              "model-value": o.value,
+              "onUpdate:modelValue": s[1] || (s[1] = (e) => o.value = e),
+              "prepend-icon": "search",
+              placeholder: d(a)("inventory.common.table.toolbar.filterItems"),
+              class: "w-full"
+            }, null, 8, ["model-value", "placeholder"])) : b("", !0)
+          ]),
+          (t(!0), y(k, null, F(n.actions, (e, p) => (t(), _(r, {
+            key: p,
+            variant: "tertiary",
+            "prepend-icon": e.icon,
+            onClick: e.onClick
+          }, null, 8, ["prepend-icon", "onClick"]))), 128))
+        ])
+      ]);
+    };
+  }
+});
+export {
+  he as _,
+  be as a,
+  ye as b,
+  I as i
+};

package/dist/{FmMultiselectDialog.vue_vue_type_script_setup_true_lang-C5WBLEy3.js → FmMultiselectDialog.vue_vue_type_script_setup_true_lang-CxOk5ule.js}

@@ -1,7 +1,7 @@
 import { defineComponent as $, ref as C, onMounted as N, watch as E, computed as f, resolveComponent as m, openBlock as v, createElementBlock as _, createElementVNode as s, createVNode as d, createTextVNode as M, toDisplayString as T, createSlots as U, withCtx as h, createBlock as I, Fragment as j, renderList as z } from "vue";
 import { useDialogChild as q } from "@feedmepos/ui-library";
-import { y as c } from "./app-D1teOEQX.js";
-import { f as H } from "./fuzzy-gvHXFsh0.js";
+import { y as c } from "./app-RVyC2D4O.js";
+import { f as H } from "./fuzzy-yzIM5KUK.js";
 const R = { class: "flex flex-col h-[400px]" }, G = { class: "flex justify-between py-24 items-center relative" }, J = { class: "flex gap-16 basis-1/2" }, K = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, O = /* @__PURE__ */ s("span", { class: "xs:hidden" }, "selected", -1), P = /* @__PURE__ */ s("div", { class: "absolute pointer-events-none -bottom-[304px] left-0 w-full h-[308px] overflow-hidden flex flex-col justify-between" }, [
   /* @__PURE__ */ s("div", { class: "h-1 fm-shadow-light-200" }),
   /* @__PURE__ */ s("div", {

package/dist/{FmUnitInput.vue_vue_type_script_setup_true_lang-QKFZeZKM.js → FmUnitInput.vue_vue_type_script_setup_true_lang-D-vJDMKb.js}

@@ -1,7 +1,7 @@
 import { defineComponent as Q, mergeModels as U, useModel as X, computed as m, ref as h, watch as j, inject as Y, resolveComponent as p, openBlock as M, createElementBlock as D, createElementVNode as i, createVNode as v, withCtx as R, renderSlot as L, withDirectives as ee, normalizeClass as te, vModelText as ne, toDisplayString as T, createCommentVNode as oe, Fragment as ae, renderList as ue, createBlock as le } from "vue";
-import { F } from "./index-Do1KDD1S.js";
-import { g as C, c as se, a as k, t as ie, b as re, k as me, l as ce, u as de } from "./number-Dvvpk3SV.js";
-import { I as w } from "./rules-CQu9yXsg.js";
+import { F } from "./index-l87_vggM.js";
+import { g as C, c as se, a as k, t as ie, b as re, k as me, l as ce, u as de } from "./number-B5d98l0m.js";
+import { I as w } from "./rules-CCwuHe8Y.js";
 function $() {
   return {
     amount: F.reset()