@ozdao/martyrs 0.2.543 → 0.2.544

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

@@ -6,17 +6,18 @@ 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 Field = require("../../../../components/Field/Field.vue2.cjs");
+const Button = require("../../../../components/Button/Button.vue.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.vue.cjs");
+const Feed = require("../../../../components/Feed/Feed.vue2.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 mixins = require("../../../globals/views/mixins/mixins.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" };
@@ -42,6 +43,7 @@ const _sfc_main = {
   __name: "EditVariants",
   setup(__props) {
     const route = vueRouter.useRoute();
+    const { returnCurrency } = mixins.useGlobalMixins();
     const productId = vue.computed(() => route.params.product);
     vue.computed(() => {
       return products.state?.current?.owner;
@@ -287,7 +289,7 @@ const _sfc_main = {
                         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),
+                      vue.createElementVNode("p", _hoisted_7, vue.toDisplayString(vue.unref(returnCurrency)()) + vue.toDisplayString(variant.price) + " per " + vue.toDisplayString(variant.quantity) + vue.toDisplayString(variant.unit), 1),
                       variant.ingredients?.length ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_8, vue.toDisplayString(variant.ingredients.length) + " ingredients", 1)) : vue.createCommentVNode("", true)
                     ]),
                     vue.createElementVNode("div", _hoisted_9, [

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

@@ -1 +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      <Field\n        v-model:field=\"currentVariant.description\"\n        label=\"Description\"\n        placeholder=\"Enter variant description\"\n        class=\"w-100 bg-light radius-small pd-small\"\n        style=\"resize: vertical\"\n        type=\"textarea\"\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  description: '',\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.description = variant.description || '';\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.description = '';\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    description: variant.description || '',\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    description: currentVariant.description,\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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"}
+{"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      <Field\n        v-model:field=\"currentVariant.description\"\n        label=\"Description\"\n        placeholder=\"Enter variant description\"\n        class=\"w-100 bg-light radius-small pd-small\"\n        style=\"resize: vertical\"\n        type=\"textarea\"\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';\nimport { useGlobalMixins } from '@martyrs/src/modules/globals/views/mixins/mixins.js';\n\nconst route = useRoute();\nconst { returnCurrency } = useGlobalMixins();\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  description: '',\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.description = variant.description || '';\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.description = '';\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    description: variant.description || '',\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    description: currentVariant.description,\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","useGlobalMixins","computed","products?.state","ref","reactive","watch","auth.state","variants"],"mappings":"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"}

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

@@ -4,17 +4,18 @@ import { state as state$1 } from "../../../auth/views/store/auth.js";
 import variantsStore from "../../store/variants.store.js";
 import { state } from "../../store/products.js";
 import _sfc_main$1 from "../../../../components/Block/Block.vue.js";
-import Field from "../../../../components/Field/Field.vue.js";
-import _sfc_main$3 from "../../../../components/Button/Button.vue2.js";
+import Field from "../../../../components/Field/Field.vue2.js";
+import _sfc_main$3 from "../../../../components/Button/Button.vue.js";
 import _sfc_main$7 from "../../../../components/Popup/Popup.vue.js";
 import Select from "../../../../components/Select/Select.vue.js";
-import _sfc_main$2 from "../../../../components/Feed/Feed.vue.js";
-import _sfc_main$9 from "../../../../components/EditImages/EditImages.vue.js";
+import _sfc_main$2 from "../../../../components/Feed/Feed.vue2.js";
+import _sfc_main$9 from "../../../../components/EditImages/EditImages.vue2.js";
 import _sfc_main$8 from "./EditIngredients.vue.js";
 import PlaceholderImage from "../../../icons/placeholders/PlaceholderImage.vue.js";
 import _sfc_main$5 from "../../../icons/navigation/IconEdit.vue.js";
 import _sfc_main$6 from "../../../icons/navigation/IconDelete.vue.js";
 import _sfc_main$4 from "../../../icons/actions/IconDuplicate.vue.js";
+import { useGlobalMixins } from "../../../globals/views/mixins/mixins.js";
 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" };
@@ -40,6 +41,7 @@ const _sfc_main = {
   __name: "EditVariants",
   setup(__props) {
     const route = useRoute();
+    const { returnCurrency } = useGlobalMixins();
     const productId = computed(() => route.params.product);
     computed(() => {
       return state?.current?.owner;
@@ -285,7 +287,7 @@ const _sfc_main = {
                         createElementVNode("p", _hoisted_5, toDisplayString(variant.name || "Unnamed variant"), 1),
                         variant.status ? (openBlock(), createElementBlock("p", _hoisted_6, toDisplayString(variant.status), 1)) : createCommentVNode("", true)
                       ]),
-                      createElementVNode("p", _hoisted_7, toDisplayString(_ctx.returnCurrency()) + toDisplayString(variant.price) + " per " + toDisplayString(variant.quantity) + toDisplayString(variant.unit), 1),
+                      createElementVNode("p", _hoisted_7, toDisplayString(unref(returnCurrency)()) + toDisplayString(variant.price) + " per " + toDisplayString(variant.quantity) + toDisplayString(variant.unit), 1),
                       variant.ingredients?.length ? (openBlock(), createElementBlock("p", _hoisted_8, toDisplayString(variant.ingredients.length) + " ingredients", 1)) : createCommentVNode("", true)
                     ]),
                     createElementVNode("div", _hoisted_9, [

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

@@ -1 +1 @@
-{"version":3,"file":"EditVariants.vue.js","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      <Field\n        v-model:field=\"currentVariant.description\"\n        label=\"Description\"\n        placeholder=\"Enter variant description\"\n        class=\"w-100 bg-light radius-small pd-small\"\n        style=\"resize: vertical\"\n        type=\"textarea\"\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  description: '',\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.description = variant.description || '';\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.description = '';\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    description: variant.description || '',\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    description: currentVariant.description,\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":["products?.state","auth.state","variants"],"mappings":"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"}
+{"version":3,"file":"EditVariants.vue.js","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      <Field\n        v-model:field=\"currentVariant.description\"\n        label=\"Description\"\n        placeholder=\"Enter variant description\"\n        class=\"w-100 bg-light radius-small pd-small\"\n        style=\"resize: vertical\"\n        type=\"textarea\"\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';\nimport { useGlobalMixins } from '@martyrs/src/modules/globals/views/mixins/mixins.js';\n\nconst route = useRoute();\nconst { returnCurrency } = useGlobalMixins();\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  description: '',\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.description = variant.description || '';\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.description = '';\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    description: variant.description || '',\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    description: currentVariant.description,\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":["products?.state","auth.state","variants"],"mappings":"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"}

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const Spoiler = require("../../../../components/Spoiler/Spoiler.vue.cjs");
+const Spoiler = require("../../../../components/Spoiler/Spoiler.vue2.cjs");
 const Checkbox = require("../../../../components/Checkbox/Checkbox.vue.cjs");
 const vueI18n = require("vue-i18n");
 const vueRouter = require("vue-router");

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

@@ -1,5 +1,5 @@
 import { ref, watch, onMounted, createElementBlock, openBlock, createVNode, createElementVNode, withCtx, Fragment, renderList, createBlock, toDisplayString, unref } from "vue";
-import _sfc_main$1 from "../../../../components/Spoiler/Spoiler.vue.js";
+import _sfc_main$1 from "../../../../components/Spoiler/Spoiler.vue2.js";
 import _sfc_main$2 from "../../../../components/Checkbox/Checkbox.vue.js";
 import { useI18n } from "vue-i18n";
 import { useRoute, useRouter } from "vue-router";

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

@@ -3,7 +3,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const vueI18n = require("vue-i18n");
 const IconShopcartAdd = require("../../../icons/actions/IconShopcartAdd.vue.cjs");
-const Button = require("../../../../components/Button/Button.vue2.cjs");
+const Button = require("../../../../components/Button/Button.vue.cjs");
 const ProductVariants = require("../blocks/ProductVariants.vue.cjs");
 const ProductDiscounts = require("../blocks/ProductDiscounts.vue.cjs");
 const QuantitySelector = require("../elements/QuantitySelector.vue.cjs");

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

@@ -1,7 +1,7 @@
 import { ref, computed, createElementBlock, createCommentVNode, openBlock, createVNode, createElementVNode, toDisplayString, withCtx, unref, Fragment } from "vue";
 import { useI18n } from "vue-i18n";
 import _sfc_main$5 from "../../../icons/actions/IconShopcartAdd.vue.js";
-import _sfc_main$4 from "../../../../components/Button/Button.vue2.js";
+import _sfc_main$4 from "../../../../components/Button/Button.vue.js";
 import _sfc_main$1 from "../blocks/ProductVariants.vue.js";
 import ProductDiscounts from "../blocks/ProductDiscounts.vue.js";
 import _sfc_main$3 from "../elements/QuantitySelector.vue.js";

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

@@ -2,7 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const vueRouter = require("vue-router");
-const Button = require("../../../../components/Button/Button.vue2.cjs");
+const Button = require("../../../../components/Button/Button.vue.cjs");
 const Checkbox = require("../../../../components/Checkbox/Checkbox.vue.cjs");
 const CardProduct = require("../blocks/CardProduct.vue.cjs");
 const IconProducts = require("../../../icons/entities/IconProducts.vue.cjs");

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

@@ -1,6 +1,6 @@
 import { getCurrentInstance, ref, computed, createElementBlock, openBlock, createElementVNode, Fragment, renderList, createBlock, withCtx, createVNode, withModifiers, toDisplayString } from "vue";
 import { useRouter } from "vue-router";
-import _sfc_main$4 from "../../../../components/Button/Button.vue2.js";
+import _sfc_main$4 from "../../../../components/Button/Button.vue.js";
 import _sfc_main$2 from "../../../../components/Checkbox/Checkbox.vue.js";
 import _sfc_main$1 from "../blocks/CardProduct.vue.js";
 import _sfc_main$3 from "../../../icons/entities/IconProducts.vue.js";

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

@@ -1,13 +1,13 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const Button = require("../../../../components/Button/Button.vue2.cjs");
-const Tab = require("../../../../components/Tab/Tab.vue.cjs");
+const Button = require("../../../../components/Button/Button.vue.cjs");
+const Tab = require("../../../../components/Tab/Tab.vue2.cjs");
 const IconEdit = require("../../../icons/navigation/IconEdit.vue.cjs");
 const PlaceholderImage = require("../../../icons/placeholders/PlaceholderImage.vue.cjs");
 const Image360 = require("../elements/Image360.vue.cjs");
 const ProductImages = require("../blocks/ProductImages.vue.cjs");
-;/* empty css                     */
+;/* empty css                    */
 const Price = require("../elements/Price.vue.cjs");
 const vueRouter = require("vue-router");
 const vueI18n = require("vue-i18n");

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

@@ -1,11 +1,11 @@
 import { computed, ref, createElementBlock, openBlock, createElementVNode, createBlock, createCommentVNode, createVNode, unref, toDisplayString, Transition, withCtx, Fragment, renderList, createTextVNode } from "vue";
-import _sfc_main$4 from "../../../../components/Button/Button.vue2.js";
-import _sfc_main$3 from "../../../../components/Tab/Tab.vue.js";
+import _sfc_main$4 from "../../../../components/Button/Button.vue.js";
+import _sfc_main$3 from "../../../../components/Tab/Tab.vue2.js";
 import _sfc_main$1 from "../../../icons/navigation/IconEdit.vue.js";
 import PlaceholderImage from "../../../icons/placeholders/PlaceholderImage.vue.js";
 import Image360 from "../elements/Image360.vue.js";
 import ProductImages from "../blocks/ProductImages.vue.js";
-/* empty css                   */
+/* empty css                  */
 import _sfc_main$2 from "../elements/Price.vue.js";
 import { useRoute, useRouter } from "vue-router";
 import { useI18n } from "vue-i18n";

package/dist/martyrs/src/modules/rents/views/components/pages/Gant/GanttToolbar.vue.cjs

@@ -2,9 +2,9 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const dayjs_min = require("../../../../../../../../_virtual/dayjs.min.cjs");
-const Tab = require("../../../../../../components/Tab/Tab.vue.cjs");
-const Button = require("../../../../../../components/Button/Button.vue2.cjs");
-const Dropdown = require("../../../../../../components/Dropdown/Dropdown.vue2.cjs");
+const Tab = require("../../../../../../components/Tab/Tab.vue2.cjs");
+const Button = require("../../../../../../components/Button/Button.vue.cjs");
+const Dropdown = require("../../../../../../components/Dropdown/Dropdown.vue.cjs");
 const Calendar = require("../../../../../../components/Calendar/Calendar.vue2.cjs");
 const DateLabel = require("./DateLabel.vue.cjs");
 const IconChevronRight = require("../../../../../icons/navigation/IconChevronRight.vue.cjs");

package/dist/martyrs/src/modules/rents/views/components/pages/Gant/GanttToolbar.vue.js

@@ -1,8 +1,8 @@
 import { computed, ref, watch, createElementBlock, openBlock, createElementVNode, createVNode, withCtx, createTextVNode } from "vue";
 import dayjs from "../../../../../../../../_virtual/dayjs.min.js";
-import _sfc_main$2 from "../../../../../../components/Tab/Tab.vue.js";
-import _sfc_main$3 from "../../../../../../components/Button/Button.vue2.js";
-import _sfc_main$4 from "../../../../../../components/Dropdown/Dropdown.vue2.js";
+import _sfc_main$2 from "../../../../../../components/Tab/Tab.vue2.js";
+import _sfc_main$3 from "../../../../../../components/Button/Button.vue.js";
+import _sfc_main$4 from "../../../../../../components/Dropdown/Dropdown.vue.js";
 import Calendar from "../../../../../../components/Calendar/Calendar.vue2.js";
 import _sfc_main$1 from "./DateLabel.vue.js";
 import IconNext from "../../../../../icons/navigation/IconChevronRight.vue.js";

package/dist/martyrs/src/modules/rents/views/components/pages/Rents.vue.cjs

@@ -2,8 +2,8 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const dayjs_min = require("../../../../../../../_virtual/dayjs.min.cjs");
-;/* empty css                                       */
-const Feed = require("../../../../../components/Feed/Feed.vue.cjs");
+;/* empty css                                      */
+const Feed = require("../../../../../components/Feed/Feed.vue2.cjs");
 ;/* empty css                        */
 const GanttChart = require("./Gant/GanttChart.vue.cjs");
 const vueRouter = require("vue-router");

package/dist/martyrs/src/modules/rents/views/components/pages/Rents.vue.js

@@ -1,7 +1,7 @@
 import { ref, computed, createElementBlock, openBlock, createElementVNode, createVNode, unref, toDisplayString, withCtx } from "vue";
 import dayjs from "../../../../../../../_virtual/dayjs.min.js";
-/* empty css                                     */
-import _sfc_main$1 from "../../../../../components/Feed/Feed.vue.js";
+/* empty css                                    */
+import _sfc_main$1 from "../../../../../components/Feed/Feed.vue2.js";
 /* empty css                      */
 import _sfc_main$2 from "./Gant/GanttChart.vue.js";
 import { useRoute, useRouter } from "vue-router";

package/dist/martyrs/src/modules/rents/views/components/pages/RentsEdit.vue.cjs

@@ -2,8 +2,8 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const Block = require("../../../../../components/Block/Block.vue.cjs");
-const Field = require("../../../../../components/Field/Field.vue.cjs");
-const Feed = require("../../../../../components/Feed/Feed.vue.cjs");
+const Field = require("../../../../../components/Field/Field.vue2.cjs");
+const Feed = require("../../../../../components/Feed/Feed.vue2.cjs");
 const Popup = require("../../../../../components/Popup/Popup.vue.cjs");
 const CardOrderItem = require("../../../../orders/components/blocks/CardOrderItem.vue.cjs");
 const vueRouter = require("vue-router");

package/dist/martyrs/src/modules/rents/views/components/pages/RentsEdit.vue.js

@@ -1,7 +1,7 @@
 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 Field from "../../../../../components/Field/Field.vue.js";
-import _sfc_main$2 from "../../../../../components/Feed/Feed.vue.js";
+import Field from "../../../../../components/Field/Field.vue2.js";
+import _sfc_main$2 from "../../../../../components/Feed/Feed.vue2.js";
 import _sfc_main$1 from "../../../../../components/Popup/Popup.vue.js";
 import _sfc_main$3 from "../../../../orders/components/blocks/CardOrderItem.vue.js";
 import { useRoute, useRouter } from "vue-router";

package/dist/martyrs/src/modules/reports/components/sections/FormReport.vue.cjs

@@ -2,7 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const Popup = require("../../../../components/Popup/Popup.vue.cjs");
-const Button = require("../../../../components/Button/Button.vue2.cjs");
+const Button = require("../../../../components/Button/Button.vue.cjs");
 const Select = require("../../../../components/Select/Select.vue.cjs");
 const reports = require("../../store/reports.cjs");
 const _sfc_main = {

package/dist/martyrs/src/modules/reports/components/sections/FormReport.vue.js

@@ -1,6 +1,6 @@
 import { reactive, ref, createElementBlock, openBlock, renderSlot, createVNode, withCtx, createElementVNode, createTextVNode } from "vue";
 import _sfc_main$1 from "../../../../components/Popup/Popup.vue.js";
-import _sfc_main$2 from "../../../../components/Button/Button.vue2.js";
+import _sfc_main$2 from "../../../../components/Button/Button.vue.js";
 import Select from "../../../../components/Select/Select.vue.js";
 import { actions } from "../../store/reports.js";
 const _sfc_main = {

package/dist/martyrs/src/modules/spots/components/blocks/SpotMemberModify.vue.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-;/* empty css                                        */
+;/* empty css                                       */
 const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.cjs");
 ;/* empty css                                          */
 ;/* empty css                        */

package/dist/martyrs/src/modules/spots/components/blocks/SpotMemberModify.vue.js

@@ -1,5 +1,5 @@
 import { ref, computed, resolveComponent, createElementBlock, openBlock, createElementVNode, createCommentVNode, createBlock, toDisplayString } from "vue";
-/* empty css                                      */
+/* empty css                                     */
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 /* empty css                                        */
 /* empty css                      */

package/dist/martyrs/src/modules/spots/components/layouts/Spots.vue.cjs

@@ -3,10 +3,10 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const vueRouter = require("vue-router");
 const vueI18n = require("vue-i18n");
-;/* empty css                                            */
-;/* empty css                                        */
+;/* empty css                                           */
+;/* empty css                                       */
 ;/* empty css                                                   */
-;/* empty css                                             */
+;/* empty css                                              */
 const globals = require("../../../globals/views/store/globals.cjs");
 const categories = require("../../../products/store/categories.cjs");
 const marketplace = require("../../../marketplace/views/store/marketplace.cjs");

package/dist/martyrs/src/modules/spots/components/layouts/Spots.vue.js

@@ -1,10 +1,10 @@
 import { ref, onMounted, watch, resolveComponent, createElementBlock, openBlock, createElementVNode, createVNode, createCommentVNode, toDisplayString, withCtx, Transition, createBlock, resolveDynamicComponent } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import { useI18n } from "vue-i18n";
-/* empty css                                          */
-/* empty css                                      */
+/* empty css                                         */
+/* empty css                                     */
 /* empty css                                                 */
-/* empty css                                           */
+/* empty css                                            */
 import { state as state$1 } from "../../../globals/views/store/globals.js";
 import { actions, state as state$2 } from "../../../products/store/categories.js";
 import { state } from "../../../marketplace/views/store/marketplace.js";

package/dist/martyrs/src/modules/spots/components/pages/Map.vue.cjs

@@ -3,7 +3,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const vueRouter = require("vue-router");
 const index = require("../../../../../../node_modules/.pnpm/@googlemaps_js-api-loader@1.16.10/node_modules/@googlemaps/js-api-loader/dist/index.cjs");
-const Button = require("../../../../components/Button/Button.vue2.cjs");
+const Button = require("../../../../components/Button/Button.vue.cjs");
 const organizations = require("../../../organizations/store/organizations.cjs");
 const globals = require("../../../globals/views/store/globals.cjs");
 const marketplace = require("../../../marketplace/views/store/marketplace.cjs");

package/dist/martyrs/src/modules/spots/components/pages/Map.vue.js

@@ -1,7 +1,7 @@
 import { ref, onMounted, createElementBlock, openBlock, createElementVNode, createVNode, withCtx, createTextVNode } from "vue";
 import { useRouter, useRoute } from "vue-router";
 import { Loader } from "../../../../../../node_modules/.pnpm/@googlemaps_js-api-loader@1.16.10/node_modules/@googlemaps/js-api-loader/dist/index.js";
-import _sfc_main$1 from "../../../../components/Button/Button.vue2.js";
+import _sfc_main$1 from "../../../../components/Button/Button.vue.js";
 import { actions, state as state$2 } from "../../../organizations/store/organizations.js";
 import { state } from "../../../globals/views/store/globals.js";
 import { state as state$1 } from "../../../marketplace/views/store/marketplace.js";