@ozdao/martyrs 0.2.604 → 0.2.605

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

@@ -1 +1 @@
-{"version":3,"file":"EditDiscounts.vue.js","sources":["../../../../../../../src/modules/products/components/sections/EditDiscounts.vue"],"sourcesContent":["<template>\n  <Block\n    title=\"Discounts\"\n    placeholder=\"No discounts added yet\"\n    :actions=\"[{\n      label: '+',\n      function: () => openDiscountPopup()\n    }]\"\n  >\n    <div v-if=\"discounts.length > 0\" class=\"cols-1 gap-thin\">\n      <div\n        v-for=\"(discount, index) in discounts\"\n        :key=\"index\"\n        class=\"bg-white radius-small pd-small flex-nowrap flex-v-center flex gap-thin\"\n      >\n        <div class=\"w-100\">\n          <p class=\"p-regular mn-b-thin fw-medium d-block\">{{ discount.name || 'Unnamed discount' }}</p>\n          <p class=\"fw-medium t-transp\">\n            <template v-if=\"discount.type === 'special_price'\">\n              Special price: {{ formatPrice(discount.value) }}\n            </template>\n            <template v-else>\n              {{ discount.value }}% off\n            </template>\n          </p>\n          <p v-if=\"discount.date && (discount.date.start || discount.date.end)\" class=\"t-small t-transp\">\n            {{ formatDateRange(discount.date) }}\n          </p>\n        </div>\n        \n        <div class=\"flex gap-thin\">\n          <div @click=\"() => openDiscountPopup(index)\" class=\"radius-small pd-small flex-center flex aspect-1x1 bg-light cursor-pointer hover:scale-[1.05]\">\n            <IconEdit\n              class=\"i-medium\"\n            />\n          </div>\n          <div @click=\"() => discounts.splice(index, 1)\" class=\"radius-small pd-small flex-center flex aspect-1x1 bg-red cursor-pointer hover:scale-[1.05]\">\n            <IconDelete\n              class=\"i-medium\"\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n  </Block>\n\n  <Popup\n    title=\"Edit Discount\"\n    @close-popup=\"closeDiscountPopup\"\n    :isPopupOpen=\"isDiscountPopupOpen\"\n    class=\"bg-white w-max-40r radius-medium pd-medium\"\n  >\n    <div class=\"cols-1 gap-thin\">\n      <Field\n        v-model:field=\"currentDiscount.name\"\n        label=\"Name\"\n        placeholder=\"Discount Name\"\n        class=\"w-100 bg-light radius-small pd-small\"\n      />\n\n      <Field\n        v-model:field=\"currentDiscount.description\"\n        label=\"Description\"\n        type=\"textarea\"\n        placeholder=\"Discount Description\"\n        class=\"w-100 bg-light radius-small pd-small\"\n      />\n\n      <Field\n        v-model:field=\"currentDiscount.value\"\n       :label=\"currentDiscount.type === 'special_price' ? 'Special Price' : 'Discount'\"\n        :placeholder=\"currentDiscount.type === 'special_price' ? 'New price' : 'Discount percentage'\"\n        class=\"w-100 bg-light radius-small pd-small\"\n      >\n        <Select \n          v-model:select=\"currentDiscount.type\" \n          placeholder=\"Select type\"\n          value=\"label\"\n          property=\"value\"\n          :options=\"[\n            { value: 'discount', label: 'Discount (%)' },\n            { value: 'special_price', label: 'Special Price' },\n          ]\"\n          class=\"pos-relative ws-nowrap bg-white gap-small flex flex-column pd-thin radius-thin\"\n        />\n      </Field>\n\n      <Field\n        v-model:field=\"currentDiscount.quantity\"\n        label=\"Quantity\"\n        type=\"number\"\n        placeholder=\"Quantity to get discount\"\n        class=\"w-100 bg-light radius-small pd-small\"\n      />\n\n      <div class=\"fw-medium mn-t-micro mn-b-micro\">Date Range</div>\n      <div class=\"cols-2 mobile:cols-1 gap-thin\">\n        <Field\n          v-model:field=\"currentDiscount.date.start\"\n          label=\"Start Date\"\n          type=\"date\"\n          class=\"w-100 bg-light radius-small pd-small\"\n        />\n        \n        <Field\n          v-model:field=\"currentDiscount.date.end\"\n          label=\"End Date\"\n          type=\"date\"\n          class=\"w-100 bg-light radius-small pd-small\"\n        />\n      </div>\n\n      <div class=\"fw-medium mn-t-micro mn-b-micro\">Time Range</div>\n      <div class=\"cols-2 mobile:cols-1 gap-thin\">\n        <Field\n          v-model:field=\"currentDiscount.time.start\"\n          label=\"Start Time\"\n          type=\"time\"\n          class=\"w-100 bg-light radius-small pd-small\"\n        />\n        \n        <Field\n          v-model:field=\"currentDiscount.time.end\"\n          label=\"End Time\"\n          type=\"time\"\n          class=\"w-100 bg-light radius-small pd-small\"\n        />\n      </div>\n      \n    \n     \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          @click=\"closeDiscountPopup\"\n        >\n          Cancel\n        </Button>\n        <Button\n          class=\"bg-main w-100\"\n          @click=\"saveDiscount\"\n        >\n          Save Discount\n        </Button>\n      </div>\n    </div>\n  </Popup>\n</template>\n\n<script setup>\nimport { ref, reactive, defineModel, computed } from 'vue';\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 IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue';\nimport IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue';\n\n// Используем defineModel для более простой работы с v-model в родительском компоненте\nconst discounts = defineModel('discounts', { default: () => [] });\n\n// Локальное состояние\nconst isDiscountPopupOpen = ref(false);\nconst editingDiscountIndex = ref(null);\nconst currentDiscount = reactive({\n  name: '',\n  description: '',\n  type: 'discount', // discount или special_price\n  value: 0,\n  quantity: 1,\n  date: {\n    start: null,\n    end: null\n  },\n  time: {\n    start: '',\n    end: ''\n  },\n  users: []\n});\n\n// Используется для форматирования диапазона дат\nfunction formatDateRange(dateRange) {\n  if (!dateRange) return '';\n  \n  let result = '';\n  \n  if (dateRange.start) {\n    const startDate = new Date(dateRange.start);\n    result += startDate.toLocaleDateString();\n  }\n  \n  result += ' - ';\n  \n  if (dateRange.end) {\n    const endDate = new Date(dateRange.end);\n    result += endDate.toLocaleDateString();\n  }\n  \n  return result;\n}\n\n// Функция открытия попапа добавления/редактирования\nfunction openDiscountPopup(index) {\n  // Если передан индекс, это редактирование существующей скидки\n  if (index !== undefined) {\n    editingDiscountIndex.value = index;\n    const discount = discounts.value[index];\n    \n    // Копируем данные в currentDiscount\n    Object.assign(currentDiscount, {\n      name: discount.name || '',\n      description: discount.description || '',\n      type: discount.type || 'discount',\n      value: discount.value || 0,\n      quantity: discount.quantity || 1,\n      date: {\n        start: discount.date?.start || null,\n        end: discount.date?.end || null\n      },\n      time: {\n        start: discount.time?.start || '',\n        end: discount.time?.end || ''\n      },\n      users: Array.isArray(discount.users) ? [...discount.users] : []\n    });\n  } else {\n    // Сброс данных при создании новой скидки\n    editingDiscountIndex.value = null;\n    Object.assign(currentDiscount, {\n      name: '',\n      description: '',\n      type: 'discount',\n      value: 0,\n      quantity: 1,\n      date: {\n        start: null,\n        end: null\n      },\n      time: {\n        start: '',\n        end: ''\n      },\n      users: []\n    });\n  }\n  \n  isDiscountPopupOpen.value = true;\n}\n\n// Закрытие попапа\nfunction closeDiscountPopup() {\n  isDiscountPopupOpen.value = false;\n  editingDiscountIndex.value = null;\n}\n\n\n\n// Сохранение скидки\nfunction saveDiscount() {\n  // Проверка на основные поля\n  if (currentDiscount.type === 'discount' && (currentDiscount.value < 0 || currentDiscount.value > 100)) {\n    alert('Discount value must be between 0 and 100');\n    return;\n  }\n\n  if (currentDiscount.type === 'special_price' && currentDiscount.value < 0) {\n    alert('Special price must be greater than or equal to 0');\n    return;\n  }\n\n  // Создаем копию текущей скидки для сохранения\n  const discountToSave = {\n    name: currentDiscount.name,\n    description: currentDiscount.description,\n    type: currentDiscount.type || 'discount',\n    value: parseFloat(currentDiscount.value) || 0,\n    quantity: parseInt(currentDiscount.quantity) || 1,\n    date: {\n      start: currentDiscount.date.start,\n      end: currentDiscount.date.end\n    },\n    time: {\n      start: currentDiscount.time.start,\n      end: currentDiscount.time.end\n    },\n    users: [...currentDiscount.users]\n  };\n\n  // Если редактируем существующую скидку\n  if (editingDiscountIndex.value !== null) {\n    // Обновляем существующую скидку\n    discounts.value.splice(editingDiscountIndex.value, 1, discountToSave);\n  } else {\n    // Добавляем новую скидку\n    if (!discounts.value) {\n      discounts.value = [];\n    }\n    discounts.value.push(discountToSave);\n  }\n\n  // Закрываем попап\n  closeDiscountPopup();\n}\n</script>"],"names":["_useModel"],"mappings":"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"}
+{"version":3,"file":"EditDiscounts.vue.js","sources":["../../../../../../../src/modules/products/components/sections/EditDiscounts.vue"],"sourcesContent":["<template>\n  <Block\n    title=\"Discounts\"\n    placeholder=\"No discounts added yet\"\n    :actions=\"[{\n      label: '+',\n      function: () => openDiscountPopup()\n    }]\"\n  >\n    <div v-if=\"discounts.length > 0\" class=\"cols-1 gap-thin\">\n      <div\n        v-for=\"(discount, index) in discounts\"\n        :key=\"index\"\n        class=\"bg-white radius-small pd-small flex-nowrap flex-v-center flex gap-thin\"\n      >\n        <div class=\"w-100\">\n          <p class=\"p-regular mn-b-thin fw-medium d-block\">{{ discount.name || 'Unnamed discount' }}</p>\n          <p class=\"fw-medium opacity-50\">\n            <template v-if=\"discount.type === 'special_price'\">\n              Special price: {{ formatPrice(discount.value) }}\n            </template>\n            <template v-else>\n              {{ discount.value }}% off\n            </template>\n          </p>\n          <p v-if=\"discount.date && (discount.date.start || discount.date.end)\" class=\"t-small opacity-50\">\n            {{ formatDateRange(discount.date) }}\n          </p>\n        </div>\n        \n        <div class=\"flex gap-thin\">\n          <div @click=\"() => openDiscountPopup(index)\" class=\"radius-small pd-small flex-center flex aspect-1x1 bg-light cursor-pointer hover:scale-[1.05]\">\n            <IconEdit\n              class=\"i-medium\"\n            />\n          </div>\n          <div @click=\"() => discounts.splice(index, 1)\" class=\"radius-small pd-small flex-center flex aspect-1x1 bg-red cursor-pointer hover:scale-[1.05]\">\n            <IconDelete\n              class=\"i-medium\"\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n  </Block>\n\n  <Popup\n    title=\"Edit Discount\"\n    @close-popup=\"closeDiscountPopup\"\n    :isPopupOpen=\"isDiscountPopupOpen\"\n    class=\"bg-white w-max-40r radius-medium pd-medium\"\n  >\n    <div class=\"cols-1 gap-thin\">\n      <Field\n        v-model:field=\"currentDiscount.name\"\n        label=\"Name\"\n        placeholder=\"Discount Name\"\n        class=\"w-100 bg-light radius-small pd-small\"\n      />\n\n      <Field\n        v-model:field=\"currentDiscount.description\"\n        label=\"Description\"\n        type=\"textarea\"\n        placeholder=\"Discount Description\"\n        class=\"w-100 bg-light radius-small pd-small\"\n      />\n\n      <Field\n        v-model:field=\"currentDiscount.value\"\n       :label=\"currentDiscount.type === 'special_price' ? 'Special Price' : 'Discount'\"\n        :placeholder=\"currentDiscount.type === 'special_price' ? 'New price' : 'Discount percentage'\"\n        class=\"w-100 bg-light radius-small pd-small\"\n      >\n        <Select \n          v-model:select=\"currentDiscount.type\" \n          placeholder=\"Select type\"\n          value=\"label\"\n          property=\"value\"\n          :options=\"[\n            { value: 'discount', label: 'Discount (%)' },\n            { value: 'special_price', label: 'Special Price' },\n          ]\"\n          class=\"pos-relative ws-nowrap bg-white gap-small flex flex-column pd-thin radius-thin\"\n        />\n      </Field>\n\n      <Field\n        v-model:field=\"currentDiscount.quantity\"\n        label=\"Quantity\"\n        type=\"number\"\n        placeholder=\"Quantity to get discount\"\n        class=\"w-100 bg-light radius-small pd-small\"\n      />\n\n      <div class=\"fw-medium mn-t-micro mn-b-micro\">Date Range</div>\n      <div class=\"cols-2 mobile:cols-1 gap-thin\">\n        <Field\n          v-model:field=\"currentDiscount.date.start\"\n          label=\"Start Date\"\n          type=\"date\"\n          class=\"w-100 bg-light radius-small pd-small\"\n        />\n        \n        <Field\n          v-model:field=\"currentDiscount.date.end\"\n          label=\"End Date\"\n          type=\"date\"\n          class=\"w-100 bg-light radius-small pd-small\"\n        />\n      </div>\n\n      <div class=\"fw-medium mn-t-micro mn-b-micro\">Time Range</div>\n      <div class=\"cols-2 mobile:cols-1 gap-thin\">\n        <Field\n          v-model:field=\"currentDiscount.time.start\"\n          label=\"Start Time\"\n          type=\"time\"\n          class=\"w-100 bg-light radius-small pd-small\"\n        />\n        \n        <Field\n          v-model:field=\"currentDiscount.time.end\"\n          label=\"End Time\"\n          type=\"time\"\n          class=\"w-100 bg-light radius-small pd-small\"\n        />\n      </div>\n      \n    \n     \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          @click=\"closeDiscountPopup\"\n        >\n          Cancel\n        </Button>\n        <Button\n          class=\"bg-main w-100\"\n          @click=\"saveDiscount\"\n        >\n          Save Discount\n        </Button>\n      </div>\n    </div>\n  </Popup>\n</template>\n\n<script setup>\nimport { ref, reactive, defineModel, computed } from 'vue';\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 IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue';\nimport IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue';\n\n// Используем defineModel для более простой работы с v-model в родительском компоненте\nconst discounts = defineModel('discounts', { default: () => [] });\n\n// Локальное состояние\nconst isDiscountPopupOpen = ref(false);\nconst editingDiscountIndex = ref(null);\nconst currentDiscount = reactive({\n  name: '',\n  description: '',\n  type: 'discount', // discount или special_price\n  value: 0,\n  quantity: 1,\n  date: {\n    start: null,\n    end: null\n  },\n  time: {\n    start: '',\n    end: ''\n  },\n  users: []\n});\n\n// Используется для форматирования диапазона дат\nfunction formatDateRange(dateRange) {\n  if (!dateRange) return '';\n  \n  let result = '';\n  \n  if (dateRange.start) {\n    const startDate = new Date(dateRange.start);\n    result += startDate.toLocaleDateString();\n  }\n  \n  result += ' - ';\n  \n  if (dateRange.end) {\n    const endDate = new Date(dateRange.end);\n    result += endDate.toLocaleDateString();\n  }\n  \n  return result;\n}\n\n// Функция открытия попапа добавления/редактирования\nfunction openDiscountPopup(index) {\n  // Если передан индекс, это редактирование существующей скидки\n  if (index !== undefined) {\n    editingDiscountIndex.value = index;\n    const discount = discounts.value[index];\n    \n    // Копируем данные в currentDiscount\n    Object.assign(currentDiscount, {\n      name: discount.name || '',\n      description: discount.description || '',\n      type: discount.type || 'discount',\n      value: discount.value || 0,\n      quantity: discount.quantity || 1,\n      date: {\n        start: discount.date?.start || null,\n        end: discount.date?.end || null\n      },\n      time: {\n        start: discount.time?.start || '',\n        end: discount.time?.end || ''\n      },\n      users: Array.isArray(discount.users) ? [...discount.users] : []\n    });\n  } else {\n    // Сброс данных при создании новой скидки\n    editingDiscountIndex.value = null;\n    Object.assign(currentDiscount, {\n      name: '',\n      description: '',\n      type: 'discount',\n      value: 0,\n      quantity: 1,\n      date: {\n        start: null,\n        end: null\n      },\n      time: {\n        start: '',\n        end: ''\n      },\n      users: []\n    });\n  }\n  \n  isDiscountPopupOpen.value = true;\n}\n\n// Закрытие попапа\nfunction closeDiscountPopup() {\n  isDiscountPopupOpen.value = false;\n  editingDiscountIndex.value = null;\n}\n\n\n\n// Сохранение скидки\nfunction saveDiscount() {\n  // Проверка на основные поля\n  if (currentDiscount.type === 'discount' && (currentDiscount.value < 0 || currentDiscount.value > 100)) {\n    alert('Discount value must be between 0 and 100');\n    return;\n  }\n\n  if (currentDiscount.type === 'special_price' && currentDiscount.value < 0) {\n    alert('Special price must be greater than or equal to 0');\n    return;\n  }\n\n  // Создаем копию текущей скидки для сохранения\n  const discountToSave = {\n    name: currentDiscount.name,\n    description: currentDiscount.description,\n    type: currentDiscount.type || 'discount',\n    value: parseFloat(currentDiscount.value) || 0,\n    quantity: parseInt(currentDiscount.quantity) || 1,\n    date: {\n      start: currentDiscount.date.start,\n      end: currentDiscount.date.end\n    },\n    time: {\n      start: currentDiscount.time.start,\n      end: currentDiscount.time.end\n    },\n    users: [...currentDiscount.users]\n  };\n\n  // Если редактируем существующую скидку\n  if (editingDiscountIndex.value !== null) {\n    // Обновляем существующую скидку\n    discounts.value.splice(editingDiscountIndex.value, 1, discountToSave);\n  } else {\n    // Добавляем новую скидку\n    if (!discounts.value) {\n      discounts.value = [];\n    }\n    discounts.value.push(discountToSave);\n  }\n\n  // Закрываем попап\n  closeDiscountPopup();\n}\n</script>"],"names":["_useModel"],"mappings":"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"}

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

@@ -8,8 +8,9 @@ import Field from "../../../../components/Field/Field.vue.js";
 import Button from "../../../../components/Button/Button.vue2.js";
 import _sfc_main$6 from "../../../../components/Popup/Popup.vue.js";
 import Select from "../../../../components/Select/Select.vue.js";
+import _sfc_main$8 from "../../../../components/Checkbox/Checkbox.vue.js";
 import _sfc_main$2 from "../../../../components/Feed/Feed.vue.js";
-import _sfc_main$8 from "../../../../components/EditImages/EditImages.vue2.js";
+import _sfc_main$9 from "../../../../components/EditImages/EditImages.vue.js";
 import _sfc_main$7 from "./EditIngredients.vue.js";
 import PlaceholderImage from "../../../icons/placeholders/PlaceholderImage.vue.js";
 import _sfc_main$4 from "../../../icons/navigation/IconEdit.vue.js";
@@ -25,10 +26,10 @@ const _hoisted_6 = {
   key: 0,
   class: "t-small pd-thin mn-l-thin radius-thin bg-light"
 };
-const _hoisted_7 = { class: "fw-medium t-transp" };
+const _hoisted_7 = { class: "fw-medium opacity-50" };
 const _hoisted_8 = {
   key: 0,
-  class: "t-small t-transp"
+  class: "t-small opacity-50"
 };
 const _hoisted_9 = { class: "flex gap-thin" };
 const _hoisted_10 = { class: "cols-1 gap-thin o-y-scroll" };
@@ -76,6 +77,7 @@ const _sfc_main = {
       status: "published",
       ingredients: [],
       attributes: [],
+      showImages: false,
       owner: null,
       creator: null,
       product: null
@@ -103,6 +105,7 @@ const _sfc_main = {
         currentVariant.status = variant.status || "published";
         currentVariant.ingredients = [...variant.ingredients || []];
         currentVariant.attributes = (variant.attributes || []).map((attr) => ({ ...attr }));
+        currentVariant.showImages = variant.showImages || false;
         currentVariant.owner = variant.owner;
         currentVariant.creator = variant.creator;
         currentVariant.product = variant.product;
@@ -136,6 +139,7 @@ const _sfc_main = {
       currentVariant.status = "published";
       currentVariant.ingredients = [];
       currentVariant.attributes = [];
+      currentVariant.showImages = false;
       currentVariant.owner = null;
       currentVariant.creator = null;
       currentVariant.product = null;
@@ -157,6 +161,7 @@ const _sfc_main = {
         status: variant.status || "published",
         ingredients: (variant.ingredients || []).map((ing) => ({ ...ing })),
         attributes: (variant.attributes || []).map((attr) => ({ ...attr })),
+        showImages: variant.showImages || false,
         owner: {
           target: route.params._id || state$1.user._id,
           type: route.params._id ? "organization" : "user"
@@ -205,6 +210,7 @@ const _sfc_main = {
         status: currentVariant.status,
         ingredients: currentVariant.ingredients.map((ing) => ({ ...ing })),
         attributes: currentVariant.attributes.filter((attr) => attr.name || attr.value),
+        showImages: currentVariant.showImages,
         product: currentVariant.product
       };
       if (!editingVariant.value) {
@@ -389,7 +395,7 @@ const _sfc_main = {
                   class: "w-100 bg-light radius-small pd-small"
                 }, null, 8, ["field"])
               ]),
-              _cache[13] || (_cache[13] = createElementVNode("div", { class: "fw-medium mn-t-small mn-b-small" }, "Attributes", -1)),
+              _cache[14] || (_cache[14] = createElementVNode("div", { class: "fw-medium mn-t-small mn-b-small" }, "Attributes", -1)),
               (openBlock(true), createElementBlock(Fragment, null, renderList(currentVariant.attributes, (attr, attrIndex) => {
                 return openBlock(), createElementBlock("div", {
                   class: "gap-micro flex-nowrap flex mn-b-small",
@@ -421,7 +427,7 @@ const _sfc_main = {
                 showLoader: false,
                 onClick: addAttribute
               }, {
-                default: withCtx(() => _cache[11] || (_cache[11] = [
+                default: withCtx(() => _cache[12] || (_cache[12] = [
                   createTextVNode(" Add Attribute ")
                 ])),
                 _: 1
@@ -455,15 +461,22 @@ const _sfc_main = {
                   "onUpdate:ingredients": _cache[9] || (_cache[9] = ($event) => currentVariant.ingredients = $event)
                 }, null, 8, ["ingredients"])
               ]),
-              _cache[14] || (_cache[14] = createElementVNode("div", { class: "fw-medium mn-t-small mn-b-small" }, "Images", -1)),
+              _cache[15] || (_cache[15] = createElementVNode("div", { class: "fw-medium mn-t-small mn-b-small" }, "Images", -1)),
               createVNode(_sfc_main$8, {
+                radio: currentVariant.showImages,
+                "onUpdate:radio": _cache[10] || (_cache[10] = ($event) => currentVariant.showImages = $event),
+                label: "Show in variant selector",
+                class: "bg-light radius-small pd-small"
+              }, null, 8, ["radio"]),
+              currentVariant.showImages ? (openBlock(), createBlock(_sfc_main$9, {
+                key: 0,
                 images: currentVariant.images || [],
                 uploadPath: "variants",
                 class: "bg-light pd-small radius-small",
-                "onUpdate:images": _cache[10] || (_cache[10] = (newImages) => {
+                "onUpdate:images": _cache[11] || (_cache[11] = (newImages) => {
                   currentVariant.images = newImages;
                 })
-              }, null, 8, ["images"]),
+              }, null, 8, ["images"])) : createCommentVNode("", true),
               createElementVNode("div", _hoisted_15, [
                 createVNode(Button, {
                   showSuccess: false,
@@ -471,7 +484,7 @@ const _sfc_main = {
                   class: "bg-red t-white w-100",
                   submit: closeVariantPopup
                 }, {
-                  default: withCtx(() => _cache[12] || (_cache[12] = [
+                  default: withCtx(() => _cache[13] || (_cache[13] = [
                     createTextVNode(" Cancel ")
                   ])),
                   _: 1

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-regular fw-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=\"fw-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.05]\"\n              :submit=\"() => copyVariant(variant)\"\n            >\n              <IconDuplicate class=\"i-medium\" />\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.05]\"\n              :submit=\"() => openVariantPopup(variant)\"\n            >\n              <IconEdit class=\"i-medium\" />\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.05]\"\n              :submit=\"() => deleteVariant(variant)\"\n            >\n               <IconDelete class=\"i-medium\" />\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=\"fw-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.05]\">\n          <IconDelete \n            @click=\"() => currentVariant.attributes.splice(attrIndex, 1)\" \n            class=\"i-medium\"\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=\"fw-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/core/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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"}
+{"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-regular fw-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=\"fw-medium opacity-50\">{{ returnCurrency() }}{{ variant.price }} per {{ variant.quantity }}{{ variant.unit }}</p>\n            <p v-if=\"variant.ingredients?.length\" class=\"t-small opacity-50\">{{ 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.05]\"\n              :submit=\"() => copyVariant(variant)\"\n            >\n              <IconDuplicate class=\"i-medium\" />\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.05]\"\n              :submit=\"() => openVariantPopup(variant)\"\n            >\n              <IconEdit class=\"i-medium\" />\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.05]\"\n              :submit=\"() => deleteVariant(variant)\"\n            >\n               <IconDelete class=\"i-medium\" />\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=\"fw-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.05]\">\n          <IconDelete \n            @click=\"() => currentVariant.attributes.splice(attrIndex, 1)\" \n            class=\"i-medium\"\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=\"fw-medium mn-t-small mn-b-small\">Images</div>\n      <Checkbox\n        v-model:radio=\"currentVariant.showImages\"\n        label=\"Show in variant selector\"\n        class=\"bg-light radius-small pd-small\"\n      />\n      <EditImages\n        v-if=\"currentVariant.showImages\"\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 Checkbox from '@martyrs/src/components/Checkbox/Checkbox.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/core/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  showImages: false,\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.showImages = variant.showImages || false;\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.showImages = false;\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    showImages: variant.showImages || false,\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    showImages: currentVariant.showImages,\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.js

@@ -136,7 +136,7 @@ const _sfc_main = {
           ]),
           _: 1
         }),
-        _cache[4] || (_cache[4] = createElementVNode("hr", { class: "mn-b-small t-transp" }, null, -1)),
+        _cache[4] || (_cache[4] = createElementVNode("hr", { class: "mn-b-small opacity-50" }, null, -1)),
         createVNode(_sfc_main$1, {
           class: "radius-small o-hidden mn-b-small",
           status: false

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

@@ -1 +1 @@
-{"version":3,"file":"FilterProducts.vue.js","sources":["../../../../../../../src/modules/products/components/sections/FilterProducts.vue"],"sourcesContent":["  <template>\n    <div class=\"pd-medium bg-light radius-medium\">\n      <!-- Categories Filter -->\n      <Spoiler \n        class=\"radius-small o-hidden mn-b-small\"\n        :status=\"true\"\n      >\n        <template #header>\n          <p class=\"cursor-pointer mn-r-auto fw-medium p-medium\">{{ t('categoriesTitle') }}</p>\n          <!-- SVG Icon -->\n        </template>\n        <template #content>\n          <Checkbox \n            v-for=\"(category, index) in  categories.state.all\"\n            :key=\"index\"\n            :label=\"category.name\"\n            :value=\"category.url\"\n            class=\"w-100 mn-t-small mn-b-small bg-white radius-small pd-small\"\n            :radio=\"marketplace.state.filter.categories\"\n            @update:radio=\"event => marketplace.state.filter.categories = event\"\n          />\n        </template>\n      </Spoiler>\n\n      <hr class=\"mn-b-small t-transp\">\n\n      <!-- Prices Filter -->\n      <Spoiler \n        class=\"radius-small o-hidden mn-b-small\"\n        :status=\"false\"\n      >\n        <template #header>\n          <p class=\"cursor-pointer  mn-r-auto fw-medium p-medium\">{{ t('filters.price.title') }}</p>\n          <!-- SVG Icon -->\n        </template>\n        <template #content>\n          <Checkbox \n            v-for=\"(price, index) in prices\"\n            :key=\"index\"\n            :label=\"price.label\"\n            :value=\"price.value\"\n            class=\"w-100 mn-t-small bg-white radius-small pd-small\"\n            :radio=\"marketplace.state.filter.prices\"\n            @update:radio=\"event => marketplace.state.filter.prices = event\"\n          />\n        </template>\n      </Spoiler>\n\n      <hr class=\"mn-b-small\">\n\n      <!-- Delivery Filter -->\n      <Spoiler \n        class=\"radius-small o-hidden mn-b-small\"\n        :status=\"false\"\n      >\n        <template #header>\n          <p class=\"cursor-pointer  mn-r-auto fw-medium p-medium\">Delivery</p>\n        </template>\n        <template #content>\n          <Checkbox \n            v-for=\"(deliveryOption, index) in deliveryOptions\"\n            :key=\"index\"\n            :label=\"deliveryOption.label\"\n            :value=\"deliveryOption.value\"\n            class=\"w-100 mn-t-small bg-white radius-small pd-small\"\n            :radio=\"marketplace.state.filter.delivery\"\n            @update:radio=\"event => marketplace.state.filter.delivery = event\"\n          />\n        </template>\n      </Spoiler>\n\n      <hr class=\"mn-b-semi\">\n\n      <!-- Reset filter -->\n      <button @click=\"resetFilters\" class=\"bg-main w-100 button\">{{ t('filters.reset') }}</button>\n    </div>\n  </template>\n\n<script setup>\nimport { ref, watch, onMounted } from 'vue'\n\nimport Spoiler from \"@martyrs/src/components/Spoiler/Spoiler.vue\"\nimport Checkbox from \"@martyrs/src/components/Checkbox/Checkbox.vue\"\n\nimport { useI18n } from 'vue-i18n'\nimport { useRoute, useRouter,onBeforeRouteLeave } from 'vue-router'\n\nconst route = useRoute()\nconst router = useRouter()\n\nimport * as categories from '@martyrs/src/modules/products/store/categories.js';\nimport * as marketplace from '@martyrs/src/modules/marketplace/views/store/marketplace.js';\n\nlet options = {\n  status: 'published'\n}\n\nlet selectedFilters = ref({\n  categories: [],\n  prices: [],\n  delivery: [],\n  extra: []\n})\n\n// Пропсы и данные, которые вы передаёте в компонент\nconst props = defineProps({\n  selectedFilters: Object,\n  prices: {\n    type: Array,\n    default: () => [\n    { label: 'Under 300฿',        value: '<300' },\n    { label: '300฿ to 600฿',      value: '300-600' },\n    { label: '600฿ to 1200฿',     value: '600-1200' },\n    { label: '$1200 and above',   value: '>1200' }\n  ]\n  },\n  deliveryOptions: {\n    type: Array,\n    default: () => [\n      { label: 'Pickup', value: { min: 0, max: 25 } },\n      { label: 'Courier', value: { min: 25, max: 50 } },\n      { label: 'Post', value: { min: 50, max: 100 } }\n    ]\n  }\n})\n\nwatch(() => marketplace.state.filter, (newFilterValue, oldFilterValue) => {\n  // Переводим фильтр в формат query\n  const query = { ...route.query };\n\n  // Удаляем старые значения фильтра из query\n  Object.keys(oldFilterValue).forEach(key => {\n    if (query[key]) {\n      delete query[key];\n    }\n  });\n\n  // Добавляем новые значения фильтра в query\n  const newQueryValues = Object.fromEntries(\n    Object.entries(newFilterValue)\n      .filter(([key, value]) => Array.isArray(value) && value.length > 0)\n      .map(([key, value]) => [key, value.join(',')])\n  );\n  Object.assign(query, newQueryValues);\n\n  // Обновляем маршрут с новым query\n  router.repalce({ query });\n}, { deep: true })\n\nonMounted(async () => {\n  await categories.actions.read(options)\n  \n  if (route.query) {\n    const query = route.query;\n    const newFilterValue = {\n      categories: query.categories ? query.categories.split(',') : [],\n      prices: query.prices ? query.prices.split(',') : [],\n      delivery: query.delivery ? query.delivery.split(',') : [],\n      // Продолжайте этот паттерн для остальных полей фильтра\n    };\n    marketplace.state.filter.innerHTML = newFilterValue;\n  }\n})\n\nconst emit = defineEmits(['updateFilters', 'resetFilters'])\n\nconst emitFilterChange = (filterType, value) => {\n  emit('updateFilters', { filterType, value })\n}\n\nconst resetFilters = () => {\n  emit('resetFilters')\n}\nconst text = {\n    locale: 'en',\n    messages: {\n      en: {\n        categoriesTitle: 'Category',\n        categories: [],\n        filters: {\n          title: 'Filters',\n          price: {\n            title: 'Price',\n            from: 'From',\n            to: 'To'\n          },\n          filters: [],\n          reset: 'Reset Filters'\n        }\n      },\n      ru: {\n        categoriesTitle: 'Категория',\n        categories: [],\n        filters: {\n          title: 'Фильтры',\n          price: {\n            title: 'Цена',\n            from: 'От',\n            to: 'До'\n          },\n          filters: [],\n          reset: 'Сбросить фильтры',\n        }\n      }\n    }\n  }\n\n  categories.state.all.forEach( category => {\n    category.translations.forEach( localization => {\n      text.messages[localization.locale].categories.push(localization.text)\n    })\n  })\n\n  const { t } = useI18n(text)\n  \n\n\n// Добавьте свою локализацию и методы t, если они нужны\n</script>\n\n<style>\n/* Ваши стили */\n</style>\n"],"names":["marketplace.state","categories.actions","categories.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuFA,UAAM,QAAQ,SAAQ;AACtB,UAAM,SAAS,UAAS;AAKxB,QAAI,UAAU;AAAA,MACZ,QAAQ;AAAA,IACV;AAEsB,QAAI;AAAA,MACxB,YAAY,CAAA;AAAA,MACZ,QAAQ,CAAA;AAAA,MACR,UAAU,CAAA;AAAA,MACV,OAAO,CAAA;AAAA,IACT,CAAC;AAwBD,UAAM,MAAMA,MAAkB,QAAQ,CAAC,gBAAgB,mBAAmB;AAExE,YAAM,QAAQ,EAAE,GAAG,MAAM,MAAK;AAG9B,aAAO,KAAK,cAAc,EAAE,QAAQ,SAAO;AACzC,YAAI,MAAM,GAAG,GAAG;AACd,iBAAO,MAAM,GAAG;AAAA,QAClB;AAAA,MACF,CAAC;AAGD,YAAM,iBAAiB,OAAO;AAAA,QAC5B,OAAO,QAAQ,cAAc,EAC1B,OAAO,CAAC,CAAC,KAAK,KAAK,MAAM,MAAM,QAAQ,KAAK,KAAK,MAAM,SAAS,CAAC,EACjE,IAAI,CAAC,CAAC,KAAK,KAAK,MAAM,CAAC,KAAK,MAAM,KAAK,GAAG,CAAC,CAAC;AAAA,MACnD;AACE,aAAO,OAAO,OAAO,cAAc;AAGnC,aAAO,QAAQ,EAAE,OAAO;AAAA,IAC1B,GAAG,EAAE,MAAM,KAAI,CAAE;AAEjB,cAAU,YAAY;AACpB,YAAMC,QAAmB,KAAK,OAAO;AAErC,UAAI,MAAM,OAAO;AACf,cAAM,QAAQ,MAAM;AACpB,cAAM,iBAAiB;AAAA,UACrB,YAAY,MAAM,aAAa,MAAM,WAAW,MAAM,GAAG,IAAI,CAAA;AAAA,UAC7D,QAAQ,MAAM,SAAS,MAAM,OAAO,MAAM,GAAG,IAAI,CAAA;AAAA,UACjD,UAAU,MAAM,WAAW,MAAM,SAAS,MAAM,GAAG,IAAI,CAAA;AAAA;AAAA,QAE7D;AACID,cAAkB,OAAO,YAAY;AAAA,MACvC;AAAA,IACF,CAAC;AAED,UAAM,OAAO;AAMb,UAAM,eAAe,MAAM;AACzB,WAAK,cAAc;AAAA,IACrB;AACA,UAAM,OAAO;AAAA,MACT,QAAQ;AAAA,MACR,UAAU;AAAA,QACR,IAAI;AAAA,UACF,iBAAiB;AAAA,UACjB,YAAY,CAAA;AAAA,UACZ,SAAS;AAAA,YACP,OAAO;AAAA,YACP,OAAO;AAAA,cACL,OAAO;AAAA,cACP,MAAM;AAAA,cACN,IAAI;AAAA,YAChB;AAAA,YACU,SAAS,CAAA;AAAA,YACT,OAAO;AAAA,UACjB;AAAA,QACA;AAAA,QACM,IAAI;AAAA,UACF,iBAAiB;AAAA,UACjB,YAAY,CAAA;AAAA,UACZ,SAAS;AAAA,YACP,OAAO;AAAA,YACP,OAAO;AAAA,cACL,OAAO;AAAA,cACP,MAAM;AAAA,cACN,IAAI;AAAA,YAChB;AAAA,YACU,SAAS,CAAA;AAAA,YACT,OAAO;AAAA,UACjB;AAAA,QACA;AAAA,MACA;AAAA,IACA;AAEEE,YAAiB,IAAI,QAAS,cAAY;AACxC,eAAS,aAAa,QAAS,kBAAgB;AAC7C,aAAK,SAAS,aAAa,MAAM,EAAE,WAAW,KAAK,aAAa,IAAI;AAAA,MACtE,CAAC;AAAA,IACH,CAAC;AAED,UAAM,EAAE,MAAM,QAAQ,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"FilterProducts.vue.js","sources":["../../../../../../../src/modules/products/components/sections/FilterProducts.vue"],"sourcesContent":["  <template>\n    <div class=\"pd-medium bg-light radius-medium\">\n      <!-- Categories Filter -->\n      <Spoiler \n        class=\"radius-small o-hidden mn-b-small\"\n        :status=\"true\"\n      >\n        <template #header>\n          <p class=\"cursor-pointer mn-r-auto fw-medium p-medium\">{{ t('categoriesTitle') }}</p>\n          <!-- SVG Icon -->\n        </template>\n        <template #content>\n          <Checkbox \n            v-for=\"(category, index) in  categories.state.all\"\n            :key=\"index\"\n            :label=\"category.name\"\n            :value=\"category.url\"\n            class=\"w-100 mn-t-small mn-b-small bg-white radius-small pd-small\"\n            :radio=\"marketplace.state.filter.categories\"\n            @update:radio=\"event => marketplace.state.filter.categories = event\"\n          />\n        </template>\n      </Spoiler>\n\n      <hr class=\"mn-b-small opacity-50\">\n\n      <!-- Prices Filter -->\n      <Spoiler \n        class=\"radius-small o-hidden mn-b-small\"\n        :status=\"false\"\n      >\n        <template #header>\n          <p class=\"cursor-pointer  mn-r-auto fw-medium p-medium\">{{ t('filters.price.title') }}</p>\n          <!-- SVG Icon -->\n        </template>\n        <template #content>\n          <Checkbox \n            v-for=\"(price, index) in prices\"\n            :key=\"index\"\n            :label=\"price.label\"\n            :value=\"price.value\"\n            class=\"w-100 mn-t-small bg-white radius-small pd-small\"\n            :radio=\"marketplace.state.filter.prices\"\n            @update:radio=\"event => marketplace.state.filter.prices = event\"\n          />\n        </template>\n      </Spoiler>\n\n      <hr class=\"mn-b-small\">\n\n      <!-- Delivery Filter -->\n      <Spoiler \n        class=\"radius-small o-hidden mn-b-small\"\n        :status=\"false\"\n      >\n        <template #header>\n          <p class=\"cursor-pointer  mn-r-auto fw-medium p-medium\">Delivery</p>\n        </template>\n        <template #content>\n          <Checkbox \n            v-for=\"(deliveryOption, index) in deliveryOptions\"\n            :key=\"index\"\n            :label=\"deliveryOption.label\"\n            :value=\"deliveryOption.value\"\n            class=\"w-100 mn-t-small bg-white radius-small pd-small\"\n            :radio=\"marketplace.state.filter.delivery\"\n            @update:radio=\"event => marketplace.state.filter.delivery = event\"\n          />\n        </template>\n      </Spoiler>\n\n      <hr class=\"mn-b-semi\">\n\n      <!-- Reset filter -->\n      <button @click=\"resetFilters\" class=\"bg-main w-100 button\">{{ t('filters.reset') }}</button>\n    </div>\n  </template>\n\n<script setup>\nimport { ref, watch, onMounted } from 'vue'\n\nimport Spoiler from \"@martyrs/src/components/Spoiler/Spoiler.vue\"\nimport Checkbox from \"@martyrs/src/components/Checkbox/Checkbox.vue\"\n\nimport { useI18n } from 'vue-i18n'\nimport { useRoute, useRouter,onBeforeRouteLeave } from 'vue-router'\n\nconst route = useRoute()\nconst router = useRouter()\n\nimport * as categories from '@martyrs/src/modules/products/store/categories.js';\nimport * as marketplace from '@martyrs/src/modules/marketplace/views/store/marketplace.js';\n\nlet options = {\n  status: 'published'\n}\n\nlet selectedFilters = ref({\n  categories: [],\n  prices: [],\n  delivery: [],\n  extra: []\n})\n\n// Пропсы и данные, которые вы передаёте в компонент\nconst props = defineProps({\n  selectedFilters: Object,\n  prices: {\n    type: Array,\n    default: () => [\n    { label: 'Under 300฿',        value: '<300' },\n    { label: '300฿ to 600฿',      value: '300-600' },\n    { label: '600฿ to 1200฿',     value: '600-1200' },\n    { label: '$1200 and above',   value: '>1200' }\n  ]\n  },\n  deliveryOptions: {\n    type: Array,\n    default: () => [\n      { label: 'Pickup', value: { min: 0, max: 25 } },\n      { label: 'Courier', value: { min: 25, max: 50 } },\n      { label: 'Post', value: { min: 50, max: 100 } }\n    ]\n  }\n})\n\nwatch(() => marketplace.state.filter, (newFilterValue, oldFilterValue) => {\n  // Переводим фильтр в формат query\n  const query = { ...route.query };\n\n  // Удаляем старые значения фильтра из query\n  Object.keys(oldFilterValue).forEach(key => {\n    if (query[key]) {\n      delete query[key];\n    }\n  });\n\n  // Добавляем новые значения фильтра в query\n  const newQueryValues = Object.fromEntries(\n    Object.entries(newFilterValue)\n      .filter(([key, value]) => Array.isArray(value) && value.length > 0)\n      .map(([key, value]) => [key, value.join(',')])\n  );\n  Object.assign(query, newQueryValues);\n\n  // Обновляем маршрут с новым query\n  router.repalce({ query });\n}, { deep: true })\n\nonMounted(async () => {\n  await categories.actions.read(options)\n  \n  if (route.query) {\n    const query = route.query;\n    const newFilterValue = {\n      categories: query.categories ? query.categories.split(',') : [],\n      prices: query.prices ? query.prices.split(',') : [],\n      delivery: query.delivery ? query.delivery.split(',') : [],\n      // Продолжайте этот паттерн для остальных полей фильтра\n    };\n    marketplace.state.filter.innerHTML = newFilterValue;\n  }\n})\n\nconst emit = defineEmits(['updateFilters', 'resetFilters'])\n\nconst emitFilterChange = (filterType, value) => {\n  emit('updateFilters', { filterType, value })\n}\n\nconst resetFilters = () => {\n  emit('resetFilters')\n}\nconst text = {\n    locale: 'en',\n    messages: {\n      en: {\n        categoriesTitle: 'Category',\n        categories: [],\n        filters: {\n          title: 'Filters',\n          price: {\n            title: 'Price',\n            from: 'From',\n            to: 'To'\n          },\n          filters: [],\n          reset: 'Reset Filters'\n        }\n      },\n      ru: {\n        categoriesTitle: 'Категория',\n        categories: [],\n        filters: {\n          title: 'Фильтры',\n          price: {\n            title: 'Цена',\n            from: 'От',\n            to: 'До'\n          },\n          filters: [],\n          reset: 'Сбросить фильтры',\n        }\n      }\n    }\n  }\n\n  categories.state.all.forEach( category => {\n    category.translations.forEach( localization => {\n      text.messages[localization.locale].categories.push(localization.text)\n    })\n  })\n\n  const { t } = useI18n(text)\n  \n\n\n// Добавьте свою локализацию и методы t, если они нужны\n</script>\n\n<style>\n/* Ваши стили */\n</style>\n"],"names":["marketplace.state","categories.actions","categories.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuFA,UAAM,QAAQ,SAAQ;AACtB,UAAM,SAAS,UAAS;AAKxB,QAAI,UAAU;AAAA,MACZ,QAAQ;AAAA,IACV;AAEsB,QAAI;AAAA,MACxB,YAAY,CAAA;AAAA,MACZ,QAAQ,CAAA;AAAA,MACR,UAAU,CAAA;AAAA,MACV,OAAO,CAAA;AAAA,IACT,CAAC;AAwBD,UAAM,MAAMA,MAAkB,QAAQ,CAAC,gBAAgB,mBAAmB;AAExE,YAAM,QAAQ,EAAE,GAAG,MAAM,MAAK;AAG9B,aAAO,KAAK,cAAc,EAAE,QAAQ,SAAO;AACzC,YAAI,MAAM,GAAG,GAAG;AACd,iBAAO,MAAM,GAAG;AAAA,QAClB;AAAA,MACF,CAAC;AAGD,YAAM,iBAAiB,OAAO;AAAA,QAC5B,OAAO,QAAQ,cAAc,EAC1B,OAAO,CAAC,CAAC,KAAK,KAAK,MAAM,MAAM,QAAQ,KAAK,KAAK,MAAM,SAAS,CAAC,EACjE,IAAI,CAAC,CAAC,KAAK,KAAK,MAAM,CAAC,KAAK,MAAM,KAAK,GAAG,CAAC,CAAC;AAAA,MACnD;AACE,aAAO,OAAO,OAAO,cAAc;AAGnC,aAAO,QAAQ,EAAE,OAAO;AAAA,IAC1B,GAAG,EAAE,MAAM,KAAI,CAAE;AAEjB,cAAU,YAAY;AACpB,YAAMC,QAAmB,KAAK,OAAO;AAErC,UAAI,MAAM,OAAO;AACf,cAAM,QAAQ,MAAM;AACpB,cAAM,iBAAiB;AAAA,UACrB,YAAY,MAAM,aAAa,MAAM,WAAW,MAAM,GAAG,IAAI,CAAA;AAAA,UAC7D,QAAQ,MAAM,SAAS,MAAM,OAAO,MAAM,GAAG,IAAI,CAAA;AAAA,UACjD,UAAU,MAAM,WAAW,MAAM,SAAS,MAAM,GAAG,IAAI,CAAA;AAAA;AAAA,QAE7D;AACID,cAAkB,OAAO,YAAY;AAAA,MACvC;AAAA,IACF,CAAC;AAED,UAAM,OAAO;AAMb,UAAM,eAAe,MAAM;AACzB,WAAK,cAAc;AAAA,IACrB;AACA,UAAM,OAAO;AAAA,MACT,QAAQ;AAAA,MACR,UAAU;AAAA,QACR,IAAI;AAAA,UACF,iBAAiB;AAAA,UACjB,YAAY,CAAA;AAAA,UACZ,SAAS;AAAA,YACP,OAAO;AAAA,YACP,OAAO;AAAA,cACL,OAAO;AAAA,cACP,MAAM;AAAA,cACN,IAAI;AAAA,YAChB;AAAA,YACU,SAAS,CAAA;AAAA,YACT,OAAO;AAAA,UACjB;AAAA,QACA;AAAA,QACM,IAAI;AAAA,UACF,iBAAiB;AAAA,UACjB,YAAY,CAAA;AAAA,UACZ,SAAS;AAAA,YACP,OAAO;AAAA,YACP,OAAO;AAAA,cACL,OAAO;AAAA,cACP,MAAM;AAAA,cACN,IAAI;AAAA,YAChB;AAAA,YACU,SAAS,CAAA;AAAA,YACT,OAAO;AAAA,UACjB;AAAA,QACA;AAAA,MACA;AAAA,IACA;AAEEE,YAAiB,IAAI,QAAS,cAAY;AACxC,eAAS,aAAa,QAAS,kBAAgB;AAC7C,aAAK,SAAS,aAAa,MAAM,EAAE,WAAW,KAAK,aAAa,IAAI;AAAA,MACtE,CAAC;AAAA,IACH,CAAC;AAED,UAAM,EAAE,MAAM,QAAQ,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -16,7 +16,7 @@ const _hoisted_4 = { class: "w-100" };
 const _hoisted_5 = { class: "flex flex-nowrap flex-v-center mn-b-thin" };
 const _hoisted_6 = {
   key: 0,
-  class: "t-small t-transp mn-l-thin"
+  class: "t-small opacity-50 mn-l-thin"
 };
 const _hoisted_7 = {
   key: 0,

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

@@ -1 +1 @@
-{"version":3,"file":"ProductConfigurator.vue.js","sources":["../../../../../../../src/modules/products/components/sections/ProductConfigurator.vue"],"sourcesContent":["<template>\n  <div v-if=\"productVariants?.length\" class=\"w-100\">\n    <!-- Variants Selection Component -->\n    <ProductVariants\n      :productVariants=\"productVariants\"\n      :productId=\"productId\"\n      :productName=\"productName\"\n      @variant-selected=\"handleVariantSelected\"\n      @update-images=\"$emit('update-images', $event)\"\n    />\n    \n    <!-- Discounts Component -->\n    <ProductDiscounts\n      :discounts=\"discounts\"\n      :regularPrice=\"regularPrice\"\n      :selectedVariant=\"selectedVariant\"\n      :productVariants=\"productVariants\"\n      @select-discount=\"handleDiscountSelected\"\n      class=\"mn-b-medium\"\n    />\n      \n    <!-- Показываем цену, если нет вариантов или не выбран ни один вариант -->\n    <div class=\"flex-nowrap flex gap-thin\">\n      <div class=\"\">\n        <p class=\"fw-medium mn-b-thin\">Price</p>\n        <Price \n          :product=\"selectedVariant || productVariants[0]\"\n          :variants=\"productVariants\" \n          size=\"big\" \n          class=\"flex gap-micro flex-center pd-small bg-second t-white w-max mn-b-medium\" \n        />\n      </div>\n     \n      \n      <!-- Quantity Selection -->\n      <div class=\"w-100\">\n        <div class=\"flex flex-nowrap flex-v-center mn-b-thin\">\n          <p class=\"fw-medium\">Quantity</p>\n          <span v-if=\"selectedVariant\" class=\"t-small t-transp mn-l-thin\">\n            (Max: {{ maxQuantity }})\n          </span>\n        </div>\n        \n        <QuantitySelector v-model=\"quantity\" :maxValue=\"maxQuantity\" />\n      </div>\n    </div>\n\n    <!-- Out of stock notice -->\n    <div v-if=\"selectedVariant && !selectedVariant.available\" class=\"mn-b-medium\">\n      <div class=\"flex flex-nowrap gap-small pd-small bg-error-light radius-small t-error\">\n        <span>Out of stock</span>\n      </div>\n    </div>\n\n    <!-- Add to cart button -->\n    <div class=\"w-100 mn-b-medium\">\n      <Button\n        :submit=\"isVariantAvailable ? addProductToCart : undefined\"\n        :disabled=\"!isVariantAvailable\"\n        class=\"cursor-pointer pd-medium radius-big w-100 bg-main button h-3r\"\n      >\n        <div v-if=\"isVariantAvailable\" class=\"gap-micro flex flex-center flex-nowrap\">\n          <IconShopcartAdd class=\"i-medium\"/>\n          <span class=\"ws-nowrap\">{{ t('addtoorder') }}</span>\n        </div>\n        <template v-else>\n          <span v-if=\"!selectedVariant && productVariants.length > 1\">Select variant</span>\n          <span v-else>Out of Stock</span>\n        </template>\n      </Button>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, watch } from 'vue';\nimport { useI18n } from 'vue-i18n';\nimport IconShopcartAdd from '@martyrs/src/modules/icons/actions/IconShopcartAdd.vue';\nimport Button from '@martyrs/src/components/Button/Button.vue';\n\nimport ProductVariants from '../blocks/ProductVariants.vue';\nimport ProductDiscounts from '../blocks/ProductDiscounts.vue';\nimport QuantitySelector from '../elements/QuantitySelector.vue';\n\nimport Price from '@martyrs/src/modules/products/components/elements/Price.vue'\n\nconst props = defineProps({\n  productVariants: { type: Array, default: () => [] },\n  productId: { type: String, required: true },\n  productName: { type: String, required: true },\n  discounts: { type: Array, default: () => [] },\n  regularPrice: { type: String, required: true }\n});\n\nconst emits = defineEmits(['variant-selected', 'add-to-cart', 'update-images']);\nconst { t } = useI18n({ messages: { en: { addtoorder: 'Add to Cart' }, ru: { addtoorder: 'Добавить в корзину' } } });\n\nconst selectedVariant = ref(null);\nconst quantity = ref(1);\n\n// Computed properties\nconst isVariantAvailable = computed(() => \n  selectedVariant.value ? selectedVariant.value.available :\n  props.productVariants.length === 1 ? props.productVariants[0].available : false\n);\n\nconst maxQuantity = computed(() => \n  selectedVariant.value ? selectedVariant.value.available : \n  props.productVariants.length === 1 ? props.productVariants[0].available || 1 : 1\n);\n\n// Methods\nfunction handleVariantSelected(variant) {\n  selectedVariant.value = variant;\n  if (quantity.value > variant.available) quantity.value = variant.available;\n  emits('variant-selected', variant);\n}\n\nfunction handleDiscountSelected(discount) {\n  // Update quantity based on discount requirements\n  if (discount.quantity && discount.quantity > quantity.value) {\n    quantity.value = discount.quantity;\n  }\n}\n\nfunction addProductToCart() {\n  const variant = selectedVariant.value || \n    (props.productVariants.length === 1 ? props.productVariants[0] : null);\n  \n  if (!variant || !variant.available || quantity.value > variant.available) return false;\n  \n  emits('add-to-cart', {\n    variant: variant,\n    quantity: quantity.value\n  });\n  \n  return true;\n}\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsFA,UAAM,QAAQ;AAQd,UAAM,QAAQ;AACd,UAAM,EAAE,EAAC,IAAK,QAAQ,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,cAAa,GAAI,IAAI,EAAE,YAAY,qBAAoB,EAAE,EAAE,CAAE;AAEnH,UAAM,kBAAkB,IAAI,IAAI;AAChC,UAAM,WAAW,IAAI,CAAC;AAGtB,UAAM,qBAAqB;AAAA,MAAS,MAClC,gBAAgB,QAAQ,gBAAgB,MAAM,YAC9C,MAAM,gBAAgB,WAAW,IAAI,MAAM,gBAAgB,CAAC,EAAE,YAAY;AAAA,IAC5E;AAEA,UAAM,cAAc;AAAA,MAAS,MAC3B,gBAAgB,QAAQ,gBAAgB,MAAM,YAC9C,MAAM,gBAAgB,WAAW,IAAI,MAAM,gBAAgB,CAAC,EAAE,aAAa,IAAI;AAAA,IACjF;AAGA,aAAS,sBAAsB,SAAS;AACtC,sBAAgB,QAAQ;AACxB,UAAI,SAAS,QAAQ,QAAQ,UAAW,UAAS,QAAQ,QAAQ;AACjE,YAAM,oBAAoB,OAAO;AAAA,IACnC;AAEA,aAAS,uBAAuB,UAAU;AAExC,UAAI,SAAS,YAAY,SAAS,WAAW,SAAS,OAAO;AAC3D,iBAAS,QAAQ,SAAS;AAAA,MAC5B;AAAA,IACF;AAEA,aAAS,mBAAmB;AAC1B,YAAM,UAAU,gBAAgB,UAC7B,MAAM,gBAAgB,WAAW,IAAI,MAAM,gBAAgB,CAAC,IAAI;AAEnE,UAAI,CAAC,WAAW,CAAC,QAAQ,aAAa,SAAS,QAAQ,QAAQ,UAAW,QAAO;AAEjF,YAAM,eAAe;AAAA,QACnB;AAAA,QACA,UAAU,SAAS;AAAA,MACvB,CAAG;AAED,aAAO;AAAA,IACT;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ProductConfigurator.vue.js","sources":["../../../../../../../src/modules/products/components/sections/ProductConfigurator.vue"],"sourcesContent":["<template>\n  <div v-if=\"productVariants?.length\" class=\"w-100\">\n    <!-- Variants Selection Component -->\n    <ProductVariants\n      :productVariants=\"productVariants\"\n      :productId=\"productId\"\n      :productName=\"productName\"\n      @variant-selected=\"handleVariantSelected\"\n      @update-images=\"$emit('update-images', $event)\"\n    />\n    \n    <!-- Discounts Component -->\n    <ProductDiscounts\n      :discounts=\"discounts\"\n      :regularPrice=\"regularPrice\"\n      :selectedVariant=\"selectedVariant\"\n      :productVariants=\"productVariants\"\n      @select-discount=\"handleDiscountSelected\"\n      class=\"mn-b-medium\"\n    />\n      \n    <!-- Показываем цену, если нет вариантов или не выбран ни один вариант -->\n    <div class=\"flex-nowrap flex gap-thin\">\n      <div class=\"\">\n        <p class=\"fw-medium mn-b-thin\">Price</p>\n        <Price \n          :product=\"selectedVariant || productVariants[0]\"\n          :variants=\"productVariants\" \n          size=\"big\" \n          class=\"flex gap-micro flex-center pd-small bg-second t-white w-max mn-b-medium\" \n        />\n      </div>\n     \n      \n      <!-- Quantity Selection -->\n      <div class=\"w-100\">\n        <div class=\"flex flex-nowrap flex-v-center mn-b-thin\">\n          <p class=\"fw-medium\">Quantity</p>\n          <span v-if=\"selectedVariant\" class=\"t-small opacity-50 mn-l-thin\">\n            (Max: {{ maxQuantity }})\n          </span>\n        </div>\n        \n        <QuantitySelector v-model=\"quantity\" :maxValue=\"maxQuantity\" />\n      </div>\n    </div>\n\n    <!-- Out of stock notice -->\n    <div v-if=\"selectedVariant && !selectedVariant.available\" class=\"mn-b-medium\">\n      <div class=\"flex flex-nowrap gap-small pd-small bg-error-light radius-small t-error\">\n        <span>Out of stock</span>\n      </div>\n    </div>\n\n    <!-- Add to cart button -->\n    <div class=\"w-100 mn-b-medium\">\n      <Button\n        :submit=\"isVariantAvailable ? addProductToCart : undefined\"\n        :disabled=\"!isVariantAvailable\"\n        class=\"cursor-pointer pd-medium radius-big w-100 bg-main button h-3r\"\n      >\n        <div v-if=\"isVariantAvailable\" class=\"gap-micro flex flex-center flex-nowrap\">\n          <IconShopcartAdd class=\"i-medium\"/>\n          <span class=\"ws-nowrap\">{{ t('addtoorder') }}</span>\n        </div>\n        <template v-else>\n          <span v-if=\"!selectedVariant && productVariants.length > 1\">Select variant</span>\n          <span v-else>Out of Stock</span>\n        </template>\n      </Button>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, watch } from 'vue';\nimport { useI18n } from 'vue-i18n';\nimport IconShopcartAdd from '@martyrs/src/modules/icons/actions/IconShopcartAdd.vue';\nimport Button from '@martyrs/src/components/Button/Button.vue';\n\nimport ProductVariants from '../blocks/ProductVariants.vue';\nimport ProductDiscounts from '../blocks/ProductDiscounts.vue';\nimport QuantitySelector from '../elements/QuantitySelector.vue';\n\nimport Price from '@martyrs/src/modules/products/components/elements/Price.vue'\n\nconst props = defineProps({\n  productVariants: { type: Array, default: () => [] },\n  productId: { type: String, required: true },\n  productName: { type: String, required: true },\n  discounts: { type: Array, default: () => [] },\n  regularPrice: { type: String, required: true }\n});\n\nconst emits = defineEmits(['variant-selected', 'add-to-cart', 'update-images']);\nconst { t } = useI18n({ messages: { en: { addtoorder: 'Add to Cart' }, ru: { addtoorder: 'Добавить в корзину' } } });\n\nconst selectedVariant = ref(null);\nconst quantity = ref(1);\n\n// Computed properties\nconst isVariantAvailable = computed(() => \n  selectedVariant.value ? selectedVariant.value.available :\n  props.productVariants.length === 1 ? props.productVariants[0].available : false\n);\n\nconst maxQuantity = computed(() => \n  selectedVariant.value ? selectedVariant.value.available : \n  props.productVariants.length === 1 ? props.productVariants[0].available || 1 : 1\n);\n\n// Methods\nfunction handleVariantSelected(variant) {\n  selectedVariant.value = variant;\n  if (quantity.value > variant.available) quantity.value = variant.available;\n  emits('variant-selected', variant);\n}\n\nfunction handleDiscountSelected(discount) {\n  // Update quantity based on discount requirements\n  if (discount.quantity && discount.quantity > quantity.value) {\n    quantity.value = discount.quantity;\n  }\n}\n\nfunction addProductToCart() {\n  const variant = selectedVariant.value || \n    (props.productVariants.length === 1 ? props.productVariants[0] : null);\n  \n  if (!variant || !variant.available || quantity.value > variant.available) return false;\n  \n  emits('add-to-cart', {\n    variant: variant,\n    quantity: quantity.value\n  });\n  \n  return true;\n}\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsFA,UAAM,QAAQ;AAQd,UAAM,QAAQ;AACd,UAAM,EAAE,EAAC,IAAK,QAAQ,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,cAAa,GAAI,IAAI,EAAE,YAAY,qBAAoB,EAAE,EAAE,CAAE;AAEnH,UAAM,kBAAkB,IAAI,IAAI;AAChC,UAAM,WAAW,IAAI,CAAC;AAGtB,UAAM,qBAAqB;AAAA,MAAS,MAClC,gBAAgB,QAAQ,gBAAgB,MAAM,YAC9C,MAAM,gBAAgB,WAAW,IAAI,MAAM,gBAAgB,CAAC,EAAE,YAAY;AAAA,IAC5E;AAEA,UAAM,cAAc;AAAA,MAAS,MAC3B,gBAAgB,QAAQ,gBAAgB,MAAM,YAC9C,MAAM,gBAAgB,WAAW,IAAI,MAAM,gBAAgB,CAAC,EAAE,aAAa,IAAI;AAAA,IACjF;AAGA,aAAS,sBAAsB,SAAS;AACtC,sBAAgB,QAAQ;AACxB,UAAI,SAAS,QAAQ,QAAQ,UAAW,UAAS,QAAQ,QAAQ;AACjE,YAAM,oBAAoB,OAAO;AAAA,IACnC;AAEA,aAAS,uBAAuB,UAAU;AAExC,UAAI,SAAS,YAAY,SAAS,WAAW,SAAS,OAAO;AAC3D,iBAAS,QAAQ,SAAS;AAAA,MAC5B;AAAA,IACF;AAEA,aAAS,mBAAmB;AAC1B,YAAM,UAAU,gBAAgB,UAC7B,MAAM,gBAAgB,WAAW,IAAI,MAAM,gBAAgB,CAAC,IAAI;AAEnE,UAAI,CAAC,WAAW,CAAC,QAAQ,aAAa,SAAS,QAAQ,QAAQ,UAAW,QAAO;AAEjF,YAAM,eAAe;AAAA,QACnB;AAAA,QACA,UAAU,SAAS;AAAA,MACvB,CAAG;AAED,aAAO;AAAA,IACT;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -23,11 +23,11 @@ const _hoisted_8 = {
 };
 const _hoisted_9 = {
   key: 0,
-  class: "w-100 t-transp"
+  class: "w-100 opacity-50"
 };
 const _hoisted_10 = {
   key: 1,
-  class: "w-100 t-transp"
+  class: "w-100 opacity-50"
 };
 const _hoisted_11 = {
   key: 1,
@@ -149,7 +149,7 @@ const _sfc_main = {
           __props.accesses && _ctx.hasAccess(unref(route).params._id, "products", "edit", __props.accesses) ? (openBlock(), createBlock(_sfc_main$1, {
             key: 0,
             onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$router.push(editPath.value)),
-            class: "pos-absolute pos-t-regular pos-r-regular i-medium t-transp"
+            class: "pos-absolute pos-t-regular pos-r-regular i-medium opacity-50"
           })) : createCommentVNode("", true),
           createElementVNode("h1", _hoisted_6, toDisplayString(__props.product.name), 1),
           __props.product.listing !== "rent" ? (openBlock(), createBlock(_sfc_main$2, {

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

@@ -1 +1 @@
-{"version":3,"file":"SectionProduct.vue.js","sources":["../../../../../../../src/modules/products/components/sections/SectionProduct.vue"],"sourcesContent":["<template>\n\t<div class=\"cols-[1fr_2fr] mobile:cols-1 pd-small w-100 gap-thin\">\n\t\t\n\t\t<div class=\"pd-small  bg-light radius-medium flex-nowrap flex-column flex pos-relative\">\n\t\t\t<div class=\"w-100 bg-light radius-semi o-hidden\">\n\t\t\t\t<!-- PRODUCT IMAGE -->\n\t\t\t\t<Image360\n\t\t\t\t\tv-if=\"product && product.image3d\"\n\t\t\t\t\tclass=\"h-100 w-100\"\n\t\t\t\t\t:imagePath=\"`/assets/images/products/${product.image3d}`\"\n\t\t\t\t\t:imageCount=\"36\"\n\t\t\t\t/>\n\n\t\t\t\t<img loading=\"lazy\" \n\t\t\t\t\tv-if=\"images[0] && !product.image3d\"\n\t\t\t\t\tclass=\"h-max bg-light w-100\"\n\t\t\t\t\tstyle=\"object-fit: contain;\"\n\t\t\t\t\t:src=\"(FILE_SERVER_URL || '') + images[0]\"\n\t\t\t\t/>\n\n\t\t\t\t<PlaceholderImage\n\t\t\t\t\tv-if=\"!images[0] && !product.image3d\"\n\t\t\t\t\tclass=\"h-max-20r h-100 w-100\"\n\t\t\t\t\tstyle=\"object-fit: cover;\"\n\t\t\t\t/>\n\n\t\t\t</div>\n\n\t\t\t<ProductImages\n\t\t\t\tv-if=\"images.length > 1\"\n\t\t\t\t:images=\"images\"\n\t\t\t\tclass=\"mn-t-thin\"\n\t\t\t/>\n\t\t</div>\n\n\t\t<div class=\"radius-medium pos-relative w-100 h-100 flex-column flex-justify flex col\">\n\n\t\t\t<IconEdit\n\t\t\t\tv-if=\"accesses && hasAccess(route.params._id, 'products', 'edit', accesses)\"\n\t\t\t\t@click=\"$router.push(editPath)\"\n\t\t\t\tclass=\"pos-absolute pos-t-regular pos-r-regular i-medium t-transp\"\n\t\t\t/>\n\n\t\t\t<!-- Name -->\n\t\t\t<h1 class=\"w-100 h1-product mn-b-small\">{{ product.name }}</h1>\n\t\t\t<!-- Price -->\n\t\t\t<Price v-if=\"product.listing !== 'rent'\" :product=\"product\" size=\"big\" class=\"mn-b-semi\" />\n\t\t\t<!-- Variants -->\n\t\t\t<!-- <div v-if=\"product.variants.length > 0\" class=\"flex-justify-start  flex\">\n\t\t\t\t<SelectElement v-if=\"sizes2.length > 0\" :elements=\"sizes2\" :selected=\"product.selectedSize\" class=\"mn-r-medium\" />\n\t\t\t</div> -->\n\t\t\t<!-- Description -->\n\n\t\t\t<Tab \n\t\t\t\tv-model:selected=\"tabProduct\"\n\t\t\t\t:tabs=\"[\n\t\t\t\t\t{name: 'Description', value: 'description'},\n\t\t\t\t\t{name: 'Specifications', value: 'specifications'}\n\t\t\t\t]\"\n\t\t\t\tclassTab=\"pd-small pd-r-medium pd-l-medium w-100 pd-small radius-small\"\n\t\t\t\tclass=\"bg-light mn-b-small\"\n\t\t\t/>\n\n\t\t\t<div class=\"h-min-5r pos-relative\">\n\t\t\t\t<transition name=\"slide-fade\">\n\n\t\t\t\t\t<div v-if=\"tabProduct === 'description'\"  class=\"pd-medium radius-medium bg-light \">\n\t\t\t\t\t\t<p v-if=\"product.description && !product.translations < 1\" class=\"w-100 t-transp\">\n\t\t\t\t\t\t\t{{ product.description }}\n\t\t\t\t\t\t</p>\n\n\t\t\t\t\t\t<p v-if=\"product.translations && product.translations.length > 1\" class=\"w-100 t-transp\">\n\t\t\t\t\t\t\t{{ t('description') }}\n\t\t\t\t\t\t</p>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div \n\t\t\t\t\t\tv-else\n\t\t\t\t\t\tclass=\"cols-2 mobile:cols-1 w-100 bg-light radius-medium pd-medium gap-small\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<div \n\t\t\t\t\t\t\tv-if=\"product.attributes.length > 0\" \n\t\t\t\t\t\t\tv-for=\"attributes in product.attributes\" \n\t\t\t\t\t\t\tclass=\"w-100 pd-small radius-small bg-white product-attributes\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<p class=\"fw-demi\">{{ attributes.name }}</p>\n\t\t\t\t\t\t\t<p>{{ attributes.value }}</p>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</transition>\n\t\t\t</div>\n\n\t\t\t<div v-if=\"product.listing === 'rent'\" class=\"mn-t-small max-w-33rem mobile-w-100 t-white gap-small cols-2 mobile:cols-1\">\n\t\t\t\t<Button\n\t\t\t\t\t:submit=\"() => { addToCart(product) } \" \n\t\t\t\t\t:text=\"{\n\t\t\t\t\t\tsuccess: ' ✔ Added',\n\t\t\t\t\t\terror: 'error'\n\t\t\t\t\t}\"\n\t\t\t\t\tclass=\"h-3r w-100 mn-r-small bg-main button\"\n\t\t\t\t> \n\t\t\t\t\t{{ t('addtoorder') }}\n\t\t\t\t</Button>\n\t\t\t</div>\n\n\t\t\t<!-- Actions -->\n\t\t\t<div v-else class=\"mn-t-small max-w-33rem mobile-w-100 t-white gap-small cols-2 mobile:cols-1\">\n\t\t\t\t<Button\n\t\t\t\t\tv-if=\"product.quantity > 0\"\n\t\t\t\t\t:submit=\"a => addToCart(product)\" \n\t\t\t\t\t:disabled=\"validateToCard(product)\" \n\t\t\t\t\t:text=\"{\n\t\t\t\t\t\tsuccess: ' ✔ Added',\n\t\t\t\t\t\terror: 'error'\n\t\t\t\t\t}\"\n\t\t\t\t\tclass=\"h-3r w-100 mn-r-small bg-main button\"\n\t\t\t\t> \n\t\t\t\t\t\t{{ t('addtoorder') }}\n\t\t\t\t</Button>\n\t\t\t\t<div v-else class=\"flex-center flex uppercase radius-medium t-black w-max pd-small fw-medium bg-grey h-3r w-100 mn-r-smallbutton\">\n\t\t\t\t\tOut of Stock\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</template>\n\n<script setup>\nimport Button from '@martyrs/src/components/Button/Button.vue'\nimport Tab from '@martyrs/src/components/Tab/Tab.vue'\nimport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'\nimport PlaceholderImage from '@martyrs/src/modules/icons/placeholders/PlaceholderImage.vue'\n\nimport Image360 \tfrom '@martyrs/src/modules/products/components/elements/Image360.vue'\nimport ProductImages from \"@martyrs/src/modules/products/components/blocks/ProductImages.vue\";\n\nimport THC from '@martyrs/src/modules/products/components/elements/THC.vue'\nimport Price from '@martyrs/src/modules/products/components/elements/Price.vue'\n// import SelectElement \tfrom '@/components/elements/SelectElement.vue'\n\nimport { computed, ref } from 'vue'\n\n\timport { useRoute,useRouter } from 'vue-router'\nimport { useI18n }    from 'vue-i18n'\n\nimport * as shopcart from '@martyrs/src/modules/orders/store/shopcart.js';\n\n// Props\nconst props = defineProps({\n  product: {\n    type: Object,\n    required: true\n  },\n  user: {\n    type: String,\n  },\n  accesses: {\n    type: Object,\n\t  default: null\n  }\n})\n\n\n\n\tconst route = useRoute()\n\tconst router = useRouter()\n\n// Computed properties\nconst images = computed(() => {\n  return props.product.images\n})\n\nconst editPath = computed(() => {\n\tif (route.meta.context === 'backoffice') {\n\t\treturn `/backoffice/products/${props.product._id}/edit`\n\t}\n\tif (route.meta.context === 'organization') {\n\t\treturn `/organizations/${props.product.owner.target}/products/${props.product._id}/edit`\n\t}\n\treturn `/products/${props.product._id}/edit`\n})\n\nconst tabProduct = ref('description')\n\nconst text = {\n\tmessages: {\n\t  en: {\n\t  \tairecommend: 'AI Recommends You',\n\t  \tdescription: '',\n\t  \taddtoorder: 'Add to order',\n\t    fastorder: 'Fast Order'\n\t  },\n\t  ru: {\n\t  \tairecommend: 'AI Рекомендует вам',\n\t  \tdescription: '',\n\t  \taddtoorder: 'Добавить в корзину',\n\t    fastorder: 'Быстрый заказ'\n\t  }\n\t}\n}\n\nconst { t } = useI18n(text)\n\n// Methods\nfunction validateToCard(product) {\n  if (product.quantity > 0) {\n    return false\n  }\n  return true\n}\nasync function addToCart(product) {\n\tconsole.log(product)\n    try {\n        if (shopcart.state.organization !== product.owner.target) {\n            shopcart.state.organization = product.owner.target\n            shopcart.state.positions = []\n        }\n        await shopcart.actions.addProductToCart(product, product.owner.target)\n        return true // Make sure we return something\n    } catch (error) {\n        console.error('Ошибка при добавлении товара в корзину:', error)\n        throw error\n    }\n}\n</script>\n"],"names":["shopcart.state","shopcart.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoJA,UAAM,QAAQ;AAgBb,UAAM,QAAQ,SAAQ;AACP,cAAS;AAGzB,UAAM,SAAS,SAAS,MAAM;AAC5B,aAAO,MAAM,QAAQ;AAAA,IACvB,CAAC;AAED,UAAM,WAAW,SAAS,MAAM;AAC/B,UAAI,MAAM,KAAK,YAAY,cAAc;AACxC,eAAO,wBAAwB,MAAM,QAAQ,GAAG;AAAA,MACjD;AACA,UAAI,MAAM,KAAK,YAAY,gBAAgB;AAC1C,eAAO,kBAAkB,MAAM,QAAQ,MAAM,MAAM,aAAa,MAAM,QAAQ,GAAG;AAAA,MAClF;AACA,aAAO,aAAa,MAAM,QAAQ,GAAG;AAAA,IACtC,CAAC;AAED,UAAM,aAAa,IAAI,aAAa;AAEpC,UAAM,OAAO;AAAA,MACZ,UAAU;AAAA,QACR,IAAI;AAAA,UACH,aAAa;AAAA,UACb,aAAa;AAAA,UACb,YAAY;AAAA,UACX,WAAW;AAAA,QAChB;AAAA,QACG,IAAI;AAAA,UACH,aAAa;AAAA,UACb,aAAa;AAAA,UACb,YAAY;AAAA,UACX,WAAW;AAAA,QAChB;AAAA,MACA;AAAA,IACA;AAEA,UAAM,EAAE,EAAC,IAAK,QAAQ,IAAI;AAG1B,aAAS,eAAe,SAAS;AAC/B,UAAI,QAAQ,WAAW,GAAG;AACxB,eAAO;AAAA,MACT;AACA,aAAO;AAAA,IACT;AACA,mBAAe,UAAU,SAAS;AACjC,cAAQ,IAAI,OAAO;AAChB,UAAI;AACA,YAAIA,MAAe,iBAAiB,QAAQ,MAAM,QAAQ;AACtDA,gBAAe,eAAe,QAAQ,MAAM;AAC5CA,gBAAe,YAAY,CAAA;AAAA,QAC/B;AACA,cAAMC,QAAiB,iBAAiB,SAAS,QAAQ,MAAM,MAAM;AACrE,eAAO;AAAA,MACX,SAAS,OAAO;AACZ,gBAAQ,MAAM,2CAA2C,KAAK;AAC9D,cAAM;AAAA,MACV;AAAA,IACJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"SectionProduct.vue.js","sources":["../../../../../../../src/modules/products/components/sections/SectionProduct.vue"],"sourcesContent":["<template>\n\t<div class=\"cols-[1fr_2fr] mobile:cols-1 pd-small w-100 gap-thin\">\n\t\t\n\t\t<div class=\"pd-small  bg-light radius-medium flex-nowrap flex-column flex pos-relative\">\n\t\t\t<div class=\"w-100 bg-light radius-semi o-hidden\">\n\t\t\t\t<!-- PRODUCT IMAGE -->\n\t\t\t\t<Image360\n\t\t\t\t\tv-if=\"product && product.image3d\"\n\t\t\t\t\tclass=\"h-100 w-100\"\n\t\t\t\t\t:imagePath=\"`/assets/images/products/${product.image3d}`\"\n\t\t\t\t\t:imageCount=\"36\"\n\t\t\t\t/>\n\n\t\t\t\t<img loading=\"lazy\" \n\t\t\t\t\tv-if=\"images[0] && !product.image3d\"\n\t\t\t\t\tclass=\"h-max bg-light w-100\"\n\t\t\t\t\tstyle=\"object-fit: contain;\"\n\t\t\t\t\t:src=\"(FILE_SERVER_URL || '') + images[0]\"\n\t\t\t\t/>\n\n\t\t\t\t<PlaceholderImage\n\t\t\t\t\tv-if=\"!images[0] && !product.image3d\"\n\t\t\t\t\tclass=\"h-max-20r h-100 w-100\"\n\t\t\t\t\tstyle=\"object-fit: cover;\"\n\t\t\t\t/>\n\n\t\t\t</div>\n\n\t\t\t<ProductImages\n\t\t\t\tv-if=\"images.length > 1\"\n\t\t\t\t:images=\"images\"\n\t\t\t\tclass=\"mn-t-thin\"\n\t\t\t/>\n\t\t</div>\n\n\t\t<div class=\"radius-medium pos-relative w-100 h-100 flex-column flex-justify flex col\">\n\n\t\t\t<IconEdit\n\t\t\t\tv-if=\"accesses && hasAccess(route.params._id, 'products', 'edit', accesses)\"\n\t\t\t\t@click=\"$router.push(editPath)\"\n\t\t\t\tclass=\"pos-absolute pos-t-regular pos-r-regular i-medium opacity-50\"\n\t\t\t/>\n\n\t\t\t<!-- Name -->\n\t\t\t<h1 class=\"w-100 h1-product mn-b-small\">{{ product.name }}</h1>\n\t\t\t<!-- Price -->\n\t\t\t<Price v-if=\"product.listing !== 'rent'\" :product=\"product\" size=\"big\" class=\"mn-b-semi\" />\n\t\t\t<!-- Variants -->\n\t\t\t<!-- <div v-if=\"product.variants.length > 0\" class=\"flex-justify-start  flex\">\n\t\t\t\t<SelectElement v-if=\"sizes2.length > 0\" :elements=\"sizes2\" :selected=\"product.selectedSize\" class=\"mn-r-medium\" />\n\t\t\t</div> -->\n\t\t\t<!-- Description -->\n\n\t\t\t<Tab \n\t\t\t\tv-model:selected=\"tabProduct\"\n\t\t\t\t:tabs=\"[\n\t\t\t\t\t{name: 'Description', value: 'description'},\n\t\t\t\t\t{name: 'Specifications', value: 'specifications'}\n\t\t\t\t]\"\n\t\t\t\tclassTab=\"pd-small pd-r-medium pd-l-medium w-100 pd-small radius-small\"\n\t\t\t\tclass=\"bg-light mn-b-small\"\n\t\t\t/>\n\n\t\t\t<div class=\"h-min-5r pos-relative\">\n\t\t\t\t<transition name=\"slide-fade\">\n\n\t\t\t\t\t<div v-if=\"tabProduct === 'description'\"  class=\"pd-medium radius-medium bg-light \">\n\t\t\t\t\t\t<p v-if=\"product.description && !product.translations < 1\" class=\"w-100 opacity-50\">\n\t\t\t\t\t\t\t{{ product.description }}\n\t\t\t\t\t\t</p>\n\n\t\t\t\t\t\t<p v-if=\"product.translations && product.translations.length > 1\" class=\"w-100 opacity-50\">\n\t\t\t\t\t\t\t{{ t('description') }}\n\t\t\t\t\t\t</p>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div \n\t\t\t\t\t\tv-else\n\t\t\t\t\t\tclass=\"cols-2 mobile:cols-1 w-100 bg-light radius-medium pd-medium gap-small\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<div \n\t\t\t\t\t\t\tv-if=\"product.attributes.length > 0\" \n\t\t\t\t\t\t\tv-for=\"attributes in product.attributes\" \n\t\t\t\t\t\t\tclass=\"w-100 pd-small radius-small bg-white product-attributes\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<p class=\"fw-demi\">{{ attributes.name }}</p>\n\t\t\t\t\t\t\t<p>{{ attributes.value }}</p>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</transition>\n\t\t\t</div>\n\n\t\t\t<div v-if=\"product.listing === 'rent'\" class=\"mn-t-small max-w-33rem mobile-w-100 t-white gap-small cols-2 mobile:cols-1\">\n\t\t\t\t<Button\n\t\t\t\t\t:submit=\"() => { addToCart(product) } \" \n\t\t\t\t\t:text=\"{\n\t\t\t\t\t\tsuccess: ' ✔ Added',\n\t\t\t\t\t\terror: 'error'\n\t\t\t\t\t}\"\n\t\t\t\t\tclass=\"h-3r w-100 mn-r-small bg-main button\"\n\t\t\t\t> \n\t\t\t\t\t{{ t('addtoorder') }}\n\t\t\t\t</Button>\n\t\t\t</div>\n\n\t\t\t<!-- Actions -->\n\t\t\t<div v-else class=\"mn-t-small max-w-33rem mobile-w-100 t-white gap-small cols-2 mobile:cols-1\">\n\t\t\t\t<Button\n\t\t\t\t\tv-if=\"product.quantity > 0\"\n\t\t\t\t\t:submit=\"a => addToCart(product)\" \n\t\t\t\t\t:disabled=\"validateToCard(product)\" \n\t\t\t\t\t:text=\"{\n\t\t\t\t\t\tsuccess: ' ✔ Added',\n\t\t\t\t\t\terror: 'error'\n\t\t\t\t\t}\"\n\t\t\t\t\tclass=\"h-3r w-100 mn-r-small bg-main button\"\n\t\t\t\t> \n\t\t\t\t\t\t{{ t('addtoorder') }}\n\t\t\t\t</Button>\n\t\t\t\t<div v-else class=\"flex-center flex uppercase radius-medium t-black w-max pd-small fw-medium bg-grey h-3r w-100 mn-r-smallbutton\">\n\t\t\t\t\tOut of Stock\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</template>\n\n<script setup>\nimport Button from '@martyrs/src/components/Button/Button.vue'\nimport Tab from '@martyrs/src/components/Tab/Tab.vue'\nimport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'\nimport PlaceholderImage from '@martyrs/src/modules/icons/placeholders/PlaceholderImage.vue'\n\nimport Image360 \tfrom '@martyrs/src/modules/products/components/elements/Image360.vue'\nimport ProductImages from \"@martyrs/src/modules/products/components/blocks/ProductImages.vue\";\n\nimport THC from '@martyrs/src/modules/products/components/elements/THC.vue'\nimport Price from '@martyrs/src/modules/products/components/elements/Price.vue'\n// import SelectElement \tfrom '@/components/elements/SelectElement.vue'\n\nimport { computed, ref } from 'vue'\n\n\timport { useRoute,useRouter } from 'vue-router'\nimport { useI18n }    from 'vue-i18n'\n\nimport * as shopcart from '@martyrs/src/modules/orders/store/shopcart.js';\n\n// Props\nconst props = defineProps({\n  product: {\n    type: Object,\n    required: true\n  },\n  user: {\n    type: String,\n  },\n  accesses: {\n    type: Object,\n\t  default: null\n  }\n})\n\n\n\n\tconst route = useRoute()\n\tconst router = useRouter()\n\n// Computed properties\nconst images = computed(() => {\n  return props.product.images\n})\n\nconst editPath = computed(() => {\n\tif (route.meta.context === 'backoffice') {\n\t\treturn `/backoffice/products/${props.product._id}/edit`\n\t}\n\tif (route.meta.context === 'organization') {\n\t\treturn `/organizations/${props.product.owner.target}/products/${props.product._id}/edit`\n\t}\n\treturn `/products/${props.product._id}/edit`\n})\n\nconst tabProduct = ref('description')\n\nconst text = {\n\tmessages: {\n\t  en: {\n\t  \tairecommend: 'AI Recommends You',\n\t  \tdescription: '',\n\t  \taddtoorder: 'Add to order',\n\t    fastorder: 'Fast Order'\n\t  },\n\t  ru: {\n\t  \tairecommend: 'AI Рекомендует вам',\n\t  \tdescription: '',\n\t  \taddtoorder: 'Добавить в корзину',\n\t    fastorder: 'Быстрый заказ'\n\t  }\n\t}\n}\n\nconst { t } = useI18n(text)\n\n// Methods\nfunction validateToCard(product) {\n  if (product.quantity > 0) {\n    return false\n  }\n  return true\n}\nasync function addToCart(product) {\n\tconsole.log(product)\n    try {\n        if (shopcart.state.organization !== product.owner.target) {\n            shopcart.state.organization = product.owner.target\n            shopcart.state.positions = []\n        }\n        await shopcart.actions.addProductToCart(product, product.owner.target)\n        return true // Make sure we return something\n    } catch (error) {\n        console.error('Ошибка при добавлении товара в корзину:', error)\n        throw error\n    }\n}\n</script>\n"],"names":["shopcart.state","shopcart.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoJA,UAAM,QAAQ;AAgBb,UAAM,QAAQ,SAAQ;AACP,cAAS;AAGzB,UAAM,SAAS,SAAS,MAAM;AAC5B,aAAO,MAAM,QAAQ;AAAA,IACvB,CAAC;AAED,UAAM,WAAW,SAAS,MAAM;AAC/B,UAAI,MAAM,KAAK,YAAY,cAAc;AACxC,eAAO,wBAAwB,MAAM,QAAQ,GAAG;AAAA,MACjD;AACA,UAAI,MAAM,KAAK,YAAY,gBAAgB;AAC1C,eAAO,kBAAkB,MAAM,QAAQ,MAAM,MAAM,aAAa,MAAM,QAAQ,GAAG;AAAA,MAClF;AACA,aAAO,aAAa,MAAM,QAAQ,GAAG;AAAA,IACtC,CAAC;AAED,UAAM,aAAa,IAAI,aAAa;AAEpC,UAAM,OAAO;AAAA,MACZ,UAAU;AAAA,QACR,IAAI;AAAA,UACH,aAAa;AAAA,UACb,aAAa;AAAA,UACb,YAAY;AAAA,UACX,WAAW;AAAA,QAChB;AAAA,QACG,IAAI;AAAA,UACH,aAAa;AAAA,UACb,aAAa;AAAA,UACb,YAAY;AAAA,UACX,WAAW;AAAA,QAChB;AAAA,MACA;AAAA,IACA;AAEA,UAAM,EAAE,EAAC,IAAK,QAAQ,IAAI;AAG1B,aAAS,eAAe,SAAS;AAC/B,UAAI,QAAQ,WAAW,GAAG;AACxB,eAAO;AAAA,MACT;AACA,aAAO;AAAA,IACT;AACA,mBAAe,UAAU,SAAS;AACjC,cAAQ,IAAI,OAAO;AAChB,UAAI;AACA,YAAIA,MAAe,iBAAiB,QAAQ,MAAM,QAAQ;AACtDA,gBAAe,eAAe,QAAQ,MAAM;AAC5CA,gBAAe,YAAY,CAAA;AAAA,QAC/B;AACA,cAAMC,QAAiB,iBAAiB,SAAS,QAAQ,MAAM,MAAM;AACrE,eAAO;AAAA,MACX,SAAS,OAAO;AACZ,gBAAQ,MAAM,2CAA2C,KAAK;AAC9D,cAAM;AAAA,MACV;AAAA,IACJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/products/router/categories.router.js

@@ -6,7 +6,7 @@ function getRoutes(options = {}) {
   const routeBackoffice = options.routeBackoffice || "Backoffice Root";
   const routeOrganizations = options.routeOrganizations || "OrganizationRoot";
   const routes = [];
-  if (!options.withBackoffice) {
+  if (!options.contexts || options.contexts.includes("backoffice")) {
     routes.push({
       parentName: routeBackoffice,
       config: {
@@ -86,7 +86,7 @@ function getRoutes(options = {}) {
       }
     });
   }
-  if (!options.withOrganizationRoutes) {
+  if (!options.contexts || options.contexts.includes("organization")) {
     routes.push({
       parentName: routeOrganizations,
       config: {

package/dist/martyrs/src/modules/products/router/categories.router.js.map

@@ -1 +1 @@
-{"version":3,"file":"categories.router.js","sources":["../../../../../../src/modules/products/router/categories.router.js"],"sourcesContent":["import * as validationAuth from '@martyrs/src/modules/auth/views/middlewares/auth.validation.js';\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\nimport { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.js';\n\nconst { hasAccess, isAdmin } = useGlobalMixins();\n\nexport function getRoutes(options = {}) {\n  const routeBackoffice = options.routeBackoffice || 'Backoffice Root';\n  const routeOrganizations = options.routeOrganizations || 'OrganizationRoot';\n\n  const routes = [];\n\n  // Backoffice контекст\n  if (!options.withBackoffice) {\n    routes.push({\n      parentName: routeBackoffice,\n      config: {\n        basePath: options.backofficeBasePath || 'categories',\n        routeNamePrefix: 'Backoffice',\n        meta: {\n          title: {\n            en: 'Categories',\n            ru: 'Категории',\n          },\n          context: 'backoffice',\n        },\n        routes: [\n          {\n            path: '',\n            name: 'Categories',\n            meta: {\n              title: {\n                en: 'Categories',\n                ru: 'Категории',\n              },\n            },\n            component: () => import(/* webpackChunkName: 'categories-backoffice' */ '../components/pages/Categories.vue'),\n          },\n          {\n            path: 'add',\n            name: 'CategoryAdd',\n            meta: {\n              title: {\n                en: 'Add Category',\n                ru: 'Добавить категорию',\n              },\n            },\n            beforeEnter: [\n              validationAuth.requiresAuth,\n              (to, from, next) => {\n                if (isAdmin(auth.state.access.roles)) {\n                  next();\n                } else {\n                  next('/401');\n                }\n              }\n            ],\n            component: () => import(/* webpackChunkName: 'category-backoffice-edit' */ '../components/pages/CategoryEdit.vue'),\n          },\n          {\n            path: ':category/edit',\n            name: 'CategoryEdit',\n            meta: {\n              title: {\n                en: 'Edit Category',\n                ru: 'Редактировать категорию',\n              },\n            },\n            beforeEnter: [\n              validationAuth.requiresAuth,\n              (to, from, next) => {\n                if (isAdmin(auth.state.access.roles)) {\n                  next();\n                } else {\n                  next('/401');\n                }\n              }\n            ],\n            component: () => import(/* webpackChunkName: 'category-backoffice-edit' */ '../components/pages/CategoryEdit.vue'),\n          },\n        ],\n      },\n    });\n  }\n\n  // Organizations контекст\n  if (!options.withOrganizationRoutes) {\n    routes.push({\n      parentName: routeOrganizations,\n      config: {\n        basePath: options.organizationBasePath || 'categories',\n        routeNamePrefix: 'Organization_',\n        meta: {\n          title: {\n            en: 'Organization Categories',\n            ru: 'Категории Организации',\n          },\n          context: 'organization',\n        },\n        routes: [\n          {\n            path: '',\n            name: 'Categories',\n            meta: {\n              title: {\n                en: 'Categories',\n                ru: 'Категории',\n              },\n            },\n            component: () => import(/* webpackChunkName: 'categories' */ '../components/pages/Categories.vue'),\n          },\n          {\n            path: 'add',\n            name: 'CategoryAdd',\n            meta: {\n              title: {\n                en: 'Add Category',\n                ru: 'Добавить категорию',\n              },\n            },\n            beforeEnter: [\n              validationAuth.requiresAuth,\n              (to, from, next) => {\n                if (isAdmin(auth.state.access.roles) || hasAccess(to.params._id, 'categories', 'create', auth.state.accesses, auth.state.access.roles)) {\n                  next();\n                } else {\n                  next('/401');\n                }\n              }\n            ],\n            component: () => import(/* webpackChunkName: 'category-edit' */ '../components/pages/CategoryEdit.vue'),\n          },\n          {\n            path: ':category/edit',\n            name: 'CategoryEdit',\n            meta: {\n              title: {\n                en: 'Edit Category',\n                ru: 'Редактировать категорию',\n              },\n            },\n            beforeEnter: [\n              validationAuth.requiresAuth,\n              (to, from, next) => {\n                if (isAdmin(auth.state.access.roles) || hasAccess(to.params._id, 'categories', 'edit', auth.state.accesses, auth.state.access.roles)) {\n                  next();\n                } else {\n                  next('/401');\n                }\n              }\n            ],\n            component: () => import(/* webpackChunkName: 'category-edit' */ '../components/pages/CategoryEdit.vue'),\n          },\n        ],\n      },\n    });\n  }\n\n  return routes;\n}\n\nexport default { getRoutes };\n"],"names":["validationAuth.requiresAuth","auth.state"],"mappings":"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"}
+{"version":3,"file":"categories.router.js","sources":["../../../../../../src/modules/products/router/categories.router.js"],"sourcesContent":["import * as validationAuth from '@martyrs/src/modules/auth/views/middlewares/auth.validation.js';\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\nimport { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.js';\n\nconst { hasAccess, isAdmin } = useGlobalMixins();\n\nexport function getRoutes(options = {}) {\n  const routeBackoffice = options.routeBackoffice || 'Backoffice Root';\n  const routeOrganizations = options.routeOrganizations || 'OrganizationRoot';\n\n  const routes = [];\n\n  // Backoffice контекст\n  if (!options.contexts || options.contexts.includes('backoffice')) {\n    routes.push({\n      parentName: routeBackoffice,\n      config: {\n        basePath: options.backofficeBasePath || 'categories',\n        routeNamePrefix: 'Backoffice',\n        meta: {\n          title: {\n            en: 'Categories',\n            ru: 'Категории',\n          },\n          context: 'backoffice',\n        },\n        routes: [\n          {\n            path: '',\n            name: 'Categories',\n            meta: {\n              title: {\n                en: 'Categories',\n                ru: 'Категории',\n              },\n            },\n            component: () => import(/* webpackChunkName: 'categories-backoffice' */ '../components/pages/Categories.vue'),\n          },\n          {\n            path: 'add',\n            name: 'CategoryAdd',\n            meta: {\n              title: {\n                en: 'Add Category',\n                ru: 'Добавить категорию',\n              },\n            },\n            beforeEnter: [\n              validationAuth.requiresAuth,\n              (to, from, next) => {\n                if (isAdmin(auth.state.access.roles)) {\n                  next();\n                } else {\n                  next('/401');\n                }\n              }\n            ],\n            component: () => import(/* webpackChunkName: 'category-backoffice-edit' */ '../components/pages/CategoryEdit.vue'),\n          },\n          {\n            path: ':category/edit',\n            name: 'CategoryEdit',\n            meta: {\n              title: {\n                en: 'Edit Category',\n                ru: 'Редактировать категорию',\n              },\n            },\n            beforeEnter: [\n              validationAuth.requiresAuth,\n              (to, from, next) => {\n                if (isAdmin(auth.state.access.roles)) {\n                  next();\n                } else {\n                  next('/401');\n                }\n              }\n            ],\n            component: () => import(/* webpackChunkName: 'category-backoffice-edit' */ '../components/pages/CategoryEdit.vue'),\n          },\n        ],\n      },\n    });\n  }\n\n  // Organizations контекст\n  if (!options.contexts || options.contexts.includes('organization')) {\n    routes.push({\n      parentName: routeOrganizations,\n      config: {\n        basePath: options.organizationBasePath || 'categories',\n        routeNamePrefix: 'Organization_',\n        meta: {\n          title: {\n            en: 'Organization Categories',\n            ru: 'Категории Организации',\n          },\n          context: 'organization',\n        },\n        routes: [\n          {\n            path: '',\n            name: 'Categories',\n            meta: {\n              title: {\n                en: 'Categories',\n                ru: 'Категории',\n              },\n            },\n            component: () => import(/* webpackChunkName: 'categories' */ '../components/pages/Categories.vue'),\n          },\n          {\n            path: 'add',\n            name: 'CategoryAdd',\n            meta: {\n              title: {\n                en: 'Add Category',\n                ru: 'Добавить категорию',\n              },\n            },\n            beforeEnter: [\n              validationAuth.requiresAuth,\n              (to, from, next) => {\n                if (isAdmin(auth.state.access.roles) || hasAccess(to.params._id, 'categories', 'create', auth.state.accesses, auth.state.access.roles)) {\n                  next();\n                } else {\n                  next('/401');\n                }\n              }\n            ],\n            component: () => import(/* webpackChunkName: 'category-edit' */ '../components/pages/CategoryEdit.vue'),\n          },\n          {\n            path: ':category/edit',\n            name: 'CategoryEdit',\n            meta: {\n              title: {\n                en: 'Edit Category',\n                ru: 'Редактировать категорию',\n              },\n            },\n            beforeEnter: [\n              validationAuth.requiresAuth,\n              (to, from, next) => {\n                if (isAdmin(auth.state.access.roles) || hasAccess(to.params._id, 'categories', 'edit', auth.state.accesses, auth.state.access.roles)) {\n                  next();\n                } else {\n                  next('/401');\n                }\n              }\n            ],\n            component: () => import(/* webpackChunkName: 'category-edit' */ '../components/pages/CategoryEdit.vue'),\n          },\n        ],\n      },\n    });\n  }\n\n  return routes;\n}\n\nexport default { getRoutes };\n"],"names":["validationAuth.requiresAuth","auth.state"],"mappings":"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"}

package/dist/martyrs/src/modules/products/router/products.router.js

@@ -7,7 +7,7 @@ function getRoutes(options = {}) {
   const routeBackoffice = options.routeBackoffice || "Backoffice Root";
   const routeOrganizations = options.routeOrganizations || "OrganizationRoot";
   const routes = [];
-  routes.push({
+  if (!options.contexts || options.contexts.includes("client")) routes.push({
     parentName: route,
     config: {
       basePath: options.basePath || "products",
@@ -94,7 +94,7 @@ function getRoutes(options = {}) {
       ]
     }
   });
-  if (!options.withBackoffice) {
+  if (!options.contexts || options.contexts.includes("backoffice")) {
     routes.push({
       parentName: routeBackoffice,
       config: {
@@ -122,6 +122,20 @@ function getRoutes(options = {}) {
               "../components/pages/Products.vue.js"
             )
           },
+          {
+            path: "categories/:categoryPath(.*)",
+            name: "ProductsCategory",
+            meta: {
+              title: {
+                en: "Products",
+                ru: "Товары"
+              }
+            },
+            component: () => import(
+              /* webpackChunkName: 'products-backoffice' */
+              "../components/pages/Products.vue.js"
+            )
+          },
           {
             path: "add",
             name: "ProductAdd",
@@ -189,7 +203,7 @@ function getRoutes(options = {}) {
       }
     });
   }
-  if (!options.withOrganizationRoutes) {
+  if (!options.contexts || options.contexts.includes("organization")) {
     routes.push({
       parentName: routeOrganizations,
       config: {