@ozdao/martyrs 0.2.488 → 0.2.489

package/dist/martyrs/src/modules/community/components/pages/BlogPost.vue.js

@@ -0,0 +1,153 @@
+import { computed, ref, onServerPrefetch, onMounted, createElementBlock, openBlock, createVNode, TransitionGroup, withCtx, createCommentVNode, Fragment, renderList, Transition, createBlock } from "vue";
+import { u as useHead } from "../../../../../../node_modules/.pnpm/@unhead_vue@1.11.20_vue@3.5.13_typescript@5.8.3_/node_modules/@unhead/vue/dist/shared/vue.-sixQ7xP.js";
+/* empty css                                       */
+import _sfc_main$1 from "../../../../components/EmptyState/EmptyState.vue.js";
+import _sfc_main$2 from "../blocks/CardBlogpost.vue.js";
+import SkeletonBlogpost from "../../../icons/skeletons/SkeletonBlogpost.vue.js";
+import { useRoute } from "vue-router";
+import "vue-i18n";
+/* empty css                                        */
+/* empty css                                     */
+/* empty css                                       */
+import { state as state$1 } from "../../../auth/views/store/auth.js";
+import "../../../organizations/store/memberships.js";
+import "../../../organizations/store/organizations.js";
+/* empty css                                                      */
+import _sfc_main$4 from "../sections/Comments.vue.js";
+import _sfc_main$3 from "../../../constructor/components/sections/Viewer.vue.js";
+import { state, read } from "../../store/blogposts.js";
+const _hoisted_1 = ["href"];
+const _sfc_main = {
+  __name: "BlogPost",
+  setup(__props) {
+    const route = useRoute();
+    const blogpost = computed(() => state.current);
+    const isLoading = ref(false);
+    const canShare = ref(false);
+    const error = ref(null);
+    async function fetchBlogpost() {
+      var _a;
+      try {
+        isLoading.value = true;
+        const data = await read({ user: (_a = state$1.user) == null ? void 0 : _a._id, url: route.params.url });
+        blogpost.value = data[0];
+        state.current = data[0];
+      } catch (err) {
+        error.value = err;
+        console.error("Error fetching blogpost:", err);
+      } finally {
+        isLoading.value = false;
+      }
+    }
+    onServerPrefetch(async () => {
+      await fetchBlogpost();
+    });
+    onMounted(async () => {
+      if (!blogpost.value || blogpost.value.url !== route.params.url) {
+        await fetchBlogpost();
+      }
+      canShare.value = !!navigator.share;
+    });
+    const firstImage = computed(() => {
+      var _a, _b;
+      return (_b = (_a = blogpost.value) == null ? void 0 : _a.content) == null ? void 0 : _b.find((block) => block.type === "ImageUpload");
+    });
+    const firstText = computed(() => {
+      var _a, _b;
+      return (_b = (_a = blogpost.value) == null ? void 0 : _a.content) == null ? void 0 : _b.find(
+        (block) => block.type === "Textarea" && block.class !== "h2"
+      );
+    });
+    const metadata = computed(() => {
+      var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+      return {
+        title: (_a = blogpost.value) == null ? void 0 : _a.name,
+        description: (_b = firstText.value) == null ? void 0 : _b.content.slice(0, 120),
+        meta: [
+          { hid: "description", name: "description", content: (_c = firstText.value) == null ? void 0 : _c.content.slice(0, 120) },
+          { hid: "og:title", property: "og:title", content: (_d = blogpost.value) == null ? void 0 : _d.name },
+          { hid: "og:description", property: "og:description", content: (_e = firstText.value) == null ? void 0 : _e.content.slice(0, 120) },
+          { hid: "og:image", property: "og:image", content: ((_f = firstImage.value) == null ? void 0 : _f.content) ? `${process.env.FILE_SERVER_URL}${firstImage.value.content}` : `${process.env.FILE_SERVER_URL}/favicon/cover.jpg` },
+          { hid: "twitter:title", name: "twitter:title", content: (_g = blogpost.value) == null ? void 0 : _g.name },
+          { hid: "twitter:description", name: "twitter:description", content: (_h = firstText.value) == null ? void 0 : _h.content.slice(0, 120) },
+          { hid: "twitter:image", name: "twitter:image", content: ((_i = firstImage.value) == null ? void 0 : _i.content) ? `${process.env.FILE_SERVER_URL}${firstImage.value.content}` : `${process.env.FILE_SERVER_URL}/favicon/cover.jpg` },
+          { hid: "twitter:card", name: "twitter:card", content: "summary_large_image" }
+        ]
+      };
+    });
+    useHead(metadata);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("section", null, [
+        createVNode(TransitionGroup, {
+          tag: "ul",
+          name: "fade",
+          class: "o-hidden bg-light radius-medium"
+        }, {
+          default: withCtx(() => [
+            isLoading.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, renderList(3, (i) => {
+              return createVNode(SkeletonBlogpost, {
+                key: i,
+                class: ""
+              });
+            }), 64)) : createCommentVNode("", true)
+          ]),
+          _: 1
+        }),
+        createVNode(Transition, { name: "fade" }, {
+          default: withCtx(() => [
+            !isLoading.value && !blogpost.value ? (openBlock(), createBlock(_sfc_main$1, {
+              key: 0,
+              title: "No Blogpost Found",
+              description: "Currently, there are no blogposts available. Please check back later.",
+              class: "pd-medium mn-b-thin bg-light radius-big"
+            })) : createCommentVNode("", true)
+          ]),
+          _: 1
+        }),
+        createVNode(TransitionGroup, {
+          tag: "div",
+          name: "fade",
+          class: "container"
+        }, {
+          default: withCtx(() => [
+            !isLoading.value && blogpost.value ? (openBlock(), createBlock(_sfc_main$2, {
+              key: 0,
+              onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$router.push({ name: "Blogpost", params: { url: blogpost.value.url } })),
+              blogpost: blogpost.value,
+              user: state$1.user._id,
+              type: "blogpostPage",
+              hideTitle: true,
+              class: "mn-b-small bg-light radius-medium mobile:radius-zero"
+            }, {
+              default: withCtx(() => [
+                blogpost.value && blogpost.value.content ? (openBlock(), createBlock(_sfc_main$3, {
+                  key: 0,
+                  content: blogpost.value.content
+                }, null, 8, ["content"])) : createCommentVNode("", true),
+                blogpost.value.source ? (openBlock(), createElementBlock("a", {
+                  key: 1,
+                  href: blogpost.value.source,
+                  target: "_blank",
+                  class: "mn-b-semi d-block w-max radius-big pd-thin bg-black t-white"
+                }, " Check Source 🔗 ", 8, _hoisted_1)) : createCommentVNode("", true)
+              ]),
+              _: 1
+            }, 8, ["blogpost", "user"])) : createCommentVNode("", true),
+            !isLoading.value && blogpost.value ? (openBlock(), createBlock(_sfc_main$4, {
+              key: 1,
+              type: "blogpost",
+              target: blogpost.value._id,
+              owner: state$1.user._id,
+              class: "bg-light radius-medium mobile:radius-zero pd-medium"
+            }, null, 8, ["target", "owner"])) : createCommentVNode("", true)
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=BlogPost.vue.js.map

package/dist/martyrs/src/modules/community/components/pages/BlogPost.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlogPost.vue.js","sources":["../../../../../../../src/modules/community/components/pages/BlogPost.vue"],"sourcesContent":["<template>\n  <section>\n    <TransitionGroup tag=\"ul\" name=\"fade\" class=\"o-hidden bg-light radius-medium\">\n      <SkeletonBlogpost\n        v-if=\"isLoading\"\n        v-for=\"i in 3\" :key=\"i\"\n        class=\"\"\n      />\n    </TransitionGroup>\n    <transition \n      name=\"fade\"\n    >\n      <EmptyState \n        v-if=\"!isLoading && !blogpost\"\n        title=\"No Blogpost Found\"\n        description=\"Currently, there are no blogposts available. Please check back later.\"\n        class=\"pd-medium mn-b-thin bg-light radius-big\"\n      />\n    </transition>\n\n    <TransitionGroup tag=\"div\" name=\"fade\" class=\"container\">\n    \t  <!-- <button @click=\"share\" >\n\t\t\t    Поделиться\n\t\t\t  </button>\n\t\t\t   -->\n      \t<CardBlogpost \n          v-if=\"!isLoading && blogpost\"\n          @click=\"$router.push({name: 'Blogpost', params: {url: blogpost.url}})\" \n          :blogpost=\"blogpost\" \n          :user=\"auth.state.user._id\"\n          :type=\"'blogpostPage'\"\n          :hideTitle=\"true\"\n          class=\"mn-b-small  bg-light radius-medium mobile:radius-zero\"\n        >\n\n  \t      <Viewer\n  \t        v-if=\"blogpost && blogpost.content\"\n  \t        :content=\"blogpost.content\"\n  \t      />\n\n  \t\t\t\t<a v-if=\"blogpost.source\" :href=\"blogpost.source\" target=\"_blank\" class=\"mn-b-semi d-block w-max radius-big pd-thin bg-black t-white\">\n  \t\t\t\t\tCheck Source 🔗\n  \t\t\t\t</a>\n  \t\t\t\n      </CardBlogpost>\n\n     \t<!-- <h3 class=\"mn-b-small\">Recommended Communities</h3>\n  \t\t<Publics \n  \t\t\tclass=\"mn-b-small\"\n  \t\t/> -->\n\n      <Comments \n        v-if=\"!isLoading && blogpost\" \n        :type=\"'blogpost'\" \n        :target=\"blogpost._id\" \n        :owner=\"auth.state.user._id\"\n        class=\"bg-light radius-medium mobile:radius-zero pd-medium\"\n      />\n      \n    </TransitionGroup>  \n  \n  </section>\n</template>\n\n<script setup>\nimport { ref, onMounted, computed, onServerPrefetch, watch } from 'vue';\nimport { useHead } from '@unhead/vue'\nimport Loader from '@martyrs/src/components/Loader/Loader.vue';\nimport EmptyState from '@martyrs/src/components/EmptyState/EmptyState.vue';\nimport CardBlogpost from '@martyrs/src/modules/community/components/blocks/CardBlogpost.vue';\nimport SkeletonBlogpost from '@martyrs/src/modules/icons/skeletons/SkeletonBlogpost.vue'\nimport Publics from '@martyrs/src/modules/organizations/components/sections/Publics.vue'\nimport Comments from '@martyrs/src/modules/community/components/sections/Comments.vue';\nimport Viewer from '@martyrs/src/modules/constructor/components/sections/Viewer.vue';\nimport * as blog from '@martyrs/src/modules/community/store/blogposts.js';\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n  \nimport { useRoute } from 'vue-router';\n\nconst route = useRoute();\nconst blogpost = computed(() => blog.state.current);\nconst isLoading = ref(false);\nconst canShare = ref(false);\nconst error = ref(null);\n\nasync function fetchBlogpost() {\n  try {\n    isLoading.value = true;\n    const data = await blog.read({ user: auth.state.user?._id, url: route.params.url });\n    blogpost.value = data[0];\n    // Обновляем состояние хранилища\n    blog.state.current = data[0];\n  } catch (err) {\n    error.value = err;\n    console.error('Error fetching blogpost:', err);\n  } finally {\n    isLoading.value = false;\n  }\n}\n\nonServerPrefetch(async() => {\n\tawait fetchBlogpost()\n});\n\nonMounted(async() => {\n  if (!blogpost.value || blogpost.value.url !== route.params.url) {\n    await fetchBlogpost();\n  }\n  canShare.value = !!navigator.share;\n});\n\n\nconst share = async () => {\n  if (!canShare.value) return;\n  try {\n    await navigator.share({\n      title: blogpost.value.name,\n      text: firstText.value?.content.slice(0, 120) || 'Check out this blog post!',\n      url: window.location.href,\n    });\n    console.log('Content shared successfully');\n  } catch (error) {\n    console.error('Error sharing:', error);\n  }\n};\n\nconst firstImage = computed(() => {\n  return blogpost.value?.content?.find(block => block.type === 'ImageUpload');\n});\n\nconst firstText = computed(() => {\n  return blogpost.value?.content?.find(block => \n    block.type === 'Textarea' && block.class !== 'h2'\n  );\n});\n\nconst metadata = computed(() => ({\n  title: blogpost.value?.name,\n  description: firstText.value?.content.slice(0, 120),\n  meta: [\n    { hid: 'description', name: 'description', content: firstText.value?.content.slice(0, 120) },\n    { hid: 'og:title', property: 'og:title', content: blogpost.value?.name },\n    { hid: 'og:description', property: 'og:description', content: firstText.value?.content.slice(0, 120) },\n    { hid: 'og:image', property: 'og:image', content: firstImage.value?.content ? `${process.env.FILE_SERVER_URL}${firstImage.value.content}` : `${process.env.FILE_SERVER_URL}/favicon/cover.jpg` },\n    { hid: 'twitter:title', name: 'twitter:title', content: blogpost.value?.name },\n    { hid: 'twitter:description', name: 'twitter:description', content: firstText.value?.content.slice(0, 120) },\n    { hid: 'twitter:image', name: 'twitter:image', content: firstImage.value?.content ? `${process.env.FILE_SERVER_URL}${firstImage.value.content}` : `${process.env.FILE_SERVER_URL}/favicon/cover.jpg` },\n    { hid: 'twitter:card', name: 'twitter:card', content: 'summary_large_image' },\n  ],\n}));\n\nuseHead(metadata);\n</script>\n\n<style lang=\"scss\">\n\n</style>\n"],"names":["blog.state","blog.read","auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA+EA,UAAM,QAAQ,SAAU;AACxB,UAAM,WAAW,SAAS,MAAMA,MAAW,OAAO;AAClD,UAAM,YAAY,IAAI,KAAK;AAC3B,UAAM,WAAW,IAAI,KAAK;AAC1B,UAAM,QAAQ,IAAI,IAAI;AAEtB,mBAAe,gBAAgB;;AAC7B,UAAI;AACF,kBAAU,QAAQ;AAClB,cAAM,OAAO,MAAMC,KAAU,EAAE,OAAMC,aAAW,SAAXA,mBAAiB,KAAK,KAAK,MAAM,OAAO,IAAG,CAAE;AAClF,iBAAS,QAAQ,KAAK,CAAC;AAEvBF,cAAW,UAAU,KAAK,CAAC;AAAA,MAC5B,SAAQ,KAAK;AACZ,cAAM,QAAQ;AACd,gBAAQ,MAAM,4BAA4B,GAAG;AAAA,MACjD,UAAY;AACR,kBAAU,QAAQ;AAAA,MACtB;AAAA,IACA;AAEA,qBAAiB,YAAW;AAC3B,YAAM,cAAa;AAAA,IACpB,CAAC;AAED,cAAU,YAAW;AACnB,UAAI,CAAC,SAAS,SAAS,SAAS,MAAM,QAAQ,MAAM,OAAO,KAAK;AAC9D,cAAM,cAAe;AAAA,MACzB;AACE,eAAS,QAAQ,CAAC,CAAC,UAAU;AAAA,IAC/B,CAAC;AAiBD,UAAM,aAAa,SAAS,MAAM;;AAChC,cAAO,oBAAS,UAAT,mBAAgB,YAAhB,mBAAyB,KAAK,WAAS,MAAM,SAAS;AAAA,IAC/D,CAAC;AAED,UAAM,YAAY,SAAS,MAAM;;AAC/B,cAAO,oBAAS,UAAT,mBAAgB,YAAhB,mBAAyB;AAAA,QAAK,WACnC,MAAM,SAAS,cAAc,MAAM,UAAU;AAAA;AAAA,IAEjD,CAAC;AAED,UAAM,WAAW,SAAS,MAAO;;AAAA;AAAA,QAC/B,QAAO,cAAS,UAAT,mBAAgB;AAAA,QACvB,cAAa,eAAU,UAAV,mBAAiB,QAAQ,MAAM,GAAG;AAAA,QAC/C,MAAM;AAAA,UACJ,EAAE,KAAK,eAAe,MAAM,eAAe,UAAS,eAAU,UAAV,mBAAiB,QAAQ,MAAM,GAAG,KAAM;AAAA,UAC5F,EAAE,KAAK,YAAY,UAAU,YAAY,UAAS,cAAS,UAAT,mBAAgB,KAAM;AAAA,UACxE,EAAE,KAAK,kBAAkB,UAAU,kBAAkB,UAAS,eAAU,UAAV,mBAAiB,QAAQ,MAAM,GAAG,KAAM;AAAA,UACtG,EAAE,KAAK,YAAY,UAAU,YAAY,WAAS,gBAAW,UAAX,mBAAkB,WAAU,GAAG,QAAQ,IAAI,eAAe,GAAG,WAAW,MAAM,OAAO,KAAK,GAAG,QAAQ,IAAI,eAAe,qBAAsB;AAAA,UAChM,EAAE,KAAK,iBAAiB,MAAM,iBAAiB,UAAS,cAAS,UAAT,mBAAgB,KAAM;AAAA,UAC9E,EAAE,KAAK,uBAAuB,MAAM,uBAAuB,UAAS,eAAU,UAAV,mBAAiB,QAAQ,MAAM,GAAG,KAAM;AAAA,UAC5G,EAAE,KAAK,iBAAiB,MAAM,iBAAiB,WAAS,gBAAW,UAAX,mBAAkB,WAAU,GAAG,QAAQ,IAAI,eAAe,GAAG,WAAW,MAAM,OAAO,KAAK,GAAG,QAAQ,IAAI,eAAe,qBAAsB;AAAA,UACtM,EAAE,KAAK,gBAAgB,MAAM,gBAAgB,SAAS,sBAAuB;AAAA,QAC9E;AAAA,MACH;AAAA,KAAE;AAEF,YAAQ,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/community/components/pages/CreateBlogPost.vue.cjs

@@ -0,0 +1,307 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+require("isomorphic-dompurify");
+;/* empty css                                                      */
+const Constructor = require("../../../constructor/components/sections/Constructor.vue.cjs");
+const Popup = require("../../../../components/Popup/Popup.vue.cjs");
+require("../../../../../../_virtual/index.cjs");
+;/* empty css                                               */
+;/* empty css                                                     */
+const BlockTags = require("../../../../components/FieldTags/BlockTags.vue.cjs");
+const Checkbox = require("../../../../components/Checkbox/Checkbox.vue.cjs");
+const Field = require("../../../../components/Field/Field.vue.cjs");
+const Button = require("../../../../components/Button/Button.vue2.cjs");
+const Feed = require("../../../../components/Feed/Feed.vue.cjs");
+const Card = require("../../../globals/views/components/blocks/Card.vue.cjs");
+const vueRouter = require("vue-router");
+const blogposts = require("../../store/blogposts.cjs");
+const auth = require("../../../auth/views/store/auth.cjs");
+const organizations = require("../../../organizations/store/organizations.cjs");
+const mixins = require("../../../globals/views/mixins/mixins.cjs");
+const _hoisted_1 = { class: "w-100 bg-light radius-medium pos-relative" };
+const _hoisted_2 = {
+  style: { "min-height": "100%" },
+  class: "w-100 pd-big"
+};
+const _hoisted_3 = {
+  key: 0,
+  class: "pd-small pos-sticky pos-l-0 pos-b-0 w-100"
+};
+const _hoisted_4 = { class: "pd-thin radius-big bg-main w-100 flex-nowrap flex" };
+const _hoisted_5 = {
+  key: 1,
+  class: "mn-b-thin h-25r o-x-hidden o-y-scroll bg-light radius-big pd-small"
+};
+const _hoisted_6 = {
+  key: 2,
+  class: "mn-b-thin"
+};
+const _hoisted_7 = {
+  key: 3,
+  class: "mn-b-medium br-grey-transp-25 br-2px br-solid pd-small radius-big"
+};
+const _sfc_main = {
+  __name: "CreateBlogPost",
+  setup(__props) {
+    const { hasAccess } = mixins.useGlobalMixins();
+    const route = vueRouter.useRoute();
+    const router = vueRouter.useRouter();
+    let post = vue.ref(null);
+    vue.ref(null);
+    const selectedTags = vue.ref([]);
+    const selectedOrganization = vue.ref(null);
+    vue.onMounted(async () => {
+      if (route.params.url) {
+        const data = await blogposts.read({ user: auth.state.user._id, url: route.params.url });
+        post.value = data.pop();
+        if (!post.value) {
+          router.push({ name: "notfound" });
+        }
+        if (post.value.owner.type === "organization") {
+          const isAccess = hasAccess(post.value.owner.target._id, "posts", "edit", auth.state.accesses, auth.state.access.roles);
+          if (!isAccess) {
+            router.push({ name: "unauthorized" });
+          }
+        }
+        if (post.value.owner.type === "user" && post.value.creator.target._id !== auth.state.user._id) {
+          router.push({ name: "unauthorized" });
+        }
+      } else {
+        blogposts.clean();
+        post.value = blogposts.state.current;
+      }
+      if (!post.value.owner) post.value.owner = {
+        target: auth.state.user._id,
+        type: "user"
+      };
+      if (!post.value.creator) post.value.creator = {
+        target: auth.state.user._id,
+        type: "user",
+        hidden: false
+      };
+      if (post.value.owner.type === "organization") selectedOrganization.value = {
+        _id: post.value.owner.target._id,
+        name: post.value.owner.target.profile.name,
+        photo: post.value.owner.target.profile.photo
+      };
+    });
+    const tag = vue.ref("");
+    const autocompleteItems = vue.ref([
+      { text: "story" },
+      { text: "news" },
+      { text: "guide" },
+      { text: "discussion" },
+      { text: "photos" }
+    ]);
+    vue.computed(() => {
+      return autocompleteItems.value.filter((i) => {
+        return i.text.toLowerCase().includes(tag.value.toLowerCase());
+      });
+    });
+    vue.computed(() => {
+      return autocompleteItems.value.filter((item) => {
+        return !selectedTags.value.some((tag2) => tag2.text === item.text);
+      });
+    });
+    const isPublicationPopup = vue.ref(false);
+    function openPulicationPopup() {
+      isPublicationPopup.value = true;
+    }
+    function closePublicationPopup() {
+      isPublicationPopup.value = false;
+    }
+    function onDrafts() {
+      if (selectedTags.value.length > 0) selectedTags.value.map((tag2) => tag2.text);
+      post.value.status = "draft";
+      post.value.name = post.value.content[0].content;
+      if (route.params.url) {
+        blogposts.update(post.value).then((response) => {
+          router.push({ name: "BlogPost", params: { url: response.url } });
+        }).catch((error) => {
+          console.log(error);
+        });
+      } else {
+        blogposts.create(post.value).then((response) => {
+          router.push({ name: "BlogPost", params: { url: response.url } });
+        }).catch((error) => {
+          console.log(error);
+        });
+      }
+    }
+    function onSubmit() {
+      if (selectedOrganization.value) post.value.owner = {
+        target: selectedOrganization.value._id,
+        type: "organization"
+      };
+      if (!selectedOrganization.value) post.value.creator.hidden = false;
+      if (!selectedOrganization.value) post.value.organization = post.value.creator;
+      post.value.status = "published";
+      post.value.name = post.value.content[0].content;
+      if (route.params.url) {
+        blogposts.update(post.value).then((response) => {
+          console.log(post.value);
+          router.push({ name: "BlogPost", params: { url: response.url } });
+        }).catch((error) => {
+          console.error(error);
+        });
+      } else {
+        blogposts.create(post.value).then((response) => {
+          router.push({ name: "BlogPost", params: { url: response.url } });
+        }).catch((error) => {
+          console.error(error);
+        });
+      }
+    }
+    function onDelete() {
+      if (confirm("Are you sure you want to delete this post?")) {
+        blogposts.remove(post.value._id).then((response) => {
+          router.push({ name: "User Posts", params: { _id: post.value.creator.target._id } });
+        }).catch((error) => {
+          console.log(error);
+        });
+      }
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("article", _hoisted_1, [
+        vue.createElementVNode("section", _hoisted_2, [
+          _cache[10] || (_cache[10] = vue.createElementVNode("div", { class: "w-full h-full" }, null, -1)),
+          vue.unref(post) ? (vue.openBlock(), vue.createBlock(Constructor.default, {
+            key: 0,
+            content: vue.unref(post).content,
+            onUpdate: _cache[0] || (_cache[0] = (update) => vue.unref(post).content = update)
+          }, null, 8, ["content"])) : vue.createCommentVNode("", true)
+        ]),
+        vue.createVNode(vue.Transition, { name: "scaleIn" }, {
+          default: vue.withCtx(() => [
+            vue.unref(post) ? (vue.openBlock(), vue.createElementBlock("section", _hoisted_3, [
+              vue.createElementVNode("div", _hoisted_4, [
+                vue.unref(route).params.url ? (vue.openBlock(), vue.createElementBlock("button", {
+                  key: 0,
+                  onClick: _cache[1] || (_cache[1] = ($event) => onDelete()),
+                  class: "mn-r-auto bg-red t-white t-black button"
+                }, _cache[11] || (_cache[11] = [
+                  vue.createElementVNode("span", null, "Delete", -1)
+                ]))) : vue.createCommentVNode("", true),
+                vue.createElementVNode("button", {
+                  onClick: _cache[2] || (_cache[2] = ($event) => onDrafts()),
+                  class: "mn-l-auto bg-white t-black button"
+                }, _cache[12] || (_cache[12] = [
+                  vue.createElementVNode("span", null, "To Drafts", -1)
+                ])),
+                vue.createElementVNode("button", {
+                  onClick: _cache[3] || (_cache[3] = ($event) => openPulicationPopup()),
+                  class: "mn-l-thin bg-black t-white button"
+                }, _cache[13] || (_cache[13] = [
+                  vue.createElementVNode("span", null, "Publish", -1)
+                ]))
+              ])
+            ])) : vue.createCommentVNode("", true)
+          ]),
+          _: 1
+        }),
+        vue.createVNode(Popup.default, {
+          onClosePopup: closePublicationPopup,
+          isPopupOpen: isPublicationPopup.value,
+          class: "w-m-33r t-left pd-big bg-white radius-big"
+        }, {
+          default: vue.withCtx(() => {
+            var _a, _b;
+            return [
+              _cache[15] || (_cache[15] = vue.createElementVNode("h3", { class: "mn-b-small" }, "Final Touches", -1)),
+              vue.createVNode(BlockTags.default, {
+                onTagsChanged: _cache[4] || (_cache[4] = (newTags) => vue.unref(post).tags = newTags),
+                tags: vue.unref(post).tags,
+                class: "mn-b-small"
+              }, null, 8, ["tags"]),
+              _cache[16] || (_cache[16] = vue.createElementVNode("h5", { class: "mn-b-small" }, "Add source:", -1)),
+              vue.createVNode(Field.default, {
+                field: vue.unref(post).source,
+                "onUpdate:field": _cache[5] || (_cache[5] = ($event) => vue.unref(post).source = $event),
+                placeholder: "Add full link to the source",
+                class: "mn-b-medium bg-light radius-medium pd-small"
+              }, null, 8, ["field"]),
+              _cache[17] || (_cache[17] = vue.createElementVNode("h5", { class: "mn-b-small" }, "Add to public", -1)),
+              selectedOrganization.value ? (vue.openBlock(), vue.createBlock(Card.default, {
+                key: 0,
+                photo: (_a = selectedOrganization.value.profile) == null ? void 0 : _a.photo,
+                title: (_b = selectedOrganization.value.profile) == null ? void 0 : _b.name,
+                onClick: _cache[6] || (_cache[6] = () => {
+                  selectedOrganization.value = null;
+                }),
+                class: "h-4r w-100 bg-light pd-thin radius-medium mn-b-thin"
+              }, null, 8, ["photo", "title"])) : (vue.openBlock(), vue.createElementBlock("section", _hoisted_5, [
+                vue.createVNode(Feed.default, {
+                  showLoadMore: false,
+                  search: {
+                    placeholder: "Search organization...",
+                    class: "bg-white mn-b-thin"
+                  },
+                  states: {
+                    empty: {
+                      title: "No organizations Found",
+                      description: "Currently, there are no such organizations available."
+                    }
+                  },
+                  store: {
+                    read: (options) => organizations.actions.read(options),
+                    state: null
+                  },
+                  options: {
+                    user: auth.state.user._id,
+                    postable: auth.state.user._id,
+                    lookup: ["memberships"]
+                  }
+                }, {
+                  default: vue.withCtx(({
+                    items
+                  }) => [
+                    (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(items, (organization, index, ___, _cached) => {
+                      var _a2, _b2;
+                      const _memo = [organization._id, organization.profile.name];
+                      if (_cached && vue.isMemoSame(_cached, _memo)) return _cached;
+                      const _item = (vue.openBlock(), vue.createBlock(Card.default, {
+                        photo: (_a2 = organization.profile) == null ? void 0 : _a2.photo,
+                        title: (_b2 = organization.profile) == null ? void 0 : _b2.name,
+                        onClick: () => {
+                          selectedOrganization.value = organization;
+                        },
+                        class: "h-4r bg-white pd-thin radius-medium w-100 mn-b-thin"
+                      }, null, 8, ["photo", "title", "onClick"]));
+                      _item.memo = _memo;
+                      return _item;
+                    }, _cache, 7), 256))
+                  ]),
+                  _: 1
+                }, 8, ["store", "options"])
+              ])),
+              selectedOrganization.value ? (vue.openBlock(), vue.createElementBlock("h5", _hoisted_6, "Options:")) : vue.createCommentVNode("", true),
+              selectedOrganization.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7, [
+                vue.createVNode(Checkbox.default, {
+                  label: "Hide Author",
+                  radio: vue.unref(post).creator.hidden,
+                  "onUpdate:radio": _cache[9] || (_cache[9] = (event) => vue.unref(post).creator.hidden = event),
+                  name: "prices",
+                  class: "w-100"
+                }, null, 8, ["radio"])
+              ])) : vue.createCommentVNode("", true),
+              vue.createVNode(Button.default, {
+                submit: onSubmit,
+                callback: _ctx.redirectTo,
+                class: "w-100 bg-black t-white"
+              }, {
+                default: vue.withCtx(() => _cache[14] || (_cache[14] = [
+                  vue.createTextVNode("Publish")
+                ])),
+                _: 1
+              }, 8, ["callback"])
+            ];
+          }),
+          _: 1
+        }, 8, ["isPopupOpen"])
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=CreateBlogPost.vue.cjs.map

package/dist/martyrs/src/modules/community/components/pages/CreateBlogPost.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreateBlogPost.vue.cjs","sources":["../../../../../../../src/modules/community/components/pages/CreateBlogPost.vue"],"sourcesContent":["<template>\n  <article \n    class=\"w-100 bg-light radius-medium pos-relative\"\n  >\n    <section  \n      style=\"min-height: 100%;\"\n      class=\"w-100 pd-big\"\n    >\n      <!-- Title -->\n      <div \n        class=\"w-full h-full\"\n      >\n        <!-- <Textarea \n          v-if=\"post\" \n          :prop=\"post\" \n          :setFocus=\"true\"\n          content=\"name\" \n          placeholder=\"Enter post title\" \n          class=\"h2\"\n        /> -->\n      </div>\n\n      <Constructor \n        v-if=\"post\" \n        :content=\"post.content\"\n        @update=\"update => post.content = update\"\n      />\n\n    </section>\n\n    <transition  name=\"scaleIn\" >\n      <section v-if=\"post\" class=\"pd-small pos-sticky pos-l-0 pos-b-0 w-100 \">\n        <div class=\"pd-thin radius-big  bg-main w-100 flex-nowrap flex\">\n          <button v-if=\"route.params.url\" @click=\"onDelete()\" class=\"mn-r-auto bg-red t-white t-black button\"><span>Delete</span></button>\n          <button @click=\"onDrafts()\" class=\"mn-l-auto bg-white t-black button\"><span>To Drafts</span></button>\n          <button @click=\"openPulicationPopup()\" class=\"mn-l-thin bg-black t-white button\"><span>Publish</span></button>\n        </div>\n      </section>\n    </transition>\n\n    <Popup  \n      @close-popup=\"closePublicationPopup\" \n      :isPopupOpen=\"isPublicationPopup\"\n      class=\"w-m-33r t-left pd-big bg-white radius-big\"\n    >\n      <h3 class=\"mn-b-small\">Final Touches</h3>\n      \n      <BlockTags\n        @tags-changed=\"newTags => post.tags = newTags\"\n        :tags=\"post.tags\"\n        class=\"mn-b-small\"\n      />\n\n      <h5 class=\"mn-b-small\">Add source:</h5>\n      <Field \n        v-model:field=\"post.source\"    \n        placeholder=\"Add full link to the source\" \n        class=\"mn-b-medium bg-light radius-medium pd-small\" \n      />\n\n      <h5 class=\"mn-b-small\">Add to public</h5>\n      <Card\n        v-if=\"selectedOrganization\"\n        :photo=\"selectedOrganization.profile?.photo\"\n        :title=\"selectedOrganization.profile?.name\"\n        @click=\"() => { \n          selectedOrganization = null\n        }\"\n        class=\"h-4r w-100 bg-light pd-thin radius-medium  mn-b-thin\"\n      />\n\n      <section v-else class=\"mn-b-thin h-25r o-x-hidden o-y-scroll bg-light radius-big pd-small \">\n        <Feed\n          :showLoadMore=\"false\" \n          :search=\"{\n            placeholder: 'Search organization...',\n            class: 'bg-white mn-b-thin'\n          }\"\n          :states=\"{\n            empty: {\n              title: 'No organizations Found',\n              description: 'Currently, there are no such organizations available.'\n            }\n          }\"\n          :store=\"{\n            read: (options) => organizations.actions.read(options),\n            state: null\n          }\"\n          :options=\"{\n            user: auth.state.user._id,\n            postable: auth.state.user._id,\n            lookup: ['memberships']\n          }\"\n          v-slot=\"{ \n            items \n          }\"\n        >\n          <Card\n            v-for=\"(organization, index) in items\" \n            v-memo=\"[organization._id, organization.profile.name]\"\n            :photo=\"organization.profile?.photo\"\n            :title=\"organization.profile?.name\"\n            @click=\"() => { \n              selectedOrganization = organization\n            }\"\n            class=\"h-4r bg-white pd-thin radius-medium w-100 mn-b-thin\"\n          />\n        </Feed>\n      </section>\n\n      <h5 v-if=\"selectedOrganization\" class=\"mn-b-thin\">Options:</h5>\n      <div v-if=\"selectedOrganization\" class=\"mn-b-medium br-grey-transp-25 br-2px br-solid pd-small radius-big\">\n        <Checkbox \n          :label=\"'Hide Author'\"\n          :radio=\"post.creator.hidden\"\n          @update:radio=\"event => post.creator.hidden = event\"\n          name=\"prices\"\n          class=\"w-100\"\n        />\n      </div>\n        \n      <Button :submit=\"onSubmit\" :callback=\"redirectTo\" class=\"w-100 bg-black t-white\">Publish</Button>\n    </Popup>\n      \n  </article>\n</template>\n\n<script setup>\nimport Textarea from '@martyrs/src/modules/constructor/components/elements/Textarea.vue';\nimport Constructor from '@martyrs/src/modules/constructor/components/sections/Constructor.vue';\n\nimport Popup from '@martyrs/src/components/Popup/Popup.vue'\nimport FieldTags from '@martyrs/src/components/FieldTags/FieldTags.vue'\nimport BlockTags from '@martyrs/src/components/FieldTags/BlockTags.vue'\nimport Checkbox from '@martyrs/src/components/Checkbox/Checkbox.vue'\nimport Field from '@martyrs/src/components/Field/Field.vue'\nimport Button from '@martyrs/src/components/Button/Button.vue';   \nimport Feed from '@martyrs/src/components/Feed/Feed.vue'\n\nimport Card from '@martyrs/src/modules/globals/views/components/blocks/Card.vue';\n\nimport { ref, onMounted, watchEffect, nextTick, computed } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\nimport { VueDraggableNext } from 'vue-draggable-next';\n// Store & Router\nimport * as blog from '@martyrs/src/modules/community/store/blogposts.js';\nimport * as auth  from '@martyrs/src/modules/auth/views/store/auth.js'\nimport * as organizations  from '@martyrs/src/modules/organizations/store/organizations.js'\n    \nimport { useGlobalMixins } from \"@martyrs/src/modules/globals/views/mixins/mixins.js\"\n\nconst { hasAccess } = useGlobalMixins()\n\nconst route = useRoute();\nconst router = useRouter();\n\nlet post = ref(null);\nlet publics = ref(null);\n\nconst selectedTags = ref([]);\nconst selectedOrganization = ref(null);\n\nonMounted(async () =>{\n  \n  if (route.params.url) {\n    const data = await blog.read({ user: auth.state.user._id, url: route.params.url });\n    \n    post.value = data.pop();\n\n    if (!post.value) {\n      router.push({name: 'notfound'})\n    }\n\n    if (post.value.owner.type === 'organization') {\n      // Если пост принадлежит организации, проверяем права на редактирование через `hasAccess`\n      const isAccess = hasAccess(post.value.owner.target._id, 'posts', 'edit', auth.state.accesses, auth.state.access.roles);\n\n      if (!isAccess) {\n        router.push({name: 'unauthorized'})\n      }\n    }\n\n     if (post.value.owner.type === 'user' && post.value.creator.target._id !== auth.state.user._id) {\n      router.push({name: 'unauthorized'})\n    }\n  } else {\n    blog.clean();\n    post.value = blog.state.current;\n  }\n\n  if (!post.value.owner) post.value.owner = {\n    target: auth.state.user._id,\n    type: 'user'\n  }\n\n  if (!post.value.creator) post.value.creator = {\n    target: auth.state.user._id,\n    type: 'user',\n    hidden: false\n  }\n\n\n  if (post.value.owner.type === 'organization') selectedOrganization.value = {\n    _id: post.value.owner.target._id,\n    name: post.value.owner.target.profile.name,\n    photo: post.value.owner.target.profile.photo\n  }\n})\n// /////////////////////////////////////////\n// Publication Form\n// /////////////////////////////////////////\nconst tag = ref('');\nconst autocompleteItems = ref([\n  { text: 'story' },\n  { text: 'news' },\n  { text: 'guide' },\n  { text: 'discussion' },\n  { text: 'photos' },\n]);\n\nconst filteredItems = computed(() => {\n  return autocompleteItems.value.filter(i => {\n    return i.text.toLowerCase().includes(tag.value.toLowerCase());\n  });\n});\n\nconst filteredSuggestedItems = computed(() => {\n    return autocompleteItems.value.filter(item => {\n      return !selectedTags.value.some(tag => tag.text === item.text);\n    });\n  })\n\nfunction addTag (tag) {\n  selectedTags.value.push(tag)\n}\n// /////////////////////////////////////////\n// Publication Popup\n// /////////////////////////////////////////\nconst isPublicationPopup = ref(false)\n\nfunction openPulicationPopup() {\n  isPublicationPopup.value = true;\n}\nfunction closePublicationPopup() {\n  isPublicationPopup.value = false;\n}\n\nfunction onDrafts() {\n\n  if (selectedTags.value.length > 0) selectedTags.value.map(tag => (tag.text))\n\n  post.value.status = \"draft\"\n  post.value.name = post.value.content[0].content\n\n  if (route.params.url) {\n    blog.update(post.value)\n      .then(response => {\n        router.push({ name: 'BlogPost', params: { url: response.url } });\n      })\n      .catch(error => {\n        console.log(error);\n      });\n  } else {\n    blog.create(post.value)\n      .then(response => {\n        router.push({ name: 'BlogPost', params: { url: response.url } });\n      })\n      .catch(error => {\n        console.log(error);\n      });\n  }\n}\n\nfunction onSubmit() {\n\n  if (selectedOrganization.value) post.value.owner = {\n    target: selectedOrganization.value._id,\n    type: 'organization'\n  }\n\n  if (!selectedOrganization.value) post.value.creator.hidden = false\n  if (!selectedOrganization.value) post.value.organization = post.value.creator\n\n  post.value.status = \"published\"\n  post.value.name = post.value.content[0].content\n\n  if (route.params.url) {\n    blog.update(post.value)\n      .then(response => {\n        console.log(post.value)\n        router.push({ name: 'BlogPost', params: { url: response.url } });\n      })\n      .catch(error => {\n        console.error(error);\n      });\n  } else {\n    blog.create(post.value)\n      .then(response => {\n        router.push({ name: 'BlogPost', params: { url: response.url } });\n      })\n      .catch(error => {\n        console.error(error);\n      });\n  }\n}\n\nfunction onDelete() {\n  if (confirm('Are you sure you want to delete this post?')) {\n    blog.remove(post.value._id)\n      .then(response => {\n        router.push({ name: 'User Posts', params: { _id: post.value.creator.target._id } });\n      })\n      .catch(error => {\n        console.log(error);\n      });\n  }\n}\n</script>\n\n\n<style lang=\"scss\">\n\n</style>\n"],"names":["useGlobalMixins","useRoute","useRouter","ref","onMounted","blog.read","auth.state","blog.clean","blog.state","computed","tag","blog.update","blog.create","blog.remove"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuJA,UAAM,EAAE,UAAW,IAAGA,OAAe,gBAAA;AAErC,UAAM,QAAQC,UAAAA,SAAU;AACxB,UAAM,SAASC,UAAAA,UAAW;AAE1B,QAAI,OAAOC,IAAG,IAAC,IAAI;AACLA,QAAAA,IAAI,IAAI;AAEtB,UAAM,eAAeA,IAAG,IAAC,EAAE;AAC3B,UAAM,uBAAuBA,IAAG,IAAC,IAAI;AAErCC,QAAAA,UAAU,YAAW;AAEnB,UAAI,MAAM,OAAO,KAAK;AACpB,cAAM,OAAO,MAAMC,eAAU,EAAE,MAAMC,KAAU,MAAC,KAAK,KAAK,KAAK,MAAM,OAAO,IAAG,CAAE;AAEjF,aAAK,QAAQ,KAAK,IAAK;AAEvB,YAAI,CAAC,KAAK,OAAO;AACf,iBAAO,KAAK,EAAC,MAAM,WAAU,CAAC;AAAA,QACpC;AAEI,YAAI,KAAK,MAAM,MAAM,SAAS,gBAAgB;AAE5C,gBAAM,WAAW,UAAU,KAAK,MAAM,MAAM,OAAO,KAAK,SAAS,QAAQA,KAAAA,MAAW,UAAUA,KAAAA,MAAW,OAAO,KAAK;AAErH,cAAI,CAAC,UAAU;AACb,mBAAO,KAAK,EAAC,MAAM,eAAc,CAAC;AAAA,UAC1C;AAAA,QACA;AAEK,YAAI,KAAK,MAAM,MAAM,SAAS,UAAU,KAAK,MAAM,QAAQ,OAAO,QAAQA,KAAAA,MAAW,KAAK,KAAK;AAC9F,iBAAO,KAAK,EAAC,MAAM,eAAc,CAAC;AAAA,QACxC;AAAA,MACA,OAAS;AACLC,wBAAY;AACZ,aAAK,QAAQC,UAAAA,MAAW;AAAA,MAC5B;AAEE,UAAI,CAAC,KAAK,MAAM,MAAO,MAAK,MAAM,QAAQ;AAAA,QACxC,QAAQF,KAAAA,MAAW,KAAK;AAAA,QACxB,MAAM;AAAA,MACV;AAEE,UAAI,CAAC,KAAK,MAAM,QAAS,MAAK,MAAM,UAAU;AAAA,QAC5C,QAAQA,KAAAA,MAAW,KAAK;AAAA,QACxB,MAAM;AAAA,QACN,QAAQ;AAAA,MACZ;AAGE,UAAI,KAAK,MAAM,MAAM,SAAS,eAAgB,sBAAqB,QAAQ;AAAA,QACzE,KAAK,KAAK,MAAM,MAAM,OAAO;AAAA,QAC7B,MAAM,KAAK,MAAM,MAAM,OAAO,QAAQ;AAAA,QACtC,OAAO,KAAK,MAAM,MAAM,OAAO,QAAQ;AAAA,MAC3C;AAAA,IACA,CAAC;AAID,UAAM,MAAMH,IAAG,IAAC,EAAE;AAClB,UAAM,oBAAoBA,IAAAA,IAAI;AAAA,MAC5B,EAAE,MAAM,QAAS;AAAA,MACjB,EAAE,MAAM,OAAQ;AAAA,MAChB,EAAE,MAAM,QAAS;AAAA,MACjB,EAAE,MAAM,aAAc;AAAA,MACtB,EAAE,MAAM,SAAU;AAAA,IACpB,CAAC;AAEqBM,QAAAA,SAAS,MAAM;AACnC,aAAO,kBAAkB,MAAM,OAAO,OAAK;AACzC,eAAO,EAAE,KAAK,YAAa,EAAC,SAAS,IAAI,MAAM,aAAa;AAAA,MAChE,CAAG;AAAA,IACH,CAAC;AAE8BA,QAAAA,SAAS,MAAM;AAC1C,aAAO,kBAAkB,MAAM,OAAO,UAAQ;AAC5C,eAAO,CAAC,aAAa,MAAM,KAAK,CAAAC,SAAOA,KAAI,SAAS,KAAK,IAAI;AAAA,MACnE,CAAK;AAAA,IACF,CAAA;AAQH,UAAM,qBAAqBP,IAAG,IAAC,KAAK;AAEpC,aAAS,sBAAsB;AAC7B,yBAAmB,QAAQ;AAAA,IAC7B;AACA,aAAS,wBAAwB;AAC/B,yBAAmB,QAAQ;AAAA,IAC7B;AAEA,aAAS,WAAW;AAElB,UAAI,aAAa,MAAM,SAAS,EAAG,cAAa,MAAM,IAAI,CAAAO,SAAQA,KAAI,IAAK;AAE3E,WAAK,MAAM,SAAS;AACpB,WAAK,MAAM,OAAO,KAAK,MAAM,QAAQ,CAAC,EAAE;AAExC,UAAI,MAAM,OAAO,KAAK;AACpBC,kBAAW,OAAC,KAAK,KAAK,EACnB,KAAK,cAAY;AAChB,iBAAO,KAAK,EAAE,MAAM,YAAY,QAAQ,EAAE,KAAK,SAAS,IAAG,GAAI;AAAA,QAChE,CAAA,EACA,MAAM,WAAS;AACd,kBAAQ,IAAI,KAAK;AAAA,QACzB,CAAO;AAAA,MACP,OAAS;AACLC,kBAAW,OAAC,KAAK,KAAK,EACnB,KAAK,cAAY;AAChB,iBAAO,KAAK,EAAE,MAAM,YAAY,QAAQ,EAAE,KAAK,SAAS,IAAG,GAAI;AAAA,QAChE,CAAA,EACA,MAAM,WAAS;AACd,kBAAQ,IAAI,KAAK;AAAA,QACzB,CAAO;AAAA,MACP;AAAA,IACA;AAEA,aAAS,WAAW;AAElB,UAAI,qBAAqB,MAAO,MAAK,MAAM,QAAQ;AAAA,QACjD,QAAQ,qBAAqB,MAAM;AAAA,QACnC,MAAM;AAAA,MACV;AAEE,UAAI,CAAC,qBAAqB,MAAO,MAAK,MAAM,QAAQ,SAAS;AAC7D,UAAI,CAAC,qBAAqB,MAAO,MAAK,MAAM,eAAe,KAAK,MAAM;AAEtE,WAAK,MAAM,SAAS;AACpB,WAAK,MAAM,OAAO,KAAK,MAAM,QAAQ,CAAC,EAAE;AAExC,UAAI,MAAM,OAAO,KAAK;AACpBD,kBAAW,OAAC,KAAK,KAAK,EACnB,KAAK,cAAY;AAChB,kBAAQ,IAAI,KAAK,KAAK;AACtB,iBAAO,KAAK,EAAE,MAAM,YAAY,QAAQ,EAAE,KAAK,SAAS,IAAG,GAAI;AAAA,QAChE,CAAA,EACA,MAAM,WAAS;AACd,kBAAQ,MAAM,KAAK;AAAA,QAC3B,CAAO;AAAA,MACP,OAAS;AACLC,kBAAW,OAAC,KAAK,KAAK,EACnB,KAAK,cAAY;AAChB,iBAAO,KAAK,EAAE,MAAM,YAAY,QAAQ,EAAE,KAAK,SAAS,IAAG,GAAI;AAAA,QAChE,CAAA,EACA,MAAM,WAAS;AACd,kBAAQ,MAAM,KAAK;AAAA,QAC3B,CAAO;AAAA,MACP;AAAA,IACA;AAEA,aAAS,WAAW;AAClB,UAAI,QAAQ,4CAA4C,GAAG;AACzDC,yBAAY,KAAK,MAAM,GAAG,EACvB,KAAK,cAAY;AAChB,iBAAO,KAAK,EAAE,MAAM,cAAc,QAAQ,EAAE,KAAK,KAAK,MAAM,QAAQ,OAAO,IAAK,EAAA,CAAE;AAAA,QACnF,CAAA,EACA,MAAM,WAAS;AACd,kBAAQ,IAAI,KAAK;AAAA,QACzB,CAAO;AAAA,MACP;AAAA,IACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}