@ozdao/martyrs 0.2.477 → 0.2.479

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

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

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

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

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

@@ -8,7 +8,7 @@ const vueRouter = require("vue-router");
 const categories = require("../../store/categories.cjs");
 const marketplace = require("../../../marketplace/views/store/marketplace.cjs");
 ;/* empty css                      */
-const _hoisted_1 = { class: "pd-medium bg-light radius-big" };
+const _hoisted_1 = { class: "pd-medium bg-light radius-medium" };
 const _hoisted_2 = { class: "cursor-pointer mn-r-auto t-medium p-big" };
 const _hoisted_3 = { class: "cursor-pointer mn-r-auto t-medium p-big" };
 const _sfc_main = {
@@ -110,7 +110,7 @@ const _sfc_main = {
       }
     };
     categories.state.all.forEach((category) => {
-      category.localization.forEach((localization) => {
+      category.translations.forEach((localization) => {
         text.messages[localization.locale].categories.push(localization.text);
       });
     });

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

@@ -1 +1 @@
-{"version":3,"file":"FilterProducts.vue.cjs","sources":["../../../../../../../src/modules/products/components/sections/FilterProducts.vue"],"sourcesContent":["  <template>\n    <div class=\"pd-medium bg-light radius-big\">\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 t-medium p-big\">{{ 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 t-medium p-big\">{{ 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 t-medium p-big\">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';\nimport * as marketplace from '@martyrs/src/modules/marketplace/views/store/marketplace';\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.localization.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":["useRoute","useRouter","ref","watch","marketplace.state","onMounted","categories.actions","categories.state","useI18n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuFA,UAAM,QAAQA,UAAQ,SAAA;AACtB,UAAM,SAASC,UAAS,UAAA;AAKxB,QAAI,UAAU;AAAA,MACZ,QAAQ;AAAA,IACV;AAEsBC,QAAAA,IAAI;AAAA,MACxB,YAAY,CAAE;AAAA,MACd,QAAQ,CAAE;AAAA,MACV,UAAU,CAAE;AAAA,MACZ,OAAO,CAAA;AAAA,IACT,CAAC;AAwBDC,QAAK,MAAC,MAAMC,YAAAA,MAAkB,QAAQ,CAAC,gBAAgB,mBAAmB;AAExE,YAAM,QAAQ,EAAE,GAAG,MAAM,MAAO;AAGhC,aAAO,KAAK,cAAc,EAAE,QAAQ,SAAO;AACzC,YAAI,MAAM,GAAG,GAAG;AACd,iBAAO,MAAM,GAAG;AAAA,QACtB;AAAA,MACA,CAAG;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,MAChD;AACD,aAAO,OAAO,OAAO,cAAc;AAGnC,aAAO,QAAQ,EAAE,OAAO;AAAA,IAC1B,GAAG,EAAE,MAAM,KAAM,CAAA;AAEjBC,QAAAA,UAAU,YAAY;AACpB,YAAMC,WAAAA,QAAmB,KAAK,OAAO;AAErC,UAAI,MAAM,OAAO;AACf,cAAM,QAAQ,MAAM;AACpB,cAAM,iBAAiB;AAAA,UACrB,YAAY,MAAM,aAAa,MAAM,WAAW,MAAM,GAAG,IAAI,CAAE;AAAA,UAC/D,QAAQ,MAAM,SAAS,MAAM,OAAO,MAAM,GAAG,IAAI,CAAE;AAAA,UACnD,UAAU,MAAM,WAAW,MAAM,SAAS,MAAM,GAAG,IAAI,CAAE;AAAA;AAAA,QAE1D;AACDF,0BAAkB,OAAO,YAAY;AAAA,MACzC;AAAA,IACA,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,CAAE;AAAA,UACd,SAAS;AAAA,YACP,OAAO;AAAA,YACP,OAAO;AAAA,cACL,OAAO;AAAA,cACP,MAAM;AAAA,cACN,IAAI;AAAA,YACL;AAAA,YACD,SAAS,CAAE;AAAA,YACX,OAAO;AAAA,UACjB;AAAA,QACO;AAAA,QACD,IAAI;AAAA,UACF,iBAAiB;AAAA,UACjB,YAAY,CAAE;AAAA,UACd,SAAS;AAAA,YACP,OAAO;AAAA,YACP,OAAO;AAAA,cACL,OAAO;AAAA,cACP,MAAM;AAAA,cACN,IAAI;AAAA,YACL;AAAA,YACD,SAAS,CAAE;AAAA,YACX,OAAO;AAAA,UACjB;AAAA,QACA;AAAA,MACA;AAAA,IACA;AAEEG,qBAAiB,IAAI,QAAS,cAAY;AACxC,eAAS,aAAa,QAAS,kBAAgB;AAC7C,aAAK,SAAS,aAAa,MAAM,EAAE,WAAW,KAAK,aAAa,IAAI;AAAA,MACrE,CAAA;AAAA,IACF,CAAA;AAED,UAAM,EAAE,MAAMC,QAAAA,QAAQ,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"FilterProducts.vue.cjs","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 t-medium p-big\">{{ 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 t-medium p-big\">{{ 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 t-medium p-big\">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":["useRoute","useRouter","ref","watch","marketplace.state","onMounted","categories.actions","categories.state","useI18n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuFA,UAAM,QAAQA,UAAQ,SAAA;AACtB,UAAM,SAASC,UAAS,UAAA;AAKxB,QAAI,UAAU;AAAA,MACZ,QAAQ;AAAA,IACV;AAEsBC,QAAAA,IAAI;AAAA,MACxB,YAAY,CAAE;AAAA,MACd,QAAQ,CAAE;AAAA,MACV,UAAU,CAAE;AAAA,MACZ,OAAO,CAAA;AAAA,IACT,CAAC;AAwBDC,QAAK,MAAC,MAAMC,YAAAA,MAAkB,QAAQ,CAAC,gBAAgB,mBAAmB;AAExE,YAAM,QAAQ,EAAE,GAAG,MAAM,MAAO;AAGhC,aAAO,KAAK,cAAc,EAAE,QAAQ,SAAO;AACzC,YAAI,MAAM,GAAG,GAAG;AACd,iBAAO,MAAM,GAAG;AAAA,QACtB;AAAA,MACA,CAAG;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,MAChD;AACD,aAAO,OAAO,OAAO,cAAc;AAGnC,aAAO,QAAQ,EAAE,OAAO;AAAA,IAC1B,GAAG,EAAE,MAAM,KAAM,CAAA;AAEjBC,QAAAA,UAAU,YAAY;AACpB,YAAMC,WAAAA,QAAmB,KAAK,OAAO;AAErC,UAAI,MAAM,OAAO;AACf,cAAM,QAAQ,MAAM;AACpB,cAAM,iBAAiB;AAAA,UACrB,YAAY,MAAM,aAAa,MAAM,WAAW,MAAM,GAAG,IAAI,CAAE;AAAA,UAC/D,QAAQ,MAAM,SAAS,MAAM,OAAO,MAAM,GAAG,IAAI,CAAE;AAAA,UACnD,UAAU,MAAM,WAAW,MAAM,SAAS,MAAM,GAAG,IAAI,CAAE;AAAA;AAAA,QAE1D;AACDF,0BAAkB,OAAO,YAAY;AAAA,MACzC;AAAA,IACA,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,CAAE;AAAA,UACd,SAAS;AAAA,YACP,OAAO;AAAA,YACP,OAAO;AAAA,cACL,OAAO;AAAA,cACP,MAAM;AAAA,cACN,IAAI;AAAA,YACL;AAAA,YACD,SAAS,CAAE;AAAA,YACX,OAAO;AAAA,UACjB;AAAA,QACO;AAAA,QACD,IAAI;AAAA,UACF,iBAAiB;AAAA,UACjB,YAAY,CAAE;AAAA,UACd,SAAS;AAAA,YACP,OAAO;AAAA,YACP,OAAO;AAAA,cACL,OAAO;AAAA,cACP,MAAM;AAAA,cACN,IAAI;AAAA,YACL;AAAA,YACD,SAAS,CAAE;AAAA,YACX,OAAO;AAAA,UACjB;AAAA,QACA;AAAA,MACA;AAAA,IACA;AAEEG,qBAAiB,IAAI,QAAS,cAAY;AACxC,eAAS,aAAa,QAAS,kBAAgB;AAC7C,aAAK,SAAS,aAAa,MAAM,EAAE,WAAW,KAAK,aAAa,IAAI;AAAA,MACrE,CAAA;AAAA,IACF,CAAA;AAED,UAAM,EAAE,MAAMC,QAAAA,QAAQ,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -6,7 +6,7 @@ import { useRoute, useRouter } from "vue-router";
 import { actions, state as state$1 } from "../../store/categories.js";
 import { state } from "../../../marketplace/views/store/marketplace.js";
 /* empty css                    */
-const _hoisted_1 = { class: "pd-medium bg-light radius-big" };
+const _hoisted_1 = { class: "pd-medium bg-light radius-medium" };
 const _hoisted_2 = { class: "cursor-pointer mn-r-auto t-medium p-big" };
 const _hoisted_3 = { class: "cursor-pointer mn-r-auto t-medium p-big" };
 const _sfc_main = {
@@ -108,7 +108,7 @@ const _sfc_main = {
       }
     };
     state$1.all.forEach((category) => {
-      category.localization.forEach((localization) => {
+      category.translations.forEach((localization) => {
         text.messages[localization.locale].categories.push(localization.text);
       });
     });