@ozdao/martyrs 0.2.518 → 0.2.520

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

@@ -3,10 +3,12 @@ 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");
+const inventory_store = require("../../store/inventory.store.cjs");
 const IconInfo = require("../../../icons/navigation/IconInfo.vue.cjs");
 const _hoisted_1 = { class: "w-100" };
 const _hoisted_2 = { class: "mn-b-medium" };
@@ -28,14 +30,13 @@ const _sfc_main = {
       required: true
     }
   },
-  emits: ["save", "close"],
+  emits: ["close", "adjustment-created"],
   setup(__props, { emit: __emit }) {
     const route = vueRouter.useRoute();
     const props = __props;
     const emit = __emit;
     const quantity = vue.ref(0);
-    const selectedReason = vue.ref("custom");
-    const customReasonText = vue.ref("");
+    const selectedReason = vue.ref("restock");
     const note = vue.ref("");
     const selectedStorage = vue.ref(null);
     const selectedVariant = vue.ref(null);
@@ -47,7 +48,7 @@ const _sfc_main = {
       { label: "Return", value: "return", icon: IconInfo.default },
       { label: "Damage", value: "damage", icon: IconInfo.default },
       { label: "Transfer", value: "transfer", icon: IconInfo.default },
-      { label: "Custom", value: "custom", icon: IconInfo.default }
+      { label: "Other", value: "custom", icon: IconInfo.default }
     ];
     vue.onMounted(async () => {
       console.log("AdjustmentForm mounted with product:", props.product);
@@ -80,32 +81,48 @@ const _sfc_main = {
         console.error("Error fetching spots:", err);
       }
     });
-    function saveAdjustment() {
+    async function saveAdjustment() {
       if (!selectedVariant.value) {
         alert("Please select a variant");
-        return;
+        throw new Error("Please select a variant");
       }
       if (!selectedStorage.value) {
         alert("Please select a storage");
-        return;
+        throw new Error("Please select a storage");
+      }
+      try {
+        const adjustmentData = {
+          product: props.product._id,
+          variant: selectedVariant.value,
+          storage: selectedStorage.value,
+          source: {
+            type: "User",
+            target: auth.state.user._id
+          },
+          quantity: parseInt(quantity.value || 0),
+          reason: selectedReason.value,
+          comment: note.value || "",
+          owner: {
+            type: "organization",
+            target: route.params._id
+          },
+          creator: {
+            type: "user",
+            target: auth.state.user._id
+          }
+        };
+        const createdAdjustment = await inventory_store.actions.createAdjustment(adjustmentData);
+        emit("adjustment-created", {
+          product: props.product._id,
+          storage: selectedStorage.value,
+          quantity: parseInt(quantity.value || 0),
+          storageName: storageOptions.value.find((s) => s._id === selectedStorage.value)?.name
+        });
+        emit("close");
+      } catch (err) {
+        console.error(err);
+        throw err;
       }
-      const adjustmentData = {
-        product: props.product._id,
-        variant: selectedVariant.value,
-        storage: selectedStorage.value,
-        source: {
-          type: "User",
-          target: auth.state.user._id
-        },
-        quantity: parseInt(quantity.value || 0),
-        reason: selectedReason.value === "custom" ? customReasonText.value : selectedReason.value,
-        comment: note.value || "",
-        creator: {
-          type: "user",
-          target: auth.state.user._id
-        }
-      };
-      emit("save", adjustmentData);
     }
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
@@ -130,7 +147,7 @@ const _sfc_main = {
           ])
         ]),
         productVariants.value.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
-          _cache[6] || (_cache[6] = vue.createElementVNode("p", { class: "mn-b-small t-medium" }, "Select Variant", -1)),
+          _cache[4] || (_cache[4] = vue.createElementVNode("p", { class: "mn-b-small t-medium" }, "Select Variant", -1)),
           vue.createVNode(Select.default, {
             select: selectedVariant.value,
             "onUpdate:select": _cache[1] || (_cache[1] = ($event) => selectedVariant.value = $event),
@@ -142,7 +159,7 @@ const _sfc_main = {
           }, null, 8, ["select", "options"])
         ])) : vue.createCommentVNode("", true),
         vue.createElementVNode("div", _hoisted_5, [
-          _cache[7] || (_cache[7] = vue.createElementVNode("p", { class: "mn-b-small t-medium" }, "Select Storage", -1)),
+          _cache[5] || (_cache[5] = vue.createElementVNode("p", { class: "mn-b-small t-medium" }, "Select Storage", -1)),
           vue.createVNode(Select.default, {
             select: selectedStorage.value,
             "onUpdate:select": _cache[2] || (_cache[2] = ($event) => selectedStorage.value = $event),
@@ -154,7 +171,7 @@ const _sfc_main = {
           }, null, 8, ["select", "options"])
         ]),
         vue.createElementVNode("div", _hoisted_6, [
-          _cache[8] || (_cache[8] = vue.createElementVNode("p", { class: "mn-b-small t-medium" }, "Adjustment Reason", -1)),
+          _cache[6] || (_cache[6] = vue.createElementVNode("p", { class: "mn-b-small t-medium" }, "Adjustment Reason", -1)),
           vue.createElementVNode("div", _hoisted_7, [
             (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList(adjustmentReasons, (reason) => {
               return vue.createElementVNode("div", {
@@ -166,32 +183,39 @@ const _sfc_main = {
                 vue.createElementVNode("span", null, vue.toDisplayString(reason.label), 1)
               ], 10, _hoisted_8);
             }), 64))
-          ]),
-          selectedReason.value === "custom" ? (vue.openBlock(), vue.createBlock(Field.default, {
-            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"])) : vue.createCommentVNode("", true)
+          ])
         ]),
         vue.createVNode(Field.default, {
           field: note.value,
-          "onUpdate:field": _cache[4] || (_cache[4] = ($event) => note.value = $event),
+          "onUpdate:field": _cache[3] || (_cache[3] = ($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"]),
         vue.createElementVNode("div", _hoisted_9, [
-          vue.createElementVNode("button", {
-            onClick: _cache[5] || (_cache[5] = ($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: saveAdjustment,
+          }, {
+            default: vue.withCtx(() => _cache[7] || (_cache[7] = [
+              vue.createTextVNode(" Cancel ")
+            ])),
+            _: 1
+          }, 8, ["submit"]),
+          vue.createVNode(Button.default, {
+            submit: saveAdjustment,
+            showLoader: true,
+            showSucces: true,
             class: "pd-small radius-small flex-center flex w-100 cursor-pointer bg-main t-black"
-          }, " Save Adjustment ")
+          }, {
+            default: vue.withCtx(() => _cache[8] || (_cache[8] = [
+              vue.createTextVNode(" Save Adjustment ")
+            ])),
+            _: 1
+          })
         ])
       ]);
     };

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

@@ -1 +1 @@
-{"version":3,"file":"AdjustmentForm.vue.cjs","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":["useRoute","ref","IconDamage","IconExpire","IconMisplacement","IconThief","IconStocktake","IconCustom","onMounted","variants","spots.actions","auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiHA,UAAM,QAAQA,UAAAA,SAAQ;AAUtB,UAAM,QAAQ;AAOd,UAAM,OAAO;AAGb,UAAM,WAAWC,IAAAA,IAAI,CAAC;AACtB,UAAM,iBAAiBA,IAAAA,IAAI,QAAQ;AACnC,UAAM,mBAAmBA,IAAAA,IAAI,EAAE;AAC/B,UAAM,OAAOA,IAAAA,IAAI,EAAE;AACnB,UAAM,kBAAkBA,IAAAA,IAAI,IAAI;AAChC,UAAM,kBAAkBA,IAAAA,IAAI,IAAI;AAChC,UAAM,kBAAkBA,IAAAA,IAAI,CAAA,CAAE;AAC9B,UAAM,iBAAiBA,IAAAA,IAAI,CAAA,CAAE;AAG7B,UAAM,oBAAoB;AAAA,MACxB,EAAE,OAAO,WAAW,OAAO,WAAW,MAAMC,SAAAA,QAAU;AAAA,MACtD,EAAE,OAAO,QAAQ,OAAO,QAAQ,MAAMC,SAAAA,QAAU;AAAA,MAChD,EAAE,OAAO,UAAU,OAAO,UAAU,MAAMC,SAAAA,QAAgB;AAAA,MAC1D,EAAE,OAAO,UAAU,OAAO,UAAU,MAAMC,SAAAA,QAAS;AAAA,MACnD,EAAE,OAAO,YAAY,OAAO,YAAY,MAAMC,SAAAA,QAAa;AAAA,MAC3D,EAAE,OAAO,UAAU,OAAO,UAAU,MAAMC,SAAAA,QAAU;AAAA,IACtD;AAOAC,QAAAA,UAAU,YAAY;AACpB,cAAQ,IAAI,wCAAwC,MAAM,OAAO;AAGjE,UAAI;AACF,cAAM,eAAe,MAAMC,eAAAA,QAAS,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,MAAAA,QAAc,KAAK;AAAA,UACzC,MAAMC,KAAAA,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,KAAAA,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,KAAAA,MAAW,KAAK;AAAA,QAC9B;AAAA,MACA;AAEE,WAAK,QAAQ,cAAc;AAAA,IAC7B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"AdjustmentForm.vue.cjs","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    </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        :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=\"saveAdjustment\"\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 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 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 * as inventory from '@martyrs/src/modules/inventory/store/inventory.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(['close', 'adjustment-created'])\n\n// Form state\nconst quantity = ref(0)\nconst selectedReason = ref('restock')\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: 'Other', 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\nasync function saveAdjustment() {\n  if (!selectedVariant.value) {\n    alert('Please select a variant')\n    throw new Error('Please select a variant')\n  }\n  if (!selectedStorage.value) {\n    alert('Please select a storage')\n    throw new Error('Please select a storage')\n  }\n\n  try {\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,\n      comment: note.value || '',\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    const createdAdjustment = await inventory.actions.createAdjustment(adjustmentData)\n    \n    // Emit the adjustment data for parent component to update the product\n    emit('adjustment-created', {\n      product: props.product._id,\n      storage: selectedStorage.value,\n      quantity: parseInt(quantity.value || 0),\n      storageName: storageOptions.value.find(s => s._id === selectedStorage.value)?.name\n    })\n    \n    emit('close')\n  } catch (err) {\n    console.error(err)\n    throw err\n  }\n}\n</script>"],"names":["useRoute","ref","IconDamage","IconExpire","IconMisplacement","IconThief","IconStocktake","IconCustom","onMounted","variants","spots.actions","auth.state","inventory.actions"],"mappings":"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"}

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

@@ -1,10 +1,12 @@
-import { ref, onMounted, createElementBlock, openBlock, createElementVNode, createCommentVNode, createVNode, createBlock, Fragment, renderList, normalizeClass, resolveDynamicComponent, toDisplayString } from "vue";
+import { ref, onMounted, createElementBlock, openBlock, createElementVNode, createCommentVNode, createVNode, Fragment, renderList, normalizeClass, createBlock, resolveDynamicComponent, toDisplayString, withCtx, createTextVNode } from "vue";
 import { useRoute } from "vue-router";
 import Field from "../../../../components/Field/Field.vue.js";
-import Select from "../../../../components/Select/Select.vue2.js";
+import Select from "../../../../components/Select/Select.vue.js";
+import _sfc_main$2 from "../../../../components/Button/Button.vue.js";
 import { state } from "../../../auth/views/store/auth.js";
 import { actions } from "../../../spots/store/spots.js";
 import variantsStore from "../../../products/store/variants.store.js";
+import { actions as actions$1 } from "../../store/inventory.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" };
@@ -26,14 +28,13 @@ const _sfc_main = {
       required: true
     }
   },
-  emits: ["save", "close"],
+  emits: ["close", "adjustment-created"],
   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 selectedReason = ref("restock");
     const note = ref("");
     const selectedStorage = ref(null);
     const selectedVariant = ref(null);
@@ -45,7 +46,7 @@ const _sfc_main = {
       { 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 }
+      { label: "Other", value: "custom", icon: _sfc_main$1 }
     ];
     onMounted(async () => {
       console.log("AdjustmentForm mounted with product:", props.product);
@@ -78,32 +79,48 @@ const _sfc_main = {
         console.error("Error fetching spots:", err);
       }
     });
-    function saveAdjustment() {
+    async function saveAdjustment() {
       if (!selectedVariant.value) {
         alert("Please select a variant");
-        return;
+        throw new Error("Please select a variant");
       }
       if (!selectedStorage.value) {
         alert("Please select a storage");
-        return;
+        throw new Error("Please select a storage");
+      }
+      try {
+        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,
+          comment: note.value || "",
+          owner: {
+            type: "organization",
+            target: route.params._id
+          },
+          creator: {
+            type: "user",
+            target: state.user._id
+          }
+        };
+        const createdAdjustment = await actions$1.createAdjustment(adjustmentData);
+        emit("adjustment-created", {
+          product: props.product._id,
+          storage: selectedStorage.value,
+          quantity: parseInt(quantity.value || 0),
+          storageName: storageOptions.value.find((s) => s._id === selectedStorage.value)?.name
+        });
+        emit("close");
+      } catch (err) {
+        console.error(err);
+        throw err;
       }
-      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, [
@@ -128,7 +145,7 @@ const _sfc_main = {
           ])
         ]),
         productVariants.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_4, [
-          _cache[6] || (_cache[6] = createElementVNode("p", { class: "mn-b-small t-medium" }, "Select Variant", -1)),
+          _cache[4] || (_cache[4] = 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),
@@ -140,7 +157,7 @@ const _sfc_main = {
           }, 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)),
+          _cache[5] || (_cache[5] = 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),
@@ -152,7 +169,7 @@ const _sfc_main = {
           }, null, 8, ["select", "options"])
         ]),
         createElementVNode("div", _hoisted_6, [
-          _cache[8] || (_cache[8] = createElementVNode("p", { class: "mn-b-small t-medium" }, "Adjustment Reason", -1)),
+          _cache[6] || (_cache[6] = 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", {
@@ -164,32 +181,39 @@ const _sfc_main = {
                 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),
+          "onUpdate:field": _cache[3] || (_cache[3] = ($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")),
+          createVNode(_sfc_main$2, {
+            submit: () => _ctx.$emit("close"),
+            showLoader: false,
+            showSucces: false,
             class: "pd-small radius-small flex-center flex w-max cursor-pointer t-transp"
-          }, " Cancel "),
-          createElementVNode("button", {
-            onClick: saveAdjustment,
+          }, {
+            default: withCtx(() => _cache[7] || (_cache[7] = [
+              createTextVNode(" Cancel ")
+            ])),
+            _: 1
+          }, 8, ["submit"]),
+          createVNode(_sfc_main$2, {
+            submit: saveAdjustment,
+            showLoader: true,
+            showSucces: true,
             class: "pd-small radius-small flex-center flex w-100 cursor-pointer bg-main t-black"
-          }, " Save Adjustment ")
+          }, {
+            default: withCtx(() => _cache[8] || (_cache[8] = [
+              createTextVNode(" Save Adjustment ")
+            ])),
+            _: 1
+          })
         ])
       ]);
     };

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

@@ -1 +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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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    </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        :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=\"saveAdjustment\"\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 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 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 * as inventory from '@martyrs/src/modules/inventory/store/inventory.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(['close', 'adjustment-created'])\n\n// Form state\nconst quantity = ref(0)\nconst selectedReason = ref('restock')\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: 'Other', 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\nasync function saveAdjustment() {\n  if (!selectedVariant.value) {\n    alert('Please select a variant')\n    throw new Error('Please select a variant')\n  }\n  if (!selectedStorage.value) {\n    alert('Please select a storage')\n    throw new Error('Please select a storage')\n  }\n\n  try {\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,\n      comment: note.value || '',\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    const createdAdjustment = await inventory.actions.createAdjustment(adjustmentData)\n    \n    // Emit the adjustment data for parent component to update the product\n    emit('adjustment-created', {\n      product: props.product._id,\n      storage: selectedStorage.value,\n      quantity: parseInt(quantity.value || 0),\n      storageName: storageOptions.value.find(s => s._id === selectedStorage.value)?.name\n    })\n    \n    emit('close')\n  } catch (err) {\n    console.error(err)\n    throw err\n  }\n}\n</script>"],"names":["IconDamage","IconExpire","IconMisplacement","IconThief","IconStocktake","IconCustom","variants","spots.actions","auth.state","inventory.actions"],"mappings":"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"}

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

@@ -2,6 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const Checkbox = require("../../../../components/Checkbox/Checkbox.vue.cjs");
+const Button = require("../../../../components/Button/Button.vue.cjs");
 const _hoisted_1 = { class: "w-100" };
 const _hoisted_2 = { class: "mn-b-medium" };
 const _hoisted_3 = { class: "flex-nowrap flex gap-small" };
@@ -37,7 +38,7 @@ const _sfc_main = {
     }
     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)),
+        _cache[2] || (_cache[2] = 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", {
@@ -56,14 +57,28 @@ const _sfc_main = {
           }), 128))
         ]),
         vue.createElementVNode("div", _hoisted_3, [
-          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 t-transp"
-          }, " Cancel "),
-          vue.createElementVNode("button", {
-            onClick: saveSettings,
+          }, {
+            default: vue.withCtx(() => _cache[0] || (_cache[0] = [
+              vue.createTextVNode(" Cancel ")
+            ])),
+            _: 1
+          }, 8, ["submit"]),
+          vue.createVNode(Button.default, {
+            submit: saveSettings,
+            showLoader: false,
+            showSucces: false,
             class: "pd-small radius-small flex-center flex w-100 cursor-pointer bg-main t-black"
-          }, " Save Settings ")
+          }, {
+            default: vue.withCtx(() => _cache[1] || (_cache[1] = [
+              vue.createTextVNode(" Save Settings ")
+            ])),
+            _: 1
+          })
         ])
       ]);
     };

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

@@ -1 +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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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        :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=\"saveSettings\"\n        :showLoader=\"false\"\n        :showSucces=\"false\"\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'\nimport Button from '@martyrs/src/components/Button/Button.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":";;;;;;;;;;;;;;;;;;AAkDA,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

@@ -1,5 +1,6 @@
-import { ref, watch, createElementBlock, openBlock, createElementVNode, Fragment, renderList, createVNode } from "vue";
+import { ref, watch, createElementBlock, openBlock, createElementVNode, Fragment, renderList, createVNode, withCtx, createTextVNode } from "vue";
 import _sfc_main$1 from "../../../../components/Checkbox/Checkbox.vue.js";
+import _sfc_main$2 from "../../../../components/Button/Button.vue.js";
 const _hoisted_1 = { class: "w-100" };
 const _hoisted_2 = { class: "mn-b-medium" };
 const _hoisted_3 = { class: "flex-nowrap flex gap-small" };
@@ -35,7 +36,7 @@ const _sfc_main = {
     }
     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)),
+        _cache[2] || (_cache[2] = 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", {
@@ -54,14 +55,28 @@ const _sfc_main = {
           }), 128))
         ]),
         createElementVNode("div", _hoisted_3, [
-          createElementVNode("button", {
-            onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("close")),
+          createVNode(_sfc_main$2, {
+            submit: () => _ctx.$emit("close"),
+            showLoader: false,
+            showSucces: false,
             class: "pd-small radius-small flex-center flex w-max cursor-pointer t-transp"
-          }, " Cancel "),
-          createElementVNode("button", {
-            onClick: saveSettings,
+          }, {
+            default: withCtx(() => _cache[0] || (_cache[0] = [
+              createTextVNode(" Cancel ")
+            ])),
+            _: 1
+          }, 8, ["submit"]),
+          createVNode(_sfc_main$2, {
+            submit: saveSettings,
+            showLoader: false,
+            showSucces: false,
             class: "pd-small radius-small flex-center flex w-100 cursor-pointer bg-main t-black"
-          }, " Save Settings ")
+          }, {
+            default: withCtx(() => _cache[1] || (_cache[1] = [
+              createTextVNode(" Save Settings ")
+            ])),
+            _: 1
+          })
         ])
       ]);
     };

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

@@ -1 +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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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        :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=\"saveSettings\"\n        :showLoader=\"false\"\n        :showSucces=\"false\"\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'\nimport Button from '@martyrs/src/components/Button/Button.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":";;;;;;;;;;;;;;;;AAkDA,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}