@ozdao/martyrs 0.2.508 → 0.2.510

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

@@ -8,6 +8,7 @@ const Feed = require("../../../../components/Feed/Feed.vue.cjs");
 const PlaceholderImage = require("../../../icons/placeholders/PlaceholderImage.vue.cjs");
 const Dropdown = require("../../../../components/Dropdown/Dropdown.vue2.cjs");
 const Popup = require("../../../../components/Popup/Popup.vue.cjs");
+;/* 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");
@@ -21,27 +22,23 @@ const stock_alerts_store = require("../../store/stock.alerts.store.cjs");
 ;/* empty css                 */
 const _hoisted_1 = { class: "pd-thin" };
 const _hoisted_2 = { class: "mn-b-medium flex-v-center flex-nowrap flex" };
-const _hoisted_3 = { class: "flex gap-small flex-nowrap flex-v-center" };
-const _hoisted_4 = ["src"];
-const _hoisted_5 = { class: "t-nowrap" };
-const _hoisted_6 = { key: 1 };
-const _hoisted_7 = {
-  key: 0,
-  class: "flex flex-column gap-micro"
-};
-const _hoisted_8 = { class: "t-small" };
-const _hoisted_9 = { class: "t-medium" };
-const _hoisted_10 = {
-  key: 1,
-  class: "t-transp"
-};
-const _hoisted_11 = { class: "flex-column flex" };
-const _hoisted_12 = { class: "d-block mn-b-thin" };
-const _hoisted_13 = { class: "w-100 h-micro radius-thin bg-light" };
-const _hoisted_14 = { class: "bg-white radius-small" };
-const _hoisted_15 = ["onClick"];
-const _hoisted_16 = ["onClick"];
+const _hoisted_3 = { class: "rows-1" };
+const _hoisted_4 = { class: "w-max-20r t-trim flex gap-small flex-nowrap flex-v-center" };
+const _hoisted_5 = ["src"];
+const _hoisted_6 = { class: "t-trim t-nowrap" };
+const _hoisted_7 = { class: "w-max-10r flex-nowrap flex t-trim" };
+const _hoisted_8 = { key: 1 };
+const _hoisted_9 = { class: "w-max-10r flex-nowrap flex t-trim" };
+const _hoisted_10 = { class: "t-medium" };
+const _hoisted_11 = { class: "t-small" };
+const _hoisted_12 = { key: 1 };
+const _hoisted_13 = { class: "flex-column flex" };
+const _hoisted_14 = { class: "d-block mn-b-thin" };
+const _hoisted_15 = { class: "w-100 h-micro radius-thin bg-light" };
+const _hoisted_16 = { class: "bg-white radius-small" };
 const _hoisted_17 = ["onClick"];
+const _hoisted_18 = ["onClick"];
+const _hoisted_19 = ["onClick"];
 const _sfc_main = {
   __name: "Inventory",
   setup(__props) {
@@ -152,123 +149,128 @@ const _sfc_main = {
             innerHTML: "+"
           })) : vue.createCommentVNode("", true)
         ]),
-        vue.createVNode(Feed.default, {
-          search: true,
-          filter,
-          "onUpdate:filter": _cache[2] || (_cache[2] = ($event) => filter = $event),
-          sort: sort.value,
-          "onUpdate:sort": _cache[3] || (_cache[3] = ($event) => sort.value = $event),
-          store: {
-            read: (options) => products.actions.read(options),
-            state: products.state
-          },
-          actions: [{
-            key: "settings",
-            component: IconSettings.default,
-            props: {
-              class: "h-3r pd-r-small pd-l-small flex-center flex bg-light t-black radius-small hover-scale-1 cursor-pointer"
+        vue.createElementVNode("div", _hoisted_3, [
+          vue.createVNode(Feed.default, {
+            search: true,
+            filter,
+            "onUpdate:filter": _cache[2] || (_cache[2] = ($event) => filter = $event),
+            sort: sort.value,
+            "onUpdate:sort": _cache[3] || (_cache[3] = ($event) => sort.value = $event),
+            store: {
+              read: (options) => products.actions.read(options),
+              state: products.state
             },
-            handler: openViewSettings
-          }],
-          options: {
-            limit: 15,
-            lookup: ["inventory", "categories"],
-            owner: vue.unref(route).params._id,
-            sortParam: sort.value.param,
-            sortOrder: sort.value.order
-          }
-        }, {
-          default: vue.withCtx(({ items }) => [
-            vue.createVNode(Table.default, {
-              columns: columns.filter((col) => col.visible),
-              items,
-              class: "bg-white z-index-1 br-solid br-1px br-light radius-medium"
-            }, {
-              "cell-name": vue.withCtx(({ row }) => [
-                vue.createElementVNode("div", _hoisted_3, [
-                  row.images?.length ? (vue.openBlock(), vue.createElementBlock("img", {
-                    key: 0,
-                    src: (_ctx.FILE_SERVER_URL || "") + row.images[0],
-                    alt: "Product",
-                    class: "w-3r h-3r radius-small bg-light object-fit-cover"
-                  }, null, 8, _hoisted_4)) : (vue.openBlock(), vue.createBlock(PlaceholderImage.default, {
-                    key: 1,
-                    class: "w-3r h-3r radius-small"
-                  })),
-                  vue.createElementVNode("span", _hoisted_5, vue.toDisplayString(row.name || "Unknown Product"), 1)
-                ])
-              ]),
-              "cell-category": vue.withCtx(({ row }) => [
-                row.category?.length ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(row.category, (cat) => {
-                  return vue.openBlock(), vue.createElementBlock("span", {
-                    key: cat._id,
-                    class: "pd-nano mn-r-micro pd-r-small pd-l-small radius-small bg-light t-small"
-                  }, vue.toDisplayString(cat.name), 1);
-                }), 128)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_6, "-"))
-              ]),
-              "cell-storages": vue.withCtx(({ row }) => [
-                row.availabilityDetails?.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7, [
-                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(row.availabilityDetails, (avail) => {
-                    return vue.openBlock(), vue.createElementBlock("div", {
-                      key: avail._id,
-                      class: "flex gap-small flex-v-center"
-                    }, [
-                      vue.createElementVNode("span", _hoisted_8, vue.toDisplayString(avail.storageName || avail.storage) + ":", 1),
-                      vue.createElementVNode("span", _hoisted_9, vue.toDisplayString(avail.available || 0), 1)
-                    ]);
-                  }), 128))
-                ])) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_10, "No stock"))
-              ]),
-              "cell-available": vue.withCtx(({ row }) => [
-                vue.createElementVNode("div", _hoisted_11, [
-                  vue.createElementVNode("span", _hoisted_12, vue.toDisplayString(row.available) + " · " + vue.toDisplayString(row.available <= 5 ? "Low" : row.available <= 10 ? "Medium" : "High"), 1),
-                  vue.createElementVNode("div", _hoisted_13, [
-                    vue.createElementVNode("div", {
-                      class: vue.normalizeClass([
-                        "h-100 radius-thin",
-                        row.available <= 1 ? "bg-red t-white" : row.available <= 2 ? "bg-orange t-white" : "bg-green t-white"
-                      ]),
-                      style: vue.normalizeStyle(`width: ${Math.min(
-                        row.available / (row.alert !== void 0 ? row.alert : 50) * 100,
-                        100
-                      )}%`)
-                    }, null, 6)
+            actions: [{
+              key: "settings",
+              component: IconSettings.default,
+              props: {
+                class: "h-3r pd-r-small pd-l-small flex-center flex bg-light t-black radius-small hover-scale-1 cursor-pointer"
+              },
+              handler: openViewSettings
+            }],
+            options: {
+              limit: 15,
+              lookup: ["inventory", "categories"],
+              owner: vue.unref(route).params._id,
+              sortParam: sort.value.param,
+              sortOrder: sort.value.order
+            }
+          }, {
+            default: vue.withCtx(({ items }) => [
+              vue.createVNode(Table.default, {
+                columns: columns.filter((col) => col.visible),
+                items,
+                class: "bg-white z-index-1 br-solid br-1px br-light radius-medium"
+              }, {
+                "cell-name": vue.withCtx(({ row }) => [
+                  vue.createElementVNode("div", _hoisted_4, [
+                    row.images?.length ? (vue.openBlock(), vue.createElementBlock("img", {
+                      key: 0,
+                      src: (_ctx.FILE_SERVER_URL || "") + row.images[0],
+                      alt: "Product",
+                      class: "w-3r h-3r radius-small bg-light object-fit-cover"
+                    }, null, 8, _hoisted_5)) : (vue.openBlock(), vue.createBlock(PlaceholderImage.default, {
+                      key: 1,
+                      class: "w-3r h-3r radius-small"
+                    })),
+                    vue.createElementVNode("p", _hoisted_6, vue.toDisplayString(row.name || "Unknown Product"), 1)
+                  ])
+                ]),
+                "cell-category": vue.withCtx(({ row }) => [
+                  vue.createElementVNode("div", _hoisted_7, [
+                    row.category?.length ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(row.category, (cat) => {
+                      return vue.openBlock(), vue.createElementBlock("p", {
+                        key: cat._id,
+                        class: "w-max t-trim pd-small mn-r-micro radius-small bg-light t-small"
+                      }, vue.toDisplayString(cat.name), 1);
+                    }), 128)) : (vue.openBlock(), vue.createElementBlock("p", _hoisted_8, "-"))
                   ])
-                ])
-              ]),
-              "cell-price": vue.withCtx(({ row }) => [
-                vue.createTextVNode(vue.toDisplayString(vue.unref(formatPrice)(row.price || 0)), 1)
-              ]),
-              "cell-actions": vue.withCtx(({ row }) => [
-                vue.createVNode(Dropdown.default, {
-                  label: { component: IconEllipsis.default, class: "t-transp i-medium" },
-                  class: "cursor-pointer aspect-1x1 pd-nano radius-small hover-bg-light",
-                  align: "right"
-                }, {
-                  default: vue.withCtx(() => [
-                    vue.createElementVNode("div", _hoisted_14, [
-                      vue.createElementVNode("button", {
-                        onClick: ($event) => openStockAudit(row),
-                        class: "cursor-pointer t-left t-nowrap w-100 pd-small"
-                      }, " Audit Stock ", 8, _hoisted_15),
-                      vue.createElementVNode("button", {
-                        onClick: ($event) => openStockHistory(row),
-                        class: "cursor-pointer t-left t-nowrap w-100 pd-small"
-                      }, " Stock History ", 8, _hoisted_16),
-                      vue.createElementVNode("button", {
-                        onClick: ($event) => openReorderSettings(row),
-                        class: "cursor-pointer t-left t-nowrap w-100 pd-small"
-                      }, " Set Alerts ", 8, _hoisted_17)
+                ]),
+                "cell-storages": vue.withCtx(({ row }) => [
+                  vue.createElementVNode("div", _hoisted_9, [
+                    row.availabilityDetails?.length ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(row.availabilityDetails, (avail) => {
+                      return vue.openBlock(), vue.createElementBlock("p", {
+                        key: avail._id,
+                        class: "w-max t-trim pd-small mn-r-micro radius-small bg-light t-small"
+                      }, [
+                        vue.createElementVNode("span", _hoisted_10, vue.toDisplayString(avail.available || 0), 1),
+                        _cache[13] || (_cache[13] = vue.createTextVNode(" · ")),
+                        vue.createElementVNode("span", _hoisted_11, vue.toDisplayString(avail.storageName || avail.storage) + ":", 1)
+                      ]);
+                    }), 128)) : (vue.openBlock(), vue.createElementBlock("p", _hoisted_12, "No stock"))
+                  ])
+                ]),
+                "cell-available": vue.withCtx(({ row }) => [
+                  vue.createElementVNode("div", _hoisted_13, [
+                    vue.createElementVNode("span", _hoisted_14, vue.toDisplayString(row.available) + " · " + vue.toDisplayString(row.available <= 5 ? "Low" : row.available <= 10 ? "Medium" : "High"), 1),
+                    vue.createElementVNode("div", _hoisted_15, [
+                      vue.createElementVNode("div", {
+                        class: vue.normalizeClass([
+                          "h-100 radius-thin",
+                          row.available <= 1 ? "bg-red t-white" : row.available <= 2 ? "bg-orange t-white" : "bg-green t-white"
+                        ]),
+                        style: vue.normalizeStyle(`width: ${Math.min(
+                          row.available / (row.alert !== void 0 ? row.alert : 50) * 100,
+                          100
+                        )}%`)
+                      }, null, 6)
                     ])
-                  ]),
-                  _: 2
-                }, 1032, ["label"])
-              ]),
-              _: 2
-            }, 1032, ["columns", "items"])
-          ]),
-          _: 1
-        }, 8, ["filter", "sort", "store", "actions", "options"]),
+                  ])
+                ]),
+                "cell-price": vue.withCtx(({ row }) => [
+                  vue.createTextVNode(vue.toDisplayString(vue.unref(formatPrice)(row.price || 0)), 1)
+                ]),
+                "cell-actions": vue.withCtx(({ row }) => [
+                  vue.createVNode(Dropdown.default, {
+                    label: { component: IconEllipsis.default, class: "t-transp i-medium" },
+                    class: "cursor-pointer aspect-1x1 pd-nano radius-small hover-bg-light",
+                    align: "right"
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createElementVNode("div", _hoisted_16, [
+                        vue.createElementVNode("button", {
+                          onClick: ($event) => openStockAudit(row),
+                          class: "cursor-pointer t-left t-nowrap w-100 pd-small"
+                        }, " Audit Stock ", 8, _hoisted_17),
+                        vue.createElementVNode("button", {
+                          onClick: ($event) => openStockHistory(row),
+                          class: "cursor-pointer t-left t-nowrap w-100 pd-small"
+                        }, " Stock History ", 8, _hoisted_18),
+                        vue.createElementVNode("button", {
+                          onClick: ($event) => openReorderSettings(row),
+                          class: "cursor-pointer t-left t-nowrap w-100 pd-small"
+                        }, " Set Alerts ", 8, _hoisted_19)
+                      ])
+                    ]),
+                    _: 2
+                  }, 1032, ["label"])
+                ]),
+                _: 2
+              }, 1032, ["columns", "items"])
+            ]),
+            _: 1
+          }, 8, ["filter", "sort", "store", "actions", "options"])
+        ]),
         vue.createVNode(Popup.default, {
           isPopupOpen: showAuditModal.value,
           onClosePopup: _cache[5] || (_cache[5] = ($event) => showAuditModal.value = false),

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