@ozdao/martyrs 0.2.477 → 0.2.478

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

@@ -0,0 +1,168 @@
+import { useModel, ref, reactive, createElementBlock, openBlock, Fragment, createVNode, withCtx, createCommentVNode, renderList, createElementVNode, toDisplayString, createTextVNode } from "vue";
+import _sfc_main$1 from "../../../../components/Block/Block.vue.js";
+import Field from "../../../../components/Field/Field.vue.js";
+import _sfc_main$5 from "../../../../components/Button/Button.vue2.js";
+import _sfc_main$4 from "../../../../components/Popup/Popup.vue.js";
+import _sfc_main$2 from "../../../icons/navigation/IconEdit.vue.js";
+import _sfc_main$3 from "../../../icons/navigation/IconDelete.vue.js";
+const _hoisted_1 = {
+  key: 0,
+  class: "cols-1 gap-thin"
+};
+const _hoisted_2 = { class: "w-100" };
+const _hoisted_3 = { class: "p-medium mn-b-thin t-medium d-block" };
+const _hoisted_4 = { class: "t-medium t-transp" };
+const _hoisted_5 = { class: "flex gap-thin" };
+const _hoisted_6 = ["onClick"];
+const _hoisted_7 = ["onClick"];
+const _hoisted_8 = { class: "cols-1 gap-thin" };
+const _hoisted_9 = { class: "flex gap-thin mn-t-medium" };
+const _sfc_main = {
+  __name: "EditAttributes",
+  props: {
+    "attributes": {},
+    "attributesModifiers": {}
+  },
+  emits: ["update:attributes"],
+  setup(__props) {
+    const attributes = useModel(__props, "attributes");
+    const isAttributePopupOpen = ref(false);
+    const editingAttributeIndex = ref(null);
+    const currentAttribute = reactive({
+      name: "",
+      value: ""
+    });
+    function openAttributePopup(index) {
+      if (index !== void 0) {
+        editingAttributeIndex.value = index;
+        const attribute = attributes.value[index];
+        Object.assign(currentAttribute, {
+          name: attribute.name || "",
+          value: attribute.value || ""
+        });
+      } else {
+        editingAttributeIndex.value = null;
+        Object.assign(currentAttribute, {
+          name: "",
+          value: ""
+        });
+      }
+      isAttributePopupOpen.value = true;
+    }
+    function closeAttributePopup() {
+      isAttributePopupOpen.value = false;
+      editingAttributeIndex.value = null;
+    }
+    function saveAttribute() {
+      if (!currentAttribute.name) {
+        alert("Parameter name is required");
+        return;
+      }
+      const attributeToSave = {
+        name: currentAttribute.name,
+        value: currentAttribute.value
+      };
+      if (editingAttributeIndex.value !== null) {
+        attributes.value.splice(editingAttributeIndex.value, 1, attributeToSave);
+      } else {
+        attributes.value.push(attributeToSave);
+      }
+      closeAttributePopup();
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createVNode(_sfc_main$1, {
+          title: "Parameters",
+          placeholder: "No parameters added yet",
+          actions: [{
+            label: "+",
+            function: () => openAttributePopup()
+          }]
+        }, {
+          default: withCtx(() => [
+            attributes.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_1, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(attributes.value, (attribute, index) => {
+                return openBlock(), createElementBlock("div", {
+                  key: index,
+                  class: "bg-white radius-small pd-small flex-nowrap flex-v-center flex gap-thin"
+                }, [
+                  createElementVNode("div", _hoisted_2, [
+                    createElementVNode("p", _hoisted_3, toDisplayString(attribute.name || "Unnamed parameter"), 1),
+                    createElementVNode("p", _hoisted_4, toDisplayString(attribute.value || "No value"), 1)
+                  ]),
+                  createElementVNode("div", _hoisted_5, [
+                    createElementVNode("div", {
+                      onClick: () => openAttributePopup(index),
+                      class: "radius-small pd-small flex-center flex aspect-1x1 bg-light cursor-pointer hover-scale-1"
+                    }, [
+                      createVNode(_sfc_main$2, { class: "i-regular" })
+                    ], 8, _hoisted_6),
+                    createElementVNode("div", {
+                      onClick: () => attributes.value.splice(index, 1),
+                      class: "radius-small pd-small flex-center flex aspect-1x1 bg-red cursor-pointer hover-scale-1"
+                    }, [
+                      createVNode(_sfc_main$3, { class: "i-regular" })
+                    ], 8, _hoisted_7)
+                  ])
+                ]);
+              }), 128))
+            ])) : createCommentVNode("", true)
+          ]),
+          _: 1
+        }, 8, ["actions"]),
+        createVNode(_sfc_main$4, {
+          title: "Edit Parameter",
+          onClosePopup: closeAttributePopup,
+          isPopupOpen: isAttributePopupOpen.value,
+          class: "bg-white w-max-40r radius-medium pd-medium"
+        }, {
+          default: withCtx(() => [
+            createElementVNode("div", _hoisted_8, [
+              createVNode(Field, {
+                field: currentAttribute.name,
+                "onUpdate:field": _cache[0] || (_cache[0] = ($event) => currentAttribute.name = $event),
+                label: "Name",
+                placeholder: "Parameter Name",
+                class: "w-100 bg-light radius-small pd-small"
+              }, null, 8, ["field"]),
+              createVNode(Field, {
+                field: currentAttribute.value,
+                "onUpdate:field": _cache[1] || (_cache[1] = ($event) => currentAttribute.value = $event),
+                label: "Value",
+                placeholder: "Parameter Value",
+                class: "w-100 bg-light radius-small pd-small"
+              }, null, 8, ["field"]),
+              createElementVNode("div", _hoisted_9, [
+                createVNode(_sfc_main$5, {
+                  showSuccess: false,
+                  showLoader: false,
+                  class: "bg-red t-white w-100",
+                  onClick: closeAttributePopup
+                }, {
+                  default: withCtx(() => _cache[2] || (_cache[2] = [
+                    createTextVNode(" Cancel ")
+                  ])),
+                  _: 1
+                }),
+                createVNode(_sfc_main$5, {
+                  class: "bg-main w-100",
+                  onClick: saveAttribute
+                }, {
+                  default: withCtx(() => _cache[3] || (_cache[3] = [
+                    createTextVNode(" Save ")
+                  ])),
+                  _: 1
+                })
+              ])
+            ])
+          ]),
+          _: 1
+        }, 8, ["isPopupOpen"])
+      ], 64);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=EditAttributes.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EditAttributes.vue.js","sources":["../../../../../../../src/modules/products/components/sections/EditAttributes.vue"],"sourcesContent":["<template>\n  <Block\n    title=\"Parameters\"\n    placeholder=\"No parameters added yet\"\n    :actions=\"[{\n      label: '+',\n      function: () => openAttributePopup()\n    }]\"\n  >\n    <div v-if=\"attributes.length > 0\" class=\"cols-1 gap-thin\">\n      <div\n        v-for=\"(attribute, index) in attributes\"\n        :key=\"index\"\n        class=\"bg-white radius-small pd-small flex-nowrap flex-v-center flex gap-thin\"\n      >\n        <div class=\"w-100\">\n          <p class=\"p-medium mn-b-thin t-medium d-block\">{{ attribute.name || 'Unnamed parameter' }}</p>\n          <p class=\"t-medium t-transp\">{{ attribute.value || 'No value' }}</p>\n        </div>\n        \n        <div class=\"flex gap-thin\">\n          <div @click=\"() => openAttributePopup(index)\" class=\"radius-small pd-small flex-center flex aspect-1x1 bg-light cursor-pointer hover-scale-1\">\n            <IconEdit\n              class=\"i-regular\"\n            />\n          </div>\n          <div @click=\"() => attributes.splice(index, 1)\" class=\"radius-small pd-small flex-center flex aspect-1x1 bg-red cursor-pointer hover-scale-1\">\n            <IconDelete\n              class=\"i-regular\"\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n  </Block>\n\n  <Popup\n    title=\"Edit Parameter\"\n    @close-popup=\"closeAttributePopup\"\n    :isPopupOpen=\"isAttributePopupOpen\"\n    class=\"bg-white w-max-40r radius-medium pd-medium\"\n  >\n    <div class=\"cols-1 gap-thin\">\n      <Field\n        v-model:field=\"currentAttribute.name\"\n        label=\"Name\"\n        placeholder=\"Parameter Name\"\n        class=\"w-100 bg-light radius-small pd-small\"\n      />\n\n      <Field\n        v-model:field=\"currentAttribute.value\"\n        label=\"Value\"\n        placeholder=\"Parameter Value\"\n        class=\"w-100 bg-light radius-small pd-small\"\n      />\n\n      <div class=\"flex gap-thin mn-t-medium\">\n        <Button\n          :showSuccess=\"false\"\n          :showLoader=\"false\"\n          class=\"bg-red t-white w-100\"\n          @click=\"closeAttributePopup\"\n        >\n          Cancel\n        </Button>\n        <Button\n          class=\"bg-main w-100\"\n          @click=\"saveAttribute\"\n        >\n          Save\n        </Button>\n      </div>\n    </div>\n  </Popup>\n</template>\n\n<script setup>\nimport { ref, reactive, defineModel } from 'vue';\nimport Block from '@martyrs/src/components/Block/Block.vue';\nimport Field from '@martyrs/src/components/Field/Field.vue';\nimport Button from '@martyrs/src/components/Button/Button.vue';\nimport Popup from '@martyrs/src/components/Popup/Popup.vue';\nimport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue';\nimport IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue';\n\n// Используем defineModel для работы с v-model в родительском компоненте\nconst attributes = defineModel('attributes');\n\n// Локальное состояние\nconst isAttributePopupOpen = ref(false);\nconst editingAttributeIndex = ref(null);\nconst currentAttribute = reactive({\n  name: '',\n  value: ''\n});\n\n// Функция открытия попапа добавления/редактирования\nfunction openAttributePopup(index) {\n  // Если передан индекс, это редактирование существующего атрибута\n  if (index !== undefined) {\n    editingAttributeIndex.value = index;\n    const attribute = attributes.value[index];\n    \n    // Копируем данные в currentAttribute\n    Object.assign(currentAttribute, {\n      name: attribute.name || '',\n      value: attribute.value || ''\n    });\n  } else {\n    // Сброс данных при создании нового атрибута\n    editingAttributeIndex.value = null;\n    Object.assign(currentAttribute, {\n      name: '',\n      value: ''\n    });\n  }\n  \n  isAttributePopupOpen.value = true;\n}\n\n// Закрытие попапа\nfunction closeAttributePopup() {\n  isAttributePopupOpen.value = false;\n  editingAttributeIndex.value = null;\n}\n\n// Сохранение атрибута\nfunction saveAttribute() {\n  // Проверка на основные поля\n  if (!currentAttribute.name) {\n    alert('Parameter name is required');\n    return;\n  }\n\n  // Создаем копию текущего атрибута для сохранения\n  const attributeToSave = {\n    name: currentAttribute.name,\n    value: currentAttribute.value\n  };\n\n  // Если редактируем существующий атрибут\n  if (editingAttributeIndex.value !== null) {\n    // Обновляем существующий атрибут\n    attributes.value.splice(editingAttributeIndex.value, 1, attributeToSave);\n  } else {\n    // Добавляем новый атрибут\n    attributes.value.push(attributeToSave);\n  }\n\n  // Закрываем попап\n  closeAttributePopup();\n}\n</script>"],"names":["_useModel"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAuFA,UAAM,aAAaA,SAAW,SAAC,YAAY;AAG3C,UAAM,uBAAuB,IAAI,KAAK;AACtC,UAAM,wBAAwB,IAAI,IAAI;AACtC,UAAM,mBAAmB,SAAS;AAAA,MAChC,MAAM;AAAA,MACN,OAAO;AAAA,IACT,CAAC;AAGD,aAAS,mBAAmB,OAAO;AAEjC,UAAI,UAAU,QAAW;AACvB,8BAAsB,QAAQ;AAC9B,cAAM,YAAY,WAAW,MAAM,KAAK;AAGxC,eAAO,OAAO,kBAAkB;AAAA,UAC9B,MAAM,UAAU,QAAQ;AAAA,UACxB,OAAO,UAAU,SAAS;AAAA,QAChC,CAAK;AAAA,MACL,OAAS;AAEL,8BAAsB,QAAQ;AAC9B,eAAO,OAAO,kBAAkB;AAAA,UAC9B,MAAM;AAAA,UACN,OAAO;AAAA,QACb,CAAK;AAAA,MACL;AAEE,2BAAqB,QAAQ;AAAA,IAC/B;AAGA,aAAS,sBAAsB;AAC7B,2BAAqB,QAAQ;AAC7B,4BAAsB,QAAQ;AAAA,IAChC;AAGA,aAAS,gBAAgB;AAEvB,UAAI,CAAC,iBAAiB,MAAM;AAC1B,cAAM,4BAA4B;AAClC;AAAA,MACJ;AAGE,YAAM,kBAAkB;AAAA,QACtB,MAAM,iBAAiB;AAAA,QACvB,OAAO,iBAAiB;AAAA,MACzB;AAGD,UAAI,sBAAsB,UAAU,MAAM;AAExC,mBAAW,MAAM,OAAO,sBAAsB,OAAO,GAAG,eAAe;AAAA,MAC3E,OAAS;AAEL,mBAAW,MAAM,KAAK,eAAe;AAAA,MACzC;AAGE,0BAAqB;AAAA,IACvB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,319 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const Block = require("../../../../components/Block/Block.vue.cjs");
+const Field = require("../../../../components/Field/Field.vue.cjs");
+const Button = require("../../../../components/Button/Button.vue2.cjs");
+const Popup = require("../../../../components/Popup/Popup.vue.cjs");
+const Select = require("../../../../components/Select/Select.vue.cjs");
+const IconEdit = require("../../../icons/navigation/IconEdit.vue.cjs");
+const IconDelete = require("../../../icons/navigation/IconDelete.vue.cjs");
+const _hoisted_1 = {
+  key: 0,
+  class: "cols-1 gap-thin"
+};
+const _hoisted_2 = { class: "w-100" };
+const _hoisted_3 = { class: "p-medium mn-b-thin t-medium d-block" };
+const _hoisted_4 = { class: "t-medium t-transp" };
+const _hoisted_5 = {
+  key: 0,
+  class: "t-small t-transp"
+};
+const _hoisted_6 = { class: "flex gap-thin" };
+const _hoisted_7 = ["onClick"];
+const _hoisted_8 = ["onClick"];
+const _hoisted_9 = { class: "cols-1 gap-thin" };
+const _hoisted_10 = { class: "cols-2 mobile:cols-1 gap-thin" };
+const _hoisted_11 = { class: "cols-2 mobile:cols-1 gap-thin" };
+const _hoisted_12 = { class: "flex gap-thin mn-t-medium" };
+const _sfc_main = {
+  __name: "EditDiscounts",
+  props: {
+    "discounts": { default: () => [] },
+    "discountsModifiers": {}
+  },
+  emits: ["update:discounts"],
+  setup(__props) {
+    const discounts = vue.useModel(__props, "discounts");
+    const isDiscountPopupOpen = vue.ref(false);
+    const editingDiscountIndex = vue.ref(null);
+    const currentDiscount = vue.reactive({
+      name: "",
+      description: "",
+      type: "discount",
+      // discount или special_price
+      value: 0,
+      quantity: 1,
+      date: {
+        start: null,
+        end: null
+      },
+      time: {
+        start: "",
+        end: ""
+      },
+      users: []
+    });
+    function formatDateRange(dateRange) {
+      if (!dateRange) return "";
+      let result = "";
+      if (dateRange.start) {
+        const startDate = new Date(dateRange.start);
+        result += startDate.toLocaleDateString();
+      }
+      result += " - ";
+      if (dateRange.end) {
+        const endDate = new Date(dateRange.end);
+        result += endDate.toLocaleDateString();
+      }
+      return result;
+    }
+    function openDiscountPopup(index) {
+      var _a, _b, _c, _d;
+      if (index !== void 0) {
+        editingDiscountIndex.value = index;
+        const discount = discounts.value[index];
+        Object.assign(currentDiscount, {
+          name: discount.name || "",
+          description: discount.description || "",
+          type: discount.type || "discount",
+          value: discount.value || 0,
+          quantity: discount.quantity || 1,
+          date: {
+            start: ((_a = discount.date) == null ? void 0 : _a.start) || null,
+            end: ((_b = discount.date) == null ? void 0 : _b.end) || null
+          },
+          time: {
+            start: ((_c = discount.time) == null ? void 0 : _c.start) || "",
+            end: ((_d = discount.time) == null ? void 0 : _d.end) || ""
+          },
+          users: Array.isArray(discount.users) ? [...discount.users] : []
+        });
+      } else {
+        editingDiscountIndex.value = null;
+        Object.assign(currentDiscount, {
+          name: "",
+          description: "",
+          type: "discount",
+          value: 0,
+          quantity: 1,
+          date: {
+            start: null,
+            end: null
+          },
+          time: {
+            start: "",
+            end: ""
+          },
+          users: []
+        });
+      }
+      isDiscountPopupOpen.value = true;
+    }
+    function closeDiscountPopup() {
+      isDiscountPopupOpen.value = false;
+      editingDiscountIndex.value = null;
+    }
+    function saveDiscount() {
+      if (currentDiscount.type === "discount" && (currentDiscount.value < 0 || currentDiscount.value > 100)) {
+        alert("Discount value must be between 0 and 100");
+        return;
+      }
+      if (currentDiscount.type === "special_price" && currentDiscount.value < 0) {
+        alert("Special price must be greater than or equal to 0");
+        return;
+      }
+      const discountToSave = {
+        name: currentDiscount.name,
+        description: currentDiscount.description,
+        type: currentDiscount.type || "discount",
+        value: parseFloat(currentDiscount.value) || 0,
+        quantity: parseInt(currentDiscount.quantity) || 1,
+        date: {
+          start: currentDiscount.date.start,
+          end: currentDiscount.date.end
+        },
+        time: {
+          start: currentDiscount.time.start,
+          end: currentDiscount.time.end
+        },
+        users: [...currentDiscount.users]
+      };
+      if (editingDiscountIndex.value !== null) {
+        discounts.value.splice(editingDiscountIndex.value, 1, discountToSave);
+      } else {
+        if (!discounts.value) {
+          discounts.value = [];
+        }
+        discounts.value.push(discountToSave);
+      }
+      closeDiscountPopup();
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+        vue.createVNode(Block.default, {
+          title: "Discounts",
+          placeholder: "No discounts added yet",
+          actions: [{
+            label: "+",
+            function: () => openDiscountPopup()
+          }]
+        }, {
+          default: vue.withCtx(() => [
+            discounts.value.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(discounts.value, (discount, index) => {
+                return vue.openBlock(), vue.createElementBlock("div", {
+                  key: index,
+                  class: "bg-white radius-small pd-small flex-nowrap flex-v-center flex gap-thin"
+                }, [
+                  vue.createElementVNode("div", _hoisted_2, [
+                    vue.createElementVNode("p", _hoisted_3, vue.toDisplayString(discount.name || "Unnamed discount"), 1),
+                    vue.createElementVNode("p", _hoisted_4, [
+                      discount.type === "special_price" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+                        vue.createTextVNode(" Special price: " + vue.toDisplayString(_ctx.formatPrice(discount.value)), 1)
+                      ], 64)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+                        vue.createTextVNode(vue.toDisplayString(discount.value) + "% off ", 1)
+                      ], 64))
+                    ]),
+                    discount.date && (discount.date.start || discount.date.end) ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_5, vue.toDisplayString(formatDateRange(discount.date)), 1)) : vue.createCommentVNode("", true)
+                  ]),
+                  vue.createElementVNode("div", _hoisted_6, [
+                    vue.createElementVNode("div", {
+                      onClick: () => openDiscountPopup(index),
+                      class: "radius-small pd-small flex-center flex aspect-1x1 bg-light cursor-pointer hover-scale-1"
+                    }, [
+                      vue.createVNode(IconEdit.default, { class: "i-regular" })
+                    ], 8, _hoisted_7),
+                    vue.createElementVNode("div", {
+                      onClick: () => discounts.value.splice(index, 1),
+                      class: "radius-small pd-small flex-center flex aspect-1x1 bg-red cursor-pointer hover-scale-1"
+                    }, [
+                      vue.createVNode(IconDelete.default, { class: "i-regular" })
+                    ], 8, _hoisted_8)
+                  ])
+                ]);
+              }), 128))
+            ])) : vue.createCommentVNode("", true)
+          ]),
+          _: 1
+        }, 8, ["actions"]),
+        vue.createVNode(Popup.default, {
+          title: "Edit Discount",
+          onClosePopup: closeDiscountPopup,
+          isPopupOpen: isDiscountPopupOpen.value,
+          class: "bg-white w-max-40r radius-medium pd-medium"
+        }, {
+          default: vue.withCtx(() => [
+            vue.createElementVNode("div", _hoisted_9, [
+              vue.createVNode(Field.default, {
+                field: currentDiscount.name,
+                "onUpdate:field": _cache[0] || (_cache[0] = ($event) => currentDiscount.name = $event),
+                label: "Name",
+                placeholder: "Discount Name",
+                class: "w-100 bg-light radius-small pd-small"
+              }, null, 8, ["field"]),
+              vue.createVNode(Field.default, {
+                field: currentDiscount.description,
+                "onUpdate:field": _cache[1] || (_cache[1] = ($event) => currentDiscount.description = $event),
+                label: "Description",
+                type: "textarea",
+                placeholder: "Discount Description",
+                class: "w-100 bg-light radius-small pd-small"
+              }, null, 8, ["field"]),
+              vue.createVNode(Field.default, {
+                field: currentDiscount.value,
+                "onUpdate:field": _cache[3] || (_cache[3] = ($event) => currentDiscount.value = $event),
+                label: currentDiscount.type === "special_price" ? "Special Price" : "Discount",
+                placeholder: currentDiscount.type === "special_price" ? "New price" : "Discount percentage",
+                class: "w-100 bg-light radius-small pd-small"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(Select.default, {
+                    select: currentDiscount.type,
+                    "onUpdate:select": _cache[2] || (_cache[2] = ($event) => currentDiscount.type = $event),
+                    placeholder: "Select type",
+                    value: "label",
+                    property: "value",
+                    options: [
+                      { value: "discount", label: "Discount (%)" },
+                      { value: "special_price", label: "Special Price" }
+                    ],
+                    class: "pos-relative t-nowrap bg-white gap-small flex flex-column pd-thin radius-thin"
+                  }, null, 8, ["select"])
+                ]),
+                _: 1
+              }, 8, ["field", "label", "placeholder"]),
+              vue.createVNode(Field.default, {
+                field: currentDiscount.quantity,
+                "onUpdate:field": _cache[4] || (_cache[4] = ($event) => currentDiscount.quantity = $event),
+                label: "Quantity",
+                type: "number",
+                placeholder: "Quantity to get discount",
+                class: "w-100 bg-light radius-small pd-small"
+              }, null, 8, ["field"]),
+              _cache[11] || (_cache[11] = vue.createElementVNode("div", { class: "t-medium mn-t-micro mn-b-micro" }, "Date Range", -1)),
+              vue.createElementVNode("div", _hoisted_10, [
+                vue.createVNode(Field.default, {
+                  field: currentDiscount.date.start,
+                  "onUpdate:field": _cache[5] || (_cache[5] = ($event) => currentDiscount.date.start = $event),
+                  label: "Start Date",
+                  type: "date",
+                  class: "w-100 bg-light radius-small pd-small"
+                }, null, 8, ["field"]),
+                vue.createVNode(Field.default, {
+                  field: currentDiscount.date.end,
+                  "onUpdate:field": _cache[6] || (_cache[6] = ($event) => currentDiscount.date.end = $event),
+                  label: "End Date",
+                  type: "date",
+                  class: "w-100 bg-light radius-small pd-small"
+                }, null, 8, ["field"])
+              ]),
+              _cache[12] || (_cache[12] = vue.createElementVNode("div", { class: "t-medium mn-t-micro mn-b-micro" }, "Time Range", -1)),
+              vue.createElementVNode("div", _hoisted_11, [
+                vue.createVNode(Field.default, {
+                  field: currentDiscount.time.start,
+                  "onUpdate:field": _cache[7] || (_cache[7] = ($event) => currentDiscount.time.start = $event),
+                  label: "Start Time",
+                  type: "time",
+                  class: "w-100 bg-light radius-small pd-small"
+                }, null, 8, ["field"]),
+                vue.createVNode(Field.default, {
+                  field: currentDiscount.time.end,
+                  "onUpdate:field": _cache[8] || (_cache[8] = ($event) => currentDiscount.time.end = $event),
+                  label: "End Time",
+                  type: "time",
+                  class: "w-100 bg-light radius-small pd-small"
+                }, null, 8, ["field"])
+              ]),
+              vue.createElementVNode("div", _hoisted_12, [
+                vue.createVNode(Button.default, {
+                  showSuccess: false,
+                  showLoader: false,
+                  class: "bg-red t-white w-100",
+                  onClick: closeDiscountPopup
+                }, {
+                  default: vue.withCtx(() => _cache[9] || (_cache[9] = [
+                    vue.createTextVNode(" Cancel ")
+                  ])),
+                  _: 1
+                }),
+                vue.createVNode(Button.default, {
+                  class: "bg-main w-100",
+                  onClick: saveDiscount
+                }, {
+                  default: vue.withCtx(() => _cache[10] || (_cache[10] = [
+                    vue.createTextVNode(" Save Discount ")
+                  ])),
+                  _: 1
+                })
+              ])
+            ])
+          ]),
+          _: 1
+        }, 8, ["isPopupOpen"])
+      ], 64);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=EditDiscounts.vue.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EditDiscounts.vue.cjs","sources":["../../../../../../../src/modules/products/components/sections/EditDiscounts.vue"],"sourcesContent":["<template>\n  <Block\n    title=\"Discounts\"\n    placeholder=\"No discounts added yet\"\n    :actions=\"[{\n      label: '+',\n      function: () => openDiscountPopup()\n    }]\"\n  >\n    <div v-if=\"discounts.length > 0\" class=\"cols-1 gap-thin\">\n      <div\n        v-for=\"(discount, index) in discounts\"\n        :key=\"index\"\n        class=\"bg-white radius-small pd-small flex-nowrap flex-v-center flex gap-thin\"\n      >\n        <div class=\"w-100\">\n          <p class=\"p-medium mn-b-thin t-medium d-block\">{{ discount.name || 'Unnamed discount' }}</p>\n          <p class=\"t-medium t-transp\">\n            <template v-if=\"discount.type === 'special_price'\">\n              Special price: {{ formatPrice(discount.value) }}\n            </template>\n            <template v-else>\n              {{ discount.value }}% off\n            </template>\n          </p>\n          <p v-if=\"discount.date && (discount.date.start || discount.date.end)\" class=\"t-small t-transp\">\n            {{ formatDateRange(discount.date) }}\n          </p>\n        </div>\n        \n        <div class=\"flex gap-thin\">\n          <div @click=\"() => openDiscountPopup(index)\" class=\"radius-small pd-small flex-center flex aspect-1x1 bg-light cursor-pointer hover-scale-1\">\n            <IconEdit\n              class=\"i-regular\"\n            />\n          </div>\n          <div @click=\"() => discounts.splice(index, 1)\" class=\"radius-small pd-small flex-center flex aspect-1x1 bg-red cursor-pointer hover-scale-1\">\n            <IconDelete\n              class=\"i-regular\"\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n  </Block>\n\n  <Popup\n    title=\"Edit Discount\"\n    @close-popup=\"closeDiscountPopup\"\n    :isPopupOpen=\"isDiscountPopupOpen\"\n    class=\"bg-white w-max-40r radius-medium pd-medium\"\n  >\n    <div class=\"cols-1 gap-thin\">\n      <Field\n        v-model:field=\"currentDiscount.name\"\n        label=\"Name\"\n        placeholder=\"Discount Name\"\n        class=\"w-100 bg-light radius-small pd-small\"\n      />\n\n      <Field\n        v-model:field=\"currentDiscount.description\"\n        label=\"Description\"\n        type=\"textarea\"\n        placeholder=\"Discount Description\"\n        class=\"w-100 bg-light radius-small pd-small\"\n      />\n\n      <Field\n        v-model:field=\"currentDiscount.value\"\n       :label=\"currentDiscount.type === 'special_price' ? 'Special Price' : 'Discount'\"\n        :placeholder=\"currentDiscount.type === 'special_price' ? 'New price' : 'Discount percentage'\"\n        class=\"w-100 bg-light radius-small pd-small\"\n      >\n        <Select \n          v-model:select=\"currentDiscount.type\" \n          placeholder=\"Select type\"\n          value=\"label\"\n          property=\"value\"\n          :options=\"[\n            { value: 'discount', label: 'Discount (%)' },\n            { value: 'special_price', label: 'Special Price' },\n          ]\"\n          class=\"pos-relative t-nowrap bg-white gap-small flex flex-column pd-thin radius-thin\"\n        />\n      </Field>\n\n      <Field\n        v-model:field=\"currentDiscount.quantity\"\n        label=\"Quantity\"\n        type=\"number\"\n        placeholder=\"Quantity to get discount\"\n        class=\"w-100 bg-light radius-small pd-small\"\n      />\n\n      <div class=\"t-medium mn-t-micro mn-b-micro\">Date Range</div>\n      <div class=\"cols-2 mobile:cols-1 gap-thin\">\n        <Field\n          v-model:field=\"currentDiscount.date.start\"\n          label=\"Start Date\"\n          type=\"date\"\n          class=\"w-100 bg-light radius-small pd-small\"\n        />\n        \n        <Field\n          v-model:field=\"currentDiscount.date.end\"\n          label=\"End Date\"\n          type=\"date\"\n          class=\"w-100 bg-light radius-small pd-small\"\n        />\n      </div>\n\n      <div class=\"t-medium mn-t-micro mn-b-micro\">Time Range</div>\n      <div class=\"cols-2 mobile:cols-1 gap-thin\">\n        <Field\n          v-model:field=\"currentDiscount.time.start\"\n          label=\"Start Time\"\n          type=\"time\"\n          class=\"w-100 bg-light radius-small pd-small\"\n        />\n        \n        <Field\n          v-model:field=\"currentDiscount.time.end\"\n          label=\"End Time\"\n          type=\"time\"\n          class=\"w-100 bg-light radius-small pd-small\"\n        />\n      </div>\n      \n    \n     \n      <div class=\"flex gap-thin mn-t-medium\">\n        <Button\n          :showSuccess=\"false\"\n          :showLoader=\"false\"\n          class=\"bg-red t-white w-100\"\n          @click=\"closeDiscountPopup\"\n        >\n          Cancel\n        </Button>\n        <Button\n          class=\"bg-main w-100\"\n          @click=\"saveDiscount\"\n        >\n          Save Discount\n        </Button>\n      </div>\n    </div>\n  </Popup>\n</template>\n\n<script setup>\nimport { ref, reactive, defineModel, computed } from 'vue';\nimport Block from '@martyrs/src/components/Block/Block.vue';\nimport Field from '@martyrs/src/components/Field/Field.vue';\nimport Button from '@martyrs/src/components/Button/Button.vue';\nimport Popup from '@martyrs/src/components/Popup/Popup.vue';\nimport Select from '@martyrs/src/components/Select/Select.vue';\nimport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue';\nimport IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue';\n\n// Используем defineModel для более простой работы с v-model в родительском компоненте\nconst discounts = defineModel('discounts', { default: () => [] });\n\n// Локальное состояние\nconst isDiscountPopupOpen = ref(false);\nconst editingDiscountIndex = ref(null);\nconst currentDiscount = reactive({\n  name: '',\n  description: '',\n  type: 'discount', // discount или special_price\n  value: 0,\n  quantity: 1,\n  date: {\n    start: null,\n    end: null\n  },\n  time: {\n    start: '',\n    end: ''\n  },\n  users: []\n});\n\n// Используется для форматирования диапазона дат\nfunction formatDateRange(dateRange) {\n  if (!dateRange) return '';\n  \n  let result = '';\n  \n  if (dateRange.start) {\n    const startDate = new Date(dateRange.start);\n    result += startDate.toLocaleDateString();\n  }\n  \n  result += ' - ';\n  \n  if (dateRange.end) {\n    const endDate = new Date(dateRange.end);\n    result += endDate.toLocaleDateString();\n  }\n  \n  return result;\n}\n\n// Функция открытия попапа добавления/редактирования\nfunction openDiscountPopup(index) {\n  // Если передан индекс, это редактирование существующей скидки\n  if (index !== undefined) {\n    editingDiscountIndex.value = index;\n    const discount = discounts.value[index];\n    \n    // Копируем данные в currentDiscount\n    Object.assign(currentDiscount, {\n      name: discount.name || '',\n      description: discount.description || '',\n      type: discount.type || 'discount',\n      value: discount.value || 0,\n      quantity: discount.quantity || 1,\n      date: {\n        start: discount.date?.start || null,\n        end: discount.date?.end || null\n      },\n      time: {\n        start: discount.time?.start || '',\n        end: discount.time?.end || ''\n      },\n      users: Array.isArray(discount.users) ? [...discount.users] : []\n    });\n  } else {\n    // Сброс данных при создании новой скидки\n    editingDiscountIndex.value = null;\n    Object.assign(currentDiscount, {\n      name: '',\n      description: '',\n      type: 'discount',\n      value: 0,\n      quantity: 1,\n      date: {\n        start: null,\n        end: null\n      },\n      time: {\n        start: '',\n        end: ''\n      },\n      users: []\n    });\n  }\n  \n  isDiscountPopupOpen.value = true;\n}\n\n// Закрытие попапа\nfunction closeDiscountPopup() {\n  isDiscountPopupOpen.value = false;\n  editingDiscountIndex.value = null;\n}\n\n\n\n// Сохранение скидки\nfunction saveDiscount() {\n  // Проверка на основные поля\n  if (currentDiscount.type === 'discount' && (currentDiscount.value < 0 || currentDiscount.value > 100)) {\n    alert('Discount value must be between 0 and 100');\n    return;\n  }\n\n  if (currentDiscount.type === 'special_price' && currentDiscount.value < 0) {\n    alert('Special price must be greater than or equal to 0');\n    return;\n  }\n\n  // Создаем копию текущей скидки для сохранения\n  const discountToSave = {\n    name: currentDiscount.name,\n    description: currentDiscount.description,\n    type: currentDiscount.type || 'discount',\n    value: parseFloat(currentDiscount.value) || 0,\n    quantity: parseInt(currentDiscount.quantity) || 1,\n    date: {\n      start: currentDiscount.date.start,\n      end: currentDiscount.date.end\n    },\n    time: {\n      start: currentDiscount.time.start,\n      end: currentDiscount.time.end\n    },\n    users: [...currentDiscount.users]\n  };\n\n  // Если редактируем существующую скидку\n  if (editingDiscountIndex.value !== null) {\n    // Обновляем существующую скидку\n    discounts.value.splice(editingDiscountIndex.value, 1, discountToSave);\n  } else {\n    // Добавляем новую скидку\n    if (!discounts.value) {\n      discounts.value = [];\n    }\n    discounts.value.push(discountToSave);\n  }\n\n  // Закрываем попап\n  closeDiscountPopup();\n}\n</script>"],"names":["_useModel","ref","reactive"],"mappings":"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"}