@ozdao/martyrs 0.2.550 → 0.2.552

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

@@ -1,272 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const vueRouter = require("vue-router");
-const IconDelete = require("../../../icons/navigation/IconDelete.vue.cjs");
-const Button = require("../../../../components/Button/Button.vue.cjs");
-const Select = require("../../../../components/Select/Select.vue.cjs");
-const UploadImage = require("../../../../components/UploadImage/UploadImage.vue2.cjs");
-const Field = require("../../../../components/Field/Field.vue.cjs");
-const FieldTags = require("../../../../components/FieldTags/FieldTags.vue2.cjs");
-;/* empty css                                          */
-;/* empty css                                             */
-;/* empty css                                             */
-;/* empty css                                             */
-;/* empty css                                        */
-const IconCheckmark = require("../../../icons/navigation/IconCheckmark.vue.cjs");
-;/* empty css                                          */
-;/* empty css                                                     */
-;/* empty css                                      */
-const Block = require("../../../../components/Block/Block.vue.cjs");
-const core_store = require("../../../core/views/store/core.store.cjs");
-const auth = require("../../../auth/views/store/auth.cjs");
-const categories = require("../../store/categories.cjs");
-;/* empty css                    */
-const _hoisted_1 = {
-  key: 0,
-  class: "rows-auto pd-thin bg-white for-transition w-100"
-};
-const _hoisted_2 = { class: "mn-r-auto" };
-const _hoisted_3 = { class: "w-100 mn-b-thin bg-white radius-small pd-medium cols-1" };
-const _hoisted_4 = { class: "mn-b-thin w-100 flex-nowrap gap-thin flex" };
-const _hoisted_5 = ["onClick"];
-const _hoisted_6 = ["onClick"];
-const _sfc_main = {
-  __name: "CategoryEdit",
-  emits: ["page-loading", "page-loaded"],
-  setup(__props, { emit: __emit }) {
-    const route = vueRouter.useRoute();
-    const router = vueRouter.useRouter();
-    const emits = __emit;
-    const isLoading = vue.ref(true);
-    vue.onMounted(async () => {
-      emits("page-loading");
-      if (route.params.category) {
-        await categories.actions.read({ _id: route.params.category });
-      } else {
-        categories.actions.clean();
-      }
-      emits("page-loaded");
-      isLoading.value = false;
-    });
-    vue.computed(() => categories.state.current);
-    vue.computed(() => route.name);
-    core_store.state.navigation_bar.actions = [{
-      component: IconCheckmark.default,
-      props: {
-        fill: "rgb(var(--main))"
-      },
-      condition: () => auth.state.user && auth.state.user._id,
-      action: () => onSubmit()
-    }], vue.onUnmounted(() => {
-      core_store.state.navigation_bar.actions = [];
-    });
-    async function onSubmit() {
-      if (route.params.category) {
-        categories.state.current.creator = {
-          type: categories.state.current.creator.type,
-          hidden: categories.state.current.creator.hidden,
-          target: typeof categories.state.current.creator.target === "object" ? categories.state.current.creator.target._id : categories.state.current.creator.target
-        };
-        categories.state.current.owner = {
-          type: categories.state.current.owner.type,
-          target: typeof categories.state.current.owner.target === "object" ? categories.state.current.owner.target._id : categories.state.current.owner.target
-        };
-        if (categories.state.current.filters) {
-          categories.state.current.filters = categories.state.current.filters.map((filter) => ({
-            ...filter,
-            options: filter.options ? filter.options.map(
-              (opt) => typeof opt === "string" ? opt : opt.text
-            ) : []
-          }));
-        }
-        await categories.actions.update(categories.state.current);
-        redirectTo();
-      } else {
-        categories.state.current.creator = {
-          type: "user",
-          hidden: false,
-          target: auth.state.user._id
-        };
-        categories.state.current.owner = {
-          type: route.params._id ? "organization" : "platform",
-          hidden: false,
-          target: route.params._id ? route.params._id : null
-        };
-        if (categories.state.current.filters) {
-          categories.state.current.filters = categories.state.current.filters.map((filter) => ({
-            ...filter,
-            options: filter.options ? filter.options.map(
-              (opt) => typeof opt === "string" ? opt : opt.text
-            ) : []
-          }));
-        }
-        await categories.actions.create(categories.state.current);
-        redirectTo();
-      }
-    }
-    function redirectTo() {
-      router.push({
-        name: "Categories",
-        params: {
-          _id: route.params._id
-        }
-      });
-    }
-    return (_ctx, _cache) => {
-      return !isLoading.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        !_ctx.MOBILE_APP ? (vue.openBlock(), vue.createBlock(Block.default, {
-          key: 0,
-          class: "radius-medium mn-b-thin flex-nowrap flex-v-center flex"
-        }, {
-          default: vue.withCtx(() => [
-            vue.createElementVNode("h1", _hoisted_2, vue.toDisplayString(vue.unref(route).params.category ? "Edit Category" : "Add Category"), 1),
-            vue.createVNode(Button.default, {
-              submit: onSubmit,
-              class: "pd-small radius-medium bg-main t-black uppercase t-medium"
-            }, {
-              default: vue.withCtx(() => _cache[6] || (_cache[6] = [
-                vue.createTextVNode(" Save Category ")
-              ])),
-              _: 1
-            })
-          ]),
-          _: 1
-        })) : vue.createCommentVNode("", true),
-        vue.createVNode(Block.default, {
-          title: "Profile",
-          class: "mn-b-thin"
-        }, {
-          default: vue.withCtx(() => [
-            vue.createVNode(Select.default, {
-              select: categories.state.current.status,
-              "onUpdate:select": _cache[0] || (_cache[0] = ($event) => categories.state.current.status = $event),
-              label: "Status",
-              options: [
-                "draft",
-                "internal",
-                "published",
-                "removed"
-              ],
-              placeholder: "Select category",
-              class: "pos-relative mn-b-thin w-100 bg-white radius-small pd-medium"
-            }, null, 8, ["select"]),
-            vue.createVNode(Field.default, {
-              field: categories.state.current.name,
-              "onUpdate:field": _cache[1] || (_cache[1] = ($event) => categories.state.current.name = $event),
-              label: "Name",
-              placeholder: "Enter category name",
-              class: "w-100 mn-b-thin bg-white radius-small pd-medium"
-            }, null, 8, ["field"]),
-            vue.createElementVNode("div", _hoisted_3, [
-              vue.createVNode(UploadImage.default, {
-                photo: categories.state.current.photo,
-                "onUpdate:photo": _cache[2] || (_cache[2] = ($event) => categories.state.current.photo = $event),
-                uploadPath: "categories",
-                text: {
-                  title: "Upload category image",
-                  subtitle: "Supported: JPG, PNG, GIF. Max size: 5MB",
-                  buttonText: "Select Image"
-                },
-                class: "pos-relative"
-              }, null, 8, ["photo"])
-            ]),
-            vue.unref(route).params.category ? (vue.openBlock(), vue.createBlock(Field.default, {
-              key: 0,
-              field: categories.state.current.url,
-              "onUpdate:field": _cache[3] || (_cache[3] = ($event) => categories.state.current.url = $event),
-              label: "URL Path",
-              disabled: true,
-              class: "w-100 bg-white radius-small pd-medium mn-b-thin"
-            }, null, 8, ["field"])) : vue.createCommentVNode("", true),
-            vue.createElementVNode("div", _hoisted_4, [
-              vue.createVNode(Field.default, {
-                field: categories.state.current.order,
-                "onUpdate:field": _cache[4] || (_cache[4] = ($event) => categories.state.current.order = $event),
-                label: "Order",
-                disabled: true,
-                class: "w-40 bg-white radius-small pd-medium"
-              }, null, 8, ["field"]),
-              vue.createVNode(Field.default, {
-                field: categories.state.current.slug,
-                "onUpdate:field": _cache[5] || (_cache[5] = ($event) => categories.state.current.slug = $event),
-                label: "Slug",
-                placeholder: "Enter category slug",
-                disabled: vue.unref(route).params.category ? true : false,
-                class: "w-100 bg-white radius-small pd-medium"
-              }, null, 8, ["field", "disabled"])
-            ]),
-            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(categories.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",
-                  class: "w-100 bg-white radius-small pd-medium"
-                }, null, 8, ["field", "onUpdate:field"]),
-                vue.createVNode(Field.default, {
-                  field: item.text,
-                  "onUpdate:field": ($event) => item.text = $event,
-                  placeholder: "Text",
-                  class: "w-100 bg-white radius-small pd-medium"
-                }, null, 8, ["field", "onUpdate:field"]),
-                vue.createElementVNode("div", {
-                  onClick: () => categories.state.current.translations.splice(index, 1),
-                  class: "radius-small pd-small flex-center flex aspect-1x1 bg-red"
-                }, [
-                  vue.createVNode(IconDelete.default, { class: "i-medium" })
-                ], 8, _hoisted_5)
-              ]);
-            }), 128))
-          ]),
-          _: 1
-        }),
-        vue.createVNode(Block.default, {
-          title: "Filters",
-          placeholder: "No filters added yet",
-          actions: [{
-            label: "+",
-            function: () => categories.state.current.filters.push({ name: "", options: [] })
-          }]
-        }, {
-          default: vue.withCtx(() => [
-            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(categories.state.current.filters, (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.name,
-                  "onUpdate:field": ($event) => item.name = $event,
-                  placeholder: "Filter name",
-                  class: "w-100 bg-white radius-small pd-medium"
-                }, null, 8, ["field", "onUpdate:field"]),
-                vue.createVNode(FieldTags.default, {
-                  modelValue: item.options,
-                  "onUpdate:modelValue": ($event) => item.options = $event,
-                  placeholder: "Add filter options",
-                  separators: [",", ";"],
-                  "add-on-key": [13, ",", ";"],
-                  "max-tags": 20,
-                  class: "w-100 bg-white radius-small pd-medium"
-                }, null, 8, ["modelValue", "onUpdate:modelValue"]),
-                vue.createElementVNode("div", {
-                  onClick: () => categories.state.current.filters.splice(index, 1),
-                  class: "radius-small pd-small flex-center flex aspect-1x1 bg-red"
-                }, [
-                  vue.createVNode(IconDelete.default, { class: "i-medium" })
-                ], 8, _hoisted_6)
-              ]);
-            }), 128))
-          ]),
-          _: 1
-        }, 8, ["actions"])
-      ])) : vue.createCommentVNode("", true);
-    };
-  }
-};
-exports.default = _sfc_main;
-//# sourceMappingURL=CategoryEdit.vue.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CategoryEdit.vue.cjs","sources":["../../../../../../../src/modules/products/components/pages/CategoryEdit.vue"],"sourcesContent":["<template>\n  <div v-if=\"!isLoading\"  class=\"rows-auto pd-thin bg-white for-transition w-100\">\n    <Block v-if=\"!MOBILE_APP\" class=\"radius-medium mn-b-thin flex-nowrap flex-v-center flex\">\n      <h1   class=\"mn-r-auto\">\n        {{route.params.category ? 'Edit Category' : 'Add Category'}}\n      </h1>\n\n      <Button \n        :submit=\"onSubmit\"\n        class=\"pd-small radius-medium bg-main t-black uppercase t-medium\"\n      >\n        Save Category \n      </Button>\n    </Block>\n    \n    <Block \n      title=\"Profile\"\n      class=\"mn-b-thin\"\n    >\n\n      <Select \n        v-model:select=\"categories.state.current.status\"\n        label=\"Status\"\n        :options=\"[\n          'draft', \n          'internal',\n          'published',\n          'removed'\n        ]\"\n        placeholder=\"Select category\"\n        class=\"pos-relative mn-b-thin w-100 bg-white radius-small pd-medium\"\n      />\n\n      <Field\n        v-model:field=\"categories.state.current.name\"\n        label=\"Name\"\n        placeholder=\"Enter category name\"\n        class=\"w-100 mn-b-thin bg-white radius-small pd-medium\"\n      />  \n\n      <div class=\"w-100 mn-b-thin bg-white radius-small pd-medium cols-1\">\n        <UploadImage \n          v-model:photo=\"categories.state.current.photo\"\n          :uploadPath=\"'categories'\"\n          :text=\"{\n            title: 'Upload category image',\n            subtitle: 'Supported: JPG, PNG, GIF. Max size: 5MB',\n            buttonText: 'Select Image'\n          }\"\n          class=\"pos-relative\" \n        />\n      </div>\n\n\n      <Field\n        v-if=\"route.params.category\"\n        v-model:field=\"categories.state.current.url\"\n        label=\"URL Path\"\n        :disabled=\"true\"\n        class=\"w-100 bg-white radius-small pd-medium mn-b-thin\"\n      />\n      \n\n      <div class=\"mn-b-thin w-100 flex-nowrap gap-thin flex\">\n       <Field\n          v-model:field=\"categories.state.current.order\"\n          label=\"Order\"\n          :disabled=\"true\"\n          class=\"w-40 bg-white radius-small pd-medium\"\n        />  \n       <Field\n          v-model:field=\"categories.state.current.slug\"\n          label=\"Slug\"\n          placeholder=\"Enter category slug\"\n          :disabled=\"route.params.category ? true : false\"\n          class=\"w-100 bg-white radius-small pd-medium\"\n        />  \n      </div>\n      \n    \n\n      <!-- <div class=\"flex-v-center flex-nowrap flex\">\n        <h4  class=\"mn-r-thin t-medium\">Localization</h4>\n          \n        <button \n          @click=\"() => categories.state.current.translations.push({locale: '', text: ''})\" \n          class=\"i-small pd-thin button-delete button\"\n        >\n          +\n        </button>\n      </div> -->\n      <div \n        class=\"gap-thin mn-b-thin flex-nowrap flex\" \n        v-for=\"(item, index) in categories.state.current.translations\" \n        :key=\"index\"\n      > \n        <Field\n          v-model:field=\"item.locale\"\n          placeholder=\"Locale\"\n          class=\"w-100 bg-white radius-small pd-medium\"\n        />  \n        <Field\n          v-model:field=\"item.text\"\n          placeholder=\"Text\"\n          class=\"w-100 bg-white radius-small pd-medium\"\n        />\n        <div\n          @click=\"() => categories.state.current.translations.splice(index, 1)\"  \n          class=\"radius-small pd-small flex-center flex aspect-1x1 bg-red\"\n        >\n          <IconDelete \n            class=\"i-medium\"\n          />\n        </div>\n      </div>\n\n      \n    </Block>\n     <!-- Filters -->\n    <Block\n      title=\"Filters\"\n      placeholder=\"No filters added yet\"\n      :actions=\"[{\n        label: '+',\n        function: () => categories.state.current.filters.push({name: '', options: []})\n      }]\"\n    >\n      <div \n        class=\"gap-thin mn-b-thin flex-nowrap flex\" \n        v-for=\"(item, index) in categories.state.current.filters\" \n        :key=\"index\"\n      > \n        <Field\n          v-model:field=\"item.name\"\n          placeholder=\"Filter name\"\n          class=\"w-100 bg-white radius-small pd-medium\"\n        />  \n        <FieldTags\n          v-model=\"item.options\"\n          :placeholder=\"'Add filter options'\"\n          :separators=\"[',', ';']\"\n          :add-on-key=\"[13, ',', ';']\"\n          :max-tags=\"20\"\n          class=\"w-100 bg-white radius-small pd-medium\"\n        />\n        <div\n          @click=\"() => categories.state.current.filters.splice(index, 1)\"  \n          class=\"radius-small pd-small flex-center flex aspect-1x1 bg-red\"\n        >\n          <IconDelete \n            class=\"i-medium\"\n          />\n        </div>\n      </div> \n    </Block>\n  </div>\n \n</template>\n\n<script setup>\n  // Import libs\n  import { computed, onUnmounted, onMounted, ref } from 'vue'\n  import { useRoute,useRouter } from 'vue-router'\n  \n  import IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue';\n\n  import Button from \"@martyrs/src/components/Button/Button.vue\";\n  import Select from \"@martyrs/src/components/Select/Select.vue\";\n  import UploadImage from '@martyrs/src/components/UploadImage/UploadImage.vue';\n  import Field from \"@martyrs/src/components/Field/Field.vue\";\n  import FieldTags from \"@martyrs/src/components/FieldTags/FieldTags.vue\";\n  import Feed from '@martyrs/src/components/Feed/Feed.vue'\n\n\n  import Block from '@martyrs/src/components/Block/Block.vue';\n\n  import IconCheckmark from '@martyrs/src/modules/icons/navigation/IconCheckmark.vue'\n\n  // Import the new store structure\n  import * as core from '@martyrs/src/modules/core/views/store/core.store.js';\n  import * as auth from '@martyrs/src/modules/auth/views/store/auth.js'; \n  import * as categories from '@martyrs/src/modules/products/store/categories.js';\n\n  const route = useRoute()\n  const router = useRouter()\n\n  const emits = defineEmits(['page-loading', 'page-loaded']);\n\n  // Data prefetching\n  const isLoading = ref(true)\n  onMounted(async () => {\n    emits('page-loading');\n    if (route.params.category) {\n      await categories.actions.read({_id: route.params.category})\n    } else {\n      categories.actions.clean() // Adjusted based on the new store's method to reset the category state\n    }\n\n    emits('page-loaded');\n    isLoading.value = false\n  })\n\n  // Accessing state\n  const category = computed(() => categories.state.current)\n  const routePath = computed(() => route.name)\n\n  // Navigation Bar\n  core.state.navigation_bar.actions = [{\n    component: IconCheckmark,\n    props: {\n      fill: \"rgb(var(--main))\" \n    },\n    condition: () => auth.state.user && auth.state.user._id,\n    action: () => onSubmit()\n  }],\n\n onUnmounted(() => {\n    core.state.navigation_bar.actions = [];\n  });\n\n\n\n  // Functions\n  async function onSubmit() {\n    if (route.params.category) {\n\n      categories.state.current.creator = {\n        type: categories.state.current.creator.type,\n        hidden: categories.state.current.creator.hidden,\n        target: typeof categories.state.current.creator.target === 'object' \n          ? categories.state.current.creator.target._id \n          : categories.state.current.creator.target\n      }\n\n      categories.state.current.owner = {\n        type: categories.state.current.owner.type,\n        target: typeof categories.state.current.owner.target === 'object' \n          ? categories.state.current.owner.target._id \n          : categories.state.current.owner.target\n      }\n      \n      // Очищаем filters от tiClasses перед отправкой\n      if (categories.state.current.filters) {\n        categories.state.current.filters = categories.state.current.filters.map(filter => ({\n          ...filter,\n          options: filter.options ? filter.options.map(opt => \n            typeof opt === 'string' ? opt : opt.text\n          ) : []\n        }));\n      }\n\n      await categories.actions.update(categories.state.current)\n\n      redirectTo()\n    } else {\n\n      categories.state.current.creator = {\n        type: 'user',\n        hidden: false,\n        target: auth.state.user._id\n      }\n\n      categories.state.current.owner = {\n        type: route.params._id ? 'organization' : 'platform',\n        hidden: false,\n        target: route.params._id ? route.params._id : null\n      }\n      \n      // Очищаем filters от tiClasses перед отправкой\n      if (categories.state.current.filters) {\n        categories.state.current.filters = categories.state.current.filters.map(filter => ({\n          ...filter,\n          options: filter.options ? filter.options.map(opt => \n            typeof opt === 'string' ? opt : opt.text\n          ) : []\n        }));\n      }\n\n      await categories.actions.create(categories.state.current)\n      redirectTo()\n    }\n  }\n\n  function redirectTo () {\n    router.push({\n      name: 'Categories', \n      params: { \n        _id: route.params._id\n      } \n    })\n  }\n</script>\n\n<style lang=\"scss\">\n.container {\n  max-width: 100%;\n  margin: auto;\n}\n\n.grid {\n \n}\n\n.square {\n  aspect-ratio: 1 / 1;\n  height: 100%;\n  background: #ccc;\n}\n</style>\n"],"names":["useRoute","useRouter","ref","onMounted","categories.actions","computed","categories.state","core.state","IconCheckmark","auth.state","onUnmounted"],"mappings":"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"}

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

@@ -1,251 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const vueRouter = require("vue-router");
-const vueI18n = require("vue-i18n");
-const mixins = require("../../../core/views/mixins/mixins.cjs");
-const auth = require("../../../auth/views/store/auth.cjs");
-const products = require("../../store/products.cjs");
-const shopcart = require("../../../orders/store/shopcart.cjs");
-;/* empty css                                          */
-;/* empty css                                          */
-;/* empty css                                        */
-;/* empty css                                    */
-;/* empty css                                             */
-const IconEdit = require("../../../icons/navigation/IconEdit.vue.cjs");
-const IconInfo = require("../../../icons/navigation/IconInfo.vue.cjs");
-const IconList = require("../../../icons/entities/IconList.vue.cjs");
-const IconGroups = require("../../../icons/entities/IconGroups.vue.cjs");
-const ProductImages = require("../blocks/ProductImages.vue.cjs");
-const ProductConfigurator = require("../sections/ProductConfigurator.vue.cjs");
-const ProductsRecommended = require("../sections/ProductsRecommended.vue.cjs");
-const ProductsPopular = require("../sections/ProductsPopular.vue.cjs");
-const CardOrganization = require("../../../organizations/components/blocks/CardOrganization.vue.cjs");
-const _hoisted_1 = {
-  key: 0,
-  class: "w-100 mobile:pd-thin pd-small bg-white"
-};
-const _hoisted_2 = { class: "cols-2 mobile:cols-1 tablet:cols-1 w-100 gap-regular" };
-const _hoisted_3 = { class: "pos-relative w-100 h-100 flex-column flex-h-center flex" };
-const _hoisted_4 = { class: "w-100 h1-product mn-b-medium" };
-const _hoisted_5 = {
-  key: 1,
-  class: "w-100 mn-b-medium",
-  style: { "white-space": "pre-line" }
-};
-const _hoisted_6 = {
-  key: 3,
-  class: "mn-b-small flex-nowrap flex flex-v-center"
-};
-const _hoisted_7 = {
-  key: 4,
-  class: "cols-1 mn-b-medium w-100"
-};
-const _hoisted_8 = { class: "w-100 pd-small radius-small flex flex-column gap-small bg-light" };
-const _hoisted_9 = ["innerHTML"];
-const _hoisted_10 = {
-  key: 5,
-  class: "mn-b-small flex-nowrap flex flex-v-center"
-};
-const _hoisted_11 = { class: "cols-2 mn-b-medium w-100 gap-small" };
-const _hoisted_12 = { class: "w-100 pd-small radius-small bg-light product-attributes" };
-const _hoisted_13 = { class: "mn-b-thin t-demi" };
-const _hoisted_14 = { class: "mn-b-small flex-nowrap flex flex-v-center" };
-const _hoisted_15 = { class: "h-max mn-t-big pos-relative" };
-const _sfc_main = {
-  __name: "Product",
-  props: {
-    recommendation: {
-      type: Boolean,
-      default: false
-    }
-  },
-  emits: ["page-loading", "page-loaded"],
-  setup(__props, { emit: __emit }) {
-    const route = vueRouter.useRoute();
-    vueRouter.useRouter();
-    const { proxy } = vue.getCurrentInstance();
-    const { returnCurrency, hasAccess } = mixins.useGlobalMixins();
-    const product = vue.computed(() => products.state.current);
-    const productImages = vue.computed(() => products.state.current.images || []);
-    const currentImages = vue.ref([]);
-    const selectedVariant = vue.ref(null);
-    const text = {
-      en: { addtoorder: "Add to Cart", fastorder: "Fast Order", description: "Description" },
-      ru: { addtoorder: "Добавить в корзину", fastorder: "Быстрый заказ", description: "Описание" }
-    };
-    const { t } = vueI18n.useI18n({ messages: text });
-    const emits = __emit;
-    products.state.current = null;
-    vue.onMounted(async () => {
-      emits("page-loading");
-      await products.actions.read({ _id: route.params.product, lookup: ["variants", "recommended", "inventory"] });
-      currentImages.value = [...productImages.value];
-      if (typeof gtag === "function") {
-        gtag("event", "view_item", {
-          currency: returnCurrency(),
-          value: product.value.price || 0,
-          items: [{
-            item_id: product.value._id,
-            item_name: product.value.name,
-            price: product.value.price || 0,
-            item_category: product.value.category || "",
-            item_brand: product.value.owner?.target?.profile.name || ""
-          }]
-        });
-      }
-      emits("page-loaded");
-    });
-    function handleVariantSelected(variant) {
-      selectedVariant.value = variant;
-    }
-    function handleUpdateImages(images) {
-      if (images && images.length > 0) {
-        currentImages.value = [...images];
-      } else {
-        currentImages.value = [...productImages.value];
-      }
-    }
-    async function handleAddToCart({ variant, quantity }) {
-      console.log("variant is", variant);
-      console.log("quantity is", quantity);
-      let selectedDates = null;
-      try {
-        if (!variant) {
-          throw new Error("Variant is required for adding product to cart");
-        }
-        if (!shopcart.state.organization) {
-          shopcart.state.organization = product.value.owner.target._id;
-        }
-        if (product.value.listing === "rent") {
-          selectedDates = await proxy.$dateSelector(
-            product.value._id,
-            variant._id,
-            quantity,
-            variant.price || product.value.price
-          );
-          if (!selectedDates) throw new Error("Date selection cancelled");
-        }
-        if (shopcart.state.organization !== product.value.owner.target._id) {
-          const result = await proxy.$alert({
-            title: "Replace items in your cart?",
-            message: `Your cart has items from another vendor. If you continue, we'll clear it so you can order from this one instead.`,
-            actions: [
-              { label: "Cancel", value: false },
-              { label: "Replace", value: true }
-            ]
-          });
-          if (!result) throw new Error("Cart replacement cancelled");
-          shopcart.state.positions = [];
-          shopcart.state.organization = product.value.owner.target._id;
-        }
-        if (typeof gtag === "function") {
-          gtag("event", "add_to_cart", {
-            currency: returnCurrency(),
-            value: variant.price || 0,
-            items: [{
-              item_id: product.value._id,
-              item_name: product.value.name,
-              price: variant.price || product.value.price || 0,
-              quantity: 1,
-              item_category: product.value.category || "",
-              item_brand: product.value.owner?.target?.profile?.name || ""
-            }]
-          });
-        }
-        await shopcart.actions.addProductToCart(product.value, variant, product.value.owner.target._id, selectedDates, quantity);
-        return true;
-      } catch (error) {
-        console.error("Error while adding product to cart:", error);
-        throw error;
-      }
-    }
-    return (_ctx, _cache) => {
-      const _component_router_link = vue.resolveComponent("router-link");
-      return products.state.current ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        vue.createElementVNode("div", _hoisted_2, [
-          vue.createVNode(ProductImages.default, {
-            images: currentImages.value,
-            product: product.value
-          }, null, 8, ["images", "product"]),
-          vue.createElementVNode("div", _hoisted_3, [
-            vue.unref(hasAccess)(vue.unref(route).params._id, "products", "edit", auth.state.accesses, auth.state.access.roles) ? (vue.openBlock(), vue.createBlock(_component_router_link, {
-              key: 0,
-              to: vue.unref(route).params._id ? { name: "Organization_ProductEdit", params: { id: vue.unref(route).params._id, product: product.value._id } } : { name: "ProductEdit", params: { product: product.value._id } },
-              class: "z-index-2 cursor-pointer pos-absolute pos-t-zero pos-r-zero radius-extra pd-thin bg-second"
-            }, {
-              default: vue.withCtx(() => [
-                vue.createVNode(IconEdit.default, {
-                  class: "i-medium",
-                  classes: "fill-white"
-                })
-              ]),
-              _: 1
-            }, 8, ["to"])) : vue.createCommentVNode("", true),
-            vue.createElementVNode("h2", _hoisted_4, vue.toDisplayString(product.value.name), 1),
-            product.value.description ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_5, vue.toDisplayString(product.value.translations?.length > 1 ? vue.unref(t)("description") : product.value.description), 1)) : vue.createCommentVNode("", true),
-            product.value.variants?.length > 0 ? (vue.openBlock(), vue.createBlock(ProductConfigurator.default, {
-              key: 2,
-              "product-variants": product.value.variants,
-              "product-id": product.value._id,
-              "product-name": product.value.name,
-              discounts: product.value.discounts,
-              regularPrice: 100,
-              onVariantSelected: handleVariantSelected,
-              onAddToCart: handleAddToCart,
-              onUpdateImages: handleUpdateImages
-            }, null, 8, ["product-variants", "product-id", "product-name", "discounts"])) : vue.createCommentVNode("", true),
-            product.value.included ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, [
-              vue.createVNode(IconList.default, { class: "mn-r-micro i-medium" }),
-              _cache[0] || (_cache[0] = vue.createElementVNode("p", { class: "t-medium" }, "Included", -1))
-            ])) : vue.createCommentVNode("", true),
-            product.value.included ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7, [
-              vue.createElementVNode("div", _hoisted_8, [
-                vue.createElementVNode("p", {
-                  class: "t-medium",
-                  style: { "white-space": "pre-line" },
-                  innerHTML: product.value.included
-                }, null, 8, _hoisted_9)
-              ])
-            ])) : vue.createCommentVNode("", true),
-            product.value.attributes && product.value.attributes.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10, [
-              vue.createVNode(IconInfo.default, { class: "mn-r-micro i-medium" }),
-              _cache[1] || (_cache[1] = vue.createElementVNode("p", { class: "t-medium" }, "Product Details", -1))
-            ])) : vue.createCommentVNode("", true),
-            vue.createElementVNode("div", _hoisted_11, [
-              product.value.attributes && product.value.attributes.length > 0 ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(product.value.attributes, (attributes) => {
-                return vue.openBlock(), vue.createElementBlock("div", _hoisted_12, [
-                  vue.createElementVNode("p", _hoisted_13, vue.toDisplayString(attributes.name), 1),
-                  vue.createElementVNode("p", null, vue.toDisplayString(attributes.value), 1)
-                ]);
-              }), 256)) : vue.createCommentVNode("", true)
-            ]),
-            vue.createElementVNode("div", _hoisted_14, [
-              vue.createVNode(IconGroups.default, { class: "mn-r-micro i-medium" }),
-              _cache[2] || (_cache[2] = vue.createElementVNode("p", { class: "t-medium" }, "Provided by", -1))
-            ]),
-            product.value.owner ? (vue.openBlock(), vue.createBlock(CardOrganization.default, {
-              key: 6,
-              organization: product.value.owner.target,
-              showRating: true,
-              showFollowers: false,
-              showProducts: false,
-              class: "bg-light w-100 o-hidden radius-medium pd-small"
-            }, null, 8, ["organization"])) : vue.createCommentVNode("", true)
-          ])
-        ]),
-        product.value.recommended.length > 0 ? (vue.openBlock(), vue.createBlock(ProductsRecommended.default, {
-          key: 0,
-          products: product.value.recommended,
-          class: "mn-t-big h-max pos-relative"
-        }, null, 8, ["products"])) : vue.createCommentVNode("", true),
-        vue.createElementVNode("div", _hoisted_15, [
-          _cache[3] || (_cache[3] = vue.createElementVNode("h3", { class: "pd-b-small" }, "Most Popular", -1)),
-          vue.createVNode(ProductsPopular.default, { class: "mn-r-big-negative mn-l-big-negative" })
-        ])
-      ])) : vue.createCommentVNode("", true);
-    };
-  }
-};
-exports.default = _sfc_main;
-//# sourceMappingURL=Product.vue.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Product.vue.cjs","sources":["../../../../../../../src/modules/products/components/pages/Product.vue"],"sourcesContent":["<template>\n  <div v-if=\"products.state.current\" class=\"w-100 mobile:pd-thin pd-small bg-white\">\n    <div class=\"cols-2 mobile:cols-1 tablet:cols-1 w-100 gap-regular\">\n\n      <ProductImages\n        :images=\"currentImages\"\n        :product=\"product\"\n      />\n\n      <div class=\"pos-relative w-100 h-100 flex-column flex-h-center flex\">\n        <!-- Edit Button -->\n        <router-link\n          v-if=\"hasAccess(route.params._id, 'products', 'edit', auth.state.accesses, auth.state.access.roles)\"\n          :to=\"\n            route.params._id \n            ? { name: 'Organization_ProductEdit', params: { id: route.params._id, product: product._id } } \n            : { name: 'ProductEdit', params: { product: product._id } }\n          \"\n          class=\"\n            z-index-2\n            cursor-pointer \n            pos-absolute pos-t-zero pos-r-zero\n            radius-extra pd-thin bg-second\n          \"\n        >\n          <IconEdit\n            class=\"i-medium\"\n            classes=\"fill-white\"\n          />\n        </router-link>\n\n        <h2 class=\"w-100 h1-product mn-b-medium\">{{ product.name }}</h2>\n\n        <p v-if=\"product.description\" class=\"w-100 mn-b-medium\" style=\"white-space: pre-line;\">\n          {{ product.translations?.length > 1 ? t('description') : product.description }}\n        </p>\n       \n        <!-- Компонент выбора вариантов товара -->\n        <ProductConfigurator\n          v-if=\"product.variants?.length > 0\"\n          :product-variants=\"product.variants\"\n          :product-id=\"product._id\"\n          :product-name=\"product.name\"\n          :discounts=\"product.discounts\"\n          :regularPrice=\"100\"\n          @variant-selected=\"handleVariantSelected\"\n          @add-to-cart=\"handleAddToCart\"\n          @update-images=\"handleUpdateImages\"\n        />\n\n        <div v-if=\"product.included\" class=\"mn-b-small flex-nowrap flex flex-v-center\">\n          <IconList class=\"mn-r-micro i-medium\"/>\n          <p class=\"t-medium \">Included</p>\n        </div>\n\n        <div v-if=\"product.included\" class=\"cols-1 mn-b-medium w-100 \">\n          <div\n            class=\"w-100 pd-small radius-small flex flex-column gap-small bg-light\"\n          >\n            <p class=\"t-medium\" style=\"white-space: pre-line;\" v-html=\"product.included\"></p>\n          </div>\n        </div>\n\n\n        <div v-if=\"product.attributes && product.attributes.length > 0\" class=\"mn-b-small flex-nowrap flex flex-v-center\">\n          <IconInfo class=\"mn-r-micro i-medium\"/>\n          <p class=\"t-medium \">Product Details</p>\n        </div>\n\n        <div class=\"cols-2 mn-b-medium w-100 gap-small\">\n          <div\n            v-if=\"product.attributes && product.attributes.length > 0\"\n            v-for=\"attributes in product.attributes\"\n            class=\"w-100 pd-small radius-small bg-light product-attributes\"\n          >\n            <p class=\"mn-b-thin t-demi\">{{ attributes.name }}</p>\n            <p>{{ attributes.value }}</p>\n          </div>\n        </div>\n\n        <div class=\"mn-b-small flex-nowrap flex flex-v-center\">\n          <IconGroups class=\"mn-r-micro i-medium\"/>\n          <p class=\"t-medium \">Provided by</p>\n        </div>\n\n        <CardOrganization \n          v-if=\"product.owner\"\n          :organization=\"product.owner.target\"\n          :showRating=\"true\"\n          :showFollowers=\"false\"\n          :showProducts=\"false\"\n          class=\"bg-light w-100 o-hidden radius-medium pd-small \"\n        />\n      </div>\n    </div>\n    \n    <ProductsRecommended \n      v-if=\"product.recommended.length > 0\"\n      :products=\"product.recommended\"\n      class=\" mn-t-big h-max pos-relative\"\n    />\n\n    <div class=\"h-max mn-t-big pos-relative\">\n      <h3 class=\"pd-b-small\">Most Popular</h3>\n      <ProductsPopular class=\"mn-r-big-negative mn-l-big-negative\"/>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { computed, ref, onMounted, getCurrentInstance } from 'vue'\nimport { useRoute, useRouter } from 'vue-router'\nimport { useI18n } from 'vue-i18n'\nimport { useGlobalMixins } from \"@martyrs/src/modules/core/views/mixins/mixins.js\"\n\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\nimport * as core from '@martyrs/src/modules/core/views/store/core.store.js'\nimport * as products from '@martyrs/src/modules/products/store/products.js'\nimport * as categories from '@martyrs/src/modules/products/store/categories.js'\nimport * as shopcart from '@martyrs/src/modules/orders/store/shopcart.js'\n\nimport Button from '@martyrs/src/components/Button/Button.vue'\nimport Popup from '@martyrs/src/components/Popup/Popup.vue'\nimport Tab from '@martyrs/src/components/Tab/Tab.vue'\nimport Calendar from '@martyrs/src/components/Calendar/Calendar.vue'\n\nimport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'\nimport IconInfo from '@martyrs/src/modules/icons/navigation/IconInfo.vue'\n\nimport IconShopcartAdd from '@martyrs/src/modules/icons/actions/IconShopcartAdd.vue'\n\nimport IconList from '@martyrs/src/modules/icons/entities/IconList.vue';\nimport IconGroups from '@martyrs/src/modules/icons/entities/IconGroups.vue'\n\nimport ProductImages from '@martyrs/src/modules/products/components/blocks/ProductImages.vue'\nimport ProductConfigurator from '@martyrs/src/modules/products/components/sections/ProductConfigurator.vue'\nimport ProductsRecommended from '@martyrs/src/modules/products/components/sections/ProductsRecommended.vue';\nimport ProductsPopular from '@martyrs/src/modules/products/components/sections/ProductsPopular.vue'\n\nimport CardOrganization from '@martyrs/src/modules/organizations/components/blocks/CardOrganization.vue'\n\nconst route = useRoute()\nconst router = useRouter()\nconst { proxy } = getCurrentInstance()\nconst { returnCurrency, hasAccess } = useGlobalMixins()\n\nconst product = computed(() => products.state.current)\nconst productImages = computed(() => products.state.current.images || [])\n\n// Состояние для отслеживания текущих изображений (товара или варианта)\nconst currentImages = ref([])\n// Выбранный вариант товара\nconst selectedVariant = ref(null)\n\nconst text = {\n  en: { addtoorder: 'Add to Cart', fastorder: 'Fast Order', description: 'Description' },\n  ru: { addtoorder: 'Добавить в корзину', fastorder: 'Быстрый заказ', description: 'Описание' }\n}\n\nconst { t } = useI18n({ messages: text })\n\nconst emits = defineEmits(['page-loading', 'page-loaded']);\n\nconst recommendation = defineProps({\n  recommendation: {\n    type: Boolean,\n    default: false\n  }\n})\n  \nproducts.state.current = null\n\nonMounted(async () => {\n  emits('page-loading');\n  \n  await products.actions.read({ _id: route.params.product, lookup: ['variants','recommended','inventory'] })\n  \n  // Инициализируем текущие изображения изображениями товара\n  currentImages.value = [...productImages.value]\n\n  if (typeof gtag === 'function') {\n    gtag('event', 'view_item', {\n      currency: returnCurrency(),\n      value: product.value.price || 0,\n      items: [{\n        item_id: product.value._id,\n        item_name: product.value.name,\n        price: product.value.price || 0,\n        item_category: product.value.category || '',\n        item_brand: product.value.owner?.target?.profile.name || ''\n      }]\n    });\n  }\n\n  emits('page-loaded');\n})\n\n// Обработчик выбора варианта\nfunction handleVariantSelected(variant) {\n  selectedVariant.value = variant\n}\n\n// Обработчик обновления изображений при выборе варианта\nfunction handleUpdateImages(images) {\n  if (images && images.length > 0) {\n    currentImages.value = [...images]\n  } else {\n    // Если у варианта нет изображений, возвращаем изображения товара\n    currentImages.value = [...productImages.value]\n  }\n}\n\n// Функция добавления товара в корзину - теперь требует выбранный вариант\nasync function handleAddToCart({variant, quantity}) {\n  console.log('variant is', variant)\n   console.log('quantity is', quantity)\n  let selectedDates = null\n\n  try {\n    if (!variant) {\n      throw new Error('Variant is required for adding product to cart')\n    }\n\n    if (!shopcart.state.organization) {\n      shopcart.state.organization = product.value.owner.target._id\n    }\n    \n    if (product.value.listing === 'rent') {\n      selectedDates = await proxy.$dateSelector(\n        product.value._id,\n        variant._id,\n        quantity,\n        variant.price || product.value.price\n      );\n      \n      if (!selectedDates) throw new Error('Date selection cancelled')\n    }\n    \n    // Если организация товара отличается от текущей в корзине\n    if (shopcart.state.organization !== product.value.owner.target._id) {\n      const result = await proxy.$alert({\n        title: 'Replace items in your cart?',\n        message: `Your cart has items from another vendor. If you continue, we'll clear it so you can order from this one instead.`,\n        actions: [\n          { label: 'Cancel', value: false },\n          { label: 'Replace', value: true }\n        ]\n      })\n\n      if (!result) throw new Error('Cart replacement cancelled')\n\n      shopcart.state.positions = []\n      shopcart.state.organization = product.value.owner.target._id\n    }\n\n    if (typeof gtag === 'function') {\n      gtag('event', 'add_to_cart', {\n        currency: returnCurrency(),\n        value: variant.price || 0,\n        items: [{\n          item_id: product.value._id,\n          item_name: product.value.name,\n          price: variant.price || product.value.price || 0,\n          quantity: 1,\n          item_category: product.value.category || '',\n          item_brand: product.value.owner?.target?.profile?.name || ''\n        }]\n      });\n    }\n \n    await shopcart.actions.addProductToCart(product.value, variant, product.value.owner.target._id, selectedDates, quantity)\n    return true\n  } catch (error) {\n    console.error('Error while adding product to cart:', error)\n    throw error\n  }\n}\n</script>"],"names":["useRoute","useRouter","getCurrentInstance","useGlobalMixins","computed","products.state","ref","useI18n","onMounted","products.actions","shopcart.state","shopcart.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6IA,UAAM,QAAQA,UAAAA,SAAQ;AACPC,cAAAA,UAAS;AACxB,UAAM,EAAE,MAAK,IAAKC,IAAAA,mBAAkB;AACpC,UAAM,EAAE,gBAAgB,UAAS,IAAKC,OAAAA,gBAAe;AAErD,UAAM,UAAUC,IAAAA,SAAS,MAAMC,SAAAA,MAAe,OAAO;AACrD,UAAM,gBAAgBD,IAAAA,SAAS,MAAMC,SAAAA,MAAe,QAAQ,UAAU,CAAA,CAAE;AAGxE,UAAM,gBAAgBC,IAAAA,IAAI,CAAA,CAAE;AAE5B,UAAM,kBAAkBA,IAAAA,IAAI,IAAI;AAEhC,UAAM,OAAO;AAAA,MACX,IAAI,EAAE,YAAY,eAAe,WAAW,cAAc,aAAa,cAAa;AAAA,MACpF,IAAI,EAAE,YAAY,sBAAsB,WAAW,iBAAiB,aAAa,WAAU;AAAA,IAC7F;AAEA,UAAM,EAAE,EAAC,IAAKC,QAAAA,QAAQ,EAAE,UAAU,KAAI,CAAE;AAExC,UAAM,QAAQ;AASdF,aAAAA,MAAe,UAAU;AAEzBG,QAAAA,UAAU,YAAY;AACpB,YAAM,cAAc;AAEpB,YAAMC,iBAAiB,KAAK,EAAE,KAAK,MAAM,OAAO,SAAS,QAAQ,CAAC,YAAW,eAAc,WAAW,EAAC,CAAE;AAGzG,oBAAc,QAAQ,CAAC,GAAG,cAAc,KAAK;AAE7C,UAAI,OAAO,SAAS,YAAY;AAC9B,aAAK,SAAS,aAAa;AAAA,UACzB,UAAU,eAAc;AAAA,UACxB,OAAO,QAAQ,MAAM,SAAS;AAAA,UAC9B,OAAO,CAAC;AAAA,YACN,SAAS,QAAQ,MAAM;AAAA,YACvB,WAAW,QAAQ,MAAM;AAAA,YACzB,OAAO,QAAQ,MAAM,SAAS;AAAA,YAC9B,eAAe,QAAQ,MAAM,YAAY;AAAA,YACzC,YAAY,QAAQ,MAAM,OAAO,QAAQ,QAAQ,QAAQ;AAAA,UACjE,CAAO;AAAA,QACP,CAAK;AAAA,MACH;AAEA,YAAM,aAAa;AAAA,IACrB,CAAC;AAGD,aAAS,sBAAsB,SAAS;AACtC,sBAAgB,QAAQ;AAAA,IAC1B;AAGA,aAAS,mBAAmB,QAAQ;AAClC,UAAI,UAAU,OAAO,SAAS,GAAG;AAC/B,sBAAc,QAAQ,CAAC,GAAG,MAAM;AAAA,MAClC,OAAO;AAEL,sBAAc,QAAQ,CAAC,GAAG,cAAc,KAAK;AAAA,MAC/C;AAAA,IACF;AAGA,mBAAe,gBAAgB,EAAC,SAAS,SAAQ,GAAG;AAClD,cAAQ,IAAI,cAAc,OAAO;AAChC,cAAQ,IAAI,eAAe,QAAQ;AACpC,UAAI,gBAAgB;AAEpB,UAAI;AACF,YAAI,CAAC,SAAS;AACZ,gBAAM,IAAI,MAAM,gDAAgD;AAAA,QAClE;AAEA,YAAI,CAACC,SAAAA,MAAe,cAAc;AAChCA,mBAAAA,MAAe,eAAe,QAAQ,MAAM,MAAM,OAAO;AAAA,QAC3D;AAEA,YAAI,QAAQ,MAAM,YAAY,QAAQ;AACpC,0BAAgB,MAAM,MAAM;AAAA,YAC1B,QAAQ,MAAM;AAAA,YACd,QAAQ;AAAA,YACR;AAAA,YACA,QAAQ,SAAS,QAAQ,MAAM;AAAA,UACvC;AAEM,cAAI,CAAC,cAAe,OAAM,IAAI,MAAM,0BAA0B;AAAA,QAChE;AAGA,YAAIA,SAAAA,MAAe,iBAAiB,QAAQ,MAAM,MAAM,OAAO,KAAK;AAClE,gBAAM,SAAS,MAAM,MAAM,OAAO;AAAA,YAChC,OAAO;AAAA,YACP,SAAS;AAAA,YACT,SAAS;AAAA,cACP,EAAE,OAAO,UAAU,OAAO,MAAK;AAAA,cAC/B,EAAE,OAAO,WAAW,OAAO,KAAI;AAAA,YACzC;AAAA,UACA,CAAO;AAED,cAAI,CAAC,OAAQ,OAAM,IAAI,MAAM,4BAA4B;AAEzDA,mBAAAA,MAAe,YAAY,CAAA;AAC3BA,mBAAAA,MAAe,eAAe,QAAQ,MAAM,MAAM,OAAO;AAAA,QAC3D;AAEA,YAAI,OAAO,SAAS,YAAY;AAC9B,eAAK,SAAS,eAAe;AAAA,YAC3B,UAAU,eAAc;AAAA,YACxB,OAAO,QAAQ,SAAS;AAAA,YACxB,OAAO,CAAC;AAAA,cACN,SAAS,QAAQ,MAAM;AAAA,cACvB,WAAW,QAAQ,MAAM;AAAA,cACzB,OAAO,QAAQ,SAAS,QAAQ,MAAM,SAAS;AAAA,cAC/C,UAAU;AAAA,cACV,eAAe,QAAQ,MAAM,YAAY;AAAA,cACzC,YAAY,QAAQ,MAAM,OAAO,QAAQ,SAAS,QAAQ;AAAA,YACpE,CAAS;AAAA,UACT,CAAO;AAAA,QACH;AAEA,cAAMC,iBAAiB,iBAAiB,QAAQ,OAAO,SAAS,QAAQ,MAAM,MAAM,OAAO,KAAK,eAAe,QAAQ;AACvH,eAAO;AAAA,MACT,SAAS,OAAO;AACd,gBAAQ,MAAM,uCAAuC,KAAK;AAC1D,cAAM;AAAA,MACR;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}