@ozdao/martyrs 0.2.454 → 0.2.456

package/dist/martyrs/src/modules/events/components/blocks/CardEvent.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CardEvent.vue.cjs","sources":["../../../../../../../src/modules/events/components/blocks/CardEvent.vue"],"sourcesContent":["<template>\n  <article \n\t  :class=\"{\n\t  \t'flex-nowrap flex-v-center flex': type === 'short'\n\t  }\"\n\t  class=\"pos-relative\"\n  >\n  \n    <CardHeader \n\t    :class=\"{\n\t    \t'mn-b-small pd-medium': type !== 'short',\n\t    \t'flex-child-order-last flex-child mn-l-small': type === 'short',\n\t    }\"\n\t    :entity=\"event\"\n\t    :entityType=\"'event'\"\n\t    :user=\"user\"\n\t    :owner=\"event.owner\" \n    \t:creator=\"event.creator\"\n    \t:members=\"event.numberOfTickets\"\n    \t:membersPhotos=\"event.participantsPhotos\"\n    \t:type=\"type\"\n    \t:dateFormatted=\"daysUntilEvent\"\n    />\n\n \t\t<div \n \t\t\tv-if=\"event.cover && type !== 'short'\" \n \t\t\tclass=\"o-hidden pos-relative bg-light mn-b-small w-100\"\n \t\t>\n\t    <img loading=\"lazy\" \n\t    \t:src=\"(FILE_SERVER_URL || '') + event.cover\" \n\t    \talt=\"Event image\" \n\t    \tclass=\"pos-relative z-index-1 d-block mn-auto w-max-100 object-fit-contain h-20r\"\n\t    />\n\n\t    <img loading=\"lazy\" \n\t    \t:src=\"(FILE_SERVER_URL || '') + event.cover\" \n\t    \talt=\"Event Background\" \n\t    \tclass=\"z-index-0 pos-absolute w-100 h-100 pos-t-0 pos-r-0\"\n\t    \tstyle=\"\n\t    \t\ttransform: scale(1.5);\n\t    \t\tfilter: blur(2rem);\n  \t\t\t\t-webkit-filter: blur(2rem);\"\n\t    />\n\t  </div>\n\n    <section \n    \tclass=\"pos-relative w-100\"\n    \t:class=\"{'pd-t-zero pd-medium': type !== 'short'}\"\n    >\n\n\t    <IconEdit\n\t\t\t\tv-if=\"user === event.creator.target._id\"\n\t\t\t\t@click.stop=\"$router.push({\n\t\t\t\t\tname: 'Edit Event', \n\t\t\t\t\tparams: {\n\t\t\t\t\t\turl: event.url\n\t\t\t\t\t}\n\t\t\t\t})\" \n\t\t\t\tclass=\"z-index-2 pos-absolute pos-t-regular pos-r-regular i-regular t-transp\"\n\t\t\t/>\n\n    \t<div\n    \t\t:class=\"{'mn-b-small': type !== 'short'}\"\n    \t\tclass=\"flex-v-center flex-nowrap flex\"\n    \t>\n\t\t\t\t \t<span \n\t\t\t    \tv-if=\"type === 'short'\" \n\t\t\t    \tclass=\"t-semi uppercase\"\n\t\t\t    >\n\t\t\t        {{ truncatedEventName }}\n\t\t\t    </span>\n\t\t\t</div>\n\n      <div v-if=\"type !== 'short'\" class=\"cursor-pointer mn-b-thin flex-nowrap flex w-100\">\n\n\t\t\t\t<h3 \n\t      \tv-if=\"type !== 'short'\" \n\t      \tclass=\"\"\n\t      >\n\t    \t\t{{ event.name }}\n\t    \t</h3>\n\n\t\t\t\t<div v-if=\"event.status === 'draft'\" class=\"pd-micro t-white uppercase t-semi p-small flex-center flex pd-r-small pd-l-small mn-l-thin w-min bg-second radius-extra\">\n\t\t\t\t\t{{event.status}}\n\t\t\t\t</div>\n\t\t\t\t\n\t\t\t</div>\n\n    \t<p \n    \t\tv-if=\"type !== 'short'\" \n    \t\tclass=\"mn-b-small p-big\"\n    \t>\n    \t\t{{ event.description }}\n    \t</p>\n\n      <slot></slot>\n      \n      <div class=\"flex flex-wrap gap-micro t-medium p-big justify-start align-center\">\n        <span v-if=\"event.date?.start\" class=\"mn-r-nano d-inline-block w-max pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small t-medium bg-white\">\n          <!-- <IconDate :fill=\"'rgb(var(--black))'\" class=\"w-1r h-auto\"/> -->\n          <!-- {{formatDate(event.date.start)}} -->\n\n\t\t\t\t\t\t<span \n\t\t\t\t     \n\t\t\t\t    \tclass=\"t-semi\"\n\t\t\t\t    >\n\t\t\t\t    \t{{ formattedDate }}\n\t\t\t\t    </span>\n\t\t\t\t    <span \n\t\t\t\t    \t\tv-if=\"type !== 'short'\"\n\t\t\t\t    \tclass=\"t-semi \">\n\t\t\t\t        | {{ formattedTimeRange }}\n\t\t\t\t    </span>\n        </span>\n\n\n        <span\n          v-for=\"(chip, index) in event.tags\"\n          :key=\"index\"\n          class=\"d-inline-flex pd-b-micro   pd-t-micro pd-r-thin pd-l-thin radius-small bg-main\"\n        >\n          {{ chip }}\n        </span>\n      </div>\n\t\t\t<!-- <CardFooter\n\t\t\t\tv-if=\"type !== 'short'\"  \n\t\t\t\tclass=\"\" \n\t\t\t\t:entity=\"event\"\n\t\t\t\t:entityType=\"'event'\" \n\t\t\t\t:user=\"user\"\n\t\t\t/> -->\n\n    </section>\n    \n    <!-- <FooterBlogpost class=\"pd-t-zero pd-medium\" :event=\"event\" :owner=\"owner\"/> -->\n  </article>\n</template>\n\n<script setup=\"props\">\n\timport Chips  from '@martyrs/src/components/Chips/Chips.vue'\n\n\timport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'\n\n\timport CardHeader  from '@martyrs/src/modules/globals/views/components/blocks/CardHeader.vue'\n\timport CardFooter  from '@martyrs/src/modules/globals/views/components/blocks/CardFooter.vue'\n\timport { ref, computed } from 'vue'\n\timport { useRouter } from 'vue-router'\n\n\tconst date_now = ref(new Date())\n\n\tconst router = useRouter()\n\tconst props = defineProps(['event', 'user', 'short', 'type'])\n\n\tconst firstImage = computed(() => {\n\t\treturn props.event.content.find(block => block.type.name === 'ImageUpload');\n\t});\n\n\tconst firstText = computed(() => {\n\t\treturn props.event.content.find(block => block.type.name === 'Textarea');\n\t});\n\n  // Function to calculate days until event\n  const daysUntilEvent = computed(() => {\n    const now = new Date();\n    const nowUTC = Date.UTC(now.getUTCFullYear(), now.getUTCMonth(), now.getUTCDate(), now.getUTCHours(), now.getUTCMinutes(), now.getUTCSeconds());\n  \n    const start = new Date(props.event.date.start);\n    const startUTC = Date.UTC(start.getUTCFullYear(), start.getUTCMonth(), start.getUTCDate(), start.getUTCHours(), start.getUTCMinutes(), start.getUTCSeconds());\n  \n    const diffInTime = startUTC - nowUTC;\n\n    if (diffInTime < 0) {\n      return 'Finished';\n    }\n    else if (diffInTime === 0) {\n      return 'Starting Now';\n    }\n    else {\n      const diffInSeconds = Math.floor(diffInTime / 1000);\n      const diffInMinutes = Math.floor(diffInSeconds / 60);\n      const diffInHours = Math.floor(diffInMinutes / 60);\n      const diffInDays = Math.floor(diffInHours / 24);\n\n      if (diffInDays > 0) {\n        return `${diffInDays} days until event`;\n      }\n      else if (diffInHours > 0) {\n        return `${diffInHours} hours until event`;\n      }\n      else if (diffInMinutes > 0) {\n        return `${diffInMinutes} minutes until event`;\n      }\n      else {\n        return `${diffInSeconds} seconds until event`;\n      }\n    }\n});\n\n\n  /// Computed property for formatted date\n\tconst formattedDate = computed(() => {\n\t    const start = new Date(props.event.date.start);\n\t    const options = { day: '2-digit', month: '2-digit' };\n\t    return start.toLocaleDateString(undefined, options);\n\t});\n\n\t// Computed property for time range\n\tconst formattedTimeRange = computed(() => {\n\n\t\tconsole.log(props.event.date.start)\n\t\tconsole.log(props.event.date.end)\n    const start = new Date(props.event.date.start);\n    const end = new Date(props.event.date.end);\n\n    const startTime = new Intl.DateTimeFormat(undefined, { hour: '2-digit', minute: '2-digit', hourCycle: 'h23' }).format(start);\n    const endTime = new Intl.DateTimeFormat(undefined, { hour: '2-digit', minute: '2-digit', hourCycle: 'h23' }).format(end);\n    return `${startTime}-${endTime}`;\n\t});\n\n\n\t// Computed property for truncated event name\n\tconst truncatedEventName = computed(() => {\n\t  const eventName = props.event.name;\n\t  if (eventName.length > 26) {\n\t    return `${eventName.substring(0, 22)}…`; // Truncate to 37 characters and append \"...\"\n\t  }\n\t  return eventName; // If less than or equal to 40 characters, return the full string\n\t});\n\n\n</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":["ref","useRouter","computed"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoJkBA,QAAG,IAAC,oBAAI,KAAM,CAAA;AAEhBC,cAAS,UAAA;AACxB,UAAM,QAAQ;AAEKC,QAAAA,SAAS,MAAM;AACjC,aAAO,MAAM,MAAM,QAAQ,KAAK,WAAS,MAAM,KAAK,SAAS,aAAa;AAAA,IAC1E,CAAA;AAEiBA,QAAAA,SAAS,MAAM;AAChC,aAAO,MAAM,MAAM,QAAQ,KAAK,WAAS,MAAM,KAAK,SAAS,UAAU;AAAA,IACvE,CAAA;AAGA,UAAM,iBAAiBA,IAAAA,SAAS,MAAM;AACpC,YAAM,MAAM,oBAAI,KAAM;AACtB,YAAM,SAAS,KAAK,IAAI,IAAI,kBAAkB,IAAI,eAAe,IAAI,cAAc,IAAI,eAAe,IAAI,iBAAiB,IAAI,eAAe;AAE9I,YAAM,QAAQ,IAAI,KAAK,MAAM,MAAM,KAAK,KAAK;AAC7C,YAAM,WAAW,KAAK,IAAI,MAAM,kBAAkB,MAAM,eAAe,MAAM,cAAc,MAAM,eAAe,MAAM,iBAAiB,MAAM,eAAe;AAE5J,YAAM,aAAa,WAAW;AAE9B,UAAI,aAAa,GAAG;AAClB,eAAO;AAAA,MACb,WACa,eAAe,GAAG;AACzB,eAAO;AAAA,MACb,OACS;AACH,cAAM,gBAAgB,KAAK,MAAM,aAAa,GAAI;AAClD,cAAM,gBAAgB,KAAK,MAAM,gBAAgB,EAAE;AACnD,cAAM,cAAc,KAAK,MAAM,gBAAgB,EAAE;AACjD,cAAM,aAAa,KAAK,MAAM,cAAc,EAAE;AAE9C,YAAI,aAAa,GAAG;AAClB,iBAAO,GAAG,UAAU;AAAA,QAC5B,WACe,cAAc,GAAG;AACxB,iBAAO,GAAG,WAAW;AAAA,QAC7B,WACe,gBAAgB,GAAG;AAC1B,iBAAO,GAAG,aAAa;AAAA,QAC/B,OACW;AACH,iBAAO,GAAG,aAAa;AAAA,QAC/B;AAAA,MACA;AAAA,IACA,CAAC;AAIA,UAAM,gBAAgBA,IAAAA,SAAS,MAAM;AACjC,YAAM,QAAQ,IAAI,KAAK,MAAM,MAAM,KAAK,KAAK;AAC7C,YAAM,UAAU,EAAE,KAAK,WAAW,OAAO,UAAW;AACpD,aAAO,MAAM,mBAAmB,QAAW,OAAO;AAAA,IACvD,CAAE;AAGD,UAAM,qBAAqBA,IAAAA,SAAS,MAAM;AAEzC,cAAQ,IAAI,MAAM,MAAM,KAAK,KAAK;AAClC,cAAQ,IAAI,MAAM,MAAM,KAAK,GAAG;AAC9B,YAAM,QAAQ,IAAI,KAAK,MAAM,MAAM,KAAK,KAAK;AAC7C,YAAM,MAAM,IAAI,KAAK,MAAM,MAAM,KAAK,GAAG;AAEzC,YAAM,YAAY,IAAI,KAAK,eAAe,QAAW,EAAE,MAAM,WAAW,QAAQ,WAAW,WAAW,MAAO,CAAA,EAAE,OAAO,KAAK;AAC3H,YAAM,UAAU,IAAI,KAAK,eAAe,QAAW,EAAE,MAAM,WAAW,QAAQ,WAAW,WAAW,MAAO,CAAA,EAAE,OAAO,GAAG;AACvH,aAAO,GAAG,SAAS,IAAI,OAAO;AAAA,IAClC,CAAE;AAID,UAAM,qBAAqBA,IAAAA,SAAS,MAAM;AACxC,YAAM,YAAY,MAAM,MAAM;AAC9B,UAAI,UAAU,SAAS,IAAI;AACzB,eAAO,GAAG,UAAU,UAAU,GAAG,EAAE,CAAC;AAAA,MACzC;AACG,aAAO;AAAA,IACV,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CardEvent.vue.cjs","sources":["../../../../../../../src/modules/events/components/blocks/CardEvent.vue"],"sourcesContent":["<template>\n  <article \n\t  :class=\"{\n\t  \t'flex-nowrap flex-v-center flex': type === 'short'\n\t  }\"\n\t  class=\"pos-relative\"\n  >\n  \n    <CardHeader \n\t    :class=\"{\n\t    \t'mn-b-small pd-medium': type !== 'short',\n\t    \t'flex-child-order-last flex-child mn-l-small': type === 'short',\n\t    }\"\n\t    :entity=\"event\"\n\t    :entityType=\"'event'\"\n\t    :user=\"user\"\n\t    :owner=\"event.owner\" \n    \t:creator=\"event.creator\"\n    \t:members=\"event.numberOfTickets\"\n    \t:membersPhotos=\"event.participantsPhotos\"\n    \t:type=\"type\"\n    \t:dateFormatted=\"daysUntilEvent\"\n    />\n\n \t\t<div \n \t\t\tv-if=\"event.cover && type !== 'short'\" \n \t\t\tclass=\"o-hidden pos-relative bg-light mn-b-small w-100\"\n \t\t>\n\t    <img loading=\"lazy\" \n\t    \t:src=\"(FILE_SERVER_URL || '') + event.cover\" \n\t    \talt=\"Event image\" \n\t    \tclass=\"pos-relative z-index-1 d-block mn-auto w-max-100 object-fit-contain h-20r\"\n\t    />\n\n\t    <img loading=\"lazy\" \n\t    \t:src=\"(FILE_SERVER_URL || '') + event.cover\" \n\t    \talt=\"Event Background\" \n\t    \tclass=\"z-index-0 pos-absolute w-100 h-100 pos-t-0 pos-r-0\"\n\t    \tstyle=\"\n\t    \t\ttransform: scale(1.5);\n\t    \t\tfilter: blur(2rem);\n  \t\t\t\t-webkit-filter: blur(2rem);\"\n\t    />\n\t  </div>\n\n    <section \n    \tclass=\"pos-relative w-100\"\n    \t:class=\"{\n    \t\t'pd-t-zero pd-medium': type !== 'short',\n    \t\t'flex-nowrap flex flex-v-center': type === 'short'\n    \t}\"\n    >\n\n\t    <IconEdit\n\t\t\t\tv-if=\"user === event.creator.target._id\"\n\t\t\t\t@click.stop=\"$router.push({\n\t\t\t\t\tname: 'Edit Event', \n\t\t\t\t\tparams: {\n\t\t\t\t\t\turl: event.url\n\t\t\t\t\t}\n\t\t\t\t})\" \n\t\t\t\tclass=\"z-index-2 pos-absolute pos-t-regular pos-r-regular i-regular t-transp\"\n\t\t\t/>\n\n    \t<div\n    \t\t:class=\"{\n    \t\t\t'mn-b-small': type !== 'short',\n    \t\t\t'order-2 mn-l-thin': type === 'short'\n    \t\t}\"\n    \t\tclass=\"flex-v-center flex-nowrap flex\"\n    \t>\n\t\t\t\t \t<span \n\t\t\t    \tv-if=\"type === 'short'\" \n\t\t\t    \tclass=\"t-semi t-truncate uppercase\"\n\t\t\t    >\n\t        \t{{ event.name }}\n\t\t\t    </span>\n\t\t\t</div>\n\n      <div v-if=\"type !== 'short'\" class=\"cursor-pointer mn-b-thin flex-nowrap flex w-100\">\n\n\t\t\t\t<h3 \n\t      \tv-if=\"type !== 'short'\" \n\t      \tclass=\"\"\n\t      >\n\t    \t\t{{ event.name }}\n\t    \t</h3>\n\n\t\t\t\t<div v-if=\"event.status === 'draft'\" class=\"pd-micro t-white uppercase t-semi p-small flex-center flex pd-r-small pd-l-small mn-l-thin w-min bg-second radius-extra\">\n\t\t\t\t\t{{event.status}}\n\t\t\t\t</div>\n\t\t\t\t\n\t\t\t</div>\n\n    \t<p \n    \t\tv-if=\"type !== 'short'\" \n    \t\tclass=\"mn-b-small p-big t-trim-3\"\n    \t>\n    \t\t{{ event.description }}\n    \t</p>\n\n      <slot></slot>\n      \n      <div \n      \tclass=\"flex-wrap flex-child-default gap-micro t-medium p-big justify-start align-center t-trim-2\"\n      \t:class=\"{\n\t    \t\t'order-1': type === 'short'\n    \t\t}\"\n      >\n        <span v-if=\"event.date?.start\" class=\"mn-r-nano d-inline-block w-max pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small t-medium bg-white\">\n          <!-- <IconDate :fill=\"'rgb(var(--black))'\" class=\"w-1r h-auto\"/> -->\n          <!-- {{formatDate(event.date.start)}} -->\n\n\t\t\t\t\t\t<span \n\t\t\t\t     :class=\"{\n\t\t\t    \t\t'p-medium': type === 'short'\n\t\t    \t\t}\"\n\t\t\t\t    \tclass=\"t-semi\"\n\t\t\t\t    >\n\t\t\t\t    \t{{ formattedDate }}\n\t\t\t\t    </span>\n\t\t\t\t    <span \n\t\t\t\t    \t\tv-if=\"type !== 'short'\"\n\t\t\t\t    \tclass=\"t-semi \">\n\t\t\t\t        | {{ formattedTimeRange }}\n\t\t\t\t    </span>\n        </span>\n\n\n        <span\n        \tv-if=\"type !== 'short'\"\n          v-for=\"(chip, index) in event.tags\"\n          :key=\"index\"\n          class=\"d-inline-flex pd-b-micro   pd-t-micro pd-r-thin pd-l-thin radius-small bg-main\"\n        >\n          {{ chip }}\n        </span>\n      </div>\n\t\t\t<!-- <CardFooter\n\t\t\t\tv-if=\"type !== 'short'\"  \n\t\t\t\tclass=\"\" \n\t\t\t\t:entity=\"event\"\n\t\t\t\t:entityType=\"'event'\" \n\t\t\t\t:user=\"user\"\n\t\t\t/> -->\n\n    </section>\n    \n    <!-- <FooterBlogpost class=\"pd-t-zero pd-medium\" :event=\"event\" :owner=\"owner\"/> -->\n  </article>\n</template>\n\n<script setup=\"props\">\n\timport Chips  from '@martyrs/src/components/Chips/Chips.vue'\n\n\timport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'\n\n\timport CardHeader  from '@martyrs/src/modules/globals/views/components/blocks/CardHeader.vue'\n\timport CardFooter  from '@martyrs/src/modules/globals/views/components/blocks/CardFooter.vue'\n\timport { ref, computed } from 'vue'\n\timport { useRouter } from 'vue-router'\n\n\tconst date_now = ref(new Date())\n\n\tconst router = useRouter()\n\tconst props = defineProps(['event', 'user', 'short', 'type'])\n\n\tconst firstImage = computed(() => {\n\t\treturn props.event.content.find(block => block.type.name === 'ImageUpload');\n\t});\n\n\tconst firstText = computed(() => {\n\t\treturn props.event.content.find(block => block.type.name === 'Textarea');\n\t});\n\n  // Function to calculate days until event\n  const daysUntilEvent = computed(() => {\n    const now = new Date();\n    const nowUTC = Date.UTC(now.getUTCFullYear(), now.getUTCMonth(), now.getUTCDate(), now.getUTCHours(), now.getUTCMinutes(), now.getUTCSeconds());\n  \n    const start = new Date(props.event.date.start);\n    const startUTC = Date.UTC(start.getUTCFullYear(), start.getUTCMonth(), start.getUTCDate(), start.getUTCHours(), start.getUTCMinutes(), start.getUTCSeconds());\n  \n    const diffInTime = startUTC - nowUTC;\n\n    if (diffInTime < 0) {\n      return 'Finished';\n    }\n    else if (diffInTime === 0) {\n      return 'Starting Now';\n    }\n    else {\n      const diffInSeconds = Math.floor(diffInTime / 1000);\n      const diffInMinutes = Math.floor(diffInSeconds / 60);\n      const diffInHours = Math.floor(diffInMinutes / 60);\n      const diffInDays = Math.floor(diffInHours / 24);\n\n      if (diffInDays > 0) {\n        return `${diffInDays} days until event`;\n      }\n      else if (diffInHours > 0) {\n        return `${diffInHours} hours until event`;\n      }\n      else if (diffInMinutes > 0) {\n        return `${diffInMinutes} minutes until event`;\n      }\n      else {\n        return `${diffInSeconds} seconds until event`;\n      }\n    }\n});\n\n\n  /// Computed property for formatted date\n\tconst formattedDate = computed(() => {\n\t    const start = new Date(props.event.date.start);\n\t    const options = { day: '2-digit', month: '2-digit' };\n\t    return start.toLocaleDateString(undefined, options);\n\t});\n\n\t// Computed property for time range\n\tconst formattedTimeRange = computed(() => {\n\n\t\tconsole.log(props.event.date.start)\n\t\tconsole.log(props.event.date.end)\n    const start = new Date(props.event.date.start);\n    const end = new Date(props.event.date.end);\n\n    const startTime = new Intl.DateTimeFormat(undefined, { hour: '2-digit', minute: '2-digit', hourCycle: 'h23' }).format(start);\n    const endTime = new Intl.DateTimeFormat(undefined, { hour: '2-digit', minute: '2-digit', hourCycle: 'h23' }).format(end);\n    return `${startTime}-${endTime}`;\n\t});\n\n\n\t// Computed property for truncated event name\n\tconst truncatedEventName = computed(() => {\n\t  const eventName = props.event.name;\n\t  if (eventName.length > 26) {\n\t    return `${eventName.substring(0, 22)}…`; // Truncate to 37 characters and append \"...\"\n\t  }\n\t  return eventName; // If less than or equal to 40 characters, return the full string\n\t});\n\n\n</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":["ref","useRouter","computed"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkKkBA,QAAG,IAAC,oBAAI,KAAM,CAAA;AAEhBC,cAAS,UAAA;AACxB,UAAM,QAAQ;AAEKC,QAAAA,SAAS,MAAM;AACjC,aAAO,MAAM,MAAM,QAAQ,KAAK,WAAS,MAAM,KAAK,SAAS,aAAa;AAAA,IAC1E,CAAA;AAEiBA,QAAAA,SAAS,MAAM;AAChC,aAAO,MAAM,MAAM,QAAQ,KAAK,WAAS,MAAM,KAAK,SAAS,UAAU;AAAA,IACvE,CAAA;AAGA,UAAM,iBAAiBA,IAAAA,SAAS,MAAM;AACpC,YAAM,MAAM,oBAAI,KAAM;AACtB,YAAM,SAAS,KAAK,IAAI,IAAI,kBAAkB,IAAI,eAAe,IAAI,cAAc,IAAI,eAAe,IAAI,iBAAiB,IAAI,eAAe;AAE9I,YAAM,QAAQ,IAAI,KAAK,MAAM,MAAM,KAAK,KAAK;AAC7C,YAAM,WAAW,KAAK,IAAI,MAAM,kBAAkB,MAAM,eAAe,MAAM,cAAc,MAAM,eAAe,MAAM,iBAAiB,MAAM,eAAe;AAE5J,YAAM,aAAa,WAAW;AAE9B,UAAI,aAAa,GAAG;AAClB,eAAO;AAAA,MACb,WACa,eAAe,GAAG;AACzB,eAAO;AAAA,MACb,OACS;AACH,cAAM,gBAAgB,KAAK,MAAM,aAAa,GAAI;AAClD,cAAM,gBAAgB,KAAK,MAAM,gBAAgB,EAAE;AACnD,cAAM,cAAc,KAAK,MAAM,gBAAgB,EAAE;AACjD,cAAM,aAAa,KAAK,MAAM,cAAc,EAAE;AAE9C,YAAI,aAAa,GAAG;AAClB,iBAAO,GAAG,UAAU;AAAA,QAC5B,WACe,cAAc,GAAG;AACxB,iBAAO,GAAG,WAAW;AAAA,QAC7B,WACe,gBAAgB,GAAG;AAC1B,iBAAO,GAAG,aAAa;AAAA,QAC/B,OACW;AACH,iBAAO,GAAG,aAAa;AAAA,QAC/B;AAAA,MACA;AAAA,IACA,CAAC;AAIA,UAAM,gBAAgBA,IAAAA,SAAS,MAAM;AACjC,YAAM,QAAQ,IAAI,KAAK,MAAM,MAAM,KAAK,KAAK;AAC7C,YAAM,UAAU,EAAE,KAAK,WAAW,OAAO,UAAW;AACpD,aAAO,MAAM,mBAAmB,QAAW,OAAO;AAAA,IACvD,CAAE;AAGD,UAAM,qBAAqBA,IAAAA,SAAS,MAAM;AAEzC,cAAQ,IAAI,MAAM,MAAM,KAAK,KAAK;AAClC,cAAQ,IAAI,MAAM,MAAM,KAAK,GAAG;AAC9B,YAAM,QAAQ,IAAI,KAAK,MAAM,MAAM,KAAK,KAAK;AAC7C,YAAM,MAAM,IAAI,KAAK,MAAM,MAAM,KAAK,GAAG;AAEzC,YAAM,YAAY,IAAI,KAAK,eAAe,QAAW,EAAE,MAAM,WAAW,QAAQ,WAAW,WAAW,MAAO,CAAA,EAAE,OAAO,KAAK;AAC3H,YAAM,UAAU,IAAI,KAAK,eAAe,QAAW,EAAE,MAAM,WAAW,QAAQ,WAAW,WAAW,MAAO,CAAA,EAAE,OAAO,GAAG;AACvH,aAAO,GAAG,SAAS,IAAI,OAAO;AAAA,IAClC,CAAE;AAI0BA,QAAAA,SAAS,MAAM;AACxC,YAAM,YAAY,MAAM,MAAM;AAC9B,UAAI,UAAU,SAAS,IAAI;AACzB,eAAO,GAAG,UAAU,UAAU,GAAG,EAAE,CAAC;AAAA,MACzC;AACG,aAAO;AAAA,IACR,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/events/components/blocks/CardEvent.vue.js

@@ -12,7 +12,7 @@ const _hoisted_2 = ["src"];
 const _hoisted_3 = ["src"];
 const _hoisted_4 = {
   key: 0,
-  class: "t-semi uppercase"
+  class: "t-semi t-truncate uppercase"
 };
 const _hoisted_5 = {
   key: 1,
@@ -28,15 +28,13 @@ const _hoisted_7 = {
 };
 const _hoisted_8 = {
   key: 2,
-  class: "mn-b-small p-big"
+  class: "mn-b-small p-big t-trim-3"
 };
-const _hoisted_9 = { class: "flex flex-wrap gap-micro t-medium p-big justify-start align-center" };
-const _hoisted_10 = {
+const _hoisted_9 = {
   key: 0,
   class: "mn-r-nano d-inline-block w-max pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small t-medium bg-white"
 };
-const _hoisted_11 = { class: "t-semi" };
-const _hoisted_12 = {
+const _hoisted_10 = {
   key: 0,
   class: "t-semi"
 };
@@ -93,7 +91,7 @@ const _sfc_main = {
       const endTime = new Intl.DateTimeFormat(void 0, { hour: "2-digit", minute: "2-digit", hourCycle: "h23" }).format(end);
       return `${startTime}-${endTime}`;
     });
-    const truncatedEventName = computed(() => {
+    computed(() => {
       const eventName = props.event.name;
       if (eventName.length > 26) {
         return `${eventName.substring(0, 22)}…`;
@@ -138,7 +136,10 @@ const _sfc_main = {
           }, null, 8, _hoisted_3)
         ])) : createCommentVNode("", true),
         createElementVNode("section", {
-          class: normalizeClass(["pos-relative w-100", { "pd-t-zero pd-medium": __props.type !== "short" }])
+          class: normalizeClass(["pos-relative w-100", {
+            "pd-t-zero pd-medium": __props.type !== "short",
+            "flex-nowrap flex flex-v-center": __props.type === "short"
+          }])
         }, [
           __props.user === __props.event.creator.target._id ? (openBlock(), createBlock(_sfc_main$2, {
             key: 0,
@@ -151,9 +152,12 @@ const _sfc_main = {
             class: "z-index-2 pos-absolute pos-t-regular pos-r-regular i-regular t-transp"
           })) : createCommentVNode("", true),
           createElementVNode("div", {
-            class: normalizeClass([{ "mn-b-small": __props.type !== "short" }, "flex-v-center flex-nowrap flex"])
+            class: normalizeClass([{
+              "mn-b-small": __props.type !== "short",
+              "order-2 mn-l-thin": __props.type === "short"
+            }, "flex-v-center flex-nowrap flex"])
           }, [
-            __props.type === "short" ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(truncatedEventName.value), 1)) : createCommentVNode("", true)
+            __props.type === "short" ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(__props.event.name), 1)) : createCommentVNode("", true)
           ], 2),
           __props.type !== "short" ? (openBlock(), createElementBlock("div", _hoisted_5, [
             __props.type !== "short" ? (openBlock(), createElementBlock("h3", _hoisted_6, toDisplayString(__props.event.name), 1)) : createCommentVNode("", true),
@@ -161,18 +165,26 @@ const _sfc_main = {
           ])) : createCommentVNode("", true),
           __props.type !== "short" ? (openBlock(), createElementBlock("p", _hoisted_8, toDisplayString(__props.event.description), 1)) : createCommentVNode("", true),
           renderSlot(_ctx.$slots, "default"),
-          createElementVNode("div", _hoisted_9, [
-            ((_a = __props.event.date) == null ? void 0 : _a.start) ? (openBlock(), createElementBlock("span", _hoisted_10, [
-              createElementVNode("span", _hoisted_11, toDisplayString(formattedDate.value), 1),
-              __props.type !== "short" ? (openBlock(), createElementBlock("span", _hoisted_12, " | " + toDisplayString(formattedTimeRange.value), 1)) : createCommentVNode("", true)
+          createElementVNode("div", {
+            class: normalizeClass(["flex-wrap flex-child-default gap-micro t-medium p-big justify-start align-center t-trim-2", {
+              "order-1": __props.type === "short"
+            }])
+          }, [
+            ((_a = __props.event.date) == null ? void 0 : _a.start) ? (openBlock(), createElementBlock("span", _hoisted_9, [
+              createElementVNode("span", {
+                class: normalizeClass([{
+                  "p-medium": __props.type === "short"
+                }, "t-semi"])
+              }, toDisplayString(formattedDate.value), 3),
+              __props.type !== "short" ? (openBlock(), createElementBlock("span", _hoisted_10, " | " + toDisplayString(formattedTimeRange.value), 1)) : createCommentVNode("", true)
             ])) : createCommentVNode("", true),
-            (openBlock(true), createElementBlock(Fragment, null, renderList(__props.event.tags, (chip, index) => {
+            __props.type !== "short" ? (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(__props.event.tags, (chip, index) => {
               return openBlock(), createElementBlock("span", {
                 key: index,
                 class: "d-inline-flex pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small bg-main"
               }, toDisplayString(chip), 1);
-            }), 128))
-          ])
+            }), 128)) : createCommentVNode("", true)
+          ], 2)
         ], 2)
       ], 2);
     };

package/dist/martyrs/src/modules/events/components/blocks/CardEvent.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardEvent.vue.js","sources":["../../../../../../../src/modules/events/components/blocks/CardEvent.vue"],"sourcesContent":["<template>\n  <article \n\t  :class=\"{\n\t  \t'flex-nowrap flex-v-center flex': type === 'short'\n\t  }\"\n\t  class=\"pos-relative\"\n  >\n  \n    <CardHeader \n\t    :class=\"{\n\t    \t'mn-b-small pd-medium': type !== 'short',\n\t    \t'flex-child-order-last flex-child mn-l-small': type === 'short',\n\t    }\"\n\t    :entity=\"event\"\n\t    :entityType=\"'event'\"\n\t    :user=\"user\"\n\t    :owner=\"event.owner\" \n    \t:creator=\"event.creator\"\n    \t:members=\"event.numberOfTickets\"\n    \t:membersPhotos=\"event.participantsPhotos\"\n    \t:type=\"type\"\n    \t:dateFormatted=\"daysUntilEvent\"\n    />\n\n \t\t<div \n \t\t\tv-if=\"event.cover && type !== 'short'\" \n \t\t\tclass=\"o-hidden pos-relative bg-light mn-b-small w-100\"\n \t\t>\n\t    <img loading=\"lazy\" \n\t    \t:src=\"(FILE_SERVER_URL || '') + event.cover\" \n\t    \talt=\"Event image\" \n\t    \tclass=\"pos-relative z-index-1 d-block mn-auto w-max-100 object-fit-contain h-20r\"\n\t    />\n\n\t    <img loading=\"lazy\" \n\t    \t:src=\"(FILE_SERVER_URL || '') + event.cover\" \n\t    \talt=\"Event Background\" \n\t    \tclass=\"z-index-0 pos-absolute w-100 h-100 pos-t-0 pos-r-0\"\n\t    \tstyle=\"\n\t    \t\ttransform: scale(1.5);\n\t    \t\tfilter: blur(2rem);\n  \t\t\t\t-webkit-filter: blur(2rem);\"\n\t    />\n\t  </div>\n\n    <section \n    \tclass=\"pos-relative w-100\"\n    \t:class=\"{'pd-t-zero pd-medium': type !== 'short'}\"\n    >\n\n\t    <IconEdit\n\t\t\t\tv-if=\"user === event.creator.target._id\"\n\t\t\t\t@click.stop=\"$router.push({\n\t\t\t\t\tname: 'Edit Event', \n\t\t\t\t\tparams: {\n\t\t\t\t\t\turl: event.url\n\t\t\t\t\t}\n\t\t\t\t})\" \n\t\t\t\tclass=\"z-index-2 pos-absolute pos-t-regular pos-r-regular i-regular t-transp\"\n\t\t\t/>\n\n    \t<div\n    \t\t:class=\"{'mn-b-small': type !== 'short'}\"\n    \t\tclass=\"flex-v-center flex-nowrap flex\"\n    \t>\n\t\t\t\t \t<span \n\t\t\t    \tv-if=\"type === 'short'\" \n\t\t\t    \tclass=\"t-semi uppercase\"\n\t\t\t    >\n\t\t\t        {{ truncatedEventName }}\n\t\t\t    </span>\n\t\t\t</div>\n\n      <div v-if=\"type !== 'short'\" class=\"cursor-pointer mn-b-thin flex-nowrap flex w-100\">\n\n\t\t\t\t<h3 \n\t      \tv-if=\"type !== 'short'\" \n\t      \tclass=\"\"\n\t      >\n\t    \t\t{{ event.name }}\n\t    \t</h3>\n\n\t\t\t\t<div v-if=\"event.status === 'draft'\" class=\"pd-micro t-white uppercase t-semi p-small flex-center flex pd-r-small pd-l-small mn-l-thin w-min bg-second radius-extra\">\n\t\t\t\t\t{{event.status}}\n\t\t\t\t</div>\n\t\t\t\t\n\t\t\t</div>\n\n    \t<p \n    \t\tv-if=\"type !== 'short'\" \n    \t\tclass=\"mn-b-small p-big\"\n    \t>\n    \t\t{{ event.description }}\n    \t</p>\n\n      <slot></slot>\n      \n      <div class=\"flex flex-wrap gap-micro t-medium p-big justify-start align-center\">\n        <span v-if=\"event.date?.start\" class=\"mn-r-nano d-inline-block w-max pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small t-medium bg-white\">\n          <!-- <IconDate :fill=\"'rgb(var(--black))'\" class=\"w-1r h-auto\"/> -->\n          <!-- {{formatDate(event.date.start)}} -->\n\n\t\t\t\t\t\t<span \n\t\t\t\t     \n\t\t\t\t    \tclass=\"t-semi\"\n\t\t\t\t    >\n\t\t\t\t    \t{{ formattedDate }}\n\t\t\t\t    </span>\n\t\t\t\t    <span \n\t\t\t\t    \t\tv-if=\"type !== 'short'\"\n\t\t\t\t    \tclass=\"t-semi \">\n\t\t\t\t        | {{ formattedTimeRange }}\n\t\t\t\t    </span>\n        </span>\n\n\n        <span\n          v-for=\"(chip, index) in event.tags\"\n          :key=\"index\"\n          class=\"d-inline-flex pd-b-micro   pd-t-micro pd-r-thin pd-l-thin radius-small bg-main\"\n        >\n          {{ chip }}\n        </span>\n      </div>\n\t\t\t<!-- <CardFooter\n\t\t\t\tv-if=\"type !== 'short'\"  \n\t\t\t\tclass=\"\" \n\t\t\t\t:entity=\"event\"\n\t\t\t\t:entityType=\"'event'\" \n\t\t\t\t:user=\"user\"\n\t\t\t/> -->\n\n    </section>\n    \n    <!-- <FooterBlogpost class=\"pd-t-zero pd-medium\" :event=\"event\" :owner=\"owner\"/> -->\n  </article>\n</template>\n\n<script setup=\"props\">\n\timport Chips  from '@martyrs/src/components/Chips/Chips.vue'\n\n\timport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'\n\n\timport CardHeader  from '@martyrs/src/modules/globals/views/components/blocks/CardHeader.vue'\n\timport CardFooter  from '@martyrs/src/modules/globals/views/components/blocks/CardFooter.vue'\n\timport { ref, computed } from 'vue'\n\timport { useRouter } from 'vue-router'\n\n\tconst date_now = ref(new Date())\n\n\tconst router = useRouter()\n\tconst props = defineProps(['event', 'user', 'short', 'type'])\n\n\tconst firstImage = computed(() => {\n\t\treturn props.event.content.find(block => block.type.name === 'ImageUpload');\n\t});\n\n\tconst firstText = computed(() => {\n\t\treturn props.event.content.find(block => block.type.name === 'Textarea');\n\t});\n\n  // Function to calculate days until event\n  const daysUntilEvent = computed(() => {\n    const now = new Date();\n    const nowUTC = Date.UTC(now.getUTCFullYear(), now.getUTCMonth(), now.getUTCDate(), now.getUTCHours(), now.getUTCMinutes(), now.getUTCSeconds());\n  \n    const start = new Date(props.event.date.start);\n    const startUTC = Date.UTC(start.getUTCFullYear(), start.getUTCMonth(), start.getUTCDate(), start.getUTCHours(), start.getUTCMinutes(), start.getUTCSeconds());\n  \n    const diffInTime = startUTC - nowUTC;\n\n    if (diffInTime < 0) {\n      return 'Finished';\n    }\n    else if (diffInTime === 0) {\n      return 'Starting Now';\n    }\n    else {\n      const diffInSeconds = Math.floor(diffInTime / 1000);\n      const diffInMinutes = Math.floor(diffInSeconds / 60);\n      const diffInHours = Math.floor(diffInMinutes / 60);\n      const diffInDays = Math.floor(diffInHours / 24);\n\n      if (diffInDays > 0) {\n        return `${diffInDays} days until event`;\n      }\n      else if (diffInHours > 0) {\n        return `${diffInHours} hours until event`;\n      }\n      else if (diffInMinutes > 0) {\n        return `${diffInMinutes} minutes until event`;\n      }\n      else {\n        return `${diffInSeconds} seconds until event`;\n      }\n    }\n});\n\n\n  /// Computed property for formatted date\n\tconst formattedDate = computed(() => {\n\t    const start = new Date(props.event.date.start);\n\t    const options = { day: '2-digit', month: '2-digit' };\n\t    return start.toLocaleDateString(undefined, options);\n\t});\n\n\t// Computed property for time range\n\tconst formattedTimeRange = computed(() => {\n\n\t\tconsole.log(props.event.date.start)\n\t\tconsole.log(props.event.date.end)\n    const start = new Date(props.event.date.start);\n    const end = new Date(props.event.date.end);\n\n    const startTime = new Intl.DateTimeFormat(undefined, { hour: '2-digit', minute: '2-digit', hourCycle: 'h23' }).format(start);\n    const endTime = new Intl.DateTimeFormat(undefined, { hour: '2-digit', minute: '2-digit', hourCycle: 'h23' }).format(end);\n    return `${startTime}-${endTime}`;\n\t});\n\n\n\t// Computed property for truncated event name\n\tconst truncatedEventName = computed(() => {\n\t  const eventName = props.event.name;\n\t  if (eventName.length > 26) {\n\t    return `${eventName.substring(0, 22)}…`; // Truncate to 37 characters and append \"...\"\n\t  }\n\t  return eventName; // If less than or equal to 40 characters, return the full string\n\t});\n\n\n</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoJkB,QAAI,oBAAI,KAAM,CAAA;AAEhB,cAAS;AACxB,UAAM,QAAQ;AAEK,aAAS,MAAM;AACjC,aAAO,MAAM,MAAM,QAAQ,KAAK,WAAS,MAAM,KAAK,SAAS,aAAa;AAAA,IAC1E,CAAA;AAEiB,aAAS,MAAM;AAChC,aAAO,MAAM,MAAM,QAAQ,KAAK,WAAS,MAAM,KAAK,SAAS,UAAU;AAAA,IACvE,CAAA;AAGA,UAAM,iBAAiB,SAAS,MAAM;AACpC,YAAM,MAAM,oBAAI,KAAM;AACtB,YAAM,SAAS,KAAK,IAAI,IAAI,kBAAkB,IAAI,eAAe,IAAI,cAAc,IAAI,eAAe,IAAI,iBAAiB,IAAI,eAAe;AAE9I,YAAM,QAAQ,IAAI,KAAK,MAAM,MAAM,KAAK,KAAK;AAC7C,YAAM,WAAW,KAAK,IAAI,MAAM,kBAAkB,MAAM,eAAe,MAAM,cAAc,MAAM,eAAe,MAAM,iBAAiB,MAAM,eAAe;AAE5J,YAAM,aAAa,WAAW;AAE9B,UAAI,aAAa,GAAG;AAClB,eAAO;AAAA,MACb,WACa,eAAe,GAAG;AACzB,eAAO;AAAA,MACb,OACS;AACH,cAAM,gBAAgB,KAAK,MAAM,aAAa,GAAI;AAClD,cAAM,gBAAgB,KAAK,MAAM,gBAAgB,EAAE;AACnD,cAAM,cAAc,KAAK,MAAM,gBAAgB,EAAE;AACjD,cAAM,aAAa,KAAK,MAAM,cAAc,EAAE;AAE9C,YAAI,aAAa,GAAG;AAClB,iBAAO,GAAG,UAAU;AAAA,QAC5B,WACe,cAAc,GAAG;AACxB,iBAAO,GAAG,WAAW;AAAA,QAC7B,WACe,gBAAgB,GAAG;AAC1B,iBAAO,GAAG,aAAa;AAAA,QAC/B,OACW;AACH,iBAAO,GAAG,aAAa;AAAA,QAC/B;AAAA,MACA;AAAA,IACA,CAAC;AAIA,UAAM,gBAAgB,SAAS,MAAM;AACjC,YAAM,QAAQ,IAAI,KAAK,MAAM,MAAM,KAAK,KAAK;AAC7C,YAAM,UAAU,EAAE,KAAK,WAAW,OAAO,UAAW;AACpD,aAAO,MAAM,mBAAmB,QAAW,OAAO;AAAA,IACvD,CAAE;AAGD,UAAM,qBAAqB,SAAS,MAAM;AAEzC,cAAQ,IAAI,MAAM,MAAM,KAAK,KAAK;AAClC,cAAQ,IAAI,MAAM,MAAM,KAAK,GAAG;AAC9B,YAAM,QAAQ,IAAI,KAAK,MAAM,MAAM,KAAK,KAAK;AAC7C,YAAM,MAAM,IAAI,KAAK,MAAM,MAAM,KAAK,GAAG;AAEzC,YAAM,YAAY,IAAI,KAAK,eAAe,QAAW,EAAE,MAAM,WAAW,QAAQ,WAAW,WAAW,MAAO,CAAA,EAAE,OAAO,KAAK;AAC3H,YAAM,UAAU,IAAI,KAAK,eAAe,QAAW,EAAE,MAAM,WAAW,QAAQ,WAAW,WAAW,MAAO,CAAA,EAAE,OAAO,GAAG;AACvH,aAAO,GAAG,SAAS,IAAI,OAAO;AAAA,IAClC,CAAE;AAID,UAAM,qBAAqB,SAAS,MAAM;AACxC,YAAM,YAAY,MAAM,MAAM;AAC9B,UAAI,UAAU,SAAS,IAAI;AACzB,eAAO,GAAG,UAAU,UAAU,GAAG,EAAE,CAAC;AAAA,MACzC;AACG,aAAO;AAAA,IACV,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CardEvent.vue.js","sources":["../../../../../../../src/modules/events/components/blocks/CardEvent.vue"],"sourcesContent":["<template>\n  <article \n\t  :class=\"{\n\t  \t'flex-nowrap flex-v-center flex': type === 'short'\n\t  }\"\n\t  class=\"pos-relative\"\n  >\n  \n    <CardHeader \n\t    :class=\"{\n\t    \t'mn-b-small pd-medium': type !== 'short',\n\t    \t'flex-child-order-last flex-child mn-l-small': type === 'short',\n\t    }\"\n\t    :entity=\"event\"\n\t    :entityType=\"'event'\"\n\t    :user=\"user\"\n\t    :owner=\"event.owner\" \n    \t:creator=\"event.creator\"\n    \t:members=\"event.numberOfTickets\"\n    \t:membersPhotos=\"event.participantsPhotos\"\n    \t:type=\"type\"\n    \t:dateFormatted=\"daysUntilEvent\"\n    />\n\n \t\t<div \n \t\t\tv-if=\"event.cover && type !== 'short'\" \n \t\t\tclass=\"o-hidden pos-relative bg-light mn-b-small w-100\"\n \t\t>\n\t    <img loading=\"lazy\" \n\t    \t:src=\"(FILE_SERVER_URL || '') + event.cover\" \n\t    \talt=\"Event image\" \n\t    \tclass=\"pos-relative z-index-1 d-block mn-auto w-max-100 object-fit-contain h-20r\"\n\t    />\n\n\t    <img loading=\"lazy\" \n\t    \t:src=\"(FILE_SERVER_URL || '') + event.cover\" \n\t    \talt=\"Event Background\" \n\t    \tclass=\"z-index-0 pos-absolute w-100 h-100 pos-t-0 pos-r-0\"\n\t    \tstyle=\"\n\t    \t\ttransform: scale(1.5);\n\t    \t\tfilter: blur(2rem);\n  \t\t\t\t-webkit-filter: blur(2rem);\"\n\t    />\n\t  </div>\n\n    <section \n    \tclass=\"pos-relative w-100\"\n    \t:class=\"{\n    \t\t'pd-t-zero pd-medium': type !== 'short',\n    \t\t'flex-nowrap flex flex-v-center': type === 'short'\n    \t}\"\n    >\n\n\t    <IconEdit\n\t\t\t\tv-if=\"user === event.creator.target._id\"\n\t\t\t\t@click.stop=\"$router.push({\n\t\t\t\t\tname: 'Edit Event', \n\t\t\t\t\tparams: {\n\t\t\t\t\t\turl: event.url\n\t\t\t\t\t}\n\t\t\t\t})\" \n\t\t\t\tclass=\"z-index-2 pos-absolute pos-t-regular pos-r-regular i-regular t-transp\"\n\t\t\t/>\n\n    \t<div\n    \t\t:class=\"{\n    \t\t\t'mn-b-small': type !== 'short',\n    \t\t\t'order-2 mn-l-thin': type === 'short'\n    \t\t}\"\n    \t\tclass=\"flex-v-center flex-nowrap flex\"\n    \t>\n\t\t\t\t \t<span \n\t\t\t    \tv-if=\"type === 'short'\" \n\t\t\t    \tclass=\"t-semi t-truncate uppercase\"\n\t\t\t    >\n\t        \t{{ event.name }}\n\t\t\t    </span>\n\t\t\t</div>\n\n      <div v-if=\"type !== 'short'\" class=\"cursor-pointer mn-b-thin flex-nowrap flex w-100\">\n\n\t\t\t\t<h3 \n\t      \tv-if=\"type !== 'short'\" \n\t      \tclass=\"\"\n\t      >\n\t    \t\t{{ event.name }}\n\t    \t</h3>\n\n\t\t\t\t<div v-if=\"event.status === 'draft'\" class=\"pd-micro t-white uppercase t-semi p-small flex-center flex pd-r-small pd-l-small mn-l-thin w-min bg-second radius-extra\">\n\t\t\t\t\t{{event.status}}\n\t\t\t\t</div>\n\t\t\t\t\n\t\t\t</div>\n\n    \t<p \n    \t\tv-if=\"type !== 'short'\" \n    \t\tclass=\"mn-b-small p-big t-trim-3\"\n    \t>\n    \t\t{{ event.description }}\n    \t</p>\n\n      <slot></slot>\n      \n      <div \n      \tclass=\"flex-wrap flex-child-default gap-micro t-medium p-big justify-start align-center t-trim-2\"\n      \t:class=\"{\n\t    \t\t'order-1': type === 'short'\n    \t\t}\"\n      >\n        <span v-if=\"event.date?.start\" class=\"mn-r-nano d-inline-block w-max pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small t-medium bg-white\">\n          <!-- <IconDate :fill=\"'rgb(var(--black))'\" class=\"w-1r h-auto\"/> -->\n          <!-- {{formatDate(event.date.start)}} -->\n\n\t\t\t\t\t\t<span \n\t\t\t\t     :class=\"{\n\t\t\t    \t\t'p-medium': type === 'short'\n\t\t    \t\t}\"\n\t\t\t\t    \tclass=\"t-semi\"\n\t\t\t\t    >\n\t\t\t\t    \t{{ formattedDate }}\n\t\t\t\t    </span>\n\t\t\t\t    <span \n\t\t\t\t    \t\tv-if=\"type !== 'short'\"\n\t\t\t\t    \tclass=\"t-semi \">\n\t\t\t\t        | {{ formattedTimeRange }}\n\t\t\t\t    </span>\n        </span>\n\n\n        <span\n        \tv-if=\"type !== 'short'\"\n          v-for=\"(chip, index) in event.tags\"\n          :key=\"index\"\n          class=\"d-inline-flex pd-b-micro   pd-t-micro pd-r-thin pd-l-thin radius-small bg-main\"\n        >\n          {{ chip }}\n        </span>\n      </div>\n\t\t\t<!-- <CardFooter\n\t\t\t\tv-if=\"type !== 'short'\"  \n\t\t\t\tclass=\"\" \n\t\t\t\t:entity=\"event\"\n\t\t\t\t:entityType=\"'event'\" \n\t\t\t\t:user=\"user\"\n\t\t\t/> -->\n\n    </section>\n    \n    <!-- <FooterBlogpost class=\"pd-t-zero pd-medium\" :event=\"event\" :owner=\"owner\"/> -->\n  </article>\n</template>\n\n<script setup=\"props\">\n\timport Chips  from '@martyrs/src/components/Chips/Chips.vue'\n\n\timport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'\n\n\timport CardHeader  from '@martyrs/src/modules/globals/views/components/blocks/CardHeader.vue'\n\timport CardFooter  from '@martyrs/src/modules/globals/views/components/blocks/CardFooter.vue'\n\timport { ref, computed } from 'vue'\n\timport { useRouter } from 'vue-router'\n\n\tconst date_now = ref(new Date())\n\n\tconst router = useRouter()\n\tconst props = defineProps(['event', 'user', 'short', 'type'])\n\n\tconst firstImage = computed(() => {\n\t\treturn props.event.content.find(block => block.type.name === 'ImageUpload');\n\t});\n\n\tconst firstText = computed(() => {\n\t\treturn props.event.content.find(block => block.type.name === 'Textarea');\n\t});\n\n  // Function to calculate days until event\n  const daysUntilEvent = computed(() => {\n    const now = new Date();\n    const nowUTC = Date.UTC(now.getUTCFullYear(), now.getUTCMonth(), now.getUTCDate(), now.getUTCHours(), now.getUTCMinutes(), now.getUTCSeconds());\n  \n    const start = new Date(props.event.date.start);\n    const startUTC = Date.UTC(start.getUTCFullYear(), start.getUTCMonth(), start.getUTCDate(), start.getUTCHours(), start.getUTCMinutes(), start.getUTCSeconds());\n  \n    const diffInTime = startUTC - nowUTC;\n\n    if (diffInTime < 0) {\n      return 'Finished';\n    }\n    else if (diffInTime === 0) {\n      return 'Starting Now';\n    }\n    else {\n      const diffInSeconds = Math.floor(diffInTime / 1000);\n      const diffInMinutes = Math.floor(diffInSeconds / 60);\n      const diffInHours = Math.floor(diffInMinutes / 60);\n      const diffInDays = Math.floor(diffInHours / 24);\n\n      if (diffInDays > 0) {\n        return `${diffInDays} days until event`;\n      }\n      else if (diffInHours > 0) {\n        return `${diffInHours} hours until event`;\n      }\n      else if (diffInMinutes > 0) {\n        return `${diffInMinutes} minutes until event`;\n      }\n      else {\n        return `${diffInSeconds} seconds until event`;\n      }\n    }\n});\n\n\n  /// Computed property for formatted date\n\tconst formattedDate = computed(() => {\n\t    const start = new Date(props.event.date.start);\n\t    const options = { day: '2-digit', month: '2-digit' };\n\t    return start.toLocaleDateString(undefined, options);\n\t});\n\n\t// Computed property for time range\n\tconst formattedTimeRange = computed(() => {\n\n\t\tconsole.log(props.event.date.start)\n\t\tconsole.log(props.event.date.end)\n    const start = new Date(props.event.date.start);\n    const end = new Date(props.event.date.end);\n\n    const startTime = new Intl.DateTimeFormat(undefined, { hour: '2-digit', minute: '2-digit', hourCycle: 'h23' }).format(start);\n    const endTime = new Intl.DateTimeFormat(undefined, { hour: '2-digit', minute: '2-digit', hourCycle: 'h23' }).format(end);\n    return `${startTime}-${endTime}`;\n\t});\n\n\n\t// Computed property for truncated event name\n\tconst truncatedEventName = computed(() => {\n\t  const eventName = props.event.name;\n\t  if (eventName.length > 26) {\n\t    return `${eventName.substring(0, 22)}…`; // Truncate to 37 characters and append \"...\"\n\t  }\n\t  return eventName; // If less than or equal to 40 characters, return the full string\n\t});\n\n\n</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkKkB,QAAI,oBAAI,KAAM,CAAA;AAEhB,cAAS;AACxB,UAAM,QAAQ;AAEK,aAAS,MAAM;AACjC,aAAO,MAAM,MAAM,QAAQ,KAAK,WAAS,MAAM,KAAK,SAAS,aAAa;AAAA,IAC1E,CAAA;AAEiB,aAAS,MAAM;AAChC,aAAO,MAAM,MAAM,QAAQ,KAAK,WAAS,MAAM,KAAK,SAAS,UAAU;AAAA,IACvE,CAAA;AAGA,UAAM,iBAAiB,SAAS,MAAM;AACpC,YAAM,MAAM,oBAAI,KAAM;AACtB,YAAM,SAAS,KAAK,IAAI,IAAI,kBAAkB,IAAI,eAAe,IAAI,cAAc,IAAI,eAAe,IAAI,iBAAiB,IAAI,eAAe;AAE9I,YAAM,QAAQ,IAAI,KAAK,MAAM,MAAM,KAAK,KAAK;AAC7C,YAAM,WAAW,KAAK,IAAI,MAAM,kBAAkB,MAAM,eAAe,MAAM,cAAc,MAAM,eAAe,MAAM,iBAAiB,MAAM,eAAe;AAE5J,YAAM,aAAa,WAAW;AAE9B,UAAI,aAAa,GAAG;AAClB,eAAO;AAAA,MACb,WACa,eAAe,GAAG;AACzB,eAAO;AAAA,MACb,OACS;AACH,cAAM,gBAAgB,KAAK,MAAM,aAAa,GAAI;AAClD,cAAM,gBAAgB,KAAK,MAAM,gBAAgB,EAAE;AACnD,cAAM,cAAc,KAAK,MAAM,gBAAgB,EAAE;AACjD,cAAM,aAAa,KAAK,MAAM,cAAc,EAAE;AAE9C,YAAI,aAAa,GAAG;AAClB,iBAAO,GAAG,UAAU;AAAA,QAC5B,WACe,cAAc,GAAG;AACxB,iBAAO,GAAG,WAAW;AAAA,QAC7B,WACe,gBAAgB,GAAG;AAC1B,iBAAO,GAAG,aAAa;AAAA,QAC/B,OACW;AACH,iBAAO,GAAG,aAAa;AAAA,QAC/B;AAAA,MACA;AAAA,IACA,CAAC;AAIA,UAAM,gBAAgB,SAAS,MAAM;AACjC,YAAM,QAAQ,IAAI,KAAK,MAAM,MAAM,KAAK,KAAK;AAC7C,YAAM,UAAU,EAAE,KAAK,WAAW,OAAO,UAAW;AACpD,aAAO,MAAM,mBAAmB,QAAW,OAAO;AAAA,IACvD,CAAE;AAGD,UAAM,qBAAqB,SAAS,MAAM;AAEzC,cAAQ,IAAI,MAAM,MAAM,KAAK,KAAK;AAClC,cAAQ,IAAI,MAAM,MAAM,KAAK,GAAG;AAC9B,YAAM,QAAQ,IAAI,KAAK,MAAM,MAAM,KAAK,KAAK;AAC7C,YAAM,MAAM,IAAI,KAAK,MAAM,MAAM,KAAK,GAAG;AAEzC,YAAM,YAAY,IAAI,KAAK,eAAe,QAAW,EAAE,MAAM,WAAW,QAAQ,WAAW,WAAW,MAAO,CAAA,EAAE,OAAO,KAAK;AAC3H,YAAM,UAAU,IAAI,KAAK,eAAe,QAAW,EAAE,MAAM,WAAW,QAAQ,WAAW,WAAW,MAAO,CAAA,EAAE,OAAO,GAAG;AACvH,aAAO,GAAG,SAAS,IAAI,OAAO;AAAA,IAClC,CAAE;AAI0B,aAAS,MAAM;AACxC,YAAM,YAAY,MAAM,MAAM;AAC9B,UAAI,UAAU,SAAS,IAAI;AACzB,eAAO,GAAG,UAAU,UAAU,GAAG,EAAE,CAAC;AAAA,MACzC;AACG,aAAO;AAAA,IACR,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/events/components/pages/EditEvent.vue.cjs

@@ -14,8 +14,8 @@ const Checkbox = require("../../../../components/Checkbox/Checkbox.vue.cjs");
 ;/* empty css                                                   */
 require("axios");
 const UploadImage = require("../../../../components/UploadImage/UploadImage.vue.cjs");
-;/* empty css                                          */
-require("../../../../components/EditImages/EditImages.vue.cjs");
+;/* empty css                                         */
+require("../../../../components/EditImages/EditImages.vue2.cjs");
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");
 const Button = require("../../../../components/Button/Button.vue.cjs");
 const Card = require("../../../globals/views/components/blocks/Card.vue.cjs");

package/dist/martyrs/src/modules/events/components/pages/EditEvent.vue.js

@@ -12,8 +12,8 @@ import _sfc_main$9 from "../../../../components/Checkbox/Checkbox.vue.js";
 /* empty css                                                 */
 import "axios";
 import _sfc_main$1 from "../../../../components/UploadImage/UploadImage.vue.js";
-/* empty css                                        */
-import "../../../../components/EditImages/EditImages.vue.js";
+/* empty css                                       */
+import "../../../../components/EditImages/EditImages.vue2.js";
 import _sfc_main$8 from "../../../../components/Feed/Feed.vue.js";
 import _sfc_main$a from "../../../../components/Button/Button.vue.js";
 import _sfc_main$7 from "../../../globals/views/components/blocks/Card.vue.js";

package/dist/martyrs/src/modules/events/components/pages/Event.vue.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-;/* empty css                                          */
+;/* empty css                                         */
 ;/* empty css                                       */
 const Viewer = require("../../../constructor/components/sections/Viewer.vue.cjs");
 const Countdown = require("../../../../components/Countdown/Countdown.vue.cjs");
@@ -12,7 +12,6 @@ const IconDate = require("../../../icons/entities/IconDate.vue.cjs");
 const SkeletonEvent = require("../../../icons/skeletons/SkeletonEvent.vue.cjs");
 const ButtonJoin = require("../elements/ButtonJoin.vue.cjs");
 const Comments = require("../../../community/components/sections/Comments.vue.cjs");
-const CardUser = require("../../../auth/views/components/blocks/CardUser.vue.cjs");
 const events = require("../../store/events.cjs");
 const tickets = require("../../store/tickets.cjs");
 const auth = require("../../../auth/views/store/auth.cjs");
@@ -47,7 +46,6 @@ const _hoisted_17 = {
   key: 2,
   class: "z-index-1 t-transp p-small mn-t-small"
 };
-const _hoisted_18 = { class: "radius-semi pd-medium bg-light" };
 const _sfc_main = {
   __name: "Event",
   setup(__props) {
@@ -124,7 +122,7 @@ const _sfc_main = {
                 vue.createElementVNode("div", _hoisted_9, [
                   vue.createElementVNode("div", _hoisted_10, [
                     vue.createElementVNode("div", _hoisted_11, [
-                      _cache[1] || (_cache[1] = vue.createElementVNode("h4", { class: "mn-r-auto" }, "Tickets", -1)),
+                      _cache[0] || (_cache[0] = vue.createElementVNode("h4", { class: "mn-r-auto" }, "Tickets", -1)),
                       vue.createVNode(PhotoStack.default, {
                         number: event.value.numberOfTickets,
                         photos: event.value.participantsPhotos
@@ -157,25 +155,6 @@ const _sfc_main = {
                       class: "mn-t-thin radius-medium bg-white w-100",
                       date: (_p = (_o = event.value) == null ? void 0 : _o.date) == null ? void 0 : _p.start
                     }, null, 8, ["date"])) : vue.createCommentVNode("", true)
-                  ]),
-                  vue.createElementVNode("div", _hoisted_18, [
-                    _cache[2] || (_cache[2] = vue.createElementVNode("h4", { class: "mn-b-small" }, "Organizer", -1)),
-                    vue.createVNode(CardUser.default, {
-                      class: "h-5r cursor-pointer pd-medium radius-medium bg-white",
-                      user: event.value.owner.target._id,
-                      photo: event.value.owner.target.profile.photo,
-                      name: event.value.owner.target.profile.name,
-                      position: event.value.owner,
-                      onClick: _cache[0] || (_cache[0] = vue.withModifiers(($event) => _ctx.$router.push({
-                        name: event.value.owner.type === "user" ? "User Profile" : "Organization",
-                        params: {
-                          _id: event.value.owner.target._id
-                        },
-                        query: {
-                          tab: "events"
-                        }
-                      }), ["stop"]))
-                    }, null, 8, ["user", "photo", "name", "position"])
                   ])
                 ]),
                 !isLoading.value && event.value ? (vue.openBlock(), vue.createBlock(Comments.default, {

package/dist/martyrs/src/modules/events/components/pages/Event.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Event.vue.cjs","sources":["../../../../../../../src/modules/events/components/pages/Event.vue"],"sourcesContent":["<template>\n  <section id=\"eventPage\">\n    <TransitionGroup tag=\"ul\" name=\"fade\" class=\"bg-light\">\n      <SkeletonEvent\n        v-if=\"isLoading\"\n        v-for=\"i in 3\" :key=\"i\"\n      />\n\n      <HeroEvent\n        v-if=\"!isLoading && event &&event.cover\"\n        :content=\"{\n          title: event.name,\n          ticketLinkStripe: event.ticketLinkStripe,\n          cover: event.cover,\n          subtitle: event.subtitle,\n        }\"\n        :options=\"{\n          date: event.date.start,\n        }\"\n        class=\"o-hidden\"\n      />\n\n      <div class=\"cols-2-2_1 gap-small bg-white t-black pd-t-zero mobile:pd-small pd-extra\" v-if=\"!isLoading && event\"> \n        \n        <div class=\"bg-light mobile:pd-medium pd-big radius-big\">\n\n          <h1 class=\"z-index-1  mn-b-semi\">\n            {{event?.name}}\n          </h1>\n\n          <div class=\"flex flex-wrap gap-micro t-medium p-big mn-b-semi justify-start align-center\">\n            <span v-if=\"event.date?.start\" class=\"mn-r-nano d-inline-block w-max pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small t-medium bg-white\">\n              <IconDate :fill=\"'rgb(var(--black))'\" class=\"w-1r h-auto\"/>\n              {{formatDate(event.date.start)}}\n            </span>\n\n\n            <span\n              v-for=\"(chip, index) in event.tags\"\n              :key=\"index\"\n              class=\"d-inline-flex pd-b-micro   pd-t-micro pd-r-thin pd-l-thin radius-small bg-main\"\n            >\n              {{ chip }}\n            </span>\n          </div>\n\n          <p class=\"z-index-1  p-big mn-b-semi\">\n            {{event?.description}}\n          </p>\n\n          <hr v-if=\"event?.content?.length > 0\" class=\"bg-black-transp-10 mn-b-semi mn-t-semi d-block\">\n\n          <Viewer\n            v-if=\"event && event.content\"\n            :content=\"event.content\"\n            :notitle=\"true\"\n          />\n\n        </div>\n\n        <div class=\"\">\n         \n          <div class=\"radius-semi pd-medium bg-light mn-b-thin\">\n\n            <div class=\"mn-b-small flex-nowrap flex-v-center flex pos-relative\">\n              <h4 class=\"mn-r-auto\">Tickets</h4>\n              <PhotoStack\n                :number=\"event.numberOfTickets\"\n                :photos=\"event.participantsPhotos\" \n              />\n            </div>\n            <div v-if=\"event?.ticketsTypes?.length > 0\" v-for=\"ticketType in event.ticketsTypes\" class=\"pd-medium w-100 radius-medium bg-white mn-b-small\">\n              <div class=\"flex-nowrap mn-b-small p-big flex\">\n                  <span class=\"mn-r-auto\">{{ticketType.name}}</span>\n                  <span class=\"t-medium\">{{ticketType.price}} {{returnCurrency()}}</span>\n              </div>\n              <a :href=\"ticketType.link\"  class=\"d-block t-center pd-l-medium pd-r-medium pd-t-small pd-b-small radius-extra uppercase t-medium t-white w-100 bg-second  \">\n                Buy Now\n              </a>\n            </div>\n\n            <ButtonJoin \n              v-if=\"auth.state.user._id && !event?.ticketsTypes?.length > 0\"\n              :type=\"'event'\" \n              :hasTicket=\"event.hasTicket\" \n              :targetId=\"event._id\" \n              :userId=\"auth.state.user._id\"\n              class=\" w-100 pd-medium mn-auto\"\n              @updateTicket=\"handleTicketUpdate\"\n            />\n\n            <p v-if=\"event?.ticketsTypes.length > 0\" class=\"z-index-1 t-transp p-small mn-t-small \">Buy ticket online with special price:</p>\n            <Countdown \n              v-if=\"event?.date?.start && event?.ticketsTypes?.length > 0\"\n              class=\"mn-t-thin radius-medium bg-white w-100\"\n              :date=\"event?.date?.start\"\n            />\n          </div>\n\n          <div class=\"radius-semi pd-medium bg-light\">\n            <h4 class=\"mn-b-small\">Organizer</h4>\n            <User \n              class=\"h-5r cursor-pointer pd-medium radius-medium bg-white\" \n              :user=\"event.owner.target._id\" \n              :photo=\"event.owner.target.profile.photo\"\n              :name=\"event.owner.target.profile.name\"\n              :position=\"event.owner\" \n              @click.stop=\"$router.push({\n                name: event.owner.type === 'user' ? 'User Profile' : 'Organization', \n                params: {\n                  _id: event.owner.target._id,\n\n                },\n                query: {\n                  tab: 'events'\n                }\n              })\" \n            />\n          </div>\n\n        </div>\n\n        <Comments \n          v-if=\"!isLoading && event\" \n          :type=\"'event'\" \n          :target=\"event._id\" \n          :owner=\"auth.state.user._id\"\n           class=\"bg-light radius-big pd-medium\"\n        />\n\n      </div>\n      \n  </TransitionGroup>  \n\n  </section>\n</template>\n\n<script setup>\nimport { ref, onMounted } from 'vue';\n\nimport Loader from '@martyrs/src/components/Loader/Loader.vue';\nimport Chips from '@martyrs/src/components/Chips/Chips.vue';\nimport EmptyState from '@martyrs/src/components/EmptyState/EmptyState.vue';\n\nimport Viewer from '@martyrs/src/modules/constructor/components/sections/Viewer.vue';\n\nimport Countdown from \"@martyrs/src/components/Countdown/Countdown.vue\";\n\nimport HeroEvent from '@martyrs/src/modules/events/components/sections/HeroEvent.vue';\n\nimport PhotoStack from \"@martyrs/src/modules/globals/views/components/elements/PhotoStack.vue\";\n\nimport { SkeletonEvent, IconDate } from '@martyrs/src/modules/icons/icons.client.js';\n\nimport ButtonJoin from '@martyrs/src/modules/events/components/elements/ButtonJoin.vue';\nimport Comments from '@martyrs/src/modules/community/components/sections/Comments.vue';\n\nimport Image from '@martyrs/src/modules/constructor/components/elements/Image.vue';\nimport User from '@martyrs/src/modules/auth/views/components/blocks/CardUser.vue';\n\nimport * as events from '@martyrs/src/modules/events/store/events.js';\nimport * as tickets from '@martyrs/src/modules/events/store/tickets.js';\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth';\n\nimport { useRoute } from 'vue-router';\n\nconst route = useRoute();\nconst qrcode = ref(null);\n\nconst handleTicketUpdate = ({ ticket, hasTicket, targetId }) => {\n  tickets.mutations.handleTicketUpdate(event.value, ticket, hasTicket, targetId);\n  console.log('HANDLE TICKET UPDATE', ticket, event.value);\n  qrcode.value = ticket.qrcode;\n};\n\nfunction clickBuyTicket() {\n   gtag('event', 'buy_ticket', {\n      'event_category': 'conversion',\n      'event_label': 'Buy Ticket'\n   });\n}\n\nconst event = ref(null);\nconst isLoading = ref(true);\n\nonMounted(async () => {\n   isLoading.value = true;\n\n   const data = await events.read({\n      user: auth.state.user._id,\n      url: route.params.url\n   });\n\n   event.value = data[0];\n   isLoading.value = false;\n});\n</script>\n\n\n<style>\n  #eventPage {\n    display: block;\n  }\n</style>"],"names":["useRoute","ref","tickets.mutations","onMounted","events.read","auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsKA,UAAM,QAAQA,UAAAA,SAAU;AACxB,UAAM,SAASC,IAAG,IAAC,IAAI;AAEvB,UAAM,qBAAqB,CAAC,EAAE,QAAQ,WAAW,SAAQ,MAAO;AAC9DC,cAAiB,UAAC,mBAAmB,MAAM,OAAO,QAAQ,WAAW,QAAQ;AAC7E,cAAQ,IAAI,wBAAwB,QAAQ,MAAM,KAAK;AACvD,aAAO,QAAQ,OAAO;AAAA,IACxB;AASA,UAAM,QAAQD,IAAG,IAAC,IAAI;AACtB,UAAM,YAAYA,IAAG,IAAC,IAAI;AAE1BE,QAAAA,UAAU,YAAY;AACnB,gBAAU,QAAQ;AAElB,YAAM,OAAO,MAAMC,YAAY;AAAA,QAC5B,MAAMC,KAAAA,MAAW,KAAK;AAAA,QACtB,KAAK,MAAM,OAAO;AAAA,MACxB,CAAI;AAED,YAAM,QAAQ,KAAK,CAAC;AACpB,gBAAU,QAAQ;AAAA,IACrB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Event.vue.cjs","sources":["../../../../../../../src/modules/events/components/pages/Event.vue"],"sourcesContent":["<template>\n  <section id=\"eventPage\">\n    <TransitionGroup tag=\"ul\" name=\"fade\" class=\"bg-light\">\n      <SkeletonEvent\n        v-if=\"isLoading\"\n        v-for=\"i in 3\" :key=\"i\"\n      />\n\n      <HeroEvent\n        v-if=\"!isLoading && event &&event.cover\"\n        :content=\"{\n          title: event.name,\n          ticketLinkStripe: event.ticketLinkStripe,\n          cover: event.cover,\n          subtitle: event.subtitle,\n        }\"\n        :options=\"{\n          date: event.date.start,\n        }\"\n        class=\"o-hidden\"\n      />\n\n      <div class=\"cols-2-2_1 gap-small bg-white t-black pd-t-zero mobile:pd-small pd-extra\" v-if=\"!isLoading && event\"> \n        \n        <div class=\"bg-light mobile:pd-medium pd-big radius-big\">\n\n          <h1 class=\"z-index-1  mn-b-semi\">\n            {{event?.name}}\n          </h1>\n\n          <div class=\"flex flex-wrap gap-micro t-medium p-big mn-b-semi justify-start align-center\">\n            <span v-if=\"event.date?.start\" class=\"mn-r-nano d-inline-block w-max pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small t-medium bg-white\">\n              <IconDate :fill=\"'rgb(var(--black))'\" class=\"w-1r h-auto\"/>\n              {{formatDate(event.date.start)}}\n            </span>\n\n\n            <span\n              v-for=\"(chip, index) in event.tags\"\n              :key=\"index\"\n              class=\"d-inline-flex pd-b-micro   pd-t-micro pd-r-thin pd-l-thin radius-small bg-main\"\n            >\n              {{ chip }}\n            </span>\n          </div>\n\n          <p class=\"z-index-1  p-big mn-b-semi\">\n            {{event?.description}}\n          </p>\n\n          <hr v-if=\"event?.content?.length > 0\" class=\"bg-black-transp-10 mn-b-semi mn-t-semi d-block\">\n\n          <Viewer\n            v-if=\"event && event.content\"\n            :content=\"event.content\"\n            :notitle=\"true\"\n          />\n\n        </div>\n\n        <div class=\"\">\n         \n          <div class=\"radius-semi pd-medium bg-light mn-b-thin\">\n\n            <div class=\"mn-b-small flex-nowrap flex-v-center flex pos-relative\">\n              <h4 class=\"mn-r-auto\">Tickets</h4>\n              <PhotoStack\n                :number=\"event.numberOfTickets\"\n                :photos=\"event.participantsPhotos\" \n              />\n            </div>\n            <div v-if=\"event?.ticketsTypes?.length > 0\" v-for=\"ticketType in event.ticketsTypes\" class=\"pd-medium w-100 radius-medium bg-white mn-b-small\">\n              <div class=\"flex-nowrap mn-b-small p-big flex\">\n                  <span class=\"mn-r-auto\">{{ticketType.name}}</span>\n                  <span class=\"t-medium\">{{ticketType.price}} {{returnCurrency()}}</span>\n              </div>\n              <a :href=\"ticketType.link\"  class=\"d-block t-center pd-l-medium pd-r-medium pd-t-small pd-b-small radius-extra uppercase t-medium t-white w-100 bg-second  \">\n                Buy Now\n              </a>\n            </div>\n\n            <ButtonJoin \n              v-if=\"auth.state.user._id && !event?.ticketsTypes?.length > 0\"\n              :type=\"'event'\" \n              :hasTicket=\"event.hasTicket\" \n              :targetId=\"event._id\" \n              :userId=\"auth.state.user._id\"\n              class=\" w-100 pd-medium mn-auto\"\n              @updateTicket=\"handleTicketUpdate\"\n            />\n\n            <p v-if=\"event?.ticketsTypes.length > 0\" class=\"z-index-1 t-transp p-small mn-t-small \">Buy ticket online with special price:</p>\n            <Countdown \n              v-if=\"event?.date?.start && event?.ticketsTypes?.length > 0\"\n              class=\"mn-t-thin radius-medium bg-white w-100\"\n              :date=\"event?.date?.start\"\n            />\n          </div>\n\n\n        </div>\n\n        <Comments \n          v-if=\"!isLoading && event\" \n          :type=\"'event'\" \n          :target=\"event._id\" \n          :owner=\"auth.state.user._id\"\n           class=\"bg-light radius-big pd-medium\"\n        />\n\n      </div>\n      \n  </TransitionGroup>  \n\n  </section>\n</template>\n\n<script setup>\nimport { ref, onMounted } from 'vue';\n\nimport Loader from '@martyrs/src/components/Loader/Loader.vue';\nimport Chips from '@martyrs/src/components/Chips/Chips.vue';\nimport EmptyState from '@martyrs/src/components/EmptyState/EmptyState.vue';\n\nimport Viewer from '@martyrs/src/modules/constructor/components/sections/Viewer.vue';\n\nimport Countdown from \"@martyrs/src/components/Countdown/Countdown.vue\";\n\nimport HeroEvent from '@martyrs/src/modules/events/components/sections/HeroEvent.vue';\n\nimport PhotoStack from \"@martyrs/src/modules/globals/views/components/elements/PhotoStack.vue\";\n\nimport { SkeletonEvent, IconDate } from '@martyrs/src/modules/icons/icons.client.js';\n\nimport ButtonJoin from '@martyrs/src/modules/events/components/elements/ButtonJoin.vue';\nimport Comments from '@martyrs/src/modules/community/components/sections/Comments.vue';\n\nimport Image from '@martyrs/src/modules/constructor/components/elements/Image.vue';\nimport User from '@martyrs/src/modules/auth/views/components/blocks/CardUser.vue';\n\nimport * as events from '@martyrs/src/modules/events/store/events.js';\nimport * as tickets from '@martyrs/src/modules/events/store/tickets.js';\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth';\n\nimport { useRoute } from 'vue-router';\n\nconst route = useRoute();\nconst qrcode = ref(null);\n\nconst handleTicketUpdate = ({ ticket, hasTicket, targetId }) => {\n  tickets.mutations.handleTicketUpdate(event.value, ticket, hasTicket, targetId);\n  console.log('HANDLE TICKET UPDATE', ticket, event.value);\n  qrcode.value = ticket.qrcode;\n};\n\nfunction clickBuyTicket() {\n   gtag('event', 'buy_ticket', {\n      'event_category': 'conversion',\n      'event_label': 'Buy Ticket'\n   });\n}\n\nconst event = ref(null);\nconst isLoading = ref(true);\n\nonMounted(async () => {\n   isLoading.value = true;\n\n   const data = await events.read({\n      user: auth.state.user._id,\n      url: route.params.url\n   });\n\n   event.value = data[0];\n   isLoading.value = false;\n});\n</script>\n\n\n<style>\n  #eventPage {\n    display: block;\n  }\n</style>"],"names":["useRoute","ref","tickets.mutations","onMounted","events.read","auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkJA,UAAM,QAAQA,UAAAA,SAAU;AACxB,UAAM,SAASC,IAAG,IAAC,IAAI;AAEvB,UAAM,qBAAqB,CAAC,EAAE,QAAQ,WAAW,SAAQ,MAAO;AAC9DC,cAAiB,UAAC,mBAAmB,MAAM,OAAO,QAAQ,WAAW,QAAQ;AAC7E,cAAQ,IAAI,wBAAwB,QAAQ,MAAM,KAAK;AACvD,aAAO,QAAQ,OAAO;AAAA,IACxB;AASA,UAAM,QAAQD,IAAG,IAAC,IAAI;AACtB,UAAM,YAAYA,IAAG,IAAC,IAAI;AAE1BE,QAAAA,UAAU,YAAY;AACnB,gBAAU,QAAQ;AAElB,YAAM,OAAO,MAAMC,YAAY;AAAA,QAC5B,MAAMC,KAAAA,MAAW,KAAK;AAAA,QACtB,KAAK,MAAM,OAAO;AAAA,MACxB,CAAI;AAED,YAAM,QAAQ,KAAK,CAAC;AACpB,gBAAU,QAAQ;AAAA,IACrB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/events/components/pages/Event.vue.js

@@ -1,5 +1,5 @@
-import { ref, onMounted, createElementBlock, openBlock, createVNode, TransitionGroup, withCtx, createCommentVNode, createBlock, Fragment, renderList, unref, createElementVNode, toDisplayString, createTextVNode, withModifiers } from "vue";
-/* empty css                                        */
+import { ref, onMounted, createElementBlock, openBlock, createVNode, TransitionGroup, withCtx, createCommentVNode, createBlock, Fragment, renderList, unref, createElementVNode, toDisplayString, createTextVNode } from "vue";
+/* empty css                                       */
 /* empty css                                     */
 import _sfc_main$2 from "../../../constructor/components/sections/Viewer.vue.js";
 import _sfc_main$4 from "../../../../components/Countdown/Countdown.vue.js";
@@ -9,8 +9,7 @@ import _sfc_main$3 from "../../../globals/views/components/elements/PhotoStack.v
 import _sfc_main$1 from "../../../icons/entities/IconDate.vue.js";
 import SkeletonEvent from "../../../icons/skeletons/SkeletonEvent.vue.js";
 import ButtonJoin from "../elements/ButtonJoin.vue.js";
-import _sfc_main$6 from "../../../community/components/sections/Comments.vue.js";
-import _sfc_main$5 from "../../../auth/views/components/blocks/CardUser.vue.js";
+import _sfc_main$5 from "../../../community/components/sections/Comments.vue.js";
 import { read } from "../../store/events.js";
 import { mutations } from "../../store/tickets.js";
 import { state } from "../../../auth/views/store/auth.js";
@@ -45,7 +44,6 @@ const _hoisted_17 = {
   key: 2,
   class: "z-index-1 t-transp p-small mn-t-small"
 };
-const _hoisted_18 = { class: "radius-semi pd-medium bg-light" };
 const _sfc_main = {
   __name: "Event",
   setup(__props) {
@@ -122,7 +120,7 @@ const _sfc_main = {
                 createElementVNode("div", _hoisted_9, [
                   createElementVNode("div", _hoisted_10, [
                     createElementVNode("div", _hoisted_11, [
-                      _cache[1] || (_cache[1] = createElementVNode("h4", { class: "mn-r-auto" }, "Tickets", -1)),
+                      _cache[0] || (_cache[0] = createElementVNode("h4", { class: "mn-r-auto" }, "Tickets", -1)),
                       createVNode(_sfc_main$3, {
                         number: event.value.numberOfTickets,
                         photos: event.value.participantsPhotos
@@ -155,28 +153,9 @@ const _sfc_main = {
                       class: "mn-t-thin radius-medium bg-white w-100",
                       date: (_p = (_o = event.value) == null ? void 0 : _o.date) == null ? void 0 : _p.start
                     }, null, 8, ["date"])) : createCommentVNode("", true)
-                  ]),
-                  createElementVNode("div", _hoisted_18, [
-                    _cache[2] || (_cache[2] = createElementVNode("h4", { class: "mn-b-small" }, "Organizer", -1)),
-                    createVNode(_sfc_main$5, {
-                      class: "h-5r cursor-pointer pd-medium radius-medium bg-white",
-                      user: event.value.owner.target._id,
-                      photo: event.value.owner.target.profile.photo,
-                      name: event.value.owner.target.profile.name,
-                      position: event.value.owner,
-                      onClick: _cache[0] || (_cache[0] = withModifiers(($event) => _ctx.$router.push({
-                        name: event.value.owner.type === "user" ? "User Profile" : "Organization",
-                        params: {
-                          _id: event.value.owner.target._id
-                        },
-                        query: {
-                          tab: "events"
-                        }
-                      }), ["stop"]))
-                    }, null, 8, ["user", "photo", "name", "position"])
                   ])
                 ]),
-                !isLoading.value && event.value ? (openBlock(), createBlock(_sfc_main$6, {
+                !isLoading.value && event.value ? (openBlock(), createBlock(_sfc_main$5, {
                   key: 0,
                   type: "event",
                   target: event.value._id,

package/dist/martyrs/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 id=\"eventPage\">\n    <TransitionGroup tag=\"ul\" name=\"fade\" class=\"bg-light\">\n      <SkeletonEvent\n        v-if=\"isLoading\"\n        v-for=\"i in 3\" :key=\"i\"\n      />\n\n      <HeroEvent\n        v-if=\"!isLoading && event &&event.cover\"\n        :content=\"{\n          title: event.name,\n          ticketLinkStripe: event.ticketLinkStripe,\n          cover: event.cover,\n          subtitle: event.subtitle,\n        }\"\n        :options=\"{\n          date: event.date.start,\n        }\"\n        class=\"o-hidden\"\n      />\n\n      <div class=\"cols-2-2_1 gap-small bg-white t-black pd-t-zero mobile:pd-small pd-extra\" v-if=\"!isLoading && event\"> \n        \n        <div class=\"bg-light mobile:pd-medium pd-big radius-big\">\n\n          <h1 class=\"z-index-1  mn-b-semi\">\n            {{event?.name}}\n          </h1>\n\n          <div class=\"flex flex-wrap gap-micro t-medium p-big mn-b-semi justify-start align-center\">\n            <span v-if=\"event.date?.start\" class=\"mn-r-nano d-inline-block w-max pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small t-medium bg-white\">\n              <IconDate :fill=\"'rgb(var(--black))'\" class=\"w-1r h-auto\"/>\n              {{formatDate(event.date.start)}}\n            </span>\n\n\n            <span\n              v-for=\"(chip, index) in event.tags\"\n              :key=\"index\"\n              class=\"d-inline-flex pd-b-micro   pd-t-micro pd-r-thin pd-l-thin radius-small bg-main\"\n            >\n              {{ chip }}\n            </span>\n          </div>\n\n          <p class=\"z-index-1  p-big mn-b-semi\">\n            {{event?.description}}\n          </p>\n\n          <hr v-if=\"event?.content?.length > 0\" class=\"bg-black-transp-10 mn-b-semi mn-t-semi d-block\">\n\n          <Viewer\n            v-if=\"event && event.content\"\n            :content=\"event.content\"\n            :notitle=\"true\"\n          />\n\n        </div>\n\n        <div class=\"\">\n         \n          <div class=\"radius-semi pd-medium bg-light mn-b-thin\">\n\n            <div class=\"mn-b-small flex-nowrap flex-v-center flex pos-relative\">\n              <h4 class=\"mn-r-auto\">Tickets</h4>\n              <PhotoStack\n                :number=\"event.numberOfTickets\"\n                :photos=\"event.participantsPhotos\" \n              />\n            </div>\n            <div v-if=\"event?.ticketsTypes?.length > 0\" v-for=\"ticketType in event.ticketsTypes\" class=\"pd-medium w-100 radius-medium bg-white mn-b-small\">\n              <div class=\"flex-nowrap mn-b-small p-big flex\">\n                  <span class=\"mn-r-auto\">{{ticketType.name}}</span>\n                  <span class=\"t-medium\">{{ticketType.price}} {{returnCurrency()}}</span>\n              </div>\n              <a :href=\"ticketType.link\"  class=\"d-block t-center pd-l-medium pd-r-medium pd-t-small pd-b-small radius-extra uppercase t-medium t-white w-100 bg-second  \">\n                Buy Now\n              </a>\n            </div>\n\n            <ButtonJoin \n              v-if=\"auth.state.user._id && !event?.ticketsTypes?.length > 0\"\n              :type=\"'event'\" \n              :hasTicket=\"event.hasTicket\" \n              :targetId=\"event._id\" \n              :userId=\"auth.state.user._id\"\n              class=\" w-100 pd-medium mn-auto\"\n              @updateTicket=\"handleTicketUpdate\"\n            />\n\n            <p v-if=\"event?.ticketsTypes.length > 0\" class=\"z-index-1 t-transp p-small mn-t-small \">Buy ticket online with special price:</p>\n            <Countdown \n              v-if=\"event?.date?.start && event?.ticketsTypes?.length > 0\"\n              class=\"mn-t-thin radius-medium bg-white w-100\"\n              :date=\"event?.date?.start\"\n            />\n          </div>\n\n          <div class=\"radius-semi pd-medium bg-light\">\n            <h4 class=\"mn-b-small\">Organizer</h4>\n            <User \n              class=\"h-5r cursor-pointer pd-medium radius-medium bg-white\" \n              :user=\"event.owner.target._id\" \n              :photo=\"event.owner.target.profile.photo\"\n              :name=\"event.owner.target.profile.name\"\n              :position=\"event.owner\" \n              @click.stop=\"$router.push({\n                name: event.owner.type === 'user' ? 'User Profile' : 'Organization', \n                params: {\n                  _id: event.owner.target._id,\n\n                },\n                query: {\n                  tab: 'events'\n                }\n              })\" \n            />\n          </div>\n\n        </div>\n\n        <Comments \n          v-if=\"!isLoading && event\" \n          :type=\"'event'\" \n          :target=\"event._id\" \n          :owner=\"auth.state.user._id\"\n           class=\"bg-light radius-big pd-medium\"\n        />\n\n      </div>\n      \n  </TransitionGroup>  \n\n  </section>\n</template>\n\n<script setup>\nimport { ref, onMounted } from 'vue';\n\nimport Loader from '@martyrs/src/components/Loader/Loader.vue';\nimport Chips from '@martyrs/src/components/Chips/Chips.vue';\nimport EmptyState from '@martyrs/src/components/EmptyState/EmptyState.vue';\n\nimport Viewer from '@martyrs/src/modules/constructor/components/sections/Viewer.vue';\n\nimport Countdown from \"@martyrs/src/components/Countdown/Countdown.vue\";\n\nimport HeroEvent from '@martyrs/src/modules/events/components/sections/HeroEvent.vue';\n\nimport PhotoStack from \"@martyrs/src/modules/globals/views/components/elements/PhotoStack.vue\";\n\nimport { SkeletonEvent, IconDate } from '@martyrs/src/modules/icons/icons.client.js';\n\nimport ButtonJoin from '@martyrs/src/modules/events/components/elements/ButtonJoin.vue';\nimport Comments from '@martyrs/src/modules/community/components/sections/Comments.vue';\n\nimport Image from '@martyrs/src/modules/constructor/components/elements/Image.vue';\nimport User from '@martyrs/src/modules/auth/views/components/blocks/CardUser.vue';\n\nimport * as events from '@martyrs/src/modules/events/store/events.js';\nimport * as tickets from '@martyrs/src/modules/events/store/tickets.js';\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth';\n\nimport { useRoute } from 'vue-router';\n\nconst route = useRoute();\nconst qrcode = ref(null);\n\nconst handleTicketUpdate = ({ ticket, hasTicket, targetId }) => {\n  tickets.mutations.handleTicketUpdate(event.value, ticket, hasTicket, targetId);\n  console.log('HANDLE TICKET UPDATE', ticket, event.value);\n  qrcode.value = ticket.qrcode;\n};\n\nfunction clickBuyTicket() {\n   gtag('event', 'buy_ticket', {\n      'event_category': 'conversion',\n      'event_label': 'Buy Ticket'\n   });\n}\n\nconst event = ref(null);\nconst isLoading = ref(true);\n\nonMounted(async () => {\n   isLoading.value = true;\n\n   const data = await events.read({\n      user: auth.state.user._id,\n      url: route.params.url\n   });\n\n   event.value = data[0];\n   isLoading.value = false;\n});\n</script>\n\n\n<style>\n  #eventPage {\n    display: block;\n  }\n</style>"],"names":["tickets.mutations","events.read","auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsKA,UAAM,QAAQ,SAAU;AACxB,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;AACvD,aAAO,QAAQ,OAAO;AAAA,IACxB;AASA,UAAM,QAAQ,IAAI,IAAI;AACtB,UAAM,YAAY,IAAI,IAAI;AAE1B,cAAU,YAAY;AACnB,gBAAU,QAAQ;AAElB,YAAM,OAAO,MAAMC,KAAY;AAAA,QAC5B,MAAMC,MAAW,KAAK;AAAA,QACtB,KAAK,MAAM,OAAO;AAAA,MACxB,CAAI;AAED,YAAM,QAAQ,KAAK,CAAC;AACpB,gBAAU,QAAQ;AAAA,IACrB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Event.vue.js","sources":["../../../../../../../src/modules/events/components/pages/Event.vue"],"sourcesContent":["<template>\n  <section id=\"eventPage\">\n    <TransitionGroup tag=\"ul\" name=\"fade\" class=\"bg-light\">\n      <SkeletonEvent\n        v-if=\"isLoading\"\n        v-for=\"i in 3\" :key=\"i\"\n      />\n\n      <HeroEvent\n        v-if=\"!isLoading && event &&event.cover\"\n        :content=\"{\n          title: event.name,\n          ticketLinkStripe: event.ticketLinkStripe,\n          cover: event.cover,\n          subtitle: event.subtitle,\n        }\"\n        :options=\"{\n          date: event.date.start,\n        }\"\n        class=\"o-hidden\"\n      />\n\n      <div class=\"cols-2-2_1 gap-small bg-white t-black pd-t-zero mobile:pd-small pd-extra\" v-if=\"!isLoading && event\"> \n        \n        <div class=\"bg-light mobile:pd-medium pd-big radius-big\">\n\n          <h1 class=\"z-index-1  mn-b-semi\">\n            {{event?.name}}\n          </h1>\n\n          <div class=\"flex flex-wrap gap-micro t-medium p-big mn-b-semi justify-start align-center\">\n            <span v-if=\"event.date?.start\" class=\"mn-r-nano d-inline-block w-max pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small t-medium bg-white\">\n              <IconDate :fill=\"'rgb(var(--black))'\" class=\"w-1r h-auto\"/>\n              {{formatDate(event.date.start)}}\n            </span>\n\n\n            <span\n              v-for=\"(chip, index) in event.tags\"\n              :key=\"index\"\n              class=\"d-inline-flex pd-b-micro   pd-t-micro pd-r-thin pd-l-thin radius-small bg-main\"\n            >\n              {{ chip }}\n            </span>\n          </div>\n\n          <p class=\"z-index-1  p-big mn-b-semi\">\n            {{event?.description}}\n          </p>\n\n          <hr v-if=\"event?.content?.length > 0\" class=\"bg-black-transp-10 mn-b-semi mn-t-semi d-block\">\n\n          <Viewer\n            v-if=\"event && event.content\"\n            :content=\"event.content\"\n            :notitle=\"true\"\n          />\n\n        </div>\n\n        <div class=\"\">\n         \n          <div class=\"radius-semi pd-medium bg-light mn-b-thin\">\n\n            <div class=\"mn-b-small flex-nowrap flex-v-center flex pos-relative\">\n              <h4 class=\"mn-r-auto\">Tickets</h4>\n              <PhotoStack\n                :number=\"event.numberOfTickets\"\n                :photos=\"event.participantsPhotos\" \n              />\n            </div>\n            <div v-if=\"event?.ticketsTypes?.length > 0\" v-for=\"ticketType in event.ticketsTypes\" class=\"pd-medium w-100 radius-medium bg-white mn-b-small\">\n              <div class=\"flex-nowrap mn-b-small p-big flex\">\n                  <span class=\"mn-r-auto\">{{ticketType.name}}</span>\n                  <span class=\"t-medium\">{{ticketType.price}} {{returnCurrency()}}</span>\n              </div>\n              <a :href=\"ticketType.link\"  class=\"d-block t-center pd-l-medium pd-r-medium pd-t-small pd-b-small radius-extra uppercase t-medium t-white w-100 bg-second  \">\n                Buy Now\n              </a>\n            </div>\n\n            <ButtonJoin \n              v-if=\"auth.state.user._id && !event?.ticketsTypes?.length > 0\"\n              :type=\"'event'\" \n              :hasTicket=\"event.hasTicket\" \n              :targetId=\"event._id\" \n              :userId=\"auth.state.user._id\"\n              class=\" w-100 pd-medium mn-auto\"\n              @updateTicket=\"handleTicketUpdate\"\n            />\n\n            <p v-if=\"event?.ticketsTypes.length > 0\" class=\"z-index-1 t-transp p-small mn-t-small \">Buy ticket online with special price:</p>\n            <Countdown \n              v-if=\"event?.date?.start && event?.ticketsTypes?.length > 0\"\n              class=\"mn-t-thin radius-medium bg-white w-100\"\n              :date=\"event?.date?.start\"\n            />\n          </div>\n\n\n        </div>\n\n        <Comments \n          v-if=\"!isLoading && event\" \n          :type=\"'event'\" \n          :target=\"event._id\" \n          :owner=\"auth.state.user._id\"\n           class=\"bg-light radius-big pd-medium\"\n        />\n\n      </div>\n      \n  </TransitionGroup>  \n\n  </section>\n</template>\n\n<script setup>\nimport { ref, onMounted } from 'vue';\n\nimport Loader from '@martyrs/src/components/Loader/Loader.vue';\nimport Chips from '@martyrs/src/components/Chips/Chips.vue';\nimport EmptyState from '@martyrs/src/components/EmptyState/EmptyState.vue';\n\nimport Viewer from '@martyrs/src/modules/constructor/components/sections/Viewer.vue';\n\nimport Countdown from \"@martyrs/src/components/Countdown/Countdown.vue\";\n\nimport HeroEvent from '@martyrs/src/modules/events/components/sections/HeroEvent.vue';\n\nimport PhotoStack from \"@martyrs/src/modules/globals/views/components/elements/PhotoStack.vue\";\n\nimport { SkeletonEvent, IconDate } from '@martyrs/src/modules/icons/icons.client.js';\n\nimport ButtonJoin from '@martyrs/src/modules/events/components/elements/ButtonJoin.vue';\nimport Comments from '@martyrs/src/modules/community/components/sections/Comments.vue';\n\nimport Image from '@martyrs/src/modules/constructor/components/elements/Image.vue';\nimport User from '@martyrs/src/modules/auth/views/components/blocks/CardUser.vue';\n\nimport * as events from '@martyrs/src/modules/events/store/events.js';\nimport * as tickets from '@martyrs/src/modules/events/store/tickets.js';\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth';\n\nimport { useRoute } from 'vue-router';\n\nconst route = useRoute();\nconst qrcode = ref(null);\n\nconst handleTicketUpdate = ({ ticket, hasTicket, targetId }) => {\n  tickets.mutations.handleTicketUpdate(event.value, ticket, hasTicket, targetId);\n  console.log('HANDLE TICKET UPDATE', ticket, event.value);\n  qrcode.value = ticket.qrcode;\n};\n\nfunction clickBuyTicket() {\n   gtag('event', 'buy_ticket', {\n      'event_category': 'conversion',\n      'event_label': 'Buy Ticket'\n   });\n}\n\nconst event = ref(null);\nconst isLoading = ref(true);\n\nonMounted(async () => {\n   isLoading.value = true;\n\n   const data = await events.read({\n      user: auth.state.user._id,\n      url: route.params.url\n   });\n\n   event.value = data[0];\n   isLoading.value = false;\n});\n</script>\n\n\n<style>\n  #eventPage {\n    display: block;\n  }\n</style>"],"names":["tickets.mutations","events.read","auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkJA,UAAM,QAAQ,SAAU;AACxB,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;AACvD,aAAO,QAAQ,OAAO;AAAA,IACxB;AASA,UAAM,QAAQ,IAAI,IAAI;AACtB,UAAM,YAAY,IAAI,IAAI;AAE1B,cAAU,YAAY;AACnB,gBAAU,QAAQ;AAElB,YAAM,OAAO,MAAMC,KAAY;AAAA,QAC5B,MAAMC,MAAW,KAAK;AAAA,QACtB,KAAK,MAAM,OAAO;AAAA,MACxB,CAAI;AAED,YAAM,QAAQ,KAAK,CAAC;AACpB,gBAAU,QAAQ;AAAA,IACrB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}