@ozdao/martyrs 0.2.505 → 0.2.507

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

@@ -1 +1 @@
-{"version":3,"file":"ProductsRecommended.vue.cjs","sources":["../../../../../../../src/modules/products/components/sections/ProductsRecommended.vue"],"sourcesContent":["<script setup>\nimport { ref, computed } from 'vue'\nimport { useRouter } from 'vue-router'\n\nimport Button from '@martyrs/src/components/Button/Button.vue'\nimport Checkbox from '@martyrs/src/components/Checkbox/Checkbox.vue'\n\nimport CardProduct from '@martyrs/src/modules/products/components/blocks/CardProduct.vue'\n\nimport IconShopcart from '@martyrs/src/modules/icons/entities/IconShopcart.vue';\nimport IconProducts from '@martyrs/src/modules/icons/entities/IconProducts.vue';\nimport IconShopcartAdd from '@martyrs/src/modules/icons/actions/IconShopcartAdd.vue'\n\nimport * as shopcart from '@martyrs/src/modules/orders/store/shopcart.js'\n\nconst router = useRouter()\n\n// Props\nconst props = defineProps({\n  products: {\n    type: Array,\n    required: true,\n    default: () => []\n  }\n})\n\n// Состояние выбранных товаров - массив id товаров с вариантами\nconst selectedProducts = ref(props.products.filter(p => p.variants?.length > 0).map(p => p._id))\n\n// Вычисляемая общая цена\nconst totalPrice = computed(() => {\n  return props.products\n    .filter(p => selectedProducts.value.includes(p._id))\n    .reduce((sum, p) => {\n      const price = p.variants?.[0]?.price || 0\n      return sum + price\n    }, 0)\n    .toFixed(2)\n})\n\n// Проверка возможности добавления в корзину\nconst canAddToCart = computed(() => {\n  const selected = props.products.filter(p => selectedProducts.value.includes(p._id))\n  return selected.length > 0 && selected.some(p => p.variants?.length > 0)\n})\n\nconst handleProductClick = (product) => {\n  if (product?._id && product?.owner?.target) {\n    router.push({\n      name: 'Organization_Product', \n      params: { \n        _id: product.owner.target, \n        product: product._id \n      } \n    })\n  }\n}\n\n// Добавление выбранных товаров в корзину\nconst addSelectedToCart = async () => {\n  const selected = props.products.filter(p => selectedProducts.value.includes(p._id))\n  \n  if (selected.length === 0) return\n  \n  try {\n    // Берем организацию первого товара\n    const firstProduct = selected[0]\n    const organizationId = firstProduct.owner?.target?._id || firstProduct.owner?.target\n    \n    // Проверяем, что в корзине товары той же организации\n    if (shopcart.state.organization && shopcart.state.organization !== organizationId) {\n      // Можно добавить подтверждение замены корзины\n      shopcart.state.positions = []\n    }\n    \n    shopcart.state.organization = organizationId\n    \n    // Добавляем каждый выбранный товар\n    for (const product of selected) {\n      // Проверяем наличие варианта\n      if (!product.variants || product.variants.length === 0) continue\n      \n      await shopcart.actions.addProductToCart(\n        product, \n        organizationId,\n        null // selectedDates для rent листинга\n      )\n    }\n  } catch (error) {\n    console.error('Error adding to cart:', error)\n  }\n}\n</script>\n\n<template>\n  <div>\n    <h3 class=\"mn-b-small\">Frequently Bought Together</h3>\n    <div class=\"recommended-products cols-4 mobile:cols-2 gap-thin\">\n      \n      <CardProduct  \n        v-for=\"(product, index) in products\" \n        :key=\"product?._id || index\"\n        :product=\"product\"\n        class=\"h-100 bg-light\"\n        @click=\"handleProductClick(product)\"\n        :showAddToCart=\"false\"\n      >\n        <Checkbox\n          v-model:radio=\"selectedProducts\"\n          :value=\"product._id\"\n          mode=\"checkbox\"\n          :validation=\"!product.variants || product.variants.length === 0\"\n          class=\"pos-r-small pos-t-small pos-absolute\"\n          @click.stop\n        />\n      </CardProduct>\n\n      <div class=\"flex-center flex flex-column pd-small radius-small br-solid br-1px br-light\">\n        <div class=\"mn-b-thin i-extra pd-small bg-light radius-extra\">\n          <IconProducts class=\"i-big\"/>\n        </div>\n        <p class=\"mn-b-small\">Total price:</p>\n        <p class=\"mn-b-medium h3 t-medium\">${{ totalPrice }}</p>\n        <Button \n          class=\"bg-main gap-micro\"\n          :submit=\"canAddToCart ? addSelectedToCart : undefined\"\n        >\n          <IconShopcartAdd class=\"i-semi\"/>\n          <span>Add to Cart</span>\n        </Button>\n      </div>\n    </div>\n  </div>\n</template>"],"names":["useRouter","ref","computed","shopcart.state","shopcart.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAeA,UAAM,SAASA,UAAAA,UAAS;AAGxB,UAAM,QAAQ;AASd,UAAM,mBAAmBC,IAAAA,IAAI,MAAM,SAAS,OAAO,OAAK,EAAE,UAAU,SAAS,CAAC,EAAE,IAAI,OAAK,EAAE,GAAG,CAAC;AAG/F,UAAM,aAAaC,IAAAA,SAAS,MAAM;AAChC,aAAO,MAAM,SACV,OAAO,OAAK,iBAAiB,MAAM,SAAS,EAAE,GAAG,CAAC,EAClD,OAAO,CAAC,KAAK,MAAM;AAClB,cAAM,QAAQ,EAAE,WAAW,CAAC,GAAG,SAAS;AACxC,eAAO,MAAM;AAAA,MACf,GAAG,CAAC,EACH,QAAQ,CAAC;AAAA,IACd,CAAC;AAGD,UAAM,eAAeA,IAAAA,SAAS,MAAM;AAClC,YAAM,WAAW,MAAM,SAAS,OAAO,OAAK,iBAAiB,MAAM,SAAS,EAAE,GAAG,CAAC;AAClF,aAAO,SAAS,SAAS,KAAK,SAAS,KAAK,OAAK,EAAE,UAAU,SAAS,CAAC;AAAA,IACzE,CAAC;AAED,UAAM,qBAAqB,CAAC,YAAY;AACtC,UAAI,SAAS,OAAO,SAAS,OAAO,QAAQ;AAC1C,eAAO,KAAK;AAAA,UACV,MAAM;AAAA,UACN,QAAQ;AAAA,YACN,KAAK,QAAQ,MAAM;AAAA,YACnB,SAAS,QAAQ;AAAA,UACzB;AAAA,QACA,CAAK;AAAA,MACH;AAAA,IACF;AAGA,UAAM,oBAAoB,YAAY;AACpC,YAAM,WAAW,MAAM,SAAS,OAAO,OAAK,iBAAiB,MAAM,SAAS,EAAE,GAAG,CAAC;AAElF,UAAI,SAAS,WAAW,EAAG;AAE3B,UAAI;AAEF,cAAM,eAAe,SAAS,CAAC;AAC/B,cAAM,iBAAiB,aAAa,OAAO,QAAQ,OAAO,aAAa,OAAO;AAG9E,YAAIC,SAAAA,MAAe,gBAAgBA,eAAe,iBAAiB,gBAAgB;AAEjFA,mBAAAA,MAAe,YAAY,CAAA;AAAA,QAC7B;AAEAA,iBAAAA,MAAe,eAAe;AAG9B,mBAAW,WAAW,UAAU;AAE9B,cAAI,CAAC,QAAQ,YAAY,QAAQ,SAAS,WAAW,EAAG;AAExD,gBAAMC,SAAAA,QAAiB;AAAA,YACrB;AAAA,YACA;AAAA,YACA;AAAA;AAAA,UACR;AAAA,QACI;AAAA,MACF,SAAS,OAAO;AACd,gBAAQ,MAAM,yBAAyB,KAAK;AAAA,MAC9C;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ProductsRecommended.vue.cjs","sources":["../../../../../../../src/modules/products/components/sections/ProductsRecommended.vue"],"sourcesContent":["<script setup>\nimport { ref, computed, getCurrentInstance } from 'vue'\nimport { useRouter } from 'vue-router'\n\nimport Button from '@martyrs/src/components/Button/Button.vue'\nimport Checkbox from '@martyrs/src/components/Checkbox/Checkbox.vue'\n\nimport CardProduct from '@martyrs/src/modules/products/components/blocks/CardProduct.vue'\n\nimport IconShopcart from '@martyrs/src/modules/icons/entities/IconShopcart.vue';\nimport IconProducts from '@martyrs/src/modules/icons/entities/IconProducts.vue';\nimport IconShopcartAdd from '@martyrs/src/modules/icons/actions/IconShopcartAdd.vue'\n\nimport * as shopcart from '@martyrs/src/modules/orders/store/shopcart.js'\n\nconst router = useRouter()\nconst { proxy } = getCurrentInstance()\n\n// Props\nconst props = defineProps({\n  products: {\n    type: Array,\n    required: true,\n    default: () => []\n  }\n})\n\n// Состояние выбранных товаров - массив id товаров с вариантами\nconst selectedProducts = ref(props.products.filter(p => p.variants?.length > 0).map(p => p._id))\n\n// Состояние для хранения выбранных дат для товаров типа rent\nconst selectedDates = ref(null)\n\n// Вычисляемая общая цена\nconst totalPrice = computed(() => {\n  return props.products\n    .filter(p => selectedProducts.value.includes(p._id))\n    .reduce((sum, p) => {\n      const price = p.variants?.[0]?.price || 0\n      return sum + price\n    }, 0)\n    .toFixed(2)\n})\n\n// Проверка возможности добавления в корзину\nconst canAddToCart = computed(() => {\n  const selected = props.products.filter(p => selectedProducts.value.includes(p._id))\n  return selected.length > 0 && selected.some(p => p.variants?.length > 0)\n})\n\nconst handleProductClick = (product) => {\n  if (product?._id && product?.owner?.target) {\n    router.push({\n      name: 'Organization_Product', \n      params: { \n        _id: product.owner.target, \n        product: product._id \n      } \n    })\n  }\n}\n\n// Добавление выбранных товаров в корзину\nconst addSelectedToCart = async () => {\n  const selected = props.products.filter(p => selectedProducts.value.includes(p._id))\n  \n  if (selected.length === 0) return\n  \n  try {\n    // Берем организацию первого товара\n    const firstProduct = selected[0]\n    const organizationId = firstProduct.owner?.target?._id || firstProduct.owner?.target\n    \n    // Проверяем, что в корзине товары той же организации\n    if (shopcart.state.organization && shopcart.state.organization !== organizationId) {\n      // Можно добавить подтверждение замены корзины\n      const result = await proxy.$alert({\n        title: 'Replace items in your cart?',\n        message: `Your cart has items from another vendor. If you continue, we'll clear it so you can order from this one instead.`,\n        actions: [\n          { label: 'Cancel', value: false },\n          { label: 'Replace', value: true }\n        ]\n      })\n\n      if (!result) return\n      \n      shopcart.state.positions = []\n    }\n    \n    shopcart.state.organization = organizationId\n    \n    // Проверяем, есть ли товары типа rent среди выбранных\n    const rentProducts = selected.filter(p => p.listing === 'rent')\n    let rentalDates = null\n    \n    // Если есть товары типа rent, получаем даты для первого товара\n    if (rentProducts.length > 0) {\n      const firstRentProduct = rentProducts[0]\n      const firstVariant = firstRentProduct.variants?.[0]\n      \n      if (firstVariant) {\n        rentalDates = await proxy.$dateSelector(\n          firstRentProduct._id,\n          firstVariant._id,\n          1,\n          firstVariant.price || firstRentProduct.price\n        )\n        \n        if (!rentalDates) return // Пользователь отменил выбор дат\n      }\n    }\n    \n    // Добавляем каждый выбранный товар\n    for (const product of selected) {\n      // Проверяем наличие варианта\n      if (!product.variants || product.variants.length === 0) continue\n      \n      // Используем первый вариант по умолчанию\n      const variant = product.variants[0]\n      \n      // Для товаров типа rent используем полученные даты\n      const datesToUse = product.listing === 'rent' ? rentalDates : null\n      \n      await shopcart.actions.addProductToCart(\n        product, \n        variant,\n        organizationId,\n        datesToUse,\n        1 // quantity\n      )\n    }\n  } catch (error) {\n    console.error('Error adding to cart:', error)\n  }\n}\n</script>\n\n<template>\n  <div>\n    <h3 class=\"mn-b-small\">Frequently Bought Together</h3>\n    <div class=\"recommended-products cols-4 mobile:cols-2 gap-thin\">\n      \n      <CardProduct  \n        v-for=\"(product, index) in products\" \n        :key=\"product?._id || index\"\n        :product=\"product\"\n        class=\"h-100 bg-light\"\n        @click=\"handleProductClick(product)\"\n        :showAddToCart=\"false\"\n      >\n        <Checkbox\n          v-model:radio=\"selectedProducts\"\n          :value=\"product._id\"\n          mode=\"checkbox\"\n          :validation=\"!product.variants || product.variants.length === 0\"\n          class=\"pos-r-small pos-t-small pos-absolute\"\n          @click.stop\n        />\n      </CardProduct>\n\n      <div class=\"flex-center flex flex-column pd-small radius-small br-solid br-1px br-light\">\n        <div class=\"mn-b-thin i-extra pd-small bg-light radius-extra\">\n          <IconProducts class=\"i-big\"/>\n        </div>\n        <p class=\"mn-b-small\">Total price:</p>\n        <p class=\"mn-b-medium h3 t-medium\">${{ totalPrice }}</p>\n        <Button \n          class=\"bg-main gap-micro\"\n          :submit=\"canAddToCart ? addSelectedToCart : undefined\"\n        >\n          <IconShopcartAdd class=\"i-semi\"/>\n          <span>Add to Cart</span>\n        </Button>\n      </div>\n    </div>\n  </div>\n</template>"],"names":["useRouter","getCurrentInstance","ref","computed","shopcart.state","shopcart.actions"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-import { ref, computed, createElementBlock, openBlock, createElementVNode, Fragment, renderList, createBlock, withCtx, createVNode, withModifiers, toDisplayString } from "vue";
+import { getCurrentInstance, ref, computed, createElementBlock, openBlock, createElementVNode, Fragment, renderList, createBlock, withCtx, createVNode, withModifiers, toDisplayString } from "vue";
 import { useRouter } from "vue-router";
 import _sfc_main$4 from "../../../../components/Button/Button.vue2.js";
 import _sfc_main$2 from "../../../../components/Checkbox/Checkbox.vue.js";
@@ -21,8 +21,10 @@ const _sfc_main = {
   },
   setup(__props) {
     const router = useRouter();
+    const { proxy } = getCurrentInstance();
     const props = __props;
     const selectedProducts = ref(props.products.filter((p) => p.variants?.length > 0).map((p) => p._id));
+    ref(null);
     const totalPrice = computed(() => {
       return props.products.filter((p) => selectedProducts.value.includes(p._id)).reduce((sum, p) => {
         const price = p.variants?.[0]?.price || 0;
@@ -51,16 +53,44 @@ const _sfc_main = {
         const firstProduct = selected[0];
         const organizationId = firstProduct.owner?.target?._id || firstProduct.owner?.target;
         if (state.organization && state.organization !== organizationId) {
+          const result = await proxy.$alert({
+            title: "Replace items in your cart?",
+            message: `Your cart has items from another vendor. If you continue, we'll clear it so you can order from this one instead.`,
+            actions: [
+              { label: "Cancel", value: false },
+              { label: "Replace", value: true }
+            ]
+          });
+          if (!result) return;
           state.positions = [];
         }
         state.organization = organizationId;
+        const rentProducts = selected.filter((p) => p.listing === "rent");
+        let rentalDates = null;
+        if (rentProducts.length > 0) {
+          const firstRentProduct = rentProducts[0];
+          const firstVariant = firstRentProduct.variants?.[0];
+          if (firstVariant) {
+            rentalDates = await proxy.$dateSelector(
+              firstRentProduct._id,
+              firstVariant._id,
+              1,
+              firstVariant.price || firstRentProduct.price
+            );
+            if (!rentalDates) return;
+          }
+        }
         for (const product of selected) {
           if (!product.variants || product.variants.length === 0) continue;
+          const variant = product.variants[0];
+          const datesToUse = product.listing === "rent" ? rentalDates : null;
           await actions.addProductToCart(
             product,
+            variant,
             organizationId,
-            null
-            // selectedDates для rent листинга
+            datesToUse,
+            1
+            // quantity
           );
         }
       } catch (error) {

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

@@ -1 +1 @@
-{"version":3,"file":"ProductsRecommended.vue.js","sources":["../../../../../../../src/modules/products/components/sections/ProductsRecommended.vue"],"sourcesContent":["<script setup>\nimport { ref, computed } from 'vue'\nimport { useRouter } from 'vue-router'\n\nimport Button from '@martyrs/src/components/Button/Button.vue'\nimport Checkbox from '@martyrs/src/components/Checkbox/Checkbox.vue'\n\nimport CardProduct from '@martyrs/src/modules/products/components/blocks/CardProduct.vue'\n\nimport IconShopcart from '@martyrs/src/modules/icons/entities/IconShopcart.vue';\nimport IconProducts from '@martyrs/src/modules/icons/entities/IconProducts.vue';\nimport IconShopcartAdd from '@martyrs/src/modules/icons/actions/IconShopcartAdd.vue'\n\nimport * as shopcart from '@martyrs/src/modules/orders/store/shopcart.js'\n\nconst router = useRouter()\n\n// Props\nconst props = defineProps({\n  products: {\n    type: Array,\n    required: true,\n    default: () => []\n  }\n})\n\n// Состояние выбранных товаров - массив id товаров с вариантами\nconst selectedProducts = ref(props.products.filter(p => p.variants?.length > 0).map(p => p._id))\n\n// Вычисляемая общая цена\nconst totalPrice = computed(() => {\n  return props.products\n    .filter(p => selectedProducts.value.includes(p._id))\n    .reduce((sum, p) => {\n      const price = p.variants?.[0]?.price || 0\n      return sum + price\n    }, 0)\n    .toFixed(2)\n})\n\n// Проверка возможности добавления в корзину\nconst canAddToCart = computed(() => {\n  const selected = props.products.filter(p => selectedProducts.value.includes(p._id))\n  return selected.length > 0 && selected.some(p => p.variants?.length > 0)\n})\n\nconst handleProductClick = (product) => {\n  if (product?._id && product?.owner?.target) {\n    router.push({\n      name: 'Organization_Product', \n      params: { \n        _id: product.owner.target, \n        product: product._id \n      } \n    })\n  }\n}\n\n// Добавление выбранных товаров в корзину\nconst addSelectedToCart = async () => {\n  const selected = props.products.filter(p => selectedProducts.value.includes(p._id))\n  \n  if (selected.length === 0) return\n  \n  try {\n    // Берем организацию первого товара\n    const firstProduct = selected[0]\n    const organizationId = firstProduct.owner?.target?._id || firstProduct.owner?.target\n    \n    // Проверяем, что в корзине товары той же организации\n    if (shopcart.state.organization && shopcart.state.organization !== organizationId) {\n      // Можно добавить подтверждение замены корзины\n      shopcart.state.positions = []\n    }\n    \n    shopcart.state.organization = organizationId\n    \n    // Добавляем каждый выбранный товар\n    for (const product of selected) {\n      // Проверяем наличие варианта\n      if (!product.variants || product.variants.length === 0) continue\n      \n      await shopcart.actions.addProductToCart(\n        product, \n        organizationId,\n        null // selectedDates для rent листинга\n      )\n    }\n  } catch (error) {\n    console.error('Error adding to cart:', error)\n  }\n}\n</script>\n\n<template>\n  <div>\n    <h3 class=\"mn-b-small\">Frequently Bought Together</h3>\n    <div class=\"recommended-products cols-4 mobile:cols-2 gap-thin\">\n      \n      <CardProduct  \n        v-for=\"(product, index) in products\" \n        :key=\"product?._id || index\"\n        :product=\"product\"\n        class=\"h-100 bg-light\"\n        @click=\"handleProductClick(product)\"\n        :showAddToCart=\"false\"\n      >\n        <Checkbox\n          v-model:radio=\"selectedProducts\"\n          :value=\"product._id\"\n          mode=\"checkbox\"\n          :validation=\"!product.variants || product.variants.length === 0\"\n          class=\"pos-r-small pos-t-small pos-absolute\"\n          @click.stop\n        />\n      </CardProduct>\n\n      <div class=\"flex-center flex flex-column pd-small radius-small br-solid br-1px br-light\">\n        <div class=\"mn-b-thin i-extra pd-small bg-light radius-extra\">\n          <IconProducts class=\"i-big\"/>\n        </div>\n        <p class=\"mn-b-small\">Total price:</p>\n        <p class=\"mn-b-medium h3 t-medium\">${{ totalPrice }}</p>\n        <Button \n          class=\"bg-main gap-micro\"\n          :submit=\"canAddToCart ? addSelectedToCart : undefined\"\n        >\n          <IconShopcartAdd class=\"i-semi\"/>\n          <span>Add to Cart</span>\n        </Button>\n      </div>\n    </div>\n  </div>\n</template>"],"names":["shopcart.state","shopcart.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAeA,UAAM,SAAS,UAAS;AAGxB,UAAM,QAAQ;AASd,UAAM,mBAAmB,IAAI,MAAM,SAAS,OAAO,OAAK,EAAE,UAAU,SAAS,CAAC,EAAE,IAAI,OAAK,EAAE,GAAG,CAAC;AAG/F,UAAM,aAAa,SAAS,MAAM;AAChC,aAAO,MAAM,SACV,OAAO,OAAK,iBAAiB,MAAM,SAAS,EAAE,GAAG,CAAC,EAClD,OAAO,CAAC,KAAK,MAAM;AAClB,cAAM,QAAQ,EAAE,WAAW,CAAC,GAAG,SAAS;AACxC,eAAO,MAAM;AAAA,MACf,GAAG,CAAC,EACH,QAAQ,CAAC;AAAA,IACd,CAAC;AAGD,UAAM,eAAe,SAAS,MAAM;AAClC,YAAM,WAAW,MAAM,SAAS,OAAO,OAAK,iBAAiB,MAAM,SAAS,EAAE,GAAG,CAAC;AAClF,aAAO,SAAS,SAAS,KAAK,SAAS,KAAK,OAAK,EAAE,UAAU,SAAS,CAAC;AAAA,IACzE,CAAC;AAED,UAAM,qBAAqB,CAAC,YAAY;AACtC,UAAI,SAAS,OAAO,SAAS,OAAO,QAAQ;AAC1C,eAAO,KAAK;AAAA,UACV,MAAM;AAAA,UACN,QAAQ;AAAA,YACN,KAAK,QAAQ,MAAM;AAAA,YACnB,SAAS,QAAQ;AAAA,UACzB;AAAA,QACA,CAAK;AAAA,MACH;AAAA,IACF;AAGA,UAAM,oBAAoB,YAAY;AACpC,YAAM,WAAW,MAAM,SAAS,OAAO,OAAK,iBAAiB,MAAM,SAAS,EAAE,GAAG,CAAC;AAElF,UAAI,SAAS,WAAW,EAAG;AAE3B,UAAI;AAEF,cAAM,eAAe,SAAS,CAAC;AAC/B,cAAM,iBAAiB,aAAa,OAAO,QAAQ,OAAO,aAAa,OAAO;AAG9E,YAAIA,MAAe,gBAAgBA,MAAe,iBAAiB,gBAAgB;AAEjFA,gBAAe,YAAY,CAAA;AAAA,QAC7B;AAEAA,cAAe,eAAe;AAG9B,mBAAW,WAAW,UAAU;AAE9B,cAAI,CAAC,QAAQ,YAAY,QAAQ,SAAS,WAAW,EAAG;AAExD,gBAAMC,QAAiB;AAAA,YACrB;AAAA,YACA;AAAA,YACA;AAAA;AAAA,UACR;AAAA,QACI;AAAA,MACF,SAAS,OAAO;AACd,gBAAQ,MAAM,yBAAyB,KAAK;AAAA,MAC9C;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ProductsRecommended.vue.js","sources":["../../../../../../../src/modules/products/components/sections/ProductsRecommended.vue"],"sourcesContent":["<script setup>\nimport { ref, computed, getCurrentInstance } from 'vue'\nimport { useRouter } from 'vue-router'\n\nimport Button from '@martyrs/src/components/Button/Button.vue'\nimport Checkbox from '@martyrs/src/components/Checkbox/Checkbox.vue'\n\nimport CardProduct from '@martyrs/src/modules/products/components/blocks/CardProduct.vue'\n\nimport IconShopcart from '@martyrs/src/modules/icons/entities/IconShopcart.vue';\nimport IconProducts from '@martyrs/src/modules/icons/entities/IconProducts.vue';\nimport IconShopcartAdd from '@martyrs/src/modules/icons/actions/IconShopcartAdd.vue'\n\nimport * as shopcart from '@martyrs/src/modules/orders/store/shopcart.js'\n\nconst router = useRouter()\nconst { proxy } = getCurrentInstance()\n\n// Props\nconst props = defineProps({\n  products: {\n    type: Array,\n    required: true,\n    default: () => []\n  }\n})\n\n// Состояние выбранных товаров - массив id товаров с вариантами\nconst selectedProducts = ref(props.products.filter(p => p.variants?.length > 0).map(p => p._id))\n\n// Состояние для хранения выбранных дат для товаров типа rent\nconst selectedDates = ref(null)\n\n// Вычисляемая общая цена\nconst totalPrice = computed(() => {\n  return props.products\n    .filter(p => selectedProducts.value.includes(p._id))\n    .reduce((sum, p) => {\n      const price = p.variants?.[0]?.price || 0\n      return sum + price\n    }, 0)\n    .toFixed(2)\n})\n\n// Проверка возможности добавления в корзину\nconst canAddToCart = computed(() => {\n  const selected = props.products.filter(p => selectedProducts.value.includes(p._id))\n  return selected.length > 0 && selected.some(p => p.variants?.length > 0)\n})\n\nconst handleProductClick = (product) => {\n  if (product?._id && product?.owner?.target) {\n    router.push({\n      name: 'Organization_Product', \n      params: { \n        _id: product.owner.target, \n        product: product._id \n      } \n    })\n  }\n}\n\n// Добавление выбранных товаров в корзину\nconst addSelectedToCart = async () => {\n  const selected = props.products.filter(p => selectedProducts.value.includes(p._id))\n  \n  if (selected.length === 0) return\n  \n  try {\n    // Берем организацию первого товара\n    const firstProduct = selected[0]\n    const organizationId = firstProduct.owner?.target?._id || firstProduct.owner?.target\n    \n    // Проверяем, что в корзине товары той же организации\n    if (shopcart.state.organization && shopcart.state.organization !== organizationId) {\n      // Можно добавить подтверждение замены корзины\n      const result = await proxy.$alert({\n        title: 'Replace items in your cart?',\n        message: `Your cart has items from another vendor. If you continue, we'll clear it so you can order from this one instead.`,\n        actions: [\n          { label: 'Cancel', value: false },\n          { label: 'Replace', value: true }\n        ]\n      })\n\n      if (!result) return\n      \n      shopcart.state.positions = []\n    }\n    \n    shopcart.state.organization = organizationId\n    \n    // Проверяем, есть ли товары типа rent среди выбранных\n    const rentProducts = selected.filter(p => p.listing === 'rent')\n    let rentalDates = null\n    \n    // Если есть товары типа rent, получаем даты для первого товара\n    if (rentProducts.length > 0) {\n      const firstRentProduct = rentProducts[0]\n      const firstVariant = firstRentProduct.variants?.[0]\n      \n      if (firstVariant) {\n        rentalDates = await proxy.$dateSelector(\n          firstRentProduct._id,\n          firstVariant._id,\n          1,\n          firstVariant.price || firstRentProduct.price\n        )\n        \n        if (!rentalDates) return // Пользователь отменил выбор дат\n      }\n    }\n    \n    // Добавляем каждый выбранный товар\n    for (const product of selected) {\n      // Проверяем наличие варианта\n      if (!product.variants || product.variants.length === 0) continue\n      \n      // Используем первый вариант по умолчанию\n      const variant = product.variants[0]\n      \n      // Для товаров типа rent используем полученные даты\n      const datesToUse = product.listing === 'rent' ? rentalDates : null\n      \n      await shopcart.actions.addProductToCart(\n        product, \n        variant,\n        organizationId,\n        datesToUse,\n        1 // quantity\n      )\n    }\n  } catch (error) {\n    console.error('Error adding to cart:', error)\n  }\n}\n</script>\n\n<template>\n  <div>\n    <h3 class=\"mn-b-small\">Frequently Bought Together</h3>\n    <div class=\"recommended-products cols-4 mobile:cols-2 gap-thin\">\n      \n      <CardProduct  \n        v-for=\"(product, index) in products\" \n        :key=\"product?._id || index\"\n        :product=\"product\"\n        class=\"h-100 bg-light\"\n        @click=\"handleProductClick(product)\"\n        :showAddToCart=\"false\"\n      >\n        <Checkbox\n          v-model:radio=\"selectedProducts\"\n          :value=\"product._id\"\n          mode=\"checkbox\"\n          :validation=\"!product.variants || product.variants.length === 0\"\n          class=\"pos-r-small pos-t-small pos-absolute\"\n          @click.stop\n        />\n      </CardProduct>\n\n      <div class=\"flex-center flex flex-column pd-small radius-small br-solid br-1px br-light\">\n        <div class=\"mn-b-thin i-extra pd-small bg-light radius-extra\">\n          <IconProducts class=\"i-big\"/>\n        </div>\n        <p class=\"mn-b-small\">Total price:</p>\n        <p class=\"mn-b-medium h3 t-medium\">${{ totalPrice }}</p>\n        <Button \n          class=\"bg-main gap-micro\"\n          :submit=\"canAddToCart ? addSelectedToCart : undefined\"\n        >\n          <IconShopcartAdd class=\"i-semi\"/>\n          <span>Add to Cart</span>\n        </Button>\n      </div>\n    </div>\n  </div>\n</template>"],"names":["shopcart.state","shopcart.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAeA,UAAM,SAAS,UAAS;AACxB,UAAM,EAAE,MAAK,IAAK,mBAAkB;AAGpC,UAAM,QAAQ;AASd,UAAM,mBAAmB,IAAI,MAAM,SAAS,OAAO,OAAK,EAAE,UAAU,SAAS,CAAC,EAAE,IAAI,OAAK,EAAE,GAAG,CAAC;AAGzE,QAAI,IAAI;AAG9B,UAAM,aAAa,SAAS,MAAM;AAChC,aAAO,MAAM,SACV,OAAO,OAAK,iBAAiB,MAAM,SAAS,EAAE,GAAG,CAAC,EAClD,OAAO,CAAC,KAAK,MAAM;AAClB,cAAM,QAAQ,EAAE,WAAW,CAAC,GAAG,SAAS;AACxC,eAAO,MAAM;AAAA,MACf,GAAG,CAAC,EACH,QAAQ,CAAC;AAAA,IACd,CAAC;AAGD,UAAM,eAAe,SAAS,MAAM;AAClC,YAAM,WAAW,MAAM,SAAS,OAAO,OAAK,iBAAiB,MAAM,SAAS,EAAE,GAAG,CAAC;AAClF,aAAO,SAAS,SAAS,KAAK,SAAS,KAAK,OAAK,EAAE,UAAU,SAAS,CAAC;AAAA,IACzE,CAAC;AAED,UAAM,qBAAqB,CAAC,YAAY;AACtC,UAAI,SAAS,OAAO,SAAS,OAAO,QAAQ;AAC1C,eAAO,KAAK;AAAA,UACV,MAAM;AAAA,UACN,QAAQ;AAAA,YACN,KAAK,QAAQ,MAAM;AAAA,YACnB,SAAS,QAAQ;AAAA,UACzB;AAAA,QACA,CAAK;AAAA,MACH;AAAA,IACF;AAGA,UAAM,oBAAoB,YAAY;AACpC,YAAM,WAAW,MAAM,SAAS,OAAO,OAAK,iBAAiB,MAAM,SAAS,EAAE,GAAG,CAAC;AAElF,UAAI,SAAS,WAAW,EAAG;AAE3B,UAAI;AAEF,cAAM,eAAe,SAAS,CAAC;AAC/B,cAAM,iBAAiB,aAAa,OAAO,QAAQ,OAAO,aAAa,OAAO;AAG9E,YAAIA,MAAe,gBAAgBA,MAAe,iBAAiB,gBAAgB;AAEjF,gBAAM,SAAS,MAAM,MAAM,OAAO;AAAA,YAChC,OAAO;AAAA,YACP,SAAS;AAAA,YACT,SAAS;AAAA,cACP,EAAE,OAAO,UAAU,OAAO,MAAK;AAAA,cAC/B,EAAE,OAAO,WAAW,OAAO,KAAI;AAAA,YACzC;AAAA,UACA,CAAO;AAED,cAAI,CAAC,OAAQ;AAEbA,gBAAe,YAAY,CAAA;AAAA,QAC7B;AAEAA,cAAe,eAAe;AAG9B,cAAM,eAAe,SAAS,OAAO,OAAK,EAAE,YAAY,MAAM;AAC9D,YAAI,cAAc;AAGlB,YAAI,aAAa,SAAS,GAAG;AAC3B,gBAAM,mBAAmB,aAAa,CAAC;AACvC,gBAAM,eAAe,iBAAiB,WAAW,CAAC;AAElD,cAAI,cAAc;AAChB,0BAAc,MAAM,MAAM;AAAA,cACxB,iBAAiB;AAAA,cACjB,aAAa;AAAA,cACb;AAAA,cACA,aAAa,SAAS,iBAAiB;AAAA,YACjD;AAEQ,gBAAI,CAAC,YAAa;AAAA,UACpB;AAAA,QACF;AAGA,mBAAW,WAAW,UAAU;AAE9B,cAAI,CAAC,QAAQ,YAAY,QAAQ,SAAS,WAAW,EAAG;AAGxD,gBAAM,UAAU,QAAQ,SAAS,CAAC;AAGlC,gBAAM,aAAa,QAAQ,YAAY,SAAS,cAAc;AAE9D,gBAAMC,QAAiB;AAAA,YACrB;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA;AAAA,UACR;AAAA,QACI;AAAA,MACF,SAAS,OAAO;AACd,gBAAQ,MAAM,yBAAyB,KAAK;AAAA,MAC9C;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -21,6 +21,21 @@ function createProductRoutes(prefix = "", options = {}) {
           "../components/pages/Products.vue.cjs"
         ))
       },
+      {
+        path: "categories/:categoryPath(.*)",
+        name: nameWithPrefix("ProductsCategory"),
+        meta: {
+          title: {
+            en: "Products",
+            ru: "Товары"
+          },
+          authorize: options.productsAuthorize || []
+        },
+        component: () => Promise.resolve().then(() => require(
+          /* webpackChunkName: 'Products' */
+          "../components/pages/Products.vue.cjs"
+        ))
+      },
       {
         path: "add",
         name: nameWithPrefix("ProductAdd"),

package/dist/martyrs/src/modules/products/router/products.router.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"products.router.cjs","sources":["../../../../../../src/modules/products/router/products.router.js"],"sourcesContent":["import * as validationAuth from '@martyrs/src/modules/auth/views/middlewares/auth.validation.js';\n\nexport function createProductRoutes(prefix = '', options = {}) {\n  const nameWithPrefix = name => (prefix ? `${prefix}${name}` : name);\n\n  const routes = {\n    path: options.basePath || 'products',\n    children: [\n      {\n        path: '',\n        name: nameWithPrefix('Products'),\n        meta: {\n          title: {\n            en: 'Products',\n            ru: 'Товары',\n          },\n          authorize: options.productsAuthorize || [],\n        },\n        component: () => import(/* webpackChunkName: 'Products' */ '@martyrs/src/modules/products/components/pages/Products.vue'),\n      },\n      {\n        path: 'add',\n        name: nameWithPrefix('ProductAdd'),\n        meta: {\n          title: {\n            en: 'Add Product',\n            ru: 'Добавить товар',\n          },\n          authorize: options.addProductAuthorize || [],\n        },\n        component: () => import('@martyrs/src/modules/products/components/pages/ProductEdit.vue'),\n      },\n      {\n        path: ':product',\n        name: nameWithPrefix('Product'),\n        meta: {\n          title: {\n            en: 'Product',\n            ru: 'Продукт',\n          },\n          showShopCart: true,\n        },\n        component: () => import('@martyrs/src/modules/products/components/pages/Product.vue'),\n      },\n      {\n        path: ':product/edit',\n        name: nameWithPrefix('ProductEdit'),\n        meta: {\n          title: {\n            en: 'Edit Product',\n            ru: 'Редактировать продукт',\n          },\n          authorize: options.editProductAuthorize || [],\n        },\n        beforeEnter: [validationAuth.requiresAuth],\n        component: () => import('@martyrs/src/modules/products/components/pages/ProductEdit.vue'),\n      },\n      {\n        path: 'recommendation',\n        name: nameWithPrefix('ProductRecommmendation'),\n        meta: {\n          title: {\n            en: 'Product Recommmendation',\n            ru: 'Рекомендации продукта',\n          },\n          header_theme: 'dark',\n          footer_theme: 'dark',\n        },\n        component: () => import(/* webpackChunkName: 'Product Recommmendation' */ '@martyrs/src/modules/products/components/pages/ProductRecommmendation.vue'),\n        props: route => ({ mood: route.query.mood }),\n      },\n    ],\n  };\n\n  return routes;\n}\n"],"names":["validationAuth.requiresAuth"],"mappings":";;;AAEO,SAAS,oBAAoB,SAAS,IAAI,UAAU,CAAA,GAAI;AAC7D,QAAM,iBAAiB,UAAS,SAAS,GAAG,MAAM,GAAG,IAAI,KAAK;AAE9D,QAAM,SAAS;AAAA,IACb,MAAM,QAAQ,YAAY;AAAA,IAC1B,UAAU;AAAA,MACR;AAAA,QACE,MAAM;AAAA,QACN,MAAM,eAAe,UAAU;AAAA,QAC/B,MAAM;AAAA,UACJ,OAAO;AAAA,YACL,IAAI;AAAA,YACJ,IAAI;AAAA,UAChB;AAAA,UACU,WAAW,QAAQ,qBAAqB,CAAA;AAAA,QAClD;AAAA,QACQ,WAAW,MAAM,QAAA,QAAA,EAAA,KAAA,MAAA;AAAA;AAAA,UAA0C;AAAA,QAA6D,CAAA;AAAA,MAChI;AAAA,MACM;AAAA,QACE,MAAM;AAAA,QACN,MAAM,eAAe,YAAY;AAAA,QACjC,MAAM;AAAA,UACJ,OAAO;AAAA,YACL,IAAI;AAAA,YACJ,IAAI;AAAA,UAChB;AAAA,UACU,WAAW,QAAQ,uBAAuB,CAAA;AAAA,QACpD;AAAA,QACQ,WAAW,MAAM,QAAA,QAAA,EAAA,KAAA,MAAA,QAAO,yCAAgE,CAAA;AAAA,MAChG;AAAA,MACM;AAAA,QACE,MAAM;AAAA,QACN,MAAM,eAAe,SAAS;AAAA,QAC9B,MAAM;AAAA,UACJ,OAAO;AAAA,YACL,IAAI;AAAA,YACJ,IAAI;AAAA,UAChB;AAAA,UACU,cAAc;AAAA,QACxB;AAAA,QACQ,WAAW,MAAM,QAAA,QAAA,EAAA,KAAA,MAAA,QAAO,qCAA4D,CAAA;AAAA,MAC5F;AAAA,MACM;AAAA,QACE,MAAM;AAAA,QACN,MAAM,eAAe,aAAa;AAAA,QAClC,MAAM;AAAA,UACJ,OAAO;AAAA,YACL,IAAI;AAAA,YACJ,IAAI;AAAA,UAChB;AAAA,UACU,WAAW,QAAQ,wBAAwB,CAAA;AAAA,QACrD;AAAA,QACQ,aAAa,CAACA,gBAAAA,YAA2B;AAAA,QACzC,WAAW,MAAM,QAAA,QAAA,EAAA,KAAA,MAAA,QAAO,yCAAgE,CAAA;AAAA,MAChG;AAAA,MACM;AAAA,QACE,MAAM;AAAA,QACN,MAAM,eAAe,wBAAwB;AAAA,QAC7C,MAAM;AAAA,UACJ,OAAO;AAAA,YACL,IAAI;AAAA,YACJ,IAAI;AAAA,UAChB;AAAA,UACU,cAAc;AAAA,UACd,cAAc;AAAA,QACxB;AAAA,QACQ,WAAW,MAAM,QAAA,QAAA,EAAA,KAAA,MAAA;AAAA;AAAA,UAAyD;AAAA,QAA2E,CAAA;AAAA,QACrJ,OAAO,YAAU,EAAE,MAAM,MAAM,MAAM;MAC7C;AAAA,IACA;AAAA,EACA;AAEE,SAAO;AACT;;"}
+{"version":3,"file":"products.router.cjs","sources":["../../../../../../src/modules/products/router/products.router.js"],"sourcesContent":["import * as validationAuth from '@martyrs/src/modules/auth/views/middlewares/auth.validation.js';\n\nexport function createProductRoutes(prefix = '', options = {}) {\n  const nameWithPrefix = name => (prefix ? `${prefix}${name}` : name);\n\n  const routes = {\n    path: options.basePath || 'products',\n    children: [\n      {\n        path: '',\n        name: nameWithPrefix('Products'),\n        meta: {\n          title: {\n            en: 'Products',\n            ru: 'Товары',\n          },\n          authorize: options.productsAuthorize || [],\n        },\n        component: () => import(/* webpackChunkName: 'Products' */ '@martyrs/src/modules/products/components/pages/Products.vue'),\n      },\n      {\n        path: 'categories/:categoryPath(.*)',\n        name: nameWithPrefix('ProductsCategory'),\n        meta: {\n          title: {\n            en: 'Products',\n            ru: 'Товары',\n          },\n          authorize: options.productsAuthorize || [],\n        },\n        component: () => import(/* webpackChunkName: 'Products' */ '@martyrs/src/modules/products/components/pages/Products.vue'),\n      },\n      {\n        path: 'add',\n        name: nameWithPrefix('ProductAdd'),\n        meta: {\n          title: {\n            en: 'Add Product',\n            ru: 'Добавить товар',\n          },\n          authorize: options.addProductAuthorize || [],\n        },\n        component: () => import('@martyrs/src/modules/products/components/pages/ProductEdit.vue'),\n      },\n      {\n        path: ':product',\n        name: nameWithPrefix('Product'),\n        meta: {\n          title: {\n            en: 'Product',\n            ru: 'Продукт',\n          },\n          showShopCart: true,\n        },\n        component: () => import('@martyrs/src/modules/products/components/pages/Product.vue'),\n      },\n      {\n        path: ':product/edit',\n        name: nameWithPrefix('ProductEdit'),\n        meta: {\n          title: {\n            en: 'Edit Product',\n            ru: 'Редактировать продукт',\n          },\n          authorize: options.editProductAuthorize || [],\n        },\n        beforeEnter: [validationAuth.requiresAuth],\n        component: () => import('@martyrs/src/modules/products/components/pages/ProductEdit.vue'),\n      },\n      {\n        path: 'recommendation',\n        name: nameWithPrefix('ProductRecommmendation'),\n        meta: {\n          title: {\n            en: 'Product Recommmendation',\n            ru: 'Рекомендации продукта',\n          },\n          header_theme: 'dark',\n          footer_theme: 'dark',\n        },\n        component: () => import(/* webpackChunkName: 'Product Recommmendation' */ '@martyrs/src/modules/products/components/pages/ProductRecommmendation.vue'),\n        props: route => ({ mood: route.query.mood }),\n      },\n    ],\n  };\n\n  return routes;\n}\n"],"names":["validationAuth.requiresAuth"],"mappings":";;;AAEO,SAAS,oBAAoB,SAAS,IAAI,UAAU,CAAA,GAAI;AAC7D,QAAM,iBAAiB,UAAS,SAAS,GAAG,MAAM,GAAG,IAAI,KAAK;AAE9D,QAAM,SAAS;AAAA,IACb,MAAM,QAAQ,YAAY;AAAA,IAC1B,UAAU;AAAA,MACR;AAAA,QACE,MAAM;AAAA,QACN,MAAM,eAAe,UAAU;AAAA,QAC/B,MAAM;AAAA,UACJ,OAAO;AAAA,YACL,IAAI;AAAA,YACJ,IAAI;AAAA,UAChB;AAAA,UACU,WAAW,QAAQ,qBAAqB,CAAA;AAAA,QAClD;AAAA,QACQ,WAAW,MAAM,QAAA,QAAA,EAAA,KAAA,MAAA;AAAA;AAAA,UAA0C;AAAA,QAA6D,CAAA;AAAA,MAChI;AAAA,MACM;AAAA,QACE,MAAM;AAAA,QACN,MAAM,eAAe,kBAAkB;AAAA,QACvC,MAAM;AAAA,UACJ,OAAO;AAAA,YACL,IAAI;AAAA,YACJ,IAAI;AAAA,UAChB;AAAA,UACU,WAAW,QAAQ,qBAAqB,CAAA;AAAA,QAClD;AAAA,QACQ,WAAW,MAAM,QAAA,QAAA,EAAA,KAAA,MAAA;AAAA;AAAA,UAA0C;AAAA,QAA6D,CAAA;AAAA,MAChI;AAAA,MACM;AAAA,QACE,MAAM;AAAA,QACN,MAAM,eAAe,YAAY;AAAA,QACjC,MAAM;AAAA,UACJ,OAAO;AAAA,YACL,IAAI;AAAA,YACJ,IAAI;AAAA,UAChB;AAAA,UACU,WAAW,QAAQ,uBAAuB,CAAA;AAAA,QACpD;AAAA,QACQ,WAAW,MAAM,QAAA,QAAA,EAAA,KAAA,MAAA,QAAO,yCAAgE,CAAA;AAAA,MAChG;AAAA,MACM;AAAA,QACE,MAAM;AAAA,QACN,MAAM,eAAe,SAAS;AAAA,QAC9B,MAAM;AAAA,UACJ,OAAO;AAAA,YACL,IAAI;AAAA,YACJ,IAAI;AAAA,UAChB;AAAA,UACU,cAAc;AAAA,QACxB;AAAA,QACQ,WAAW,MAAM,QAAA,QAAA,EAAA,KAAA,MAAA,QAAO,qCAA4D,CAAA;AAAA,MAC5F;AAAA,MACM;AAAA,QACE,MAAM;AAAA,QACN,MAAM,eAAe,aAAa;AAAA,QAClC,MAAM;AAAA,UACJ,OAAO;AAAA,YACL,IAAI;AAAA,YACJ,IAAI;AAAA,UAChB;AAAA,UACU,WAAW,QAAQ,wBAAwB,CAAA;AAAA,QACrD;AAAA,QACQ,aAAa,CAACA,gBAAAA,YAA2B;AAAA,QACzC,WAAW,MAAM,QAAA,QAAA,EAAA,KAAA,MAAA,QAAO,yCAAgE,CAAA;AAAA,MAChG;AAAA,MACM;AAAA,QACE,MAAM;AAAA,QACN,MAAM,eAAe,wBAAwB;AAAA,QAC7C,MAAM;AAAA,UACJ,OAAO;AAAA,YACL,IAAI;AAAA,YACJ,IAAI;AAAA,UAChB;AAAA,UACU,cAAc;AAAA,UACd,cAAc;AAAA,QACxB;AAAA,QACQ,WAAW,MAAM,QAAA,QAAA,EAAA,KAAA,MAAA;AAAA;AAAA,UAAyD;AAAA,QAA2E,CAAA;AAAA,QACrJ,OAAO,YAAU,EAAE,MAAM,MAAM,MAAM;MAC7C;AAAA,IACA;AAAA,EACA;AAEE,SAAO;AACT;;"}

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

@@ -19,6 +19,21 @@ function createProductRoutes(prefix = "", options = {}) {
           "../components/pages/Products.vue.js"
         )
       },
+      {
+        path: "categories/:categoryPath(.*)",
+        name: nameWithPrefix("ProductsCategory"),
+        meta: {
+          title: {
+            en: "Products",
+            ru: "Товары"
+          },
+          authorize: options.productsAuthorize || []
+        },
+        component: () => import(
+          /* webpackChunkName: 'Products' */
+          "../components/pages/Products.vue.js"
+        )
+      },
       {
         path: "add",
         name: nameWithPrefix("ProductAdd"),

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

@@ -1 +1 @@
-{"version":3,"file":"products.router.js","sources":["../../../../../../src/modules/products/router/products.router.js"],"sourcesContent":["import * as validationAuth from '@martyrs/src/modules/auth/views/middlewares/auth.validation.js';\n\nexport function createProductRoutes(prefix = '', options = {}) {\n  const nameWithPrefix = name => (prefix ? `${prefix}${name}` : name);\n\n  const routes = {\n    path: options.basePath || 'products',\n    children: [\n      {\n        path: '',\n        name: nameWithPrefix('Products'),\n        meta: {\n          title: {\n            en: 'Products',\n            ru: 'Товары',\n          },\n          authorize: options.productsAuthorize || [],\n        },\n        component: () => import(/* webpackChunkName: 'Products' */ '@martyrs/src/modules/products/components/pages/Products.vue'),\n      },\n      {\n        path: 'add',\n        name: nameWithPrefix('ProductAdd'),\n        meta: {\n          title: {\n            en: 'Add Product',\n            ru: 'Добавить товар',\n          },\n          authorize: options.addProductAuthorize || [],\n        },\n        component: () => import('@martyrs/src/modules/products/components/pages/ProductEdit.vue'),\n      },\n      {\n        path: ':product',\n        name: nameWithPrefix('Product'),\n        meta: {\n          title: {\n            en: 'Product',\n            ru: 'Продукт',\n          },\n          showShopCart: true,\n        },\n        component: () => import('@martyrs/src/modules/products/components/pages/Product.vue'),\n      },\n      {\n        path: ':product/edit',\n        name: nameWithPrefix('ProductEdit'),\n        meta: {\n          title: {\n            en: 'Edit Product',\n            ru: 'Редактировать продукт',\n          },\n          authorize: options.editProductAuthorize || [],\n        },\n        beforeEnter: [validationAuth.requiresAuth],\n        component: () => import('@martyrs/src/modules/products/components/pages/ProductEdit.vue'),\n      },\n      {\n        path: 'recommendation',\n        name: nameWithPrefix('ProductRecommmendation'),\n        meta: {\n          title: {\n            en: 'Product Recommmendation',\n            ru: 'Рекомендации продукта',\n          },\n          header_theme: 'dark',\n          footer_theme: 'dark',\n        },\n        component: () => import(/* webpackChunkName: 'Product Recommmendation' */ '@martyrs/src/modules/products/components/pages/ProductRecommmendation.vue'),\n        props: route => ({ mood: route.query.mood }),\n      },\n    ],\n  };\n\n  return routes;\n}\n"],"names":["validationAuth.requiresAuth"],"mappings":";AAEO,SAAS,oBAAoB,SAAS,IAAI,UAAU,CAAA,GAAI;AAC7D,QAAM,iBAAiB,UAAS,SAAS,GAAG,MAAM,GAAG,IAAI,KAAK;AAE9D,QAAM,SAAS;AAAA,IACb,MAAM,QAAQ,YAAY;AAAA,IAC1B,UAAU;AAAA,MACR;AAAA,QACE,MAAM;AAAA,QACN,MAAM,eAAe,UAAU;AAAA,QAC/B,MAAM;AAAA,UACJ,OAAO;AAAA,YACL,IAAI;AAAA,YACJ,IAAI;AAAA,UAChB;AAAA,UACU,WAAW,QAAQ,qBAAqB,CAAA;AAAA,QAClD;AAAA,QACQ,WAAW,MAAM;AAAA;AAAA,UAA0C;AAAA,QAA6D;AAAA,MAChI;AAAA,MACM;AAAA,QACE,MAAM;AAAA,QACN,MAAM,eAAe,YAAY;AAAA,QACjC,MAAM;AAAA,UACJ,OAAO;AAAA,YACL,IAAI;AAAA,YACJ,IAAI;AAAA,UAChB;AAAA,UACU,WAAW,QAAQ,uBAAuB,CAAA;AAAA,QACpD;AAAA,QACQ,WAAW,MAAM,OAAO,wCAAgE;AAAA,MAChG;AAAA,MACM;AAAA,QACE,MAAM;AAAA,QACN,MAAM,eAAe,SAAS;AAAA,QAC9B,MAAM;AAAA,UACJ,OAAO;AAAA,YACL,IAAI;AAAA,YACJ,IAAI;AAAA,UAChB;AAAA,UACU,cAAc;AAAA,QACxB;AAAA,QACQ,WAAW,MAAM,OAAO,oCAA4D;AAAA,MAC5F;AAAA,MACM;AAAA,QACE,MAAM;AAAA,QACN,MAAM,eAAe,aAAa;AAAA,QAClC,MAAM;AAAA,UACJ,OAAO;AAAA,YACL,IAAI;AAAA,YACJ,IAAI;AAAA,UAChB;AAAA,UACU,WAAW,QAAQ,wBAAwB,CAAA;AAAA,QACrD;AAAA,QACQ,aAAa,CAACA,YAA2B;AAAA,QACzC,WAAW,MAAM,OAAO,wCAAgE;AAAA,MAChG;AAAA,MACM;AAAA,QACE,MAAM;AAAA,QACN,MAAM,eAAe,wBAAwB;AAAA,QAC7C,MAAM;AAAA,UACJ,OAAO;AAAA,YACL,IAAI;AAAA,YACJ,IAAI;AAAA,UAChB;AAAA,UACU,cAAc;AAAA,UACd,cAAc;AAAA,QACxB;AAAA,QACQ,WAAW,MAAM;AAAA;AAAA,UAAyD;AAAA,QAA2E;AAAA,QACrJ,OAAO,YAAU,EAAE,MAAM,MAAM,MAAM;MAC7C;AAAA,IACA;AAAA,EACA;AAEE,SAAO;AACT;"}
+{"version":3,"file":"products.router.js","sources":["../../../../../../src/modules/products/router/products.router.js"],"sourcesContent":["import * as validationAuth from '@martyrs/src/modules/auth/views/middlewares/auth.validation.js';\n\nexport function createProductRoutes(prefix = '', options = {}) {\n  const nameWithPrefix = name => (prefix ? `${prefix}${name}` : name);\n\n  const routes = {\n    path: options.basePath || 'products',\n    children: [\n      {\n        path: '',\n        name: nameWithPrefix('Products'),\n        meta: {\n          title: {\n            en: 'Products',\n            ru: 'Товары',\n          },\n          authorize: options.productsAuthorize || [],\n        },\n        component: () => import(/* webpackChunkName: 'Products' */ '@martyrs/src/modules/products/components/pages/Products.vue'),\n      },\n      {\n        path: 'categories/:categoryPath(.*)',\n        name: nameWithPrefix('ProductsCategory'),\n        meta: {\n          title: {\n            en: 'Products',\n            ru: 'Товары',\n          },\n          authorize: options.productsAuthorize || [],\n        },\n        component: () => import(/* webpackChunkName: 'Products' */ '@martyrs/src/modules/products/components/pages/Products.vue'),\n      },\n      {\n        path: 'add',\n        name: nameWithPrefix('ProductAdd'),\n        meta: {\n          title: {\n            en: 'Add Product',\n            ru: 'Добавить товар',\n          },\n          authorize: options.addProductAuthorize || [],\n        },\n        component: () => import('@martyrs/src/modules/products/components/pages/ProductEdit.vue'),\n      },\n      {\n        path: ':product',\n        name: nameWithPrefix('Product'),\n        meta: {\n          title: {\n            en: 'Product',\n            ru: 'Продукт',\n          },\n          showShopCart: true,\n        },\n        component: () => import('@martyrs/src/modules/products/components/pages/Product.vue'),\n      },\n      {\n        path: ':product/edit',\n        name: nameWithPrefix('ProductEdit'),\n        meta: {\n          title: {\n            en: 'Edit Product',\n            ru: 'Редактировать продукт',\n          },\n          authorize: options.editProductAuthorize || [],\n        },\n        beforeEnter: [validationAuth.requiresAuth],\n        component: () => import('@martyrs/src/modules/products/components/pages/ProductEdit.vue'),\n      },\n      {\n        path: 'recommendation',\n        name: nameWithPrefix('ProductRecommmendation'),\n        meta: {\n          title: {\n            en: 'Product Recommmendation',\n            ru: 'Рекомендации продукта',\n          },\n          header_theme: 'dark',\n          footer_theme: 'dark',\n        },\n        component: () => import(/* webpackChunkName: 'Product Recommmendation' */ '@martyrs/src/modules/products/components/pages/ProductRecommmendation.vue'),\n        props: route => ({ mood: route.query.mood }),\n      },\n    ],\n  };\n\n  return routes;\n}\n"],"names":["validationAuth.requiresAuth"],"mappings":";AAEO,SAAS,oBAAoB,SAAS,IAAI,UAAU,CAAA,GAAI;AAC7D,QAAM,iBAAiB,UAAS,SAAS,GAAG,MAAM,GAAG,IAAI,KAAK;AAE9D,QAAM,SAAS;AAAA,IACb,MAAM,QAAQ,YAAY;AAAA,IAC1B,UAAU;AAAA,MACR;AAAA,QACE,MAAM;AAAA,QACN,MAAM,eAAe,UAAU;AAAA,QAC/B,MAAM;AAAA,UACJ,OAAO;AAAA,YACL,IAAI;AAAA,YACJ,IAAI;AAAA,UAChB;AAAA,UACU,WAAW,QAAQ,qBAAqB,CAAA;AAAA,QAClD;AAAA,QACQ,WAAW,MAAM;AAAA;AAAA,UAA0C;AAAA,QAA6D;AAAA,MAChI;AAAA,MACM;AAAA,QACE,MAAM;AAAA,QACN,MAAM,eAAe,kBAAkB;AAAA,QACvC,MAAM;AAAA,UACJ,OAAO;AAAA,YACL,IAAI;AAAA,YACJ,IAAI;AAAA,UAChB;AAAA,UACU,WAAW,QAAQ,qBAAqB,CAAA;AAAA,QAClD;AAAA,QACQ,WAAW,MAAM;AAAA;AAAA,UAA0C;AAAA,QAA6D;AAAA,MAChI;AAAA,MACM;AAAA,QACE,MAAM;AAAA,QACN,MAAM,eAAe,YAAY;AAAA,QACjC,MAAM;AAAA,UACJ,OAAO;AAAA,YACL,IAAI;AAAA,YACJ,IAAI;AAAA,UAChB;AAAA,UACU,WAAW,QAAQ,uBAAuB,CAAA;AAAA,QACpD;AAAA,QACQ,WAAW,MAAM,OAAO,wCAAgE;AAAA,MAChG;AAAA,MACM;AAAA,QACE,MAAM;AAAA,QACN,MAAM,eAAe,SAAS;AAAA,QAC9B,MAAM;AAAA,UACJ,OAAO;AAAA,YACL,IAAI;AAAA,YACJ,IAAI;AAAA,UAChB;AAAA,UACU,cAAc;AAAA,QACxB;AAAA,QACQ,WAAW,MAAM,OAAO,oCAA4D;AAAA,MAC5F;AAAA,MACM;AAAA,QACE,MAAM;AAAA,QACN,MAAM,eAAe,aAAa;AAAA,QAClC,MAAM;AAAA,UACJ,OAAO;AAAA,YACL,IAAI;AAAA,YACJ,IAAI;AAAA,UAChB;AAAA,UACU,WAAW,QAAQ,wBAAwB,CAAA;AAAA,QACrD;AAAA,QACQ,aAAa,CAACA,YAA2B;AAAA,QACzC,WAAW,MAAM,OAAO,wCAAgE;AAAA,MAChG;AAAA,MACM;AAAA,QACE,MAAM;AAAA,QACN,MAAM,eAAe,wBAAwB;AAAA,QAC7C,MAAM;AAAA,UACJ,OAAO;AAAA,YACL,IAAI;AAAA,YACJ,IAAI;AAAA,UAChB;AAAA,UACU,cAAc;AAAA,UACd,cAAc;AAAA,QACxB;AAAA,QACQ,WAAW,MAAM;AAAA;AAAA,UAAyD;AAAA,QAA2E;AAAA,QACrJ,OAAO,YAAU,EAAE,MAAM,MAAM,MAAM;MAC7C;AAAA,IACA;AAAA,EACA;AAEE,SAAO;AACT;"}

package/dist/martyrs/src/modules/products/store/categories.cjs

@@ -11,23 +11,25 @@ const state = vue.reactive({
   },
   current: {
     order: 1,
-    photo: null,
+    photo: "",
     name: "",
+    slug: "",
     url: "",
+    level: 0,
     status: "draft",
     creator: null,
     owner: null,
     parent: null,
     children: [],
     filters: [],
-    localization: []
+    translations: []
   }
 });
 const actions = {
   async read(options = {}) {
     try {
       const response = await axiosInstance.default.get("/api/categories", { params: options });
-      if (options.url) {
+      if (options._id) {
         state.current = { ...response.data[0] };
         return Promise.resolve(response.data[0]);
       } else {
@@ -69,10 +71,21 @@ const actions = {
       return Promise.reject(error);
     }
   },
-  async delete(url) {
+  async delete(id) {
     try {
-      await axiosInstance.default.post("/api/categories/delete", { url });
-      state.all = state.all.filter((c) => c.url !== url);
+      let removeFromTree = function(items) {
+        return items.filter((item) => {
+          if (item._id === id) {
+            return false;
+          }
+          if (item.children && item.children.length > 0) {
+            item.children = removeFromTree(item.children);
+          }
+          return true;
+        });
+      };
+      await axiosInstance.default.post("/api/categories/delete", { _id: id });
+      state.all = removeFromTree(state.all);
       return Promise.resolve();
     } catch (error) {
       globals.setError(error);
@@ -82,13 +95,18 @@ const actions = {
   clean() {
     state.current = {
       order: 1,
+      photo: "",
       name: "",
+      slug: "",
       url: "",
+      level: 0,
       status: "draft",
+      creator: null,
+      owner: null,
       parent: null,
       children: [],
       filters: [],
-      localization: []
+      translations: []
     };
   }
 };

package/dist/martyrs/src/modules/products/store/categories.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"categories.cjs","sources":["../../../../../../src/modules/products/store/categories.js"],"sourcesContent":["// Dependencies\nimport { setError } from '@martyrs/src/modules/globals/views/store/globals.js';\nimport { reactive, watch } from 'vue';\n\nimport $axios from '@martyrs/src/modules/globals/views/utils/axios-instance.js';\n\n// State\nconst state = reactive({\n  all: [],\n\n  filter: {\n    status: null,\n    search: null,\n  },\n  current: {\n    order: 1,\n    photo: null,\n    name: '',\n    url: '',\n    status: 'draft',\n    creator: null,\n    owner: null,\n    parent: null,\n    children: [],\n    filters: [],\n    localization: [],\n  },\n});\n\n// Methods\nconst actions = {\n  async read(options = {}) {\n    try {\n      const response = await $axios.get('/api/categories', { params: options });\n\n      if (options.url) {\n        state.current = { ...response.data[0] };\n        return Promise.resolve(response.data[0]);\n      } else {\n        return Promise.resolve(response.data);\n      }\n    } catch (error) {\n      setError(error);\n      return Promise.reject(error);\n    }\n  },\n\n  async create(category) {\n    try {\n      const response = await $axios.post('/api/categories/create', category);\n      state.all.push(response.data);\n      return Promise.resolve(response.data);\n    } catch (error) {\n      setError(error);\n      return Promise.reject(error);\n    }\n  },\n\n  async update(category) {\n    try {\n      const response = await $axios.post('/api/categories/update', category);\n      return Promise.resolve(response.data);\n    } catch (error) {\n      setError(error);\n      return Promise.reject(error);\n    }\n  },\n\n  // Method for updating order of multiple categories\n  async updateOrder(categories) {\n    try {\n      const response = await $axios.post('/api/categories/updateOrder', {\n        categories: categories,\n      });\n\n      return Promise.resolve(response.data);\n    } catch (error) {\n      setError(error);\n      return Promise.reject(error);\n    }\n  },\n\n  async delete(url) {\n    try {\n      await $axios.post('/api/categories/delete', { url });\n      state.all = state.all.filter(c => c.url !== url);\n      return Promise.resolve();\n    } catch (error) {\n      setError(error);\n      return Promise.reject(error);\n    }\n  },\n\n  clean() {\n    state.current = {\n      order: 1,\n      name: '',\n      url: '',\n      status: 'draft',\n      parent: null,\n      children: [],\n      filters: [],\n      localization: [],\n    };\n  },\n};\n\nconst history = [];\nhistory.push(state);\n\nwatch(\n  state,\n  newState => {\n    history.push(newState);\n  },\n  { deep: true }\n);\n\nexport { actions, state };\n"],"names":["reactive","$axios","setError","watch"],"mappings":";;;;;AAOK,MAAC,QAAQA,IAAAA,SAAS;AAAA,EACrB,KAAK,CAAA;AAAA,EAEL,QAAQ;AAAA,IACN,QAAQ;AAAA,IACR,QAAQ;AAAA,EACZ;AAAA,EACE,SAAS;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,IACP,MAAM;AAAA,IACN,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,UAAU,CAAA;AAAA,IACV,SAAS,CAAA;AAAA,IACT,cAAc,CAAA;AAAA,EAClB;AACA,CAAC;AAGI,MAAC,UAAU;AAAA,EACd,MAAM,KAAK,UAAU,IAAI;AACvB,QAAI;AACF,YAAM,WAAW,MAAMC,sBAAO,IAAI,mBAAmB,EAAE,QAAQ,SAAS;AAExE,UAAI,QAAQ,KAAK;AACf,cAAM,UAAU,EAAE,GAAG,SAAS,KAAK,CAAC,EAAC;AACrC,eAAO,QAAQ,QAAQ,SAAS,KAAK,CAAC,CAAC;AAAA,MACzC,OAAO;AACL,eAAO,QAAQ,QAAQ,SAAS,IAAI;AAAA,MACtC;AAAA,IACF,SAAS,OAAO;AACdC,cAAAA,SAAS,KAAK;AACd,aAAO,QAAQ,OAAO,KAAK;AAAA,IAC7B;AAAA,EACF;AAAA,EAEA,MAAM,OAAO,UAAU;AACrB,QAAI;AACF,YAAM,WAAW,MAAMD,cAAAA,QAAO,KAAK,0BAA0B,QAAQ;AACrE,YAAM,IAAI,KAAK,SAAS,IAAI;AAC5B,aAAO,QAAQ,QAAQ,SAAS,IAAI;AAAA,IACtC,SAAS,OAAO;AACdC,cAAAA,SAAS,KAAK;AACd,aAAO,QAAQ,OAAO,KAAK;AAAA,IAC7B;AAAA,EACF;AAAA,EAEA,MAAM,OAAO,UAAU;AACrB,QAAI;AACF,YAAM,WAAW,MAAMD,cAAAA,QAAO,KAAK,0BAA0B,QAAQ;AACrE,aAAO,QAAQ,QAAQ,SAAS,IAAI;AAAA,IACtC,SAAS,OAAO;AACdC,cAAAA,SAAS,KAAK;AACd,aAAO,QAAQ,OAAO,KAAK;AAAA,IAC7B;AAAA,EACF;AAAA;AAAA,EAGA,MAAM,YAAY,YAAY;AAC5B,QAAI;AACF,YAAM,WAAW,MAAMD,sBAAO,KAAK,+BAA+B;AAAA,QAChE;AAAA,MACR,CAAO;AAED,aAAO,QAAQ,QAAQ,SAAS,IAAI;AAAA,IACtC,SAAS,OAAO;AACdC,cAAAA,SAAS,KAAK;AACd,aAAO,QAAQ,OAAO,KAAK;AAAA,IAC7B;AAAA,EACF;AAAA,EAEA,MAAM,OAAO,KAAK;AAChB,QAAI;AACF,YAAMD,cAAAA,QAAO,KAAK,0BAA0B,EAAE,IAAG,CAAE;AACnD,YAAM,MAAM,MAAM,IAAI,OAAO,OAAK,EAAE,QAAQ,GAAG;AAC/C,aAAO,QAAQ,QAAO;AAAA,IACxB,SAAS,OAAO;AACdC,cAAAA,SAAS,KAAK;AACd,aAAO,QAAQ,OAAO,KAAK;AAAA,IAC7B;AAAA,EACF;AAAA,EAEA,QAAQ;AACN,UAAM,UAAU;AAAA,MACd,OAAO;AAAA,MACP,MAAM;AAAA,MACN,KAAK;AAAA,MACL,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,UAAU,CAAA;AAAA,MACV,SAAS,CAAA;AAAA,MACT,cAAc,CAAA;AAAA,IACpB;AAAA,EACE;AACF;AAKAC,IAAAA;AAAAA,EACE;AAAA,EACA,cAAY;AAAA,EAEZ;AAAA,EACA,EAAE,MAAM,KAAI;AACd;;;"}
+{"version":3,"file":"categories.cjs","sources":["../../../../../../src/modules/products/store/categories.js"],"sourcesContent":["// Dependencies\nimport { setError } from '@martyrs/src/modules/globals/views/store/globals.js';\nimport { reactive, watch } from 'vue';\n\nimport $axios from '@martyrs/src/modules/globals/views/utils/axios-instance.js';\n\n// State\nconst state = reactive({\n  all: [],\n\n  filter: {\n    status: null,\n    search: null,\n  },\n  current: {\n    order: 1,\n    photo: '',\n    name: '',\n    slug: '',\n    url: '',\n    level: 0,\n    status: 'draft',\n    creator: null,\n    owner: null,\n    parent: null,\n    children: [],\n    filters: [],\n    translations: [],\n  },\n});\n\n// Methods\nconst actions = {\n  async read(options = {}) {\n    try {\n      const response = await $axios.get('/api/categories', { params: options });\n\n      if (options._id) {\n        state.current = { ...response.data[0] };\n        return Promise.resolve(response.data[0]);\n      } else {\n        return Promise.resolve(response.data);\n      }\n    } catch (error) {\n      setError(error);\n      return Promise.reject(error);\n    }\n  },\n\n  async create(category) {\n    try {\n      const response = await $axios.post('/api/categories/create', category);\n      state.all.push(response.data);\n      return Promise.resolve(response.data);\n    } catch (error) {\n      setError(error);\n      return Promise.reject(error);\n    }\n  },\n\n  async update(category) {\n    try {\n      const response = await $axios.post('/api/categories/update', category);\n      return Promise.resolve(response.data);\n    } catch (error) {\n      setError(error);\n      return Promise.reject(error);\n    }\n  },\n\n  // Method for updating order of multiple categories\n  async updateOrder(categories) {\n    try {\n      const response = await $axios.post('/api/categories/updateOrder', {\n        categories: categories,\n      });\n\n      return Promise.resolve(response.data);\n    } catch (error) {\n      setError(error);\n      return Promise.reject(error);\n    }\n  },\n\n  async delete(id) {\n    try {\n      await $axios.post('/api/categories/delete', { _id: id });\n      // Рекурсивная функция для удаления категории и её детей из дерева\n      function removeFromTree(items) {\n        return items.filter(item => {\n          if (item._id === id) {\n            return false;\n          }\n          if (item.children && item.children.length > 0) {\n            item.children = removeFromTree(item.children);\n          }\n          return true;\n        });\n      }\n      state.all = removeFromTree(state.all);\n      return Promise.resolve();\n    } catch (error) {\n      setError(error);\n      return Promise.reject(error);\n    }\n  },\n\n  clean() {\n    state.current = {\n      order: 1,\n      photo: '',\n      name: '',\n      slug: '',\n      url: '',\n      level: 0,\n      status: 'draft',\n      creator: null,\n      owner: null,\n      parent: null,\n      children: [],\n      filters: [],\n      translations: [],\n    };\n  },\n};\n\nconst history = [];\nhistory.push(state);\n\nwatch(\n  state,\n  newState => {\n    history.push(newState);\n  },\n  { deep: true }\n);\n\nexport { actions, state };\n"],"names":["reactive","$axios","setError","watch"],"mappings":"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"}

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

@@ -9,23 +9,25 @@ const state = reactive({
   },
   current: {
     order: 1,
-    photo: null,
+    photo: "",
     name: "",
+    slug: "",
     url: "",
+    level: 0,
     status: "draft",
     creator: null,
     owner: null,
     parent: null,
     children: [],
     filters: [],
-    localization: []
+    translations: []
   }
 });
 const actions = {
   async read(options = {}) {
     try {
       const response = await $axios.get("/api/categories", { params: options });
-      if (options.url) {
+      if (options._id) {
         state.current = { ...response.data[0] };
         return Promise.resolve(response.data[0]);
       } else {
@@ -67,10 +69,21 @@ const actions = {
       return Promise.reject(error);
     }
   },
-  async delete(url) {
+  async delete(id) {
     try {
-      await $axios.post("/api/categories/delete", { url });
-      state.all = state.all.filter((c) => c.url !== url);
+      let removeFromTree = function(items) {
+        return items.filter((item) => {
+          if (item._id === id) {
+            return false;
+          }
+          if (item.children && item.children.length > 0) {
+            item.children = removeFromTree(item.children);
+          }
+          return true;
+        });
+      };
+      await $axios.post("/api/categories/delete", { _id: id });
+      state.all = removeFromTree(state.all);
       return Promise.resolve();
     } catch (error) {
       setError(error);
@@ -80,13 +93,18 @@ const actions = {
   clean() {
     state.current = {
       order: 1,
+      photo: "",
       name: "",
+      slug: "",
       url: "",
+      level: 0,
       status: "draft",
+      creator: null,
+      owner: null,
       parent: null,
       children: [],
       filters: [],
-      localization: []
+      translations: []
     };
   }
 };

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

@@ -1 +1 @@
-{"version":3,"file":"categories.js","sources":["../../../../../../src/modules/products/store/categories.js"],"sourcesContent":["// Dependencies\nimport { setError } from '@martyrs/src/modules/globals/views/store/globals.js';\nimport { reactive, watch } from 'vue';\n\nimport $axios from '@martyrs/src/modules/globals/views/utils/axios-instance.js';\n\n// State\nconst state = reactive({\n  all: [],\n\n  filter: {\n    status: null,\n    search: null,\n  },\n  current: {\n    order: 1,\n    photo: null,\n    name: '',\n    url: '',\n    status: 'draft',\n    creator: null,\n    owner: null,\n    parent: null,\n    children: [],\n    filters: [],\n    localization: [],\n  },\n});\n\n// Methods\nconst actions = {\n  async read(options = {}) {\n    try {\n      const response = await $axios.get('/api/categories', { params: options });\n\n      if (options.url) {\n        state.current = { ...response.data[0] };\n        return Promise.resolve(response.data[0]);\n      } else {\n        return Promise.resolve(response.data);\n      }\n    } catch (error) {\n      setError(error);\n      return Promise.reject(error);\n    }\n  },\n\n  async create(category) {\n    try {\n      const response = await $axios.post('/api/categories/create', category);\n      state.all.push(response.data);\n      return Promise.resolve(response.data);\n    } catch (error) {\n      setError(error);\n      return Promise.reject(error);\n    }\n  },\n\n  async update(category) {\n    try {\n      const response = await $axios.post('/api/categories/update', category);\n      return Promise.resolve(response.data);\n    } catch (error) {\n      setError(error);\n      return Promise.reject(error);\n    }\n  },\n\n  // Method for updating order of multiple categories\n  async updateOrder(categories) {\n    try {\n      const response = await $axios.post('/api/categories/updateOrder', {\n        categories: categories,\n      });\n\n      return Promise.resolve(response.data);\n    } catch (error) {\n      setError(error);\n      return Promise.reject(error);\n    }\n  },\n\n  async delete(url) {\n    try {\n      await $axios.post('/api/categories/delete', { url });\n      state.all = state.all.filter(c => c.url !== url);\n      return Promise.resolve();\n    } catch (error) {\n      setError(error);\n      return Promise.reject(error);\n    }\n  },\n\n  clean() {\n    state.current = {\n      order: 1,\n      name: '',\n      url: '',\n      status: 'draft',\n      parent: null,\n      children: [],\n      filters: [],\n      localization: [],\n    };\n  },\n};\n\nconst history = [];\nhistory.push(state);\n\nwatch(\n  state,\n  newState => {\n    history.push(newState);\n  },\n  { deep: true }\n);\n\nexport { actions, state };\n"],"names":[],"mappings":";;;AAOK,MAAC,QAAQ,SAAS;AAAA,EACrB,KAAK,CAAA;AAAA,EAEL,QAAQ;AAAA,IACN,QAAQ;AAAA,IACR,QAAQ;AAAA,EACZ;AAAA,EACE,SAAS;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,IACP,MAAM;AAAA,IACN,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,UAAU,CAAA;AAAA,IACV,SAAS,CAAA;AAAA,IACT,cAAc,CAAA;AAAA,EAClB;AACA,CAAC;AAGI,MAAC,UAAU;AAAA,EACd,MAAM,KAAK,UAAU,IAAI;AACvB,QAAI;AACF,YAAM,WAAW,MAAM,OAAO,IAAI,mBAAmB,EAAE,QAAQ,SAAS;AAExE,UAAI,QAAQ,KAAK;AACf,cAAM,UAAU,EAAE,GAAG,SAAS,KAAK,CAAC,EAAC;AACrC,eAAO,QAAQ,QAAQ,SAAS,KAAK,CAAC,CAAC;AAAA,MACzC,OAAO;AACL,eAAO,QAAQ,QAAQ,SAAS,IAAI;AAAA,MACtC;AAAA,IACF,SAAS,OAAO;AACd,eAAS,KAAK;AACd,aAAO,QAAQ,OAAO,KAAK;AAAA,IAC7B;AAAA,EACF;AAAA,EAEA,MAAM,OAAO,UAAU;AACrB,QAAI;AACF,YAAM,WAAW,MAAM,OAAO,KAAK,0BAA0B,QAAQ;AACrE,YAAM,IAAI,KAAK,SAAS,IAAI;AAC5B,aAAO,QAAQ,QAAQ,SAAS,IAAI;AAAA,IACtC,SAAS,OAAO;AACd,eAAS,KAAK;AACd,aAAO,QAAQ,OAAO,KAAK;AAAA,IAC7B;AAAA,EACF;AAAA,EAEA,MAAM,OAAO,UAAU;AACrB,QAAI;AACF,YAAM,WAAW,MAAM,OAAO,KAAK,0BAA0B,QAAQ;AACrE,aAAO,QAAQ,QAAQ,SAAS,IAAI;AAAA,IACtC,SAAS,OAAO;AACd,eAAS,KAAK;AACd,aAAO,QAAQ,OAAO,KAAK;AAAA,IAC7B;AAAA,EACF;AAAA;AAAA,EAGA,MAAM,YAAY,YAAY;AAC5B,QAAI;AACF,YAAM,WAAW,MAAM,OAAO,KAAK,+BAA+B;AAAA,QAChE;AAAA,MACR,CAAO;AAED,aAAO,QAAQ,QAAQ,SAAS,IAAI;AAAA,IACtC,SAAS,OAAO;AACd,eAAS,KAAK;AACd,aAAO,QAAQ,OAAO,KAAK;AAAA,IAC7B;AAAA,EACF;AAAA,EAEA,MAAM,OAAO,KAAK;AAChB,QAAI;AACF,YAAM,OAAO,KAAK,0BAA0B,EAAE,IAAG,CAAE;AACnD,YAAM,MAAM,MAAM,IAAI,OAAO,OAAK,EAAE,QAAQ,GAAG;AAC/C,aAAO,QAAQ,QAAO;AAAA,IACxB,SAAS,OAAO;AACd,eAAS,KAAK;AACd,aAAO,QAAQ,OAAO,KAAK;AAAA,IAC7B;AAAA,EACF;AAAA,EAEA,QAAQ;AACN,UAAM,UAAU;AAAA,MACd,OAAO;AAAA,MACP,MAAM;AAAA,MACN,KAAK;AAAA,MACL,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,UAAU,CAAA;AAAA,MACV,SAAS,CAAA;AAAA,MACT,cAAc,CAAA;AAAA,IACpB;AAAA,EACE;AACF;AAKA;AAAA,EACE;AAAA,EACA,cAAY;AAAA,EAEZ;AAAA,EACA,EAAE,MAAM,KAAI;AACd;"}
+{"version":3,"file":"categories.js","sources":["../../../../../../src/modules/products/store/categories.js"],"sourcesContent":["// Dependencies\nimport { setError } from '@martyrs/src/modules/globals/views/store/globals.js';\nimport { reactive, watch } from 'vue';\n\nimport $axios from '@martyrs/src/modules/globals/views/utils/axios-instance.js';\n\n// State\nconst state = reactive({\n  all: [],\n\n  filter: {\n    status: null,\n    search: null,\n  },\n  current: {\n    order: 1,\n    photo: '',\n    name: '',\n    slug: '',\n    url: '',\n    level: 0,\n    status: 'draft',\n    creator: null,\n    owner: null,\n    parent: null,\n    children: [],\n    filters: [],\n    translations: [],\n  },\n});\n\n// Methods\nconst actions = {\n  async read(options = {}) {\n    try {\n      const response = await $axios.get('/api/categories', { params: options });\n\n      if (options._id) {\n        state.current = { ...response.data[0] };\n        return Promise.resolve(response.data[0]);\n      } else {\n        return Promise.resolve(response.data);\n      }\n    } catch (error) {\n      setError(error);\n      return Promise.reject(error);\n    }\n  },\n\n  async create(category) {\n    try {\n      const response = await $axios.post('/api/categories/create', category);\n      state.all.push(response.data);\n      return Promise.resolve(response.data);\n    } catch (error) {\n      setError(error);\n      return Promise.reject(error);\n    }\n  },\n\n  async update(category) {\n    try {\n      const response = await $axios.post('/api/categories/update', category);\n      return Promise.resolve(response.data);\n    } catch (error) {\n      setError(error);\n      return Promise.reject(error);\n    }\n  },\n\n  // Method for updating order of multiple categories\n  async updateOrder(categories) {\n    try {\n      const response = await $axios.post('/api/categories/updateOrder', {\n        categories: categories,\n      });\n\n      return Promise.resolve(response.data);\n    } catch (error) {\n      setError(error);\n      return Promise.reject(error);\n    }\n  },\n\n  async delete(id) {\n    try {\n      await $axios.post('/api/categories/delete', { _id: id });\n      // Рекурсивная функция для удаления категории и её детей из дерева\n      function removeFromTree(items) {\n        return items.filter(item => {\n          if (item._id === id) {\n            return false;\n          }\n          if (item.children && item.children.length > 0) {\n            item.children = removeFromTree(item.children);\n          }\n          return true;\n        });\n      }\n      state.all = removeFromTree(state.all);\n      return Promise.resolve();\n    } catch (error) {\n      setError(error);\n      return Promise.reject(error);\n    }\n  },\n\n  clean() {\n    state.current = {\n      order: 1,\n      photo: '',\n      name: '',\n      slug: '',\n      url: '',\n      level: 0,\n      status: 'draft',\n      creator: null,\n      owner: null,\n      parent: null,\n      children: [],\n      filters: [],\n      translations: [],\n    };\n  },\n};\n\nconst history = [];\nhistory.push(state);\n\nwatch(\n  state,\n  newState => {\n    history.push(newState);\n  },\n  { deep: true }\n);\n\nexport { actions, state };\n"],"names":[],"mappings":"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"}

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

@@ -80,7 +80,7 @@ const _sfc_main = {
                 "other"
               ],
               placeholder: "Select reason",
-              class: "mn-b-small bg-white br-solid br-black-transp br-1px uppercase pd-medium t-semi bg-white t-black radius-medium"
+              class: "mn-b-small bg-white br-solid br-black-transp-10 br-1px uppercase pd-medium t-semi bg-white t-black radius-medium"
             }, null, 8, ["select"]),
             _cache[5] || (_cache[5] = vue.createElementVNode("p", { class: "p-medium mn-b-small" }, "Our moderators will review your report within 24 hours and take action if it violates our policies.", -1)),
             vue.createVNode(Button.default, {

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

@@ -1 +1 @@
-{"version":3,"file":"FormReport.vue.cjs","sources":["../../../../../../../src/modules/reports/components/sections/FormReport.vue"],"sourcesContent":["<template>\n\n\t<div \n\t\t@click.native=\"openReportPopup()\"\n\t>\n\t\t<slot></slot>\n\n\t\t<Popup \n\t\t  @close-popup=\"closeReportPopup\" \n\t\t  :isPopupOpen=\"isReportPopup\"\n\t\t  class=\"w-m-33r t-left pd-big bg-white radius-big\"\n\t\t>\n\t\t    <h3 \n\t\t    \tclass=\"mn-b-small\"\n\t\t    >\n\t\t\t\tReport Content\n\t\t\t</h3>\n\t\t    \n\t\t    <p \n\t\t    \tclass=\"p-medium mn-b-small\"\n\t\t    >\n\t\t    \tWe strive to maintain a safe and comfortable environment for all users. If you encounter content that you believe violates our guidelines, please report it:\n\t\t    </p>\n\t\t    <Select \n\t\t\t\tv-model:select=\"form.reason\" \n\t\t        :options=\"[\n\t\t        \t'harassment',\n\t\t        \t'spam',\n\t\t        \t'inappropriate',\n\t\t        \t'misinformation',\n\t\t        \t'copyright',\n\t\t        \t'other'\n\t\t        ]\"\n\t\t        :placeholder=\"'Select reason'\"\n\t\t\t\tclass=\"mn-b-small bg-white br-solid br-black-transp br-1px uppercase pd-medium t-semi bg-white t-black radius-medium\"\n\t\t      />\n\t\t    \n\t\t    <p class=\"p-medium mn-b-small\">Our moderators will review your report within 24 hours and take action if it violates our policies.</p>\n\t\t    \n\t\t    <Button \n\t\t    \t:submit=\"onSubmit\" \n\t\t    \t:callback=\"closeReportPopup\" \n\t\t    \tclass=\"w-100 bg-black t-white\">\n\t\t    \tReport\n\t\t    </Button>\n\t\t</Popup>\n\t</div>\n</template>\n\n<script setup=\"props\">\n\t// Dependencies\n\timport { computed,ref,reactive } from 'vue'\n\t// Elements Import\n\timport Popup from '@martyrs/src/components/Popup/Popup.vue';\n\timport Button from '@martyrs/src/components/Button/Button.vue';\n\timport Select from '@martyrs/src/components/Select/Select.vue';\n\t// Store Import\n\timport * as reports from '@martyrs/src/modules/reports/store/reports.js'\n\t// ///////////////////////////////////////\n \t// Components Props\n \t// ///////////////////////////////////////\n \tconst props = defineProps({\n \t\tuser: {\n      type: String,\n      required: false\n    },\n    type: {\n      type: String,\n      required: false\n    },\n    reason: {\n      type: String,\n      required: false\n    },\n    target: {\n      type: String,\n      required: true\n    },\n\t  text: {\n\t\t\ttype: String,\n\t\t\tdefault: '!'\n\t\t},\n    status: {\n      type: String,\n      default: 'new'\n    }\n \t})\n \t// ///////////////////////////////////////\n \t// Form Logic\n \t// ///////////////////////////////////////\n \tconst form = reactive({\n\t\tuser: props.user,\n\t\ttype: props.type,\n\t\treason: props.reason, \n\t\ttarget: props.target,\n\t\tstatus: props.status,\n\t})\n\n\tfunction onSubmit () {\n\t    if (form.user === null) {\n\t    \tdelete form.user\n\t    }\n\t  \treports.actions.create(form)\n\t}\n \t// ///////////////////////////////////////\n\t// Popup logic\n\t// ///////////////////////////////////////\n\tconst isReportPopup = ref(false)\n\n\tfunction openReportPopup() {\n\t  isReportPopup.value = true;\n\t}\n\tfunction closeReportPopup() {\n\t  isReportPopup.value = false;\n\t}\n</script>"],"names":["reactive","reports.actions","ref"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6DE,UAAM,QAAQ;AA6Bd,UAAM,OAAOA,IAAAA,SAAS;AAAA,MACtB,MAAM,MAAM;AAAA,MACZ,MAAM,MAAM;AAAA,MACZ,QAAQ,MAAM;AAAA,MACd,QAAQ,MAAM;AAAA,MACd,QAAQ,MAAM;AAAA,IAChB,CAAE;AAED,aAAS,WAAY;AACjB,UAAI,KAAK,SAAS,MAAM;AACvB,eAAO,KAAK;AAAA,MACb;AACDC,cAAAA,QAAgB,OAAO,IAAI;AAAA,IAC9B;AAIA,UAAM,gBAAgBC,IAAAA,IAAI,KAAK;AAE/B,aAAS,kBAAkB;AACzB,oBAAc,QAAQ;AAAA,IACxB;AACA,aAAS,mBAAmB;AAC1B,oBAAc,QAAQ;AAAA,IACxB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"FormReport.vue.cjs","sources":["../../../../../../../src/modules/reports/components/sections/FormReport.vue"],"sourcesContent":["<template>\n\n\t<div \n\t\t@click.native=\"openReportPopup()\"\n\t>\n\t\t<slot></slot>\n\n\t\t<Popup \n\t\t  @close-popup=\"closeReportPopup\" \n\t\t  :isPopupOpen=\"isReportPopup\"\n\t\t  class=\"w-m-33r t-left pd-big bg-white radius-big\"\n\t\t>\n\t\t    <h3 \n\t\t    \tclass=\"mn-b-small\"\n\t\t    >\n\t\t\t\tReport Content\n\t\t\t</h3>\n\t\t    \n\t\t    <p \n\t\t    \tclass=\"p-medium mn-b-small\"\n\t\t    >\n\t\t    \tWe strive to maintain a safe and comfortable environment for all users. If you encounter content that you believe violates our guidelines, please report it:\n\t\t    </p>\n\t\t    <Select \n\t\t\t\tv-model:select=\"form.reason\" \n\t\t        :options=\"[\n\t\t        \t'harassment',\n\t\t        \t'spam',\n\t\t        \t'inappropriate',\n\t\t        \t'misinformation',\n\t\t        \t'copyright',\n\t\t        \t'other'\n\t\t        ]\"\n\t\t        :placeholder=\"'Select reason'\"\n\t\t\t\tclass=\"mn-b-small bg-white br-solid br-black-transp-10 br-1px uppercase pd-medium t-semi bg-white t-black radius-medium\"\n\t\t      />\n\t\t    \n\t\t    <p class=\"p-medium mn-b-small\">Our moderators will review your report within 24 hours and take action if it violates our policies.</p>\n\t\t    \n\t\t    <Button \n\t\t    \t:submit=\"onSubmit\" \n\t\t    \t:callback=\"closeReportPopup\" \n\t\t    \tclass=\"w-100 bg-black t-white\">\n\t\t    \tReport\n\t\t    </Button>\n\t\t</Popup>\n\t</div>\n</template>\n\n<script setup=\"props\">\n\t// Dependencies\n\timport { computed,ref,reactive } from 'vue'\n\t// Elements Import\n\timport Popup from '@martyrs/src/components/Popup/Popup.vue';\n\timport Button from '@martyrs/src/components/Button/Button.vue';\n\timport Select from '@martyrs/src/components/Select/Select.vue';\n\t// Store Import\n\timport * as reports from '@martyrs/src/modules/reports/store/reports.js'\n\t// ///////////////////////////////////////\n \t// Components Props\n \t// ///////////////////////////////////////\n \tconst props = defineProps({\n \t\tuser: {\n      type: String,\n      required: false\n    },\n    type: {\n      type: String,\n      required: false\n    },\n    reason: {\n      type: String,\n      required: false\n    },\n    target: {\n      type: String,\n      required: true\n    },\n\t  text: {\n\t\t\ttype: String,\n\t\t\tdefault: '!'\n\t\t},\n    status: {\n      type: String,\n      default: 'new'\n    }\n \t})\n \t// ///////////////////////////////////////\n \t// Form Logic\n \t// ///////////////////////////////////////\n \tconst form = reactive({\n\t\tuser: props.user,\n\t\ttype: props.type,\n\t\treason: props.reason, \n\t\ttarget: props.target,\n\t\tstatus: props.status,\n\t})\n\n\tfunction onSubmit () {\n\t    if (form.user === null) {\n\t    \tdelete form.user\n\t    }\n\t  \treports.actions.create(form)\n\t}\n \t// ///////////////////////////////////////\n\t// Popup logic\n\t// ///////////////////////////////////////\n\tconst isReportPopup = ref(false)\n\n\tfunction openReportPopup() {\n\t  isReportPopup.value = true;\n\t}\n\tfunction closeReportPopup() {\n\t  isReportPopup.value = false;\n\t}\n</script>"],"names":["reactive","reports.actions","ref"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6DE,UAAM,QAAQ;AA6Bd,UAAM,OAAOA,IAAAA,SAAS;AAAA,MACtB,MAAM,MAAM;AAAA,MACZ,MAAM,MAAM;AAAA,MACZ,QAAQ,MAAM;AAAA,MACd,QAAQ,MAAM;AAAA,MACd,QAAQ,MAAM;AAAA,IAChB,CAAE;AAED,aAAS,WAAY;AACjB,UAAI,KAAK,SAAS,MAAM;AACvB,eAAO,KAAK;AAAA,MACb;AACDC,cAAAA,QAAgB,OAAO,IAAI;AAAA,IAC9B;AAIA,UAAM,gBAAgBC,IAAAA,IAAI,KAAK;AAE/B,aAAS,kBAAkB;AACzB,oBAAc,QAAQ;AAAA,IACxB;AACA,aAAS,mBAAmB;AAC1B,oBAAc,QAAQ;AAAA,IACxB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -78,7 +78,7 @@ const _sfc_main = {
                 "other"
               ],
               placeholder: "Select reason",
-              class: "mn-b-small bg-white br-solid br-black-transp br-1px uppercase pd-medium t-semi bg-white t-black radius-medium"
+              class: "mn-b-small bg-white br-solid br-black-transp-10 br-1px uppercase pd-medium t-semi bg-white t-black radius-medium"
             }, null, 8, ["select"]),
             _cache[5] || (_cache[5] = createElementVNode("p", { class: "p-medium mn-b-small" }, "Our moderators will review your report within 24 hours and take action if it violates our policies.", -1)),
             createVNode(_sfc_main$2, {

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

@@ -1 +1 @@
-{"version":3,"file":"FormReport.vue.js","sources":["../../../../../../../src/modules/reports/components/sections/FormReport.vue"],"sourcesContent":["<template>\n\n\t<div \n\t\t@click.native=\"openReportPopup()\"\n\t>\n\t\t<slot></slot>\n\n\t\t<Popup \n\t\t  @close-popup=\"closeReportPopup\" \n\t\t  :isPopupOpen=\"isReportPopup\"\n\t\t  class=\"w-m-33r t-left pd-big bg-white radius-big\"\n\t\t>\n\t\t    <h3 \n\t\t    \tclass=\"mn-b-small\"\n\t\t    >\n\t\t\t\tReport Content\n\t\t\t</h3>\n\t\t    \n\t\t    <p \n\t\t    \tclass=\"p-medium mn-b-small\"\n\t\t    >\n\t\t    \tWe strive to maintain a safe and comfortable environment for all users. If you encounter content that you believe violates our guidelines, please report it:\n\t\t    </p>\n\t\t    <Select \n\t\t\t\tv-model:select=\"form.reason\" \n\t\t        :options=\"[\n\t\t        \t'harassment',\n\t\t        \t'spam',\n\t\t        \t'inappropriate',\n\t\t        \t'misinformation',\n\t\t        \t'copyright',\n\t\t        \t'other'\n\t\t        ]\"\n\t\t        :placeholder=\"'Select reason'\"\n\t\t\t\tclass=\"mn-b-small bg-white br-solid br-black-transp br-1px uppercase pd-medium t-semi bg-white t-black radius-medium\"\n\t\t      />\n\t\t    \n\t\t    <p class=\"p-medium mn-b-small\">Our moderators will review your report within 24 hours and take action if it violates our policies.</p>\n\t\t    \n\t\t    <Button \n\t\t    \t:submit=\"onSubmit\" \n\t\t    \t:callback=\"closeReportPopup\" \n\t\t    \tclass=\"w-100 bg-black t-white\">\n\t\t    \tReport\n\t\t    </Button>\n\t\t</Popup>\n\t</div>\n</template>\n\n<script setup=\"props\">\n\t// Dependencies\n\timport { computed,ref,reactive } from 'vue'\n\t// Elements Import\n\timport Popup from '@martyrs/src/components/Popup/Popup.vue';\n\timport Button from '@martyrs/src/components/Button/Button.vue';\n\timport Select from '@martyrs/src/components/Select/Select.vue';\n\t// Store Import\n\timport * as reports from '@martyrs/src/modules/reports/store/reports.js'\n\t// ///////////////////////////////////////\n \t// Components Props\n \t// ///////////////////////////////////////\n \tconst props = defineProps({\n \t\tuser: {\n      type: String,\n      required: false\n    },\n    type: {\n      type: String,\n      required: false\n    },\n    reason: {\n      type: String,\n      required: false\n    },\n    target: {\n      type: String,\n      required: true\n    },\n\t  text: {\n\t\t\ttype: String,\n\t\t\tdefault: '!'\n\t\t},\n    status: {\n      type: String,\n      default: 'new'\n    }\n \t})\n \t// ///////////////////////////////////////\n \t// Form Logic\n \t// ///////////////////////////////////////\n \tconst form = reactive({\n\t\tuser: props.user,\n\t\ttype: props.type,\n\t\treason: props.reason, \n\t\ttarget: props.target,\n\t\tstatus: props.status,\n\t})\n\n\tfunction onSubmit () {\n\t    if (form.user === null) {\n\t    \tdelete form.user\n\t    }\n\t  \treports.actions.create(form)\n\t}\n \t// ///////////////////////////////////////\n\t// Popup logic\n\t// ///////////////////////////////////////\n\tconst isReportPopup = ref(false)\n\n\tfunction openReportPopup() {\n\t  isReportPopup.value = true;\n\t}\n\tfunction closeReportPopup() {\n\t  isReportPopup.value = false;\n\t}\n</script>"],"names":["reports.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6DE,UAAM,QAAQ;AA6Bd,UAAM,OAAO,SAAS;AAAA,MACtB,MAAM,MAAM;AAAA,MACZ,MAAM,MAAM;AAAA,MACZ,QAAQ,MAAM;AAAA,MACd,QAAQ,MAAM;AAAA,MACd,QAAQ,MAAM;AAAA,IAChB,CAAE;AAED,aAAS,WAAY;AACjB,UAAI,KAAK,SAAS,MAAM;AACvB,eAAO,KAAK;AAAA,MACb;AACDA,cAAgB,OAAO,IAAI;AAAA,IAC9B;AAIA,UAAM,gBAAgB,IAAI,KAAK;AAE/B,aAAS,kBAAkB;AACzB,oBAAc,QAAQ;AAAA,IACxB;AACA,aAAS,mBAAmB;AAC1B,oBAAc,QAAQ;AAAA,IACxB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"FormReport.vue.js","sources":["../../../../../../../src/modules/reports/components/sections/FormReport.vue"],"sourcesContent":["<template>\n\n\t<div \n\t\t@click.native=\"openReportPopup()\"\n\t>\n\t\t<slot></slot>\n\n\t\t<Popup \n\t\t  @close-popup=\"closeReportPopup\" \n\t\t  :isPopupOpen=\"isReportPopup\"\n\t\t  class=\"w-m-33r t-left pd-big bg-white radius-big\"\n\t\t>\n\t\t    <h3 \n\t\t    \tclass=\"mn-b-small\"\n\t\t    >\n\t\t\t\tReport Content\n\t\t\t</h3>\n\t\t    \n\t\t    <p \n\t\t    \tclass=\"p-medium mn-b-small\"\n\t\t    >\n\t\t    \tWe strive to maintain a safe and comfortable environment for all users. If you encounter content that you believe violates our guidelines, please report it:\n\t\t    </p>\n\t\t    <Select \n\t\t\t\tv-model:select=\"form.reason\" \n\t\t        :options=\"[\n\t\t        \t'harassment',\n\t\t        \t'spam',\n\t\t        \t'inappropriate',\n\t\t        \t'misinformation',\n\t\t        \t'copyright',\n\t\t        \t'other'\n\t\t        ]\"\n\t\t        :placeholder=\"'Select reason'\"\n\t\t\t\tclass=\"mn-b-small bg-white br-solid br-black-transp-10 br-1px uppercase pd-medium t-semi bg-white t-black radius-medium\"\n\t\t      />\n\t\t    \n\t\t    <p class=\"p-medium mn-b-small\">Our moderators will review your report within 24 hours and take action if it violates our policies.</p>\n\t\t    \n\t\t    <Button \n\t\t    \t:submit=\"onSubmit\" \n\t\t    \t:callback=\"closeReportPopup\" \n\t\t    \tclass=\"w-100 bg-black t-white\">\n\t\t    \tReport\n\t\t    </Button>\n\t\t</Popup>\n\t</div>\n</template>\n\n<script setup=\"props\">\n\t// Dependencies\n\timport { computed,ref,reactive } from 'vue'\n\t// Elements Import\n\timport Popup from '@martyrs/src/components/Popup/Popup.vue';\n\timport Button from '@martyrs/src/components/Button/Button.vue';\n\timport Select from '@martyrs/src/components/Select/Select.vue';\n\t// Store Import\n\timport * as reports from '@martyrs/src/modules/reports/store/reports.js'\n\t// ///////////////////////////////////////\n \t// Components Props\n \t// ///////////////////////////////////////\n \tconst props = defineProps({\n \t\tuser: {\n      type: String,\n      required: false\n    },\n    type: {\n      type: String,\n      required: false\n    },\n    reason: {\n      type: String,\n      required: false\n    },\n    target: {\n      type: String,\n      required: true\n    },\n\t  text: {\n\t\t\ttype: String,\n\t\t\tdefault: '!'\n\t\t},\n    status: {\n      type: String,\n      default: 'new'\n    }\n \t})\n \t// ///////////////////////////////////////\n \t// Form Logic\n \t// ///////////////////////////////////////\n \tconst form = reactive({\n\t\tuser: props.user,\n\t\ttype: props.type,\n\t\treason: props.reason, \n\t\ttarget: props.target,\n\t\tstatus: props.status,\n\t})\n\n\tfunction onSubmit () {\n\t    if (form.user === null) {\n\t    \tdelete form.user\n\t    }\n\t  \treports.actions.create(form)\n\t}\n \t// ///////////////////////////////////////\n\t// Popup logic\n\t// ///////////////////////////////////////\n\tconst isReportPopup = ref(false)\n\n\tfunction openReportPopup() {\n\t  isReportPopup.value = true;\n\t}\n\tfunction closeReportPopup() {\n\t  isReportPopup.value = false;\n\t}\n</script>"],"names":["reports.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6DE,UAAM,QAAQ;AA6Bd,UAAM,OAAO,SAAS;AAAA,MACtB,MAAM,MAAM;AAAA,MACZ,MAAM,MAAM;AAAA,MACZ,QAAQ,MAAM;AAAA,MACd,QAAQ,MAAM;AAAA,MACd,QAAQ,MAAM;AAAA,IAChB,CAAE;AAED,aAAS,WAAY;AACjB,UAAI,KAAK,SAAS,MAAM;AACvB,eAAO,KAAK;AAAA,MACb;AACDA,cAAgB,OAAO,IAAI;AAAA,IAC9B;AAIA,UAAM,gBAAgB,IAAI,KAAK;AAE/B,aAAS,kBAAkB;AACzB,oBAAc,QAAQ;AAAA,IACxB;AACA,aAAS,mBAAmB;AAC1B,oBAAc,QAAQ;AAAA,IACxB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}