@ozdao/prometheus-framework 0.2.309 → 0.2.310

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

@@ -1 +1 @@
-{"version":3,"file":"Products.vue.cjs","sources":["../../../../../../../src/modules/products/components/pages/Products.vue"],"sourcesContent":["<template>\n  <div class=\"h-100\">\n    <header \n      v-if=\"route.name !== 'Organization' && !MOBILE_APP\"\n      class=\"mn-b-medium flex-v-center flex-nowrap flex\"\n    >\n      <h2 class=\"mn-r-medium\">Products</h2>\n      <button \n        @click=\"$router.push({\n          name: route.params._id ? 'Organization_ProductAdd' : 'ProductAdd'\n        })\" \n        class=\"radius-100 i-big hover-scale-1 cursor-pointer t-white bg-second\">\n          +\n      </button>\n    </header>\n\n  <Tab \n    v-if=\"route.name !== 'Organization'\"\n    v-model:selected=\"tabProducts\"\n    :tabs=\"[\n      { name: 'All',          value: 'all' },\n      { name: 'Published',    value: 'published' },\n      { name: 'Unpublished',  value: 'unpublished' }, \n      { name: 'Archivied',    value: 'archivied' } \n    ]\"\n    style=\"flex: 0 0 auto\"\n   class=\"\n        o-hidden \n        h5 \n        bg-light\n        gap-micro pd-small pd-t-thin pd-b-thin\n        pos-sticky pos-t-0\n        z-index-1\n      \"\n      tabClass=\"bg-white pd-small radius-small w-100\"\n  />\n\n  <div class=\"cols-2-1_3 h-100 z-index-3 pos-relative radius-big gap-thin\">\n\n    <BlockFilter\n      v-model:filter=\"marketplace.state.filter\"\n      :options=\"marketplace.state.filter.options\"\n      class=\"h-100 w-100 z-index-2 desktop-only\"\n    />\n\n\n    <div class=\"rows-1 h-100 z-index-3 bg-white radius-tl-big radius-tr-big\">\n      <div class=\"pd-thin z-index-3 radius-tl-big radius-tr-big pos-t-0 pos-sticky\">\n        <BlockSearch \n          @search=\"updateSearch\"\n          placeholder=\"Enter product name\"\n          class=\"bg-light h-4r\"\n        />\n      </div>\n      <Feed\n        v-model:filter=\"marketplace.state.filter\"\n        \n        :states=\"{\n          empty: {\n            title: 'No Products Found',\n            description: 'Currently, there are no products available.'\n          }\n        }\"\n        :store=\"{\n          read: (options) => products.actions.read(options),\n          state: products.state\n        }\"\n        :options=\"{\n          limit: 15,\n          organization: route.params._id,\n          categories: route.query.categories,\n          prices: route.query.prices,\n          delivery: route.query.delivery,\n          // search: route.query.search,\n          ...(tabProducts !== 'all' && { status: tabProducts })\n          // user: user\n        }\"\n        v-slot=\"{ \n          items \n        }\"\n        class=\"cols-4 pd-thin gap-thin\"\n      >\n        <CardProduct\n          v-for=\"product in items\"\n          :key=\"product._id\"\n          :product=\"product\"\n          :user=\"auth.state.access\"\n          class=\"h-max bg-white\"\n          @click.capture=\"$router.push({\n            name: 'Organization_Product', \n            params: { \n              _id: route.params._id, \n              product: product._id \n            } \n          })\" \n        />\n      </Feed>\n    </div>\n  </div>\n</div>\n</template>\n\n\n<script setup=\"props\">\n  // Import libs\n  import { computed, watch, onMounted, ref } from 'vue'\n  import { useRoute, useRouter } from 'vue-router'\n\n  // Import components\n  import Tab from '@pf/src/components/Tab/Tab.vue'\n  import Feed from '@pf/src/components/Feed/Feed.vue'\n\n  import FilterProducts from '@pf/src/modules/products/components/sections/FilterProducts.vue'\n  import BlockSearch from '@pf/src/modules/globals/views/components/blocks/BlockSearch.vue'\n  import BlockFilter  from '@pf/src/modules/globals/views/components/blocks/BlockFilter.vue'\n\n  import CardProduct from '@pf/src/modules/products/components/blocks/CardProduct.vue'\n\n  // Accessing router and store\n  import * as auth from '@pf/src/modules/auth/views/store/auth';\n  import * as products from '@pf/src/modules/products/store/products';\n  import * as marketplace from '@pf/src/modules/products/store/marketplace';\n  import * as categories from '@pf/src/modules/products/store/categories';\n\n  const route = useRoute()\n  const router = useRouter()\n\n  // Tab logic\n  const tabProducts = ref(route.query.tabProducts ? route.query.tabProducts : 'all')\n\n  if (route.name !== 'Organization') route.query.tabProducts = tabProducts.value\n  \n  if (route.query) {\n    const query = route.query;\n\n    marketplace.state.filter.selected.categories = query.categories ? query.categories.split(',') : [];\n    marketplace.state.filter.selected.prices = query.prices ? query.prices.split(',') : [];\n    marketplace.state.filter.selected.delivery = query.delivery ? query.delivery.split(',') : [];\n  }\n\n\n  watch(tabProducts, (newValue) => {\n    if (route.name !== 'Organization') router.replace({ query: { ...route.query, tabProducts: newValue } });\n  });\n\n  onMounted(async () => {\n    let categoriesFilter = await categories.actions.fetchCategories();\n\n    categoriesFilter = categoriesFilter.map(category => ({\n      value: category.url,\n      label: category.name\n    }));\n\n    const index = marketplace.state.filter.options.findIndex(option => option.value === 'categories');\n\n    const categoryOption = {\n      title: 'Categories',\n      value: 'categories',\n      options: categoriesFilter\n    };\n\n    if (index !== -1) {\n        marketplace.state.filter.options[index] = categoryOption;\n    } else {\n        marketplace.state.filter.options.unshift(categoryOption);\n    }\n  })\n\n  watch(() => marketplace.state.sort, (newSortValue, oldSortValue) => {\n    let query = { ...route.query}\n    \n    query.sortParam = newSortValue.param\n    query.sortOrder = newSortValue.order\n    \n    // replace the current route\n    router.replace({ query });\n  }, { deep: true });\n\n\n  watch(() => marketplace.state.filter.selected, (newFilterValue, oldFilterValue) => {\n    // Переводим фильтр в формат query\n    const query = { ...route.query };\n\n    // Удаляем старые значения фильтра из query\n    Object.keys(oldFilterValue).forEach(key => {\n      if (query[key]) {\n        delete query[key];\n      }\n    });\n\n    // Добавляем новые значения фильтра в query\n    const newQueryValues = Object.fromEntries(\n      Object.entries(newFilterValue)\n        .filter(([key, value]) => Array.isArray(value) && value.length > 0)\n        .map(([key, value]) => [key, value.join(',')])\n    );\n\n    delete query.options;\n    Object.assign(query, newQueryValues);\n\n    // Обновляем маршрут с новым query\n    router.replace({ query });\n  }, { deep: true })\n\n\n\n  \n  function updateSearch(search) {\n    let query = { ...route.query}\n    \n    query.search = search\n    \n    router.replace({ query });\n  }\n</script>\n\n<style lang=\"scss\">\n\n\n</style>\n"],"names":["useRoute","useRouter","ref","marketplace.state","watch","onMounted","categories.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AA4HE,UAAM,QAAQA,UAAAA,SAAU;AACxB,UAAM,SAASC,UAAAA,UAAW;AAG1B,UAAM,cAAcC,QAAI,MAAM,MAAM,cAAc,MAAM,MAAM,cAAc,KAAK;AAEjF,QAAI,MAAM,SAAS,eAAgB,OAAM,MAAM,cAAc,YAAY;AAEzE,QAAI,MAAM,OAAO;AACf,YAAM,QAAQ,MAAM;AAEpBC,kBAAAA,MAAkB,OAAO,SAAS,aAAa,MAAM,aAAa,MAAM,WAAW,MAAM,GAAG,IAAI,CAAA;AAChGA,kBAAAA,MAAkB,OAAO,SAAS,SAAS,MAAM,SAAS,MAAM,OAAO,MAAM,GAAG,IAAI,CAAA;AACpFA,kBAAAA,MAAkB,OAAO,SAAS,WAAW,MAAM,WAAW,MAAM,SAAS,MAAM,GAAG,IAAI,CAAA;AAAA,IAC3F;AAGDC,cAAM,aAAa,CAAC,aAAa;AAC/B,UAAI,MAAM,SAAS,eAAgB,QAAO,QAAQ,EAAE,OAAO,EAAE,GAAG,MAAM,OAAO,aAAa,SAAQ,EAAI,CAAA;AAAA,IAC1G,CAAG;AAEDC,QAAAA,UAAU,YAAY;AACpB,UAAI,mBAAmB,MAAMC,mBAAmB;AAEhD,yBAAmB,iBAAiB,IAAI,eAAa;AAAA,QACnD,OAAO,SAAS;AAAA,QAChB,OAAO,SAAS;AAAA,MACjB,EAAC;AAEF,YAAM,QAAQH,kBAAkB,OAAO,QAAQ,UAAU,YAAU,OAAO,UAAU,YAAY;AAEhG,YAAM,iBAAiB;AAAA,QACrB,OAAO;AAAA,QACP,OAAO;AAAA,QACP,SAAS;AAAA,MACf;AAEI,UAAI,UAAU,IAAI;AACdA,oBAAAA,MAAkB,OAAO,QAAQ,KAAK,IAAI;AAAA,MAClD,OAAW;AACHA,oBAAAA,MAAkB,OAAO,QAAQ,QAAQ,cAAc;AAAA,MAC1D;AAAA,IACL,CAAG;AAEDC,QAAAA,MAAM,MAAMD,YAAiB,MAAC,MAAM,CAAC,cAAc,iBAAiB;AAClE,UAAI,QAAQ,EAAE,GAAG,MAAM,MAAK;AAE5B,YAAM,YAAY,aAAa;AAC/B,YAAM,YAAY,aAAa;AAG/B,aAAO,QAAQ,EAAE,MAAK,CAAE;AAAA,IAC5B,GAAK,EAAE,MAAM,KAAI,CAAE;AAGjBC,QAAK,MAAC,MAAMD,YAAAA,MAAkB,OAAO,UAAU,CAAC,gBAAgB,mBAAmB;AAEjF,YAAM,QAAQ,EAAE,GAAG,MAAM,MAAK;AAG9B,aAAO,KAAK,cAAc,EAAE,QAAQ,SAAO;AACzC,YAAI,MAAM,GAAG,GAAG;AACd,iBAAO,MAAM,GAAG;AAAA,QACjB;AAAA,MACP,CAAK;AAGD,YAAM,iBAAiB,OAAO;AAAA,QAC5B,OAAO,QAAQ,cAAc,EAC1B,OAAO,CAAC,CAAC,KAAK,KAAK,MAAM,MAAM,QAAQ,KAAK,KAAK,MAAM,SAAS,CAAC,EACjE,IAAI,CAAC,CAAC,KAAK,KAAK,MAAM,CAAC,KAAK,MAAM,KAAK,GAAG,CAAC,CAAC;AAAA,MACrD;AAEI,aAAO,MAAM;AACb,aAAO,OAAO,OAAO,cAAc;AAGnC,aAAO,QAAQ,EAAE,MAAK,CAAE;AAAA,IAC5B,GAAK,EAAE,MAAM,MAAM;AAKjB,aAAS,aAAa,QAAQ;AAC5B,UAAI,QAAQ,EAAE,GAAG,MAAM,MAAK;AAE5B,YAAM,SAAS;AAEf,aAAO,QAAQ,EAAE,MAAK,CAAE;AAAA,IACzB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Products.vue.cjs","sources":["../../../../../../../src/modules/products/components/pages/Products.vue"],"sourcesContent":["<template>\n  <div class=\"h-100\">\n    <header \n      v-if=\"route.name !== 'Organization' && !MOBILE_APP\"\n      class=\"mn-b-medium flex-v-center flex-nowrap flex\"\n    >\n      <h2 class=\"mn-r-medium\">Products</h2>\n      <button \n        @click=\"$router.push({\n          name: route.params?._id ? 'Organization_ProductAdd' : 'ProductAdd'\n        })\" \n        class=\"radius-100 i-big hover-scale-1 cursor-pointer t-white bg-second\">\n          +\n      </button>\n    </header>\n\n  <Tab \n    v-if=\"route.name !== 'Organization'\"\n    v-model:selected=\"tabProducts\"\n    :tabs=\"[\n      { name: 'All',          value: 'all' },\n      { name: 'Published',    value: 'published' },\n      { name: 'Unpublished',  value: 'unpublished' }, \n      { name: 'Archivied',    value: 'archivied' } \n    ]\"\n    style=\"flex: 0 0 auto\"\n   class=\"\n        o-hidden \n        h5 \n        bg-light\n        gap-micro pd-small pd-t-thin pd-b-thin\n        pos-sticky pos-t-0\n        z-index-1\n\n      \"\n      tabClass=\"bg-white  uppercase pd-small radius-small w-100\"\n  />\n\n  <div class=\"cols-2-1_3 h-100 z-index-3 pos-relative radius-big gap-thin\">\n\n    <BlockFilter\n      v-model:filter=\"marketplace.state.filter\"\n      :options=\"marketplace.state.filter.options\"\n      class=\"h-100 w-100 z-index-2 desktop-only\"\n    />\n\n\n    <div class=\"rows-1 h-100 z-index-3 bg-white radius-tl-big radius-tr-big\">\n      <div class=\"pd-thin z-index-3 radius-tl-big radius-tr-big pos-t-0 pos-sticky\">\n        <BlockSearch \n          @search=\"updateSearch\"\n          placeholder=\"Enter product name\"\n          class=\"bg-light h-4r\"\n        />\n      </div>\n      <Feed\n        v-model:filter=\"marketplace.state.filter\"\n        \n        :states=\"{\n          empty: {\n            title: 'No Products Found',\n            description: 'Currently, there are no products available.'\n          }\n        }\"\n        :store=\"{\n          read: (options) => products.actions.read(options),\n          state: products.state\n        }\"\n        :options=\"{\n          limit: 15,\n          owner: route.params._id,\n          categories: route.query.categories,\n          prices: route.query.prices,\n          delivery: route.query.delivery,\n          // search: route.query.search,\n          ...(tabProducts !== 'all' && { status: tabProducts })\n          // user: user\n        }\"\n        v-slot=\"{ \n          items \n        }\"\n        class=\"cols-4 rows-1 pd-t-zero pd-thin gap-thin\"\n      >\n        <router-link  \n          v-for=\"product in items\" \n          :to=\"route.params._id ? { name: 'Organization_Product', params: { _id: route.params._id, product: product._id  } } : { name: 'Product', params: { product: product._id  } }\">\n          <CardProduct\n            :key=\"product._id\"\n            :product=\"product\"\n            :user=\"auth.state.access\"\n            :organization=\"route.params._id\"\n            :access=\"hasAccess(route.params._id, 'products', 'edit', auth.state.accesses)\"\n            class=\"h-max bg-light\"\n          />\n        </router-link>\n      </Feed>\n\n    </div>\n  </div>\n</div>\n</template>\n\n\n<script setup=\"props\">\n  // Import libs\n  import { ref, computed, watch, onMounted, onUnmounted } from 'vue'\n  import { useRoute, useRouter } from 'vue-router'\n\n  // Import components\n  import Tab from '@pf/src/components/Tab/Tab.vue'\n  import Feed from '@pf/src/components/Feed/Feed.vue'\n\n  import FilterProducts from '@pf/src/modules/products/components/sections/FilterProducts.vue'\n  import BlockSearch from '@pf/src/modules/globals/views/components/blocks/BlockSearch.vue'\n  import BlockFilter  from '@pf/src/modules/globals/views/components/blocks/BlockFilter.vue'\n\n  import CardProduct from '@pf/src/modules/products/components/blocks/CardProduct.vue'\n\n  import IconPlus from '@pf/src/modules/icons/navigation/IconPlus.vue'\n\n  // Accessing router and store\n  import * as auth from '@pf/src/modules/auth/views/store/auth';\n  import * as globals from '@pf/src/modules/globals/views/store/globals';\n  import * as products from '@pf/src/modules/products/store/products';\n  import * as marketplace from '@pf/src/modules/products/store/marketplace';\n  import * as categories from '@pf/src/modules/products/store/categories';\n\n  const route = useRoute()\n  const router = useRouter()\n\n  // Tab logic\n  const tabProducts = ref(route.query.tabProducts ? route.query.tabProducts : 'all')\n\n  if (route.name !== 'Organization') route.query.tabProducts = tabProducts.value\n  \n  if (route.query) {\n    const query = route.query;\n\n    marketplace.state.filter.selected.categories = query.categories ? query.categories.split(',') : [];\n    marketplace.state.filter.selected.prices = query.prices ? query.prices.split(',') : [];\n    marketplace.state.filter.selected.delivery = query.delivery ? query.delivery.split(',') : [];\n  }\n\n  watch(tabProducts, (newValue) => {\n    if (route.name !== 'Organization') router.replace({ query: { ...route.query, tabProducts: newValue } });\n  });\n\n  globals.state.navigation_bar.actions = [{\n    component: IconPlus,\n    props: {\n      fill: \"rgb(var(--main))\" \n    },\n    condition: () => auth.state.user && auth.state.user._id,\n    action: () => route.params._id ? router.push({ name: 'Organization_ProductAdd', params: { _id: route.params._id} }) : router.push({ name: 'ProductAdd' })\n  }],\n\n  onMounted(async () => {\n    let categoriesFilter = await categories.actions.fetchCategories();\n\n    categoriesFilter = categoriesFilter.map(category => ({\n      value: category.url,\n      label: category.name\n    }));\n\n    const index = marketplace.state.filter.options.findIndex(option => option.value === 'categories');\n\n    const categoryOption = {\n      title: 'Categories',\n      value: 'categories',\n      options: categoriesFilter\n    };\n\n    if (index !== -1) {\n        marketplace.state.filter.options[index] = categoryOption;\n    } else {\n        marketplace.state.filter.options.unshift(categoryOption);\n    }\n  })\n\n  onUnmounted(() => {\n    globals.state.navigation_bar.actions = [];\n  });\n\n  watch(() => marketplace.state.sort, (newSortValue, oldSortValue) => {\n    let query = { ...route.query}\n    \n    query.sortParam = newSortValue.param\n    query.sortOrder = newSortValue.order\n    \n    // replace the current route\n    router.replace({ query });\n  }, { deep: true });\n\n\n  watch(() => marketplace.state.filter.selected, (newFilterValue, oldFilterValue) => {\n    // Переводим фильтр в формат query\n    const query = { ...route.query };\n\n    // Удаляем старые значения фильтра из query\n    Object.keys(oldFilterValue).forEach(key => {\n      if (query[key]) {\n        delete query[key];\n      }\n    });\n\n    // Добавляем новые значения фильтра в query\n    const newQueryValues = Object.fromEntries(\n      Object.entries(newFilterValue)\n        .filter(([key, value]) => Array.isArray(value) && value.length > 0)\n        .map(([key, value]) => [key, value.join(',')])\n    );\n\n    delete query.options;\n    Object.assign(query, newQueryValues);\n\n    // Обновляем маршрут с новым query\n    router.replace({ query });\n  }, { deep: true })\n\n\n\n  \n  function updateSearch(search) {\n    let query = { ...route.query}\n    \n    query.search = search\n    \n    router.replace({ query });\n  }\n</script>\n\n<style lang=\"scss\">\n\n\n</style>\n"],"names":["useRoute","useRouter","ref","marketplace.state","watch","globals.state","IconPlus","auth.state","onMounted","categories.actions","onUnmounted"],"mappings":"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"}

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

@@ -1,17 +1,19 @@
-import { ref, watch, onMounted, openBlock, createElementBlock, unref, createElementVNode, createCommentVNode, createBlock, createVNode, withCtx, Fragment, renderList } from "vue";
+import { ref, watch, onMounted, onUnmounted, resolveComponent, openBlock, createElementBlock, unref, createElementVNode, createCommentVNode, createBlock, createVNode, withCtx, Fragment, renderList } from "vue";
 import { useRoute, useRouter } from "vue-router";
-import _sfc_main$1 from "../../../../components/Tab/Tab.vue2.js";
-import _sfc_main$4 from "../../../../components/Feed/Feed.vue.js";
+import _sfc_main$2 from "../../../../components/Tab/Tab.vue2.js";
+import _sfc_main$5 from "../../../../components/Feed/Feed.vue.js";
 /* empty css                                         */
 import "vue-i18n";
 import { actions } from "../../store/categories.js";
 import { state } from "../../store/marketplace.js";
 /* empty css                              */
-import _sfc_main$3 from "../../../globals/views/components/blocks/BlockSearch.vue.js";
-import _sfc_main$2 from "../../../globals/views/components/blocks/BlockFilter.vue.js";
-import _sfc_main$5 from "../blocks/CardProduct.vue.js";
+import _sfc_main$4 from "../../../globals/views/components/blocks/BlockSearch.vue.js";
+import _sfc_main$3 from "../../../globals/views/components/blocks/BlockFilter.vue.js";
+import _sfc_main$6 from "../blocks/CardProduct.vue.js";
+import _sfc_main$1 from "../../../icons/navigation/IconPlus.vue.js";
 import { state as state$2 } from "../../../auth/views/store/auth.js";
-import { actions as actions$1, state as state$1 } from "../../store/products.js";
+import { state as state$1 } from "../../../globals/views/store/globals.js";
+import { actions as actions$1, state as state$3 } from "../../store/products.js";
 const _hoisted_1 = { class: "h-100" };
 const _hoisted_2 = {
   key: 0,
@@ -36,7 +38,14 @@ const _sfc_main = {
     watch(tabProducts, (newValue) => {
       if (route.name !== "Organization") router.replace({ query: { ...route.query, tabProducts: newValue } });
     });
-    onMounted(async () => {
+    state$1.navigation_bar.actions = [{
+      component: _sfc_main$1,
+      props: {
+        fill: "rgb(var(--main))"
+      },
+      condition: () => state$2.user && state$2.user._id,
+      action: () => route.params._id ? router.push({ name: "Organization_ProductAdd", params: { _id: route.params._id } }) : router.push({ name: "ProductAdd" })
+    }], onMounted(async () => {
       let categoriesFilter = await actions.fetchCategories();
       categoriesFilter = categoriesFilter.map((category) => ({
         value: category.url,
@@ -54,6 +63,9 @@ const _sfc_main = {
         state.filter.options.unshift(categoryOption);
       }
     });
+    onUnmounted(() => {
+      state$1.navigation_bar.actions = [];
+    });
     watch(() => state.sort, (newSortValue, oldSortValue) => {
       let query = { ...route.query };
       query.sortParam = newSortValue.param;
@@ -80,17 +92,21 @@ const _sfc_main = {
       router.replace({ query });
     }
     return (_ctx, _cache) => {
+      const _component_router_link = resolveComponent("router-link");
       return openBlock(), createElementBlock("div", _hoisted_1, [
         unref(route).name !== "Organization" && !_ctx.MOBILE_APP ? (openBlock(), createElementBlock("header", _hoisted_2, [
           _cache[4] || (_cache[4] = createElementVNode("h2", { class: "mn-r-medium" }, "Products", -1)),
           createElementVNode("button", {
-            onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$router.push({
-              name: unref(route).params._id ? "Organization_ProductAdd" : "ProductAdd"
-            })),
+            onClick: _cache[0] || (_cache[0] = ($event) => {
+              var _a;
+              return _ctx.$router.push({
+                name: ((_a = unref(route).params) == null ? void 0 : _a._id) ? "Organization_ProductAdd" : "ProductAdd"
+              });
+            }),
             class: "radius-100 i-big hover-scale-1 cursor-pointer t-white bg-second"
           }, " + ")
         ])) : createCommentVNode("", true),
-        unref(route).name !== "Organization" ? (openBlock(), createBlock(_sfc_main$1, {
+        unref(route).name !== "Organization" ? (openBlock(), createBlock(_sfc_main$2, {
           key: 1,
           selected: tabProducts.value,
           "onUpdate:selected": _cache[1] || (_cache[1] = ($event) => tabProducts.value = $event),
@@ -102,10 +118,10 @@ const _sfc_main = {
           ],
           style: { "flex": "0 0 auto" },
           class: "o-hidden h5 bg-light gap-micro pd-small pd-t-thin pd-b-thin pos-sticky pos-t-0 z-index-1",
-          tabClass: "bg-white pd-small radius-small w-100"
+          tabClass: "bg-white  uppercase pd-small radius-small w-100"
         }, null, 8, ["selected"])) : createCommentVNode("", true),
         createElementVNode("div", _hoisted_3, [
-          createVNode(_sfc_main$2, {
+          createVNode(_sfc_main$3, {
             filter: state.filter,
             "onUpdate:filter": _cache[2] || (_cache[2] = ($event) => state.filter = $event),
             options: state.filter.options,
@@ -113,13 +129,13 @@ const _sfc_main = {
           }, null, 8, ["filter", "options"]),
           createElementVNode("div", _hoisted_4, [
             createElementVNode("div", _hoisted_5, [
-              createVNode(_sfc_main$3, {
+              createVNode(_sfc_main$4, {
                 onSearch: updateSearch,
                 placeholder: "Enter product name",
                 class: "bg-light h-4r"
               })
             ]),
-            createVNode(_sfc_main$4, {
+            createVNode(_sfc_main$5, {
               filter: state.filter,
               "onUpdate:filter": _cache[3] || (_cache[3] = ($event) => state.filter = $event),
               states: {
@@ -130,11 +146,11 @@ const _sfc_main = {
               },
               store: {
                 read: (options) => actions$1.read(options),
-                state: state$1
+                state: state$3
               },
               options: {
                 limit: 15,
-                organization: unref(route).params._id,
+                owner: unref(route).params._id,
                 categories: unref(route).query.categories,
                 prices: unref(route).query.prices,
                 delivery: unref(route).query.delivery,
@@ -142,26 +158,28 @@ const _sfc_main = {
                 ...tabProducts.value !== "all" && { status: tabProducts.value }
                 // user: user
               },
-              class: "cols-4 pd-thin gap-thin"
+              class: "cols-4 rows-1 pd-t-zero pd-thin gap-thin"
             }, {
               default: withCtx(({
                 items
               }) => [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(items, (product) => {
-                  return openBlock(), createBlock(_sfc_main$5, {
-                    key: product._id,
-                    product,
-                    user: state$2.access,
-                    class: "h-max bg-white",
-                    onClickCapture: ($event) => _ctx.$router.push({
-                      name: "Organization_Product",
-                      params: {
-                        _id: unref(route).params._id,
-                        product: product._id
-                      }
-                    })
-                  }, null, 8, ["product", "user", "onClickCapture"]);
-                }), 128))
+                  return openBlock(), createBlock(_component_router_link, {
+                    to: unref(route).params._id ? { name: "Organization_Product", params: { _id: unref(route).params._id, product: product._id } } : { name: "Product", params: { product: product._id } }
+                  }, {
+                    default: withCtx(() => [
+                      (openBlock(), createBlock(_sfc_main$6, {
+                        key: product._id,
+                        product,
+                        user: state$2.access,
+                        organization: unref(route).params._id,
+                        access: _ctx.hasAccess(unref(route).params._id, "products", "edit", state$2.accesses),
+                        class: "h-max bg-light"
+                      }, null, 8, ["product", "user", "organization", "access"]))
+                    ]),
+                    _: 2
+                  }, 1032, ["to"]);
+                }), 256))
               ]),
               _: 1
             }, 8, ["filter", "store", "options"])

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

@@ -1 +1 @@
-{"version":3,"file":"Products.vue.js","sources":["../../../../../../../src/modules/products/components/pages/Products.vue"],"sourcesContent":["<template>\n  <div class=\"h-100\">\n    <header \n      v-if=\"route.name !== 'Organization' && !MOBILE_APP\"\n      class=\"mn-b-medium flex-v-center flex-nowrap flex\"\n    >\n      <h2 class=\"mn-r-medium\">Products</h2>\n      <button \n        @click=\"$router.push({\n          name: route.params._id ? 'Organization_ProductAdd' : 'ProductAdd'\n        })\" \n        class=\"radius-100 i-big hover-scale-1 cursor-pointer t-white bg-second\">\n          +\n      </button>\n    </header>\n\n  <Tab \n    v-if=\"route.name !== 'Organization'\"\n    v-model:selected=\"tabProducts\"\n    :tabs=\"[\n      { name: 'All',          value: 'all' },\n      { name: 'Published',    value: 'published' },\n      { name: 'Unpublished',  value: 'unpublished' }, \n      { name: 'Archivied',    value: 'archivied' } \n    ]\"\n    style=\"flex: 0 0 auto\"\n   class=\"\n        o-hidden \n        h5 \n        bg-light\n        gap-micro pd-small pd-t-thin pd-b-thin\n        pos-sticky pos-t-0\n        z-index-1\n      \"\n      tabClass=\"bg-white pd-small radius-small w-100\"\n  />\n\n  <div class=\"cols-2-1_3 h-100 z-index-3 pos-relative radius-big gap-thin\">\n\n    <BlockFilter\n      v-model:filter=\"marketplace.state.filter\"\n      :options=\"marketplace.state.filter.options\"\n      class=\"h-100 w-100 z-index-2 desktop-only\"\n    />\n\n\n    <div class=\"rows-1 h-100 z-index-3 bg-white radius-tl-big radius-tr-big\">\n      <div class=\"pd-thin z-index-3 radius-tl-big radius-tr-big pos-t-0 pos-sticky\">\n        <BlockSearch \n          @search=\"updateSearch\"\n          placeholder=\"Enter product name\"\n          class=\"bg-light h-4r\"\n        />\n      </div>\n      <Feed\n        v-model:filter=\"marketplace.state.filter\"\n        \n        :states=\"{\n          empty: {\n            title: 'No Products Found',\n            description: 'Currently, there are no products available.'\n          }\n        }\"\n        :store=\"{\n          read: (options) => products.actions.read(options),\n          state: products.state\n        }\"\n        :options=\"{\n          limit: 15,\n          organization: route.params._id,\n          categories: route.query.categories,\n          prices: route.query.prices,\n          delivery: route.query.delivery,\n          // search: route.query.search,\n          ...(tabProducts !== 'all' && { status: tabProducts })\n          // user: user\n        }\"\n        v-slot=\"{ \n          items \n        }\"\n        class=\"cols-4 pd-thin gap-thin\"\n      >\n        <CardProduct\n          v-for=\"product in items\"\n          :key=\"product._id\"\n          :product=\"product\"\n          :user=\"auth.state.access\"\n          class=\"h-max bg-white\"\n          @click.capture=\"$router.push({\n            name: 'Organization_Product', \n            params: { \n              _id: route.params._id, \n              product: product._id \n            } \n          })\" \n        />\n      </Feed>\n    </div>\n  </div>\n</div>\n</template>\n\n\n<script setup=\"props\">\n  // Import libs\n  import { computed, watch, onMounted, ref } from 'vue'\n  import { useRoute, useRouter } from 'vue-router'\n\n  // Import components\n  import Tab from '@pf/src/components/Tab/Tab.vue'\n  import Feed from '@pf/src/components/Feed/Feed.vue'\n\n  import FilterProducts from '@pf/src/modules/products/components/sections/FilterProducts.vue'\n  import BlockSearch from '@pf/src/modules/globals/views/components/blocks/BlockSearch.vue'\n  import BlockFilter  from '@pf/src/modules/globals/views/components/blocks/BlockFilter.vue'\n\n  import CardProduct from '@pf/src/modules/products/components/blocks/CardProduct.vue'\n\n  // Accessing router and store\n  import * as auth from '@pf/src/modules/auth/views/store/auth';\n  import * as products from '@pf/src/modules/products/store/products';\n  import * as marketplace from '@pf/src/modules/products/store/marketplace';\n  import * as categories from '@pf/src/modules/products/store/categories';\n\n  const route = useRoute()\n  const router = useRouter()\n\n  // Tab logic\n  const tabProducts = ref(route.query.tabProducts ? route.query.tabProducts : 'all')\n\n  if (route.name !== 'Organization') route.query.tabProducts = tabProducts.value\n  \n  if (route.query) {\n    const query = route.query;\n\n    marketplace.state.filter.selected.categories = query.categories ? query.categories.split(',') : [];\n    marketplace.state.filter.selected.prices = query.prices ? query.prices.split(',') : [];\n    marketplace.state.filter.selected.delivery = query.delivery ? query.delivery.split(',') : [];\n  }\n\n\n  watch(tabProducts, (newValue) => {\n    if (route.name !== 'Organization') router.replace({ query: { ...route.query, tabProducts: newValue } });\n  });\n\n  onMounted(async () => {\n    let categoriesFilter = await categories.actions.fetchCategories();\n\n    categoriesFilter = categoriesFilter.map(category => ({\n      value: category.url,\n      label: category.name\n    }));\n\n    const index = marketplace.state.filter.options.findIndex(option => option.value === 'categories');\n\n    const categoryOption = {\n      title: 'Categories',\n      value: 'categories',\n      options: categoriesFilter\n    };\n\n    if (index !== -1) {\n        marketplace.state.filter.options[index] = categoryOption;\n    } else {\n        marketplace.state.filter.options.unshift(categoryOption);\n    }\n  })\n\n  watch(() => marketplace.state.sort, (newSortValue, oldSortValue) => {\n    let query = { ...route.query}\n    \n    query.sortParam = newSortValue.param\n    query.sortOrder = newSortValue.order\n    \n    // replace the current route\n    router.replace({ query });\n  }, { deep: true });\n\n\n  watch(() => marketplace.state.filter.selected, (newFilterValue, oldFilterValue) => {\n    // Переводим фильтр в формат query\n    const query = { ...route.query };\n\n    // Удаляем старые значения фильтра из query\n    Object.keys(oldFilterValue).forEach(key => {\n      if (query[key]) {\n        delete query[key];\n      }\n    });\n\n    // Добавляем новые значения фильтра в query\n    const newQueryValues = Object.fromEntries(\n      Object.entries(newFilterValue)\n        .filter(([key, value]) => Array.isArray(value) && value.length > 0)\n        .map(([key, value]) => [key, value.join(',')])\n    );\n\n    delete query.options;\n    Object.assign(query, newQueryValues);\n\n    // Обновляем маршрут с новым query\n    router.replace({ query });\n  }, { deep: true })\n\n\n\n  \n  function updateSearch(search) {\n    let query = { ...route.query}\n    \n    query.search = search\n    \n    router.replace({ query });\n  }\n</script>\n\n<style lang=\"scss\">\n\n\n</style>\n"],"names":["marketplace.state","categories.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA4HE,UAAM,QAAQ,SAAU;AACxB,UAAM,SAAS,UAAW;AAG1B,UAAM,cAAc,IAAI,MAAM,MAAM,cAAc,MAAM,MAAM,cAAc,KAAK;AAEjF,QAAI,MAAM,SAAS,eAAgB,OAAM,MAAM,cAAc,YAAY;AAEzE,QAAI,MAAM,OAAO;AACf,YAAM,QAAQ,MAAM;AAEpBA,YAAkB,OAAO,SAAS,aAAa,MAAM,aAAa,MAAM,WAAW,MAAM,GAAG,IAAI,CAAA;AAChGA,YAAkB,OAAO,SAAS,SAAS,MAAM,SAAS,MAAM,OAAO,MAAM,GAAG,IAAI,CAAA;AACpFA,YAAkB,OAAO,SAAS,WAAW,MAAM,WAAW,MAAM,SAAS,MAAM,GAAG,IAAI,CAAA;AAAA,IAC3F;AAGD,UAAM,aAAa,CAAC,aAAa;AAC/B,UAAI,MAAM,SAAS,eAAgB,QAAO,QAAQ,EAAE,OAAO,EAAE,GAAG,MAAM,OAAO,aAAa,SAAQ,EAAI,CAAA;AAAA,IAC1G,CAAG;AAED,cAAU,YAAY;AACpB,UAAI,mBAAmB,MAAMC,QAAmB;AAEhD,yBAAmB,iBAAiB,IAAI,eAAa;AAAA,QACnD,OAAO,SAAS;AAAA,QAChB,OAAO,SAAS;AAAA,MACjB,EAAC;AAEF,YAAM,QAAQD,MAAkB,OAAO,QAAQ,UAAU,YAAU,OAAO,UAAU,YAAY;AAEhG,YAAM,iBAAiB;AAAA,QACrB,OAAO;AAAA,QACP,OAAO;AAAA,QACP,SAAS;AAAA,MACf;AAEI,UAAI,UAAU,IAAI;AACdA,cAAkB,OAAO,QAAQ,KAAK,IAAI;AAAA,MAClD,OAAW;AACHA,cAAkB,OAAO,QAAQ,QAAQ,cAAc;AAAA,MAC1D;AAAA,IACL,CAAG;AAED,UAAM,MAAMA,MAAkB,MAAM,CAAC,cAAc,iBAAiB;AAClE,UAAI,QAAQ,EAAE,GAAG,MAAM,MAAK;AAE5B,YAAM,YAAY,aAAa;AAC/B,YAAM,YAAY,aAAa;AAG/B,aAAO,QAAQ,EAAE,MAAK,CAAE;AAAA,IAC5B,GAAK,EAAE,MAAM,KAAI,CAAE;AAGjB,UAAM,MAAMA,MAAkB,OAAO,UAAU,CAAC,gBAAgB,mBAAmB;AAEjF,YAAM,QAAQ,EAAE,GAAG,MAAM,MAAK;AAG9B,aAAO,KAAK,cAAc,EAAE,QAAQ,SAAO;AACzC,YAAI,MAAM,GAAG,GAAG;AACd,iBAAO,MAAM,GAAG;AAAA,QACjB;AAAA,MACP,CAAK;AAGD,YAAM,iBAAiB,OAAO;AAAA,QAC5B,OAAO,QAAQ,cAAc,EAC1B,OAAO,CAAC,CAAC,KAAK,KAAK,MAAM,MAAM,QAAQ,KAAK,KAAK,MAAM,SAAS,CAAC,EACjE,IAAI,CAAC,CAAC,KAAK,KAAK,MAAM,CAAC,KAAK,MAAM,KAAK,GAAG,CAAC,CAAC;AAAA,MACrD;AAEI,aAAO,MAAM;AACb,aAAO,OAAO,OAAO,cAAc;AAGnC,aAAO,QAAQ,EAAE,MAAK,CAAE;AAAA,IAC5B,GAAK,EAAE,MAAM,MAAM;AAKjB,aAAS,aAAa,QAAQ;AAC5B,UAAI,QAAQ,EAAE,GAAG,MAAM,MAAK;AAE5B,YAAM,SAAS;AAEf,aAAO,QAAQ,EAAE,MAAK,CAAE;AAAA,IACzB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Products.vue.js","sources":["../../../../../../../src/modules/products/components/pages/Products.vue"],"sourcesContent":["<template>\n  <div class=\"h-100\">\n    <header \n      v-if=\"route.name !== 'Organization' && !MOBILE_APP\"\n      class=\"mn-b-medium flex-v-center flex-nowrap flex\"\n    >\n      <h2 class=\"mn-r-medium\">Products</h2>\n      <button \n        @click=\"$router.push({\n          name: route.params?._id ? 'Organization_ProductAdd' : 'ProductAdd'\n        })\" \n        class=\"radius-100 i-big hover-scale-1 cursor-pointer t-white bg-second\">\n          +\n      </button>\n    </header>\n\n  <Tab \n    v-if=\"route.name !== 'Organization'\"\n    v-model:selected=\"tabProducts\"\n    :tabs=\"[\n      { name: 'All',          value: 'all' },\n      { name: 'Published',    value: 'published' },\n      { name: 'Unpublished',  value: 'unpublished' }, \n      { name: 'Archivied',    value: 'archivied' } \n    ]\"\n    style=\"flex: 0 0 auto\"\n   class=\"\n        o-hidden \n        h5 \n        bg-light\n        gap-micro pd-small pd-t-thin pd-b-thin\n        pos-sticky pos-t-0\n        z-index-1\n\n      \"\n      tabClass=\"bg-white  uppercase pd-small radius-small w-100\"\n  />\n\n  <div class=\"cols-2-1_3 h-100 z-index-3 pos-relative radius-big gap-thin\">\n\n    <BlockFilter\n      v-model:filter=\"marketplace.state.filter\"\n      :options=\"marketplace.state.filter.options\"\n      class=\"h-100 w-100 z-index-2 desktop-only\"\n    />\n\n\n    <div class=\"rows-1 h-100 z-index-3 bg-white radius-tl-big radius-tr-big\">\n      <div class=\"pd-thin z-index-3 radius-tl-big radius-tr-big pos-t-0 pos-sticky\">\n        <BlockSearch \n          @search=\"updateSearch\"\n          placeholder=\"Enter product name\"\n          class=\"bg-light h-4r\"\n        />\n      </div>\n      <Feed\n        v-model:filter=\"marketplace.state.filter\"\n        \n        :states=\"{\n          empty: {\n            title: 'No Products Found',\n            description: 'Currently, there are no products available.'\n          }\n        }\"\n        :store=\"{\n          read: (options) => products.actions.read(options),\n          state: products.state\n        }\"\n        :options=\"{\n          limit: 15,\n          owner: route.params._id,\n          categories: route.query.categories,\n          prices: route.query.prices,\n          delivery: route.query.delivery,\n          // search: route.query.search,\n          ...(tabProducts !== 'all' && { status: tabProducts })\n          // user: user\n        }\"\n        v-slot=\"{ \n          items \n        }\"\n        class=\"cols-4 rows-1 pd-t-zero pd-thin gap-thin\"\n      >\n        <router-link  \n          v-for=\"product in items\" \n          :to=\"route.params._id ? { name: 'Organization_Product', params: { _id: route.params._id, product: product._id  } } : { name: 'Product', params: { product: product._id  } }\">\n          <CardProduct\n            :key=\"product._id\"\n            :product=\"product\"\n            :user=\"auth.state.access\"\n            :organization=\"route.params._id\"\n            :access=\"hasAccess(route.params._id, 'products', 'edit', auth.state.accesses)\"\n            class=\"h-max bg-light\"\n          />\n        </router-link>\n      </Feed>\n\n    </div>\n  </div>\n</div>\n</template>\n\n\n<script setup=\"props\">\n  // Import libs\n  import { ref, computed, watch, onMounted, onUnmounted } from 'vue'\n  import { useRoute, useRouter } from 'vue-router'\n\n  // Import components\n  import Tab from '@pf/src/components/Tab/Tab.vue'\n  import Feed from '@pf/src/components/Feed/Feed.vue'\n\n  import FilterProducts from '@pf/src/modules/products/components/sections/FilterProducts.vue'\n  import BlockSearch from '@pf/src/modules/globals/views/components/blocks/BlockSearch.vue'\n  import BlockFilter  from '@pf/src/modules/globals/views/components/blocks/BlockFilter.vue'\n\n  import CardProduct from '@pf/src/modules/products/components/blocks/CardProduct.vue'\n\n  import IconPlus from '@pf/src/modules/icons/navigation/IconPlus.vue'\n\n  // Accessing router and store\n  import * as auth from '@pf/src/modules/auth/views/store/auth';\n  import * as globals from '@pf/src/modules/globals/views/store/globals';\n  import * as products from '@pf/src/modules/products/store/products';\n  import * as marketplace from '@pf/src/modules/products/store/marketplace';\n  import * as categories from '@pf/src/modules/products/store/categories';\n\n  const route = useRoute()\n  const router = useRouter()\n\n  // Tab logic\n  const tabProducts = ref(route.query.tabProducts ? route.query.tabProducts : 'all')\n\n  if (route.name !== 'Organization') route.query.tabProducts = tabProducts.value\n  \n  if (route.query) {\n    const query = route.query;\n\n    marketplace.state.filter.selected.categories = query.categories ? query.categories.split(',') : [];\n    marketplace.state.filter.selected.prices = query.prices ? query.prices.split(',') : [];\n    marketplace.state.filter.selected.delivery = query.delivery ? query.delivery.split(',') : [];\n  }\n\n  watch(tabProducts, (newValue) => {\n    if (route.name !== 'Organization') router.replace({ query: { ...route.query, tabProducts: newValue } });\n  });\n\n  globals.state.navigation_bar.actions = [{\n    component: IconPlus,\n    props: {\n      fill: \"rgb(var(--main))\" \n    },\n    condition: () => auth.state.user && auth.state.user._id,\n    action: () => route.params._id ? router.push({ name: 'Organization_ProductAdd', params: { _id: route.params._id} }) : router.push({ name: 'ProductAdd' })\n  }],\n\n  onMounted(async () => {\n    let categoriesFilter = await categories.actions.fetchCategories();\n\n    categoriesFilter = categoriesFilter.map(category => ({\n      value: category.url,\n      label: category.name\n    }));\n\n    const index = marketplace.state.filter.options.findIndex(option => option.value === 'categories');\n\n    const categoryOption = {\n      title: 'Categories',\n      value: 'categories',\n      options: categoriesFilter\n    };\n\n    if (index !== -1) {\n        marketplace.state.filter.options[index] = categoryOption;\n    } else {\n        marketplace.state.filter.options.unshift(categoryOption);\n    }\n  })\n\n  onUnmounted(() => {\n    globals.state.navigation_bar.actions = [];\n  });\n\n  watch(() => marketplace.state.sort, (newSortValue, oldSortValue) => {\n    let query = { ...route.query}\n    \n    query.sortParam = newSortValue.param\n    query.sortOrder = newSortValue.order\n    \n    // replace the current route\n    router.replace({ query });\n  }, { deep: true });\n\n\n  watch(() => marketplace.state.filter.selected, (newFilterValue, oldFilterValue) => {\n    // Переводим фильтр в формат query\n    const query = { ...route.query };\n\n    // Удаляем старые значения фильтра из query\n    Object.keys(oldFilterValue).forEach(key => {\n      if (query[key]) {\n        delete query[key];\n      }\n    });\n\n    // Добавляем новые значения фильтра в query\n    const newQueryValues = Object.fromEntries(\n      Object.entries(newFilterValue)\n        .filter(([key, value]) => Array.isArray(value) && value.length > 0)\n        .map(([key, value]) => [key, value.join(',')])\n    );\n\n    delete query.options;\n    Object.assign(query, newQueryValues);\n\n    // Обновляем маршрут с новым query\n    router.replace({ query });\n  }, { deep: true })\n\n\n\n  \n  function updateSearch(search) {\n    let query = { ...route.query}\n    \n    query.search = search\n    \n    router.replace({ query });\n  }\n</script>\n\n<style lang=\"scss\">\n\n\n</style>\n"],"names":["marketplace.state","globals.state","IconPlus","auth.state","categories.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AA+HE,UAAM,QAAQ,SAAU;AACxB,UAAM,SAAS,UAAW;AAG1B,UAAM,cAAc,IAAI,MAAM,MAAM,cAAc,MAAM,MAAM,cAAc,KAAK;AAEjF,QAAI,MAAM,SAAS,eAAgB,OAAM,MAAM,cAAc,YAAY;AAEzE,QAAI,MAAM,OAAO;AACf,YAAM,QAAQ,MAAM;AAEpBA,YAAkB,OAAO,SAAS,aAAa,MAAM,aAAa,MAAM,WAAW,MAAM,GAAG,IAAI,CAAA;AAChGA,YAAkB,OAAO,SAAS,SAAS,MAAM,SAAS,MAAM,OAAO,MAAM,GAAG,IAAI,CAAA;AACpFA,YAAkB,OAAO,SAAS,WAAW,MAAM,WAAW,MAAM,SAAS,MAAM,GAAG,IAAI,CAAA;AAAA,IAC3F;AAED,UAAM,aAAa,CAAC,aAAa;AAC/B,UAAI,MAAM,SAAS,eAAgB,QAAO,QAAQ,EAAE,OAAO,EAAE,GAAG,MAAM,OAAO,aAAa,SAAQ,EAAI,CAAA;AAAA,IAC1G,CAAG;AAEDC,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,MAAM,OAAO,MAAM,OAAO,KAAK,EAAE,MAAM,2BAA2B,QAAQ,EAAE,KAAK,MAAM,OAAO,IAAG,EAAG,CAAA,IAAI,OAAO,KAAK,EAAE,MAAM,cAAc;AAAA,IAC5J,CAAG,GAED,UAAU,YAAY;AACpB,UAAI,mBAAmB,MAAMC,QAAmB;AAEhD,yBAAmB,iBAAiB,IAAI,eAAa;AAAA,QACnD,OAAO,SAAS;AAAA,QAChB,OAAO,SAAS;AAAA,MACjB,EAAC;AAEF,YAAM,QAAQJ,MAAkB,OAAO,QAAQ,UAAU,YAAU,OAAO,UAAU,YAAY;AAEhG,YAAM,iBAAiB;AAAA,QACrB,OAAO;AAAA,QACP,OAAO;AAAA,QACP,SAAS;AAAA,MACf;AAEI,UAAI,UAAU,IAAI;AACdA,cAAkB,OAAO,QAAQ,KAAK,IAAI;AAAA,MAClD,OAAW;AACHA,cAAkB,OAAO,QAAQ,QAAQ,cAAc;AAAA,MAC1D;AAAA,IACL,CAAG;AAED,gBAAY,MAAM;AAChBC,cAAc,eAAe,UAAU;IAC3C,CAAG;AAED,UAAM,MAAMD,MAAkB,MAAM,CAAC,cAAc,iBAAiB;AAClE,UAAI,QAAQ,EAAE,GAAG,MAAM,MAAK;AAE5B,YAAM,YAAY,aAAa;AAC/B,YAAM,YAAY,aAAa;AAG/B,aAAO,QAAQ,EAAE,MAAK,CAAE;AAAA,IAC5B,GAAK,EAAE,MAAM,KAAI,CAAE;AAGjB,UAAM,MAAMA,MAAkB,OAAO,UAAU,CAAC,gBAAgB,mBAAmB;AAEjF,YAAM,QAAQ,EAAE,GAAG,MAAM,MAAK;AAG9B,aAAO,KAAK,cAAc,EAAE,QAAQ,SAAO;AACzC,YAAI,MAAM,GAAG,GAAG;AACd,iBAAO,MAAM,GAAG;AAAA,QACjB;AAAA,MACP,CAAK;AAGD,YAAM,iBAAiB,OAAO;AAAA,QAC5B,OAAO,QAAQ,cAAc,EAC1B,OAAO,CAAC,CAAC,KAAK,KAAK,MAAM,MAAM,QAAQ,KAAK,KAAK,MAAM,SAAS,CAAC,EACjE,IAAI,CAAC,CAAC,KAAK,KAAK,MAAM,CAAC,KAAK,MAAM,KAAK,GAAG,CAAC,CAAC;AAAA,MACrD;AAEI,aAAO,MAAM;AACb,aAAO,OAAO,OAAO,cAAc;AAGnC,aAAO,QAAQ,EAAE,MAAK,CAAE;AAAA,IAC5B,GAAK,EAAE,MAAM,MAAM;AAKjB,aAAS,aAAa,QAAQ;AAC5B,UAAI,QAAQ,EAAE,GAAG,MAAM,MAAK;AAE5B,YAAM,SAAS;AAEf,aAAO,QAAQ,EAAE,MAAK,CAAE;AAAA,IACzB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/products/components/sections/CategoriesTree.vue.cjs

@@ -0,0 +1,96 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const vueDraggableNext_esmBundler = require("../../../../../../node_modules/vue-draggable-next/dist/vue-draggable-next.esm-bundler.cjs");
+const CardCategory = require("../blocks/CardCategory.vue.cjs");
+const categories = require("../../store/categories.cjs");
+const _sfc_main = {
+  __name: "CategoriesTree",
+  props: {
+    items: Array,
+    state: Array
+  },
+  emits: ["update"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const dragOptions = {
+      animation: 200,
+      group: "category",
+      ghostClass: "ghost"
+    };
+    async function deleteCategory(category) {
+      if (confirm(`Are you sure you want to delete the category "${category.name}"?`)) {
+        await categories.actions.deleteCategory(category.url);
+      }
+    }
+    function findCategoryAndUpdateParent(items, targetId, parentId = null) {
+      for (const item of items) {
+        if (item._id === targetId) {
+          item.parent = parentId;
+          return item;
+        }
+        if (item.children) {
+          const found = findCategoryAndUpdateParent(item.children, targetId, item._id);
+          if (found) {
+            return found;
+          }
+        }
+      }
+      return null;
+    }
+    function updateOrders(items, startOrder = 0) {
+      let currentOrder = startOrder;
+      items.forEach((item) => {
+        var _a;
+        item.order = currentOrder++;
+        if ((_a = item.children) == null ? void 0 : _a.length) {
+          currentOrder = updateOrders(item.children, currentOrder);
+        }
+      });
+      return currentOrder;
+    }
+    function handleChange(event) {
+      if (!event.added && !event.moved) return;
+      const targetId = event.added ? event.added.element._id : props.items[event.moved.newIndex]._id;
+      const updatedCategory = findCategoryAndUpdateParent(props.state, targetId);
+      if (!updatedCategory) return;
+      updateOrders(props.state);
+      emits("update", updatedCategory);
+    }
+    function emitChange(event) {
+      emits("update", event);
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(vueDraggableNext_esmBundler.VueDraggableNext), vue.mergeProps(dragOptions, {
+        class: "dragArea list-group w-full",
+        list: __props.items,
+        onChange: handleChange
+      }), {
+        default: vue.withCtx(() => [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.items, (category) => {
+            return vue.openBlock(), vue.createElementBlock("div", {
+              key: category._id,
+              class: "pd-medium bg-light radius-medium mn-b-thin"
+            }, [
+              vue.createVNode(CardCategory.default, {
+                category,
+                onDelete: deleteCategory
+              }, null, 8, ["category"]),
+              vue.createElementVNode("div", null, [
+                vue.createVNode(_sfc_main, {
+                  items: category.children,
+                  state: __props.items,
+                  onUpdate: emitChange
+                }, null, 8, ["items", "state"])
+              ])
+            ]);
+          }), 128))
+        ]),
+        _: 1
+      }, 16, ["list"]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=CategoriesTree.vue.cjs.map

package/dist/prometheus-framework/src/modules/products/components/sections/CategoriesTree.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CategoriesTree.vue.cjs","sources":["../../../../../../../src/modules/products/components/sections/CategoriesTree.vue"],"sourcesContent":["<template>\n  <VueDraggableNext\n    v-bind=\"dragOptions\" \n    class=\"dragArea list-group w-full\"\n    :list=\"items\"\n    @change=\"handleChange\"\n  >\n    <div v-for=\"category in items\" :key=\"category._id\" class=\"pd-medium bg-light radius-medium mn-b-thin\">\n      <CardCategory \n        :category=\"category\" \n        @delete=\"deleteCategory\" \n      />\n      <div\n      >\n      <!-- Subcategories: -->\n      <CategoryList \n        :items=\"category.children\"\n        :state=\"items\"\n        @update=\"emitChange\"\n      />\n      </div>\n    </div>\n  </VueDraggableNext>\n</template>\n\n<script setup>\nimport { VueDraggableNext } from 'vue-draggable-next';\nimport CardCategory from '@pf/src/modules/products/components/blocks/CardCategory.vue';\nimport CategoryList from '@pf/src/modules/products/components/sections/CategoriesTree.vue';\nimport * as categories from '@pf/src/modules/products/store/categories';\n\nconst props = defineProps({\n  items: Array,\n   state: Array\n});\n\nconst emits = defineEmits(['update']);\n\nconst dragOptions = {\n  animation: 200,\n  group: 'category',\n  ghostClass: 'ghost'\n};\n\nasync function deleteCategory(category) {\n  if (confirm(`Are you sure you want to delete the category \"${category.name}\"?`)) {\n    await categories.actions.deleteCategory(category.url);\n  }\n}\n\nfunction findCategoryAndUpdateParent(items, targetId, parentId = null) {\n  for (const item of items) {\n    if (item._id === targetId) {\n      item.parent = parentId;\n      return item;\n    }\n    \n    if (item.children) {\n      const found = findCategoryAndUpdateParent(item.children, targetId, item._id);\n      if (found) {\n        return found;\n      }\n    }\n  }\n  return null;\n}\n\nfunction updateOrders(items, startOrder = 0) {\n  let currentOrder = startOrder;\n  \n  items.forEach(item => {\n    item.order = currentOrder++;\n    \n    if (item.children?.length) {\n      currentOrder = updateOrders(item.children, currentOrder);\n    }\n  });\n  \n  return currentOrder;\n}\n\nfunction handleChange(event) {\n  if (!event.added && !event.moved) return;\n  \n  const targetId = event.added ? \n    event.added.element._id : \n    props.items[event.moved.newIndex]._id;\n    \n  const updatedCategory = findCategoryAndUpdateParent(props.state, targetId);\n  if (!updatedCategory) return;\n  \n  // Обновляем order для всего дерева категорий\n  updateOrders(props.state);\n  \n  // Отправляем обновленную категорию\n  emits('update', updatedCategory);\n}\n\nfunction emitChange(event) {\n  emits('update', event);\n}\n</script> "],"names":["categories.actions"],"mappings":";;;;;;;;;;;;;;AA+BA,UAAM,QAAQ;AAKd,UAAM,QAAQ;AAEd,UAAM,cAAc;AAAA,MAClB,WAAW;AAAA,MACX,OAAO;AAAA,MACP,YAAY;AAAA,IACd;AAEA,mBAAe,eAAe,UAAU;AACtC,UAAI,QAAQ,iDAAiD,SAAS,IAAI,IAAI,GAAG;AAC/E,cAAMA,mBAAmB,eAAe,SAAS,GAAG;AAAA,MACrD;AAAA,IACH;AAEA,aAAS,4BAA4B,OAAO,UAAU,WAAW,MAAM;AACrE,iBAAW,QAAQ,OAAO;AACxB,YAAI,KAAK,QAAQ,UAAU;AACzB,eAAK,SAAS;AACd,iBAAO;AAAA,QACR;AAED,YAAI,KAAK,UAAU;AACjB,gBAAM,QAAQ,4BAA4B,KAAK,UAAU,UAAU,KAAK,GAAG;AAC3E,cAAI,OAAO;AACT,mBAAO;AAAA,UACR;AAAA,QACF;AAAA,MACF;AACD,aAAO;AAAA,IACT;AAEA,aAAS,aAAa,OAAO,aAAa,GAAG;AAC3C,UAAI,eAAe;AAEnB,YAAM,QAAQ,UAAQ;;AACpB,aAAK,QAAQ;AAEb,aAAI,UAAK,aAAL,mBAAe,QAAQ;AACzB,yBAAe,aAAa,KAAK,UAAU,YAAY;AAAA,QACxD;AAAA,MACL,CAAG;AAED,aAAO;AAAA,IACT;AAEA,aAAS,aAAa,OAAO;AAC3B,UAAI,CAAC,MAAM,SAAS,CAAC,MAAM,MAAO;AAElC,YAAM,WAAW,MAAM,QACrB,MAAM,MAAM,QAAQ,MACpB,MAAM,MAAM,MAAM,MAAM,QAAQ,EAAE;AAEpC,YAAM,kBAAkB,4BAA4B,MAAM,OAAO,QAAQ;AACzE,UAAI,CAAC,gBAAiB;AAGtB,mBAAa,MAAM,KAAK;AAGxB,YAAM,UAAU,eAAe;AAAA,IACjC;AAEA,aAAS,WAAW,OAAO;AACzB,YAAM,UAAU,KAAK;AAAA,IACvB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/products/components/sections/CategoriesTree.vue.js

@@ -0,0 +1,96 @@
+import { openBlock, createBlock, unref, mergeProps, withCtx, createElementBlock, Fragment, renderList, createVNode, createElementVNode } from "vue";
+import { VueDraggableNext } from "../../../../../../node_modules/vue-draggable-next/dist/vue-draggable-next.esm-bundler.js";
+import _sfc_main$1 from "../blocks/CardCategory.vue.js";
+import { actions } from "../../store/categories.js";
+const _sfc_main = {
+  __name: "CategoriesTree",
+  props: {
+    items: Array,
+    state: Array
+  },
+  emits: ["update"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const dragOptions = {
+      animation: 200,
+      group: "category",
+      ghostClass: "ghost"
+    };
+    async function deleteCategory(category) {
+      if (confirm(`Are you sure you want to delete the category "${category.name}"?`)) {
+        await actions.deleteCategory(category.url);
+      }
+    }
+    function findCategoryAndUpdateParent(items, targetId, parentId = null) {
+      for (const item of items) {
+        if (item._id === targetId) {
+          item.parent = parentId;
+          return item;
+        }
+        if (item.children) {
+          const found = findCategoryAndUpdateParent(item.children, targetId, item._id);
+          if (found) {
+            return found;
+          }
+        }
+      }
+      return null;
+    }
+    function updateOrders(items, startOrder = 0) {
+      let currentOrder = startOrder;
+      items.forEach((item) => {
+        var _a;
+        item.order = currentOrder++;
+        if ((_a = item.children) == null ? void 0 : _a.length) {
+          currentOrder = updateOrders(item.children, currentOrder);
+        }
+      });
+      return currentOrder;
+    }
+    function handleChange(event) {
+      if (!event.added && !event.moved) return;
+      const targetId = event.added ? event.added.element._id : props.items[event.moved.newIndex]._id;
+      const updatedCategory = findCategoryAndUpdateParent(props.state, targetId);
+      if (!updatedCategory) return;
+      updateOrders(props.state);
+      emits("update", updatedCategory);
+    }
+    function emitChange(event) {
+      emits("update", event);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(VueDraggableNext), mergeProps(dragOptions, {
+        class: "dragArea list-group w-full",
+        list: __props.items,
+        onChange: handleChange
+      }), {
+        default: withCtx(() => [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (category) => {
+            return openBlock(), createElementBlock("div", {
+              key: category._id,
+              class: "pd-medium bg-light radius-medium mn-b-thin"
+            }, [
+              createVNode(_sfc_main$1, {
+                category,
+                onDelete: deleteCategory
+              }, null, 8, ["category"]),
+              createElementVNode("div", null, [
+                createVNode(_sfc_main, {
+                  items: category.children,
+                  state: __props.items,
+                  onUpdate: emitChange
+                }, null, 8, ["items", "state"])
+              ])
+            ]);
+          }), 128))
+        ]),
+        _: 1
+      }, 16, ["list"]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=CategoriesTree.vue.js.map

package/dist/prometheus-framework/src/modules/products/components/sections/CategoriesTree.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CategoriesTree.vue.js","sources":["../../../../../../../src/modules/products/components/sections/CategoriesTree.vue"],"sourcesContent":["<template>\n  <VueDraggableNext\n    v-bind=\"dragOptions\" \n    class=\"dragArea list-group w-full\"\n    :list=\"items\"\n    @change=\"handleChange\"\n  >\n    <div v-for=\"category in items\" :key=\"category._id\" class=\"pd-medium bg-light radius-medium mn-b-thin\">\n      <CardCategory \n        :category=\"category\" \n        @delete=\"deleteCategory\" \n      />\n      <div\n      >\n      <!-- Subcategories: -->\n      <CategoryList \n        :items=\"category.children\"\n        :state=\"items\"\n        @update=\"emitChange\"\n      />\n      </div>\n    </div>\n  </VueDraggableNext>\n</template>\n\n<script setup>\nimport { VueDraggableNext } from 'vue-draggable-next';\nimport CardCategory from '@pf/src/modules/products/components/blocks/CardCategory.vue';\nimport CategoryList from '@pf/src/modules/products/components/sections/CategoriesTree.vue';\nimport * as categories from '@pf/src/modules/products/store/categories';\n\nconst props = defineProps({\n  items: Array,\n   state: Array\n});\n\nconst emits = defineEmits(['update']);\n\nconst dragOptions = {\n  animation: 200,\n  group: 'category',\n  ghostClass: 'ghost'\n};\n\nasync function deleteCategory(category) {\n  if (confirm(`Are you sure you want to delete the category \"${category.name}\"?`)) {\n    await categories.actions.deleteCategory(category.url);\n  }\n}\n\nfunction findCategoryAndUpdateParent(items, targetId, parentId = null) {\n  for (const item of items) {\n    if (item._id === targetId) {\n      item.parent = parentId;\n      return item;\n    }\n    \n    if (item.children) {\n      const found = findCategoryAndUpdateParent(item.children, targetId, item._id);\n      if (found) {\n        return found;\n      }\n    }\n  }\n  return null;\n}\n\nfunction updateOrders(items, startOrder = 0) {\n  let currentOrder = startOrder;\n  \n  items.forEach(item => {\n    item.order = currentOrder++;\n    \n    if (item.children?.length) {\n      currentOrder = updateOrders(item.children, currentOrder);\n    }\n  });\n  \n  return currentOrder;\n}\n\nfunction handleChange(event) {\n  if (!event.added && !event.moved) return;\n  \n  const targetId = event.added ? \n    event.added.element._id : \n    props.items[event.moved.newIndex]._id;\n    \n  const updatedCategory = findCategoryAndUpdateParent(props.state, targetId);\n  if (!updatedCategory) return;\n  \n  // Обновляем order для всего дерева категорий\n  updateOrders(props.state);\n  \n  // Отправляем обновленную категорию\n  emits('update', updatedCategory);\n}\n\nfunction emitChange(event) {\n  emits('update', event);\n}\n</script> "],"names":["categories.actions"],"mappings":";;;;;;;;;;;;AA+BA,UAAM,QAAQ;AAKd,UAAM,QAAQ;AAEd,UAAM,cAAc;AAAA,MAClB,WAAW;AAAA,MACX,OAAO;AAAA,MACP,YAAY;AAAA,IACd;AAEA,mBAAe,eAAe,UAAU;AACtC,UAAI,QAAQ,iDAAiD,SAAS,IAAI,IAAI,GAAG;AAC/E,cAAMA,QAAmB,eAAe,SAAS,GAAG;AAAA,MACrD;AAAA,IACH;AAEA,aAAS,4BAA4B,OAAO,UAAU,WAAW,MAAM;AACrE,iBAAW,QAAQ,OAAO;AACxB,YAAI,KAAK,QAAQ,UAAU;AACzB,eAAK,SAAS;AACd,iBAAO;AAAA,QACR;AAED,YAAI,KAAK,UAAU;AACjB,gBAAM,QAAQ,4BAA4B,KAAK,UAAU,UAAU,KAAK,GAAG;AAC3E,cAAI,OAAO;AACT,mBAAO;AAAA,UACR;AAAA,QACF;AAAA,MACF;AACD,aAAO;AAAA,IACT;AAEA,aAAS,aAAa,OAAO,aAAa,GAAG;AAC3C,UAAI,eAAe;AAEnB,YAAM,QAAQ,UAAQ;;AACpB,aAAK,QAAQ;AAEb,aAAI,UAAK,aAAL,mBAAe,QAAQ;AACzB,yBAAe,aAAa,KAAK,UAAU,YAAY;AAAA,QACxD;AAAA,MACL,CAAG;AAED,aAAO;AAAA,IACT;AAEA,aAAS,aAAa,OAAO;AAC3B,UAAI,CAAC,MAAM,SAAS,CAAC,MAAM,MAAO;AAElC,YAAM,WAAW,MAAM,QACrB,MAAM,MAAM,QAAQ,MACpB,MAAM,MAAM,MAAM,MAAM,QAAQ,EAAE;AAEpC,YAAM,kBAAkB,4BAA4B,MAAM,OAAO,QAAQ;AACzE,UAAI,CAAC,gBAAiB;AAGtB,mBAAa,MAAM,KAAK;AAGxB,YAAM,UAAU,eAAe;AAAA,IACjC;AAEA,aAAS,WAAW,OAAO;AACzB,YAAM,UAAU,KAAK;AAAA,IACvB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/products/components/sections/EditModifications.vue.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const Field = require("../../../../components/Field/Field.vue2.cjs");
+const Field = require("../../../../components/Field/Field.vue.cjs");
 const _hoisted_1 = {
   key: 0,
   class: "mn-b-small w-100"

package/dist/prometheus-framework/src/modules/products/components/sections/EditModifications.vue.js

@@ -1,5 +1,5 @@
 import { toRefs, openBlock, createElementBlock, unref, createCommentVNode, Fragment, renderList, createElementVNode, createVNode } from "vue";
-import Field from "../../../../components/Field/Field.vue2.js";
+import Field from "../../../../components/Field/Field.vue.js";
 const _hoisted_1 = {
   key: 0,
   class: "mn-b-small w-100"

package/dist/prometheus-framework/src/modules/products/components/sections/EditProductInfo.vue.cjs

@@ -2,8 +2,8 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 ;/* empty css                                         */
-;/* empty css                                         */
-const Field = require("../../../../components/Field/Field.vue2.cjs");
+;/* empty css                                          */
+const Field = require("../../../../components/Field/Field.vue.cjs");
 const Select = require("../../../../components/Select/Select.vue.cjs");
 const _sfc_main = {
   __name: "EditProductInfo",
@@ -25,16 +25,27 @@ const _sfc_main = {
           placeholder: "Display product",
           class: "pos-relative w-100 mn-b-small bg-white radius-small pd-medium"
         }, null, 8, ["select"]),
+        vue.createVNode(Select.default, {
+          select: __props.product.listing,
+          "onUpdate:select": _cache[1] || (_cache[1] = ($event) => __props.product.listing = $event),
+          label: "Type",
+          options: [
+            "sale",
+            "rent"
+          ],
+          placeholder: "Type of listing",
+          class: "pos-relative w-100 mn-b-small bg-white radius-small pd-medium"
+        }, null, 8, ["select"]),
         vue.createVNode(Field.default, {
           field: __props.product.name,
-          "onUpdate:field": _cache[1] || (_cache[1] = ($event) => __props.product.name = $event),
+          "onUpdate:field": _cache[2] || (_cache[2] = ($event) => __props.product.name = $event),
           label: "Name",
           placeholder: "Enter product name",
           class: "w-100 mn-b-small bg-white radius-small pd-medium"
         }, null, 8, ["field"]),
         vue.createVNode(Field.default, {
           field: __props.product.price,
-          "onUpdate:field": _cache[3] || (_cache[3] = ($event) => __props.product.price = $event),
+          "onUpdate:field": _cache[4] || (_cache[4] = ($event) => __props.product.price = $event),
           label: "Price",
           placeholder: "Enter product price",
           class: "w-100 mn-b-small bg-white radius-small pd-medium",
@@ -42,10 +53,13 @@ const _sfc_main = {
         }, {
           default: vue.withCtx(() => [
             vue.createVNode(Select.default, {
-              select: __props.product.price.currency,
-              "onUpdate:select": _cache[2] || (_cache[2] = ($event) => __props.product.price.currency = $event),
-              placeholder: "฿",
+              select: __props.product.price_currency,
+              "onUpdate:select": _cache[3] || (_cache[3] = ($event) => __props.product.price_currency = $event),
+              placeholder: "$",
               options: [
+                "$",
+                "£",
+                "€",
                 "฿"
               ],
               class: "pos-relative bg-light pd-thin radius-thin"
@@ -55,7 +69,7 @@ const _sfc_main = {
         }, 8, ["field"]),
         vue.createVNode(Field.default, {
           field: __props.product.description,
-          "onUpdate:field": _cache[4] || (_cache[4] = ($event) => __props.product.description = $event),
+          "onUpdate:field": _cache[5] || (_cache[5] = ($event) => __props.product.description = $event),
           label: "Description",
           placeholder: "Enter product description",
           class: "w-100 bg-white radius-small pd-medium",

package/dist/prometheus-framework/src/modules/products/components/sections/EditProductInfo.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"EditProductInfo.vue.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"EditProductInfo.vue.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}