@ozdao/martyrs 0.2.481 → 0.2.482

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

@@ -8,11 +8,12 @@ import _sfc_main$2 from "../../../../components/Button/Button.vue2.js";
 import _sfc_main$4 from "../../../../components/EditImages/EditImages.vue2.js";
 import BlockMultiselect from "../../../globals/views/components/blocks/BlockMultiselect.vue.js";
 import _sfc_main$5 from "../../../icons/navigation/IconCross.vue.js";
-import _sfc_main$9 from "../../../icons/navigation/IconDelete.vue.js";
+import _sfc_main$a from "../../../icons/navigation/IconDelete.vue.js";
 import _sfc_main$7 from "../sections/EditVariants.vue.js";
 import _sfc_main$6 from "../sections/EditAttributes.vue.js";
 import _sfc_main$8 from "../sections/EditDiscounts.vue.js";
 /* empty css                                                 */
+import _sfc_main$9 from "../sections/EditRecommended.vue.js";
 import { setError } from "../../../globals/views/store/globals.js";
 import { state as state$2 } from "../../../auth/views/store/auth.js";
 import { mutations, actions, state } from "../../store/products.js";
@@ -26,18 +27,18 @@ const _hoisted_3 = {
   key: 2,
   class: "cols-1 gap-thin"
 };
-const _hoisted_4 = { class: "mn-b-thin flex-nowrap flex gap-thin" };
-const _hoisted_5 = { class: "flex-nowrap flex-v-center flex gap-thin" };
-const _hoisted_6 = { class: "t-medium" };
-const _hoisted_7 = ["onClick"];
-const _hoisted_8 = { class: "flex-nowrap flex-v-center flex" };
-const _hoisted_9 = ["src"];
-const _hoisted_10 = { class: "w-100" };
-const _hoisted_11 = { class: "t-medium" };
-const _hoisted_12 = {
+const _hoisted_4 = { class: "flex-nowrap flex-v-center flex gap-thin" };
+const _hoisted_5 = { class: "t-medium" };
+const _hoisted_6 = ["onClick"];
+const _hoisted_7 = { class: "flex-nowrap flex-v-center flex" };
+const _hoisted_8 = ["src"];
+const _hoisted_9 = { class: "w-100" };
+const _hoisted_10 = { class: "t-medium" };
+const _hoisted_11 = {
   key: 0,
   class: "t-small t-transp"
 };
+const _hoisted_12 = { class: "mn-b-thin flex-nowrap flex gap-thin" };
 const _hoisted_13 = { class: "radius-small pd-small flex-center flex aspect-1x1 bg-red cursor-pointer hover-scale-1" };
 const _hoisted_14 = { class: "flex-nowrap flex gap-thin" };
 const _sfc_main = {
@@ -53,7 +54,7 @@ const _sfc_main = {
       emits("page-loading");
       mutations.resetProduct();
       if (route.params.product) {
-        await actions.read({ _id: route.params.product, lookup: ["variants", "categories"] });
+        await actions.read({ _id: route.params.product, lookup: ["variants", "categories", "recommended"] });
       } else {
         if (!state.current.variants || state.current.variants.length === 0) {
           state.current.variants = [{
@@ -73,6 +74,9 @@ const _sfc_main = {
       if (!state.current.translations) {
         state.current.translations = [];
       }
+      if (!state.current.recommended) {
+        state.current.recommended = [];
+      }
       if (!state.current.discounts) {
         state.current.discounts = [];
       }
@@ -91,10 +95,7 @@ const _sfc_main = {
     });
     async function onSubmit() {
       try {
-        if (!state.current.variants || state.current.variants.length === 0) {
-          setError({ response: { data: { errorCode: "PRODUCT_MUST_HAVE_VARIANT" } } });
-          return;
-        }
+        console.log("product is", state.current);
         if (route.params.product) {
           await actions.update(route.params.product, state.current);
         } else {
@@ -138,7 +139,7 @@ const _sfc_main = {
               callback: redirectTo,
               class: "w-10 w-max-20r w-min-8r bg-red"
             }, {
-              default: withCtx(() => _cache[10] || (_cache[10] = [
+              default: withCtx(() => _cache[12] || (_cache[12] = [
                 createTextVNode(" Delete ")
               ])),
               _: 1
@@ -148,7 +149,7 @@ const _sfc_main = {
               callback: redirectTo,
               class: "w-10 w-max-20r w-min-8r bg-main"
             }, {
-              default: withCtx(() => _cache[11] || (_cache[11] = [
+              default: withCtx(() => _cache[13] || (_cache[13] = [
                 createTextVNode(" Save ")
               ])),
               _: 1
@@ -164,6 +165,7 @@ const _sfc_main = {
             { label: "Details", value: "details" },
             { label: "Variants", value: "variants" },
             { label: "Discounts", value: "discounts" },
+            { label: "Recommended", value: "recommended" },
             { label: "Localization", value: "localization" }
           ],
           class: "flex-child-default bg-light radius-medium h-max pd-thin o-x-scroll"
@@ -184,56 +186,11 @@ const _sfc_main = {
             ]),
             _: 1
           }),
-          createVNode(_sfc_main$1, { title: "Profile" }, {
-            default: withCtx(() => [
-              createElementVNode("div", _hoisted_4, [
-                createVNode(Select, {
-                  select: state.current.status,
-                  "onUpdate:select": _cache[2] || (_cache[2] = ($event) => state.current.status = $event),
-                  label: "Status",
-                  options: [
-                    "draft",
-                    "published",
-                    "featured",
-                    "archived",
-                    "removed"
-                  ],
-                  placeholder: "Display product",
-                  class: "pos-relative w-100 bg-white radius-small pd-medium"
-                }, null, 8, ["select"]),
-                createVNode(Select, {
-                  select: state.current.listing,
-                  "onUpdate:select": _cache[3] || (_cache[3] = ($event) => state.current.listing = $event),
-                  label: "Type",
-                  options: [
-                    "sale",
-                    "rent"
-                  ],
-                  placeholder: "Type of listing",
-                  class: "pos-relative w-100 bg-white radius-small pd-medium"
-                }, null, 8, ["select"])
-              ]),
-              createVNode(Field, {
-                field: state.current.name,
-                "onUpdate:field": _cache[4] || (_cache[4] = ($event) => state.current.name = $event),
-                placeholder: "Enter product name",
-                class: "w-100 mn-b-thin bg-white radius-small pd-medium"
-              }, null, 8, ["field"]),
-              createVNode(Field, {
-                field: state.current.description,
-                "onUpdate:field": _cache[5] || (_cache[5] = ($event) => state.current.description = $event),
-                placeholder: "Enter product description",
-                class: "w-100 bg-white radius-small pd-medium",
-                type: "textarea"
-              }, null, 8, ["field"])
-            ]),
-            _: 1
-          }),
           createVNode(_sfc_main$1, { title: "Categories" }, {
             default: withCtx(() => [
               createVNode(BlockMultiselect, {
                 modelValue: state.current.category,
-                "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => state.current.category = $event),
+                "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => state.current.category = $event),
                 placeholder: "Search categories...",
                 multiple: true,
                 transform: (item) => ({ _id: item._id, name: item.name }),
@@ -249,45 +206,48 @@ const _sfc_main = {
                 skeleton: {
                   hide: false,
                   horizontal: true,
-                  structure: [
-                    { block: "text", size: "large" }
-                  ]
+                  class: "radius-small",
+                  structure: [{
+                    block: "text",
+                    size: "large"
+                  }]
                 },
                 states: {
                   empty: {
                     title: "No categories found",
-                    description: "Try different search terms or create a new category"
+                    description: "Try different search terms or create a new category",
+                    class: "radius-small"
                   }
                 },
                 key: "_id",
                 label: (item) => item.name,
                 classSearch: "bg-white radius-small",
-                classSelected: "bg-white pd-small radius-small mn-b-thin",
-                classDropdown: "bg-white pd-small radius-medium bs-light",
-                classItem: "pd-small radius-small hover-bg-light cursor-pointer mn-b-thin",
-                classFeed: "h-max-30r o-scroll"
+                classSelected: "bg-white pd-small radius-small",
+                classDropdown: "bg-white pd-small radius-medium bs-small",
+                classItem: "pd-small radius-small hover-bg-light cursor-pointer",
+                classFeed: "h-max-30r gap-thin flex-column flex o-scroll"
               }, {
                 selected: withCtx(({ item, clear }) => [
-                  createElementVNode("div", _hoisted_5, [
-                    createElementVNode("span", _hoisted_6, toDisplayString((item == null ? void 0 : item.name) || item), 1),
+                  createElementVNode("div", _hoisted_4, [
+                    createElementVNode("span", _hoisted_5, toDisplayString((item == null ? void 0 : item.name) || item), 1),
                     createElementVNode("button", {
                       onClick: withModifiers(clear, ["stop"]),
                       class: "i-small pd-micro bg-red radius-extra flex-center flex aspect-1x1 hover-scale-1"
                     }, [
                       createVNode(_sfc_main$5, { class: "i-micro fill-white" })
-                    ], 8, _hoisted_7)
+                    ], 8, _hoisted_6)
                   ])
                 ]),
                 item: withCtx(({ item }) => [
-                  createElementVNode("div", _hoisted_8, [
+                  createElementVNode("div", _hoisted_7, [
                     item.photo ? (openBlock(), createElementBlock("img", {
                       key: 0,
                       src: (_ctx.FILE_SERVER_URL || "") + item.photo,
                       class: "i-medium radius-small object-fit-cover mn-r-thin"
-                    }, null, 8, _hoisted_9)) : createCommentVNode("", true),
-                    createElementVNode("div", _hoisted_10, [
-                      createElementVNode("p", _hoisted_11, toDisplayString(item.name), 1),
-                      item.description ? (openBlock(), createElementBlock("p", _hoisted_12, toDisplayString(item.description), 1)) : createCommentVNode("", true)
+                    }, null, 8, _hoisted_8)) : createCommentVNode("", true),
+                    createElementVNode("div", _hoisted_9, [
+                      createElementVNode("p", _hoisted_10, toDisplayString(item.name), 1),
+                      item.description ? (openBlock(), createElementBlock("p", _hoisted_11, toDisplayString(item.description), 1)) : createCommentVNode("", true)
                     ])
                   ])
                 ]),
@@ -296,23 +256,83 @@ const _sfc_main = {
             ]),
             _: 1
           }),
+          createVNode(_sfc_main$1, { title: "Profile" }, {
+            default: withCtx(() => [
+              createElementVNode("div", _hoisted_12, [
+                createVNode(Select, {
+                  select: state.current.status,
+                  "onUpdate:select": _cache[3] || (_cache[3] = ($event) => state.current.status = $event),
+                  label: "Status",
+                  options: [
+                    "draft",
+                    "published",
+                    "featured",
+                    "archived",
+                    "removed"
+                  ],
+                  placeholder: "Display product",
+                  class: "pos-relative w-100 bg-white radius-small pd-medium"
+                }, null, 8, ["select"]),
+                createVNode(Select, {
+                  select: state.current.listing,
+                  "onUpdate:select": _cache[4] || (_cache[4] = ($event) => state.current.listing = $event),
+                  label: "Type",
+                  options: [
+                    "sale",
+                    "rent"
+                  ],
+                  placeholder: "Type of listing",
+                  class: "pos-relative w-100 bg-white radius-small pd-medium"
+                }, null, 8, ["select"])
+              ]),
+              createVNode(Field, {
+                field: state.current.name,
+                "onUpdate:field": _cache[5] || (_cache[5] = ($event) => state.current.name = $event),
+                placeholder: "Enter product name",
+                class: "w-100 mn-b-thin bg-white radius-small pd-medium"
+              }, null, 8, ["field"]),
+              createVNode(Field, {
+                field: state.current.description,
+                "onUpdate:field": _cache[6] || (_cache[6] = ($event) => state.current.description = $event),
+                placeholder: "Enter product description",
+                class: "w-100 bg-white radius-small mn-b-thin pd-medium",
+                style: { "resize": "vertical" },
+                type: "textarea"
+              }, null, 8, ["field"]),
+              createVNode(Field, {
+                field: state.current.included,
+                "onUpdate:field": _cache[7] || (_cache[7] = ($event) => state.current.included = $event),
+                placeholder: "Enter what's inside",
+                class: "w-100 bg-white radius-small pd-medium",
+                style: { "resize": "vertical" },
+                type: "textarea"
+              }, null, 8, ["field"])
+            ]),
+            _: 1
+          }),
           createVNode(_sfc_main$6, {
             attributes: state.current.attributes,
-            "onUpdate:attributes": _cache[7] || (_cache[7] = ($event) => state.current.attributes = $event)
+            "onUpdate:attributes": _cache[8] || (_cache[8] = ($event) => state.current.attributes = $event)
           }, null, 8, ["attributes"])
         ])) : createCommentVNode("", true),
         unref(activeTab) === "variants" ? (openBlock(), createBlock(_sfc_main$7, {
           key: 3,
           variants: state.current.variants,
-          "onUpdate:variants": _cache[8] || (_cache[8] = ($event) => state.current.variants = $event)
+          "onUpdate:variants": _cache[9] || (_cache[9] = ($event) => state.current.variants = $event)
         }, null, 8, ["variants"])) : createCommentVNode("", true),
         unref(activeTab) === "discounts" ? (openBlock(), createBlock(_sfc_main$8, {
           key: 4,
           discounts: state.current.discounts,
-          "onUpdate:discounts": _cache[9] || (_cache[9] = ($event) => state.current.discounts = $event)
+          "onUpdate:discounts": _cache[10] || (_cache[10] = ($event) => state.current.discounts = $event)
         }, null, 8, ["discounts"])) : createCommentVNode("", true),
-        unref(activeTab) === "localization" ? (openBlock(), createBlock(_sfc_main$1, {
+        unref(activeTab) === "recommended" ? (openBlock(), createBlock(_sfc_main$9, {
           key: 5,
+          recommended: state.current.recommended,
+          "onUpdate:recommended": _cache[11] || (_cache[11] = ($event) => state.current.recommended = $event),
+          class: "cols-1 gap-thin"
+        }, null, 8, ["recommended"])) : createCommentVNode("", true),
+        unref(activeTab) === "localization" ? (openBlock(), createBlock(_sfc_main$1, {
+          key: 6,
           title: "Localization",
           placeholder: "No localizations added yet",
           actions: [{
@@ -345,7 +365,7 @@ const _sfc_main = {
                   class: "w-100 bg-white radius-small pd-medium"
                 }, null, 8, ["field", "onUpdate:field"]),
                 createElementVNode("div", _hoisted_13, [
-                  createVNode(_sfc_main$9, {
+                  createVNode(_sfc_main$a, {
                     onClick: () => state.current.translations.splice(index, 1),
                     class: "i-medium"
                   }, null, 8, ["onClick"])
@@ -362,7 +382,7 @@ const _sfc_main = {
             callback: redirectTo,
             class: "bg-red t-white w-100"
           }, {
-            default: withCtx(() => _cache[12] || (_cache[12] = [
+            default: withCtx(() => _cache[14] || (_cache[14] = [
               createTextVNode(" Delete ")
             ])),
             _: 1
@@ -372,7 +392,7 @@ const _sfc_main = {
             callback: redirectTo,
             class: "w-100 bg-main"
           }, {
-            default: withCtx(() => _cache[13] || (_cache[13] = [
+            default: withCtx(() => _cache[15] || (_cache[15] = [
               createTextVNode(" Save ")
             ])),
             _: 1

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

@@ -1 +1 @@
-{"version":3,"file":"ProductEdit.vue.js","sources":["../../../../../../../src/modules/products/components/pages/ProductEdit.vue"],"sourcesContent":["<template>\n  <div v-if=\"isPageLoaded\" class=\"w-100 bg-white pd-thin gap-thin\">\n    \n    <Block v-if=\"!MOBILE_APP\" class=\"flex-nowrap gap-thin flex-v-center flex\">\n      <h2 class=\"t-truncate mn-r-auto\">\n        {{ route.params.product ? products.state.current.name : 'Create Product' }}\n      </h2>\n\n      <Button \n        v-if=\"route.params.product\"\n        :submit=\"onDelete\" \n        :callback=\"redirectTo\"\n        class=\"w-10 w-max-20r w-min-8r bg-red\"\n      >\n        Delete \n      </Button>\n\n      <Button \n        :submit=\"onSubmit\" \n        :callback=\"redirectTo\"\n        class=\"w-10 w-max-20r w-min-8r bg-main\"\n      >\n        Save\n      </Button>\n    </Block>\n\n    <!-- Tab Navigation -->\n    <Tab\n      v-model:selected=\"activeTab\"\n      v-if=\"route.params.product\"\n      :tabs=\"[\n        { label: 'Details', value: 'details' },\n        { label: 'Variants', value: 'variants' },\n        { label: 'Discounts', value: 'discounts' },\n        { label: 'Localization', value: 'localization' }\n      ]\"\n      class=\"flex-child-default bg-light radius-medium h-max pd-thin o-x-scroll\"\n    />\n\n    <!-- Tab Content -->\n    <div v-if=\"activeTab === 'details'\" class=\"cols-1 gap-thin\">\n      <!-- Product Images -->\n      <Block\n        placeholder=\"The product doesn't have any images yet.\"\n        class=\"h-min\"\n      >\n        <EditImages \n          :images=\"products.state.current.images\"\n          :uploadPath=\"'photos'\" \n          @update:images=\"(imagesNew) => { products.state.current.images = imagesNew }\" \n        />\n      </Block>\n\n      <!-- Product Profile -->\n      <Block title=\"Profile\">\n        <div class=\"mn-b-thin flex-nowrap flex gap-thin\">\n          <Select \n            v-model:select=\"products.state.current.status\"\n            label=\"Status\"\n            :options=\"[\n              'draft', \n              'published',\n              'featured',\n              'archived',\n              'removed'\n            ]\"\n            placeholder=\"Display product\"\n            class=\"pos-relative w-100 bg-white radius-small pd-medium\"\n          />\n          <Select \n            v-model:select=\"products.state.current.listing\"\n            label=\"Type\"\n            :options=\"[\n              'sale', \n              'rent',\n            ]\"\n            placeholder=\"Type of listing\"\n            class=\"pos-relative w-100 bg-white radius-small pd-medium\"\n          />\n        </div>\n\n        <Field \n          v-model:field=\"products.state.current.name\" \n          placeholder=\"Enter product name\"\n          class=\"w-100 mn-b-thin bg-white radius-small pd-medium\"\n        />\n        <Field\n          v-model:field=\"products.state.current.description\" \n          placeholder=\"Enter product description\" \n          class=\"w-100 bg-white radius-small pd-medium\"\n          type=\"textarea\"\n        />\n      </Block>\n      <!-- Categories -->\n       <Block title=\"Categories\">\n        <BlockMultiselect\n          v-model=\"products.state.current.category\"\n          placeholder=\"Search categories...\"\n          :multiple=\"true\"\n           :transform=\"(item) => ({ _id: item._id, name: item.name })\"\n          :store=\"{\n            read: (options) => categories.actions.read(options),\n            state: categories.state\n          }\"\n          :options=\"{\n            rootOnly: false,\n            excludeChildren: false,\n            limit: 50\n          }\"\n          :skeleton=\"{\n\t\t\t\t    hide: false,\n\t\t\t\t    horizontal: true,\n\t\t\t\t    structure: [\n\t\t\t\t      { block: 'text', size: 'large' }\n\t\t\t\t    ]\n\t\t\t\t  }\"\n          :states=\"{\n            empty: {\n              title: 'No categories found',\n              description: 'Try different search terms or create a new category'\n            }\n          }\"\n          key=\"_id\"\n          :label=\"item => item.name\"\n          classSearch=\"bg-white radius-small\"\n          classSelected=\"bg-white pd-small radius-small mn-b-thin\"\n          classDropdown=\"bg-white pd-small radius-medium bs-light\"\n          classItem=\"pd-small radius-small hover-bg-light cursor-pointer mn-b-thin\"\n         \tclassFeed=\"h-max-30r o-scroll\"\n        >\n          <!-- Слот для выбранных категорий -->\n          <template #selected=\"{ item, clear }\">\n\t\t\t\t\t  <div class=\"flex-nowrap flex-v-center flex gap-thin\">\n\t\t\t\t\t    <span class=\"t-medium\">{{ item?.name || item }}</span>\n\t\t\t\t\t    <button \n\t\t\t\t\t      @click.stop=\"clear\"\n\t\t\t\t\t      class=\"i-small pd-micro bg-red radius-extra flex-center flex aspect-1x1 hover-scale-1\"\n\t\t\t\t\t    >\n\t\t\t\t\t      <IconCross class=\"i-micro fill-white\" />\n\t\t\t\t\t    </button>\n\t\t\t\t\t  </div>\n\t\t\t\t\t</template>\n          \n          <!-- Слот для элементов в списке -->\n          <template #item=\"{ item }\">\n            <div class=\"flex-nowrap flex-v-center flex\">\n              <img \n                v-if=\"item.photo\" \n                :src=\"(FILE_SERVER_URL || '') + item.photo\"\n                class=\"i-medium radius-small object-fit-cover mn-r-thin\"\n              />\n              <div class=\"w-100\">\n                <p class=\"t-medium\">{{ item.name }}</p>\n                <p v-if=\"item.description\" class=\"t-small t-transp\">{{ item.description }}</p>\n              </div>\n            </div>\n          </template>\n        </BlockMultiselect>\n      </Block>\n\n\n      <!-- Attributes -->\n      <EditAttributes \n        v-model:attributes=\"products.state.current.attributes\" \n      />\n    </div>\n\n    <!-- Variants Tab -->\n    <EditVariants\n\t\t\tv-if=\"activeTab === 'variants'\"\n      v-model:variants=\"products.state.current.variants\" \n    />\n\n    <!-- Discounts Tab -->\n    <EditDiscounts\n\t\t\tv-if=\"activeTab === 'discounts'\"\n      v-model:discounts=\"products.state.current.discounts\"\n    />\n\n    <!-- Localization Tab -->\n    <Block\n\t\t  v-if=\"activeTab === 'localization'\"\n      title=\"Localization\"\n      placeholder=\"No localizations added yet\"\n      :actions=\"[{\n        label: '+',\n        function: () => products.state.current.translations.push({locale: '', name: '', description: ''})\n      }]\"\n    >\n      <div \n        class=\"gap-thin mn-b-thin flex-nowrap flex\" \n        v-for=\"(item, index) in products.state.current.translations\" \n        :key=\"index\"\n      > \n        <Field\n          v-model:field=\"item.locale\"\n          placeholder=\"Locale (en, ru, etc.)\"\n          class=\"w-30 bg-white radius-small pd-medium\"\n        />  \n        <Field\n          v-model:field=\"item.name\"\n          placeholder=\"Product name\"\n          class=\"w-100 bg-white radius-small pd-medium\"\n        />\n        <Field\n          v-model:field=\"item.description\"\n          placeholder=\"Product description\"\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 cursor-pointer hover-scale-1\">\n          <IconDelete \n            @click=\"() => products.state.current.translations.splice(index, 1)\" \n            class=\"i-medium\"\n          />\n        </div>\n      </div>\n    </Block>\n\n    <!-- Bottom Action Buttons -->\n    <div class=\"flex-nowrap flex gap-thin\">\n      <Button \n        v-if=\"route.params.product\"\n        :submit=\"onDelete\" \n        :callback=\"redirectTo\"\n        class=\"bg-red t-white w-100\"\n      >\n        Delete \n      </Button>\n\n      <Button \n        :submit=\"onSubmit\" \n        :callback=\"redirectTo\"\n        class=\"w-100 bg-main\"\n      >\n        Save\n      </Button>\n    </div>\n  </div>\n</template>\n\n<script setup>\n// Import libs\nimport { reactive, computed, onMounted, ref } from 'vue'\nimport { useRoute, useRouter } from 'vue-router'\n\n// Import components\nimport Block from '@martyrs/src/components/Block/Block.vue';\nimport Tab from \"@martyrs/src/components/Tab/Tab.vue\";\nimport Field from \"@martyrs/src/components/Field/Field.vue\";\nimport Select from '@martyrs/src/components/Select/Select.vue';\nimport Checkbox from \"@martyrs/src/components/Checkbox/Checkbox.vue\";\nimport Button from \"@martyrs/src/components/Button/Button.vue\";\nimport Tree from \"@martyrs/src/components/Tree/Tree.vue\";\nimport EditImages from '@martyrs/src/components/EditImages/EditImages.vue';\n\nimport BlockMultiselect from '@martyrs/src/modules/globals/views/components/blocks/BlockMultiselect.vue';\nimport IconCross from '@martyrs/src/modules/icons/navigation/IconCross.vue';\nimport IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue';\n\nimport EditVariants from '@martyrs/src/modules/products/components/sections/EditVariants.vue';\nimport EditAttributes from '@martyrs/src/modules/products/components/sections/EditAttributes.vue';\nimport EditDiscounts from '@martyrs/src/modules/products/components/sections/EditDiscounts.vue';\nimport EditCategories from '@martyrs/src/modules/products/components/sections/EditCategories.vue';\n\n\n// Accessing router and store\nimport * as globals from '@martyrs/src/modules/globals/views/store/globals.js';\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\nimport * as products from '@martyrs/src/modules/products/store/products.js';\nimport * as categories from '@martyrs/src/modules/products/store/categories.js';\n\nimport { setError } from '@martyrs/src/modules/globals/views/store/globals.js'\n\nconst route = useRoute()\nconst router = useRouter()\nconst emits = defineEmits(['page-loading', 'page-loaded']);\n\nlet isPageLoaded = ref(false)\nlet activeTab = ref('details')\n\nonMounted(async() => { \n  emits('page-loading');\n\n  products.mutations.resetProduct();\n\n  if (route.params.product) {\n    await products.actions.read({ _id: route.params.product, lookup: ['variants','categories'] });\n  } else {\n    // Создаем дефолтный вариант для нового товара\n    if (!products.state.current.variants || products.state.current.variants.length === 0) {\n      products.state.current.variants = [{\n        name: 'Default',\n        sku: '',\n        images: [],\n        price: 0,\n        cost: 0,\n        quantity: 1,\n        unit: 'pcs',\n        available: 0,\n        ingredients: [],\n        attributes: []\n      }];\n    }\n  }\n\n  // Убедимся, что массивы инициализированы\n  if (!products.state.current.translations) {\n    products.state.current.translations = []\n  }\n  if (!products.state.current.discounts) {\n    products.state.current.discounts = []\n  }\n\n  try {\n    // Data prefetching\n    categories.state.all = await categories.actions.read({\n      user: auth.state.user._id,\n      rootOnly: true,\n      excludeChildren: false,\n      limit: 100\n    })\n  } catch (error) {\n    console.error('error loading categories:', error);\n  }\n\n  emits('page-loaded');\n  isPageLoaded.value = true\n})\n\nasync function onSubmit() {\n  try {\n    // Проверка на наличие хотя бы одного варианта\n    if (!products.state.current.variants || products.state.current.variants.length === 0) {\n      setError({ response: { data: { errorCode: \"PRODUCT_MUST_HAVE_VARIANT\" }} })\n      return;\n    }\n\n    if (route.params.product) {\n      await products.actions.update(route.params.product, products.state.current)\n    } else {\n      products.state.current.owner = {\n        target: route.params._id || auth.state.user._id,\n        type: route.params._id ? 'organization' : 'user'\n      }\n      \n      products.state.current.creator = {\n        target: auth.state.user._id,\n        type: 'user',\n        hidden: false\n      }\n      await products.actions.create(products.state.current)\n    }\n    \n    redirectTo()\n  } catch (error) {\n    setError({ response: { data: { errorCode: \"PRODUCT_NOT_CREATED\" }} })\n    console.error('Product creation error:', error)\n  }\n}\n\nfunction onDelete() {\n  products.actions.deleteProduct(products.state.current._id)\n}\n\nfunction redirectTo() {\n  router.push({\n    name: route.params._id ? 'Organization' : 'Products', \n    params: route.params._id ? { _id: route.params._id } : {}\n  })\n}\n</script>"],"names":["products.mutations","products.actions","products.state","categories.state","categories.actions","auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiRA,UAAM,QAAQ,SAAQ;AACtB,UAAM,SAAS,UAAS;AACxB,UAAM,QAAQ;AAEd,QAAI,eAAe,IAAI,KAAK;AAC5B,QAAI,YAAY,IAAI,SAAS;AAE7B,cAAU,YAAW;AACnB,YAAM,cAAc;AAEpBA,gBAAmB,aAAc;AAEjC,UAAI,MAAM,OAAO,SAAS;AACxB,cAAMC,QAAiB,KAAK,EAAE,KAAK,MAAM,OAAO,SAAS,QAAQ,CAAC,YAAW,YAAY,EAAC,CAAE;AAAA,MAChG,OAAS;AAEL,YAAI,CAACC,MAAe,QAAQ,YAAYA,MAAe,QAAQ,SAAS,WAAW,GAAG;AACpFA,gBAAe,QAAQ,WAAW,CAAC;AAAA,YACjC,MAAM;AAAA,YACN,KAAK;AAAA,YACL,QAAQ,CAAE;AAAA,YACV,OAAO;AAAA,YACP,MAAM;AAAA,YACN,UAAU;AAAA,YACV,MAAM;AAAA,YACN,WAAW;AAAA,YACX,aAAa,CAAE;AAAA,YACf,YAAY,CAAA;AAAA,UACpB,CAAO;AAAA,QACP;AAAA,MACA;AAGE,UAAI,CAACA,MAAe,QAAQ,cAAc;AACxCA,cAAe,QAAQ,eAAe,CAAA;AAAA,MAC1C;AACE,UAAI,CAACA,MAAe,QAAQ,WAAW;AACrCA,cAAe,QAAQ,YAAY,CAAA;AAAA,MACvC;AAEE,UAAI;AAEFC,gBAAiB,MAAM,MAAMC,UAAmB,KAAK;AAAA,UACnD,MAAMC,QAAW,KAAK;AAAA,UACtB,UAAU;AAAA,UACV,iBAAiB;AAAA,UACjB,OAAO;AAAA,QACR,CAAA;AAAA,MACF,SAAQ,OAAO;AACd,gBAAQ,MAAM,6BAA6B,KAAK;AAAA,MACpD;AAEE,YAAM,aAAa;AACnB,mBAAa,QAAQ;AAAA,IACvB,CAAC;AAED,mBAAe,WAAW;AACxB,UAAI;AAEF,YAAI,CAACH,MAAe,QAAQ,YAAYA,MAAe,QAAQ,SAAS,WAAW,GAAG;AACpF,mBAAS,EAAE,UAAU,EAAE,MAAM,EAAE,WAAW,4BAA2B,EAAE,EAAG,CAAA;AAC1E;AAAA,QACN;AAEI,YAAI,MAAM,OAAO,SAAS;AACxB,gBAAMD,QAAiB,OAAO,MAAM,OAAO,SAASC,MAAe,OAAO;AAAA,QAChF,OAAW;AACLA,gBAAe,QAAQ,QAAQ;AAAA,YAC7B,QAAQ,MAAM,OAAO,OAAOG,QAAW,KAAK;AAAA,YAC5C,MAAM,MAAM,OAAO,MAAM,iBAAiB;AAAA,UAClD;AAEMH,gBAAe,QAAQ,UAAU;AAAA,YAC/B,QAAQG,QAAW,KAAK;AAAA,YACxB,MAAM;AAAA,YACN,QAAQ;AAAA,UAChB;AACM,gBAAMJ,QAAiB,OAAOC,MAAe,OAAO;AAAA,QAC1D;AAEI,mBAAU;AAAA,MACX,SAAQ,OAAO;AACd,iBAAS,EAAE,UAAU,EAAE,MAAM,EAAE,WAAW,sBAAqB,EAAE,EAAG,CAAA;AACpE,gBAAQ,MAAM,2BAA2B,KAAK;AAAA,MAClD;AAAA,IACA;AAEA,aAAS,WAAW;AAClBD,cAAiB,cAAcC,MAAe,QAAQ,GAAG;AAAA,IAC3D;AAEA,aAAS,aAAa;AACpB,aAAO,KAAK;AAAA,QACV,MAAM,MAAM,OAAO,MAAM,iBAAiB;AAAA,QAC1C,QAAQ,MAAM,OAAO,MAAM,EAAE,KAAK,MAAM,OAAO,QAAQ,CAAA;AAAA,MACxD,CAAA;AAAA,IACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ProductEdit.vue.js","sources":["../../../../../../../src/modules/products/components/pages/ProductEdit.vue"],"sourcesContent":["<template>\n  <div v-if=\"isPageLoaded\" class=\"w-100 bg-white pd-thin gap-thin\">\n    \n    <Block v-if=\"!MOBILE_APP\" class=\"flex-nowrap gap-thin flex-v-center flex\">\n      <h2 class=\"t-truncate mn-r-auto\">\n        {{ route.params.product ? products.state.current.name : 'Create Product' }}\n      </h2>\n\n      <Button \n        v-if=\"route.params.product\"\n        :submit=\"onDelete\" \n        :callback=\"redirectTo\"\n        class=\"w-10 w-max-20r w-min-8r bg-red\"\n      >\n        Delete \n      </Button>\n\n      <Button \n        :submit=\"onSubmit\" \n        :callback=\"redirectTo\"\n        class=\"w-10 w-max-20r w-min-8r bg-main\"\n      >\n        Save\n      </Button>\n    </Block>\n\n    <!-- Tab Navigation -->\n    <Tab\n      v-model:selected=\"activeTab\"\n      v-if=\"route.params.product\"\n      :tabs=\"[\n        { label: 'Details', value: 'details' },\n        { label: 'Variants', value: 'variants' },\n        { label: 'Discounts', value: 'discounts' },\n        { label: 'Recommended', value: 'recommended' },\n        { label: 'Localization', value: 'localization' }\n      ]\"\n      class=\"flex-child-default bg-light radius-medium h-max pd-thin o-x-scroll\"\n    />\n\n    <!-- Tab Content -->\n    <div v-if=\"activeTab === 'details'\" class=\"cols-1 gap-thin\">\n      <!-- Product Images -->\n      <Block\n        placeholder=\"The product doesn't have any images yet.\"\n        class=\"h-min\"\n      >\n        <EditImages \n          :images=\"products.state.current.images\"\n          :uploadPath=\"'photos'\" \n          @update:images=\"(imagesNew) => { products.state.current.images = imagesNew }\" \n        />\n      </Block>\n\n      <Block title=\"Categories\">\n        <BlockMultiselect\n          v-model=\"products.state.current.category\"\n          placeholder=\"Search categories...\"\n          :multiple=\"true\"\n          :transform=\"(item) => ({ _id: item._id, name: item.name })\"\n          :store=\"{\n            read: (options) => categories.actions.read(options),\n            state: categories.state\n          }\"\n          :options=\"{\n            rootOnly: false,\n            excludeChildren: false,\n            limit: 50\n          }\"\n          :skeleton=\"{\n            hide: false,\n            horizontal: true,\n            class: 'radius-small',\n            structure: [{ \n              block: 'text', size: 'large'\n            }]\n          }\"\n          :states=\"{\n            empty: {\n              title: 'No categories found',\n              description: 'Try different search terms or create a new category',\n              class: 'radius-small'\n            }\n          }\"\n          key=\"_id\"\n          :label=\"item => item.name\"\n          classSearch=\"bg-white radius-small\"\n          classSelected=\"bg-white pd-small radius-small\"\n          classDropdown=\"bg-white pd-small radius-medium bs-small\"\n          classItem=\"pd-small radius-small hover-bg-light cursor-pointer\"\n          classFeed=\"h-max-30r gap-thin flex-column flex o-scroll\"\n        >\n          <!-- Слот для выбранных категорий -->\n          <template #selected=\"{ item, clear }\">\n            <div class=\"flex-nowrap flex-v-center flex gap-thin\">\n              <span class=\"t-medium\">{{ item?.name || item }}</span>\n              <button \n                @click.stop=\"clear\"\n                class=\"i-small pd-micro bg-red radius-extra flex-center flex aspect-1x1 hover-scale-1\"\n              >\n                <IconCross class=\"i-micro fill-white\" />\n              </button>\n            </div>\n          </template>\n          \n          <!-- Слот для элементов в списке -->\n          <template #item=\"{ item }\">\n            <div class=\"flex-nowrap flex-v-center flex\">\n              <img \n                v-if=\"item.photo\" \n                :src=\"(FILE_SERVER_URL || '') + item.photo\"\n                class=\"i-medium radius-small object-fit-cover mn-r-thin\"\n              />\n              <div class=\"w-100\">\n                <p class=\"t-medium\">{{ item.name }}</p>\n                <p v-if=\"item.description\" class=\"t-small t-transp\">{{ item.description }}</p>\n              </div>\n            </div>\n          </template>\n        </BlockMultiselect>\n      </Block>\n\n      <!-- Product Profile -->\n      <Block title=\"Profile\">\n        <div class=\"mn-b-thin flex-nowrap flex gap-thin\">\n          <Select \n            v-model:select=\"products.state.current.status\"\n            label=\"Status\"\n            :options=\"[\n              'draft', \n              'published',\n              'featured',\n              'archived',\n              'removed'\n            ]\"\n            placeholder=\"Display product\"\n            class=\"pos-relative w-100 bg-white radius-small pd-medium\"\n          />\n          <Select \n            v-model:select=\"products.state.current.listing\"\n            label=\"Type\"\n            :options=\"[\n              'sale', \n              'rent',\n            ]\"\n            placeholder=\"Type of listing\"\n            class=\"pos-relative w-100 bg-white radius-small pd-medium\"\n          />\n        </div>\n\n        <Field \n          v-model:field=\"products.state.current.name\" \n          placeholder=\"Enter product name\"\n          class=\"w-100 mn-b-thin bg-white radius-small pd-medium\"\n        />\n        <Field\n          v-model:field=\"products.state.current.description\" \n          placeholder=\"Enter product description\" \n          class=\"w-100 bg-white radius-small mn-b-thin pd-medium\"\n          style=\"resize: vertical\"\n          type=\"textarea\"\n        />\n        <Field\n          v-model:field=\"products.state.current.included\" \n          placeholder=\"Enter what's inside\" \n          class=\"w-100 bg-white radius-small pd-medium\"\n          style=\"resize: vertical\"\n          type=\"textarea\"\n        />\n      </Block>\n      <!-- Categories -->\n      \n\n\n      <!-- Attributes -->\n      <EditAttributes \n        v-model:attributes=\"products.state.current.attributes\" \n      />\n    </div>\n\n    <!-- Variants Tab -->\n    <EditVariants\n\t\t\tv-if=\"activeTab === 'variants'\"\n      v-model:variants=\"products.state.current.variants\" \n    />\n\n    <!-- Discounts Tab -->\n    <EditDiscounts\n\t\t\tv-if=\"activeTab === 'discounts'\"\n      v-model:discounts=\"products.state.current.discounts\"\n    />\n    <EditRecommended \n      v-if=\"activeTab === 'recommended'\" \n      v-model:recommended=\"products.state.current.recommended\"\n      class=\"cols-1 gap-thin\"\n    />\n\n    <!-- Localization Tab -->\n    <Block\n\t\t  v-if=\"activeTab === 'localization'\"\n      title=\"Localization\"\n      placeholder=\"No localizations added yet\"\n      :actions=\"[{\n        label: '+',\n        function: () => products.state.current.translations.push({locale: '', name: '', description: ''})\n      }]\"\n    >\n      <div \n        class=\"gap-thin mn-b-thin flex-nowrap flex\" \n        v-for=\"(item, index) in products.state.current.translations\" \n        :key=\"index\"\n      > \n        <Field\n          v-model:field=\"item.locale\"\n          placeholder=\"Locale (en, ru, etc.)\"\n          class=\"w-30 bg-white radius-small pd-medium\"\n        />  \n        <Field\n          v-model:field=\"item.name\"\n          placeholder=\"Product name\"\n          class=\"w-100 bg-white radius-small pd-medium\"\n        />\n        <Field\n          v-model:field=\"item.description\"\n          placeholder=\"Product description\"\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 cursor-pointer hover-scale-1\">\n          <IconDelete \n            @click=\"() => products.state.current.translations.splice(index, 1)\" \n            class=\"i-medium\"\n          />\n        </div>\n      </div>\n    </Block>\n\n    <!-- Bottom Action Buttons -->\n    <div class=\"flex-nowrap flex gap-thin\">\n      <Button \n        v-if=\"route.params.product\"\n        :submit=\"onDelete\" \n        :callback=\"redirectTo\"\n        class=\"bg-red t-white w-100\"\n      >\n        Delete \n      </Button>\n\n      <Button \n        :submit=\"onSubmit\" \n        :callback=\"redirectTo\"\n        class=\"w-100 bg-main\"\n      >\n        Save\n      </Button>\n    </div>\n  </div>\n</template>\n\n<script setup>\n// Import libs\nimport { reactive, computed, onMounted, ref } from 'vue'\nimport { useRoute, useRouter } from 'vue-router'\n\n// Import components\nimport Block from '@martyrs/src/components/Block/Block.vue';\nimport Tab from \"@martyrs/src/components/Tab/Tab.vue\";\nimport Field from \"@martyrs/src/components/Field/Field.vue\";\nimport Select from '@martyrs/src/components/Select/Select.vue';\nimport Checkbox from \"@martyrs/src/components/Checkbox/Checkbox.vue\";\nimport Button from \"@martyrs/src/components/Button/Button.vue\";\nimport Tree from \"@martyrs/src/components/Tree/Tree.vue\";\nimport EditImages from '@martyrs/src/components/EditImages/EditImages.vue';\n\nimport BlockMultiselect from '@martyrs/src/modules/globals/views/components/blocks/BlockMultiselect.vue';\nimport IconCross from '@martyrs/src/modules/icons/navigation/IconCross.vue';\nimport IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue';\n\nimport EditVariants from '@martyrs/src/modules/products/components/sections/EditVariants.vue';\nimport EditAttributes from '@martyrs/src/modules/products/components/sections/EditAttributes.vue';\nimport EditDiscounts from '@martyrs/src/modules/products/components/sections/EditDiscounts.vue';\nimport EditCategories from '@martyrs/src/modules/products/components/sections/EditCategories.vue';\nimport EditRecommended from '@martyrs/src/modules/products/components/sections/EditRecommended.vue';\n\n// Accessing router and store\nimport * as globals from '@martyrs/src/modules/globals/views/store/globals.js';\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\nimport * as products from '@martyrs/src/modules/products/store/products.js';\nimport * as categories from '@martyrs/src/modules/products/store/categories.js';\n\nimport { setError } from '@martyrs/src/modules/globals/views/store/globals.js'\n\nconst route = useRoute()\nconst router = useRouter()\nconst emits = defineEmits(['page-loading', 'page-loaded']);\n\nlet isPageLoaded = ref(false)\nlet activeTab = ref('details')\n\nonMounted(async() => { \n  emits('page-loading');\n\n  products.mutations.resetProduct();\n\n  if (route.params.product) {\n    await products.actions.read({ _id: route.params.product, lookup: ['variants','categories','recommended'] });\n  } else {\n    // Создаем дефолтный вариант для нового товара\n    if (!products.state.current.variants || products.state.current.variants.length === 0) {\n      products.state.current.variants = [{\n        name: 'Default',\n        sku: '',\n        images: [],\n        price: 0,\n        cost: 0,\n        quantity: 1,\n        unit: 'pcs',\n        available: 0,\n        ingredients: [],\n        attributes: []\n      }];\n    }\n  }\n\n  // Убедимся, что массивы инициализированы\n  if (!products.state.current.translations) {\n    products.state.current.translations = []\n  }\n   // Убедимся, что массивы инициализированы\n  if (!products.state.current.recommended) {\n    products.state.current.recommended = []\n  }\n  if (!products.state.current.discounts) {\n    products.state.current.discounts = []\n  }\n\n  try {\n    // Data prefetching\n    categories.state.all = await categories.actions.read({\n      user: auth.state.user._id,\n      rootOnly: true,\n      excludeChildren: false,\n      limit: 100\n    })\n  } catch (error) {\n    console.error('error loading categories:', error);\n  }\n\n  emits('page-loaded');\n  isPageLoaded.value = true\n})\n\nasync function onSubmit() {\n  try {\n    // // Проверка на наличие хотя бы одного варианта\n    // if (!products.state.current.variants || products.state.current.variants.length === 0) {\n    //   setError({ response: { data: { errorCode: \"PRODUCT_MUST_HAVE_VARIANT\" }} })\n    //   return;\n    // }\n      console.log('product is',products.state.current)\n    if (route.params.product) {\n      await products.actions.update(route.params.product, products.state.current)\n    } else {\n      products.state.current.owner = {\n        target: route.params._id || auth.state.user._id,\n        type: route.params._id ? 'organization' : 'user'\n      }\n      \n      products.state.current.creator = {\n        target: auth.state.user._id,\n        type: 'user',\n        hidden: false\n      }\n\n      await products.actions.create(products.state.current)\n    }\n    \n    redirectTo()\n  } catch (error) {\n    setError({ response: { data: { errorCode: \"PRODUCT_NOT_CREATED\" }} })\n    console.error('Product creation error:', error)\n  }\n}\n\nfunction onDelete() {\n  products.actions.deleteProduct(products.state.current._id)\n}\n\nfunction redirectTo() {\n  router.push({\n    name: route.params._id ? 'Organization' : 'Products', \n    params: route.params._id ? { _id: route.params._id } : {}\n  })\n}\n</script>"],"names":["products.mutations","products.actions","products.state","categories.state","categories.actions","auth.state"],"mappings":"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"}

package/dist/martyrs/src/modules/products/components/sections/EditAttributes.vue.cjs

@@ -4,7 +4,7 @@ const vue = require("vue");
 const Block = require("../../../../components/Block/Block.vue.cjs");
 const Field = require("../../../../components/Field/Field.vue.cjs");
 const Button = require("../../../../components/Button/Button.vue2.cjs");
-const Popup = require("../../../../components/Popup/Popup.vue.cjs");
+const Popup = require("../../../../components/Popup/Popup.vue2.cjs");
 const IconEdit = require("../../../icons/navigation/IconEdit.vue.cjs");
 const IconDelete = require("../../../icons/navigation/IconDelete.vue.cjs");
 const _hoisted_1 = {

package/dist/martyrs/src/modules/products/components/sections/EditAttributes.vue.js

@@ -2,7 +2,7 @@ import { useModel, ref, reactive, createElementBlock, openBlock, Fragment, creat
 import _sfc_main$1 from "../../../../components/Block/Block.vue.js";
 import Field from "../../../../components/Field/Field.vue.js";
 import _sfc_main$5 from "../../../../components/Button/Button.vue2.js";
-import _sfc_main$4 from "../../../../components/Popup/Popup.vue.js";
+import _sfc_main$4 from "../../../../components/Popup/Popup.vue2.js";
 import _sfc_main$2 from "../../../icons/navigation/IconEdit.vue.js";
 import _sfc_main$3 from "../../../icons/navigation/IconDelete.vue.js";
 const _hoisted_1 = {

package/dist/martyrs/src/modules/products/components/sections/EditDiscounts.vue.cjs

@@ -4,7 +4,7 @@ const vue = require("vue");
 const Block = require("../../../../components/Block/Block.vue.cjs");
 const Field = require("../../../../components/Field/Field.vue.cjs");
 const Button = require("../../../../components/Button/Button.vue2.cjs");
-const Popup = require("../../../../components/Popup/Popup.vue.cjs");
+const Popup = require("../../../../components/Popup/Popup.vue2.cjs");
 const Select = require("../../../../components/Select/Select.vue.cjs");
 const IconEdit = require("../../../icons/navigation/IconEdit.vue.cjs");
 const IconDelete = require("../../../icons/navigation/IconDelete.vue.cjs");

package/dist/martyrs/src/modules/products/components/sections/EditDiscounts.vue.js

@@ -2,7 +2,7 @@ import { useModel, ref, reactive, createElementBlock, openBlock, Fragment, creat
 import _sfc_main$1 from "../../../../components/Block/Block.vue.js";
 import Field from "../../../../components/Field/Field.vue.js";
 import _sfc_main$5 from "../../../../components/Button/Button.vue2.js";
-import _sfc_main$4 from "../../../../components/Popup/Popup.vue.js";
+import _sfc_main$4 from "../../../../components/Popup/Popup.vue2.js";
 import Select from "../../../../components/Select/Select.vue.js";
 import _sfc_main$2 from "../../../icons/navigation/IconEdit.vue.js";
 import _sfc_main$3 from "../../../icons/navigation/IconDelete.vue.js";

package/dist/martyrs/src/modules/products/components/sections/EditIngredients.vue.cjs

@@ -3,7 +3,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const vueRouter = require("vue-router");
 const Block = require("../../../../components/Block/Block.vue.cjs");
-const Popup = require("../../../../components/Popup/Popup.vue.cjs");
+const Popup = require("../../../../components/Popup/Popup.vue2.cjs");
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");
 const globals = require("../../../globals/views/store/globals.cjs");
 require("../../../auth/views/store/auth.cjs");

package/dist/martyrs/src/modules/products/components/sections/EditIngredients.vue.js

@@ -1,7 +1,7 @@
 import { useModel, ref, onMounted, createElementBlock, openBlock, Fragment, createVNode, withCtx, createCommentVNode, renderList, createBlock, createElementVNode, unref } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import _sfc_main$1 from "../../../../components/Block/Block.vue.js";
-import _sfc_main$3 from "../../../../components/Popup/Popup.vue.js";
+import _sfc_main$3 from "../../../../components/Popup/Popup.vue2.js";
 import _sfc_main$4 from "../../../../components/Feed/Feed.vue.js";
 import { actions as actions$1 } from "../../../globals/views/store/globals.js";
 import "../../../auth/views/store/auth.js";

package/dist/martyrs/src/modules/products/components/sections/EditRecommended.vue.cjs

@@ -0,0 +1,145 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const vueRouter = require("vue-router");
+const mixins = require("../../../globals/views/mixins/mixins.cjs");
+const Block = require("../../../../components/Block/Block.vue.cjs");
+const Popup = require("../../../../components/Popup/Popup.vue2.cjs");
+const Feed = require("../../../../components/Feed/Feed.vue.cjs");
+const globals = require("../../../globals/views/store/globals.cjs");
+require("../../../auth/views/store/auth.cjs");
+const products = require("../../store/products.cjs");
+const CardPosition = require("../blocks/CardPosition.vue.cjs");
+const IconDelete = require("../../../icons/navigation/IconDelete.vue.cjs");
+const _hoisted_1 = {
+  key: 0,
+  class: "rows-1 gap-thin"
+};
+const _hoisted_2 = { class: "bg-light mn-b-thin h-min-20r h-max-20r o-scroll pd-medium radius-medium" };
+const _sfc_main = {
+  __name: "EditRecommended",
+  props: {
+    "recommended": {},
+    "recommendedModifiers": {}
+  },
+  emits: ["update:recommended"],
+  setup(__props) {
+    const route = vueRouter.useRoute();
+    vueRouter.useRouter();
+    const { returnCurrency } = mixins.useGlobalMixins();
+    const recommended = vue.useModel(__props, "recommended");
+    const isRecommendedPopupOpen = vue.ref(false);
+    vue.onMounted(async () => {
+      if (!recommended.value || !Array.isArray(recommended.value)) {
+        recommended.value = [];
+      }
+    });
+    function openRecommendedPopup() {
+      isRecommendedPopupOpen.value = true;
+    }
+    function closeRecommendedPopup() {
+      isRecommendedPopupOpen.value = false;
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+        vue.createVNode(Block.default, {
+          title: "Recommended Products",
+          placeholder: "No recommended products added yet. Add products that are frequently bought together.",
+          actions: [{
+            label: "+",
+            function: () => openRecommendedPopup()
+          }]
+        }, {
+          default: vue.withCtx(() => {
+            var _a;
+            return [
+              ((_a = recommended.value) == null ? void 0 : _a.length) > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(recommended.value, (product, index) => {
+                  var _a2;
+                  return vue.openBlock(), vue.createBlock(CardPosition.default, {
+                    key: product._id,
+                    image: ((_a2 = product.images) == null ? void 0 : _a2[0]) ? (_ctx.FILE_SERVER_URL || "") + product.images[0] : "",
+                    name: product.name,
+                    title: product.name,
+                    subtitle: `${vue.unref(returnCurrency)()}${product.price}`,
+                    showThumbnail: true,
+                    actions: [
+                      {
+                        icon: IconDelete.default,
+                        class: "bg-red",
+                        handler: () => {
+                          globals.actions.delete(recommended.value, product, index);
+                        }
+                      }
+                    ],
+                    class: "bg-white pd-thin radius-medium w-100 mn-b-thin"
+                  }, null, 8, ["image", "name", "title", "subtitle", "actions"]);
+                }), 128))
+              ])) : vue.createCommentVNode("", true)
+            ];
+          }),
+          _: 1
+        }, 8, ["actions"]),
+        vue.createVNode(Popup.default, {
+          title: "Add Recommended Product",
+          onClosePopup: closeRecommendedPopup,
+          isPopupOpen: isRecommendedPopupOpen.value,
+          class: "bg-white w-min-30r w-max-30r radius-medium pd-medium"
+        }, {
+          default: vue.withCtx(() => [
+            vue.createElementVNode("div", _hoisted_2, [
+              vue.createVNode(Feed.default, {
+                search: {
+                  class: "bg-white mn-b-thin"
+                },
+                states: {
+                  empty: {
+                    title: "No Products Found",
+                    description: "Currently, there are no such products available."
+                  }
+                },
+                store: {
+                  read: (options) => products.actions.read(options),
+                  state: null
+                },
+                options: {
+                  owner: vue.unref(route).params._id
+                },
+                class: ""
+              }, {
+                default: vue.withCtx(({ items }) => [
+                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(items, (product, index) => {
+                    var _a;
+                    return vue.openBlock(), vue.createBlock(CardPosition.default, {
+                      key: product._id,
+                      image: ((_a = product.images) == null ? void 0 : _a[0]) ? (_ctx.FILE_SERVER_URL || "") + product.images[0] : "",
+                      name: product.name,
+                      title: product.name,
+                      subtitle: `${vue.unref(returnCurrency)()}${product.price}`,
+                      showThumbnail: true,
+                      actions: [
+                        {
+                          label: "Add",
+                          class: "bg-main t-white",
+                          handler: () => {
+                            globals.actions.add(recommended.value, product);
+                            closeRecommendedPopup();
+                          }
+                        }
+                      ],
+                      class: "bg-white pd-thin radius-medium w-100 mn-b-thin cursor-pointer hover-scale-1"
+                    }, null, 8, ["image", "name", "title", "subtitle", "actions"]);
+                  }), 128))
+                ]),
+                _: 1
+              }, 8, ["store", "options"])
+            ])
+          ]),
+          _: 1
+        }, 8, ["isPopupOpen"])
+      ], 64);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=EditRecommended.vue.cjs.map