@ozdao/martyrs 0.2.604 → 0.2.605

package/dist/martyrs/src/modules/inventory/components/pages/Inventory.vue.js

@@ -1,46 +1,109 @@
-import { ref, reactive, createElementBlock, openBlock, createElementVNode, createVNode, unref, withCtx, createTextVNode, toDisplayString, normalizeStyle, normalizeClass, Fragment, renderList, createBlock } from "vue";
+import { ref, reactive, onMounted, createElementBlock, openBlock, createBlock, createCommentVNode, createElementVNode, createVNode, unref, toDisplayString, Fragment, renderList, createTextVNode, withCtx, normalizeClass, normalizeStyle } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import { useGlobalMixins } from "../../../core/views/mixins/mixins.js";
+import _sfc_main$1 from "../../../core/views/components/sections/SectionPageTitle.vue.js";
 import Table from "../../../../components/Table/Table.vue.js";
-import _sfc_main$1 from "../../../../components/Feed/Feed.vue.js";
+import _sfc_main$4 from "../../../../components/Feed/Feed.vue.js";
 import PlaceholderImage from "../../../icons/placeholders/PlaceholderImage.vue.js";
-import _sfc_main$3 from "../../../../components/Dropdown/Dropdown.vue.js";
-import _sfc_main$5 from "../../../../components/Popup/Popup.vue.js";
-import _sfc_main$2 from "../../../icons/entities/IconSettings.vue.js";
-import _sfc_main$4 from "../../../icons/navigation/IconEllipsis.vue.js";
-import _sfc_main$6 from "../forms/AdjustmentForm.vue.js";
-import _sfc_main$7 from "../forms/StockAlertsForm.vue.js";
+import _sfc_main$6 from "../../../../components/Dropdown/Dropdown.vue.js";
+import _sfc_main$8 from "../../../../components/Popup/Popup.vue.js";
+import _sfc_main$2 from "../../../../components/Spoiler/Spoiler.vue2.js";
+import _sfc_main$3 from "../../../../components/Checkbox/Checkbox.vue.js";
+import _sfc_main$5 from "../../../icons/entities/IconSettings.vue.js";
+import _sfc_main$7 from "../../../icons/navigation/IconEllipsis.vue.js";
+import IconChevronBottom from "../../../icons/navigation/IconChevronBottom.vue.js";
+import _sfc_main$9 from "../forms/AdjustmentForm.vue.js";
+import _sfc_main$a from "../forms/StockAlertsForm.vue.js";
 import HistoryView from "../forms/HistoryView.vue.js";
-import _sfc_main$8 from "../forms/ColumnSettingsMenu.vue.js";
+import _sfc_main$b from "../forms/ColumnSettingsMenu.vue.js";
 import "../../store/inventory.store.js";
 import { state, actions } from "../../../products/store/products.js";
+import { actions as actions$1 } from "../../../products/store/categories.js";
 import "../../store/stock.alerts.store.js";
 /* empty css               */
-const _hoisted_1 = { class: "pd-thin" };
-const _hoisted_2 = { class: "mn-b-medium flex-v-center flex-nowrap flex" };
-const _hoisted_3 = { class: "rows-1" };
-const _hoisted_4 = { class: "w-max-20r truncate flex gap-small flex-nowrap flex-v-center" };
-const _hoisted_5 = ["src"];
-const _hoisted_6 = { class: "truncate ws-nowrap" };
-const _hoisted_7 = { class: "w-max-10r flex-nowrap flex truncate" };
-const _hoisted_8 = { key: 1 };
-const _hoisted_9 = { class: "w-max-10r flex-nowrap flex truncate" };
-const _hoisted_10 = { class: "fw-medium" };
-const _hoisted_11 = { class: "t-small" };
-const _hoisted_12 = { key: 1 };
-const _hoisted_13 = { class: "flex-column flex" };
-const _hoisted_14 = { class: "d-block mn-b-thin" };
-const _hoisted_15 = { class: "w-100 h-micro radius-thin bg-light" };
-const _hoisted_16 = { class: "bg-white radius-small" };
-const _hoisted_17 = ["onClick"];
-const _hoisted_18 = ["onClick"];
-const _hoisted_19 = ["onClick"];
+const _hoisted_1 = { class: "pos-relative" };
+const _hoisted_2 = { class: "cols-[1fr_3fr] mobile:cols-1 tablet:cols-1 z-index-3 pos-relative" };
+const _hoisted_3 = { class: "o-y-scroll br-r-1px br-grey pd-medium z-index-2 desktop-only h-100 pos-relative" };
+const _hoisted_4 = { class: "w-100 o-y-scroll h-100" };
+const _hoisted_5 = {
+  key: 0,
+  class: "mn-b-medium"
+};
+const _hoisted_6 = { class: "mn-b-medium" };
+const _hoisted_7 = { class: "gap-micro" };
+const _hoisted_8 = ["onClick"];
+const _hoisted_9 = { class: "cursor-pointer w-100 flex-v-center flex-nowrap flex" };
+const _hoisted_10 = { class: "h-2r w-2r flex-child-auto aspect-1x1 flex-center flex bg-light radius-extra" };
+const _hoisted_11 = { class: "mn-t-small" };
+const _hoisted_12 = { class: "w-100 flex flex-column pd-thin pos-relative o-hidden" };
+const _hoisted_13 = { class: "mn-b-thin mobile-only w-100 o-y-scroll scroll-hide scroll-snap-x-mandatory scroll-pd-regular" };
+const _hoisted_14 = { class: "gap-thin flex-nowrap flex" };
+const _hoisted_15 = ["onClick"];
+const _hoisted_16 = { class: "w-max-20r truncate flex gap-small flex-nowrap flex-v-center" };
+const _hoisted_17 = ["src"];
+const _hoisted_18 = { class: "truncate ws-nowrap" };
+const _hoisted_19 = { class: "w-max-10r flex-nowrap flex truncate" };
+const _hoisted_20 = { key: 1 };
+const _hoisted_21 = { class: "w-max-10r flex-nowrap flex truncate" };
+const _hoisted_22 = { class: "fw-medium" };
+const _hoisted_23 = { class: "t-small" };
+const _hoisted_24 = { key: 1 };
+const _hoisted_25 = { class: "flex-column flex" };
+const _hoisted_26 = { class: "d-block mn-b-thin" };
+const _hoisted_27 = { class: "w-100 h-micro radius-thin bg-light" };
+const _hoisted_28 = { class: "bg-white radius-small" };
+const _hoisted_29 = ["onClick"];
+const _hoisted_30 = ["onClick"];
+const _hoisted_31 = ["onClick"];
 const _sfc_main = {
   __name: "Inventory",
   setup(__props) {
     const route = useRoute();
     const router = useRouter();
     const { formatPrice } = useGlobalMixins();
+    const currentCategories = ref([]);
+    const currentCategory = ref(null);
+    const stockLevelOptions = [
+      { label: "Low", value: "low" },
+      { label: "Medium", value: "medium" },
+      { label: "High", value: "high" }
+    ];
+    const selectedStockLevel = ref([]);
+    const loadCategoryData = async () => {
+      const categoryPath = route.params.categoryPath;
+      try {
+        if (categoryPath) {
+          const result = await actions$1.read({
+            url: `/${categoryPath}`,
+            depth: 1,
+            tree: false
+          });
+          if (result.length > 0) {
+            currentCategory.value = result[0];
+            currentCategories.value = result[0].children || [];
+          }
+        } else {
+          const result = await actions$1.read({
+            root: true,
+            tree: false
+          });
+          currentCategory.value = null;
+          currentCategories.value = result;
+        }
+      } catch (error) {
+        console.error("Error loading categories:", error);
+        currentCategories.value = [];
+      }
+    };
+    const selectCategory = (category) => {
+      const categoryPath = category.url ? category.url.substring(1) : "";
+      if (!categoryPath) {
+        console.warn("No URL found for category:", category);
+        return;
+      }
+      const basePath = route.meta.context === "backoffice" ? "/backoffice/inventory" : `/organizations/${route.params._id}/inventory`;
+      router.push(`${basePath}/categories/${categoryPath}`);
+    };
     const items = ref([]);
     const sort = ref({
       param: "available",
@@ -52,23 +115,6 @@ const _sfc_main = {
         { label: "Created", value: "createdAt" }
       ]
     });
-    reactive({
-      active: false,
-      class: "",
-      selected: { category: [], stockLevel: [] },
-      options: [
-        { title: "Categories", value: "category", options: [] },
-        {
-          title: "Stock Level",
-          value: "stockLevel",
-          options: [
-            { label: "Low", value: "low" },
-            { label: "Medium", value: "medium" },
-            { label: "High", value: "high" }
-          ]
-        }
-      ]
-    });
     const columns = reactive([
       { key: "name", label: "Product Name", component: true, visible: true },
       { key: "category", label: "Categories", component: true, visible: true },
@@ -124,146 +170,217 @@ const _sfc_main = {
       });
       showSettingsModal.value = false;
     }
+    onMounted(async () => {
+      await loadCategoryData();
+    });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("header", _hoisted_2, [
-          _cache[11] || (_cache[11] = createElementVNode("h2", null, "Inventory", -1)),
-          createElementVNode("button", {
-            onClick: _cache[0] || (_cache[0] = ($event) => unref(route).meta.context === "backoffice" ? unref(router).push({ name: "BackofficeInventoryAudit" }) : unref(router).push({ name: "OrganizationInventoryAudit", params: { _id: unref(route).params._id } })),
-            class: "mn-l-auto radius-small button t-white bg-second",
-            innerHTML: "+ New Audit"
-          })
-        ]),
-        createElementVNode("div", _hoisted_3, [
-          createVNode(_sfc_main$1, {
-            search: true,
-            sort: sort.value,
-            "onUpdate:sort": _cache[1] || (_cache[1] = ($event) => sort.value = $event),
-            items: items.value,
-            "onUpdate:items": _cache[2] || (_cache[2] = ($event) => items.value = $event),
-            store: {
-              read: (options) => actions.read(options),
-              state
-            },
-            actions: [{
-              key: "settings",
-              component: _sfc_main$2,
-              props: {
-                class: "h-3r pd-r-small pd-l-small flex-center flex bg-light t-black radius-small hover:scale-[1.05] cursor-pointer"
-              },
-              handler: openViewSettings
-            }],
-            options: {
-              limit: 15,
-              lookup: ["inventory", "categories"],
-              owner: unref(route).params._id,
-              sortParam: sort.value.param,
-              sortOrder: sort.value.order
-            }
-          }, {
-            default: withCtx(() => [
-              createVNode(Table, {
-                columns: columns.filter((col) => col.visible),
-                items: items.value,
-                class: "bg-white z-index-1 br-1px br-light radius-medium"
+        !_ctx.MOBILE_APP ? (openBlock(), createBlock(_sfc_main$1, {
+          key: 0,
+          title: currentCategory.value ? currentCategory.value.name : "Inventory",
+          actions: [
+            { method: () => unref(route).meta.context === "backoffice" ? unref(router).push({ name: "BackofficeInventoryAudit" }) : unref(router).push({ name: "OrganizationInventoryAudit", params: { _id: unref(route).params._id } }), label: "+ Add Audit" }
+          ],
+          class: "pd-medium"
+        }, null, 8, ["title", "actions"])) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("div", _hoisted_3, [
+            createElementVNode("div", _hoisted_4, [
+              currentCategories.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_5, [
+                createElementVNode("h4", _hoisted_6, toDisplayString(unref(route).params.categoryPath ? "Subcategories" : "Categories"), 1),
+                createElementVNode("div", _hoisted_7, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(currentCategories.value, (category) => {
+                    return openBlock(), createElementBlock("div", {
+                      key: category._id,
+                      onClick: ($event) => selectCategory(category),
+                      class: "cursor-pointer hover:underline mn-b-regular ease"
+                    }, [
+                      createTextVNode(toDisplayString(category.name) + " ", 1),
+                      _cache[11] || (_cache[11] = createElementVNode("br", null, null, -1)),
+                      (openBlock(true), createElementBlock(Fragment, null, renderList(category.children, (subcategory) => {
+                        return openBlock(), createElementBlock("span", null, toDisplayString(subcategory.name), 1);
+                      }), 256))
+                    ], 8, _hoisted_8);
+                  }), 128))
+                ])
+              ])) : createCommentVNode("", true),
+              createVNode(_sfc_main$2, {
+                class: "o-hidden mn-b-medium",
+                status: true
               }, {
-                "cell-name": withCtx(({ row }) => [
-                  createElementVNode("div", _hoisted_4, [
-                    row.images?.length ? (openBlock(), createElementBlock("img", {
-                      key: 0,
-                      src: (_ctx.FILE_SERVER_URL || "") + row.images[0],
-                      alt: "Product",
-                      class: "w-3r h-3r radius-small bg-light object-fit-cover"
-                    }, null, 8, _hoisted_5)) : (openBlock(), createBlock(PlaceholderImage, {
-                      key: 1,
-                      class: "w-3r h-3r radius-small"
-                    })),
-                    createElementVNode("p", _hoisted_6, toDisplayString(row.name || "Unknown Product"), 1)
-                  ])
-                ]),
-                "cell-category": withCtx(({ row }) => [
-                  createElementVNode("div", _hoisted_7, [
-                    row.category?.length ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(row.category, (cat) => {
-                      return openBlock(), createElementBlock("p", {
-                        key: cat._id,
-                        class: "w-max truncate pd-small mn-r-micro radius-small bg-light t-small"
-                      }, toDisplayString(cat.name), 1);
-                    }), 128)) : (openBlock(), createElementBlock("p", _hoisted_8, "-"))
-                  ])
-                ]),
-                "cell-storages": withCtx(({ row }) => [
+                header: withCtx(({ isOpen }) => [
                   createElementVNode("div", _hoisted_9, [
-                    row.availabilityDetails?.length ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(row.availabilityDetails, (avail) => {
-                      return openBlock(), createElementBlock("p", {
-                        key: avail._id,
-                        class: "w-max truncate pd-small mn-r-micro radius-small bg-light t-small"
-                      }, [
-                        createElementVNode("span", _hoisted_10, toDisplayString(avail.available || 0), 1),
-                        _cache[12] || (_cache[12] = createTextVNode(" · ")),
-                        createElementVNode("span", _hoisted_11, toDisplayString(avail.storageName || avail.storage) + ":", 1)
-                      ]);
-                    }), 128)) : (openBlock(), createElementBlock("p", _hoisted_12, "No stock"))
-                  ])
-                ]),
-                "cell-available": withCtx(({ row }) => [
-                  createElementVNode("div", _hoisted_13, [
-                    createElementVNode("span", _hoisted_14, toDisplayString(row.available) + " · " + toDisplayString(row.available <= 5 ? "Low" : row.available <= 10 ? "Medium" : "High"), 1),
-                    createElementVNode("div", _hoisted_15, [
-                      createElementVNode("div", {
-                        class: normalizeClass([
-                          "h-100 radius-thin",
-                          row.available <= 1 ? "bg-red t-white" : row.available <= 2 ? "bg-orange t-white" : "bg-green t-white"
-                        ]),
-                        style: normalizeStyle(`width: ${Math.min(
-                          row.available / (row.alert !== void 0 ? row.alert : 50) * 100,
-                          100
-                        )}%`)
-                      }, null, 6)
+                    _cache[12] || (_cache[12] = createElementVNode("h4", { class: "w-100" }, "Stock Level", -1)),
+                    createElementVNode("div", _hoisted_10, [
+                      createVNode(IconChevronBottom, {
+                        class: normalizeClass([{ "rotate-180deg mn-t-micro-negative": isOpen }, "i-medium"]),
+                        fill: "rgb(var(--black))"
+                      }, null, 8, ["class"])
                     ])
                   ])
                 ]),
-                "cell-price": withCtx(({ row }) => [
-                  createTextVNode(toDisplayString(unref(formatPrice)(row.price || 0)), 1)
-                ]),
-                "cell-actions": withCtx(({ row }) => [
-                  createVNode(_sfc_main$3, {
-                    label: { component: _sfc_main$4, class: "t-transp i-medium" },
-                    class: "cursor-pointer aspect-1x1 pd-nano radius-small hover:bg-light",
-                    align: "right"
-                  }, {
-                    default: withCtx(() => [
-                      createElementVNode("div", _hoisted_16, [
-                        createElementVNode("button", {
-                          onClick: ($event) => openStockAudit(row),
-                          class: "cursor-pointer t-left ws-nowrap w-100 pd-small"
-                        }, " Audit Stock ", 8, _hoisted_17),
-                        createElementVNode("button", {
-                          onClick: ($event) => openStockHistory(row),
-                          class: "cursor-pointer t-left ws-nowrap w-100 pd-small"
-                        }, " Stock History ", 8, _hoisted_18),
-                        createElementVNode("button", {
-                          onClick: ($event) => openReorderSettings(row),
-                          class: "cursor-pointer t-left ws-nowrap w-100 pd-small"
-                        }, " Set Alerts ", 8, _hoisted_19)
-                      ])
-                    ]),
-                    _: 2
-                  }, 1032, ["label"])
+                content: withCtx(() => [
+                  createElementVNode("div", _hoisted_11, [
+                    (openBlock(), createElementBlock(Fragment, null, renderList(stockLevelOptions, (option) => {
+                      return createVNode(_sfc_main$3, {
+                        key: option.value,
+                        radio: selectedStockLevel.value,
+                        "onUpdate:radio": _cache[0] || (_cache[0] = ($event) => selectedStockLevel.value = $event),
+                        label: option.label,
+                        value: option.value,
+                        mode: "checkbox",
+                        class: "mn-b-micro"
+                      }, null, 8, ["radio", "label", "value"]);
+                    }), 64))
+                  ])
                 ]),
                 _: 1
-              }, 8, ["columns", "items"])
+              })
+            ])
+          ]),
+          createElementVNode("div", _hoisted_12, [
+            createElementVNode("div", _hoisted_13, [
+              createElementVNode("div", _hoisted_14, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(currentCategories.value, (category) => {
+                  return openBlock(), createElementBlock("div", {
+                    key: category._id,
+                    onClick: ($event) => selectCategory(category),
+                    class: "flex-child-default bg-light flex ws-nowrap pd-medium radius-medium cursor-pointer hover:bg-light ease"
+                  }, toDisplayString(category.name), 9, _hoisted_15);
+                }), 128))
+              ])
             ]),
-            _: 1
-          }, 8, ["sort", "items", "store", "actions", "options"])
+            createVNode(_sfc_main$4, {
+              search: true,
+              sort: sort.value,
+              "onUpdate:sort": _cache[1] || (_cache[1] = ($event) => sort.value = $event),
+              items: items.value,
+              "onUpdate:items": _cache[2] || (_cache[2] = ($event) => items.value = $event),
+              store: {
+                read: (options) => actions.read(options),
+                state
+              },
+              actions: [{
+                key: "settings",
+                component: _sfc_main$5,
+                props: {
+                  class: "h-3r pd-r-small pd-l-small flex-center flex bg-light t-black radius-small hover:scale-[1.05] cursor-pointer"
+                },
+                handler: openViewSettings
+              }],
+              options: {
+                limit: 15,
+                lookup: ["inventory", "categories"],
+                owner: unref(route).params._id,
+                categories: unref(route).params.categoryPath ? `/${unref(route).params.categoryPath}` : null,
+                sortParam: sort.value.param,
+                sortOrder: sort.value.order
+              }
+            }, {
+              default: withCtx(() => [
+                createVNode(Table, {
+                  columns: columns.filter((col) => col.visible),
+                  items: items.value,
+                  class: "bg-white z-index-1 br-1px br-light radius-medium"
+                }, {
+                  "cell-name": withCtx(({ row }) => [
+                    createElementVNode("div", _hoisted_16, [
+                      row.images?.length ? (openBlock(), createElementBlock("img", {
+                        key: 0,
+                        src: (_ctx.FILE_SERVER_URL || "") + row.images[0],
+                        alt: "Product",
+                        class: "w-3r h-3r radius-small bg-light object-fit-cover"
+                      }, null, 8, _hoisted_17)) : (openBlock(), createBlock(PlaceholderImage, {
+                        key: 1,
+                        class: "w-3r h-3r radius-small"
+                      })),
+                      createElementVNode("p", _hoisted_18, toDisplayString(row.name || "Unknown Product"), 1)
+                    ])
+                  ]),
+                  "cell-category": withCtx(({ row }) => [
+                    createElementVNode("div", _hoisted_19, [
+                      row.category?.length ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(row.category, (cat) => {
+                        return openBlock(), createElementBlock("p", {
+                          key: cat._id,
+                          class: "w-max truncate pd-small mn-r-micro radius-small bg-light t-small"
+                        }, toDisplayString(cat.name), 1);
+                      }), 128)) : (openBlock(), createElementBlock("p", _hoisted_20, "-"))
+                    ])
+                  ]),
+                  "cell-storages": withCtx(({ row }) => [
+                    createElementVNode("div", _hoisted_21, [
+                      row.availabilityDetails?.length ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(row.availabilityDetails, (avail) => {
+                        return openBlock(), createElementBlock("p", {
+                          key: avail._id,
+                          class: "w-max truncate pd-small mn-r-micro radius-small bg-light t-small"
+                        }, [
+                          createElementVNode("span", _hoisted_22, toDisplayString(avail.available || 0), 1),
+                          _cache[13] || (_cache[13] = createTextVNode(" · ")),
+                          createElementVNode("span", _hoisted_23, toDisplayString(avail.storageName || avail.storage) + ":", 1)
+                        ]);
+                      }), 128)) : (openBlock(), createElementBlock("p", _hoisted_24, "No stock"))
+                    ])
+                  ]),
+                  "cell-available": withCtx(({ row }) => [
+                    createElementVNode("div", _hoisted_25, [
+                      createElementVNode("span", _hoisted_26, toDisplayString(row.available) + " · " + toDisplayString(row.available <= 5 ? "Low" : row.available <= 10 ? "Medium" : "High"), 1),
+                      createElementVNode("div", _hoisted_27, [
+                        createElementVNode("div", {
+                          class: normalizeClass([
+                            "h-100 radius-thin",
+                            row.available <= 1 ? "bg-red t-white" : row.available <= 2 ? "bg-orange t-white" : "bg-green t-white"
+                          ]),
+                          style: normalizeStyle(`width: ${Math.min(
+                            row.available / (row.alert !== void 0 ? row.alert : 50) * 100,
+                            100
+                          )}%`)
+                        }, null, 6)
+                      ])
+                    ])
+                  ]),
+                  "cell-price": withCtx(({ row }) => [
+                    createTextVNode(toDisplayString(unref(formatPrice)(row.price || 0)), 1)
+                  ]),
+                  "cell-actions": withCtx(({ row }) => [
+                    createVNode(_sfc_main$6, {
+                      label: { component: _sfc_main$7, class: "opacity-50 i-medium" },
+                      class: "cursor-pointer aspect-1x1 pd-nano radius-small hover:bg-light",
+                      align: "right"
+                    }, {
+                      default: withCtx(() => [
+                        createElementVNode("div", _hoisted_28, [
+                          createElementVNode("button", {
+                            onClick: ($event) => openStockAudit(row),
+                            class: "cursor-pointer t-left ws-nowrap w-100 pd-small"
+                          }, " Audit Stock ", 8, _hoisted_29),
+                          createElementVNode("button", {
+                            onClick: ($event) => openStockHistory(row),
+                            class: "cursor-pointer t-left ws-nowrap w-100 pd-small"
+                          }, " Stock History ", 8, _hoisted_30),
+                          createElementVNode("button", {
+                            onClick: ($event) => openReorderSettings(row),
+                            class: "cursor-pointer t-left ws-nowrap w-100 pd-small"
+                          }, " Set Alerts ", 8, _hoisted_31)
+                        ])
+                      ]),
+                      _: 2
+                    }, 1032, ["label"])
+                  ]),
+                  _: 1
+                }, 8, ["columns", "items"])
+              ]),
+              _: 1
+            }, 8, ["sort", "items", "store", "actions", "options"])
+          ])
         ]),
-        createVNode(_sfc_main$5, {
+        createVNode(_sfc_main$8, {
           isPopupOpen: showAuditModal.value,
           onClosePopup: _cache[4] || (_cache[4] = ($event) => showAuditModal.value = false),
           title: "Audit Stock",
           class: "bg-white radius-medium pd-medium w-min-40r"
         }, {
           default: withCtx(() => [
-            createVNode(_sfc_main$6, {
+            createVNode(_sfc_main$9, {
               product: selectedProduct.value,
               onClose: _cache[3] || (_cache[3] = ($event) => showAuditModal.value = false),
               onAdjustmentCreated: handleAdjustmentCreated
@@ -271,21 +388,21 @@ const _sfc_main = {
           ]),
           _: 1
         }, 8, ["isPopupOpen"]),
-        createVNode(_sfc_main$5, {
+        createVNode(_sfc_main$8, {
           isPopupOpen: showReorderModal.value,
           onClosePopup: _cache[6] || (_cache[6] = ($event) => showReorderModal.value = false),
           title: "Stock Level Alerts",
           class: "bg-white radius-medium pd-medium w-min-30r"
         }, {
           default: withCtx(() => [
-            createVNode(_sfc_main$7, {
+            createVNode(_sfc_main$a, {
               product: selectedProduct.value,
               onClose: _cache[5] || (_cache[5] = ($event) => showReorderModal.value = false)
             }, null, 8, ["product"])
           ]),
           _: 1
         }, 8, ["isPopupOpen"]),
-        createVNode(_sfc_main$5, {
+        createVNode(_sfc_main$8, {
           isPopupOpen: showHistoryModal.value,
           onClosePopup: _cache[8] || (_cache[8] = ($event) => showHistoryModal.value = false),
           title: "Stock History",
@@ -299,14 +416,14 @@ const _sfc_main = {
           ]),
           _: 1
         }, 8, ["isPopupOpen"]),
-        createVNode(_sfc_main$5, {
+        createVNode(_sfc_main$8, {
           isPopupOpen: showSettingsModal.value,
           onClosePopup: _cache[10] || (_cache[10] = ($event) => showSettingsModal.value = false),
           title: "View Settings",
           class: "bg-white radius-medium pd-medium w-min-30r"
         }, {
           default: withCtx(() => [
-            createVNode(_sfc_main$8, {
+            createVNode(_sfc_main$b, {
               columns,
               onSave: handleColumnsUpdate,
               onClose: _cache[9] || (_cache[9] = ($event) => showSettingsModal.value = false)