@ozdao/prometheus-framework 0.2.198 → 0.2.200

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

@@ -1,187 +1,213 @@
-import { ref as p, onMounted as h, openBlock as a, createElementBlock as c, createVNode as u, TransitionGroup as b, withCtx as v, Fragment as g, renderList as f, createCommentVNode as l, Transition as x, createBlock as s, normalizeStyle as L, createElementVNode as m, normalizeClass as w, resolveDynamicComponent as C, mergeProps as B } from "vue";
+import { ref, onMounted, openBlock, createElementBlock, createVNode, TransitionGroup, withCtx, Fragment, renderList, createCommentVNode, Transition, createBlock, normalizeStyle, createElementVNode, normalizeClass, resolveDynamicComponent, mergeProps } from "vue";
 /* empty css                                       */
-import E from "../../../../components/EmptyState/EmptyState.vue.js";
-import $ from "../sections/HeroEvent.vue.js";
-import I from "../sections/SectionMainGuest.vue.js";
-import H from "../sections/SectionSpecialGuests.vue.js";
-import S from "../sections/SectionLineup.vue.js";
-import U from "../sections/SectionPreviousEvents.vue.js";
-import M from "../blocks/CardEvent.vue.js";
-import N from "../../../icons/skeletons/SkeletonEvent.vue.js";
-import P from "../elements/ButtonJoin.vue.js";
-import V from "../../../community/components/sections/Comments.vue.js";
-import z from "../../../constructor/components/elements/Image.vue.js";
-import { read as F } from "../../store/events.js";
-import { mutations as q } from "../../store/tickets.js";
-import { state as o } from "../../../auth/views/store/auth.js";
-import { useRoute as A } from "vue-router";
-const R = { class: "pd-thin" }, G = /* @__PURE__ */ m("h2", { class: "mn-b-big w-100 t-center" }, "Event Details", -1), re = {
+import _sfc_main$1 from "../../../../components/EmptyState/EmptyState.vue.js";
+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 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 { read } from "../../store/events.js";
+import { mutations } from "../../store/tickets.js";
+import { state } from "../../../auth/views/store/auth.js";
+import { useRoute } from "vue-router";
+const _hoisted_1 = { class: "pd-thin" };
+const _hoisted_2 = /* @__PURE__ */ createElementVNode("h2", { class: "mn-b-big w-100 t-center" }, "Event Details", -1);
+const _sfc_main = {
   __name: "Event",
-  setup(J) {
-    const D = A(), k = p(null), _ = ({ ticket: t, hasTicket: r, targetId: i }) => {
-      q.handleTicketUpdate(e.value, t, r, i), console.log("HANDLE TICKET UPDATE", t, e.value), k.value = t.qrcode;
-    }, y = {
-      Textarea: "p",
-      H2: "h2",
-      Bullets: "p",
-      Caption: "p",
-      ImageUpload: z
+  setup(__props) {
+    const route = useRoute();
+    const qrcode = ref(null);
+    const handleTicketUpdate = ({ ticket, hasTicket, targetId }) => {
+      mutations.handleTicketUpdate(event.value, ticket, hasTicket, targetId);
+      console.log("HANDLE TICKET UPDATE", ticket, event.value);
+      qrcode.value = ticket.qrcode;
     };
-    function T(t) {
-      return t.type === "Textarea" ? { innerHTML: t.content, class: "p-medium" } : t.type === "H2" ? { innerHTML: t.content, class: "h3" } : t.type === "Caption" ? { innerHTML: t.content } : t.type === "ImageUpload" ? { src: t.content } : {};
+    const ComponentMap = {
+      "Textarea": "p",
+      "H2": "h2",
+      "Bullets": "p",
+      "Caption": "p",
+      "ImageUpload": _sfc_main$8
+    };
+    function getBlockProps(block) {
+      if (block.type === "Textarea") {
+        return { innerHTML: block.content, class: "p-medium" };
+      } else if (block.type === "H2") {
+        return { innerHTML: block.content, class: "h3" };
+      } else if (block.type === "Caption") {
+        return { innerHTML: block.content };
+      } else if (block.type === "ImageUpload") {
+        return { src: block.content };
+      }
+      return {};
     }
-    const e = p(null), n = p(!0);
-    return h(async () => {
-      n.value = !0;
-      const t = await F({ user: o.user._id, url: D.params.url });
-      e.value = t[0], n.value = !1;
-    }), (t, r) => (a(), c("section", R, [
-      u(b, {
-        tag: "ul",
-        name: "fade",
-        class: "o-hidden bg-light radius-big"
-      }, {
-        default: v(() => [
-          n.value ? (a(), c(g, { key: 0 }, f(3, (i) => u(N, { key: i })), 64)) : l("", !0)
-        ]),
-        _: 1
-      }),
-      u(x, { name: "fade" }, {
-        default: v(() => [
-          !n.value && !e.value ? (a(), s(E, {
-            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"
-          })) : l("", !0)
-        ]),
-        _: 1
-      }),
-      !n.value && e.value && e.value.special ? (a(), s($, {
-        key: 0,
-        content: {
-          title: e.value.name,
-          description: e.value.description,
-          ticketLinkStripe: e.value.specialData.ticketLinkStripe,
-          ticketText: e.value.specialData.ticketText,
-          cover: e.value.cover,
-          subtitle: e.value.specialData.subtitle,
-          logos: e.value.specialData.logos,
-          video: e.value.specialData.video,
-          ticketTextButton: e.value.specialData.ticketTextButton
-        },
-        options: {
-          date: e.value.date.start,
-          price: e.value.specialData.ticketPrice
-        },
-        class: "mn-b-thin"
-      }, null, 8, ["content", "options"])) : l("", !0),
-      !n.value && e.value && e.value.special && e.value.specialData.guestTitle ? (a(), s(I, {
-        key: 1,
-        content: {
-          title: e.value.specialData.guestTitle,
-          description: e.value.specialData.guestDescription,
-          socials: {
-            twitter: e.value.specialData.guestTwitter,
-            telegram: e.value.specialData.guestTelegram,
-            instagram: e.value.specialData.guestInstagram,
-            facebook: e.value.specialData.guestFacebook
+    const event = ref(null);
+    const isLoading = ref(true);
+    onMounted(async () => {
+      isLoading.value = true;
+      const data = await read({ user: state.user._id, url: route.params.url });
+      event.value = data[0];
+      isLoading.value = false;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("section", _hoisted_1, [
+        createVNode(TransitionGroup, {
+          tag: "ul",
+          name: "fade",
+          class: "o-hidden bg-light radius-big"
+        }, {
+          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
           },
-          video: e.value.specialData.guestVideo,
-          spotify: e.value.specialData.guestSpotify,
-          soundcloud: e.value.specialData.guestSoundcloud,
-          youtube: e.value.specialData.guestYoutube
-        },
-        class: "mn-b-thin"
-      }, null, 8, ["content"])) : l("", !0),
-      !n.value && e.value && e.value.special ? (a(), c("section", {
-        key: 2,
-        style: L(`
+          class: "mn-b-thin"
+        }, null, 8, ["content"])) : createCommentVNode("", true),
+        !isLoading.value && event.value && event.value.special ? (openBlock(), createElementBlock("section", {
+          key: 2,
+          style: normalizeStyle(`
           background-size: 100%; background-repeat: no-repeat;
-          background-image: url(${e.value.specialData.lineupBackground}); 
+          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"
-      }, [
-        G,
-        m("div", {
-          class: w(["gap-big mn-b-thin", {
-            "cols-2": e.value.specialData.guests.length > 0,
-            "cols-1": e.value.specialData.guests.length > 1
-          }])
+          class: "mn-b-thin t-white gap-big w-100 h-max o-hidden radius-big pd-big pos-relative bg-black"
         }, [
-          e.value.specialData.guests.length > 0 ? (a(), s(H, {
-            key: 0,
+          _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: {
-              title: "Residents",
-              guests: e.value.specialData.guests
+              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"])) : l("", !0),
-          u(S, {
-            content: {
-              title: "Lineup",
-              lineup: e.value.specialData.lineup
-            }
-          }, null, 8, ["content"])
-        ], 2),
-        u(U, {
-          content: {
-            ticket: e.value.specialData.ticketImage,
-            ticketTextButton: e.value.specialData.ticketTextButton,
-            paymentText: e.value.specialData.paymentText,
-            paymentContact: e.value.specialData.paymentContact,
-            previousTitle: e.value.specialData.previousTitle,
-            previousDescription: e.value.specialData.previousDescription,
-            previousLink: e.value.specialData.previousLink,
-            previousLinkText: e.value.specialData.previousLinkText
-          },
-          options: {
-            link: e.value.specialData.ticketLinkStripe,
-            video: e.value.specialData.previousVideo
-          }
-        }, null, 8, ["content", "options"])
-      ], 4)) : l("", !0),
-      !n.value && e.value && !e.value.special ? (a(), s(M, {
-        key: 3,
-        onClick: r[0] || (r[0] = (i) => t.$router.push({ name: "Event", params: { url: e.value.url } })),
-        event: e.value,
-        owner: e.value.owner,
-        user: o.user._id,
-        type: "normal",
-        class: "mn-b-medium bg-light radius-big"
-      }, {
-        default: v(() => [
-          o.user._id ? (a(), s(P, {
-            key: 0,
-            type: "event",
-            hasTicket: e.value.hasTicket,
-            targetId: e.value._id,
-            userId: o.user._id,
-            class: "mn-b-small w-100 pd-medium mn-auto",
-            onUpdateTicket: _
-          }, null, 8, ["hasTicket", "targetId", "userId"])) : l("", !0),
-          m("section", null, [
-            e.value && e.value.content ? (a(!0), c(g, { key: 0 }, f(e.value.content, (i, d) => (a(), s(C(y[i.type]), B({
-              key: d,
-              index: d,
-              component: i,
-              prop: i,
-              class: i.class,
-              content: "content",
-              ref_for: !0
-            }, T(i), { class: "mn-b-regular" }), null, 16, ["index", "component", "prop", "class"]))), 128)) : l("", !0)
-          ])
-        ]),
-        _: 1
-      }, 8, ["event", "owner", "user"])) : l("", !0),
-      !n.value && e.value && !e.value.special ? (a(), s(V, {
-        key: 4,
-        type: "event",
-        target: e.value._id,
-        owner: o.user._id
-      }, null, 8, ["target", "owner"])) : l("", !0)
-    ]));
+          }, 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,
+              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$7, {
+          key: 4,
+          type: "event",
+          target: event.value._id,
+          owner: state.user._id
+        }, null, 8, ["target", "owner"])) : createCommentVNode("", true)
+      ]);
+    };
   }
 };
 export {
-  re as default
+  _sfc_main as default
 };
+//# sourceMappingURL=Event.vue.js.map

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

@@ -0,0 +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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1 +1,108 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("vue-router");require("vue-i18n");;/* empty css                                                   */const f=require("../../../../components/Feed/Feed.vue.cjs"),g=require("../../../../components/DatePicker/DatePicker.vue.cjs"),h=require("../sections/List.vue.cjs"),b=require("../blocks/CardEvent.vue.cjs"),a=require("../../store/events.cjs"),u=require("../../../auth/views/store/auth.cjs"),y={class:"pd-thin"},_=e.createElementVNode("header",{class:"mn-b-medium flex-v-center flex-nowrap flex"},[e.createElementVNode("h2",{class:"mn-r-medium"}," Featured ")],-1),q=e.createElementVNode("h2",{class:"mn-b-medium"}," All Events ",-1),E={__name:"Events",setup(k){const l=c.useRoute(),m=c.useRouter(),d=p(new Date);function p(t){return`${t.getDate().toString().padStart(2,"0")}${(t.getMonth()+1).toString().padStart(2,"0")}${t.getFullYear()}`}if(l.query){const t=l.query,n={tags:t.tags?t.tags.split(","):null,date:t.date?t.date:d};a.state.filter=n}else{const t={date:d};a.state.filter=t}return e.watch(()=>a.state.filter,(t,n)=>{const r={...l.query};Object.keys(n).forEach(o=>{r[o]&&delete r[o]});const i=Object.fromEntries(Object.entries(t).filter(([o,s])=>Array.isArray(s)&&s.length>0||typeof s=="string"&&s).map(([o,s])=>[o,Array.isArray(s)?s.join(","):s]));Object.assign(r,i),m.push({query:r})},{deep:!0}),(t,n)=>(e.openBlock(),e.createElementBlock("section",y,[_,e.createVNode(h.default,{user:u.state.user._id,class:"bg-light mn-b-medium radius-big",phase:"planned",status:"featured"},null,8,["user"]),q,e.createVNode(g.default,{date:a.state.filter.date,"onUpdate:date":n[0]||(n[0]=r=>a.state.filter.date=r),locale:t.$i18n.locale,class:"radius-semi o-hidden bg-light mn-b-thin pd-l-zero pd-r-zero pd-medium"},null,8,["date","locale"]),e.createVNode(f.default,{states:{empty:{title:"No Events Found",description:"Currently, there are no events available."}},store:{read:r=>a.read(r),state:a.state},options:{user:u.state.user._id,date:a.state.filter.date,limit:10}},{default:e.withCtx(({items:r})=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r,(i,o)=>(e.openBlock(),e.createBlock(b.default,{onClick:s=>t.$router.push({name:"Event",params:{url:i.url}}),key:i._id,event:i,user:u.state.user._id,type:"normal",class:"bg-light radius-big mn-b-medium"},null,8,["onClick","event","user"]))),128))]),_:1},8,["store","options"])]))}};exports.default=E;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const vueRouter = require("vue-router");
+require("vue-i18n");
+;/* empty css                                                   */
+const Feed = require("../../../../components/Feed/Feed.vue.cjs");
+const DatePicker = require("../../../../components/DatePicker/DatePicker.vue.cjs");
+const List = require("../sections/List.vue.cjs");
+const CardEvent = require("../blocks/CardEvent.vue.cjs");
+const events = require("../../store/events.cjs");
+const auth = require("../../../auth/views/store/auth.cjs");
+const _hoisted_1 = { class: "pd-thin" };
+const _hoisted_2 = /* @__PURE__ */ vue.createElementVNode("header", { class: "mn-b-medium flex-v-center flex-nowrap flex" }, [
+  /* @__PURE__ */ vue.createElementVNode("h2", { class: "mn-r-medium" }, " Featured ")
+], -1);
+const _hoisted_3 = /* @__PURE__ */ vue.createElementVNode("h2", { class: "mn-b-medium" }, " All Events ", -1);
+const _sfc_main = {
+  __name: "Events",
+  setup(__props) {
+    const route = vueRouter.useRoute();
+    const router = vueRouter.useRouter();
+    let baseDate = /* @__PURE__ */ new Date();
+    const formattedDate = formatDateForRouter(baseDate);
+    function formatDateForRouter(date) {
+      return `${date.getDate().toString().padStart(2, "0")}${(date.getMonth() + 1).toString().padStart(2, "0")}${date.getFullYear()}`;
+    }
+    if (route.query) {
+      const query = route.query;
+      const newFilterValue = {
+        tags: query.tags ? query.tags.split(",") : null,
+        date: query.date ? query.date : formattedDate
+      };
+      events.state.filter = newFilterValue;
+    } else {
+      const newFilterValue = {
+        date: formattedDate
+      };
+      events.state.filter = newFilterValue;
+    }
+    vue.watch(() => events.state.filter, (newFilterValue, oldFilterValue) => {
+      const query = { ...route.query };
+      Object.keys(oldFilterValue).forEach((key) => {
+        if (query[key]) {
+          delete query[key];
+        }
+      });
+      const newQueryValues = Object.fromEntries(
+        Object.entries(newFilterValue).filter(([key, value]) => Array.isArray(value) && value.length > 0 || typeof value === "string" && value).map(([key, value]) => [key, Array.isArray(value) ? value.join(",") : value])
+      );
+      Object.assign(query, newQueryValues);
+      router.push({ query });
+    }, { deep: true });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("section", _hoisted_1, [
+        _hoisted_2,
+        vue.createVNode(List.default, {
+          user: auth.state.user._id,
+          class: "bg-light mn-b-medium radius-big",
+          phase: "planned",
+          status: "featured"
+        }, null, 8, ["user"]),
+        _hoisted_3,
+        vue.createVNode(DatePicker.default, {
+          date: events.state.filter.date,
+          "onUpdate:date": _cache[0] || (_cache[0] = ($event) => events.state.filter.date = $event),
+          locale: _ctx.$i18n.locale,
+          class: "radius-semi o-hidden bg-light mn-b-thin pd-l-zero pd-r-zero pd-medium"
+        }, null, 8, ["date", "locale"]),
+        vue.createVNode(Feed.default, {
+          states: {
+            empty: {
+              title: "No Events Found",
+              description: "Currently, there are no events available."
+            }
+          },
+          store: {
+            read: (options) => events.read(options),
+            state: events.state
+          },
+          options: {
+            user: auth.state.user._id,
+            date: events.state.filter.date,
+            limit: 10
+          }
+        }, {
+          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"
+              }, null, 8, ["onClick", "event", "user"]);
+            }), 128))
+          ]),
+          _: 1
+        }, 8, ["store", "options"])
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=Events.vue.cjs.map

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

@@ -0,0 +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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}