@ozdao/martyrs 0.2.518 → 0.2.520

package/dist/martyrs/src/modules/inventory/components/forms/HistoryView.vue.cjs

@@ -2,6 +2,8 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const PlaceholderImage = require("../../../icons/placeholders/PlaceholderImage.vue.cjs");
+const Button = require("../../../../components/Button/Button.vue.cjs");
+const inventory_store = require("../../store/inventory.store.cjs");
 ;/* empty css                   */
 const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.cjs");
 const _hoisted_1 = { class: "w-100" };
@@ -9,20 +11,18 @@ const _hoisted_2 = { class: "flex-nowrap flex flex-v-center mn-b-medium" };
 const _hoisted_3 = { class: "flex-nowrap flex flex-v-center" };
 const _hoisted_4 = ["src"];
 const _hoisted_5 = { class: "mn-b-nano" };
-const _hoisted_6 = { class: "t-small t-transp" };
-const _hoisted_7 = { class: "mn-b-medium w-100 h-max-30r o-scroll" };
-const _hoisted_8 = { class: "w-100" };
-const _hoisted_9 = { key: 0 };
-const _hoisted_10 = { key: 1 };
+const _hoisted_6 = { class: "mn-b-medium w-100 h-max-30r o-scroll" };
+const _hoisted_7 = { class: "w-100" };
+const _hoisted_8 = { key: 0 };
+const _hoisted_9 = { key: 1 };
+const _hoisted_10 = { class: "pd-small" };
 const _hoisted_11 = { class: "pd-small" };
 const _hoisted_12 = { class: "pd-small" };
 const _hoisted_13 = { class: "pd-small" };
 const _hoisted_14 = { class: "pd-small" };
-const _hoisted_15 = { class: "pd-small" };
-const _hoisted_16 = { class: "flex-nowrap flex flex-v-center" };
-const _hoisted_17 = { class: "w-2r h-2r radius-100 bg-light o-hidden mn-r-nano" };
-const _hoisted_18 = ["src"];
-const API_BASE = "/api/inventory";
+const _hoisted_15 = { class: "flex-nowrap flex flex-v-center" };
+const _hoisted_16 = { class: "w-2r h-2r radius-100 bg-light o-hidden mn-r-nano" };
+const _hoisted_17 = ["src"];
 const _sfc_main = {
   __name: "HistoryView",
   props: {
@@ -40,12 +40,19 @@ const _sfc_main = {
       await loadHistory();
     });
     async function loadHistory() {
+      loading.value = true;
       try {
-        const response = await fetch(`${API_BASE}/adjustments?product=${props.product._id}&limit=50&sort=createdAt&order=desc`);
-        const data = await response.json();
+        const data = await inventory_store.actions.fetchAdjustments({
+          product: props.product._id,
+          limit: 50,
+          sortParam: "createdAt",
+          sortOrder: "desc",
+          lookup: ["creator", "source", "storage"]
+        });
         history.value = data || [];
       } catch (error) {
         console.error("Error loading history:", error);
+        history.value = [];
       } finally {
         loading.value = false;
       }
@@ -55,7 +62,9 @@ const _sfc_main = {
       return date.toLocaleDateString("en-US", {
         day: "numeric",
         month: "short",
-        year: "numeric"
+        year: "numeric",
+        hour: "2-digit",
+        minute: "2-digit"
       });
     }
     return (_ctx, _cache) => {
@@ -72,14 +81,13 @@ const _sfc_main = {
               class: "w-3r h-3r radius-small mn-r-small"
             })),
             vue.createElementVNode("div", null, [
-              vue.createElementVNode("h3", _hoisted_5, vue.toDisplayString(__props.product.name), 1),
-              vue.createElementVNode("p", _hoisted_6, "SKU: " + vue.toDisplayString(__props.product.sku), 1)
+              vue.createElementVNode("h3", _hoisted_5, vue.toDisplayString(__props.product.name), 1)
             ])
           ])
         ]),
-        vue.createElementVNode("div", _hoisted_7, [
-          vue.createElementVNode("table", _hoisted_8, [
-            _cache[3] || (_cache[3] = vue.createElementVNode("thead", null, [
+        vue.createElementVNode("div", _hoisted_6, [
+          vue.createElementVNode("table", _hoisted_7, [
+            _cache[2] || (_cache[2] = vue.createElementVNode("thead", null, [
               vue.createElementVNode("tr", { class: "bg-light" }, [
                 vue.createElementVNode("th", { class: "pd-small t-left" }, "Date"),
                 vue.createElementVNode("th", { class: "pd-small t-left" }, "Type"),
@@ -89,12 +97,12 @@ const _sfc_main = {
               ])
             ], -1)),
             vue.createElementVNode("tbody", null, [
-              loading.value ? (vue.openBlock(), vue.createElementBlock("tr", _hoisted_9, _cache[1] || (_cache[1] = [
+              loading.value ? (vue.openBlock(), vue.createElementBlock("tr", _hoisted_8, _cache[0] || (_cache[0] = [
                 vue.createElementVNode("td", {
                   colspan: "5",
                   class: "pd-medium t-center"
                 }, "Loading history...", -1)
-              ]))) : history.value.length === 0 ? (vue.openBlock(), vue.createElementBlock("tr", _hoisted_10, _cache[2] || (_cache[2] = [
+              ]))) : history.value.length === 0 ? (vue.openBlock(), vue.createElementBlock("tr", _hoisted_9, _cache[1] || (_cache[1] = [
                 vue.createElementVNode("td", {
                   colspan: "5",
                   class: "pd-medium t-center"
@@ -105,23 +113,23 @@ const _sfc_main = {
                   key: index,
                   class: "border-b"
                 }, [
-                  vue.createElementVNode("td", _hoisted_11, vue.toDisplayString(formatDate(entry.createdAt)), 1),
-                  vue.createElementVNode("td", _hoisted_12, [
+                  vue.createElementVNode("td", _hoisted_10, vue.toDisplayString(formatDate(entry.createdAt)), 1),
+                  vue.createElementVNode("td", _hoisted_11, [
                     vue.createElementVNode("span", {
                       class: vue.normalizeClass([entry.quantity > 0 ? "bg-green t-white" : "bg-red t-white", "pd-nano pd-r-small pd-l-small radius-small t-small"])
                     }, vue.toDisplayString(entry.quantity > 0 ? "Stock In" : "Stock Out"), 3)
                   ]),
-                  vue.createElementVNode("td", _hoisted_13, vue.toDisplayString(entry.quantity > 0 ? "+" : "") + vue.toDisplayString(entry.quantity), 1),
-                  vue.createElementVNode("td", _hoisted_14, vue.toDisplayString(entry.reason || entry.comment || "Not specified"), 1),
-                  vue.createElementVNode("td", _hoisted_15, [
-                    vue.createElementVNode("div", _hoisted_16, [
-                      vue.createElementVNode("div", _hoisted_17, [
+                  vue.createElementVNode("td", _hoisted_12, vue.toDisplayString(entry.quantity > 0 ? "+" : "") + vue.toDisplayString(entry.quantity), 1),
+                  vue.createElementVNode("td", _hoisted_13, vue.toDisplayString(entry.reason || entry.comment || "Not specified"), 1),
+                  vue.createElementVNode("td", _hoisted_14, [
+                    vue.createElementVNode("div", _hoisted_15, [
+                      vue.createElementVNode("div", _hoisted_16, [
                         entry.creator?.target?.profile?.photo ? (vue.openBlock(), vue.createElementBlock("img", {
                           key: 0,
                           src: (_ctx.FILE_SERVER_URL || "") + entry.creator.target.profile.photo,
                           alt: "User",
                           class: "w-100 h-100 object-fit-cover"
-                        }, null, 8, _hoisted_18)) : (vue.openBlock(), vue.createBlock(PlaceholderImage.default, {
+                        }, null, 8, _hoisted_17)) : (vue.openBlock(), vue.createBlock(PlaceholderImage.default, {
                           key: 1,
                           class: "w-100 h-100"
                         }))
@@ -134,14 +142,21 @@ const _sfc_main = {
             ])
           ])
         ]),
-        vue.createElementVNode("button", {
-          onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("close")),
+        vue.createVNode(Button.default, {
+          submit: () => _ctx.$emit("close"),
+          showLoader: false,
+          showSucces: false,
           class: "pd-small radius-small flex-center flex w-max cursor-pointer bg-main t-black"
-        }, " Close ")
+        }, {
+          default: vue.withCtx(() => _cache[3] || (_cache[3] = [
+            vue.createTextVNode(" Close ")
+          ])),
+          _: 1
+        }, 8, ["submit"])
       ]);
     };
   }
 };
-const HistoryView = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-ac527817"]]);
+const HistoryView = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-4201929e"]]);
 exports.default = HistoryView;
 //# sourceMappingURL=HistoryView.vue.cjs.map

package/dist/martyrs/src/modules/inventory/components/forms/HistoryView.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"HistoryView.vue.cjs","sources":["../../../../../../../src/modules/inventory/components/forms/HistoryView.vue"],"sourcesContent":["<template>\n  <div class=\"w-100\">\n    <div class=\"flex-nowrap flex flex-v-center mn-b-medium\">\n      <div class=\"flex-nowrap flex flex-v-center\">\n        <img \n          v-if=\"product.images && product.images.length > 0\"\n          :src=\"(FILE_SERVER_URL || '') + product.images[0]\" \n          alt=\"Product\" \n          class=\"w-3r h-3r radius-small object-fit-cover mn-r-small\"\n        />\n        <PlaceholderImage \n          v-else \n          class=\"w-3r h-3r radius-small mn-r-small\"\n        />\n        \n        <div>\n          <h3 class=\"mn-b-nano\">{{ product.name }}</h3>\n          <p class=\"t-small t-transp\">SKU: {{ product.sku }}</p>\n        </div>\n      </div>\n    </div>\n    \n    <div class=\"mn-b-medium w-100 h-max-30r o-scroll\">\n      <table class=\"w-100\">\n        <thead>\n          <tr class=\"bg-light\">\n            <th class=\"pd-small t-left\">Date</th>\n            <th class=\"pd-small t-left\">Type</th>\n            <th class=\"pd-small t-left\">Quantity</th>\n            <th class=\"pd-small t-left\">Reason</th>\n            <th class=\"pd-small t-left\">User</th>\n          </tr>\n        </thead>\n        <tbody>\n          <tr v-if=\"loading\">\n            <td colspan=\"5\" class=\"pd-medium t-center\">Loading history...</td>\n          </tr>\n          <tr v-else-if=\"history.length === 0\">\n            <td colspan=\"5\" class=\"pd-medium t-center\">No history available</td>\n          </tr>\n          <tr v-for=\"(entry, index) in history\" :key=\"index\" class=\"border-b\">\n            <td class=\"pd-small\">{{ formatDate(entry.createdAt) }}</td>\n            <td class=\"pd-small\">\n              <span \n                :class=\"entry.quantity > 0 ? 'bg-green t-white' : 'bg-red t-white'\"\n                class=\"pd-nano pd-r-small pd-l-small radius-small t-small\"\n              >\n                {{ entry.quantity > 0 ? 'Stock In' : 'Stock Out' }}\n              </span>\n            </td>\n            <td class=\"pd-small\">\n              {{ entry.quantity > 0 ? '+' : '' }}{{ entry.quantity }}\n            </td>\n            <td class=\"pd-small\">{{ entry.reason || entry.comment || 'Not specified' }}</td>\n            <td class=\"pd-small\">\n              <div class=\"flex-nowrap flex flex-v-center\">\n                <div class=\"w-2r h-2r radius-100 bg-light o-hidden mn-r-nano\">\n                  <img \n                    v-if=\"entry.creator?.target?.profile?.photo\" \n                    :src=\"(FILE_SERVER_URL || '') + entry.creator.target.profile.photo\" \n                    alt=\"User\" \n                    class=\"w-100 h-100 object-fit-cover\" \n                  />\n                  <PlaceholderImage v-else class=\"w-100 h-100\" />\n                </div>\n                {{ entry.creator?.target?.profile?.name || 'System' }}\n              </div>\n            </td>\n          </tr>\n        </tbody>\n      </table>\n    </div>\n    \n    <button \n      @click=\"$emit('close')\" \n      class=\"pd-small radius-small flex-center flex w-max cursor-pointer bg-main t-black\"\n    >\n      Close\n    </button>\n  </div>\n</template>\n\n<script setup>\nimport { ref, onMounted } from 'vue'\nimport PlaceholderImage from '@martyrs/src/modules/icons/placeholders/PlaceholderImage.vue'\n// Import inventory API functions\nconst API_BASE = '/api/inventory'\n\nconst props = defineProps({\n  product: {\n    type: Object,\n    required: true\n  }\n})\n\nconst emit = defineEmits(['close'])\n\n// State\nconst loading = ref(true)\nconst history = ref([])\n\nonMounted(async () => {\n  await loadHistory()\n})\n\nasync function loadHistory() {\n  try {\n    // Fetch adjustments for this product\n    const response = await fetch(`${API_BASE}/adjustments?product=${props.product._id}&limit=50&sort=createdAt&order=desc`)\n    const data = await response.json()\n    \n    history.value = data || []\n  } catch (error) {\n    console.error('Error loading history:', error)\n  } finally {\n    loading.value = false\n  }\n}\n\nfunction formatDate(dateString) {\n  const date = new Date(dateString)\n  return date.toLocaleDateString('en-US', { \n    day: 'numeric', \n    month: 'short', \n    year: 'numeric' \n  })\n}\n</script>\n\n<style scoped>\n.border-b {\n  border-bottom: 1px solid rgba(var(--black), 0.1);\n}\n</style>"],"names":["ref","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAsFA,MAAM,WAAW;;;;;;;;;;;AAEjB,UAAM,QAAQ;AAUd,UAAM,UAAUA,IAAAA,IAAI,IAAI;AACxB,UAAM,UAAUA,IAAAA,IAAI,CAAA,CAAE;AAEtBC,QAAAA,UAAU,YAAY;AACpB,YAAM,YAAW;AAAA,IACnB,CAAC;AAED,mBAAe,cAAc;AAC3B,UAAI;AAEF,cAAM,WAAW,MAAM,MAAM,GAAG,QAAQ,wBAAwB,MAAM,QAAQ,GAAG,qCAAqC;AACtH,cAAM,OAAO,MAAM,SAAS,KAAI;AAEhC,gBAAQ,QAAQ,QAAQ,CAAA;AAAA,MAC1B,SAAS,OAAO;AACd,gBAAQ,MAAM,0BAA0B,KAAK;AAAA,MAC/C,UAAC;AACC,gBAAQ,QAAQ;AAAA,MAClB;AAAA,IACF;AAEA,aAAS,WAAW,YAAY;AAC9B,YAAM,OAAO,IAAI,KAAK,UAAU;AAChC,aAAO,KAAK,mBAAmB,SAAS;AAAA,QACtC,KAAK;AAAA,QACL,OAAO;AAAA,QACP,MAAM;AAAA,MACV,CAAG;AAAA,IACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"HistoryView.vue.cjs","sources":["../../../../../../../src/modules/inventory/components/forms/HistoryView.vue"],"sourcesContent":["<template>\n  <div class=\"w-100\">\n    <div class=\"flex-nowrap flex flex-v-center mn-b-medium\">\n      <div class=\"flex-nowrap flex flex-v-center\">\n        <img \n          v-if=\"product.images && product.images.length > 0\"\n          :src=\"(FILE_SERVER_URL || '') + product.images[0]\" \n          alt=\"Product\" \n          class=\"w-3r h-3r radius-small object-fit-cover mn-r-small\"\n        />\n        <PlaceholderImage \n          v-else \n          class=\"w-3r h-3r radius-small mn-r-small\"\n        />\n        \n        <div>\n          <h3 class=\"mn-b-nano\">{{ product.name }}</h3>\n          <!-- <p class=\"t-small t-transp\">SKU: {{ product.sku }}</p> -->\n        </div>\n      </div>\n    </div>\n    \n    <div class=\"mn-b-medium w-100 h-max-30r o-scroll\">\n      <table class=\"w-100\">\n        <thead>\n          <tr class=\"bg-light\">\n            <th class=\"pd-small t-left\">Date</th>\n            <th class=\"pd-small t-left\">Type</th>\n            <th class=\"pd-small t-left\">Quantity</th>\n            <th class=\"pd-small t-left\">Reason</th>\n            <th class=\"pd-small t-left\">User</th>\n          </tr>\n        </thead>\n        <tbody>\n          <tr v-if=\"loading\">\n            <td colspan=\"5\" class=\"pd-medium t-center\">Loading history...</td>\n          </tr>\n          <tr v-else-if=\"history.length === 0\">\n            <td colspan=\"5\" class=\"pd-medium t-center\">No history available</td>\n          </tr>\n          <tr v-for=\"(entry, index) in history\" :key=\"index\" class=\"border-b\">\n            <td class=\"pd-small\">{{ formatDate(entry.createdAt) }}</td>\n            <td class=\"pd-small\">\n              <span \n                :class=\"entry.quantity > 0 ? 'bg-green t-white' : 'bg-red t-white'\"\n                class=\"pd-nano pd-r-small pd-l-small radius-small t-small\"\n              >\n                {{ entry.quantity > 0 ? 'Stock In' : 'Stock Out' }}\n              </span>\n            </td>\n            <td class=\"pd-small\">\n              {{ entry.quantity > 0 ? '+' : '' }}{{ entry.quantity }}\n            </td>\n            <td class=\"pd-small\">{{ entry.reason || entry.comment || 'Not specified' }}</td>\n            <td class=\"pd-small\">\n              <div class=\"flex-nowrap flex flex-v-center\">\n                <div class=\"w-2r h-2r radius-100 bg-light o-hidden mn-r-nano\">\n                  <img \n                    v-if=\"entry.creator?.target?.profile?.photo\" \n                    :src=\"(FILE_SERVER_URL || '') + entry.creator.target.profile.photo\" \n                    alt=\"User\" \n                    class=\"w-100 h-100 object-fit-cover\" \n                  />\n                  <PlaceholderImage v-else class=\"w-100 h-100\" />\n                </div>\n                {{ entry.creator?.target?.profile?.name || 'System' }}\n              </div>\n            </td>\n          </tr>\n        </tbody>\n      </table>\n    </div>\n    \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 bg-main t-black\"\n    >\n      Close\n    </Button>\n  </div>\n</template>\n\n<script setup>\nimport { ref, onMounted } from 'vue'\nimport PlaceholderImage from '@martyrs/src/modules/icons/placeholders/PlaceholderImage.vue'\nimport Button from '@martyrs/src/components/Button/Button.vue'\n\nimport * as inventory from '@martyrs/src/modules/inventory/store/inventory.store.js'\n\nconst props = defineProps({\n  product: {\n    type: Object,\n    required: true\n  }\n})\n\nconst emit = defineEmits(['close'])\n\n// State\nconst loading = ref(true)\nconst history = ref([])\n\nonMounted(async () => {\n  await loadHistory()\n})\n\nasync function loadHistory() {\n  loading.value = true\n  try {\n    // Fetch adjustments for this product\n    const data = await inventory.actions.fetchAdjustments({\n      product: props.product._id,\n      limit: 50,\n      sortParam: 'createdAt',\n      sortOrder: 'desc',\n      lookup: ['creator', 'source', 'storage']\n    })\n    \n    history.value = data || []\n  } catch (error) {\n    console.error('Error loading history:', error)\n    history.value = []\n  } finally {\n    loading.value = false\n  }\n}\n\nfunction formatDate(dateString) {\n  const date = new Date(dateString)\n  return date.toLocaleDateString('en-US', { \n    day: 'numeric', \n    month: 'short', \n    year: 'numeric',\n    hour: '2-digit',\n    minute: '2-digit'\n  })\n}\n</script>\n\n<style scoped>\n.border-b {\n  border-bottom: 1px solid rgba(var(--black), 0.1);\n}\n</style>"],"names":["ref","onMounted","inventory.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2FA,UAAM,QAAQ;AAUd,UAAM,UAAUA,IAAAA,IAAI,IAAI;AACxB,UAAM,UAAUA,IAAAA,IAAI,CAAA,CAAE;AAEtBC,QAAAA,UAAU,YAAY;AACpB,YAAM,YAAW;AAAA,IACnB,CAAC;AAED,mBAAe,cAAc;AAC3B,cAAQ,QAAQ;AAChB,UAAI;AAEF,cAAM,OAAO,MAAMC,gBAAAA,QAAkB,iBAAiB;AAAA,UACpD,SAAS,MAAM,QAAQ;AAAA,UACvB,OAAO;AAAA,UACP,WAAW;AAAA,UACX,WAAW;AAAA,UACX,QAAQ,CAAC,WAAW,UAAU,SAAS;AAAA,QAC7C,CAAK;AAED,gBAAQ,QAAQ,QAAQ,CAAA;AAAA,MAC1B,SAAS,OAAO;AACd,gBAAQ,MAAM,0BAA0B,KAAK;AAC7C,gBAAQ,QAAQ,CAAA;AAAA,MAClB,UAAC;AACC,gBAAQ,QAAQ;AAAA,MAClB;AAAA,IACF;AAEA,aAAS,WAAW,YAAY;AAC9B,YAAM,OAAO,IAAI,KAAK,UAAU;AAChC,aAAO,KAAK,mBAAmB,SAAS;AAAA,QACtC,KAAK;AAAA,QACL,OAAO;AAAA,QACP,MAAM;AAAA,QACN,MAAM;AAAA,QACN,QAAQ;AAAA,MACZ,CAAG;AAAA,IACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,5 +1,7 @@
-import { ref, onMounted, createElementBlock, openBlock, createElementVNode, createBlock, toDisplayString, createCommentVNode, Fragment, renderList, normalizeClass, createTextVNode } from "vue";
+import { ref, onMounted, createElementBlock, openBlock, createElementVNode, createVNode, createBlock, toDisplayString, createCommentVNode, Fragment, renderList, normalizeClass, createTextVNode, withCtx } from "vue";
 import PlaceholderImage from "../../../icons/placeholders/PlaceholderImage.vue.js";
+import _sfc_main$1 from "../../../../components/Button/Button.vue.js";
+import { actions } from "../../store/inventory.store.js";
 /* empty css                 */
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 const _hoisted_1 = { class: "w-100" };
@@ -7,20 +9,18 @@ const _hoisted_2 = { class: "flex-nowrap flex flex-v-center mn-b-medium" };
 const _hoisted_3 = { class: "flex-nowrap flex flex-v-center" };
 const _hoisted_4 = ["src"];
 const _hoisted_5 = { class: "mn-b-nano" };
-const _hoisted_6 = { class: "t-small t-transp" };
-const _hoisted_7 = { class: "mn-b-medium w-100 h-max-30r o-scroll" };
-const _hoisted_8 = { class: "w-100" };
-const _hoisted_9 = { key: 0 };
-const _hoisted_10 = { key: 1 };
+const _hoisted_6 = { class: "mn-b-medium w-100 h-max-30r o-scroll" };
+const _hoisted_7 = { class: "w-100" };
+const _hoisted_8 = { key: 0 };
+const _hoisted_9 = { key: 1 };
+const _hoisted_10 = { class: "pd-small" };
 const _hoisted_11 = { class: "pd-small" };
 const _hoisted_12 = { class: "pd-small" };
 const _hoisted_13 = { class: "pd-small" };
 const _hoisted_14 = { class: "pd-small" };
-const _hoisted_15 = { class: "pd-small" };
-const _hoisted_16 = { class: "flex-nowrap flex flex-v-center" };
-const _hoisted_17 = { class: "w-2r h-2r radius-100 bg-light o-hidden mn-r-nano" };
-const _hoisted_18 = ["src"];
-const API_BASE = "/api/inventory";
+const _hoisted_15 = { class: "flex-nowrap flex flex-v-center" };
+const _hoisted_16 = { class: "w-2r h-2r radius-100 bg-light o-hidden mn-r-nano" };
+const _hoisted_17 = ["src"];
 const _sfc_main = {
   __name: "HistoryView",
   props: {
@@ -38,12 +38,19 @@ const _sfc_main = {
       await loadHistory();
     });
     async function loadHistory() {
+      loading.value = true;
       try {
-        const response = await fetch(`${API_BASE}/adjustments?product=${props.product._id}&limit=50&sort=createdAt&order=desc`);
-        const data = await response.json();
+        const data = await actions.fetchAdjustments({
+          product: props.product._id,
+          limit: 50,
+          sortParam: "createdAt",
+          sortOrder: "desc",
+          lookup: ["creator", "source", "storage"]
+        });
         history.value = data || [];
       } catch (error) {
         console.error("Error loading history:", error);
+        history.value = [];
       } finally {
         loading.value = false;
       }
@@ -53,7 +60,9 @@ const _sfc_main = {
       return date.toLocaleDateString("en-US", {
         day: "numeric",
         month: "short",
-        year: "numeric"
+        year: "numeric",
+        hour: "2-digit",
+        minute: "2-digit"
       });
     }
     return (_ctx, _cache) => {
@@ -70,14 +79,13 @@ const _sfc_main = {
               class: "w-3r h-3r radius-small mn-r-small"
             })),
             createElementVNode("div", null, [
-              createElementVNode("h3", _hoisted_5, toDisplayString(__props.product.name), 1),
-              createElementVNode("p", _hoisted_6, "SKU: " + toDisplayString(__props.product.sku), 1)
+              createElementVNode("h3", _hoisted_5, toDisplayString(__props.product.name), 1)
             ])
           ])
         ]),
-        createElementVNode("div", _hoisted_7, [
-          createElementVNode("table", _hoisted_8, [
-            _cache[3] || (_cache[3] = createElementVNode("thead", null, [
+        createElementVNode("div", _hoisted_6, [
+          createElementVNode("table", _hoisted_7, [
+            _cache[2] || (_cache[2] = createElementVNode("thead", null, [
               createElementVNode("tr", { class: "bg-light" }, [
                 createElementVNode("th", { class: "pd-small t-left" }, "Date"),
                 createElementVNode("th", { class: "pd-small t-left" }, "Type"),
@@ -87,12 +95,12 @@ const _sfc_main = {
               ])
             ], -1)),
             createElementVNode("tbody", null, [
-              loading.value ? (openBlock(), createElementBlock("tr", _hoisted_9, _cache[1] || (_cache[1] = [
+              loading.value ? (openBlock(), createElementBlock("tr", _hoisted_8, _cache[0] || (_cache[0] = [
                 createElementVNode("td", {
                   colspan: "5",
                   class: "pd-medium t-center"
                 }, "Loading history...", -1)
-              ]))) : history.value.length === 0 ? (openBlock(), createElementBlock("tr", _hoisted_10, _cache[2] || (_cache[2] = [
+              ]))) : history.value.length === 0 ? (openBlock(), createElementBlock("tr", _hoisted_9, _cache[1] || (_cache[1] = [
                 createElementVNode("td", {
                   colspan: "5",
                   class: "pd-medium t-center"
@@ -103,23 +111,23 @@ const _sfc_main = {
                   key: index,
                   class: "border-b"
                 }, [
-                  createElementVNode("td", _hoisted_11, toDisplayString(formatDate(entry.createdAt)), 1),
-                  createElementVNode("td", _hoisted_12, [
+                  createElementVNode("td", _hoisted_10, toDisplayString(formatDate(entry.createdAt)), 1),
+                  createElementVNode("td", _hoisted_11, [
                     createElementVNode("span", {
                       class: normalizeClass([entry.quantity > 0 ? "bg-green t-white" : "bg-red t-white", "pd-nano pd-r-small pd-l-small radius-small t-small"])
                     }, toDisplayString(entry.quantity > 0 ? "Stock In" : "Stock Out"), 3)
                   ]),
-                  createElementVNode("td", _hoisted_13, toDisplayString(entry.quantity > 0 ? "+" : "") + toDisplayString(entry.quantity), 1),
-                  createElementVNode("td", _hoisted_14, toDisplayString(entry.reason || entry.comment || "Not specified"), 1),
-                  createElementVNode("td", _hoisted_15, [
-                    createElementVNode("div", _hoisted_16, [
-                      createElementVNode("div", _hoisted_17, [
+                  createElementVNode("td", _hoisted_12, toDisplayString(entry.quantity > 0 ? "+" : "") + toDisplayString(entry.quantity), 1),
+                  createElementVNode("td", _hoisted_13, toDisplayString(entry.reason || entry.comment || "Not specified"), 1),
+                  createElementVNode("td", _hoisted_14, [
+                    createElementVNode("div", _hoisted_15, [
+                      createElementVNode("div", _hoisted_16, [
                         entry.creator?.target?.profile?.photo ? (openBlock(), createElementBlock("img", {
                           key: 0,
                           src: (_ctx.FILE_SERVER_URL || "") + entry.creator.target.profile.photo,
                           alt: "User",
                           class: "w-100 h-100 object-fit-cover"
-                        }, null, 8, _hoisted_18)) : (openBlock(), createBlock(PlaceholderImage, {
+                        }, null, 8, _hoisted_17)) : (openBlock(), createBlock(PlaceholderImage, {
                           key: 1,
                           class: "w-100 h-100"
                         }))
@@ -132,15 +140,22 @@ const _sfc_main = {
             ])
           ])
         ]),
-        createElementVNode("button", {
-          onClick: _cache[0] || (_cache[0] = ($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 bg-main t-black"
-        }, " Close ")
+        }, {
+          default: withCtx(() => _cache[3] || (_cache[3] = [
+            createTextVNode(" Close ")
+          ])),
+          _: 1
+        }, 8, ["submit"])
       ]);
     };
   }
 };
-const HistoryView = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ac527817"]]);
+const HistoryView = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4201929e"]]);
 export {
   HistoryView as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"HistoryView.vue.js","sources":["../../../../../../../src/modules/inventory/components/forms/HistoryView.vue"],"sourcesContent":["<template>\n  <div class=\"w-100\">\n    <div class=\"flex-nowrap flex flex-v-center mn-b-medium\">\n      <div class=\"flex-nowrap flex flex-v-center\">\n        <img \n          v-if=\"product.images && product.images.length > 0\"\n          :src=\"(FILE_SERVER_URL || '') + product.images[0]\" \n          alt=\"Product\" \n          class=\"w-3r h-3r radius-small object-fit-cover mn-r-small\"\n        />\n        <PlaceholderImage \n          v-else \n          class=\"w-3r h-3r radius-small mn-r-small\"\n        />\n        \n        <div>\n          <h3 class=\"mn-b-nano\">{{ product.name }}</h3>\n          <p class=\"t-small t-transp\">SKU: {{ product.sku }}</p>\n        </div>\n      </div>\n    </div>\n    \n    <div class=\"mn-b-medium w-100 h-max-30r o-scroll\">\n      <table class=\"w-100\">\n        <thead>\n          <tr class=\"bg-light\">\n            <th class=\"pd-small t-left\">Date</th>\n            <th class=\"pd-small t-left\">Type</th>\n            <th class=\"pd-small t-left\">Quantity</th>\n            <th class=\"pd-small t-left\">Reason</th>\n            <th class=\"pd-small t-left\">User</th>\n          </tr>\n        </thead>\n        <tbody>\n          <tr v-if=\"loading\">\n            <td colspan=\"5\" class=\"pd-medium t-center\">Loading history...</td>\n          </tr>\n          <tr v-else-if=\"history.length === 0\">\n            <td colspan=\"5\" class=\"pd-medium t-center\">No history available</td>\n          </tr>\n          <tr v-for=\"(entry, index) in history\" :key=\"index\" class=\"border-b\">\n            <td class=\"pd-small\">{{ formatDate(entry.createdAt) }}</td>\n            <td class=\"pd-small\">\n              <span \n                :class=\"entry.quantity > 0 ? 'bg-green t-white' : 'bg-red t-white'\"\n                class=\"pd-nano pd-r-small pd-l-small radius-small t-small\"\n              >\n                {{ entry.quantity > 0 ? 'Stock In' : 'Stock Out' }}\n              </span>\n            </td>\n            <td class=\"pd-small\">\n              {{ entry.quantity > 0 ? '+' : '' }}{{ entry.quantity }}\n            </td>\n            <td class=\"pd-small\">{{ entry.reason || entry.comment || 'Not specified' }}</td>\n            <td class=\"pd-small\">\n              <div class=\"flex-nowrap flex flex-v-center\">\n                <div class=\"w-2r h-2r radius-100 bg-light o-hidden mn-r-nano\">\n                  <img \n                    v-if=\"entry.creator?.target?.profile?.photo\" \n                    :src=\"(FILE_SERVER_URL || '') + entry.creator.target.profile.photo\" \n                    alt=\"User\" \n                    class=\"w-100 h-100 object-fit-cover\" \n                  />\n                  <PlaceholderImage v-else class=\"w-100 h-100\" />\n                </div>\n                {{ entry.creator?.target?.profile?.name || 'System' }}\n              </div>\n            </td>\n          </tr>\n        </tbody>\n      </table>\n    </div>\n    \n    <button \n      @click=\"$emit('close')\" \n      class=\"pd-small radius-small flex-center flex w-max cursor-pointer bg-main t-black\"\n    >\n      Close\n    </button>\n  </div>\n</template>\n\n<script setup>\nimport { ref, onMounted } from 'vue'\nimport PlaceholderImage from '@martyrs/src/modules/icons/placeholders/PlaceholderImage.vue'\n// Import inventory API functions\nconst API_BASE = '/api/inventory'\n\nconst props = defineProps({\n  product: {\n    type: Object,\n    required: true\n  }\n})\n\nconst emit = defineEmits(['close'])\n\n// State\nconst loading = ref(true)\nconst history = ref([])\n\nonMounted(async () => {\n  await loadHistory()\n})\n\nasync function loadHistory() {\n  try {\n    // Fetch adjustments for this product\n    const response = await fetch(`${API_BASE}/adjustments?product=${props.product._id}&limit=50&sort=createdAt&order=desc`)\n    const data = await response.json()\n    \n    history.value = data || []\n  } catch (error) {\n    console.error('Error loading history:', error)\n  } finally {\n    loading.value = false\n  }\n}\n\nfunction formatDate(dateString) {\n  const date = new Date(dateString)\n  return date.toLocaleDateString('en-US', { \n    day: 'numeric', \n    month: 'short', \n    year: 'numeric' \n  })\n}\n</script>\n\n<style scoped>\n.border-b {\n  border-bottom: 1px solid rgba(var(--black), 0.1);\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAsFA,MAAM,WAAW;;;;;;;;;;;AAEjB,UAAM,QAAQ;AAUd,UAAM,UAAU,IAAI,IAAI;AACxB,UAAM,UAAU,IAAI,CAAA,CAAE;AAEtB,cAAU,YAAY;AACpB,YAAM,YAAW;AAAA,IACnB,CAAC;AAED,mBAAe,cAAc;AAC3B,UAAI;AAEF,cAAM,WAAW,MAAM,MAAM,GAAG,QAAQ,wBAAwB,MAAM,QAAQ,GAAG,qCAAqC;AACtH,cAAM,OAAO,MAAM,SAAS,KAAI;AAEhC,gBAAQ,QAAQ,QAAQ,CAAA;AAAA,MAC1B,SAAS,OAAO;AACd,gBAAQ,MAAM,0BAA0B,KAAK;AAAA,MAC/C,UAAC;AACC,gBAAQ,QAAQ;AAAA,MAClB;AAAA,IACF;AAEA,aAAS,WAAW,YAAY;AAC9B,YAAM,OAAO,IAAI,KAAK,UAAU;AAChC,aAAO,KAAK,mBAAmB,SAAS;AAAA,QACtC,KAAK;AAAA,QACL,OAAO;AAAA,QACP,MAAM;AAAA,MACV,CAAG;AAAA,IACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"HistoryView.vue.js","sources":["../../../../../../../src/modules/inventory/components/forms/HistoryView.vue"],"sourcesContent":["<template>\n  <div class=\"w-100\">\n    <div class=\"flex-nowrap flex flex-v-center mn-b-medium\">\n      <div class=\"flex-nowrap flex flex-v-center\">\n        <img \n          v-if=\"product.images && product.images.length > 0\"\n          :src=\"(FILE_SERVER_URL || '') + product.images[0]\" \n          alt=\"Product\" \n          class=\"w-3r h-3r radius-small object-fit-cover mn-r-small\"\n        />\n        <PlaceholderImage \n          v-else \n          class=\"w-3r h-3r radius-small mn-r-small\"\n        />\n        \n        <div>\n          <h3 class=\"mn-b-nano\">{{ product.name }}</h3>\n          <!-- <p class=\"t-small t-transp\">SKU: {{ product.sku }}</p> -->\n        </div>\n      </div>\n    </div>\n    \n    <div class=\"mn-b-medium w-100 h-max-30r o-scroll\">\n      <table class=\"w-100\">\n        <thead>\n          <tr class=\"bg-light\">\n            <th class=\"pd-small t-left\">Date</th>\n            <th class=\"pd-small t-left\">Type</th>\n            <th class=\"pd-small t-left\">Quantity</th>\n            <th class=\"pd-small t-left\">Reason</th>\n            <th class=\"pd-small t-left\">User</th>\n          </tr>\n        </thead>\n        <tbody>\n          <tr v-if=\"loading\">\n            <td colspan=\"5\" class=\"pd-medium t-center\">Loading history...</td>\n          </tr>\n          <tr v-else-if=\"history.length === 0\">\n            <td colspan=\"5\" class=\"pd-medium t-center\">No history available</td>\n          </tr>\n          <tr v-for=\"(entry, index) in history\" :key=\"index\" class=\"border-b\">\n            <td class=\"pd-small\">{{ formatDate(entry.createdAt) }}</td>\n            <td class=\"pd-small\">\n              <span \n                :class=\"entry.quantity > 0 ? 'bg-green t-white' : 'bg-red t-white'\"\n                class=\"pd-nano pd-r-small pd-l-small radius-small t-small\"\n              >\n                {{ entry.quantity > 0 ? 'Stock In' : 'Stock Out' }}\n              </span>\n            </td>\n            <td class=\"pd-small\">\n              {{ entry.quantity > 0 ? '+' : '' }}{{ entry.quantity }}\n            </td>\n            <td class=\"pd-small\">{{ entry.reason || entry.comment || 'Not specified' }}</td>\n            <td class=\"pd-small\">\n              <div class=\"flex-nowrap flex flex-v-center\">\n                <div class=\"w-2r h-2r radius-100 bg-light o-hidden mn-r-nano\">\n                  <img \n                    v-if=\"entry.creator?.target?.profile?.photo\" \n                    :src=\"(FILE_SERVER_URL || '') + entry.creator.target.profile.photo\" \n                    alt=\"User\" \n                    class=\"w-100 h-100 object-fit-cover\" \n                  />\n                  <PlaceholderImage v-else class=\"w-100 h-100\" />\n                </div>\n                {{ entry.creator?.target?.profile?.name || 'System' }}\n              </div>\n            </td>\n          </tr>\n        </tbody>\n      </table>\n    </div>\n    \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 bg-main t-black\"\n    >\n      Close\n    </Button>\n  </div>\n</template>\n\n<script setup>\nimport { ref, onMounted } from 'vue'\nimport PlaceholderImage from '@martyrs/src/modules/icons/placeholders/PlaceholderImage.vue'\nimport Button from '@martyrs/src/components/Button/Button.vue'\n\nimport * as inventory from '@martyrs/src/modules/inventory/store/inventory.store.js'\n\nconst props = defineProps({\n  product: {\n    type: Object,\n    required: true\n  }\n})\n\nconst emit = defineEmits(['close'])\n\n// State\nconst loading = ref(true)\nconst history = ref([])\n\nonMounted(async () => {\n  await loadHistory()\n})\n\nasync function loadHistory() {\n  loading.value = true\n  try {\n    // Fetch adjustments for this product\n    const data = await inventory.actions.fetchAdjustments({\n      product: props.product._id,\n      limit: 50,\n      sortParam: 'createdAt',\n      sortOrder: 'desc',\n      lookup: ['creator', 'source', 'storage']\n    })\n    \n    history.value = data || []\n  } catch (error) {\n    console.error('Error loading history:', error)\n    history.value = []\n  } finally {\n    loading.value = false\n  }\n}\n\nfunction formatDate(dateString) {\n  const date = new Date(dateString)\n  return date.toLocaleDateString('en-US', { \n    day: 'numeric', \n    month: 'short', \n    year: 'numeric',\n    hour: '2-digit',\n    minute: '2-digit'\n  })\n}\n</script>\n\n<style scoped>\n.border-b {\n  border-bottom: 1px solid rgba(var(--black), 0.1);\n}\n</style>"],"names":["inventory.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2FA,UAAM,QAAQ;AAUd,UAAM,UAAU,IAAI,IAAI;AACxB,UAAM,UAAU,IAAI,CAAA,CAAE;AAEtB,cAAU,YAAY;AACpB,YAAM,YAAW;AAAA,IACnB,CAAC;AAED,mBAAe,cAAc;AAC3B,cAAQ,QAAQ;AAChB,UAAI;AAEF,cAAM,OAAO,MAAMA,QAAkB,iBAAiB;AAAA,UACpD,SAAS,MAAM,QAAQ;AAAA,UACvB,OAAO;AAAA,UACP,WAAW;AAAA,UACX,WAAW;AAAA,UACX,QAAQ,CAAC,WAAW,UAAU,SAAS;AAAA,QAC7C,CAAK;AAED,gBAAQ,QAAQ,QAAQ,CAAA;AAAA,MAC1B,SAAS,OAAO;AACd,gBAAQ,MAAM,0BAA0B,KAAK;AAC7C,gBAAQ,QAAQ,CAAA;AAAA,MAClB,UAAC;AACC,gBAAQ,QAAQ;AAAA,MAClB;AAAA,IACF;AAEA,aAAS,WAAW,YAAY;AAC9B,YAAM,OAAO,IAAI,KAAK,UAAU;AAChC,aAAO,KAAK,mBAAmB,SAAS;AAAA,QACtC,KAAK;AAAA,QACL,OAAO;AAAA,QACP,MAAM;AAAA,QACN,MAAM;AAAA,QACN,QAAQ;AAAA,MACZ,CAAG;AAAA,IACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -3,7 +3,8 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const vueRouter = require("vue-router");
 const Field = require("../../../../components/Field/Field.vue.cjs");
-const Select = require("../../../../components/Select/Select.vue2.cjs");
+const Select = require("../../../../components/Select/Select.vue.cjs");
+const Button = require("../../../../components/Button/Button.vue.cjs");
 const auth = require("../../../auth/views/store/auth.cjs");
 const spots = require("../../../spots/store/spots.cjs");
 const variants_store = require("../../../products/store/variants.store.cjs");
@@ -21,7 +22,7 @@ const _sfc_main = {
       required: true
     }
   },
-  emits: ["save", "close"],
+  emits: ["close"],
   setup(__props, { emit: __emit }) {
     const route = vueRouter.useRoute();
     const props = __props;
@@ -93,28 +94,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: auth.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: auth.state.user._id
+          }
+        };
+        await stock_alerts_store.default.create(alertData);
+        emit("close");
+      } catch (err) {
+        console.error(err);
+        throw err;
+      }
     }
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        _cache[5] || (_cache[5] = vue.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] = vue.createElementVNode("p", { class: "mn-b-medium t-transp" }, " Set up stock level alerts to get notified when inventory runs low. ", -1)),
         vue.createElementVNode("div", _hoisted_2, [
-          _cache[4] || (_cache[4] = vue.createElementVNode("p", { class: "mn-b-small t-medium" }, "Alert Scope", -1)),
+          _cache[3] || (_cache[3] = vue.createElementVNode("p", { class: "mn-b-small t-medium" }, "Alert Scope", -1)),
           vue.createVNode(Select.default, {
             select: selectedVariant.value,
             "onUpdate:select": _cache[0] || (_cache[0] = ($event) => selectedVariant.value = $event),
@@ -146,14 +153,28 @@ const _sfc_main = {
           }, null, 8, ["field"])
         ]),
         vue.createElementVNode("div", _hoisted_5, [
-          vue.createElementVNode("button", {
-            onClick: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("close")),
+          vue.createVNode(Button.default, {
+            submit: () => _ctx.$emit("close"),
+            showLoader: false,
+            showSucces: false,
             class: "pd-small radius-small flex-center flex w-max cursor-pointer t-transp"
-          }, " Cancel "),
-          vue.createElementVNode("button", {
-            onClick: saveAlert,
+          }, {
+            default: vue.withCtx(() => _cache[4] || (_cache[4] = [
+              vue.createTextVNode(" Cancel ")
+            ])),
+            _: 1
+          }, 8, ["submit"]),
+          vue.createVNode(Button.default, {
+            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: vue.withCtx(() => _cache[5] || (_cache[5] = [
+              vue.createTextVNode(" Save Alert ")
+            ])),
+            _: 1
+          })
         ])
       ]);
     };

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

@@ -1 +1 @@
-{"version":3,"file":"StockAlertsForm.vue.cjs","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":["useRoute","ref","computed","onMounted","variants","spots.actions","stockAlerts","auth.state"],"mappings":"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"}
+{"version":3,"file":"StockAlertsForm.vue.cjs","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":["useRoute","ref","computed","onMounted","variants","spots.actions","stockAlerts","auth.state"],"mappings":"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"}