@ozdao/martyrs 0.2.491 → 0.2.492

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

@@ -0,0 +1,336 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const vueRouter = require("vue-router");
+const mixins = require("../../../globals/views/mixins/mixins.cjs");
+const Table = require("../../../../components/Table/Table.vue.cjs");
+const Feed = require("../../../../components/Feed/Feed.vue.cjs");
+const PlaceholderImage = require("../../../icons/placeholders/PlaceholderImage.vue.cjs");
+const Dropdown = require("../../../../components/Dropdown/Dropdown.vue.cjs");
+const Popup = require("../../../../components/Popup/Popup.vue.cjs");
+const IconSettings = require("../../../icons/entities/IconSettings.vue.cjs");
+const IconEllipsis = require("../../../icons/navigation/IconEllipsis.vue.cjs");
+const AdjustmentForm = require("../forms/AdjustmentForm.vue.cjs");
+const StockAlertsForm = require("../forms/StockAlertsForm.vue.cjs");
+const HistoryView = require("../forms/HistoryView.vue.cjs");
+const ColumnSettingsMenu = require("../forms/ColumnSettingsMenu.vue.cjs");
+const _inventory_store = require("../../store/ inventory.store.cjs");
+const products = require("../../../products/store/products.cjs");
+const auth = require("../../../auth/views/store/auth.cjs");
+const stock_alerts_store = require("../../store/stock.alerts.store.cjs");
+;/* 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: "flex gap-small flex-nowrap flex-v-center" };
+const _hoisted_4 = ["src"];
+const _hoisted_5 = { class: "t-nowrap" };
+const _hoisted_6 = { key: 1 };
+const _hoisted_7 = {
+  key: 0,
+  class: "flex flex-column gap-micro"
+};
+const _hoisted_8 = { class: "t-small" };
+const _hoisted_9 = { class: "t-medium" };
+const _hoisted_10 = {
+  key: 1,
+  class: "t-transp"
+};
+const _hoisted_11 = { class: "flex-column flex" };
+const _hoisted_12 = { class: "d-block mn-b-thin" };
+const _hoisted_13 = { class: "w-100 h-micro radius-thin bg-light" };
+const _hoisted_14 = { class: "bg-white radius-small" };
+const _hoisted_15 = ["onClick"];
+const _hoisted_16 = ["onClick"];
+const _hoisted_17 = ["onClick"];
+const _sfc_main = {
+  __name: "Inventory",
+  setup(__props) {
+    const route = vueRouter.useRoute();
+    const router = vueRouter.useRouter();
+    const { formatPrice } = mixins.useGlobalMixins();
+    const sort = vue.ref({
+      param: "available",
+      order: "asc",
+      options: [
+        { label: "Available", value: "available" },
+        { label: "Name", value: "name" },
+        { label: "Price", value: "price" },
+        { label: "Created", value: "createdAt" }
+      ]
+    });
+    const filter = vue.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 = vue.reactive([
+      { key: "name", label: "Product Name", component: true, visible: true },
+      { key: "category", label: "Categories", component: true, visible: true },
+      { key: "storages", label: "Storages", component: true, visible: true },
+      { key: "available", label: "Total Available", component: true, visible: true },
+      { key: "price", label: "Unit Price", component: true, visible: true },
+      { key: "actions", label: "", component: true, visible: true }
+    ]);
+    const showAuditModal = vue.ref(false);
+    const showReorderModal = vue.ref(false);
+    const showHistoryModal = vue.ref(false);
+    const showSettingsModal = vue.ref(false);
+    const selectedProduct = vue.ref(null);
+    function openStockAudit(row) {
+      selectedProduct.value = row;
+      showAuditModal.value = true;
+    }
+    function openReorderSettings(row = null) {
+      selectedProduct.value = row;
+      showReorderModal.value = true;
+    }
+    function openStockHistory(row) {
+      selectedProduct.value = row;
+      showHistoryModal.value = true;
+    }
+    function openViewSettings() {
+      showSettingsModal.value = true;
+    }
+    async function handleAuditSave(adjustmentData) {
+      try {
+        await _inventory_store.actions.createAdjustment({
+          ...adjustmentData,
+          owner: {
+            type: "organization",
+            target: route.params._id
+          },
+          creator: {
+            type: "user",
+            target: auth.state.user._id
+          }
+        });
+        showAuditModal.value = false;
+      } catch (err) {
+        console.error(err);
+      }
+    }
+    async function handleAlertSave(alertData) {
+      try {
+        await stock_alerts_store.default.create(alertData);
+        showReorderModal.value = false;
+      } catch (err) {
+        console.error("Error saving alert:", err);
+      }
+    }
+    function handleColumnsUpdate(updated) {
+      columns.forEach((col) => {
+        col.visible = updated.includes(col.key);
+      });
+      showSettingsModal.value = false;
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("header", _hoisted_2, [
+          _cache[12] || (_cache[12] = vue.createElementVNode("h2", null, "Inventory", -1)),
+          vue.unref(route).meta.context === "backoffice" ? (vue.openBlock(), vue.createElementBlock("button", {
+            key: 0,
+            onClick: _cache[0] || (_cache[0] = ($event) => vue.unref(router).push({ name: "BackofficeInventoryAudit" })),
+            class: "mn-l-small radius-100 i-big hover-scale-1 cursor-pointer t-white bg-second",
+            innerHTML: "+"
+          })) : vue.createCommentVNode("", true),
+          vue.unref(route).meta.context === "organization" ? (vue.openBlock(), vue.createElementBlock("button", {
+            key: 1,
+            onClick: _cache[1] || (_cache[1] = ($event) => vue.unref(router).push({ name: "OrganizationInventoryAudit", params: { _id: vue.unref(route).params._id } })),
+            class: "mn-l-small radius-100 i-big hover-scale-1 cursor-pointer t-white bg-second",
+            innerHTML: "+"
+          })) : vue.createCommentVNode("", true)
+        ]),
+        vue.createVNode(Feed.default, {
+          search: true,
+          filter,
+          "onUpdate:filter": _cache[2] || (_cache[2] = ($event) => filter = $event),
+          sort: sort.value,
+          "onUpdate:sort": _cache[3] || (_cache[3] = ($event) => sort.value = $event),
+          store: {
+            read: (options) => products.actions.read(options),
+            state: products.state
+          },
+          actions: [{
+            key: "settings",
+            component: IconSettings.default,
+            props: {
+              class: "h-3r pd-r-small pd-l-small flex-center flex bg-light t-black radius-small hover-scale-1 cursor-pointer"
+            },
+            handler: openViewSettings
+          }],
+          options: {
+            limit: 15,
+            lookup: ["inventory", "categories"],
+            owner: vue.unref(route).params._id,
+            sortParam: sort.value.param,
+            sortOrder: sort.value.order
+          }
+        }, {
+          default: vue.withCtx(({ items }) => [
+            vue.createVNode(Table.default, {
+              columns: columns.filter((col) => col.visible),
+              items,
+              class: "bg-white z-index-1 br-solid br-1px br-light radius-medium"
+            }, {
+              "cell-name": vue.withCtx(({ row }) => [
+                vue.createElementVNode("div", _hoisted_3, [
+                  row.images?.length ? (vue.openBlock(), vue.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_4)) : (vue.openBlock(), vue.createBlock(PlaceholderImage.default, {
+                    key: 1,
+                    class: "w-3r h-3r radius-small"
+                  })),
+                  vue.createElementVNode("span", _hoisted_5, vue.toDisplayString(row.name || "Unknown Product"), 1)
+                ])
+              ]),
+              "cell-category": vue.withCtx(({ row }) => [
+                row.category?.length ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(row.category, (cat) => {
+                  return vue.openBlock(), vue.createElementBlock("span", {
+                    key: cat._id,
+                    class: "pd-nano mn-r-micro pd-r-small pd-l-small radius-small bg-light t-small"
+                  }, vue.toDisplayString(cat.name), 1);
+                }), 128)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_6, "-"))
+              ]),
+              "cell-storages": vue.withCtx(({ row }) => [
+                row.availabilityDetails?.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7, [
+                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(row.availabilityDetails, (avail) => {
+                    return vue.openBlock(), vue.createElementBlock("div", {
+                      key: avail._id,
+                      class: "flex gap-small flex-v-center"
+                    }, [
+                      vue.createElementVNode("span", _hoisted_8, vue.toDisplayString(avail.storageName || avail.storage) + ":", 1),
+                      vue.createElementVNode("span", _hoisted_9, vue.toDisplayString(avail.available || 0), 1)
+                    ]);
+                  }), 128))
+                ])) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_10, "No stock"))
+              ]),
+              "cell-available": vue.withCtx(({ row }) => [
+                vue.createElementVNode("div", _hoisted_11, [
+                  vue.createElementVNode("span", _hoisted_12, vue.toDisplayString(row.available) + " · " + vue.toDisplayString(row.available <= 5 ? "Low" : row.available <= 10 ? "Medium" : "High"), 1),
+                  vue.createElementVNode("div", _hoisted_13, [
+                    vue.createElementVNode("div", {
+                      class: vue.normalizeClass([
+                        "h-100 radius-thin",
+                        row.available <= 1 ? "bg-red t-white" : row.available <= 2 ? "bg-orange t-white" : "bg-green t-white"
+                      ]),
+                      style: vue.normalizeStyle(`width: ${Math.min(
+                        row.available / (row.alert !== void 0 ? row.alert : 50) * 100,
+                        100
+                      )}%`)
+                    }, null, 6)
+                  ])
+                ])
+              ]),
+              "cell-price": vue.withCtx(({ row }) => [
+                vue.createTextVNode(vue.toDisplayString(vue.unref(formatPrice)(row.price || 0)), 1)
+              ]),
+              "cell-actions": vue.withCtx(({ row }) => [
+                vue.createVNode(Dropdown.default, {
+                  label: { component: IconEllipsis.default, class: "t-transp i-medium" },
+                  class: "cursor-pointer aspect-1x1 pd-nano radius-small hover-bg-light",
+                  align: "right"
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createElementVNode("div", _hoisted_14, [
+                      vue.createElementVNode("button", {
+                        onClick: ($event) => openStockAudit(row),
+                        class: "cursor-pointer t-left t-nowrap w-100 pd-small"
+                      }, " Audit Stock ", 8, _hoisted_15),
+                      vue.createElementVNode("button", {
+                        onClick: ($event) => openStockHistory(row),
+                        class: "cursor-pointer t-left t-nowrap w-100 pd-small"
+                      }, " Stock History ", 8, _hoisted_16),
+                      vue.createElementVNode("button", {
+                        onClick: ($event) => openReorderSettings(row),
+                        class: "cursor-pointer t-left t-nowrap w-100 pd-small"
+                      }, " Set Alerts ", 8, _hoisted_17)
+                    ])
+                  ]),
+                  _: 2
+                }, 1032, ["label"])
+              ]),
+              _: 2
+            }, 1032, ["columns", "items"])
+          ]),
+          _: 1
+        }, 8, ["filter", "sort", "store", "actions", "options"]),
+        vue.createVNode(Popup.default, {
+          isPopupOpen: showAuditModal.value,
+          onClosePopup: _cache[5] || (_cache[5] = ($event) => showAuditModal.value = false),
+          title: "Audit Stock",
+          class: "bg-white radius-medium pd-medium w-min-40r"
+        }, {
+          default: vue.withCtx(() => [
+            vue.createVNode(AdjustmentForm.default, {
+              product: selectedProduct.value,
+              onClose: _cache[4] || (_cache[4] = ($event) => showAuditModal.value = false),
+              onSave: handleAuditSave
+            }, null, 8, ["product"])
+          ]),
+          _: 1
+        }, 8, ["isPopupOpen"]),
+        vue.createVNode(Popup.default, {
+          isPopupOpen: showReorderModal.value,
+          onClosePopup: _cache[7] || (_cache[7] = ($event) => showReorderModal.value = false),
+          title: "Stock Level Alerts",
+          class: "bg-white radius-medium pd-medium w-min-30r"
+        }, {
+          default: vue.withCtx(() => [
+            vue.createVNode(StockAlertsForm.default, {
+              product: selectedProduct.value,
+              onClose: _cache[6] || (_cache[6] = ($event) => showReorderModal.value = false),
+              onSave: handleAlertSave
+            }, null, 8, ["product"])
+          ]),
+          _: 1
+        }, 8, ["isPopupOpen"]),
+        vue.createVNode(Popup.default, {
+          isPopupOpen: showHistoryModal.value,
+          onClosePopup: _cache[9] || (_cache[9] = ($event) => showHistoryModal.value = false),
+          title: "Stock History",
+          class: "bg-white radius-medium pd-medium w-min-50r"
+        }, {
+          default: vue.withCtx(() => [
+            vue.createVNode(HistoryView.default, {
+              product: selectedProduct.value,
+              onClose: _cache[8] || (_cache[8] = ($event) => showHistoryModal.value = false)
+            }, null, 8, ["product"])
+          ]),
+          _: 1
+        }, 8, ["isPopupOpen"]),
+        vue.createVNode(Popup.default, {
+          isPopupOpen: showSettingsModal.value,
+          onClosePopup: _cache[11] || (_cache[11] = ($event) => showSettingsModal.value = false),
+          title: "View Settings",
+          class: "bg-white radius-medium pd-medium w-min-30r"
+        }, {
+          default: vue.withCtx(() => [
+            vue.createVNode(ColumnSettingsMenu.default, {
+              columns,
+              onSave: handleColumnsUpdate,
+              onClose: _cache[10] || (_cache[10] = ($event) => showSettingsModal.value = false)
+            }, null, 8, ["columns"])
+          ]),
+          _: 1
+        }, 8, ["isPopupOpen"])
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=Inventory.vue.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Inventory.vue.cjs","sources":["../../../../../../../src/modules/inventory/components/pages/Inventory.vue"],"sourcesContent":["<template>\n  <div class=\"pd-thin\">\n    <!-- Header -->\n    <header class=\"mn-b-medium flex-v-center flex-nowrap flex\">\n      <h2>Inventory</h2>\n      <button\n        v-if=\"route.meta.context === 'backoffice'\"\n        @click=\"router.push({ name: 'BackofficeInventoryAudit' })\"\n        class=\"mn-l-small radius-100 i-big hover-scale-1 cursor-pointer t-white bg-second\"\n        v-html=\"'+'\"\n      />\n      <button\n        v-if=\"route.meta.context === 'organization'\"\n        @click=\"router.push({ name: 'OrganizationInventoryAudit', params: { _id: route.params._id } })\"\n        class=\"mn-l-small radius-100 i-big hover-scale-1 cursor-pointer t-white bg-second\"\n        v-html=\"'+'\"\n      />\n    </header>\n\n    <!-- Products Feed -->\n    <Feed\n      :search=\"true\"\n      v-model:filter=\"filter\"\n      v-model:sort=\"sort\"\n      :store=\"{\n        read: (options) => products.actions.read(options),\n        state: products.state\n      }\"\n      :actions=\"[{\n        key: 'settings',\n        component: IconSettings,\n        props: {\n          class: 'h-3r pd-r-small pd-l-small flex-center flex bg-light t-black radius-small hover-scale-1 cursor-pointer'\n        },\n        handler: openViewSettings\n      }]\"\n      :options=\"{\n        limit: 15,\n        lookup: ['inventory','categories'],\n        owner: route.params._id,\n        sortParam: sort.param,\n        sortOrder: sort.order\n      }\"\n      v-slot=\"{ items }\"\n    >\n      <Table\n        :columns=\"columns.filter(col => col.visible)\"\n        :items=\"items\"\n        class=\"bg-white z-index-1 br-solid br-1px br-light radius-medium\"\n      >\n        <!-- Name column (was \"product\") -->\n        <template #cell-name=\"{ row }\">\n          <div class=\"flex gap-small flex-nowrap flex-v-center\">\n            <img\n              v-if=\"row.images?.length\"\n              :src=\"(FILE_SERVER_URL || '') + row.images[0]\"\n              alt=\"Product\"\n              class=\"w-3r h-3r radius-small bg-light object-fit-cover\"\n            />\n            <PlaceholderImage v-else class=\"w-3r h-3r radius-small\" />\n            <span class=\"t-nowrap\">{{ row.name || 'Unknown Product' }}</span>\n          </div>\n        </template>\n\n        <!-- Categories -->\n        <template #cell-category=\"{ row }\">\n          <span\n            v-if=\"row.category?.length\"\n            v-for=\"cat in row.category\"\n            :key=\"cat._id\"\n            class=\"pd-nano mn-r-micro pd-r-small pd-l-small radius-small bg-light t-small\"\n          >\n            {{ cat.name }}\n          </span>\n          <span v-else>-</span>\n        </template>\n\n        <!-- Storages -->\n        <template #cell-storages=\"{ row }\">\n          <div v-if=\"row.availabilityDetails?.length\" class=\"flex flex-column gap-micro\">\n            <div \n              v-for=\"avail in row.availabilityDetails\" \n              :key=\"avail._id\"\n              class=\"flex gap-small flex-v-center\"\n            >\n              <span class=\"t-small\">{{ avail.storageName || avail.storage }}:</span>\n              <span class=\"t-medium\">{{ avail.available || 0 }}</span>\n            </div>\n          </div>\n          <span v-else class=\"t-transp\">No stock</span>\n        </template>\n\n        <!-- Available (replaces stock) -->\n        <template #cell-available=\"{ row }\">\n          <div class=\"flex-column flex\">\n            <span class=\"d-block mn-b-thin\">\n              {{ row.available }} ·\n              {{ row.available <= 5 ? 'Low' : row.available <= 10 ? 'Medium' : 'High' }}\n            </span>\n            <div class=\"w-100 h-micro radius-thin bg-light\">\n              <div\n                class=\"h-100 radius-thin\"\n                :class=\"\n                  row.available <= 1\n                    ? 'bg-red t-white'\n                    : row.available <= 2\n                    ? 'bg-orange t-white'\n                    : 'bg-green t-white'\n                \"\n                :style=\"`width: ${\n                  Math.min(\n                    (row.available / (row.alert !== undefined ? row.alert : 50)) * 100,\n                    100\n                  )\n                }%`\"\n              />\n            </div>\n          </div>\n        </template>\n        <!-- Price -->\n        <template #cell-price=\"{ row }\">\n          {{ formatPrice(row.price || 0) }}\n        </template>\n\n        <!-- Actions -->\n        <template #cell-actions=\"{ row }\">\n          <Dropdown\n            :label=\"{ component: IconEllipsis, class: 't-transp i-medium' }\"\n            class=\"cursor-pointer aspect-1x1 pd-nano radius-small hover-bg-light\"\n            align=\"right\"\n          >\n            <div class=\"bg-white radius-small\">\n              <button @click=\"openStockAudit(row)\" class=\"cursor-pointer t-left t-nowrap w-100 pd-small\">\n                Audit Stock\n              </button>\n              <button @click=\"openStockHistory(row)\" class=\"cursor-pointer t-left t-nowrap w-100 pd-small\">\n                Stock History\n              </button>\n              <button @click=\"openReorderSettings(row)\" class=\"cursor-pointer t-left t-nowrap w-100 pd-small\">\n                Set Alerts\n              </button>\n            </div>\n          </Dropdown>\n        </template>\n      </Table>\n    </Feed>\n\n    <!-- Modals -->\n    <Popup\n      :isPopupOpen=\"showAuditModal\"\n      @close-popup=\"showAuditModal = false\"\n      title=\"Audit Stock\"\n      class=\"bg-white radius-medium pd-medium w-min-40r\"\n    >\n      <AdjustmentForm\n        :product=\"selectedProduct\"\n        @close=\"showAuditModal = false\"\n        @save=\"handleAuditSave\"\n      />\n    </Popup>\n\n    <Popup\n      :isPopupOpen=\"showReorderModal\"\n      @close-popup=\"showReorderModal = false\"\n      title=\"Stock Level Alerts\"\n      class=\"bg-white radius-medium pd-medium w-min-30r\"\n    >\n      <StockAlertsForm\n        :product=\"selectedProduct\"\n        @close=\"showReorderModal = false\"\n        @save=\"handleAlertSave\"\n      />\n    </Popup>\n\n    <Popup\n      :isPopupOpen=\"showHistoryModal\"\n      @close-popup=\"showHistoryModal = false\"\n      title=\"Stock History\"\n      class=\"bg-white radius-medium pd-medium w-min-50r\"\n    >\n      <HistoryView\n        :product=\"selectedProduct\"\n        @close=\"showHistoryModal = false\"\n      />\n    </Popup>\n\n    <Popup\n      :isPopupOpen=\"showSettingsModal\"\n      @close-popup=\"showSettingsModal = false\"\n      title=\"View Settings\"\n      class=\"bg-white radius-medium pd-medium w-min-30r\"\n    >\n      <ColumnSettingsMenu\n        :columns=\"columns\"\n        @save=\"handleColumnsUpdate\"\n        @close=\"showSettingsModal = false\"\n      />\n    </Popup>\n  </div>\n</template>\n\n<script setup>\nimport { ref, reactive } from 'vue'\nimport { useRoute, useRouter } from 'vue-router'\nimport { useGlobalMixins } from '@martyrs/src/modules/globals/views/mixins/mixins.js'\n\n// Components\nimport Table from '@martyrs/src/components/Table/Table.vue'\nimport Feed from '@martyrs/src/components/Feed/Feed.vue'\nimport PlaceholderImage from '@martyrs/src/modules/icons/placeholders/PlaceholderImage.vue'\nimport Dropdown from '@martyrs/src/components/Dropdown/Dropdown.vue'\nimport Popup from '@martyrs/src/components/Popup/Popup.vue'\n\n// Icons\nimport IconSettings from '@martyrs/src/modules/icons/entities/IconSettings.vue'\nimport IconEllipsis from '@martyrs/src/modules/icons/navigation/IconEllipsis.vue'\n\n// Forms\nimport AdjustmentForm from '../forms/AdjustmentForm.vue'\nimport StockAlertsForm from '../forms/StockAlertsForm.vue'\nimport HistoryView from '../forms/HistoryView.vue'\nimport ColumnSettingsMenu from '../forms/ColumnSettingsMenu.vue'\n\n// Stores\nimport * as inventory from '@martyrs/src/modules/inventory/store/ inventory.store.js'\nimport * as products from '@martyrs/src/modules/products/store/products.js'\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\nimport stockAlerts from '@martyrs/src/modules/inventory/store/stock.alerts.store.js'\n\n// Router\nconst route = useRoute()\nconst router = useRouter()\nconst { formatPrice } = useGlobalMixins()\n\n// Feed controls\nconst sort = ref({\n  param: 'available',\n  order: 'asc',\n  options: [\n    { label: 'Available', value: 'available' },\n    { label: 'Name', value: 'name' },\n    { label: 'Price', value: 'price' },\n    { label: 'Created', value: 'createdAt' }\n  ]\n})\n\nconst filter = reactive({\n  active: false,\n  class: '',\n  selected: { category: [], stockLevel: [] },\n  options: [\n    { title: 'Categories', value: 'category', options: [] },\n    {\n      title: 'Stock Level',\n      value: 'stockLevel',\n      options: [\n        { label: 'Low', value: 'low' },\n        { label: 'Medium', value: 'medium' },\n        { label: 'High', value: 'high' }\n      ]\n    }\n  ]\n})\n\n// Column definitions + visibility, combined into one\nconst columns = reactive([\n  { key: 'name',     label: 'Product Name', component: true, visible: true },\n  { key: 'category', label: 'Categories',   component: true, visible: true },\n  { key: 'storages', label: 'Storages',     component: true, visible: true },\n  { key: 'available',label: 'Total Available', component: true, visible: true },\n  { key: 'price',    label: 'Unit Price',   component: true, visible: true },\n  { key: 'actions',  label: '',             component: true, visible: true }\n])\n\n// Modal & selection state\nconst showAuditModal    = ref(false)\nconst showReorderModal  = ref(false)\nconst showHistoryModal  = ref(false)\nconst showSettingsModal = ref(false)\nconst selectedProduct   = ref(null)\n\n// Handlers\nfunction openStockAudit(row) {\n  selectedProduct.value = row\n  showAuditModal.value = true\n}\nfunction openReorderSettings(row = null) {\n  selectedProduct.value = row\n  showReorderModal.value = true\n}\nfunction openStockHistory(row) {\n  selectedProduct.value = row\n  showHistoryModal.value = true\n}\nfunction openViewSettings() {\n  showSettingsModal.value = true\n}\nasync function handleAuditSave(adjustmentData) {\n  try {\n    await inventory.actions.createAdjustment({\n      ...adjustmentData,\n      owner: {\n        type: 'organization',\n        target: route.params._id\n      },\n      creator: {\n        type: 'user',\n        target: auth.state.user._id\n      }\n    })\n    showAuditModal.value = false\n  } catch (err) {\n    console.error(err)\n  }\n}\nasync function handleAlertSave(alertData) {\n  try {\n    await stockAlerts.create(alertData)\n    showReorderModal.value = false\n  } catch (err) {\n    console.error('Error saving alert:', err)\n  }\n}\nfunction handleColumnsUpdate(updated) {\n  // Update column visibility\n  columns.forEach(col => {\n    col.visible = updated.includes(col.key)\n  })\n  showSettingsModal.value = false\n}\n</script>\n\n<style>\n.bg-orange {\n  background-color: rgb(var(--orange));\n}\n</style>\n"],"names":["useRoute","useRouter","useGlobalMixins","ref","reactive","inventory.actions","auth.state","stockAlerts"],"mappings":"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"}