@ozdao/martyrs 0.2.571 → 0.2.572

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=\"pos-relative\"\n  >\n\n    <CardHeader\n\t    class=\"mn-b-small pd-medium\"\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=\"'normal'\"\n    \t:dateFormatted=\"daysUntilEvent\"\n    \t:actions=\"actions\"\n    />\n\n \t\t<div\n \t\t\tclass=\"o-hidden flex-child-default pos-relative bg-black-transp-5 mn-b-small w-100\"\n \t\t>\n\t    <img v-if=\"event.cover\" 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 v-if=\"event.cover\"  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    <IconEvents\n\t    \tv-else\n\t\t\t\tclass=\"pos-relative z-index-1 d-block mn-auto w-max-100 object-fit-contain h-20r\"\n\t\t\t\tfill=\"rgb(var(--black)\"\n\t\t\t/>\n\t  </div>\n\n    <section\n    \tclass=\"pd-t-small  h-100 pd-medium pos-relative w-100\"\n    >\n      \n\t\t\t<h4\n      \tclass=\"mn-b-regular t-trim\"\n      >\n    \t\t{{ event.name }}\n    \t</h4>\n\n\n    \t<p\n    \t\tclass=\"mn-b-medium p-regular t-trim-3\"\n    \t>\n    \t\t{{ event.description }}\n    \t</p>\n\n      <slot></slot>\n<!-- \n      <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{{event.status}}\n\t\t\t</div> -->\n\n      <div\n      \tclass=\"flex-wrap mn-micro-negative flex-child-default gap-thin t-zero justify-start align-center t-trim-2\"\n      >\n       \t<span\n       \t\tv-if=\"event.date?.start\"\n          :key=\"index\"\n          class=\"d-inline-flex mn-nano pd-thin radius-small p-regular t-medium bg-white\"\n        >\n          {{ formattedDate }} | {{ formattedTimeRange }}\n        </span>\n\n        <span\n          v-for=\"(chip, index) in event.tags\"\n          :key=\"index\"\n          class=\"d-inline-flex mn-nano pd-thin radius-small p-regular t-medium bg-main\"\n        >\n          {{ chip }}\n        </span>\n      </div>\n\t\t<!-- <CardFooter\n\t\t\tclass=\"\"\n\t\t\t:entity=\"event\"\n\t\t\t:entityType=\"'event'\"\n\t\t\t:user=\"user\"\n\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\n\timport IconEvents from '@martyrs/src/modules/icons/entities/IconEvents.vue';\n\n\timport CardHeader  from '@martyrs/src/modules/core/views/components/blocks/CardHeader.vue'\n\timport CardFooter  from '@martyrs/src/modules/core/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', 'actions'])\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":";;;;;;;;;;;;;;;;AAgHkB,QAAI,oBAAI,KAAI,CAAE;AAEhB,cAAS;AACxB,UAAM,QAAQ;AAEK,aAAS,MAAM;AACjC,aAAO,MAAM,MAAM,QAAQ,KAAK,WAAS,MAAM,KAAK,SAAS,aAAa;AAAA,IAC3E,CAAC;AAEiB,aAAS,MAAM;AAChC,aAAO,MAAM,MAAM,QAAQ,KAAK,WAAS,MAAM,KAAK,SAAS,UAAU;AAAA,IACxE,CAAC;AAGA,UAAM,iBAAiB,SAAS,MAAM;AACpC,YAAM,MAAM,oBAAI,KAAI;AACpB,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,MACT,WACS,eAAe,GAAG;AACzB,eAAO;AAAA,MACT,OACK;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,QACtB,WACS,cAAc,GAAG;AACxB,iBAAO,GAAG,WAAW;AAAA,QACvB,WACS,gBAAgB,GAAG;AAC1B,iBAAO,GAAG,aAAa;AAAA,QACzB,OACK;AACH,iBAAO,GAAG,aAAa;AAAA,QACzB;AAAA,MACF;AAAA,IACJ,CAAC;AAIA,UAAM,gBAAgB,SAAS,MAAM;AACjC,YAAM,QAAQ,IAAI,KAAK,MAAM,MAAM,KAAK,KAAK;AAC7C,YAAM,UAAU,EAAE,KAAK,WAAW,OAAO,UAAS;AAClD,aAAO,MAAM,mBAAmB,QAAW,OAAO;AAAA,IACtD,CAAC;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,MAAK,CAAE,EAAE,OAAO,KAAK;AAC3H,YAAM,UAAU,IAAI,KAAK,eAAe,QAAW,EAAE,MAAM,WAAW,QAAQ,WAAW,WAAW,MAAK,CAAE,EAAE,OAAO,GAAG;AACvH,aAAO,GAAG,SAAS,IAAI,OAAO;AAAA,IACjC,CAAC;AAI0B,aAAS,MAAM;AACxC,YAAM,YAAY,MAAM,MAAM;AAC9B,UAAI,UAAU,SAAS,IAAI;AACzB,eAAO,GAAG,UAAU,UAAU,GAAG,EAAE,CAAC;AAAA,MACtC;AACA,aAAO;AAAA,IACT,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CardEvent.vue.js","sources":["../../../../../../../src/modules/events/components/blocks/CardEvent.vue"],"sourcesContent":["<template>\n  <article\n\t  class=\"pos-relative\"\n  >\n\n    <CardHeader\n\t    class=\"mn-b-small pd-medium\"\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=\"'normal'\"\n    \t:dateFormatted=\"daysUntilEvent\"\n    \t:actions=\"actions\"\n    />\n\n \t\t<div\n \t\t\tclass=\"o-hidden flex-child-default pos-relative bg-black-transp-5 mn-b-small w-100\"\n \t\t>\n\t    <img v-if=\"event.cover\" 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 v-if=\"event.cover\"  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    <IconEvents\n\t    \tv-else\n\t\t\t\tclass=\"pos-relative z-index-1 d-block mn-auto w-max-100 object-fit-contain h-20r\"\n\t\t\t\tfill=\"rgb(var(--black)\"\n\t\t\t/>\n\t  </div>\n\n    <section\n    \tclass=\"pd-t-small  h-100 pd-medium pos-relative w-100\"\n    >\n      \n\t\t\t<h4\n      \tclass=\"mn-b-regular truncate\"\n      >\n    \t\t{{ event.name }}\n    \t</h4>\n\n\n    \t<p\n    \t\tclass=\"mn-b-medium p-regular line-clamp-3\"\n    \t>\n    \t\t{{ event.description }}\n    \t</p>\n\n      <slot></slot>\n<!-- \n      <div v-if=\"event.status === 'draft'\" class=\"pd-micro t-white uppercase fw-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{{event.status}}\n\t\t\t</div> -->\n\n      <div\n      \tclass=\"flex-wrap mn-micro-negative flex-child-default gap-thin t-zero justify-start align-center line-clamp-2\"\n      >\n       \t<span\n       \t\tv-if=\"event.date?.start\"\n          :key=\"index\"\n          class=\"d-inline-flex mn-nano pd-thin radius-small p-regular fw-medium bg-white\"\n        >\n          {{ formattedDate }} | {{ formattedTimeRange }}\n        </span>\n\n        <span\n          v-for=\"(chip, index) in event.tags\"\n          :key=\"index\"\n          class=\"d-inline-flex mn-nano pd-thin radius-small p-regular fw-medium bg-main\"\n        >\n          {{ chip }}\n        </span>\n      </div>\n\t\t<!-- <CardFooter\n\t\t\tclass=\"\"\n\t\t\t:entity=\"event\"\n\t\t\t:entityType=\"'event'\"\n\t\t\t:user=\"user\"\n\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\n\timport IconEvents from '@martyrs/src/modules/icons/entities/IconEvents.vue';\n\n\timport CardHeader  from '@martyrs/src/modules/core/views/components/blocks/CardHeader.vue'\n\timport CardFooter  from '@martyrs/src/modules/core/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', 'actions'])\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":";;;;;;;;;;;;;;;;AAgHkB,QAAI,oBAAI,KAAI,CAAE;AAEhB,cAAS;AACxB,UAAM,QAAQ;AAEK,aAAS,MAAM;AACjC,aAAO,MAAM,MAAM,QAAQ,KAAK,WAAS,MAAM,KAAK,SAAS,aAAa;AAAA,IAC3E,CAAC;AAEiB,aAAS,MAAM;AAChC,aAAO,MAAM,MAAM,QAAQ,KAAK,WAAS,MAAM,KAAK,SAAS,UAAU;AAAA,IACxE,CAAC;AAGA,UAAM,iBAAiB,SAAS,MAAM;AACpC,YAAM,MAAM,oBAAI,KAAI;AACpB,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,MACT,WACS,eAAe,GAAG;AACzB,eAAO;AAAA,MACT,OACK;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,QACtB,WACS,cAAc,GAAG;AACxB,iBAAO,GAAG,WAAW;AAAA,QACvB,WACS,gBAAgB,GAAG;AAC1B,iBAAO,GAAG,aAAa;AAAA,QACzB,OACK;AACH,iBAAO,GAAG,aAAa;AAAA,QACzB;AAAA,MACF;AAAA,IACJ,CAAC;AAIA,UAAM,gBAAgB,SAAS,MAAM;AACjC,YAAM,QAAQ,IAAI,KAAK,MAAM,MAAM,KAAK,KAAK;AAC7C,YAAM,UAAU,EAAE,KAAK,WAAW,OAAO,UAAS;AAClD,aAAO,MAAM,mBAAmB,QAAW,OAAO;AAAA,IACtD,CAAC;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,MAAK,CAAE,EAAE,OAAO,KAAK;AAC3H,YAAM,UAAU,IAAI,KAAK,eAAe,QAAW,EAAE,MAAM,WAAW,QAAQ,WAAW,WAAW,MAAK,CAAE,EAAE,OAAO,GAAG;AACvH,aAAO,GAAG,SAAS,IAAI,OAAO;AAAA,IACjC,CAAC;AAI0B,aAAS,MAAM;AACxC,YAAM,YAAY,MAAM,MAAM;AAC9B,UAAI,UAAU,SAAS,IAAI;AACzB,eAAO,GAAG,UAAU,UAAU,GAAG,EAAE,CAAC;AAAA,MACtC;AACA,aAAO;AAAA,IACT,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -4,8 +4,8 @@ import { useRouter } from "vue-router";
 const _hoisted_1 = { class: "flex-nowrap flex-v-center flex pos-relative" };
 const _hoisted_2 = { class: "flex-nowrap flex flex-v-center pos-relative w-100" };
 const _hoisted_3 = { class: "order-2 mn-l-thin flex-v-center flex-nowrap flex" };
-const _hoisted_4 = { class: "t-semi t-truncate uppercase" };
-const _hoisted_5 = { class: "order-1 flex-wrap mn-micro-negative flex-child-default gap-thin t-zero justify-start align-center t-trim-2" };
+const _hoisted_4 = { class: "fw-semi truncate uppercase" };
+const _hoisted_5 = { class: "order-1 flex-wrap mn-micro-negative flex-child-default gap-thin t-zero justify-start align-center line-clamp-2" };
 const _sfc_main = {
   __name: "CardEventShort",
   props: ["event", "user", "actions"],
@@ -66,7 +66,7 @@ const _sfc_main = {
           createElementVNode("div", _hoisted_5, [
             __props.event.date?.start ? (openBlock(), createElementBlock("span", {
               key: _ctx.index,
-              class: "p-regular d-inline-flex p-medium t-medium mn-nano pd-thin radius-small bg-white"
+              class: "p-regular d-inline-flex p-medium fw-medium mn-nano pd-thin radius-small bg-white"
             }, toDisplayString(formattedDate.value), 1)) : createCommentVNode("", true)
           ])
         ])

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

@@ -1 +1 @@
-{"version":3,"file":"CardEventShort.vue.js","sources":["../../../../../../../src/modules/events/components/blocks/CardEventShort.vue"],"sourcesContent":["<template>\n  <article\n\t  class=\"flex-nowrap flex-v-center flex pos-relative\"\n  >\n\n    <CardHeader\n\t    class=\"flex-child-order-last flex-child mn-l-small\"\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=\"'short'\"\n    \t:dateFormatted=\"daysUntilEvent\"\n    \t:actions=\"actions\"\n    />\n\n    <section\n    \tclass=\"flex-nowrap flex flex-v-center pos-relative w-100\"\n    >\n    \t<div\n    \t\tclass=\"order-2 mn-l-thin flex-v-center flex-nowrap flex\"\n    \t>\n\t\t\t<span\n\t\t    \tclass=\"t-semi t-truncate uppercase\"\n\t\t    >\n        \t{{ event.name }}\n\t\t    </span>\n\t\t</div>\n\n      <div\n      \tclass=\"order-1 flex-wrap mn-micro-negative flex-child-default gap-thin t-zero justify-start align-center t-trim-2\"\n      >\n       \t<span\n       \t\tv-if=\"event.date?.start\"\n          :key=\"index\"\n          class=\"p-regular d-inline-flex p-medium t-medium mn-nano pd-thin radius-small bg-white\"\n        >\n          {{ formattedDate }}\n        </span>\n      </div>\n\n    </section>\n\n  </article>\n</template>\n\n<script setup=\"props\">\n\timport CardHeader  from '@martyrs/src/modules/core/views/components/blocks/CardHeader.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', 'actions'])\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</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;AAsDkB,QAAI,oBAAI,KAAI,CAAE;AAEhB,cAAS;AACxB,UAAM,QAAQ;AAGb,UAAM,iBAAiB,SAAS,MAAM;AACpC,YAAM,MAAM,oBAAI,KAAI;AACpB,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,MACT,WACS,eAAe,GAAG;AACzB,eAAO;AAAA,MACT,OACK;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,QACtB,WACS,cAAc,GAAG;AACxB,iBAAO,GAAG,WAAW;AAAA,QACvB,WACS,gBAAgB,GAAG;AAC1B,iBAAO,GAAG,aAAa;AAAA,QACzB,OACK;AACH,iBAAO,GAAG,aAAa;AAAA,QACzB;AAAA,MACF;AAAA,IACJ,CAAC;AAIA,UAAM,gBAAgB,SAAS,MAAM;AACjC,YAAM,QAAQ,IAAI,KAAK,MAAM,MAAM,KAAK,KAAK;AAC7C,YAAM,UAAU,EAAE,KAAK,WAAW,OAAO,UAAS;AAClD,aAAO,MAAM,mBAAmB,QAAW,OAAO;AAAA,IACtD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CardEventShort.vue.js","sources":["../../../../../../../src/modules/events/components/blocks/CardEventShort.vue"],"sourcesContent":["<template>\n  <article\n\t  class=\"flex-nowrap flex-v-center flex pos-relative\"\n  >\n\n    <CardHeader\n\t    class=\"flex-child-order-last flex-child mn-l-small\"\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=\"'short'\"\n    \t:dateFormatted=\"daysUntilEvent\"\n    \t:actions=\"actions\"\n    />\n\n    <section\n    \tclass=\"flex-nowrap flex flex-v-center pos-relative w-100\"\n    >\n    \t<div\n    \t\tclass=\"order-2 mn-l-thin flex-v-center flex-nowrap flex\"\n    \t>\n\t\t\t<span\n\t\t    \tclass=\"fw-semi truncate uppercase\"\n\t\t    >\n        \t{{ event.name }}\n\t\t    </span>\n\t\t</div>\n\n      <div\n      \tclass=\"order-1 flex-wrap mn-micro-negative flex-child-default gap-thin t-zero justify-start align-center line-clamp-2\"\n      >\n       \t<span\n       \t\tv-if=\"event.date?.start\"\n          :key=\"index\"\n          class=\"p-regular d-inline-flex p-medium fw-medium mn-nano pd-thin radius-small bg-white\"\n        >\n          {{ formattedDate }}\n        </span>\n      </div>\n\n    </section>\n\n  </article>\n</template>\n\n<script setup=\"props\">\n\timport CardHeader  from '@martyrs/src/modules/core/views/components/blocks/CardHeader.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', 'actions'])\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</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;AAsDkB,QAAI,oBAAI,KAAI,CAAE;AAEhB,cAAS;AACxB,UAAM,QAAQ;AAGb,UAAM,iBAAiB,SAAS,MAAM;AACpC,YAAM,MAAM,oBAAI,KAAI;AACpB,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,MACT,WACS,eAAe,GAAG;AACzB,eAAO;AAAA,MACT,OACK;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,QACtB,WACS,cAAc,GAAG;AACxB,iBAAO,GAAG,WAAW;AAAA,QACvB,WACS,gBAAgB,GAAG;AAC1B,iBAAO,GAAG,aAAa;AAAA,QACzB,OACK;AACH,iBAAO,GAAG,aAAa;AAAA,QACzB;AAAA,MACF;AAAA,IACJ,CAAC;AAIA,UAAM,gBAAgB,SAAS,MAAM;AACjC,YAAM,QAAQ,IAAI,KAAK,MAAM,MAAM,KAAK,KAAK;AAC7C,YAAM,UAAU,EAAE,KAAK,WAAW,OAAO,UAAS;AAClD,aAAO,MAAM,mBAAmB,QAAW,OAAO;AAAA,IACtD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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";
 import "axios";
 /* empty css                                       */
 import UploadImage from "../../../../components/UploadImage/UploadImage.vue.js";
-/* empty css                                        */
-/* empty css                                                */
+/* empty css                                       */
+/* empty css                                               */
 import _sfc_main$8 from "../../../../components/Feed/Feed.vue.js";
 import _sfc_main$a from "../../../../components/Button/Button.vue2.js";
 import _sfc_main$7 from "../../../core/views/components/blocks/Card.vue.js";
@@ -51,7 +51,7 @@ const _hoisted_9 = {
 };
 const _hoisted_10 = {
   key: 3,
-  class: "mn-b-medium br-grey-transp-25 br-2px br-solid pd-small radius-big"
+  class: "mn-b-medium br-grey-transp-25 br-2px pd-small radius-big"
 };
 const _sfc_main = {
   __name: "EditEvent",

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

@@ -1 +1 @@
-{"version":3,"file":"EditEvent.vue.js","sources":["../../../../../../../src/modules/events/components/pages/EditEvent.vue"],"sourcesContent":["<template>\n  <article v-if=\"event\" class=\"h-min-100 pd-thin\">\n    <div class=\"pd-medium radius-medium mn-b-thin bg-light\">\n      <h4 class=\"mn-b-small\">Basic Info</h4>\n    \t<div class=\"mn-b-thin radius-small w-100 h-10r bg-white flex-center flex-column flex\">\n       \t<UploadImage \n          v-model:photo=\"event.cover\"\n          :uploadPath=\"'specials'\"\n          class=\"h-4r w-4r aspect-1x1 o-hidden mn-b-thin radius-extra\" \n        />\n        <h4>Upload Event Cover</h4>\n      </div>\n\n    \t<Field \n        v-model:field=\"event.name\" \n        label=\"Name\"\n        placeholder=\"Event name\" \n        class=\"mn-b-thin w-100 bg-white pd-medium radius-small\" \n      />\n      <Field \n        v-model:field=\"event.description\" \n        type=\"textarea\"  \n        placeholder=\"Enter short description\" \n        class=\"mn-b-thin w-100 bg-white pd-medium radius-small\" \n      />\n      <Field\n        v-model:field=\"event.location\"\n        label=\"Location\"\n        placeholder=\"Event location\"\n        class=\"mn-b-thin w-100 bg-white pd-medium radius-small\"\n      />\n    </div>\n\n    <Block\n      title=\"Schedule\"\n      placeholder=\"No schedule periods added yet\"\n      :actions=\"[{\n        label: '+',\n        function: addSchedulePeriod\n      }]\"\n      class=\"cols-1 mn-b-thin t-black gap-thin\"\n    >\n      <div\n        class=\"mn-b-thin gap-small flex-nowrap flex\"\n        v-for=\"(period, index) in event.schedule\"\n        :key=\"index\"\n      >\n        <FieldDate\n          v-model=\"period.start\"\n          :allowRange=\"false\"\n          :enableTime=\"true\"\n          :disablePastDates=\"!isBackoffice\"\n          :disabledRanges=\"getDisabledRangesForPeriod(index)\"\n          :showSelected=\"true\"\n          :locale=\"$i18n.locale\"\n          label=\"Start\"\n          placeholder=\"Start time\"\n          class=\"w-100 bg-white radius-small pd-medium\"\n        />\n        <FieldDate\n          v-model=\"period.end\"\n          :allowRange=\"false\"\n          :enableTime=\"true\"\n          :disablePastDates=\"!isBackoffice\"\n          :disabledRanges=\"getDisabledRangesForPeriod(index)\"\n          :showSelected=\"true\"\n          :locale=\"$i18n.locale\"\n          label=\"End\"\n          placeholder=\"End time\"\n          class=\"w-100 bg-white radius-small pd-medium\"\n        />\n        <div v-if=\"index > 0\" @click=\"() => event.schedule.splice(index, 1)\" class=\"radius-small h-100 i-big flex-center flex aspect-1x1 bg-red\">\n          <IconDelete class=\"i-medium\" />\n        </div>\n      </div>\n    </Block>\n\n    <EditTickets v-model:tickets=\"event.ticketsTypes\" />\n\n\t\t<section v-if=\"event\" class=\"pd-b-extra z-index-1 pos-relative w-100 bg-light pd-big radius-medium\">\n      <Constructor \n        :content=\"event.content\"\n        :autoFocus=\"false\" \n        @update=\"update => event.content = update\"\n      />\n    </section>\n\n    <section v-if=\"event\" class=\"pd-small z-index-2 pos-sticky pos-l-0 pos-b-0 w-100 \">\n      <div class=\"pd-thin radius-regular  bg-main w-100 flex-nowrap flex\">\n        <a v-if=\"route.params.url\" @click=\"onDelete()\" class=\"mn-r-auto bg-red t-white t-black button\"><span>Delete</span></a>\n        <a @click=\"onDrafts()\" class=\"mn-l-auto bg-white t-black button\"><span>To Drafts</span></a>\n        <a @click=\"openPublicationPopup()\" class=\"mn-l-thin bg-black t-white button\"><span>Publish</span></a>\n      </div>\n    </section>\n\n    <Popup \n      title=\"Final Touches\" \n      @close-popup=\"closePublicationPopup\" \n      :isPopupOpen=\"isPublicationPopup\"\n      class=\"w-m-33r t-left pd-big bg-white radius-big\"\n    > \n      <BlockTags\n        @tags-changed=\"newTags => event.tags = newTags\"\n        :tags=\"event.tags\"\n        class=\"mn-b-small\"\n      />\n\n      <h5 class=\"mn-b-small\">Add to public</h5>\n      <Card\n        v-if=\"selectedOrganization\"\n        :photo=\"selectedOrganization.profile?.photo\"\n        :title=\"selectedOrganization.profile?.name\"\n        @click=\"() => { \n          selectedOrganization = null\n        }\"\n        class=\"h-4r w-100 bg-light pd-thin radius-medium  mn-b-thin\"\n      />\n\n      <section v-else class=\"mn-b-thin h-25r o-x-hidden o-y-scroll bg-light radius-big pd-small \">\n        <Feed\n          :showLoadMore=\"false\" \n          :search=\"{\n            placeholder: 'Search organization...',\n            class: 'bg-white mn-b-thin'\n          }\"\n          :states=\"{\n            empty: {\n              title: 'No organizations Found',\n              description: 'Currently, there are no such organizations available.'\n            }\n          }\"\n          :store=\"{\n            read: (options) => organizations.actions.read(options),\n            state: null\n          }\"\n          :options=\"{\n            user: auth.state.user._id,\n            postable: auth.state.user._id,\n            lookup: ['memberships']\n          }\"\n          v-slot=\"{ \n            items \n          }\"\n        >\n          <Card\n            v-for=\"(organization, index) in items\" \n            v-memo=\"[organization._id, organization.profile.name]\"\n            :photo=\"organization.profile?.photo\"\n            :title=\"organization.profile?.name\"\n            @click=\"() => { \n              selectedOrganization = organization\n            }\"\n            class=\"h-4r bg-white pd-thin radius-medium w-100 mn-b-thin\"\n          />\n        </Feed>\n      </section>\n\n      \n      <h5 v-if=\"selectedOrganization\" class=\"mn-b-thin\">Options:</h5>\n      <div v-if=\"selectedOrganization\" class=\"mn-b-medium br-grey-transp-25 br-2px br-solid pd-small radius-big\">\n        <Checkbox \n          :label=\"'Hide Author'\"\n          :radio=\"event.creator.hidden\"\n          @update:radio=\"updateEvent => event.creator.hidden = updateEvent\"\n          name=\"prices\"\n          class=\"w-100\"\n        />\n      </div>\n      <Button :submit=\"onSubmit\" :callback=\"redirectTo\" class=\"w-100 bg-black t-white\">Publish</Button>\n    </Popup>\n  </article>\n\n</template>\n\n<script setup>\nimport Textarea from '@martyrs/src/modules/constructor/components/elements/Textarea.vue';\nimport Constructor from '@martyrs/src/modules/constructor/components/sections/Constructor.vue';\n\nimport FieldDate from '@martyrs/src/components/FieldDate/FieldDate.vue'\n\nimport Block from '@martyrs/src/components/Block/Block.vue';\nimport Popup from '@martyrs/src/components/Popup/Popup.vue';\nimport Field from '@martyrs/src/components/Field/Field.vue'\nimport BlockTags from '@martyrs/src/components/FieldTags/BlockTags.vue';\nimport Checkbox from '@martyrs/src/components/Checkbox/Checkbox.vue';\nimport SelectMulti from '@martyrs/src/components/SelectMulti/SelectMulti.vue';\nimport Upload  from '@martyrs/src/components/Upload/Upload.vue';\nimport UploadImage from '@martyrs/src/components/UploadImage/UploadImage.vue';\nimport EditImages from '@martyrs/src/components/EditImages/EditImages.vue';\nimport Feed from '@martyrs/src/components/Feed/Feed.vue'\nimport Button from '@martyrs/src/components/Button/Button.vue';   \n\nimport Card from '@martyrs/src/modules/core/views/components/blocks/Card.vue';\n\nimport EditTickets from '@martyrs/src/modules/events/components/sections/EditTickets.vue';\n\nimport IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue';\n\nimport { ref, computed, onMounted } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\n\nimport { useGlobalMixins } from \"@martyrs/src/modules/core/views/mixins/mixins.js\"\n\nimport * as events from '@martyrs/src/modules/events/store/events.js';\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\nimport * as organizations from '@martyrs/src/modules/organizations/store/organizations.js';\n\nconst route = useRoute();\nconst router = useRouter();\n\nconst { hasAccess } = useGlobalMixins()\n\nconst isBackoffice = computed(() => route.meta?.context === 'backoffice')\n\nlet event = ref(null);\nlet publics = ref(null);\n\nconst selectedTags = ref([]);\nconst selectedOrganization = ref(null);\n\nonMounted(async () =>{\n\n  if (route.params.url) {\n    const data = await events.read({ user: auth.state.user._id, url: route.params.url });\n\n    event.value = data.pop();\n\n    if (!event.value) {\n     router.push({name: 'notfound'})\n    }\n\n    if (event.value.owner.type === 'organization') {\n      // Если пост принадлежит организации, проверяем права на редактирование через `hasAccess`\n      const isAccess = hasAccess(event.value.owner.target._id, 'events', 'edit', auth.state.accesses, auth.state.access.roles);\n\n      if (!isAccess) {\n        router.push({name: 'unauthorized'})\n      }\n    }\n\n     if (event.value.owner.type === 'user' && event.value.creator.target._id !== auth.state.user._id) {\n      console.log(event.value.creator.target)\n      console.log(auth.state.user._id)\n      router.push({name: 'unauthorized'})\n    }\n\n  } else {\n    events.clean();\n    event.value = events.state.current;\n  }\n\n  if (!event.value.owner) event.value.owner = {\n    target: auth.state.user._id,\n    type: 'user'\n  }\n\n  if (!event.value.creator) event.value.creator = {\n    target: auth.state.user._id,\n    type: 'user',\n    hidden: false\n  }\n\n  if (!event.value.schedule || event.value.schedule.length === 0) {\n    event.value.schedule = [{\n      start: new Date(),\n      end: new Date()\n    }]\n  }\n\n  if (event.value.owner.type === 'organization') selectedOrganization.value = {\n    _id: event.value.owner.target._id,\n    profile: {\n      name: event.value.owner.target.profile.name,\n      photo: event.value.owner.target.profile.photo\n    }\n  }\n})\n\nconst isPublicationPopup = ref(false)\n\nfunction openPublicationPopup() {\n  isPublicationPopup.value = true;\n}\nfunction closePublicationPopup() {\n  isPublicationPopup.value = false;\n}\n\nfunction addSchedulePeriod() {\n  event.value.schedule.push({\n    start: new Date(),\n    end: new Date()\n  })\n}\n\nfunction getDisabledRangesForPeriod(currentIndex) {\n  if (!event.value.schedule) return []\n\n  return event.value.schedule\n    .map((period, index) => {\n      if (index === currentIndex) return null\n      if (!period.start || !period.end) return null\n      return {\n        start: new Date(period.start),\n        end: new Date(period.end)\n      }\n    })\n    .filter(range => range !== null)\n}\n\nfunction onDrafts() {\n  if (selectedTags.value.length > 0) selectedTags.value.map(tag => (tag.text))\n\n  // Auto-select organization in organization context\n  if (route.params._id && !selectedOrganization.value) {\n    event.value.owner = {\n      target: route.params._id,\n      type: 'organization'\n    }\n  }\n\n  event.value.status = \"draft\"\n\n  // Calculate event.date from schedule\n  if (event.value.schedule && event.value.schedule.length > 0) {\n    const allDates = event.value.schedule\n      .flatMap(period => [period.start, period.end])\n      .filter(date => date !== null && date !== undefined)\n      .map(date => new Date(date))\n\n    event.value.date = {\n      start: new Date(Math.min(...allDates)),\n      end: new Date(Math.max(...allDates))\n    }\n  }\n\n  if (route.params.url) {\n    events.update(event.value)\n      .then(response => {\n        router.push({ name: 'Event', params: { url: response.url } });\n      })\n      .catch(error => {\n        console.error(error);\n      })\n  } else {\n    events.create(event.value)\n      .then(response => {\n        router.push({ name: 'Event', params: { url: response.url } });\n      })\n      .catch(error => {\n        console.error(error);\n      })\n  }\n}\n\nfunction onSubmit() {\n  if (selectedOrganization.value) event.value.owner = {\n    target: selectedOrganization.value._id,\n    type: 'organization'\n  }\n\n  if (!selectedOrganization.value) event.value.creator.hidden = false\n  if (!selectedOrganization.value) event.value.organization = event.value.creator\n\n  event.value.status = \"published\"\n\n  // Calculate event.date from schedule\n  if (event.value.schedule && event.value.schedule.length > 0) {\n    const allDates = event.value.schedule\n      .flatMap(period => [period.start, period.end])\n      .filter(date => date !== null && date !== undefined)\n      .map(date => new Date(date))\n\n    event.value.date = {\n      start: new Date(Math.min(...allDates)),\n      end: new Date(Math.max(...allDates))\n    }\n  }\n  if (route.params.url) {\n    console.log(event.value)\n    events.update(event.value)\n      .then(response => {\n        router.push({ name: 'Event', params: { url: response.url } });\n      })\n      .catch(error => {\n        console.log(error);\n      });\n  } else {\n    events.create(event.value)\n      .then(response => {\n        router.push({ name: 'Event', params: { url: response.url } });\n      })\n      .catch(error => {\n        console.log(error);\n      });\n  }\n}\n\nfunction onDelete() {\n  if (confirm('Are you sure you want to delete this event?')) {\n    events.remove(event.value._id)\n      .then(response => {\n        router.push({ name: 'User Events', params: { user: event.value.creator.target._id } });\n      })\n      .catch(error => {\n        console.error(error);\n      })\n  }\n}\n</script>\n\n<style lang=\"scss\">\n  .dp__input {\n    border: 0;\n    padding: var(--medium);\n    padding-left: 3rem;\n    background: rgb(var(--white)) !important;\n    border-radius: var(--small);\n  }\n</style>"],"names":["events.read","auth.state","events.clean","events.state","events.update","events.create","events.remove"],"mappings":"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"}
+{"version":3,"file":"EditEvent.vue.js","sources":["../../../../../../../src/modules/events/components/pages/EditEvent.vue"],"sourcesContent":["<template>\n  <article v-if=\"event\" class=\"h-min-100 pd-thin\">\n    <div class=\"pd-medium radius-medium mn-b-thin bg-light\">\n      <h4 class=\"mn-b-small\">Basic Info</h4>\n    \t<div class=\"mn-b-thin radius-small w-100 h-10r bg-white flex-center flex-column flex\">\n       \t<UploadImage \n          v-model:photo=\"event.cover\"\n          :uploadPath=\"'specials'\"\n          class=\"h-4r w-4r aspect-1x1 o-hidden mn-b-thin radius-extra\" \n        />\n        <h4>Upload Event Cover</h4>\n      </div>\n\n    \t<Field \n        v-model:field=\"event.name\" \n        label=\"Name\"\n        placeholder=\"Event name\" \n        class=\"mn-b-thin w-100 bg-white pd-medium radius-small\" \n      />\n      <Field \n        v-model:field=\"event.description\" \n        type=\"textarea\"  \n        placeholder=\"Enter short description\" \n        class=\"mn-b-thin w-100 bg-white pd-medium radius-small\" \n      />\n      <Field\n        v-model:field=\"event.location\"\n        label=\"Location\"\n        placeholder=\"Event location\"\n        class=\"mn-b-thin w-100 bg-white pd-medium radius-small\"\n      />\n    </div>\n\n    <Block\n      title=\"Schedule\"\n      placeholder=\"No schedule periods added yet\"\n      :actions=\"[{\n        label: '+',\n        function: addSchedulePeriod\n      }]\"\n      class=\"cols-1 mn-b-thin t-black gap-thin\"\n    >\n      <div\n        class=\"mn-b-thin gap-small flex-nowrap flex\"\n        v-for=\"(period, index) in event.schedule\"\n        :key=\"index\"\n      >\n        <FieldDate\n          v-model=\"period.start\"\n          :allowRange=\"false\"\n          :enableTime=\"true\"\n          :disablePastDates=\"!isBackoffice\"\n          :disabledRanges=\"getDisabledRangesForPeriod(index)\"\n          :showSelected=\"true\"\n          :locale=\"$i18n.locale\"\n          label=\"Start\"\n          placeholder=\"Start time\"\n          class=\"w-100 bg-white radius-small pd-medium\"\n        />\n        <FieldDate\n          v-model=\"period.end\"\n          :allowRange=\"false\"\n          :enableTime=\"true\"\n          :disablePastDates=\"!isBackoffice\"\n          :disabledRanges=\"getDisabledRangesForPeriod(index)\"\n          :showSelected=\"true\"\n          :locale=\"$i18n.locale\"\n          label=\"End\"\n          placeholder=\"End time\"\n          class=\"w-100 bg-white radius-small pd-medium\"\n        />\n        <div v-if=\"index > 0\" @click=\"() => event.schedule.splice(index, 1)\" class=\"radius-small h-100 i-big flex-center flex aspect-1x1 bg-red\">\n          <IconDelete class=\"i-medium\" />\n        </div>\n      </div>\n    </Block>\n\n    <EditTickets v-model:tickets=\"event.ticketsTypes\" />\n\n\t\t<section v-if=\"event\" class=\"pd-b-extra z-index-1 pos-relative w-100 bg-light pd-big radius-medium\">\n      <Constructor \n        :content=\"event.content\"\n        :autoFocus=\"false\" \n        @update=\"update => event.content = update\"\n      />\n    </section>\n\n    <section v-if=\"event\" class=\"pd-small z-index-2 pos-sticky pos-l-0 pos-b-0 w-100 \">\n      <div class=\"pd-thin radius-regular  bg-main w-100 flex-nowrap flex\">\n        <a v-if=\"route.params.url\" @click=\"onDelete()\" class=\"mn-r-auto bg-red t-white t-black button\"><span>Delete</span></a>\n        <a @click=\"onDrafts()\" class=\"mn-l-auto bg-white t-black button\"><span>To Drafts</span></a>\n        <a @click=\"openPublicationPopup()\" class=\"mn-l-thin bg-black t-white button\"><span>Publish</span></a>\n      </div>\n    </section>\n\n    <Popup \n      title=\"Final Touches\" \n      @close-popup=\"closePublicationPopup\" \n      :isPopupOpen=\"isPublicationPopup\"\n      class=\"w-m-33r t-left pd-big bg-white radius-big\"\n    > \n      <BlockTags\n        @tags-changed=\"newTags => event.tags = newTags\"\n        :tags=\"event.tags\"\n        class=\"mn-b-small\"\n      />\n\n      <h5 class=\"mn-b-small\">Add to public</h5>\n      <Card\n        v-if=\"selectedOrganization\"\n        :photo=\"selectedOrganization.profile?.photo\"\n        :title=\"selectedOrganization.profile?.name\"\n        @click=\"() => { \n          selectedOrganization = null\n        }\"\n        class=\"h-4r w-100 bg-light pd-thin radius-medium  mn-b-thin\"\n      />\n\n      <section v-else class=\"mn-b-thin h-25r o-x-hidden o-y-scroll bg-light radius-big pd-small \">\n        <Feed\n          :showLoadMore=\"false\" \n          :search=\"{\n            placeholder: 'Search organization...',\n            class: 'bg-white mn-b-thin'\n          }\"\n          :states=\"{\n            empty: {\n              title: 'No organizations Found',\n              description: 'Currently, there are no such organizations available.'\n            }\n          }\"\n          :store=\"{\n            read: (options) => organizations.actions.read(options),\n            state: null\n          }\"\n          :options=\"{\n            user: auth.state.user._id,\n            postable: auth.state.user._id,\n            lookup: ['memberships']\n          }\"\n          v-slot=\"{ \n            items \n          }\"\n        >\n          <Card\n            v-for=\"(organization, index) in items\" \n            v-memo=\"[organization._id, organization.profile.name]\"\n            :photo=\"organization.profile?.photo\"\n            :title=\"organization.profile?.name\"\n            @click=\"() => { \n              selectedOrganization = organization\n            }\"\n            class=\"h-4r bg-white pd-thin radius-medium w-100 mn-b-thin\"\n          />\n        </Feed>\n      </section>\n\n      \n      <h5 v-if=\"selectedOrganization\" class=\"mn-b-thin\">Options:</h5>\n      <div v-if=\"selectedOrganization\" class=\"mn-b-medium br-grey-transp-25 br-2px pd-small radius-big\">\n        <Checkbox \n          :label=\"'Hide Author'\"\n          :radio=\"event.creator.hidden\"\n          @update:radio=\"updateEvent => event.creator.hidden = updateEvent\"\n          name=\"prices\"\n          class=\"w-100\"\n        />\n      </div>\n      <Button :submit=\"onSubmit\" :callback=\"redirectTo\" class=\"w-100 bg-black t-white\">Publish</Button>\n    </Popup>\n  </article>\n\n</template>\n\n<script setup>\nimport Textarea from '@martyrs/src/modules/constructor/components/elements/Textarea.vue';\nimport Constructor from '@martyrs/src/modules/constructor/components/sections/Constructor.vue';\n\nimport FieldDate from '@martyrs/src/components/FieldDate/FieldDate.vue'\n\nimport Block from '@martyrs/src/components/Block/Block.vue';\nimport Popup from '@martyrs/src/components/Popup/Popup.vue';\nimport Field from '@martyrs/src/components/Field/Field.vue'\nimport BlockTags from '@martyrs/src/components/FieldTags/BlockTags.vue';\nimport Checkbox from '@martyrs/src/components/Checkbox/Checkbox.vue';\nimport SelectMulti from '@martyrs/src/components/SelectMulti/SelectMulti.vue';\nimport Upload  from '@martyrs/src/components/Upload/Upload.vue';\nimport UploadImage from '@martyrs/src/components/UploadImage/UploadImage.vue';\nimport EditImages from '@martyrs/src/components/EditImages/EditImages.vue';\nimport Feed from '@martyrs/src/components/Feed/Feed.vue'\nimport Button from '@martyrs/src/components/Button/Button.vue';   \n\nimport Card from '@martyrs/src/modules/core/views/components/blocks/Card.vue';\n\nimport EditTickets from '@martyrs/src/modules/events/components/sections/EditTickets.vue';\n\nimport IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue';\n\nimport { ref, computed, onMounted } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\n\nimport { useGlobalMixins } from \"@martyrs/src/modules/core/views/mixins/mixins.js\"\n\nimport * as events from '@martyrs/src/modules/events/store/events.js';\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\nimport * as organizations from '@martyrs/src/modules/organizations/store/organizations.js';\n\nconst route = useRoute();\nconst router = useRouter();\n\nconst { hasAccess } = useGlobalMixins()\n\nconst isBackoffice = computed(() => route.meta?.context === 'backoffice')\n\nlet event = ref(null);\nlet publics = ref(null);\n\nconst selectedTags = ref([]);\nconst selectedOrganization = ref(null);\n\nonMounted(async () =>{\n\n  if (route.params.url) {\n    const data = await events.read({ user: auth.state.user._id, url: route.params.url });\n\n    event.value = data.pop();\n\n    if (!event.value) {\n     router.push({name: 'notfound'})\n    }\n\n    if (event.value.owner.type === 'organization') {\n      // Если пост принадлежит организации, проверяем права на редактирование через `hasAccess`\n      const isAccess = hasAccess(event.value.owner.target._id, 'events', 'edit', auth.state.accesses, auth.state.access.roles);\n\n      if (!isAccess) {\n        router.push({name: 'unauthorized'})\n      }\n    }\n\n     if (event.value.owner.type === 'user' && event.value.creator.target._id !== auth.state.user._id) {\n      console.log(event.value.creator.target)\n      console.log(auth.state.user._id)\n      router.push({name: 'unauthorized'})\n    }\n\n  } else {\n    events.clean();\n    event.value = events.state.current;\n  }\n\n  if (!event.value.owner) event.value.owner = {\n    target: auth.state.user._id,\n    type: 'user'\n  }\n\n  if (!event.value.creator) event.value.creator = {\n    target: auth.state.user._id,\n    type: 'user',\n    hidden: false\n  }\n\n  if (!event.value.schedule || event.value.schedule.length === 0) {\n    event.value.schedule = [{\n      start: new Date(),\n      end: new Date()\n    }]\n  }\n\n  if (event.value.owner.type === 'organization') selectedOrganization.value = {\n    _id: event.value.owner.target._id,\n    profile: {\n      name: event.value.owner.target.profile.name,\n      photo: event.value.owner.target.profile.photo\n    }\n  }\n})\n\nconst isPublicationPopup = ref(false)\n\nfunction openPublicationPopup() {\n  isPublicationPopup.value = true;\n}\nfunction closePublicationPopup() {\n  isPublicationPopup.value = false;\n}\n\nfunction addSchedulePeriod() {\n  event.value.schedule.push({\n    start: new Date(),\n    end: new Date()\n  })\n}\n\nfunction getDisabledRangesForPeriod(currentIndex) {\n  if (!event.value.schedule) return []\n\n  return event.value.schedule\n    .map((period, index) => {\n      if (index === currentIndex) return null\n      if (!period.start || !period.end) return null\n      return {\n        start: new Date(period.start),\n        end: new Date(period.end)\n      }\n    })\n    .filter(range => range !== null)\n}\n\nfunction onDrafts() {\n  if (selectedTags.value.length > 0) selectedTags.value.map(tag => (tag.text))\n\n  // Auto-select organization in organization context\n  if (route.params._id && !selectedOrganization.value) {\n    event.value.owner = {\n      target: route.params._id,\n      type: 'organization'\n    }\n  }\n\n  event.value.status = \"draft\"\n\n  // Calculate event.date from schedule\n  if (event.value.schedule && event.value.schedule.length > 0) {\n    const allDates = event.value.schedule\n      .flatMap(period => [period.start, period.end])\n      .filter(date => date !== null && date !== undefined)\n      .map(date => new Date(date))\n\n    event.value.date = {\n      start: new Date(Math.min(...allDates)),\n      end: new Date(Math.max(...allDates))\n    }\n  }\n\n  if (route.params.url) {\n    events.update(event.value)\n      .then(response => {\n        router.push({ name: 'Event', params: { url: response.url } });\n      })\n      .catch(error => {\n        console.error(error);\n      })\n  } else {\n    events.create(event.value)\n      .then(response => {\n        router.push({ name: 'Event', params: { url: response.url } });\n      })\n      .catch(error => {\n        console.error(error);\n      })\n  }\n}\n\nfunction onSubmit() {\n  if (selectedOrganization.value) event.value.owner = {\n    target: selectedOrganization.value._id,\n    type: 'organization'\n  }\n\n  if (!selectedOrganization.value) event.value.creator.hidden = false\n  if (!selectedOrganization.value) event.value.organization = event.value.creator\n\n  event.value.status = \"published\"\n\n  // Calculate event.date from schedule\n  if (event.value.schedule && event.value.schedule.length > 0) {\n    const allDates = event.value.schedule\n      .flatMap(period => [period.start, period.end])\n      .filter(date => date !== null && date !== undefined)\n      .map(date => new Date(date))\n\n    event.value.date = {\n      start: new Date(Math.min(...allDates)),\n      end: new Date(Math.max(...allDates))\n    }\n  }\n  if (route.params.url) {\n    console.log(event.value)\n    events.update(event.value)\n      .then(response => {\n        router.push({ name: 'Event', params: { url: response.url } });\n      })\n      .catch(error => {\n        console.log(error);\n      });\n  } else {\n    events.create(event.value)\n      .then(response => {\n        router.push({ name: 'Event', params: { url: response.url } });\n      })\n      .catch(error => {\n        console.log(error);\n      });\n  }\n}\n\nfunction onDelete() {\n  if (confirm('Are you sure you want to delete this event?')) {\n    events.remove(event.value._id)\n      .then(response => {\n        router.push({ name: 'User Events', params: { user: event.value.creator.target._id } });\n      })\n      .catch(error => {\n        console.error(error);\n      })\n  }\n}\n</script>\n\n<style lang=\"scss\">\n  .dp__input {\n    border: 0;\n    padding: var(--medium);\n    padding-left: 3rem;\n    background: rgb(var(--white)) !important;\n    border-radius: var(--small);\n  }\n</style>"],"names":["events.read","auth.state","events.clean","events.state","events.update","events.create","events.remove"],"mappings":"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"}

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

@@ -4,7 +4,7 @@ import _sfc_main$2 from "../../../../components/Block/Block.vue.js";
 import _sfc_main$3 from "../../../../components/Popup/Popup.vue.js";
 import Field from "../../../../components/Field/Field.vue.js";
 import _sfc_main$6 from "../../../../components/Button/Button.vue2.js";
-import _sfc_main$8 from "../../../../components/Dropdown/Dropdown.vue.js";
+import _sfc_main$8 from "../../../../components/Dropdown/Dropdown.vue2.js";
 import _sfc_main$1 from "../elements/ButtonCheck.vue.js";
 import _sfc_main$5 from "../../../icons/navigation/IconDelete.vue.js";
 import _sfc_main$4 from "../../../icons/navigation/IconAdd.vue.js";
@@ -27,7 +27,7 @@ const _hoisted_5 = { class: "h2" };
 const _hoisted_6 = { class: "bg-white radius-medium pd-medium" };
 const _hoisted_7 = { class: "h2 t-main" };
 const _hoisted_8 = { class: "bg-white radius-medium pd-medium" };
-const _hoisted_9 = { class: "h2 t-second" };
+const _hoisted_9 = { class: "h2 t-grey" };
 const _hoisted_10 = { class: "bg-white radius-medium pd-medium" };
 const _hoisted_11 = { class: "h2 t-red" };
 const _hoisted_12 = {
@@ -36,11 +36,11 @@ const _hoisted_12 = {
 };
 const _hoisted_13 = { class: "flex-nowrap flex gap-thin mn-b-medium" };
 const _hoisted_14 = { class: "bg-white radius-small pd-small" };
-const _hoisted_15 = { class: "p-medium t-medium" };
+const _hoisted_15 = { class: "p-medium fw-medium" };
 const _hoisted_16 = { class: "bg-white radius-small pd-small" };
-const _hoisted_17 = { class: "p-medium t-medium" };
+const _hoisted_17 = { class: "p-medium fw-medium" };
 const _hoisted_18 = { class: "bg-white radius-small pd-small" };
-const _hoisted_19 = { class: "p-medium t-medium t-main" };
+const _hoisted_19 = { class: "p-medium fw-medium t-main" };
 const _hoisted_20 = {
   key: 0,
   class: "flex-nowrap flex flex-justify-around gap-micro scroll-hide o-y-hidden o-x-scroll mn-t-big"
@@ -49,7 +49,7 @@ const _hoisted_21 = {
   key: 1,
   class: "bg-light radius-micro w-2r h-thin"
 };
-const _hoisted_22 = { class: "p-nano t-medium t-nowrap" };
+const _hoisted_22 = { class: "p-nano fw-medium t-nowrap" };
 const _hoisted_23 = ["onClick"];
 const _hoisted_24 = ["href"];
 const _hoisted_25 = ["src"];
@@ -183,19 +183,19 @@ const _sfc_main = {
           default: withCtx(() => [
             createElementVNode("div", _hoisted_3, [
               createElementVNode("div", _hoisted_4, [
-                _cache[4] || (_cache[4] = createElementVNode("p", { class: "p-small t-medium t-transp uppercase mn-b-thin" }, "Total Tickets", -1)),
+                _cache[4] || (_cache[4] = createElementVNode("p", { class: "p-small fw-medium t-transp uppercase mn-b-thin" }, "Total Tickets", -1)),
                 createElementVNode("h2", _hoisted_5, toDisplayString(stats.value.total), 1)
               ]),
               createElementVNode("div", _hoisted_6, [
-                _cache[5] || (_cache[5] = createElementVNode("p", { class: "p-small t-medium t-transp uppercase mn-b-thin" }, "Sold", -1)),
+                _cache[5] || (_cache[5] = createElementVNode("p", { class: "p-small fw-medium t-transp uppercase mn-b-thin" }, "Sold", -1)),
                 createElementVNode("h2", _hoisted_7, toDisplayString(stats.value.sold), 1)
               ]),
               createElementVNode("div", _hoisted_8, [
-                _cache[6] || (_cache[6] = createElementVNode("p", { class: "p-small t-medium t-transp uppercase mn-b-thin" }, "Free", -1)),
+                _cache[6] || (_cache[6] = createElementVNode("p", { class: "p-small fw-medium t-transp uppercase mn-b-thin" }, "Free", -1)),
                 createElementVNode("h2", _hoisted_9, toDisplayString(stats.value.free), 1)
               ]),
               createElementVNode("div", _hoisted_10, [
-                _cache[7] || (_cache[7] = createElementVNode("p", { class: "p-small t-medium t-transp uppercase mn-b-thin" }, "Refunds", -1)),
+                _cache[7] || (_cache[7] = createElementVNode("p", { class: "p-small fw-medium t-transp uppercase mn-b-thin" }, "Refunds", -1)),
                 createElementVNode("h2", _hoisted_11, toDisplayString(stats.value.refunded), 1)
               ])
             ])
@@ -203,7 +203,7 @@ const _sfc_main = {
           _: 1
         })) : createCommentVNode("", true),
         attendance.value ? (openBlock(), createElementBlock("div", _hoisted_12, [
-          _cache[11] || (_cache[11] = createElementVNode("h4", { class: "mn-b-small t-medium" }, "Attendance Graph", -1)),
+          _cache[11] || (_cache[11] = createElementVNode("h4", { class: "mn-b-small fw-medium" }, "Attendance Graph", -1)),
           createElementVNode("div", _hoisted_13, [
             createElementVNode("div", _hoisted_14, [
               _cache[8] || (_cache[8] = createElementVNode("span", { class: "p-micro t-transp uppercase d-block mn-b-thin" }, "Total", -1)),
@@ -222,7 +222,7 @@ const _sfc_main = {
             (openBlock(true), createElementBlock(Fragment, null, renderList(attendance.value.timeline, (slot) => {
               return openBlock(), createElementBlock("div", {
                 key: slot.time,
-                class: "flex-column flex-v-center flex gap-micro flex-child-shrink-0"
+                class: "flex-column flex-v-center flex gap-micro flex-shrink-0"
               }, [
                 maxCount.value > 0 ? (openBlock(), createElementBlock("div", {
                   key: 0,
@@ -339,7 +339,7 @@ const _sfc_main = {
                 createElementVNode("a", {
                   href: ticket.image,
                   target: "_blank",
-                  class: "flex-child-shrink-0"
+                  class: "flex-shrink-0"
                 }, [
                   createElementVNode("img", {
                     loading: "lazy",
@@ -354,7 +354,7 @@ const _sfc_main = {
                   ]),
                   createElementVNode("p", _hoisted_29, toDisplayString(ticket.client_refactor?.email || "No email"), 1),
                   createElementVNode("span", {
-                    class: normalizeClass(["pd-thin radius-extra t-white t-medium d-block w-max uppercase p-nano", {
+                    class: normalizeClass(["pd-thin radius-extra t-white fw-medium d-block w-max uppercase p-nano", {
                       "bg-main": ticket.status === "unused",
                       "bg-grey": ticket.status === "used",
                       "bg-red": ticket.status === "deactivated"
@@ -364,27 +364,27 @@ const _sfc_main = {
                 createVNode(_sfc_main$8, {
                   label: { component: _sfc_main$9, class: "t-transp i-regular" },
                   align: "right",
-                  class: "cursor-pointer radius-small pd-small bg-white flex-child-shrink-0"
+                  class: "cursor-pointer radius-small pd-small bg-white flex-shrink-0"
                 }, {
                   default: withCtx(() => [
                     createElementVNode("section", _hoisted_30, [
                       createElementVNode("button", {
                         onClick: ($event) => sendTicketEmail(ticket._id),
-                        class: "w-100 t-nowrap bg-black br-solid br-1px br-white-transp-20 t-white button-small button"
+                        class: "w-100 t-nowrap bg-black br-1px br-white-transp-20 t-white button-small button"
                       }, " Send Email ", 8, _hoisted_31),
                       createElementVNode("button", {
                         onClick: ($event) => copyTicketLink(ticket._id),
-                        class: "w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button"
+                        class: "w-100 bg-black br-1px br-white-transp-20 t-white button-small button"
                       }, " Copy Link ", 8, _hoisted_32),
                       ticket.status !== "deactivated" ? (openBlock(), createElementBlock("button", {
                         key: 0,
                         onClick: ($event) => changeStatus(ticket, "deactivated"),
-                        class: "w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button"
+                        class: "w-100 bg-black br-1px br-white-transp-20 t-white button-small button"
                       }, " Deactivate ", 8, _hoisted_33)) : createCommentVNode("", true),
                       ticket.status === "deactivated" || ticket.status === "used" ? (openBlock(), createElementBlock("button", {
                         key: 1,
                         onClick: ($event) => changeStatus(ticket, "unused"),
-                        class: "w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button"
+                        class: "w-100 bg-black br-1px br-white-transp-20 t-white button-small button"
                       }, " Activate ", 8, _hoisted_34)) : createCommentVNode("", true)
                     ])
                   ]),

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

@@ -1 +1 @@
-{"version":3,"file":"EditEventTickets.vue.js","sources":["../../../../../../../src/modules/events/components/pages/EditEventTickets.vue"],"sourcesContent":["<template>\n  <article v-if=\"event\" class=\"pd-thin bg-white\">\n    <!-- Header -->\n    <header class=\"mn-b-medium flex-v-center flex-nowrap flex\">\n      <h2>Tickets</h2>\n      <button\n        @click=\"openTicketsPopup()\"\n        class=\"mn-l-auto radius-small button t-white bg-second\"\n        v-html=\"'+ Add'\"\n      />\n      <ButtonCheck @qrcodecheck=\"fetchTickets = !fetchTickets\" class=\"mn-l-micro radius-small button t-white bg-second\" />\n    </header>\n\n    <!-- Statistics Cards -->\n    <Block v-if=\"stats\" title=\"Statistics\" class=\"mn-b-thin\">\n      <div class=\"cols-4 mobile:cols-2 gap-thin\">\n        <div class=\"bg-white radius-medium pd-medium\">\n          <p class=\"p-small t-medium t-transp uppercase mn-b-thin\">Total Tickets</p>\n          <h2 class=\"h2\">{{ stats.total }}</h2>\n        </div>\n        <div class=\"bg-white radius-medium pd-medium\">\n          <p class=\"p-small t-medium t-transp uppercase mn-b-thin\">Sold</p>\n          <h2 class=\"h2 t-main\">{{ stats.sold }}</h2>\n        </div>\n        <div class=\"bg-white radius-medium pd-medium\">\n          <p class=\"p-small t-medium t-transp uppercase mn-b-thin\">Free</p>\n          <h2 class=\"h2 t-second\">{{ stats.free }}</h2>\n        </div>\n        <div class=\"bg-white radius-medium pd-medium\">\n          <p class=\"p-small t-medium t-transp uppercase mn-b-thin\">Refunds</p>\n          <h2 class=\"h2 t-red\">{{ stats.refunded }}</h2>\n        </div>\n      </div>\n    </Block>\n\n    <!-- Attendance Graph -->\n    <div v-if=\"attendance\" class=\"bg-light radius-medium pd-medium mn-b-thin\">\n      <h4 class=\"mn-b-small t-medium\">Attendance Graph</h4>\n\n      <!-- General Stats -->\n      <div class=\"flex-nowrap flex gap-thin mn-b-medium\">\n        <div class=\"bg-white radius-small pd-small\">\n          <span class=\"p-micro t-transp uppercase d-block mn-b-thin\">Total</span>\n          <p class=\"p-medium t-medium\">{{ attendance.total }}</p>\n        </div>\n        <div class=\"bg-white radius-small pd-small\">\n          <span class=\"p-micro t-transp uppercase d-block mn-b-thin\">Expected</span>\n          <p class=\"p-medium t-medium\">{{ attendance.expected }}</p>\n        </div>\n        <div class=\"bg-white radius-small pd-small\">\n          <span class=\"p-micro t-transp uppercase d-block mn-b-thin\">Arrived</span>\n          <p class=\"p-medium t-medium t-main\">{{ attendance.arrived }}</p>\n        </div>\n      </div>\n\n      <!-- Timeline Graph -->\n      <div v-if=\"attendance.timeline && attendance.timeline.length\" class=\"flex-nowrap flex flex-justify-around gap-micro scroll-hide o-y-hidden o-x-scroll mn-t-big\">\n        <div\n          v-for=\"slot in attendance.timeline\"\n          :key=\"slot.time\"\n          class=\"flex-column flex-v-center flex gap-micro flex-child-shrink-0\"\n        >\n          <div\n            v-if=\"maxCount > 0\"\n            class=\"bg-second radius-micro w-2r\"\n            :style=\"{ height: `${Math.max((slot.count / maxCount) * 10, 0.5)}rem` }\"\n          ></div>\n          <div\n            v-else\n            class=\"bg-light radius-micro w-2r h-thin\"\n          ></div>\n          <p class=\"p-nano t-medium t-nowrap\">{{ slot.time }}</p>\n        </div>\n      </div>\n    </div>\n\n    <!-- Add Tickets Popup -->\n    <Popup\n      @close-popup=\"closeTicketsPopup\"\n      :isPopupOpen=\"isOpenTicketsPopup\"\n      class=\"w-max-40r\"\n    >\n      <Block\n        title=\"Add tickets\"\n        placeholder=\"No parameters added yet\"\n        class=\"cols-1 mn-b-thin gap-thin\"\n      >\n        <div\n          class=\"gap-thin flex-nowrap flex\"\n          v-for=\"(item, index) in newTickets\"\n          :key=\"index\"\n        >\n          <Field\n            v-model:field=\"item.name\"\n            placeholder=\"Name\"\n            class=\"w-50 bg-white radius-small pd-medium\"\n          />\n          <Field\n            v-model:field=\"item.seat\"\n            placeholder=\"Seat\"\n            class=\"w-50 bg-white radius-small pd-medium\"\n          />\n          <Field\n            v-model:field=\"item.email\"\n            placeholder=\"Email\"\n            class=\"w-100 bg-white radius-small pd-medium\"\n          />\n\n          <Field\n            v-model:field=\"item.quantity\"\n            placeholder=\"Quantity\"\n            type=\"number\"\n            class=\"w-25 bg-white radius-small pd-medium\"\n          />\n\n          <div v-if=\"index < 1\" @click=\"() => newTickets.push({name: '', value: '', target: event._id, type: 'event', quantity: 1})\"  class=\"radius-small h-100 i-big flex-center flex aspect-1x1 bg-green\">\n            <IconAdd\n              class=\"i-medium\"\n              :fill=\"'rgb(var(--white))'\"\n            />\n          </div>\n          <div v-else @click=\"() => newTickets.splice(index, 1)\"  class=\"radius-small h-100 i-big flex-center flex aspect-1x1 bg-red\">\n            <IconDelete\n              class=\"i-medium\"\n              :fill=\"'rgb(var(--white))'\"\n            />\n          </div>\n        </div>\n\n         <Button\n            :submit=\"onSubmit\"\n            :callback=\"closeTicketsPopup\"\n            class=\"w-100 bg-black t-white\"\n          >\n            Create Tickets\n          </Button>\n      </Block>\n    </Popup>\n\n    <!-- Tickets List -->\n    <Feed\n      :search=\"true\"\n      :states=\"{\n        empty: {\n          title: 'No Tickets Found',\n          description: 'Currently, there are no tickets.'\n        }\n      }\"\n      :store=\"{\n        read: (options) => tickets.actions.read(options),\n        state: null\n      }\"\n      :options=\"{\n        target: event._id\n      }\"\n      :external=\"fetchTickets\"\n      v-slot=\"{ items }\"\n    >\n      <div\n        v-for=\"(ticket, index) in items\"\n        :key=\"index\"\n        class=\"radius-medium bg-light gap-thin pd-medium flex-v-center flex-nowrap flex pos-relative mn-b-thin mobile:flex-v-start\"\n      >\n        <!-- QR Code - clickable PDF -->\n        <a :href=\"ticket.image\" target=\"_blank\" class=\"flex-child-shrink-0\">\n          <img loading=\"lazy\" :src=\"ticket.qrcode\" class=\"radius-small h-5r w-5r\">\n        </a>\n\n        <!-- Ticket Info -->\n        <div class=\"w-100 o-hidden\">\n          <h4 class=\"mn-b-thin flex-nowrap flex gap-thin\">\n            <span>{{ ticket.client_refactor?.name || 'No name' }}</span><span v-if=\"ticket.seat\" class=\"pd-thin radius-micro p-small bg-second t-white\"> {{ ticket.seat }}</span>\n          </h4>\n          <p class=\"p-small t-transp mn-b-thin\">\n            {{ ticket.client_refactor?.email || 'No email' }}\n          </p>\n          <span\n            class=\"pd-thin radius-extra t-white t-medium d-block w-max uppercase p-nano\"\n            :class=\"{\n              'bg-main': ticket.status === 'unused',\n              'bg-grey': ticket.status === 'used',\n              'bg-red': ticket.status === 'deactivated'\n            }\"\n          >\n            {{ ticket.status }}\n          </span>\n        </div>\n\n        <!-- Actions -->\n        <Dropdown\n          :label=\"{ component: IconEllipsis, class: 't-transp i-regular' }\"\n          :align=\"'right'\"\n          class=\"cursor-pointer radius-small pd-small bg-white flex-child-shrink-0\"\n        >\n          <section class=\"bg-black flex-column flex gap-thin pd-thin radius-small\">\n            <button\n              @click=\"sendTicketEmail(ticket._id)\"\n              class=\"w-100 t-nowrap bg-black br-solid br-1px br-white-transp-20 t-white button-small button\"\n            >\n              Send Email\n            </button>\n\n            <button\n              @click=\"copyTicketLink(ticket._id)\"\n              class=\"w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button\"\n            >\n              Copy Link\n            </button>\n\n            <button\n              v-if=\"ticket.status !== 'deactivated'\"\n              @click=\"changeStatus(ticket, 'deactivated')\"\n              class=\"w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button\"\n            >\n              Deactivate\n            </button>\n\n            <button\n              v-if=\"ticket.status === 'deactivated' || ticket.status === 'used'\"\n              @click=\"changeStatus(ticket, 'unused')\"\n              class=\"w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button\"\n            >\n              Activate\n            </button>\n          </section>\n        </Dropdown>\n      </div>\n    </Feed>\n  </article>\n</template>\n\n<script setup>\nimport Feed from '@martyrs/src/components/Feed/Feed.vue';\nimport Block from '@martyrs/src/components/Block/Block.vue';\nimport Popup from \"@martyrs/src/components/Popup/Popup.vue\";\nimport Field from '@martyrs/src/components/Field/Field.vue';\nimport Button from '@martyrs/src/components/Button/Button.vue';\nimport Dropdown from '@martyrs/src/components/Dropdown/Dropdown.vue';\n\nimport ButtonCheck from '@martyrs/src/modules/events/components/elements/ButtonCheck.vue';\n\nimport IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue';\nimport IconAdd from '@martyrs/src/modules/icons/navigation/IconAdd.vue';\nimport IconFile from '@martyrs/src/modules/icons/entities/IconFile.vue';\nimport IconEmail from '@martyrs/src/modules/icons/entities/IconEmail.vue';\nimport IconAttach from '@martyrs/src/modules/icons/navigation/IconAttach.vue';\nimport IconDuplicate from '@martyrs/src/modules/icons/actions/IconDuplicate.vue';\nimport IconEllipsis from '@martyrs/src/modules/icons/navigation/IconEllipsis.vue';\n\nimport { ref, onMounted, computed } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\n\nimport * as events from '@martyrs/src/modules/events/store/events.js';\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\nimport * as tickets from '@martyrs/src/modules/events/store/tickets.js';\nimport { setSnack } from '@martyrs/src/modules/core/views/store/core.store.js';\n\nimport { useGlobalMixins } from \"@martyrs/src/modules/core/views/mixins/mixins.js\";\n\nconst { hasAccess } = useGlobalMixins();\n\nconst route = useRoute();\nconst router = useRouter();\n\nlet event = ref(null);\nconst stats = ref(null);\nconst attendance = ref(null);\n\nconst newTickets = ref([{\n  name: '',\n  email: '',\n  target: null,\n  type: 'event',\n  seat: '',\n  quantity: 1,\n}]);\n\nconst isOpenTicketsPopup = ref(false);\n\nfunction openTicketsPopup() {\n  isOpenTicketsPopup.value = true;\n\n  newTickets.value = [{\n    name: '',\n    email: '',\n    target: event.value?._id,\n    type: 'event',\n    seat: '',\n    quantity: 1,\n  }];\n}\n\nfunction closeTicketsPopup() {\n  isOpenTicketsPopup.value = false;\n}\n\nconst fetchTickets = ref(false);\n\n// Computed for max count in timeline\nconst maxCount = computed(() => {\n  if (!attendance.value?.timeline) return 0;\n  return Math.max(...attendance.value.timeline.map(slot => slot.count), 1);\n});\n\nonMounted(async () => {\n  const data = await events.read({ user: auth.state.user._id, url: route.params.url });\n\n  event.value = data.pop();\n\n  if (!event.value) {\n    router.push({name: 'notfound'});\n  }\n\n  if (event.value.owner.type === 'organization') {\n    const isAccess = hasAccess(event.value.owner.target._id, 'events', 'edit', auth.state.accesses, auth.state.access.roles);\n\n    if (!isAccess) {\n      router.push({name: 'unauthorized'});\n    }\n  } else {\n    if (event.value.creator.target._id !== auth.state.user._id) {\n      router.push({name: 'unauthorized'});\n    }\n  }\n\n  // Load statistics\n  try {\n    stats.value = await tickets.actions.getStats(event.value._id);\n    attendance.value = await tickets.actions.getAttendance(event.value._id);\n  } catch (error) {\n    console.error('Error loading stats:', error);\n  }\n});\n\nasync function onSubmit() {\n  try {\n    const response = await tickets.actions.create(newTickets.value);\n    fetchTickets.value = !fetchTickets.value;\n\n    // Refresh stats\n    stats.value = await tickets.actions.getStats(event.value._id);\n    attendance.value = await tickets.actions.getAttendance(event.value._id);\n  } catch (error) {\n    console.log(error);\n  }\n}\n\nasync function changeStatus(ticket, status) {\n  if (confirm('Are you sure you want to change ticket status?')) {\n    try {\n      const response = await tickets.actions.update({ ...ticket, status: status });\n      fetchTickets.value = !fetchTickets.value;\n\n      // Refresh stats\n      stats.value = await tickets.actions.getStats(event.value._id);\n      attendance.value = await tickets.actions.getAttendance(event.value._id);\n    } catch (error) {\n      console.error(error);\n    }\n  }\n}\n\nfunction viewPdf(ticket) {\n  if (ticket.image) {\n    window.open(ticket.image, '_blank');\n  } else {\n    alert('PDF not available for this ticket');\n  }\n}\n\nasync function sendTicketEmail(ticketId) {\n  try {\n    await tickets.actions.sendEmail(ticketId);\n    alert('Ticket sent successfully!');\n  } catch (error) {\n    console.error('Error sending email:', error);\n    alert('Failed to send ticket');\n  }\n}\n\nfunction copyTicketLink(ticketId) {\n  const link = `${window.location.origin}/tickets/${ticketId}`;\n  navigator.clipboard.writeText(link);\n  setSnack('Link copied to clipboard');\n}\n\nfunction redirectTo() {\n  // Placeholder callback\n}\n</script>\n\n<style lang=\"scss\">\n  .dp__input {\n    border: 0;\n    padding: var(--medium);\n    padding-left: 3rem;\n    background: rgb(var(--grey))\n  }\n</style>\n"],"names":["events.read","auth.state","tickets.actions"],"mappings":"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"}
+{"version":3,"file":"EditEventTickets.vue.js","sources":["../../../../../../../src/modules/events/components/pages/EditEventTickets.vue"],"sourcesContent":["<template>\n  <article v-if=\"event\" class=\"pd-thin bg-white\">\n    <!-- Header -->\n    <header class=\"mn-b-medium flex-v-center flex-nowrap flex\">\n      <h2>Tickets</h2>\n      <button\n        @click=\"openTicketsPopup()\"\n        class=\"mn-l-auto radius-small button t-white bg-second\"\n        v-html=\"'+ Add'\"\n      />\n      <ButtonCheck @qrcodecheck=\"fetchTickets = !fetchTickets\" class=\"mn-l-micro radius-small button t-white bg-second\" />\n    </header>\n\n    <!-- Statistics Cards -->\n    <Block v-if=\"stats\" title=\"Statistics\" class=\"mn-b-thin\">\n      <div class=\"cols-4 mobile:cols-2 gap-thin\">\n        <div class=\"bg-white radius-medium pd-medium\">\n          <p class=\"p-small fw-medium t-transp uppercase mn-b-thin\">Total Tickets</p>\n          <h2 class=\"h2\">{{ stats.total }}</h2>\n        </div>\n        <div class=\"bg-white radius-medium pd-medium\">\n          <p class=\"p-small fw-medium t-transp uppercase mn-b-thin\">Sold</p>\n          <h2 class=\"h2 t-main\">{{ stats.sold }}</h2>\n        </div>\n        <div class=\"bg-white radius-medium pd-medium\">\n          <p class=\"p-small fw-medium t-transp uppercase mn-b-thin\">Free</p>\n          <h2 class=\"h2 t-grey\">{{ stats.free }}</h2>\n        </div>\n        <div class=\"bg-white radius-medium pd-medium\">\n          <p class=\"p-small fw-medium t-transp uppercase mn-b-thin\">Refunds</p>\n          <h2 class=\"h2 t-red\">{{ stats.refunded }}</h2>\n        </div>\n      </div>\n    </Block>\n\n    <!-- Attendance Graph -->\n    <div v-if=\"attendance\" class=\"bg-light radius-medium pd-medium mn-b-thin\">\n      <h4 class=\"mn-b-small fw-medium\">Attendance Graph</h4>\n\n      <!-- General Stats -->\n      <div class=\"flex-nowrap flex gap-thin mn-b-medium\">\n        <div class=\"bg-white radius-small pd-small\">\n          <span class=\"p-micro t-transp uppercase d-block mn-b-thin\">Total</span>\n          <p class=\"p-medium fw-medium\">{{ attendance.total }}</p>\n        </div>\n        <div class=\"bg-white radius-small pd-small\">\n          <span class=\"p-micro t-transp uppercase d-block mn-b-thin\">Expected</span>\n          <p class=\"p-medium fw-medium\">{{ attendance.expected }}</p>\n        </div>\n        <div class=\"bg-white radius-small pd-small\">\n          <span class=\"p-micro t-transp uppercase d-block mn-b-thin\">Arrived</span>\n          <p class=\"p-medium fw-medium t-main\">{{ attendance.arrived }}</p>\n        </div>\n      </div>\n\n      <!-- Timeline Graph -->\n      <div v-if=\"attendance.timeline && attendance.timeline.length\" class=\"flex-nowrap flex flex-justify-around gap-micro scroll-hide o-y-hidden o-x-scroll mn-t-big\">\n        <div\n          v-for=\"slot in attendance.timeline\"\n          :key=\"slot.time\"\n          class=\"flex-column flex-v-center flex gap-micro flex-shrink-0\"\n        >\n          <div\n            v-if=\"maxCount > 0\"\n            class=\"bg-second radius-micro w-2r\"\n            :style=\"{ height: `${Math.max((slot.count / maxCount) * 10, 0.5)}rem` }\"\n          ></div>\n          <div\n            v-else\n            class=\"bg-light radius-micro w-2r h-thin\"\n          ></div>\n          <p class=\"p-nano fw-medium t-nowrap\">{{ slot.time }}</p>\n        </div>\n      </div>\n    </div>\n\n    <!-- Add Tickets Popup -->\n    <Popup\n      @close-popup=\"closeTicketsPopup\"\n      :isPopupOpen=\"isOpenTicketsPopup\"\n      class=\"w-max-40r\"\n    >\n      <Block\n        title=\"Add tickets\"\n        placeholder=\"No parameters added yet\"\n        class=\"cols-1 mn-b-thin gap-thin\"\n      >\n        <div\n          class=\"gap-thin flex-nowrap flex\"\n          v-for=\"(item, index) in newTickets\"\n          :key=\"index\"\n        >\n          <Field\n            v-model:field=\"item.name\"\n            placeholder=\"Name\"\n            class=\"w-50 bg-white radius-small pd-medium\"\n          />\n          <Field\n            v-model:field=\"item.seat\"\n            placeholder=\"Seat\"\n            class=\"w-50 bg-white radius-small pd-medium\"\n          />\n          <Field\n            v-model:field=\"item.email\"\n            placeholder=\"Email\"\n            class=\"w-100 bg-white radius-small pd-medium\"\n          />\n\n          <Field\n            v-model:field=\"item.quantity\"\n            placeholder=\"Quantity\"\n            type=\"number\"\n            class=\"w-25 bg-white radius-small pd-medium\"\n          />\n\n          <div v-if=\"index < 1\" @click=\"() => newTickets.push({name: '', value: '', target: event._id, type: 'event', quantity: 1})\"  class=\"radius-small h-100 i-big flex-center flex aspect-1x1 bg-green\">\n            <IconAdd\n              class=\"i-medium\"\n              :fill=\"'rgb(var(--white))'\"\n            />\n          </div>\n          <div v-else @click=\"() => newTickets.splice(index, 1)\"  class=\"radius-small h-100 i-big flex-center flex aspect-1x1 bg-red\">\n            <IconDelete\n              class=\"i-medium\"\n              :fill=\"'rgb(var(--white))'\"\n            />\n          </div>\n        </div>\n\n         <Button\n            :submit=\"onSubmit\"\n            :callback=\"closeTicketsPopup\"\n            class=\"w-100 bg-black t-white\"\n          >\n            Create Tickets\n          </Button>\n      </Block>\n    </Popup>\n\n    <!-- Tickets List -->\n    <Feed\n      :search=\"true\"\n      :states=\"{\n        empty: {\n          title: 'No Tickets Found',\n          description: 'Currently, there are no tickets.'\n        }\n      }\"\n      :store=\"{\n        read: (options) => tickets.actions.read(options),\n        state: null\n      }\"\n      :options=\"{\n        target: event._id\n      }\"\n      :external=\"fetchTickets\"\n      v-slot=\"{ items }\"\n    >\n      <div\n        v-for=\"(ticket, index) in items\"\n        :key=\"index\"\n        class=\"radius-medium bg-light gap-thin pd-medium flex-v-center flex-nowrap flex pos-relative mn-b-thin mobile:flex-v-start\"\n      >\n        <!-- QR Code - clickable PDF -->\n        <a :href=\"ticket.image\" target=\"_blank\" class=\"flex-shrink-0\">\n          <img loading=\"lazy\" :src=\"ticket.qrcode\" class=\"radius-small h-5r w-5r\">\n        </a>\n\n        <!-- Ticket Info -->\n        <div class=\"w-100 o-hidden\">\n          <h4 class=\"mn-b-thin flex-nowrap flex gap-thin\">\n            <span>{{ ticket.client_refactor?.name || 'No name' }}</span><span v-if=\"ticket.seat\" class=\"pd-thin radius-micro p-small bg-second t-white\"> {{ ticket.seat }}</span>\n          </h4>\n          <p class=\"p-small t-transp mn-b-thin\">\n            {{ ticket.client_refactor?.email || 'No email' }}\n          </p>\n          <span\n            class=\"pd-thin radius-extra t-white fw-medium d-block w-max uppercase p-nano\"\n            :class=\"{\n              'bg-main': ticket.status === 'unused',\n              'bg-grey': ticket.status === 'used',\n              'bg-red': ticket.status === 'deactivated'\n            }\"\n          >\n            {{ ticket.status }}\n          </span>\n        </div>\n\n        <!-- Actions -->\n        <Dropdown\n          :label=\"{ component: IconEllipsis, class: 't-transp i-regular' }\"\n          :align=\"'right'\"\n          class=\"cursor-pointer radius-small pd-small bg-white flex-shrink-0\"\n        >\n          <section class=\"bg-black flex-column flex gap-thin pd-thin radius-small\">\n            <button\n              @click=\"sendTicketEmail(ticket._id)\"\n              class=\"w-100 t-nowrap bg-black br-1px br-white-transp-20 t-white button-small button\"\n            >\n              Send Email\n            </button>\n\n            <button\n              @click=\"copyTicketLink(ticket._id)\"\n              class=\"w-100 bg-black br-1px br-white-transp-20 t-white button-small button\"\n            >\n              Copy Link\n            </button>\n\n            <button\n              v-if=\"ticket.status !== 'deactivated'\"\n              @click=\"changeStatus(ticket, 'deactivated')\"\n              class=\"w-100 bg-black br-1px br-white-transp-20 t-white button-small button\"\n            >\n              Deactivate\n            </button>\n\n            <button\n              v-if=\"ticket.status === 'deactivated' || ticket.status === 'used'\"\n              @click=\"changeStatus(ticket, 'unused')\"\n              class=\"w-100 bg-black br-1px br-white-transp-20 t-white button-small button\"\n            >\n              Activate\n            </button>\n          </section>\n        </Dropdown>\n      </div>\n    </Feed>\n  </article>\n</template>\n\n<script setup>\nimport Feed from '@martyrs/src/components/Feed/Feed.vue';\nimport Block from '@martyrs/src/components/Block/Block.vue';\nimport Popup from \"@martyrs/src/components/Popup/Popup.vue\";\nimport Field from '@martyrs/src/components/Field/Field.vue';\nimport Button from '@martyrs/src/components/Button/Button.vue';\nimport Dropdown from '@martyrs/src/components/Dropdown/Dropdown.vue';\n\nimport ButtonCheck from '@martyrs/src/modules/events/components/elements/ButtonCheck.vue';\n\nimport IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue';\nimport IconAdd from '@martyrs/src/modules/icons/navigation/IconAdd.vue';\nimport IconFile from '@martyrs/src/modules/icons/entities/IconFile.vue';\nimport IconEmail from '@martyrs/src/modules/icons/entities/IconEmail.vue';\nimport IconAttach from '@martyrs/src/modules/icons/navigation/IconAttach.vue';\nimport IconDuplicate from '@martyrs/src/modules/icons/actions/IconDuplicate.vue';\nimport IconEllipsis from '@martyrs/src/modules/icons/navigation/IconEllipsis.vue';\n\nimport { ref, onMounted, computed } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\n\nimport * as events from '@martyrs/src/modules/events/store/events.js';\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\nimport * as tickets from '@martyrs/src/modules/events/store/tickets.js';\nimport { setSnack } from '@martyrs/src/modules/core/views/store/core.store.js';\n\nimport { useGlobalMixins } from \"@martyrs/src/modules/core/views/mixins/mixins.js\";\n\nconst { hasAccess } = useGlobalMixins();\n\nconst route = useRoute();\nconst router = useRouter();\n\nlet event = ref(null);\nconst stats = ref(null);\nconst attendance = ref(null);\n\nconst newTickets = ref([{\n  name: '',\n  email: '',\n  target: null,\n  type: 'event',\n  seat: '',\n  quantity: 1,\n}]);\n\nconst isOpenTicketsPopup = ref(false);\n\nfunction openTicketsPopup() {\n  isOpenTicketsPopup.value = true;\n\n  newTickets.value = [{\n    name: '',\n    email: '',\n    target: event.value?._id,\n    type: 'event',\n    seat: '',\n    quantity: 1,\n  }];\n}\n\nfunction closeTicketsPopup() {\n  isOpenTicketsPopup.value = false;\n}\n\nconst fetchTickets = ref(false);\n\n// Computed for max count in timeline\nconst maxCount = computed(() => {\n  if (!attendance.value?.timeline) return 0;\n  return Math.max(...attendance.value.timeline.map(slot => slot.count), 1);\n});\n\nonMounted(async () => {\n  const data = await events.read({ user: auth.state.user._id, url: route.params.url });\n\n  event.value = data.pop();\n\n  if (!event.value) {\n    router.push({name: 'notfound'});\n  }\n\n  if (event.value.owner.type === 'organization') {\n    const isAccess = hasAccess(event.value.owner.target._id, 'events', 'edit', auth.state.accesses, auth.state.access.roles);\n\n    if (!isAccess) {\n      router.push({name: 'unauthorized'});\n    }\n  } else {\n    if (event.value.creator.target._id !== auth.state.user._id) {\n      router.push({name: 'unauthorized'});\n    }\n  }\n\n  // Load statistics\n  try {\n    stats.value = await tickets.actions.getStats(event.value._id);\n    attendance.value = await tickets.actions.getAttendance(event.value._id);\n  } catch (error) {\n    console.error('Error loading stats:', error);\n  }\n});\n\nasync function onSubmit() {\n  try {\n    const response = await tickets.actions.create(newTickets.value);\n    fetchTickets.value = !fetchTickets.value;\n\n    // Refresh stats\n    stats.value = await tickets.actions.getStats(event.value._id);\n    attendance.value = await tickets.actions.getAttendance(event.value._id);\n  } catch (error) {\n    console.log(error);\n  }\n}\n\nasync function changeStatus(ticket, status) {\n  if (confirm('Are you sure you want to change ticket status?')) {\n    try {\n      const response = await tickets.actions.update({ ...ticket, status: status });\n      fetchTickets.value = !fetchTickets.value;\n\n      // Refresh stats\n      stats.value = await tickets.actions.getStats(event.value._id);\n      attendance.value = await tickets.actions.getAttendance(event.value._id);\n    } catch (error) {\n      console.error(error);\n    }\n  }\n}\n\nfunction viewPdf(ticket) {\n  if (ticket.image) {\n    window.open(ticket.image, '_blank');\n  } else {\n    alert('PDF not available for this ticket');\n  }\n}\n\nasync function sendTicketEmail(ticketId) {\n  try {\n    await tickets.actions.sendEmail(ticketId);\n    alert('Ticket sent successfully!');\n  } catch (error) {\n    console.error('Error sending email:', error);\n    alert('Failed to send ticket');\n  }\n}\n\nfunction copyTicketLink(ticketId) {\n  const link = `${window.location.origin}/tickets/${ticketId}`;\n  navigator.clipboard.writeText(link);\n  setSnack('Link copied to clipboard');\n}\n\nfunction redirectTo() {\n  // Placeholder callback\n}\n</script>\n\n<style lang=\"scss\">\n  .dp__input {\n    border: 0;\n    padding: var(--medium);\n    padding-left: 3rem;\n    background: rgb(var(--grey))\n  }\n</style>\n"],"names":["events.read","auth.state","tickets.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmQA,UAAM,EAAE,UAAS,IAAK,gBAAe;AAErC,UAAM,QAAQ,SAAQ;AACtB,UAAM,SAAS,UAAS;AAExB,QAAI,QAAQ,IAAI,IAAI;AACpB,UAAM,QAAQ,IAAI,IAAI;AACtB,UAAM,aAAa,IAAI,IAAI;AAE3B,UAAM,aAAa,IAAI,CAAC;AAAA,MACtB,MAAM;AAAA,MACN,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,IACZ,CAAC,CAAC;AAEF,UAAM,qBAAqB,IAAI,KAAK;AAEpC,aAAS,mBAAmB;AAC1B,yBAAmB,QAAQ;AAE3B,iBAAW,QAAQ,CAAC;AAAA,QAClB,MAAM;AAAA,QACN,OAAO;AAAA,QACP,QAAQ,MAAM,OAAO;AAAA,QACrB,MAAM;AAAA,QACN,MAAM;AAAA,QACN,UAAU;AAAA,MACd,CAAG;AAAA,IACH;AAEA,aAAS,oBAAoB;AAC3B,yBAAmB,QAAQ;AAAA,IAC7B;AAEA,UAAM,eAAe,IAAI,KAAK;AAG9B,UAAM,WAAW,SAAS,MAAM;AAC9B,UAAI,CAAC,WAAW,OAAO,SAAU,QAAO;AACxC,aAAO,KAAK,IAAI,GAAG,WAAW,MAAM,SAAS,IAAI,UAAQ,KAAK,KAAK,GAAG,CAAC;AAAA,IACzE,CAAC;AAED,cAAU,YAAY;AACpB,YAAM,OAAO,MAAMA,KAAY,EAAE,MAAMC,MAAW,KAAK,KAAK,KAAK,MAAM,OAAO,IAAG,CAAE;AAEnF,YAAM,QAAQ,KAAK,IAAG;AAEtB,UAAI,CAAC,MAAM,OAAO;AAChB,eAAO,KAAK,EAAC,MAAM,WAAU,CAAC;AAAA,MAChC;AAEA,UAAI,MAAM,MAAM,MAAM,SAAS,gBAAgB;AAC7C,cAAM,WAAW,UAAU,MAAM,MAAM,MAAM,OAAO,KAAK,UAAU,QAAQA,MAAW,UAAUA,MAAW,OAAO,KAAK;AAEvH,YAAI,CAAC,UAAU;AACb,iBAAO,KAAK,EAAC,MAAM,eAAc,CAAC;AAAA,QACpC;AAAA,MACF,OAAO;AACL,YAAI,MAAM,MAAM,QAAQ,OAAO,QAAQA,MAAW,KAAK,KAAK;AAC1D,iBAAO,KAAK,EAAC,MAAM,eAAc,CAAC;AAAA,QACpC;AAAA,MACF;AAGA,UAAI;AACF,cAAM,QAAQ,MAAMC,QAAgB,SAAS,MAAM,MAAM,GAAG;AAC5D,mBAAW,QAAQ,MAAMA,QAAgB,cAAc,MAAM,MAAM,GAAG;AAAA,MACxE,SAAS,OAAO;AACd,gBAAQ,MAAM,wBAAwB,KAAK;AAAA,MAC7C;AAAA,IACF,CAAC;AAED,mBAAe,WAAW;AACxB,UAAI;AACF,cAAM,WAAW,MAAMA,QAAgB,OAAO,WAAW,KAAK;AAC9D,qBAAa,QAAQ,CAAC,aAAa;AAGnC,cAAM,QAAQ,MAAMA,QAAgB,SAAS,MAAM,MAAM,GAAG;AAC5D,mBAAW,QAAQ,MAAMA,QAAgB,cAAc,MAAM,MAAM,GAAG;AAAA,MACxE,SAAS,OAAO;AACd,gBAAQ,IAAI,KAAK;AAAA,MACnB;AAAA,IACF;AAEA,mBAAe,aAAa,QAAQ,QAAQ;AAC1C,UAAI,QAAQ,gDAAgD,GAAG;AAC7D,YAAI;AACF,gBAAM,WAAW,MAAMA,QAAgB,OAAO,EAAE,GAAG,QAAQ,QAAgB;AAC3E,uBAAa,QAAQ,CAAC,aAAa;AAGnC,gBAAM,QAAQ,MAAMA,QAAgB,SAAS,MAAM,MAAM,GAAG;AAC5D,qBAAW,QAAQ,MAAMA,QAAgB,cAAc,MAAM,MAAM,GAAG;AAAA,QACxE,SAAS,OAAO;AACd,kBAAQ,MAAM,KAAK;AAAA,QACrB;AAAA,MACF;AAAA,IACF;AAUA,mBAAe,gBAAgB,UAAU;AACvC,UAAI;AACF,cAAMA,QAAgB,UAAU,QAAQ;AACxC,cAAM,2BAA2B;AAAA,MACnC,SAAS,OAAO;AACd,gBAAQ,MAAM,wBAAwB,KAAK;AAC3C,cAAM,uBAAuB;AAAA,MAC/B;AAAA,IACF;AAEA,aAAS,eAAe,UAAU;AAChC,YAAM,OAAO,GAAG,OAAO,SAAS,MAAM,YAAY,QAAQ;AAC1D,gBAAU,UAAU,UAAU,IAAI;AAClC,eAAS,0BAA0B;AAAA,IACrC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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 } 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";
 import HeroEvent from "../sections/HeroEvent.vue.js";
@@ -11,12 +11,12 @@ import { useRoute } from "vue-router";
 import { useGlobalMixins } from "../../../core/views/mixins/mixins.js";
 import SkeletonEvent from "../../../icons/skeletons/SkeletonEvent.vue.js";
 /* empty css                                           */
-/* empty css                                            */
+/* empty css                                           */
 /* empty css                                           */
 /* empty css                                      */
 /* empty css                                                                 */
 /* empty css                                                                  */
-/* empty css                                                   */
+/* empty css                                                  */
 /* empty css                                    */
 /* empty css                                             */
 /* empty css                                 */
@@ -31,14 +31,14 @@ import { useI18n } from "vue-i18n";
 const _hoisted_1 = { id: "eventPage" };
 const _hoisted_2 = {
   key: 2,
-  class: "cols-2-2_1 gap-small bg-white t-black pd-t-zero mobile:pd-small pd-extra"
+  class: "cols-[2fr_1fr] mobile:cols-1 gap-small bg-white t-black pd-t-zero mobile:pd-small pd-extra"
 };
 const _hoisted_3 = { class: "bg-light mobile:pd-medium pd-big radius-big" };
 const _hoisted_4 = { class: "z-index-1 mn-b-semi" };
-const _hoisted_5 = { class: "flex flex-wrap gap-micro t-medium p-medium mn-b-semi justify-start align-center" };
+const _hoisted_5 = { class: "flex flex-wrap gap-micro fw-medium p-medium mn-b-semi justify-start align-center" };
 const _hoisted_6 = {
   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"
+  class: "mn-r-nano d-inline-block w-max pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small fw-medium bg-white"
 };
 const _hoisted_7 = { class: "z-index-1 p-medium mn-b-semi" };
 const _hoisted_8 = {
@@ -51,7 +51,7 @@ const _hoisted_11 = { class: "mn-b-small flex-nowrap flex-v-center flex pos-rela
 const _hoisted_12 = { class: "pd-medium w-100 radius-medium bg-white mn-b-small" };
 const _hoisted_13 = { class: "flex-nowrap mn-b-small p-medium flex" };
 const _hoisted_14 = { class: "mn-r-auto" };
-const _hoisted_15 = { class: "t-medium" };
+const _hoisted_15 = { class: "fw-medium" };
 const _hoisted_16 = ["href"];
 const _hoisted_17 = {
   key: 2,
@@ -147,7 +147,7 @@ const _sfc_main = {
                       ]),
                       createElementVNode("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"
+                        class: "d-block t-center pd-l-medium pd-r-medium pd-t-small pd-b-small radius-extra uppercase fw-medium t-white w-100 bg-second"
                       }, " Buy Now ", 8, _hoisted_16)
                     ]);
                   }), 256)) : createCommentVNode("", true),

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-medium 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, locale)}}\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-medium 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-medium 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-medium mobile:radius-zero 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/core/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.js';\n\nimport { useRoute } from 'vue-router';\nimport { useI18n } from 'vue-i18n';\nimport { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.js';\n\nconst route = useRoute();\nconst { locale } = useI18n();\nconst { returnCurrency, formatDate } = useGlobalMixins();\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoJA,UAAM,QAAQ,SAAQ;AACtB,UAAM,EAAE,OAAM,IAAK,QAAO;AAC1B,UAAM,EAAE,gBAAgB,WAAU,IAAK,gBAAe;AACtD,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-[2fr_1fr] mobile:cols-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 fw-medium p-medium 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 fw-medium bg-white\">\n              <IconDate :fill=\"'rgb(var(--black))'\" class=\"w-1r h-auto\"/>\n              {{formatDate(event.date.start, locale)}}\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-medium 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-medium flex\">\n                  <span class=\"mn-r-auto\">{{ticketType.name}}</span>\n                  <span class=\"fw-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 fw-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-medium mobile:radius-zero 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/core/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.js';\n\nimport { useRoute } from 'vue-router';\nimport { useI18n } from 'vue-i18n';\nimport { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.js';\n\nconst route = useRoute();\nconst { locale } = useI18n();\nconst { returnCurrency, formatDate } = useGlobalMixins();\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoJA,UAAM,QAAQ,SAAQ;AACtB,UAAM,EAAE,OAAM,IAAK,QAAO;AAC1B,UAAM,EAAE,gBAAgB,WAAU,IAAK,gBAAe;AACtD,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -73,7 +73,7 @@ const _sfc_main = {
               dateStart: 0,
               dateEnd: 30
             },
-            class: "bs-black-small br-b br-solid br-black-transp-10 o-hidden bg-white pd-l-zero pd-r-zero pd-thin"
+            class: "bs-black-small br-b-1px br-black-transp-10 o-hidden bg-white pd-l-zero pd-r-zero pd-thin"
           }, null, 8, ["locale"])
         ]),
         createElementVNode("section", _hoisted_3, [
@@ -82,7 +82,7 @@ const _sfc_main = {
               _cache[0] || (_cache[0] = createTextVNode(" Events in ")),
               createElementVNode("p", {
                 onClick: openCitySelectionPopup,
-                class: "d-inline-block hover-bg-second hover-t-white cursor-pointer transition-elastic transition-timing-1 h2 pd-micro pd-t-thin pd-r-small pd-l-small br-solid br-1px br-black-transp-10 radius-extra"
+                class: "d-inline-block hover:bg-second hover:t-white cursor-pointer ease-elastic duration-150 h2 pd-micro pd-t-thin pd-r-small pd-l-small br-1px br-black-transp-10 radius-extra"
               }, "Phuket")
             ]),
             createVNode(_sfc_main$2, {