@ozdao/prometheus-framework 0.2.308 → 0.2.310

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

@@ -11,24 +11,25 @@ const Checkbox = require("../../../../components/Checkbox/Checkbox.vue.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
+        })
       ]);
     };
   }

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

@@ -1 +1 @@
-{"version":3,"file":"ProductEdit.vue.cjs","sources":["../../../../../../../src/modules/products/components/pages/ProductEdit.vue"],"sourcesContent":["<template>\n\t<div class=\"for-transition w-100 cols-1 pd-thin gap-thin\">\n    \n    <Block class=\"flex-nowrap flex-v-center flex\">\n      \n      <h1 class=\"mn-r-auto\">\n\t\t\t  {{ route.params.product ? products.state.current.name : 'Create Product' }}\n\t\t\t</h1>\n\n\t\t\t<Button \n\t\t\t\tv-if=\"route.params.product\"\n      \t:submit=\"onDelete\" \n      \t:callback=\"redirectTo\"\n      \tclass=\"bg-red mn-r-thin\"\n      >\n    \t\tDelete \n    \t</Button>\n\n      <Button \n      \t:submit=\"onSubmit\" \n      \t:callback=\"redirectTo\"\n      \tclass=\"bg-main\"\n      >\n    \t\tSave\n    \t</Button>\n    </Block>\n\n    <Block\n\t\t\tplaceholder=\"The product doesn't have any images yet.\"\n\t\t\tclass=\"h-min\"\n\t\t>\n\t\t\t<EditImages \n\t\t\t\t:images=\"products.state.current.images\"\n\t\t\t\t:uploadPath=\"'photos'\" \n\t\t\t\t@update:images=\"(imagesNew) => { products.state.current.images = imagesNew }\" \n\t\t\t/>\n\t\t</Block>\n\n    <div class=\"cols-2 gap-thin\">\n\n    \t<Block\n  \t\t\ttitle=\"Profile\"\n  \t\t>\n\t\t\t\t<EditProductInfo \t\t\n\t\t\t\t\t:product=\"products.state.current\"\n\t\t\t\t/>\n\t\t\t</Block>\n\n\t\t\t<Block\n\t\t    title=\"Ingredients\"\n\t\t\t\tplaceholder=\"No ingridients added yet\"\n\t\t\t\t:actions=\"[{\n\t        label: '+',\n\t        function: () => openIngredientPopup()\n\t      }]\"\n\t\t  >\n\t\t  \t<div v-if=\"products.state.current.ingredients.length > 0\" class=\"cols-1 gap-thin\">\n\t\t\t    <CardPosition \n\t\t\t      v-for=\"(product, index) in products.state.current.ingredients\" \n\t\t\t      :key=\"product._id\" \n\t\t\t      :product=\"product\"\n\t\t\t      :array=\"products.state.current.ingredients\"\n\t\t\t      :products=\"Products\"\n\t\t        :showPrice=\"false\"\n\t\t\t      @add=\"(item) => {\n\t\t\t\t\t    globals.actions.add(products.state.current.ingredients, item);\n\t\t\t\t\t    closeIngredientPopup();\n\t\t\t\t\t  }\"\n\t\t\t\t\t  @update=\"(item) => {\n\t\t\t\t\t    globals.actions.update(products.state.current.ingredients, item, index);\n\t\t\t\t\t    closeIngredientPopup();\n\t\t\t\t\t  }\"\n\t\t\t\t\t  @delete=\"(item) => {\n\t\t\t\t\t    globals.actions.delete(products.state.current.ingredients, item, index);\n\t\t\t\t\t    closeIngredientPopup();\n\t\t\t\t\t  }\"\n\t\t\t    />\n\t\t\t  </div>\n\t\t  </Block>\n\n\t\t  <Popup \n\t      title=\"Add ingredient\" \n\t      @close-popup=\"closeIngredientPopup\" \n\t      :isPopupOpen=\"isOpenIngredientPopup\"\n\t      class=\"bg-white w-min-30r w-max-30r radius-big pd-medium\"\n\t    >\n\t      <div class=\"bg-light mn-b-thin h-min-20r h-max-20r o-scroll pd-medium radius-big\">\n\t        <Feed\n\t          :search=\"{\n\t          \tclass: 'bg-white mn-b-thin'\n\t          }\"\n\t          :states=\"{\n\t            empty: {\n\t              title: 'No Products Found',\n\t              description: 'Currently, there are no such products available.'\n\t            }\n\t          }\"\n\t          :store=\"{\n\t            read: (options) => products.actions.read(options),\n\t            state: null\n\t          }\"\n\t          :options=\"{\n\t            organization: route.params._id\n\t          }\"\n\t          v-slot=\"{ \n\t            items \n\t          }\"\n\t          class=\"\"\n\t        >\n\t          <CardOrderItem\n\t            v-for=\"(product, index) in items\" :key=\"product._id\"\n\t            :editable=\"false\" \n\t            :product=\"product\" \n\t            @click=\"() => { \n\t              let p = { ...product };\n\t              p.quantity = 1;\n\t              p.type = 'pcs'\n\t              globals.actions.add(products.state.current.ingredients,p)\n\t              closeIngredientPopup();\n\t            }\"\n\t            class=\"bg-white pd-thin radius-medium w-100 mn-b-thin\"\n\t          />\n\t        </Feed>\n\t      </div>\n\t    </Popup>\n\n\n\t\t</div> \n\n\t\t\t<Block\n  \t\t\ttitle=\"Categories\"\n  \t\t\t:actions=\"[{\n\t        label: '+',\n\t        function: () => router.push({\n\t\t\t\t\t\tname: 'Categories Organization', \n\t\t\t\t\t\tparams: { \n\t\t\t\t\t\t\t_id: route.params._id\n\t\t\t\t\t\t} \n\t\t\t\t\t})\n\t      }]\"\n  \t\t>\n\t\t\t\t<Checkbox \n\t\t\t\t\tv-for=\"(category, index) in categories.state.all\"\n          :label=\"category.name\"\n          name=\"categories\"\n          :value=\"category.url\"\n          class=\"w-100 mn-t-small bg-white radius-small pd-small\"\n          :radio=\"products.state.current.category\"\n          @update:radio=\"event => products.state.current.category = event\"\n        />\n\t\t\t</Block>\n\n\n\t\t\t<Block\n\t\t\t\ttitle=\"Parameters\"\n\t\t\t\tplaceholder=\"No parameters added yet\"\n\t\t\t\t:actions=\"[{\n\t\t\t\t\tlabel: '+',\n\t\t\t\t\tfunction: () => products.state.current.information.push({name: '', value: ''})\n\t\t\t\t}]\"\n\t\t\t\tclass=\"cols-1 gap-thin\"\n\t\t\t>\n        <div \n        \tclass=\"gap-thin flex-nowrap flex\" \n        \tv-for=\"(item, index) in products.state.current.information\" \n        \t:key=\"index\"\n        > \n          <Field\n            v-model:field=\"item.name\"\n            placeholder=\"Название параметра\"\n            class=\"w-100 bg-white radius-small pd-medium\"\n          />  \n          <Field\n            v-model:field=\"item.value\"\n            placeholder=\"Значение параметра\"\n            class=\"w-100 bg-white radius-small pd-medium\"\n          />\n          <div class=\"radius-small h-100 i-big flex-center flex aspect-1x1 bg-red\">\n\t          <IconDelete \n\t          \t@click=\"() => products.state.current.information.splice(index, 1)\" \n\t          \tclass=\"i-medium\"\n\t          />\n\t        </div>\n        </div>\n\t\t\t</Block>\n\n\n\t\t\t<Block\n\t\t\t\ttitle=\"Localization\"\n\t\t\t\tplaceholder=\"No localizations added yet\"\n\t\t\t\t:actions=\"[{\n\t\t\t\t\tlabel: '+',\n\t\t\t\t\tfunction: () => products.state.current.localization.push({name: '', value: ''})\n\t\t\t\t}]\"\n\t\t\t>\n        <div \n        \tclass=\"gap-thin mn-b-thin flex-nowrap flex\" \n        \tv-for=\"(item, index) in products.state.current.localization\" \n        \t:key=\"index\"\n        > \n          <Field\n            v-model:field=\"item.name\"\n            placeholder=\"Название параметра\"\n            class=\"w-100 bg-white radius-small pd-medium\"\n          />  \n          <Field\n            v-model:field=\"item.value\"\n            placeholder=\"Значение параметра\"\n            class=\"w-100 bg-white radius-small pd-medium\"\n          />\n          <div class=\"radius-small pd-small flex-center flex aspect-1x1 bg-red\">\n\t          <IconDelete \n\t          \t@click=\"() => products.state.current.localization.splice(index, 1)\" \n\t          \tclass=\"i-medium\"\n\t          />\n          </div>\n        </div>\n\t\t\t</Block>\n\n\t\n\t\t\n\t\t<!-- <Block\n\t    title=\"Quantity Discount\"\n\t    class=\"mn-b-semi\"\n\t    :actions=\"[{\n\t\t\t\tlabel: '+',\n\t\t\t\tfunction: () => products.state.current.quantityDiscount.push({name: '', value: ''})\n\t\t\t}]\"\n\t  >\n\t  \t<div \n      \tclass=\"gap-thin mn-b-thin flex-nowrap flex\" \n      \tv-for=\"(item, index) in products.state.current.quantityDiscount\" \n      \t:key=\"index\"\n      > \n        <Field\n          v-model:field=\"item.name\"\n          placeholder=\"Quantity\"\n          class=\"w-100 bg-white radius-small pd-medium\"\n        />  \n        <Field\n          v-model:field=\"item.value\"\n          placeholder=\"Discount\"\n          class=\"w-100 bg-white radius-small pd-medium\"\n        />\n        <div class=\"radius-small pd-small flex-center flex aspect-1x1 bg-red\">\n          <IconDelete \n          \t@click=\"() => products.state.current.quantityDiscount.splice(index, 1)\" \n          \tclass=\"i-medium\"\n          />\n        </div>\n      </div>\n\t\t</Block> -->\n\n\t\t<!-- <EditModifications\n\t\t\t:product=\"products.state.current\"\n\t\t/> -->\n\n\n\n\t\t\n\n</div>\n\t\n</template>\n\n<script setup>\n\t// Import libs\n\timport { reactive, computed, onMounted, ref } from 'vue'\n\timport { useRoute, useRouter } from 'vue-router'\n\t// Import components\n\timport Breadcrumbs from '@pf/src/components/Breadcrumbs/Breadcrumbs.vue'\n\n\timport Block from '@pf/src/components/Block/Block.vue';\n\timport Tab from \"@pf/src/components/Tab/Tab.vue\";\n\timport Field from \"@pf/src/components/Field/Field.vue\";\n\timport Checkbox from \"@pf/src/components/Checkbox/Checkbox.vue\";\n\timport Button from \"@pf/src/components/Button/Button.vue\";\n\timport Popup from \"@pf/src/components/Popup/Popup.vue\";\n\timport Feed from \"@pf/src/components/Feed/Feed.vue\";\n\n\timport EditImages           from '@pf/src/components/EditImages/EditImages.vue';\n\n\timport IconDelete from '@pf/src/modules/icons/navigation/IconDelete.vue';\n\n \timport CardPosition from '@pf/src/modules/products/components/blocks/CardPosition.vue';\n  import CardOrderItem  from '@pf/src/modules/orders/components/blocks/CardOrderItem.vue'\n\n\n\timport EditProductInfo from '@pf/src/modules/products/components/sections/EditProductInfo.vue';\n  import EditModifications from '@pf/src/modules/products/components/sections/EditModifications.vue';\n  \n\t// Accessing router and store\n\timport * as globals from '@pf/src/modules/globals/views/store/globals';\n \timport * as products from '@pf/src/modules/products/store/products';\n  import * as categories from '@pf/src/modules/products/store/categories';\n\n\tconst route = useRoute()\n\tconst router = useRouter()\n\n  const Products = ref(products.state.all);\n  const isOpenIngredientPopup = ref(false);\n\n\n  function openIngredientPopup(member) {\n\t  isOpenIngredientPopup.value = true;\n\t  // if (typeof member === \"number\") selectedMember.value = member;\n\t}\n\n\tfunction closeIngredientPopup() {\n\t  isOpenIngredientPopup.value = false;\n\t  // selectedMember.value = null;\n\t}\n\n  onMounted(async() => { \n\t  products.mutations.resetProduct();\n\n  \tif (route.params.product) {\n\t\t  await products.actions.read({ _id: route.params.product });\n\t  } \n\n\t  if (!products.state.current.ingredients) {\n\t  \tproducts.state.current.ingredients = []\n\t  }\n\n  \t// Data prefetching\n\t \tawait categories.actions.fetchCategories()\n\n    try {\n      const productsResponse = await products.actions.read({\n        organization: route.params._id,\n        limit: 100\n      });\n      Products.value = productsResponse;\n    } catch (error) {\n      console.error('error');\n    }\n  })\n\n\tfunction onImagesUpdate(newImages) {\n\t  products.state.current.images = newImages;\n\t}\n\t\n\tfunction onSubmit() {\n\t\tif (route.params.product) {\n\t\t\tproducts.actions.update(route.params.product, products.state.current)\n\t\t} else {\n\t\t\tproducts.actions.create(route.params._id, products.state.current)\n\t\t}\n\t}\n\n\tfunction onDelete() {\n\t\tproducts.actions.deleteProduct(products.state.current._id)\n\t}\n\n\tfunction redirectTo () {\n\t\trouter.push({\n\t\t\tname: 'Organization', \n\t\t\tparams: { \n\t\t\t\t_id: route.params._id\n\t\t\t} \n\t\t})\n\t}\n</script>\n\n<style lang=\"scss\">\n\t.main-photo {\n\t\tmax-width: 50%;\n\t\timg { width: 100%; }\n\t}\n</style>\n"],"names":["useRoute","useRouter","ref","products.state","onMounted","products.mutations","products.actions","categories.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwSC,UAAM,QAAQA,UAAAA,SAAU;AACxB,UAAM,SAASC,UAAAA,UAAW;AAEzB,UAAM,WAAWC,IAAAA,IAAIC,SAAc,MAAC,GAAG;AACvC,UAAM,wBAAwBD,QAAI,KAAK;AAGvC,aAAS,oBAAoB,QAAQ;AACpC,4BAAsB,QAAQ;AAAA,IAE/B;AAED,aAAS,uBAAuB;AAC9B,4BAAsB,QAAQ;AAAA,IAE/B;AAEAE,QAAAA,UAAU,YAAW;AACpBC,eAAkB,UAAC,aAAY;AAE/B,UAAI,MAAM,OAAO,SAAS;AACzB,cAAMC,SAAAA,QAAiB,KAAK,EAAE,KAAK,MAAM,OAAO,QAAO,CAAE;AAAA,MACzD;AAED,UAAI,CAACH,SAAAA,MAAe,QAAQ,aAAa;AACxCA,uBAAe,QAAQ,cAAc,CAAE;AAAA,MACvC;AAGD,YAAMI,WAAAA,QAAmB,gBAAiB;AAEzC,UAAI;AACF,cAAM,mBAAmB,MAAMD,SAAgB,QAAC,KAAK;AAAA,UACnD,cAAc,MAAM,OAAO;AAAA,UAC3B,OAAO;AAAA,QACf,CAAO;AACD,iBAAS,QAAQ;AAAA,MAClB,SAAQ,OAAO;AACd,gBAAQ,MAAM,OAAO;AAAA,MACtB;AAAA,IACL,CAAG;AAMF,aAAS,WAAW;AACnB,UAAI,MAAM,OAAO,SAAS;AACzBA,iBAAgB,QAAC,OAAO,MAAM,OAAO,SAASH,SAAc,MAAC,OAAO;AAAA,MACvE,OAAS;AACNG,iBAAgB,QAAC,OAAO,MAAM,OAAO,KAAKH,SAAc,MAAC,OAAO;AAAA,MAChE;AAAA,IACD;AAED,aAAS,WAAW;AACnBG,eAAAA,QAAiB,cAAcH,eAAe,QAAQ,GAAG;AAAA,IACzD;AAED,aAAS,aAAc;AACtB,aAAO,KAAK;AAAA,QACX,MAAM;AAAA,QACN,QAAQ;AAAA,UACP,KAAK,MAAM,OAAO;AAAA,QAClB;AAAA,MACJ,CAAG;AAAA,IACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ProductEdit.vue.cjs","sources":["../../../../../../../src/modules/products/components/pages/ProductEdit.vue"],"sourcesContent":["<template>\n\t<div class=\"for-transition w-100 cols-1 bg-white pd-thin gap-thin\">\n    \n    <Block v-if=\"!MOBILE_APP\" class=\"flex-nowrap gap-small flex-v-center flex\">\n      \n      <h2 class=\"t-nowrap mn-r-auto\">\n\t\t\t  {{ route.params.product ? products.state.current.name : 'Create Product' }}\n\t\t\t</h2>\n\n\t\t\t<Button \n\t\t\t\tv-if=\"route.params.product\"\n      \t:submit=\"onDelete\" \n      \t:callback=\"redirectTo\"\n      \tclass=\"bg-red mn-r-thin\"\n      >\n    \t\tDelete \n    \t</Button>\n\n      <Button \n      \t:submit=\"onSubmit\" \n      \t:callback=\"redirectTo\"\n      \tclass=\"bg-main\"\n      >\n    \t\tSave\n    \t</Button>\n    </Block>\n\n    <Block\n\t\t\tplaceholder=\"The product doesn't have any images yet.\"\n\t\t\tclass=\"h-min\"\n\t\t>\n\t\t\t<EditImages \n\t\t\t\t:images=\"products.state.current.images\"\n\t\t\t\t:uploadPath=\"'photos'\" \n\t\t\t\t@update:images=\"(imagesNew) => { products.state.current.images = imagesNew }\" \n\t\t\t/>\n\t\t</Block>\n\n    <div class=\"cols-2 gap-thin\">\n\n    \t<Block\n  \t\t\ttitle=\"Profile\"\n  \t\t>\n\t\t\t\t<EditProductInfo \t\t\n\t\t\t\t\t:product=\"products.state.current\"\n\t\t\t\t/>\n\t\t\t</Block>\n\n\t\t\t<Block\n\t\t\t\ttitle=\"Categories\"\n\t\t\t\t:actions=\"[{\n\t\t      label: '+',\n\t\t      function: () => router.push({\n\t\t\t\t\t\tname: 'Categories', \n\t\t\t\t\t\tparams: { \n\t\t\t\t\t\t\t_id: route.params._id\n\t\t\t\t\t\t} \n\t\t\t\t\t})\n\t\t    }]\"\n\t\t\t>\n\t\t\t\t<Checkbox \n\t\t\t\t\tv-for=\"(category, index) in categories.state.all\"\n\t\t      :label=\"category.name\"\n\t\t      name=\"categories\"\n\t\t      :value=\"category.url\"\n\t\t      class=\"w-100 mn-t-small bg-white radius-small pd-small\"\n\t\t      :radio=\"products.state.current.category\"\n\t\t      @update:radio=\"event => products.state.current.category = event\"\n\t\t    />\n\t\t\t</Block>\n\n\t\t\t<Block\n\t\t\t\ttitle=\"Parameters\"\n\t\t\t\tplaceholder=\"No parameters added yet\"\n\t\t\t\t:actions=\"[{\n\t\t\t\t\tlabel: '+',\n\t\t\t\t\tfunction: () => products.state.current.information.push({name: '', value: ''})\n\t\t\t\t}]\"\n\t\t\t\tclass=\"cols-1 gap-thin\"\n\t\t\t>\n        <div \n        \tclass=\"gap-thin flex-nowrap flex\" \n        \tv-for=\"(item, index) in products.state.current.information\" \n        \t:key=\"index\"\n        > \n          <Field\n            v-model:field=\"item.name\"\n            placeholder=\"Название параметра\"\n            class=\"w-100 bg-white radius-small pd-medium\"\n          />  \n          <Field\n            v-model:field=\"item.value\"\n            placeholder=\"Значение параметра\"\n            class=\"w-100 bg-white radius-small pd-medium\"\n          />\n          <div class=\"radius-small h-100 i-big flex-center flex aspect-1x1 bg-red\">\n\t          <IconDelete \n\t          \t@click=\"() => products.state.current.information.splice(index, 1)\" \n\t          \tclass=\"i-medium\"\n\t          />\n\t        </div>\n        </div>\n\t\t\t</Block>\n\n\n\t\t\t<Block\n\t\t    title=\"Ingredients\"\n\t\t\t\tplaceholder=\"No ingridients added yet\"\n\t\t\t\t:actions=\"[{\n\t        label: '+',\n\t        function: () => openIngredientPopup()\n\t      }]\"\n\t\t  >\n\t\t  \t<div v-if=\"products.state.current.ingredients.length > 0\" class=\"cols-1 gap-thin\">\n\t\t\t    <CardPosition \n\t\t\t      v-for=\"(product, index) in products.state.current.ingredients\" \n\t\t\t      :key=\"product._id\" \n\t\t\t      :product=\"product\"\n\t\t\t      :array=\"products.state.current.ingredients\"\n\t\t\t      :products=\"Products\"\n\t\t        :showPrice=\"false\"\n\t\t\t      @add=\"(item) => {\n\t\t\t\t\t    globals.actions.add(products.state.current.ingredients, item);\n\t\t\t\t\t    closeIngredientPopup();\n\t\t\t\t\t  }\"\n\t\t\t\t\t  @update=\"(item) => {\n\t\t\t\t\t    globals.actions.update(products.state.current.ingredients, item, index);\n\t\t\t\t\t    closeIngredientPopup();\n\t\t\t\t\t  }\"\n\t\t\t\t\t  @delete=\"(item) => {\n\t\t\t\t\t    globals.actions.delete(products.state.current.ingredients, item, index);\n\t\t\t\t\t    closeIngredientPopup();\n\t\t\t\t\t  }\"\n\t\t\t    />\n\t\t\t  </div>\n\t\t  </Block>\n\n\t\t  <Popup \n\t      title=\"Add ingredient\" \n\t      @close-popup=\"closeIngredientPopup\" \n\t      :isPopupOpen=\"isOpenIngredientPopup\"\n\t      class=\"bg-white w-min-30r w-max-30r radius-big pd-medium\"\n\t    >\n\t      <div class=\"bg-light mn-b-thin h-min-20r h-max-20r o-scroll pd-medium radius-big\">\n\t        <Feed\n\t          :search=\"{\n\t          \tclass: 'bg-white mn-b-thin'\n\t          }\"\n\t          :states=\"{\n\t            empty: {\n\t              title: 'No Products Found',\n\t              description: 'Currently, there are no such products available.'\n\t            }\n\t          }\"\n\t          :store=\"{\n\t            read: (options) => products.actions.read(options),\n\t            state: null\n\t          }\"\n\t          :options=\"{\n\t            organization: route.params._id\n\t          }\"\n\t          v-slot=\"{ \n\t            items \n\t          }\"\n\t          class=\"\"\n\t        >\n\t          <CardOrderItem\n\t            v-for=\"(product, index) in items\" :key=\"product._id\"\n\t            :editable=\"false\" \n\t            :product=\"product\" \n\t            @click=\"() => { \n\t              let p = { ...product };\n\t              p.quantity = 1;\n\t              p.type = 'pcs'\n\t              globals.actions.add(products.state.current.ingredients,p)\n\t              closeIngredientPopup();\n\t            }\"\n\t            class=\"bg-white pd-thin radius-medium w-100 mn-b-thin\"\n\t          />\n\t        </Feed>\n\t      </div>\n\t    </Popup>\n\n\n\t\t</div> \n\n\t\t\t<Block\n\t\t\t\ttitle=\"Localization\"\n\t\t\t\tplaceholder=\"No localizations added yet\"\n\t\t\t\t:actions=\"[{\n\t\t\t\t\tlabel: '+',\n\t\t\t\t\tfunction: () => products.state.current.localization.push({name: '', value: ''})\n\t\t\t\t}]\"\n\t\t\t>\n        <div \n        \tclass=\"gap-thin mn-b-thin flex-nowrap flex\" \n        \tv-for=\"(item, index) in products.state.current.localization\" \n        \t:key=\"index\"\n        > \n          <Field\n            v-model:field=\"item.name\"\n            placeholder=\"Название параметра\"\n            class=\"w-100 bg-white radius-small pd-medium\"\n          />  \n          <Field\n            v-model:field=\"item.value\"\n            placeholder=\"Значение параметра\"\n            class=\"w-100 bg-white radius-small pd-medium\"\n          />\n          <div class=\"radius-small pd-small flex-center flex aspect-1x1 bg-red\">\n\t          <IconDelete \n\t          \t@click=\"() => products.state.current.localization.splice(index, 1)\" \n\t          \tclass=\"i-medium\"\n\t          />\n          </div>\n        </div>\n\t\t\t</Block>\n\n\t\t\t<Button \n\t\t\t\tv-if=\"route.params.product\"\n      \t:submit=\"onDelete\" \n      \t:callback=\"redirectTo\"\n      \tclass=\"bg-red w-100 mn-b-thin\"\n      >\n    \t\tDelete \n    \t</Button>\n\n      <Button \n      \t:submit=\"onSubmit\" \n      \t:callback=\"redirectTo\"\n      \tclass=\"w-100 bg-main\"\n      >\n    \t\tSave\n    \t</Button>\n\n\t\n\t\t\n\t\t<!-- <Block\n\t    title=\"Quantity Discount\"\n\t    class=\"mn-b-semi\"\n\t    :actions=\"[{\n\t\t\t\tlabel: '+',\n\t\t\t\tfunction: () => products.state.current.quantityDiscount.push({name: '', value: ''})\n\t\t\t}]\"\n\t  >\n\t  \t<div \n      \tclass=\"gap-thin mn-b-thin flex-nowrap flex\" \n      \tv-for=\"(item, index) in products.state.current.quantityDiscount\" \n      \t:key=\"index\"\n      > \n        <Field\n          v-model:field=\"item.name\"\n          placeholder=\"Quantity\"\n          class=\"w-100 bg-white radius-small pd-medium\"\n        />  \n        <Field\n          v-model:field=\"item.value\"\n          placeholder=\"Discount\"\n          class=\"w-100 bg-white radius-small pd-medium\"\n        />\n        <div class=\"radius-small pd-small flex-center flex aspect-1x1 bg-red\">\n          <IconDelete \n          \t@click=\"() => products.state.current.quantityDiscount.splice(index, 1)\" \n          \tclass=\"i-medium\"\n          />\n        </div>\n      </div>\n\t\t</Block> -->\n\n\t\t<!-- <EditModifications\n\t\t\t:product=\"products.state.current\"\n\t\t/> -->\n\n\n\n\t\t\n\n</div>\n\t\n</template>\n\n<script setup>\n\t// Import libs\n\timport { reactive, computed, onMounted, ref } from 'vue'\n\timport { useRoute, useRouter } from 'vue-router'\n\t// Import components\n\timport Breadcrumbs from '@pf/src/components/Breadcrumbs/Breadcrumbs.vue'\n\n\timport Block from '@pf/src/components/Block/Block.vue';\n\timport Tab from \"@pf/src/components/Tab/Tab.vue\";\n\timport Field from \"@pf/src/components/Field/Field.vue\";\n\timport Checkbox from \"@pf/src/components/Checkbox/Checkbox.vue\";\n\timport Button from \"@pf/src/components/Button/Button.vue\";\n\timport Popup from \"@pf/src/components/Popup/Popup.vue\";\n\timport Feed from \"@pf/src/components/Feed/Feed.vue\";\n\n\timport EditImages from '@pf/src/components/EditImages/EditImages.vue';\n\n\timport IconDelete from '@pf/src/modules/icons/navigation/IconDelete.vue';\n\n \timport CardPosition from '@pf/src/modules/products/components/blocks/CardPosition.vue';\n  import CardOrderItem  from '@pf/src/modules/orders/components/blocks/CardOrderItem.vue'\n\n\n\timport EditProductInfo from '@pf/src/modules/products/components/sections/EditProductInfo.vue';\n  import EditModifications from '@pf/src/modules/products/components/sections/EditModifications.vue';\n  \n\t// Accessing router and store\n\timport * as globals from '@pf/src/modules/globals/views/store/globals';\n\timport * as auth from '@pf/src/modules/auth/views/store/auth';\n \timport * as products from '@pf/src/modules/products/store/products';\n  import * as categories from '@pf/src/modules/products/store/categories';\n\n\timport { setError } from '@pf/src/modules/globals/views/store/globals'\n\t\n\tconst route = useRoute()\n\tconst router = useRouter()\n\n  const Products = ref(products.state.all);\n  const isOpenIngredientPopup = ref(false);\n\n\n  function openIngredientPopup(member) {\n\t  isOpenIngredientPopup.value = true;\n\t  // if (typeof member === \"number\") selectedMember.value = member;\n\t}\n\n\tfunction closeIngredientPopup() {\n\t  isOpenIngredientPopup.value = false;\n\t  // selectedMember.value = null;\n\t}\n\n  onMounted(async() => { \n\t  products.mutations.resetProduct();\n\n  \tif (route.params.product) {\n\t\t  await products.actions.read({ _id: route.params.product });\n\t  } \n\n\t  if (!products.state.current.ingredients) {\n\t  \tproducts.state.current.ingredients = []\n\t  }\n\n  \t// Data prefetching\n\t \tawait categories.actions.fetchCategories()\n\n    try {\n      const productsResponse = await products.actions.read({\n        organization: route.params._id,\n        limit: 100\n      });\n      Products.value = productsResponse;\n    } catch (error) {\n      console.error('error');\n    }\n  })\n\n\tfunction onImagesUpdate(newImages) {\n\t  products.state.current.images = newImages;\n\t}\n\t\n\tasync function onSubmit() {\n\t  try {\n\t    if (route.params.product) {\n\t      await products.actions.update(route.params.product, products.state.current)\n\t    } else {\n\t      products.state.current.owner = {\n\t        target: route.params._id || auth.state.user._id,\n\t        type: route.params._id ? 'organization' : 'user'\n\t      }\n\t      \n\t      products.state.current.creator = {\n\t        target: auth.state.user._id,\n\t        type: 'user',\n\t        hidden: false\n\t      }\n\t      await products.actions.create(products.state.current)\n\t    }\n\t  } catch (error) {\n\t  \tsetError({ response: { data: { errorCode: \"PRODUCT_NOT_CREATED\" }} })\n\t    console.error('Product creation error:', error)\n\t    // Здесь можно добавить обработку ошибки, например:\n\t    // - показать уведомление пользователю\n\t    // - отправить ошибку в систему мониторинга\n\t    // - выполнить откат изменений при необходимости\n\t  }\n\t}\n\n\tfunction onDelete() {\n\t\tproducts.actions.deleteProduct(products.state.current._id)\n\t}\n\n\tfunction redirectTo () {\n\t\trouter.push({\n\t\t\tname: 'Organization', \n\t\t\tparams: { \n\t\t\t\t_id: route.params._id\n\t\t\t} \n\t\t})\n\t}\n</script>\n\n<style lang=\"scss\">\n\t.main-photo {\n\t\tmax-width: 50%;\n\t\timg { width: 100%; }\n\t}\n</style>\n"],"names":["useRoute","useRouter","ref","products.state","onMounted","products.mutations","products.actions","categories.actions","auth.state","setError"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2TC,UAAM,QAAQA,UAAAA,SAAU;AACxB,UAAM,SAASC,UAAAA,UAAW;AAEzB,UAAM,WAAWC,IAAAA,IAAIC,SAAc,MAAC,GAAG;AACvC,UAAM,wBAAwBD,QAAI,KAAK;AAGvC,aAAS,oBAAoB,QAAQ;AACpC,4BAAsB,QAAQ;AAAA,IAE/B;AAED,aAAS,uBAAuB;AAC9B,4BAAsB,QAAQ;AAAA,IAE/B;AAEAE,QAAAA,UAAU,YAAW;AACpBC,eAAkB,UAAC,aAAY;AAE/B,UAAI,MAAM,OAAO,SAAS;AACzB,cAAMC,SAAAA,QAAiB,KAAK,EAAE,KAAK,MAAM,OAAO,QAAO,CAAE;AAAA,MACzD;AAED,UAAI,CAACH,SAAAA,MAAe,QAAQ,aAAa;AACxCA,uBAAe,QAAQ,cAAc,CAAE;AAAA,MACvC;AAGD,YAAMI,WAAAA,QAAmB,gBAAiB;AAEzC,UAAI;AACF,cAAM,mBAAmB,MAAMD,SAAgB,QAAC,KAAK;AAAA,UACnD,cAAc,MAAM,OAAO;AAAA,UAC3B,OAAO;AAAA,QACf,CAAO;AACD,iBAAS,QAAQ;AAAA,MAClB,SAAQ,OAAO;AACd,gBAAQ,MAAM,OAAO;AAAA,MACtB;AAAA,IACL,CAAG;AAMF,mBAAe,WAAW;AACxB,UAAI;AACF,YAAI,MAAM,OAAO,SAAS;AACxB,gBAAMA,SAAAA,QAAiB,OAAO,MAAM,OAAO,SAASH,SAAc,MAAC,OAAO;AAAA,QACjF,OAAY;AACLA,mBAAc,MAAC,QAAQ,QAAQ;AAAA,YAC7B,QAAQ,MAAM,OAAO,OAAOK,KAAU,MAAC,KAAK;AAAA,YAC5C,MAAM,MAAM,OAAO,MAAM,iBAAiB;AAAA,UAC3C;AAEDL,mBAAc,MAAC,QAAQ,UAAU;AAAA,YAC/B,QAAQK,KAAAA,MAAW,KAAK;AAAA,YACxB,MAAM;AAAA,YACN,QAAQ;AAAA,UACT;AACD,gBAAMF,iBAAiB,OAAOH,SAAc,MAAC,OAAO;AAAA,QACrD;AAAA,MACF,SAAQ,OAAO;AACfM,gBAAQ,SAAC,EAAE,UAAU,EAAE,MAAM,EAAE,WAAW,sBAAuB,EAAA,GAAG;AACnE,gBAAQ,MAAM,2BAA2B,KAAK;AAAA,MAK/C;AAAA,IACF;AAED,aAAS,WAAW;AACnBH,eAAAA,QAAiB,cAAcH,eAAe,QAAQ,GAAG;AAAA,IACzD;AAED,aAAS,aAAc;AACtB,aAAO,KAAK;AAAA,QACX,MAAM;AAAA,QACN,QAAQ;AAAA,UACP,KAAK,MAAM,OAAO;AAAA,QAClB;AAAA,MACJ,CAAG;AAAA,IACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}