@ozdao/prometheus-framework 0.2.309 → 0.2.310

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

@@ -1,35 +1,51 @@
-import { computed, openBlock, createElementBlock, Fragment, createVNode, withCtx, createElementVNode, toDisplayString, unref, createTextVNode, renderList } from "vue";
+import { computed, onUnmounted, openBlock, createElementBlock, createBlock, withCtx, createElementVNode, toDisplayString, unref, createVNode, createTextVNode, createCommentVNode, Fragment, renderList } from "vue";
 import { useRoute, useRouter } from "vue-router";
-import _sfc_main$3 from "../../../icons/navigation/IconDelete.vue.js";
-import _sfc_main$2 from "../../../../components/Button/Button.vue2.js";
+import _sfc_main$4 from "../../../icons/navigation/IconDelete.vue.js";
+import _sfc_main$3 from "../../../../components/Button/Button.vue.js";
 import Select from "../../../../components/Select/Select.vue.js";
-import Field from "../../../../components/Field/Field.vue2.js";
-import _sfc_main$1 from "../../../../components/Block/Block.vue.js";
+import Field from "../../../../components/Field/Field.vue.js";
+import _sfc_main$5 from "../../../../components/Feed/Feed.vue.js";
+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 { actions, state } from "../../store/categories.js";
 /* empty css                  */
-const _hoisted_1 = { class: "mn-r-auto" };
-const _hoisted_2 = { class: "mn-b-medium w-100 flex-nowrap gap-thin flex" };
-const _hoisted_3 = { class: "flex-v-center flex-nowrap flex" };
-const _hoisted_4 = ["onClick"];
+const _hoisted_1 = { class: "pd-thin bg-white for-transition w-100" };
+const _hoisted_2 = { class: "mn-r-auto" };
+const _hoisted_3 = { class: "mn-b-medium w-100 flex-nowrap gap-thin flex" };
+const _hoisted_4 = { class: "flex-v-center flex-nowrap flex" };
 const _hoisted_5 = ["onClick"];
 const _hoisted_6 = ["onClick"];
+const _hoisted_7 = ["onClick"];
+const _hoisted_8 = ["onClick"];
 const _sfc_main = {
   __name: "CategoryEdit",
   setup(__props) {
     const route = useRoute();
     const router = useRouter();
     if (route.params.category) {
-      actions.fetchCategory(route.params.category);
+      actions.read({ url: route.params.category });
     } else {
-      actions.resetCategory();
+      actions.clean();
     }
     computed(() => state.current);
     computed(() => route.name);
+    state$1.navigation_bar.actions = [{
+      component: _sfc_main$1,
+      props: {
+        fill: "rgb(var(--main))"
+      },
+      condition: () => state$2.user && state$2.user._id,
+      action: () => onSubmit()
+    }], onUnmounted(() => {
+      state$1.navigation_bar.actions = [];
+    });
     function onSubmit() {
       if (route.params.category) {
-        actions.updateCategory(route.params.category);
+        actions.update(state.current);
       } else {
-        actions.addCategory();
+        actions.create(state.current);
       }
     }
     function redirectTo() {
@@ -41,11 +57,14 @@ const _sfc_main = {
       });
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(Fragment, null, [
-        createVNode(_sfc_main$1, { class: "radius-big mn-b-thin flex-nowrap flex-v-center flex" }, {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        !_ctx.MOBILE_APP ? (openBlock(), createBlock(_sfc_main$2, {
+          key: 0,
+          class: "radius-big mn-b-thin flex-nowrap flex-v-center flex"
+        }, {
           default: withCtx(() => [
-            createElementVNode("h1", _hoisted_1, toDisplayString(unref(route).params.category ? "Edit Category" : "Add Category"), 1),
-            createVNode(_sfc_main$2, {
+            createElementVNode("h1", _hoisted_2, toDisplayString(unref(route).params.category ? "Edit Category" : "Add Category"), 1),
+            createVNode(_sfc_main$3, {
               submit: onSubmit,
               callback: redirectTo,
               class: "pd-small radius-big bg-main t-black uppercase t-medium"
@@ -57,19 +76,19 @@ const _sfc_main = {
             })
           ]),
           _: 1
-        }),
-        createVNode(_sfc_main$1, {
+        })) : createCommentVNode("", true),
+        createVNode(_sfc_main$2, {
           title: "Profile",
           class: "mn-b-thin"
         }, {
           default: withCtx(() => [
-            createElementVNode("div", _hoisted_2, [
+            createElementVNode("div", _hoisted_3, [
               createVNode(Field, {
                 field: state.current.order,
                 "onUpdate:field": _cache[0] || (_cache[0] = ($event) => state.current.order = $event),
                 label: "Order",
                 disabled: true,
-                class: "w-25 bg-white radius-small pd-medium"
+                class: "w-40 bg-white radius-small pd-medium"
               }, null, 8, ["field"]),
               createVNode(Field, {
                 field: state.current.url,
@@ -77,15 +96,15 @@ const _sfc_main = {
                 label: "URL",
                 placeholder: "Enter category URL",
                 class: "w-100 bg-white radius-small pd-medium"
-              }, null, 8, ["field"]),
-              createVNode(Field, {
-                field: state.current.name,
-                "onUpdate:field": _cache[2] || (_cache[2] = ($event) => state.current.name = $event),
-                label: "Name",
-                placeholder: "Enter category name",
-                class: "w-100 bg-white radius-small pd-medium"
               }, null, 8, ["field"])
             ]),
+            createVNode(Field, {
+              field: state.current.name,
+              "onUpdate:field": _cache[2] || (_cache[2] = ($event) => state.current.name = $event),
+              label: "Name",
+              placeholder: "Enter category name",
+              class: "w-100 mn-b-small bg-white radius-small pd-medium"
+            }, null, 8, ["field"]),
             createVNode(Select, {
               select: state.current.status,
               "onUpdate:select": _cache[3] || (_cache[3] = ($event) => state.current.status = $event),
@@ -99,7 +118,7 @@ const _sfc_main = {
               placeholder: "Display product",
               class: "pos-relative w-100 mn-b-small bg-white radius-small pd-medium"
             }, null, 8, ["select"]),
-            createElementVNode("div", _hoisted_3, [
+            createElementVNode("div", _hoisted_4, [
               _cache[6] || (_cache[6] = createElementVNode("h4", { class: "mn-r-thin t-medium" }, "Localization", -1)),
               createElementVNode("button", {
                 onClick: _cache[4] || (_cache[4] = () => state.current.localization.push({ locale: "", text: "" })),
@@ -127,24 +146,55 @@ const _sfc_main = {
                   onClick: () => state.current.localization.splice(index, 1),
                   class: "radius-small pd-small flex-center flex aspect-1x1 bg-red"
                 }, [
-                  createVNode(_sfc_main$3, { class: "i-medium" })
-                ], 8, _hoisted_4)
+                  createVNode(_sfc_main$4, { class: "i-medium" })
+                ], 8, _hoisted_5)
               ]);
             }), 128))
           ]),
           _: 1
         }),
-        createVNode(_sfc_main$1, {
+        createVNode(_sfc_main$2, {
           title: "Subcategories",
           placeholder: "No subcategories added yet",
           actions: [{
             label: "+",
-            function: () => state.current.subcategories.push({ name: "", url: "" })
+            function: () => state.current.children.push({ name: "", url: "" })
           }],
           class: "mn-b-thin"
         }, {
           default: withCtx(() => [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(state.current.subcategories, (item, index) => {
+            createTextVNode(toDisplayString(state.current.children) + " ", 1),
+            createVNode(_sfc_main$5, {
+              states: {
+                empty: {
+                  title: "No Events Found",
+                  description: "Currently, there are no events available."
+                }
+              },
+              store: {
+                read: (options) => actions.read(options),
+                state
+              },
+              options: {
+                user: state$2.user._id,
+                limit: 10
+              }
+            }, {
+              default: withCtx(({
+                items
+              }) => [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(items, (category, index) => {
+                  return openBlock(), createElementBlock("div", {
+                    onClick: () => {
+                      state.current.children.push(category._id);
+                    },
+                    class: "bg-white pd-medium radius-small mn-b-medium"
+                  }, toDisplayString(category.name), 9, _hoisted_6);
+                }), 256))
+              ]),
+              _: 1
+            }, 8, ["store", "options"]),
+            (openBlock(true), createElementBlock(Fragment, null, renderList(state.current.children, (item, index) => {
               return openBlock(), createElementBlock("div", {
                 class: "gap-thin mn-b-thin flex-nowrap flex",
                 key: index
@@ -162,17 +212,17 @@ const _sfc_main = {
                   class: "w-100 bg-white radius-small pd-medium"
                 }, null, 8, ["field", "onUpdate:field"]),
                 createElementVNode("div", {
-                  onClick: () => state.current.subcategories.splice(index, 1),
+                  onClick: () => state.current.children.splice(index, 1),
                   class: "radius-small pd-small flex-center flex aspect-1x1 bg-red"
                 }, [
-                  createVNode(_sfc_main$3, { class: "i-medium" })
-                ], 8, _hoisted_5)
+                  createVNode(_sfc_main$4, { class: "i-medium" })
+                ], 8, _hoisted_7)
               ]);
             }), 128))
           ]),
           _: 1
         }, 8, ["actions"]),
-        createVNode(_sfc_main$1, {
+        createVNode(_sfc_main$2, {
           title: "Filters",
           placeholder: "No filters added yet",
           actions: [{
@@ -202,14 +252,14 @@ const _sfc_main = {
                   onClick: () => state.current.filters.splice(index, 1),
                   class: "radius-small pd-small flex-center flex aspect-1x1 bg-red"
                 }, [
-                  createVNode(_sfc_main$3, { class: "i-medium" })
-                ], 8, _hoisted_6)
+                  createVNode(_sfc_main$4, { class: "i-medium" })
+                ], 8, _hoisted_8)
               ]);
             }), 128))
           ]),
           _: 1
         }, 8, ["actions"])
-      ], 64);
+      ]);
     };
   }
 };

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  <Block 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    <div class=\"mn-b-medium w-100 flex-nowrap gap-thin flex\">\n       <Field\n          v-model:field=\"categories.state.current.order\"\n          label=\"Order\"\n          :disabled=\"true\"\n          class=\"w-25 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        <Field\n          v-model:field=\"categories.state.current.name\"\n          label=\"Name\"\n          placeholder=\"Enter category name\"\n          class=\"w-100 bg-white radius-small pd-medium\"\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.subcategories.push({name: '', url: ''})\n    }]\"\n    class=\"mn-b-thin\"\n  >\n    <div \n      class=\"gap-thin mn-b-thin flex-nowrap flex\" \n      v-for=\"(item, index) in categories.state.current.subcategories\" \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.subcategories.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 \n</template>\n\n<script setup>\n  // Import libs\n  import { computed } 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 Field from \"@pf/src/components/Field/Field.vue\";\n\n  import Block from '@pf/src/components/Block/Block.vue';\n\n  // Import the new store structure\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.fetchCategory(route.params.category)\n  } else {\n    categories.actions.resetCategory() // 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  // Functions\n  function onSubmit() {\n    if (route.params.category) {\n      categories.actions.updateCategory(route.params.category)\n    } else {\n      categories.actions.addCategory()\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"],"mappings":";;;;;;;;;;;;;;;;;;AAkLE,UAAM,QAAQ,SAAU;AACxB,UAAM,SAAS,UAAW;AAG1B,QAAI,MAAM,OAAO,UAAU;AACzBA,cAAmB,cAAc,MAAM,OAAO,QAAQ;AAAA,IAC1D,OAAS;AACLA,cAAmB,cAAe;AAAA,IACnC;AAGgB,aAAS,MAAMC,MAAiB,OAAO;AACtC,aAAS,MAAM,MAAM,IAAI;AAG3C,aAAS,WAAW;AAClB,UAAI,MAAM,OAAO,UAAU;AACzBD,gBAAmB,eAAe,MAAM,OAAO,QAAQ;AAAA,MAC7D,OAAW;AACLA,gBAAmB,YAAa;AAAA,MACjC;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      <div class=\"mn-b-medium w-100 flex-nowrap gap-thin flex\">\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       <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\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      {{categories.state.current.children}}\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            limit: 10\n        }\"\n        v-slot=\"{ \n          items \n        }\"\n      >\n        <div \n          v-for=\"(category,index) in items\"\n          @click=\"() => { categories.state.current.children.push(category._id) }\"\n          class=\"bg-white pd-medium radius-small mn-b-medium\"\n        >\n          {{category.name}}\n        </div>\n        \n      </Feed>\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 Field from \"@pf/src/components/Field/Field.vue\";\n  import Feed from '@pf/src/components/Feed/Feed.vue'\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":";;;;;;;;;;;;;;;;;;;;;;;;AAyNE,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -2,11 +2,11 @@
 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.vue2.cjs");
+const Field = require("../../../../components/Field/Field.vue.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");
-;/* empty css                                                   */
+;/* empty css                                                    */
 const CardPosition = require("../blocks/CardPosition.vue.cjs");
 const CardOrderItem = require("../../../orders/components/blocks/CardOrderItem.vue.cjs");
 const vueRouter = require("vue-router");

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

@@ -1,10 +1,10 @@
 import { ref, computed, onMounted, openBlock, createElementBlock, createElementVNode, toDisplayString, unref, createVNode, withCtx, Fragment, renderList, createBlock, createCommentVNode } from "vue";
 import _sfc_main$4 from "../../../../components/Block/Block.vue.js";
-import Field from "../../../../components/Field/Field.vue2.js";
+import Field from "../../../../components/Field/Field.vue.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";
-/* empty css                                                 */
+/* empty css                                                  */
 import _sfc_main$5 from "../blocks/CardPosition.vue.js";
 import _sfc_main$3 from "../../../orders/components/blocks/CardOrderItem.vue.js";
 import { useRoute, useRouter } from "vue-router";

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

@@ -6,29 +6,30 @@ require("vue-i18n");
 ;/* empty css                                                   */
 const Block = require("../../../../components/Block/Block.vue.cjs");
 ;/* empty css                                   */
-const Field = require("../../../../components/Field/Field.vue2.cjs");
+const Field = require("../../../../components/Field/Field.vue.cjs");
 const Checkbox = require("../../../../components/Checkbox/Checkbox.vue.cjs");
-const Button = require("../../../../components/Button/Button.vue2.cjs");
+const Button = require("../../../../components/Button/Button.vue.cjs");
 const Popup = require("../../../../components/Popup/Popup.vue.cjs");
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");
-const EditImages = require("../../../../components/EditImages/EditImages.vue2.cjs");
+const EditImages = require("../../../../components/EditImages/EditImages.vue.cjs");
 const IconDelete = require("../../../icons/navigation/IconDelete.vue.cjs");
 const CardPosition = require("../blocks/CardPosition.vue.cjs");
 const CardOrderItem = require("../../../orders/components/blocks/CardOrderItem.vue.cjs");
 const EditProductInfo = require("../sections/EditProductInfo.vue.cjs");
 const globals = require("../../../globals/views/store/globals.cjs");
+const auth = require("../../../auth/views/store/auth.cjs");
 const products = require("../../store/products.cjs");
 const categories = require("../../store/categories.cjs");
 ;/* empty css                   */
-const _hoisted_1 = { class: "for-transition w-100 cols-1 pd-thin gap-thin" };
-const _hoisted_2 = { class: "mn-r-auto" };
+const _hoisted_1 = { class: "for-transition w-100 cols-1 bg-white pd-thin gap-thin" };
+const _hoisted_2 = { class: "t-nowrap mn-r-auto" };
 const _hoisted_3 = { class: "cols-2 gap-thin" };
-const _hoisted_4 = {
+const _hoisted_4 = { class: "radius-small h-100 i-big flex-center flex aspect-1x1 bg-red" };
+const _hoisted_5 = {
   key: 0,
   class: "cols-1 gap-thin"
 };
-const _hoisted_5 = { class: "bg-light mn-b-thin h-min-20r h-max-20r o-scroll pd-medium radius-big" };
-const _hoisted_6 = { class: "radius-small h-100 i-big flex-center flex aspect-1x1 bg-red" };
+const _hoisted_6 = { class: "bg-light mn-b-thin h-min-20r h-max-20r o-scroll pd-medium radius-big" };
 const _hoisted_7 = { class: "radius-small pd-small flex-center flex aspect-1x1 bg-red" };
 const _sfc_main = {
   __name: "ProductEdit",
@@ -62,11 +63,25 @@ const _sfc_main = {
         console.error("error");
       }
     });
-    function onSubmit() {
-      if (route.params.product) {
-        products.actions.update(route.params.product, products.state.current);
-      } else {
-        products.actions.create(route.params._id, products.state.current);
+    async function onSubmit() {
+      try {
+        if (route.params.product) {
+          await products.actions.update(route.params.product, products.state.current);
+        } else {
+          products.state.current.owner = {
+            target: route.params._id || auth.state.user._id,
+            type: route.params._id ? "organization" : "user"
+          };
+          products.state.current.creator = {
+            target: auth.state.user._id,
+            type: "user",
+            hidden: false
+          };
+          await products.actions.create(products.state.current);
+        }
+      } catch (error) {
+        globals.setError({ response: { data: { errorCode: "PRODUCT_NOT_CREATED" } } });
+        console.error("Product creation error:", error);
       }
     }
     function onDelete() {
@@ -82,9 +97,12 @@ const _sfc_main = {
     }
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        vue.createVNode(Block.default, { class: "flex-nowrap flex-v-center flex" }, {
+        !_ctx.MOBILE_APP ? (vue.openBlock(), vue.createBlock(Block.default, {
+          key: 0,
+          class: "flex-nowrap gap-small flex-v-center flex"
+        }, {
           default: vue.withCtx(() => [
-            vue.createElementVNode("h1", _hoisted_2, vue.toDisplayString(vue.unref(route).params.product ? products.state.current.name : "Create Product"), 1),
+            vue.createElementVNode("h2", _hoisted_2, vue.toDisplayString(vue.unref(route).params.product ? products.state.current.name : "Create Product"), 1),
             vue.unref(route).params.product ? (vue.openBlock(), vue.createBlock(Button.default, {
               key: 0,
               submit: onDelete,
@@ -108,7 +126,7 @@ const _sfc_main = {
             })
           ]),
           _: 1
-        }),
+        })) : vue.createCommentVNode("", true),
         vue.createVNode(Block.default, {
           placeholder: "The product doesn't have any images yet.",
           class: "h-min"
@@ -133,6 +151,70 @@ const _sfc_main = {
             ]),
             _: 1
           }),
+          vue.createVNode(Block.default, {
+            title: "Categories",
+            actions: [{
+              label: "+",
+              function: () => vue.unref(router).push({
+                name: "Categories",
+                params: {
+                  _id: vue.unref(route).params._id
+                }
+              })
+            }]
+          }, {
+            default: vue.withCtx(() => [
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(categories.state.all, (category, index) => {
+                return vue.openBlock(), vue.createBlock(Checkbox.default, {
+                  label: category.name,
+                  name: "categories",
+                  value: category.url,
+                  class: "w-100 mn-t-small bg-white radius-small pd-small",
+                  radio: products.state.current.category,
+                  "onUpdate:radio": (event) => products.state.current.category = event
+                }, null, 8, ["label", "value", "radio", "onUpdate:radio"]);
+              }), 256))
+            ]),
+            _: 1
+          }, 8, ["actions"]),
+          vue.createVNode(Block.default, {
+            title: "Parameters",
+            placeholder: "No parameters added yet",
+            actions: [{
+              label: "+",
+              function: () => products.state.current.information.push({ name: "", value: "" })
+            }],
+            class: "cols-1 gap-thin"
+          }, {
+            default: vue.withCtx(() => [
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(products.state.current.information, (item, index) => {
+                return vue.openBlock(), vue.createElementBlock("div", {
+                  class: "gap-thin flex-nowrap flex",
+                  key: index
+                }, [
+                  vue.createVNode(Field.default, {
+                    field: item.name,
+                    "onUpdate:field": ($event) => item.name = $event,
+                    placeholder: "Название параметра",
+                    class: "w-100 bg-white radius-small pd-medium"
+                  }, null, 8, ["field", "onUpdate:field"]),
+                  vue.createVNode(Field.default, {
+                    field: item.value,
+                    "onUpdate:field": ($event) => item.value = $event,
+                    placeholder: "Значение параметра",
+                    class: "w-100 bg-white radius-small pd-medium"
+                  }, null, 8, ["field", "onUpdate:field"]),
+                  vue.createElementVNode("div", _hoisted_4, [
+                    vue.createVNode(IconDelete.default, {
+                      onClick: () => products.state.current.information.splice(index, 1),
+                      class: "i-medium"
+                    }, null, 8, ["onClick"])
+                  ])
+                ]);
+              }), 128))
+            ]),
+            _: 1
+          }, 8, ["actions"]),
           vue.createVNode(Block.default, {
             title: "Ingredients",
             placeholder: "No ingridients added yet",
@@ -142,7 +224,7 @@ const _sfc_main = {
             }]
           }, {
             default: vue.withCtx(() => [
-              products.state.current.ingredients.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
+              products.state.current.ingredients.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(products.state.current.ingredients, (product, index) => {
                   return vue.openBlock(), vue.createBlock(CardPosition.default, {
                     key: product._id,
@@ -175,7 +257,7 @@ const _sfc_main = {
             class: "bg-white w-min-30r w-max-30r radius-big pd-medium"
           }, {
             default: vue.withCtx(() => [
-              vue.createElementVNode("div", _hoisted_5, [
+              vue.createElementVNode("div", _hoisted_6, [
                 vue.createVNode(Feed.default, {
                   search: {
                     class: "bg-white mn-b-thin"
@@ -221,70 +303,6 @@ const _sfc_main = {
             _: 1
           }, 8, ["isPopupOpen"])
         ]),
-        vue.createVNode(Block.default, {
-          title: "Categories",
-          actions: [{
-            label: "+",
-            function: () => vue.unref(router).push({
-              name: "Categories Organization",
-              params: {
-                _id: vue.unref(route).params._id
-              }
-            })
-          }]
-        }, {
-          default: vue.withCtx(() => [
-            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(categories.state.all, (category, index) => {
-              return vue.openBlock(), vue.createBlock(Checkbox.default, {
-                label: category.name,
-                name: "categories",
-                value: category.url,
-                class: "w-100 mn-t-small bg-white radius-small pd-small",
-                radio: products.state.current.category,
-                "onUpdate:radio": (event) => products.state.current.category = event
-              }, null, 8, ["label", "value", "radio", "onUpdate:radio"]);
-            }), 256))
-          ]),
-          _: 1
-        }, 8, ["actions"]),
-        vue.createVNode(Block.default, {
-          title: "Parameters",
-          placeholder: "No parameters added yet",
-          actions: [{
-            label: "+",
-            function: () => products.state.current.information.push({ name: "", value: "" })
-          }],
-          class: "cols-1 gap-thin"
-        }, {
-          default: vue.withCtx(() => [
-            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(products.state.current.information, (item, index) => {
-              return vue.openBlock(), vue.createElementBlock("div", {
-                class: "gap-thin flex-nowrap flex",
-                key: index
-              }, [
-                vue.createVNode(Field.default, {
-                  field: item.name,
-                  "onUpdate:field": ($event) => item.name = $event,
-                  placeholder: "Название параметра",
-                  class: "w-100 bg-white radius-small pd-medium"
-                }, null, 8, ["field", "onUpdate:field"]),
-                vue.createVNode(Field.default, {
-                  field: item.value,
-                  "onUpdate:field": ($event) => item.value = $event,
-                  placeholder: "Значение параметра",
-                  class: "w-100 bg-white radius-small pd-medium"
-                }, null, 8, ["field", "onUpdate:field"]),
-                vue.createElementVNode("div", _hoisted_6, [
-                  vue.createVNode(IconDelete.default, {
-                    onClick: () => products.state.current.information.splice(index, 1),
-                    class: "i-medium"
-                  }, null, 8, ["onClick"])
-                ])
-              ]);
-            }), 128))
-          ]),
-          _: 1
-        }, 8, ["actions"]),
         vue.createVNode(Block.default, {
           title: "Localization",
           placeholder: "No localizations added yet",
@@ -321,7 +339,28 @@ const _sfc_main = {
             }), 128))
           ]),
           _: 1
-        }, 8, ["actions"])
+        }, 8, ["actions"]),
+        vue.unref(route).params.product ? (vue.openBlock(), vue.createBlock(Button.default, {
+          key: 1,
+          submit: onDelete,
+          callback: redirectTo,
+          class: "bg-red w-100 mn-b-thin"
+        }, {
+          default: vue.withCtx(() => _cache[4] || (_cache[4] = [
+            vue.createTextVNode(" Delete ")
+          ])),
+          _: 1
+        })) : vue.createCommentVNode("", true),
+        vue.createVNode(Button.default, {
+          submit: onSubmit,
+          callback: redirectTo,
+          class: "w-100 bg-main"
+        }, {
+          default: vue.withCtx(() => _cache[5] || (_cache[5] = [
+            vue.createTextVNode(" Save ")
+          ])),
+          _: 1
+        })
       ]);
     };
   }