npm - @ozdao/martyrs - Versions diffs - 0.2.524 → 0.2.526 - Mend

@ozdao/martyrs 0.2.524 → 0.2.526

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (107) hide show

package/dist/martyrs/src/modules/products/components/pages/ProductEdit.vue.cjs CHANGED Viewed

@@ -41,8 +41,9 @@ const _hoisted_11 = {
   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 _hoisted_13 = { class: "flex gap-thin mn-b-thin" };
+const _hoisted_14 = { class: "radius-small pd-small flex-center flex aspect-1x1 bg-red cursor-pointer hover-scale-1" };
+const _hoisted_15 = { class: "flex-nowrap flex gap-thin" };
 const _sfc_main = {
   __name: "ProductEdit",
   emits: ["page-loading", "page-loaded"],
@@ -58,39 +59,32 @@ const _sfc_main = {
       if (route.params.product) {
         await products.actions.read({ _id: route.params.product, lookup: ["variants", "categories", "recommended"] });
       } else {
-        if (!products.state.current.variants || products.state.current.variants.length === 0) {
-          products.state.current.variants = [{
-            name: "Default",
-            sku: "",
-            images: [],
-            price: 0,
-            cost: 0,
+        if (!products.state.current.translations) {
+          products.state.current.translations = [];
+        }
+        if (!products.state.current.recommended) {
+          products.state.current.recommended = [];
+        }
+        if (!products.state.current.discounts) {
+          products.state.current.discounts = [];
+        }
+        if (!products.state.current.defaultVariant) {
+          products.state.current.defaultVariant = {
+            price: null,
             quantity: 1,
-            unit: "pcs",
-            available: 0,
-            ingredients: [],
-            attributes: []
-          }];
+            unit: "pcs"
+          };
+        }
+        try {
+          categories.state.all = await categories.actions.read({
+            user: auth.state.user._id,
+            rootOnly: true,
+            excludeChildren: false,
+            limit: 100
+          });
+        } catch (error) {
+          console.error("error loading categories:", error);
         }
-      }
-      if (!products.state.current.translations) {
-        products.state.current.translations = [];
-      }
-      if (!products.state.current.recommended) {
-        products.state.current.recommended = [];
-      }
-      if (!products.state.current.discounts) {
-        products.state.current.discounts = [];
-      }
-      try {
-        categories.state.all = await categories.actions.read({
-          user: auth.state.user._id,
-          rootOnly: true,
-          excludeChildren: false,
-          limit: 100
-        });
-      } catch (error) {
-        console.error("error loading categories:", error);
       }
       emits("page-loaded");
       isPageLoaded.value = true;
@@ -109,7 +103,11 @@ const _sfc_main = {
             type: "user",
             hidden: false
           };
-          await products.actions.create(products.state.current);
+          const productData = {
+            ...products.state.current,
+            defaultVariant: products.state.current.defaultVariant
+          };
+          await products.actions.create(productData);
         }
         redirectTo();
       } catch (error) {
@@ -140,7 +138,7 @@ const _sfc_main = {
               callback: redirectTo,
               class: "w-10 w-max-20r w-min-8r bg-red"
             }, {
-              default: vue.withCtx(() => _cache[12] || (_cache[12] = [
+              default: vue.withCtx(() => _cache[15] || (_cache[15] = [
                 vue.createTextVNode(" Delete ")
               ])),
               _: 1
@@ -150,7 +148,7 @@ const _sfc_main = {
               callback: redirectTo,
               class: "w-10 w-max-20r w-min-8r bg-main"
             }, {
-              default: vue.withCtx(() => _cache[13] || (_cache[13] = [
+              default: vue.withCtx(() => _cache[16] || (_cache[16] = [
                 vue.createTextVNode(" Save ")
               ])),
               _: 1
@@ -312,25 +310,59 @@ const _sfc_main = {
             ]),
             _: 1
           }),
+          !vue.unref(route).params.product ? (vue.openBlock(), vue.createBlock(Block.default, {
+            key: 0,
+            title: "Price"
+          }, {
+            default: vue.withCtx(() => [
+              vue.createElementVNode("div", _hoisted_13, [
+                vue.createVNode(Field.default, {
+                  field: products.state.current.defaultVariant.price,
+                  "onUpdate:field": _cache[8] || (_cache[8] = ($event) => products.state.current.defaultVariant.price = $event),
+                  label: "Price",
+                  type: "number",
+                  placeholder: "Enter price",
+                  class: "w-100 bg-white radius-small pd-medium"
+                }, null, 8, ["field"]),
+                vue.createVNode(Field.default, {
+                  field: products.state.current.defaultVariant.quantity,
+                  "onUpdate:field": _cache[9] || (_cache[9] = ($event) => products.state.current.defaultVariant.quantity = $event),
+                  label: "Quantity",
+                  type: "number",
+                  placeholder: "Enter quantity",
+                  class: "w-100 bg-white radius-small pd-medium"
+                }, null, 8, ["field"]),
+                vue.createVNode(Select.default, {
+                  select: products.state.current.defaultVariant.unit,
+                  "onUpdate:select": _cache[10] || (_cache[10] = ($event) => products.state.current.defaultVariant.unit = $event),
+                  label: "Unit",
+                  options: ["pcs", "g", "kg", "ml", "l", "oz"],
+                  placeholder: "Select unit",
+                  class: "w-100 bg-white radius-small pd-medium"
+                }, null, 8, ["select"])
+              ])
+            ]),
+            _: 1
+          })) : vue.createCommentVNode("", true),
           vue.createVNode(EditAttributes.default, {
             attributes: products.state.current.attributes,
-            "onUpdate:attributes": _cache[8] || (_cache[8] = ($event) => products.state.current.attributes = $event)
+            "onUpdate:attributes": _cache[11] || (_cache[11] = ($event) => products.state.current.attributes = $event)
           }, null, 8, ["attributes"])
         ])) : vue.createCommentVNode("", true),
         vue.unref(activeTab) === "variants" ? (vue.openBlock(), vue.createBlock(EditVariants.default, {
           key: 3,
           variants: products.state.current.variants,
-          "onUpdate:variants": _cache[9] || (_cache[9] = ($event) => products.state.current.variants = $event)
+          "onUpdate:variants": _cache[12] || (_cache[12] = ($event) => products.state.current.variants = $event)
         }, null, 8, ["variants"])) : vue.createCommentVNode("", true),
         vue.unref(activeTab) === "discounts" ? (vue.openBlock(), vue.createBlock(EditDiscounts.default, {
           key: 4,
           discounts: products.state.current.discounts,
-          "onUpdate:discounts": _cache[10] || (_cache[10] = ($event) => products.state.current.discounts = $event)
+          "onUpdate:discounts": _cache[13] || (_cache[13] = ($event) => products.state.current.discounts = $event)
         }, null, 8, ["discounts"])) : vue.createCommentVNode("", true),
         vue.unref(activeTab) === "recommended" ? (vue.openBlock(), vue.createBlock(EditRecommended.default, {
           key: 5,
           recommended: products.state.current.recommended,
-          "onUpdate:recommended": _cache[11] || (_cache[11] = ($event) => products.state.current.recommended = $event),
+          "onUpdate:recommended": _cache[14] || (_cache[14] = ($event) => products.state.current.recommended = $event),
           class: "cols-1 gap-thin"
         }, null, 8, ["recommended"])) : vue.createCommentVNode("", true),
         vue.unref(activeTab) === "localization" ? (vue.openBlock(), vue.createBlock(Block.default, {
@@ -366,7 +398,7 @@ const _sfc_main = {
                   placeholder: "Product description",
                   class: "w-100 bg-white radius-small pd-medium"
                 }, null, 8, ["field", "onUpdate:field"]),
-                vue.createElementVNode("div", _hoisted_13, [
+                vue.createElementVNode("div", _hoisted_14, [
                   vue.createVNode(IconDelete.default, {
                     onClick: () => products.state.current.translations.splice(index, 1),
                     class: "i-medium"
@@ -377,13 +409,13 @@ const _sfc_main = {
           ]),
           _: 1
         }, 8, ["actions"])) : vue.createCommentVNode("", true),
-        vue.createElementVNode("div", _hoisted_14, [
+        vue.createElementVNode("div", _hoisted_15, [
           vue.unref(route).params.product ? (vue.openBlock(), vue.createBlock(Button.default, {
             key: 0,
             submit: onDelete,
             class: "bg-red t-white w-100"
           }, {
-            default: vue.withCtx(() => _cache[14] || (_cache[14] = [
+            default: vue.withCtx(() => _cache[17] || (_cache[17] = [
               vue.createTextVNode(" Delete ")
             ])),
             _: 1
@@ -392,7 +424,7 @@ const _sfc_main = {
             submit: onSubmit,
             class: "w-100 bg-main"
           }, {
-            default: vue.withCtx(() => _cache[15] || (_cache[15] = [
+            default: vue.withCtx(() => _cache[18] || (_cache[18] = [
               vue.createTextVNode(" Save ")
             ])),
             _: 1

package/dist/martyrs/src/modules/products/components/pages/ProductEdit.vue.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ProductEdit.vue.cjs","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 mn-b-thin 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 gap-micro scroll-hide bg-light radius-medium h-max pd-thin mn-b-thin o-x-scroll\"\n classTab=\"bg-white\"\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 class=\"bg-red t-white w-100\"\n >\n Delete \n </Button>\n\n <Button \n :submit=\"onSubmit\" \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 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 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":["useRoute","useRouter","ref","onMounted","products.mutations","products.actions","products.state","categories.state","categories.actions","auth.state","setError"],"mappings":"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"}
1	+ {"version":3,"file":"ProductEdit.vue.cjs","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 mn-b-thin 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 gap-micro scroll-hide bg-light radius-medium h-max pd-thin mn-b-thin o-x-scroll\"\n classTab=\"bg-white\"\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\n <!-- Price Block (only for new products) -->\n <Block v-if=\"!route.params.product\" title=\"Price\">\n <div class=\"flex gap-thin mn-b-thin\">\n <Field\n v-model:field=\"products.state.current.defaultVariant.price\"\n label=\"Price\"\n type=\"number\"\n placeholder=\"Enter price\"\n class=\"w-100 bg-white radius-small pd-medium\"\n />\n <Field\n v-model:field=\"products.state.current.defaultVariant.quantity\"\n label=\"Quantity\"\n type=\"number\"\n placeholder=\"Enter quantity\"\n class=\"w-100 bg-white radius-small pd-medium\"\n />\n <Select\n v-model:select=\"products.state.current.defaultVariant.unit\"\n label=\"Unit\"\n :options=\"['pcs', 'g', 'kg', 'ml', 'l', 'oz']\"\n placeholder=\"Select unit\"\n class=\"w-100 bg-white radius-small pd-medium\"\n />\n </div>\n </Block>\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 class=\"bg-red t-white w-100\"\n >\n Delete \n </Button>\n\n <Button \n :submit=\"onSubmit\" \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.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 // Инициализируем defaultVariant для нового продукта\n if (!products.state.current.defaultVariant) {\n products.state.current.defaultVariant = {\n price: null,\n quantity: 1,\n unit: 'pcs'\n }\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 }\n\n emits('page-loaded');\n isPageLoaded.value = true\n})\n\nasync function onSubmit() {\n try {\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 products.state.current.creator = {\n target: auth.state.user._id,\n type: 'user',\n hidden: false\n }\n \n // Передаем defaultVariant на бекенд при создании\n const productData = {\n ...products.state.current,\n defaultVariant: products.state.current.defaultVariant\n }\n \n await products.actions.create(productData)\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":["useRoute","useRouter","ref","onMounted","products.mutations","products.actions","products.state","categories.state","categories.actions","auth.state","setError"],"mappings":"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"}

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

@@ -39,8 +39,9 @@ const _hoisted_11 = {
   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 _hoisted_13 = { class: "flex gap-thin mn-b-thin" };
+const _hoisted_14 = { class: "radius-small pd-small flex-center flex aspect-1x1 bg-red cursor-pointer hover-scale-1" };
+const _hoisted_15 = { class: "flex-nowrap flex gap-thin" };
 const _sfc_main = {
   __name: "ProductEdit",
   emits: ["page-loading", "page-loaded"],
@@ -56,39 +57,32 @@ const _sfc_main = {
       if (route.params.product) {
         await actions.read({ _id: route.params.product, lookup: ["variants", "categories", "recommended"] });
       } else {
-        if (!state.current.variants || state.current.variants.length === 0) {
-          state.current.variants = [{
-            name: "Default",
-            sku: "",
-            images: [],
-            price: 0,
-            cost: 0,
+        if (!state.current.translations) {
+          state.current.translations = [];
+        }
+        if (!state.current.recommended) {
+          state.current.recommended = [];
+        }
+        if (!state.current.discounts) {
+          state.current.discounts = [];
+        }
+        if (!state.current.defaultVariant) {
+          state.current.defaultVariant = {
+            price: null,
             quantity: 1,
-            unit: "pcs",
-            available: 0,
-            ingredients: [],
-            attributes: []
-          }];
+            unit: "pcs"
+          };
+        }
+        try {
+          state$1.all = await actions$1.read({
+            user: state$2.user._id,
+            rootOnly: true,
+            excludeChildren: false,
+            limit: 100
+          });
+        } catch (error) {
+          console.error("error loading categories:", error);
         }
-      }
-      if (!state.current.translations) {
-        state.current.translations = [];
-      }
-      if (!state.current.recommended) {
-        state.current.recommended = [];
-      }
-      if (!state.current.discounts) {
-        state.current.discounts = [];
-      }
-      try {
-        state$1.all = await actions$1.read({
-          user: state$2.user._id,
-          rootOnly: true,
-          excludeChildren: false,
-          limit: 100
-        });
-      } catch (error) {
-        console.error("error loading categories:", error);
       }
       emits("page-loaded");
       isPageLoaded.value = true;
@@ -107,7 +101,11 @@ const _sfc_main = {
             type: "user",
             hidden: false
           };
-          await actions.create(state.current);
+          const productData = {
+            ...state.current,
+            defaultVariant: state.current.defaultVariant
+          };
+          await actions.create(productData);
         }
         redirectTo();
       } catch (error) {
@@ -138,7 +136,7 @@ const _sfc_main = {
               callback: redirectTo,
               class: "w-10 w-max-20r w-min-8r bg-red"
             }, {
-              default: withCtx(() => _cache[12] || (_cache[12] = [
+              default: withCtx(() => _cache[15] || (_cache[15] = [
                 createTextVNode(" Delete ")
               ])),
               _: 1
@@ -148,7 +146,7 @@ const _sfc_main = {
               callback: redirectTo,
               class: "w-10 w-max-20r w-min-8r bg-main"
             }, {
-              default: withCtx(() => _cache[13] || (_cache[13] = [
+              default: withCtx(() => _cache[16] || (_cache[16] = [
                 createTextVNode(" Save ")
               ])),
               _: 1
@@ -310,25 +308,59 @@ const _sfc_main = {
             ]),
             _: 1
           }),
+          !unref(route).params.product ? (openBlock(), createBlock(_sfc_main$1, {
+            key: 0,
+            title: "Price"
+          }, {
+            default: withCtx(() => [
+              createElementVNode("div", _hoisted_13, [
+                createVNode(Field, {
+                  field: state.current.defaultVariant.price,
+                  "onUpdate:field": _cache[8] || (_cache[8] = ($event) => state.current.defaultVariant.price = $event),
+                  label: "Price",
+                  type: "number",
+                  placeholder: "Enter price",
+                  class: "w-100 bg-white radius-small pd-medium"
+                }, null, 8, ["field"]),
+                createVNode(Field, {
+                  field: state.current.defaultVariant.quantity,
+                  "onUpdate:field": _cache[9] || (_cache[9] = ($event) => state.current.defaultVariant.quantity = $event),
+                  label: "Quantity",
+                  type: "number",
+                  placeholder: "Enter quantity",
+                  class: "w-100 bg-white radius-small pd-medium"
+                }, null, 8, ["field"]),
+                createVNode(Select, {
+                  select: state.current.defaultVariant.unit,
+                  "onUpdate:select": _cache[10] || (_cache[10] = ($event) => state.current.defaultVariant.unit = $event),
+                  label: "Unit",
+                  options: ["pcs", "g", "kg", "ml", "l", "oz"],
+                  placeholder: "Select unit",
+                  class: "w-100 bg-white radius-small pd-medium"
+                }, null, 8, ["select"])
+              ])
+            ]),
+            _: 1
+          })) : createCommentVNode("", true),
           createVNode(_sfc_main$6, {
             attributes: state.current.attributes,
-            "onUpdate:attributes": _cache[8] || (_cache[8] = ($event) => state.current.attributes = $event)
+            "onUpdate:attributes": _cache[11] || (_cache[11] = ($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[9] || (_cache[9] = ($event) => state.current.variants = $event)
+          "onUpdate:variants": _cache[12] || (_cache[12] = ($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[10] || (_cache[10] = ($event) => state.current.discounts = $event)
+          "onUpdate:discounts": _cache[13] || (_cache[13] = ($event) => state.current.discounts = $event)
         }, null, 8, ["discounts"])) : createCommentVNode("", true),
         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),
+          "onUpdate:recommended": _cache[14] || (_cache[14] = ($event) => state.current.recommended = $event),
           class: "cols-1 gap-thin"
         }, null, 8, ["recommended"])) : createCommentVNode("", true),
         unref(activeTab) === "localization" ? (openBlock(), createBlock(_sfc_main$1, {
@@ -364,7 +396,7 @@ const _sfc_main = {
                   placeholder: "Product description",
                   class: "w-100 bg-white radius-small pd-medium"
                 }, null, 8, ["field", "onUpdate:field"]),
-                createElementVNode("div", _hoisted_13, [
+                createElementVNode("div", _hoisted_14, [
                   createVNode(_sfc_main$a, {
                     onClick: () => state.current.translations.splice(index, 1),
                     class: "i-medium"
@@ -375,13 +407,13 @@ const _sfc_main = {
           ]),
           _: 1
         }, 8, ["actions"])) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_14, [
+        createElementVNode("div", _hoisted_15, [
           unref(route).params.product ? (openBlock(), createBlock(_sfc_main$2, {
             key: 0,
             submit: onDelete,
             class: "bg-red t-white w-100"
           }, {
-            default: withCtx(() => _cache[14] || (_cache[14] = [
+            default: withCtx(() => _cache[17] || (_cache[17] = [
               createTextVNode(" Delete ")
             ])),
             _: 1
@@ -390,7 +422,7 @@ const _sfc_main = {
             submit: onSubmit,
             class: "w-100 bg-main"
           }, {
-            default: withCtx(() => _cache[15] || (_cache[15] = [
+            default: withCtx(() => _cache[18] || (_cache[18] = [
               createTextVNode(" Save ")
             ])),
             _: 1

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

	@@ -1 +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 mn-b-thin 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 gap-micro scroll-hide bg-light radius-medium h-max pd-thin mn-b-thin o-x-scroll\"\n classTab=\"bg-white\"\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 class=\"bg-red t-white w-100\"\n >\n Delete \n </Button>\n\n <Button \n :submit=\"onSubmit\" \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 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 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":"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"}
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 mn-b-thin 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 gap-micro scroll-hide bg-light radius-medium h-max pd-thin mn-b-thin o-x-scroll\"\n classTab=\"bg-white\"\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\n <!-- Price Block (only for new products) -->\n <Block v-if=\"!route.params.product\" title=\"Price\">\n <div class=\"flex gap-thin mn-b-thin\">\n <Field\n v-model:field=\"products.state.current.defaultVariant.price\"\n label=\"Price\"\n type=\"number\"\n placeholder=\"Enter price\"\n class=\"w-100 bg-white radius-small pd-medium\"\n />\n <Field\n v-model:field=\"products.state.current.defaultVariant.quantity\"\n label=\"Quantity\"\n type=\"number\"\n placeholder=\"Enter quantity\"\n class=\"w-100 bg-white radius-small pd-medium\"\n />\n <Select\n v-model:select=\"products.state.current.defaultVariant.unit\"\n label=\"Unit\"\n :options=\"['pcs', 'g', 'kg', 'ml', 'l', 'oz']\"\n placeholder=\"Select unit\"\n class=\"w-100 bg-white radius-small pd-medium\"\n />\n </div>\n </Block>\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 class=\"bg-red t-white w-100\"\n >\n Delete \n </Button>\n\n <Button \n :submit=\"onSubmit\" \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.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 // Инициализируем defaultVariant для нового продукта\n if (!products.state.current.defaultVariant) {\n products.state.current.defaultVariant = {\n price: null,\n quantity: 1,\n unit: 'pcs'\n }\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 }\n\n emits('page-loaded');\n isPageLoaded.value = true\n})\n\nasync function onSubmit() {\n try {\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 products.state.current.creator = {\n target: auth.state.user._id,\n type: 'user',\n hidden: false\n }\n \n // Передаем defaultVariant на бекенд при создании\n const productData = {\n ...products.state.current,\n defaultVariant: products.state.current.defaultVariant\n }\n \n await products.actions.create(productData)\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/pages/Products.vue.cjs CHANGED Viewed

@@ -372,7 +372,6 @@ const _sfc_main = {
               options: {
                 limit: 16,
                 owner: vue.unref(route).name?.includes("Organization") ? vue.unref(route).params._id : null,
-                search: vue.unref(route).query.search,
                 lookup: ["variants", "rents", "inventory"],
                 categories: vue.unref(route).params.categoryPath ? `/${vue.unref(route).params.categoryPath}` : null,
                 filters: processedFilters.value,