@ozdao/martyrs 0.2.491 → 0.2.492

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

@@ -0,0 +1,201 @@
+import { ref, onMounted, createElementBlock, openBlock, createElementVNode, createCommentVNode, createVNode, createBlock, Fragment, renderList, normalizeClass, resolveDynamicComponent, toDisplayString } from "vue";
+import { useRoute } from "vue-router";
+import Field from "../../../../components/Field/Field.vue2.js";
+import Select from "../../../../components/Select/Select.vue2.js";
+import { state } from "../../../auth/views/store/auth.js";
+import { actions } from "../../../spots/store/spots.js";
+import variantsStore from "../../../products/store/variants.store.js";
+import _sfc_main$1 from "../../../icons/navigation/IconInfo.vue.js";
+const _hoisted_1 = { class: "w-100" };
+const _hoisted_2 = { class: "mn-b-medium" };
+const _hoisted_3 = { class: "mn-b-small flex-nowrap flex gap-thin" };
+const _hoisted_4 = {
+  key: 0,
+  class: "mn-b-medium"
+};
+const _hoisted_5 = { class: "mn-b-medium" };
+const _hoisted_6 = { class: "mn-b-medium" };
+const _hoisted_7 = { class: "cols-3 gap-small mn-b-small" };
+const _hoisted_8 = ["onClick"];
+const _hoisted_9 = { class: "flex-nowrap flex gap-small" };
+const _sfc_main = {
+  __name: "AdjustmentForm",
+  props: {
+    product: {
+      type: Object,
+      required: true
+    }
+  },
+  emits: ["save", "close"],
+  setup(__props, { emit: __emit }) {
+    const route = useRoute();
+    const props = __props;
+    const emit = __emit;
+    const quantity = ref(0);
+    const selectedReason = ref("custom");
+    const customReasonText = ref("");
+    const note = ref("");
+    const selectedStorage = ref(null);
+    const selectedVariant = ref(null);
+    const productVariants = ref([]);
+    const storageOptions = ref([]);
+    const adjustmentReasons = [
+      { label: "Restock", value: "restock", icon: _sfc_main$1 },
+      { label: "Sale", value: "sale", icon: _sfc_main$1 },
+      { label: "Return", value: "return", icon: _sfc_main$1 },
+      { label: "Damage", value: "damage", icon: _sfc_main$1 },
+      { label: "Transfer", value: "transfer", icon: _sfc_main$1 },
+      { label: "Custom", value: "custom", icon: _sfc_main$1 }
+    ];
+    onMounted(async () => {
+      console.log("AdjustmentForm mounted with product:", props.product);
+      try {
+        const variantsData = await variantsStore.read({
+          product: props.product._id,
+          limit: 50
+        });
+        productVariants.value = variantsData;
+        if (variantsData.length > 0) {
+          selectedVariant.value = variantsData[0]._id;
+        }
+      } catch (err) {
+        console.error("Error fetching variants:", err);
+      }
+      try {
+        const spotsData = await actions.read({
+          user: state.user._id,
+          organization: route.params._id,
+          limit: 50
+        });
+        storageOptions.value = spotsData.map((spot) => ({
+          _id: spot._id,
+          name: spot.profile?.name || "Storage"
+        }));
+        if (storageOptions.value.length > 0) {
+          selectedStorage.value = storageOptions.value[0]._id;
+        }
+      } catch (err) {
+        console.error("Error fetching spots:", err);
+      }
+    });
+    function saveAdjustment() {
+      if (!selectedVariant.value) {
+        alert("Please select a variant");
+        return;
+      }
+      if (!selectedStorage.value) {
+        alert("Please select a storage");
+        return;
+      }
+      const adjustmentData = {
+        product: props.product._id,
+        variant: selectedVariant.value,
+        storage: selectedStorage.value,
+        source: {
+          type: "User",
+          target: state.user._id
+        },
+        quantity: parseInt(quantity.value || 0),
+        reason: selectedReason.value === "custom" ? customReasonText.value : selectedReason.value,
+        comment: note.value || "",
+        creator: {
+          type: "user",
+          target: state.user._id
+        }
+      };
+      emit("save", adjustmentData);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        _cache[9] || (_cache[9] = createElementVNode("p", { class: "mn-b-medium t-transp" }, " Effortlessly update your inventory and track adjustments for accurate stock management. ", -1)),
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("div", _hoisted_3, [
+            createVNode(Field, {
+              field: quantity.value,
+              "onUpdate:field": _cache[0] || (_cache[0] = ($event) => quantity.value = $event),
+              label: "Quantity Adjustment",
+              type: "number",
+              placeholder: "Enter +/- quantity",
+              class: "w-100 bg-light radius-small pd-medium"
+            }, null, 8, ["field"]),
+            createVNode(Field, {
+              field: __props.product.available,
+              label: "Current Available",
+              type: "text",
+              disabled: true,
+              class: "w-100 bg-light radius-small pd-medium"
+            }, null, 8, ["field"])
+          ])
+        ]),
+        productVariants.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_4, [
+          _cache[6] || (_cache[6] = createElementVNode("p", { class: "mn-b-small t-medium" }, "Select Variant", -1)),
+          createVNode(Select, {
+            select: selectedVariant.value,
+            "onUpdate:select": _cache[1] || (_cache[1] = ($event) => selectedVariant.value = $event),
+            options: productVariants.value,
+            property: "_id",
+            value: "name",
+            placeholder: "Choose variant",
+            class: "w-100 bg-light radius-small pd-medium"
+          }, null, 8, ["select", "options"])
+        ])) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_5, [
+          _cache[7] || (_cache[7] = createElementVNode("p", { class: "mn-b-small t-medium" }, "Select Storage", -1)),
+          createVNode(Select, {
+            select: selectedStorage.value,
+            "onUpdate:select": _cache[2] || (_cache[2] = ($event) => selectedStorage.value = $event),
+            options: storageOptions.value,
+            property: "_id",
+            value: "name",
+            placeholder: "Choose storage",
+            class: "w-100 bg-light radius-small pd-medium"
+          }, null, 8, ["select", "options"])
+        ]),
+        createElementVNode("div", _hoisted_6, [
+          _cache[8] || (_cache[8] = createElementVNode("p", { class: "mn-b-small t-medium" }, "Adjustment Reason", -1)),
+          createElementVNode("div", _hoisted_7, [
+            (openBlock(), createElementBlock(Fragment, null, renderList(adjustmentReasons, (reason) => {
+              return createElementVNode("div", {
+                key: reason.value,
+                onClick: ($event) => selectedReason.value = reason.value,
+                class: normalizeClass([{ "bg-main t-black": selectedReason.value === reason.value, "bg-light": selectedReason.value !== reason.value }, "pd-small radius-small flex-column flex-center flex cursor-pointer"])
+              }, [
+                (openBlock(), createBlock(resolveDynamicComponent(reason.icon), { class: "i-regular mn-b-nano" })),
+                createElementVNode("span", null, toDisplayString(reason.label), 1)
+              ], 10, _hoisted_8);
+            }), 64))
+          ]),
+          selectedReason.value === "custom" ? (openBlock(), createBlock(Field, {
+            key: 0,
+            field: customReasonText.value,
+            "onUpdate:field": _cache[3] || (_cache[3] = ($event) => customReasonText.value = $event),
+            placeholder: "Enter custom reason",
+            class: "w-100 bg-light radius-small pd-medium"
+          }, null, 8, ["field"])) : createCommentVNode("", true)
+        ]),
+        createVNode(Field, {
+          field: note.value,
+          "onUpdate:field": _cache[4] || (_cache[4] = ($event) => note.value = $event),
+          label: "Note",
+          type: "textarea",
+          placeholder: "Add additional details about this adjustment...",
+          class: "w-100 bg-light radius-small pd-medium mn-b-medium"
+        }, null, 8, ["field"]),
+        createElementVNode("div", _hoisted_9, [
+          createElementVNode("button", {
+            onClick: _cache[5] || (_cache[5] = ($event) => _ctx.$emit("close")),
+            class: "pd-small radius-small flex-center flex w-max cursor-pointer t-transp"
+          }, " Cancel "),
+          createElementVNode("button", {
+            onClick: saveAdjustment,
+            class: "pd-small radius-small flex-center flex w-100 cursor-pointer bg-main t-black"
+          }, " Save Adjustment ")
+        ])
+      ]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=AdjustmentForm.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AdjustmentForm.vue.js","sources":["../../../../../../../src/modules/inventory/components/forms/AdjustmentForm.vue"],"sourcesContent":["<template>\n  <div class=\"w-100\">\n    <p class=\"mn-b-medium t-transp\">\n      Effortlessly update your inventory and track adjustments for accurate stock management.\n    </p>\n    \n   \n    <div class=\"mn-b-medium\">\n      <div class=\"mn-b-small flex-nowrap flex gap-thin\">\n        <Field\n          v-model:field=\"quantity\"\n          label=\"Quantity Adjustment\"\n          type=\"number\"\n          placeholder=\"Enter +/- quantity\"\n          class=\"w-100 bg-light radius-small pd-medium\"\n        />\n        \n        <Field\n          :field=\"product.available\"\n          label=\"Current Available\"\n          type=\"text\"\n          :disabled=\"true\"\n          class=\"w-100 bg-light radius-small pd-medium\"\n        />\n      </div>\n      \n    </div>\n\n    <!-- Variant Selection -->\n    <div class=\"mn-b-medium\" v-if=\"productVariants.length > 0\">\n      <p class=\"mn-b-small t-medium\">Select Variant</p>\n      <Select\n        v-model:select=\"selectedVariant\"\n        :options=\"productVariants\"\n        property=\"_id\"\n        value=\"name\"\n        placeholder=\"Choose variant\"\n        class=\"w-100 bg-light radius-small pd-medium\"\n      />\n    </div>\n\n    <!-- Storage Selection -->\n    <div class=\"mn-b-medium\">\n      <p class=\"mn-b-small t-medium\">Select Storage</p>\n      <Select\n        v-model:select=\"selectedStorage\"\n        :options=\"storageOptions\"\n        property=\"_id\"\n        value=\"name\"\n        placeholder=\"Choose storage\"\n        class=\"w-100 bg-light radius-small pd-medium\"\n      />\n    </div>\n    \n    <div class=\"mn-b-medium\">\n      <p class=\"mn-b-small t-medium\">Adjustment Reason</p>\n      \n      <div class=\"cols-3 gap-small mn-b-small\">\n        <div \n          v-for=\"reason in adjustmentReasons\"\n          :key=\"reason.value\"\n          @click=\"selectedReason = reason.value\"\n          :class=\"{ 'bg-main t-black': selectedReason === reason.value, 'bg-light': selectedReason !== reason.value }\"\n          class=\"pd-small radius-small flex-column flex-center flex cursor-pointer\"\n        >\n          <component :is=\"reason.icon\" class=\"i-regular mn-b-nano\" />\n          <span>{{ reason.label }}</span>\n        </div>\n      </div>\n      \n      <Field\n        v-if=\"selectedReason === 'custom'\"\n        v-model:field=\"customReasonText\"\n        placeholder=\"Enter custom reason\"\n        class=\"w-100 bg-light radius-small pd-medium\"\n      />\n    </div>\n    \n    <Field\n      v-model:field=\"note\"\n      label=\"Note\"\n      type=\"textarea\"\n      placeholder=\"Add additional details about this adjustment...\"\n      class=\"w-100 bg-light radius-small pd-medium mn-b-medium\"\n    />\n    \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=\"saveAdjustment\" \n        class=\"pd-small radius-small flex-center flex w-100 cursor-pointer bg-main t-black\"\n      >\n        Save Adjustment\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'\n\nconst route = useRoute()\n\n// Icons for adjustment reasons\nimport IconDamage from '@martyrs/src/modules/icons/navigation/IconInfo.vue'\nimport IconExpire from '@martyrs/src/modules/icons/navigation/IconInfo.vue'\nimport IconMisplacement from '@martyrs/src/modules/icons/navigation/IconInfo.vue'\nimport IconThief from '@martyrs/src/modules/icons/navigation/IconInfo.vue'\nimport IconStocktake from '@martyrs/src/modules/icons/navigation/IconInfo.vue'\nimport IconCustom from '@martyrs/src/modules/icons/navigation/IconInfo.vue'\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 quantity = ref(0)\nconst selectedReason = ref('custom')\nconst customReasonText = ref('')\nconst note = ref('')\nconst selectedStorage = ref(null)\nconst selectedVariant = ref(null)\nconst productVariants = ref([])\nconst storageOptions = ref([])\n\n// Adjustment reason options\nconst adjustmentReasons = [\n  { label: 'Restock', value: 'restock', icon: IconDamage },\n  { label: 'Sale', value: 'sale', icon: IconExpire },\n  { label: 'Return', value: 'return', icon: IconMisplacement },\n  { label: 'Damage', value: 'damage', icon: IconThief },\n  { label: 'Transfer', value: 'transfer', icon: IconStocktake },\n  { label: 'Custom', value: 'custom', icon: IconCustom },\n]\n\nfunction formatPrice(price) {\n  return '$' + (parseFloat(price) || 0).toFixed(2)\n}\n\n// Fetch variants and storages on mount\nonMounted(async () => {\n  console.log('AdjustmentForm mounted with product:', props.product)\n  \n  // Fetch variants for the product\n  try {\n    const variantsData = await variants.read({\n      product: props.product._id,\n      limit: 50\n    })\n    productVariants.value = variantsData\n    // Select first variant by default if available\n    if (variantsData.length > 0) {\n      selectedVariant.value = variantsData[0]._id\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      user: auth.state.user._id,\n      organization: route.params._id,\n      limit: 50\n    })\n    storageOptions.value = spotsData.map(spot => ({\n      _id: spot._id,\n      name: spot.profile?.name || 'Storage'\n    }))\n    // Select first storage by default if available\n    if (storageOptions.value.length > 0) {\n      selectedStorage.value = storageOptions.value[0]._id\n    }\n  } catch (err) {\n    console.error('Error fetching spots:', err)\n  }\n})\n\nfunction saveAdjustment() {\n  if (!selectedVariant.value) {\n    alert('Please select a variant')\n    return\n  }\n  if (!selectedStorage.value) {\n    alert('Please select a storage')\n    return\n  }\n\n  const adjustmentData = {\n    product: props.product._id,\n    variant: selectedVariant.value,\n    storage: selectedStorage.value,\n    source: {\n      type: 'User',\n      target: auth.state.user._id\n    },\n    quantity: parseInt(quantity.value || 0),\n    reason: selectedReason.value === 'custom' ? customReasonText.value : selectedReason.value,\n    comment: note.value || '',\n    creator: {\n      type: 'user',\n      target: auth.state.user._id\n    }\n  }\n  \n  emit('save', adjustmentData)\n}\n</script>"],"names":["IconDamage","IconExpire","IconMisplacement","IconThief","IconStocktake","IconCustom","variants","spots.actions","auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiHA,UAAM,QAAQ,SAAQ;AAUtB,UAAM,QAAQ;AAOd,UAAM,OAAO;AAGb,UAAM,WAAW,IAAI,CAAC;AACtB,UAAM,iBAAiB,IAAI,QAAQ;AACnC,UAAM,mBAAmB,IAAI,EAAE;AAC/B,UAAM,OAAO,IAAI,EAAE;AACnB,UAAM,kBAAkB,IAAI,IAAI;AAChC,UAAM,kBAAkB,IAAI,IAAI;AAChC,UAAM,kBAAkB,IAAI,CAAA,CAAE;AAC9B,UAAM,iBAAiB,IAAI,CAAA,CAAE;AAG7B,UAAM,oBAAoB;AAAA,MACxB,EAAE,OAAO,WAAW,OAAO,WAAW,MAAMA,YAAU;AAAA,MACtD,EAAE,OAAO,QAAQ,OAAO,QAAQ,MAAMC,YAAU;AAAA,MAChD,EAAE,OAAO,UAAU,OAAO,UAAU,MAAMC,YAAgB;AAAA,MAC1D,EAAE,OAAO,UAAU,OAAO,UAAU,MAAMC,YAAS;AAAA,MACnD,EAAE,OAAO,YAAY,OAAO,YAAY,MAAMC,YAAa;AAAA,MAC3D,EAAE,OAAO,UAAU,OAAO,UAAU,MAAMC,YAAU;AAAA,IACtD;AAOA,cAAU,YAAY;AACpB,cAAQ,IAAI,wCAAwC,MAAM,OAAO;AAGjE,UAAI;AACF,cAAM,eAAe,MAAMC,cAAS,KAAK;AAAA,UACvC,SAAS,MAAM,QAAQ;AAAA,UACvB,OAAO;AAAA,QACb,CAAK;AACD,wBAAgB,QAAQ;AAExB,YAAI,aAAa,SAAS,GAAG;AAC3B,0BAAgB,QAAQ,aAAa,CAAC,EAAE;AAAA,QAC1C;AAAA,MACF,SAAS,KAAK;AACZ,gBAAQ,MAAM,4BAA4B,GAAG;AAAA,MAC/C;AAGA,UAAI;AACF,cAAM,YAAY,MAAMC,QAAc,KAAK;AAAA,UACzC,MAAMC,MAAW,KAAK;AAAA,UACtB,cAAc,MAAM,OAAO;AAAA,UAC3B,OAAO;AAAA,QACb,CAAK;AACD,uBAAe,QAAQ,UAAU,IAAI,WAAS;AAAA,UAC5C,KAAK,KAAK;AAAA,UACV,MAAM,KAAK,SAAS,QAAQ;AAAA,QAClC,EAAM;AAEF,YAAI,eAAe,MAAM,SAAS,GAAG;AACnC,0BAAgB,QAAQ,eAAe,MAAM,CAAC,EAAE;AAAA,QAClD;AAAA,MACF,SAAS,KAAK;AACZ,gBAAQ,MAAM,yBAAyB,GAAG;AAAA,MAC5C;AAAA,IACF,CAAC;AAED,aAAS,iBAAiB;AACxB,UAAI,CAAC,gBAAgB,OAAO;AAC1B,cAAM,yBAAyB;AAC/B;AAAA,MACF;AACA,UAAI,CAAC,gBAAgB,OAAO;AAC1B,cAAM,yBAAyB;AAC/B;AAAA,MACF;AAEA,YAAM,iBAAiB;AAAA,QACrB,SAAS,MAAM,QAAQ;AAAA,QACvB,SAAS,gBAAgB;AAAA,QACzB,SAAS,gBAAgB;AAAA,QACzB,QAAQ;AAAA,UACN,MAAM;AAAA,UACN,QAAQA,MAAW,KAAK;AAAA,QAC9B;AAAA,QACI,UAAU,SAAS,SAAS,SAAS,CAAC;AAAA,QACtC,QAAQ,eAAe,UAAU,WAAW,iBAAiB,QAAQ,eAAe;AAAA,QACpF,SAAS,KAAK,SAAS;AAAA,QACvB,SAAS;AAAA,UACP,MAAM;AAAA,UACN,QAAQA,MAAW,KAAK;AAAA,QAC9B;AAAA,MACA;AAEE,WAAK,QAAQ,cAAc;AAAA,IAC7B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,73 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const Checkbox = require("../../../../components/Checkbox/Checkbox.vue.cjs");
+const _hoisted_1 = { class: "w-100" };
+const _hoisted_2 = { class: "mn-b-medium" };
+const _hoisted_3 = { class: "flex-nowrap flex gap-small" };
+const _sfc_main = {
+  __name: "ColumnSettingsMenu",
+  props: {
+    columns: {
+      type: Array,
+      required: true
+    }
+  },
+  emits: ["save", "close"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const selected = vue.ref(props.columns.filter((c) => c.visible).map((c) => c.key));
+    vue.watch(
+      () => props.columns,
+      (cols) => {
+        selected.value = cols.filter((c) => c.visible).map((c) => c.key);
+      }
+    );
+    function toggle(key, checked) {
+      const idx = selected.value.indexOf(key);
+      if (checked && idx === -1) {
+        selected.value.push(key);
+      } else if (!checked && idx !== -1) {
+        selected.value.splice(idx, 1);
+      }
+    }
+    function saveSettings() {
+      emit("save", selected.value);
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        _cache[1] || (_cache[1] = vue.createElementVNode("p", { class: "mn-b-medium t-transp" }, " Customize which columns are visible in your inventory table. ", -1)),
+        vue.createElementVNode("div", _hoisted_2, [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.columns, (col) => {
+            return vue.openBlock(), vue.createElementBlock("div", {
+              key: col.key,
+              class: "mn-b-small"
+            }, [
+              vue.createVNode(Checkbox.default, {
+                label: col.label,
+                name: "columnVisibility",
+                value: col.key,
+                class: "w-100 bg-light radius-small pd-small",
+                checked: selected.value.includes(col.key),
+                "onUpdate:checked": (val) => toggle(col.key, val)
+              }, null, 8, ["label", "value", "checked", "onUpdate:checked"])
+            ]);
+          }), 128))
+        ]),
+        vue.createElementVNode("div", _hoisted_3, [
+          vue.createElementVNode("button", {
+            onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("close")),
+            class: "pd-small radius-small flex-center flex w-max cursor-pointer t-transp"
+          }, " Cancel "),
+          vue.createElementVNode("button", {
+            onClick: saveSettings,
+            class: "pd-small radius-small flex-center flex w-100 cursor-pointer bg-main t-black"
+          }, " Save Settings ")
+        ])
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=ColumnSettingsMenu.vue.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnSettingsMenu.vue.cjs","sources":["../../../../../../../src/modules/inventory/components/forms/ColumnSettingsMenu.vue"],"sourcesContent":["<template>\n  <div class=\"w-100\">\n    <p class=\"mn-b-medium t-transp\">\n      Customize which columns are visible in your inventory table.\n    </p>\n\n    <div class=\"mn-b-medium\">\n      <div\n        v-for=\"col in columns\"\n        :key=\"col.key\"\n        class=\"mn-b-small\"\n      >\n        <Checkbox\n          :label=\"col.label\"\n          name=\"columnVisibility\"\n          :value=\"col.key\"\n          class=\"w-100 bg-light radius-small pd-small\"\n          :checked=\"selected.includes(col.key)\"\n          @update:checked=\"val => toggle(col.key, val)\"\n        />\n      </div>\n    </div>\n\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=\"saveSettings\"\n        class=\"pd-small radius-small flex-center flex w-100 cursor-pointer bg-main t-black\"\n      >\n        Save Settings\n      </button>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, watch } from 'vue'\nimport Checkbox from '@martyrs/src/components/Checkbox/Checkbox.vue'\n\nconst props = defineProps({\n  columns: {\n    type: Array,\n    required: true\n  }\n})\n\nconst emit = defineEmits(['save', 'close'])\n\n// Локальный массив выбранных ключей\nconst selected = ref(props.columns.filter(c => c.visible).map(c => c.key))\n\n// Синхронизируем, если проп изменится\nwatch(\n  () => props.columns,\n  cols => {\n    selected.value = cols.filter(c => c.visible).map(c => c.key)\n  }\n)\n\n// Добавление/удаление ключа\nfunction toggle(key, checked) {\n  const idx = selected.value.indexOf(key)\n  if (checked && idx === -1) {\n    selected.value.push(key)\n  } else if (!checked && idx !== -1) {\n    selected.value.splice(idx, 1)\n  }\n}\n\n// Эмитим массив видимых колонок\nfunction saveSettings() {\n  emit('save', selected.value)\n}\n</script>\n"],"names":["ref","watch"],"mappings":";;;;;;;;;;;;;;;;;AA6CA,UAAM,QAAQ;AAOd,UAAM,OAAO;AAGb,UAAM,WAAWA,IAAAA,IAAI,MAAM,QAAQ,OAAO,OAAK,EAAE,OAAO,EAAE,IAAI,OAAK,EAAE,GAAG,CAAC;AAGzEC,QAAAA;AAAAA,MACE,MAAM,MAAM;AAAA,MACZ,UAAQ;AACN,iBAAS,QAAQ,KAAK,OAAO,OAAK,EAAE,OAAO,EAAE,IAAI,OAAK,EAAE,GAAG;AAAA,MAC7D;AAAA,IACF;AAGA,aAAS,OAAO,KAAK,SAAS;AAC5B,YAAM,MAAM,SAAS,MAAM,QAAQ,GAAG;AACtC,UAAI,WAAW,QAAQ,IAAI;AACzB,iBAAS,MAAM,KAAK,GAAG;AAAA,MACzB,WAAW,CAAC,WAAW,QAAQ,IAAI;AACjC,iBAAS,MAAM,OAAO,KAAK,CAAC;AAAA,MAC9B;AAAA,IACF;AAGA,aAAS,eAAe;AACtB,WAAK,QAAQ,SAAS,KAAK;AAAA,IAC7B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,73 @@
+import { ref, watch, createElementBlock, openBlock, createElementVNode, Fragment, renderList, createVNode } from "vue";
+import _sfc_main$1 from "../../../../components/Checkbox/Checkbox.vue.js";
+const _hoisted_1 = { class: "w-100" };
+const _hoisted_2 = { class: "mn-b-medium" };
+const _hoisted_3 = { class: "flex-nowrap flex gap-small" };
+const _sfc_main = {
+  __name: "ColumnSettingsMenu",
+  props: {
+    columns: {
+      type: Array,
+      required: true
+    }
+  },
+  emits: ["save", "close"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const selected = ref(props.columns.filter((c) => c.visible).map((c) => c.key));
+    watch(
+      () => props.columns,
+      (cols) => {
+        selected.value = cols.filter((c) => c.visible).map((c) => c.key);
+      }
+    );
+    function toggle(key, checked) {
+      const idx = selected.value.indexOf(key);
+      if (checked && idx === -1) {
+        selected.value.push(key);
+      } else if (!checked && idx !== -1) {
+        selected.value.splice(idx, 1);
+      }
+    }
+    function saveSettings() {
+      emit("save", selected.value);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        _cache[1] || (_cache[1] = createElementVNode("p", { class: "mn-b-medium t-transp" }, " Customize which columns are visible in your inventory table. ", -1)),
+        createElementVNode("div", _hoisted_2, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (col) => {
+            return openBlock(), createElementBlock("div", {
+              key: col.key,
+              class: "mn-b-small"
+            }, [
+              createVNode(_sfc_main$1, {
+                label: col.label,
+                name: "columnVisibility",
+                value: col.key,
+                class: "w-100 bg-light radius-small pd-small",
+                checked: selected.value.includes(col.key),
+                "onUpdate:checked": (val) => toggle(col.key, val)
+              }, null, 8, ["label", "value", "checked", "onUpdate:checked"])
+            ]);
+          }), 128))
+        ]),
+        createElementVNode("div", _hoisted_3, [
+          createElementVNode("button", {
+            onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("close")),
+            class: "pd-small radius-small flex-center flex w-max cursor-pointer t-transp"
+          }, " Cancel "),
+          createElementVNode("button", {
+            onClick: saveSettings,
+            class: "pd-small radius-small flex-center flex w-100 cursor-pointer bg-main t-black"
+          }, " Save Settings ")
+        ])
+      ]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=ColumnSettingsMenu.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnSettingsMenu.vue.js","sources":["../../../../../../../src/modules/inventory/components/forms/ColumnSettingsMenu.vue"],"sourcesContent":["<template>\n  <div class=\"w-100\">\n    <p class=\"mn-b-medium t-transp\">\n      Customize which columns are visible in your inventory table.\n    </p>\n\n    <div class=\"mn-b-medium\">\n      <div\n        v-for=\"col in columns\"\n        :key=\"col.key\"\n        class=\"mn-b-small\"\n      >\n        <Checkbox\n          :label=\"col.label\"\n          name=\"columnVisibility\"\n          :value=\"col.key\"\n          class=\"w-100 bg-light radius-small pd-small\"\n          :checked=\"selected.includes(col.key)\"\n          @update:checked=\"val => toggle(col.key, val)\"\n        />\n      </div>\n    </div>\n\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=\"saveSettings\"\n        class=\"pd-small radius-small flex-center flex w-100 cursor-pointer bg-main t-black\"\n      >\n        Save Settings\n      </button>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, watch } from 'vue'\nimport Checkbox from '@martyrs/src/components/Checkbox/Checkbox.vue'\n\nconst props = defineProps({\n  columns: {\n    type: Array,\n    required: true\n  }\n})\n\nconst emit = defineEmits(['save', 'close'])\n\n// Локальный массив выбранных ключей\nconst selected = ref(props.columns.filter(c => c.visible).map(c => c.key))\n\n// Синхронизируем, если проп изменится\nwatch(\n  () => props.columns,\n  cols => {\n    selected.value = cols.filter(c => c.visible).map(c => c.key)\n  }\n)\n\n// Добавление/удаление ключа\nfunction toggle(key, checked) {\n  const idx = selected.value.indexOf(key)\n  if (checked && idx === -1) {\n    selected.value.push(key)\n  } else if (!checked && idx !== -1) {\n    selected.value.splice(idx, 1)\n  }\n}\n\n// Эмитим массив видимых колонок\nfunction saveSettings() {\n  emit('save', selected.value)\n}\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AA6CA,UAAM,QAAQ;AAOd,UAAM,OAAO;AAGb,UAAM,WAAW,IAAI,MAAM,QAAQ,OAAO,OAAK,EAAE,OAAO,EAAE,IAAI,OAAK,EAAE,GAAG,CAAC;AAGzE;AAAA,MACE,MAAM,MAAM;AAAA,MACZ,UAAQ;AACN,iBAAS,QAAQ,KAAK,OAAO,OAAK,EAAE,OAAO,EAAE,IAAI,OAAK,EAAE,GAAG;AAAA,MAC7D;AAAA,IACF;AAGA,aAAS,OAAO,KAAK,SAAS;AAC5B,YAAM,MAAM,SAAS,MAAM,QAAQ,GAAG;AACtC,UAAI,WAAW,QAAQ,IAAI;AACzB,iBAAS,MAAM,KAAK,GAAG;AAAA,MACzB,WAAW,CAAC,WAAW,QAAQ,IAAI;AACjC,iBAAS,MAAM,OAAO,KAAK,CAAC;AAAA,MAC9B;AAAA,IACF;AAGA,aAAS,eAAe;AACtB,WAAK,QAAQ,SAAS,KAAK;AAAA,IAC7B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,147 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const PlaceholderImage = require("../../../icons/placeholders/PlaceholderImage.vue.cjs");
+;/* empty css                   */
+const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.cjs");
+const _hoisted_1 = { class: "w-100" };
+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_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 _sfc_main = {
+  __name: "HistoryView",
+  props: {
+    product: {
+      type: Object,
+      required: true
+    }
+  },
+  emits: ["close"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const loading = vue.ref(true);
+    const history = vue.ref([]);
+    vue.onMounted(async () => {
+      await loadHistory();
+    });
+    async function loadHistory() {
+      try {
+        const response = await fetch(`${API_BASE}/adjustments?product=${props.product._id}&limit=50&sort=createdAt&order=desc`);
+        const data = await response.json();
+        history.value = data || [];
+      } catch (error) {
+        console.error("Error loading history:", error);
+      } finally {
+        loading.value = false;
+      }
+    }
+    function formatDate(dateString) {
+      const date = new Date(dateString);
+      return date.toLocaleDateString("en-US", {
+        day: "numeric",
+        month: "short",
+        year: "numeric"
+      });
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("div", _hoisted_2, [
+          vue.createElementVNode("div", _hoisted_3, [
+            __props.product.images && __props.product.images.length > 0 ? (vue.openBlock(), vue.createElementBlock("img", {
+              key: 0,
+              src: (_ctx.FILE_SERVER_URL || "") + __props.product.images[0],
+              alt: "Product",
+              class: "w-3r h-3r radius-small object-fit-cover mn-r-small"
+            }, null, 8, _hoisted_4)) : (vue.openBlock(), vue.createBlock(PlaceholderImage.default, {
+              key: 1,
+              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("div", _hoisted_7, [
+          vue.createElementVNode("table", _hoisted_8, [
+            _cache[3] || (_cache[3] = 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"),
+                vue.createElementVNode("th", { class: "pd-small t-left" }, "Quantity"),
+                vue.createElementVNode("th", { class: "pd-small t-left" }, "Reason"),
+                vue.createElementVNode("th", { class: "pd-small t-left" }, "User")
+              ])
+            ], -1)),
+            vue.createElementVNode("tbody", null, [
+              loading.value ? (vue.openBlock(), vue.createElementBlock("tr", _hoisted_9, _cache[1] || (_cache[1] = [
+                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] = [
+                vue.createElementVNode("td", {
+                  colspan: "5",
+                  class: "pd-medium t-center"
+                }, "No history available", -1)
+              ]))) : vue.createCommentVNode("", true),
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(history.value, (entry, index) => {
+                return vue.openBlock(), vue.createElementBlock("tr", {
+                  key: index,
+                  class: "border-b"
+                }, [
+                  vue.createElementVNode("td", _hoisted_11, vue.toDisplayString(formatDate(entry.createdAt)), 1),
+                  vue.createElementVNode("td", _hoisted_12, [
+                    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, [
+                        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, {
+                          key: 1,
+                          class: "w-100 h-100"
+                        }))
+                      ]),
+                      vue.createTextVNode(" " + vue.toDisplayString(entry.creator?.target?.profile?.name || "System"), 1)
+                    ])
+                  ])
+                ]);
+              }), 128))
+            ])
+          ])
+        ]),
+        vue.createElementVNode("button", {
+          onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("close")),
+          class: "pd-small radius-small flex-center flex w-max cursor-pointer bg-main t-black"
+        }, " Close ")
+      ]);
+    };
+  }
+};
+const HistoryView = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-ac527817"]]);
+exports.default = HistoryView;
+//# sourceMappingURL=HistoryView.vue.cjs.map

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

@@ -0,0 +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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}