@ozdao/prometheus-framework 0.2.330 → 0.2.331

package/dist/prometheus-framework/src/modules/products/components/pages/Categories.vue.js

@@ -1,14 +1,14 @@
-import { onUnmounted, withAsyncContext, onMounted, computed, resolveComponent, openBlock, createElementBlock, createBlock, withCtx, createElementVNode, createVNode, createTextVNode, createCommentVNode } from "vue";
+import { onUnmounted, withAsyncContext, onMounted, computed, resolveComponent, createElementBlock, openBlock, createBlock, createCommentVNode, withCtx, createElementVNode, createVNode, createTextVNode } from "vue";
 import { useRoute, useRouter } from "vue-router";
-import { state } from "../../../globals/views/store/globals.js";
-import { state as state$1 } from "../../../auth/views/store/auth.js";
+import { state as state$1 } from "../../../globals/views/store/globals.js";
+import { state } from "../../../auth/views/store/auth.js";
 import { state as state$2, actions } from "../../store/categories.js";
-import _sfc_main$3 from "../../../../components/Button/Button.vue.js";
+import _sfc_main$3 from "../../../../components/Button/Button.vue2.js";
 import _sfc_main$2 from "../../../../components/Block/Block.vue.js";
 /* empty css                                       */
-/* empty css                                           */
+/* empty css                                            */
 /* empty css                                             */
-/* empty css                                      */
+/* empty css                                     */
 /* empty css                                         */
 /* empty css                                        */
 /* empty css                                    */
@@ -22,18 +22,18 @@ const _sfc_main = {
     let __temp, __restore;
     const route = useRoute();
     const router = useRouter();
-    state.navigation_bar.actions = [{
+    state$1.navigation_bar.actions = [{
       component: _sfc_main$1,
       props: {
         fill: "rgb(var(--main))"
       },
-      condition: () => state$1.user && state$1.user._id,
+      condition: () => state.user && state.user._id,
       action: () => route.params._id ? router.push({ name: "Category Add", params: { _id: route.params._id } }) : router.push({ name: "Category Add" })
     }], onUnmounted(() => {
-      state.navigation_bar.actions = [];
+      state$1.navigation_bar.actions = [];
     });
     state$2.all = ([__temp, __restore] = withAsyncContext(() => actions.read({
-      user: state$1.user._id,
+      user: state.user._id,
       rootOnly: true,
       limit: 10
     })), __temp = await __temp, __restore(), __temp);

package/dist/prometheus-framework/src/modules/products/components/pages/Categories.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Categories.vue.js","sources":["../../../../../../../src/modules/products/components/pages/Categories.vue"],"sourcesContent":["<template>\n  <div class=\"pd-thin bg-white\">\n    <Block v-if=\"!MOBILE_APP\" \n      class=\"radius-big mn-b-thin flex-nowrap flex-v-center flex\"\n    >\n      <h2 class=\"mn-r-auto\">\n        Product Categories\n      </h2>\n\n      <router-link \n        :to=\"{\n          name: 'Category Add', \n          params: { \n            _id: $route.params._id\n          } \n        }\"\n        class=\"mn-r-medium uppercase t-medium pd-small radius-big  bg-white nav-link\"\n      >\n        Add category\n      </router-link>\n\n      <Button \n        @click=\"updateCategoriesOrder\" \n        class=\"pd-small radius-big bg-black t-white uppercase t-medium\"\n      >\n        Change Order\n      </Button>\n    </Block>\n    <!-- <Feed\n      :states=\"{\n        empty: {\n          title: 'No Events Found',\n          description: 'Currently, there are no events available.'\n        }\n      }\"\n      :store=\"{\n        read: (options) => categories.actions.read(options),\n        state: categories.state\n      }\"\n      :options=\"{\n          user: auth.state.user._id,\n          rootOnly: true,\n          limit: 10\n      }\"\n      v-slot=\"{ \n        items \n      }\"\n    > -->\n      <CategoryList \n        v-if=\"categories.state.all\" \n        :items=\"categories.state.all\" \n        :state=\"categories.state.all\" \n        @update=\"updateCategoriesOrder\" \n      />\n\n     <!--  <VueDraggableNext \n        class=\"dragArea list-group w-full\" \n        :list=\"items\" \n        item-key=\"order\" \n        @end=\"updateOrder\"\n      >\n        <CardCategory \n          v-for=\"(category,index) in items\"\n          :key=\"category.id\"\n          :category=\"category\" \n          @delete=\"deleteCategory\"\n          class=\"pd-medium bg-light radius-medium mn-b-thin\"\n        />\n      </VueDraggableNext> -->\n    <!-- </Feed> -->\n  </div>\n</template>\n\n<script setup>\n  import { onMounted, onUnmounted, computed } from 'vue';\n  import { VueDraggableNext } from 'vue-draggable-next';\n\n  import { useRoute, useRouter } from 'vue-router';\n\n  import * as globals from '@pf/src/modules/globals/views/store/globals';\n  import * as auth from '@pf/src/modules/auth/views/store/auth'; \n  import * as categories from '@pf/src/modules/products/store/categories'; \n\n  const route = useRoute();\n  const router = useRouter();\n\n  import Button from \"@pf/src/components/Button/Button.vue\";\n  import Block from '@pf/src/components/Block/Block.vue';\n  import Feed from '@pf/src/components/Feed/Feed.vue'\n\n  import CardCategory from '@pf/src/modules/products/components/blocks/CardCategory.vue';\n  import CategoryList from '@pf/src/modules/products/components/sections/CategoriesTree.vue';\n\n  import IconPlus from '@pf/src/modules/icons/navigation/IconPlus.vue'\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: 'Category Add', params: { _id: route.params._id} }) : router.push({ name: 'Category Add' })\n  }],\n\n onUnmounted(() => {\n    globals.state.navigation_bar.actions = [];\n  });\n\ncategories.state.all = await categories.actions.read({\n      user: auth.state.user._id,\n      rootOnly: true,\n      limit: 10\n    })\n  onMounted(async () => {\n    \n  });\n\n  const mappedCategories = computed(() => {\n   const recursiveMap = (data) => {\n     return data.map(item => ({\n       // id: item._id, \n      parent: item.parent,\n      _id: item._id,\n      order: item.order,\n      name: item.name, \n      children: item.children ? recursiveMap(item.children) : []\n     }));\n   };\n   \n   return recursiveMap(categories.state.all);\n  });\n\n  function flattenCategoryTree(categories) {\n    let flatCategories = [];\n    \n    function flatten(category) {\n      const { children, ...categoryWithoutChildren } = category;\n      flatCategories.push(categoryWithoutChildren);\n      \n      if (children && Array.isArray(children)) {\n        children.forEach(child => flatten(child));\n      }\n    }\n    \n    categories.forEach(category => flatten(category));\n    return flatCategories;\n  }\n\n  // Обновленная функция для обновления порядка категорий\n  async 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.update(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  async function deleteCategory(category) {\n  // Запрашиваем подтверждение у пользователя\n    const isConfirmed = confirm(`Are you sure you want to delete the category \"${category.name}\"?`);\n    \n    // Если пользователь подтвердил удаление, продолжаем процесс\n    if (isConfirmed) {\n      await categories.actions.deleteCategory(category.url);\n    } else {\n      alert('Category deletion cancelled'); \n    }\n  }\n\n</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":["globals.state","IconPlus","auth.state","categories.state","_withAsyncContext","categories.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAmFE,UAAM,QAAQ;AACd,UAAM,SAAS;AAWfA,UAAc,eAAe,UAAU,CAAC;AAAA,MACtC,WAAWC;AAAAA,MACX,OAAO;AAAA,QACL,MAAM;AAAA,MACP;AAAA,MACD,WAAW,MAAMC,QAAW,QAAQA,QAAW,KAAK;AAAA,MACpD,QAAQ,MAAM,MAAM,OAAO,MAAM,OAAO,KAAK,EAAE,MAAM,gBAAgB,QAAQ,EAAE,KAAK,MAAM,OAAO,IAAG,EAAG,CAAA,IAAI,OAAO,KAAK,EAAE,MAAM,gBAAgB;AAAA,IACnJ,CAAG,GAEF,YAAY,MAAM;AACfF,YAAc,eAAe,UAAU;IAC3C,CAAG;AAEHG,YAAiB,OAAY,CAAA,QAAA,SAAA,IAAAC,iBAAA,MAAAC,QAAmB,KAAK;AAAA,MAC/C,MAAMH,QAAW,KAAK;AAAA,MACtB,UAAU;AAAA,MACV,OAAO;AAAA,IACb,CAAK,CAAA;AACH,cAAU,YAAY;AAAA,IAExB,CAAG;AAEwB,aAAS,MAAM;AACvC,YAAM,eAAe,CAAC,SAAS;AAC7B,eAAO,KAAK,IAAI,WAAS;AAAA;AAAA,UAExB,QAAQ,KAAK;AAAA,UACb,KAAK,KAAK;AAAA,UACV,OAAO,KAAK;AAAA,UACZ,MAAM,KAAK;AAAA,UACX,UAAU,KAAK,WAAW,aAAa,KAAK,QAAQ,IAAI,CAAE;AAAA,QAC1D,EAAC;AAAA,MACP;AAEG,aAAO,aAAaC,QAAiB,GAAG;AAAA,IAC3C,CAAG;AAED,aAAS,oBAAoB,YAAY;AACvC,UAAI,iBAAiB,CAAA;AAErB,eAAS,QAAQ,UAAU;AACzB,cAAM,EAAE,UAAU,GAAG,wBAAuB,IAAK;AACjD,uBAAe,KAAK,uBAAuB;AAE3C,YAAI,YAAY,MAAM,QAAQ,QAAQ,GAAG;AACvC,mBAAS,QAAQ,WAAS,QAAQ,KAAK,CAAC;AAAA,QACzC;AAAA,MACF;AAED,iBAAW,QAAQ,cAAY,QAAQ,QAAQ,CAAC;AAChD,aAAO;AAAA,IACR;AAGD,mBAAe,sBAAsB,UAAU;AAC7C,UAAI;AAEF,cAAM,gBAAgBA,QAAiB;AACvC,cAAM,sBAAsB,oBAAoB,aAAa;AAG7D,gBAAQ,IAAI,UAAU,mBAAmB;AACzC,cAAME,QAAmB,OAAO,mBAAmB;AAEnD,gBAAQ,IAAI,uCAAuC;AAAA,MACpD,SAAQ,OAAO;AACd,gBAAQ,MAAM,oCAAoC,KAAK;AACvD,cAAM;AAAA,MACP;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Categories.vue.js","sources":["../../../../../../../src/modules/products/components/pages/Categories.vue"],"sourcesContent":["<template>\n  <div class=\"pd-thin bg-white\">\n    <Block v-if=\"!MOBILE_APP\" \n      class=\"radius-big mn-b-thin flex-nowrap flex-v-center flex\"\n    >\n      <h2 class=\"mn-r-auto\">\n        Product Categories\n      </h2>\n\n      <router-link \n        :to=\"{\n          name: 'Category Add', \n          params: { \n            _id: $route.params._id\n          } \n        }\"\n        class=\"mn-r-medium uppercase t-medium pd-small radius-big  bg-white nav-link\"\n      >\n        Add category\n      </router-link>\n\n      <Button \n        @click=\"updateCategoriesOrder\" \n        class=\"pd-small radius-big bg-black t-white uppercase t-medium\"\n      >\n        Change Order\n      </Button>\n    </Block>\n    <!-- <Feed\n      :states=\"{\n        empty: {\n          title: 'No Events Found',\n          description: 'Currently, there are no events available.'\n        }\n      }\"\n      :store=\"{\n        read: (options) => categories.actions.read(options),\n        state: categories.state\n      }\"\n      :options=\"{\n          user: auth.state.user._id,\n          rootOnly: true,\n          limit: 10\n      }\"\n      v-slot=\"{ \n        items \n      }\"\n    > -->\n      <CategoryList \n        v-if=\"categories.state.all\" \n        :items=\"categories.state.all\" \n        :state=\"categories.state.all\" \n        @update=\"updateCategoriesOrder\" \n      />\n\n     <!--  <VueDraggableNext \n        class=\"dragArea list-group w-full\" \n        :list=\"items\" \n        item-key=\"order\" \n        @end=\"updateOrder\"\n      >\n        <CardCategory \n          v-for=\"(category,index) in items\"\n          :key=\"category.id\"\n          :category=\"category\" \n          @delete=\"deleteCategory\"\n          class=\"pd-medium bg-light radius-medium mn-b-thin\"\n        />\n      </VueDraggableNext> -->\n    <!-- </Feed> -->\n  </div>\n</template>\n\n<script setup>\n  import { onMounted, onUnmounted, computed } from 'vue';\n  import { VueDraggableNext } from 'vue-draggable-next';\n\n  import { useRoute, useRouter } from 'vue-router';\n\n  import * as globals from '@pf/src/modules/globals/views/store/globals';\n  import * as auth from '@pf/src/modules/auth/views/store/auth'; \n  import * as categories from '@pf/src/modules/products/store/categories'; \n\n  const route = useRoute();\n  const router = useRouter();\n\n  import Button from \"@pf/src/components/Button/Button.vue\";\n  import Block from '@pf/src/components/Block/Block.vue';\n  import Feed from '@pf/src/components/Feed/Feed.vue'\n\n  import CardCategory from '@pf/src/modules/products/components/blocks/CardCategory.vue';\n  import CategoryList from '@pf/src/modules/products/components/sections/CategoriesTree.vue';\n\n  import IconPlus from '@pf/src/modules/icons/navigation/IconPlus.vue'\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: 'Category Add', params: { _id: route.params._id} }) : router.push({ name: 'Category Add' })\n  }],\n\n onUnmounted(() => {\n    globals.state.navigation_bar.actions = [];\n  });\n\ncategories.state.all = await categories.actions.read({\n      user: auth.state.user._id,\n      rootOnly: true,\n      limit: 10\n    })\n  onMounted(async () => {\n    \n  });\n\n  const mappedCategories = computed(() => {\n   const recursiveMap = (data) => {\n     return data.map(item => ({\n       // id: item._id, \n      parent: item.parent,\n      _id: item._id,\n      order: item.order,\n      name: item.name, \n      children: item.children ? recursiveMap(item.children) : []\n     }));\n   };\n   \n   return recursiveMap(categories.state.all);\n  });\n\n  function flattenCategoryTree(categories) {\n    let flatCategories = [];\n    \n    function flatten(category) {\n      const { children, ...categoryWithoutChildren } = category;\n      flatCategories.push(categoryWithoutChildren);\n      \n      if (children && Array.isArray(children)) {\n        children.forEach(child => flatten(child));\n      }\n    }\n    \n    categories.forEach(category => flatten(category));\n    return flatCategories;\n  }\n\n  // Обновленная функция для обновления порядка категорий\n  async 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.update(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  async function deleteCategory(category) {\n  // Запрашиваем подтверждение у пользователя\n    const isConfirmed = confirm(`Are you sure you want to delete the category \"${category.name}\"?`);\n    \n    // Если пользователь подтвердил удаление, продолжаем процесс\n    if (isConfirmed) {\n      await categories.actions.deleteCategory(category.url);\n    } else {\n      alert('Category deletion cancelled'); \n    }\n  }\n\n</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":["globals.state","IconPlus","auth.state","categories.state","_withAsyncContext","categories.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAmFE,UAAM,QAAQ,SAAU;AACxB,UAAM,SAAS,UAAW;AAW1BA,YAAc,eAAe,UAAU,CAAC;AAAA,MACtC,WAAWC;AAAAA,MACX,OAAO;AAAA,QACL,MAAM;AAAA,MACP;AAAA,MACD,WAAW,MAAMC,MAAW,QAAQA,MAAW,KAAK;AAAA,MACpD,QAAQ,MAAM,MAAM,OAAO,MAAM,OAAO,KAAK,EAAE,MAAM,gBAAgB,QAAQ,EAAE,KAAK,MAAM,OAAO,IAAG,EAAG,CAAA,IAAI,OAAO,KAAK,EAAE,MAAM,eAAgB,CAAA;AAAA,IACnJ,CAAG,GAEF,YAAY,MAAM;AACfF,cAAc,eAAe,UAAU,CAAE;AAAA,IAC7C,CAAG;AAEHG,YAAiB,OAAY,CAAA,QAAA,SAAA,IAAAC,iBAAA,MAAAC,QAAmB,KAAK;AAAA,MAC/C,MAAMH,MAAW,KAAK;AAAA,MACtB,UAAU;AAAA,MACV,OAAO;AAAA,IACb,CAAK,CAAA;AACH,cAAU,YAAY;AAAA,IAExB,CAAG;AAEwB,aAAS,MAAM;AACvC,YAAM,eAAe,CAAC,SAAS;AAC7B,eAAO,KAAK,IAAI,WAAS;AAAA;AAAA,UAExB,QAAQ,KAAK;AAAA,UACb,KAAK,KAAK;AAAA,UACV,OAAO,KAAK;AAAA,UACZ,MAAM,KAAK;AAAA,UACX,UAAU,KAAK,WAAW,aAAa,KAAK,QAAQ,IAAI,CAAA;AAAA,QAC9D,EAAO;AAAA,MACH;AAED,aAAO,aAAaC,QAAiB,GAAG;AAAA,IACxC,CAAA;AAED,aAAS,oBAAoB,YAAY;AACvC,UAAI,iBAAiB,CAAE;AAEvB,eAAS,QAAQ,UAAU;AACzB,cAAM,EAAE,UAAU,GAAG,wBAAuB,IAAK;AACjD,uBAAe,KAAK,uBAAuB;AAE3C,YAAI,YAAY,MAAM,QAAQ,QAAQ,GAAG;AACvC,mBAAS,QAAQ,WAAS,QAAQ,KAAK,CAAC;AAAA,QAChD;AAAA,MACA;AAEI,iBAAW,QAAQ,cAAY,QAAQ,QAAQ,CAAC;AAChD,aAAO;AAAA,IACX;AAGE,mBAAe,sBAAsB,UAAU;AAC7C,UAAI;AAEF,cAAM,gBAAgBA,QAAiB;AACvC,cAAM,sBAAsB,oBAAoB,aAAa;AAG7D,gBAAQ,IAAI,UAAU,mBAAmB;AACzC,cAAME,QAAmB,OAAO,mBAAmB;AAEnD,gBAAQ,IAAI,uCAAuC;AAAA,MACpD,SAAQ,OAAO;AACd,gBAAQ,MAAM,oCAAoC,KAAK;AACvD,cAAM;AAAA,MACZ;AAAA,IACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/products/components/pages/CategoryEdit.vue.cjs

@@ -3,12 +3,12 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const vueRouter = require("vue-router");
 const IconDelete = require("../../../icons/navigation/IconDelete.vue.cjs");
-const Button = require("../../../../components/Button/Button.vue.cjs");
+const Button = require("../../../../components/Button/Button.vue2.cjs");
 const Select = require("../../../../components/Select/Select.vue.cjs");
 const UploadImage = require("../../../../components/UploadImage/UploadImage.vue.cjs");
-const Field = require("../../../../components/Field/Field.vue.cjs");
+const Field = require("../../../../components/Field/Field.vue2.cjs");
 ;/* empty css                                         */
-;/* empty css                                             */
+;/* empty css                                              */
 ;/* empty css                                               */
 ;/* empty css                                           */
 ;/* empty css                                          */

package/dist/prometheus-framework/src/modules/products/components/pages/CategoryEdit.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CategoryEdit.vue.cjs","sources":["../../../../../../../src/modules/products/components/pages/CategoryEdit.vue"],"sourcesContent":["<template>\n  <div  class=\"pd-thin bg-white for-transition w-100\">\n    <Block v-if=\"!MOBILE_APP\" class=\"radius-big mn-b-thin flex-nowrap flex-v-center flex\">\n      <h1   class=\"mn-r-auto\">\n        {{route.params.category ? 'Edit Category' : 'Add Category'}}\n      </h1>\n\n      <Button \n        :submit=\"onSubmit\"\n        :callback=\"redirectTo\"\n        class=\"pd-small radius-big bg-main t-black uppercase t-medium\"\n      >\n        Save Category \n      </Button>\n    </Block>\n    \n    <Block \n      title=\"Profile\"\n      class=\"mn-b-thin\"\n    >\n       \n\n    \n\n       <div class=\"mn-b-medium w-100 flex-nowrap gap-thin flex\">\n        <UploadImage \n           v-model:photo=\"categories.state.current.photo\"\n          :uploadPath=\"'categories'\"\n          class=\"w-8r aspect-1x1 o-hidden mn-r-small radius-extra\" \n        />\n       <Field\n            v-model:field=\"categories.state.current.name\"\n            label=\"Name\"\n            placeholder=\"Enter category name\"\n            class=\"w-100 mn-b-small bg-white radius-small pd-medium\"\n          />  \n      </div>\n\n        <div class=\"mn-b-medium w-100 flex-nowrap gap-thin flex\">\n\n\n         <Field\n            v-model:field=\"categories.state.current.order\"\n            label=\"Order\"\n            :disabled=\"true\"\n            class=\"w-40 bg-white radius-small pd-medium\"\n          />  \n         <Field\n            v-model:field=\"categories.state.current.url\"\n            label=\"URL\"\n            placeholder=\"Enter category URL\"\n            class=\"w-100 bg-white radius-small pd-medium\"\n          />  \n         \n      </div>\n\n      <Select \n        v-model:select=\"categories.state.current.status\"\n        label=\"Status\"\n        :options=\"[\n          'draft', \n          'internal',\n          'published',\n          'removed'\n        ]\"\n        placeholder=\"Display product\"\n        class=\"pos-relative w-100 mn-b-small bg-white radius-small pd-medium\"\n      />\n\n      <div class=\"flex-v-center flex-nowrap flex\">\n        <h4  class=\"mn-r-thin t-medium\">Localization</h4>\n          \n        <button \n          @click=\"() => categories.state.current.localization.push({locale: '', text: ''})\" \n          class=\"i-small pd-thin button-delete button\"\n        >\n          +\n        </button>\n      </div>\n      <div \n        class=\"gap-thin mn-b-thin flex-nowrap flex\" \n        v-for=\"(item, index) in categories.state.current.localization\" \n        :key=\"index\"\n      > \n        <Field\n          v-model:field=\"item.locale\"\n          placeholder=\"Locale\"\n          class=\"w-100 bg-white radius-small pd-medium\"\n        />  \n        <Field\n          v-model:field=\"item.text\"\n          placeholder=\"Text\"\n          class=\"w-100 bg-white radius-small pd-medium\"\n        />\n        <div\n          @click=\"() => categories.state.current.localization.splice(index, 1)\"  \n          class=\"radius-small pd-small flex-center flex aspect-1x1 bg-red\"\n        >\n          <IconDelete \n            class=\"i-medium\"\n          />\n        </div>\n      </div>\n\n      \n    </Block>\n    <!-- Subcategories -->\n    <!-- <Block\n      title=\"Subcategories\"\n      placeholder=\"No subcategories added yet\"\n      :actions=\"[{\n        label: '+',\n        function: () => categories.state.current.children.push({name: '', url: ''})\n      }]\"\n      class=\"mn-b-thin\"\n    >\n   \n      <div \n        class=\"gap-thin mn-b-thin flex-nowrap flex\" \n        v-for=\"(item, index) in categories.state.current.children\" \n        :key=\"index\"\n      > \n        <Field\n          v-model:field=\"item.name\"\n          placeholder=\"Subcategory name\"\n          class=\"w-100 bg-white radius-small pd-medium\"\n        />  \n        <Field\n          v-model:field=\"item.url\"\n          placeholder=\"Subcategory\"\n          class=\"w-100 bg-white radius-small pd-medium\"\n        />\n        <div\n          @click=\"() => categories.state.current.children.splice(index, 1)\"  \n          class=\"radius-small pd-small flex-center flex aspect-1x1 bg-red\"\n        >\n          <IconDelete \n            class=\"i-medium\"\n          />\n        </div>\n      </div> \n    </Block> -->\n     <!-- Filters -->\n    <Block\n      title=\"Filters\"\n      placeholder=\"No filters added yet\"\n      :actions=\"[{\n        label: '+',\n        function: () => categories.state.current.filters.push({name: '', url: ''})\n      }]\"\n    >\n      <div \n        class=\"gap-thin mn-b-thin flex-nowrap flex\" \n        v-for=\"(item, index) in categories.state.current.filters\" \n        :key=\"index\"\n      > \n        <Field\n          v-model:field=\"item.name\"\n          placeholder=\"Filter name\"\n          class=\"w-100 bg-white radius-small pd-medium\"\n        />  \n        <Field\n          v-model:field=\"item.options\"\n          placeholder=\"Filter options divided by ,\"\n          class=\"w-100 bg-white radius-small pd-medium\"\n        />\n        <div\n          @click=\"() => categories.state.current.filters.splice(index, 1)\"  \n          class=\"radius-small pd-small flex-center flex aspect-1x1 bg-red\"\n        >\n          <IconDelete \n            class=\"i-medium\"\n          />\n        </div>\n      </div> \n    </Block>\n  </div>\n \n</template>\n\n<script setup>\n  // Import libs\n  import { computed, onUnmounted } from 'vue'\n  import { useRoute,useRouter } from 'vue-router'\n  \n  import IconDelete from '@pf/src/modules/icons/navigation/IconDelete.vue';\n\n  import Button from \"@pf/src/components/Button/Button.vue\";\n  import Select from \"@pf/src/components/Select/Select.vue\";\n  import UploadImage from '@pf/src/components/UploadImage/UploadImage.vue';\n  import Field from \"@pf/src/components/Field/Field.vue\";\n  import Feed from '@pf/src/components/Feed/Feed.vue'\n\n\n  import Block from '@pf/src/components/Block/Block.vue';\n\n  import IconCheckmark from '@pf/src/modules/icons/navigation/IconCheckmark.vue'\n\n  // Import the new store structure\n  import * as globals from '@pf/src/modules/globals/views/store/globals';\n  import * as auth from '@pf/src/modules/auth/views/store/auth'; \n  import * as categories from '@pf/src/modules/products/store/categories';\n\n  const route = useRoute()\n  const router = useRouter()\n\n  // Data prefetching\n  if (route.params.category) {\n    categories.actions.read({url: route.params.category})\n  } else {\n    categories.actions.clean() // Adjusted based on the new store's method to reset the category state\n  }\n\n  // Accessing state\n  const category = computed(() => categories.state.current)\n  const routePath = computed(() => route.name)\n\n  // Navigation Bar\n  globals.state.navigation_bar.actions = [{\n    component: IconCheckmark,\n    props: {\n      fill: \"rgb(var(--main))\" \n    },\n    condition: () => auth.state.user && auth.state.user._id,\n    action: () => onSubmit()\n  }],\n\n onUnmounted(() => {\n    globals.state.navigation_bar.actions = [];\n  });\n\n\n\n  // Functions\n  function onSubmit() {\n    if (route.params.category) {\n      categories.actions.update(categories.state.current)\n    } else {\n      categories.actions.create(categories.state.current)\n    }\n  }\n\n  function redirectTo () {\n    router.push({\n      name: 'Categories Organization', \n      params: { \n        _id: route.params._id\n      } \n    })\n  }\n</script>\n\n<style lang=\"scss\">\n  /* Your styles here */\n</style>\n"],"names":["useRoute","useRouter","categories.actions","computed","categories.state","globals.state","IconCheckmark","auth.state","onUnmounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2ME,UAAM,QAAQA,UAAAA,SAAU;AACxB,UAAM,SAASC,UAAAA,UAAW;AAG1B,QAAI,MAAM,OAAO,UAAU;AACzBC,iBAAkB,QAAC,KAAK,EAAC,KAAK,MAAM,OAAO,SAAQ,CAAC;AAAA,IACxD,OAAS;AACLA,iBAAAA,QAAmB,MAAO;AAAA,IAC3B;AAGgBC,iBAAS,MAAMC,WAAgB,MAAC,OAAO;AACtCD,iBAAS,MAAM,MAAM,IAAI;AAG3CE,kBAAc,eAAe,UAAU,CAAC;AAAA,MACtC,WAAWC,cAAa;AAAA,MACxB,OAAO;AAAA,QACL,MAAM;AAAA,MACP;AAAA,MACD,WAAW,MAAMC,KAAU,MAAC,QAAQA,KAAU,MAAC,KAAK;AAAA,MACpD,QAAQ,MAAM,SAAU;AAAA,IAC5B,CAAG,GAEFC,IAAAA,YAAY,MAAM;AACfH,oBAAc,eAAe,UAAU;IAC3C,CAAG;AAKD,aAAS,WAAW;AAClB,UAAI,MAAM,OAAO,UAAU;AACzBH,2BAAmB,OAAOE,WAAgB,MAAC,OAAO;AAAA,MACxD,OAAW;AACLF,2BAAmB,OAAOE,WAAgB,MAAC,OAAO;AAAA,MACnD;AAAA,IACF;AAED,aAAS,aAAc;AACrB,aAAO,KAAK;AAAA,QACV,MAAM;AAAA,QACN,QAAQ;AAAA,UACN,KAAK,MAAM,OAAO;AAAA,QACnB;AAAA,MACP,CAAK;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CategoryEdit.vue.cjs","sources":["../../../../../../../src/modules/products/components/pages/CategoryEdit.vue"],"sourcesContent":["<template>\n  <div  class=\"pd-thin bg-white for-transition w-100\">\n    <Block v-if=\"!MOBILE_APP\" class=\"radius-big mn-b-thin flex-nowrap flex-v-center flex\">\n      <h1   class=\"mn-r-auto\">\n        {{route.params.category ? 'Edit Category' : 'Add Category'}}\n      </h1>\n\n      <Button \n        :submit=\"onSubmit\"\n        :callback=\"redirectTo\"\n        class=\"pd-small radius-big bg-main t-black uppercase t-medium\"\n      >\n        Save Category \n      </Button>\n    </Block>\n    \n    <Block \n      title=\"Profile\"\n      class=\"mn-b-thin\"\n    >\n       \n\n    \n\n       <div class=\"mn-b-medium w-100 flex-nowrap gap-thin flex\">\n        <UploadImage \n           v-model:photo=\"categories.state.current.photo\"\n          :uploadPath=\"'categories'\"\n          class=\"w-8r aspect-1x1 o-hidden mn-r-small radius-extra\" \n        />\n       <Field\n            v-model:field=\"categories.state.current.name\"\n            label=\"Name\"\n            placeholder=\"Enter category name\"\n            class=\"w-100 mn-b-small bg-white radius-small pd-medium\"\n          />  \n      </div>\n\n        <div class=\"mn-b-medium w-100 flex-nowrap gap-thin flex\">\n\n\n         <Field\n            v-model:field=\"categories.state.current.order\"\n            label=\"Order\"\n            :disabled=\"true\"\n            class=\"w-40 bg-white radius-small pd-medium\"\n          />  \n         <Field\n            v-model:field=\"categories.state.current.url\"\n            label=\"URL\"\n            placeholder=\"Enter category URL\"\n            class=\"w-100 bg-white radius-small pd-medium\"\n          />  \n         \n      </div>\n\n      <Select \n        v-model:select=\"categories.state.current.status\"\n        label=\"Status\"\n        :options=\"[\n          'draft', \n          'internal',\n          'published',\n          'removed'\n        ]\"\n        placeholder=\"Display product\"\n        class=\"pos-relative w-100 mn-b-small bg-white radius-small pd-medium\"\n      />\n\n      <div class=\"flex-v-center flex-nowrap flex\">\n        <h4  class=\"mn-r-thin t-medium\">Localization</h4>\n          \n        <button \n          @click=\"() => categories.state.current.localization.push({locale: '', text: ''})\" \n          class=\"i-small pd-thin button-delete button\"\n        >\n          +\n        </button>\n      </div>\n      <div \n        class=\"gap-thin mn-b-thin flex-nowrap flex\" \n        v-for=\"(item, index) in categories.state.current.localization\" \n        :key=\"index\"\n      > \n        <Field\n          v-model:field=\"item.locale\"\n          placeholder=\"Locale\"\n          class=\"w-100 bg-white radius-small pd-medium\"\n        />  \n        <Field\n          v-model:field=\"item.text\"\n          placeholder=\"Text\"\n          class=\"w-100 bg-white radius-small pd-medium\"\n        />\n        <div\n          @click=\"() => categories.state.current.localization.splice(index, 1)\"  \n          class=\"radius-small pd-small flex-center flex aspect-1x1 bg-red\"\n        >\n          <IconDelete \n            class=\"i-medium\"\n          />\n        </div>\n      </div>\n\n      \n    </Block>\n    <!-- Subcategories -->\n    <!-- <Block\n      title=\"Subcategories\"\n      placeholder=\"No subcategories added yet\"\n      :actions=\"[{\n        label: '+',\n        function: () => categories.state.current.children.push({name: '', url: ''})\n      }]\"\n      class=\"mn-b-thin\"\n    >\n   \n      <div \n        class=\"gap-thin mn-b-thin flex-nowrap flex\" \n        v-for=\"(item, index) in categories.state.current.children\" \n        :key=\"index\"\n      > \n        <Field\n          v-model:field=\"item.name\"\n          placeholder=\"Subcategory name\"\n          class=\"w-100 bg-white radius-small pd-medium\"\n        />  \n        <Field\n          v-model:field=\"item.url\"\n          placeholder=\"Subcategory\"\n          class=\"w-100 bg-white radius-small pd-medium\"\n        />\n        <div\n          @click=\"() => categories.state.current.children.splice(index, 1)\"  \n          class=\"radius-small pd-small flex-center flex aspect-1x1 bg-red\"\n        >\n          <IconDelete \n            class=\"i-medium\"\n          />\n        </div>\n      </div> \n    </Block> -->\n     <!-- Filters -->\n    <Block\n      title=\"Filters\"\n      placeholder=\"No filters added yet\"\n      :actions=\"[{\n        label: '+',\n        function: () => categories.state.current.filters.push({name: '', url: ''})\n      }]\"\n    >\n      <div \n        class=\"gap-thin mn-b-thin flex-nowrap flex\" \n        v-for=\"(item, index) in categories.state.current.filters\" \n        :key=\"index\"\n      > \n        <Field\n          v-model:field=\"item.name\"\n          placeholder=\"Filter name\"\n          class=\"w-100 bg-white radius-small pd-medium\"\n        />  \n        <Field\n          v-model:field=\"item.options\"\n          placeholder=\"Filter options divided by ,\"\n          class=\"w-100 bg-white radius-small pd-medium\"\n        />\n        <div\n          @click=\"() => categories.state.current.filters.splice(index, 1)\"  \n          class=\"radius-small pd-small flex-center flex aspect-1x1 bg-red\"\n        >\n          <IconDelete \n            class=\"i-medium\"\n          />\n        </div>\n      </div> \n    </Block>\n  </div>\n \n</template>\n\n<script setup>\n  // Import libs\n  import { computed, onUnmounted } from 'vue'\n  import { useRoute,useRouter } from 'vue-router'\n  \n  import IconDelete from '@pf/src/modules/icons/navigation/IconDelete.vue';\n\n  import Button from \"@pf/src/components/Button/Button.vue\";\n  import Select from \"@pf/src/components/Select/Select.vue\";\n  import UploadImage from '@pf/src/components/UploadImage/UploadImage.vue';\n  import Field from \"@pf/src/components/Field/Field.vue\";\n  import Feed from '@pf/src/components/Feed/Feed.vue'\n\n\n  import Block from '@pf/src/components/Block/Block.vue';\n\n  import IconCheckmark from '@pf/src/modules/icons/navigation/IconCheckmark.vue'\n\n  // Import the new store structure\n  import * as globals from '@pf/src/modules/globals/views/store/globals';\n  import * as auth from '@pf/src/modules/auth/views/store/auth'; \n  import * as categories from '@pf/src/modules/products/store/categories';\n\n  const route = useRoute()\n  const router = useRouter()\n\n  // Data prefetching\n  if (route.params.category) {\n    categories.actions.read({url: route.params.category})\n  } else {\n    categories.actions.clean() // Adjusted based on the new store's method to reset the category state\n  }\n\n  // Accessing state\n  const category = computed(() => categories.state.current)\n  const routePath = computed(() => route.name)\n\n  // Navigation Bar\n  globals.state.navigation_bar.actions = [{\n    component: IconCheckmark,\n    props: {\n      fill: \"rgb(var(--main))\" \n    },\n    condition: () => auth.state.user && auth.state.user._id,\n    action: () => onSubmit()\n  }],\n\n onUnmounted(() => {\n    globals.state.navigation_bar.actions = [];\n  });\n\n\n\n  // Functions\n  function onSubmit() {\n    if (route.params.category) {\n      categories.actions.update(categories.state.current)\n    } else {\n      categories.actions.create(categories.state.current)\n    }\n  }\n\n  function redirectTo () {\n    router.push({\n      name: 'Categories Organization', \n      params: { \n        _id: route.params._id\n      } \n    })\n  }\n</script>\n\n<style lang=\"scss\">\n  /* Your styles here */\n</style>\n"],"names":["useRoute","useRouter","categories.actions","computed","categories.state","globals.state","IconCheckmark","auth.state","onUnmounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2ME,UAAM,QAAQA,UAAQ,SAAA;AACtB,UAAM,SAASC,UAAS,UAAA;AAGxB,QAAI,MAAM,OAAO,UAAU;AACzBC,iBAAkB,QAAC,KAAK,EAAC,KAAK,MAAM,OAAO,SAAQ,CAAC;AAAA,IACxD,OAAS;AACLA,iBAAAA,QAAmB,MAAO;AAAA,IAC9B;AAGmBC,QAAQ,SAAC,MAAMC,WAAAA,MAAiB,OAAO;AACtCD,QAAQ,SAAC,MAAM,MAAM,IAAI;AAG3CE,kBAAc,eAAe,UAAU,CAAC;AAAA,MACtC,WAAWC,cAAa;AAAA,MACxB,OAAO;AAAA,QACL,MAAM;AAAA,MACP;AAAA,MACD,WAAW,MAAMC,KAAU,MAAC,QAAQA,KAAU,MAAC,KAAK;AAAA,MACpD,QAAQ,MAAM,SAAQ;AAAA,IAC1B,CAAG,GAEFC,IAAAA,YAAY,MAAM;AACfH,oBAAc,eAAe,UAAU,CAAE;AAAA,IAC7C,CAAG;AAKD,aAAS,WAAW;AAClB,UAAI,MAAM,OAAO,UAAU;AACzBH,2BAAmB,OAAOE,WAAAA,MAAiB,OAAO;AAAA,MACxD,OAAW;AACLF,2BAAmB,OAAOE,WAAAA,MAAiB,OAAO;AAAA,MACxD;AAAA,IACA;AAEE,aAAS,aAAc;AACrB,aAAO,KAAK;AAAA,QACV,MAAM;AAAA,QACN,QAAQ;AAAA,UACN,KAAK,MAAM,OAAO;AAAA,QACnB;AAAA,MACF,CAAA;AAAA,IACL;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/products/components/pages/CategoryEdit.vue.js

@@ -1,20 +1,20 @@
-import { computed, onUnmounted, openBlock, createElementBlock, createBlock, withCtx, createElementVNode, toDisplayString, unref, createVNode, createTextVNode, createCommentVNode, Fragment, renderList } from "vue";
+import { computed, onUnmounted, createElementBlock, openBlock, createBlock, createCommentVNode, createVNode, withCtx, createElementVNode, toDisplayString, unref, createTextVNode, Fragment, renderList } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import _sfc_main$5 from "../../../icons/navigation/IconDelete.vue.js";
-import _sfc_main$3 from "../../../../components/Button/Button.vue.js";
+import _sfc_main$3 from "../../../../components/Button/Button.vue2.js";
 import Select from "../../../../components/Select/Select.vue.js";
 import _sfc_main$4 from "../../../../components/UploadImage/UploadImage.vue.js";
-import Field from "../../../../components/Field/Field.vue.js";
+import Field from "../../../../components/Field/Field.vue2.js";
 /* empty css                                       */
-/* empty css                                           */
+/* empty css                                            */
 /* empty css                                             */
 /* empty css                                         */
 /* empty css                                        */
 /* empty css                                    */
 import _sfc_main$2 from "../../../../components/Block/Block.vue.js";
 import _sfc_main$1 from "../../../icons/navigation/IconCheckmark.vue.js";
-import { state as state$1 } from "../../../globals/views/store/globals.js";
-import { state as state$2 } from "../../../auth/views/store/auth.js";
+import { state as state$2 } from "../../../globals/views/store/globals.js";
+import { state as state$1 } from "../../../auth/views/store/auth.js";
 import { actions, state } from "../../store/categories.js";
 /* empty css                  */
 const _hoisted_1 = { class: "pd-thin bg-white for-transition w-100" };
@@ -36,15 +36,15 @@ const _sfc_main = {
     }
     computed(() => state.current);
     computed(() => route.name);
-    state$1.navigation_bar.actions = [{
+    state$2.navigation_bar.actions = [{
       component: _sfc_main$1,
       props: {
         fill: "rgb(var(--main))"
       },
-      condition: () => state$2.user && state$2.user._id,
+      condition: () => state$1.user && state$1.user._id,
       action: () => onSubmit()
     }], onUnmounted(() => {
-      state$1.navigation_bar.actions = [];
+      state$2.navigation_bar.actions = [];
     });
     function onSubmit() {
       if (route.params.category) {

package/dist/prometheus-framework/src/modules/products/components/pages/CategoryEdit.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"CategoryEdit.vue.js","sources":["../../../../../../../src/modules/products/components/pages/CategoryEdit.vue"],"sourcesContent":["<template>\n  <div  class=\"pd-thin bg-white for-transition w-100\">\n    <Block v-if=\"!MOBILE_APP\" class=\"radius-big mn-b-thin flex-nowrap flex-v-center flex\">\n      <h1   class=\"mn-r-auto\">\n        {{route.params.category ? 'Edit Category' : 'Add Category'}}\n      </h1>\n\n      <Button \n        :submit=\"onSubmit\"\n        :callback=\"redirectTo\"\n        class=\"pd-small radius-big bg-main t-black uppercase t-medium\"\n      >\n        Save Category \n      </Button>\n    </Block>\n    \n    <Block \n      title=\"Profile\"\n      class=\"mn-b-thin\"\n    >\n       \n\n    \n\n       <div class=\"mn-b-medium w-100 flex-nowrap gap-thin flex\">\n        <UploadImage \n           v-model:photo=\"categories.state.current.photo\"\n          :uploadPath=\"'categories'\"\n          class=\"w-8r aspect-1x1 o-hidden mn-r-small radius-extra\" \n        />\n       <Field\n            v-model:field=\"categories.state.current.name\"\n            label=\"Name\"\n            placeholder=\"Enter category name\"\n            class=\"w-100 mn-b-small bg-white radius-small pd-medium\"\n          />  \n      </div>\n\n        <div class=\"mn-b-medium w-100 flex-nowrap gap-thin flex\">\n\n\n         <Field\n            v-model:field=\"categories.state.current.order\"\n            label=\"Order\"\n            :disabled=\"true\"\n            class=\"w-40 bg-white radius-small pd-medium\"\n          />  \n         <Field\n            v-model:field=\"categories.state.current.url\"\n            label=\"URL\"\n            placeholder=\"Enter category URL\"\n            class=\"w-100 bg-white radius-small pd-medium\"\n          />  \n         \n      </div>\n\n      <Select \n        v-model:select=\"categories.state.current.status\"\n        label=\"Status\"\n        :options=\"[\n          'draft', \n          'internal',\n          'published',\n          'removed'\n        ]\"\n        placeholder=\"Display product\"\n        class=\"pos-relative w-100 mn-b-small bg-white radius-small pd-medium\"\n      />\n\n      <div class=\"flex-v-center flex-nowrap flex\">\n        <h4  class=\"mn-r-thin t-medium\">Localization</h4>\n          \n        <button \n          @click=\"() => categories.state.current.localization.push({locale: '', text: ''})\" \n          class=\"i-small pd-thin button-delete button\"\n        >\n          +\n        </button>\n      </div>\n      <div \n        class=\"gap-thin mn-b-thin flex-nowrap flex\" \n        v-for=\"(item, index) in categories.state.current.localization\" \n        :key=\"index\"\n      > \n        <Field\n          v-model:field=\"item.locale\"\n          placeholder=\"Locale\"\n          class=\"w-100 bg-white radius-small pd-medium\"\n        />  \n        <Field\n          v-model:field=\"item.text\"\n          placeholder=\"Text\"\n          class=\"w-100 bg-white radius-small pd-medium\"\n        />\n        <div\n          @click=\"() => categories.state.current.localization.splice(index, 1)\"  \n          class=\"radius-small pd-small flex-center flex aspect-1x1 bg-red\"\n        >\n          <IconDelete \n            class=\"i-medium\"\n          />\n        </div>\n      </div>\n\n      \n    </Block>\n    <!-- Subcategories -->\n    <!-- <Block\n      title=\"Subcategories\"\n      placeholder=\"No subcategories added yet\"\n      :actions=\"[{\n        label: '+',\n        function: () => categories.state.current.children.push({name: '', url: ''})\n      }]\"\n      class=\"mn-b-thin\"\n    >\n   \n      <div \n        class=\"gap-thin mn-b-thin flex-nowrap flex\" \n        v-for=\"(item, index) in categories.state.current.children\" \n        :key=\"index\"\n      > \n        <Field\n          v-model:field=\"item.name\"\n          placeholder=\"Subcategory name\"\n          class=\"w-100 bg-white radius-small pd-medium\"\n        />  \n        <Field\n          v-model:field=\"item.url\"\n          placeholder=\"Subcategory\"\n          class=\"w-100 bg-white radius-small pd-medium\"\n        />\n        <div\n          @click=\"() => categories.state.current.children.splice(index, 1)\"  \n          class=\"radius-small pd-small flex-center flex aspect-1x1 bg-red\"\n        >\n          <IconDelete \n            class=\"i-medium\"\n          />\n        </div>\n      </div> \n    </Block> -->\n     <!-- Filters -->\n    <Block\n      title=\"Filters\"\n      placeholder=\"No filters added yet\"\n      :actions=\"[{\n        label: '+',\n        function: () => categories.state.current.filters.push({name: '', url: ''})\n      }]\"\n    >\n      <div \n        class=\"gap-thin mn-b-thin flex-nowrap flex\" \n        v-for=\"(item, index) in categories.state.current.filters\" \n        :key=\"index\"\n      > \n        <Field\n          v-model:field=\"item.name\"\n          placeholder=\"Filter name\"\n          class=\"w-100 bg-white radius-small pd-medium\"\n        />  \n        <Field\n          v-model:field=\"item.options\"\n          placeholder=\"Filter options divided by ,\"\n          class=\"w-100 bg-white radius-small pd-medium\"\n        />\n        <div\n          @click=\"() => categories.state.current.filters.splice(index, 1)\"  \n          class=\"radius-small pd-small flex-center flex aspect-1x1 bg-red\"\n        >\n          <IconDelete \n            class=\"i-medium\"\n          />\n        </div>\n      </div> \n    </Block>\n  </div>\n \n</template>\n\n<script setup>\n  // Import libs\n  import { computed, onUnmounted } from 'vue'\n  import { useRoute,useRouter } from 'vue-router'\n  \n  import IconDelete from '@pf/src/modules/icons/navigation/IconDelete.vue';\n\n  import Button from \"@pf/src/components/Button/Button.vue\";\n  import Select from \"@pf/src/components/Select/Select.vue\";\n  import UploadImage from '@pf/src/components/UploadImage/UploadImage.vue';\n  import Field from \"@pf/src/components/Field/Field.vue\";\n  import Feed from '@pf/src/components/Feed/Feed.vue'\n\n\n  import Block from '@pf/src/components/Block/Block.vue';\n\n  import IconCheckmark from '@pf/src/modules/icons/navigation/IconCheckmark.vue'\n\n  // Import the new store structure\n  import * as globals from '@pf/src/modules/globals/views/store/globals';\n  import * as auth from '@pf/src/modules/auth/views/store/auth'; \n  import * as categories from '@pf/src/modules/products/store/categories';\n\n  const route = useRoute()\n  const router = useRouter()\n\n  // Data prefetching\n  if (route.params.category) {\n    categories.actions.read({url: route.params.category})\n  } else {\n    categories.actions.clean() // Adjusted based on the new store's method to reset the category state\n  }\n\n  // Accessing state\n  const category = computed(() => categories.state.current)\n  const routePath = computed(() => route.name)\n\n  // Navigation Bar\n  globals.state.navigation_bar.actions = [{\n    component: IconCheckmark,\n    props: {\n      fill: \"rgb(var(--main))\" \n    },\n    condition: () => auth.state.user && auth.state.user._id,\n    action: () => onSubmit()\n  }],\n\n onUnmounted(() => {\n    globals.state.navigation_bar.actions = [];\n  });\n\n\n\n  // Functions\n  function onSubmit() {\n    if (route.params.category) {\n      categories.actions.update(categories.state.current)\n    } else {\n      categories.actions.create(categories.state.current)\n    }\n  }\n\n  function redirectTo () {\n    router.push({\n      name: 'Categories Organization', \n      params: { \n        _id: route.params._id\n      } \n    })\n  }\n</script>\n\n<style lang=\"scss\">\n  /* Your styles here */\n</style>\n"],"names":["categories.actions","categories.state","globals.state","IconCheckmark","auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2ME,UAAM,QAAQ,SAAU;AACxB,UAAM,SAAS,UAAW;AAG1B,QAAI,MAAM,OAAO,UAAU;AACzBA,cAAmB,KAAK,EAAC,KAAK,MAAM,OAAO,SAAQ,CAAC;AAAA,IACxD,OAAS;AACLA,cAAmB,MAAO;AAAA,IAC3B;AAGgB,aAAS,MAAMC,MAAiB,OAAO;AACtC,aAAS,MAAM,MAAM,IAAI;AAG3CC,YAAc,eAAe,UAAU,CAAC;AAAA,MACtC,WAAWC;AAAAA,MACX,OAAO;AAAA,QACL,MAAM;AAAA,MACP;AAAA,MACD,WAAW,MAAMC,QAAW,QAAQA,QAAW,KAAK;AAAA,MACpD,QAAQ,MAAM,SAAU;AAAA,IAC5B,CAAG,GAEF,YAAY,MAAM;AACfF,cAAc,eAAe,UAAU;IAC3C,CAAG;AAKD,aAAS,WAAW;AAClB,UAAI,MAAM,OAAO,UAAU;AACzBF,gBAAmB,OAAOC,MAAiB,OAAO;AAAA,MACxD,OAAW;AACLD,gBAAmB,OAAOC,MAAiB,OAAO;AAAA,MACnD;AAAA,IACF;AAED,aAAS,aAAc;AACrB,aAAO,KAAK;AAAA,QACV,MAAM;AAAA,QACN,QAAQ;AAAA,UACN,KAAK,MAAM,OAAO;AAAA,QACnB;AAAA,MACP,CAAK;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CategoryEdit.vue.js","sources":["../../../../../../../src/modules/products/components/pages/CategoryEdit.vue"],"sourcesContent":["<template>\n  <div  class=\"pd-thin bg-white for-transition w-100\">\n    <Block v-if=\"!MOBILE_APP\" class=\"radius-big mn-b-thin flex-nowrap flex-v-center flex\">\n      <h1   class=\"mn-r-auto\">\n        {{route.params.category ? 'Edit Category' : 'Add Category'}}\n      </h1>\n\n      <Button \n        :submit=\"onSubmit\"\n        :callback=\"redirectTo\"\n        class=\"pd-small radius-big bg-main t-black uppercase t-medium\"\n      >\n        Save Category \n      </Button>\n    </Block>\n    \n    <Block \n      title=\"Profile\"\n      class=\"mn-b-thin\"\n    >\n       \n\n    \n\n       <div class=\"mn-b-medium w-100 flex-nowrap gap-thin flex\">\n        <UploadImage \n           v-model:photo=\"categories.state.current.photo\"\n          :uploadPath=\"'categories'\"\n          class=\"w-8r aspect-1x1 o-hidden mn-r-small radius-extra\" \n        />\n       <Field\n            v-model:field=\"categories.state.current.name\"\n            label=\"Name\"\n            placeholder=\"Enter category name\"\n            class=\"w-100 mn-b-small bg-white radius-small pd-medium\"\n          />  \n      </div>\n\n        <div class=\"mn-b-medium w-100 flex-nowrap gap-thin flex\">\n\n\n         <Field\n            v-model:field=\"categories.state.current.order\"\n            label=\"Order\"\n            :disabled=\"true\"\n            class=\"w-40 bg-white radius-small pd-medium\"\n          />  \n         <Field\n            v-model:field=\"categories.state.current.url\"\n            label=\"URL\"\n            placeholder=\"Enter category URL\"\n            class=\"w-100 bg-white radius-small pd-medium\"\n          />  \n         \n      </div>\n\n      <Select \n        v-model:select=\"categories.state.current.status\"\n        label=\"Status\"\n        :options=\"[\n          'draft', \n          'internal',\n          'published',\n          'removed'\n        ]\"\n        placeholder=\"Display product\"\n        class=\"pos-relative w-100 mn-b-small bg-white radius-small pd-medium\"\n      />\n\n      <div class=\"flex-v-center flex-nowrap flex\">\n        <h4  class=\"mn-r-thin t-medium\">Localization</h4>\n          \n        <button \n          @click=\"() => categories.state.current.localization.push({locale: '', text: ''})\" \n          class=\"i-small pd-thin button-delete button\"\n        >\n          +\n        </button>\n      </div>\n      <div \n        class=\"gap-thin mn-b-thin flex-nowrap flex\" \n        v-for=\"(item, index) in categories.state.current.localization\" \n        :key=\"index\"\n      > \n        <Field\n          v-model:field=\"item.locale\"\n          placeholder=\"Locale\"\n          class=\"w-100 bg-white radius-small pd-medium\"\n        />  \n        <Field\n          v-model:field=\"item.text\"\n          placeholder=\"Text\"\n          class=\"w-100 bg-white radius-small pd-medium\"\n        />\n        <div\n          @click=\"() => categories.state.current.localization.splice(index, 1)\"  \n          class=\"radius-small pd-small flex-center flex aspect-1x1 bg-red\"\n        >\n          <IconDelete \n            class=\"i-medium\"\n          />\n        </div>\n      </div>\n\n      \n    </Block>\n    <!-- Subcategories -->\n    <!-- <Block\n      title=\"Subcategories\"\n      placeholder=\"No subcategories added yet\"\n      :actions=\"[{\n        label: '+',\n        function: () => categories.state.current.children.push({name: '', url: ''})\n      }]\"\n      class=\"mn-b-thin\"\n    >\n   \n      <div \n        class=\"gap-thin mn-b-thin flex-nowrap flex\" \n        v-for=\"(item, index) in categories.state.current.children\" \n        :key=\"index\"\n      > \n        <Field\n          v-model:field=\"item.name\"\n          placeholder=\"Subcategory name\"\n          class=\"w-100 bg-white radius-small pd-medium\"\n        />  \n        <Field\n          v-model:field=\"item.url\"\n          placeholder=\"Subcategory\"\n          class=\"w-100 bg-white radius-small pd-medium\"\n        />\n        <div\n          @click=\"() => categories.state.current.children.splice(index, 1)\"  \n          class=\"radius-small pd-small flex-center flex aspect-1x1 bg-red\"\n        >\n          <IconDelete \n            class=\"i-medium\"\n          />\n        </div>\n      </div> \n    </Block> -->\n     <!-- Filters -->\n    <Block\n      title=\"Filters\"\n      placeholder=\"No filters added yet\"\n      :actions=\"[{\n        label: '+',\n        function: () => categories.state.current.filters.push({name: '', url: ''})\n      }]\"\n    >\n      <div \n        class=\"gap-thin mn-b-thin flex-nowrap flex\" \n        v-for=\"(item, index) in categories.state.current.filters\" \n        :key=\"index\"\n      > \n        <Field\n          v-model:field=\"item.name\"\n          placeholder=\"Filter name\"\n          class=\"w-100 bg-white radius-small pd-medium\"\n        />  \n        <Field\n          v-model:field=\"item.options\"\n          placeholder=\"Filter options divided by ,\"\n          class=\"w-100 bg-white radius-small pd-medium\"\n        />\n        <div\n          @click=\"() => categories.state.current.filters.splice(index, 1)\"  \n          class=\"radius-small pd-small flex-center flex aspect-1x1 bg-red\"\n        >\n          <IconDelete \n            class=\"i-medium\"\n          />\n        </div>\n      </div> \n    </Block>\n  </div>\n \n</template>\n\n<script setup>\n  // Import libs\n  import { computed, onUnmounted } from 'vue'\n  import { useRoute,useRouter } from 'vue-router'\n  \n  import IconDelete from '@pf/src/modules/icons/navigation/IconDelete.vue';\n\n  import Button from \"@pf/src/components/Button/Button.vue\";\n  import Select from \"@pf/src/components/Select/Select.vue\";\n  import UploadImage from '@pf/src/components/UploadImage/UploadImage.vue';\n  import Field from \"@pf/src/components/Field/Field.vue\";\n  import Feed from '@pf/src/components/Feed/Feed.vue'\n\n\n  import Block from '@pf/src/components/Block/Block.vue';\n\n  import IconCheckmark from '@pf/src/modules/icons/navigation/IconCheckmark.vue'\n\n  // Import the new store structure\n  import * as globals from '@pf/src/modules/globals/views/store/globals';\n  import * as auth from '@pf/src/modules/auth/views/store/auth'; \n  import * as categories from '@pf/src/modules/products/store/categories';\n\n  const route = useRoute()\n  const router = useRouter()\n\n  // Data prefetching\n  if (route.params.category) {\n    categories.actions.read({url: route.params.category})\n  } else {\n    categories.actions.clean() // Adjusted based on the new store's method to reset the category state\n  }\n\n  // Accessing state\n  const category = computed(() => categories.state.current)\n  const routePath = computed(() => route.name)\n\n  // Navigation Bar\n  globals.state.navigation_bar.actions = [{\n    component: IconCheckmark,\n    props: {\n      fill: \"rgb(var(--main))\" \n    },\n    condition: () => auth.state.user && auth.state.user._id,\n    action: () => onSubmit()\n  }],\n\n onUnmounted(() => {\n    globals.state.navigation_bar.actions = [];\n  });\n\n\n\n  // Functions\n  function onSubmit() {\n    if (route.params.category) {\n      categories.actions.update(categories.state.current)\n    } else {\n      categories.actions.create(categories.state.current)\n    }\n  }\n\n  function redirectTo () {\n    router.push({\n      name: 'Categories Organization', \n      params: { \n        _id: route.params._id\n      } \n    })\n  }\n</script>\n\n<style lang=\"scss\">\n  /* Your styles here */\n</style>\n"],"names":["categories.actions","categories.state","globals.state","IconCheckmark","auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2ME,UAAM,QAAQ,SAAQ;AACtB,UAAM,SAAS,UAAS;AAGxB,QAAI,MAAM,OAAO,UAAU;AACzBA,cAAmB,KAAK,EAAC,KAAK,MAAM,OAAO,SAAQ,CAAC;AAAA,IACxD,OAAS;AACLA,cAAmB,MAAO;AAAA,IAC9B;AAGmB,aAAS,MAAMC,MAAiB,OAAO;AACtC,aAAS,MAAM,MAAM,IAAI;AAG3CC,YAAc,eAAe,UAAU,CAAC;AAAA,MACtC,WAAWC;AAAAA,MACX,OAAO;AAAA,QACL,MAAM;AAAA,MACP;AAAA,MACD,WAAW,MAAMC,QAAW,QAAQA,QAAW,KAAK;AAAA,MACpD,QAAQ,MAAM,SAAQ;AAAA,IAC1B,CAAG,GAEF,YAAY,MAAM;AACfF,cAAc,eAAe,UAAU,CAAE;AAAA,IAC7C,CAAG;AAKD,aAAS,WAAW;AAClB,UAAI,MAAM,OAAO,UAAU;AACzBF,gBAAmB,OAAOC,MAAiB,OAAO;AAAA,MACxD,OAAW;AACLD,gBAAmB,OAAOC,MAAiB,OAAO;AAAA,MACxD;AAAA,IACA;AAEE,aAAS,aAAc;AACrB,aAAO,KAAK;AAAA,QACV,MAAM;AAAA,QACN,QAAQ;AAAA,UACN,KAAK,MAAM,OAAO;AAAA,QACnB;AAAA,MACF,CAAA;AAAA,IACL;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/products/components/pages/EditLeftover.vue.cjs

@@ -2,7 +2,7 @@
 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 Field = require("../../../../components/Field/Field.vue2.cjs");
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");
 const Select = require("../../../../components/Select/Select.vue.cjs");
 const Popup = require("../../../../components/Popup/Popup.vue.cjs");

package/dist/prometheus-framework/src/modules/products/components/pages/EditLeftover.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"EditLeftover.vue.cjs","sources":["../../../../../../../src/modules/products/components/pages/EditLeftover.vue"],"sourcesContent":["<template>\n  <div class=\"pd-thin\">\n    <header class=\"mn-b-medium gap-small flex-v-center flex-nowrap flex\">\n      <h2 class=\"\">{{route.params.leftover ? 'Edit ' : 'Add ' }} Inventory</h2>\n\n      <Select \n        v-model:select=\"leftovers.state.current.type\" \n        :options=\"[\n          'stock-in',\n          'stock-out'\n        ]\"\n        :placeholder=\"'Select type'\"\n        class=\"bg-main t-black w-max pd-small t-semi p-big uppercase radius-small\"\n      />\n    </header>\n    \n    <Popup \n      title=\"Add position\" \n      @close-popup=\"closeProductsPopup\" \n      :isPopupOpen=\"isOpenProductsPopup\"\n      class=\"bg-white w-min-30r w-max-30r radius-big pd-medium\"\n    >\n      <div class=\"bg-light mn-b-thin h-min-20r h-max-20r o-scroll pd-medium radius-big\">\n        <Feed\n          :search=\"true\"\n          :states=\"{\n            empty: {\n              title: 'No Products Found',\n              description: 'Currently, there are no such products available.'\n            }\n          }\"\n          :store=\"{\n            read: (options) => products.actions.read(options),\n            state: null\n          }\"\n          :options=\"{\n            organization: route.params._id\n          }\"\n          v-slot=\"{ \n            items \n          }\"\n          class=\"\"\n        >\n          <CardOrderItem\n            v-for=\"(product, index) in items\" :key=\"product._id\"\n            :editable=\"false\" \n            :product=\"product\" \n            @click=\"() => { \n              let p = { ...product };\n              p.quantity = 1;\n              p.type = 'pcs'\n              globals.actions.add(leftovers.state.current.positions, p) \n              closeProductsPopup();\n            }\"\n            class=\"bg-white pd-thin radius-medium w-100 mn-b-thin\"\n          />\n        </Feed>\n      </div>\n    </Popup>\n\n    <Block\n      title=\"Invetory Sheet\"\n      :actions=\"[{\n        label: '+',\n        function: () => openProductsPopup()\n      }]\"\n      placeholder=\"No positions added yet\"\n      class=\"mn-b-semi\"\n    >\n      <CardPosition \n        v-for=\"(product, index) in leftovers.state.current.positions\" \n        :key=\"product._id\" \n        :product=\"product\"\n        :array=\"leftovers.state.current.positions\"\n        :products=\"Products\"\n        @update=\"(item) => globals.actions.update(\n          leftovers.state.current.positions,\n          item,\n          index\n        )\"\n        @delete=\"(item) => globals.actions.delete(\n          leftovers.state.current.positions,\n          item,\n          index\n        )\"\n        class=\"mn-b-small radius-medium bg-white pd-small\"\n      />\n    </Block>\n\n    <Block\n      title=\"Comment\"\n      class=\"mn-b-semi\"\n    >\n      <Field\n        v-model:field=\"leftovers.state.current.comment\"\n        label=\"Comment\"\n        type=\"textarea\"\n        class=\"w-100 bg-white radius-small pd-medium\"\n      />  \n\n    </Block>\n   \n    <Block class=\"\">\n      <section class=\"gap-thin flex-v-center flex-nojustify flex\">\n        \n        <h3 class=\"mn-r-auto\">\n          In total: {{formatPrice(totalPrice)}}\n        </h3>\n\n        <a \n          @click=\"onSubmit()\" \n          class=\"bg-main button\"\n        >\n          Save\n        </a> \n\n        <a \n          class=\"t-white bg-second button\"\n          @click=\"onReset()\"\n        >\n          Reset\n        </a>\n\n        <a \n          v-if=\"route.params.leftover\" \n          @click=\"onDelete()\" \n          class=\"t-white bg-red button\"\n        >\n          Delete\n        </a>\n      </section>\n    </Block>\n   </div>\n</template>\n\n\n<script setup>\n  import Block from '@pf/src/components/Block/Block.vue';\n\n  import Field from '@pf/src/components/Field/Field.vue';\n  import Feed from '@pf/src/components/Feed/Feed.vue'\n  import Select from '@pf/src/components/Select/Select.vue';\n  import Popup from '@pf/src/components/Popup/Popup.vue';\n  import SelectMulti from '@pf/src/components/SelectMulti/SelectMulti.vue';\n\n  import CardPosition from '@pf/src/modules/products/components/blocks/CardPosition.vue';\n  import CardOrderItem  from '@pf/src/modules/orders/components/blocks/CardOrderItem.vue'\n\n  import { computed, onMounted, ref, reactive } from 'vue';\n  import { useRoute, useRouter } from 'vue-router';\n \n  import * as globals from '@pf/src/modules/globals/views/store/globals';\n  import * as auth from '@pf/src/modules/auth/views/store/auth';\n  import * as leftovers from '@pf/src/modules/products/store/leftovers';\n  import * as products from '@pf/src/modules/products/store/products';\n\n  const route = useRoute();\n  const router = useRouter();\n  \n  const Products = ref(products.state.all); // Обновите это значение соответствующим образом\n  const productNew = ref(null);\n\n  const totalPrice = computed(() => {\n    return Number(leftovers.state.current.positions.reduce((sum, position) => {\n      return Number(sum) + Number(position.price);\n    }, 0));\n  });\n\n  const isOpenProductsPopup = ref(false);\n\n  function openProductsPopup() {\n    isOpenProductsPopup.value = true;\n  }\n\n  function closeProductsPopup() {\n    isOpenProductsPopup.value = false;\n  }\n\n  onMounted(async () => {\n    if (route.params.leftover) {\n      try {\n        await leftovers.actions.fetch(route.params.leftover);\n      } catch (error) {\n        console.error('error');\n      }\n    } else {\n      leftovers.state.current = { type: \"\", order: \"\", positions: [] };\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  function onReset() {\n    if (route.params.leftover) {\n      leftovers.actions.fetch(route.params.leftover);\n    } else {\n      leftovers.state.current = { type: \"\", order: \"\", positions: [] };\n    }\n  }\n\n  function onSubmit() {\n    leftovers.state.current.organization = route.params._id;\n\n    if (route.params.leftover) {\n      leftovers.actions.update(leftovers.state.current).then(\n        () => router.push({ name: 'Leftovers', params: {_id: route.params._id} }),\n        (error) => console.error('error')\n      );\n    } else {\n      leftovers.state.current.creator = {\n        type: 'user',\n        target: auth.state.user._id\n      }\n      leftovers.state.current.owner = {\n        type: 'organization',\n        target: route.params._id\n      }\n\n      console.log('leftover state is', leftovers.state.current)\n      leftovers.actions.create(leftovers.state.current).then(\n        () => router.push({ name: 'Leftovers', params: {_id: route.params._id} }),\n        (error) => console.error('error')\n      );\n    }\n  }\n\n  function onDelete() {\n    leftovers.actions.delete(route.params.leftover).then(\n      () => router.push({ name: 'Leftovers', params: {_id: route.params._id} }),\n      (error) => console.error('error')\n    );\n  }\n</script>\n\n\n<style lang=\"scss\">\n\n.round-stat {\n  padding: 1rem;\n  border-radius: 5rem;\n  width: 3rem;\n  height: 3rem;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: 1px solid rgba(0,0,0,0.1);\n\n  &-tab {\n    width: 2rem;\n    height: 2rem;\n  }\n}\n\n\n\n.order-card {\n  border-radius: 0.25rem;\n  overflow: hidden;\n  box-shadow: 0 8px 8px -8px rgb(36 36 36 / 10%);\n  .order-status {\n    color: black;\n    background: #EEF2F6; \n    width: 100%;\n    padding: 0.75rem 1.5rem;\n    margin: 0;\n  }\n\n  .new {\n    color: white;\n    background: #00ff88;\n  }\n\n  .block {\n    border-radius: 0;\n    border: 0;\n  }\n}\n\n  \n</style>\n"],"names":["useRoute","useRouter","ref","products.state","computed","leftovers.state","onMounted","leftovers.actions","products.actions","auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA4JE,UAAM,QAAQA,UAAAA;AACd,UAAM,SAASC,UAAAA;AAEf,UAAM,WAAWC,IAAAA,IAAIC,SAAc,MAAC,GAAG;AACpBD,QAAAA,IAAI,IAAI;AAE3B,UAAM,aAAaE,IAAAA,SAAS,MAAM;AAChC,aAAO,OAAOC,UAAAA,MAAgB,QAAQ,UAAU,OAAO,CAAC,KAAK,aAAa;AACxE,eAAO,OAAO,GAAG,IAAI,OAAO,SAAS,KAAK;AAAA,MAChD,GAAO,CAAC,CAAC;AAAA,IACT,CAAG;AAED,UAAM,sBAAsBH,QAAI,KAAK;AAErC,aAAS,oBAAoB;AAC3B,0BAAoB,QAAQ;AAAA,IAC7B;AAED,aAAS,qBAAqB;AAC5B,0BAAoB,QAAQ;AAAA,IAC7B;AAEDI,QAAAA,UAAU,YAAY;AACpB,UAAI,MAAM,OAAO,UAAU;AACzB,YAAI;AACF,gBAAMC,UAAiB,QAAC,MAAM,MAAM,OAAO,QAAQ;AAAA,QACpD,SAAQ,OAAO;AACd,kBAAQ,MAAM,OAAO;AAAA,QACtB;AAAA,MACP,OAAW;AACLF,wBAAgB,UAAU,EAAE,MAAM,IAAI,OAAO,IAAI,WAAW,CAAA;MAC7D;AAED,UAAI;AACF,cAAM,mBAAmB,MAAMG,SAAgB,QAAC,KAAK;AAAA,UACnD,cAAc,MAAM,OAAO;AAAA,UAC3B,OAAO;AAAA,QACf,CAAO;AACD,iBAAS,QAAQ;AAAA,MAClB,SAAQ,OAAO;AACd,gBAAQ,MAAM,OAAO;AAAA,MACtB;AAAA,IACL,CAAG;AAED,aAAS,UAAU;AACjB,UAAI,MAAM,OAAO,UAAU;AACzBD,kBAAAA,QAAkB,MAAM,MAAM,OAAO,QAAQ;AAAA,MACnD,OAAW;AACLF,wBAAgB,UAAU,EAAE,MAAM,IAAI,OAAO,IAAI,WAAW,CAAA;MAC7D;AAAA,IACF;AAED,aAAS,WAAW;AAClBA,gBAAAA,MAAgB,QAAQ,eAAe,MAAM,OAAO;AAEpD,UAAI,MAAM,OAAO,UAAU;AACzBE,kBAAAA,QAAkB,OAAOF,gBAAgB,OAAO,EAAE;AAAA,UAChD,MAAM,OAAO,KAAK,EAAE,MAAM,aAAa,QAAQ,EAAC,KAAK,MAAM,OAAO,IAAG,EAAC,CAAE;AAAA,UACxE,CAAC,UAAU,QAAQ,MAAM,OAAO;AAAA,QACxC;AAAA,MACA,OAAW;AACLA,kBAAe,MAAC,QAAQ,UAAU;AAAA,UAChC,MAAM;AAAA,UACN,QAAQI,KAAAA,MAAW,KAAK;AAAA,QACzB;AACDJ,kBAAe,MAAC,QAAQ,QAAQ;AAAA,UAC9B,MAAM;AAAA,UACN,QAAQ,MAAM,OAAO;AAAA,QACtB;AAED,gBAAQ,IAAI,qBAAqBA,UAAAA,MAAgB,OAAO;AACxDE,kBAAAA,QAAkB,OAAOF,gBAAgB,OAAO,EAAE;AAAA,UAChD,MAAM,OAAO,KAAK,EAAE,MAAM,aAAa,QAAQ,EAAC,KAAK,MAAM,OAAO,IAAG,EAAC,CAAE;AAAA,UACxE,CAAC,UAAU,QAAQ,MAAM,OAAO;AAAA,QACxC;AAAA,MACK;AAAA,IACF;AAED,aAAS,WAAW;AAClBE,gBAAAA,QAAkB,OAAO,MAAM,OAAO,QAAQ,EAAE;AAAA,QAC9C,MAAM,OAAO,KAAK,EAAE,MAAM,aAAa,QAAQ,EAAC,KAAK,MAAM,OAAO,IAAG,EAAC,CAAE;AAAA,QACxE,CAAC,UAAU,QAAQ,MAAM,OAAO;AAAA,MACtC;AAAA,IACG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"EditLeftover.vue.cjs","sources":["../../../../../../../src/modules/products/components/pages/EditLeftover.vue"],"sourcesContent":["<template>\n  <div class=\"pd-thin\">\n    <header class=\"mn-b-medium gap-small flex-v-center flex-nowrap flex\">\n      <h2 class=\"\">{{route.params.leftover ? 'Edit ' : 'Add ' }} Inventory</h2>\n\n      <Select \n        v-model:select=\"leftovers.state.current.type\" \n        :options=\"[\n          'stock-in',\n          'stock-out'\n        ]\"\n        :placeholder=\"'Select type'\"\n        class=\"bg-main t-black w-max pd-small t-semi p-big uppercase radius-small\"\n      />\n    </header>\n    \n    <Popup \n      title=\"Add position\" \n      @close-popup=\"closeProductsPopup\" \n      :isPopupOpen=\"isOpenProductsPopup\"\n      class=\"bg-white w-min-30r w-max-30r radius-big pd-medium\"\n    >\n      <div class=\"bg-light mn-b-thin h-min-20r h-max-20r o-scroll pd-medium radius-big\">\n        <Feed\n          :search=\"true\"\n          :states=\"{\n            empty: {\n              title: 'No Products Found',\n              description: 'Currently, there are no such products available.'\n            }\n          }\"\n          :store=\"{\n            read: (options) => products.actions.read(options),\n            state: null\n          }\"\n          :options=\"{\n            organization: route.params._id\n          }\"\n          v-slot=\"{ \n            items \n          }\"\n          class=\"\"\n        >\n          <CardOrderItem\n            v-for=\"(product, index) in items\" :key=\"product._id\"\n            :editable=\"false\" \n            :product=\"product\" \n            @click=\"() => { \n              let p = { ...product };\n              p.quantity = 1;\n              p.type = 'pcs'\n              globals.actions.add(leftovers.state.current.positions, p) \n              closeProductsPopup();\n            }\"\n            class=\"bg-white pd-thin radius-medium w-100 mn-b-thin\"\n          />\n        </Feed>\n      </div>\n    </Popup>\n\n    <Block\n      title=\"Invetory Sheet\"\n      :actions=\"[{\n        label: '+',\n        function: () => openProductsPopup()\n      }]\"\n      placeholder=\"No positions added yet\"\n      class=\"mn-b-semi\"\n    >\n      <CardPosition \n        v-for=\"(product, index) in leftovers.state.current.positions\" \n        :key=\"product._id\" \n        :product=\"product\"\n        :array=\"leftovers.state.current.positions\"\n        :products=\"Products\"\n        @update=\"(item) => globals.actions.update(\n          leftovers.state.current.positions,\n          item,\n          index\n        )\"\n        @delete=\"(item) => globals.actions.delete(\n          leftovers.state.current.positions,\n          item,\n          index\n        )\"\n        class=\"mn-b-small radius-medium bg-white pd-small\"\n      />\n    </Block>\n\n    <Block\n      title=\"Comment\"\n      class=\"mn-b-semi\"\n    >\n      <Field\n        v-model:field=\"leftovers.state.current.comment\"\n        label=\"Comment\"\n        type=\"textarea\"\n        class=\"w-100 bg-white radius-small pd-medium\"\n      />  \n\n    </Block>\n   \n    <Block class=\"\">\n      <section class=\"gap-thin flex-v-center flex-nojustify flex\">\n        \n        <h3 class=\"mn-r-auto\">\n          In total: {{formatPrice(totalPrice)}}\n        </h3>\n\n        <a \n          @click=\"onSubmit()\" \n          class=\"bg-main button\"\n        >\n          Save\n        </a> \n\n        <a \n          class=\"t-white bg-second button\"\n          @click=\"onReset()\"\n        >\n          Reset\n        </a>\n\n        <a \n          v-if=\"route.params.leftover\" \n          @click=\"onDelete()\" \n          class=\"t-white bg-red button\"\n        >\n          Delete\n        </a>\n      </section>\n    </Block>\n   </div>\n</template>\n\n\n<script setup>\n  import Block from '@pf/src/components/Block/Block.vue';\n\n  import Field from '@pf/src/components/Field/Field.vue';\n  import Feed from '@pf/src/components/Feed/Feed.vue'\n  import Select from '@pf/src/components/Select/Select.vue';\n  import Popup from '@pf/src/components/Popup/Popup.vue';\n  import SelectMulti from '@pf/src/components/SelectMulti/SelectMulti.vue';\n\n  import CardPosition from '@pf/src/modules/products/components/blocks/CardPosition.vue';\n  import CardOrderItem  from '@pf/src/modules/orders/components/blocks/CardOrderItem.vue'\n\n  import { computed, onMounted, ref, reactive } from 'vue';\n  import { useRoute, useRouter } from 'vue-router';\n \n  import * as globals from '@pf/src/modules/globals/views/store/globals';\n  import * as auth from '@pf/src/modules/auth/views/store/auth';\n  import * as leftovers from '@pf/src/modules/products/store/leftovers';\n  import * as products from '@pf/src/modules/products/store/products';\n\n  const route = useRoute();\n  const router = useRouter();\n  \n  const Products = ref(products.state.all); // Обновите это значение соответствующим образом\n  const productNew = ref(null);\n\n  const totalPrice = computed(() => {\n    return Number(leftovers.state.current.positions.reduce((sum, position) => {\n      return Number(sum) + Number(position.price);\n    }, 0));\n  });\n\n  const isOpenProductsPopup = ref(false);\n\n  function openProductsPopup() {\n    isOpenProductsPopup.value = true;\n  }\n\n  function closeProductsPopup() {\n    isOpenProductsPopup.value = false;\n  }\n\n  onMounted(async () => {\n    if (route.params.leftover) {\n      try {\n        await leftovers.actions.fetch(route.params.leftover);\n      } catch (error) {\n        console.error('error');\n      }\n    } else {\n      leftovers.state.current = { type: \"\", order: \"\", positions: [] };\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  function onReset() {\n    if (route.params.leftover) {\n      leftovers.actions.fetch(route.params.leftover);\n    } else {\n      leftovers.state.current = { type: \"\", order: \"\", positions: [] };\n    }\n  }\n\n  function onSubmit() {\n    leftovers.state.current.organization = route.params._id;\n\n    if (route.params.leftover) {\n      leftovers.actions.update(leftovers.state.current).then(\n        () => router.push({ name: 'Leftovers', params: {_id: route.params._id} }),\n        (error) => console.error('error')\n      );\n    } else {\n      leftovers.state.current.creator = {\n        type: 'user',\n        target: auth.state.user._id\n      }\n      leftovers.state.current.owner = {\n        type: 'organization',\n        target: route.params._id\n      }\n\n      console.log('leftover state is', leftovers.state.current)\n      leftovers.actions.create(leftovers.state.current).then(\n        () => router.push({ name: 'Leftovers', params: {_id: route.params._id} }),\n        (error) => console.error('error')\n      );\n    }\n  }\n\n  function onDelete() {\n    leftovers.actions.delete(route.params.leftover).then(\n      () => router.push({ name: 'Leftovers', params: {_id: route.params._id} }),\n      (error) => console.error('error')\n    );\n  }\n</script>\n\n\n<style lang=\"scss\">\n\n.round-stat {\n  padding: 1rem;\n  border-radius: 5rem;\n  width: 3rem;\n  height: 3rem;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: 1px solid rgba(0,0,0,0.1);\n\n  &-tab {\n    width: 2rem;\n    height: 2rem;\n  }\n}\n\n\n\n.order-card {\n  border-radius: 0.25rem;\n  overflow: hidden;\n  box-shadow: 0 8px 8px -8px rgb(36 36 36 / 10%);\n  .order-status {\n    color: black;\n    background: #EEF2F6; \n    width: 100%;\n    padding: 0.75rem 1.5rem;\n    margin: 0;\n  }\n\n  .new {\n    color: white;\n    background: #00ff88;\n  }\n\n  .block {\n    border-radius: 0;\n    border: 0;\n  }\n}\n\n  \n</style>\n"],"names":["useRoute","useRouter","ref","products.state","computed","leftovers.state","onMounted","leftovers.actions","products.actions","auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA4JE,UAAM,QAAQA,UAAAA,SAAU;AACxB,UAAM,SAASC,UAAAA,UAAW;AAE1B,UAAM,WAAWC,IAAAA,IAAIC,SAAc,MAAC,GAAG;AACpBD,QAAAA,IAAI,IAAI;AAE3B,UAAM,aAAaE,IAAAA,SAAS,MAAM;AAChC,aAAO,OAAOC,UAAAA,MAAgB,QAAQ,UAAU,OAAO,CAAC,KAAK,aAAa;AACxE,eAAO,OAAO,GAAG,IAAI,OAAO,SAAS,KAAK;AAAA,MAC3C,GAAE,CAAC,CAAC;AAAA,IACT,CAAG;AAED,UAAM,sBAAsBH,IAAG,IAAC,KAAK;AAErC,aAAS,oBAAoB;AAC3B,0BAAoB,QAAQ;AAAA,IAChC;AAEE,aAAS,qBAAqB;AAC5B,0BAAoB,QAAQ;AAAA,IAChC;AAEEI,QAAAA,UAAU,YAAY;AACpB,UAAI,MAAM,OAAO,UAAU;AACzB,YAAI;AACF,gBAAMC,UAAiB,QAAC,MAAM,MAAM,OAAO,QAAQ;AAAA,QACpD,SAAQ,OAAO;AACd,kBAAQ,MAAM,OAAO;AAAA,QAC7B;AAAA,MACA,OAAW;AACLF,wBAAgB,UAAU,EAAE,MAAM,IAAI,OAAO,IAAI,WAAW,GAAI;AAAA,MACtE;AAEI,UAAI;AACF,cAAM,mBAAmB,MAAMG,SAAgB,QAAC,KAAK;AAAA,UACnD,cAAc,MAAM,OAAO;AAAA,UAC3B,OAAO;AAAA,QACf,CAAO;AACD,iBAAS,QAAQ;AAAA,MAClB,SAAQ,OAAO;AACd,gBAAQ,MAAM,OAAO;AAAA,MAC3B;AAAA,IACA,CAAG;AAED,aAAS,UAAU;AACjB,UAAI,MAAM,OAAO,UAAU;AACzBD,kBAAAA,QAAkB,MAAM,MAAM,OAAO,QAAQ;AAAA,MACnD,OAAW;AACLF,wBAAgB,UAAU,EAAE,MAAM,IAAI,OAAO,IAAI,WAAW,GAAI;AAAA,MACtE;AAAA,IACA;AAEE,aAAS,WAAW;AAClBA,gBAAAA,MAAgB,QAAQ,eAAe,MAAM,OAAO;AAEpD,UAAI,MAAM,OAAO,UAAU;AACzBE,kBAAAA,QAAkB,OAAOF,gBAAgB,OAAO,EAAE;AAAA,UAChD,MAAM,OAAO,KAAK,EAAE,MAAM,aAAa,QAAQ,EAAC,KAAK,MAAM,OAAO,IAAG,EAAC,CAAE;AAAA,UACxE,CAAC,UAAU,QAAQ,MAAM,OAAO;AAAA,QACjC;AAAA,MACP,OAAW;AACLA,kBAAe,MAAC,QAAQ,UAAU;AAAA,UAChC,MAAM;AAAA,UACN,QAAQI,KAAU,MAAC,KAAK;AAAA,QAChC;AACMJ,kBAAe,MAAC,QAAQ,QAAQ;AAAA,UAC9B,MAAM;AAAA,UACN,QAAQ,MAAM,OAAO;AAAA,QAC7B;AAEM,gBAAQ,IAAI,qBAAqBA,UAAAA,MAAgB,OAAO;AACxDE,kBAAAA,QAAkB,OAAOF,gBAAgB,OAAO,EAAE;AAAA,UAChD,MAAM,OAAO,KAAK,EAAE,MAAM,aAAa,QAAQ,EAAC,KAAK,MAAM,OAAO,IAAG,EAAC,CAAE;AAAA,UACxE,CAAC,UAAU,QAAQ,MAAM,OAAO;AAAA,QACjC;AAAA,MACP;AAAA,IACA;AAEE,aAAS,WAAW;AAClBE,gBAAAA,QAAkB,OAAO,MAAM,OAAO,QAAQ,EAAE;AAAA,QAC9C,MAAM,OAAO,KAAK,EAAE,MAAM,aAAa,QAAQ,EAAC,KAAK,MAAM,OAAO,IAAG,EAAC,CAAE;AAAA,QACxE,CAAC,UAAU,QAAQ,MAAM,OAAO;AAAA,MACjC;AAAA,IACL;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/products/components/pages/EditLeftover.vue.js

@@ -1,6 +1,6 @@
-import { ref, computed, onMounted, openBlock, createElementBlock, createElementVNode, toDisplayString, unref, createVNode, withCtx, Fragment, renderList, createBlock, createCommentVNode } from "vue";
+import { ref, computed, onMounted, createElementBlock, openBlock, createElementVNode, createVNode, toDisplayString, unref, withCtx, Fragment, renderList, createBlock, createCommentVNode } from "vue";
 import _sfc_main$4 from "../../../../components/Block/Block.vue.js";
-import Field from "../../../../components/Field/Field.vue.js";
+import Field from "../../../../components/Field/Field.vue2.js";
 import _sfc_main$2 from "../../../../components/Feed/Feed.vue.js";
 import Select from "../../../../components/Select/Select.vue.js";
 import _sfc_main$1 from "../../../../components/Popup/Popup.vue.js";

package/dist/prometheus-framework/src/modules/products/components/pages/EditLeftover.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditLeftover.vue.js","sources":["../../../../../../../src/modules/products/components/pages/EditLeftover.vue"],"sourcesContent":["<template>\n  <div class=\"pd-thin\">\n    <header class=\"mn-b-medium gap-small flex-v-center flex-nowrap flex\">\n      <h2 class=\"\">{{route.params.leftover ? 'Edit ' : 'Add ' }} Inventory</h2>\n\n      <Select \n        v-model:select=\"leftovers.state.current.type\" \n        :options=\"[\n          'stock-in',\n          'stock-out'\n        ]\"\n        :placeholder=\"'Select type'\"\n        class=\"bg-main t-black w-max pd-small t-semi p-big uppercase radius-small\"\n      />\n    </header>\n    \n    <Popup \n      title=\"Add position\" \n      @close-popup=\"closeProductsPopup\" \n      :isPopupOpen=\"isOpenProductsPopup\"\n      class=\"bg-white w-min-30r w-max-30r radius-big pd-medium\"\n    >\n      <div class=\"bg-light mn-b-thin h-min-20r h-max-20r o-scroll pd-medium radius-big\">\n        <Feed\n          :search=\"true\"\n          :states=\"{\n            empty: {\n              title: 'No Products Found',\n              description: 'Currently, there are no such products available.'\n            }\n          }\"\n          :store=\"{\n            read: (options) => products.actions.read(options),\n            state: null\n          }\"\n          :options=\"{\n            organization: route.params._id\n          }\"\n          v-slot=\"{ \n            items \n          }\"\n          class=\"\"\n        >\n          <CardOrderItem\n            v-for=\"(product, index) in items\" :key=\"product._id\"\n            :editable=\"false\" \n            :product=\"product\" \n            @click=\"() => { \n              let p = { ...product };\n              p.quantity = 1;\n              p.type = 'pcs'\n              globals.actions.add(leftovers.state.current.positions, p) \n              closeProductsPopup();\n            }\"\n            class=\"bg-white pd-thin radius-medium w-100 mn-b-thin\"\n          />\n        </Feed>\n      </div>\n    </Popup>\n\n    <Block\n      title=\"Invetory Sheet\"\n      :actions=\"[{\n        label: '+',\n        function: () => openProductsPopup()\n      }]\"\n      placeholder=\"No positions added yet\"\n      class=\"mn-b-semi\"\n    >\n      <CardPosition \n        v-for=\"(product, index) in leftovers.state.current.positions\" \n        :key=\"product._id\" \n        :product=\"product\"\n        :array=\"leftovers.state.current.positions\"\n        :products=\"Products\"\n        @update=\"(item) => globals.actions.update(\n          leftovers.state.current.positions,\n          item,\n          index\n        )\"\n        @delete=\"(item) => globals.actions.delete(\n          leftovers.state.current.positions,\n          item,\n          index\n        )\"\n        class=\"mn-b-small radius-medium bg-white pd-small\"\n      />\n    </Block>\n\n    <Block\n      title=\"Comment\"\n      class=\"mn-b-semi\"\n    >\n      <Field\n        v-model:field=\"leftovers.state.current.comment\"\n        label=\"Comment\"\n        type=\"textarea\"\n        class=\"w-100 bg-white radius-small pd-medium\"\n      />  \n\n    </Block>\n   \n    <Block class=\"\">\n      <section class=\"gap-thin flex-v-center flex-nojustify flex\">\n        \n        <h3 class=\"mn-r-auto\">\n          In total: {{formatPrice(totalPrice)}}\n        </h3>\n\n        <a \n          @click=\"onSubmit()\" \n          class=\"bg-main button\"\n        >\n          Save\n        </a> \n\n        <a \n          class=\"t-white bg-second button\"\n          @click=\"onReset()\"\n        >\n          Reset\n        </a>\n\n        <a \n          v-if=\"route.params.leftover\" \n          @click=\"onDelete()\" \n          class=\"t-white bg-red button\"\n        >\n          Delete\n        </a>\n      </section>\n    </Block>\n   </div>\n</template>\n\n\n<script setup>\n  import Block from '@pf/src/components/Block/Block.vue';\n\n  import Field from '@pf/src/components/Field/Field.vue';\n  import Feed from '@pf/src/components/Feed/Feed.vue'\n  import Select from '@pf/src/components/Select/Select.vue';\n  import Popup from '@pf/src/components/Popup/Popup.vue';\n  import SelectMulti from '@pf/src/components/SelectMulti/SelectMulti.vue';\n\n  import CardPosition from '@pf/src/modules/products/components/blocks/CardPosition.vue';\n  import CardOrderItem  from '@pf/src/modules/orders/components/blocks/CardOrderItem.vue'\n\n  import { computed, onMounted, ref, reactive } from 'vue';\n  import { useRoute, useRouter } from 'vue-router';\n \n  import * as globals from '@pf/src/modules/globals/views/store/globals';\n  import * as auth from '@pf/src/modules/auth/views/store/auth';\n  import * as leftovers from '@pf/src/modules/products/store/leftovers';\n  import * as products from '@pf/src/modules/products/store/products';\n\n  const route = useRoute();\n  const router = useRouter();\n  \n  const Products = ref(products.state.all); // Обновите это значение соответствующим образом\n  const productNew = ref(null);\n\n  const totalPrice = computed(() => {\n    return Number(leftovers.state.current.positions.reduce((sum, position) => {\n      return Number(sum) + Number(position.price);\n    }, 0));\n  });\n\n  const isOpenProductsPopup = ref(false);\n\n  function openProductsPopup() {\n    isOpenProductsPopup.value = true;\n  }\n\n  function closeProductsPopup() {\n    isOpenProductsPopup.value = false;\n  }\n\n  onMounted(async () => {\n    if (route.params.leftover) {\n      try {\n        await leftovers.actions.fetch(route.params.leftover);\n      } catch (error) {\n        console.error('error');\n      }\n    } else {\n      leftovers.state.current = { type: \"\", order: \"\", positions: [] };\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  function onReset() {\n    if (route.params.leftover) {\n      leftovers.actions.fetch(route.params.leftover);\n    } else {\n      leftovers.state.current = { type: \"\", order: \"\", positions: [] };\n    }\n  }\n\n  function onSubmit() {\n    leftovers.state.current.organization = route.params._id;\n\n    if (route.params.leftover) {\n      leftovers.actions.update(leftovers.state.current).then(\n        () => router.push({ name: 'Leftovers', params: {_id: route.params._id} }),\n        (error) => console.error('error')\n      );\n    } else {\n      leftovers.state.current.creator = {\n        type: 'user',\n        target: auth.state.user._id\n      }\n      leftovers.state.current.owner = {\n        type: 'organization',\n        target: route.params._id\n      }\n\n      console.log('leftover state is', leftovers.state.current)\n      leftovers.actions.create(leftovers.state.current).then(\n        () => router.push({ name: 'Leftovers', params: {_id: route.params._id} }),\n        (error) => console.error('error')\n      );\n    }\n  }\n\n  function onDelete() {\n    leftovers.actions.delete(route.params.leftover).then(\n      () => router.push({ name: 'Leftovers', params: {_id: route.params._id} }),\n      (error) => console.error('error')\n    );\n  }\n</script>\n\n\n<style lang=\"scss\">\n\n.round-stat {\n  padding: 1rem;\n  border-radius: 5rem;\n  width: 3rem;\n  height: 3rem;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: 1px solid rgba(0,0,0,0.1);\n\n  &-tab {\n    width: 2rem;\n    height: 2rem;\n  }\n}\n\n\n\n.order-card {\n  border-radius: 0.25rem;\n  overflow: hidden;\n  box-shadow: 0 8px 8px -8px rgb(36 36 36 / 10%);\n  .order-status {\n    color: black;\n    background: #EEF2F6; \n    width: 100%;\n    padding: 0.75rem 1.5rem;\n    margin: 0;\n  }\n\n  .new {\n    color: white;\n    background: #00ff88;\n  }\n\n  .block {\n    border-radius: 0;\n    border: 0;\n  }\n}\n\n  \n</style>\n"],"names":["products.state","leftovers.state","leftovers.actions","products.actions","auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA4JE,UAAM,QAAQ;AACd,UAAM,SAAS;AAEf,UAAM,WAAW,IAAIA,MAAe,GAAG;AACpB,QAAI,IAAI;AAE3B,UAAM,aAAa,SAAS,MAAM;AAChC,aAAO,OAAOC,QAAgB,QAAQ,UAAU,OAAO,CAAC,KAAK,aAAa;AACxE,eAAO,OAAO,GAAG,IAAI,OAAO,SAAS,KAAK;AAAA,MAChD,GAAO,CAAC,CAAC;AAAA,IACT,CAAG;AAED,UAAM,sBAAsB,IAAI,KAAK;AAErC,aAAS,oBAAoB;AAC3B,0BAAoB,QAAQ;AAAA,IAC7B;AAED,aAAS,qBAAqB;AAC5B,0BAAoB,QAAQ;AAAA,IAC7B;AAED,cAAU,YAAY;AACpB,UAAI,MAAM,OAAO,UAAU;AACzB,YAAI;AACF,gBAAMC,QAAkB,MAAM,MAAM,OAAO,QAAQ;AAAA,QACpD,SAAQ,OAAO;AACd,kBAAQ,MAAM,OAAO;AAAA,QACtB;AAAA,MACP,OAAW;AACLD,gBAAgB,UAAU,EAAE,MAAM,IAAI,OAAO,IAAI,WAAW,CAAA;MAC7D;AAED,UAAI;AACF,cAAM,mBAAmB,MAAME,UAAiB,KAAK;AAAA,UACnD,cAAc,MAAM,OAAO;AAAA,UAC3B,OAAO;AAAA,QACf,CAAO;AACD,iBAAS,QAAQ;AAAA,MAClB,SAAQ,OAAO;AACd,gBAAQ,MAAM,OAAO;AAAA,MACtB;AAAA,IACL,CAAG;AAED,aAAS,UAAU;AACjB,UAAI,MAAM,OAAO,UAAU;AACzBD,gBAAkB,MAAM,MAAM,OAAO,QAAQ;AAAA,MACnD,OAAW;AACLD,gBAAgB,UAAU,EAAE,MAAM,IAAI,OAAO,IAAI,WAAW,CAAA;MAC7D;AAAA,IACF;AAED,aAAS,WAAW;AAClBA,cAAgB,QAAQ,eAAe,MAAM,OAAO;AAEpD,UAAI,MAAM,OAAO,UAAU;AACzBC,gBAAkB,OAAOD,QAAgB,OAAO,EAAE;AAAA,UAChD,MAAM,OAAO,KAAK,EAAE,MAAM,aAAa,QAAQ,EAAC,KAAK,MAAM,OAAO,IAAG,EAAC,CAAE;AAAA,UACxE,CAAC,UAAU,QAAQ,MAAM,OAAO;AAAA,QACxC;AAAA,MACA,OAAW;AACLA,gBAAgB,QAAQ,UAAU;AAAA,UAChC,MAAM;AAAA,UACN,QAAQG,QAAW,KAAK;AAAA,QACzB;AACDH,gBAAgB,QAAQ,QAAQ;AAAA,UAC9B,MAAM;AAAA,UACN,QAAQ,MAAM,OAAO;AAAA,QACtB;AAED,gBAAQ,IAAI,qBAAqBA,QAAgB,OAAO;AACxDC,gBAAkB,OAAOD,QAAgB,OAAO,EAAE;AAAA,UAChD,MAAM,OAAO,KAAK,EAAE,MAAM,aAAa,QAAQ,EAAC,KAAK,MAAM,OAAO,IAAG,EAAC,CAAE;AAAA,UACxE,CAAC,UAAU,QAAQ,MAAM,OAAO;AAAA,QACxC;AAAA,MACK;AAAA,IACF;AAED,aAAS,WAAW;AAClBC,cAAkB,OAAO,MAAM,OAAO,QAAQ,EAAE;AAAA,QAC9C,MAAM,OAAO,KAAK,EAAE,MAAM,aAAa,QAAQ,EAAC,KAAK,MAAM,OAAO,IAAG,EAAC,CAAE;AAAA,QACxE,CAAC,UAAU,QAAQ,MAAM,OAAO;AAAA,MACtC;AAAA,IACG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"EditLeftover.vue.js","sources":["../../../../../../../src/modules/products/components/pages/EditLeftover.vue"],"sourcesContent":["<template>\n  <div class=\"pd-thin\">\n    <header class=\"mn-b-medium gap-small flex-v-center flex-nowrap flex\">\n      <h2 class=\"\">{{route.params.leftover ? 'Edit ' : 'Add ' }} Inventory</h2>\n\n      <Select \n        v-model:select=\"leftovers.state.current.type\" \n        :options=\"[\n          'stock-in',\n          'stock-out'\n        ]\"\n        :placeholder=\"'Select type'\"\n        class=\"bg-main t-black w-max pd-small t-semi p-big uppercase radius-small\"\n      />\n    </header>\n    \n    <Popup \n      title=\"Add position\" \n      @close-popup=\"closeProductsPopup\" \n      :isPopupOpen=\"isOpenProductsPopup\"\n      class=\"bg-white w-min-30r w-max-30r radius-big pd-medium\"\n    >\n      <div class=\"bg-light mn-b-thin h-min-20r h-max-20r o-scroll pd-medium radius-big\">\n        <Feed\n          :search=\"true\"\n          :states=\"{\n            empty: {\n              title: 'No Products Found',\n              description: 'Currently, there are no such products available.'\n            }\n          }\"\n          :store=\"{\n            read: (options) => products.actions.read(options),\n            state: null\n          }\"\n          :options=\"{\n            organization: route.params._id\n          }\"\n          v-slot=\"{ \n            items \n          }\"\n          class=\"\"\n        >\n          <CardOrderItem\n            v-for=\"(product, index) in items\" :key=\"product._id\"\n            :editable=\"false\" \n            :product=\"product\" \n            @click=\"() => { \n              let p = { ...product };\n              p.quantity = 1;\n              p.type = 'pcs'\n              globals.actions.add(leftovers.state.current.positions, p) \n              closeProductsPopup();\n            }\"\n            class=\"bg-white pd-thin radius-medium w-100 mn-b-thin\"\n          />\n        </Feed>\n      </div>\n    </Popup>\n\n    <Block\n      title=\"Invetory Sheet\"\n      :actions=\"[{\n        label: '+',\n        function: () => openProductsPopup()\n      }]\"\n      placeholder=\"No positions added yet\"\n      class=\"mn-b-semi\"\n    >\n      <CardPosition \n        v-for=\"(product, index) in leftovers.state.current.positions\" \n        :key=\"product._id\" \n        :product=\"product\"\n        :array=\"leftovers.state.current.positions\"\n        :products=\"Products\"\n        @update=\"(item) => globals.actions.update(\n          leftovers.state.current.positions,\n          item,\n          index\n        )\"\n        @delete=\"(item) => globals.actions.delete(\n          leftovers.state.current.positions,\n          item,\n          index\n        )\"\n        class=\"mn-b-small radius-medium bg-white pd-small\"\n      />\n    </Block>\n\n    <Block\n      title=\"Comment\"\n      class=\"mn-b-semi\"\n    >\n      <Field\n        v-model:field=\"leftovers.state.current.comment\"\n        label=\"Comment\"\n        type=\"textarea\"\n        class=\"w-100 bg-white radius-small pd-medium\"\n      />  \n\n    </Block>\n   \n    <Block class=\"\">\n      <section class=\"gap-thin flex-v-center flex-nojustify flex\">\n        \n        <h3 class=\"mn-r-auto\">\n          In total: {{formatPrice(totalPrice)}}\n        </h3>\n\n        <a \n          @click=\"onSubmit()\" \n          class=\"bg-main button\"\n        >\n          Save\n        </a> \n\n        <a \n          class=\"t-white bg-second button\"\n          @click=\"onReset()\"\n        >\n          Reset\n        </a>\n\n        <a \n          v-if=\"route.params.leftover\" \n          @click=\"onDelete()\" \n          class=\"t-white bg-red button\"\n        >\n          Delete\n        </a>\n      </section>\n    </Block>\n   </div>\n</template>\n\n\n<script setup>\n  import Block from '@pf/src/components/Block/Block.vue';\n\n  import Field from '@pf/src/components/Field/Field.vue';\n  import Feed from '@pf/src/components/Feed/Feed.vue'\n  import Select from '@pf/src/components/Select/Select.vue';\n  import Popup from '@pf/src/components/Popup/Popup.vue';\n  import SelectMulti from '@pf/src/components/SelectMulti/SelectMulti.vue';\n\n  import CardPosition from '@pf/src/modules/products/components/blocks/CardPosition.vue';\n  import CardOrderItem  from '@pf/src/modules/orders/components/blocks/CardOrderItem.vue'\n\n  import { computed, onMounted, ref, reactive } from 'vue';\n  import { useRoute, useRouter } from 'vue-router';\n \n  import * as globals from '@pf/src/modules/globals/views/store/globals';\n  import * as auth from '@pf/src/modules/auth/views/store/auth';\n  import * as leftovers from '@pf/src/modules/products/store/leftovers';\n  import * as products from '@pf/src/modules/products/store/products';\n\n  const route = useRoute();\n  const router = useRouter();\n  \n  const Products = ref(products.state.all); // Обновите это значение соответствующим образом\n  const productNew = ref(null);\n\n  const totalPrice = computed(() => {\n    return Number(leftovers.state.current.positions.reduce((sum, position) => {\n      return Number(sum) + Number(position.price);\n    }, 0));\n  });\n\n  const isOpenProductsPopup = ref(false);\n\n  function openProductsPopup() {\n    isOpenProductsPopup.value = true;\n  }\n\n  function closeProductsPopup() {\n    isOpenProductsPopup.value = false;\n  }\n\n  onMounted(async () => {\n    if (route.params.leftover) {\n      try {\n        await leftovers.actions.fetch(route.params.leftover);\n      } catch (error) {\n        console.error('error');\n      }\n    } else {\n      leftovers.state.current = { type: \"\", order: \"\", positions: [] };\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  function onReset() {\n    if (route.params.leftover) {\n      leftovers.actions.fetch(route.params.leftover);\n    } else {\n      leftovers.state.current = { type: \"\", order: \"\", positions: [] };\n    }\n  }\n\n  function onSubmit() {\n    leftovers.state.current.organization = route.params._id;\n\n    if (route.params.leftover) {\n      leftovers.actions.update(leftovers.state.current).then(\n        () => router.push({ name: 'Leftovers', params: {_id: route.params._id} }),\n        (error) => console.error('error')\n      );\n    } else {\n      leftovers.state.current.creator = {\n        type: 'user',\n        target: auth.state.user._id\n      }\n      leftovers.state.current.owner = {\n        type: 'organization',\n        target: route.params._id\n      }\n\n      console.log('leftover state is', leftovers.state.current)\n      leftovers.actions.create(leftovers.state.current).then(\n        () => router.push({ name: 'Leftovers', params: {_id: route.params._id} }),\n        (error) => console.error('error')\n      );\n    }\n  }\n\n  function onDelete() {\n    leftovers.actions.delete(route.params.leftover).then(\n      () => router.push({ name: 'Leftovers', params: {_id: route.params._id} }),\n      (error) => console.error('error')\n    );\n  }\n</script>\n\n\n<style lang=\"scss\">\n\n.round-stat {\n  padding: 1rem;\n  border-radius: 5rem;\n  width: 3rem;\n  height: 3rem;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: 1px solid rgba(0,0,0,0.1);\n\n  &-tab {\n    width: 2rem;\n    height: 2rem;\n  }\n}\n\n\n\n.order-card {\n  border-radius: 0.25rem;\n  overflow: hidden;\n  box-shadow: 0 8px 8px -8px rgb(36 36 36 / 10%);\n  .order-status {\n    color: black;\n    background: #EEF2F6; \n    width: 100%;\n    padding: 0.75rem 1.5rem;\n    margin: 0;\n  }\n\n  .new {\n    color: white;\n    background: #00ff88;\n  }\n\n  .block {\n    border-radius: 0;\n    border: 0;\n  }\n}\n\n  \n</style>\n"],"names":["products.state","leftovers.state","leftovers.actions","products.actions","auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA4JE,UAAM,QAAQ,SAAU;AACxB,UAAM,SAAS,UAAW;AAE1B,UAAM,WAAW,IAAIA,MAAe,GAAG;AACpB,QAAI,IAAI;AAE3B,UAAM,aAAa,SAAS,MAAM;AAChC,aAAO,OAAOC,QAAgB,QAAQ,UAAU,OAAO,CAAC,KAAK,aAAa;AACxE,eAAO,OAAO,GAAG,IAAI,OAAO,SAAS,KAAK;AAAA,MAC3C,GAAE,CAAC,CAAC;AAAA,IACT,CAAG;AAED,UAAM,sBAAsB,IAAI,KAAK;AAErC,aAAS,oBAAoB;AAC3B,0BAAoB,QAAQ;AAAA,IAChC;AAEE,aAAS,qBAAqB;AAC5B,0BAAoB,QAAQ;AAAA,IAChC;AAEE,cAAU,YAAY;AACpB,UAAI,MAAM,OAAO,UAAU;AACzB,YAAI;AACF,gBAAMC,QAAkB,MAAM,MAAM,OAAO,QAAQ;AAAA,QACpD,SAAQ,OAAO;AACd,kBAAQ,MAAM,OAAO;AAAA,QAC7B;AAAA,MACA,OAAW;AACLD,gBAAgB,UAAU,EAAE,MAAM,IAAI,OAAO,IAAI,WAAW,GAAI;AAAA,MACtE;AAEI,UAAI;AACF,cAAM,mBAAmB,MAAME,UAAiB,KAAK;AAAA,UACnD,cAAc,MAAM,OAAO;AAAA,UAC3B,OAAO;AAAA,QACf,CAAO;AACD,iBAAS,QAAQ;AAAA,MAClB,SAAQ,OAAO;AACd,gBAAQ,MAAM,OAAO;AAAA,MAC3B;AAAA,IACA,CAAG;AAED,aAAS,UAAU;AACjB,UAAI,MAAM,OAAO,UAAU;AACzBD,gBAAkB,MAAM,MAAM,OAAO,QAAQ;AAAA,MACnD,OAAW;AACLD,gBAAgB,UAAU,EAAE,MAAM,IAAI,OAAO,IAAI,WAAW,GAAI;AAAA,MACtE;AAAA,IACA;AAEE,aAAS,WAAW;AAClBA,cAAgB,QAAQ,eAAe,MAAM,OAAO;AAEpD,UAAI,MAAM,OAAO,UAAU;AACzBC,gBAAkB,OAAOD,QAAgB,OAAO,EAAE;AAAA,UAChD,MAAM,OAAO,KAAK,EAAE,MAAM,aAAa,QAAQ,EAAC,KAAK,MAAM,OAAO,IAAG,EAAC,CAAE;AAAA,UACxE,CAAC,UAAU,QAAQ,MAAM,OAAO;AAAA,QACjC;AAAA,MACP,OAAW;AACLA,gBAAgB,QAAQ,UAAU;AAAA,UAChC,MAAM;AAAA,UACN,QAAQG,QAAW,KAAK;AAAA,QAChC;AACMH,gBAAgB,QAAQ,QAAQ;AAAA,UAC9B,MAAM;AAAA,UACN,QAAQ,MAAM,OAAO;AAAA,QAC7B;AAEM,gBAAQ,IAAI,qBAAqBA,QAAgB,OAAO;AACxDC,gBAAkB,OAAOD,QAAgB,OAAO,EAAE;AAAA,UAChD,MAAM,OAAO,KAAK,EAAE,MAAM,aAAa,QAAQ,EAAC,KAAK,MAAM,OAAO,IAAG,EAAC,CAAE;AAAA,UACxE,CAAC,UAAU,QAAQ,MAAM,OAAO;AAAA,QACjC;AAAA,MACP;AAAA,IACA;AAEE,aAAS,WAAW;AAClBC,cAAkB,OAAO,MAAM,OAAO,QAAQ,EAAE;AAAA,QAC9C,MAAM,OAAO,KAAK,EAAE,MAAM,aAAa,QAAQ,EAAC,KAAK,MAAM,OAAO,IAAG,EAAC,CAAE;AAAA,QACxE,CAAC,UAAU,QAAQ,MAAM,OAAO;AAAA,MACjC;AAAA,IACL;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/products/components/pages/Leftovers.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Leftovers.vue.cjs","sources":["../../../../../../../src/modules/products/components/pages/Leftovers.vue"],"sourcesContent":["<template>\n  <div class=\"pd-thin\">\n    <header class=\"mn-b-medium flex-v-center flex-nowrap flex\">\n      <h2 class=\"mn-r-medium\">Inventory</h2>\n      <button \n        @click=\"$router.push({\n          name: 'LeftoverAdd'\n        })\" \n        class=\"radius-100 i-big hover-scale-1 cursor-pointer t-white bg-second\">\n          +\n      </button>\n    </header>\n    \n    <section class=\"mn-b-semi pd-medium bg-light radius-big\">\n      <p class=\"mn-b-thin\">Balance:</p>\n      <h3>{{formatPrice(totalPrice)}}</h3>\n    </section>\n\n    <!-- <h3>Low Stock</h3>\n\n    <section class=\"mn-b-semi pd-medium bg-light radius-big\">\n      <div>\n        Name: Code Red\n        Left: 3\n        <button>add</button>\n      </div>\n      <div>\n        Name: Code Red\n        Left: 3\n        <button>add</button>\n      </div>\n      <div>\n        Name: Code Red\n        Left: 3\n        <button>add</button>\n      </div>\n    </section> -->\n\n    <Tab \n      v-model:selected=\"tab\"\n      :tabs=\"[\n        { name: 'All',        value: 'all' },\n        { name: 'Stock-In',   value: 'stock-in' },\n        { name: 'Stock-Out',  value: 'stock-out' }\n      ]\"\n      class=\"mn-b-small o-hidden h5 radius-big bg-light\"\n    />\n\n    <Feed\n      :search=\"true\"\n      :states=\"{\n        empty: {\n          title: 'No Leftovers Found',\n          description: 'Currently, there are no leftovers available.'\n        }\n      }\"\n      :store=\"{\n        read: (options) => leftovers.actions.read(options)\n      }\"\n      :options=\"{\n        limit: 15,\n        owner: route.params._id,\n        ...(tab !== 'all' && { type: tab })\n      }\"\n      v-slot=\"{ \n        items \n      }\"\n    >\n      <CardLeftover \n        v-for=\"leftover in items\" \n        :leftover=\"leftover\"\n        class=\"bg-light pd-small mn-b-thin radius-small\"\n      />\n    </Feed>\n  </div>\n</template>\n\n\n<script setup>\n  import { computed, onMounted, reactive, ref } from 'vue'\n  import { useRoute, useRouter } from 'vue-router'\n\n  import Tab      from '@pf/src/components/Tab/Tab.vue'\n  import Feed from '@pf/src/components/Feed/Feed.vue'\n  import CardLeftover from '../blocks/CardLeftover.vue'\n\n  import * as leftovers from '@pf/src/modules/products/store/leftovers' // Убедитесь, что путь к вашему файлу стора верный\n\n  const route = useRoute()\n  const router = useRouter()\n\n  // Tab logic\n  const tab = ref(route.query.tab ? route.query.tab : 'all')\n  // await leftovers.actions.read()\n  const totalPrice = computed(() => {\n    return leftovers.state.all.reduce((totalSum, item) => {\n      const itemTotal = item.positions.reduce((sum, position) => {\n        return sum + position.price;\n      }, 0);\n\n      // Adjust the sum based on the type of transaction\n      if (item.type === 'stock-in') {\n        // If it's a stock-in, subtract the itemTotal from the totalSum\n        return totalSum - itemTotal;\n      } else if (item.type === 'stock-out') {\n        // If it's a stock-out, add the itemTotal to the totalSum\n        return totalSum + itemTotal;\n      } else {\n        // If the item type is not specified or is different, do not adjust the totalSum\n        return totalSum;\n      }\n    }, 0);\n  });\n\n</script>\n\n<style lang=\"scss\">\n\n.round-stat {\n  padding: 1rem;\n  border-radius: 5rem;\n  width: 3rem;\n  height: 3rem;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: 1px solid rgba(0,0,0,0.1);\n\n  &-tab {\n    width: 2rem;\n    height: 2rem;\n  }\n}\n\n\n\n.order-card {\n  border-radius: 0.25rem;\n  overflow: hidden;\n  box-shadow: 0 8px 8px -8px rgb(36 36 36 / 10%);\n  .order-status {\n    color: black;\n    background: #EEF2F6; \n    width: 100%;\n    padding: 0.75rem 1.5rem;\n    margin: 0;\n  }\n\n  .new {\n    color: white;\n    background: #00ff88;\n  }\n\n  .block {\n    border-radius: 0;\n    border: 0;\n  }\n}\n\n  \n</style>\n"],"names":["useRoute","useRouter","ref","computed","leftovers.state"],"mappings":";;;;;;;;;;;;;;;AAwFE,UAAM,QAAQA,UAAAA,SAAU;AACTC,wBAAW;AAG1B,UAAM,MAAMC,QAAI,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,KAAK;AAEzD,UAAM,aAAaC,IAAAA,SAAS,MAAM;AAChC,aAAOC,UAAe,MAAC,IAAI,OAAO,CAAC,UAAU,SAAS;AACpD,cAAM,YAAY,KAAK,UAAU,OAAO,CAAC,KAAK,aAAa;AACzD,iBAAO,MAAM,SAAS;AAAA,QACvB,GAAE,CAAC;AAGJ,YAAI,KAAK,SAAS,YAAY;AAE5B,iBAAO,WAAW;AAAA,QAC1B,WAAiB,KAAK,SAAS,aAAa;AAEpC,iBAAO,WAAW;AAAA,QAC1B,OAAa;AAEL,iBAAO;AAAA,QACR;AAAA,MACF,GAAE,CAAC;AAAA,IACR,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Leftovers.vue.cjs","sources":["../../../../../../../src/modules/products/components/pages/Leftovers.vue"],"sourcesContent":["<template>\n  <div class=\"pd-thin\">\n    <header class=\"mn-b-medium flex-v-center flex-nowrap flex\">\n      <h2 class=\"mn-r-medium\">Inventory</h2>\n      <button \n        @click=\"$router.push({\n          name: 'LeftoverAdd'\n        })\" \n        class=\"radius-100 i-big hover-scale-1 cursor-pointer t-white bg-second\">\n          +\n      </button>\n    </header>\n    \n    <section class=\"mn-b-semi pd-medium bg-light radius-big\">\n      <p class=\"mn-b-thin\">Balance:</p>\n      <h3>{{formatPrice(totalPrice)}}</h3>\n    </section>\n\n    <!-- <h3>Low Stock</h3>\n\n    <section class=\"mn-b-semi pd-medium bg-light radius-big\">\n      <div>\n        Name: Code Red\n        Left: 3\n        <button>add</button>\n      </div>\n      <div>\n        Name: Code Red\n        Left: 3\n        <button>add</button>\n      </div>\n      <div>\n        Name: Code Red\n        Left: 3\n        <button>add</button>\n      </div>\n    </section> -->\n\n    <Tab \n      v-model:selected=\"tab\"\n      :tabs=\"[\n        { name: 'All',        value: 'all' },\n        { name: 'Stock-In',   value: 'stock-in' },\n        { name: 'Stock-Out',  value: 'stock-out' }\n      ]\"\n      class=\"mn-b-small o-hidden h5 radius-big bg-light\"\n    />\n\n    <Feed\n      :search=\"true\"\n      :states=\"{\n        empty: {\n          title: 'No Leftovers Found',\n          description: 'Currently, there are no leftovers available.'\n        }\n      }\"\n      :store=\"{\n        read: (options) => leftovers.actions.read(options)\n      }\"\n      :options=\"{\n        limit: 15,\n        owner: route.params._id,\n        ...(tab !== 'all' && { type: tab })\n      }\"\n      v-slot=\"{ \n        items \n      }\"\n    >\n      <CardLeftover \n        v-for=\"leftover in items\" \n        :leftover=\"leftover\"\n        class=\"bg-light pd-small mn-b-thin radius-small\"\n      />\n    </Feed>\n  </div>\n</template>\n\n\n<script setup>\n  import { computed, onMounted, reactive, ref } from 'vue'\n  import { useRoute, useRouter } from 'vue-router'\n\n  import Tab      from '@pf/src/components/Tab/Tab.vue'\n  import Feed from '@pf/src/components/Feed/Feed.vue'\n  import CardLeftover from '../blocks/CardLeftover.vue'\n\n  import * as leftovers from '@pf/src/modules/products/store/leftovers' // Убедитесь, что путь к вашему файлу стора верный\n\n  const route = useRoute()\n  const router = useRouter()\n\n  // Tab logic\n  const tab = ref(route.query.tab ? route.query.tab : 'all')\n  // await leftovers.actions.read()\n  const totalPrice = computed(() => {\n    return leftovers.state.all.reduce((totalSum, item) => {\n      const itemTotal = item.positions.reduce((sum, position) => {\n        return sum + position.price;\n      }, 0);\n\n      // Adjust the sum based on the type of transaction\n      if (item.type === 'stock-in') {\n        // If it's a stock-in, subtract the itemTotal from the totalSum\n        return totalSum - itemTotal;\n      } else if (item.type === 'stock-out') {\n        // If it's a stock-out, add the itemTotal to the totalSum\n        return totalSum + itemTotal;\n      } else {\n        // If the item type is not specified or is different, do not adjust the totalSum\n        return totalSum;\n      }\n    }, 0);\n  });\n\n</script>\n\n<style lang=\"scss\">\n\n.round-stat {\n  padding: 1rem;\n  border-radius: 5rem;\n  width: 3rem;\n  height: 3rem;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: 1px solid rgba(0,0,0,0.1);\n\n  &-tab {\n    width: 2rem;\n    height: 2rem;\n  }\n}\n\n\n\n.order-card {\n  border-radius: 0.25rem;\n  overflow: hidden;\n  box-shadow: 0 8px 8px -8px rgb(36 36 36 / 10%);\n  .order-status {\n    color: black;\n    background: #EEF2F6; \n    width: 100%;\n    padding: 0.75rem 1.5rem;\n    margin: 0;\n  }\n\n  .new {\n    color: white;\n    background: #00ff88;\n  }\n\n  .block {\n    border-radius: 0;\n    border: 0;\n  }\n}\n\n  \n</style>\n"],"names":["useRoute","useRouter","ref","computed","leftovers.state"],"mappings":";;;;;;;;;;;;;;;AAwFE,UAAM,QAAQA,UAAQ,SAAA;AACPC,cAAS,UAAA;AAGxB,UAAM,MAAMC,IAAG,IAAC,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,KAAK;AAEzD,UAAM,aAAaC,IAAAA,SAAS,MAAM;AAChC,aAAOC,UAAe,MAAC,IAAI,OAAO,CAAC,UAAU,SAAS;AACpD,cAAM,YAAY,KAAK,UAAU,OAAO,CAAC,KAAK,aAAa;AACzD,iBAAO,MAAM,SAAS;AAAA,QACvB,GAAE,CAAC;AAGJ,YAAI,KAAK,SAAS,YAAY;AAE5B,iBAAO,WAAW;AAAA,QAC1B,WAAiB,KAAK,SAAS,aAAa;AAEpC,iBAAO,WAAW;AAAA,QAC1B,OAAa;AAEL,iBAAO;AAAA,QACf;AAAA,MACK,GAAE,CAAC;AAAA,IACR,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/products/components/pages/Leftovers.vue.js

@@ -1,4 +1,4 @@
-import { ref, computed, openBlock, createElementBlock, createElementVNode, toDisplayString, createVNode, unref, withCtx, Fragment, renderList, createBlock } from "vue";
+import { ref, computed, createElementBlock, openBlock, createElementVNode, createVNode, toDisplayString, unref, withCtx, Fragment, renderList, createBlock } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import _sfc_main$1 from "../../../../components/Tab/Tab.vue2.js";
 import _sfc_main$2 from "../../../../components/Feed/Feed.vue.js";

package/dist/prometheus-framework/src/modules/products/components/pages/Leftovers.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Leftovers.vue.js","sources":["../../../../../../../src/modules/products/components/pages/Leftovers.vue"],"sourcesContent":["<template>\n  <div class=\"pd-thin\">\n    <header class=\"mn-b-medium flex-v-center flex-nowrap flex\">\n      <h2 class=\"mn-r-medium\">Inventory</h2>\n      <button \n        @click=\"$router.push({\n          name: 'LeftoverAdd'\n        })\" \n        class=\"radius-100 i-big hover-scale-1 cursor-pointer t-white bg-second\">\n          +\n      </button>\n    </header>\n    \n    <section class=\"mn-b-semi pd-medium bg-light radius-big\">\n      <p class=\"mn-b-thin\">Balance:</p>\n      <h3>{{formatPrice(totalPrice)}}</h3>\n    </section>\n\n    <!-- <h3>Low Stock</h3>\n\n    <section class=\"mn-b-semi pd-medium bg-light radius-big\">\n      <div>\n        Name: Code Red\n        Left: 3\n        <button>add</button>\n      </div>\n      <div>\n        Name: Code Red\n        Left: 3\n        <button>add</button>\n      </div>\n      <div>\n        Name: Code Red\n        Left: 3\n        <button>add</button>\n      </div>\n    </section> -->\n\n    <Tab \n      v-model:selected=\"tab\"\n      :tabs=\"[\n        { name: 'All',        value: 'all' },\n        { name: 'Stock-In',   value: 'stock-in' },\n        { name: 'Stock-Out',  value: 'stock-out' }\n      ]\"\n      class=\"mn-b-small o-hidden h5 radius-big bg-light\"\n    />\n\n    <Feed\n      :search=\"true\"\n      :states=\"{\n        empty: {\n          title: 'No Leftovers Found',\n          description: 'Currently, there are no leftovers available.'\n        }\n      }\"\n      :store=\"{\n        read: (options) => leftovers.actions.read(options)\n      }\"\n      :options=\"{\n        limit: 15,\n        owner: route.params._id,\n        ...(tab !== 'all' && { type: tab })\n      }\"\n      v-slot=\"{ \n        items \n      }\"\n    >\n      <CardLeftover \n        v-for=\"leftover in items\" \n        :leftover=\"leftover\"\n        class=\"bg-light pd-small mn-b-thin radius-small\"\n      />\n    </Feed>\n  </div>\n</template>\n\n\n<script setup>\n  import { computed, onMounted, reactive, ref } from 'vue'\n  import { useRoute, useRouter } from 'vue-router'\n\n  import Tab      from '@pf/src/components/Tab/Tab.vue'\n  import Feed from '@pf/src/components/Feed/Feed.vue'\n  import CardLeftover from '../blocks/CardLeftover.vue'\n\n  import * as leftovers from '@pf/src/modules/products/store/leftovers' // Убедитесь, что путь к вашему файлу стора верный\n\n  const route = useRoute()\n  const router = useRouter()\n\n  // Tab logic\n  const tab = ref(route.query.tab ? route.query.tab : 'all')\n  // await leftovers.actions.read()\n  const totalPrice = computed(() => {\n    return leftovers.state.all.reduce((totalSum, item) => {\n      const itemTotal = item.positions.reduce((sum, position) => {\n        return sum + position.price;\n      }, 0);\n\n      // Adjust the sum based on the type of transaction\n      if (item.type === 'stock-in') {\n        // If it's a stock-in, subtract the itemTotal from the totalSum\n        return totalSum - itemTotal;\n      } else if (item.type === 'stock-out') {\n        // If it's a stock-out, add the itemTotal to the totalSum\n        return totalSum + itemTotal;\n      } else {\n        // If the item type is not specified or is different, do not adjust the totalSum\n        return totalSum;\n      }\n    }, 0);\n  });\n\n</script>\n\n<style lang=\"scss\">\n\n.round-stat {\n  padding: 1rem;\n  border-radius: 5rem;\n  width: 3rem;\n  height: 3rem;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: 1px solid rgba(0,0,0,0.1);\n\n  &-tab {\n    width: 2rem;\n    height: 2rem;\n  }\n}\n\n\n\n.order-card {\n  border-radius: 0.25rem;\n  overflow: hidden;\n  box-shadow: 0 8px 8px -8px rgb(36 36 36 / 10%);\n  .order-status {\n    color: black;\n    background: #EEF2F6; \n    width: 100%;\n    padding: 0.75rem 1.5rem;\n    margin: 0;\n  }\n\n  .new {\n    color: white;\n    background: #00ff88;\n  }\n\n  .block {\n    border-radius: 0;\n    border: 0;\n  }\n}\n\n  \n</style>\n"],"names":["leftovers.state"],"mappings":";;;;;;;;;;;;;AAwFE,UAAM,QAAQ,SAAU;AACT,cAAW;AAG1B,UAAM,MAAM,IAAI,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,KAAK;AAEzD,UAAM,aAAa,SAAS,MAAM;AAChC,aAAOA,MAAgB,IAAI,OAAO,CAAC,UAAU,SAAS;AACpD,cAAM,YAAY,KAAK,UAAU,OAAO,CAAC,KAAK,aAAa;AACzD,iBAAO,MAAM,SAAS;AAAA,QACvB,GAAE,CAAC;AAGJ,YAAI,KAAK,SAAS,YAAY;AAE5B,iBAAO,WAAW;AAAA,QAC1B,WAAiB,KAAK,SAAS,aAAa;AAEpC,iBAAO,WAAW;AAAA,QAC1B,OAAa;AAEL,iBAAO;AAAA,QACR;AAAA,MACF,GAAE,CAAC;AAAA,IACR,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Leftovers.vue.js","sources":["../../../../../../../src/modules/products/components/pages/Leftovers.vue"],"sourcesContent":["<template>\n  <div class=\"pd-thin\">\n    <header class=\"mn-b-medium flex-v-center flex-nowrap flex\">\n      <h2 class=\"mn-r-medium\">Inventory</h2>\n      <button \n        @click=\"$router.push({\n          name: 'LeftoverAdd'\n        })\" \n        class=\"radius-100 i-big hover-scale-1 cursor-pointer t-white bg-second\">\n          +\n      </button>\n    </header>\n    \n    <section class=\"mn-b-semi pd-medium bg-light radius-big\">\n      <p class=\"mn-b-thin\">Balance:</p>\n      <h3>{{formatPrice(totalPrice)}}</h3>\n    </section>\n\n    <!-- <h3>Low Stock</h3>\n\n    <section class=\"mn-b-semi pd-medium bg-light radius-big\">\n      <div>\n        Name: Code Red\n        Left: 3\n        <button>add</button>\n      </div>\n      <div>\n        Name: Code Red\n        Left: 3\n        <button>add</button>\n      </div>\n      <div>\n        Name: Code Red\n        Left: 3\n        <button>add</button>\n      </div>\n    </section> -->\n\n    <Tab \n      v-model:selected=\"tab\"\n      :tabs=\"[\n        { name: 'All',        value: 'all' },\n        { name: 'Stock-In',   value: 'stock-in' },\n        { name: 'Stock-Out',  value: 'stock-out' }\n      ]\"\n      class=\"mn-b-small o-hidden h5 radius-big bg-light\"\n    />\n\n    <Feed\n      :search=\"true\"\n      :states=\"{\n        empty: {\n          title: 'No Leftovers Found',\n          description: 'Currently, there are no leftovers available.'\n        }\n      }\"\n      :store=\"{\n        read: (options) => leftovers.actions.read(options)\n      }\"\n      :options=\"{\n        limit: 15,\n        owner: route.params._id,\n        ...(tab !== 'all' && { type: tab })\n      }\"\n      v-slot=\"{ \n        items \n      }\"\n    >\n      <CardLeftover \n        v-for=\"leftover in items\" \n        :leftover=\"leftover\"\n        class=\"bg-light pd-small mn-b-thin radius-small\"\n      />\n    </Feed>\n  </div>\n</template>\n\n\n<script setup>\n  import { computed, onMounted, reactive, ref } from 'vue'\n  import { useRoute, useRouter } from 'vue-router'\n\n  import Tab      from '@pf/src/components/Tab/Tab.vue'\n  import Feed from '@pf/src/components/Feed/Feed.vue'\n  import CardLeftover from '../blocks/CardLeftover.vue'\n\n  import * as leftovers from '@pf/src/modules/products/store/leftovers' // Убедитесь, что путь к вашему файлу стора верный\n\n  const route = useRoute()\n  const router = useRouter()\n\n  // Tab logic\n  const tab = ref(route.query.tab ? route.query.tab : 'all')\n  // await leftovers.actions.read()\n  const totalPrice = computed(() => {\n    return leftovers.state.all.reduce((totalSum, item) => {\n      const itemTotal = item.positions.reduce((sum, position) => {\n        return sum + position.price;\n      }, 0);\n\n      // Adjust the sum based on the type of transaction\n      if (item.type === 'stock-in') {\n        // If it's a stock-in, subtract the itemTotal from the totalSum\n        return totalSum - itemTotal;\n      } else if (item.type === 'stock-out') {\n        // If it's a stock-out, add the itemTotal to the totalSum\n        return totalSum + itemTotal;\n      } else {\n        // If the item type is not specified or is different, do not adjust the totalSum\n        return totalSum;\n      }\n    }, 0);\n  });\n\n</script>\n\n<style lang=\"scss\">\n\n.round-stat {\n  padding: 1rem;\n  border-radius: 5rem;\n  width: 3rem;\n  height: 3rem;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: 1px solid rgba(0,0,0,0.1);\n\n  &-tab {\n    width: 2rem;\n    height: 2rem;\n  }\n}\n\n\n\n.order-card {\n  border-radius: 0.25rem;\n  overflow: hidden;\n  box-shadow: 0 8px 8px -8px rgb(36 36 36 / 10%);\n  .order-status {\n    color: black;\n    background: #EEF2F6; \n    width: 100%;\n    padding: 0.75rem 1.5rem;\n    margin: 0;\n  }\n\n  .new {\n    color: white;\n    background: #00ff88;\n  }\n\n  .block {\n    border-radius: 0;\n    border: 0;\n  }\n}\n\n  \n</style>\n"],"names":["leftovers.state"],"mappings":";;;;;;;;;;;;;AAwFE,UAAM,QAAQ,SAAQ;AACP,cAAS;AAGxB,UAAM,MAAM,IAAI,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,KAAK;AAEzD,UAAM,aAAa,SAAS,MAAM;AAChC,aAAOA,MAAgB,IAAI,OAAO,CAAC,UAAU,SAAS;AACpD,cAAM,YAAY,KAAK,UAAU,OAAO,CAAC,KAAK,aAAa;AACzD,iBAAO,MAAM,SAAS;AAAA,QACvB,GAAE,CAAC;AAGJ,YAAI,KAAK,SAAS,YAAY;AAE5B,iBAAO,WAAW;AAAA,QAC1B,WAAiB,KAAK,SAAS,aAAa;AAEpC,iBAAO,WAAW;AAAA,QAC1B,OAAa;AAEL,iBAAO;AAAA,QACf;AAAA,MACK,GAAE,CAAC;AAAA,IACR,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/products/components/pages/Product.vue.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const Button = require("../../../../components/Button/Button.vue.cjs");
+const Button = require("../../../../components/Button/Button.vue2.cjs");
 const Popup = require("../../../../components/Popup/Popup.vue.cjs");
 const Tab = require("../../../../components/Tab/Tab.vue2.cjs");
 const Calendar = require("../../../../components/DatePicker/Calendar.vue2.cjs");

package/dist/prometheus-framework/src/modules/products/components/pages/Product.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Product.vue.cjs","sources":["../../../../../../../src/modules/products/components/pages/Product.vue"],"sourcesContent":["<template>\n\t<div class=\"h-100 w-100 mobile:pd-thin pd-big bg-white \">\n\t\t<!-- <Breadcrumbs class=\"bg-light radius-big pd-small\"/> -->\n\t\t<div class=\"cols-2-1_2 w-100 gap-medium\">\n\t\t\n\t\t\t<div class=\"w-100 o-hidden  bg-light radius-big flex-nowrap flex-column flex pos-relative\">\n\t\t\t\t<div class=\"pd-semi w-100 bg-light radius-semi o-hidden\">\n\t\t\t\t\t<!-- PRODUCT IMAGE -->\n\t\t\t\t\t<Images360\n\t\t\t\t\t\tv-if=\"product && product.image3d\"\n\t\t\t\t\t\tclass=\"h-100 w-100\"\n\t\t\t\t\t\t:imagePath=\"`/assets/images/products/${product.image3d}`\"\n\t\t\t\t\t\t:imageCount=\"36\"\n\t\t\t\t\t/>\n\n\t\t\t\t\t<img loading=\"lazy\" \n\t\t\t\t\t\tv-if=\"images[0] && !product.image3d\"\n\t\t\t\t\t\tclass=\"h-max h-max-15r bg-white radius-semi w-100\"\n\t\t\t\t\t\tstyle=\"object-fit: contain;\"\n\t\t\t\t\t\t:src=\"(FILE_SERVER_URL || '') + images[0]\"\n\t\t\t\t\t/>\n\n\t\t\t\t\t<PlaceholderImage\n\t\t\t\t\t\tv-if=\"!images[0] && !product.image3d\"\n\t\t\t\t\t\tclass=\"h-max-20r h-100 w-100\"\n\t\t\t\t\t\tstyle=\"object-fit: cover;\"\n\t\t\t\t\t/>\n\n\t\t\t\t</div>\n\n\t\t\t\t<ImagesThumbnails\n\t\t\t\t\tv-if=\"images.length > 1\"\n\t\t\t\t\t:images=\"images\"\n\t\t\t\t\tclass=\"pd-semi pd-t-zero\"\n\t\t\t\t/>\n\t\t\t</div>\n\n\t\t\t<div class=\"pos-relative w-100 h-100 flex-column flex-h-center flex\">\n\n\t\t\t\t<IconEdit\n\t\t\t\t\tv-if=\"accesses && hasAccess(route.params._id, 'products', 'edit', accesses)\"\n\t\t\t\t\t@click=\"$router.push({\n\t\t\t\t\t\tname: 'ProductEdit', \n\t\t\t\t\t\tparams: {\n\t\t\t\t\t\t\t_id: product.owner.target,\n\t\t\t\t\t\t\tproduct: product._id\n\t\t\t\t\t\t}\n\t\t\t\t\t})\" \n\t\t\t\t\tclass=\"pos-absolute pos-t-regular pos-r-regular i-regular t-transp\"\n\t\t\t\t/>\n\n\t\t\t\t<!-- Name -->\n\t\t\t\t<h2 class=\"w-100 h1-product mn-b-small\">{{ product.name }}</h2>\n\n\t\t\t\t<Price :product=\"product\" size=\"big\" class=\"flex gap-thin flex-center pd-thin br-solid br-1px br-black-transp-10 w-max mn-b-medium\" />\n\n\t\t\t\t<!-- Price -->\n\t\t\t\t<div v-if=\"product.description || product.specification\" class=\"h-min-5r o-hidden radius-small bg-light mn-b-medium pos-relative\">\n\t\t\t\t\t<Tab \n\t\t\t\t\t\tv-model:selected=\"tabProduct\"\n\t\t\t\t\t\t:tabs=\"[\n\t\t\t\t\t\t\t{name: 'Description', value: 'description'},\n\t\t\t\t\t\t\t{name: 'Specifications', value: 'specifications'}\n\t\t\t\t\t\t]\"\n\t\t\t\t\t\ttabClass=\"pd-thin bg-white radius-thin p-small uppercase t-medium\"\n\t\t\t\t\t\tclass=\"gap-micro bg-light pos-relative z-index-2 pd-thin br-solid br-b br-black-transp-10\"\n\t\t\t\t\t/>\n\t\t\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t\t\t<div v-if=\"tabProduct === 'description'\"  class=\" pd-medium\">\n\t\t\t\t\t\t\t<p v-if=\"product.description && !product.localization < 1 && !recommendation\" class=\"w-100 t-transp\">\n\t\t\t\t\t\t\t\t{{ product.description }}\n\t\t\t\t\t\t\t</p>\n\n\t\t\t\t\t\t\t<p v-if=\"product.localization && product.localization.length > 1 && !recommendation\" class=\"w-100 t-transp\">\n\t\t\t\t\t\t\t\t{{ t('description') }}\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div \n\t\t\t\t\t\t\tv-else\n\t\t\t\t\t\t\tclass=\"cols-2  pd-medium w-100 gap-small\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div \n\t\t\t\t\t\t\t\tv-if=\"product.information.length > 0\" \n\t\t\t\t\t\t\t\tv-for=\"information in product.information\" \n\t\t\t\t\t\t\t\tclass=\"w-100 pd-small radius-small bg-white product-information\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<p class=\"t-demi\">{{ information.name }}</p>\n\t\t\t\t\t\t\t\t<p>{{ information.value }}</p>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</transition>\n\t\t\t\t</div>\n\n\t\t\t\t\t\t\t<!-- Modifications -->\n\t\t\t\t<!-- <div v-if=\"product.modifications.length > 0\" class=\"flex-nojustify  flex\">\n\t\t\t\t\t<SelectElement v-if=\"sizes2.length > 0\" :elements=\"sizes2\" :selected=\"product.selectedSize\" class=\"mn-r-medium\" />\n\t\t\t\t</div> -->\n\n\t\t\t\t<!-- Actions -->\n\t\t\t\t<div class=\"w-max-33r\">\n\t\t\t\t  <button\n\t\t\t\t    v-if=\"product.quantity > 0 || product.listing === 'rent'\"\n\t\t\t\t    @click=\"product.listing === 'rent' ? openPopup() : addToCart(product)\" \n\t\t\t\t    class=\"cursor-pointer pd-small radius-big w-max mobile:w-100 bg-main button\"\n\t\t\t\t  > \n\t\t\t\t    <div class=\"gap-thin flex flex-center flex-nowrap\">\n\t\t\t\t      <IconShopcartAdd v-if=\"product.listing === 'rent'\" class=\"i-semi\" />\n\t\t\t\t      <span>{{ t('addtoorder') }}</span>\n\t\t\t\t    </div>\n\t\t\t\t  </button>\n\n\t\t\t\t  <div \n\t\t\t\t    v-else \n\t\t\t\t    class=\"flex-center flex uppercase radius-big t-black w-max pd-small t-medium bg-grey h-3r w-100 mn-r-smallbutton\"\n\t\t\t\t  >\n\t\t\t\t    Out of Stock\n\t\t\t\t  </div>\n\t\t\t\t</div>\n\t\t\t\t<!-- Shopcart Adding Popup -->\n\t\t\t\t<Popup @close-popup=\"closePopup\" :isPopupOpen=\"isPopupVisible\" class=\"radius-medium pd-medium bg-white o-hidden\">\n\t\t      <h5 class=\"w-100 t-center mn-b-small\">Select Rent Period</h5>\n\t\t       <Calendar\n\t\t      \t:date=\"rentDate\"\n\t\t      \t:allowRange=\"true\"\n\t\t      \tclass=\"bg-light radius-small\"\n\t\t      />\n\n\t\t      <p class=\"flex flex-nowrap pd-t-small\">\n\t\t      \t<span class=\"w-100 t-transp\">$ 400 x 4 days</span>\n\t\t      \t<span class=\"w-100 t-right\">$2000</span>\n\t\t      </p>\n\t\t      <p class=\"flex flex-nowrap pd-t-small\">\n\t\t      \t<span class=\"w-100 t-transp\">Insurance Fee</span>\n\t\t      \t<span class=\"w-100 t-right\">$200</span>\n\t\t      </p>\n\t\t      <p class=\"flex flex-nowrap br-black-transp-10 br-solid br-b pd-b-small pd-t-small\">\n\t\t      \t<span class=\"w-100 t-transp\">VAT (20%)</span>\n\t\t      \t<span class=\"w-100 t-right\">$300</span>\n\t\t      </p>\n\t\t     \n\t\t     \t<p class=\"p-big flex flex-nowrap pd-b-small pd-t-small\">\n\t\t      \t<span class=\"w-100 t-medium \">In Total</span>\n\t\t      \t<span class=\"w-100 t-main t-medium t-right\">$2500</span>\n\t      \t</p>\n\n\t      \t<Button\n\t\t\t\t    v-if=\"product.quantity > 0 || product.listing === 'rent'\"\n\t\t\t\t    :submit=\"() => addToCart(product)\" \n\t\t\t\t    :callback=\"() => closePopup()\"\n\t\t\t\t    :disabled=\"product.listing !== 'rent' && validateToCard(product)\"\n\t\t\t\t    :text=\"{\n\t\t\t\t      success: 'Added',\n\t\t\t\t      error: 'Error'\n\t\t\t\t    }\"\n\t\t\t\t    class=\"h-3r w-100 bg-main button\"\n\t\t\t\t  > \n\t\t\t\t    <div class=\"gap-thin flex flex-center flex-nowrap\">\n\t\t\t\t      <IconShopcartAdd v-if=\"product.listing === 'rent'\" class=\"i-semi\" />\n\t\t\t\t      <span>{{ t('addtoorder') }}</span>\n\t\t\t\t    </div>\n\t\t\t\t  </Button>\n\t\t    </Popup>\n\n\t\t\t</div>\n\t\t</div>\n\n\t\t<div class=\"h-max pos-relative\">\n\t\t  <h3 class=\"pd-medium pd-b-small\">Most Popular</h3>\n\t\t\t<PopularProducts />\n\t\t</div>\n\t</div>\n</template>\n\n<script setup=\"props\">\n\t// Import components\n\t// import Breadcrumbs from '@pf/src/components/Breadcrumbs/Breadcrumbs.vue'\n\timport Button from '@pf/src/components/Button/Button.vue'\n\timport Popup from '@pf/src/components/Popup/Popup.vue'\n\timport Tab from '@pf/src/components/Tab/Tab.vue'\n\timport Calendar from '@pf/src/components/DatePicker/Calendar.vue'\n\n\timport IconEdit from '@pf/src/modules/icons/navigation/IconEdit.vue'\n\timport IconShopcartAdd from '@pf/src/modules/icons/actions/IconShopcartAdd.vue'\n\n\timport PlaceholderImage from '@pf/src/modules/icons/placeholders/PlaceholderImage.vue'\n\n\timport Images360 \tfrom '@pf/src/modules/products/components/blocks/Images360.vue'\n\timport ImagesThumbnails from \"@pf/src/modules/products/components/blocks/ImagesThumbnails.vue\";\n\n\timport Price from '@pf/src/modules/products/components/elements/Price.vue'\n\n\timport PopularProducts \tfrom '@pf/src/modules/products/components/sections/PopularProducts.vue'\n\timport SectionProduct from '@pf/src/modules/products/components/sections/SectionProduct.vue'\n\t// Import libs\n\timport { computed, ref, onMounted } from 'vue'\n\timport { useRoute,useRouter } from 'vue-router'\n\timport { useI18n }    from 'vue-i18n'\n\t\n  import * as auth from '@pf/src/modules/auth/views/store/auth';\n \timport * as products from '@pf/src/modules/products/store/products';\n  import * as categories from '@pf/src/modules/products/store/categories';\n\n\timport * as shopcart from '@pf/src/modules/orders/store/shopcart';\n\n\t// Accessing router and store\n\tconst route = useRoute()\n\tconst router = useRouter()\n\t\n\troute.meta.title.en = products.state.current.name\n\troute.meta.title.ru = products.state.current.name\n\n\t// Accessing state\n\tconst product = computed(() => products.state.current)\n\tconst images = computed(() => products.state.current.images)\n\n\tlet rentDate = ref({\n\t\tstart: null,\n\t\tend: null\n\t})\n\n\n\tconst tabProduct = ref('description')\n\n\tconst text = {\n\t  en: {\n\t  \taddtoorder: 'Add to Cart',\n\t    fastorder: 'Fast Order'\n\t  },\n\t  ru: {\n\t  \taddtoorder: 'Добавить в корзину',\n\t    fastorder: 'Быстрый заказ'\n\t  }\n\t}\n\n  const { t } = useI18n({messages: text})\n\n\tonMounted(async ()=> {\n\t\tawait products.actions.read({_id: route.params.product});\n\t})\n\n\t// Methods\n\tfunction validateToCard(product) {\n\t  if (product.quantity > 0) {\n\t    return false\n\t  }\n\t  return true\n\t}\n\n\tconst isPopupVisible = ref(false);\n\n\tconst openPopup = () => {\n\t  isPopupVisible.value = true;\n\t};\n\n\tconst closePopup = () => {\n\t  isPopupVisible.value = false;\n\t};\n\n\tasync function addToCart(product) {\n    try {\n      if (shopcart.state.organization !== product.owner.target) {\n        shopcart.state.organization = product.owner.target\n        shopcart.state.positions = []\n      }\n      \n      await shopcart.actions.addProductToCart(product, product.owner.target, rentDate)\n\n      return true\n    } catch (error) {\n      console.error('Ошибка при добавлении товара в корзину:', error)\n      throw error\n    }\n\t}\n</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":["useRoute","useRouter","products.state","computed","ref","useI18n","onMounted","products.actions","product","shopcart.state","shopcart.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8MC,UAAM,QAAQA,UAAAA,SAAU;AACTC,wBAAW;AAE1B,UAAM,KAAK,MAAM,KAAKC,SAAc,MAAC,QAAQ;AAC7C,UAAM,KAAK,MAAM,KAAKA,SAAc,MAAC,QAAQ;AAG7C,UAAM,UAAUC,IAAAA,SAAS,MAAMD,SAAAA,MAAe,OAAO;AACrD,UAAM,SAASC,IAAQ,SAAC,MAAMD,SAAAA,MAAe,QAAQ,MAAM;AAE3D,QAAI,WAAWE,IAAAA,IAAI;AAAA,MAClB,OAAO;AAAA,MACP,KAAK;AAAA,IACP,CAAE;AAGD,UAAM,aAAaA,IAAG,IAAC,aAAa;AAEpC,UAAM,OAAO;AAAA,MACX,IAAI;AAAA,QACH,YAAY;AAAA,QACX,WAAW;AAAA,MACZ;AAAA,MACD,IAAI;AAAA,QACH,YAAY;AAAA,QACX,WAAW;AAAA,MACZ;AAAA,IACF;AAEA,UAAM,EAAE,EAAC,IAAKC,QAAAA,QAAQ,EAAC,UAAU,KAAI,CAAC;AAEvCC,QAAAA,UAAU,YAAW;AACpB,YAAMC,SAAAA,QAAiB,KAAK,EAAC,KAAK,MAAM,OAAO,QAAO,CAAC;AAAA,IACzD,CAAE;AAGD,aAAS,eAAeC,UAAS;AAC/B,UAAIA,SAAQ,WAAW,GAAG;AACxB,eAAO;AAAA,MACR;AACD,aAAO;AAAA,IACR;AAED,UAAM,iBAAiBJ,QAAI,KAAK;AAEhC,UAAM,YAAY,MAAM;AACtB,qBAAe,QAAQ;AAAA,IAC1B;AAEC,UAAM,aAAa,MAAM;AACvB,qBAAe,QAAQ;AAAA,IAC1B;AAEC,mBAAe,UAAUI,UAAS;AAC/B,UAAI;AACF,YAAIC,SAAc,MAAC,iBAAiBD,SAAQ,MAAM,QAAQ;AACxDC,mBAAAA,MAAe,eAAeD,SAAQ,MAAM;AAC5CC,mBAAc,MAAC,YAAY,CAAE;AAAA,QAC9B;AAED,cAAMC,SAAAA,QAAiB,iBAAiBF,UAASA,SAAQ,MAAM,QAAQ,QAAQ;AAE/E,eAAO;AAAA,MACR,SAAQ,OAAO;AACd,gBAAQ,MAAM,2CAA2C,KAAK;AAC9D,cAAM;AAAA,MACP;AAAA,IACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Product.vue.cjs","sources":["../../../../../../../src/modules/products/components/pages/Product.vue"],"sourcesContent":["<template>\n\t<div class=\"h-100 w-100 mobile:pd-thin pd-big bg-white \">\n\t\t<!-- <Breadcrumbs class=\"bg-light radius-big pd-small\"/> -->\n\t\t<div class=\"cols-2-1_2 w-100 gap-medium\">\n\t\t\n\t\t\t<div class=\"w-100 o-hidden  bg-light radius-big flex-nowrap flex-column flex pos-relative\">\n\t\t\t\t<div class=\"pd-semi w-100 bg-light radius-semi o-hidden\">\n\t\t\t\t\t<!-- PRODUCT IMAGE -->\n\t\t\t\t\t<Images360\n\t\t\t\t\t\tv-if=\"product && product.image3d\"\n\t\t\t\t\t\tclass=\"h-100 w-100\"\n\t\t\t\t\t\t:imagePath=\"`/assets/images/products/${product.image3d}`\"\n\t\t\t\t\t\t:imageCount=\"36\"\n\t\t\t\t\t/>\n\n\t\t\t\t\t<img loading=\"lazy\" \n\t\t\t\t\t\tv-if=\"images[0] && !product.image3d\"\n\t\t\t\t\t\tclass=\"h-max h-max-15r bg-white radius-semi w-100\"\n\t\t\t\t\t\tstyle=\"object-fit: contain;\"\n\t\t\t\t\t\t:src=\"(FILE_SERVER_URL || '') + images[0]\"\n\t\t\t\t\t/>\n\n\t\t\t\t\t<PlaceholderImage\n\t\t\t\t\t\tv-if=\"!images[0] && !product.image3d\"\n\t\t\t\t\t\tclass=\"h-max-20r h-100 w-100\"\n\t\t\t\t\t\tstyle=\"object-fit: cover;\"\n\t\t\t\t\t/>\n\n\t\t\t\t</div>\n\n\t\t\t\t<ImagesThumbnails\n\t\t\t\t\tv-if=\"images.length > 1\"\n\t\t\t\t\t:images=\"images\"\n\t\t\t\t\tclass=\"pd-semi pd-t-zero\"\n\t\t\t\t/>\n\t\t\t</div>\n\n\t\t\t<div class=\"pos-relative w-100 h-100 flex-column flex-h-center flex\">\n\n\t\t\t\t<IconEdit\n\t\t\t\t\tv-if=\"accesses && hasAccess(route.params._id, 'products', 'edit', accesses)\"\n\t\t\t\t\t@click=\"$router.push({\n\t\t\t\t\t\tname: 'ProductEdit', \n\t\t\t\t\t\tparams: {\n\t\t\t\t\t\t\t_id: product.owner.target,\n\t\t\t\t\t\t\tproduct: product._id\n\t\t\t\t\t\t}\n\t\t\t\t\t})\" \n\t\t\t\t\tclass=\"pos-absolute pos-t-regular pos-r-regular i-regular t-transp\"\n\t\t\t\t/>\n\n\t\t\t\t<!-- Name -->\n\t\t\t\t<h2 class=\"w-100 h1-product mn-b-small\">{{ product.name }}</h2>\n\n\t\t\t\t<Price :product=\"product\" size=\"big\" class=\"flex gap-thin flex-center pd-thin br-solid br-1px br-black-transp-10 w-max mn-b-medium\" />\n\n\t\t\t\t<!-- Price -->\n\t\t\t\t<div v-if=\"product.description || product.specification\" class=\"h-min-5r o-hidden radius-small bg-light mn-b-medium pos-relative\">\n\t\t\t\t\t<Tab \n\t\t\t\t\t\tv-model:selected=\"tabProduct\"\n\t\t\t\t\t\t:tabs=\"[\n\t\t\t\t\t\t\t{name: 'Description', value: 'description'},\n\t\t\t\t\t\t\t{name: 'Specifications', value: 'specifications'}\n\t\t\t\t\t\t]\"\n\t\t\t\t\t\ttabClass=\"pd-thin bg-white radius-thin p-small uppercase t-medium\"\n\t\t\t\t\t\tclass=\"gap-micro bg-light pos-relative z-index-2 pd-thin br-solid br-b br-black-transp-10\"\n\t\t\t\t\t/>\n\t\t\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t\t\t<div v-if=\"tabProduct === 'description'\"  class=\" pd-medium\">\n\t\t\t\t\t\t\t<p v-if=\"product.description && !product.localization < 1 && !recommendation\" class=\"w-100 t-transp\">\n\t\t\t\t\t\t\t\t{{ product.description }}\n\t\t\t\t\t\t\t</p>\n\n\t\t\t\t\t\t\t<p v-if=\"product.localization && product.localization.length > 1 && !recommendation\" class=\"w-100 t-transp\">\n\t\t\t\t\t\t\t\t{{ t('description') }}\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div \n\t\t\t\t\t\t\tv-else\n\t\t\t\t\t\t\tclass=\"cols-2  pd-medium w-100 gap-small\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div \n\t\t\t\t\t\t\t\tv-if=\"product.information.length > 0\" \n\t\t\t\t\t\t\t\tv-for=\"information in product.information\" \n\t\t\t\t\t\t\t\tclass=\"w-100 pd-small radius-small bg-white product-information\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<p class=\"t-demi\">{{ information.name }}</p>\n\t\t\t\t\t\t\t\t<p>{{ information.value }}</p>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</transition>\n\t\t\t\t</div>\n\n\t\t\t\t\t\t\t<!-- Modifications -->\n\t\t\t\t<!-- <div v-if=\"product.modifications.length > 0\" class=\"flex-nojustify  flex\">\n\t\t\t\t\t<SelectElement v-if=\"sizes2.length > 0\" :elements=\"sizes2\" :selected=\"product.selectedSize\" class=\"mn-r-medium\" />\n\t\t\t\t</div> -->\n\n\t\t\t\t<!-- Actions -->\n\t\t\t\t<div class=\"w-max-33r\">\n\t\t\t\t  <button\n\t\t\t\t    v-if=\"product.quantity > 0 || product.listing === 'rent'\"\n\t\t\t\t    @click=\"product.listing === 'rent' ? openPopup() : addToCart(product)\" \n\t\t\t\t    class=\"cursor-pointer pd-small radius-big w-max mobile:w-100 bg-main button\"\n\t\t\t\t  > \n\t\t\t\t    <div class=\"gap-thin flex flex-center flex-nowrap\">\n\t\t\t\t      <IconShopcartAdd v-if=\"product.listing === 'rent'\" class=\"i-semi\" />\n\t\t\t\t      <span>{{ t('addtoorder') }}</span>\n\t\t\t\t    </div>\n\t\t\t\t  </button>\n\n\t\t\t\t  <div \n\t\t\t\t    v-else \n\t\t\t\t    class=\"flex-center flex uppercase radius-big t-black w-max pd-small t-medium bg-grey h-3r w-100 mn-r-smallbutton\"\n\t\t\t\t  >\n\t\t\t\t    Out of Stock\n\t\t\t\t  </div>\n\t\t\t\t</div>\n\t\t\t\t<!-- Shopcart Adding Popup -->\n\t\t\t\t<Popup @close-popup=\"closePopup\" :isPopupOpen=\"isPopupVisible\" class=\"radius-medium pd-medium bg-white o-hidden\">\n\t\t      <h5 class=\"w-100 t-center mn-b-small\">Select Rent Period</h5>\n\t\t       <Calendar\n\t\t      \t:date=\"rentDate\"\n\t\t      \t:allowRange=\"true\"\n\t\t      \tclass=\"bg-light radius-small\"\n\t\t      />\n\n\t\t      <p class=\"flex flex-nowrap pd-t-small\">\n\t\t      \t<span class=\"w-100 t-transp\">$ 400 x 4 days</span>\n\t\t      \t<span class=\"w-100 t-right\">$2000</span>\n\t\t      </p>\n\t\t      <p class=\"flex flex-nowrap pd-t-small\">\n\t\t      \t<span class=\"w-100 t-transp\">Insurance Fee</span>\n\t\t      \t<span class=\"w-100 t-right\">$200</span>\n\t\t      </p>\n\t\t      <p class=\"flex flex-nowrap br-black-transp-10 br-solid br-b pd-b-small pd-t-small\">\n\t\t      \t<span class=\"w-100 t-transp\">VAT (20%)</span>\n\t\t      \t<span class=\"w-100 t-right\">$300</span>\n\t\t      </p>\n\t\t     \n\t\t     \t<p class=\"p-big flex flex-nowrap pd-b-small pd-t-small\">\n\t\t      \t<span class=\"w-100 t-medium \">In Total</span>\n\t\t      \t<span class=\"w-100 t-main t-medium t-right\">$2500</span>\n\t      \t</p>\n\n\t      \t<Button\n\t\t\t\t    v-if=\"product.quantity > 0 || product.listing === 'rent'\"\n\t\t\t\t    :submit=\"() => addToCart(product)\" \n\t\t\t\t    :callback=\"() => closePopup()\"\n\t\t\t\t    :disabled=\"product.listing !== 'rent' && validateToCard(product)\"\n\t\t\t\t    :text=\"{\n\t\t\t\t      success: 'Added',\n\t\t\t\t      error: 'Error'\n\t\t\t\t    }\"\n\t\t\t\t    class=\"h-3r w-100 bg-main button\"\n\t\t\t\t  > \n\t\t\t\t    <div class=\"gap-thin flex flex-center flex-nowrap\">\n\t\t\t\t      <IconShopcartAdd v-if=\"product.listing === 'rent'\" class=\"i-semi\" />\n\t\t\t\t      <span>{{ t('addtoorder') }}</span>\n\t\t\t\t    </div>\n\t\t\t\t  </Button>\n\t\t    </Popup>\n\n\t\t\t</div>\n\t\t</div>\n\n\t\t<div class=\"h-max pos-relative\">\n\t\t  <h3 class=\"pd-medium pd-b-small\">Most Popular</h3>\n\t\t\t<PopularProducts />\n\t\t</div>\n\t</div>\n</template>\n\n<script setup=\"props\">\n\t// Import components\n\t// import Breadcrumbs from '@pf/src/components/Breadcrumbs/Breadcrumbs.vue'\n\timport Button from '@pf/src/components/Button/Button.vue'\n\timport Popup from '@pf/src/components/Popup/Popup.vue'\n\timport Tab from '@pf/src/components/Tab/Tab.vue'\n\timport Calendar from '@pf/src/components/DatePicker/Calendar.vue'\n\n\timport IconEdit from '@pf/src/modules/icons/navigation/IconEdit.vue'\n\timport IconShopcartAdd from '@pf/src/modules/icons/actions/IconShopcartAdd.vue'\n\n\timport PlaceholderImage from '@pf/src/modules/icons/placeholders/PlaceholderImage.vue'\n\n\timport Images360 \tfrom '@pf/src/modules/products/components/blocks/Images360.vue'\n\timport ImagesThumbnails from \"@pf/src/modules/products/components/blocks/ImagesThumbnails.vue\";\n\n\timport Price from '@pf/src/modules/products/components/elements/Price.vue'\n\n\timport PopularProducts \tfrom '@pf/src/modules/products/components/sections/PopularProducts.vue'\n\timport SectionProduct from '@pf/src/modules/products/components/sections/SectionProduct.vue'\n\t// Import libs\n\timport { computed, ref, onMounted } from 'vue'\n\timport { useRoute,useRouter } from 'vue-router'\n\timport { useI18n }    from 'vue-i18n'\n\t\n  import * as auth from '@pf/src/modules/auth/views/store/auth';\n \timport * as products from '@pf/src/modules/products/store/products';\n  import * as categories from '@pf/src/modules/products/store/categories';\n\n\timport * as shopcart from '@pf/src/modules/orders/store/shopcart';\n\n\t// Accessing router and store\n\tconst route = useRoute()\n\tconst router = useRouter()\n\t\n\troute.meta.title.en = products.state.current.name\n\troute.meta.title.ru = products.state.current.name\n\n\t// Accessing state\n\tconst product = computed(() => products.state.current)\n\tconst images = computed(() => products.state.current.images)\n\n\tlet rentDate = ref({\n\t\tstart: null,\n\t\tend: null\n\t})\n\n\n\tconst tabProduct = ref('description')\n\n\tconst text = {\n\t  en: {\n\t  \taddtoorder: 'Add to Cart',\n\t    fastorder: 'Fast Order'\n\t  },\n\t  ru: {\n\t  \taddtoorder: 'Добавить в корзину',\n\t    fastorder: 'Быстрый заказ'\n\t  }\n\t}\n\n  const { t } = useI18n({messages: text})\n\n\tonMounted(async ()=> {\n\t\tawait products.actions.read({_id: route.params.product});\n\t})\n\n\t// Methods\n\tfunction validateToCard(product) {\n\t  if (product.quantity > 0) {\n\t    return false\n\t  }\n\t  return true\n\t}\n\n\tconst isPopupVisible = ref(false);\n\n\tconst openPopup = () => {\n\t  isPopupVisible.value = true;\n\t};\n\n\tconst closePopup = () => {\n\t  isPopupVisible.value = false;\n\t};\n\n\tasync function addToCart(product) {\n    try {\n      if (shopcart.state.organization !== product.owner.target) {\n        shopcart.state.organization = product.owner.target\n        shopcart.state.positions = []\n      }\n      \n      await shopcart.actions.addProductToCart(product, product.owner.target, rentDate)\n\n      return true\n    } catch (error) {\n      console.error('Ошибка при добавлении товара в корзину:', error)\n      throw error\n    }\n\t}\n</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":["useRoute","useRouter","products.state","computed","ref","useI18n","onMounted","products.actions","product","shopcart.state","shopcart.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8MC,UAAM,QAAQA,UAAQ,SAAA;AACPC,cAAS,UAAA;AAExB,UAAM,KAAK,MAAM,KAAKC,SAAAA,MAAe,QAAQ;AAC7C,UAAM,KAAK,MAAM,KAAKA,SAAAA,MAAe,QAAQ;AAG7C,UAAM,UAAUC,IAAAA,SAAS,MAAMD,SAAAA,MAAe,OAAO;AACrD,UAAM,SAASC,IAAQ,SAAC,MAAMD,SAAc,MAAC,QAAQ,MAAM;AAE3D,QAAI,WAAWE,IAAAA,IAAI;AAAA,MAClB,OAAO;AAAA,MACP,KAAK;AAAA,IACL,CAAA;AAGD,UAAM,aAAaA,IAAAA,IAAI,aAAa;AAEpC,UAAM,OAAO;AAAA,MACX,IAAI;AAAA,QACH,YAAY;AAAA,QACX,WAAW;AAAA,MACZ;AAAA,MACD,IAAI;AAAA,QACH,YAAY;AAAA,QACX,WAAW;AAAA,MAChB;AAAA,IACA;AAEE,UAAM,EAAE,EAAG,IAAGC,QAAO,QAAC,EAAC,UAAU,KAAI,CAAC;AAEvCC,QAAAA,UAAU,YAAW;AACpB,YAAMC,SAAAA,QAAiB,KAAK,EAAC,KAAK,MAAM,OAAO,QAAO,CAAC;AAAA,IACvD,CAAA;AAGD,aAAS,eAAeC,UAAS;AAC/B,UAAIA,SAAQ,WAAW,GAAG;AACxB,eAAO;AAAA,MACZ;AACG,aAAO;AAAA,IACV;AAEC,UAAM,iBAAiBJ,IAAG,IAAC,KAAK;AAEhC,UAAM,YAAY,MAAM;AACtB,qBAAe,QAAQ;AAAA,IACxB;AAED,UAAM,aAAa,MAAM;AACvB,qBAAe,QAAQ;AAAA,IACxB;AAED,mBAAe,UAAUI,UAAS;AAC/B,UAAI;AACF,YAAIC,SAAc,MAAC,iBAAiBD,SAAQ,MAAM,QAAQ;AACxDC,yBAAe,eAAeD,SAAQ,MAAM;AAC5CC,mBAAAA,MAAe,YAAY,CAAA;AAAA,QACnC;AAEM,cAAMC,SAAAA,QAAiB,iBAAiBF,UAASA,SAAQ,MAAM,QAAQ,QAAQ;AAE/E,eAAO;AAAA,MACR,SAAQ,OAAO;AACd,gBAAQ,MAAM,2CAA2C,KAAK;AAC9D,cAAM;AAAA,MACZ;AAAA,IACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/products/components/pages/Product.vue.js

@@ -1,5 +1,5 @@
-import { computed, ref, onMounted, openBlock, createElementBlock, createElementVNode, createBlock, createCommentVNode, unref, toDisplayString, createVNode, Transition, withCtx, Fragment, renderList } from "vue";
-import _sfc_main$7 from "../../../../components/Button/Button.vue.js";
+import { computed, ref, onMounted, createElementBlock, openBlock, createElementVNode, createBlock, createCommentVNode, createVNode, unref, toDisplayString, Transition, withCtx, Fragment, renderList } from "vue";
+import _sfc_main$7 from "../../../../components/Button/Button.vue2.js";
 import _sfc_main$5 from "../../../../components/Popup/Popup.vue.js";
 import _sfc_main$3 from "../../../../components/Tab/Tab.vue2.js";
 import _sfc_main$6 from "../../../../components/DatePicker/Calendar.vue2.js";