@feedmepos/mf-inventory-portal 0.0.19-dev.13 → 0.0.19-dev.14

package/dist/App.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/{ApprovalView-9MdmwrUz.js → ApprovalView-BY13XuOu.js}

@@ -1,9 +1,9 @@
 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-Chj8x632.js";
-import { b as ce, _ as pe, a as ue } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-DlIq3AyC.js";
-import { u as me } from "./purchase-order-transaction-type-DpZQe_jA.js";
-import { u as de, _ as fe } from "./TransferDetails.vue_vue_type_script_setup_true_lang-B8IGZmDZ.js";
-import { _ as _e, F as _, u as ve } from "./layout-C3IEOm7C.js";
+import { Y as f, O as U, j as ie } from "./app-kYGuBDV8.js";
+import { b as ce, _ as pe, a as ue } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-DoF7wwNT.js";
+import { u as me } from "./purchase-order-transaction-type-CUtdDhYo.js";
+import { u as de, _ as fe } from "./TransferDetails.vue_vue_type_script_setup_true_lang-Bp7AJiJ-.js";
+import { _ as _e, F as _, u as ve } from "./layout-BTYR4n3X.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 = {

package/dist/{BindingsDialog-C-q6Y04n.js → BindingsDialog-B3PP-XkE.js}

@@ -1,63 +1,63 @@
 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 { u as V, aj as L, _ as S } from "./app-Chj8x632.js";
+import { u as V, am as L, _ as S } from "./app-kYGuBDV8.js";
 const U = {
   key: 0,
   class: "flex justify-end gap-8 items-center"
-}, j = {
+}, E = {
   key: 1,
   class: "p-24 flex items-center justify-center gap-16"
-}, E = /* @__PURE__ */ P("div", null, "Loading bindings dialog...", -1), D = /* @__PURE__ */ C({
+}, A = /* @__PURE__ */ C({
   __name: "BindingsDialog",
   setup(N) {
-    const p = V(), d = o(!0), s = o(new Array()), u = o(), n = L(y);
+    const p = V(), d = o(!0), s = o(new Array()), u = o(), t = L(y);
     async function y() {
-      await p.readInventory(), u.value = n.onMessage("props:inventory-bindings", (e) => {
+      await p.readInventory(), u.value = t.onMessage("props:inventory-bindings", (e) => {
         d.value = !1, s.value = e;
       }).onMessage("props:inventory-bindings:validate", () => {
         var e;
         (e = f.value) == null || e.validateInputs();
-      }), n.sendMessage("props:inventory-bindings");
+      }), t.sendMessage("props:inventory-bindings");
     }
     function b() {
-      n.sendMessage("@submit:inventory-bindings", s.value);
+      t.sendMessage("@submit:inventory-bindings", s.value);
     }
     function _() {
-      n.sendMessage("@close:inventory-bindings");
+      t.sendMessage("@close:inventory-bindings");
     }
     function k(e) {
-      n.sendMessage("@click:pick-inventory-bindings", e);
+      t.sendMessage("@click:pick-inventory-bindings", e);
     }
     const m = o(), r = o(!0);
     M(() => {
       v();
       const e = m.value;
       e && new ResizeObserver(() => {
-        n.sendMessage("resize", e.scrollHeight);
+        t.sendMessage("resize", e.scrollHeight);
       }).observe(e);
     }), F(() => {
-      var e, t;
-      (t = (e = u.value) == null ? void 0 : e.removeEventListener) == null || t.call(e);
+      var e, n;
+      (n = (e = u.value) == null ? void 0 : e.removeEventListener) == null || n.call(e);
     }), x([() => s.value], ([e]) => {
-      n.sendMessage("@update:inventory-bindings", e);
+      t.sendMessage("@update:inventory-bindings", e);
     });
     function v() {
       const e = new URLSearchParams(window.location.href.split("?")[1] || "");
       console.log(v.name, e, e.has("hideButton")), r.value = e.has("hideButton");
     }
     const f = o();
-    return (e, t) => {
-      const g = l("FmButton"), h = l("FmForm"), B = l("FmCircularProgress");
+    return (e, n) => {
+      const g = l("FmButton"), B = l("FmForm"), h = l("FmCircularProgress");
       return i(), c("div", {
         class: "bg-white",
         ref_key: "resizeableRef",
         ref: m
       }, [
-        d.value ? (i(), c("div", j, [
-          a(B, { size: "md" }),
-          E
-        ])) : (i(), I(h, {
+        d.value ? (i(), c("div", E, [
+          a(h, { size: "md" }),
+          n[2] || (n[2] = P("div", null, "Loading bindings dialog...", -1))
+        ])) : (i(), I(B, {
           key: 0,
-          onValidationSuccess: t[1] || (t[1] = () => r.value ? void 0 : b()),
+          onValidationSuccess: n[1] || (n[1] = () => r.value ? void 0 : b()),
           ref_key: "formRef",
           ref: f,
           class: "flex flex-col gap-16"
@@ -65,7 +65,7 @@ const U = {
           default: R(() => [
             a(S, {
               "model-value": s.value,
-              "onUpdate:modelValue": t[0] || (t[0] = (w) => s.value = w),
+              "onUpdate:modelValue": n[0] || (n[0] = (w) => s.value = w),
               "iframe-mode": "",
               "onClick:pickInventoryBindings": k
             }, null, 8, ["model-value"]),
@@ -89,5 +89,5 @@ const U = {
   }
 });
 export {
-  D as default
+  A as default
 };

package/dist/{BindingsPicker-syyx9h8v.js → BindingsPicker-DL17pRty.js}

@@ -1,14 +1,14 @@
 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 { u as x, aj as M, y as h } from "./app-Chj8x632.js";
-const z = {
+import { u as x, am as M, y as z } from "./app-kYGuBDV8.js";
+const K = {
   key: 0,
   class: "flex flex-col gap-16"
-}, K = { class: "flex justify-end gap-8 items-center" }, w = {
+}, w = { class: "flex justify-end gap-8 items-center" }, F = {
   key: 1,
   class: "p-24 flex items-center justify-center gap-16"
-}, F = /* @__PURE__ */ k("div", null, "Loading bindings dialog...", -1), A = /* @__PURE__ */ S({
+}, N = /* @__PURE__ */ S({
   __name: "BindingsPicker",
-  setup(j) {
+  setup(L) {
     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,
@@ -16,7 +16,7 @@ const z = {
     })) : C.value.map((s) => ({
       label: s.name,
       value: s
-    }))), _ = r({
+    }))), b = r({
       get() {
         if (a.value === "SKU") {
           const e = i.value.filter((n) => n.type === "SKU");
@@ -62,9 +62,9 @@ const z = {
           ];
         }
       }
-    }), b = l(), o = M(B);
+    }), _ = l(), o = M(B);
     async function B() {
-      await d.readInventory(), b.value = o.onMessage(
+      await d.readInventory(), _.value = o.onMessage(
         "props:binding-items",
         (e) => {
           g.value = !1, a.value = e.type, i.value = e.bindings;
@@ -85,7 +85,7 @@ const z = {
       }).observe(e);
     }), V(() => {
       var e, s;
-      (s = (e = b.value) == null ? void 0 : e.removeEventListener) == null || s.call(e);
+      (s = (e = _.value) == null ? void 0 : e.removeEventListener) == null || s.call(e);
     }), (e, s) => {
       const n = E("FmButton"), t = E("FmCircularProgress");
       return p(), f("div", {
@@ -93,16 +93,16 @@ const z = {
         ref_key: "resizeableRef",
         ref: y
       }, [
-        g.value ? (p(), f("div", w, [
+        g.value ? (p(), f("div", F, [
           u(t, { size: "md" }),
-          F
-        ])) : (p(), f("div", z, [
-          u(h, {
-            "model-value": _.value,
-            "onUpdate:modelValue": s[0] || (s[0] = (m) => _.value = m),
+          s[1] || (s[1] = k("div", null, "Loading bindings dialog...", -1))
+        ])) : (p(), f("div", K, [
+          u(z, {
+            "model-value": b.value,
+            "onUpdate:modelValue": s[0] || (s[0] = (m) => b.value = m),
             items: c.value
           }, null, 8, ["model-value", "items"]),
-          k("div", K, [
+          k("div", w, [
             u(n, {
               variant: "tertiary",
               label: "Close",
@@ -119,5 +119,5 @@ const z = {
   }
 });
 export {
-  A as default
+  N as default
 };

package/dist/{BindingsTable-CQ0WyX2i.js → BindingsTable-CjKOv7Yw.js}

@@ -1,8 +1,8 @@
-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 { q as _, u as E, aj as L } from "./app-Chj8x632.js";
+import { defineComponent as _, ref as c, 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 { q as v, u as E, am as L } from "./app-kYGuBDV8.js";
 import { components as F } from "@feedmepos/ui-library";
 import "@feedmepos/mf-common";
-const P = /* @__PURE__ */ v({
+const P = /* @__PURE__ */ _({
   __name: "binding-ui",
   props: {
     items: { default: () => [] },
@@ -12,24 +12,24 @@ const P = /* @__PURE__ */ v({
     editable: { type: Boolean, default: !1 }
   },
   emits: ["click:open-binding-dialog"],
-  setup(k, { emit: c }) {
-    const d = l({
+  setup(k, { emit: d }) {
+    const u = c({
       isOpen: !1,
       initialValue: [],
       context: "",
       name: ""
     });
     C("closeDialog", () => {
-      d.value.isOpen = !d.value.isOpen;
+      u.value.isOpen = !u.value.isOpen;
     });
-    const o = k, m = c, r = f(() => o.items.map((e) => ({
+    const o = k, m = d, a = f(() => o.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: s }) => n === v.enum.SKU && o.skus.some((l) => l._id === s)
       ).length,
       _recipeLinked: e.bindings.filter(
-        ({ type: n, id: s }) => n === _.enum.RECIPE && o.recipes.some((a) => a._id === s)
+        ({ type: n, id: s }) => n === v.enum.RECIPE && o.recipes.some((l) => l._id === s)
       ).length,
       onUpdate: async () => {
         o.editable && m("click:open-binding-dialog", o.type, e);
@@ -45,7 +45,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 = a.value.find((s) => s.key === i.row.original.key), n = e == null ? void 0 : e._skuLinked;
           return n === 1 ? "1 item" : n ? `${n} items` : "Not set";
         }
       },
@@ -54,7 +54,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 = a.value.find((s) => s.key === i.row.original.key), n = e == null ? void 0 : e._recipeLinked;
           return n === 1 ? "1 item" : n ? `${n} items` : "Not set";
         }
       },
@@ -63,7 +63,7 @@ const P = /* @__PURE__ */ v({
         header: "",
         size: 24,
         cell(i) {
-          const e = r.value.find((n) => n.key === i.row.original.key);
+          const e = a.value.find((n) => n.key === i.row.original.key);
           return z(F.FmButton, {
             icon: "edit",
             bgColor: "white",
@@ -81,7 +81,7 @@ const P = /* @__PURE__ */ v({
       const n = b("FmTable");
       return p(), h(n, {
         "column-defs": g,
-        "row-data": r.value,
+        "row-data": a.value,
         "hide-footer": "",
         "shrink-at": 99999
       }, null, 8, ["row-data"]);
@@ -90,48 +90,48 @@ 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), V = /* @__PURE__ */ v({
+}, D = /* @__PURE__ */ _({
   __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 d = E(), u = c(!0), o = c(new Array()), m = f(() => d.recipes), a = f(() => d.skus), g = c(""), i = L(n), e = c();
     async function n() {
-      await c.readInventory(), e.value = i.onMessage(
+      await d.readInventory(), e.value = i.onMessage(
         "props:grouped-bindings",
         (t) => {
-          d.value = !1, o.value = t;
+          u.value = !1, o.value = t;
         }
       ), i.sendMessage("props:grouped-bindings");
     }
-    async function s(t, u) {
+    async function s(t, r) {
       i.sendMessage("@click:open-binding-dialog", {
         key: t,
-        binding: u
+        binding: r
       });
     }
-    const a = l();
+    const l = c();
     return B(() => {
-      const t = a.value;
+      const t = l.value;
       t && new ResizeObserver(() => {
         i.sendMessage("resize", t.scrollHeight);
       }).observe(t);
     }), I(() => {
-      var t, u;
-      (u = (t = e.value) == null ? void 0 : t.removeEventListener) == null || u.call(t);
-    }), (t, u) => {
+      var t, r;
+      (r = (t = e.value) == null ? void 0 : t.removeEventListener) == null || r.call(t);
+    }), (t, r) => {
       const w = b("FmCircularProgress");
       return p(), y("div", {
         class: "bg-white",
         ref_key: "resizeableRef",
-        ref: a
+        ref: l
       }, [
-        d.value ? (p(), y("div", R, [
+        u.value ? (p(), y("div", R, [
           N(w, { size: "md" }),
-          M
+          r[0] || (r[0] = x("div", null, "Loading bindings table...", -1))
         ])) : (p(), h(P, {
           key: 0,
           items: o.value,
           recipes: m.value,
-          skus: r.value,
+          skus: a.value,
           type: g.value,
           editable: "",
           "onClick:openBindingDialog": s
@@ -141,5 +141,5 @@ const P = /* @__PURE__ */ v({
   }
 });
 export {
-  V as default
+  D as default
 };

package/dist/Entry.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-DoF7wwNT.js

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