@ozdao/martyrs 0.2.488 → 0.2.491

package/dist/martyrs/src/modules/products/components/sections/EditRecommended.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditRecommended.vue.js","sources":["../../../../../../../src/modules/products/components/sections/EditRecommended.vue"],"sourcesContent":["<template>\n  <Block\n    title=\"Recommended Products\"\n    placeholder=\"No recommended products added yet. Add products that are frequently bought together.\"\n    :actions=\"[{\n      label: '+',\n      function: () => openRecommendedPopup()\n    }]\"\n  >\n    <div v-if=\"recommended?.length > 0\" class=\"rows-1 gap-thin\">\n      <CardPosition \n        v-for=\"(product, index) in recommended\" \n        :key=\"product._id\" \n        :image=\"product.images?.[0] ? (FILE_SERVER_URL || '') + product.images[0] : ''\"\n        :name=\"product.name\"\n        :title=\"`${returnCurrency()}${product.price}`\"\n        :showThumbnail=\"true\"\n        :actions=\"[\n          {\n            icon: IconDelete,\n            class: 'bg-red',\n            handler: () => {\n              globals.actions.delete(recommended, product, index);\n            }\n          }\n        ]\"\n        class=\"bg-white pd-thin radius-medium w-100 mn-b-thin\"\n      />\n    </div>\n  </Block>\n\n  <Popup \n    title=\"Add Recommended Product\" \n    @close-popup=\"closeRecommendedPopup\" \n    :isPopupOpen=\"isRecommendedPopupOpen\"\n    class=\"bg-white w-min-30r w-max-30r radius-medium pd-medium\"\n  >\n    <div class=\"bg-light mn-b-thin h-min-20r h-max-20r o-scroll pd-medium radius-medium\">\n      <Feed\n        :search=\"{\n          class: 'bg-white mn-b-thin'\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=\"{ items }\"\n        class=\"\"\n      >\n        <CardPosition\n          v-for=\"(product, index) in items\" :key=\"product._id\"\n          :image=\"product.images?.[0] ? (FILE_SERVER_URL || '') + product.images[0] : ''\"\n          :name=\"product.name\"\n          :title=\"`${returnCurrency()}${product.price}`\"\n          :showThumbnail=\"true\"\n          @click=\"globals.actions.add(recommended, product); closeRecommendedPopup();\"\n          class=\"bg-white pd-thin radius-medium w-100 mn-b-thin cursor-pointer hover-scale-1\"\n        />\n      </Feed>\n    </div>\n  </Popup>\n</template>\n\n<script setup>\nimport { ref, computed, onMounted, defineModel } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\nimport { useGlobalMixins } from \"@martyrs/src/modules/globals/views/mixins/mixins.js\"\n\n// Импорт компонентов\nimport Block from '@martyrs/src/components/Block/Block.vue';\nimport Popup from '@martyrs/src/components/Popup/Popup.vue';\nimport Feed from '@martyrs/src/components/Feed/Feed.vue';\n\n// Импорт модулей и глобальных хранилищ\nimport * as globals from '@martyrs/src/modules/globals/views/store/globals.js';\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\nimport * as products from '@martyrs/src/modules/products/store/products.js';\n\n// Импорт карточек\nimport CardPosition from '@martyrs/src/modules/products/components/blocks/CardPosition.vue';\nimport IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue';\n\n// Получение route и router\nconst route = useRoute();\nconst router = useRouter();\nconst { returnCurrency } = useGlobalMixins();\n\n// Используем defineModel для работы с v-model в родительском компоненте\nconst recommended = defineModel('recommended');\n\n// Локальное состояние\nconst isRecommendedPopupOpen = ref(false);\n\n// При монтировании компонента инициализируем recommended\nonMounted(async () => {\n  // Инициализируем recommended как пустой массив, если не определено или не массив\n  if (!recommended.value || !Array.isArray(recommended.value)) {\n    recommended.value = [];\n  }\n});\n\n// Открытие попапа для добавления рекомендованного товара\nfunction openRecommendedPopup() {\n  isRecommendedPopupOpen.value = true;\n}\n\n// Закрытие попапа\nfunction closeRecommendedPopup() {\n  isRecommendedPopupOpen.value = false;\n}\n</script>"],"names":["_useModel"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA4FA,UAAM,QAAQ,SAAU;AACT,cAAS;AACxB,UAAM,EAAE,eAAgB,IAAG,gBAAiB;AAG5C,UAAM,cAAcA,SAAW,SAAC,aAAa;AAG7C,UAAM,yBAAyB,IAAI,KAAK;AAGxC,cAAU,YAAY;AAEpB,UAAI,CAAC,YAAY,SAAS,CAAC,MAAM,QAAQ,YAAY,KAAK,GAAG;AAC3D,oBAAY,QAAQ,CAAE;AAAA,MAC1B;AAAA,IACA,CAAC;AAGD,aAAS,uBAAuB;AAC9B,6BAAuB,QAAQ;AAAA,IACjC;AAGA,aAAS,wBAAwB;AAC/B,6BAAuB,QAAQ;AAAA,IACjC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/products/components/sections/EditVariants.vue.cjs

@@ -0,0 +1,487 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const vueRouter = require("vue-router");
+const auth = require("../../../auth/views/store/auth.cjs");
+const variants_store = require("../../store/variants.store.cjs");
+const products = require("../../store/products.cjs");
+const Block = require("../../../../components/Block/Block.vue.cjs");
+const Field = require("../../../../components/Field/Field.vue.cjs");
+const Button = require("../../../../components/Button/Button.vue2.cjs");
+const Popup = require("../../../../components/Popup/Popup.vue.cjs");
+const Select = require("../../../../components/Select/Select.vue.cjs");
+const Feed = require("../../../../components/Feed/Feed.vue.cjs");
+const EditImages = require("../../../../components/EditImages/EditImages.vue2.cjs");
+const EditIngredients = require("./EditIngredients.vue.cjs");
+const PlaceholderImage = require("../../../icons/placeholders/PlaceholderImage.vue.cjs");
+const IconEdit = require("../../../icons/navigation/IconEdit.vue.cjs");
+const IconDelete = require("../../../icons/navigation/IconDelete.vue.cjs");
+const IconDuplicate = require("../../../icons/actions/IconDuplicate.vue.cjs");
+const _hoisted_1 = { class: "aspect-1x1 h-3r flex-child-default radius-small o-hidden" };
+const _hoisted_2 = ["src"];
+const _hoisted_3 = { class: "w-100" };
+const _hoisted_4 = { class: "flex-nowrap mn-b-nano flex-v-center flex" };
+const _hoisted_5 = { class: "p-medium t-medium d-block" };
+const _hoisted_6 = {
+  key: 0,
+  class: "t-small pd-thin mn-l-thin radius-thin bg-light"
+};
+const _hoisted_7 = { class: "t-medium t-transp" };
+const _hoisted_8 = {
+  key: 0,
+  class: "t-small t-transp"
+};
+const _hoisted_9 = { class: "flex gap-thin" };
+const _hoisted_10 = { class: "cols-1 gap-thin o-y-scroll" };
+const _hoisted_11 = { class: "flex gap-thin" };
+const _hoisted_12 = { class: "flex gap-thin" };
+const _hoisted_13 = { class: "radius-small h-100 flex-center flex-child-default flex aspect-1x1 bg-red cursor-pointer hover-scale-1" };
+const _hoisted_14 = { class: "mn-t-medium" };
+const _hoisted_15 = { class: "flex gap-thin mn-t-medium" };
+const _sfc_main = {
+  __name: "EditVariants",
+  setup(__props) {
+    const route = vueRouter.useRoute();
+    const productId = vue.computed(() => route.params.product);
+    vue.computed(() => {
+      var _a, _b;
+      return (_b = (_a = products.state) == null ? void 0 : _a.current) == null ? void 0 : _b.owner;
+    });
+    const isVariantPopupOpen = vue.ref(false);
+    const editingVariant = vue.ref(null);
+    const currentVariants = vue.ref([]);
+    function generateSKU() {
+      const timestamp = Date.now().toString(36);
+      const random = Math.random().toString(36).substring(2, 5);
+      return `VAR-${timestamp}-${random}`.toUpperCase();
+    }
+    function generateNameFromAttributes() {
+      var _a, _b;
+      if (currentVariant.attributes.length > 0) {
+        const validAttributes = currentVariant.attributes.filter((attr) => attr.name && attr.value).map((attr) => `${attr.value}`).join(" ");
+        if (validAttributes) {
+          return validAttributes;
+        }
+      }
+      const productName = ((_b = (_a = products.state) == null ? void 0 : _a.current) == null ? void 0 : _b.name) || "Product";
+      return `${productName} ${currentVariant.quantity}${currentVariant.unit}`;
+    }
+    const currentVariant = vue.reactive({
+      name: "",
+      sku: "",
+      images: [],
+      price: 0,
+      cost: 0,
+      quantity: 1,
+      unit: "pcs",
+      status: "published",
+      ingredients: [],
+      attributes: [],
+      owner: null,
+      creator: null,
+      product: null
+    });
+    vue.watch(
+      () => [currentVariant.attributes, currentVariant.quantity, currentVariant.unit],
+      () => {
+        if (!editingVariant.value || !currentVariant.name) {
+          currentVariant.name = generateNameFromAttributes();
+        }
+      },
+      { deep: true }
+    );
+    function openVariantPopup(variant = null) {
+      editingVariant.value = variant;
+      if (variant) {
+        currentVariant.name = variant.name || "";
+        currentVariant.sku = variant.sku || "";
+        currentVariant.images = [...variant.images || []];
+        currentVariant.price = variant.price || 0;
+        currentVariant.cost = variant.cost || 0;
+        currentVariant.quantity = variant.quantity || 1;
+        currentVariant.unit = variant.unit || "pcs";
+        currentVariant.status = variant.status || "published";
+        currentVariant.ingredients = [...variant.ingredients || []];
+        currentVariant.attributes = (variant.attributes || []).map((attr) => ({ ...attr }));
+        currentVariant.owner = variant.owner;
+        currentVariant.creator = variant.creator;
+        currentVariant.product = variant.product;
+      } else {
+        currentVariant.sku = generateSKU();
+        currentVariant.owner = {
+          target: route.params._id || auth.state.user._id,
+          type: route.params._id ? "organization" : "user"
+        };
+        currentVariant.creator = {
+          target: auth.state.user._id,
+          type: "user",
+          hidden: false
+        };
+        currentVariant.product = productId.value;
+        currentVariant.name = generateNameFromAttributes();
+      }
+      isVariantPopupOpen.value = true;
+    }
+    function closeVariantPopup() {
+      isVariantPopupOpen.value = false;
+      editingVariant.value = null;
+      currentVariant.name = "";
+      currentVariant.sku = "";
+      currentVariant.images = [];
+      currentVariant.price = 0;
+      currentVariant.cost = 0;
+      currentVariant.quantity = 1;
+      currentVariant.unit = "pcs";
+      currentVariant.status = "published";
+      currentVariant.ingredients = [];
+      currentVariant.attributes = [];
+      currentVariant.owner = null;
+      currentVariant.creator = null;
+      currentVariant.product = null;
+    }
+    function addAttribute() {
+      currentVariant.attributes.push({ name: "", value: "" });
+    }
+    async function copyVariant(variant) {
+      const variantCopy = {
+        name: `${variant.name} (Copy)`,
+        sku: generateSKU(),
+        // Генерируем новый SKU для копии
+        images: [...variant.images || []],
+        price: variant.price || 0,
+        cost: variant.cost || 0,
+        quantity: variant.quantity || 1,
+        unit: variant.unit || "pcs",
+        status: variant.status || "published",
+        ingredients: (variant.ingredients || []).map((ing) => ({ ...ing })),
+        attributes: (variant.attributes || []).map((attr) => ({ ...attr })),
+        owner: {
+          target: route.params._id || auth.state.user._id,
+          type: route.params._id ? "organization" : "user"
+        },
+        creator: {
+          target: auth.state.user._id,
+          type: "user",
+          hidden: false
+        },
+        product: productId.value
+      };
+      try {
+        const created = await variants_store.default.create(variantCopy);
+        variants_store.default.addItem(created, currentVariants.value);
+      } catch (error) {
+        console.error("Error copying variant:", error);
+      }
+    }
+    async function deleteVariant(variant) {
+      if (confirm("Are you sure you want to delete this variant?")) {
+        try {
+          console.log(variant);
+          await variants_store.default.delete(variant);
+          variants_store.default.removeItem(variant, currentVariants.value);
+        } catch (error) {
+          console.error("Error deleting variant:", error);
+        }
+      }
+    }
+    async function saveVariant() {
+      if (!currentVariant.name) {
+        currentVariant.name = generateNameFromAttributes();
+      }
+      if (!currentVariant.sku) {
+        currentVariant.sku = generateSKU();
+      }
+      const variantToSave = {
+        name: currentVariant.name,
+        sku: currentVariant.sku,
+        images: [...currentVariant.images],
+        price: parseFloat(currentVariant.price) || 0,
+        cost: parseFloat(currentVariant.cost) || 0,
+        quantity: parseInt(currentVariant.quantity) || 1,
+        unit: currentVariant.unit || "pcs",
+        status: currentVariant.status,
+        ingredients: currentVariant.ingredients.map((ing) => ({ ...ing })),
+        attributes: currentVariant.attributes.filter((attr) => attr.name || attr.value),
+        product: currentVariant.product
+      };
+      if (!editingVariant.value) {
+        variantToSave.owner = {
+          target: route.params._id || auth.state.user._id,
+          type: route.params._id ? "organization" : "user"
+        };
+        variantToSave.creator = {
+          target: auth.state.user._id,
+          type: "user",
+          hidden: false
+        };
+      }
+      try {
+        if (editingVariant.value) {
+          variantToSave._id = editingVariant.value._id;
+          const updated = await variants_store.default.update(variantToSave);
+          variants_store.default.updateItem(updated, currentVariants.value);
+        } else {
+          const created = await variants_store.default.create(variantToSave);
+          variants_store.default.addItem(created, currentVariants.value);
+        }
+        closeVariantPopup();
+      } catch (error) {
+        console.error("Error saving variant:", error);
+        throw error;
+      }
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+        vue.createVNode(Block.default, {
+          title: "Variants",
+          placeholder: "No variants added yet. At least one variant is required.",
+          actions: [{
+            label: "+",
+            function: () => openVariantPopup()
+          }]
+        }, {
+          default: vue.withCtx(() => [
+            vue.createVNode(Feed.default, {
+              items: currentVariants.value,
+              "onUpdate:items": _cache[0] || (_cache[0] = ($event) => currentVariants.value = $event),
+              store: vue.unref(variants_store.default),
+              options: {
+                product: vue.unref(route).params.product
+              },
+              skeleton: {
+                structure: [
+                  { block: "text", size: "small" },
+                  { block: "text", size: "medium" },
+                  { block: "text", size: "small" }
+                ]
+              },
+              states: {
+                empty: {
+                  title: "No variants",
+                  description: "Create your first variant"
+                }
+              }
+            }, {
+              default: vue.withCtx(({ items }) => [
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(items, (variant) => {
+                  var _a, _b;
+                  return vue.openBlock(), vue.createElementBlock("li", {
+                    key: variant._id,
+                    class: "bg-white radius-small pd-small flex-nowrap flex-v-center flex gap-thin mn-b-thin"
+                  }, [
+                    vue.createElementVNode("div", _hoisted_1, [
+                      ((_a = variant.images) == null ? void 0 : _a.length) > 0 ? (vue.openBlock(), vue.createElementBlock("img", {
+                        key: 0,
+                        src: (_ctx.FILE_SERVER_URL || "") + variant.images[0],
+                        alt: "Variant image",
+                        class: "w-100 h-100 object-fit-cover"
+                      }, null, 8, _hoisted_2)) : (vue.openBlock(), vue.createBlock(PlaceholderImage.default, {
+                        key: 1,
+                        class: "w-100 h-100"
+                      }))
+                    ]),
+                    vue.createElementVNode("div", _hoisted_3, [
+                      vue.createElementVNode("div", _hoisted_4, [
+                        vue.createElementVNode("p", _hoisted_5, vue.toDisplayString(variant.name || "Unnamed variant"), 1),
+                        variant.status ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_6, vue.toDisplayString(variant.status), 1)) : vue.createCommentVNode("", true)
+                      ]),
+                      vue.createElementVNode("p", _hoisted_7, vue.toDisplayString(_ctx.returnCurrency()) + vue.toDisplayString(variant.price) + " per " + vue.toDisplayString(variant.quantity) + vue.toDisplayString(variant.unit), 1),
+                      ((_b = variant.ingredients) == null ? void 0 : _b.length) ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_8, vue.toDisplayString(variant.ingredients.length) + " ingredients", 1)) : vue.createCommentVNode("", true)
+                    ]),
+                    vue.createElementVNode("div", _hoisted_9, [
+                      vue.createVNode(Button.default, {
+                        showSuccess: false,
+                        showLoader: true,
+                        class: "radius-small pd-small flex-center flex aspect-1x1 bg-light cursor-pointer hover-scale-1",
+                        submit: () => copyVariant(variant)
+                      }, {
+                        default: vue.withCtx(() => [
+                          vue.createVNode(IconDuplicate.default, { class: "i-regular" })
+                        ]),
+                        _: 2
+                      }, 1032, ["submit"]),
+                      vue.createVNode(Button.default, {
+                        showSuccess: false,
+                        showLoader: false,
+                        class: "radius-small pd-small flex-center flex aspect-1x1 bg-light cursor-pointer hover-scale-1",
+                        submit: () => openVariantPopup(variant)
+                      }, {
+                        default: vue.withCtx(() => [
+                          vue.createVNode(IconEdit.default, { class: "i-regular" })
+                        ]),
+                        _: 2
+                      }, 1032, ["submit"]),
+                      vue.createVNode(Button.default, {
+                        showSuccess: false,
+                        showLoader: true,
+                        class: "radius-small pd-small flex-center flex aspect-1x1 bg-red cursor-pointer hover-scale-1",
+                        submit: () => deleteVariant(variant)
+                      }, {
+                        default: vue.withCtx(() => [
+                          vue.createVNode(IconDelete.default, { class: "i-regular" })
+                        ]),
+                        _: 2
+                      }, 1032, ["submit"])
+                    ])
+                  ]);
+                }), 128))
+              ]),
+              _: 1
+            }, 8, ["items", "store", "options"])
+          ]),
+          _: 1
+        }, 8, ["actions"]),
+        vue.createVNode(Popup.default, {
+          title: editingVariant.value ? "Edit Variant" : "Create Variant",
+          onClosePopup: closeVariantPopup,
+          isPopupOpen: isVariantPopupOpen.value,
+          align: "center right",
+          class: "bg-white h-min-100 w-max-50r pd-medium"
+        }, {
+          default: vue.withCtx(() => [
+            vue.createElementVNode("div", _hoisted_10, [
+              vue.createElementVNode("div", _hoisted_11, [
+                vue.createVNode(Select.default, {
+                  select: currentVariant.status,
+                  "onUpdate:select": _cache[1] || (_cache[1] = ($event) => currentVariant.status = $event),
+                  label: "Status",
+                  placeholder: "Select status",
+                  options: ["published", "draft", "archived"],
+                  class: "w-100 bg-light radius-small pd-small"
+                }, null, 8, ["select"]),
+                vue.createVNode(Field.default, {
+                  field: currentVariant.quantity,
+                  "onUpdate:field": _cache[3] || (_cache[3] = ($event) => currentVariant.quantity = $event),
+                  label: "Quantity",
+                  placeholder: "Enter quantity",
+                  class: "w-100 bg-light radius-small pd-small",
+                  type: "number"
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(Select.default, {
+                      select: currentVariant.unit,
+                      "onUpdate:select": _cache[2] || (_cache[2] = ($event) => currentVariant.unit = $event),
+                      placeholder: "Unit",
+                      options: ["pcs", "g", "kg", "ml", "l", "oz"],
+                      class: "pos-relative bg-white gap-small flex flex-column pd-thin radius-thin"
+                    }, null, 8, ["select"])
+                  ]),
+                  _: 1
+                }, 8, ["field"])
+              ]),
+              vue.createElementVNode("div", _hoisted_12, [
+                vue.createVNode(Field.default, {
+                  field: currentVariant.price,
+                  "onUpdate:field": _cache[4] || (_cache[4] = ($event) => currentVariant.price = $event),
+                  label: "Price",
+                  type: "number",
+                  placeholder: "Price",
+                  class: "w-100 bg-light radius-small pd-small"
+                }, null, 8, ["field"]),
+                vue.createVNode(Field.default, {
+                  field: currentVariant.cost,
+                  "onUpdate:field": _cache[5] || (_cache[5] = ($event) => currentVariant.cost = $event),
+                  label: "Cost",
+                  type: "number",
+                  placeholder: "Cost",
+                  class: "w-100 bg-light radius-small pd-small"
+                }, null, 8, ["field"])
+              ]),
+              _cache[12] || (_cache[12] = vue.createElementVNode("div", { class: "t-medium mn-t-small mn-b-small" }, "Attributes", -1)),
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(currentVariant.attributes, (attr, attrIndex) => {
+                return vue.openBlock(), vue.createElementBlock("div", {
+                  class: "gap-micro flex-nowrap flex mn-b-small",
+                  key: attrIndex
+                }, [
+                  vue.createVNode(Field.default, {
+                    field: attr.name,
+                    "onUpdate:field": ($event) => attr.name = $event,
+                    placeholder: "Attribute Name",
+                    class: "w-100 bg-light radius-small pd-small"
+                  }, null, 8, ["field", "onUpdate:field"]),
+                  vue.createVNode(Field.default, {
+                    field: attr.value,
+                    "onUpdate:field": ($event) => attr.value = $event,
+                    placeholder: "Attribute Value",
+                    class: "w-100 bg-light radius-small pd-small"
+                  }, null, 8, ["field", "onUpdate:field"]),
+                  vue.createElementVNode("div", _hoisted_13, [
+                    vue.createVNode(IconDelete.default, {
+                      onClick: () => currentVariant.attributes.splice(attrIndex, 1),
+                      class: "i-regular"
+                    }, null, 8, ["onClick"])
+                  ])
+                ]);
+              }), 128)),
+              vue.createVNode(Button.default, {
+                class: "bg-light w-100",
+                showSuccess: false,
+                showLoader: false,
+                onClick: addAttribute
+              }, {
+                default: vue.withCtx(() => _cache[10] || (_cache[10] = [
+                  vue.createTextVNode(" Add Attribute ")
+                ])),
+                _: 1
+              }),
+              vue.createVNode(Field.default, {
+                field: currentVariant.sku,
+                "onUpdate:field": _cache[6] || (_cache[6] = ($event) => currentVariant.sku = $event),
+                label: "SKU",
+                placeholder: "SKU",
+                class: "w-100 bg-light radius-small pd-small"
+              }, null, 8, ["field"]),
+              vue.createVNode(Field.default, {
+                field: currentVariant.name,
+                "onUpdate:field": _cache[7] || (_cache[7] = ($event) => currentVariant.name = $event),
+                label: "Name",
+                placeholder: "Variant Name",
+                class: "w-100 bg-light radius-small pd-small"
+              }, null, 8, ["field"]),
+              vue.createElementVNode("div", _hoisted_14, [
+                vue.createVNode(EditIngredients.default, {
+                  ingredients: currentVariant.ingredients,
+                  "onUpdate:ingredients": _cache[8] || (_cache[8] = ($event) => currentVariant.ingredients = $event)
+                }, null, 8, ["ingredients"])
+              ]),
+              _cache[13] || (_cache[13] = vue.createElementVNode("div", { class: "t-medium mn-t-small mn-b-small" }, "Images", -1)),
+              vue.createVNode(EditImages.default, {
+                images: currentVariant.images || [],
+                uploadPath: "variants",
+                class: "bg-light pd-small radius-small",
+                "onUpdate:images": _cache[9] || (_cache[9] = (newImages) => {
+                  currentVariant.images = newImages;
+                })
+              }, null, 8, ["images"]),
+              vue.createElementVNode("div", _hoisted_15, [
+                vue.createVNode(Button.default, {
+                  showSuccess: false,
+                  showLoader: false,
+                  class: "bg-red t-white w-100",
+                  submit: closeVariantPopup
+                }, {
+                  default: vue.withCtx(() => _cache[11] || (_cache[11] = [
+                    vue.createTextVNode(" Cancel ")
+                  ])),
+                  _: 1
+                }),
+                vue.createVNode(Button.default, {
+                  class: "bg-main w-100",
+                  submit: saveVariant
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createTextVNode(vue.toDisplayString(editingVariant.value ? "Update Variant" : "Create Variant"), 1)
+                  ]),
+                  _: 1
+                })
+              ])
+            ])
+          ]),
+          _: 1
+        }, 8, ["title", "isPopupOpen"])
+      ], 64);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=EditVariants.vue.cjs.map

package/dist/martyrs/src/modules/products/components/sections/EditVariants.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditVariants.vue.cjs","sources":["../../../../../../../src/modules/products/components/sections/EditVariants.vue"],"sourcesContent":["<template>\n  <Block\n    title=\"Variants\"\n    placeholder=\"No variants added yet. At least one variant is required.\"\n    :actions=\"[{\n      label: '+',\n      function: () => openVariantPopup()\n    }]\"\n  >\n    <!-- is {{currentVariants}} -->\n    <Feed\n      v-model:items=\"currentVariants\"\n      :store=\"variants\"\n      :options=\"{\n        product: route.params.product,\n      }\"\n      :skeleton=\"{\n        structure: [\n          { block: 'text', size: 'small' },\n          { block: 'text', size: 'medium' },\n          { block: 'text', size: 'small' }\n        ]\n      }\"\n      :states=\"{\n        empty: {\n          title: 'No variants',\n          description: 'Create your first variant'\n        }\n      }\"\n    >\n      <template #default=\"{ items }\">\n        <li\n          v-for=\"variant in items\"\n          :key=\"variant._id\"\n          class=\"bg-white radius-small pd-small flex-nowrap flex-v-center flex gap-thin mn-b-thin\"\n        >\n          <div class=\"aspect-1x1 h-3r flex-child-default radius-small o-hidden\">\n            <img\n              v-if=\"variant.images?.length > 0\"\n              :src=\"(FILE_SERVER_URL || '') + variant.images[0]\"\n              alt=\"Variant image\"\n              class=\"w-100 h-100 object-fit-cover\"\n            />\n            <PlaceholderImage v-else class=\"w-100 h-100\" />\n          </div>\n          \n          <div class=\"w-100\">\n            <div class=\"flex-nowrap mn-b-nano flex-v-center flex\">\n              <p class=\"p-medium t-medium d-block\">{{ variant.name || 'Unnamed variant' }}</p>\n              <p v-if=\"variant.status\" class=\"t-small pd-thin mn-l-thin radius-thin bg-light\">{{ variant.status }}</p>\n            </div>\n\n            <p class=\"t-medium t-transp\">{{ returnCurrency() }}{{ variant.price }} per {{ variant.quantity }}{{ variant.unit }}</p>\n            <p v-if=\"variant.ingredients?.length\" class=\"t-small t-transp\">{{ variant.ingredients.length }} ingredients</p>\n           \n          </div>\n          \n          <div class=\"flex gap-thin\">\n            <Button\n              :showSuccess=\"false\"\n              :showLoader=\"true\"\n              class=\"radius-small pd-small flex-center flex aspect-1x1 bg-light cursor-pointer hover-scale-1\"\n              :submit=\"() => copyVariant(variant)\"\n            >\n              <IconDuplicate class=\"i-regular\" />\n            </Button>\n            <Button\n              :showSuccess=\"false\"\n              :showLoader=\"false\"\n              class=\"radius-small pd-small flex-center flex aspect-1x1 bg-light cursor-pointer hover-scale-1\"\n              :submit=\"() => openVariantPopup(variant)\"\n            >\n              <IconEdit class=\"i-regular\" />\n            </Button>\n            <Button\n              :showSuccess=\"false\"\n              :showLoader=\"true\"\n              class=\"radius-small pd-small flex-center flex aspect-1x1 bg-red cursor-pointer hover-scale-1\"\n              :submit=\"() => deleteVariant(variant)\"\n            >\n               <IconDelete class=\"i-regular\" />\n            </Button>\n          </div>\n        </li>\n      </template>\n    </Feed>\n  </Block>\n\n  <Popup\n    :title=\"editingVariant ? 'Edit Variant' : 'Create Variant'\"\n    @close-popup=\"closeVariantPopup\"\n    :isPopupOpen=\"isVariantPopupOpen\"\n    align=\"center right\"\n    class=\"bg-white h-min-100 w-max-50r pd-medium\"\n  >\n    <div class=\"cols-1 gap-thin o-y-scroll\">\n      <!-- Status and Quantity at the top -->\n      <div class=\"flex gap-thin\">\n        <Select\n          v-model:select=\"currentVariant.status\"\n          label=\"Status\"\n          placeholder=\"Select status\"\n          :options=\"['published', 'draft', 'archived']\"\n          class=\"w-100 bg-light radius-small pd-small\"\n        />\n        \n        <Field \n          v-model:field=\"currentVariant.quantity\" \n          label=\"Quantity\"\n          placeholder=\"Enter quantity\" \n          class=\"w-100 bg-light radius-small pd-small\"\n          type=\"number\"\n        >\n          <Select \n            v-model:select=\"currentVariant.unit\" \n            placeholder=\"Unit\"\n            :options=\"['pcs', 'g', 'kg', 'ml', 'l', 'oz']\"\n            class=\"pos-relative bg-white gap-small flex flex-column pd-thin radius-thin\"\n          />\n        </Field>\n      </div>\n\n      <!-- Price and Cost -->\n      <div class=\"flex gap-thin\">\n        <Field\n          v-model:field=\"currentVariant.price\"\n          label=\"Price\"\n          type=\"number\"\n          placeholder=\"Price\"\n          class=\"w-100 bg-light radius-small pd-small\"\n        />\n        \n        <Field\n          v-model:field=\"currentVariant.cost\"\n          label=\"Cost\"\n          type=\"number\"\n          placeholder=\"Cost\"\n          class=\"w-100 bg-light radius-small pd-small\"\n        />\n      </div>\n      \n      <!-- Attributes Section -->\n      <div class=\"t-medium mn-t-small mn-b-small\">Attributes</div>\n      <div \n        class=\"gap-micro flex-nowrap flex mn-b-small\" \n        v-for=\"(attr, attrIndex) in currentVariant.attributes\" \n        :key=\"attrIndex\"\n      > \n        <Field\n          v-model:field=\"attr.name\"\n          placeholder=\"Attribute Name\"\n          class=\"w-100 bg-light radius-small pd-small\"\n        />  \n        <Field\n          v-model:field=\"attr.value\"\n          placeholder=\"Attribute Value\"\n          class=\"w-100 bg-light radius-small pd-small\"\n        />\n        <div class=\"radius-small h-100 flex-center flex-child-default flex aspect-1x1 bg-red cursor-pointer hover-scale-1\">\n          <IconDelete \n            @click=\"() => currentVariant.attributes.splice(attrIndex, 1)\" \n            class=\"i-regular\"\n          />\n        </div>\n      </div>\n\n      <Button\n        class=\"bg-light w-100\"\n        :showSuccess=\"false\"\n        :showLoader=\"false\"\n        @click=\"addAttribute\"\n      >\n        Add Attribute\n      </Button>\n\n      <!-- SKU and Name - auto-generated -->\n      <Field\n        v-model:field=\"currentVariant.sku\"\n        label=\"SKU\"\n        placeholder=\"SKU\"\n        class=\"w-100 bg-light radius-small pd-small\"\n      />\n\n      <Field\n        v-model:field=\"currentVariant.name\"\n        label=\"Name\"\n        placeholder=\"Variant Name\"\n        class=\"w-100 bg-light radius-small pd-small\"\n      />\n\n      <!-- Ingredients Section -->\n      <div class=\"mn-t-medium\">\n        <EditIngredients \n          v-model:ingredients=\"currentVariant.ingredients\"\n        />\n      </div>\n\n      <!-- Images Section -->\n      <div class=\"t-medium mn-t-small mn-b-small\">Images</div>\n      <EditImages\n        :images=\"currentVariant.images || []\"\n        :uploadPath=\"'variants'\"\n        class=\"bg-light pd-small radius-small\"\n        @update:images=\"(newImages) => { currentVariant.images = newImages }\"\n      />\n     \n      <!-- Action Buttons -->\n      <div class=\"flex gap-thin mn-t-medium\">\n        <Button\n          :showSuccess=\"false\"\n          :showLoader=\"false\"\n          class=\"bg-red t-white w-100\"\n          :submit=\"closeVariantPopup\"\n        >\n          Cancel\n        </Button>\n        <Button\n          class=\"bg-main w-100\"\n          :submit=\"saveVariant\"\n        >\n          {{ editingVariant ? 'Update Variant' : 'Create Variant' }}\n        </Button>\n      </div>\n    </div>\n  </Popup>\n</template>\n\n<script setup>\nimport { ref, reactive, computed, watch } from 'vue';\nimport { useRoute } from 'vue-router';\n\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\nimport variants from '@martyrs/src/modules/products/store/variants.store.js';\nimport * as products from '@martyrs/src/modules/products/store/products.js';\n\n// Components\nimport Block from '@martyrs/src/components/Block/Block.vue';\nimport Field from '@martyrs/src/components/Field/Field.vue';\nimport Button from '@martyrs/src/components/Button/Button.vue';\nimport Popup from '@martyrs/src/components/Popup/Popup.vue';\nimport Select from '@martyrs/src/components/Select/Select.vue';\nimport Feed from '@martyrs/src/components/Feed/Feed.vue';\nimport EditImages from '@martyrs/src/components/EditImages/EditImages.vue';\nimport EditIngredients from '@martyrs/src/modules/products/components/sections/EditIngredients.vue';\n\n// Icons\nimport PlaceholderImage from '@martyrs/src/modules/icons/placeholders/PlaceholderImage.vue';\nimport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue';\nimport IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue';\nimport IconDuplicate from '@martyrs/src/modules/icons/actions/IconDuplicate.vue';\n\nconst route = useRoute();\n\nconst productId = computed(() => route.params.product);\n\nconst productOwner = computed(() => {\n  return products?.state?.current?.owner;\n});\n\n// Локальное состояние\nconst isVariantPopupOpen = ref(false);\nconst editingVariant = ref(null);\nconst currentVariants = ref([]);\n\n// Функция генерации SKU\nfunction generateSKU() {\n  const timestamp = Date.now().toString(36);\n  const random = Math.random().toString(36).substring(2, 5);\n  return `VAR-${timestamp}-${random}`.toUpperCase();\n}\n\n// Функция генерации имени из атрибутов\nfunction generateNameFromAttributes() {\n  if (currentVariant.attributes.length > 0) {\n    const validAttributes = currentVariant.attributes\n      .filter(attr => attr.name && attr.value)\n      .map(attr => `${attr.value}`)\n      .join(' ');\n    \n    if (validAttributes) {\n      return validAttributes;\n    }\n  }\n  \n  // Если нет атрибутов, используем название продукта и количество\n  const productName = products?.state?.current?.name || 'Product';\n  return `${productName} ${currentVariant.quantity}${currentVariant.unit}`;\n}\n\n// Реактивный объект для текущего варианта\nconst currentVariant = reactive({\n  name: '',\n  sku: '',\n  images: [],\n  price: 0,\n  cost: 0,\n  quantity: 1,\n  unit: 'pcs',\n  status: 'published',\n  ingredients: [],\n  attributes: [],\n  owner: null,\n  creator: null,\n  product: null\n});\n\n// Следим за изменениями атрибутов, количества и единиц для автогенерации имени\nwatch(\n  () => [currentVariant.attributes, currentVariant.quantity, currentVariant.unit],\n  () => {\n    if (!editingVariant.value || !currentVariant.name) {\n      currentVariant.name = generateNameFromAttributes();\n    }\n  },\n  { deep: true }\n);\n\n// Функция открытия попапа варианта\nfunction openVariantPopup(variant = null) {\n  editingVariant.value = variant;\n  \n  if (variant) {\n    // Обновляем реактивный объект через Vue реактивность\n    currentVariant.name = variant.name || '';\n    currentVariant.sku = variant.sku || '';\n    currentVariant.images = [...(variant.images || [])];\n    currentVariant.price = variant.price || 0;\n    currentVariant.cost = variant.cost || 0;\n    currentVariant.quantity = variant.quantity || 1;\n    currentVariant.unit = variant.unit || 'pcs';\n    currentVariant.status = variant.status || 'published';\n    currentVariant.ingredients = [...(variant.ingredients || [])];\n    currentVariant.attributes = (variant.attributes || []).map(attr => ({ ...attr }));\n    currentVariant.owner = variant.owner;\n    currentVariant.creator = variant.creator;\n    currentVariant.product = variant.product;\n  } else {\n    // Для нового варианта генерируем SKU и устанавливаем только нужные поля\n    currentVariant.sku = generateSKU();\n    currentVariant.owner = {\n      target: route.params._id || auth.state.user._id,\n      type: route.params._id ? 'organization' : 'user'\n    };\n    currentVariant.creator = {\n      target: auth.state.user._id,\n      type: 'user',\n      hidden: false\n    };\n    currentVariant.product = productId.value;\n    \n    // Генерируем имя после установки всех полей\n    currentVariant.name = generateNameFromAttributes();\n  }\n  \n  isVariantPopupOpen.value = true;\n}\n\nfunction closeVariantPopup() {\n  isVariantPopupOpen.value = false;\n  editingVariant.value = null;\n  \n  // Сбрасываем значения к дефолтным\n  currentVariant.name = '';\n  currentVariant.sku = '';\n  currentVariant.images = [];\n  currentVariant.price = 0;\n  currentVariant.cost = 0;\n  currentVariant.quantity = 1;\n  currentVariant.unit = 'pcs';\n  currentVariant.status = 'published';\n  currentVariant.ingredients = [];\n  currentVariant.attributes = [];\n  currentVariant.owner = null;\n  currentVariant.creator = null;\n  currentVariant.product = null;\n}\n\nfunction addAttribute() {\n  currentVariant.attributes.push({ name: '', value: '' });\n}\n\nasync function copyVariant(variant) {\n  const variantCopy = {\n    name: `${variant.name} (Copy)`,\n    sku: generateSKU(), // Генерируем новый SKU для копии\n    images: [...(variant.images || [])],\n    price: variant.price || 0,\n    cost: variant.cost || 0,\n    quantity: variant.quantity || 1,\n    unit: variant.unit || 'pcs',\n    status: variant.status || 'published',\n    ingredients: (variant.ingredients || []).map(ing => ({ ...ing })),\n    attributes: (variant.attributes || []).map(attr => ({ ...attr })),\n    owner: {\n      target: route.params._id || auth.state.user._id,\n      type: route.params._id ? 'organization' : 'user'\n    },\n    creator: {\n      target: auth.state.user._id,\n      type: 'user',\n      hidden: false\n    },\n    product: productId.value\n  };\n  \n  try {\n    const created = await variants.create(variantCopy);\n    variants.addItem(created, currentVariants.value);\n  } catch (error) {\n    console.error('Error copying variant:', error);\n  }\n}\n\nasync function deleteVariant(variant) {\n  if (confirm('Are you sure you want to delete this variant?')) {\n    try {\n      console.log(variant)\n      await variants.delete(variant);\n      variants.removeItem(variant, currentVariants.value);\n    } catch (error) {\n      console.error('Error deleting variant:', error);\n    }\n  }\n}\n\nasync function saveVariant() {\n  if (!currentVariant.name) {\n    currentVariant.name = generateNameFromAttributes();\n  }\n  \n  if (!currentVariant.sku) {\n    currentVariant.sku = generateSKU();\n  }\n\n  const variantToSave = {\n    name: currentVariant.name,\n    sku: currentVariant.sku,\n    images: [...currentVariant.images],\n    price: parseFloat(currentVariant.price) || 0,\n    cost: parseFloat(currentVariant.cost) || 0,\n    quantity: parseInt(currentVariant.quantity) || 1,\n    unit: currentVariant.unit || 'pcs',\n    status: currentVariant.status,\n    ingredients: currentVariant.ingredients.map(ing => ({ ...ing })),\n    attributes: currentVariant.attributes.filter(attr => attr.name || attr.value),\n    product: currentVariant.product\n  };\n\n  // Добавляем owner и creator только при создании нового варианта\n  if (!editingVariant.value) {\n    variantToSave.owner = {\n      target: route.params._id || auth.state.user._id,\n      type: route.params._id ? 'organization' : 'user'\n    };\n    variantToSave.creator = {\n      target: auth.state.user._id,\n      type: 'user',\n      hidden: false\n    };\n  }\n\n  try {\n    if (editingVariant.value) {\n      // Обновление существующего варианта\n      variantToSave._id = editingVariant.value._id;\n      const updated = await variants.update(variantToSave);\n      variants.updateItem(updated, currentVariants.value);\n    } else {\n      // Создание нового варианта\n      const created = await variants.create(variantToSave);\n      variants.addItem(created, currentVariants.value);\n    }\n    \n    closeVariantPopup();\n  } catch (error) {\n    console.error('Error saving variant:', error);\n    throw error;\n  }\n}\n</script>"],"names":["useRoute","computed","products?.state","ref","reactive","watch","auth.state","variants"],"mappings":"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"}