@ozdao/martyrs 0.2.477 → 0.2.478

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

@@ -1 +1 @@
-{"version":3,"file":"ProductEdit.vue.cjs","sources":["../../../../../../../src/modules/products/components/pages/ProductEdit.vue"],"sourcesContent":["<template>\n\t<div class=\"for-transition w-100 cols-1 bg-white pd-thin gap-thin\">\n    \n    <Block v-if=\"!MOBILE_APP\" class=\"flex-nowrap gap-thin flex-v-center flex\">\n      \n      <h2 class=\"t-truncate mn-r-auto\">\n\t\t\t  {{ route.params.product ? products.state.current.name : 'Create Product' }}\n\t\t\t</h2>\n\n\t\t\t<Button \n\t\t\t\tv-if=\"route.params.product\"\n      \t:submit=\"onDelete\" \n      \t:callback=\"redirectTo\"\n      \tclass=\"w-10 w-max-20r w-min-8r bg-red\"\n      >\n    \t\tDelete \n    \t</Button>\n\n      <Button \n      \t:submit=\"onSubmit\" \n      \t:callback=\"redirectTo\"\n      \tclass=\"w-10 w-max-20r w-min-8r bg-main\"\n      >\n    \t\tSave\n    \t</Button>\n    </Block>\n\n    <Block\n\t\t\tplaceholder=\"The product doesn't have any images yet.\"\n\t\t\tclass=\"h-min\"\n\t\t>\n\t\t\t<EditImages \n\t\t\t\t:images=\"products.state.current.images\"\n\t\t\t\t:uploadPath=\"'photos'\" \n\t\t\t\t@update:images=\"(imagesNew) => { products.state.current.images = imagesNew }\" \n\t\t\t/>\n\t\t</Block>\n\n    <div class=\"cols-2 gap-thin\">\n\n    \t<Block\n  \t\t\ttitle=\"Profile\"\n  \t\t>\n\t\t\t\t<EditProductInfo \t\t\n\t\t\t\t\t:product=\"products.state.current\"\n\t\t\t\t/>\n\t\t\t</Block>\n\n\t\t\t<Block\n\t\t\t\ttitle=\"Categories\"\n\t\t\t\t:actions=\"[{\n\t\t      label: '+',\n\t\t      function: () => router.push({\n\t\t\t\t\t\tname: 'Categories', \n\t\t\t\t\t\tparams: { \n\t\t\t\t\t\t\t_id: route.params._id || products.state.current.owner.target._id\n\t\t\t\t\t\t} \n\t\t\t\t\t})\n\t\t    }]\"\n\t\t    class=\"h-100 h-min-30r o-y-scroll\"\n\t\t\t>\n\t\t    <Tree \n\t        v-if=\"categories.state.all\" \n\t        :items=\"categories.state.all\" \n\t        :state=\"categories.state.all\" \n\t        @update=\"updateCategoriesOrder\" \n\t\t\t\t\tv-slot=\"{ item }\"\n\t\t\t\t\tclass=\"h-zero pos-relative d-block\"\n\t      >\n\t      \t<Checkbox \n\t\t\t      name=\"categories\"\n\t\t\t      class=\"w-100 mn-t-small bg-white radius-small pd-small\"\n\t\t\t      :label=\"item.name\"\n\t\t\t      :value=\"item._id\"\n\t\t\t      :radio=\"products.state.current.category\"\n\t\t\t      @update:radio=\"event => selectCategory(item, event)\"\n\t\t\t    />\n\t\t    </Tree>\n\t\t\t</Block>\n\n\t\t\t<Block\n\t\t\t\ttitle=\"Parameters\"\n\t\t\t\tplaceholder=\"No parameters added yet\"\n\t\t\t\t:actions=\"[{\n\t\t\t\t\tlabel: '+',\n\t\t\t\t\tfunction: () => products.state.current.information.push({name: '', value: ''})\n\t\t\t\t}]\"\n\t\t\t\tclass=\"cols-1 gap-thin\"\n\t\t\t>\n        <div \n        \tclass=\"gap-thin flex-nowrap flex\" \n        \tv-for=\"(item, index) in products.state.current.information\" \n        \t:key=\"index\"\n        > \n          <Field\n            v-model:field=\"item.name\"\n            placeholder=\"Name\"\n            class=\"w-100 bg-white radius-small pd-medium\"\n          />  \n          <Field\n            v-model:field=\"item.value\"\n            placeholder=\"Value\"\n            class=\"w-100 bg-white radius-small pd-medium\"\n          />\n          <div class=\"radius-small h-100 i-big flex-center flex aspect-1x1 bg-red\">\n\t          <IconDelete \n\t          \t@click=\"() => products.state.current.information.splice(index, 1)\" \n\t          \tclass=\"i-medium\"\n\t          />\n\t        </div>\n        </div>\n\t\t\t</Block>\n\n\n\t\t\t<Block\n\t\t    title=\"Ingredients\"\n\t\t\t\tplaceholder=\"No ingridients added yet\"\n\t\t\t\t:actions=\"[{\n\t        label: '+',\n\t        function: () => openIngredientPopup()\n\t      }]\"\n\t\t  >\n\t\t  \t<div v-if=\"products.state.current.ingredients.length > 0\" class=\"cols-1 gap-thin\">\n\t\t\t    <CardPosition \n\t\t\t      v-for=\"(product, index) in products.state.current.ingredients\" \n\t\t\t      :key=\"product._id\" \n\t\t\t      :product=\"product\"\n\t\t\t      :array=\"products.state.current.ingredients\"\n\t\t\t      :products=\"Products\"\n\t\t        :showPrice=\"false\"\n\t\t\t      @add=\"(item) => {\n\t\t\t\t\t    globals.actions.add(products.state.current.ingredients, item);\n\t\t\t\t\t    closeIngredientPopup();\n\t\t\t\t\t  }\"\n\t\t\t\t\t  @update=\"(item) => {\n\t\t\t\t\t    globals.actions.update(products.state.current.ingredients, item, index);\n\t\t\t\t\t    closeIngredientPopup();\n\t\t\t\t\t  }\"\n\t\t\t\t\t  @delete=\"(item) => {\n\t\t\t\t\t    globals.actions.delete(products.state.current.ingredients, item, index);\n\t\t\t\t\t    closeIngredientPopup();\n\t\t\t\t\t  }\"\n\t\t\t    />\n\t\t\t  </div>\n\t\t  </Block>\n\n\t\t  <Popup \n\t      title=\"Add ingredient\" \n\t      @close-popup=\"closeIngredientPopup\" \n\t      :isPopupOpen=\"isOpenIngredientPopup\"\n\t      class=\"bg-white w-min-30r w-max-30r radius-big pd-medium\"\n\t    >\n\t      <div class=\"bg-light mn-b-thin h-min-20r h-max-20r o-scroll pd-medium radius-big\">\n\t        <Feed\n\t          :search=\"{\n\t          \tclass: 'bg-white mn-b-thin'\n\t          }\"\n\t          :states=\"{\n\t            empty: {\n\t              title: 'No Products Found',\n\t              description: 'Currently, there are no such products available.'\n\t            }\n\t          }\"\n\t          :store=\"{\n\t            read: (options) => products.actions.read(options),\n\t            state: null\n\t          }\"\n\t          :options=\"{\n\t            owner: route.params._id,\n\t          }\"\n\t          v-slot=\"{ \n\t            items \n\t          }\"\n\t          class=\"\"\n\t        >\n\t          <CardOrderItem\n\t            v-for=\"(product, index) in items\" :key=\"product._id\"\n\t            :editable=\"false\" \n\t            :product=\"product\" \n\t            @click=\"() => { \n\t              let p = { ...product };\n\t              p.quantity = 1;\n\t              p.type = 'pcs'\n\t              globals.actions.add(products.state.current.ingredients,p)\n\t              closeIngredientPopup();\n\t            }\"\n\t            class=\"bg-white pd-thin radius-medium w-100 mn-b-thin\"\n\t          />\n\t        </Feed>\n\t      </div>\n\t    </Popup>\n\n\n\t\t</div> \n\n\t\t\t<Block\n\t\t\t\ttitle=\"Localization\"\n\t\t\t\tplaceholder=\"No localizations added yet\"\n\t\t\t\t:actions=\"[{\n\t\t\t\t\tlabel: '+',\n\t\t\t\t\tfunction: () => products.state.current.localization.push({name: '', value: ''})\n\t\t\t\t}]\"\n\t\t\t>\n        <div \n        \tclass=\"gap-thin mn-b-thin flex-nowrap flex\" \n        \tv-for=\"(item, index) in products.state.current.localization\" \n        \t:key=\"index\"\n        > \n          <Field\n            v-model:field=\"item.name\"\n            placeholder=\"Название параметра\"\n            class=\"w-100 bg-white radius-small pd-medium\"\n          />  \n          <Field\n            v-model:field=\"item.value\"\n            placeholder=\"Значение параметра\"\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\">\n\t          <IconDelete \n\t          \t@click=\"() => products.state.current.localization.splice(index, 1)\" \n\t          \tclass=\"i-medium\"\n\t          />\n          </div>\n        </div>\n\t\t\t</Block>\n\n\t\t\t<Button \n\t\t\t\tv-if=\"route.params.product\"\n      \t:submit=\"onDelete\" \n      \t:callback=\"redirectTo\"\n      \tclass=\"bg-red w-100 mn-t-thin\"\n      >\n    \t\tDelete \n    \t</Button>\n\n      <Button \n      \t:submit=\"onSubmit\" \n      \t:callback=\"redirectTo\"\n      \tclass=\"w-100 bg-main\"\n      >\n    \t\tSave\n    \t</Button>\n\n\t\n\t\t\n\t\t<!-- <Block\n\t    title=\"Quantity Discount\"\n\t    class=\"mn-b-semi\"\n\t    :actions=\"[{\n\t\t\t\tlabel: '+',\n\t\t\t\tfunction: () => products.state.current.quantityDiscount.push({name: '', value: ''})\n\t\t\t}]\"\n\t  >\n\t  \t<div \n      \tclass=\"gap-thin mn-b-thin flex-nowrap flex\" \n      \tv-for=\"(item, index) in products.state.current.quantityDiscount\" \n      \t:key=\"index\"\n      > \n        <Field\n          v-model:field=\"item.name\"\n          placeholder=\"Quantity\"\n          class=\"w-100 bg-white radius-small pd-medium\"\n        />  \n        <Field\n          v-model:field=\"item.value\"\n          placeholder=\"Discount\"\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\">\n          <IconDelete \n          \t@click=\"() => products.state.current.quantityDiscount.splice(index, 1)\" \n          \tclass=\"i-medium\"\n          />\n        </div>\n      </div>\n\t\t</Block> -->\n\n\t\t<!-- <EditModifications\n\t\t\t:product=\"products.state.current\"\n\t\t/> -->\n\n\n\n\t\t\n\n</div>\n\t\n</template>\n\n<script setup>\n\t// Import libs\n\timport { reactive, computed, onMounted, ref } from 'vue'\n\timport { useRoute, useRouter } from 'vue-router'\n\t// Import components\n\timport Breadcrumbs from '@martyrs/src/components/Breadcrumbs/Breadcrumbs.vue'\n\n\timport Block from '@martyrs/src/components/Block/Block.vue';\n\timport Tab from \"@martyrs/src/components/Tab/Tab.vue\";\n\timport Field from \"@martyrs/src/components/Field/Field.vue\";\n\timport Checkbox from \"@martyrs/src/components/Checkbox/Checkbox.vue\";\n\timport Button from \"@martyrs/src/components/Button/Button.vue\";\n\timport Popup from \"@martyrs/src/components/Popup/Popup.vue\";\n\timport Feed from \"@martyrs/src/components/Feed/Feed.vue\";\n\timport Tree from \"@martyrs/src/components/Tree/Tree.vue\";\n\n\timport EditImages from '@martyrs/src/components/EditImages/EditImages.vue';\n\n\timport IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue';\n\n \timport CardPosition from '@martyrs/src/modules/products/components/blocks/CardPosition.vue';\n  import CardOrderItem  from '@martyrs/src/modules/orders/components/blocks/CardOrderItem.vue'\n\n\n\timport EditProductInfo from '@martyrs/src/modules/products/components/sections/EditProductInfo.vue';\n  import EditModifications from '@martyrs/src/modules/products/components/sections/EditModifications.vue';\n  \n\t// Accessing router and store\n\timport * as globals from '@martyrs/src/modules/globals/views/store/globals';\n\timport * as auth from '@martyrs/src/modules/auth/views/store/auth';\n \timport * as products from '@martyrs/src/modules/products/store/products';\n  import * as categories from '@martyrs/src/modules/products/store/categories';\n\n\timport { setError } from '@martyrs/src/modules/globals/views/store/globals'\n\t\n\tconst route = useRoute()\n\tconst router = useRouter()\n\n  const Products = ref(products.state.all);\n  const isOpenIngredientPopup = ref(false);\n\n\n  function openIngredientPopup(member) {\n\t  isOpenIngredientPopup.value = true;\n\t  // if (typeof member === \"number\") selectedMember.value = member;\n\t}\n\n\tfunction closeIngredientPopup() {\n\t  isOpenIngredientPopup.value = false;\n\t  // selectedMember.value = null;\n\t}\n\n  onMounted(async() => { \n\t  products.mutations.resetProduct();\n\n  \tif (route.params.product) {\n\t\t  await products.actions.read({ _id: route.params.product });\n\t  } \n\n\t  if (!products.state.current.ingredients) {\n\t  \tproducts.state.current.ingredients = []\n\t  }\n\n  \t// Data prefetching\n\t \tcategories.state.all = await categories.actions.read({\n      user: auth.state.user._id,\n      rootOnly: true,\n      excludeChildren: false,\n      limit: 100\n    })\n\n    try {\n      const productsResponse = await products.actions.read({\n        organization: route.params._id,\n        limit: 100\n      });\n      Products.value = productsResponse;\n    } catch (error) {\n      console.error('error');\n    }\n  })\n\n\tfunction onImagesUpdate(newImages) {\n\t  products.state.current.images = newImages;\n\t}\n\t\n\tasync function onSubmit() {\n\t  try {\n\t    if (route.params.product) {\n\t      await products.actions.update(route.params.product, products.state.current)\n\t    } else {\n\t      products.state.current.owner = {\n\t        target: route.params._id || auth.state.user._id,\n\t        type: route.params._id ? 'organization' : 'user'\n\t      }\n\t      \n\t      products.state.current.creator = {\n\t        target: auth.state.user._id,\n\t        type: 'user',\n\t        hidden: false\n\t      }\n\t      await products.actions.create(products.state.current)\n\t    }\n\t  } catch (error) {\n\t  \tsetError({ response: { data: { errorCode: \"PRODUCT_NOT_CREATED\" }} })\n\t    console.error('Product creation error:', error)\n\t    // Здесь можно добавить обработку ошибки, например:\n\t    // - показать уведомление пользователю\n\t    // - отправить ошибку в систему мониторинга\n\t    // - выполнить откат изменений при необходимости\n\t  }\n\t}\n\n\tfunction onDelete() {\n\t\tproducts.actions.deleteProduct(products.state.current._id)\n\t}\n\n\tfunction redirectTo () {\n\t\trouter.push({\n\t\t\tname: 'Organization', \n\t\t\tparams: { \n\t\t\t\t_id: route.params._id\n\t\t\t} \n\t\t})\n\t}\n\n\tasync function updateCategoriesOrder(category) {\n    try {\n      // Получаем все категории и преобразуем их в плоский массив\n      const allCategories = categories.state.all;\n      const flattenedCategories = flattenCategoryTree(allCategories);\n      \n      // Обновляем порядок для всех категорий\n      console.log('flated', flattenedCategories)\n      await categories.actions.updateOrder(flattenedCategories);\n      \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  function selectCategory (item, event) {\n  \t// products.state.current.category.push(item)\n  \tproducts.state.current.category = event\n\n  \tconsole.log('state catgories', products.state.current.category)\n\n\t  const isSelected = products.state.current.category.includes(item._id);\n\t  \n\t  if (!isSelected) {\n\t    // Если снимаем галочку с родителя, отключаем всех детей\n\t    unselectChildren(item.children);\n\t  } else {\n\t    // Если включаем дочерний, включаем всех родителей\n\t    selectParents(item._id, categories.state.all);\n\t  }\n\t};\n\n\t// Выключаем всех дочерних при отключении родителя\n\tconst unselectChildren = (children) => {\n\t  if (!children) return;\n\t  children.forEach(child => {\n\t    const index = products.state.current.category.indexOf(child._id);\n\t    if (index !== -1) {\n\t      products.state.current.category.splice(index, 1);\n\t    }\n\t    if (child.children?.length) {\n\t      unselectChildren(child.children);\n\t    }\n\t  });\n\t};\n\n\t// Включаем всех родителей при выборе дочернего\n\tconst selectParents = (categoryId, items) => {\n\t  // Функция для поиска прямого родителя и его ID\n\t  const findParent = (childId, itemsToSearch) => {\n\t    for (const item of itemsToSearch) {\n\t      // Если текущий элемент содержит искомый ID в своих детях\n\t      if (item.children?.some(child => child._id === childId)) {\n\t        return item._id;\n\t      }\n\t      \n\t      // Рекурсивно ищем в дочерних элементах\n\t      if (item.children?.length) {\n\t        const foundInChildren = findParent(childId, item.children);\n\t        if (foundInChildren) return foundInChildren;\n\t      }\n\t    }\n\t    return null; // Родитель не найден\n\t  };\n\t  \n\t  // Рекурсивно находим всех предков и добавляем их в список\n\t  let currentId = categoryId;\n\t  let parentId;\n\t  \n\t  // Пока находим родителей, продолжаем подниматься вверх по дереву\n\t  while ((parentId = findParent(currentId, items))) {\n\t    if (!products.state.current.category.includes(parentId)) {\n\t      products.state.current.category.push(parentId);\n\t    }\n\t    currentId = parentId; // Переходим к родителю более высокого уровня\n\t  }\n\t};\n</script>\n\n<style lang=\"scss\">\n\t.main-photo {\n\t\tmax-width: 50%;\n\t\timg { width: 100%; }\n\t}\n</style>\n"],"names":["useRoute","useRouter","ref","products.state","onMounted","products.mutations","products.actions","categories.state","categories.actions","auth.state","setError"],"mappings":"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"}
+{"version":3,"file":"ProductEdit.vue.cjs","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 gap-thin flex-v-center flex\">\n      <h2 class=\"t-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: 'Localization', value: 'localization' }\n      ]\"\n      class=\"flex-child-default bg-light radius-medium h-max pd-thin o-x-scroll\"\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      <!-- 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 pd-medium\"\n          type=\"textarea\"\n        />\n      </Block>\n      <!-- Categories -->\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\t\t\t\t    hide: false,\n\t\t\t\t    horizontal: true,\n\t\t\t\t    structure: [\n\t\t\t\t      { block: 'text', size: 'large' }\n\t\t\t\t    ]\n\t\t\t\t  }\"\n          :states=\"{\n            empty: {\n              title: 'No categories found',\n              description: 'Try different search terms or create a new category'\n            }\n          }\"\n          key=\"_id\"\n          :label=\"item => item.name\"\n          classSearch=\"bg-white radius-small\"\n          classSelected=\"bg-white pd-small radius-small mn-b-thin\"\n          classDropdown=\"bg-white pd-small radius-medium bs-light\"\n          classItem=\"pd-small radius-small hover-bg-light cursor-pointer mn-b-thin\"\n         \tclassFeed=\"h-max-30r o-scroll\"\n        >\n          <!-- Слот для выбранных категорий -->\n          <template #selected=\"{ item, clear }\">\n\t\t\t\t\t  <div class=\"flex-nowrap flex-v-center flex gap-thin\">\n\t\t\t\t\t    <span class=\"t-medium\">{{ item?.name || item }}</span>\n\t\t\t\t\t    <button \n\t\t\t\t\t      @click.stop=\"clear\"\n\t\t\t\t\t      class=\"i-small pd-micro bg-red radius-extra flex-center flex aspect-1x1 hover-scale-1\"\n\t\t\t\t\t    >\n\t\t\t\t\t      <IconCross class=\"i-micro fill-white\" />\n\t\t\t\t\t    </button>\n\t\t\t\t\t  </div>\n\t\t\t\t\t</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=\"t-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\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\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\">\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        :callback=\"redirectTo\"\n        class=\"bg-red t-white w-100\"\n      >\n        Delete \n      </Button>\n\n      <Button \n        :submit=\"onSubmit\" \n        :callback=\"redirectTo\"\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/globals/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';\n\n\n// Accessing router and store\nimport * as globals from '@martyrs/src/modules/globals/views/store/globals.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/globals/views/store/globals.js'\n\nconst route = useRoute()\nconst router = useRouter()\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'] });\n  } else {\n    // Создаем дефолтный вариант для нового товара\n    if (!products.state.current.variants || products.state.current.variants.length === 0) {\n      products.state.current.variants = [{\n        name: 'Default',\n        sku: '',\n        images: [],\n        price: 0,\n        cost: 0,\n        quantity: 1,\n        unit: 'pcs',\n        available: 0,\n        ingredients: [],\n        attributes: []\n      }];\n    }\n  }\n\n  // Убедимся, что массивы инициализированы\n  if (!products.state.current.translations) {\n    products.state.current.translations = []\n  }\n  if (!products.state.current.discounts) {\n    products.state.current.discounts = []\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  emits('page-loaded');\n  isPageLoaded.value = true\n})\n\nasync function onSubmit() {\n  try {\n    // Проверка на наличие хотя бы одного варианта\n    if (!products.state.current.variants || products.state.current.variants.length === 0) {\n      setError({ response: { data: { errorCode: \"PRODUCT_MUST_HAVE_VARIANT\" }} })\n      return;\n    }\n\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      \n      products.state.current.creator = {\n        target: auth.state.user._id,\n        type: 'user',\n        hidden: false\n      }\n      await products.actions.create(products.state.current)\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":["useRoute","useRouter","ref","onMounted","products.mutations","products.actions","products.state","categories.state","categories.actions","auth.state","setError"],"mappings":"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"}