@ozdao/martyrs 0.2.477 → 0.2.479

package/dist/martyrs/src/modules/products/components/pages/LeftoverEdit.vue.js

@@ -0,0 +1,345 @@
+import { ref, computed, onMounted, createElementBlock, openBlock, createElementVNode, createVNode, toDisplayString, unref, withCtx, Fragment, renderList, createBlock, createCommentVNode } from "vue";
+import _sfc_main$4 from "../../../../components/Block/Block.vue.js";
+import _sfc_main$7 from "../../../../components/Button/Button.vue2.js";
+import Field from "../../../../components/Field/Field.vue.js";
+import _sfc_main$2 from "../../../../components/Feed/Feed.vue.js";
+/* empty css                                           */
+import _sfc_main$1 from "../../../../components/Popup/Popup.vue2.js";
+import _sfc_main$3 from "../../../orders/components/blocks/CardOrderItem.vue.js";
+import CardSpot from "../../../spots/components/blocks/CardSpot.vue.js";
+import _sfc_main$5 from "../blocks/CardPosition.vue.js";
+import _sfc_main$6 from "../elements/QuantitySelector.vue.js";
+import { useRoute, useRouter } from "vue-router";
+import { useGlobalMixins } from "../../../globals/views/mixins/mixins.js";
+import { actions as actions$3 } from "../../../globals/views/store/globals.js";
+import { state as state$1 } from "../../../auth/views/store/auth.js";
+import { state, actions } from "../../store/leftovers.js";
+import { actions as actions$1 } from "../../store/products.js";
+import { actions as actions$2 } from "../../../spots/store/spots.js";
+const _hoisted_1 = { class: "pd-medium mobile:pd-thin" };
+const _hoisted_2 = { class: "mn-b-medium gap-small flex-v-center flex-nowrap flex" };
+const _hoisted_3 = { class: "" };
+const _hoisted_4 = { class: "gap-thin flex flex-column" };
+const _hoisted_5 = ["onClick"];
+const _hoisted_6 = {
+  key: 0,
+  class: "aspect-1x1 h-3r radius-small o-hidden"
+};
+const _hoisted_7 = ["src"];
+const _hoisted_8 = { class: "t-medium" };
+const _hoisted_9 = {
+  key: 0,
+  class: "t-small t-transp"
+};
+const _hoisted_10 = { class: "mn-l-auto" };
+const _hoisted_11 = { class: "gap-thin flex-v-center flex-nojustify flex" };
+const _hoisted_12 = { class: "h3 mn-r-auto" };
+const _sfc_main = {
+  __name: "LeftoverEdit",
+  setup(__props) {
+    const route = useRoute();
+    const router = useRouter();
+    const { formatPrice } = useGlobalMixins();
+    const isOpenProductsPopup = ref(false);
+    const isVariantsPopupOpen = ref(false);
+    const selectedProduct = ref(null);
+    const totalPrice = computed(() => {
+      return state.current.positions.reduce((sum, position) => {
+        return Number(sum) + Number(position.cost || 0) * Number(position.quantity || 1);
+      }, 0);
+    });
+    function openProductsPopup() {
+      isOpenProductsPopup.value = true;
+    }
+    function closeProductsPopup() {
+      isOpenProductsPopup.value = false;
+    }
+    function closeVariantsPopup() {
+      isVariantsPopupOpen.value = false;
+      selectedProduct.value = null;
+    }
+    function selectProduct(product) {
+      selectedProduct.value = product;
+      closeProductsPopup();
+      if (product.variants && product.variants.length === 1) {
+        addVariantToInventory(product.variants[0]);
+        return;
+      }
+      isVariantsPopupOpen.value = true;
+    }
+    function formatProductName(product, variant) {
+      var _a, _b, _c;
+      if (!variant || ((_a = product.variants) == null ? void 0 : _a.length) === 1 && !((_b = variant.attributes) == null ? void 0 : _b.length))
+        return product.name;
+      const attrs = (_c = variant.attributes) == null ? void 0 : _c.map((a) => a.value).filter(Boolean);
+      return (attrs == null ? void 0 : attrs.length) ? `${product.name} / ${attrs.join(" / ")}` : `${product.name} / ${variant.name}`;
+    }
+    function addVariantToInventory(variant) {
+      var _a, _b, _c;
+      console.log("variant", variant);
+      const position = {
+        _id: variant._id,
+        product: selectedProduct.value._id,
+        name: formatProductName(selectedProduct.value, variant),
+        image: ((_a = variant.images) == null ? void 0 : _a[0]) || ((_c = (_b = selectedProduct.value) == null ? void 0 : _b.images) == null ? void 0 : _c[0]) || null,
+        cost: variant.cost || variant.price || 0,
+        unit: variant.unit || "pcs",
+        quantity: 1,
+        variant: {
+          _id: variant._id,
+          name: variant.name,
+          attributes: variant.attributes || []
+        }
+      };
+      actions$3.add(state.current.positions, position);
+      closeVariantsPopup();
+    }
+    onMounted(async () => {
+      if (route.params.leftover) {
+        try {
+          await actions.fetch(route.params.leftover);
+        } catch (error) {
+          console.error("Error fetching leftover:", error);
+        }
+      } else {
+        state.current = { type: "stock-in", positions: [] };
+      }
+    });
+    async function onReset() {
+      if (route.params.leftover) {
+        await actions.fetch(route.params.leftover);
+      } else {
+        state.current = { type: "stock-in", positions: [] };
+      }
+      return true;
+    }
+    function onSubmit() {
+      state.current.organization = route.params._id;
+      if (route.params.leftover) {
+        actions.update(state.current).then(
+          () => router.push({ name: "Leftovers", params: { _id: route.params._id } }),
+          (error) => console.error("Error updating leftover:", error)
+        );
+      } else {
+        state.current.creator = {
+          type: "user",
+          target: state$1.user._id
+        };
+        state.current.owner = {
+          type: "organization",
+          target: route.params._id
+        };
+        actions.create(state.current).then(
+          () => router.push({ name: "Leftovers", params: { _id: route.params._id } }),
+          (error) => console.error("Error creating leftover:", error)
+        );
+      }
+    }
+    function onDelete() {
+      actions.delete(route.params.leftover).then(
+        () => router.push({ name: "Leftovers", params: { _id: route.params._id } }),
+        (error) => console.error("Error deleting leftover:", error)
+      );
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("header", _hoisted_2, [
+          createElementVNode("h2", _hoisted_3, toDisplayString(unref(route).params.leftover ? "Edit " : "Add ") + " Inventory", 1)
+        ]),
+        createVNode(_sfc_main$1, {
+          title: "Add position",
+          onClosePopup: closeProductsPopup,
+          isPopupOpen: isOpenProductsPopup.value,
+          class: "bg-white w-100 w-max-30r radius-medium pd-medium"
+        }, {
+          default: withCtx(() => [
+            createVNode(_sfc_main$2, {
+              search: {
+                class: "bg-light radius-small"
+              },
+              states: {
+                empty: {
+                  title: "No Products Found",
+                  description: "Currently, there are no such products available."
+                }
+              },
+              store: {
+                read: (options) => actions$1.read(options),
+                state: null
+              },
+              options: {
+                owner: unref(route).params._id
+              },
+              class: "flex-column flex gap-thin h-max-20r o-scroll"
+            }, {
+              default: withCtx(({
+                items
+              }) => [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(items, (product, index) => {
+                  return openBlock(), createBlock(_sfc_main$3, {
+                    key: product._id,
+                    editable: false,
+                    product,
+                    onClick: () => selectProduct(product),
+                    class: "bg-light pd-small radius-small w-100"
+                  }, null, 8, ["product", "onClick"]);
+                }), 128))
+              ]),
+              _: 1
+            }, 8, ["store", "options"])
+          ]),
+          _: 1
+        }, 8, ["isPopupOpen"]),
+        createVNode(_sfc_main$1, {
+          title: "Select variant",
+          onClosePopup: closeVariantsPopup,
+          isPopupOpen: isVariantsPopupOpen.value,
+          class: "bg-white w-100 w-max-30r radius-medium pd-medium"
+        }, {
+          default: withCtx(() => [
+            createElementVNode("div", _hoisted_4, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(selectedProduct.value.variants, (variant, index) => {
+                return openBlock(), createElementBlock("div", {
+                  key: index,
+                  onClick: ($event) => addVariantToInventory(variant),
+                  class: "w-100 cursor-pointer hover-scale-1 bg-light pd-small radius-small flex-v-center flex-nowrap flex gap-thin"
+                }, [
+                  variant.images && variant.images.length ? (openBlock(), createElementBlock("div", _hoisted_6, [
+                    createElementVNode("img", {
+                      src: (_ctx.FILE_SERVER_URL || "") + variant.images[0],
+                      class: "w-100 h-100 object-fit-cover"
+                    }, null, 8, _hoisted_7)
+                  ])) : createCommentVNode("", true),
+                  createElementVNode("div", null, [
+                    createElementVNode("p", _hoisted_8, toDisplayString(variant.name || "Default variant"), 1),
+                    variant.attributes && variant.attributes.length ? (openBlock(), createElementBlock("p", _hoisted_9, toDisplayString(variant.attributes.map((attr) => `${attr.name}: ${attr.value}`).join(", ")), 1)) : createCommentVNode("", true)
+                  ]),
+                  createElementVNode("p", _hoisted_10, toDisplayString(unref(formatPrice)(variant.cost)), 1)
+                ], 8, _hoisted_5);
+              }), 128))
+            ])
+          ]),
+          _: 1
+        }, 8, ["isPopupOpen"]),
+        createVNode(_sfc_main$4, { class: "mn-b-thin" }, {
+          default: withCtx(() => [
+            createVNode(Field, {
+              field: state.current.comment,
+              "onUpdate:field": _cache[0] || (_cache[0] = ($event) => state.current.comment = $event),
+              placeholder: "Describe details of the leftover",
+              type: "textarea",
+              class: "w-100 bg-white radius-small pd-medium"
+            }, null, 8, ["field"]),
+            _cache[1] || (_cache[1] = createElementVNode("div", { class: "t-medium mn-t-thin" }, "Select Storage:", -1)),
+            createVNode(_sfc_main$2, {
+              states: {
+                empty: {
+                  title: "No Spots Found",
+                  description: "Currently, there are no spots available."
+                }
+              },
+              store: {
+                read: (options) => actions$2.read(options),
+                state: state.state
+              },
+              options: {
+                user: state$1.user._id,
+                organization: unref(route).params._id,
+                limit: 3
+              },
+              class: "flex-nowrap flex-column gap-thin flex"
+            }, {
+              default: withCtx(({
+                items
+              }) => [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(items, (spot, index) => {
+                  return openBlock(), createBlock(CardSpot, {
+                    key: index,
+                    spot,
+                    organization: unref(route).params._id,
+                    selected: state.current.storage === spot._id,
+                    onClick: () => state.current.storage = state.current.storage === spot._id ? null : spot._id,
+                    class: "radius-medium bg-white"
+                  }, null, 8, ["spot", "organization", "selected", "onClick"]);
+                }), 128))
+              ]),
+              _: 1
+            }, 8, ["store", "options"])
+          ]),
+          _: 1
+        }),
+        createVNode(_sfc_main$4, {
+          title: "Positions",
+          actions: [{
+            label: "+",
+            function: () => openProductsPopup()
+          }],
+          placeholder: "No positions added yet",
+          class: "h-100 flex-column flex gap-thin mn-b-thin"
+        }, {
+          default: withCtx(() => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(state.current.positions, (position, index) => {
+              return openBlock(), createBlock(_sfc_main$5, {
+                key: position._id || index,
+                image: position.image,
+                name: position.name,
+                title: unref(formatPrice)(position.cost * position.quantity),
+                title_class: [position.cost * position.quantity < 0 ? "t-red" : "t-second"],
+                subtitle: `${unref(formatPrice)(position.cost)} × ${Math.abs(position.quantity)}${position.unit} `
+              }, {
+                actions: withCtx(() => [
+                  createVNode(_sfc_main$6, {
+                    modelValue: position.quantity,
+                    "onUpdate:modelValue": ($event) => position.quantity = $event
+                  }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                ]),
+                _: 2
+              }, 1032, ["image", "name", "title", "title_class", "subtitle"]);
+            }), 128))
+          ]),
+          _: 1
+        }, 8, ["actions"]),
+        createVNode(_sfc_main$4, { class: "" }, {
+          default: withCtx(() => [
+            createElementVNode("section", _hoisted_11, [
+              createElementVNode("span", _hoisted_12, " In total: " + toDisplayString(unref(formatPrice)(totalPrice.value)), 1),
+              createVNode(_sfc_main$7, {
+                submit: onSubmit,
+                class: "bg-main w-min-5r button"
+              }, {
+                default: withCtx(() => _cache[2] || (_cache[2] = [
+                  createElementVNode("span", null, "Save", -1)
+                ])),
+                _: 1
+              }),
+              createVNode(_sfc_main$7, {
+                submit: onReset,
+                class: "t-white w-min-5r bg-second button"
+              }, {
+                default: withCtx(() => _cache[3] || (_cache[3] = [
+                  createElementVNode("span", null, "Reset", -1)
+                ])),
+                _: 1
+              }),
+              unref(route).params.leftover ? (openBlock(), createBlock(_sfc_main$7, {
+                key: 0,
+                submit: onDelete,
+                class: "t-white w-min-5r bg-red button"
+              }, {
+                default: withCtx(() => _cache[4] || (_cache[4] = [
+                  createElementVNode("span", null, "Delete", -1)
+                ])),
+                _: 1
+              })) : createCommentVNode("", true)
+            ])
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=LeftoverEdit.vue.js.map

package/dist/martyrs/src/modules/products/components/pages/LeftoverEdit.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LeftoverEdit.vue.js","sources":["../../../../../../../src/modules/products/components/pages/LeftoverEdit.vue"],"sourcesContent":["<template>\n  <div class=\"pd-medium mobile:pd-thin\">\n    <header class=\"mn-b-medium gap-small flex-v-center flex-nowrap flex\">\n      <h2 class=\"\">{{route.params.leftover ? 'Edit ' : 'Add ' }} Inventory</h2>\n    </header>\n    \n    <Popup \n      title=\"Add position\" \n      @close-popup=\"closeProductsPopup\" \n      :isPopupOpen=\"isOpenProductsPopup\"\n      class=\"bg-white w-100 w-max-30r  radius-medium pd-medium\"\n    >\n      <Feed\n        :search=\"{\n          class: 'bg-light radius-small'\n        }\"\n        :states=\"{\n          empty: {\n            title: 'No Products Found',\n            description: 'Currently, there are no such products available.'\n          }\n        }\"\n        :store=\"{\n          read: (options) => products.actions.read(options),\n          state: null\n        }\"\n        :options=\"{\n          owner: route.params._id,\n        }\"\n        v-slot=\"{ \n          items \n        }\"\n        class=\"flex-column flex gap-thin h-max-20r o-scroll\"\n      >\n        <CardOrderItem\n          v-for=\"(product, index) in items\" :key=\"product._id\"\n          :editable=\"false\" \n          :product=\"product\" \n          @click=\"() => selectProduct(product)\"\n          class=\"bg-light pd-small radius-small w-100\"\n        />\n      </Feed>\n    </Popup>\n    \n    <!-- Popup for selecting variant of the product -->\n    <Popup \n      title=\"Select variant\" \n      @close-popup=\"closeVariantsPopup\" \n      :isPopupOpen=\"isVariantsPopupOpen\"\n      class=\"bg-white w-100 w-max-30r  radius-medium pd-medium\"\n    >\n      <div class=\"gap-thin flex flex-column\">\n        <div \n          v-for=\"(variant, index) in selectedProduct.variants\" \n          :key=\"index\"\n          @click=\"addVariantToInventory(variant)\"\n          class=\"w-100 cursor-pointer hover-scale-1 bg-light pd-small radius-small flex-v-center flex-nowrap flex gap-thin\"\n        >\n          <div v-if=\"variant.images && variant.images.length\" class=\"aspect-1x1 h-3r radius-small o-hidden\">\n            <img \n              :src=\"(FILE_SERVER_URL || '') + variant.images[0]\" \n              class=\"w-100 h-100 object-fit-cover\"\n            />\n          </div>\n          <div>\n            <p class=\"t-medium\">{{ variant.name || 'Default variant' }}</p>\n            <p v-if=\"variant.attributes && variant.attributes.length\" class=\"t-small t-transp\">\n              {{ variant.attributes.map(attr => `${attr.name}: ${attr.value}`).join(', ') }}\n            </p>\n          </div>\n          <p class=\"mn-l-auto\">{{ formatPrice(variant.cost) }}</p>\n        </div>\n      </div>\n    </Popup>\n\n    <Block\n      class=\"mn-b-thin\"\n    >\n       <Field\n        v-model:field=\"leftovers.state.current.comment\"\n        placeholder=\"Describe details of the leftover\"\n        type=\"textarea\"\n        class=\"w-100 bg-white radius-small pd-medium\"\n      />  \n      <div class=\"t-medium mn-t-thin\">Select Storage:</div>\n      <Feed\n        :states=\"{\n          empty: {\n            title: 'No Spots Found',\n            description: 'Currently, there are no spots available.'\n          }\n        }\"\n        :store=\"{\n          read: (options) => spots.actions.read(options),\n          state: leftovers.state.state\n        }\"\n        :options=\"{\n          user: auth.state.user._id,\n          organization: route.params._id,\n          limit: 3\n        }\"\n        v-slot=\"{ \n          items \n        }\"\n        class=\"flex-nowrap flex-column gap-thin flex\"\n      >\n        <CardSpot\n          v-for=\"(spot, index) in items\"\n          :key=\"index\"\n          :spot=\"spot\"\n          :organization=\"route.params._id\"\n          :selected=\"leftovers.state.current.storage === spot._id\"\n          @click=\"() => leftovers.state.current.storage = leftovers.state.current.storage === spot._id ? null : spot._id\"\n          class=\"radius-medium bg-white\"\n        />\n      </Feed>\n\n\n    </Block>\n\n    <Block\n      title=\"Positions\"\n      :actions=\"[{\n        label: '+',\n        function: () => openProductsPopup()\n      }]\"\n      placeholder=\"No positions added yet\"\n      class=\"h-100 flex-column flex gap-thin mn-b-thin\"\n    >\n      <CardPosition\n        v-for=\"(position, index) in leftovers.state.current.positions\" \n        :key=\"position._id || index\" \n        :image=\"position.image\"\n        :name=\"position.name\"\n        :title=\"formatPrice(position.cost * position.quantity)\"\n        :title_class=\"[position.cost * position.quantity < 0 ? 't-red' : 't-second']\"\n        :subtitle=\"`${formatPrice(position.cost)} × ${Math.abs(position.quantity)}${position.unit} `\"\n      >\n        <template v-slot:actions>\n          <QuantitySelector v-model=\"position.quantity\"/>\n         \n          <!-- <Dropdown\n            :label=\"{ component: IconEllipsis, class: 't-transp i-medium' }\"\n            class=\"cursor-pointer aspect-1x1 pd-nano radius-small hover-bg-light\"\n            align=\"right\"\n          >\n            <div class=\"bg-white radius-small\">\n              <button @click=\"leftovers.state.current.positions.splice(index, 1)\" class=\"cursor-pointer t-left t-nowrap w-100 pd-small\">\n                Delete\n              </button>\n            </div>\n          </Dropdown> -->\n\n        </template>\n      </CardPosition>\n  \n    </Block>\n\n     <!--  :actions=\"[{\n          component: IconEdit,\n          handler: () => globals.actions.add(leftovers.state.current.positions, position),\n          class: 'bg-light'\n        },{\n          component: IconDelete,\n          handler: () => leftovers.state.current.positions.splice(index, 1),\n          class: 'bg-red'\n        }]\" -->\n\n    <Block class=\"\">\n      <section class=\"gap-thin flex-v-center flex-nojustify flex\">\n        <span class=\"h3 mn-r-auto\">\n          In total: {{formatPrice(totalPrice)}}\n        </span>\n\n         <!-- Save -->\n        <Button\n          :submit=\"onSubmit\"\n          class=\"bg-main w-min-5r  button\"\n        >\n          <span>Save</span>\n        </Button>\n\n        <!-- Reset -->\n        <Button\n          :submit=\"onReset\"\n          class=\"t-white w-min-5r bg-second button\"\n        >\n          <span>Reset</span>\n        </Button>\n\n        <!-- Delete -->\n        <Button\n          v-if=\"route.params.leftover\"\n          :submit=\"onDelete\"\n          class=\"t-white w-min-5r bg-red button\"\n        >\n          <span>Delete</span>\n        </Button>\n      </section>\n    </Block>\n  </div>\n</template>\n\n\n<script setup>\n  import Block from '@martyrs/src/components/Block/Block.vue';\n  import Button from \"@martyrs/src/components/Button/Button.vue\";\n  import Field from '@martyrs/src/components/Field/Field.vue';\n  import Feed from '@martyrs/src/components/Feed/Feed.vue';\n  import Select from '@martyrs/src/components/Select/Select.vue';\n  import Dropdown from '@martyrs/src/components/Dropdown/Dropdown.vue'\n  import Popup from '@martyrs/src/components/Popup/Popup.vue';\n\n  import CardOrderItem from '@martyrs/src/modules/orders/components/blocks/CardOrderItem.vue';\n  import CardSpot from '@martyrs/src/modules/spots/components/blocks/CardSpot.vue'; \n\n  import CardPosition from '../blocks/CardPosition.vue';\n  import QuantitySelector from '../elements/QuantitySelector.vue';\n\n  import { computed, onMounted, ref, reactive } from 'vue';\n  import { useRoute, useRouter } from 'vue-router';\n  import { useGlobalMixins } from '@martyrs/src/modules/globals/views/mixins/mixins.js';\n \n  import * as globals from '@martyrs/src/modules/globals/views/store/globals.js';\n  import * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n  import * as leftovers from '@martyrs/src/modules/products/store/leftovers.js';\n  import * as products from '@martyrs/src/modules/products/store/products.js';\n  import * as spots from '@martyrs/src/modules/spots/store/spots.js';\n\n  import IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue';\n  import IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue';\n  import IconEllipsis from '@martyrs/src/modules/icons/navigation/IconEllipsis.vue'\n\n  const route = useRoute();\n  const router = useRouter();\n  const { formatPrice } = useGlobalMixins();\n  \n  const isOpenProductsPopup = ref(false);\n  const isVariantsPopupOpen = ref(false);\n  const selectedProduct = ref(null);\n\n  const totalPrice = computed(() => {\n    return leftovers.state.current.positions.reduce((sum, position) => {\n      return Number(sum) + Number(position.cost || 0) * Number(position.quantity || 1);\n    }, 0);\n  });\n\n  function openProductsPopup() {\n    isOpenProductsPopup.value = true;\n  }\n\n  function closeProductsPopup() {\n    isOpenProductsPopup.value = false;\n  }\n  \n  function closeVariantsPopup() {\n    isVariantsPopupOpen.value = false;\n    selectedProduct.value = null;\n  }\n  \n  function selectProduct(product) {\n    selectedProduct.value = product;\n    closeProductsPopup();\n    \n    // If product has only one variant, add it directly without showing popup\n    if (product.variants && product.variants.length === 1) {\n      addVariantToInventory(product.variants[0]);\n      return;\n    }\n    \n    // If product has multiple variants or no variants defined, show popup\n    isVariantsPopupOpen.value = true;\n  }\n\n  function formatProductName(product, variant) {\n    if (!variant || product.variants?.length === 1 && !(variant.attributes?.length))\n      return product.name;\n\n    const attrs = variant.attributes?.map(a => a.value).filter(Boolean);\n    return attrs?.length\n      ? `${product.name} / ${attrs.join(' / ')}`\n      : `${product.name} / ${variant.name}`;\n  }\n\n  \n  function addVariantToInventory(variant) {\n    // Create a position object that includes variant information\n    console.log('variant',variant)\n    const position = {\n      _id: variant._id,\n      product: selectedProduct.value._id, \n      name: formatProductName(selectedProduct.value, variant),\n      image: variant.images?.[0] || selectedProduct.value?.images?.[0] || null,\n      cost: variant.cost || variant.price || 0,\n      unit: variant.unit || 'pcs',\n      quantity: 1,\n      variant: {\n        _id: variant._id,\n        name: variant.name,\n        attributes: variant.attributes || []\n      }\n    };\n    // Add position to leftover state\n    globals.actions.add(leftovers.state.current.positions, position);\n    closeVariantsPopup();\n  }\n\n  onMounted(async () => {\n    if (route.params.leftover) {\n      try {\n        await leftovers.actions.fetch(route.params.leftover);\n      } catch (error) {\n        console.error('Error fetching leftover:', error);\n      }\n    } else {\n      leftovers.state.current = { type: \"stock-in\", positions: [] };\n    }\n  });\n\n  async function onReset() {\n    if (route.params.leftover) {\n      await leftovers.actions.fetch(route.params.leftover);\n    } else {\n      leftovers.state.current = { type: \"stock-in\", positions: [] };\n    }\n    return true\n  }\n\n  function onSubmit() {\n    leftovers.state.current.organization = route.params._id;\n\n    if (route.params.leftover) {\n      leftovers.actions.update(leftovers.state.current).then(\n        () => router.push({ name: 'Leftovers', params: {_id: route.params._id} }),\n        (error) => console.error('Error updating leftover:', error)\n      );\n    } else {\n      leftovers.state.current.creator = {\n        type: 'user',\n        target: auth.state.user._id\n      }\n      leftovers.state.current.owner = {\n        type: 'organization',\n        target: route.params._id\n      }\n\n      leftovers.actions.create(leftovers.state.current).then(\n        () => router.push({ name: 'Leftovers', params: {_id: route.params._id} }),\n        (error) => console.error('Error creating leftover:', error)\n      );\n    }\n  }\n\n  function onDelete() {\n    leftovers.actions.delete(route.params.leftover).then(\n      () => router.push({ name: 'Leftovers', params: {_id: route.params._id} }),\n      (error) => console.error('Error deleting leftover:', error)\n    );\n  }\n</script>"],"names":["leftovers.state","globals.actions","leftovers.actions","auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyOE,UAAM,QAAQ,SAAU;AACxB,UAAM,SAAS,UAAW;AAC1B,UAAM,EAAE,YAAa,IAAG,gBAAiB;AAEzC,UAAM,sBAAsB,IAAI,KAAK;AACrC,UAAM,sBAAsB,IAAI,KAAK;AACrC,UAAM,kBAAkB,IAAI,IAAI;AAEhC,UAAM,aAAa,SAAS,MAAM;AAChC,aAAOA,MAAgB,QAAQ,UAAU,OAAO,CAAC,KAAK,aAAa;AACjE,eAAO,OAAO,GAAG,IAAI,OAAO,SAAS,QAAQ,CAAC,IAAI,OAAO,SAAS,YAAY,CAAC;AAAA,MAChF,GAAE,CAAC;AAAA,IACR,CAAG;AAED,aAAS,oBAAoB;AAC3B,0BAAoB,QAAQ;AAAA,IAChC;AAEE,aAAS,qBAAqB;AAC5B,0BAAoB,QAAQ;AAAA,IAChC;AAEE,aAAS,qBAAqB;AAC5B,0BAAoB,QAAQ;AAC5B,sBAAgB,QAAQ;AAAA,IAC5B;AAEE,aAAS,cAAc,SAAS;AAC9B,sBAAgB,QAAQ;AACxB,yBAAoB;AAGpB,UAAI,QAAQ,YAAY,QAAQ,SAAS,WAAW,GAAG;AACrD,8BAAsB,QAAQ,SAAS,CAAC,CAAC;AACzC;AAAA,MACN;AAGI,0BAAoB,QAAQ;AAAA,IAChC;AAEE,aAAS,kBAAkB,SAAS,SAAS;;AAC3C,UAAI,CAAC,aAAW,aAAQ,aAAR,mBAAkB,YAAW,KAAK,GAAE,aAAQ,eAAR,mBAAoB;AACtE,eAAO,QAAQ;AAEjB,YAAM,SAAQ,aAAQ,eAAR,mBAAoB,IAAI,OAAK,EAAE,OAAO,OAAO;AAC3D,cAAO,+BAAO,UACV,GAAG,QAAQ,IAAI,MAAM,MAAM,KAAK,KAAK,CAAC,KACtC,GAAG,QAAQ,IAAI,MAAM,QAAQ,IAAI;AAAA,IACzC;AAGE,aAAS,sBAAsB,SAAS;;AAEtC,cAAQ,IAAI,WAAU,OAAO;AAC7B,YAAM,WAAW;AAAA,QACf,KAAK,QAAQ;AAAA,QACb,SAAS,gBAAgB,MAAM;AAAA,QAC/B,MAAM,kBAAkB,gBAAgB,OAAO,OAAO;AAAA,QACtD,SAAO,aAAQ,WAAR,mBAAiB,SAAM,2BAAgB,UAAhB,mBAAuB,WAAvB,mBAAgC,OAAM;AAAA,QACpE,MAAM,QAAQ,QAAQ,QAAQ,SAAS;AAAA,QACvC,MAAM,QAAQ,QAAQ;AAAA,QACtB,UAAU;AAAA,QACV,SAAS;AAAA,UACP,KAAK,QAAQ;AAAA,UACb,MAAM,QAAQ;AAAA,UACd,YAAY,QAAQ,cAAc,CAAA;AAAA,QAC1C;AAAA,MACK;AAEDC,gBAAgB,IAAID,MAAgB,QAAQ,WAAW,QAAQ;AAC/D,yBAAoB;AAAA,IACxB;AAEE,cAAU,YAAY;AACpB,UAAI,MAAM,OAAO,UAAU;AACzB,YAAI;AACF,gBAAME,QAAkB,MAAM,MAAM,OAAO,QAAQ;AAAA,QACpD,SAAQ,OAAO;AACd,kBAAQ,MAAM,4BAA4B,KAAK;AAAA,QACvD;AAAA,MACA,OAAW;AACLF,cAAgB,UAAU,EAAE,MAAM,YAAY,WAAW,CAAA,EAAI;AAAA,MACnE;AAAA,IACA,CAAG;AAED,mBAAe,UAAU;AACvB,UAAI,MAAM,OAAO,UAAU;AACzB,cAAME,QAAkB,MAAM,MAAM,OAAO,QAAQ;AAAA,MACzD,OAAW;AACLF,cAAgB,UAAU,EAAE,MAAM,YAAY,WAAW,CAAA,EAAI;AAAA,MACnE;AACI,aAAO;AAAA,IACX;AAEE,aAAS,WAAW;AAClBA,YAAgB,QAAQ,eAAe,MAAM,OAAO;AAEpD,UAAI,MAAM,OAAO,UAAU;AACzBE,gBAAkB,OAAOF,MAAgB,OAAO,EAAE;AAAA,UAChD,MAAM,OAAO,KAAK,EAAE,MAAM,aAAa,QAAQ,EAAC,KAAK,MAAM,OAAO,IAAG,EAAC,CAAE;AAAA,UACxE,CAAC,UAAU,QAAQ,MAAM,4BAA4B,KAAK;AAAA,QAC3D;AAAA,MACP,OAAW;AACLA,cAAgB,QAAQ,UAAU;AAAA,UAChC,MAAM;AAAA,UACN,QAAQG,QAAW,KAAK;AAAA,QAChC;AACMH,cAAgB,QAAQ,QAAQ;AAAA,UAC9B,MAAM;AAAA,UACN,QAAQ,MAAM,OAAO;AAAA,QAC7B;AAEME,gBAAkB,OAAOF,MAAgB,OAAO,EAAE;AAAA,UAChD,MAAM,OAAO,KAAK,EAAE,MAAM,aAAa,QAAQ,EAAC,KAAK,MAAM,OAAO,IAAG,EAAC,CAAE;AAAA,UACxE,CAAC,UAAU,QAAQ,MAAM,4BAA4B,KAAK;AAAA,QAC3D;AAAA,MACP;AAAA,IACA;AAEE,aAAS,WAAW;AAClBE,cAAkB,OAAO,MAAM,OAAO,QAAQ,EAAE;AAAA,QAC9C,MAAM,OAAO,KAAK,EAAE,MAAM,aAAa,QAAQ,EAAC,KAAK,MAAM,OAAO,IAAG,EAAC,CAAE;AAAA,QACxE,CAAC,UAAU,QAAQ,MAAM,4BAA4B,KAAK;AAAA,MAC3D;AAAA,IACL;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}