@feedmepos/mf-inventory-portal 0.0.19 → 0.0.20-dev.1

package/dist/ApprovalView-CF-RhtHH.js

@@ -0,0 +1,121 @@
+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 { Y as f, O as U, j as ie } from "./app-P7rGzGsF.js";
+import { b as ce, _ as pe, a as ue } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-6yg6_JPe.js";
+import { u as me } from "./format-unit-display-DJpElzu_.js";
+import { u as de, _ as fe } from "./TransferDetails.vue_vue_type_script_setup_true_lang-lsyakQIl.js";
+import { _ as _e, F as _, u as ve } from "./layout-D-zXtsSp.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" }, xe = { class: "flex flex-col py-8" }, be = { 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" }, Oe = {
+  key: 0,
+  class: "fm-typo-en-body-md-400 text-fm-color-typo-primary line-clamp-1"
+}, Re = { class: "pt-8" }, Ve = /* @__PURE__ */ B({
+  __name: "ApprovalView",
+  setup(ke) {
+    const o = me("approval"), { columnDefs: G } = de("approval", o), J = ie();
+    f.object({
+      name: f.string().optional().nullable(),
+      start: f.date().optional().nullable(),
+      end: f.date().optional().nullable()
+    });
+    const x = h({
+      name: "",
+      ...ce()
+    }), a = h({
+      startDate: U(x.value.start ?? /* @__PURE__ */ new Date()),
+      endDate: U(x.value.end ?? /* @__PURE__ */ new Date())
+    });
+    I([() => a.value.startDate], () => {
+      if (!a.value.startDate)
+        return;
+      if (!a.value.endDate) {
+        a.value.endDate = a.value.startDate;
+        return;
+      }
+      const y = new Date(a.value.startDate);
+      if (new Date(a.value.endDate).getTime() < y.getTime()) {
+        a.value.endDate = a.value.startDate;
+        return;
+      }
+    });
+    const v = h(""), { breakpoints: b } = he(), K = ee(() => b.value.xs || b.value.sm ? 10 : 20), Q = ve(), { t: W } = De();
+    return (y, l) => {
+      const X = te("FmTable");
+      return D(), H(pe, {
+        title: e(W)("inventory.transfer.approval.title")
+      }, {
+        default: g(() => [
+          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"]),
+            n(X, {
+              style: ae(e(Q).tableHeight),
+              "column-defs": e(G),
+              "row-data": e(o).purchaseRequests.value,
+              "search-value": v.value,
+              loading: !e(J)._currentLocation || e(o).loading.value,
+              onRowClick: l[1] || (l[1] = (r) => e(o).promptShowTransferDetails(r.original.purchaseOrder, r.original)),
+              "page-size": K.value
+            }, {
+              "list-row": g((r) => [
+                n(_e, {
+                  row: r,
+                  onRowClick: (t) => e(o).promptShowTransferDetails(t.purchaseOrder, t)
+                }, {
+                  default: g((t) => {
+                    var w, O, R, i, k, S, T, C, c, F, Y, p, $, u, z, M, V, j, q, m, L, N, E, P, d, A;
+                    return [
+                      s("div", xe, [
+                        s("div", be, [
+                          n(e(_), {
+                            render: (R = (O = (w = t.purchaseOrder__id) == null ? void 0 : w.column) == null ? void 0 : O.columnDef) == null ? void 0 : R.cell,
+                            props: (k = (i = t.purchaseOrder__id) == null ? void 0 : i.getContext) == null ? void 0 : k.call(i)
+                          }, null, 8, ["render", "props"])
+                        ]),
+                        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 = (c = t.to_name) == null ? void 0 : c.getContext) == null ? void 0 : F.call(c)
+                          }, null, 8, ["render", "props"])
+                        ]),
+                        s("div", we, oe((z = (u = ($ = (p = (Y = r.original.purchaseOrder) == null ? void 0 : Y.items) == null ? void 0 : p.map) == null ? void 0 : $.call(p, (Z) => `${Z.name}`)) == null ? void 0 : u.join) == null ? void 0 : z.call(u, ", ")), 1),
+                        (M = r.original.purchaseOrder) != null && M.ref ? (D(), re("div", Oe, [
+                          n(e(_), {
+                            render: (q = (j = (V = t.purchaseOrder_ref) == null ? void 0 : V.column) == null ? void 0 : j.columnDef) == null ? void 0 : q.cell,
+                            props: (L = (m = t.purchaseOrder_ref) == null ? void 0 : m.getContext) == null ? void 0 : L.call(m)
+                          }, null, 8, ["render", "props"])
+                        ])) : ne("", !0),
+                        s("div", Re, [
+                          n(e(_), {
+                            render: (P = (E = (N = t.purchaseOrder_status) == null ? void 0 : N.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"])
+                        ])
+                      ])
+                    ];
+                  }),
+                  _: 2
+                }, 1032, ["row", "onRowClick"])
+              ]),
+              _: 1
+            }, 8, ["style", "column-defs", "row-data", "search-value", "loading", "page-size"])
+          ]),
+          (D(), H(se, { to: "body" }, [
+            n(fe, le(e(o).transferDetailsProps.value, {
+              onSubmitted: e(o).fetchData
+            }), null, 16, ["onSubmitted"])
+          ]))
+        ]),
+        _: 1
+      }, 8, ["title"]);
+    };
+  }
+});
+export {
+  Ve as default
+};

package/dist/{BindingsDialog-CFGZBbFQ.js → BindingsDialog-0_fCmf7t.js}

@@ -1,16 +1,15 @@
 import { defineComponent as C, ref as o, onMounted as M, onUnmounted as F, watch as x, resolveComponent as l, openBlock as i, createElementBlock as d, 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-D1fdMNkv.js";
-import { u as L, A as S } from "./app---xe3UFh.js";
+import { u as V, am as L, _ as S } from "./app-P7rGzGsF.js";
 const U = {
   key: 0,
   class: "flex justify-end gap-8 items-center"
 }, E = {
   key: 1,
   class: "p-24 flex items-center justify-center gap-16"
-}, D = /* @__PURE__ */ C({
+}, A = /* @__PURE__ */ C({
   __name: "BindingsDialog",
   setup(N) {
-    const p = L(), u = o(!0), s = o(new Array()), c = o(), t = S(y);
+    const p = V(), u = o(!0), s = o(new Array()), c = o(), t = L(y);
     async function y() {
       await p.readInventory(), c.value = t.onMessage("props:inventory-bindings", (e) => {
         u.value = !1, s.value = e;
@@ -64,7 +63,7 @@ const U = {
           class: "flex flex-col gap-16"
         }, {
           default: R(() => [
-            a(V, {
+            a(S, {
               "model-value": s.value,
               "onUpdate:modelValue": n[0] || (n[0] = (w) => s.value = w),
               "iframe-mode": "",
@@ -90,5 +89,5 @@ const U = {
   }
 });
 export {
-  D as default
+  A as default
 };

package/dist/{BindingsPicker-BQnwsNNJ.js → BindingsPicker-CT-56t-W.js}

@@ -1,6 +1,5 @@
 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-C65yZWQv.js";
-import { u as M, A as z } from "./app---xe3UFh.js";
+import { u as x, am as M, y as z } from "./app-P7rGzGsF.js";
 const K = {
   key: 0,
   class: "flex flex-col gap-16"
@@ -10,7 +9,7 @@ const K = {
 }, N = /* @__PURE__ */ S({
   __name: "BindingsPicker",
   setup(L) {
-    const d = M(), C = r(() => d.recipes), I = r(() => d.skus), g = l(!0), i = l(new Array()), a = l("RECIPE"), c = r(() => a.value === "SKU" ? I.value.map((s) => ({
+    const d = x(), C = r(() => d.recipes), I = r(() => d.skus), g = l(!0), i = l(new Array()), a = l("RECIPE"), c = r(() => a.value === "SKU" ? I.value.map((s) => ({
       label: s.name,
       sublabel: s.code,
       value: s
@@ -63,7 +62,7 @@ const K = {
           ];
         }
       }
-    }), _ = l(), o = z(B);
+    }), _ = l(), o = M(B);
     async function B() {
       await d.readInventory(), _.value = o.onMessage(
         "props:binding-items",
@@ -98,7 +97,7 @@ const K = {
           u(t, { size: "md" }),
           s[1] || (s[1] = k("div", null, "Loading bindings dialog...", -1))
         ])) : (p(), f("div", K, [
-          u(x, {
+          u(z, {
             "model-value": b.value,
             "onUpdate:modelValue": s[0] || (s[0] = (m) => b.value = m),
             items: c.value

package/dist/{BindingsTable-CgTP4Qzq.js → BindingsTable-DEftAnTN.js}

@@ -1,10 +1,8 @@
 import { defineComponent as x, ref as r, provide as C, computed as g, resolveComponent as h, openBlock as l, createElementBlock as u, createStaticVNode as L, Fragment as F, renderList as I, createElementVNode as p, toDisplayString as v, createVNode as w, withModifiers as N, onMounted as E, onUnmounted as z, createBlock as M } from "vue";
-import { i as b, u as P, A as R } from "./app---xe3UFh.js";
-import "./index-DXRQ-5FZ.js";
+import { q as b, u as P, am as R } from "./app-P7rGzGsF.js";
 import "@feedmepos/ui-library";
-import "./fuzzy-DTciL0gQ.js";
-import "./dayjs.min-BIvfV9G2.js";
-const U = { class: "" }, D = ["onClick"], O = { class: "flex-grow-0 flex-shrink-0 basis-5/12 py-8 pl-8" }, V = { class: "flex-grow-0 flex-shrink-0 basis-3/12 py-8" }, S = { class: "flex-grow-0 flex-shrink-0 basis-3/12 py-8" }, $ = { class: "flex-grow-0 flex-shrink-0 basis-1/12 py-4" }, A = /* @__PURE__ */ x({
+import "@feedmepos/mf-common";
+const U = { class: "" }, D = ["onClick"], O = { class: "flex-grow-0 flex-shrink-0 basis-5/12 py-8 pl-8" }, V = { class: "flex-grow-0 flex-shrink-0 basis-3/12 py-8" }, S = { class: "flex-grow-0 flex-shrink-0 basis-3/12 py-8" }, $ = { class: "flex-grow-0 flex-shrink-0 basis-1/12 py-4" }, T = /* @__PURE__ */ x({
   __name: "binding-ui",
   props: {
     items: { default: () => [] },
@@ -24,17 +22,17 @@ const U = { class: "" }, D = ["onClick"], O = { class: "flex-grow-0 flex-shrink-
     C("closeDialog", () => {
       d.value.isOpen = !d.value.isOpen;
     });
-    const n = _, f = a, m = g(() => n.items.map((s) => ({
+    const i = _, f = a, m = g(() => i.items.map((s) => ({
       key: s.key,
       name: s.name,
       _skuLinked: s.bindings.filter(
-        ({ type: t, id: e }) => t === b.enum.SKU && n.skus.some((c) => c._id === e)
+        ({ type: t, id: e }) => t === b.enum.SKU && i.skus.some((c) => c._id === e)
       ).length,
       _recipeLinked: s.bindings.filter(
-        ({ type: t, id: e }) => t === b.enum.RECIPE && n.recipes.some((c) => c._id === e)
+        ({ type: t, id: e }) => t === b.enum.RECIPE && i.recipes.some((c) => c._id === e)
       ).length,
       onUpdate: async () => {
-        n.editable && f("click:open-binding-dialog", n.type, s);
+        i.editable && f("click:open-binding-dialog", i.type, s);
       }
     })));
     return (k, s) => {
@@ -55,7 +53,7 @@ const U = { class: "" }, D = ["onClick"], O = { class: "flex-grow-0 flex-shrink-
               icon: "edit",
               "icon-color": "#000",
               size: "md",
-              disabled: !n.editable,
+              disabled: !i.editable,
               type: "button",
               onClick: N(e.onUpdate, ["stop"])
             }, null, 8, ["disabled", "onClick"])
@@ -64,49 +62,49 @@ const U = { class: "" }, D = ["onClick"], O = { class: "flex-grow-0 flex-shrink-
       ]);
     };
   }
-}), T = {
+}), A = {
   key: 1,
   class: "p-24 flex items-center justify-center gap-16"
-}, J = /* @__PURE__ */ x({
+}, H = /* @__PURE__ */ x({
   __name: "BindingsTable",
   setup(_) {
-    const a = P(), d = r(!0), n = r(new Array()), f = g(() => a.recipes), m = g(() => a.skus), k = r(""), s = R(e), t = r();
+    const a = P(), d = r(!0), i = r(new Array()), f = g(() => a.recipes), m = g(() => a.skus), k = r(""), s = R(e), t = r();
     async function e() {
       await a.readInventory(), t.value = s.onMessage(
         "props:grouped-bindings",
-        (i) => {
-          d.value = !1, n.value = i;
+        (n) => {
+          d.value = !1, i.value = n;
         }
       ), s.sendMessage("props:grouped-bindings");
     }
-    async function c(i, o) {
+    async function c(n, o) {
       s.sendMessage("@click:open-binding-dialog", {
-        key: i,
+        key: n,
         binding: o
       });
     }
     const y = r();
     return E(() => {
-      const i = y.value;
-      i && new ResizeObserver(() => {
-        s.sendMessage("resize", i.scrollHeight);
-      }).observe(i);
+      const n = y.value;
+      n && new ResizeObserver(() => {
+        s.sendMessage("resize", n.scrollHeight);
+      }).observe(n);
     }), z(() => {
-      var i, o;
-      (o = (i = t.value) == null ? void 0 : i.removeEventListener) == null || o.call(i);
-    }), (i, o) => {
+      var n, o;
+      (o = (n = t.value) == null ? void 0 : n.removeEventListener) == null || o.call(n);
+    }), (n, o) => {
       const B = h("FmCircularProgress");
       return l(), u("div", {
         class: "bg-white",
         ref_key: "resizeableRef",
         ref: y
       }, [
-        d.value ? (l(), u("div", T, [
+        d.value ? (l(), u("div", A, [
           w(B, { size: "md" }),
           o[0] || (o[0] = p("div", null, "Loading bindings table...", -1))
-        ])) : (l(), M(A, {
+        ])) : (l(), M(T, {
           key: 0,
-          items: n.value,
+          items: i.value,
           recipes: f.value,
           skus: m.value,
           type: k.value,
@@ -118,5 +116,5 @@ const U = { class: "" }, D = ["onClick"], O = { class: "flex-grow-0 flex-shrink-
   }
 });
 export {
-  J as default
+  H as default
 };

package/dist/FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-6yg6_JPe.js

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