@ozdao/martyrs 0.2.477 → 0.2.478

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

@@ -2,75 +2,101 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const vueRouter = require("vue-router");
-require("vue-i18n");
-;/* empty css                                                   */
 const Block = require("../../../../components/Block/Block.vue.cjs");
-;/* empty css                                   */
+const Tab = require("../../../../components/Tab/Tab.vue2.cjs");
 const Field = require("../../../../components/Field/Field.vue.cjs");
-const Checkbox = require("../../../../components/Checkbox/Checkbox.vue.cjs");
+const Select = require("../../../../components/Select/Select.vue.cjs");
 const Button = require("../../../../components/Button/Button.vue2.cjs");
-const Popup = require("../../../../components/Popup/Popup.vue2.cjs");
-const Feed = require("../../../../components/Feed/Feed.vue.cjs");
-const Tree = require("../../../../components/Tree/Tree.vue.cjs");
 const EditImages = require("../../../../components/EditImages/EditImages.vue2.cjs");
+const BlockMultiselect = require("../../../globals/views/components/blocks/BlockMultiselect.vue.cjs");
+const IconCross = require("../../../icons/navigation/IconCross.vue.cjs");
 const IconDelete = require("../../../icons/navigation/IconDelete.vue.cjs");
-const CardPosition = require("../blocks/CardPosition.vue.cjs");
-const CardOrderItem = require("../../../orders/components/blocks/CardOrderItem.vue.cjs");
-const EditProductInfo = require("../sections/EditProductInfo.vue.cjs");
+const EditVariants = require("../sections/EditVariants.vue.cjs");
+const EditAttributes = require("../sections/EditAttributes.vue.cjs");
+const EditDiscounts = require("../sections/EditDiscounts.vue.cjs");
+;/* empty css                                                   */
 const globals = require("../../../globals/views/store/globals.cjs");
 const auth = require("../../../auth/views/store/auth.cjs");
 const products = require("../../store/products.cjs");
 const categories = require("../../store/categories.cjs");
-;/* empty css                   */
-const _hoisted_1 = { class: "for-transition w-100 cols-1 bg-white pd-thin gap-thin" };
-const _hoisted_2 = { class: "t-truncate mn-r-auto" };
-const _hoisted_3 = { class: "cols-2 gap-thin" };
-const _hoisted_4 = { class: "radius-small h-100 i-big flex-center flex aspect-1x1 bg-red" };
-const _hoisted_5 = {
+const _hoisted_1 = {
   key: 0,
+  class: "w-100 bg-white pd-thin gap-thin"
+};
+const _hoisted_2 = { class: "t-truncate mn-r-auto" };
+const _hoisted_3 = {
+  key: 2,
   class: "cols-1 gap-thin"
 };
-const _hoisted_6 = { class: "bg-light mn-b-thin h-min-20r h-max-20r o-scroll pd-medium radius-big" };
-const _hoisted_7 = { class: "radius-small pd-small flex-center flex aspect-1x1 bg-red" };
+const _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 = {
+  key: 0,
+  class: "t-small t-transp"
+};
+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 = {
   __name: "ProductEdit",
-  setup(__props) {
+  emits: ["page-loading", "page-loaded"],
+  setup(__props, { emit: __emit }) {
     const route = vueRouter.useRoute();
     const router = vueRouter.useRouter();
-    const Products = vue.ref(products.state.all);
-    const isOpenIngredientPopup = vue.ref(false);
-    function openIngredientPopup(member) {
-      isOpenIngredientPopup.value = true;
-    }
-    function closeIngredientPopup() {
-      isOpenIngredientPopup.value = false;
-    }
+    const emits = __emit;
+    let isPageLoaded = vue.ref(false);
+    let activeTab = vue.ref("details");
     vue.onMounted(async () => {
+      emits("page-loading");
       products.mutations.resetProduct();
       if (route.params.product) {
-        await products.actions.read({ _id: route.params.product });
+        await products.actions.read({ _id: route.params.product, lookup: ["variants", "categories"] });
+      } else {
+        if (!products.state.current.variants || products.state.current.variants.length === 0) {
+          products.state.current.variants = [{
+            name: "Default",
+            sku: "",
+            images: [],
+            price: 0,
+            cost: 0,
+            quantity: 1,
+            unit: "pcs",
+            available: 0,
+            ingredients: [],
+            attributes: []
+          }];
+        }
       }
-      if (!products.state.current.ingredients) {
-        products.state.current.ingredients = [];
+      if (!products.state.current.translations) {
+        products.state.current.translations = [];
+      }
+      if (!products.state.current.discounts) {
+        products.state.current.discounts = [];
       }
-      categories.state.all = await categories.actions.read({
-        user: auth.state.user._id,
-        rootOnly: true,
-        excludeChildren: false,
-        limit: 100
-      });
       try {
-        const productsResponse = await products.actions.read({
-          organization: route.params._id,
+        categories.state.all = await categories.actions.read({
+          user: auth.state.user._id,
+          rootOnly: true,
+          excludeChildren: false,
           limit: 100
         });
-        Products.value = productsResponse;
       } catch (error) {
-        console.error("error");
+        console.error("error loading categories:", error);
       }
+      emits("page-loaded");
+      isPageLoaded.value = true;
     });
     async function onSubmit() {
       try {
+        if (!products.state.current.variants || products.state.current.variants.length === 0) {
+          globals.setError({ response: { data: { errorCode: "PRODUCT_MUST_HAVE_VARIANT" } } });
+          return;
+        }
         if (route.params.product) {
           await products.actions.update(route.params.product, products.state.current);
         } else {
@@ -85,6 +111,7 @@ const _sfc_main = {
           };
           await products.actions.create(products.state.current);
         }
+        redirectTo();
       } catch (error) {
         globals.setError({ response: { data: { errorCode: "PRODUCT_NOT_CREATED" } } });
         console.error("Product creation error:", error);
@@ -95,72 +122,12 @@ const _sfc_main = {
     }
     function redirectTo() {
       router.push({
-        name: "Organization",
-        params: {
-          _id: route.params._id
-        }
+        name: route.params._id ? "Organization" : "Products",
+        params: route.params._id ? { _id: route.params._id } : {}
       });
     }
-    async function updateCategoriesOrder(category) {
-      try {
-        const allCategories = categories.state.all;
-        const flattenedCategories = flattenCategoryTree(allCategories);
-        console.log("flated", flattenedCategories);
-        await categories.actions.updateOrder(flattenedCategories);
-        console.log("Categories order updated successfully");
-      } catch (error) {
-        console.error("Error updating categories order:", error);
-        throw error;
-      }
-    }
-    function selectCategory(item, event) {
-      products.state.current.category = event;
-      console.log("state catgories", products.state.current.category);
-      const isSelected = products.state.current.category.includes(item._id);
-      if (!isSelected) {
-        unselectChildren(item.children);
-      } else {
-        selectParents(item._id, categories.state.all);
-      }
-    }
-    const unselectChildren = (children) => {
-      if (!children) return;
-      children.forEach((child) => {
-        var _a;
-        const index = products.state.current.category.indexOf(child._id);
-        if (index !== -1) {
-          products.state.current.category.splice(index, 1);
-        }
-        if ((_a = child.children) == null ? void 0 : _a.length) {
-          unselectChildren(child.children);
-        }
-      });
-    };
-    const selectParents = (categoryId, items) => {
-      const findParent = (childId, itemsToSearch) => {
-        var _a, _b;
-        for (const item of itemsToSearch) {
-          if ((_a = item.children) == null ? void 0 : _a.some((child) => child._id === childId)) {
-            return item._id;
-          }
-          if ((_b = item.children) == null ? void 0 : _b.length) {
-            const foundInChildren = findParent(childId, item.children);
-            if (foundInChildren) return foundInChildren;
-          }
-        }
-        return null;
-      };
-      let currentId = categoryId;
-      let parentId;
-      while (parentId = findParent(currentId, items)) {
-        if (!products.state.current.category.includes(parentId)) {
-          products.state.current.category.push(parentId);
-        }
-        currentId = parentId;
-      }
-    };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+      return vue.unref(isPageLoaded) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
         !_ctx.MOBILE_APP ? (vue.openBlock(), vue.createBlock(Block.default, {
           key: 0,
           class: "flex-nowrap gap-thin flex-v-center flex"
@@ -173,7 +140,7 @@ const _sfc_main = {
               callback: redirectTo,
               class: "w-10 w-max-20r w-min-8r bg-red"
             }, {
-              default: vue.withCtx(() => _cache[2] || (_cache[2] = [
+              default: vue.withCtx(() => _cache[10] || (_cache[10] = [
                 vue.createTextVNode(" Delete ")
               ])),
               _: 1
@@ -183,7 +150,7 @@ const _sfc_main = {
               callback: redirectTo,
               class: "w-10 w-max-20r w-min-8r bg-main"
             }, {
-              default: vue.withCtx(() => _cache[3] || (_cache[3] = [
+              default: vue.withCtx(() => _cache[11] || (_cache[11] = [
                 vue.createTextVNode(" Save ")
               ])),
               _: 1
@@ -191,221 +158,197 @@ const _sfc_main = {
           ]),
           _: 1
         })) : vue.createCommentVNode("", true),
-        vue.createVNode(Block.default, {
-          placeholder: "The product doesn't have any images yet.",
-          class: "h-min"
-        }, {
-          default: vue.withCtx(() => [
-            vue.createVNode(EditImages.default, {
-              images: products.state.current.images,
-              uploadPath: "photos",
-              "onUpdate:images": _cache[0] || (_cache[0] = (imagesNew) => {
-                products.state.current.images = imagesNew;
-              })
-            }, null, 8, ["images"])
-          ]),
-          _: 1
-        }),
-        vue.createElementVNode("div", _hoisted_3, [
-          vue.createVNode(Block.default, { title: "Profile" }, {
-            default: vue.withCtx(() => [
-              vue.createVNode(EditProductInfo.default, {
-                product: products.state.current
-              }, null, 8, ["product"])
-            ]),
-            _: 1
-          }),
-          vue.createVNode(Block.default, {
-            title: "Categories",
-            actions: [{
-              label: "+",
-              function: () => vue.unref(router).push({
-                name: "Categories",
-                params: {
-                  _id: vue.unref(route).params._id || products.state.current.owner.target._id
-                }
-              })
-            }],
-            class: "h-100 h-min-30r o-y-scroll"
-          }, {
-            default: vue.withCtx(() => [
-              categories.state.all ? (vue.openBlock(), vue.createBlock(Tree.default, {
-                key: 0,
-                items: categories.state.all,
-                state: categories.state.all,
-                onUpdate: updateCategoriesOrder,
-                class: "h-zero pos-relative d-block"
-              }, {
-                default: vue.withCtx(({ item }) => [
-                  vue.createVNode(Checkbox.default, {
-                    name: "categories",
-                    class: "w-100 mn-t-small bg-white radius-small pd-small",
-                    label: item.name,
-                    value: item._id,
-                    radio: products.state.current.category,
-                    "onUpdate:radio": (event) => selectCategory(item, event)
-                  }, null, 8, ["label", "value", "radio", "onUpdate:radio"])
-                ]),
-                _: 1
-              }, 8, ["items", "state"])) : vue.createCommentVNode("", true)
-            ]),
-            _: 1
-          }, 8, ["actions"]),
+        vue.unref(route).params.product ? (vue.openBlock(), vue.createBlock(Tab.default, {
+          key: 1,
+          selected: vue.unref(activeTab),
+          "onUpdate:selected": _cache[0] || (_cache[0] = ($event) => vue.isRef(activeTab) ? activeTab.value = $event : activeTab = $event),
+          tabs: [
+            { label: "Details", value: "details" },
+            { label: "Variants", value: "variants" },
+            { label: "Discounts", value: "discounts" },
+            { label: "Localization", value: "localization" }
+          ],
+          class: "flex-child-default bg-light radius-medium h-max pd-thin o-x-scroll"
+        }, null, 8, ["selected"])) : vue.createCommentVNode("", true),
+        vue.unref(activeTab) === "details" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
           vue.createVNode(Block.default, {
-            title: "Parameters",
-            placeholder: "No parameters added yet",
-            actions: [{
-              label: "+",
-              function: () => products.state.current.information.push({ name: "", value: "" })
-            }],
-            class: "cols-1 gap-thin"
+            placeholder: "The product doesn't have any images yet.",
+            class: "h-min"
           }, {
             default: vue.withCtx(() => [
-              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(products.state.current.information, (item, index) => {
-                return vue.openBlock(), vue.createElementBlock("div", {
-                  class: "gap-thin flex-nowrap flex",
-                  key: index
-                }, [
-                  vue.createVNode(Field.default, {
-                    field: item.name,
-                    "onUpdate:field": ($event) => item.name = $event,
-                    placeholder: "Name",
-                    class: "w-100 bg-white radius-small pd-medium"
-                  }, null, 8, ["field", "onUpdate:field"]),
-                  vue.createVNode(Field.default, {
-                    field: item.value,
-                    "onUpdate:field": ($event) => item.value = $event,
-                    placeholder: "Value",
-                    class: "w-100 bg-white radius-small pd-medium"
-                  }, null, 8, ["field", "onUpdate:field"]),
-                  vue.createElementVNode("div", _hoisted_4, [
-                    vue.createVNode(IconDelete.default, {
-                      onClick: () => products.state.current.information.splice(index, 1),
-                      class: "i-medium"
-                    }, null, 8, ["onClick"])
-                  ])
-                ]);
-              }), 128))
+              vue.createVNode(EditImages.default, {
+                images: products.state.current.images,
+                uploadPath: "photos",
+                "onUpdate:images": _cache[1] || (_cache[1] = (imagesNew) => {
+                  products.state.current.images = imagesNew;
+                })
+              }, null, 8, ["images"])
             ]),
             _: 1
-          }, 8, ["actions"]),
-          vue.createVNode(Block.default, {
-            title: "Ingredients",
-            placeholder: "No ingridients added yet",
-            actions: [{
-              label: "+",
-              function: () => openIngredientPopup()
-            }]
-          }, {
+          }),
+          vue.createVNode(Block.default, { title: "Profile" }, {
             default: vue.withCtx(() => [
-              products.state.current.ingredients.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
-                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(products.state.current.ingredients, (product, index) => {
-                  return vue.openBlock(), vue.createBlock(CardPosition.default, {
-                    key: product._id,
-                    product,
-                    array: products.state.current.ingredients,
-                    products: Products.value,
-                    showPrice: false,
-                    onAdd: _cache[1] || (_cache[1] = (item) => {
-                      globals.actions.add(products.state.current.ingredients, item);
-                      closeIngredientPopup();
-                    }),
-                    onUpdate: (item) => {
-                      globals.actions.update(products.state.current.ingredients, item, index);
-                      closeIngredientPopup();
-                    },
-                    onDelete: (item) => {
-                      globals.actions.delete(products.state.current.ingredients, item, index);
-                      closeIngredientPopup();
-                    }
-                  }, null, 8, ["product", "array", "products", "onUpdate", "onDelete"]);
-                }), 128))
-              ])) : vue.createCommentVNode("", true)
+              vue.createElementVNode("div", _hoisted_4, [
+                vue.createVNode(Select.default, {
+                  select: products.state.current.status,
+                  "onUpdate:select": _cache[2] || (_cache[2] = ($event) => products.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"]),
+                vue.createVNode(Select.default, {
+                  select: products.state.current.listing,
+                  "onUpdate:select": _cache[3] || (_cache[3] = ($event) => products.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"])
+              ]),
+              vue.createVNode(Field.default, {
+                field: products.state.current.name,
+                "onUpdate:field": _cache[4] || (_cache[4] = ($event) => products.state.current.name = $event),
+                placeholder: "Enter product name",
+                class: "w-100 mn-b-thin bg-white radius-small pd-medium"
+              }, null, 8, ["field"]),
+              vue.createVNode(Field.default, {
+                field: products.state.current.description,
+                "onUpdate:field": _cache[5] || (_cache[5] = ($event) => products.state.current.description = $event),
+                placeholder: "Enter product description",
+                class: "w-100 bg-white radius-small pd-medium",
+                type: "textarea"
+              }, null, 8, ["field"])
             ]),
             _: 1
-          }, 8, ["actions"]),
-          vue.createVNode(Popup.default, {
-            title: "Add ingredient",
-            onClosePopup: closeIngredientPopup,
-            isPopupOpen: isOpenIngredientPopup.value,
-            class: "bg-white w-min-30r w-max-30r radius-big pd-medium"
-          }, {
+          }),
+          vue.createVNode(Block.default, { title: "Categories" }, {
             default: vue.withCtx(() => [
-              vue.createElementVNode("div", _hoisted_6, [
-                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) => {
-                      return vue.openBlock(), vue.createBlock(CardOrderItem.default, {
-                        key: product._id,
-                        editable: false,
-                        product,
-                        onClick: () => {
-                          let p = { ...product };
-                          p.quantity = 1;
-                          p.type = "pcs";
-                          globals.actions.add(products.state.current.ingredients, p);
-                          closeIngredientPopup();
-                        },
-                        class: "bg-white pd-thin radius-medium w-100 mn-b-thin"
-                      }, null, 8, ["product", "onClick"]);
-                    }), 128))
-                  ]),
-                  _: 1
-                }, 8, ["store", "options"])
-              ])
+              vue.createVNode(BlockMultiselect.default, {
+                modelValue: products.state.current.category,
+                "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => products.state.current.category = $event),
+                placeholder: "Search categories...",
+                multiple: true,
+                transform: (item) => ({ _id: item._id, name: item.name }),
+                store: {
+                  read: (options) => categories.actions.read(options),
+                  state: categories.state
+                },
+                options: {
+                  rootOnly: false,
+                  excludeChildren: false,
+                  limit: 50
+                },
+                skeleton: {
+                  hide: false,
+                  horizontal: true,
+                  structure: [
+                    { block: "text", size: "large" }
+                  ]
+                },
+                states: {
+                  empty: {
+                    title: "No categories found",
+                    description: "Try different search terms or create a new category"
+                  }
+                },
+                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"
+              }, {
+                selected: vue.withCtx(({ item, clear }) => [
+                  vue.createElementVNode("div", _hoisted_5, [
+                    vue.createElementVNode("span", _hoisted_6, vue.toDisplayString((item == null ? void 0 : item.name) || item), 1),
+                    vue.createElementVNode("button", {
+                      onClick: vue.withModifiers(clear, ["stop"]),
+                      class: "i-small pd-micro bg-red radius-extra flex-center flex aspect-1x1 hover-scale-1"
+                    }, [
+                      vue.createVNode(IconCross.default, { class: "i-micro fill-white" })
+                    ], 8, _hoisted_7)
+                  ])
+                ]),
+                item: vue.withCtx(({ item }) => [
+                  vue.createElementVNode("div", _hoisted_8, [
+                    item.photo ? (vue.openBlock(), vue.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)) : vue.createCommentVNode("", true),
+                    vue.createElementVNode("div", _hoisted_10, [
+                      vue.createElementVNode("p", _hoisted_11, vue.toDisplayString(item.name), 1),
+                      item.description ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_12, vue.toDisplayString(item.description), 1)) : vue.createCommentVNode("", true)
+                    ])
+                  ])
+                ]),
+                _: 1
+              }, 8, ["modelValue", "transform", "store", "label"])
             ]),
             _: 1
-          }, 8, ["isPopupOpen"])
-        ]),
-        vue.createVNode(Block.default, {
+          }),
+          vue.createVNode(EditAttributes.default, {
+            attributes: products.state.current.attributes,
+            "onUpdate:attributes": _cache[7] || (_cache[7] = ($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[8] || (_cache[8] = ($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[9] || (_cache[9] = ($event) => products.state.current.discounts = $event)
+        }, null, 8, ["discounts"])) : vue.createCommentVNode("", true),
+        vue.unref(activeTab) === "localization" ? (vue.openBlock(), vue.createBlock(Block.default, {
+          key: 5,
           title: "Localization",
           placeholder: "No localizations added yet",
           actions: [{
             label: "+",
-            function: () => products.state.current.localization.push({ name: "", value: "" })
+            function: () => products.state.current.translations.push({ locale: "", name: "", description: "" })
           }]
         }, {
           default: vue.withCtx(() => [
-            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(products.state.current.localization, (item, index) => {
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(products.state.current.translations, (item, index) => {
               return vue.openBlock(), vue.createElementBlock("div", {
                 class: "gap-thin mn-b-thin flex-nowrap flex",
                 key: index
               }, [
+                vue.createVNode(Field.default, {
+                  field: item.locale,
+                  "onUpdate:field": ($event) => item.locale = $event,
+                  placeholder: "Locale (en, ru, etc.)",
+                  class: "w-30 bg-white radius-small pd-medium"
+                }, null, 8, ["field", "onUpdate:field"]),
                 vue.createVNode(Field.default, {
                   field: item.name,
                   "onUpdate:field": ($event) => item.name = $event,
-                  placeholder: "Название параметра",
+                  placeholder: "Product name",
                   class: "w-100 bg-white radius-small pd-medium"
                 }, null, 8, ["field", "onUpdate:field"]),
                 vue.createVNode(Field.default, {
-                  field: item.value,
-                  "onUpdate:field": ($event) => item.value = $event,
-                  placeholder: "Значение параметра",
+                  field: item.description,
+                  "onUpdate:field": ($event) => item.description = $event,
+                  placeholder: "Product description",
                   class: "w-100 bg-white radius-small pd-medium"
                 }, null, 8, ["field", "onUpdate:field"]),
-                vue.createElementVNode("div", _hoisted_7, [
+                vue.createElementVNode("div", _hoisted_13, [
                   vue.createVNode(IconDelete.default, {
-                    onClick: () => products.state.current.localization.splice(index, 1),
+                    onClick: () => products.state.current.translations.splice(index, 1),
                     class: "i-medium"
                   }, null, 8, ["onClick"])
                 ])
@@ -413,29 +356,31 @@ const _sfc_main = {
             }), 128))
           ]),
           _: 1
-        }, 8, ["actions"]),
-        vue.unref(route).params.product ? (vue.openBlock(), vue.createBlock(Button.default, {
-          key: 1,
-          submit: onDelete,
-          callback: redirectTo,
-          class: "bg-red w-100 mn-t-thin"
-        }, {
-          default: vue.withCtx(() => _cache[4] || (_cache[4] = [
-            vue.createTextVNode(" Delete ")
-          ])),
-          _: 1
-        })) : vue.createCommentVNode("", true),
-        vue.createVNode(Button.default, {
-          submit: onSubmit,
-          callback: redirectTo,
-          class: "w-100 bg-main"
-        }, {
-          default: vue.withCtx(() => _cache[5] || (_cache[5] = [
-            vue.createTextVNode(" Save ")
-          ])),
-          _: 1
-        })
-      ]);
+        }, 8, ["actions"])) : vue.createCommentVNode("", true),
+        vue.createElementVNode("div", _hoisted_14, [
+          vue.unref(route).params.product ? (vue.openBlock(), vue.createBlock(Button.default, {
+            key: 0,
+            submit: onDelete,
+            callback: redirectTo,
+            class: "bg-red t-white w-100"
+          }, {
+            default: vue.withCtx(() => _cache[12] || (_cache[12] = [
+              vue.createTextVNode(" Delete ")
+            ])),
+            _: 1
+          })) : vue.createCommentVNode("", true),
+          vue.createVNode(Button.default, {
+            submit: onSubmit,
+            callback: redirectTo,
+            class: "w-100 bg-main"
+          }, {
+            default: vue.withCtx(() => _cache[13] || (_cache[13] = [
+              vue.createTextVNode(" Save ")
+            ])),
+            _: 1
+          })
+        ])
+      ])) : vue.createCommentVNode("", true);
     };
   }
 };