@ozdao/martyrs 0.2.518 → 0.2.520

package/dist/martyrs/src/modules/inventory/components/forms/StockAlertsForm.vue.js

@@ -1,7 +1,8 @@
-import { ref, computed, onMounted, createElementBlock, openBlock, createElementVNode, createVNode, toDisplayString } from "vue";
+import { ref, computed, onMounted, createElementBlock, openBlock, createElementVNode, createVNode, toDisplayString, withCtx, createTextVNode } from "vue";
 import { useRoute } from "vue-router";
 import Field from "../../../../components/Field/Field.vue.js";
-import Select from "../../../../components/Select/Select.vue2.js";
+import Select from "../../../../components/Select/Select.vue.js";
+import _sfc_main$1 from "../../../../components/Button/Button.vue.js";
 import { state } from "../../../auth/views/store/auth.js";
 import { actions } from "../../../spots/store/spots.js";
 import variantsStore from "../../../products/store/variants.store.js";
@@ -19,7 +20,7 @@ const _sfc_main = {
       required: true
     }
   },
-  emits: ["save", "close"],
+  emits: ["close"],
   setup(__props, { emit: __emit }) {
     const route = useRoute();
     const props = __props;
@@ -91,28 +92,34 @@ const _sfc_main = {
       }
     });
     async function saveAlert() {
-      const alertData = {
-        product: props.product._id,
-        variant: selectedVariant.value,
-        storage: selectedStorage.value,
-        threshold: parseInt(threshold.value || 0),
-        enabled: true,
-        owner: {
-          type: "organization",
-          target: route.params._id
-        },
-        creator: {
-          type: "user",
-          target: state.user._id
-        }
-      };
-      emit("save", alertData);
+      try {
+        const alertData = {
+          product: props.product._id,
+          variant: selectedVariant.value,
+          storage: selectedStorage.value,
+          threshold: parseInt(threshold.value || 0),
+          enabled: true,
+          owner: {
+            type: "organization",
+            target: route.params._id
+          },
+          creator: {
+            type: "user",
+            target: state.user._id
+          }
+        };
+        await stockAlertsStore.create(alertData);
+        emit("close");
+      } catch (err) {
+        console.error(err);
+        throw err;
+      }
     }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
-        _cache[5] || (_cache[5] = createElementVNode("p", { class: "mn-b-medium t-transp" }, " Set up stock level alerts to get notified when inventory runs low. ", -1)),
+        _cache[6] || (_cache[6] = createElementVNode("p", { class: "mn-b-medium t-transp" }, " Set up stock level alerts to get notified when inventory runs low. ", -1)),
         createElementVNode("div", _hoisted_2, [
-          _cache[4] || (_cache[4] = createElementVNode("p", { class: "mn-b-small t-medium" }, "Alert Scope", -1)),
+          _cache[3] || (_cache[3] = createElementVNode("p", { class: "mn-b-small t-medium" }, "Alert Scope", -1)),
           createVNode(Select, {
             select: selectedVariant.value,
             "onUpdate:select": _cache[0] || (_cache[0] = ($event) => selectedVariant.value = $event),
@@ -144,14 +151,28 @@ const _sfc_main = {
           }, null, 8, ["field"])
         ]),
         createElementVNode("div", _hoisted_5, [
-          createElementVNode("button", {
-            onClick: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("close")),
+          createVNode(_sfc_main$1, {
+            submit: () => _ctx.$emit("close"),
+            showLoader: false,
+            showSucces: false,
             class: "pd-small radius-small flex-center flex w-max cursor-pointer t-transp"
-          }, " Cancel "),
-          createElementVNode("button", {
-            onClick: saveAlert,
+          }, {
+            default: withCtx(() => _cache[4] || (_cache[4] = [
+              createTextVNode(" Cancel ")
+            ])),
+            _: 1
+          }, 8, ["submit"]),
+          createVNode(_sfc_main$1, {
+            submit: saveAlert,
+            showLoader: true,
+            showSucces: true,
             class: "pd-small radius-small flex-center flex w-100 cursor-pointer bg-main t-black"
-          }, " Save Alert ")
+          }, {
+            default: withCtx(() => _cache[5] || (_cache[5] = [
+              createTextVNode(" Save Alert ")
+            ])),
+            _: 1
+          })
         ])
       ]);
     };

package/dist/martyrs/src/modules/inventory/components/forms/StockAlertsForm.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"StockAlertsForm.vue.js","sources":["../../../../../../../src/modules/inventory/components/forms/StockAlertsForm.vue"],"sourcesContent":["<template>\n  <div class=\"w-100\">\n    <p class=\"mn-b-medium t-transp\">\n      Set up stock level alerts to get notified when inventory runs low.\n    </p>\n    \n    <!-- Variant Selection -->\n    <div class=\"mn-b-medium\">\n      <p class=\"mn-b-small t-medium\">Alert Scope</p>\n      <Select\n        v-model:select=\"selectedVariant\"\n        :options=\"variantOptions\"\n        property=\"_id\"\n        value=\"name\"\n        placeholder=\"All variants\"\n        class=\"w-100 bg-light radius-small pd-medium mn-b-small\"\n      />\n      \n      <Select\n        v-model:select=\"selectedStorage\"\n        :options=\"storageOptions\"\n        property=\"_id\"\n        value=\"name\"\n        placeholder=\"All storages\"\n        class=\"w-100 bg-light radius-small pd-medium\"\n      />\n      \n      <p class=\"mn-t-small t-small t-transp\">\n        {{ alertDescription }}\n      </p>\n    </div>\n    \n    <!-- Threshold -->\n    <div class=\"mn-b-medium\">\n      <Field\n        v-model:field=\"threshold\"\n        label=\"Alert when stock falls below\"\n        type=\"number\"\n        placeholder=\"Enter minimum quantity\"\n        class=\"w-100 bg-light radius-small pd-medium\"\n      />\n    </div>\n    \n    <!-- Actions -->\n    <div class=\"flex-nowrap flex gap-small\">\n      <button \n        @click=\"$emit('close')\" \n        class=\"pd-small radius-small flex-center flex w-max cursor-pointer t-transp\"\n      >\n        Cancel\n      </button>\n      \n      <button \n        @click=\"saveAlert\" \n        class=\"pd-small radius-small flex-center flex w-100 cursor-pointer bg-main t-black\"\n      >\n        Save Alert\n      </button>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, onMounted } from 'vue'\nimport { useRoute } from 'vue-router'\nimport Field from '@martyrs/src/components/Field/Field.vue'\nimport Select from '@martyrs/src/components/Select/Select.vue'\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\nimport * as spots from '@martyrs/src/modules/spots/store/spots.js'\nimport variants from '@martyrs/src/modules/products/store/variants.store.js'\nimport stockAlerts from '@martyrs/src/modules/inventory/store/stock.alerts.store.js'\n\nconst route = useRoute()\n\nconst props = defineProps({\n  product: {\n    type: Object,\n    required: true\n  }\n})\n\nconst emit = defineEmits(['save', 'close'])\n\n// Form state\nconst selectedVariant = ref(null)\nconst selectedStorage = ref(null)\nconst threshold = ref(10)\nconst variantOptions = ref([])\nconst storageOptions = ref([])\n\n// Alert description based on selections\nconst alertDescription = computed(() => {\n  if (!selectedVariant.value && !selectedStorage.value) {\n    return `Track total stock for ${props.product.name} across all variants and storages`\n  } else if (selectedVariant.value && !selectedStorage.value) {\n    const variant = variantOptions.value.find(v => v._id === selectedVariant.value)\n    return `Track ${variant?.name || 'variant'} stock across all storages`\n  } else if (!selectedVariant.value && selectedStorage.value) {\n    const storage = storageOptions.value.find(s => s._id === selectedStorage.value)\n    return `Track all variants at ${storage?.name || 'storage'}`\n  } else {\n    const variant = variantOptions.value.find(v => v._id === selectedVariant.value)\n    const storage = storageOptions.value.find(s => s._id === selectedStorage.value)\n    return `Track ${variant?.name || 'variant'} at ${storage?.name || 'storage'}`\n  }\n})\n\n// Fetch data on mount\nonMounted(async () => {\n  // Fetch variants for the product\n  try {\n    const variantsData = await variants.read({\n      product: props.product._id,\n      limit: 50\n    })\n    variantOptions.value = [\n      { _id: null, name: 'All variants' },\n      ...variantsData.map(v => ({\n        _id: v._id,\n        name: v.name || 'Default Variant'\n      }))\n    ]\n  } catch (err) {\n    console.error('Error fetching variants:', err)\n  }\n\n  // Fetch storage options\n  try {\n    const spotsData = await spots.actions.read({\n      organization: route.params._id,\n      limit: 50\n    })\n    storageOptions.value = [\n      { _id: null, name: 'All storages' },\n      ...spotsData.map(spot => ({\n        _id: spot._id,\n        name: spot.profile?.name || 'Storage'\n      }))\n    ]\n  } catch (err) {\n    console.error('Error fetching spots:', err)\n  }\n  \n  // Check if alert already exists\n  try {\n    const existingAlerts = await stockAlerts.read({\n      product: props.product._id,\n      owner: route.params._id\n    })\n    if (existingAlerts.length > 0) {\n      // Load first alert settings\n      const alert = existingAlerts[0]\n      selectedVariant.value = alert.variant\n      selectedStorage.value = alert.storage\n      threshold.value = alert.threshold\n    }\n  } catch (err) {\n    console.error('Error fetching existing alerts:', err)\n  }\n})\n\nasync function saveAlert() {\n  const alertData = {\n    product: props.product._id,\n    variant: selectedVariant.value,\n    storage: selectedStorage.value,\n    threshold: parseInt(threshold.value || 0),\n    enabled: true,\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  \n  emit('save', alertData)\n}\n</script>"],"names":["variants","spots.actions","stockAlerts","auth.state"],"mappings":"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"}
+{"version":3,"file":"StockAlertsForm.vue.js","sources":["../../../../../../../src/modules/inventory/components/forms/StockAlertsForm.vue"],"sourcesContent":["<template>\n  <div class=\"w-100\">\n    <p class=\"mn-b-medium t-transp\">\n      Set up stock level alerts to get notified when inventory runs low.\n    </p>\n    \n    <!-- Variant Selection -->\n    <div class=\"mn-b-medium\">\n      <p class=\"mn-b-small t-medium\">Alert Scope</p>\n      <Select\n        v-model:select=\"selectedVariant\"\n        :options=\"variantOptions\"\n        property=\"_id\"\n        value=\"name\"\n        placeholder=\"All variants\"\n        class=\"w-100 bg-light radius-small pd-medium mn-b-small\"\n      />\n      \n      <Select\n        v-model:select=\"selectedStorage\"\n        :options=\"storageOptions\"\n        property=\"_id\"\n        value=\"name\"\n        placeholder=\"All storages\"\n        class=\"w-100 bg-light radius-small pd-medium\"\n      />\n      \n      <p class=\"mn-t-small t-small t-transp\">\n        {{ alertDescription }}\n      </p>\n    </div>\n    \n    <!-- Threshold -->\n    <div class=\"mn-b-medium\">\n      <Field\n        v-model:field=\"threshold\"\n        label=\"Alert when stock falls below\"\n        type=\"number\"\n        placeholder=\"Enter minimum quantity\"\n        class=\"w-100 bg-light radius-small pd-medium\"\n      />\n    </div>\n    \n    <!-- Actions -->\n    <div class=\"flex-nowrap flex gap-small\">\n      <Button\n        :submit=\"() => $emit('close')\"\n        :showLoader=\"false\"\n        :showSucces=\"false\"\n        class=\"pd-small radius-small flex-center flex w-max cursor-pointer t-transp\"\n      >\n        Cancel\n      </Button>\n      \n      <Button\n        :submit=\"saveAlert\"\n        :showLoader=\"true\"\n        :showSucces=\"true\"\n        class=\"pd-small radius-small flex-center flex w-100 cursor-pointer bg-main t-black\"\n      >\n        Save Alert\n      </Button>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, onMounted } from 'vue'\nimport { useRoute } from 'vue-router'\nimport Field from '@martyrs/src/components/Field/Field.vue'\nimport Select from '@martyrs/src/components/Select/Select.vue'\nimport Button from '@martyrs/src/components/Button/Button.vue'\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\nimport * as spots from '@martyrs/src/modules/spots/store/spots.js'\nimport variants from '@martyrs/src/modules/products/store/variants.store.js'\nimport stockAlerts from '@martyrs/src/modules/inventory/store/stock.alerts.store.js'\n\nconst route = useRoute()\n\nconst props = defineProps({\n  product: {\n    type: Object,\n    required: true\n  }\n})\n\nconst emit = defineEmits(['close'])\n\n// Form state\nconst selectedVariant = ref(null)\nconst selectedStorage = ref(null)\nconst threshold = ref(10)\nconst variantOptions = ref([])\nconst storageOptions = ref([])\n\n// Alert description based on selections\nconst alertDescription = computed(() => {\n  if (!selectedVariant.value && !selectedStorage.value) {\n    return `Track total stock for ${props.product.name} across all variants and storages`\n  } else if (selectedVariant.value && !selectedStorage.value) {\n    const variant = variantOptions.value.find(v => v._id === selectedVariant.value)\n    return `Track ${variant?.name || 'variant'} stock across all storages`\n  } else if (!selectedVariant.value && selectedStorage.value) {\n    const storage = storageOptions.value.find(s => s._id === selectedStorage.value)\n    return `Track all variants at ${storage?.name || 'storage'}`\n  } else {\n    const variant = variantOptions.value.find(v => v._id === selectedVariant.value)\n    const storage = storageOptions.value.find(s => s._id === selectedStorage.value)\n    return `Track ${variant?.name || 'variant'} at ${storage?.name || 'storage'}`\n  }\n})\n\n// Fetch data on mount\nonMounted(async () => {\n  // Fetch variants for the product\n  try {\n    const variantsData = await variants.read({\n      product: props.product._id,\n      limit: 50\n    })\n    variantOptions.value = [\n      { _id: null, name: 'All variants' },\n      ...variantsData.map(v => ({\n        _id: v._id,\n        name: v.name || 'Default Variant'\n      }))\n    ]\n  } catch (err) {\n    console.error('Error fetching variants:', err)\n  }\n\n  // Fetch storage options\n  try {\n    const spotsData = await spots.actions.read({\n      organization: route.params._id,\n      limit: 50\n    })\n    storageOptions.value = [\n      { _id: null, name: 'All storages' },\n      ...spotsData.map(spot => ({\n        _id: spot._id,\n        name: spot.profile?.name || 'Storage'\n      }))\n    ]\n  } catch (err) {\n    console.error('Error fetching spots:', err)\n  }\n  \n  // Check if alert already exists\n  try {\n    const existingAlerts = await stockAlerts.read({\n      product: props.product._id,\n      owner: route.params._id\n    })\n    if (existingAlerts.length > 0) {\n      // Load first alert settings\n      const alert = existingAlerts[0]\n      selectedVariant.value = alert.variant\n      selectedStorage.value = alert.storage\n      threshold.value = alert.threshold\n    }\n  } catch (err) {\n    console.error('Error fetching existing alerts:', err)\n  }\n})\n\nasync function saveAlert() {\n  try {\n    const alertData = {\n      product: props.product._id,\n      variant: selectedVariant.value,\n      storage: selectedStorage.value,\n      threshold: parseInt(threshold.value || 0),\n      enabled: true,\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    \n    await stockAlerts.create(alertData)\n    emit('close')\n  } catch (err) {\n    console.error(err)\n    throw err\n  }\n}\n</script>"],"names":["variants","spots.actions","stockAlerts","auth.state"],"mappings":"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"}

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

@@ -6,19 +6,19 @@ 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 Dropdown = require("../../../../components/Dropdown/Dropdown.vue2.cjs");
 const Popup = require("../../../../components/Popup/Popup.vue.cjs");
-;/* empty css                                        */
+;/* empty css                                       */
 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 = ;/* empty css                                */
-const _inventory_store = require("../../store/ inventory.store.cjs");
+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");
+require("../../../auth/views/store/auth.cjs");
+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" };
@@ -45,6 +45,7 @@ const _sfc_main = {
     const route = vueRouter.useRoute();
     const router = vueRouter.useRouter();
     const { formatPrice } = mixins.useGlobalMixins();
+    const items = vue.ref([]);
     const sort = vue.ref({
       param: "available",
       order: "asc",
@@ -89,6 +90,27 @@ const _sfc_main = {
       selectedProduct.value = row;
       showAuditModal.value = true;
     }
+    function handleAdjustmentCreated(adjustment) {
+      const productIndex = items.value.findIndex((item) => item._id === adjustment.product);
+      if (productIndex !== -1) {
+        items.value[productIndex].available += adjustment.quantity;
+        if (items.value[productIndex].availabilityDetails) {
+          const storageDetail = items.value[productIndex].availabilityDetails.find(
+            (detail) => detail.storage === adjustment.storage
+          );
+          if (storageDetail) {
+            storageDetail.available += adjustment.quantity;
+          } else {
+            items.value[productIndex].availabilityDetails.push({
+              storage: adjustment.storage,
+              available: adjustment.quantity,
+              storageName: adjustment.storageName || adjustment.storage
+            });
+          }
+        }
+      }
+      showAuditModal.value = false;
+    }
     function openReorderSettings(row = null) {
       selectedProduct.value = row;
       showReorderModal.value = true;
@@ -100,32 +122,6 @@ const _sfc_main = {
     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);
@@ -136,24 +132,19 @@ const _sfc_main = {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
         vue.createElementVNode("header", _hoisted_2, [
           _cache[11] || (_cache[11] = 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.createElementVNode("button", {
+            onClick: _cache[0] || (_cache[0] = ($event) => vue.unref(route).meta.context === "backoffice" ? vue.unref(router).push({ name: "BackofficeInventoryAudit" }) : vue.unref(router).push({ name: "OrganizationInventoryAudit", params: { _id: vue.unref(route).params._id } })),
+            class: "mn-l-auto radius-small button t-white bg-second",
+            innerHTML: "+ New Audit"
+          })
         ]),
         vue.createElementVNode("div", _hoisted_3, [
           vue.createVNode(Feed.default, {
             search: true,
             sort: sort.value,
-            "onUpdate:sort": _cache[2] || (_cache[2] = ($event) => sort.value = $event),
+            "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) => products.actions.read(options),
               state: products.state
@@ -174,10 +165,10 @@ const _sfc_main = {
               sortOrder: sort.value.order
             }
           }, {
-            default: vue.withCtx(({ items }) => [
+            default: vue.withCtx(() => [
               vue.createVNode(Table.default, {
                 columns: columns.filter((col) => col.visible),
-                items,
+                items: items.value,
                 class: "bg-white z-index-1 br-solid br-1px br-light radius-medium"
               }, {
                 "cell-name": vue.withCtx(({ row }) => [
@@ -263,11 +254,11 @@ const _sfc_main = {
                     _: 2
                   }, 1032, ["label"])
                 ]),
-                _: 2
-              }, 1032, ["columns", "items"])
+                _: 1
+              }, 8, ["columns", "items"])
             ]),
             _: 1
-          }, 8, ["sort", "store", "actions", "options"])
+          }, 8, ["sort", "items", "store", "actions", "options"])
         ]),
         vue.createVNode(Popup.default, {
           isPopupOpen: showAuditModal.value,
@@ -279,7 +270,7 @@ const _sfc_main = {
             vue.createVNode(AdjustmentForm.default, {
               product: selectedProduct.value,
               onClose: _cache[3] || (_cache[3] = ($event) => showAuditModal.value = false),
-              onSave: handleAuditSave
+              onAdjustmentCreated: handleAdjustmentCreated
             }, null, 8, ["product"])
           ]),
           _: 1
@@ -293,8 +284,7 @@ const _sfc_main = {
           default: vue.withCtx(() => [
             vue.createVNode(StockAlertsForm.default, {
               product: selectedProduct.value,
-              onClose: _cache[5] || (_cache[5] = ($event) => showReorderModal.value = false),
-              onSave: handleAlertSave
+              onClose: _cache[5] || (_cache[5] = ($event) => showReorderModal.value = false)
             }, null, 8, ["product"])
           ]),
           _: 1

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

@@ -1 +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    <div class=\"rows-1\">\n      <Feed\n        :search=\"true\"\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=\"w-max-20r t-trim 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              <p class=\"t-trim t-nowrap\">{{ row.name || 'Unknown Product' }}</p>\n            </div>\n          </template>\n\n          <!-- Categories -->\n          <template #cell-category=\"{ row }\">\n            <div class=\"w-max-10r flex-nowrap flex  t-trim\">\n              <p\n                v-if=\"row.category?.length\"\n                v-for=\"cat in row.category\"\n                :key=\"cat._id\"\n                class=\"w-max t-trim pd-small mn-r-micro radius-small bg-light t-small\"\n              >\n                {{ cat.name }}\n              </p>\n              <p v-else>-</p>\n            </div>\n          </template>\n\n          <!-- Storages -->\n          <template #cell-storages=\"{ row }\">\n            <div class=\"w-max-10r flex-nowrap flex  t-trim\">\n              <p\n                v-if=\"row.availabilityDetails?.length\"\n                v-for=\"avail in row.availabilityDetails\" \n                :key=\"avail._id\"\n                class=\"w-max t-trim pd-small mn-r-micro radius-small bg-light t-small\"\n              >\n\n                <span class=\"t-medium\">{{ avail.available || 0 }}</span> ·  \n                <span class=\"t-small\">{{ avail.storageName || avail.storage }}:</span>\n              </p>\n              <p v-else>No stock</p>\n            </div>\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    </div>\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'\nimport Chips  from '@martyrs/src/components/Chips/Chips.vue'\n\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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"}
+{"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        @click=\"route.meta.context === 'backoffice' ? router.push({ name: 'BackofficeInventoryAudit' }) : router.push({ name: 'OrganizationInventoryAudit', params: { _id: route.params._id } })\"\n        class=\"mn-l-auto radius-small button t-white bg-second\"\n        v-html=\"'+ New Audit'\"\n      />\n    </header>\n\n    <!-- Products Feed -->\n    <div class=\"rows-1\">\n      <Feed\n        :search=\"true\"\n        v-model:sort=\"sort\"\n        v-model:items=\"items\"\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      >\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=\"w-max-20r t-trim 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              <p class=\"t-trim t-nowrap\">{{ row.name || 'Unknown Product' }}</p>\n            </div>\n          </template>\n\n          <!-- Categories -->\n          <template #cell-category=\"{ row }\">\n            <div class=\"w-max-10r flex-nowrap flex  t-trim\">\n              <p\n                v-if=\"row.category?.length\"\n                v-for=\"cat in row.category\"\n                :key=\"cat._id\"\n                class=\"w-max t-trim pd-small mn-r-micro radius-small bg-light t-small\"\n              >\n                {{ cat.name }}\n              </p>\n              <p v-else>-</p>\n            </div>\n          </template>\n\n          <!-- Storages -->\n          <template #cell-storages=\"{ row }\">\n            <div class=\"w-max-10r flex-nowrap flex  t-trim\">\n              <p\n                v-if=\"row.availabilityDetails?.length\"\n                v-for=\"avail in row.availabilityDetails\" \n                :key=\"avail._id\"\n                class=\"w-max t-trim pd-small mn-r-micro radius-small bg-light t-small\"\n              >\n\n                <span class=\"t-medium\">{{ avail.available || 0 }}</span> ·  \n                <span class=\"t-small\">{{ avail.storageName || avail.storage }}:</span>\n              </p>\n              <p v-else>No stock</p>\n            </div>\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    </div>\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        @adjustment-created=\"handleAdjustmentCreated\"\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      />\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'\nimport Chips  from '@martyrs/src/components/Chips/Chips.vue'\n\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// Products items state\nconst items = ref([])\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}\n\n// Update product after adjustment\nfunction handleAdjustmentCreated(adjustment) {\n  // Find the product in items array\n  const productIndex = items.value.findIndex(item => item._id === adjustment.product)\n  \n  if (productIndex !== -1) {\n    // Update the available quantity\n    items.value[productIndex].available += adjustment.quantity\n    \n    // Update availabilityDetails if present\n    if (items.value[productIndex].availabilityDetails) {\n      const storageDetail = items.value[productIndex].availabilityDetails.find(\n        detail => detail.storage === adjustment.storage\n      )\n      \n      if (storageDetail) {\n        storageDetail.available += adjustment.quantity\n      } else {\n        // Add new storage detail if not found\n        items.value[productIndex].availabilityDetails.push({\n          storage: adjustment.storage,\n          available: adjustment.quantity,\n          storageName: adjustment.storageName || adjustment.storage\n        })\n      }\n    }\n  }\n  \n  showAuditModal.value = false\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}\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"],"mappings":"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"}

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

@@ -1,22 +1,22 @@
-import { ref, reactive, createElementBlock, openBlock, createElementVNode, createVNode, createCommentVNode, unref, withCtx, createTextVNode, toDisplayString, normalizeStyle, normalizeClass, Fragment, renderList, createBlock } from "vue";
+import { ref, reactive, createElementBlock, openBlock, createElementVNode, createVNode, unref, withCtx, createTextVNode, toDisplayString, normalizeStyle, normalizeClass, Fragment, renderList, createBlock } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import { useGlobalMixins } from "../../../globals/views/mixins/mixins.js";
 import Table from "../../../../components/Table/Table.vue.js";
 import _sfc_main$1 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$3 from "../../../../components/Dropdown/Dropdown.vue2.js";
 import _sfc_main$5 from "../../../../components/Popup/Popup.vue.js";
-/* empty css                                      */
+/* empty css                                     */
 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 HistoryView from "../forms/HistoryView.vue.js";
 import _sfc_main$8 from "../forms/ColumnSettingsMenu.vue.js";
-import { actions as actions$1 } from "../../store/ inventory.store.js";
+import "../../store/inventory.store.js";
 import { state, actions } from "../../../products/store/products.js";
-import { state as state$1 } from "../../../auth/views/store/auth.js";
-import stockAlertsStore from "../../store/stock.alerts.store.js";
+import "../../../auth/views/store/auth.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" };
@@ -43,6 +43,7 @@ const _sfc_main = {
     const route = useRoute();
     const router = useRouter();
     const { formatPrice } = useGlobalMixins();
+    const items = ref([]);
     const sort = ref({
       param: "available",
       order: "asc",
@@ -87,6 +88,27 @@ const _sfc_main = {
       selectedProduct.value = row;
       showAuditModal.value = true;
     }
+    function handleAdjustmentCreated(adjustment) {
+      const productIndex = items.value.findIndex((item) => item._id === adjustment.product);
+      if (productIndex !== -1) {
+        items.value[productIndex].available += adjustment.quantity;
+        if (items.value[productIndex].availabilityDetails) {
+          const storageDetail = items.value[productIndex].availabilityDetails.find(
+            (detail) => detail.storage === adjustment.storage
+          );
+          if (storageDetail) {
+            storageDetail.available += adjustment.quantity;
+          } else {
+            items.value[productIndex].availabilityDetails.push({
+              storage: adjustment.storage,
+              available: adjustment.quantity,
+              storageName: adjustment.storageName || adjustment.storage
+            });
+          }
+        }
+      }
+      showAuditModal.value = false;
+    }
     function openReorderSettings(row = null) {
       selectedProduct.value = row;
       showReorderModal.value = true;
@@ -98,32 +120,6 @@ const _sfc_main = {
     function openViewSettings() {
       showSettingsModal.value = true;
     }
-    async function handleAuditSave(adjustmentData) {
-      try {
-        await actions$1.createAdjustment({
-          ...adjustmentData,
-          owner: {
-            type: "organization",
-            target: route.params._id
-          },
-          creator: {
-            type: "user",
-            target: state$1.user._id
-          }
-        });
-        showAuditModal.value = false;
-      } catch (err) {
-        console.error(err);
-      }
-    }
-    async function handleAlertSave(alertData) {
-      try {
-        await stockAlertsStore.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);
@@ -134,24 +130,19 @@ const _sfc_main = {
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createElementVNode("header", _hoisted_2, [
           _cache[11] || (_cache[11] = createElementVNode("h2", null, "Inventory", -1)),
-          unref(route).meta.context === "backoffice" ? (openBlock(), createElementBlock("button", {
-            key: 0,
-            onClick: _cache[0] || (_cache[0] = ($event) => unref(router).push({ name: "BackofficeInventoryAudit" })),
-            class: "mn-l-small radius-100 i-big hover-scale-1 cursor-pointer t-white bg-second",
-            innerHTML: "+"
-          })) : createCommentVNode("", true),
-          unref(route).meta.context === "organization" ? (openBlock(), createElementBlock("button", {
-            key: 1,
-            onClick: _cache[1] || (_cache[1] = ($event) => unref(router).push({ name: "OrganizationInventoryAudit", params: { _id: unref(route).params._id } })),
-            class: "mn-l-small radius-100 i-big hover-scale-1 cursor-pointer t-white bg-second",
-            innerHTML: "+"
-          })) : createCommentVNode("", true)
+          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[2] || (_cache[2] = ($event) => sort.value = $event),
+            "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
@@ -172,10 +163,10 @@ const _sfc_main = {
               sortOrder: sort.value.order
             }
           }, {
-            default: withCtx(({ items }) => [
+            default: withCtx(() => [
               createVNode(Table, {
                 columns: columns.filter((col) => col.visible),
-                items,
+                items: items.value,
                 class: "bg-white z-index-1 br-solid br-1px br-light radius-medium"
               }, {
                 "cell-name": withCtx(({ row }) => [
@@ -261,11 +252,11 @@ const _sfc_main = {
                     _: 2
                   }, 1032, ["label"])
                 ]),
-                _: 2
-              }, 1032, ["columns", "items"])
+                _: 1
+              }, 8, ["columns", "items"])
             ]),
             _: 1
-          }, 8, ["sort", "store", "actions", "options"])
+          }, 8, ["sort", "items", "store", "actions", "options"])
         ]),
         createVNode(_sfc_main$5, {
           isPopupOpen: showAuditModal.value,
@@ -277,7 +268,7 @@ const _sfc_main = {
             createVNode(_sfc_main$6, {
               product: selectedProduct.value,
               onClose: _cache[3] || (_cache[3] = ($event) => showAuditModal.value = false),
-              onSave: handleAuditSave
+              onAdjustmentCreated: handleAdjustmentCreated
             }, null, 8, ["product"])
           ]),
           _: 1
@@ -291,8 +282,7 @@ const _sfc_main = {
           default: withCtx(() => [
             createVNode(_sfc_main$7, {
               product: selectedProduct.value,
-              onClose: _cache[5] || (_cache[5] = ($event) => showReorderModal.value = false),
-              onSave: handleAlertSave
+              onClose: _cache[5] || (_cache[5] = ($event) => showReorderModal.value = false)
             }, null, 8, ["product"])
           ]),
           _: 1