@ozdao/martyrs 0.2.423

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

@@ -0,0 +1,442 @@
+import { ref, onMounted, createElementBlock, openBlock, createBlock, createCommentVNode, createVNode, createElementVNode, withCtx, toDisplayString, unref, createTextVNode, Fragment, renderList } from "vue";
+import { useRoute, useRouter } from "vue-router";
+import "vue-i18n";
+/* empty css                                                 */
+import _sfc_main$1 from "../../../../components/Block/Block.vue.js";
+/* empty css                                  */
+import Field from "../../../../components/Field/Field.vue.js";
+import _sfc_main$6 from "../../../../components/Checkbox/Checkbox.vue.js";
+import _sfc_main$2 from "../../../../components/Button/Button.vue.js";
+import _sfc_main$9 from "../../../../components/Popup/Popup.vue.js";
+import _sfc_main$a from "../../../../components/Feed/Feed.vue.js";
+import _sfc_main$5 from "../../../../components/Tree/Tree.vue.js";
+import _sfc_main$3 from "../../../../components/EditImages/EditImages.vue2.js";
+import _sfc_main$7 from "../../../icons/navigation/IconDelete.vue.js";
+import _sfc_main$8 from "../blocks/CardPosition.vue.js";
+import _sfc_main$b from "../../../orders/components/blocks/CardOrderItem.vue.js";
+import _sfc_main$4 from "../sections/EditProductInfo.vue.js";
+import { actions as actions$2, setError } from "../../../globals/views/store/globals.js";
+import { state as state$2 } from "../../../auth/views/store/auth.js";
+import { state, mutations, actions } from "../../store/products.js";
+import { actions as actions$1, state as state$1 } from "../../store/categories.js";
+/* empty css                 */
+const _hoisted_1 = { class: "for-transition w-100 cols-1 bg-white pd-thin gap-thin" };
+const _hoisted_2 = { class: "t-truncate mn-r-auto" };
+const _hoisted_3 = { class: "cols-2 gap-thin" };
+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_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",
+  setup(__props) {
+    const route = useRoute();
+    const router = useRouter();
+    const Products = ref(state.all);
+    const isOpenIngredientPopup = ref(false);
+    function openIngredientPopup(member) {
+      isOpenIngredientPopup.value = true;
+    }
+    function closeIngredientPopup() {
+      isOpenIngredientPopup.value = false;
+    }
+    onMounted(async () => {
+      mutations.resetProduct();
+      if (route.params.product) {
+        await actions.read({ _id: route.params.product });
+      }
+      if (!state.current.ingredients) {
+        state.current.ingredients = [];
+      }
+      state$1.all = await actions$1.read({
+        user: state$2.user._id,
+        rootOnly: true,
+        limit: 100
+      });
+      try {
+        const productsResponse = await actions.read({
+          organization: route.params._id,
+          limit: 100
+        });
+        Products.value = productsResponse;
+      } catch (error) {
+        console.error("error");
+      }
+    });
+    async function onSubmit() {
+      try {
+        if (route.params.product) {
+          await actions.update(route.params.product, state.current);
+        } else {
+          state.current.owner = {
+            target: route.params._id || state$2.user._id,
+            type: route.params._id ? "organization" : "user"
+          };
+          state.current.creator = {
+            target: state$2.user._id,
+            type: "user",
+            hidden: false
+          };
+          await actions.create(state.current);
+        }
+      } catch (error) {
+        setError({ response: { data: { errorCode: "PRODUCT_NOT_CREATED" } } });
+        console.error("Product creation error:", error);
+      }
+    }
+    function onDelete() {
+      actions.deleteProduct(state.current._id);
+    }
+    function redirectTo() {
+      router.push({
+        name: "Organization",
+        params: {
+          _id: route.params._id
+        }
+      });
+    }
+    async function updateCategoriesOrder(category) {
+      try {
+        const allCategories = state$1.all;
+        const flattenedCategories = flattenCategoryTree(allCategories);
+        console.log("flated", flattenedCategories);
+        await actions$1.updateOrder(flattenedCategories);
+        console.log("Categories order updated successfully");
+      } catch (error) {
+        console.error("Error updating categories order:", error);
+        throw error;
+      }
+    }
+    function selectCategory(item, event) {
+      state.current.category = event;
+      console.log("state catgories", state.current.category);
+      const isSelected = state.current.category.includes(item._id);
+      if (!isSelected) {
+        unselectChildren(item.children);
+      } else {
+        selectParents(item._id, state$1.all);
+      }
+    }
+    const unselectChildren = (children) => {
+      if (!children) return;
+      children.forEach((child) => {
+        var _a;
+        const index = state.current.category.indexOf(child._id);
+        if (index !== -1) {
+          state.current.category.splice(index, 1);
+        }
+        if ((_a = child.children) == null ? void 0 : _a.length) {
+          unselectChildren(child.children);
+        }
+      });
+    };
+    const selectParents = (categoryId, items) => {
+      const findParent = (childId, itemsToSearch) => {
+        var _a, _b;
+        for (const item of itemsToSearch) {
+          if ((_a = item.children) == null ? void 0 : _a.some((child) => child._id === childId)) {
+            return item._id;
+          }
+          if ((_b = item.children) == null ? void 0 : _b.length) {
+            const foundInChildren = findParent(childId, item.children);
+            if (foundInChildren) return foundInChildren;
+          }
+        }
+        return null;
+      };
+      let currentId = categoryId;
+      let parentId;
+      while (parentId = findParent(currentId, items)) {
+        if (!state.current.category.includes(parentId)) {
+          state.current.category.push(parentId);
+        }
+        currentId = parentId;
+      }
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        !_ctx.MOBILE_APP ? (openBlock(), createBlock(_sfc_main$1, {
+          key: 0,
+          class: "flex-nowrap gap-thin flex-v-center flex"
+        }, {
+          default: withCtx(() => [
+            createElementVNode("h2", _hoisted_2, toDisplayString(unref(route).params.product ? state.current.name : "Create Product"), 1),
+            unref(route).params.product ? (openBlock(), createBlock(_sfc_main$2, {
+              key: 0,
+              submit: onDelete,
+              callback: redirectTo,
+              class: "w-10 w-max-20r w-min-8r bg-red"
+            }, {
+              default: withCtx(() => _cache[2] || (_cache[2] = [
+                createTextVNode(" Delete ")
+              ])),
+              _: 1
+            })) : createCommentVNode("", true),
+            createVNode(_sfc_main$2, {
+              submit: onSubmit,
+              callback: redirectTo,
+              class: "w-10 w-max-20r w-min-8r bg-main"
+            }, {
+              default: withCtx(() => _cache[3] || (_cache[3] = [
+                createTextVNode(" Save ")
+              ])),
+              _: 1
+            })
+          ]),
+          _: 1
+        })) : createCommentVNode("", true),
+        createVNode(_sfc_main$1, {
+          placeholder: "The product doesn't have any images yet.",
+          class: "h-min"
+        }, {
+          default: withCtx(() => [
+            createVNode(_sfc_main$3, {
+              images: state.current.images,
+              uploadPath: "photos",
+              "onUpdate:images": _cache[0] || (_cache[0] = (imagesNew) => {
+                state.current.images = imagesNew;
+              })
+            }, null, 8, ["images"])
+          ]),
+          _: 1
+        }),
+        createElementVNode("div", _hoisted_3, [
+          createVNode(_sfc_main$1, { title: "Profile" }, {
+            default: withCtx(() => [
+              createVNode(_sfc_main$4, {
+                product: state.current
+              }, null, 8, ["product"])
+            ]),
+            _: 1
+          }),
+          createVNode(_sfc_main$1, {
+            title: "Categories",
+            actions: [{
+              label: "+",
+              function: () => unref(router).push({
+                name: "Categories",
+                params: {
+                  _id: unref(route).params._id
+                }
+              })
+            }],
+            class: "h-100 o-y-scroll"
+          }, {
+            default: withCtx(() => [
+              state$1.all ? (openBlock(), createBlock(_sfc_main$5, {
+                key: 0,
+                items: state$1.all,
+                state: state$1.all,
+                onUpdate: updateCategoriesOrder,
+                class: "h-zero pos-relative d-block"
+              }, {
+                default: withCtx(({ item }) => [
+                  createVNode(_sfc_main$6, {
+                    name: "categories",
+                    class: "w-100 mn-t-small bg-white radius-small pd-small",
+                    label: item.name,
+                    value: item._id,
+                    radio: state.current.category,
+                    "onUpdate:radio": (event) => selectCategory(item, event)
+                  }, null, 8, ["label", "value", "radio", "onUpdate:radio"])
+                ]),
+                _: 1
+              }, 8, ["items", "state"])) : createCommentVNode("", true)
+            ]),
+            _: 1
+          }, 8, ["actions"]),
+          createVNode(_sfc_main$1, {
+            title: "Parameters",
+            placeholder: "No parameters added yet",
+            actions: [{
+              label: "+",
+              function: () => state.current.information.push({ name: "", value: "" })
+            }],
+            class: "cols-1 gap-thin"
+          }, {
+            default: withCtx(() => [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(state.current.information, (item, index) => {
+                return openBlock(), createElementBlock("div", {
+                  class: "gap-thin flex-nowrap flex",
+                  key: index
+                }, [
+                  createVNode(Field, {
+                    field: item.name,
+                    "onUpdate:field": ($event) => item.name = $event,
+                    placeholder: "Name",
+                    class: "w-100 bg-white radius-small pd-medium"
+                  }, null, 8, ["field", "onUpdate:field"]),
+                  createVNode(Field, {
+                    field: item.value,
+                    "onUpdate:field": ($event) => item.value = $event,
+                    placeholder: "Value",
+                    class: "w-100 bg-white radius-small pd-medium"
+                  }, null, 8, ["field", "onUpdate:field"]),
+                  createElementVNode("div", _hoisted_4, [
+                    createVNode(_sfc_main$7, {
+                      onClick: () => state.current.information.splice(index, 1),
+                      class: "i-medium"
+                    }, null, 8, ["onClick"])
+                  ])
+                ]);
+              }), 128))
+            ]),
+            _: 1
+          }, 8, ["actions"]),
+          createVNode(_sfc_main$1, {
+            title: "Ingredients",
+            placeholder: "No ingridients added yet",
+            actions: [{
+              label: "+",
+              function: () => openIngredientPopup()
+            }]
+          }, {
+            default: withCtx(() => [
+              state.current.ingredients.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_5, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(state.current.ingredients, (product, index) => {
+                  return openBlock(), createBlock(_sfc_main$8, {
+                    key: product._id,
+                    product,
+                    array: state.current.ingredients,
+                    products: Products.value,
+                    showPrice: false,
+                    onAdd: _cache[1] || (_cache[1] = (item) => {
+                      actions$2.add(state.current.ingredients, item);
+                      closeIngredientPopup();
+                    }),
+                    onUpdate: (item) => {
+                      actions$2.update(state.current.ingredients, item, index);
+                      closeIngredientPopup();
+                    },
+                    onDelete: (item) => {
+                      actions$2.delete(state.current.ingredients, item, index);
+                      closeIngredientPopup();
+                    }
+                  }, null, 8, ["product", "array", "products", "onUpdate", "onDelete"]);
+                }), 128))
+              ])) : createCommentVNode("", true)
+            ]),
+            _: 1
+          }, 8, ["actions"]),
+          createVNode(_sfc_main$9, {
+            title: "Add ingredient",
+            onClosePopup: closeIngredientPopup,
+            isPopupOpen: isOpenIngredientPopup.value,
+            class: "bg-white w-min-30r w-max-30r radius-big pd-medium"
+          }, {
+            default: withCtx(() => [
+              createElementVNode("div", _hoisted_6, [
+                createVNode(_sfc_main$a, {
+                  search: {
+                    class: "bg-white mn-b-thin"
+                  },
+                  states: {
+                    empty: {
+                      title: "No Products Found",
+                      description: "Currently, there are no such products available."
+                    }
+                  },
+                  store: {
+                    read: (options) => actions.read(options),
+                    state: null
+                  },
+                  options: {
+                    owner: unref(route).params._id
+                  },
+                  class: ""
+                }, {
+                  default: withCtx(({
+                    items
+                  }) => [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(items, (product, index) => {
+                      return openBlock(), createBlock(_sfc_main$b, {
+                        key: product._id,
+                        editable: false,
+                        product,
+                        onClick: () => {
+                          let p = { ...product };
+                          p.quantity = 1;
+                          p.type = "pcs";
+                          actions$2.add(state.current.ingredients, p);
+                          closeIngredientPopup();
+                        },
+                        class: "bg-white pd-thin radius-medium w-100 mn-b-thin"
+                      }, null, 8, ["product", "onClick"]);
+                    }), 128))
+                  ]),
+                  _: 1
+                }, 8, ["store", "options"])
+              ])
+            ]),
+            _: 1
+          }, 8, ["isPopupOpen"])
+        ]),
+        createVNode(_sfc_main$1, {
+          title: "Localization",
+          placeholder: "No localizations added yet",
+          actions: [{
+            label: "+",
+            function: () => state.current.localization.push({ name: "", value: "" })
+          }]
+        }, {
+          default: withCtx(() => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(state.current.localization, (item, index) => {
+              return openBlock(), createElementBlock("div", {
+                class: "gap-thin mn-b-thin flex-nowrap flex",
+                key: index
+              }, [
+                createVNode(Field, {
+                  field: item.name,
+                  "onUpdate:field": ($event) => item.name = $event,
+                  placeholder: "Название параметра",
+                  class: "w-100 bg-white radius-small pd-medium"
+                }, null, 8, ["field", "onUpdate:field"]),
+                createVNode(Field, {
+                  field: item.value,
+                  "onUpdate:field": ($event) => item.value = $event,
+                  placeholder: "Значение параметра",
+                  class: "w-100 bg-white radius-small pd-medium"
+                }, null, 8, ["field", "onUpdate:field"]),
+                createElementVNode("div", _hoisted_7, [
+                  createVNode(_sfc_main$7, {
+                    onClick: () => state.current.localization.splice(index, 1),
+                    class: "i-medium"
+                  }, null, 8, ["onClick"])
+                ])
+              ]);
+            }), 128))
+          ]),
+          _: 1
+        }, 8, ["actions"]),
+        unref(route).params.product ? (openBlock(), createBlock(_sfc_main$2, {
+          key: 1,
+          submit: onDelete,
+          callback: redirectTo,
+          class: "bg-red w-100 mn-t-thin"
+        }, {
+          default: withCtx(() => _cache[4] || (_cache[4] = [
+            createTextVNode(" Delete ")
+          ])),
+          _: 1
+        })) : createCommentVNode("", true),
+        createVNode(_sfc_main$2, {
+          submit: onSubmit,
+          callback: redirectTo,
+          class: "w-100 bg-main"
+        }, {
+          default: withCtx(() => _cache[5] || (_cache[5] = [
+            createTextVNode(" Save ")
+          ])),
+          _: 1
+        })
+      ]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=ProductEdit.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProductEdit.vue.js","sources":["../../../../../../../src/modules/products/components/pages/ProductEdit.vue"],"sourcesContent":["<template>\n\t<div class=\"for-transition w-100 cols-1 bg-white pd-thin gap-thin\">\n    \n    <Block v-if=\"!MOBILE_APP\" class=\"flex-nowrap gap-thin flex-v-center flex\">\n      \n      <h2 class=\"t-truncate mn-r-auto\">\n\t\t\t  {{ route.params.product ? products.state.current.name : 'Create Product' }}\n\t\t\t</h2>\n\n\t\t\t<Button \n\t\t\t\tv-if=\"route.params.product\"\n      \t:submit=\"onDelete\" \n      \t:callback=\"redirectTo\"\n      \tclass=\"w-10 w-max-20r w-min-8r bg-red\"\n      >\n    \t\tDelete \n    \t</Button>\n\n      <Button \n      \t:submit=\"onSubmit\" \n      \t:callback=\"redirectTo\"\n      \tclass=\"w-10 w-max-20r w-min-8r bg-main\"\n      >\n    \t\tSave\n    \t</Button>\n    </Block>\n\n    <Block\n\t\t\tplaceholder=\"The product doesn't have any images yet.\"\n\t\t\tclass=\"h-min\"\n\t\t>\n\t\t\t<EditImages \n\t\t\t\t:images=\"products.state.current.images\"\n\t\t\t\t:uploadPath=\"'photos'\" \n\t\t\t\t@update:images=\"(imagesNew) => { products.state.current.images = imagesNew }\" \n\t\t\t/>\n\t\t</Block>\n\n    <div class=\"cols-2 gap-thin\">\n\n    \t<Block\n  \t\t\ttitle=\"Profile\"\n  \t\t>\n\t\t\t\t<EditProductInfo \t\t\n\t\t\t\t\t:product=\"products.state.current\"\n\t\t\t\t/>\n\t\t\t</Block>\n\n\t\t\t<Block\n\t\t\t\ttitle=\"Categories\"\n\t\t\t\t:actions=\"[{\n\t\t      label: '+',\n\t\t      function: () => router.push({\n\t\t\t\t\t\tname: 'Categories', \n\t\t\t\t\t\tparams: { \n\t\t\t\t\t\t\t_id: route.params._id\n\t\t\t\t\t\t} \n\t\t\t\t\t})\n\t\t    }]\"\n\t\t    class=\"h-100 o-y-scroll\"\n\t\t\t>\n\t\t    <Tree \n\t        v-if=\"categories.state.all\" \n\t        :items=\"categories.state.all\" \n\t        :state=\"categories.state.all\" \n\t        @update=\"updateCategoriesOrder\" \n\t\t\t\t\tv-slot=\"{ item }\"\n\t\t\t\t\tclass=\"h-zero pos-relative d-block\"\n\t      >\n\t      \t<Checkbox \n\t\t\t      name=\"categories\"\n\t\t\t      class=\"w-100 mn-t-small bg-white radius-small pd-small\"\n\t\t\t      :label=\"item.name\"\n\t\t\t      :value=\"item._id\"\n\t\t\t      :radio=\"products.state.current.category\"\n\t\t\t      @update:radio=\"event => selectCategory(item, event)\"\n\t\t\t    />\n\t\t    </Tree>\n\t\t\t</Block>\n\n\t\t\t<Block\n\t\t\t\ttitle=\"Parameters\"\n\t\t\t\tplaceholder=\"No parameters added yet\"\n\t\t\t\t:actions=\"[{\n\t\t\t\t\tlabel: '+',\n\t\t\t\t\tfunction: () => products.state.current.information.push({name: '', value: ''})\n\t\t\t\t}]\"\n\t\t\t\tclass=\"cols-1 gap-thin\"\n\t\t\t>\n        <div \n        \tclass=\"gap-thin flex-nowrap flex\" \n        \tv-for=\"(item, index) in products.state.current.information\" \n        \t:key=\"index\"\n        > \n          <Field\n            v-model:field=\"item.name\"\n            placeholder=\"Name\"\n            class=\"w-100 bg-white radius-small pd-medium\"\n          />  \n          <Field\n            v-model:field=\"item.value\"\n            placeholder=\"Value\"\n            class=\"w-100 bg-white radius-small pd-medium\"\n          />\n          <div class=\"radius-small h-100 i-big flex-center flex aspect-1x1 bg-red\">\n\t          <IconDelete \n\t          \t@click=\"() => products.state.current.information.splice(index, 1)\" \n\t          \tclass=\"i-medium\"\n\t          />\n\t        </div>\n        </div>\n\t\t\t</Block>\n\n\n\t\t\t<Block\n\t\t    title=\"Ingredients\"\n\t\t\t\tplaceholder=\"No ingridients added yet\"\n\t\t\t\t:actions=\"[{\n\t        label: '+',\n\t        function: () => openIngredientPopup()\n\t      }]\"\n\t\t  >\n\t\t  \t<div v-if=\"products.state.current.ingredients.length > 0\" class=\"cols-1 gap-thin\">\n\t\t\t    <CardPosition \n\t\t\t      v-for=\"(product, index) in products.state.current.ingredients\" \n\t\t\t      :key=\"product._id\" \n\t\t\t      :product=\"product\"\n\t\t\t      :array=\"products.state.current.ingredients\"\n\t\t\t      :products=\"Products\"\n\t\t        :showPrice=\"false\"\n\t\t\t      @add=\"(item) => {\n\t\t\t\t\t    globals.actions.add(products.state.current.ingredients, item);\n\t\t\t\t\t    closeIngredientPopup();\n\t\t\t\t\t  }\"\n\t\t\t\t\t  @update=\"(item) => {\n\t\t\t\t\t    globals.actions.update(products.state.current.ingredients, item, index);\n\t\t\t\t\t    closeIngredientPopup();\n\t\t\t\t\t  }\"\n\t\t\t\t\t  @delete=\"(item) => {\n\t\t\t\t\t    globals.actions.delete(products.state.current.ingredients, item, index);\n\t\t\t\t\t    closeIngredientPopup();\n\t\t\t\t\t  }\"\n\t\t\t    />\n\t\t\t  </div>\n\t\t  </Block>\n\n\t\t  <Popup \n\t      title=\"Add ingredient\" \n\t      @close-popup=\"closeIngredientPopup\" \n\t      :isPopupOpen=\"isOpenIngredientPopup\"\n\t      class=\"bg-white w-min-30r w-max-30r radius-big pd-medium\"\n\t    >\n\t      <div class=\"bg-light mn-b-thin h-min-20r h-max-20r o-scroll pd-medium radius-big\">\n\t        <Feed\n\t          :search=\"{\n\t          \tclass: 'bg-white mn-b-thin'\n\t          }\"\n\t          :states=\"{\n\t            empty: {\n\t              title: 'No Products Found',\n\t              description: 'Currently, there are no such products available.'\n\t            }\n\t          }\"\n\t          :store=\"{\n\t            read: (options) => products.actions.read(options),\n\t            state: null\n\t          }\"\n\t          :options=\"{\n\t            owner: route.params._id,\n\t          }\"\n\t          v-slot=\"{ \n\t            items \n\t          }\"\n\t          class=\"\"\n\t        >\n\t          <CardOrderItem\n\t            v-for=\"(product, index) in items\" :key=\"product._id\"\n\t            :editable=\"false\" \n\t            :product=\"product\" \n\t            @click=\"() => { \n\t              let p = { ...product };\n\t              p.quantity = 1;\n\t              p.type = 'pcs'\n\t              globals.actions.add(products.state.current.ingredients,p)\n\t              closeIngredientPopup();\n\t            }\"\n\t            class=\"bg-white pd-thin radius-medium w-100 mn-b-thin\"\n\t          />\n\t        </Feed>\n\t      </div>\n\t    </Popup>\n\n\n\t\t</div> \n\n\t\t\t<Block\n\t\t\t\ttitle=\"Localization\"\n\t\t\t\tplaceholder=\"No localizations added yet\"\n\t\t\t\t:actions=\"[{\n\t\t\t\t\tlabel: '+',\n\t\t\t\t\tfunction: () => products.state.current.localization.push({name: '', value: ''})\n\t\t\t\t}]\"\n\t\t\t>\n        <div \n        \tclass=\"gap-thin mn-b-thin flex-nowrap flex\" \n        \tv-for=\"(item, index) in products.state.current.localization\" \n        \t:key=\"index\"\n        > \n          <Field\n            v-model:field=\"item.name\"\n            placeholder=\"Название параметра\"\n            class=\"w-100 bg-white radius-small pd-medium\"\n          />  \n          <Field\n            v-model:field=\"item.value\"\n            placeholder=\"Значение параметра\"\n            class=\"w-100 bg-white radius-small pd-medium\"\n          />\n          <div class=\"radius-small pd-small flex-center flex aspect-1x1 bg-red\">\n\t          <IconDelete \n\t          \t@click=\"() => products.state.current.localization.splice(index, 1)\" \n\t          \tclass=\"i-medium\"\n\t          />\n          </div>\n        </div>\n\t\t\t</Block>\n\n\t\t\t<Button \n\t\t\t\tv-if=\"route.params.product\"\n      \t:submit=\"onDelete\" \n      \t:callback=\"redirectTo\"\n      \tclass=\"bg-red w-100 mn-t-thin\"\n      >\n    \t\tDelete \n    \t</Button>\n\n      <Button \n      \t:submit=\"onSubmit\" \n      \t:callback=\"redirectTo\"\n      \tclass=\"w-100 bg-main\"\n      >\n    \t\tSave\n    \t</Button>\n\n\t\n\t\t\n\t\t<!-- <Block\n\t    title=\"Quantity Discount\"\n\t    class=\"mn-b-semi\"\n\t    :actions=\"[{\n\t\t\t\tlabel: '+',\n\t\t\t\tfunction: () => products.state.current.quantityDiscount.push({name: '', value: ''})\n\t\t\t}]\"\n\t  >\n\t  \t<div \n      \tclass=\"gap-thin mn-b-thin flex-nowrap flex\" \n      \tv-for=\"(item, index) in products.state.current.quantityDiscount\" \n      \t:key=\"index\"\n      > \n        <Field\n          v-model:field=\"item.name\"\n          placeholder=\"Quantity\"\n          class=\"w-100 bg-white radius-small pd-medium\"\n        />  \n        <Field\n          v-model:field=\"item.value\"\n          placeholder=\"Discount\"\n          class=\"w-100 bg-white radius-small pd-medium\"\n        />\n        <div class=\"radius-small pd-small flex-center flex aspect-1x1 bg-red\">\n          <IconDelete \n          \t@click=\"() => products.state.current.quantityDiscount.splice(index, 1)\" \n          \tclass=\"i-medium\"\n          />\n        </div>\n      </div>\n\t\t</Block> -->\n\n\t\t<!-- <EditModifications\n\t\t\t:product=\"products.state.current\"\n\t\t/> -->\n\n\n\n\t\t\n\n</div>\n\t\n</template>\n\n<script setup>\n\t// Import libs\n\timport { reactive, computed, onMounted, ref } from 'vue'\n\timport { useRoute, useRouter } from 'vue-router'\n\t// Import components\n\timport Breadcrumbs from '@martyrs/src/components/Breadcrumbs/Breadcrumbs.vue'\n\n\timport Block from '@martyrs/src/components/Block/Block.vue';\n\timport Tab from \"@martyrs/src/components/Tab/Tab.vue\";\n\timport Field from \"@martyrs/src/components/Field/Field.vue\";\n\timport Checkbox from \"@martyrs/src/components/Checkbox/Checkbox.vue\";\n\timport Button from \"@martyrs/src/components/Button/Button.vue\";\n\timport Popup from \"@martyrs/src/components/Popup/Popup.vue\";\n\timport Feed from \"@martyrs/src/components/Feed/Feed.vue\";\n\timport Tree from \"@martyrs/src/components/Tree/Tree.vue\";\n\n\timport EditImages from '@martyrs/src/components/EditImages/EditImages.vue';\n\n\timport IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue';\n\n \timport CardPosition from '@martyrs/src/modules/products/components/blocks/CardPosition.vue';\n  import CardOrderItem  from '@martyrs/src/modules/orders/components/blocks/CardOrderItem.vue'\n\n\n\timport EditProductInfo from '@martyrs/src/modules/products/components/sections/EditProductInfo.vue';\n  import EditModifications from '@martyrs/src/modules/products/components/sections/EditModifications.vue';\n  \n\t// Accessing router and store\n\timport * as globals from '@martyrs/src/modules/globals/views/store/globals';\n\timport * as auth from '@martyrs/src/modules/auth/views/store/auth';\n \timport * as products from '@martyrs/src/modules/products/store/products';\n  import * as categories from '@martyrs/src/modules/products/store/categories';\n\n\timport { setError } from '@martyrs/src/modules/globals/views/store/globals'\n\t\n\tconst route = useRoute()\n\tconst router = useRouter()\n\n  const Products = ref(products.state.all);\n  const isOpenIngredientPopup = ref(false);\n\n\n  function openIngredientPopup(member) {\n\t  isOpenIngredientPopup.value = true;\n\t  // if (typeof member === \"number\") selectedMember.value = member;\n\t}\n\n\tfunction closeIngredientPopup() {\n\t  isOpenIngredientPopup.value = false;\n\t  // selectedMember.value = null;\n\t}\n\n  onMounted(async() => { \n\t  products.mutations.resetProduct();\n\n  \tif (route.params.product) {\n\t\t  await products.actions.read({ _id: route.params.product });\n\t  } \n\n\t  if (!products.state.current.ingredients) {\n\t  \tproducts.state.current.ingredients = []\n\t  }\n\n  \t// Data prefetching\n\t \tcategories.state.all = await categories.actions.read({\n      user: auth.state.user._id,\n      rootOnly: true,\n      limit: 100\n    })\n\n    try {\n      const productsResponse = await products.actions.read({\n        organization: route.params._id,\n        limit: 100\n      });\n      Products.value = productsResponse;\n    } catch (error) {\n      console.error('error');\n    }\n  })\n\n\tfunction onImagesUpdate(newImages) {\n\t  products.state.current.images = newImages;\n\t}\n\t\n\tasync function onSubmit() {\n\t  try {\n\t    if (route.params.product) {\n\t      await products.actions.update(route.params.product, products.state.current)\n\t    } else {\n\t      products.state.current.owner = {\n\t        target: route.params._id || auth.state.user._id,\n\t        type: route.params._id ? 'organization' : 'user'\n\t      }\n\t      \n\t      products.state.current.creator = {\n\t        target: auth.state.user._id,\n\t        type: 'user',\n\t        hidden: false\n\t      }\n\t      await products.actions.create(products.state.current)\n\t    }\n\t  } catch (error) {\n\t  \tsetError({ response: { data: { errorCode: \"PRODUCT_NOT_CREATED\" }} })\n\t    console.error('Product creation error:', error)\n\t    // Здесь можно добавить обработку ошибки, например:\n\t    // - показать уведомление пользователю\n\t    // - отправить ошибку в систему мониторинга\n\t    // - выполнить откат изменений при необходимости\n\t  }\n\t}\n\n\tfunction onDelete() {\n\t\tproducts.actions.deleteProduct(products.state.current._id)\n\t}\n\n\tfunction redirectTo () {\n\t\trouter.push({\n\t\t\tname: 'Organization', \n\t\t\tparams: { \n\t\t\t\t_id: route.params._id\n\t\t\t} \n\t\t})\n\t}\n\n\tasync function updateCategoriesOrder(category) {\n    try {\n      // Получаем все категории и преобразуем их в плоский массив\n      const allCategories = categories.state.all;\n      const flattenedCategories = flattenCategoryTree(allCategories);\n      \n      // Обновляем порядок для всех категорий\n      console.log('flated', flattenedCategories)\n      await categories.actions.updateOrder(flattenedCategories);\n      \n      console.log('Categories order updated successfully');\n    } catch (error) {\n      console.error('Error updating categories order:', error);\n      throw error;\n    }\n  }\n\n  function selectCategory (item, event) {\n  \t// products.state.current.category.push(item)\n  \tproducts.state.current.category = event\n\n  \tconsole.log('state catgories', products.state.current.category)\n\n\t  const isSelected = products.state.current.category.includes(item._id);\n\t  \n\t  if (!isSelected) {\n\t    // Если снимаем галочку с родителя, отключаем всех детей\n\t    unselectChildren(item.children);\n\t  } else {\n\t    // Если включаем дочерний, включаем всех родителей\n\t    selectParents(item._id, categories.state.all);\n\t  }\n\t};\n\n\t// Выключаем всех дочерних при отключении родителя\n\tconst unselectChildren = (children) => {\n\t  if (!children) return;\n\t  children.forEach(child => {\n\t    const index = products.state.current.category.indexOf(child._id);\n\t    if (index !== -1) {\n\t      products.state.current.category.splice(index, 1);\n\t    }\n\t    if (child.children?.length) {\n\t      unselectChildren(child.children);\n\t    }\n\t  });\n\t};\n\n\t// Включаем всех родителей при выборе дочернего\n\tconst selectParents = (categoryId, items) => {\n\t  // Функция для поиска прямого родителя и его ID\n\t  const findParent = (childId, itemsToSearch) => {\n\t    for (const item of itemsToSearch) {\n\t      // Если текущий элемент содержит искомый ID в своих детях\n\t      if (item.children?.some(child => child._id === childId)) {\n\t        return item._id;\n\t      }\n\t      \n\t      // Рекурсивно ищем в дочерних элементах\n\t      if (item.children?.length) {\n\t        const foundInChildren = findParent(childId, item.children);\n\t        if (foundInChildren) return foundInChildren;\n\t      }\n\t    }\n\t    return null; // Родитель не найден\n\t  };\n\t  \n\t  // Рекурсивно находим всех предков и добавляем их в список\n\t  let currentId = categoryId;\n\t  let parentId;\n\t  \n\t  // Пока находим родителей, продолжаем подниматься вверх по дереву\n\t  while ((parentId = findParent(currentId, items))) {\n\t    if (!products.state.current.category.includes(parentId)) {\n\t      products.state.current.category.push(parentId);\n\t    }\n\t    currentId = parentId; // Переходим к родителю более высокого уровня\n\t  }\n\t};\n</script>\n\n<style lang=\"scss\">\n\t.main-photo {\n\t\tmax-width: 50%;\n\t\timg { width: 100%; }\n\t}\n</style>\n"],"names":["products.state","products.mutations","products.actions","categories.state","categories.actions","auth.state"],"mappings":"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"}

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

@@ -0,0 +1,105 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const vueRouter = require("vue-router");
+const vueI18n = require("vue-i18n");
+const Loader = require("../../../../components/Loader/Loader.vue2.cjs");
+;/* empty css                                                   */
+const FieldBig = require("../../../../components/FieldBig/FieldBig.vue.cjs");
+const SectionProduct = require("../sections/SectionProduct.vue.cjs");
+;/* empty css                                         */
+const products = require("../../store/products.cjs");
+;/* empty css                                    */
+const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.cjs");
+const _hoisted_1 = {
+  id: "product-recommendation",
+  class: "h-min-100 pd-thin t-white bg-black"
+};
+const _hoisted_2 = {
+  key: 1,
+  class: "section"
+};
+const _hoisted_3 = {
+  key: 0,
+  class: "mn-b-thin"
+};
+const _sfc_main = {
+  __name: "ProductRecommmendation",
+  setup(__props) {
+    const router = vueRouter.useRouter();
+    const loading = vue.ref(true);
+    const showInput = vue.ref(false);
+    const loadingTexts = vue.ref([
+      "Loading all we know about the buds",
+      "Processing the cannabis universe",
+      "Creating a strain of knowledge",
+      "Harvesting taste insights"
+    ]);
+    const text = {
+      messages: {
+        en: {
+          TITLE: "Increase Your High,<br><b class='t-white'>Powered by AI Budtender</b>",
+          DESCRIPTION: "AI's got your chill, bro. We're picking out the most cosmic weed strains based on your desired vibe:",
+          placeholder: "Describe your desired high, bro...",
+          action: "Transmit →"
+        },
+        ru: {
+          TITLE: "Персональный Накур,<br><b class='t-white'>Напрямую от AI</b>",
+          DESCRIPTION: "AI на страже твоего релакса, бро. Мы подбираем самые космические сорта травы, исходя из твоего желаемого настроения:",
+          placeholder: "Опиши свой желамый хай, bro...",
+          action: "Передать →"
+        }
+      }
+    };
+    const { t } = vueI18n.useI18n(text);
+    const loadingText = vue.ref(loadingTexts.value[0]);
+    let mood = vue.ref(router.currentRoute.value.query.mood || t("Recommend me something"));
+    vue.watchEffect(async () => {
+      mood.value = router.currentRoute.value.query.mood || t("Recommend me something");
+      loading.value = true;
+      await products.actions.submitMood(mood.value);
+      loading.value = false;
+    });
+    vue.onMounted(async () => {
+    });
+    setInterval(() => {
+      const index = loadingTexts.value.indexOf(loadingText.value);
+      loadingText.value = loadingTexts.value[(index + 1) % loadingTexts.value.length];
+    }, 2e3);
+    let inputValue = vue.ref(router.currentRoute.value.query.mood || t("Recommend me something"));
+    function submitInput() {
+      router.push({ name: "Product Recommmendation", query: { mood: inputValue.value } });
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        loading.value ? (vue.openBlock(), vue.createBlock(Loader.default, {
+          key: 0,
+          status: loadingText.value,
+          class: "pos-fixed"
+        }, null, 8, ["status"])) : vue.createCommentVNode("", true),
+        !loading.value && !showInput.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
+          !loading.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
+            vue.createVNode(FieldBig.default, {
+              input: vue.unref(inputValue),
+              loopTyping: false,
+              enableTyping: false,
+              placeholder: vue.unref(t)("placeholder"),
+              action: vue.unref(t)("action"),
+              "onUpdate:input": _cache[0] || (_cache[0] = ($event) => vue.isRef(inputValue) ? inputValue.value = $event : inputValue = $event),
+              onAction: submitInput,
+              class: "t-white bg-dark-transp-50 w-100"
+            }, null, 8, ["input", "placeholder", "action"])
+          ])) : vue.createCommentVNode("", true),
+          vue.createVNode(SectionProduct.default, {
+            product: products.state.current,
+            recommendation: products.state.current.recommendation,
+            class: "bg-dark-transp-50 pd-big radius-big"
+          }, null, 8, ["product", "recommendation"])
+        ])) : vue.createCommentVNode("", true)
+      ]);
+    };
+  }
+};
+const ProductRecommendation = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-0927c2d0"]]);
+exports.default = ProductRecommendation;
+//# sourceMappingURL=ProductRecommmendation.vue.cjs.map

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

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