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

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-Bcxk6B7K.js → ApprovalView-CF-RhtHH.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-CeUU5Gd8.js";
-import { b as ce, _ as pe, a as ue } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-DFPkUHl-.js";
-import { u as me } from "./purchase-order-transaction-type-Dz0YF5qh.js";
-import { u as de, _ as fe } from "./TransferDetails.vue_vue_type_script_setup_true_lang-kM5fyqq6.js";
-import { _ as _e, F as _, u as ve } from "./layout-2zzAZIVO.js";
+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 = {

package/dist/{BindingsDialog-XDkcjW_c.js → BindingsDialog-0_fCmf7t.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-CeUU5Gd8.js";
+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 { u as V, am as L, _ as S } from "./app-P7rGzGsF.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(), u = o(!0), s = o(new Array()), c = o(), t = L(y);
     async function y() {
-      await p.readInventory(), u.value = n.onMessage("props:inventory-bindings", (e) => {
-        d.value = !1, s.value = e;
+      await p.readInventory(), c.value = t.onMessage("props:inventory-bindings", (e) => {
+        u.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 = c.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 i(), c("div", {
+    return (e, n) => {
+      const g = l("FmButton"), B = l("FmForm"), h = l("FmCircularProgress");
+      return i(), d("div", {
         class: "bg-white",
         ref_key: "resizeableRef",
         ref: m
       }, [
-        d.value ? (i(), c("div", j, [
-          a(B, { size: "md" }),
-          E
-        ])) : (i(), I(h, {
+        u.value ? (i(), d("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,11 +65,11 @@ 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"]),
-            r.value ? z("", !0) : (i(), c("div", U, [
+            r.value ? z("", !0) : (i(), d("div", U, [
               a(g, {
                 type: "button",
                 variant: "tertiary",
@@ -89,5 +89,5 @@ const U = {
   }
 });
 export {
-  D as default
+  A as default
 };

package/dist/{BindingsPicker-CgbiqX72.js → BindingsPicker-CT-56t-W.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-CeUU5Gd8.js";
-const z = {
+import { u as x, am as M, y as z } from "./app-P7rGzGsF.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-DEftAnTN.js

@@ -0,0 +1,120 @@
+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 { q as b, u as P, am as R } from "./app-P7rGzGsF.js";
+import "@feedmepos/ui-library";
+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: () => [] },
+    recipes: { default: () => [] },
+    skus: { default: () => [] },
+    type: { default: "Product" },
+    editable: { type: Boolean, default: !1 }
+  },
+  emits: ["click:open-binding-dialog"],
+  setup(_, { emit: a }) {
+    const d = r({
+      isOpen: !1,
+      initialValue: [],
+      context: "",
+      name: ""
+    });
+    C("closeDialog", () => {
+      d.value.isOpen = !d.value.isOpen;
+    });
+    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 && i.skus.some((c) => c._id === e)
+      ).length,
+      _recipeLinked: s.bindings.filter(
+        ({ type: t, id: e }) => t === b.enum.RECIPE && i.recipes.some((c) => c._id === e)
+      ).length,
+      onUpdate: async () => {
+        i.editable && f("click:open-binding-dialog", i.type, s);
+      }
+    })));
+    return (k, s) => {
+      const t = h("FmButton");
+      return l(), u("div", U, [
+        s[0] || (s[0] = L('<div class="flex font-bold bg-[#F7F8FA]"><div class="flex-grow-0 flex-shrink-0 basis-5/12 py-8"></div><div class="flex-grow-0 flex-shrink-0 basis-3/12 py-8">Ingredient</div><div class="flex-grow-0 flex-shrink-0 basis-3/12 py-8">Recipe</div><div class="flex-grow-0 flex-shrink-0 basis-1/12 py-8"></div></div>', 1)),
+        (l(!0), u(F, null, I(m.value, (e) => (l(), u("div", {
+          key: e.key,
+          class: "cursor-pointer flex border-t border-[rgba(17,32,47,0.15] items-center",
+          onClick: e.onUpdate
+        }, [
+          p("div", O, v(e.name), 1),
+          p("div", V, v(e._skuLinked ? `${e._skuLinked} linked` : "Not linked"), 1),
+          p("div", S, v(e._recipeLinked ? `${e._recipeLinked} linked` : "Not linked"), 1),
+          p("div", $, [
+            w(t, {
+              variant: "tertiary",
+              icon: "edit",
+              "icon-color": "#000",
+              size: "md",
+              disabled: !i.editable,
+              type: "button",
+              onClick: N(e.onUpdate, ["stop"])
+            }, null, 8, ["disabled", "onClick"])
+          ])
+        ], 8, D))), 128))
+      ]);
+    };
+  }
+}), A = {
+  key: 1,
+  class: "p-24 flex items-center justify-center gap-16"
+}, H = /* @__PURE__ */ x({
+  __name: "BindingsTable",
+  setup(_) {
+    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",
+        (n) => {
+          d.value = !1, i.value = n;
+        }
+      ), s.sendMessage("props:grouped-bindings");
+    }
+    async function c(n, o) {
+      s.sendMessage("@click:open-binding-dialog", {
+        key: n,
+        binding: o
+      });
+    }
+    const y = r();
+    return E(() => {
+      const n = y.value;
+      n && new ResizeObserver(() => {
+        s.sendMessage("resize", n.scrollHeight);
+      }).observe(n);
+    }), z(() => {
+      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", A, [
+          w(B, { size: "md" }),
+          o[0] || (o[0] = p("div", null, "Loading bindings table...", -1))
+        ])) : (l(), M(T, {
+          key: 0,
+          items: i.value,
+          recipes: f.value,
+          skus: m.value,
+          type: k.value,
+          editable: "",
+          "onClick:openBindingDialog": c
+        }, null, 8, ["items", "recipes", "skus", "type"]))
+      ], 512);
+    };
+  }
+});
+export {
+  H 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-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
+};