@ozdao/martyrs 0.2.604 → 0.2.605

package/dist/martyrs/src/modules/products/components/pages/Categories.vue.js

@@ -1,11 +1,12 @@
-import { ref, reactive, onUnmounted, onMounted, resolveComponent, createElementBlock, openBlock, createBlock, createCommentVNode, createElementVNode, withCtx, unref, createTextVNode, createVNode, isRef } from "vue";
+import { ref, reactive, onUnmounted, onMounted, createElementBlock, openBlock, createBlock, createCommentVNode, createElementVNode, unref, createVNode, isRef, withCtx } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import { useStore } from "../../../core/views/store/core.store.js";
 import { state } from "../../../auth/views/store/auth.js";
 import { state as state$1, actions } from "../../store/categories.js";
 import { useGlobalMixins } from "../../../core/views/mixins/mixins.js";
+import _sfc_main$2 from "../../../core/views/components/sections/SectionPageTitle.vue.js";
 /* empty css                                       */
-import _sfc_main$2 from "../../../../components/Block/Block.vue.js";
+/* empty css                                          */
 import _sfc_main$3 from "../../../../components/Feed/Feed.vue.js";
 import _sfc_main$4 from "../../../../components/Tree/Tree.vue.js";
 import _sfc_main$5 from "../blocks/CardCategory.vue.js";
@@ -115,32 +116,15 @@ const _sfc_main = {
       }
     }
     return (_ctx, _cache) => {
-      const _component_router_link = resolveComponent("router-link");
       return openBlock(), createElementBlock("div", _hoisted_1, [
         !_ctx.MOBILE_APP ? (openBlock(), createBlock(_sfc_main$2, {
           key: 0,
-          class: "radius-medium mn-b-thin mobile:flex-wrap flex-nowrap flex-v-center flex"
-        }, {
-          default: withCtx(() => [
-            _cache[3] || (_cache[3] = createElementVNode("h2", { class: "mn-r-auto" }, " Categories ", -1)),
-            unref(hasAccess)(unref(route).params._id, "products", "edit", state.accesses, state.access.roles) ? (openBlock(), createBlock(_component_router_link, {
-              key: 0,
-              to: {
-                name: unref(route).meta.context === "backoffice" ? "BackofficeCategoryAdd" : "Organization_CategoryAdd",
-                params: {
-                  _id: _ctx.$route.params._id
-                }
-              },
-              class: "uppercase fw-medium pd-small radius-medium bg-white nav-link"
-            }, {
-              default: withCtx(() => _cache[2] || (_cache[2] = [
-                createTextVNode(" Add New ")
-              ])),
-              _: 1
-            }, 8, ["to"])) : createCommentVNode("", true)
-          ]),
-          _: 1
-        })) : createCommentVNode("", true),
+          title: "Categories",
+          actions: [
+            unref(hasAccess)(unref(route).params._id, "products", "edit", state.accesses, state.access.roles) && { method: () => unref(router).push({ name: unref(route).meta.context === "backoffice" ? "BackofficeCategoryAdd" : "Organization_CategoryAdd", params: { _id: unref(route).params._id } }), label: "+ Add Category" }
+          ].filter(Boolean),
+          class: "mn-b-thin"
+        }, null, 8, ["actions"])) : createCommentVNode("", true),
         createElementVNode("div", _hoisted_2, [
           createVNode(_sfc_main$3, {
             search: true,

package/dist/martyrs/src/modules/products/components/pages/Categories.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Categories.vue.js","sources":["../../../../../../../src/modules/products/components/pages/Categories.vue"],"sourcesContent":["<template>\n  <div class=\"pd-thin bg-white\">\n    <Block v-if=\"!MOBILE_APP\" \n      class=\"radius-medium mn-b-thin mobile:flex-wrap flex-nowrap flex-v-center flex\"\n    >\n      <h2 class=\"mn-r-auto\">\n        Categories\n      </h2>\n\n      <router-link\n        v-if=\"hasAccess(route.params._id, 'products', 'edit', auth.state.accesses, auth.state.access.roles)\"\n        :to=\"{\n          name: route.meta.context === 'backoffice' ? 'BackofficeCategoryAdd' : 'Organization_CategoryAdd',\n          params: {\n            _id: $route.params._id\n          }\n        }\"\n        class=\"uppercase fw-medium pd-small radius-medium bg-white nav-link\"\n      >\n        Add New\n      </router-link>\n    </Block>\n\n    <div class=\"rows-1\">\n      <Feed\n        :search=\"true\"\n        :showLoadMore=\"false\"\n        :states=\"{\n          empty: {\n            title: 'No Products Found',\n            description: 'Currently, there are no products available.'\n          }\n        }\"\n        :store=\"{\n          read: (options) => categories.actions.read(options),\n          state: categories.state\n        }\"\n        :options=\"{\n          owner: route.params._id,\n          tree: true,\n          limit: 20\n        }\"\n        v-model:sort=\"sort\"\n        v-model:items=\"categories.state.all\"\n        v-slot=\"{ \n          items \n        }\"\n        class=\"rows-1 gap-thin\"\n      >\n        <Tree\n          v-if=\"items\"\n          :items=\"categories.state.all\"\n          :state=\"categories.state.all\"\n          :parent-id=\"null\"\n          :dragndrop=\"hasAccess(route.params._id, 'products', 'edit', auth.state.accesses, auth.state.access.roles)\"\n          @update=\"updateCategoriesOrder\"\n          v-slot=\"{ item }\"\n        >\n          <CardCategory \n            :category=\"item\" \n            :access=\"hasAccess(route.params._id, 'products', 'edit', auth.state.accesses, auth.state.access.roles)\"\n            @delete=\"deleteCategory\" \n          />\n        </Tree>\n      </Feed>\n    </div>\n  </div>\n</template>\n\n<script setup>\n  import { onMounted, onUnmounted, computed, ref,reactive } from 'vue';\n  import { useRoute, useRouter } from 'vue-router';\n\n  import { useStore } from '@martyrs/src/modules/core/views/store/core.store.js';\n  import * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n  import * as categories from '@martyrs/src/modules/products/store/categories.js';\n  import { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.js';\n\n  const route = useRoute();\n  const router = useRouter();\n  const store = useStore();\n  const { hasAccess } = useGlobalMixins();\n\n  import Button from \"@martyrs/src/components/Button/Button.vue\";\n  import Block from '@martyrs/src/components/Block/Block.vue';\n  import Feed from '@martyrs/src/components/Feed/Feed.vue'\n  import Tree from \"@martyrs/src/components/Tree/Tree.vue\";\n  \n  import CardCategory from '@martyrs/src/modules/products/components/blocks/CardCategory.vue';\n\n  import IconPlus from '@martyrs/src/modules/icons/navigation/IconPlus.vue'\n\n  let search = ref(null)\n\n  let sort = reactive({\n    param: 'order',\n    order: 'asc',\n    options: [{\n      label: 'Order',\n      value: 'order'\n    },{\n      label: 'Name',\n      value: 'name'\n    },{\n      label: 'Date',\n      value: 'createdAt'\n    }]\n  })\n\n  store.core.state.navigation_bar.actions = [{\n    component: IconPlus,\n    props: {\n      fill: \"rgb(var(--main))\"\n    },\n    condition: () => auth.state.user && auth.state.user._id,\n    action: () => {\n      const routeName = route.meta.context === 'backoffice' ? 'BackofficeCategoryAdd' : 'Organization_CategoryAdd';\n      route.params._id ? router.push({ name: routeName, params: { _id: route.params._id} }) : router.push({ name: routeName });\n    }\n  }],\n\n  onUnmounted(() => {\n    store.core.state.navigation_bar.actions = [];\n  });\n\n  onMounted(async () => {\n    \n  });\n\n  // Функция для сбора затронутых категорий при drag-n-drop\n  function collectAffectedCategories(eventData) {\n    const result = {\n      movedCategory: null,\n      affectedCategories: []\n    };\n    \n    console.log('collectAffectedCategories - eventData:', eventData);\n    \n    // Проверяем, что это объект от Tree компонента с полной информацией\n    if (eventData && eventData.movedItem) {\n      // Если категория переместилась между уровнями\n      if (eventData.movedItem._id) {\n        result.movedCategory = {\n          _id: eventData.movedItem._id,\n          newParent: eventData.parentId // Используем parentId из события (null для корня)\n        };\n      }\n      \n      // Собираем все категории текущего уровня с их новым порядком\n      const items = eventData.items || [];\n      console.log('Level items:', items);\n      \n      items.forEach((item, index) => {\n        result.affectedCategories.push({\n          _id: item._id,\n          order: index\n        });\n      });\n    } else if (eventData && eventData._id) {\n      // Fallback для старого формата (простой объект категории)\n      result.movedCategory = {\n        _id: eventData._id,\n        newParent: eventData.parent || null\n      };\n      \n      // Пытаемся найти категории того же уровня\n      const parentId = eventData.parent;\n      const sameLevel = parentId \n        ? categories.state.all.find(c => c._id === parentId)?.children || []\n        : categories.state.all;\n      \n      sameLevel.forEach((item, index) => {\n        result.affectedCategories.push({\n          _id: item._id,\n          order: index\n        });\n      });\n    } else {\n      // Если нет данных о перемещении, собираем корневые категории\n      console.log('No event data, collecting root level categories');\n      categories.state.all.forEach((item, index) => {\n        result.affectedCategories.push({\n          _id: item._id,\n          order: index\n        });\n      });\n    }\n    \n    console.log('collectAffectedCategories - result:', result);\n    \n    return result;\n  }\n\n  // Функция для обновления порядка категорий\n  async function updateCategoriesOrder(event) {\n    console.log('updateCategoriesOrder called with event:', event);\n    \n    try {\n      const data = collectAffectedCategories(event);\n      \n      // ОДИН КОНСОЛЬ ЛОГ НА ФРОНТЕНДЕ - ЧТО ОТПРАВЛЯЕМ\n      console.log('📤 FRONTEND SENDING:', JSON.stringify(data, null, 2));\n      await categories.actions.updateOrder(data);\n      console.log('Categories order updated successfully');\n    } catch (error) {\n      console.error('Error updating categories order:', error);\n      throw error;\n    }\n  }\n\n  async function deleteCategory(category) {\n    // Запрашиваем подтверждение у пользователя\n    const isConfirmed = confirm(`Are you sure you want to delete the category \"${category.name}\"?`);\n    \n    // Если пользователь подтвердил удаление, продолжаем процесс\n    if (isConfirmed) {\n      await categories.actions.delete(category._id);\n    }\n  }\n</script>\n\n<style lang=\"scss\">\n</style>"],"names":["IconPlus","auth.state","categories.state","categories.actions"],"mappings":"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"}
+{"version":3,"file":"Categories.vue.js","sources":["../../../../../../../src/modules/products/components/pages/Categories.vue"],"sourcesContent":["<template>\n  <div class=\"pd-thin bg-white\">\n    <SectionPageTitle\n      v-if=\"!MOBILE_APP\"\n      title=\"Categories\"\n      :actions=\"[\n        hasAccess(route.params._id, 'products', 'edit', auth.state.accesses, auth.state.access.roles) && { method: () => router.push({ name: route.meta.context === 'backoffice' ? 'BackofficeCategoryAdd' : 'Organization_CategoryAdd', params: { _id: route.params._id } }), label: '+ Add Category' }\n      ].filter(Boolean)\"\n      class=\"mn-b-thin\"\n    />\n\n    <div class=\"rows-1\">\n      <Feed\n        :search=\"true\"\n        :showLoadMore=\"false\"\n        :states=\"{\n          empty: {\n            title: 'No Products Found',\n            description: 'Currently, there are no products available.'\n          }\n        }\"\n        :store=\"{\n          read: (options) => categories.actions.read(options),\n          state: categories.state\n        }\"\n        :options=\"{\n          owner: route.params._id,\n          tree: true,\n          limit: 20\n        }\"\n        v-model:sort=\"sort\"\n        v-model:items=\"categories.state.all\"\n        v-slot=\"{ \n          items \n        }\"\n        class=\"rows-1 gap-thin\"\n      >\n        <Tree\n          v-if=\"items\"\n          :items=\"categories.state.all\"\n          :state=\"categories.state.all\"\n          :parent-id=\"null\"\n          :dragndrop=\"hasAccess(route.params._id, 'products', 'edit', auth.state.accesses, auth.state.access.roles)\"\n          @update=\"updateCategoriesOrder\"\n          v-slot=\"{ item }\"\n        >\n          <CardCategory \n            :category=\"item\" \n            :access=\"hasAccess(route.params._id, 'products', 'edit', auth.state.accesses, auth.state.access.roles)\"\n            @delete=\"deleteCategory\" \n          />\n        </Tree>\n      </Feed>\n    </div>\n  </div>\n</template>\n\n<script setup>\n  import { onMounted, onUnmounted, computed, ref,reactive } from 'vue';\n  import { useRoute, useRouter } from 'vue-router';\n\n  import { useStore } from '@martyrs/src/modules/core/views/store/core.store.js';\n  import * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n  import * as categories from '@martyrs/src/modules/products/store/categories.js';\n  import { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.js';\n\n  const route = useRoute();\n  const router = useRouter();\n  const store = useStore();\n  const { hasAccess } = useGlobalMixins();\n\n  import SectionPageTitle from '@martyrs/src/modules/core/views/components/sections/SectionPageTitle.vue';\n  import Button from \"@martyrs/src/components/Button/Button.vue\";\n  import Block from '@martyrs/src/components/Block/Block.vue';\n  import Feed from '@martyrs/src/components/Feed/Feed.vue'\n  import Tree from \"@martyrs/src/components/Tree/Tree.vue\";\n  \n  import CardCategory from '@martyrs/src/modules/products/components/blocks/CardCategory.vue';\n\n  import IconPlus from '@martyrs/src/modules/icons/navigation/IconPlus.vue'\n\n  let search = ref(null)\n\n  let sort = reactive({\n    param: 'order',\n    order: 'asc',\n    options: [{\n      label: 'Order',\n      value: 'order'\n    },{\n      label: 'Name',\n      value: 'name'\n    },{\n      label: 'Date',\n      value: 'createdAt'\n    }]\n  })\n\n  store.core.state.navigation_bar.actions = [{\n    component: IconPlus,\n    props: {\n      fill: \"rgb(var(--main))\"\n    },\n    condition: () => auth.state.user && auth.state.user._id,\n    action: () => {\n      const routeName = route.meta.context === 'backoffice' ? 'BackofficeCategoryAdd' : 'Organization_CategoryAdd';\n      route.params._id ? router.push({ name: routeName, params: { _id: route.params._id} }) : router.push({ name: routeName });\n    }\n  }],\n\n  onUnmounted(() => {\n    store.core.state.navigation_bar.actions = [];\n  });\n\n  onMounted(async () => {\n    \n  });\n\n  // Функция для сбора затронутых категорий при drag-n-drop\n  function collectAffectedCategories(eventData) {\n    const result = {\n      movedCategory: null,\n      affectedCategories: []\n    };\n    \n    console.log('collectAffectedCategories - eventData:', eventData);\n    \n    // Проверяем, что это объект от Tree компонента с полной информацией\n    if (eventData && eventData.movedItem) {\n      // Если категория переместилась между уровнями\n      if (eventData.movedItem._id) {\n        result.movedCategory = {\n          _id: eventData.movedItem._id,\n          newParent: eventData.parentId // Используем parentId из события (null для корня)\n        };\n      }\n      \n      // Собираем все категории текущего уровня с их новым порядком\n      const items = eventData.items || [];\n      console.log('Level items:', items);\n      \n      items.forEach((item, index) => {\n        result.affectedCategories.push({\n          _id: item._id,\n          order: index\n        });\n      });\n    } else if (eventData && eventData._id) {\n      // Fallback для старого формата (простой объект категории)\n      result.movedCategory = {\n        _id: eventData._id,\n        newParent: eventData.parent || null\n      };\n      \n      // Пытаемся найти категории того же уровня\n      const parentId = eventData.parent;\n      const sameLevel = parentId \n        ? categories.state.all.find(c => c._id === parentId)?.children || []\n        : categories.state.all;\n      \n      sameLevel.forEach((item, index) => {\n        result.affectedCategories.push({\n          _id: item._id,\n          order: index\n        });\n      });\n    } else {\n      // Если нет данных о перемещении, собираем корневые категории\n      console.log('No event data, collecting root level categories');\n      categories.state.all.forEach((item, index) => {\n        result.affectedCategories.push({\n          _id: item._id,\n          order: index\n        });\n      });\n    }\n    \n    console.log('collectAffectedCategories - result:', result);\n    \n    return result;\n  }\n\n  // Функция для обновления порядка категорий\n  async function updateCategoriesOrder(event) {\n    console.log('updateCategoriesOrder called with event:', event);\n    \n    try {\n      const data = collectAffectedCategories(event);\n      \n      // ОДИН КОНСОЛЬ ЛОГ НА ФРОНТЕНДЕ - ЧТО ОТПРАВЛЯЕМ\n      console.log('📤 FRONTEND SENDING:', JSON.stringify(data, null, 2));\n      await categories.actions.updateOrder(data);\n      console.log('Categories order updated successfully');\n    } catch (error) {\n      console.error('Error updating categories order:', error);\n      throw error;\n    }\n  }\n\n  async function deleteCategory(category) {\n    // Запрашиваем подтверждение у пользователя\n    const isConfirmed = confirm(`Are you sure you want to delete the category \"${category.name}\"?`);\n    \n    // Если пользователь подтвердил удаление, продолжаем процесс\n    if (isConfirmed) {\n      await categories.actions.delete(category._id);\n    }\n  }\n</script>\n\n<style lang=\"scss\">\n</style>"],"names":["IconPlus","auth.state","categories.state","categories.actions"],"mappings":"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"}

package/dist/martyrs/src/modules/products/components/pages/ProductEdit.vue.js

@@ -5,7 +5,7 @@ import _sfc_main$2 from "../../../../components/Tab/Tab.vue2.js";
 import Field from "../../../../components/Field/Field.vue.js";
 import Select from "../../../../components/Select/Select.vue.js";
 import Button from "../../../../components/Button/Button.vue2.js";
-import _sfc_main$3 from "../../../../components/EditImages/EditImages.vue2.js";
+import _sfc_main$3 from "../../../../components/EditImages/EditImages.vue.js";
 import BlockMultiselect from "../../../core/views/components/blocks/BlockMultiselect.vue.js";
 import _sfc_main$4 from "../../../icons/navigation/IconCross.vue.js";
 import _sfc_main$9 from "../../../icons/navigation/IconDelete.vue.js";
@@ -36,7 +36,7 @@ const _hoisted_9 = { class: "w-100" };
 const _hoisted_10 = { class: "fw-medium" };
 const _hoisted_11 = {
   key: 0,
-  class: "t-small t-transp"
+  class: "t-small opacity-50"
 };
 const _hoisted_12 = { class: "mn-b-thin flex-nowrap flex gap-thin" };
 const _hoisted_13 = { class: "flex gap-thin mn-b-thin" };
@@ -137,7 +137,7 @@ const _sfc_main = {
               callback: redirectTo,
               class: "w-10 w-max-20r w-min-8r bg-red"
             }, {
-              default: withCtx(() => _cache[15] || (_cache[15] = [
+              default: withCtx(() => _cache[16] || (_cache[16] = [
                 createTextVNode(" Delete ")
               ])),
               _: 1
@@ -147,7 +147,7 @@ const _sfc_main = {
               callback: redirectTo,
               class: "w-10 w-max-20r w-min-8r bg-main"
             }, {
-              default: withCtx(() => _cache[16] || (_cache[16] = [
+              default: withCtx(() => _cache[17] || (_cache[17] = [
                 createTextVNode(" Save ")
               ])),
               _: 1
@@ -282,17 +282,34 @@ const _sfc_main = {
                   ],
                   placeholder: "Type of listing",
                   class: "pos-relative w-100 bg-white radius-small pd-medium"
-                }, null, 8, ["select"])
+                }, null, 8, ["select"]),
+                state.current.listing === "rent" ? (openBlock(), createBlock(Select, {
+                  key: 0,
+                  select: state.current.rentPeriod,
+                  "onUpdate:select": _cache[5] || (_cache[5] = ($event) => state.current.rentPeriod = $event),
+                  label: "Rent Period",
+                  property: "value",
+                  options: [
+                    { name: "Per Hour", value: "hour" },
+                    { name: "Per 4 Hours", value: "4hours" },
+                    { name: "Flat Rate", value: "flat" },
+                    { name: "Per Day", value: "day" },
+                    { name: "Per Week", value: "week" },
+                    { name: "Per Month", value: "month" }
+                  ],
+                  placeholder: "Rent period",
+                  class: "pos-relative w-100 bg-white radius-small pd-medium"
+                }, null, 8, ["select"])) : createCommentVNode("", true)
               ]),
               createVNode(Field, {
                 field: state.current.name,
-                "onUpdate:field": _cache[5] || (_cache[5] = ($event) => state.current.name = $event),
+                "onUpdate:field": _cache[6] || (_cache[6] = ($event) => state.current.name = $event),
                 placeholder: "Enter product name",
                 class: "w-100 mn-b-thin bg-white radius-small pd-medium"
               }, null, 8, ["field"]),
               createVNode(Field, {
                 field: state.current.description,
-                "onUpdate:field": _cache[6] || (_cache[6] = ($event) => state.current.description = $event),
+                "onUpdate:field": _cache[7] || (_cache[7] = ($event) => state.current.description = $event),
                 placeholder: "Enter product description",
                 class: "w-100 bg-white radius-small mn-b-thin pd-medium",
                 style: { "resize": "vertical" },
@@ -300,7 +317,7 @@ const _sfc_main = {
               }, null, 8, ["field"]),
               createVNode(Field, {
                 field: state.current.included,
-                "onUpdate:field": _cache[7] || (_cache[7] = ($event) => state.current.included = $event),
+                "onUpdate:field": _cache[8] || (_cache[8] = ($event) => state.current.included = $event),
                 placeholder: "Enter what's inside",
                 class: "w-100 bg-white radius-small pd-medium",
                 style: { "resize": "vertical" },
@@ -317,7 +334,7 @@ const _sfc_main = {
               createElementVNode("div", _hoisted_13, [
                 createVNode(Field, {
                   field: state.current.defaultVariant.price,
-                  "onUpdate:field": _cache[8] || (_cache[8] = ($event) => state.current.defaultVariant.price = $event),
+                  "onUpdate:field": _cache[9] || (_cache[9] = ($event) => state.current.defaultVariant.price = $event),
                   label: "Price",
                   type: "number",
                   placeholder: "Enter price",
@@ -325,7 +342,7 @@ const _sfc_main = {
                 }, null, 8, ["field"]),
                 createVNode(Field, {
                   field: state.current.defaultVariant.quantity,
-                  "onUpdate:field": _cache[9] || (_cache[9] = ($event) => state.current.defaultVariant.quantity = $event),
+                  "onUpdate:field": _cache[10] || (_cache[10] = ($event) => state.current.defaultVariant.quantity = $event),
                   label: "Quantity",
                   type: "number",
                   placeholder: "Enter quantity",
@@ -333,7 +350,7 @@ const _sfc_main = {
                 }, null, 8, ["field"]),
                 createVNode(Select, {
                   select: state.current.defaultVariant.unit,
-                  "onUpdate:select": _cache[10] || (_cache[10] = ($event) => state.current.defaultVariant.unit = $event),
+                  "onUpdate:select": _cache[11] || (_cache[11] = ($event) => state.current.defaultVariant.unit = $event),
                   label: "Unit",
                   options: ["pcs", "g", "kg", "ml", "l", "oz"],
                   placeholder: "Select unit",
@@ -345,23 +362,23 @@ const _sfc_main = {
           })) : createCommentVNode("", true),
           createVNode(_sfc_main$5, {
             attributes: state.current.attributes,
-            "onUpdate:attributes": _cache[11] || (_cache[11] = ($event) => state.current.attributes = $event)
+            "onUpdate:attributes": _cache[12] || (_cache[12] = ($event) => state.current.attributes = $event)
           }, null, 8, ["attributes"])
         ])) : createCommentVNode("", true),
         unref(activeTab) === "variants" ? (openBlock(), createBlock(_sfc_main$6, {
           key: 3,
           variants: state.current.variants,
-          "onUpdate:variants": _cache[12] || (_cache[12] = ($event) => state.current.variants = $event)
+          "onUpdate:variants": _cache[13] || (_cache[13] = ($event) => state.current.variants = $event)
         }, null, 8, ["variants"])) : createCommentVNode("", true),
         unref(activeTab) === "discounts" ? (openBlock(), createBlock(_sfc_main$7, {
           key: 4,
           discounts: state.current.discounts,
-          "onUpdate:discounts": _cache[13] || (_cache[13] = ($event) => state.current.discounts = $event)
+          "onUpdate:discounts": _cache[14] || (_cache[14] = ($event) => state.current.discounts = $event)
         }, null, 8, ["discounts"])) : createCommentVNode("", true),
         unref(activeTab) === "recommended" ? (openBlock(), createBlock(_sfc_main$8, {
           key: 5,
           recommended: state.current.recommended,
-          "onUpdate:recommended": _cache[14] || (_cache[14] = ($event) => state.current.recommended = $event),
+          "onUpdate:recommended": _cache[15] || (_cache[15] = ($event) => state.current.recommended = $event),
           class: "cols-1 gap-thin"
         }, null, 8, ["recommended"])) : createCommentVNode("", true),
         unref(activeTab) === "localization" ? (openBlock(), createBlock(_sfc_main$1, {
@@ -414,7 +431,7 @@ const _sfc_main = {
             submit: onDelete,
             class: "bg-red t-white w-100"
           }, {
-            default: withCtx(() => _cache[17] || (_cache[17] = [
+            default: withCtx(() => _cache[18] || (_cache[18] = [
               createTextVNode(" Delete ")
             ])),
             _: 1
@@ -423,7 +440,7 @@ const _sfc_main = {
             submit: onSubmit,
             class: "w-100 bg-main"
           }, {
-            default: withCtx(() => _cache[18] || (_cache[18] = [
+            default: withCtx(() => _cache[19] || (_cache[19] = [
               createTextVNode(" Save ")
             ])),
             _: 1

package/dist/martyrs/src/modules/products/components/pages/ProductEdit.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProductEdit.vue.js","sources":["../../../../../../../src/modules/products/components/pages/ProductEdit.vue"],"sourcesContent":["<template>\n  <div v-if=\"isPageLoaded\" class=\"w-100 bg-white pd-thin gap-thin\">\n    \n    <Block v-if=\"!MOBILE_APP\" class=\"flex-nowrap mn-b-thin gap-thin flex-v-center flex\">\n      <h2 class=\"truncate mn-r-auto\">\n        {{ route.params.product ? products.state.current.name : 'Create Product' }}\n      </h2>\n\n      <Button \n        v-if=\"route.params.product\"\n        :submit=\"onDelete\" \n        :callback=\"redirectTo\"\n        class=\"w-10 w-max-20r w-min-8r bg-red\"\n      >\n        Delete \n      </Button>\n\n      <Button \n        :submit=\"onSubmit\" \n        :callback=\"redirectTo\"\n        class=\"w-10 w-max-20r w-min-8r bg-main\"\n      >\n        Save\n      </Button>\n    </Block>\n\n    <!-- Tab Navigation -->\n    <Tab\n      v-model:selected=\"activeTab\"\n      v-if=\"route.params.product\"\n      :tabs=\"[\n        { label: 'Details', value: 'details' },\n        { label: 'Variants', value: 'variants' },\n        { label: 'Discounts', value: 'discounts' },\n        { label: 'Recommended', value: 'recommended' },\n        { label: 'Localization', value: 'localization' }\n      ]\"\n      class=\"flex-child-default gap-micro scroll-hide bg-light radius-medium h-max pd-thin mn-b-thin o-x-scroll\"\n      classTab=\"bg-white\"\n    />\n\n    <!-- Tab Content -->\n    <div v-if=\"activeTab === 'details'\" class=\"cols-1 gap-thin\">\n      <!-- Product Images -->\n      <Block\n        placeholder=\"The product doesn't have any images yet.\"\n        class=\"h-min\"\n      >\n        <EditImages \n          :images=\"products.state.current.images\"\n          :uploadPath=\"'photos'\" \n          @update:images=\"(imagesNew) => { products.state.current.images = imagesNew }\" \n        />\n      </Block>\n\n      <Block title=\"Categories\">\n        <BlockMultiselect\n          v-model=\"products.state.current.category\"\n          placeholder=\"Search categories...\"\n          :multiple=\"true\"\n          :transform=\"(item) => ({ _id: item._id, name: item.name })\"\n          :store=\"{\n            read: (options) => categories.actions.read(options),\n            state: categories.state\n          }\"\n          :options=\"{\n            rootOnly: false,\n            excludeChildren: false,\n            limit: 50\n          }\"\n          :skeleton=\"{\n            hide: false,\n            horizontal: true,\n            class: 'radius-small',\n            structure: [{ \n              block: 'text', size: 'large'\n            }]\n          }\"\n          :states=\"{\n            empty: {\n              title: 'No categories found',\n              description: 'Try different search terms or create a new category',\n              class: 'radius-small'\n            }\n          }\"\n          key=\"_id\"\n          :label=\"item => item.name\"\n          classSearch=\"bg-white radius-small\"\n          classSelected=\"bg-white pd-small radius-small\"\n          classDropdown=\"bg-white pd-small radius-medium bs-small\"\n          classItem=\"pd-small radius-small hover:bg-light cursor-pointer\"\n          classFeed=\"h-max-30r gap-thin flex-column flex o-scroll\"\n        >\n          <!-- Слот для выбранных категорий -->\n          <template #selected=\"{ item, clear }\">\n            <div class=\"flex-nowrap flex-v-center flex gap-thin\">\n              <span class=\"fw-medium\">{{ item?.name || item }}</span>\n              <button \n                @click.stop=\"clear\"\n                class=\"i-small pd-micro bg-red radius-extra flex-center flex aspect-1x1 hover:scale-[1.05]\"\n              >\n                <IconCross class=\"i-micro fill-white\" />\n              </button>\n            </div>\n          </template>\n          \n          <!-- Слот для элементов в списке -->\n          <template #item=\"{ item }\">\n            <div class=\"flex-nowrap flex-v-center flex\">\n              <img \n                v-if=\"item.photo\" \n                :src=\"(FILE_SERVER_URL || '') + item.photo\"\n                class=\"i-medium radius-small object-fit-cover mn-r-thin\"\n              />\n              <div class=\"w-100\">\n                <p class=\"fw-medium\">{{ item.name }}</p>\n                <p v-if=\"item.description\" class=\"t-small t-transp\">{{ item.description }}</p>\n              </div>\n            </div>\n          </template>\n        </BlockMultiselect>\n      </Block>\n\n      <!-- Product Profile -->\n      <Block title=\"Profile\">\n        <div class=\"mn-b-thin flex-nowrap flex gap-thin\">\n          <Select \n            v-model:select=\"products.state.current.status\"\n            label=\"Status\"\n            :options=\"[\n              'draft', \n              'published',\n              'featured',\n              'archived',\n              'removed'\n            ]\"\n            placeholder=\"Display product\"\n            class=\"pos-relative w-100 bg-white radius-small pd-medium\"\n          />\n          <Select \n            v-model:select=\"products.state.current.listing\"\n            label=\"Type\"\n            :options=\"[\n              'sale', \n              'rent',\n            ]\"\n            placeholder=\"Type of listing\"\n            class=\"pos-relative w-100 bg-white radius-small pd-medium\"\n          />\n        </div>\n\n        <Field \n          v-model:field=\"products.state.current.name\" \n          placeholder=\"Enter product name\"\n          class=\"w-100 mn-b-thin bg-white radius-small pd-medium\"\n        />\n        <Field\n          v-model:field=\"products.state.current.description\" \n          placeholder=\"Enter product description\" \n          class=\"w-100 bg-white radius-small mn-b-thin pd-medium\"\n          style=\"resize: vertical\"\n          type=\"textarea\"\n        />\n        <Field\n          v-model:field=\"products.state.current.included\" \n          placeholder=\"Enter what's inside\" \n          class=\"w-100 bg-white radius-small pd-medium\"\n          style=\"resize: vertical\"\n          type=\"textarea\"\n        />\n      </Block>\n\n      <!-- Price Block (only for new products) -->\n      <Block v-if=\"!route.params.product\" title=\"Price\">\n        <div class=\"flex gap-thin mn-b-thin\">\n          <Field\n            v-model:field=\"products.state.current.defaultVariant.price\"\n            label=\"Price\"\n            type=\"number\"\n            placeholder=\"Enter price\"\n            class=\"w-100 bg-white radius-small pd-medium\"\n          />\n          <Field\n            v-model:field=\"products.state.current.defaultVariant.quantity\"\n            label=\"Quantity\"\n            type=\"number\"\n            placeholder=\"Enter quantity\"\n            class=\"w-100 bg-white radius-small pd-medium\"\n          />\n          <Select\n            v-model:select=\"products.state.current.defaultVariant.unit\"\n            label=\"Unit\"\n            :options=\"['pcs', 'g', 'kg', 'ml', 'l', 'oz']\"\n            placeholder=\"Select unit\"\n            class=\"w-100 bg-white radius-small pd-medium\"\n          />\n        </div>\n      </Block>\n\n      <!-- Attributes -->\n      <EditAttributes \n        v-model:attributes=\"products.state.current.attributes\" \n      />\n    </div>\n\n    <!-- Variants Tab -->\n    <EditVariants\n\t\t\tv-if=\"activeTab === 'variants'\"\n      v-model:variants=\"products.state.current.variants\" \n    />\n\n    <!-- Discounts Tab -->\n    <EditDiscounts\n\t\t\tv-if=\"activeTab === 'discounts'\"\n      v-model:discounts=\"products.state.current.discounts\"\n    />\n    <EditRecommended \n      v-if=\"activeTab === 'recommended'\" \n      v-model:recommended=\"products.state.current.recommended\"\n      class=\"cols-1 gap-thin\"\n    />\n\n    <!-- Localization Tab -->\n    <Block\n\t\t  v-if=\"activeTab === 'localization'\"\n      title=\"Localization\"\n      placeholder=\"No localizations added yet\"\n      :actions=\"[{\n        label: '+',\n        function: () => products.state.current.translations.push({locale: '', name: '', description: ''})\n      }]\"\n    >\n      <div \n        class=\"gap-thin mn-b-thin flex-nowrap flex\" \n        v-for=\"(item, index) in products.state.current.translations\" \n        :key=\"index\"\n      > \n        <Field\n          v-model:field=\"item.locale\"\n          placeholder=\"Locale (en, ru, etc.)\"\n          class=\"w-30 bg-white radius-small pd-medium\"\n        />  \n        <Field\n          v-model:field=\"item.name\"\n          placeholder=\"Product name\"\n          class=\"w-100 bg-white radius-small pd-medium\"\n        />\n        <Field\n          v-model:field=\"item.description\"\n          placeholder=\"Product description\"\n          class=\"w-100 bg-white radius-small pd-medium\"\n        />\n        <div class=\"radius-small pd-small flex-center flex aspect-1x1 bg-red cursor-pointer hover:scale-[1.05]\">\n          <IconDelete \n            @click=\"() => products.state.current.translations.splice(index, 1)\" \n            class=\"i-medium\"\n          />\n        </div>\n      </div>\n    </Block>\n\n    <!-- Bottom Action Buttons -->\n    <div class=\"flex-nowrap flex gap-thin\">\n      <Button \n        v-if=\"route.params.product\"\n        :submit=\"onDelete\" \n        class=\"bg-red t-white w-100\"\n      >\n        Delete \n      </Button>\n\n      <Button \n        :submit=\"onSubmit\" \n        class=\"w-100 bg-main\"\n      >\n        Save\n      </Button>\n    </div>\n  </div>\n</template>\n\n<script setup>\n// Import libs\nimport { reactive, computed, onMounted, ref } from 'vue'\nimport { useRoute, useRouter } from 'vue-router'\n\n// Import components\nimport Block from '@martyrs/src/components/Block/Block.vue';\nimport Tab from \"@martyrs/src/components/Tab/Tab.vue\";\nimport Field from \"@martyrs/src/components/Field/Field.vue\";\nimport Select from '@martyrs/src/components/Select/Select.vue';\nimport Checkbox from \"@martyrs/src/components/Checkbox/Checkbox.vue\";\nimport Button from \"@martyrs/src/components/Button/Button.vue\";\nimport Tree from \"@martyrs/src/components/Tree/Tree.vue\";\nimport EditImages from '@martyrs/src/components/EditImages/EditImages.vue';\n\nimport BlockMultiselect from '@martyrs/src/modules/core/views/components/blocks/BlockMultiselect.vue';\nimport IconCross from '@martyrs/src/modules/icons/navigation/IconCross.vue';\nimport IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue';\n\nimport EditVariants from '@martyrs/src/modules/products/components/sections/EditVariants.vue';\nimport EditAttributes from '@martyrs/src/modules/products/components/sections/EditAttributes.vue';\nimport EditDiscounts from '@martyrs/src/modules/products/components/sections/EditDiscounts.vue';\nimport EditCategories from '@martyrs/src/modules/products/components/sections/EditCategories.vue';\nimport EditRecommended from '@martyrs/src/modules/products/components/sections/EditRecommended.vue';\n\n// Accessing router and store\nimport { useStore } from '@martyrs/src/modules/core/views/store/core.store.js';\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\nimport * as products from '@martyrs/src/modules/products/store/products.js';\nimport * as categories from '@martyrs/src/modules/products/store/categories.js';\n\nimport { setError } from '@martyrs/src/modules/core/views/store/core.store.js'\n\nconst route = useRoute()\nconst router = useRouter()\nconst store = useStore()\nconst emits = defineEmits(['page-loading', 'page-loaded']);\n\nlet isPageLoaded = ref(false)\nlet activeTab = ref('details')\n\nonMounted(async() => { \n  emits('page-loading');\n\n  products.mutations.resetProduct();\n\n  if (route.params.product) {\n    await products.actions.read({ _id: route.params.product, lookup: ['variants','categories','recommended'] });\n  } else {\n  // Убедимся, что массивы инициализированы\n  if (!products.state.current.translations) {\n    products.state.current.translations = []\n  }\n  // Убедимся, что массивы инициализированы\n  if (!products.state.current.recommended) {\n    products.state.current.recommended = []\n  }\n  if (!products.state.current.discounts) {\n    products.state.current.discounts = []\n  }\n  // Инициализируем defaultVariant для нового продукта\n  if (!products.state.current.defaultVariant) {\n    products.state.current.defaultVariant = {\n      price: null,\n      quantity: 1,\n      unit: 'pcs'\n    }\n  }\n\n  try {\n    // Data prefetching\n    categories.state.all = await categories.actions.read({\n      user: auth.state.user._id,\n      rootOnly: true,\n      excludeChildren: false,\n      limit: 100\n    })\n  } catch (error) {\n    console.error('error loading categories:', error);\n  }\n\n  }\n\n  emits('page-loaded');\n  isPageLoaded.value = true\n})\n\nasync function onSubmit() {\n  try {\n    if (route.params.product) {\n      await products.actions.update(route.params.product, products.state.current)\n    } else {\n      products.state.current.owner = {\n        target: route.params._id || auth.state.user._id,\n        type: route.params._id ? 'organization' : 'user'\n      }\n      products.state.current.creator = {\n        target: auth.state.user._id,\n        type: 'user',\n        hidden: false\n      }\n      \n      // Передаем defaultVariant на бекенд при создании\n      const productData = {\n        ...products.state.current,\n        defaultVariant: products.state.current.defaultVariant\n      }\n      \n      await products.actions.create(productData)\n    }\n    \n    redirectTo()\n  } catch (error) {\n    setError({ response: { data: { errorCode: \"PRODUCT_NOT_CREATED\" }} })\n    console.error('Product creation error:', error)\n  }\n}\n\nfunction onDelete() {\n  products.actions.deleteProduct(products.state.current._id)\n}\n\nfunction redirectTo() {\n  router.push({\n    name: route.params._id ? 'Organization' : 'Products', \n    params: route.params._id ? { _id: route.params._id } : {}\n  })\n}\n</script>"],"names":["products.mutations","products.actions","products.state","categories.state","categories.actions","auth.state"],"mappings":"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"}
+{"version":3,"file":"ProductEdit.vue.js","sources":["../../../../../../../src/modules/products/components/pages/ProductEdit.vue"],"sourcesContent":["<template>\n  <div v-if=\"isPageLoaded\" class=\"w-100 bg-white pd-thin gap-thin\">\n    \n    <Block v-if=\"!MOBILE_APP\" class=\"flex-nowrap mn-b-thin gap-thin flex-v-center flex\">\n      <h2 class=\"truncate mn-r-auto\">\n        {{ route.params.product ? products.state.current.name : 'Create Product' }}\n      </h2>\n\n      <Button \n        v-if=\"route.params.product\"\n        :submit=\"onDelete\" \n        :callback=\"redirectTo\"\n        class=\"w-10 w-max-20r w-min-8r bg-red\"\n      >\n        Delete \n      </Button>\n\n      <Button \n        :submit=\"onSubmit\" \n        :callback=\"redirectTo\"\n        class=\"w-10 w-max-20r w-min-8r bg-main\"\n      >\n        Save\n      </Button>\n    </Block>\n\n    <!-- Tab Navigation -->\n    <Tab\n      v-model:selected=\"activeTab\"\n      v-if=\"route.params.product\"\n      :tabs=\"[\n        { label: 'Details', value: 'details' },\n        { label: 'Variants', value: 'variants' },\n        { label: 'Discounts', value: 'discounts' },\n        { label: 'Recommended', value: 'recommended' },\n        { label: 'Localization', value: 'localization' }\n      ]\"\n      class=\"flex-child-default gap-micro scroll-hide bg-light radius-medium h-max pd-thin mn-b-thin o-x-scroll\"\n      classTab=\"bg-white\"\n    />\n\n    <!-- Tab Content -->\n    <div v-if=\"activeTab === 'details'\" class=\"cols-1 gap-thin\">\n      <!-- Product Images -->\n      <Block\n        placeholder=\"The product doesn't have any images yet.\"\n        class=\"h-min\"\n      >\n        <EditImages \n          :images=\"products.state.current.images\"\n          :uploadPath=\"'photos'\" \n          @update:images=\"(imagesNew) => { products.state.current.images = imagesNew }\" \n        />\n      </Block>\n\n      <Block title=\"Categories\">\n        <BlockMultiselect\n          v-model=\"products.state.current.category\"\n          placeholder=\"Search categories...\"\n          :multiple=\"true\"\n          :transform=\"(item) => ({ _id: item._id, name: item.name })\"\n          :store=\"{\n            read: (options) => categories.actions.read(options),\n            state: categories.state\n          }\"\n          :options=\"{\n            rootOnly: false,\n            excludeChildren: false,\n            limit: 50\n          }\"\n          :skeleton=\"{\n            hide: false,\n            horizontal: true,\n            class: 'radius-small',\n            structure: [{ \n              block: 'text', size: 'large'\n            }]\n          }\"\n          :states=\"{\n            empty: {\n              title: 'No categories found',\n              description: 'Try different search terms or create a new category',\n              class: 'radius-small'\n            }\n          }\"\n          key=\"_id\"\n          :label=\"item => item.name\"\n          classSearch=\"bg-white radius-small\"\n          classSelected=\"bg-white pd-small radius-small\"\n          classDropdown=\"bg-white pd-small radius-medium bs-small\"\n          classItem=\"pd-small radius-small hover:bg-light cursor-pointer\"\n          classFeed=\"h-max-30r gap-thin flex-column flex o-scroll\"\n        >\n          <!-- Слот для выбранных категорий -->\n          <template #selected=\"{ item, clear }\">\n            <div class=\"flex-nowrap flex-v-center flex gap-thin\">\n              <span class=\"fw-medium\">{{ item?.name || item }}</span>\n              <button \n                @click.stop=\"clear\"\n                class=\"i-small pd-micro bg-red radius-extra flex-center flex aspect-1x1 hover:scale-[1.05]\"\n              >\n                <IconCross class=\"i-micro fill-white\" />\n              </button>\n            </div>\n          </template>\n          \n          <!-- Слот для элементов в списке -->\n          <template #item=\"{ item }\">\n            <div class=\"flex-nowrap flex-v-center flex\">\n              <img \n                v-if=\"item.photo\" \n                :src=\"(FILE_SERVER_URL || '') + item.photo\"\n                class=\"i-medium radius-small object-fit-cover mn-r-thin\"\n              />\n              <div class=\"w-100\">\n                <p class=\"fw-medium\">{{ item.name }}</p>\n                <p v-if=\"item.description\" class=\"t-small opacity-50\">{{ item.description }}</p>\n              </div>\n            </div>\n          </template>\n        </BlockMultiselect>\n      </Block>\n\n      <!-- Product Profile -->\n      <Block title=\"Profile\">\n        <div class=\"mn-b-thin flex-nowrap flex gap-thin\">\n          <Select \n            v-model:select=\"products.state.current.status\"\n            label=\"Status\"\n            :options=\"[\n              'draft', \n              'published',\n              'featured',\n              'archived',\n              'removed'\n            ]\"\n            placeholder=\"Display product\"\n            class=\"pos-relative w-100 bg-white radius-small pd-medium\"\n          />\n          <Select\n            v-model:select=\"products.state.current.listing\"\n            label=\"Type\"\n            :options=\"[\n              'sale',\n              'rent',\n            ]\"\n            placeholder=\"Type of listing\"\n            class=\"pos-relative w-100 bg-white radius-small pd-medium\"\n          />\n          <Select\n            v-if=\"products.state.current.listing === 'rent'\"\n            v-model:select=\"products.state.current.rentPeriod\"\n            label=\"Rent Period\"\n            :property=\"'value'\"\n            :options=\"[\n              { name: 'Per Hour', value: 'hour' },\n              { name: 'Per 4 Hours', value: '4hours' },\n              { name: 'Flat Rate', value: 'flat' },\n              { name: 'Per Day', value: 'day' },\n              { name: 'Per Week', value: 'week' },\n              { name: 'Per Month', value: 'month' },\n            ]\"\n            placeholder=\"Rent period\"\n            class=\"pos-relative w-100 bg-white radius-small pd-medium\"\n          />\n        </div>\n\n        <Field \n          v-model:field=\"products.state.current.name\" \n          placeholder=\"Enter product name\"\n          class=\"w-100 mn-b-thin bg-white radius-small pd-medium\"\n        />\n        <Field\n          v-model:field=\"products.state.current.description\" \n          placeholder=\"Enter product description\" \n          class=\"w-100 bg-white radius-small mn-b-thin pd-medium\"\n          style=\"resize: vertical\"\n          type=\"textarea\"\n        />\n        <Field\n          v-model:field=\"products.state.current.included\" \n          placeholder=\"Enter what's inside\" \n          class=\"w-100 bg-white radius-small pd-medium\"\n          style=\"resize: vertical\"\n          type=\"textarea\"\n        />\n      </Block>\n\n      <!-- Price Block (only for new products) -->\n      <Block v-if=\"!route.params.product\" title=\"Price\">\n        <div class=\"flex gap-thin mn-b-thin\">\n          <Field\n            v-model:field=\"products.state.current.defaultVariant.price\"\n            label=\"Price\"\n            type=\"number\"\n            placeholder=\"Enter price\"\n            class=\"w-100 bg-white radius-small pd-medium\"\n          />\n          <Field\n            v-model:field=\"products.state.current.defaultVariant.quantity\"\n            label=\"Quantity\"\n            type=\"number\"\n            placeholder=\"Enter quantity\"\n            class=\"w-100 bg-white radius-small pd-medium\"\n          />\n          <Select\n            v-model:select=\"products.state.current.defaultVariant.unit\"\n            label=\"Unit\"\n            :options=\"['pcs', 'g', 'kg', 'ml', 'l', 'oz']\"\n            placeholder=\"Select unit\"\n            class=\"w-100 bg-white radius-small pd-medium\"\n          />\n        </div>\n      </Block>\n\n      <!-- Attributes -->\n      <EditAttributes \n        v-model:attributes=\"products.state.current.attributes\" \n      />\n    </div>\n\n    <!-- Variants Tab -->\n    <EditVariants\n\t\t\tv-if=\"activeTab === 'variants'\"\n      v-model:variants=\"products.state.current.variants\" \n    />\n\n    <!-- Discounts Tab -->\n    <EditDiscounts\n\t\t\tv-if=\"activeTab === 'discounts'\"\n      v-model:discounts=\"products.state.current.discounts\"\n    />\n    <EditRecommended \n      v-if=\"activeTab === 'recommended'\" \n      v-model:recommended=\"products.state.current.recommended\"\n      class=\"cols-1 gap-thin\"\n    />\n\n    <!-- Localization Tab -->\n    <Block\n\t\t  v-if=\"activeTab === 'localization'\"\n      title=\"Localization\"\n      placeholder=\"No localizations added yet\"\n      :actions=\"[{\n        label: '+',\n        function: () => products.state.current.translations.push({locale: '', name: '', description: ''})\n      }]\"\n    >\n      <div \n        class=\"gap-thin mn-b-thin flex-nowrap flex\" \n        v-for=\"(item, index) in products.state.current.translations\" \n        :key=\"index\"\n      > \n        <Field\n          v-model:field=\"item.locale\"\n          placeholder=\"Locale (en, ru, etc.)\"\n          class=\"w-30 bg-white radius-small pd-medium\"\n        />  \n        <Field\n          v-model:field=\"item.name\"\n          placeholder=\"Product name\"\n          class=\"w-100 bg-white radius-small pd-medium\"\n        />\n        <Field\n          v-model:field=\"item.description\"\n          placeholder=\"Product description\"\n          class=\"w-100 bg-white radius-small pd-medium\"\n        />\n        <div class=\"radius-small pd-small flex-center flex aspect-1x1 bg-red cursor-pointer hover:scale-[1.05]\">\n          <IconDelete \n            @click=\"() => products.state.current.translations.splice(index, 1)\" \n            class=\"i-medium\"\n          />\n        </div>\n      </div>\n    </Block>\n\n    <!-- Bottom Action Buttons -->\n    <div class=\"flex-nowrap flex gap-thin\">\n      <Button \n        v-if=\"route.params.product\"\n        :submit=\"onDelete\" \n        class=\"bg-red t-white w-100\"\n      >\n        Delete \n      </Button>\n\n      <Button \n        :submit=\"onSubmit\" \n        class=\"w-100 bg-main\"\n      >\n        Save\n      </Button>\n    </div>\n  </div>\n</template>\n\n<script setup>\n// Import libs\nimport { reactive, computed, onMounted, ref } from 'vue'\nimport { useRoute, useRouter } from 'vue-router'\n\n// Import components\nimport Block from '@martyrs/src/components/Block/Block.vue';\nimport Tab from \"@martyrs/src/components/Tab/Tab.vue\";\nimport Field from \"@martyrs/src/components/Field/Field.vue\";\nimport Select from '@martyrs/src/components/Select/Select.vue';\nimport Checkbox from \"@martyrs/src/components/Checkbox/Checkbox.vue\";\nimport Button from \"@martyrs/src/components/Button/Button.vue\";\nimport Tree from \"@martyrs/src/components/Tree/Tree.vue\";\nimport EditImages from '@martyrs/src/components/EditImages/EditImages.vue';\n\nimport BlockMultiselect from '@martyrs/src/modules/core/views/components/blocks/BlockMultiselect.vue';\nimport IconCross from '@martyrs/src/modules/icons/navigation/IconCross.vue';\nimport IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue';\n\nimport EditVariants from '@martyrs/src/modules/products/components/sections/EditVariants.vue';\nimport EditAttributes from '@martyrs/src/modules/products/components/sections/EditAttributes.vue';\nimport EditDiscounts from '@martyrs/src/modules/products/components/sections/EditDiscounts.vue';\nimport EditCategories from '@martyrs/src/modules/products/components/sections/EditCategories.vue';\nimport EditRecommended from '@martyrs/src/modules/products/components/sections/EditRecommended.vue';\n\n// Accessing router and store\nimport { useStore } from '@martyrs/src/modules/core/views/store/core.store.js';\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\nimport * as products from '@martyrs/src/modules/products/store/products.js';\nimport * as categories from '@martyrs/src/modules/products/store/categories.js';\n\nimport { setError } from '@martyrs/src/modules/core/views/store/core.store.js'\n\nconst route = useRoute()\nconst router = useRouter()\nconst store = useStore()\nconst emits = defineEmits(['page-loading', 'page-loaded']);\n\nlet isPageLoaded = ref(false)\nlet activeTab = ref('details')\n\nonMounted(async() => { \n  emits('page-loading');\n\n  products.mutations.resetProduct();\n\n  if (route.params.product) {\n    await products.actions.read({ _id: route.params.product, lookup: ['variants','categories','recommended'] });\n  } else {\n  // Убедимся, что массивы инициализированы\n  if (!products.state.current.translations) {\n    products.state.current.translations = []\n  }\n  // Убедимся, что массивы инициализированы\n  if (!products.state.current.recommended) {\n    products.state.current.recommended = []\n  }\n  if (!products.state.current.discounts) {\n    products.state.current.discounts = []\n  }\n  // Инициализируем defaultVariant для нового продукта\n  if (!products.state.current.defaultVariant) {\n    products.state.current.defaultVariant = {\n      price: null,\n      quantity: 1,\n      unit: 'pcs'\n    }\n  }\n\n  try {\n    // Data prefetching\n    categories.state.all = await categories.actions.read({\n      user: auth.state.user._id,\n      rootOnly: true,\n      excludeChildren: false,\n      limit: 100\n    })\n  } catch (error) {\n    console.error('error loading categories:', error);\n  }\n\n  }\n\n  emits('page-loaded');\n  isPageLoaded.value = true\n})\n\nasync function onSubmit() {\n  try {\n    if (route.params.product) {\n      await products.actions.update(route.params.product, products.state.current)\n    } else {\n      products.state.current.owner = {\n        target: route.params._id || auth.state.user._id,\n        type: route.params._id ? 'organization' : 'user'\n      }\n      products.state.current.creator = {\n        target: auth.state.user._id,\n        type: 'user',\n        hidden: false\n      }\n      \n      // Передаем defaultVariant на бекенд при создании\n      const productData = {\n        ...products.state.current,\n        defaultVariant: products.state.current.defaultVariant\n      }\n      \n      await products.actions.create(productData)\n    }\n    \n    redirectTo()\n  } catch (error) {\n    setError({ response: { data: { errorCode: \"PRODUCT_NOT_CREATED\" }} })\n    console.error('Product creation error:', error)\n  }\n}\n\nfunction onDelete() {\n  products.actions.deleteProduct(products.state.current._id)\n}\n\nfunction redirectTo() {\n  router.push({\n    name: route.params._id ? 'Organization' : 'Products', \n    params: route.params._id ? { _id: route.params._id } : {}\n  })\n}\n</script>"],"names":["products.mutations","products.actions","products.state","categories.state","categories.actions","auth.state"],"mappings":"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"}