@ozdao/martyrs 0.2.476 → 0.2.478

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\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":["products.state","products.mutations","products.actions","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 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":["products.mutations","products.actions","products.state","categories.state","categories.actions","auth.state"],"mappings":"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"}

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

@@ -3,7 +3,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const vueRouter = require("vue-router");
 const vueI18n = require("vue-i18n");
-const Loader = require("../../../../components/Loader/Loader.vue2.cjs");
+const Loader = require("../../../../components/Loader/Loader.vue.cjs");
 ;/* empty css                                                   */
 const FieldBig = require("../../../../components/FieldBig/FieldBig.vue.cjs");
 const SectionProduct = require("../sections/SectionProduct.vue.cjs");
@@ -92,13 +92,13 @@ const _sfc_main = {
           vue.createVNode(SectionProduct.default, {
             product: products.state.current,
             recommendation: products.state.current.recommendation,
-            class: "bg-dark-transp-50 pd-big radius-big"
+            class: "bg-dark-transp-50 pd-big radius-medium"
           }, null, 8, ["product", "recommendation"])
         ])) : vue.createCommentVNode("", true)
       ]);
     };
   }
 };
-const ProductRecommendation = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-0927c2d0"]]);
+const ProductRecommendation = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-ea639d49"]]);
 exports.default = ProductRecommendation;
 //# sourceMappingURL=ProductRecommmendation.vue.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ProductRecommmendation.vue.cjs","sources":["../../../../../../../src/modules/products/components/pages/ProductRecommmendation.vue"],"sourcesContent":["<template>\n    <div id=\"product-recommendation\" class=\"h-min-100 pd-thin t-white bg-black\">\n        <Loader v-if=\"loading\" :status=\"loadingText\" class=\"pos-fixed\"/>\n\n        <div v-if=\"!loading && !showInput\" class=\"section\">\n\n            <div v-if=\"!loading\" class=\"mn-b-thin\">\n                <FieldBig \n                    :input=\"inputValue\" \n                    :loopTyping=\"false\"\n                    :enableTyping=\"false\"\n                    :placeholder=\"t('placeholder')\"\n                    :action=\"t('action')\"\n                    @update:input=\"inputValue = $event\"\n                    @action=\"submitInput\"\n                    class=\"t-white bg-dark-transp-50 w-100\"\n                 />\n            </div>\n\n            <SectionProduct \n                :product=\"products.state.current\" \n                :recommendation=\"products.state.current.recommendation\" \n                class=\"bg-dark-transp-50 pd-big radius-big\"\n            />\n        </div>\n    </div>\n</template>\n\n<script setup>\nimport { ref, onMounted, watchEffect } from 'vue'\nimport { useRouter } from 'vue-router'\nimport { useI18n } from 'vue-i18n'\nimport Loader from '@martyrs/src/components/Loader/Loader.vue'\nimport Breadcrumbs from '@martyrs/src/components/Breadcrumbs/Breadcrumbs.vue'\nimport FieldBig from \"@martyrs/src/components/FieldBig/FieldBig.vue\";\nimport SectionProduct from '@martyrs/src/modules/products/components/sections/SectionProduct.vue'\nimport HeroRecommendation           from '@martyrs/src/modules/products/components/sections/HeroRecommendation.vue'\n\nimport * as products from '@martyrs/src/modules/products/store/products';\n\nconst router = useRouter()\nconst loading = ref(true)\nconst showInput = ref(false)\nconst loadingTexts = ref([\n    \"Loading all we know about the buds\",\n    \"Processing the cannabis universe\",\n    \"Creating a strain of knowledge\",\n    \"Harvesting taste insights\",\n])\n\nconst text = {\n    messages: {\n        en: {\n            TITLE: \"Increase Your High,<br><b class='t-white'>Powered by AI Budtender</b>\",\n            DESCRIPTION: \"AI's got your chill, bro. We're picking out the most cosmic weed strains based on your desired vibe:\",\n            placeholder: 'Describe your desired high, bro...',\n            action: \"Transmit →\",\n        },\n        ru: {\n            TITLE: \"Персональный Накур,<br><b class='t-white'>Напрямую от AI</b>\",\n            DESCRIPTION: \"AI на страже твоего релакса, бро. Мы подбираем самые космические сорта травы, исходя из твоего желаемого настроения:\",\n            placeholder: 'Опиши свой желамый хай, bro...',\n            action: \"Передать →\",\n        }\n    }\n}\n\nconst { t } = useI18n(text)\n\nconst loadingText = ref(loadingTexts.value[0])\n\nlet mood = ref(router.currentRoute.value.query.mood || t('Recommend me something'))\n\nwatchEffect(async () => {\n    mood.value = router.currentRoute.value.query.mood || t('Recommend me something')\n    loading.value = true\n    await products.actions.submitMood(mood.value)\n    loading.value = false\n})\n\nonMounted(async () => {\n    // await products.actions.submitMood(mood.value)\n    // loading.value = false\n})\n\nsetInterval(() => {\n    const index = loadingTexts.value.indexOf(loadingText.value)\n    loadingText.value = loadingTexts.value[(index + 1) % loadingTexts.value.length]\n}, 2000)\n\nlet inputValue = ref(router.currentRoute.value.query.mood || t('Recommend me something'))\n\nfunction submitInput() {\n    router.push({ name: 'Product Recommmendation', query: { mood: inputValue.value } })\n}\n\n\nfunction tryAgain() {\n    loading.value = true\n    showInput.value = true\n}\n\nfunction hideInput() {\n    showInput.value = false\n}\n</script>\n\n<style scoped>\n/* Add your styles here */\n</style>\n"],"names":["useRouter","ref","useI18n","watchEffect","products.actions","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCA,UAAM,SAASA,UAAS,UAAA;AACxB,UAAM,UAAUC,IAAG,IAAC,IAAI;AACxB,UAAM,YAAYA,IAAG,IAAC,KAAK;AAC3B,UAAM,eAAeA,IAAAA,IAAI;AAAA,MACrB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACJ,CAAC;AAED,UAAM,OAAO;AAAA,MACT,UAAU;AAAA,QACN,IAAI;AAAA,UACA,OAAO;AAAA,UACP,aAAa;AAAA,UACb,aAAa;AAAA,UACb,QAAQ;AAAA,QACX;AAAA,QACD,IAAI;AAAA,UACA,OAAO;AAAA,UACP,aAAa;AAAA,UACb,aAAa;AAAA,UACb,QAAQ;AAAA,QACpB;AAAA,MACA;AAAA,IACA;AAEA,UAAM,EAAE,EAAC,IAAKC,QAAAA,QAAQ,IAAI;AAE1B,UAAM,cAAcD,IAAG,IAAC,aAAa,MAAM,CAAC,CAAC;AAE7C,QAAI,OAAOA,IAAAA,IAAI,OAAO,aAAa,MAAM,MAAM,QAAQ,EAAE,wBAAwB,CAAC;AAElFE,QAAAA,YAAY,YAAY;AACpB,WAAK,QAAQ,OAAO,aAAa,MAAM,MAAM,QAAQ,EAAE,wBAAwB;AAC/E,cAAQ,QAAQ;AAChB,YAAMC,SAAgB,QAAC,WAAW,KAAK,KAAK;AAC5C,cAAQ,QAAQ;AAAA,IACpB,CAAC;AAEDC,QAAAA,UAAU,YAAY;AAAA,IAGtB,CAAC;AAED,gBAAY,MAAM;AACd,YAAM,QAAQ,aAAa,MAAM,QAAQ,YAAY,KAAK;AAC1D,kBAAY,QAAQ,aAAa,OAAO,QAAQ,KAAK,aAAa,MAAM,MAAM;AAAA,IAClF,GAAG,GAAI;AAEP,QAAI,aAAaJ,IAAAA,IAAI,OAAO,aAAa,MAAM,MAAM,QAAQ,EAAE,wBAAwB,CAAC;AAExF,aAAS,cAAc;AACnB,aAAO,KAAK,EAAE,MAAM,2BAA2B,OAAO,EAAE,MAAM,WAAW,QAAS,CAAA;AAAA,IACtF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ProductRecommmendation.vue.cjs","sources":["../../../../../../../src/modules/products/components/pages/ProductRecommmendation.vue"],"sourcesContent":["<template>\n    <div id=\"product-recommendation\" class=\"h-min-100 pd-thin t-white bg-black\">\n        <Loader v-if=\"loading\" :status=\"loadingText\" class=\"pos-fixed\"/>\n\n        <div v-if=\"!loading && !showInput\" class=\"section\">\n\n            <div v-if=\"!loading\" class=\"mn-b-thin\">\n                <FieldBig \n                    :input=\"inputValue\" \n                    :loopTyping=\"false\"\n                    :enableTyping=\"false\"\n                    :placeholder=\"t('placeholder')\"\n                    :action=\"t('action')\"\n                    @update:input=\"inputValue = $event\"\n                    @action=\"submitInput\"\n                    class=\"t-white bg-dark-transp-50 w-100\"\n                 />\n            </div>\n\n            <SectionProduct \n                :product=\"products.state.current\" \n                :recommendation=\"products.state.current.recommendation\" \n                class=\"bg-dark-transp-50 pd-big radius-medium\"\n            />\n        </div>\n    </div>\n</template>\n\n<script setup>\nimport { ref, onMounted, watchEffect } from 'vue'\nimport { useRouter } from 'vue-router'\nimport { useI18n } from 'vue-i18n'\nimport Loader from '@martyrs/src/components/Loader/Loader.vue'\nimport Breadcrumbs from '@martyrs/src/components/Breadcrumbs/Breadcrumbs.vue'\nimport FieldBig from \"@martyrs/src/components/FieldBig/FieldBig.vue\";\nimport SectionProduct from '@martyrs/src/modules/products/components/sections/SectionProduct.vue'\nimport HeroRecommendation           from '@martyrs/src/modules/products/components/sections/HeroRecommendation.vue'\n\nimport * as products from '@martyrs/src/modules/products/store/products.js';\n\nconst router = useRouter()\nconst loading = ref(true)\nconst showInput = ref(false)\nconst loadingTexts = ref([\n    \"Loading all we know about the buds\",\n    \"Processing the cannabis universe\",\n    \"Creating a strain of knowledge\",\n    \"Harvesting taste insights\",\n])\n\nconst text = {\n    messages: {\n        en: {\n            TITLE: \"Increase Your High,<br><b class='t-white'>Powered by AI Budtender</b>\",\n            DESCRIPTION: \"AI's got your chill, bro. We're picking out the most cosmic weed strains based on your desired vibe:\",\n            placeholder: 'Describe your desired high, bro...',\n            action: \"Transmit →\",\n        },\n        ru: {\n            TITLE: \"Персональный Накур,<br><b class='t-white'>Напрямую от AI</b>\",\n            DESCRIPTION: \"AI на страже твоего релакса, бро. Мы подбираем самые космические сорта травы, исходя из твоего желаемого настроения:\",\n            placeholder: 'Опиши свой желамый хай, bro...',\n            action: \"Передать →\",\n        }\n    }\n}\n\nconst { t } = useI18n(text)\n\nconst loadingText = ref(loadingTexts.value[0])\n\nlet mood = ref(router.currentRoute.value.query.mood || t('Recommend me something'))\n\nwatchEffect(async () => {\n    mood.value = router.currentRoute.value.query.mood || t('Recommend me something')\n    loading.value = true\n    await products.actions.submitMood(mood.value)\n    loading.value = false\n})\n\nonMounted(async () => {\n    // await products.actions.submitMood(mood.value)\n    // loading.value = false\n})\n\nsetInterval(() => {\n    const index = loadingTexts.value.indexOf(loadingText.value)\n    loadingText.value = loadingTexts.value[(index + 1) % loadingTexts.value.length]\n}, 2000)\n\nlet inputValue = ref(router.currentRoute.value.query.mood || t('Recommend me something'))\n\nfunction submitInput() {\n    router.push({ name: 'Product Recommmendation', query: { mood: inputValue.value } })\n}\n\n\nfunction tryAgain() {\n    loading.value = true\n    showInput.value = true\n}\n\nfunction hideInput() {\n    showInput.value = false\n}\n</script>\n\n<style scoped>\n/* Add your styles here */\n</style>\n"],"names":["useRouter","ref","useI18n","watchEffect","products.actions","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCA,UAAM,SAASA,UAAS,UAAA;AACxB,UAAM,UAAUC,IAAG,IAAC,IAAI;AACxB,UAAM,YAAYA,IAAG,IAAC,KAAK;AAC3B,UAAM,eAAeA,IAAAA,IAAI;AAAA,MACrB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACJ,CAAC;AAED,UAAM,OAAO;AAAA,MACT,UAAU;AAAA,QACN,IAAI;AAAA,UACA,OAAO;AAAA,UACP,aAAa;AAAA,UACb,aAAa;AAAA,UACb,QAAQ;AAAA,QACX;AAAA,QACD,IAAI;AAAA,UACA,OAAO;AAAA,UACP,aAAa;AAAA,UACb,aAAa;AAAA,UACb,QAAQ;AAAA,QACpB;AAAA,MACA;AAAA,IACA;AAEA,UAAM,EAAE,EAAC,IAAKC,QAAAA,QAAQ,IAAI;AAE1B,UAAM,cAAcD,IAAG,IAAC,aAAa,MAAM,CAAC,CAAC;AAE7C,QAAI,OAAOA,IAAAA,IAAI,OAAO,aAAa,MAAM,MAAM,QAAQ,EAAE,wBAAwB,CAAC;AAElFE,QAAAA,YAAY,YAAY;AACpB,WAAK,QAAQ,OAAO,aAAa,MAAM,MAAM,QAAQ,EAAE,wBAAwB;AAC/E,cAAQ,QAAQ;AAChB,YAAMC,SAAgB,QAAC,WAAW,KAAK,KAAK;AAC5C,cAAQ,QAAQ;AAAA,IACpB,CAAC;AAEDC,QAAAA,UAAU,YAAY;AAAA,IAGtB,CAAC;AAED,gBAAY,MAAM;AACd,YAAM,QAAQ,aAAa,MAAM,QAAQ,YAAY,KAAK;AAC1D,kBAAY,QAAQ,aAAa,OAAO,QAAQ,KAAK,aAAa,MAAM,MAAM;AAAA,IAClF,GAAG,GAAI;AAEP,QAAI,aAAaJ,IAAAA,IAAI,OAAO,aAAa,MAAM,MAAM,QAAQ,EAAE,wBAAwB,CAAC;AAExF,aAAS,cAAc;AACnB,aAAO,KAAK,EAAE,MAAM,2BAA2B,OAAO,EAAE,MAAM,WAAW,QAAS,CAAA;AAAA,IACtF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,7 +1,7 @@
 import { ref, watchEffect, onMounted, createElementBlock, openBlock, createBlock, createCommentVNode, createVNode, unref, isRef } from "vue";
 import { useRouter } from "vue-router";
 import { useI18n } from "vue-i18n";
-import Loader from "../../../../components/Loader/Loader.vue2.js";
+import Loader from "../../../../components/Loader/Loader.vue.js";
 /* empty css                                                 */
 import _sfc_main$1 from "../../../../components/FieldBig/FieldBig.vue.js";
 import _sfc_main$2 from "../sections/SectionProduct.vue.js";
@@ -90,14 +90,14 @@ const _sfc_main = {
           createVNode(_sfc_main$2, {
             product: state.current,
             recommendation: state.current.recommendation,
-            class: "bg-dark-transp-50 pd-big radius-big"
+            class: "bg-dark-transp-50 pd-big radius-medium"
           }, null, 8, ["product", "recommendation"])
         ])) : createCommentVNode("", true)
       ]);
     };
   }
 };
-const ProductRecommendation = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0927c2d0"]]);
+const ProductRecommendation = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ea639d49"]]);
 export {
   ProductRecommendation as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"ProductRecommmendation.vue.js","sources":["../../../../../../../src/modules/products/components/pages/ProductRecommmendation.vue"],"sourcesContent":["<template>\n    <div id=\"product-recommendation\" class=\"h-min-100 pd-thin t-white bg-black\">\n        <Loader v-if=\"loading\" :status=\"loadingText\" class=\"pos-fixed\"/>\n\n        <div v-if=\"!loading && !showInput\" class=\"section\">\n\n            <div v-if=\"!loading\" class=\"mn-b-thin\">\n                <FieldBig \n                    :input=\"inputValue\" \n                    :loopTyping=\"false\"\n                    :enableTyping=\"false\"\n                    :placeholder=\"t('placeholder')\"\n                    :action=\"t('action')\"\n                    @update:input=\"inputValue = $event\"\n                    @action=\"submitInput\"\n                    class=\"t-white bg-dark-transp-50 w-100\"\n                 />\n            </div>\n\n            <SectionProduct \n                :product=\"products.state.current\" \n                :recommendation=\"products.state.current.recommendation\" \n                class=\"bg-dark-transp-50 pd-big radius-big\"\n            />\n        </div>\n    </div>\n</template>\n\n<script setup>\nimport { ref, onMounted, watchEffect } from 'vue'\nimport { useRouter } from 'vue-router'\nimport { useI18n } from 'vue-i18n'\nimport Loader from '@martyrs/src/components/Loader/Loader.vue'\nimport Breadcrumbs from '@martyrs/src/components/Breadcrumbs/Breadcrumbs.vue'\nimport FieldBig from \"@martyrs/src/components/FieldBig/FieldBig.vue\";\nimport SectionProduct from '@martyrs/src/modules/products/components/sections/SectionProduct.vue'\nimport HeroRecommendation           from '@martyrs/src/modules/products/components/sections/HeroRecommendation.vue'\n\nimport * as products from '@martyrs/src/modules/products/store/products';\n\nconst router = useRouter()\nconst loading = ref(true)\nconst showInput = ref(false)\nconst loadingTexts = ref([\n    \"Loading all we know about the buds\",\n    \"Processing the cannabis universe\",\n    \"Creating a strain of knowledge\",\n    \"Harvesting taste insights\",\n])\n\nconst text = {\n    messages: {\n        en: {\n            TITLE: \"Increase Your High,<br><b class='t-white'>Powered by AI Budtender</b>\",\n            DESCRIPTION: \"AI's got your chill, bro. We're picking out the most cosmic weed strains based on your desired vibe:\",\n            placeholder: 'Describe your desired high, bro...',\n            action: \"Transmit →\",\n        },\n        ru: {\n            TITLE: \"Персональный Накур,<br><b class='t-white'>Напрямую от AI</b>\",\n            DESCRIPTION: \"AI на страже твоего релакса, бро. Мы подбираем самые космические сорта травы, исходя из твоего желаемого настроения:\",\n            placeholder: 'Опиши свой желамый хай, bro...',\n            action: \"Передать →\",\n        }\n    }\n}\n\nconst { t } = useI18n(text)\n\nconst loadingText = ref(loadingTexts.value[0])\n\nlet mood = ref(router.currentRoute.value.query.mood || t('Recommend me something'))\n\nwatchEffect(async () => {\n    mood.value = router.currentRoute.value.query.mood || t('Recommend me something')\n    loading.value = true\n    await products.actions.submitMood(mood.value)\n    loading.value = false\n})\n\nonMounted(async () => {\n    // await products.actions.submitMood(mood.value)\n    // loading.value = false\n})\n\nsetInterval(() => {\n    const index = loadingTexts.value.indexOf(loadingText.value)\n    loadingText.value = loadingTexts.value[(index + 1) % loadingTexts.value.length]\n}, 2000)\n\nlet inputValue = ref(router.currentRoute.value.query.mood || t('Recommend me something'))\n\nfunction submitInput() {\n    router.push({ name: 'Product Recommmendation', query: { mood: inputValue.value } })\n}\n\n\nfunction tryAgain() {\n    loading.value = true\n    showInput.value = true\n}\n\nfunction hideInput() {\n    showInput.value = false\n}\n</script>\n\n<style scoped>\n/* Add your styles here */\n</style>\n"],"names":["products.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAwCA,UAAM,SAAS,UAAS;AACxB,UAAM,UAAU,IAAI,IAAI;AACxB,UAAM,YAAY,IAAI,KAAK;AAC3B,UAAM,eAAe,IAAI;AAAA,MACrB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACJ,CAAC;AAED,UAAM,OAAO;AAAA,MACT,UAAU;AAAA,QACN,IAAI;AAAA,UACA,OAAO;AAAA,UACP,aAAa;AAAA,UACb,aAAa;AAAA,UACb,QAAQ;AAAA,QACX;AAAA,QACD,IAAI;AAAA,UACA,OAAO;AAAA,UACP,aAAa;AAAA,UACb,aAAa;AAAA,UACb,QAAQ;AAAA,QACpB;AAAA,MACA;AAAA,IACA;AAEA,UAAM,EAAE,EAAC,IAAK,QAAQ,IAAI;AAE1B,UAAM,cAAc,IAAI,aAAa,MAAM,CAAC,CAAC;AAE7C,QAAI,OAAO,IAAI,OAAO,aAAa,MAAM,MAAM,QAAQ,EAAE,wBAAwB,CAAC;AAElF,gBAAY,YAAY;AACpB,WAAK,QAAQ,OAAO,aAAa,MAAM,MAAM,QAAQ,EAAE,wBAAwB;AAC/E,cAAQ,QAAQ;AAChB,YAAMA,QAAiB,WAAW,KAAK,KAAK;AAC5C,cAAQ,QAAQ;AAAA,IACpB,CAAC;AAED,cAAU,YAAY;AAAA,IAGtB,CAAC;AAED,gBAAY,MAAM;AACd,YAAM,QAAQ,aAAa,MAAM,QAAQ,YAAY,KAAK;AAC1D,kBAAY,QAAQ,aAAa,OAAO,QAAQ,KAAK,aAAa,MAAM,MAAM;AAAA,IAClF,GAAG,GAAI;AAEP,QAAI,aAAa,IAAI,OAAO,aAAa,MAAM,MAAM,QAAQ,EAAE,wBAAwB,CAAC;AAExF,aAAS,cAAc;AACnB,aAAO,KAAK,EAAE,MAAM,2BAA2B,OAAO,EAAE,MAAM,WAAW,QAAS,CAAA;AAAA,IACtF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ProductRecommmendation.vue.js","sources":["../../../../../../../src/modules/products/components/pages/ProductRecommmendation.vue"],"sourcesContent":["<template>\n    <div id=\"product-recommendation\" class=\"h-min-100 pd-thin t-white bg-black\">\n        <Loader v-if=\"loading\" :status=\"loadingText\" class=\"pos-fixed\"/>\n\n        <div v-if=\"!loading && !showInput\" class=\"section\">\n\n            <div v-if=\"!loading\" class=\"mn-b-thin\">\n                <FieldBig \n                    :input=\"inputValue\" \n                    :loopTyping=\"false\"\n                    :enableTyping=\"false\"\n                    :placeholder=\"t('placeholder')\"\n                    :action=\"t('action')\"\n                    @update:input=\"inputValue = $event\"\n                    @action=\"submitInput\"\n                    class=\"t-white bg-dark-transp-50 w-100\"\n                 />\n            </div>\n\n            <SectionProduct \n                :product=\"products.state.current\" \n                :recommendation=\"products.state.current.recommendation\" \n                class=\"bg-dark-transp-50 pd-big radius-medium\"\n            />\n        </div>\n    </div>\n</template>\n\n<script setup>\nimport { ref, onMounted, watchEffect } from 'vue'\nimport { useRouter } from 'vue-router'\nimport { useI18n } from 'vue-i18n'\nimport Loader from '@martyrs/src/components/Loader/Loader.vue'\nimport Breadcrumbs from '@martyrs/src/components/Breadcrumbs/Breadcrumbs.vue'\nimport FieldBig from \"@martyrs/src/components/FieldBig/FieldBig.vue\";\nimport SectionProduct from '@martyrs/src/modules/products/components/sections/SectionProduct.vue'\nimport HeroRecommendation           from '@martyrs/src/modules/products/components/sections/HeroRecommendation.vue'\n\nimport * as products from '@martyrs/src/modules/products/store/products.js';\n\nconst router = useRouter()\nconst loading = ref(true)\nconst showInput = ref(false)\nconst loadingTexts = ref([\n    \"Loading all we know about the buds\",\n    \"Processing the cannabis universe\",\n    \"Creating a strain of knowledge\",\n    \"Harvesting taste insights\",\n])\n\nconst text = {\n    messages: {\n        en: {\n            TITLE: \"Increase Your High,<br><b class='t-white'>Powered by AI Budtender</b>\",\n            DESCRIPTION: \"AI's got your chill, bro. We're picking out the most cosmic weed strains based on your desired vibe:\",\n            placeholder: 'Describe your desired high, bro...',\n            action: \"Transmit →\",\n        },\n        ru: {\n            TITLE: \"Персональный Накур,<br><b class='t-white'>Напрямую от AI</b>\",\n            DESCRIPTION: \"AI на страже твоего релакса, бро. Мы подбираем самые космические сорта травы, исходя из твоего желаемого настроения:\",\n            placeholder: 'Опиши свой желамый хай, bro...',\n            action: \"Передать →\",\n        }\n    }\n}\n\nconst { t } = useI18n(text)\n\nconst loadingText = ref(loadingTexts.value[0])\n\nlet mood = ref(router.currentRoute.value.query.mood || t('Recommend me something'))\n\nwatchEffect(async () => {\n    mood.value = router.currentRoute.value.query.mood || t('Recommend me something')\n    loading.value = true\n    await products.actions.submitMood(mood.value)\n    loading.value = false\n})\n\nonMounted(async () => {\n    // await products.actions.submitMood(mood.value)\n    // loading.value = false\n})\n\nsetInterval(() => {\n    const index = loadingTexts.value.indexOf(loadingText.value)\n    loadingText.value = loadingTexts.value[(index + 1) % loadingTexts.value.length]\n}, 2000)\n\nlet inputValue = ref(router.currentRoute.value.query.mood || t('Recommend me something'))\n\nfunction submitInput() {\n    router.push({ name: 'Product Recommmendation', query: { mood: inputValue.value } })\n}\n\n\nfunction tryAgain() {\n    loading.value = true\n    showInput.value = true\n}\n\nfunction hideInput() {\n    showInput.value = false\n}\n</script>\n\n<style scoped>\n/* Add your styles here */\n</style>\n"],"names":["products.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAwCA,UAAM,SAAS,UAAS;AACxB,UAAM,UAAU,IAAI,IAAI;AACxB,UAAM,YAAY,IAAI,KAAK;AAC3B,UAAM,eAAe,IAAI;AAAA,MACrB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACJ,CAAC;AAED,UAAM,OAAO;AAAA,MACT,UAAU;AAAA,QACN,IAAI;AAAA,UACA,OAAO;AAAA,UACP,aAAa;AAAA,UACb,aAAa;AAAA,UACb,QAAQ;AAAA,QACX;AAAA,QACD,IAAI;AAAA,UACA,OAAO;AAAA,UACP,aAAa;AAAA,UACb,aAAa;AAAA,UACb,QAAQ;AAAA,QACpB;AAAA,MACA;AAAA,IACA;AAEA,UAAM,EAAE,EAAC,IAAK,QAAQ,IAAI;AAE1B,UAAM,cAAc,IAAI,aAAa,MAAM,CAAC,CAAC;AAE7C,QAAI,OAAO,IAAI,OAAO,aAAa,MAAM,MAAM,QAAQ,EAAE,wBAAwB,CAAC;AAElF,gBAAY,YAAY;AACpB,WAAK,QAAQ,OAAO,aAAa,MAAM,MAAM,QAAQ,EAAE,wBAAwB;AAC/E,cAAQ,QAAQ;AAChB,YAAMA,QAAiB,WAAW,KAAK,KAAK;AAC5C,cAAQ,QAAQ;AAAA,IACpB,CAAC;AAED,cAAU,YAAY;AAAA,IAGtB,CAAC;AAED,gBAAY,MAAM;AACd,YAAM,QAAQ,aAAa,MAAM,QAAQ,YAAY,KAAK;AAC1D,kBAAY,QAAQ,aAAa,OAAO,QAAQ,KAAK,aAAa,MAAM,MAAM;AAAA,IAClF,GAAG,GAAI;AAEP,QAAI,aAAa,IAAI,OAAO,aAAa,MAAM,MAAM,QAAQ,EAAE,wBAAwB,CAAC;AAExF,aAAS,cAAc;AACnB,aAAO,KAAK,EAAE,MAAM,2BAA2B,OAAO,EAAE,MAAM,WAAW,QAAS,CAAA;AAAA,IACtF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -2,7 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const vueRouter = require("vue-router");
-const Tab = require("../../../../components/Tab/Tab.vue.cjs");
+const Tab = require("../../../../components/Tab/Tab.vue2.cjs");
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");
 ;/* empty css                                           */
 require("vue-i18n");
@@ -21,9 +21,9 @@ const _hoisted_2 = {
   key: 0,
   class: "pd-medium flex-v-center flex-nowrap flex"
 };
-const _hoisted_3 = { class: "cols-2-1_3 br-b br-t br-solid br-light h-100 z-index-3 pos-relative radius-big gap-thin" };
+const _hoisted_3 = { class: "cols-2-1_3 br-1px br-solid br-light h-100 z-index-3 pos-relative radius-medium" };
 const _hoisted_4 = { class: "o-y-scroll br-r br-solid br-light pd-medium z-index-2 desktop-only h-100 pos-relative" };
-const _hoisted_5 = { class: "w-100 h-max pos-relative o-hidden" };
+const _hoisted_5 = { class: "w-100 pd-thin h-max pos-relative o-hidden" };
 const _hoisted_6 = { class: "pos-relative w-100 z-index-3 radius-tl-big radius-tr-big" };
 const _sfc_main = {
   __name: "Products",

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

@@ -1 +1 @@
-{"version":3,"file":"Products.vue.cjs","sources":["../../../../../../../src/modules/products/components/pages/Products.vue"],"sourcesContent":["<template>\n  <div class=\"h-100 pos-relative\">\n    <header \n      v-if=\"route.name !== 'Organization' && !MOBILE_APP\"\n      class=\"pd-medium flex-v-center flex-nowrap flex\"\n    >\n      <h2 class=\"mn-r-medium\">Products</h2>\n      <button \n        v-if=\"hasAccess(route.params._id, 'products', 'create', auth.state.accesses, auth.state.access.roles)\"\n        @click=\"$router.push({\n          name: route.params?._id ? 'Organization_ProductAdd' : 'ProductAdd'\n        })\" \n        class=\"radius-100 i-big hover-scale-1 cursor-pointer t-white bg-second\">\n          +\n      </button>\n    </header>\n\n  <Tab \n    v-if=\"route.name !== 'Organization' &&  isAdmin\"\n    v-model:selected=\"tabProducts\"\n    :tabs=\"[\n      { name: 'All',          value: 'all' },\n      { name: 'Published',    value: 'published' },\n      { name: 'Unpublished',  value: 'unpublished' }, \n      { name: 'Archivied',    value: 'archivied' } \n    ]\"\n    style=\"flex: 0 0 auto\"\n   class=\"\n\n        p-medium\n        br-t br-solid br-light \n        bg-white\n        gap-micro pd-medium pd-t-thin pd-b-thin\n        z-index-1\n\n      \"\n      tabClass=\"bg-light  uppercase pd-small radius-small w-100\"\n  />\n\n  <div class=\"cols-2-1_3 br-b br-t br-solid br-light  h-100 z-index-3 pos-relative radius-big gap-thin\">\n\n  <div class=\"o-y-scroll br-r br-solid br-light pd-medium z-index-2 desktop-only h-100 pos-relative\">\n    <BlockFilter\n      v-model:filter=\"products.state.filter\"\n      :options=\"products.state.filter.options\"\n      class=\"h-100 w-100\"\n    />\n  </div>\n\n    <div class=\"w-100 h-max pos-relative o-hidden\">\n      <slot></slot>\n      <div class=\"pos-relative w-100  z-index-3 radius-tl-big radius-tr-big\">\n        <BlockSearch \n          @search=\"debouncedSearch\"\n          placeholder=\"Enter product name\"\n          class=\"bg-light mn-b-thin h-4r\"\n        />\n      </div>\n      <Feed\n        v-model:filter=\"products.state.filter\"\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) => products.actions.read(options),\n          state: products.state\n        }\"\n        :options=\"{\n          limit: 16,\n          owner: route.params._id,\n          categories: route.query.categories,\n          filters: generateFilters(products.state.filter.selected),\n          prices: route.query.prices,\n          delivery: route.query.delivery,\n          search: route.query.search,\n          ...(tabProducts !== 'all' && { status: tabProducts })\n          // user: user\n        }\"\n        v-slot=\"{ \n          items \n        }\"\n        class=\"cols-4 pos-relative w-100 rows-1 gap-thin\"\n       \n      >\n        <router-link  \n          v-for=\"product in items\" \n          :to=\"route.params._id ? { name: 'Organization_Product', params: { _id: route.params._id, product: product._id  } } : { name: 'Product', params: { product: product._id  } }\"\n           class=\"pos-relative h-100 w-100\"\n          >\n          <CardProduct\n            :key=\"product._id\"\n            :product=\"product\"\n            :user=\"auth.state.access\"\n            :organization=\"route.params._id\"\n            :access=\"hasAccess(route.params._id, 'products', 'edit', auth.state.accesses, auth.state.access.roles)\"\n            class=\"pos-relative  h-100 w-100 bg-light\"\n          />\n        </router-link>\n      </Feed>\n\n    </div>\n  </div>\n</div>\n</template>\n\n\n<script setup=\"props\">\n  // Import libs\n  import { ref, computed, watch, onMounted, onUnmounted } from 'vue'\n  import { useRoute, useRouter } from 'vue-router'\n\n  // Import components\n  import Tab from '@martyrs/src/components/Tab/Tab.vue'\n  import Feed from '@martyrs/src/components/Feed/Feed.vue'\n\n  import FilterProducts from '@martyrs/src/modules/products/components/sections/FilterProducts.vue'\n  import BlockSearch from '@martyrs/src/modules/globals/views/components/blocks/BlockSearch.vue'\n  import BlockFilter  from '@martyrs/src/modules/globals/views/components/blocks/BlockFilter.vue'\n\n  import CardProduct from '@martyrs/src/modules/products/components/blocks/CardProduct.vue'\n\n  import IconPlus from '@martyrs/src/modules/icons/navigation/IconPlus.vue'\n\n  // Accessing router and store\n  import * as auth from '@martyrs/src/modules/auth/views/store/auth';\n  import * as globals from '@martyrs/src/modules/globals/views/store/globals';\n  import * as products from '@martyrs/src/modules/products/store/products';\n  import * as marketplace from '@martyrs/src/modules/marketplace/views/store/marketplace';\n  import * as categories from '@martyrs/src/modules/products/store/categories';\n\n  const route = useRoute()\n  const router = useRouter()\n\n  // Tab logic\n  const tabProducts = ref(route.query.tabProducts ? route.query.tabProducts : 'all')\n\n  if (route.name !== 'Organization') route.query.tabProducts = tabProducts.value\n  \n  if (route.query) {\n    const query = route.query;\n\n    products.state.filter.selected.categories = query.categories ? query.categories.split(',') : [];\n    products.state.filter.selected.prices = query.prices ? query.prices.split(',') : [];\n    products.state.filter.selected.delivery = query.delivery ? query.delivery.split(',') : [];\n    products.state.filter.selected.brand = query.brand ? query.brand.split(',') : [];\n  }\n\n\n  watch(tabProducts, (newValue) => {\n    if (route.name !== 'Organization') router.replace({ query: { ...route.query, tabProducts: newValue } });\n  });\n\n  globals.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: () => route.params._id ? router.push({ name: 'Organization_ProductAdd', params: { _id: route.params._id} }) : router.push({ name: 'ProductAdd' })\n  }],\n\n  onMounted(async () => {\n    let categoriesFilter = await categories.actions.read({rootOnly:true});\n\n    categoriesFilter = categoriesFilter.map(category => ({\n      value: category._id,\n      label: category.name\n    }));\n\n    const index = products.state.filter.options.findIndex(option => option.value === 'categories');\n\n    const categoryOption = {\n      title: 'Categories',\n      value: 'categories',\n      options: categoriesFilter\n    };\n\n    if (index !== -1) {\n        products.state.filter.options[index] = categoryOption;\n    } else {\n        products.state.filter.options.unshift(categoryOption);\n    }\n  })\n\n  onUnmounted(() => {\n    globals.state.navigation_bar.actions = [];\n  });\n\n  watch(() => products.state.sort, (newSortValue, oldSortValue) => {\n    let query = { ...route.query}\n    \n    query.sortParam = newSortValue.param\n    query.sortOrder = newSortValue.order\n    \n    // replace the current route\n    router.replace({ query });\n  }, { deep: true });\n\n\n  watch(() => products.state.filter.selected, (newFilterValue, oldFilterValue) => {\n    // Переводим фильтр в формат query\n    const query = { ...route.query };\n\n    // Удаляем старые значения фильтра из query\n    Object.keys(oldFilterValue).forEach(key => {\n      if (query[key]) {\n        delete query[key];\n      }\n    });\n\n    // Добавляем новые значения фильтра в query\n    const newQueryValues = Object.fromEntries(\n      Object.entries(newFilterValue)\n        .filter(([key, value]) => Array.isArray(value) && value.length > 0)\n        .map(([key, value]) => [key, value.join(',')])\n    );\n\n    delete query.options;\n    Object.assign(query, newQueryValues);\n\n    // Обновляем маршрут с новым query\n    router.replace({ query });\n  }, { deep: true })\n\n\nfunction debounce(fn, delay) {\n  let timeoutId = null;\n  return (...args) => {\n    clearTimeout(timeoutId);\n    timeoutId = setTimeout(() => fn(...args), delay);\n  };\n}\n\nconst debouncedSearch = debounce((search) => {\n let query = { ...route.query}\n    \n  query.search = search\n  \n  router.replace({ query });\n}, 500);\n\n</script>\n\n<style lang=\"scss\">\n\n\n</style>\n"],"names":["useRoute","useRouter","ref","products.state","watch","globals.state","IconPlus","auth.state","onMounted","categories.actions","onUnmounted"],"mappings":"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"}
+{"version":3,"file":"Products.vue.cjs","sources":["../../../../../../../src/modules/products/components/pages/Products.vue"],"sourcesContent":["<template>\n  <div class=\"h-100 pos-relative\">\n    <header \n      v-if=\"route.name !== 'Organization' && !MOBILE_APP\"\n      class=\"pd-medium flex-v-center flex-nowrap flex\"\n    >\n      <h2 class=\"mn-r-medium\">Products</h2>\n      <button \n        v-if=\"hasAccess(route.params._id, 'products', 'create', auth.state.accesses, auth.state.access.roles)\"\n        @click=\"$router.push({\n          name: route.params?._id ? 'Organization_ProductAdd' : 'ProductAdd'\n        })\" \n        class=\"radius-100 i-big hover-scale-1 cursor-pointer t-white bg-second\">\n          +\n      </button>\n    </header>\n\n  <Tab \n    v-if=\"route.name !== 'Organization' &&  isAdmin\"\n    v-model:selected=\"tabProducts\"\n    :tabs=\"[\n      { name: 'All',          value: 'all' },\n      { name: 'Published',    value: 'published' },\n      { name: 'Unpublished',  value: 'unpublished' }, \n      { name: 'Archivied',    value: 'archivied' } \n    ]\"\n    style=\"flex: 0 0 auto\"\n   class=\"\n\n        p-medium\n        br-t br-solid br-light \n        bg-white\n        gap-micro pd-medium pd-t-thin pd-b-thin\n        z-index-1\n\n      \"\n      tabClass=\"bg-light  uppercase pd-small radius-small w-100\"\n  />\n\n  <div class=\"cols-2-1_3 br-1px br-solid br-light h-100 z-index-3 pos-relative radius-medium\">\n\n  <div class=\"o-y-scroll br-r br-solid br-light pd-medium z-index-2 desktop-only h-100 pos-relative\">\n    <BlockFilter\n      v-model:filter=\"products.state.filter\"\n      :options=\"products.state.filter.options\"\n      class=\"h-100 w-100\"\n    />\n  </div>\n\n    <div class=\"w-100 pd-thin h-max pos-relative o-hidden\">\n      <slot></slot>\n      <div class=\"pos-relative w-100  z-index-3 radius-tl-big radius-tr-big\">\n        <BlockSearch \n          @search=\"debouncedSearch\"\n          placeholder=\"Enter product name\"\n          class=\"bg-light mn-b-thin h-4r\"\n        />\n      </div>\n      <Feed\n        v-model:filter=\"products.state.filter\"\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) => products.actions.read(options),\n          state: products.state\n        }\"\n        :options=\"{\n          limit: 16,\n          owner: route.params._id,\n          categories: route.query.categories,\n          filters: generateFilters(products.state.filter.selected),\n          prices: route.query.prices,\n          delivery: route.query.delivery,\n          search: route.query.search,\n          ...(tabProducts !== 'all' && { status: tabProducts })\n          // user: user\n        }\"\n        v-slot=\"{ \n          items \n        }\"\n        class=\"cols-4 pos-relative w-100 rows-1 gap-thin\"\n       \n      >\n        <router-link  \n          v-for=\"product in items\" \n          :to=\"route.params._id ? { name: 'Organization_Product', params: { _id: route.params._id, product: product._id  } } : { name: 'Product', params: { product: product._id  } }\"\n           class=\"pos-relative h-100 w-100\"\n          >\n          <CardProduct\n            :key=\"product._id\"\n            :product=\"product\"\n            :user=\"auth.state.access\"\n            :organization=\"route.params._id\"\n            :access=\"hasAccess(route.params._id, 'products', 'edit', auth.state.accesses, auth.state.access.roles)\"\n            class=\"pos-relative  h-100 w-100 bg-light\"\n          />\n        </router-link>\n      </Feed>\n\n    </div>\n  </div>\n</div>\n</template>\n\n\n<script setup=\"props\">\n  // Import libs\n  import { ref, computed, watch, onMounted, onUnmounted } from 'vue'\n  import { useRoute, useRouter } from 'vue-router'\n\n  // Import components\n  import Tab from '@martyrs/src/components/Tab/Tab.vue'\n  import Feed from '@martyrs/src/components/Feed/Feed.vue'\n\n  import FilterProducts from '@martyrs/src/modules/products/components/sections/FilterProducts.vue'\n  import BlockSearch from '@martyrs/src/modules/globals/views/components/blocks/BlockSearch.vue'\n  import BlockFilter  from '@martyrs/src/modules/globals/views/components/blocks/BlockFilter.vue'\n\n  import CardProduct from '@martyrs/src/modules/products/components/blocks/CardProduct.vue'\n\n  import IconPlus from '@martyrs/src/modules/icons/navigation/IconPlus.vue'\n\n  // Accessing router and store\n  import * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n  import * as globals from '@martyrs/src/modules/globals/views/store/globals.js';\n  import * as products from '@martyrs/src/modules/products/store/products.js';\n  import * as marketplace from '@martyrs/src/modules/marketplace/views/store/marketplace.js';\n  import * as categories from '@martyrs/src/modules/products/store/categories.js';\n\n  const route = useRoute()\n  const router = useRouter()\n\n  // Tab logic\n  const tabProducts = ref(route.query.tabProducts ? route.query.tabProducts : 'all')\n\n  if (route.name !== 'Organization') route.query.tabProducts = tabProducts.value\n  \n  if (route.query) {\n    const query = route.query;\n\n    products.state.filter.selected.categories = query.categories ? query.categories.split(',') : [];\n    products.state.filter.selected.prices = query.prices ? query.prices.split(',') : [];\n    products.state.filter.selected.delivery = query.delivery ? query.delivery.split(',') : [];\n    products.state.filter.selected.brand = query.brand ? query.brand.split(',') : [];\n  }\n\n\n  watch(tabProducts, (newValue) => {\n    if (route.name !== 'Organization') router.replace({ query: { ...route.query, tabProducts: newValue } });\n  });\n\n  globals.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: () => route.params._id ? router.push({ name: 'Organization_ProductAdd', params: { _id: route.params._id} }) : router.push({ name: 'ProductAdd' })\n  }],\n\n  onMounted(async () => {\n    let categoriesFilter = await categories.actions.read({rootOnly:true});\n\n    categoriesFilter = categoriesFilter.map(category => ({\n      value: category._id,\n      label: category.name\n    }));\n\n    const index = products.state.filter.options.findIndex(option => option.value === 'categories');\n\n    const categoryOption = {\n      title: 'Categories',\n      value: 'categories',\n      options: categoriesFilter\n    };\n\n    if (index !== -1) {\n        products.state.filter.options[index] = categoryOption;\n    } else {\n        products.state.filter.options.unshift(categoryOption);\n    }\n  })\n\n  onUnmounted(() => {\n    globals.state.navigation_bar.actions = [];\n  });\n\n  watch(() => products.state.sort, (newSortValue, oldSortValue) => {\n    let query = { ...route.query}\n    \n    query.sortParam = newSortValue.param\n    query.sortOrder = newSortValue.order\n    \n    // replace the current route\n    router.replace({ query });\n  }, { deep: true });\n\n\n  watch(() => products.state.filter.selected, (newFilterValue, oldFilterValue) => {\n    // Переводим фильтр в формат query\n    const query = { ...route.query };\n\n    // Удаляем старые значения фильтра из query\n    Object.keys(oldFilterValue).forEach(key => {\n      if (query[key]) {\n        delete query[key];\n      }\n    });\n\n    // Добавляем новые значения фильтра в query\n    const newQueryValues = Object.fromEntries(\n      Object.entries(newFilterValue)\n        .filter(([key, value]) => Array.isArray(value) && value.length > 0)\n        .map(([key, value]) => [key, value.join(',')])\n    );\n\n    delete query.options;\n    Object.assign(query, newQueryValues);\n\n    // Обновляем маршрут с новым query\n    router.replace({ query });\n  }, { deep: true })\n\n\nfunction debounce(fn, delay) {\n  let timeoutId = null;\n  return (...args) => {\n    clearTimeout(timeoutId);\n    timeoutId = setTimeout(() => fn(...args), delay);\n  };\n}\n\nconst debouncedSearch = debounce((search) => {\n let query = { ...route.query}\n    \n  query.search = search\n  \n  router.replace({ query });\n}, 500);\n\n</script>\n\n<style lang=\"scss\">\n\n\n</style>\n"],"names":["useRoute","useRouter","ref","products.state","watch","globals.state","IconPlus","auth.state","onMounted","categories.actions","onUnmounted"],"mappings":"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"}

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

@@ -1,6 +1,6 @@
 import { ref, watch, onMounted, onUnmounted, resolveComponent, createElementBlock, openBlock, createCommentVNode, createBlock, createElementVNode, unref, createVNode, renderSlot, withCtx, Fragment, renderList } from "vue";
 import { useRoute, useRouter } from "vue-router";
-import _sfc_main$2 from "../../../../components/Tab/Tab.vue.js";
+import _sfc_main$2 from "../../../../components/Tab/Tab.vue2.js";
 import _sfc_main$5 from "../../../../components/Feed/Feed.vue.js";
 /* empty css                                         */
 import "vue-i18n";
@@ -19,9 +19,9 @@ const _hoisted_2 = {
   key: 0,
   class: "pd-medium flex-v-center flex-nowrap flex"
 };
-const _hoisted_3 = { class: "cols-2-1_3 br-b br-t br-solid br-light h-100 z-index-3 pos-relative radius-big gap-thin" };
+const _hoisted_3 = { class: "cols-2-1_3 br-1px br-solid br-light h-100 z-index-3 pos-relative radius-medium" };
 const _hoisted_4 = { class: "o-y-scroll br-r br-solid br-light pd-medium z-index-2 desktop-only h-100 pos-relative" };
-const _hoisted_5 = { class: "w-100 h-max pos-relative o-hidden" };
+const _hoisted_5 = { class: "w-100 pd-thin h-max pos-relative o-hidden" };
 const _hoisted_6 = { class: "pos-relative w-100 z-index-3 radius-tl-big radius-tr-big" };
 const _sfc_main = {
   __name: "Products",

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

@@ -1 +1 @@
-{"version":3,"file":"Products.vue.js","sources":["../../../../../../../src/modules/products/components/pages/Products.vue"],"sourcesContent":["<template>\n  <div class=\"h-100 pos-relative\">\n    <header \n      v-if=\"route.name !== 'Organization' && !MOBILE_APP\"\n      class=\"pd-medium flex-v-center flex-nowrap flex\"\n    >\n      <h2 class=\"mn-r-medium\">Products</h2>\n      <button \n        v-if=\"hasAccess(route.params._id, 'products', 'create', auth.state.accesses, auth.state.access.roles)\"\n        @click=\"$router.push({\n          name: route.params?._id ? 'Organization_ProductAdd' : 'ProductAdd'\n        })\" \n        class=\"radius-100 i-big hover-scale-1 cursor-pointer t-white bg-second\">\n          +\n      </button>\n    </header>\n\n  <Tab \n    v-if=\"route.name !== 'Organization' &&  isAdmin\"\n    v-model:selected=\"tabProducts\"\n    :tabs=\"[\n      { name: 'All',          value: 'all' },\n      { name: 'Published',    value: 'published' },\n      { name: 'Unpublished',  value: 'unpublished' }, \n      { name: 'Archivied',    value: 'archivied' } \n    ]\"\n    style=\"flex: 0 0 auto\"\n   class=\"\n\n        p-medium\n        br-t br-solid br-light \n        bg-white\n        gap-micro pd-medium pd-t-thin pd-b-thin\n        z-index-1\n\n      \"\n      tabClass=\"bg-light  uppercase pd-small radius-small w-100\"\n  />\n\n  <div class=\"cols-2-1_3 br-b br-t br-solid br-light  h-100 z-index-3 pos-relative radius-big gap-thin\">\n\n  <div class=\"o-y-scroll br-r br-solid br-light pd-medium z-index-2 desktop-only h-100 pos-relative\">\n    <BlockFilter\n      v-model:filter=\"products.state.filter\"\n      :options=\"products.state.filter.options\"\n      class=\"h-100 w-100\"\n    />\n  </div>\n\n    <div class=\"w-100 h-max pos-relative o-hidden\">\n      <slot></slot>\n      <div class=\"pos-relative w-100  z-index-3 radius-tl-big radius-tr-big\">\n        <BlockSearch \n          @search=\"debouncedSearch\"\n          placeholder=\"Enter product name\"\n          class=\"bg-light mn-b-thin h-4r\"\n        />\n      </div>\n      <Feed\n        v-model:filter=\"products.state.filter\"\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) => products.actions.read(options),\n          state: products.state\n        }\"\n        :options=\"{\n          limit: 16,\n          owner: route.params._id,\n          categories: route.query.categories,\n          filters: generateFilters(products.state.filter.selected),\n          prices: route.query.prices,\n          delivery: route.query.delivery,\n          search: route.query.search,\n          ...(tabProducts !== 'all' && { status: tabProducts })\n          // user: user\n        }\"\n        v-slot=\"{ \n          items \n        }\"\n        class=\"cols-4 pos-relative w-100 rows-1 gap-thin\"\n       \n      >\n        <router-link  \n          v-for=\"product in items\" \n          :to=\"route.params._id ? { name: 'Organization_Product', params: { _id: route.params._id, product: product._id  } } : { name: 'Product', params: { product: product._id  } }\"\n           class=\"pos-relative h-100 w-100\"\n          >\n          <CardProduct\n            :key=\"product._id\"\n            :product=\"product\"\n            :user=\"auth.state.access\"\n            :organization=\"route.params._id\"\n            :access=\"hasAccess(route.params._id, 'products', 'edit', auth.state.accesses, auth.state.access.roles)\"\n            class=\"pos-relative  h-100 w-100 bg-light\"\n          />\n        </router-link>\n      </Feed>\n\n    </div>\n  </div>\n</div>\n</template>\n\n\n<script setup=\"props\">\n  // Import libs\n  import { ref, computed, watch, onMounted, onUnmounted } from 'vue'\n  import { useRoute, useRouter } from 'vue-router'\n\n  // Import components\n  import Tab from '@martyrs/src/components/Tab/Tab.vue'\n  import Feed from '@martyrs/src/components/Feed/Feed.vue'\n\n  import FilterProducts from '@martyrs/src/modules/products/components/sections/FilterProducts.vue'\n  import BlockSearch from '@martyrs/src/modules/globals/views/components/blocks/BlockSearch.vue'\n  import BlockFilter  from '@martyrs/src/modules/globals/views/components/blocks/BlockFilter.vue'\n\n  import CardProduct from '@martyrs/src/modules/products/components/blocks/CardProduct.vue'\n\n  import IconPlus from '@martyrs/src/modules/icons/navigation/IconPlus.vue'\n\n  // Accessing router and store\n  import * as auth from '@martyrs/src/modules/auth/views/store/auth';\n  import * as globals from '@martyrs/src/modules/globals/views/store/globals';\n  import * as products from '@martyrs/src/modules/products/store/products';\n  import * as marketplace from '@martyrs/src/modules/marketplace/views/store/marketplace';\n  import * as categories from '@martyrs/src/modules/products/store/categories';\n\n  const route = useRoute()\n  const router = useRouter()\n\n  // Tab logic\n  const tabProducts = ref(route.query.tabProducts ? route.query.tabProducts : 'all')\n\n  if (route.name !== 'Organization') route.query.tabProducts = tabProducts.value\n  \n  if (route.query) {\n    const query = route.query;\n\n    products.state.filter.selected.categories = query.categories ? query.categories.split(',') : [];\n    products.state.filter.selected.prices = query.prices ? query.prices.split(',') : [];\n    products.state.filter.selected.delivery = query.delivery ? query.delivery.split(',') : [];\n    products.state.filter.selected.brand = query.brand ? query.brand.split(',') : [];\n  }\n\n\n  watch(tabProducts, (newValue) => {\n    if (route.name !== 'Organization') router.replace({ query: { ...route.query, tabProducts: newValue } });\n  });\n\n  globals.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: () => route.params._id ? router.push({ name: 'Organization_ProductAdd', params: { _id: route.params._id} }) : router.push({ name: 'ProductAdd' })\n  }],\n\n  onMounted(async () => {\n    let categoriesFilter = await categories.actions.read({rootOnly:true});\n\n    categoriesFilter = categoriesFilter.map(category => ({\n      value: category._id,\n      label: category.name\n    }));\n\n    const index = products.state.filter.options.findIndex(option => option.value === 'categories');\n\n    const categoryOption = {\n      title: 'Categories',\n      value: 'categories',\n      options: categoriesFilter\n    };\n\n    if (index !== -1) {\n        products.state.filter.options[index] = categoryOption;\n    } else {\n        products.state.filter.options.unshift(categoryOption);\n    }\n  })\n\n  onUnmounted(() => {\n    globals.state.navigation_bar.actions = [];\n  });\n\n  watch(() => products.state.sort, (newSortValue, oldSortValue) => {\n    let query = { ...route.query}\n    \n    query.sortParam = newSortValue.param\n    query.sortOrder = newSortValue.order\n    \n    // replace the current route\n    router.replace({ query });\n  }, { deep: true });\n\n\n  watch(() => products.state.filter.selected, (newFilterValue, oldFilterValue) => {\n    // Переводим фильтр в формат query\n    const query = { ...route.query };\n\n    // Удаляем старые значения фильтра из query\n    Object.keys(oldFilterValue).forEach(key => {\n      if (query[key]) {\n        delete query[key];\n      }\n    });\n\n    // Добавляем новые значения фильтра в query\n    const newQueryValues = Object.fromEntries(\n      Object.entries(newFilterValue)\n        .filter(([key, value]) => Array.isArray(value) && value.length > 0)\n        .map(([key, value]) => [key, value.join(',')])\n    );\n\n    delete query.options;\n    Object.assign(query, newQueryValues);\n\n    // Обновляем маршрут с новым query\n    router.replace({ query });\n  }, { deep: true })\n\n\nfunction debounce(fn, delay) {\n  let timeoutId = null;\n  return (...args) => {\n    clearTimeout(timeoutId);\n    timeoutId = setTimeout(() => fn(...args), delay);\n  };\n}\n\nconst debouncedSearch = debounce((search) => {\n let query = { ...route.query}\n    \n  query.search = search\n  \n  router.replace({ query });\n}, 500);\n\n</script>\n\n<style lang=\"scss\">\n\n\n</style>\n"],"names":["products.state","globals.state","IconPlus","auth.state","categories.actions"],"mappings":"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"}
+{"version":3,"file":"Products.vue.js","sources":["../../../../../../../src/modules/products/components/pages/Products.vue"],"sourcesContent":["<template>\n  <div class=\"h-100 pos-relative\">\n    <header \n      v-if=\"route.name !== 'Organization' && !MOBILE_APP\"\n      class=\"pd-medium flex-v-center flex-nowrap flex\"\n    >\n      <h2 class=\"mn-r-medium\">Products</h2>\n      <button \n        v-if=\"hasAccess(route.params._id, 'products', 'create', auth.state.accesses, auth.state.access.roles)\"\n        @click=\"$router.push({\n          name: route.params?._id ? 'Organization_ProductAdd' : 'ProductAdd'\n        })\" \n        class=\"radius-100 i-big hover-scale-1 cursor-pointer t-white bg-second\">\n          +\n      </button>\n    </header>\n\n  <Tab \n    v-if=\"route.name !== 'Organization' &&  isAdmin\"\n    v-model:selected=\"tabProducts\"\n    :tabs=\"[\n      { name: 'All',          value: 'all' },\n      { name: 'Published',    value: 'published' },\n      { name: 'Unpublished',  value: 'unpublished' }, \n      { name: 'Archivied',    value: 'archivied' } \n    ]\"\n    style=\"flex: 0 0 auto\"\n   class=\"\n\n        p-medium\n        br-t br-solid br-light \n        bg-white\n        gap-micro pd-medium pd-t-thin pd-b-thin\n        z-index-1\n\n      \"\n      tabClass=\"bg-light  uppercase pd-small radius-small w-100\"\n  />\n\n  <div class=\"cols-2-1_3 br-1px br-solid br-light h-100 z-index-3 pos-relative radius-medium\">\n\n  <div class=\"o-y-scroll br-r br-solid br-light pd-medium z-index-2 desktop-only h-100 pos-relative\">\n    <BlockFilter\n      v-model:filter=\"products.state.filter\"\n      :options=\"products.state.filter.options\"\n      class=\"h-100 w-100\"\n    />\n  </div>\n\n    <div class=\"w-100 pd-thin h-max pos-relative o-hidden\">\n      <slot></slot>\n      <div class=\"pos-relative w-100  z-index-3 radius-tl-big radius-tr-big\">\n        <BlockSearch \n          @search=\"debouncedSearch\"\n          placeholder=\"Enter product name\"\n          class=\"bg-light mn-b-thin h-4r\"\n        />\n      </div>\n      <Feed\n        v-model:filter=\"products.state.filter\"\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) => products.actions.read(options),\n          state: products.state\n        }\"\n        :options=\"{\n          limit: 16,\n          owner: route.params._id,\n          categories: route.query.categories,\n          filters: generateFilters(products.state.filter.selected),\n          prices: route.query.prices,\n          delivery: route.query.delivery,\n          search: route.query.search,\n          ...(tabProducts !== 'all' && { status: tabProducts })\n          // user: user\n        }\"\n        v-slot=\"{ \n          items \n        }\"\n        class=\"cols-4 pos-relative w-100 rows-1 gap-thin\"\n       \n      >\n        <router-link  \n          v-for=\"product in items\" \n          :to=\"route.params._id ? { name: 'Organization_Product', params: { _id: route.params._id, product: product._id  } } : { name: 'Product', params: { product: product._id  } }\"\n           class=\"pos-relative h-100 w-100\"\n          >\n          <CardProduct\n            :key=\"product._id\"\n            :product=\"product\"\n            :user=\"auth.state.access\"\n            :organization=\"route.params._id\"\n            :access=\"hasAccess(route.params._id, 'products', 'edit', auth.state.accesses, auth.state.access.roles)\"\n            class=\"pos-relative  h-100 w-100 bg-light\"\n          />\n        </router-link>\n      </Feed>\n\n    </div>\n  </div>\n</div>\n</template>\n\n\n<script setup=\"props\">\n  // Import libs\n  import { ref, computed, watch, onMounted, onUnmounted } from 'vue'\n  import { useRoute, useRouter } from 'vue-router'\n\n  // Import components\n  import Tab from '@martyrs/src/components/Tab/Tab.vue'\n  import Feed from '@martyrs/src/components/Feed/Feed.vue'\n\n  import FilterProducts from '@martyrs/src/modules/products/components/sections/FilterProducts.vue'\n  import BlockSearch from '@martyrs/src/modules/globals/views/components/blocks/BlockSearch.vue'\n  import BlockFilter  from '@martyrs/src/modules/globals/views/components/blocks/BlockFilter.vue'\n\n  import CardProduct from '@martyrs/src/modules/products/components/blocks/CardProduct.vue'\n\n  import IconPlus from '@martyrs/src/modules/icons/navigation/IconPlus.vue'\n\n  // Accessing router and store\n  import * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n  import * as globals from '@martyrs/src/modules/globals/views/store/globals.js';\n  import * as products from '@martyrs/src/modules/products/store/products.js';\n  import * as marketplace from '@martyrs/src/modules/marketplace/views/store/marketplace.js';\n  import * as categories from '@martyrs/src/modules/products/store/categories.js';\n\n  const route = useRoute()\n  const router = useRouter()\n\n  // Tab logic\n  const tabProducts = ref(route.query.tabProducts ? route.query.tabProducts : 'all')\n\n  if (route.name !== 'Organization') route.query.tabProducts = tabProducts.value\n  \n  if (route.query) {\n    const query = route.query;\n\n    products.state.filter.selected.categories = query.categories ? query.categories.split(',') : [];\n    products.state.filter.selected.prices = query.prices ? query.prices.split(',') : [];\n    products.state.filter.selected.delivery = query.delivery ? query.delivery.split(',') : [];\n    products.state.filter.selected.brand = query.brand ? query.brand.split(',') : [];\n  }\n\n\n  watch(tabProducts, (newValue) => {\n    if (route.name !== 'Organization') router.replace({ query: { ...route.query, tabProducts: newValue } });\n  });\n\n  globals.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: () => route.params._id ? router.push({ name: 'Organization_ProductAdd', params: { _id: route.params._id} }) : router.push({ name: 'ProductAdd' })\n  }],\n\n  onMounted(async () => {\n    let categoriesFilter = await categories.actions.read({rootOnly:true});\n\n    categoriesFilter = categoriesFilter.map(category => ({\n      value: category._id,\n      label: category.name\n    }));\n\n    const index = products.state.filter.options.findIndex(option => option.value === 'categories');\n\n    const categoryOption = {\n      title: 'Categories',\n      value: 'categories',\n      options: categoriesFilter\n    };\n\n    if (index !== -1) {\n        products.state.filter.options[index] = categoryOption;\n    } else {\n        products.state.filter.options.unshift(categoryOption);\n    }\n  })\n\n  onUnmounted(() => {\n    globals.state.navigation_bar.actions = [];\n  });\n\n  watch(() => products.state.sort, (newSortValue, oldSortValue) => {\n    let query = { ...route.query}\n    \n    query.sortParam = newSortValue.param\n    query.sortOrder = newSortValue.order\n    \n    // replace the current route\n    router.replace({ query });\n  }, { deep: true });\n\n\n  watch(() => products.state.filter.selected, (newFilterValue, oldFilterValue) => {\n    // Переводим фильтр в формат query\n    const query = { ...route.query };\n\n    // Удаляем старые значения фильтра из query\n    Object.keys(oldFilterValue).forEach(key => {\n      if (query[key]) {\n        delete query[key];\n      }\n    });\n\n    // Добавляем новые значения фильтра в query\n    const newQueryValues = Object.fromEntries(\n      Object.entries(newFilterValue)\n        .filter(([key, value]) => Array.isArray(value) && value.length > 0)\n        .map(([key, value]) => [key, value.join(',')])\n    );\n\n    delete query.options;\n    Object.assign(query, newQueryValues);\n\n    // Обновляем маршрут с новым query\n    router.replace({ query });\n  }, { deep: true })\n\n\nfunction debounce(fn, delay) {\n  let timeoutId = null;\n  return (...args) => {\n    clearTimeout(timeoutId);\n    timeoutId = setTimeout(() => fn(...args), delay);\n  };\n}\n\nconst debouncedSearch = debounce((search) => {\n let query = { ...route.query}\n    \n  query.search = search\n  \n  router.replace({ query });\n}, 500);\n\n</script>\n\n<style lang=\"scss\">\n\n\n</style>\n"],"names":["products.state","globals.state","IconPlus","auth.state","categories.actions"],"mappings":"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"}

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

@@ -0,0 +1,168 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const Block = require("../../../../components/Block/Block.vue.cjs");
+const Field = require("../../../../components/Field/Field.vue.cjs");
+const Button = require("../../../../components/Button/Button.vue2.cjs");
+const Popup = require("../../../../components/Popup/Popup.vue.cjs");
+const IconEdit = require("../../../icons/navigation/IconEdit.vue.cjs");
+const IconDelete = require("../../../icons/navigation/IconDelete.vue.cjs");
+const _hoisted_1 = {
+  key: 0,
+  class: "cols-1 gap-thin"
+};
+const _hoisted_2 = { class: "w-100" };
+const _hoisted_3 = { class: "p-medium mn-b-thin t-medium d-block" };
+const _hoisted_4 = { class: "t-medium t-transp" };
+const _hoisted_5 = { class: "flex gap-thin" };
+const _hoisted_6 = ["onClick"];
+const _hoisted_7 = ["onClick"];
+const _hoisted_8 = { class: "cols-1 gap-thin" };
+const _hoisted_9 = { class: "flex gap-thin mn-t-medium" };
+const _sfc_main = {
+  __name: "EditAttributes",
+  props: {
+    "attributes": {},
+    "attributesModifiers": {}
+  },
+  emits: ["update:attributes"],
+  setup(__props) {
+    const attributes = vue.useModel(__props, "attributes");
+    const isAttributePopupOpen = vue.ref(false);
+    const editingAttributeIndex = vue.ref(null);
+    const currentAttribute = vue.reactive({
+      name: "",
+      value: ""
+    });
+    function openAttributePopup(index) {
+      if (index !== void 0) {
+        editingAttributeIndex.value = index;
+        const attribute = attributes.value[index];
+        Object.assign(currentAttribute, {
+          name: attribute.name || "",
+          value: attribute.value || ""
+        });
+      } else {
+        editingAttributeIndex.value = null;
+        Object.assign(currentAttribute, {
+          name: "",
+          value: ""
+        });
+      }
+      isAttributePopupOpen.value = true;
+    }
+    function closeAttributePopup() {
+      isAttributePopupOpen.value = false;
+      editingAttributeIndex.value = null;
+    }
+    function saveAttribute() {
+      if (!currentAttribute.name) {
+        alert("Parameter name is required");
+        return;
+      }
+      const attributeToSave = {
+        name: currentAttribute.name,
+        value: currentAttribute.value
+      };
+      if (editingAttributeIndex.value !== null) {
+        attributes.value.splice(editingAttributeIndex.value, 1, attributeToSave);
+      } else {
+        attributes.value.push(attributeToSave);
+      }
+      closeAttributePopup();
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+        vue.createVNode(Block.default, {
+          title: "Parameters",
+          placeholder: "No parameters added yet",
+          actions: [{
+            label: "+",
+            function: () => openAttributePopup()
+          }]
+        }, {
+          default: vue.withCtx(() => [
+            attributes.value.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(attributes.value, (attribute, index) => {
+                return vue.openBlock(), vue.createElementBlock("div", {
+                  key: index,
+                  class: "bg-white radius-small pd-small flex-nowrap flex-v-center flex gap-thin"
+                }, [
+                  vue.createElementVNode("div", _hoisted_2, [
+                    vue.createElementVNode("p", _hoisted_3, vue.toDisplayString(attribute.name || "Unnamed parameter"), 1),
+                    vue.createElementVNode("p", _hoisted_4, vue.toDisplayString(attribute.value || "No value"), 1)
+                  ]),
+                  vue.createElementVNode("div", _hoisted_5, [
+                    vue.createElementVNode("div", {
+                      onClick: () => openAttributePopup(index),
+                      class: "radius-small pd-small flex-center flex aspect-1x1 bg-light cursor-pointer hover-scale-1"
+                    }, [
+                      vue.createVNode(IconEdit.default, { class: "i-regular" })
+                    ], 8, _hoisted_6),
+                    vue.createElementVNode("div", {
+                      onClick: () => attributes.value.splice(index, 1),
+                      class: "radius-small pd-small flex-center flex aspect-1x1 bg-red cursor-pointer hover-scale-1"
+                    }, [
+                      vue.createVNode(IconDelete.default, { class: "i-regular" })
+                    ], 8, _hoisted_7)
+                  ])
+                ]);
+              }), 128))
+            ])) : vue.createCommentVNode("", true)
+          ]),
+          _: 1
+        }, 8, ["actions"]),
+        vue.createVNode(Popup.default, {
+          title: "Edit Parameter",
+          onClosePopup: closeAttributePopup,
+          isPopupOpen: isAttributePopupOpen.value,
+          class: "bg-white w-max-40r radius-medium pd-medium"
+        }, {
+          default: vue.withCtx(() => [
+            vue.createElementVNode("div", _hoisted_8, [
+              vue.createVNode(Field.default, {
+                field: currentAttribute.name,
+                "onUpdate:field": _cache[0] || (_cache[0] = ($event) => currentAttribute.name = $event),
+                label: "Name",
+                placeholder: "Parameter Name",
+                class: "w-100 bg-light radius-small pd-small"
+              }, null, 8, ["field"]),
+              vue.createVNode(Field.default, {
+                field: currentAttribute.value,
+                "onUpdate:field": _cache[1] || (_cache[1] = ($event) => currentAttribute.value = $event),
+                label: "Value",
+                placeholder: "Parameter Value",
+                class: "w-100 bg-light radius-small pd-small"
+              }, null, 8, ["field"]),
+              vue.createElementVNode("div", _hoisted_9, [
+                vue.createVNode(Button.default, {
+                  showSuccess: false,
+                  showLoader: false,
+                  class: "bg-red t-white w-100",
+                  onClick: closeAttributePopup
+                }, {
+                  default: vue.withCtx(() => _cache[2] || (_cache[2] = [
+                    vue.createTextVNode(" Cancel ")
+                  ])),
+                  _: 1
+                }),
+                vue.createVNode(Button.default, {
+                  class: "bg-main w-100",
+                  onClick: saveAttribute
+                }, {
+                  default: vue.withCtx(() => _cache[3] || (_cache[3] = [
+                    vue.createTextVNode(" Save ")
+                  ])),
+                  _: 1
+                })
+              ])
+            ])
+          ]),
+          _: 1
+        }, 8, ["isPopupOpen"])
+      ], 64);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=EditAttributes.vue.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EditAttributes.vue.cjs","sources":["../../../../../../../src/modules/products/components/sections/EditAttributes.vue"],"sourcesContent":["<template>\n  <Block\n    title=\"Parameters\"\n    placeholder=\"No parameters added yet\"\n    :actions=\"[{\n      label: '+',\n      function: () => openAttributePopup()\n    }]\"\n  >\n    <div v-if=\"attributes.length > 0\" class=\"cols-1 gap-thin\">\n      <div\n        v-for=\"(attribute, index) in attributes\"\n        :key=\"index\"\n        class=\"bg-white radius-small pd-small flex-nowrap flex-v-center flex gap-thin\"\n      >\n        <div class=\"w-100\">\n          <p class=\"p-medium mn-b-thin t-medium d-block\">{{ attribute.name || 'Unnamed parameter' }}</p>\n          <p class=\"t-medium t-transp\">{{ attribute.value || 'No value' }}</p>\n        </div>\n        \n        <div class=\"flex gap-thin\">\n          <div @click=\"() => openAttributePopup(index)\" class=\"radius-small pd-small flex-center flex aspect-1x1 bg-light cursor-pointer hover-scale-1\">\n            <IconEdit\n              class=\"i-regular\"\n            />\n          </div>\n          <div @click=\"() => attributes.splice(index, 1)\" class=\"radius-small pd-small flex-center flex aspect-1x1 bg-red cursor-pointer hover-scale-1\">\n            <IconDelete\n              class=\"i-regular\"\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n  </Block>\n\n  <Popup\n    title=\"Edit Parameter\"\n    @close-popup=\"closeAttributePopup\"\n    :isPopupOpen=\"isAttributePopupOpen\"\n    class=\"bg-white w-max-40r radius-medium pd-medium\"\n  >\n    <div class=\"cols-1 gap-thin\">\n      <Field\n        v-model:field=\"currentAttribute.name\"\n        label=\"Name\"\n        placeholder=\"Parameter Name\"\n        class=\"w-100 bg-light radius-small pd-small\"\n      />\n\n      <Field\n        v-model:field=\"currentAttribute.value\"\n        label=\"Value\"\n        placeholder=\"Parameter Value\"\n        class=\"w-100 bg-light radius-small pd-small\"\n      />\n\n      <div class=\"flex gap-thin mn-t-medium\">\n        <Button\n          :showSuccess=\"false\"\n          :showLoader=\"false\"\n          class=\"bg-red t-white w-100\"\n          @click=\"closeAttributePopup\"\n        >\n          Cancel\n        </Button>\n        <Button\n          class=\"bg-main w-100\"\n          @click=\"saveAttribute\"\n        >\n          Save\n        </Button>\n      </div>\n    </div>\n  </Popup>\n</template>\n\n<script setup>\nimport { ref, reactive, defineModel } from 'vue';\nimport Block from '@martyrs/src/components/Block/Block.vue';\nimport Field from '@martyrs/src/components/Field/Field.vue';\nimport Button from '@martyrs/src/components/Button/Button.vue';\nimport Popup from '@martyrs/src/components/Popup/Popup.vue';\nimport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue';\nimport IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue';\n\n// Используем defineModel для работы с v-model в родительском компоненте\nconst attributes = defineModel('attributes');\n\n// Локальное состояние\nconst isAttributePopupOpen = ref(false);\nconst editingAttributeIndex = ref(null);\nconst currentAttribute = reactive({\n  name: '',\n  value: ''\n});\n\n// Функция открытия попапа добавления/редактирования\nfunction openAttributePopup(index) {\n  // Если передан индекс, это редактирование существующего атрибута\n  if (index !== undefined) {\n    editingAttributeIndex.value = index;\n    const attribute = attributes.value[index];\n    \n    // Копируем данные в currentAttribute\n    Object.assign(currentAttribute, {\n      name: attribute.name || '',\n      value: attribute.value || ''\n    });\n  } else {\n    // Сброс данных при создании нового атрибута\n    editingAttributeIndex.value = null;\n    Object.assign(currentAttribute, {\n      name: '',\n      value: ''\n    });\n  }\n  \n  isAttributePopupOpen.value = true;\n}\n\n// Закрытие попапа\nfunction closeAttributePopup() {\n  isAttributePopupOpen.value = false;\n  editingAttributeIndex.value = null;\n}\n\n// Сохранение атрибута\nfunction saveAttribute() {\n  // Проверка на основные поля\n  if (!currentAttribute.name) {\n    alert('Parameter name is required');\n    return;\n  }\n\n  // Создаем копию текущего атрибута для сохранения\n  const attributeToSave = {\n    name: currentAttribute.name,\n    value: currentAttribute.value\n  };\n\n  // Если редактируем существующий атрибут\n  if (editingAttributeIndex.value !== null) {\n    // Обновляем существующий атрибут\n    attributes.value.splice(editingAttributeIndex.value, 1, attributeToSave);\n  } else {\n    // Добавляем новый атрибут\n    attributes.value.push(attributeToSave);\n  }\n\n  // Закрываем попап\n  closeAttributePopup();\n}\n</script>"],"names":["_useModel","ref","reactive"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuFA,UAAM,aAAaA,IAAAA,SAAW,SAAC,YAAY;AAG3C,UAAM,uBAAuBC,IAAG,IAAC,KAAK;AACtC,UAAM,wBAAwBA,IAAG,IAAC,IAAI;AACtC,UAAM,mBAAmBC,IAAAA,SAAS;AAAA,MAChC,MAAM;AAAA,MACN,OAAO;AAAA,IACT,CAAC;AAGD,aAAS,mBAAmB,OAAO;AAEjC,UAAI,UAAU,QAAW;AACvB,8BAAsB,QAAQ;AAC9B,cAAM,YAAY,WAAW,MAAM,KAAK;AAGxC,eAAO,OAAO,kBAAkB;AAAA,UAC9B,MAAM,UAAU,QAAQ;AAAA,UACxB,OAAO,UAAU,SAAS;AAAA,QAChC,CAAK;AAAA,MACL,OAAS;AAEL,8BAAsB,QAAQ;AAC9B,eAAO,OAAO,kBAAkB;AAAA,UAC9B,MAAM;AAAA,UACN,OAAO;AAAA,QACb,CAAK;AAAA,MACL;AAEE,2BAAqB,QAAQ;AAAA,IAC/B;AAGA,aAAS,sBAAsB;AAC7B,2BAAqB,QAAQ;AAC7B,4BAAsB,QAAQ;AAAA,IAChC;AAGA,aAAS,gBAAgB;AAEvB,UAAI,CAAC,iBAAiB,MAAM;AAC1B,cAAM,4BAA4B;AAClC;AAAA,MACJ;AAGE,YAAM,kBAAkB;AAAA,QACtB,MAAM,iBAAiB;AAAA,QACvB,OAAO,iBAAiB;AAAA,MACzB;AAGD,UAAI,sBAAsB,UAAU,MAAM;AAExC,mBAAW,MAAM,OAAO,sBAAsB,OAAO,GAAG,eAAe;AAAA,MAC3E,OAAS;AAEL,mBAAW,MAAM,KAAK,eAAe;AAAA,MACzC;AAGE,0BAAqB;AAAA,IACvB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}