@ozdao/prometheus-framework 0.2.222 → 0.2.224

package/dist/prometheus-framework/src/modules/events/components/pages/Event.vue.js

@@ -1,16 +1,15 @@
-import { ref, onMounted, openBlock, createElementBlock, createVNode, TransitionGroup, withCtx, Fragment, renderList, createCommentVNode, Transition, createBlock, normalizeStyle, createElementVNode, normalizeClass, resolveDynamicComponent, mergeProps } from "vue";
-/* empty css                                        */
-import _sfc_main$1 from "../../../../components/EmptyState/EmptyState.vue.js";
+import { ref, onMounted, openBlock, createElementBlock, createVNode, TransitionGroup, withCtx, Fragment, renderList, createCommentVNode, createBlock, normalizeStyle, createElementVNode, normalizeClass, resolveDynamicComponent, mergeProps } from "vue";
+/* empty css                                       */
 import HeroEvent from "../sections/HeroEvent.vue.js";
-import _sfc_main$2 from "../sections/SectionMainGuest.vue.js";
-import _sfc_main$3 from "../sections/SectionSpecialGuests.vue.js";
-import _sfc_main$4 from "../sections/SectionLineup.vue.js";
-import _sfc_main$5 from "../sections/SectionPreviousEvents.vue.js";
-import _sfc_main$6 from "../blocks/CardEvent.vue.js";
+import _sfc_main$1 from "../sections/SectionMainGuest.vue.js";
+import _sfc_main$2 from "../sections/SectionSpecialGuests.vue.js";
+import _sfc_main$3 from "../sections/SectionLineup.vue.js";
+import _sfc_main$4 from "../sections/SectionPreviousEvents.vue.js";
+import _sfc_main$5 from "../blocks/CardEvent.vue.js";
 import SkeletonEvent from "../../../icons/skeletons/SkeletonEvent.vue.js";
 import ButtonJoin from "../elements/ButtonJoin.vue.js";
-import _sfc_main$7 from "../../../community/components/sections/Comments.vue.js";
-import _sfc_main$8 from "../../../constructor/components/elements/Image.vue.js";
+import _sfc_main$6 from "../../../community/components/sections/Comments.vue.js";
+import _sfc_main$7 from "../../../constructor/components/elements/Image.vue.js";
 import { read } from "../../store/events.js";
 import { mutations } from "../../store/tickets.js";
 import { state } from "../../../auth/views/store/auth.js";
@@ -32,7 +31,7 @@ const _sfc_main = {
       "H2": "h2",
       "Bullets": "p",
       "Caption": "p",
-      "ImageUpload": _sfc_main$8
+      "ImageUpload": _sfc_main$7
     };
     function getBlockProps(block) {
       if (block.type === "Textarea") {
@@ -64,145 +63,135 @@ const _sfc_main = {
           default: withCtx(() => [
             isLoading.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, renderList(3, (i) => {
               return createVNode(SkeletonEvent, { key: i });
-            }), 64)) : createCommentVNode("", true)
-          ]),
-          _: 1
-        }),
-        createVNode(Transition, { name: "fade" }, {
-          default: withCtx(() => [
-            !isLoading.value && !event.value ? (openBlock(), createBlock(_sfc_main$1, {
-              key: 0,
-              title: "No Event Found",
-              description: "Currently, there are no events available. Please check back later.",
-              class: "pd-medium mn-b-thin bg-light radius-big"
-            })) : createCommentVNode("", true)
-          ]),
-          _: 1
-        }),
-        !isLoading.value && event.value && event.value.special ? (openBlock(), createBlock(HeroEvent, {
-          key: 0,
-          content: {
-            title: event.value.name,
-            description: event.value.description,
-            ticketLinkStripe: event.value.specialData.ticketLinkStripe,
-            ticketText: event.value.specialData.ticketText,
-            cover: event.value.cover,
-            subtitle: event.value.specialData.subtitle,
-            logos: event.value.specialData.logos,
-            video: event.value.specialData.video,
-            ticketTextButton: event.value.specialData.ticketTextButton
-          },
-          options: {
-            date: event.value.date.start,
-            price: event.value.specialData.ticketPrice
-          },
-          class: "mn-b-thin"
-        }, null, 8, ["content", "options"])) : createCommentVNode("", true),
-        !isLoading.value && event.value && event.value.special && event.value.specialData.guestTitle ? (openBlock(), createBlock(_sfc_main$2, {
-          key: 1,
-          content: {
-            title: event.value.specialData.guestTitle,
-            description: event.value.specialData.guestDescription,
-            socials: {
-              twitter: event.value.specialData.guestTwitter,
-              telegram: event.value.specialData.guestTelegram,
-              instagram: event.value.specialData.guestInstagram,
-              facebook: event.value.specialData.guestFacebook
-            },
-            video: event.value.specialData.guestVideo,
-            spotify: event.value.specialData.guestSpotify,
-            soundcloud: event.value.specialData.guestSoundcloud,
-            youtube: event.value.specialData.guestYoutube
-          },
-          class: "mn-b-thin"
-        }, null, 8, ["content"])) : createCommentVNode("", true),
-        !isLoading.value && event.value && event.value.special ? (openBlock(), createElementBlock("section", {
-          key: 2,
-          style: normalizeStyle(`
+            }), 64)) : createCommentVNode("", true),
+            !isLoading.value && event.value && event.value.special ? (openBlock(), createBlock(HeroEvent, {
+              key: 1,
+              content: {
+                title: event.value.name,
+                description: event.value.description,
+                ticketLinkStripe: event.value.specialData.ticketLinkStripe,
+                ticketText: event.value.specialData.ticketText,
+                cover: event.value.cover,
+                subtitle: event.value.specialData.subtitle,
+                logos: event.value.specialData.logos,
+                video: event.value.specialData.video,
+                ticketTextButton: event.value.specialData.ticketTextButton
+              },
+              options: {
+                date: event.value.date.start,
+                price: event.value.specialData.ticketPrice
+              },
+              class: "mn-b-thin"
+            }, null, 8, ["content", "options"])) : createCommentVNode("", true),
+            !isLoading.value && event.value && event.value.special && event.value.specialData.guestTitle ? (openBlock(), createBlock(_sfc_main$1, {
+              key: 2,
+              content: {
+                title: event.value.specialData.guestTitle,
+                description: event.value.specialData.guestDescription,
+                socials: {
+                  twitter: event.value.specialData.guestTwitter,
+                  telegram: event.value.specialData.guestTelegram,
+                  instagram: event.value.specialData.guestInstagram,
+                  facebook: event.value.specialData.guestFacebook
+                },
+                video: event.value.specialData.guestVideo,
+                spotify: event.value.specialData.guestSpotify,
+                soundcloud: event.value.specialData.guestSoundcloud,
+                youtube: event.value.specialData.guestYoutube
+              },
+              class: "mn-b-thin"
+            }, null, 8, ["content"])) : createCommentVNode("", true),
+            !isLoading.value && event.value && event.value.special ? (openBlock(), createElementBlock("section", {
+              key: 3,
+              style: normalizeStyle(`
           background-size: 100%; background-repeat: no-repeat;
           background-image: url(${event.value.specialData.lineupBackground}); 
         `),
-          class: "mn-b-thin t-white gap-big w-100 h-max o-hidden radius-big pd-big pos-relative bg-black"
-        }, [
-          _hoisted_2,
-          createElementVNode("div", {
-            class: normalizeClass(["gap-big mn-b-thin", {
-              "cols-2": event.value.specialData.guests.length > 0,
-              "cols-1": event.value.specialData.guests.length > 1
-            }])
-          }, [
-            event.value.specialData.guests.length > 0 ? (openBlock(), createBlock(_sfc_main$3, {
-              key: 0,
-              content: {
-                title: "Residents",
-                guests: event.value.specialData.guests
-              }
-            }, null, 8, ["content"])) : createCommentVNode("", true),
-            createVNode(_sfc_main$4, {
-              content: {
-                title: "Lineup",
-                lineup: event.value.specialData.lineup
-              }
-            }, null, 8, ["content"])
-          ], 2),
-          createVNode(_sfc_main$5, {
-            content: {
-              ticket: event.value.specialData.ticketImage,
-              ticketTextButton: event.value.specialData.ticketTextButton,
-              paymentText: event.value.specialData.paymentText,
-              paymentContact: event.value.specialData.paymentContact,
-              previousTitle: event.value.specialData.previousTitle,
-              previousDescription: event.value.specialData.previousDescription,
-              previousLink: event.value.specialData.previousLink,
-              previousLinkText: event.value.specialData.previousLinkText
-            },
-            options: {
-              link: event.value.specialData.ticketLinkStripe,
-              video: event.value.specialData.previousVideo
-            }
-          }, null, 8, ["content", "options"])
-        ], 4)) : createCommentVNode("", true),
-        !isLoading.value && event.value && !event.value.special ? (openBlock(), createBlock(_sfc_main$6, {
-          key: 3,
-          onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$router.push({ name: "Event", params: { url: event.value.url } })),
-          event: event.value,
-          owner: event.value.owner,
-          user: state.user._id,
-          type: "normal",
-          class: "mn-b-medium bg-light radius-big"
-        }, {
-          default: withCtx(() => [
-            state.user._id ? (openBlock(), createBlock(ButtonJoin, {
-              key: 0,
+              class: "mn-b-thin t-white gap-big w-100 h-max o-hidden radius-big pd-big pos-relative bg-black"
+            }, [
+              _hoisted_2,
+              createElementVNode("div", {
+                class: normalizeClass(["gap-big mn-b-thin", {
+                  "cols-2": event.value.specialData.guests.length > 0,
+                  "cols-1": event.value.specialData.guests.length > 1
+                }])
+              }, [
+                event.value.specialData.guests.length > 0 ? (openBlock(), createBlock(_sfc_main$2, {
+                  key: 0,
+                  content: {
+                    title: "Residents",
+                    guests: event.value.specialData.guests
+                  }
+                }, null, 8, ["content"])) : createCommentVNode("", true),
+                event.value.specialData.lineup.lenth > 0 ? (openBlock(), createBlock(_sfc_main$3, {
+                  key: 1,
+                  content: {
+                    title: "Lineup",
+                    lineup: event.value.specialData.lineup
+                  }
+                }, null, 8, ["content"])) : createCommentVNode("", true)
+              ], 2),
+              createVNode(_sfc_main$4, {
+                content: {
+                  ticket: event.value.specialData.ticketImage,
+                  ticketTextButton: event.value.specialData.ticketTextButton,
+                  paymentText: event.value.specialData.paymentText,
+                  paymentContact: event.value.specialData.paymentContact,
+                  previousTitle: event.value.specialData.previousTitle,
+                  previousDescription: event.value.specialData.previousDescription,
+                  previousLink: event.value.specialData.previousLink,
+                  previousLinkText: event.value.specialData.previousLinkText
+                },
+                options: {
+                  link: event.value.specialData.ticketLinkStripe,
+                  video: event.value.specialData.previousVideo
+                }
+              }, null, 8, ["content", "options"])
+            ], 4)) : createCommentVNode("", true),
+            !isLoading.value && event.value && !event.value.special ? (openBlock(), createBlock(_sfc_main$5, {
+              key: 4,
+              onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$router.push({ name: "Event", params: { url: event.value.url } })),
+              event: event.value,
+              owner: event.value.owner,
+              user: state.user._id,
+              type: "normal",
+              class: "mn-b-medium bg-light radius-big"
+            }, {
+              default: withCtx(() => [
+                state.user._id ? (openBlock(), createBlock(ButtonJoin, {
+                  key: 0,
+                  type: "event",
+                  hasTicket: event.value.hasTicket,
+                  targetId: event.value._id,
+                  userId: state.user._id,
+                  class: "mn-b-small w-100 pd-medium mn-auto",
+                  onUpdateTicket: handleTicketUpdate
+                }, null, 8, ["hasTicket", "targetId", "userId"])) : createCommentVNode("", true),
+                createElementVNode("section", null, [
+                  event.value && event.value.content ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(event.value.content, (block, index) => {
+                    return openBlock(), createBlock(resolveDynamicComponent(ComponentMap[block.type]), mergeProps({
+                      key: index,
+                      index,
+                      component: block,
+                      prop: block,
+                      class: block.class,
+                      content: "content",
+                      ref_for: true
+                    }, getBlockProps(block), { class: "mn-b-regular" }), null, 16, ["index", "component", "prop", "class"]);
+                  }), 128)) : createCommentVNode("", true)
+                ])
+              ]),
+              _: 1
+            }, 8, ["event", "owner", "user"])) : createCommentVNode("", true),
+            !isLoading.value && event.value && !event.value.special ? (openBlock(), createBlock(_sfc_main$6, {
+              key: 5,
               type: "event",
-              hasTicket: event.value.hasTicket,
-              targetId: event.value._id,
-              userId: state.user._id,
-              class: "mn-b-small w-100 pd-medium mn-auto",
-              onUpdateTicket: handleTicketUpdate
-            }, null, 8, ["hasTicket", "targetId", "userId"])) : createCommentVNode("", true),
-            createElementVNode("section", null, [
-              event.value && event.value.content ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(event.value.content, (block, index) => {
-                return openBlock(), createBlock(resolveDynamicComponent(ComponentMap[block.type]), mergeProps({
-                  key: index,
-                  index,
-                  component: block,
-                  prop: block,
-                  class: block.class,
-                  content: "content",
-                  ref_for: true
-                }, getBlockProps(block), { class: "mn-b-regular" }), null, 16, ["index", "component", "prop", "class"]);
-              }), 128)) : createCommentVNode("", true)
-            ])
+              target: event.value._id,
+              owner: state.user._id
+            }, null, 8, ["target", "owner"])) : createCommentVNode("", true)
           ]),
           _: 1
-        }, 8, ["event", "owner", "user"])) : createCommentVNode("", true),
-        !isLoading.value && event.value && !event.value.special ? (openBlock(), createBlock(_sfc_main$7, {
-          key: 4,
-          type: "event",
-          target: event.value._id,
-          owner: state.user._id
-        }, null, 8, ["target", "owner"])) : createCommentVNode("", true)
+        })
       ]);
     };
   }

package/dist/prometheus-framework/src/modules/events/components/pages/Event.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Event.vue.js","sources":["../../../../../../../src/modules/events/components/pages/Event.vue"],"sourcesContent":["<template>\n  <section class=\"pd-thin\">\n    <TransitionGroup tag=\"ul\" name=\"fade\" class=\"o-hidden bg-light radius-big\">\n      <SkeletonEvent\n        v-if=\"isLoading\"\n        v-for=\"i in 3\" :key=\"i\"\n      />\n    </TransitionGroup>\n\n    <transition \n      name=\"fade\"\n    >\n      <EmptyState \n        v-if=\"!isLoading && !event\"\n        title=\"No Event Found\"\n        description=\"Currently, there are no events available. Please check back later.\"\n        class=\"pd-medium mn-b-thin bg-light radius-big\"\n      />\n    </transition>\n\n\n    <!-- <TransitionGroup tag=\"ul\" name=\"fade\" class=\"container\"> -->\n      <HeroEvent\n        v-if=\"!isLoading && event && event.special\"\n        :content=\"{\n          title: event.name,\n          description: event.description,\n          ticketLinkStripe: event.specialData.ticketLinkStripe,\n          ticketText: event.specialData.ticketText,\n          cover: event.cover,\n          subtitle: event.specialData.subtitle,\n          logos: event.specialData.logos,\n          video: event.specialData.video,\n          ticketTextButton: event.specialData.ticketTextButton,\n        }\"\n        :options=\"{\n          date: event.date.start,\n          price: event.specialData.ticketPrice,\n        }\"\n        class=\"mn-b-thin\"\n      />\n      <SectionMainGuest\n         v-if=\"!isLoading && event && event.special && event.specialData.guestTitle\"\n        :content=\"{\n          title: event.specialData.guestTitle,\n          description: event.specialData.guestDescription,\n          socials: {\n            twitter:  event.specialData.guestTwitter,\n            telegram: event.specialData.guestTelegram,\n            instagram: event.specialData.guestInstagram,\n            facebook: event.specialData.guestFacebook\n          },\n          video: event.specialData.guestVideo,\n          spotify: event.specialData.guestSpotify,\n          soundcloud: event.specialData.guestSoundcloud,\n          youtube: event.specialData.guestYoutube\n        }\"\n        class=\"mn-b-thin\"\n      />\n      <section \n        v-if=\"!isLoading && event && event.special\"\n        :style=\"`\n          background-size: 100%; background-repeat: no-repeat;\n          background-image: url(${event.specialData.lineupBackground}); \n        `\" \n        class=\"mn-b-thin t-white gap-big w-100 h-max o-hidden radius-big pd-big pos-relative bg-black\"\n      >\n        <h2 class=\"mn-b-big w-100 t-center\">Event Details</h2>\n\n        <div \n          class=\"gap-big mn-b-thin\"\n          :class=\"{\n            'cols-2': event.specialData.guests.length > 0,\n            'cols-1': event.specialData.guests.length > 1\n          }\"\n        >\n          \n          <SectionSpecialGuests \n            v-if=\"event.specialData.guests.length > 0\"\n            :content=\"{\n              title: 'Residents',\n              guests: event.specialData.guests\n            }\"\n          />\n\n          <SectionLineUp\n            :content=\"{\n              title: 'Lineup',\n              lineup: event.specialData.lineup\n            }\"\n          />\n\n        </div>\n\n        <SectionPreviousEvents\n          :content=\"{\n            ticket: event.specialData.ticketImage,\n            ticketTextButton: event.specialData.ticketTextButton,\n            paymentText: event.specialData.paymentText,\n            paymentContact: event.specialData.paymentContact,\n            previousTitle: event.specialData.previousTitle,\n            previousDescription: event.specialData.previousDescription,\n            previousLink: event.specialData.previousLink,\n            previousLinkText: event.specialData.previousLinkText,\n          }\"\n          :options=\"{\n            link:  event.specialData.ticketLinkStripe,\n            video: event.specialData.previousVideo\n          }\"\n        />\n    </section>\n\n    <CardEvent \n        v-if=\"!isLoading && event && !event.special\"\n        @click=\"$router.push({name: 'Event', params: {url: event.url}})\" \n        :event=\"event\" \n        :owner=\"event.owner\" \n        :user=\"auth.state.user._id\"\n        :type=\"'normal'\"\n        class=\"mn-b-medium bg-light radius-big\"\n      >\n        <ButtonJoin \n          v-if=\"auth.state.user._id\"\n          :type=\"'event'\" \n          :hasTicket=\"event.hasTicket\" \n          :targetId=\"event._id\" \n          :userId=\"auth.state.user._id\"\n          class=\"mn-b-small w-100 pd-medium mn-auto\"\n          @updateTicket=\"handleTicketUpdate\"\n        />\n\n        <!-- <img loading=\"lazy\" v-if=\"qrcode\" :src=\"qrcode\" class=\"w-8r h-8r\" /> -->\n\n        \n\n        <section>\n          <component\n            v-if=\"event && event.content\"\n            v-for=\"(block, index) in event.content\"\n            :is=\"ComponentMap[block.type]\"\n            :key=\"index\"\n            :index=\"index\"\n            :component=\"block\"\n            :prop=\"block\"\n            :class=\"block.class\"\n            content=\"content\"\n            v-bind=\"getBlockProps(block)\"\n            class=\"mn-b-regular\"\n          />\n        </section>\n\n    </CardEvent>\n\n  \n\n    <Comments \n    \tv-if=\"!isLoading && event && !event.special\" \n    \t:type=\"'event'\" \n    \t:target=\"event._id\" \n    \t:owner=\"auth.state.user._id\"\n    />\n      \n  <!-- </TransitionGroup>   -->\n\n  </section>\n</template>\n\n<script setup>\n  import { ref, onMounted } from 'vue';\n  \n  import Loader from '@pf/src/components/Loader/Loader.vue';\n  import EmptyState from '@pf/src/components/EmptyState/EmptyState.vue';\n    \n  import HeroEvent from '@pf/src/modules/events/components/sections/HeroEvent.vue';\n  import SectionMainGuest from '@pf/src/modules/events/components/sections/SectionMainGuest.vue';\n  import SectionSpecialGuests from '@pf/src/modules/events/components/sections/SectionSpecialGuests.vue'\n  import SectionLineUp from '@pf/src/modules/events/components/sections/SectionLineup.vue';\n  import SectionPreviousEvents from '@pf/src/modules/events/components/sections/SectionPreviousEvents.vue';\n\n\n  import CardEvent from '@pf/src/modules/events/components/blocks/CardEvent.vue';\n  import SkeletonEvent from '@pf/src/modules/icons/skeletons/SkeletonEvent.vue'\n  import ButtonJoin from '@pf/src/modules/events/components/elements/ButtonJoin.vue';\n  import Comments from '@pf/src/modules/community/components/sections/Comments.vue';\n\n  import Image  from '@pf/src/modules/constructor/components/elements/Image.vue';\n\n  import * as events from '@pf/src/modules/events/store/events.js';\n  import * as tickets from '@pf/src/modules/events/store/tickets.js';\n  import * as auth from '@pf/src/modules/auth/views/store/auth';\n  \n  import { useRoute } from 'vue-router';\n\n  const route = useRoute();\n  const qrcode = ref(null);\n  \n  const handleTicketUpdate = ({ ticket, hasTicket, targetId }) => {\n    tickets.mutations.handleTicketUpdate(event.value, ticket, hasTicket, targetId);\n    console.log('HANDLE TICKET UPDATE', ticket, event.value);\n\n    qrcode.value = ticket.qrcode;\n  };\n\n\n  const ComponentMap = {\n    'Textarea': 'p',\n    'H2': 'h2',\n    'Bullets': 'p',\n    'Caption': 'p',\n    'ImageUpload': Image\n  };\n\n  function getBlockProps(block) {\n    if (block.type === 'Textarea') {\n      return { innerHTML: block.content, class: \"p-medium\"  };\n    } else if (block.type === 'H2') {\n      return { innerHTML: block.content, class: \"h3\" };\n    } else if (block.type === 'Caption') {\n      return { innerHTML: block.content };\n    } else if (block.type === 'ImageUpload') {\n      return { src: block.content };\n    }\n    return {};\n  }\n\n\n  const event = ref(null);\n  const isLoading = ref(true);\n\n  onMounted(async () => {\n    isLoading.value = true;\n\n    const data = await events.read({ user: auth.state.user._id, url: route.params.url });\n\n    event.value = data[0];\n    isLoading.value = false;\n  });\n</script>\n\n<style lang=\"scss\">\n\n</style>\n"],"names":["tickets.mutations","Image","events.read","auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAiME,UAAM,QAAQ;AACd,UAAM,SAAS,IAAI,IAAI;AAEvB,UAAM,qBAAqB,CAAC,EAAE,QAAQ,WAAW,SAAQ,MAAO;AAC9DA,gBAAkB,mBAAmB,MAAM,OAAO,QAAQ,WAAW,QAAQ;AAC7E,cAAQ,IAAI,wBAAwB,QAAQ,MAAM,KAAK;AAEvD,aAAO,QAAQ,OAAO;AAAA,IAC1B;AAGE,UAAM,eAAe;AAAA,MACnB,YAAY;AAAA,MACZ,MAAM;AAAA,MACN,WAAW;AAAA,MACX,WAAW;AAAA,MACX,eAAeC;AAAAA,IACnB;AAEE,aAAS,cAAc,OAAO;AAC5B,UAAI,MAAM,SAAS,YAAY;AAC7B,eAAO,EAAE,WAAW,MAAM,SAAS,OAAO,WAAU;AAAA,MAC1D,WAAe,MAAM,SAAS,MAAM;AAC9B,eAAO,EAAE,WAAW,MAAM,SAAS,OAAO,KAAI;AAAA,MACpD,WAAe,MAAM,SAAS,WAAW;AACnC,eAAO,EAAE,WAAW,MAAM;MAChC,WAAe,MAAM,SAAS,eAAe;AACvC,eAAO,EAAE,KAAK,MAAM;MACrB;AACD,aAAO;IACR;AAGD,UAAM,QAAQ,IAAI,IAAI;AACtB,UAAM,YAAY,IAAI,IAAI;AAE1B,cAAU,YAAY;AACpB,gBAAU,QAAQ;AAElB,YAAM,OAAO,MAAMC,KAAY,EAAE,MAAMC,MAAW,KAAK,KAAK,KAAK,MAAM,OAAO,IAAK,CAAA;AAEnF,YAAM,QAAQ,KAAK,CAAC;AACpB,gBAAU,QAAQ;AAAA,IACtB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Event.vue.js","sources":["../../../../../../../src/modules/events/components/pages/Event.vue"],"sourcesContent":["<template>\n  <section class=\"pd-thin\">\n    <TransitionGroup tag=\"ul\" name=\"fade\" class=\"o-hidden bg-light radius-big\">\n      <SkeletonEvent\n        v-if=\"isLoading\"\n        v-for=\"i in 3\" :key=\"i\"\n      />\n\n      <HeroEvent\n        v-if=\"!isLoading && event && event.special\"\n        :content=\"{\n          title: event.name,\n          description: event.description,\n          ticketLinkStripe: event.specialData.ticketLinkStripe,\n          ticketText: event.specialData.ticketText,\n          cover: event.cover,\n          subtitle: event.specialData.subtitle,\n          logos: event.specialData.logos,\n          video: event.specialData.video,\n          ticketTextButton: event.specialData.ticketTextButton,\n        }\"\n        :options=\"{\n          date: event.date.start,\n          price: event.specialData.ticketPrice,\n        }\"\n        class=\"mn-b-thin\"\n      />\n      <SectionMainGuest\n         v-if=\"!isLoading && event && event.special && event.specialData.guestTitle\"\n        :content=\"{\n          title: event.specialData.guestTitle,\n          description: event.specialData.guestDescription,\n          socials: {\n            twitter:  event.specialData.guestTwitter,\n            telegram: event.specialData.guestTelegram,\n            instagram: event.specialData.guestInstagram,\n            facebook: event.specialData.guestFacebook\n          },\n          video: event.specialData.guestVideo,\n          spotify: event.specialData.guestSpotify,\n          soundcloud: event.specialData.guestSoundcloud,\n          youtube: event.specialData.guestYoutube\n        }\"\n        class=\"mn-b-thin\"\n      />\n      <section \n        v-if=\"!isLoading && event && event.special\"\n        :style=\"`\n          background-size: 100%; background-repeat: no-repeat;\n          background-image: url(${event.specialData.lineupBackground}); \n        `\" \n        class=\"mn-b-thin t-white gap-big w-100 h-max o-hidden radius-big pd-big pos-relative bg-black\"\n      >\n        <h2 class=\"mn-b-big w-100 t-center\">Event Details</h2>\n\n        <div \n          class=\"gap-big mn-b-thin\"\n          :class=\"{\n            'cols-2': event.specialData.guests.length > 0,\n            'cols-1': event.specialData.guests.length > 1\n          }\"\n        >\n          \n          <SectionSpecialGuests \n            v-if=\"event.specialData.guests.length > 0\"\n            :content=\"{\n              title: 'Residents',\n              guests: event.specialData.guests\n            }\"\n          />\n\n          <SectionLineUp\n            v-if=\"event.specialData.lineup.lenth > 0\"\n            :content=\"{\n              title: 'Lineup',\n              lineup: event.specialData.lineup\n            }\"\n          />\n\n        </div>\n\n        <SectionPreviousEvents\n          :content=\"{\n            ticket: event.specialData.ticketImage,\n            ticketTextButton: event.specialData.ticketTextButton,\n            paymentText: event.specialData.paymentText,\n            paymentContact: event.specialData.paymentContact,\n            previousTitle: event.specialData.previousTitle,\n            previousDescription: event.specialData.previousDescription,\n            previousLink: event.specialData.previousLink,\n            previousLinkText: event.specialData.previousLinkText,\n          }\"\n          :options=\"{\n            link:  event.specialData.ticketLinkStripe,\n            video: event.specialData.previousVideo\n          }\"\n        />\n    </section>\n\n    <CardEvent \n        v-if=\"!isLoading && event && !event.special\"\n        @click=\"$router.push({name: 'Event', params: {url: event.url}})\" \n        :event=\"event\" \n        :owner=\"event.owner\" \n        :user=\"auth.state.user._id\"\n        :type=\"'normal'\"\n        class=\"mn-b-medium bg-light radius-big\"\n      >\n        <ButtonJoin \n          v-if=\"auth.state.user._id\"\n          :type=\"'event'\" \n          :hasTicket=\"event.hasTicket\" \n          :targetId=\"event._id\" \n          :userId=\"auth.state.user._id\"\n          class=\"mn-b-small w-100 pd-medium mn-auto\"\n          @updateTicket=\"handleTicketUpdate\"\n        />\n\n        <!-- <img loading=\"lazy\" v-if=\"qrcode\" :src=\"qrcode\" class=\"w-8r h-8r\" /> -->\n\n        \n\n        <section>\n          <component\n            v-if=\"event && event.content\"\n            v-for=\"(block, index) in event.content\"\n            :is=\"ComponentMap[block.type]\"\n            :key=\"index\"\n            :index=\"index\"\n            :component=\"block\"\n            :prop=\"block\"\n            :class=\"block.class\"\n            content=\"content\"\n            v-bind=\"getBlockProps(block)\"\n            class=\"mn-b-regular\"\n          />\n        </section>\n\n    </CardEvent>\n\n  \n\n    <Comments \n    \tv-if=\"!isLoading && event && !event.special\" \n    \t:type=\"'event'\" \n    \t:target=\"event._id\" \n    \t:owner=\"auth.state.user._id\"\n    />\n      \n  </TransitionGroup>  \n\n  </section>\n</template>\n\n<script setup>\n  import { ref, onMounted } from 'vue';\n  \n  import Loader from '@pf/src/components/Loader/Loader.vue';\n  import EmptyState from '@pf/src/components/EmptyState/EmptyState.vue';\n    \n  import HeroEvent from '@pf/src/modules/events/components/sections/HeroEvent.vue';\n  import SectionMainGuest from '@pf/src/modules/events/components/sections/SectionMainGuest.vue';\n  import SectionSpecialGuests from '@pf/src/modules/events/components/sections/SectionSpecialGuests.vue'\n  import SectionLineUp from '@pf/src/modules/events/components/sections/SectionLineup.vue';\n  import SectionPreviousEvents from '@pf/src/modules/events/components/sections/SectionPreviousEvents.vue';\n\n\n  import CardEvent from '@pf/src/modules/events/components/blocks/CardEvent.vue';\n  import SkeletonEvent from '@pf/src/modules/icons/skeletons/SkeletonEvent.vue'\n  import ButtonJoin from '@pf/src/modules/events/components/elements/ButtonJoin.vue';\n  import Comments from '@pf/src/modules/community/components/sections/Comments.vue';\n\n  import Image  from '@pf/src/modules/constructor/components/elements/Image.vue';\n\n  import * as events from '@pf/src/modules/events/store/events.js';\n  import * as tickets from '@pf/src/modules/events/store/tickets.js';\n  import * as auth from '@pf/src/modules/auth/views/store/auth';\n  \n  import { useRoute } from 'vue-router';\n\n  const route = useRoute();\n  const qrcode = ref(null);\n  \n  const handleTicketUpdate = ({ ticket, hasTicket, targetId }) => {\n    tickets.mutations.handleTicketUpdate(event.value, ticket, hasTicket, targetId);\n    console.log('HANDLE TICKET UPDATE', ticket, event.value);\n\n    qrcode.value = ticket.qrcode;\n  };\n\n\n  const ComponentMap = {\n    'Textarea': 'p',\n    'H2': 'h2',\n    'Bullets': 'p',\n    'Caption': 'p',\n    'ImageUpload': Image\n  };\n\n  function getBlockProps(block) {\n    if (block.type === 'Textarea') {\n      return { innerHTML: block.content, class: \"p-medium\"  };\n    } else if (block.type === 'H2') {\n      return { innerHTML: block.content, class: \"h3\" };\n    } else if (block.type === 'Caption') {\n      return { innerHTML: block.content };\n    } else if (block.type === 'ImageUpload') {\n      return { src: block.content };\n    }\n    return {};\n  }\n\n\n  const event = ref(null);\n  const isLoading = ref(true);\n\n  onMounted(async () => {\n    isLoading.value = true;\n\n    const data = await events.read({ user: auth.state.user._id, url: route.params.url });\n\n    event.value = data[0];\n    isLoading.value = false;\n  });\n</script>\n\n<style lang=\"scss\">\n\n</style>\n"],"names":["tickets.mutations","Image","events.read","auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAoLE,UAAM,QAAQ;AACd,UAAM,SAAS,IAAI,IAAI;AAEvB,UAAM,qBAAqB,CAAC,EAAE,QAAQ,WAAW,SAAQ,MAAO;AAC9DA,gBAAkB,mBAAmB,MAAM,OAAO,QAAQ,WAAW,QAAQ;AAC7E,cAAQ,IAAI,wBAAwB,QAAQ,MAAM,KAAK;AAEvD,aAAO,QAAQ,OAAO;AAAA,IAC1B;AAGE,UAAM,eAAe;AAAA,MACnB,YAAY;AAAA,MACZ,MAAM;AAAA,MACN,WAAW;AAAA,MACX,WAAW;AAAA,MACX,eAAeC;AAAAA,IACnB;AAEE,aAAS,cAAc,OAAO;AAC5B,UAAI,MAAM,SAAS,YAAY;AAC7B,eAAO,EAAE,WAAW,MAAM,SAAS,OAAO,WAAU;AAAA,MAC1D,WAAe,MAAM,SAAS,MAAM;AAC9B,eAAO,EAAE,WAAW,MAAM,SAAS,OAAO,KAAI;AAAA,MACpD,WAAe,MAAM,SAAS,WAAW;AACnC,eAAO,EAAE,WAAW,MAAM;MAChC,WAAe,MAAM,SAAS,eAAe;AACvC,eAAO,EAAE,KAAK,MAAM;MACrB;AACD,aAAO;IACR;AAGD,UAAM,QAAQ,IAAI,IAAI;AACtB,UAAM,YAAY,IAAI,IAAI;AAE1B,cAAU,YAAY;AACpB,gBAAU,QAAQ;AAElB,YAAM,OAAO,MAAMC,KAAY,EAAE,MAAMC,MAAW,KAAK,KAAK,KAAK,MAAM,OAAO,IAAK,CAAA;AAEnF,YAAM,QAAQ,KAAK,CAAC;AACpB,gBAAU,QAAQ;AAAA,IACtB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/events/components/pages/Events.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Events.vue.cjs","sources":["../../../../../../../src/modules/events/components/pages/Events.vue"],"sourcesContent":["<template>\n  <section class=\"pd-thin\">\n    <header \n      class=\"mn-b-medium flex-v-center flex-nowrap flex\"\n    >\n      <h2\n        class=\"mn-r-medium\"\n      >\n        Featured\n      </h2>\n    </header>\n    \n    <List\n      :user=\"auth.state.user._id\"\n      class=\"bg-light mn-b-medium radius-big\"\n      :phase=\"'planned'\"\n      :status=\"'featured'\"\n    />\n\n    <h2\n      class=\"mn-b-medium\"\n    >\n      All Events\n    </h2>\n\n    <DatePicker\n      v-model:date=\"events.state.filter.date\"\n      :locale=\"$i18n.locale\"\n      class=\"radius-semi o-hidden bg-light mn-b-thin pd-l-zero pd-r-zero pd-medium\"\n    />\n\n    <Feed\n      :states=\"{\n        empty: {\n          title: 'No Events Found',\n          description: 'Currently, there are no events available.'\n        }\n      }\"\n      :store=\"{\n        read: (options) => events.read(options),\n        state: events.state\n      }\"\n      :options=\"{\n          user: auth.state.user._id,\n          date: events.state.filter.date,\n          limit: 10\n      }\"\n      v-slot=\"{ \n        items \n      }\"\n    >\n       <CardEvent \n        @click=\"$router.push({name: 'Event', params: {url: event.url}})\" \n        v-for=\"(event,index) in items\" \n        :key=\"event._id\" \n        :event=\"event\" \n        :user=\"auth.state.user._id\" \n        :type=\"'normal'\"\n        class=\"bg-light radius-big mn-b-medium\"\n      />\n    </Feed>\n  </section>\n</template>\n\n<script setup=\"props\">\n  import { computed, onMounted, watch } from 'vue';\n  import { useRoute, useRouter } from 'vue-router';\n\n  import Breadcrumbs from '@pf/src/components/Breadcrumbs/Breadcrumbs.vue';\n  import Feed from '@pf/src/components/Feed/Feed.vue'\n  import DatePicker from '@pf/src/components/DatePicker/DatePicker.vue'\n\n\n  import List from '@pf/src/modules/events/components/sections/List.vue';   \n  import CardEvent from '@pf/src/modules/events/components/blocks/CardEvent.vue';\n  // Import state\n  import * as events from '@pf/src/modules/events/store/events.js'; \n  import * as auth from '@pf/src/modules/auth/views/store/auth'\n\n  // State\n  const route = useRoute();\n  const router = useRouter();\n\n  let baseDate = new Date();\n  const formattedDate = formatDateForRouter(baseDate);\n  \n  function formatDateForRouter(date) {\n    return `${date.getDate().toString().padStart(2, '0')}${(date.getMonth() + 1).toString().padStart(2, '0')}${date.getFullYear()}`;\n  }\n\n  if (route.query) {\n    const query = route.query;\n    \n    const newFilterValue = {\n      tags: query.tags ? query.tags.split(',') : null,\n      date: query.date ? query.date : formattedDate,\n    };\n\n    events.state.filter = newFilterValue;  // <-- Modified\n  } else {\n    const newFilterValue = {\n      date: formattedDate,\n    };\n\n    events.state.filter = newFilterValue;\n  }\n\n  watch(() => events.state.filter, (newFilterValue, oldFilterValue) => {  // <-- Modified\n    const query = { ...route.query };\n\n    Object.keys(oldFilterValue).forEach(key => {\n      if (query[key]) {\n        delete query[key];\n      }\n    });\n\n    const newQueryValues = Object.fromEntries(\n      Object.entries(newFilterValue)\n        .filter(([key, value]) => (Array.isArray(value) && value.length > 0) || (typeof value === 'string' && value))\n        .map(([key, value]) => [key, Array.isArray(value) ? value.join(',') : value])\n    );\n    Object.assign(query, newQueryValues);\n\n    router.push({ query });\n  }, { deep: true })\n</script>\n\n<style lang=\"scss\">\n  \n</style>\n"],"names":["useRoute","useRouter","events.state","watch"],"mappings":";;;;;;;;;;;;;;;;;;;;AAgFE,UAAM,QAAQA,UAAAA;AACd,UAAM,SAASC,UAAAA;AAEf,QAAI,WAAW,oBAAI;AACnB,UAAM,gBAAgB,oBAAoB,QAAQ;AAElD,aAAS,oBAAoB,MAAM;AACjC,aAAO,GAAG,KAAK,QAAO,EAAG,SAAQ,EAAG,SAAS,GAAG,GAAG,CAAC,IAAI,KAAK,SAAU,IAAG,GAAG,WAAW,SAAS,GAAG,GAAG,CAAC,GAAG,KAAK,YAAa,CAAA;AAAA,IAC9H;AAED,QAAI,MAAM,OAAO;AACf,YAAM,QAAQ,MAAM;AAEpB,YAAM,iBAAiB;AAAA,QACrB,MAAM,MAAM,OAAO,MAAM,KAAK,MAAM,GAAG,IAAI;AAAA,QAC3C,MAAM,MAAM,OAAO,MAAM,OAAO;AAAA,MACtC;AAEIC,aAAY,MAAC,SAAS;AAAA,IAC1B,OAAS;AACL,YAAM,iBAAiB;AAAA,QACrB,MAAM;AAAA,MACZ;AAEIA,aAAY,MAAC,SAAS;AAAA,IACvB;AAEDC,QAAAA,MAAM,MAAMD,OAAY,MAAC,QAAQ,CAAC,gBAAgB,mBAAmB;AACnE,YAAM,QAAQ,EAAE,GAAG,MAAM,MAAK;AAE9B,aAAO,KAAK,cAAc,EAAE,QAAQ,SAAO;AACzC,YAAI,MAAM,GAAG,GAAG;AACd,iBAAO,MAAM,GAAG;AAAA,QACjB;AAAA,MACP,CAAK;AAED,YAAM,iBAAiB,OAAO;AAAA,QAC5B,OAAO,QAAQ,cAAc,EAC1B,OAAO,CAAC,CAAC,KAAK,KAAK,MAAO,MAAM,QAAQ,KAAK,KAAK,MAAM,SAAS,KAAO,OAAO,UAAU,YAAY,KAAM,EAC3G,IAAI,CAAC,CAAC,KAAK,KAAK,MAAM,CAAC,KAAK,MAAM,QAAQ,KAAK,IAAI,MAAM,KAAK,GAAG,IAAI,KAAK,CAAC;AAAA,MACpF;AACI,aAAO,OAAO,OAAO,cAAc;AAEnC,aAAO,KAAK,EAAE,MAAK,CAAE;AAAA,IACzB,GAAK,EAAE,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Events.vue.cjs","sources":["../../../../../../../src/modules/events/components/pages/Events.vue"],"sourcesContent":["<template>\n  <section class=\"pd-thin\">\n    <header \n      class=\"mn-b-medium flex-v-center flex-nowrap flex\"\n    >\n      <h2\n        class=\"mn-r-medium\"\n      >\n        Featured\n      </h2>\n    </header>\n    \n    <List\n      :user=\"auth.state.user._id\"\n      class=\"bg-light mn-b-medium radius-big\"\n      :phase=\"'planned'\"\n      :status=\"'featured'\"\n    />\n\n    <h2\n      class=\"mn-b-medium\"\n    >\n      All Events\n    </h2>\n\n    <DatePicker\n      v-model:date=\"events.state.filter.date\"\n      :locale=\"$i18n.locale\"\n      class=\"radius-semi o-hidden bg-light mn-b-thin pd-l-zero pd-r-zero pd-medium\"\n    />\n\n    <Feed\n      :states=\"{\n        empty: {\n          title: 'No Events Found',\n          description: 'Currently, there are no events available.'\n        }\n      }\"\n      :store=\"{\n        read: (options) => events.read(options),\n        state: events.state\n      }\"\n      :options=\"{\n          user: auth.state.user._id,\n          date: events.state.filter.date,\n          limit: 10\n      }\"\n      v-slot=\"{ \n        items \n      }\"\n    >\n       <CardEvent \n        @click=\"$router.push({name: 'Event', params: {url: event.url}})\" \n        v-for=\"(event,index) in items\" \n        :key=\"event._id\" \n        :event=\"event\" \n        :user=\"auth.state.user._id\" \n        :type=\"'normal'\"\n        class=\"bg-light radius-big mn-b-medium\"\n      >\n      </CardEvent>\n    </Feed>\n  </section>\n</template>\n\n<script setup=\"props\">\n  import { computed, onMounted, watch } from 'vue';\n  import { useRoute, useRouter } from 'vue-router';\n\n  import Breadcrumbs from '@pf/src/components/Breadcrumbs/Breadcrumbs.vue';\n  import Feed from '@pf/src/components/Feed/Feed.vue'\n  import DatePicker from '@pf/src/components/DatePicker/DatePicker.vue'\n\n\n  import List from '@pf/src/modules/events/components/sections/List.vue';   \n  import CardEvent from '@pf/src/modules/events/components/blocks/CardEvent.vue';\n  // Import state\n  import * as events from '@pf/src/modules/events/store/events.js'; \n  import * as auth from '@pf/src/modules/auth/views/store/auth'\n\n  // State\n  const route = useRoute();\n  const router = useRouter();\n\n  let baseDate = new Date();\n  const formattedDate = formatDateForRouter(baseDate);\n  \n  function formatDateForRouter(date) {\n    return `${date.getDate().toString().padStart(2, '0')}${(date.getMonth() + 1).toString().padStart(2, '0')}${date.getFullYear()}`;\n  }\n\n  if (route.query) {\n    const query = route.query;\n    \n    const newFilterValue = {\n      tags: query.tags ? query.tags.split(',') : null,\n      date: query.date ? query.date : formattedDate,\n    };\n\n    events.state.filter = newFilterValue;  // <-- Modified\n  } else {\n    const newFilterValue = {\n      date: formattedDate,\n    };\n\n    events.state.filter = newFilterValue;\n  }\n\n  watch(() => events.state.filter, (newFilterValue, oldFilterValue) => {  // <-- Modified\n    const query = { ...route.query };\n\n    Object.keys(oldFilterValue).forEach(key => {\n      if (query[key]) {\n        delete query[key];\n      }\n    });\n\n    const newQueryValues = Object.fromEntries(\n      Object.entries(newFilterValue)\n        .filter(([key, value]) => (Array.isArray(value) && value.length > 0) || (typeof value === 'string' && value))\n        .map(([key, value]) => [key, Array.isArray(value) ? value.join(',') : value])\n    );\n    Object.assign(query, newQueryValues);\n\n    router.push({ query });\n  }, { deep: true })\n</script>\n\n<style lang=\"scss\">\n  \n</style>\n"],"names":["useRoute","useRouter","events.state","watch"],"mappings":";;;;;;;;;;;;;;;;;;;;AAiFE,UAAM,QAAQA,UAAAA;AACd,UAAM,SAASC,UAAAA;AAEf,QAAI,WAAW,oBAAI;AACnB,UAAM,gBAAgB,oBAAoB,QAAQ;AAElD,aAAS,oBAAoB,MAAM;AACjC,aAAO,GAAG,KAAK,QAAO,EAAG,SAAQ,EAAG,SAAS,GAAG,GAAG,CAAC,IAAI,KAAK,SAAU,IAAG,GAAG,WAAW,SAAS,GAAG,GAAG,CAAC,GAAG,KAAK,YAAa,CAAA;AAAA,IAC9H;AAED,QAAI,MAAM,OAAO;AACf,YAAM,QAAQ,MAAM;AAEpB,YAAM,iBAAiB;AAAA,QACrB,MAAM,MAAM,OAAO,MAAM,KAAK,MAAM,GAAG,IAAI;AAAA,QAC3C,MAAM,MAAM,OAAO,MAAM,OAAO;AAAA,MACtC;AAEIC,aAAY,MAAC,SAAS;AAAA,IAC1B,OAAS;AACL,YAAM,iBAAiB;AAAA,QACrB,MAAM;AAAA,MACZ;AAEIA,aAAY,MAAC,SAAS;AAAA,IACvB;AAEDC,QAAAA,MAAM,MAAMD,OAAY,MAAC,QAAQ,CAAC,gBAAgB,mBAAmB;AACnE,YAAM,QAAQ,EAAE,GAAG,MAAM,MAAK;AAE9B,aAAO,KAAK,cAAc,EAAE,QAAQ,SAAO;AACzC,YAAI,MAAM,GAAG,GAAG;AACd,iBAAO,MAAM,GAAG;AAAA,QACjB;AAAA,MACP,CAAK;AAED,YAAM,iBAAiB,OAAO;AAAA,QAC5B,OAAO,QAAQ,cAAc,EAC1B,OAAO,CAAC,CAAC,KAAK,KAAK,MAAO,MAAM,QAAQ,KAAK,KAAK,MAAM,SAAS,KAAO,OAAO,UAAU,YAAY,KAAM,EAC3G,IAAI,CAAC,CAAC,KAAK,KAAK,MAAM,CAAC,KAAK,MAAM,QAAQ,KAAK,IAAI,MAAM,KAAK,GAAG,IAAI,KAAK,CAAC;AAAA,MACpF;AACI,aAAO,OAAO,OAAO,cAAc;AAEnC,aAAO,KAAK,EAAE,MAAK,CAAE;AAAA,IACzB,GAAK,EAAE,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/events/components/pages/Events.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Events.vue.js","sources":["../../../../../../../src/modules/events/components/pages/Events.vue"],"sourcesContent":["<template>\n  <section class=\"pd-thin\">\n    <header \n      class=\"mn-b-medium flex-v-center flex-nowrap flex\"\n    >\n      <h2\n        class=\"mn-r-medium\"\n      >\n        Featured\n      </h2>\n    </header>\n    \n    <List\n      :user=\"auth.state.user._id\"\n      class=\"bg-light mn-b-medium radius-big\"\n      :phase=\"'planned'\"\n      :status=\"'featured'\"\n    />\n\n    <h2\n      class=\"mn-b-medium\"\n    >\n      All Events\n    </h2>\n\n    <DatePicker\n      v-model:date=\"events.state.filter.date\"\n      :locale=\"$i18n.locale\"\n      class=\"radius-semi o-hidden bg-light mn-b-thin pd-l-zero pd-r-zero pd-medium\"\n    />\n\n    <Feed\n      :states=\"{\n        empty: {\n          title: 'No Events Found',\n          description: 'Currently, there are no events available.'\n        }\n      }\"\n      :store=\"{\n        read: (options) => events.read(options),\n        state: events.state\n      }\"\n      :options=\"{\n          user: auth.state.user._id,\n          date: events.state.filter.date,\n          limit: 10\n      }\"\n      v-slot=\"{ \n        items \n      }\"\n    >\n       <CardEvent \n        @click=\"$router.push({name: 'Event', params: {url: event.url}})\" \n        v-for=\"(event,index) in items\" \n        :key=\"event._id\" \n        :event=\"event\" \n        :user=\"auth.state.user._id\" \n        :type=\"'normal'\"\n        class=\"bg-light radius-big mn-b-medium\"\n      />\n    </Feed>\n  </section>\n</template>\n\n<script setup=\"props\">\n  import { computed, onMounted, watch } from 'vue';\n  import { useRoute, useRouter } from 'vue-router';\n\n  import Breadcrumbs from '@pf/src/components/Breadcrumbs/Breadcrumbs.vue';\n  import Feed from '@pf/src/components/Feed/Feed.vue'\n  import DatePicker from '@pf/src/components/DatePicker/DatePicker.vue'\n\n\n  import List from '@pf/src/modules/events/components/sections/List.vue';   \n  import CardEvent from '@pf/src/modules/events/components/blocks/CardEvent.vue';\n  // Import state\n  import * as events from '@pf/src/modules/events/store/events.js'; \n  import * as auth from '@pf/src/modules/auth/views/store/auth'\n\n  // State\n  const route = useRoute();\n  const router = useRouter();\n\n  let baseDate = new Date();\n  const formattedDate = formatDateForRouter(baseDate);\n  \n  function formatDateForRouter(date) {\n    return `${date.getDate().toString().padStart(2, '0')}${(date.getMonth() + 1).toString().padStart(2, '0')}${date.getFullYear()}`;\n  }\n\n  if (route.query) {\n    const query = route.query;\n    \n    const newFilterValue = {\n      tags: query.tags ? query.tags.split(',') : null,\n      date: query.date ? query.date : formattedDate,\n    };\n\n    events.state.filter = newFilterValue;  // <-- Modified\n  } else {\n    const newFilterValue = {\n      date: formattedDate,\n    };\n\n    events.state.filter = newFilterValue;\n  }\n\n  watch(() => events.state.filter, (newFilterValue, oldFilterValue) => {  // <-- Modified\n    const query = { ...route.query };\n\n    Object.keys(oldFilterValue).forEach(key => {\n      if (query[key]) {\n        delete query[key];\n      }\n    });\n\n    const newQueryValues = Object.fromEntries(\n      Object.entries(newFilterValue)\n        .filter(([key, value]) => (Array.isArray(value) && value.length > 0) || (typeof value === 'string' && value))\n        .map(([key, value]) => [key, Array.isArray(value) ? value.join(',') : value])\n    );\n    Object.assign(query, newQueryValues);\n\n    router.push({ query });\n  }, { deep: true })\n</script>\n\n<style lang=\"scss\">\n  \n</style>\n"],"names":["events.state"],"mappings":";;;;;;;;;;;;;;;;;;AAgFE,UAAM,QAAQ;AACd,UAAM,SAAS;AAEf,QAAI,WAAW,oBAAI;AACnB,UAAM,gBAAgB,oBAAoB,QAAQ;AAElD,aAAS,oBAAoB,MAAM;AACjC,aAAO,GAAG,KAAK,QAAO,EAAG,SAAQ,EAAG,SAAS,GAAG,GAAG,CAAC,IAAI,KAAK,SAAU,IAAG,GAAG,WAAW,SAAS,GAAG,GAAG,CAAC,GAAG,KAAK,YAAa,CAAA;AAAA,IAC9H;AAED,QAAI,MAAM,OAAO;AACf,YAAM,QAAQ,MAAM;AAEpB,YAAM,iBAAiB;AAAA,QACrB,MAAM,MAAM,OAAO,MAAM,KAAK,MAAM,GAAG,IAAI;AAAA,QAC3C,MAAM,MAAM,OAAO,MAAM,OAAO;AAAA,MACtC;AAEIA,YAAa,SAAS;AAAA,IAC1B,OAAS;AACL,YAAM,iBAAiB;AAAA,QACrB,MAAM;AAAA,MACZ;AAEIA,YAAa,SAAS;AAAA,IACvB;AAED,UAAM,MAAMA,MAAa,QAAQ,CAAC,gBAAgB,mBAAmB;AACnE,YAAM,QAAQ,EAAE,GAAG,MAAM,MAAK;AAE9B,aAAO,KAAK,cAAc,EAAE,QAAQ,SAAO;AACzC,YAAI,MAAM,GAAG,GAAG;AACd,iBAAO,MAAM,GAAG;AAAA,QACjB;AAAA,MACP,CAAK;AAED,YAAM,iBAAiB,OAAO;AAAA,QAC5B,OAAO,QAAQ,cAAc,EAC1B,OAAO,CAAC,CAAC,KAAK,KAAK,MAAO,MAAM,QAAQ,KAAK,KAAK,MAAM,SAAS,KAAO,OAAO,UAAU,YAAY,KAAM,EAC3G,IAAI,CAAC,CAAC,KAAK,KAAK,MAAM,CAAC,KAAK,MAAM,QAAQ,KAAK,IAAI,MAAM,KAAK,GAAG,IAAI,KAAK,CAAC;AAAA,MACpF;AACI,aAAO,OAAO,OAAO,cAAc;AAEnC,aAAO,KAAK,EAAE,MAAK,CAAE;AAAA,IACzB,GAAK,EAAE,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Events.vue.js","sources":["../../../../../../../src/modules/events/components/pages/Events.vue"],"sourcesContent":["<template>\n  <section class=\"pd-thin\">\n    <header \n      class=\"mn-b-medium flex-v-center flex-nowrap flex\"\n    >\n      <h2\n        class=\"mn-r-medium\"\n      >\n        Featured\n      </h2>\n    </header>\n    \n    <List\n      :user=\"auth.state.user._id\"\n      class=\"bg-light mn-b-medium radius-big\"\n      :phase=\"'planned'\"\n      :status=\"'featured'\"\n    />\n\n    <h2\n      class=\"mn-b-medium\"\n    >\n      All Events\n    </h2>\n\n    <DatePicker\n      v-model:date=\"events.state.filter.date\"\n      :locale=\"$i18n.locale\"\n      class=\"radius-semi o-hidden bg-light mn-b-thin pd-l-zero pd-r-zero pd-medium\"\n    />\n\n    <Feed\n      :states=\"{\n        empty: {\n          title: 'No Events Found',\n          description: 'Currently, there are no events available.'\n        }\n      }\"\n      :store=\"{\n        read: (options) => events.read(options),\n        state: events.state\n      }\"\n      :options=\"{\n          user: auth.state.user._id,\n          date: events.state.filter.date,\n          limit: 10\n      }\"\n      v-slot=\"{ \n        items \n      }\"\n    >\n       <CardEvent \n        @click=\"$router.push({name: 'Event', params: {url: event.url}})\" \n        v-for=\"(event,index) in items\" \n        :key=\"event._id\" \n        :event=\"event\" \n        :user=\"auth.state.user._id\" \n        :type=\"'normal'\"\n        class=\"bg-light radius-big mn-b-medium\"\n      >\n      </CardEvent>\n    </Feed>\n  </section>\n</template>\n\n<script setup=\"props\">\n  import { computed, onMounted, watch } from 'vue';\n  import { useRoute, useRouter } from 'vue-router';\n\n  import Breadcrumbs from '@pf/src/components/Breadcrumbs/Breadcrumbs.vue';\n  import Feed from '@pf/src/components/Feed/Feed.vue'\n  import DatePicker from '@pf/src/components/DatePicker/DatePicker.vue'\n\n\n  import List from '@pf/src/modules/events/components/sections/List.vue';   \n  import CardEvent from '@pf/src/modules/events/components/blocks/CardEvent.vue';\n  // Import state\n  import * as events from '@pf/src/modules/events/store/events.js'; \n  import * as auth from '@pf/src/modules/auth/views/store/auth'\n\n  // State\n  const route = useRoute();\n  const router = useRouter();\n\n  let baseDate = new Date();\n  const formattedDate = formatDateForRouter(baseDate);\n  \n  function formatDateForRouter(date) {\n    return `${date.getDate().toString().padStart(2, '0')}${(date.getMonth() + 1).toString().padStart(2, '0')}${date.getFullYear()}`;\n  }\n\n  if (route.query) {\n    const query = route.query;\n    \n    const newFilterValue = {\n      tags: query.tags ? query.tags.split(',') : null,\n      date: query.date ? query.date : formattedDate,\n    };\n\n    events.state.filter = newFilterValue;  // <-- Modified\n  } else {\n    const newFilterValue = {\n      date: formattedDate,\n    };\n\n    events.state.filter = newFilterValue;\n  }\n\n  watch(() => events.state.filter, (newFilterValue, oldFilterValue) => {  // <-- Modified\n    const query = { ...route.query };\n\n    Object.keys(oldFilterValue).forEach(key => {\n      if (query[key]) {\n        delete query[key];\n      }\n    });\n\n    const newQueryValues = Object.fromEntries(\n      Object.entries(newFilterValue)\n        .filter(([key, value]) => (Array.isArray(value) && value.length > 0) || (typeof value === 'string' && value))\n        .map(([key, value]) => [key, Array.isArray(value) ? value.join(',') : value])\n    );\n    Object.assign(query, newQueryValues);\n\n    router.push({ query });\n  }, { deep: true })\n</script>\n\n<style lang=\"scss\">\n  \n</style>\n"],"names":["events.state"],"mappings":";;;;;;;;;;;;;;;;;;AAiFE,UAAM,QAAQ;AACd,UAAM,SAAS;AAEf,QAAI,WAAW,oBAAI;AACnB,UAAM,gBAAgB,oBAAoB,QAAQ;AAElD,aAAS,oBAAoB,MAAM;AACjC,aAAO,GAAG,KAAK,QAAO,EAAG,SAAQ,EAAG,SAAS,GAAG,GAAG,CAAC,IAAI,KAAK,SAAU,IAAG,GAAG,WAAW,SAAS,GAAG,GAAG,CAAC,GAAG,KAAK,YAAa,CAAA;AAAA,IAC9H;AAED,QAAI,MAAM,OAAO;AACf,YAAM,QAAQ,MAAM;AAEpB,YAAM,iBAAiB;AAAA,QACrB,MAAM,MAAM,OAAO,MAAM,KAAK,MAAM,GAAG,IAAI;AAAA,QAC3C,MAAM,MAAM,OAAO,MAAM,OAAO;AAAA,MACtC;AAEIA,YAAa,SAAS;AAAA,IAC1B,OAAS;AACL,YAAM,iBAAiB;AAAA,QACrB,MAAM;AAAA,MACZ;AAEIA,YAAa,SAAS;AAAA,IACvB;AAED,UAAM,MAAMA,MAAa,QAAQ,CAAC,gBAAgB,mBAAmB;AACnE,YAAM,QAAQ,EAAE,GAAG,MAAM,MAAK;AAE9B,aAAO,KAAK,cAAc,EAAE,QAAQ,SAAO;AACzC,YAAI,MAAM,GAAG,GAAG;AACd,iBAAO,MAAM,GAAG;AAAA,QACjB;AAAA,MACP,CAAK;AAED,YAAM,iBAAiB,OAAO;AAAA,QAC5B,OAAO,QAAQ,cAAc,EAC1B,OAAO,CAAC,CAAC,KAAK,KAAK,MAAO,MAAM,QAAQ,KAAK,KAAK,MAAM,SAAS,KAAO,OAAO,UAAU,YAAY,KAAM,EAC3G,IAAI,CAAC,CAAC,KAAK,KAAK,MAAM,CAAC,KAAK,MAAM,QAAQ,KAAK,IAAI,MAAM,KAAK,GAAG,IAAI,KAAK,CAAC;AAAA,MACpF;AACI,aAAO,OAAO,OAAO,cAAc;AAEnC,aAAO,KAAK,EAAE,MAAK,CAAE;AAAA,IACzB,GAAK,EAAE,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/events/components/pages/EventsBackoffice.vue.cjs

@@ -0,0 +1,96 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const vueRouter = require("vue-router");
+const Tab = require("../../../../components/Tab/Tab.vue2.cjs");
+const Feed = require("../../../../components/Feed/Feed.vue.cjs");
+const CardEvent = require("../blocks/CardEvent.vue.cjs");
+const auth = require("../../../auth/views/store/auth.cjs");
+const events = require("../../store/events.cjs");
+const _hoisted_1 = { class: "pd-thin" };
+const _hoisted_2 = { class: "mn-b-medium flex-v-center flex-nowrap flex" };
+const _hoisted_3 = /* @__PURE__ */ vue.createElementVNode("h2", { class: "mn-r-medium" }, " Events ", -1);
+const _hoisted_4 = ["onClick"];
+const _sfc_main = {
+  __name: "EventsBackoffice",
+  setup(__props) {
+    const route = vueRouter.useRoute();
+    const router = vueRouter.useRouter();
+    let tab = route.query.tab ? route.query.tab : "owner";
+    const tabOrganization = vue.ref(tab);
+    route.query.tab = tabOrganization.value;
+    vue.watch(tabOrganization, (newValue) => {
+      router.replace({ query: { ...route.query, tab: newValue } });
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("header", _hoisted_2, [
+          _hoisted_3,
+          auth.state.user._id === vue.unref(route).params.user || vue.unref(route).params._id ? (vue.openBlock(), vue.createElementBlock("button", {
+            key: 0,
+            onClick: _cache[0] || (_cache[0] = ($event) => vue.unref(router).push({ name: "Create Event" })),
+            class: "radius-100 i-big hover-scale-1 cursor-pointer t-white bg-second"
+          }, " + ")) : vue.createCommentVNode("", true)
+        ]),
+        vue.unref(route).params._id ? (vue.openBlock(), vue.createBlock(Tab.default, {
+          key: 0,
+          selected: tabOrganization.value,
+          "onUpdate:selected": _cache[1] || (_cache[1] = ($event) => tabOrganization.value = $event),
+          tabs: [
+            { name: "My", value: "owner" },
+            { name: "Participant", value: "participant" }
+          ],
+          class: "mn-b-small o-hidden h5 radius-big bg-light"
+        }, null, 8, ["selected"])) : vue.createCommentVNode("", true),
+        vue.createVNode(Feed.default, {
+          states: {
+            empty: {
+              title: "No Events Found",
+              description: "Currently, there are no events available."
+            }
+          },
+          store: {
+            read: (options) => events.read(options)
+          },
+          options: {
+            user: auth.state.user._id,
+            owner: vue.unref(route).params._id || vue.unref(route).params.user,
+            creator: vue.unref(route).params.user
+          }
+        }, {
+          default: vue.withCtx(({
+            items
+          }) => [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(items, (event, index) => {
+              return vue.openBlock(), vue.createBlock(CardEvent.default, {
+                onClick: ($event) => _ctx.$router.push({ name: "Event", params: { url: event.url } }),
+                key: event._id,
+                event,
+                user: auth.state.user._id,
+                type: "normal",
+                class: "bg-light radius-big mn-b-medium"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.unref(route).params._id && _ctx.hasAccess(vue.unref(route).params._id, "gallery", "read", auth.state.accesses) ? (vue.openBlock(), vue.createElementBlock("div", {
+                    key: 0,
+                    class: "mn-b-semi w-100 bg-second button t-white uppercase",
+                    onClick: vue.withModifiers(($event) => vue.unref(router).push({
+                      name: "Edit Event Tickets",
+                      params: {
+                        url: event.url
+                      }
+                    }), ["stop"])
+                  }, " Check tickets ", 8, _hoisted_4)) : vue.createCommentVNode("", true)
+                ]),
+                _: 2
+              }, 1032, ["onClick", "event", "user"]);
+            }), 128))
+          ]),
+          _: 1
+        }, 8, ["store", "options"])
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=EventsBackoffice.vue.cjs.map

package/dist/prometheus-framework/src/modules/events/components/pages/EventsBackoffice.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EventsBackoffice.vue.cjs","sources":["../../../../../../../src/modules/events/components/pages/EventsBackoffice.vue"],"sourcesContent":["<template>\n\t<div \n\t\tclass=\"pd-thin\"\n\t>\n\t\t<header \n\t\t\tclass=\"mn-b-medium flex-v-center flex-nowrap flex\"\n\t\t>\n\t      \t<h2\n\t      \t\tclass=\"mn-r-medium\"\n\t      \t>\n\t      \t\tEvents\n\t      \t</h2>\n\t      \t\n\t      \t<button \n\t      \t\tv-if=\"auth.state.user._id === route.params.user || route.params._id\"\n\t      \t\t@click=\"router.push({name: 'Create Event'})\" \n\t      \t\tclass=\"radius-100 i-big hover-scale-1 cursor-pointer t-white bg-second\"\n\t      \t>\n\t      \t\t+\n\t      \t</button>\n\t\t</header>\n\n\t\t<Tab \n\t\t\tv-if=\"route.params._id\"\n\t\t\tv-model:selected=\"tabOrganization\"\n\t\t\t:tabs=\"[\n\t\t\t\t{ name: 'My', \tvalue: 'owner' },\n\t\t\t\t{ name: 'Participant', \tvalue: 'participant' },\t\n\t\t\t]\"\n\t\t\tclass=\"mn-b-small o-hidden h5 radius-big bg-light\"\n\t\t/>\n\n\t\t\n\n\t\t<Feed\n      :states=\"{\n        empty: {\n          title: 'No Events Found',\n          description: 'Currently, there are no events available.'\n        }\n      }\"\n      :store=\"{\n        read: (options) => events.read(options),\n      }\"\n      :options=\"{\n        user: auth.state.user._id,\n        owner: route.params._id || route.params.user,\n        creator: route.params.user\n      }\"\n      v-slot=\"{ \n        items \n      }\"\n    >\n       <CardEvent \n        @click=\"$router.push({name: 'Event', params: {url: event.url}})\" \n        v-for=\"(event,index) in items\" \n        :key=\"event._id\" \n        :event=\"event\" \n        :user=\"auth.state.user._id\" \n        :type=\"'normal'\"\n        class=\"bg-light radius-big mn-b-medium\"\n      >\n\n\t\t     <div \n\t\t      v-if=\"route.params._id && hasAccess(route.params._id, 'gallery', 'read', auth.state.accesses)\"\n\t\t      class=\"mn-b-semi w-100 bg-second button t-white uppercase\"\n\t\t      @click.stop=\"router.push({\n\t\t        name: 'Edit Event Tickets',\n\t\t        params: {\n\t\t          url: event.url\n\t\t        }\n\t\t      })\"\n\t\t    >\n\t\t      Check tickets\n\t\t    </div>\n      </CardEvent>\n    </Feed>\n\n   <!--  <Feed \n\t\t\tv-if=\"tabOrganization ==='owner'\"\n\t  \t:user=\"auth.state.user._id\"\n\t\t\t:creator=\"route.params.user\"\n\t\t\t:owner=\"route.params._id\"\n\t\t\t:sortOrder=\"'asc'\"\n\t\t/> -->\n\n\n\t\t<!-- <Feed \n\t\t\tv-if=\"tabOrganization ==='participant'\"\n  \t\t:user=\"auth.state.user._id\"\n  \t\t:participant=\"route.params.user\"\n  \t\t:owner=\"route.params._id\"\n\t\t\t:sortOrder=\"'desc'\"\n\t\t/> -->\n\t</div>\n</template>\n\n<script setup>\n\timport { watch, ref } from 'vue'\n\timport { useRoute, useRouter } from 'vue-router'\n\t// Components\n\timport Tab  \t\tfrom '@pf/src/components/Tab/Tab.vue'\n  import Feed from '@pf/src/components/Feed/Feed.vue'\n\n  import CardEvent from '@pf/src/modules/events/components/blocks/CardEvent.vue';\n\n\timport * as auth from '@pf/src/modules/auth/views/store/auth';\n\timport * as events from '@pf/src/modules/events/store/events.js'; \n\t// Accessing router\n\tconst route = useRoute()\n\tconst router = useRouter()\n\t// State\n\tlet tab = route.query.tab ? route.query.tab : 'owner';\n\n\tconst tabOrganization = ref(tab)\n\n\troute.query.tab = tabOrganization.value\n\n\twatch(tabOrganization, (newValue) => {\n\t  router.replace({ query: { ...route.query, tab: newValue } });\n\t});\n</script>"],"names":["useRoute","useRouter","ref","watch"],"mappings":";;;;;;;;;;;;;;;;AA6GC,UAAM,QAAQA,UAAAA,SAAU;AACxB,UAAM,SAASC,UAAAA,UAAW;AAE1B,QAAI,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM;AAE9C,UAAM,kBAAkBC,IAAG,IAAC,GAAG;AAE/B,UAAM,MAAM,MAAM,gBAAgB;AAElCC,cAAM,iBAAiB,CAAC,aAAa;AACnC,aAAO,QAAQ,EAAE,OAAO,EAAE,GAAG,MAAM,OAAO,KAAK,SAAU,EAAA,CAAE;AAAA,IAC9D,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/events/components/pages/EventsBackoffice.vue.js

@@ -0,0 +1,96 @@
+import { ref, watch, openBlock, createElementBlock, createElementVNode, unref, createCommentVNode, createBlock, createVNode, withCtx, Fragment, renderList, withModifiers } from "vue";
+import { useRoute, useRouter } from "vue-router";
+import _sfc_main$1 from "../../../../components/Tab/Tab.vue2.js";
+import _sfc_main$2 from "../../../../components/Feed/Feed.vue.js";
+import _sfc_main$3 from "../blocks/CardEvent.vue.js";
+import { state } from "../../../auth/views/store/auth.js";
+import { read } from "../../store/events.js";
+const _hoisted_1 = { class: "pd-thin" };
+const _hoisted_2 = { class: "mn-b-medium flex-v-center flex-nowrap flex" };
+const _hoisted_3 = /* @__PURE__ */ createElementVNode("h2", { class: "mn-r-medium" }, " Events ", -1);
+const _hoisted_4 = ["onClick"];
+const _sfc_main = {
+  __name: "EventsBackoffice",
+  setup(__props) {
+    const route = useRoute();
+    const router = useRouter();
+    let tab = route.query.tab ? route.query.tab : "owner";
+    const tabOrganization = ref(tab);
+    route.query.tab = tabOrganization.value;
+    watch(tabOrganization, (newValue) => {
+      router.replace({ query: { ...route.query, tab: newValue } });
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("header", _hoisted_2, [
+          _hoisted_3,
+          state.user._id === unref(route).params.user || unref(route).params._id ? (openBlock(), createElementBlock("button", {
+            key: 0,
+            onClick: _cache[0] || (_cache[0] = ($event) => unref(router).push({ name: "Create Event" })),
+            class: "radius-100 i-big hover-scale-1 cursor-pointer t-white bg-second"
+          }, " + ")) : createCommentVNode("", true)
+        ]),
+        unref(route).params._id ? (openBlock(), createBlock(_sfc_main$1, {
+          key: 0,
+          selected: tabOrganization.value,
+          "onUpdate:selected": _cache[1] || (_cache[1] = ($event) => tabOrganization.value = $event),
+          tabs: [
+            { name: "My", value: "owner" },
+            { name: "Participant", value: "participant" }
+          ],
+          class: "mn-b-small o-hidden h5 radius-big bg-light"
+        }, null, 8, ["selected"])) : createCommentVNode("", true),
+        createVNode(_sfc_main$2, {
+          states: {
+            empty: {
+              title: "No Events Found",
+              description: "Currently, there are no events available."
+            }
+          },
+          store: {
+            read: (options) => read(options)
+          },
+          options: {
+            user: state.user._id,
+            owner: unref(route).params._id || unref(route).params.user,
+            creator: unref(route).params.user
+          }
+        }, {
+          default: withCtx(({
+            items
+          }) => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(items, (event, index) => {
+              return openBlock(), createBlock(_sfc_main$3, {
+                onClick: ($event) => _ctx.$router.push({ name: "Event", params: { url: event.url } }),
+                key: event._id,
+                event,
+                user: state.user._id,
+                type: "normal",
+                class: "bg-light radius-big mn-b-medium"
+              }, {
+                default: withCtx(() => [
+                  unref(route).params._id && _ctx.hasAccess(unref(route).params._id, "gallery", "read", state.accesses) ? (openBlock(), createElementBlock("div", {
+                    key: 0,
+                    class: "mn-b-semi w-100 bg-second button t-white uppercase",
+                    onClick: withModifiers(($event) => unref(router).push({
+                      name: "Edit Event Tickets",
+                      params: {
+                        url: event.url
+                      }
+                    }), ["stop"])
+                  }, " Check tickets ", 8, _hoisted_4)) : createCommentVNode("", true)
+                ]),
+                _: 2
+              }, 1032, ["onClick", "event", "user"]);
+            }), 128))
+          ]),
+          _: 1
+        }, 8, ["store", "options"])
+      ]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=EventsBackoffice.vue.js.map