@ozdao/prometheus-framework 0.2.330 → 0.2.331

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

@@ -9,7 +9,7 @@ const vueDatepicker = require("../../../../../../node_modules/@vuepic/vue-datepi
 ;/* empty css                                               */
 const Block = require("../../../../components/Block/Block.vue.cjs");
 const Popup = require("../../../../components/Popup/Popup.vue.cjs");
-const Field = require("../../../../components/Field/Field.vue.cjs");
+const Field = require("../../../../components/Field/Field.vue2.cjs");
 const BlockTags = require("../../../../components/FieldTags/BlockTags.vue.cjs");
 const Checkbox = require("../../../../components/Checkbox/Checkbox.vue.cjs");
 ;/* empty css                                                   */
@@ -19,7 +19,7 @@ const UploadImage = require("../../../../components/UploadImage/UploadImage.vue.
 ;/* empty css                                         */
 require("../../../../components/EditImages/EditImages.vue.cjs");
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");
-const Button = require("../../../../components/Button/Button.vue.cjs");
+const Button = require("../../../../components/Button/Button.vue2.cjs");
 const Card = require("../../../globals/views/components/blocks/Card.vue.cjs");
 const IconDelete = require("../../../icons/navigation/IconDelete.vue.cjs");
 const vueRouter = require("vue-router");

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

@@ -1 +1 @@
-{"version":3,"file":"EditEvent.vue.cjs","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-semi 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      <VueDatePicker v-model=\"date\"  range class=\"z-index-3 radius-small mn-b-semi bg-white\" />\n    </div>\n\n   <!--    <Calendar\n        v-model:date=\"date\"\n        :locale=\"$i18n.locale\"\n        :allowRange=\"false\"\n        class=\"radius-semi w-100 o-hidden bg-light\"\n      /> -->\n\n    <Block\n      title=\"Tickets\"\n      placeholder=\"No line ups added yet\"\n      :actions=\"[{\n        label: '+',\n        function: () => event.ticketsTypes.push({name: null, description: null, photo: null, main: false})\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=\"(item, index) in event.ticketsTypes\" \n        :key=\"index\"\n      > \n        <Field\n          v-model:field=\"item.name\"\n          placeholder=\"Name\"\n          class=\"w-100  bg-white radius-small pd-medium\"\n        />  \n        <Field\n          v-model:field=\"item.price\"\n          placeholder=\"Price\"\n          class=\"w-100  bg-white radius-small pd-medium\"\n        />\n        <div @click=\"() => event.ticketsTypes.splice(index, 1)\" class=\"radius-small h-100 i-big flex-center flex aspect-1x1 bg-red\">\n          <IconDelete \n            class=\"i-medium\"\n          />\n        </div>\n      </div>\n    </Block>\n\n\t\t<section v-if=\"event\" class=\"pd-b-extra w-100 bg-light pd-big radius-big\">\n      <Constructor \n        :content=\"event.content\"\n        @update=\"update => event.content = update\"\n      />\n    </section>\n\n    <section v-if=\"event\" class=\"pd-thin pos-sticky pos-l-0 pos-b-0 w-100 \">\n      <div class=\"pd-thin radius-big  bg-main w-100 flex-nowrap flex\">\n        <a v-if=\"route.params.url\" @click=\"onDelete()\" class=\"mn-r-auto bg-red t-white t-black button\">Delete</a>\n        <a @click=\"onDrafts()\" class=\"mn-l-auto bg-white t-black button\">To Drafts</a>\n        <a @click=\"openPublicationPopup()\" class=\"mn-l-thin bg-black t-white button\">Publish</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-thin\">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 '@pf/src/modules/constructor/components/elements/Textarea.vue';\nimport Constructor from '@pf/src/modules/constructor/components/sections/Constructor.vue';\n\nimport VueDatePicker from '@vuepic/vue-datepicker';\nimport '@vuepic/vue-datepicker/dist/main.css'\n\n\n\nimport Calendar from '@pf/src/components/DatePicker/Calendar.vue'\n\nimport Block from '@pf/src/components/Block/Block.vue';\nimport Popup from '@pf/src/components/Popup/Popup.vue';\nimport Field from '@pf/src/components/Field/Field.vue'\nimport BlockTags from '@pf/src/components/FieldTags/BlockTags.vue';\nimport Checkbox from '@pf/src/components/Checkbox/Checkbox.vue';\nimport SelectMulti from '@pf/src/components/SelectMulti/SelectMulti.vue';\nimport Upload  from '@pf/src/components/Upload/Upload.vue';\nimport UploadImage from '@pf/src/components/UploadImage/UploadImage.vue';\nimport EditImages from '@pf/src/components/EditImages/EditImages.vue';\nimport Feed from '@pf/src/components/Feed/Feed.vue'\nimport Button from '@pf/src/components/Button/Button.vue';   \n\nimport Card from '@pf/src/modules/globals/views/components/blocks/Card.vue';\n\nimport IconDelete from '@pf/src/modules/icons/navigation/IconDelete.vue';\n\nimport { ref, onMounted } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\n\nimport { useGlobalMixins } from \"@pf/src/modules/globals/views/mixins/mixins.js\"\n\nimport * as events from '@pf/src/modules/events/store/events.js';\nimport * as auth from '@pf/src/modules/auth/views/store/auth';\nimport * as organizations from '@pf/src/modules/organizations/store/organizations';\n\nconst route = useRoute();\nconst router = useRouter();\n\nconst { hasAccess } = useGlobalMixins()\n\nlet event = ref(null);\nlet publics = ref(null);\n\nconst selectedTags = ref([]);\nconst selectedOrganization = ref(null);\n\nconst date = ref(new Date);\nconst customPosition = () => ({ top: 0, left: 0 });\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);\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    const startDate = event.value.date.start;\n    const endDate = event.value.date.end;\n\n    date.value = [startDate, endDate];\n\n  } else {\n    events.clean();\n    event.value = events.state.current;\n\n    const startDate = new Date();\n    const endDate = new Date();\n    date.value = [startDate, endDate];\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.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 onDrafts() {\n\n  if (selectedTags.value.length > 0) selectedTags.value.map(tag => (tag.text))\n\n  event.value.status = \"draft\"\n  \n  event.value.date = {\n    start: date.value[0],\n    end: date.value[1]\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\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  event.value.date = {\n    start: date.value[0],\n    end: date.value[1]\n  }\n\n  console.log(date.value)\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":["useRoute","useRouter","useGlobalMixins","ref","onMounted","events.read","auth.state","events.clean","events.state","events.update","events.create","events.remove"],"mappings":"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"}
+{"version":3,"file":"EditEvent.vue.cjs","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-semi 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      <VueDatePicker v-model=\"date\"  range class=\"z-index-3 radius-small mn-b-semi bg-white\" />\n    </div>\n\n   <!--    <Calendar\n        v-model:date=\"date\"\n        :locale=\"$i18n.locale\"\n        :allowRange=\"false\"\n        class=\"radius-semi w-100 o-hidden bg-light\"\n      /> -->\n\n    <Block\n      title=\"Tickets\"\n      placeholder=\"No line ups added yet\"\n      :actions=\"[{\n        label: '+',\n        function: () => event.ticketsTypes.push({name: null, description: null, photo: null, main: false})\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=\"(item, index) in event.ticketsTypes\" \n        :key=\"index\"\n      > \n        <Field\n          v-model:field=\"item.name\"\n          placeholder=\"Name\"\n          class=\"w-100  bg-white radius-small pd-medium\"\n        />  \n        <Field\n          v-model:field=\"item.price\"\n          placeholder=\"Price\"\n          class=\"w-100  bg-white radius-small pd-medium\"\n        />\n        <div @click=\"() => event.ticketsTypes.splice(index, 1)\" class=\"radius-small h-100 i-big flex-center flex aspect-1x1 bg-red\">\n          <IconDelete \n            class=\"i-medium\"\n          />\n        </div>\n      </div>\n    </Block>\n\n\t\t<section v-if=\"event\" class=\"pd-b-extra w-100 bg-light pd-big radius-big\">\n      <Constructor \n        :content=\"event.content\"\n        @update=\"update => event.content = update\"\n      />\n    </section>\n\n    <section v-if=\"event\" class=\"pd-thin pos-sticky pos-l-0 pos-b-0 w-100 \">\n      <div class=\"pd-thin radius-big  bg-main w-100 flex-nowrap flex\">\n        <a v-if=\"route.params.url\" @click=\"onDelete()\" class=\"mn-r-auto bg-red t-white t-black button\">Delete</a>\n        <a @click=\"onDrafts()\" class=\"mn-l-auto bg-white t-black button\">To Drafts</a>\n        <a @click=\"openPublicationPopup()\" class=\"mn-l-thin bg-black t-white button\">Publish</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-thin\">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 '@pf/src/modules/constructor/components/elements/Textarea.vue';\nimport Constructor from '@pf/src/modules/constructor/components/sections/Constructor.vue';\n\nimport VueDatePicker from '@vuepic/vue-datepicker';\nimport '@vuepic/vue-datepicker/dist/main.css'\n\n\n\nimport Calendar from '@pf/src/components/DatePicker/Calendar.vue'\n\nimport Block from '@pf/src/components/Block/Block.vue';\nimport Popup from '@pf/src/components/Popup/Popup.vue';\nimport Field from '@pf/src/components/Field/Field.vue'\nimport BlockTags from '@pf/src/components/FieldTags/BlockTags.vue';\nimport Checkbox from '@pf/src/components/Checkbox/Checkbox.vue';\nimport SelectMulti from '@pf/src/components/SelectMulti/SelectMulti.vue';\nimport Upload  from '@pf/src/components/Upload/Upload.vue';\nimport UploadImage from '@pf/src/components/UploadImage/UploadImage.vue';\nimport EditImages from '@pf/src/components/EditImages/EditImages.vue';\nimport Feed from '@pf/src/components/Feed/Feed.vue'\nimport Button from '@pf/src/components/Button/Button.vue';   \n\nimport Card from '@pf/src/modules/globals/views/components/blocks/Card.vue';\n\nimport IconDelete from '@pf/src/modules/icons/navigation/IconDelete.vue';\n\nimport { ref, onMounted } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\n\nimport { useGlobalMixins } from \"@pf/src/modules/globals/views/mixins/mixins.js\"\n\nimport * as events from '@pf/src/modules/events/store/events.js';\nimport * as auth from '@pf/src/modules/auth/views/store/auth';\nimport * as organizations from '@pf/src/modules/organizations/store/organizations';\n\nconst route = useRoute();\nconst router = useRouter();\n\nconst { hasAccess } = useGlobalMixins()\n\nlet event = ref(null);\nlet publics = ref(null);\n\nconst selectedTags = ref([]);\nconst selectedOrganization = ref(null);\n\nconst date = ref(new Date);\nconst customPosition = () => ({ top: 0, left: 0 });\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);\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    const startDate = event.value.date.start;\n    const endDate = event.value.date.end;\n\n    date.value = [startDate, endDate];\n\n  } else {\n    events.clean();\n    event.value = events.state.current;\n\n    const startDate = new Date();\n    const endDate = new Date();\n    date.value = [startDate, endDate];\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.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 onDrafts() {\n\n  if (selectedTags.value.length > 0) selectedTags.value.map(tag => (tag.text))\n\n  event.value.status = \"draft\"\n  \n  event.value.date = {\n    start: date.value[0],\n    end: date.value[1]\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\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  event.value.date = {\n    start: date.value[0],\n    end: date.value[1]\n  }\n\n  console.log(date.value)\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":["useRoute","useRouter","useGlobalMixins","ref","onMounted","events.read","auth.state","events.clean","events.state","events.update","events.create","events.remove"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-import { ref, onMounted, unref, openBlock, createElementBlock, createElementVNode, createVNode, withCtx, Fragment, renderList, createCommentVNode, createBlock, isMemoSame, createTextVNode } from "vue";
+import { ref, onMounted, createElementBlock, createCommentVNode, unref, openBlock, createElementVNode, createVNode, withCtx, Fragment, renderList, createBlock, isMemoSame, createTextVNode } from "vue";
 import "isomorphic-dompurify";
 /* empty css                                                    */
 import _sfc_main$4 from "../../../constructor/components/sections/Constructor.vue.js";
@@ -7,7 +7,7 @@ import Vn from "../../../../../../node_modules/@vuepic/vue-datepicker/dist/vue-d
 /* empty css                                             */
 import _sfc_main$2 from "../../../../components/Block/Block.vue.js";
 import _sfc_main$5 from "../../../../components/Popup/Popup.vue.js";
-import Field from "../../../../components/Field/Field.vue.js";
+import Field from "../../../../components/Field/Field.vue2.js";
 import _sfc_main$6 from "../../../../components/FieldTags/BlockTags.vue.js";
 import _sfc_main$9 from "../../../../components/Checkbox/Checkbox.vue.js";
 /* empty css                                                 */
@@ -17,12 +17,12 @@ import _sfc_main$1 from "../../../../components/UploadImage/UploadImage.vue.js";
 /* empty css                                       */
 import "../../../../components/EditImages/EditImages.vue.js";
 import _sfc_main$8 from "../../../../components/Feed/Feed.vue.js";
-import _sfc_main$a from "../../../../components/Button/Button.vue.js";
+import _sfc_main$a from "../../../../components/Button/Button.vue2.js";
 import _sfc_main$7 from "../../../globals/views/components/blocks/Card.vue.js";
 import _sfc_main$3 from "../../../icons/navigation/IconDelete.vue.js";
 import { useRoute, useRouter } from "vue-router";
 import { useGlobalMixins } from "../../../globals/views/mixins/mixins.js";
-import { read, clean, state as state$1, update, create, remove } from "../../store/events.js";
+import { read, clean, state as state$1, remove, update, create } from "../../store/events.js";
 import { state } from "../../../auth/views/store/auth.js";
 import { actions } from "../../../organizations/store/organizations.js";
 /* empty css               */

package/dist/prometheus-framework/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-semi 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      <VueDatePicker v-model=\"date\"  range class=\"z-index-3 radius-small mn-b-semi bg-white\" />\n    </div>\n\n   <!--    <Calendar\n        v-model:date=\"date\"\n        :locale=\"$i18n.locale\"\n        :allowRange=\"false\"\n        class=\"radius-semi w-100 o-hidden bg-light\"\n      /> -->\n\n    <Block\n      title=\"Tickets\"\n      placeholder=\"No line ups added yet\"\n      :actions=\"[{\n        label: '+',\n        function: () => event.ticketsTypes.push({name: null, description: null, photo: null, main: false})\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=\"(item, index) in event.ticketsTypes\" \n        :key=\"index\"\n      > \n        <Field\n          v-model:field=\"item.name\"\n          placeholder=\"Name\"\n          class=\"w-100  bg-white radius-small pd-medium\"\n        />  \n        <Field\n          v-model:field=\"item.price\"\n          placeholder=\"Price\"\n          class=\"w-100  bg-white radius-small pd-medium\"\n        />\n        <div @click=\"() => event.ticketsTypes.splice(index, 1)\" class=\"radius-small h-100 i-big flex-center flex aspect-1x1 bg-red\">\n          <IconDelete \n            class=\"i-medium\"\n          />\n        </div>\n      </div>\n    </Block>\n\n\t\t<section v-if=\"event\" class=\"pd-b-extra w-100 bg-light pd-big radius-big\">\n      <Constructor \n        :content=\"event.content\"\n        @update=\"update => event.content = update\"\n      />\n    </section>\n\n    <section v-if=\"event\" class=\"pd-thin pos-sticky pos-l-0 pos-b-0 w-100 \">\n      <div class=\"pd-thin radius-big  bg-main w-100 flex-nowrap flex\">\n        <a v-if=\"route.params.url\" @click=\"onDelete()\" class=\"mn-r-auto bg-red t-white t-black button\">Delete</a>\n        <a @click=\"onDrafts()\" class=\"mn-l-auto bg-white t-black button\">To Drafts</a>\n        <a @click=\"openPublicationPopup()\" class=\"mn-l-thin bg-black t-white button\">Publish</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-thin\">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 '@pf/src/modules/constructor/components/elements/Textarea.vue';\nimport Constructor from '@pf/src/modules/constructor/components/sections/Constructor.vue';\n\nimport VueDatePicker from '@vuepic/vue-datepicker';\nimport '@vuepic/vue-datepicker/dist/main.css'\n\n\n\nimport Calendar from '@pf/src/components/DatePicker/Calendar.vue'\n\nimport Block from '@pf/src/components/Block/Block.vue';\nimport Popup from '@pf/src/components/Popup/Popup.vue';\nimport Field from '@pf/src/components/Field/Field.vue'\nimport BlockTags from '@pf/src/components/FieldTags/BlockTags.vue';\nimport Checkbox from '@pf/src/components/Checkbox/Checkbox.vue';\nimport SelectMulti from '@pf/src/components/SelectMulti/SelectMulti.vue';\nimport Upload  from '@pf/src/components/Upload/Upload.vue';\nimport UploadImage from '@pf/src/components/UploadImage/UploadImage.vue';\nimport EditImages from '@pf/src/components/EditImages/EditImages.vue';\nimport Feed from '@pf/src/components/Feed/Feed.vue'\nimport Button from '@pf/src/components/Button/Button.vue';   \n\nimport Card from '@pf/src/modules/globals/views/components/blocks/Card.vue';\n\nimport IconDelete from '@pf/src/modules/icons/navigation/IconDelete.vue';\n\nimport { ref, onMounted } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\n\nimport { useGlobalMixins } from \"@pf/src/modules/globals/views/mixins/mixins.js\"\n\nimport * as events from '@pf/src/modules/events/store/events.js';\nimport * as auth from '@pf/src/modules/auth/views/store/auth';\nimport * as organizations from '@pf/src/modules/organizations/store/organizations';\n\nconst route = useRoute();\nconst router = useRouter();\n\nconst { hasAccess } = useGlobalMixins()\n\nlet event = ref(null);\nlet publics = ref(null);\n\nconst selectedTags = ref([]);\nconst selectedOrganization = ref(null);\n\nconst date = ref(new Date);\nconst customPosition = () => ({ top: 0, left: 0 });\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);\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    const startDate = event.value.date.start;\n    const endDate = event.value.date.end;\n\n    date.value = [startDate, endDate];\n\n  } else {\n    events.clean();\n    event.value = events.state.current;\n\n    const startDate = new Date();\n    const endDate = new Date();\n    date.value = [startDate, endDate];\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.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 onDrafts() {\n\n  if (selectedTags.value.length > 0) selectedTags.value.map(tag => (tag.text))\n\n  event.value.status = \"draft\"\n  \n  event.value.date = {\n    start: date.value[0],\n    end: date.value[1]\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\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  event.value.date = {\n    start: date.value[0],\n    end: date.value[1]\n  }\n\n  console.log(date.value)\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-semi 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      <VueDatePicker v-model=\"date\"  range class=\"z-index-3 radius-small mn-b-semi bg-white\" />\n    </div>\n\n   <!--    <Calendar\n        v-model:date=\"date\"\n        :locale=\"$i18n.locale\"\n        :allowRange=\"false\"\n        class=\"radius-semi w-100 o-hidden bg-light\"\n      /> -->\n\n    <Block\n      title=\"Tickets\"\n      placeholder=\"No line ups added yet\"\n      :actions=\"[{\n        label: '+',\n        function: () => event.ticketsTypes.push({name: null, description: null, photo: null, main: false})\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=\"(item, index) in event.ticketsTypes\" \n        :key=\"index\"\n      > \n        <Field\n          v-model:field=\"item.name\"\n          placeholder=\"Name\"\n          class=\"w-100  bg-white radius-small pd-medium\"\n        />  \n        <Field\n          v-model:field=\"item.price\"\n          placeholder=\"Price\"\n          class=\"w-100  bg-white radius-small pd-medium\"\n        />\n        <div @click=\"() => event.ticketsTypes.splice(index, 1)\" class=\"radius-small h-100 i-big flex-center flex aspect-1x1 bg-red\">\n          <IconDelete \n            class=\"i-medium\"\n          />\n        </div>\n      </div>\n    </Block>\n\n\t\t<section v-if=\"event\" class=\"pd-b-extra w-100 bg-light pd-big radius-big\">\n      <Constructor \n        :content=\"event.content\"\n        @update=\"update => event.content = update\"\n      />\n    </section>\n\n    <section v-if=\"event\" class=\"pd-thin pos-sticky pos-l-0 pos-b-0 w-100 \">\n      <div class=\"pd-thin radius-big  bg-main w-100 flex-nowrap flex\">\n        <a v-if=\"route.params.url\" @click=\"onDelete()\" class=\"mn-r-auto bg-red t-white t-black button\">Delete</a>\n        <a @click=\"onDrafts()\" class=\"mn-l-auto bg-white t-black button\">To Drafts</a>\n        <a @click=\"openPublicationPopup()\" class=\"mn-l-thin bg-black t-white button\">Publish</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-thin\">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 '@pf/src/modules/constructor/components/elements/Textarea.vue';\nimport Constructor from '@pf/src/modules/constructor/components/sections/Constructor.vue';\n\nimport VueDatePicker from '@vuepic/vue-datepicker';\nimport '@vuepic/vue-datepicker/dist/main.css'\n\n\n\nimport Calendar from '@pf/src/components/DatePicker/Calendar.vue'\n\nimport Block from '@pf/src/components/Block/Block.vue';\nimport Popup from '@pf/src/components/Popup/Popup.vue';\nimport Field from '@pf/src/components/Field/Field.vue'\nimport BlockTags from '@pf/src/components/FieldTags/BlockTags.vue';\nimport Checkbox from '@pf/src/components/Checkbox/Checkbox.vue';\nimport SelectMulti from '@pf/src/components/SelectMulti/SelectMulti.vue';\nimport Upload  from '@pf/src/components/Upload/Upload.vue';\nimport UploadImage from '@pf/src/components/UploadImage/UploadImage.vue';\nimport EditImages from '@pf/src/components/EditImages/EditImages.vue';\nimport Feed from '@pf/src/components/Feed/Feed.vue'\nimport Button from '@pf/src/components/Button/Button.vue';   \n\nimport Card from '@pf/src/modules/globals/views/components/blocks/Card.vue';\n\nimport IconDelete from '@pf/src/modules/icons/navigation/IconDelete.vue';\n\nimport { ref, onMounted } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\n\nimport { useGlobalMixins } from \"@pf/src/modules/globals/views/mixins/mixins.js\"\n\nimport * as events from '@pf/src/modules/events/store/events.js';\nimport * as auth from '@pf/src/modules/auth/views/store/auth';\nimport * as organizations from '@pf/src/modules/organizations/store/organizations';\n\nconst route = useRoute();\nconst router = useRouter();\n\nconst { hasAccess } = useGlobalMixins()\n\nlet event = ref(null);\nlet publics = ref(null);\n\nconst selectedTags = ref([]);\nconst selectedOrganization = ref(null);\n\nconst date = ref(new Date);\nconst customPosition = () => ({ top: 0, left: 0 });\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);\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    const startDate = event.value.date.start;\n    const endDate = event.value.date.end;\n\n    date.value = [startDate, endDate];\n\n  } else {\n    events.clean();\n    event.value = events.state.current;\n\n    const startDate = new Date();\n    const endDate = new Date();\n    date.value = [startDate, endDate];\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.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 onDrafts() {\n\n  if (selectedTags.value.length > 0) selectedTags.value.map(tag => (tag.text))\n\n  event.value.status = \"draft\"\n  \n  event.value.date = {\n    start: date.value[0],\n    end: date.value[1]\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\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  event.value.date = {\n    start: date.value[0],\n    end: date.value[1]\n  }\n\n  console.log(date.value)\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2MA,UAAM,QAAQ,SAAU;AACxB,UAAM,SAAS,UAAW;AAE1B,UAAM,EAAE,UAAW,IAAG,gBAAe;AAErC,QAAI,QAAQ,IAAI,IAAI;AACN,QAAI,IAAI;AAEtB,UAAM,eAAe,IAAI,EAAE;AAC3B,UAAM,uBAAuB,IAAI,IAAI;AAErC,UAAM,OAAO,IAAI,oBAAI,MAAI;AAGzB,cAAU,YAAW;AAEnB,UAAI,MAAM,OAAO,KAAK;AACpB,cAAM,OAAO,MAAMA,KAAY,EAAE,MAAMC,MAAW,KAAK,KAAK,KAAK,MAAM,OAAO,IAAG,CAAE;AAEnF,cAAM,QAAQ,KAAK,IAAK;AAExB,YAAI,CAAC,MAAM,OAAO;AACjB,iBAAO,KAAK,EAAC,MAAM,WAAU,CAAC;AAAA,QACnC;AAEI,YAAI,MAAM,MAAM,MAAM,SAAS,gBAAgB;AAE7C,gBAAM,WAAW,UAAU,MAAM,MAAM,MAAM,OAAO,KAAK,UAAU,QAAQA,MAAW,QAAQ;AAE9F,cAAI,CAAC,UAAU;AACb,mBAAO,KAAK,EAAC,MAAM,eAAc,CAAC;AAAA,UAC1C;AAAA,QACA;AAEK,YAAI,MAAM,MAAM,MAAM,SAAS,UAAU,MAAM,MAAM,QAAQ,OAAO,QAAQA,MAAW,KAAK,KAAK;AAChG,kBAAQ,IAAI,MAAM,MAAM,QAAQ,MAAM;AACtC,kBAAQ,IAAIA,MAAW,KAAK,GAAG;AAC/B,iBAAO,KAAK,EAAC,MAAM,eAAc,CAAC;AAAA,QACxC;AAEI,cAAM,YAAY,MAAM,MAAM,KAAK;AACnC,cAAM,UAAU,MAAM,MAAM,KAAK;AAEjC,aAAK,QAAQ,CAAC,WAAW,OAAO;AAAA,MAEpC,OAAS;AACLC,cAAc;AACd,cAAM,QAAQC,QAAa;AAE3B,cAAM,YAAY,oBAAI,KAAM;AAC5B,cAAM,UAAU,oBAAI,KAAM;AAC1B,aAAK,QAAQ,CAAC,WAAW,OAAO;AAAA,MACpC;AAEE,UAAI,CAAC,MAAM,MAAM,MAAO,OAAM,MAAM,QAAQ;AAAA,QAC1C,QAAQF,MAAW,KAAK;AAAA,QACxB,MAAM;AAAA,MACV;AAEE,UAAI,CAAC,MAAM,MAAM,QAAS,OAAM,MAAM,UAAU;AAAA,QAC9C,QAAQA,MAAW,KAAK;AAAA,QACxB,MAAM;AAAA,QACN,QAAQ;AAAA,MACZ;AAEE,UAAI,MAAM,MAAM,MAAM,SAAS,eAAgB,sBAAqB,QAAQ;AAAA,QAC1E,KAAK,MAAM,MAAM,MAAM,OAAO;AAAA,QAC9B,SAAS;AAAA,UACP,MAAM,MAAM,MAAM,MAAM,OAAO,QAAQ;AAAA,UACvC,OAAO,MAAM,MAAM,MAAM,OAAO,QAAQ;AAAA,QAC9C;AAAA,MACA;AAAA,IACA,CAAC;AAED,UAAM,qBAAqB,IAAI,KAAK;AAEpC,aAAS,uBAAuB;AAC9B,yBAAmB,QAAQ;AAAA,IAC7B;AACA,aAAS,wBAAwB;AAC/B,yBAAmB,QAAQ;AAAA,IAC7B;AAEA,aAAS,WAAW;AAElB,UAAI,aAAa,MAAM,SAAS,EAAG,cAAa,MAAM,IAAI,SAAQ,IAAI,IAAK;AAE3E,YAAM,MAAM,SAAS;AAErB,YAAM,MAAM,OAAO;AAAA,QACjB,OAAO,KAAK,MAAM,CAAC;AAAA,QACnB,KAAK,KAAK,MAAM,CAAC;AAAA,MACrB;AAEE,UAAI,MAAM,OAAO,KAAK;AACpBG,eAAc,MAAM,KAAK,EACtB,KAAK,cAAY;AAChB,iBAAO,KAAK,EAAE,MAAM,SAAS,QAAQ,EAAE,KAAK,SAAS,IAAG,GAAI;AAAA,QAC7D,CAAA,EACA,MAAM,WAAS;AACd,kBAAQ,MAAM,KAAK;AAAA,QACpB,CAAA;AAAA,MACP,OAAS;AACLC,eAAc,MAAM,KAAK,EACtB,KAAK,cAAY;AAChB,iBAAO,KAAK,EAAE,MAAM,SAAS,QAAQ,EAAE,KAAK,SAAS,IAAG,GAAI;AAAA,QAC7D,CAAA,EACA,MAAM,WAAS;AACd,kBAAQ,MAAM,KAAK;AAAA,QACpB,CAAA;AAAA,MACP;AAAA,IACA;AAEA,aAAS,WAAW;AAElB,UAAI,qBAAqB,MAAO,OAAM,MAAM,QAAQ;AAAA,QAClD,QAAQ,qBAAqB,MAAM;AAAA,QACnC,MAAM;AAAA,MACV;AAEE,UAAI,CAAC,qBAAqB,MAAO,OAAM,MAAM,QAAQ,SAAS;AAC9D,UAAI,CAAC,qBAAqB,MAAO,OAAM,MAAM,eAAe,MAAM,MAAM;AAExE,YAAM,MAAM,SAAS;AAErB,YAAM,MAAM,OAAO;AAAA,QACjB,OAAO,KAAK,MAAM,CAAC;AAAA,QACnB,KAAK,KAAK,MAAM,CAAC;AAAA,MACrB;AAEE,cAAQ,IAAI,KAAK,KAAK;AACtB,UAAI,MAAM,OAAO,KAAK;AACpB,gBAAQ,IAAI,MAAM,KAAK;AACvBD,eAAc,MAAM,KAAK,EACtB,KAAK,cAAY;AAChB,iBAAO,KAAK,EAAE,MAAM,SAAS,QAAQ,EAAE,KAAK,SAAS,IAAG,GAAI;AAAA,QAC7D,CAAA,EACA,MAAM,WAAS;AACd,kBAAQ,IAAI,KAAK;AAAA,QACzB,CAAO;AAAA,MACP,OAAS;AACLC,eAAc,MAAM,KAAK,EACtB,KAAK,cAAY;AAChB,iBAAO,KAAK,EAAE,MAAM,SAAS,QAAQ,EAAE,KAAK,SAAS,IAAG,GAAI;AAAA,QAC7D,CAAA,EACA,MAAM,WAAS;AACd,kBAAQ,IAAI,KAAK;AAAA,QACzB,CAAO;AAAA,MACP;AAAA,IACA;AAEA,aAAS,WAAW;AAClB,UAAI,QAAQ,6CAA6C,GAAG;AAC1DC,eAAc,MAAM,MAAM,GAAG,EAC1B,KAAK,cAAY;AAChB,iBAAO,KAAK,EAAE,MAAM,eAAe,QAAQ,EAAE,MAAM,MAAM,MAAM,QAAQ,OAAO,IAAK,EAAA,CAAE;AAAA,QACtF,CAAA,EACA,MAAM,WAAS;AACd,kBAAQ,MAAM,KAAK;AAAA,QACpB,CAAA;AAAA,MACP;AAAA,IACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -4,8 +4,8 @@ const vue = require("vue");
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");
 const Block = require("../../../../components/Block/Block.vue.cjs");
 const Popup = require("../../../../components/Popup/Popup.vue.cjs");
-const Field = require("../../../../components/Field/Field.vue.cjs");
-const Button = require("../../../../components/Button/Button.vue.cjs");
+const Field = require("../../../../components/Field/Field.vue2.cjs");
+const Button = require("../../../../components/Button/Button.vue2.cjs");
 const ButtonCheck = require("../elements/ButtonCheck.vue.cjs");
 const IconDelete = require("../../../icons/navigation/IconDelete.vue.cjs");
 const IconAdd = require("../../../icons/navigation/IconAdd.vue.cjs");

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

@@ -1 +1 @@
-{"version":3,"file":"EditEventTickets.vue.cjs","sources":["../../../../../../../src/modules/events/components/pages/EditEventTickets.vue"],"sourcesContent":["<template>\n  <article v-if=\"event\" class=\"h-100 pd-thin\">\n    <header \n      class=\"mn-b-medium flex-v-center flex-nowrap flex\"\n    >\n      <h2 class=\"mn-r-medium\">Tickets</h2>\n      <button \n        @click=\"openTicketsPopup()\" \n        class=\"radius-extra uppercase button-small  flex-child flex-child-shrink-0 hover-scale-1 cursor-pointer t-white bg-second\">\n          Add Tickets\n      </button>\n      <ButtonCheck @qrcodecheck=\"fetchTickets = !fetchTickets \" class=\"w-100 pd-medium mn-auto\" />\n    </header>\n    \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    <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=\"{ \n        items \n      }\"\n    >\n      <div\n        v-for=\"(ticket, index) in items\" \n        class=\"radius-big bg-light gap-small pd-medium flex-v-center flex-nowrap flex pos-relative mn-b-thin\"\n      >\n        <a :href=\"ticket.image\" target=\"_blank\"><img loading=\"lazy\" :src=\"ticket.qrcode\" class=\"radius-small h-5r w-5r\"></a>\n\n        <div class=\"mn-r-auto \">\n           <p class=\"h4\">\n            {{ticket.client_refactor?.name || 'No name'}}, {{ticket.seat}}\n           </p>\n          <p class=\"h5 t-transp mn-b-thin\">\n            {{ticket.client_refactor?.email || 'No email'}}\n          </p>\n\n           <span class=\"pd-r-thin pd-l-thin pd-b-nano pd-t-nano bg-second radius-extra t-white t-medium d-block w-max uppercase\">\n            {{ticket.status}}\n          </span>\n        </div>\n\n        <Button \n          v-if=\"ticket.status !== 'deactivated'\"\n          :submit=\"() => changeStatus(ticket, 'deactivated')\" \n          :callback=\"redirectTo\" \n          class=\"w-min h-min pd-small bg-black t-white\"\n        >\n          Deactivate\n        </Button>\n\n        <Button \n          v-if=\"ticket.status === 'deactivated' || ticket.status === 'used' \"\n          :submit=\"() => changeStatus(ticket, 'unused')\" \n          :callback=\"redirectTo\" \n          class=\"w-min h-min pd-small bg-green t-white\"\n        >\n          Activate\n        </Button>\n      \n      </div>\n    </Feed>\n    \n  </article>\n</template>\n\n<script setup>\nimport Feed from '@pf/src/components/Feed/Feed.vue';\nimport Block from '@pf/src/components/Block/Block.vue';\nimport Popup from \"@pf/src/components/Popup/Popup.vue\";\nimport Field         from '@pf/src/components/Field/Field.vue'\nimport Button from '@pf/src/components/Button/Button.vue';   \n\nimport ButtonCheck from '@pf/src/modules/events/components/elements/ButtonCheck.vue'\n\nimport IconDelete from '@pf/src/modules/icons/navigation/IconDelete.vue';\nimport IconAdd from '@pf/src/modules/icons/navigation/IconAdd.vue';\n\nimport { ref, onMounted } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\n\nimport * as events from '@pf/src/modules/events/store/events.js';\nimport * as auth from '@pf/src/modules/auth/views/store/auth';\nimport * as organizations from '@pf/src/modules/organizations/store/organizations';\n\nimport * as tickets from '@pf/src/modules/events/store/tickets';\n\nimport { useGlobalMixins } from \"@pf/src/modules/globals/views/mixins/mixins.js\"\n\nconst { hasAccess } = useGlobalMixins()\n\nconst route = useRoute();\nconst router = useRouter();\n\nlet event = ref(null);\n\nconst newTickets = ref([{\n  name: '',\n  email: '',\n  target: event.value?._id, \n  type: 'event',\n  seat: '',\n  quantity: 1,\n}])\n\nconst isOpenTicketsPopup = ref(false);\n\nfunction openTicketsPopup(department) {\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\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    // Если пост принадлежит организации, проверяем права на редактирование через `hasAccess`\n    const isAccess = hasAccess(event.value.owner.target._id, 'events', 'edit', auth.state.accesses);\n\n    if (!isAccess) {\n      router.push({name: 'unauthorized'})\n    }\n  } else {\n    // Если пост не принадлежит организации, проверяем авторство\n    if (event.value.creator.target._id !== userId) {\n      router.push({name: 'unauthorized'})\n    }\n  }\n})\n\nasync function onSubmit() {\n  try {\n    const response = await tickets.actions.create(newTickets.value);\n    fetchTickets.value = !fetchTickets.value\n  } catch (error) {\n    console.log(error);\n  }\n}\n\nasync function changeStatus(ticket, status) {\n  if (confirm('Are you sure you want to deactivate this event?')) {\n    try {\n      const response = await tickets.actions.update({ ...ticket, status: status});\n      fetchTickets.value = !fetchTickets.value\n    } catch (error) {\n      console.error(error);\n    }\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(--grey))\n  }\n</style>"],"names":["useGlobalMixins","useRoute","useRouter","ref","_a","onMounted","events.read","auth.state","tickets.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkKA,UAAM,EAAE,UAAW,IAAGA,uBAAiB;AAEvC,UAAM,QAAQC,UAAQ,SAAA;AACtB,UAAM,SAASC,UAAS,UAAA;AAExB,QAAI,QAAQC,IAAAA,IAAI,IAAI;AAEpB,UAAM,aAAaA,IAAG,IAAC,CAAC;AAAA,MACtB,MAAM;AAAA,MACN,OAAO;AAAA,MACP,SAAQ,WAAM,UAAN,mBAAa;AAAA,MACrB,MAAM;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,IACZ,CAAC,CAAC;AAEF,UAAM,qBAAqBA,IAAAA,IAAI,KAAK;AAEpC,aAAS,iBAAiB,YAAY;;AACpC,yBAAmB,QAAQ;AAE3B,iBAAW,QAAQ,CAAC;AAAA,QAClB,MAAM;AAAA,QACN,OAAO;AAAA,QACP,SAAQC,MAAA,MAAM,UAAN,gBAAAA,IAAa;AAAA,QACrB,MAAM;AAAA,QACN,MAAM;AAAA,QACN,UAAU;AAAA,MACd,CAAG;AAAA,IACH;AAEA,aAAS,oBAAoB;AAC3B,yBAAmB,QAAQ;AAAA,IAC7B;AAEA,UAAM,eAAeD,IAAG,IAAC,KAAK;AAG9BE,QAAAA,UAAU,YAAW;AACnB,YAAM,OAAO,MAAMC,OAAAA,KAAY,EAAE,MAAMC,KAAAA,MAAW,KAAK,KAAK,KAAK,MAAM,OAAO,IAAK,CAAA;AAEnF,YAAM,QAAQ,KAAK;AAEnB,UAAI,CAAC,MAAM,OAAO;AACjB,eAAO,KAAK,EAAC,MAAM,WAAU,CAAC;AAAA,MAC9B;AAED,UAAI,MAAM,MAAM,MAAM,SAAS,gBAAgB;AAE7C,cAAM,WAAW,UAAU,MAAM,MAAM,MAAM,OAAO,KAAK,UAAU,QAAQA,KAAU,MAAC,QAAQ;AAE9F,YAAI,CAAC,UAAU;AACb,iBAAO,KAAK,EAAC,MAAM,eAAc,CAAC;AAAA,QACnC;AAAA,MACL,OAAS;AAEL,YAAI,MAAM,MAAM,QAAQ,OAAO,QAAQ,QAAQ;AAC7C,iBAAO,KAAK,EAAC,MAAM,eAAc,CAAC;AAAA,QACnC;AAAA,MACF;AAAA,IACH,CAAC;AAED,mBAAe,WAAW;AACxB,UAAI;AACF,cAAM,WAAW,MAAMC,QAAe,QAAC,OAAO,WAAW,KAAK;AAC9D,qBAAa,QAAQ,CAAC,aAAa;AAAA,MACpC,SAAQ,OAAO;AACd,gBAAQ,IAAI,KAAK;AAAA,MAClB;AAAA,IACH;AAEA,mBAAe,aAAa,QAAQ,QAAQ;AAC1C,UAAI,QAAQ,iDAAiD,GAAG;AAC9D,YAAI;AACF,gBAAM,WAAW,MAAMA,QAAAA,QAAgB,OAAO,EAAE,GAAG,QAAQ,OAAc,CAAC;AAC1E,uBAAa,QAAQ,CAAC,aAAa;AAAA,QACpC,SAAQ,OAAO;AACd,kBAAQ,MAAM,KAAK;AAAA,QACpB;AAAA,MACF;AAAA,IACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"EditEventTickets.vue.cjs","sources":["../../../../../../../src/modules/events/components/pages/EditEventTickets.vue"],"sourcesContent":["<template>\n  <article v-if=\"event\" class=\"h-100 pd-thin\">\n    <header \n      class=\"mn-b-medium flex-v-center flex-nowrap flex\"\n    >\n      <h2 class=\"mn-r-medium\">Tickets</h2>\n      <button \n        @click=\"openTicketsPopup()\" \n        class=\"radius-extra uppercase button-small  flex-child flex-child-shrink-0 hover-scale-1 cursor-pointer t-white bg-second\">\n          Add Tickets\n      </button>\n      <ButtonCheck @qrcodecheck=\"fetchTickets = !fetchTickets \" class=\"w-100 pd-medium mn-auto\" />\n    </header>\n    \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    <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=\"{ \n        items \n      }\"\n    >\n      <div\n        v-for=\"(ticket, index) in items\" \n        class=\"radius-big bg-light gap-small pd-medium flex-v-center flex-nowrap flex pos-relative mn-b-thin\"\n      >\n        <a :href=\"ticket.image\" target=\"_blank\"><img loading=\"lazy\" :src=\"ticket.qrcode\" class=\"radius-small h-5r w-5r\"></a>\n\n        <div class=\"mn-r-auto \">\n           <p class=\"h4\">\n            {{ticket.client_refactor?.name || 'No name'}}, {{ticket.seat}}\n           </p>\n          <p class=\"h5 t-transp mn-b-thin\">\n            {{ticket.client_refactor?.email || 'No email'}}\n          </p>\n\n           <span class=\"pd-r-thin pd-l-thin pd-b-nano pd-t-nano bg-second radius-extra t-white t-medium d-block w-max uppercase\">\n            {{ticket.status}}\n          </span>\n        </div>\n\n        <Button \n          v-if=\"ticket.status !== 'deactivated'\"\n          :submit=\"() => changeStatus(ticket, 'deactivated')\" \n          :callback=\"redirectTo\" \n          class=\"w-min h-min pd-small bg-black t-white\"\n        >\n          Deactivate\n        </Button>\n\n        <Button \n          v-if=\"ticket.status === 'deactivated' || ticket.status === 'used' \"\n          :submit=\"() => changeStatus(ticket, 'unused')\" \n          :callback=\"redirectTo\" \n          class=\"w-min h-min pd-small bg-green t-white\"\n        >\n          Activate\n        </Button>\n      \n      </div>\n    </Feed>\n    \n  </article>\n</template>\n\n<script setup>\nimport Feed from '@pf/src/components/Feed/Feed.vue';\nimport Block from '@pf/src/components/Block/Block.vue';\nimport Popup from \"@pf/src/components/Popup/Popup.vue\";\nimport Field         from '@pf/src/components/Field/Field.vue'\nimport Button from '@pf/src/components/Button/Button.vue';   \n\nimport ButtonCheck from '@pf/src/modules/events/components/elements/ButtonCheck.vue'\n\nimport IconDelete from '@pf/src/modules/icons/navigation/IconDelete.vue';\nimport IconAdd from '@pf/src/modules/icons/navigation/IconAdd.vue';\n\nimport { ref, onMounted } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\n\nimport * as events from '@pf/src/modules/events/store/events.js';\nimport * as auth from '@pf/src/modules/auth/views/store/auth';\nimport * as organizations from '@pf/src/modules/organizations/store/organizations';\n\nimport * as tickets from '@pf/src/modules/events/store/tickets';\n\nimport { useGlobalMixins } from \"@pf/src/modules/globals/views/mixins/mixins.js\"\n\nconst { hasAccess } = useGlobalMixins()\n\nconst route = useRoute();\nconst router = useRouter();\n\nlet event = ref(null);\n\nconst newTickets = ref([{\n  name: '',\n  email: '',\n  target: event.value?._id, \n  type: 'event',\n  seat: '',\n  quantity: 1,\n}])\n\nconst isOpenTicketsPopup = ref(false);\n\nfunction openTicketsPopup(department) {\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\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    // Если пост принадлежит организации, проверяем права на редактирование через `hasAccess`\n    const isAccess = hasAccess(event.value.owner.target._id, 'events', 'edit', auth.state.accesses);\n\n    if (!isAccess) {\n      router.push({name: 'unauthorized'})\n    }\n  } else {\n    // Если пост не принадлежит организации, проверяем авторство\n    if (event.value.creator.target._id !== userId) {\n      router.push({name: 'unauthorized'})\n    }\n  }\n})\n\nasync function onSubmit() {\n  try {\n    const response = await tickets.actions.create(newTickets.value);\n    fetchTickets.value = !fetchTickets.value\n  } catch (error) {\n    console.log(error);\n  }\n}\n\nasync function changeStatus(ticket, status) {\n  if (confirm('Are you sure you want to deactivate this event?')) {\n    try {\n      const response = await tickets.actions.update({ ...ticket, status: status});\n      fetchTickets.value = !fetchTickets.value\n    } catch (error) {\n      console.error(error);\n    }\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(--grey))\n  }\n</style>"],"names":["useGlobalMixins","useRoute","useRouter","ref","_a","onMounted","events.read","auth.state","tickets.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkKA,UAAM,EAAE,UAAW,IAAGA,OAAe,gBAAA;AAErC,UAAM,QAAQC,UAAAA,SAAU;AACxB,UAAM,SAASC,UAAAA,UAAW;AAE1B,QAAI,QAAQC,IAAG,IAAC,IAAI;AAEpB,UAAM,aAAaA,IAAG,IAAC,CAAC;AAAA,MACtB,MAAM;AAAA,MACN,OAAO;AAAA,MACP,SAAQ,WAAM,UAAN,mBAAa;AAAA,MACrB,MAAM;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,IACZ,CAAC,CAAC;AAEF,UAAM,qBAAqBA,IAAG,IAAC,KAAK;AAEpC,aAAS,iBAAiB,YAAY;;AACpC,yBAAmB,QAAQ;AAE3B,iBAAW,QAAQ,CAAC;AAAA,QAClB,MAAM;AAAA,QACN,OAAO;AAAA,QACP,SAAQC,MAAA,MAAM,UAAN,gBAAAA,IAAa;AAAA,QACrB,MAAM;AAAA,QACN,MAAM;AAAA,QACN,UAAU;AAAA,MACX,CAAA;AAAA,IACH;AAEA,aAAS,oBAAoB;AAC3B,yBAAmB,QAAQ;AAAA,IAC7B;AAEA,UAAM,eAAeD,IAAG,IAAC,KAAK;AAG9BE,QAAAA,UAAU,YAAW;AACnB,YAAM,OAAO,MAAMC,YAAY,EAAE,MAAMC,KAAU,MAAC,KAAK,KAAK,KAAK,MAAM,OAAO,IAAG,CAAE;AAEnF,YAAM,QAAQ,KAAK,IAAK;AAExB,UAAI,CAAC,MAAM,OAAO;AACjB,eAAO,KAAK,EAAC,MAAM,WAAU,CAAC;AAAA,MACjC;AAEE,UAAI,MAAM,MAAM,MAAM,SAAS,gBAAgB;AAE7C,cAAM,WAAW,UAAU,MAAM,MAAM,MAAM,OAAO,KAAK,UAAU,QAAQA,KAAAA,MAAW,QAAQ;AAE9F,YAAI,CAAC,UAAU;AACb,iBAAO,KAAK,EAAC,MAAM,eAAc,CAAC;AAAA,QACxC;AAAA,MACA,OAAS;AAEL,YAAI,MAAM,MAAM,QAAQ,OAAO,QAAQ,QAAQ;AAC7C,iBAAO,KAAK,EAAC,MAAM,eAAc,CAAC;AAAA,QACxC;AAAA,MACA;AAAA,IACA,CAAC;AAED,mBAAe,WAAW;AACxB,UAAI;AACF,cAAM,WAAW,MAAMC,QAAAA,QAAgB,OAAO,WAAW,KAAK;AAC9D,qBAAa,QAAQ,CAAC,aAAa;AAAA,MACpC,SAAQ,OAAO;AACd,gBAAQ,IAAI,KAAK;AAAA,MACrB;AAAA,IACA;AAEA,mBAAe,aAAa,QAAQ,QAAQ;AAC1C,UAAI,QAAQ,iDAAiD,GAAG;AAC9D,YAAI;AACF,gBAAM,WAAW,MAAMA,QAAAA,QAAgB,OAAO,EAAE,GAAG,QAAQ,OAAc,CAAC;AAC1E,uBAAa,QAAQ,CAAC,aAAa;AAAA,QACpC,SAAQ,OAAO;AACd,kBAAQ,MAAM,KAAK;AAAA,QACzB;AAAA,MACA;AAAA,IACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,9 +1,9 @@
-import { ref, onMounted, unref, openBlock, createElementBlock, createElementVNode, createVNode, withCtx, Fragment, renderList, createTextVNode, toDisplayString, createBlock, createCommentVNode } from "vue";
+import { ref, onMounted, createElementBlock, createCommentVNode, unref, openBlock, createElementVNode, createVNode, withCtx, Fragment, renderList, createTextVNode, createBlock, toDisplayString } from "vue";
 import _sfc_main$7 from "../../../../components/Feed/Feed.vue.js";
 import _sfc_main$3 from "../../../../components/Block/Block.vue.js";
 import _sfc_main$2 from "../../../../components/Popup/Popup.vue.js";
-import Field from "../../../../components/Field/Field.vue.js";
-import _sfc_main$6 from "../../../../components/Button/Button.vue.js";
+import Field from "../../../../components/Field/Field.vue2.js";
+import _sfc_main$6 from "../../../../components/Button/Button.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";

package/dist/prometheus-framework/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=\"h-100 pd-thin\">\n    <header \n      class=\"mn-b-medium flex-v-center flex-nowrap flex\"\n    >\n      <h2 class=\"mn-r-medium\">Tickets</h2>\n      <button \n        @click=\"openTicketsPopup()\" \n        class=\"radius-extra uppercase button-small  flex-child flex-child-shrink-0 hover-scale-1 cursor-pointer t-white bg-second\">\n          Add Tickets\n      </button>\n      <ButtonCheck @qrcodecheck=\"fetchTickets = !fetchTickets \" class=\"w-100 pd-medium mn-auto\" />\n    </header>\n    \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    <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=\"{ \n        items \n      }\"\n    >\n      <div\n        v-for=\"(ticket, index) in items\" \n        class=\"radius-big bg-light gap-small pd-medium flex-v-center flex-nowrap flex pos-relative mn-b-thin\"\n      >\n        <a :href=\"ticket.image\" target=\"_blank\"><img loading=\"lazy\" :src=\"ticket.qrcode\" class=\"radius-small h-5r w-5r\"></a>\n\n        <div class=\"mn-r-auto \">\n           <p class=\"h4\">\n            {{ticket.client_refactor?.name || 'No name'}}, {{ticket.seat}}\n           </p>\n          <p class=\"h5 t-transp mn-b-thin\">\n            {{ticket.client_refactor?.email || 'No email'}}\n          </p>\n\n           <span class=\"pd-r-thin pd-l-thin pd-b-nano pd-t-nano bg-second radius-extra t-white t-medium d-block w-max uppercase\">\n            {{ticket.status}}\n          </span>\n        </div>\n\n        <Button \n          v-if=\"ticket.status !== 'deactivated'\"\n          :submit=\"() => changeStatus(ticket, 'deactivated')\" \n          :callback=\"redirectTo\" \n          class=\"w-min h-min pd-small bg-black t-white\"\n        >\n          Deactivate\n        </Button>\n\n        <Button \n          v-if=\"ticket.status === 'deactivated' || ticket.status === 'used' \"\n          :submit=\"() => changeStatus(ticket, 'unused')\" \n          :callback=\"redirectTo\" \n          class=\"w-min h-min pd-small bg-green t-white\"\n        >\n          Activate\n        </Button>\n      \n      </div>\n    </Feed>\n    \n  </article>\n</template>\n\n<script setup>\nimport Feed from '@pf/src/components/Feed/Feed.vue';\nimport Block from '@pf/src/components/Block/Block.vue';\nimport Popup from \"@pf/src/components/Popup/Popup.vue\";\nimport Field         from '@pf/src/components/Field/Field.vue'\nimport Button from '@pf/src/components/Button/Button.vue';   \n\nimport ButtonCheck from '@pf/src/modules/events/components/elements/ButtonCheck.vue'\n\nimport IconDelete from '@pf/src/modules/icons/navigation/IconDelete.vue';\nimport IconAdd from '@pf/src/modules/icons/navigation/IconAdd.vue';\n\nimport { ref, onMounted } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\n\nimport * as events from '@pf/src/modules/events/store/events.js';\nimport * as auth from '@pf/src/modules/auth/views/store/auth';\nimport * as organizations from '@pf/src/modules/organizations/store/organizations';\n\nimport * as tickets from '@pf/src/modules/events/store/tickets';\n\nimport { useGlobalMixins } from \"@pf/src/modules/globals/views/mixins/mixins.js\"\n\nconst { hasAccess } = useGlobalMixins()\n\nconst route = useRoute();\nconst router = useRouter();\n\nlet event = ref(null);\n\nconst newTickets = ref([{\n  name: '',\n  email: '',\n  target: event.value?._id, \n  type: 'event',\n  seat: '',\n  quantity: 1,\n}])\n\nconst isOpenTicketsPopup = ref(false);\n\nfunction openTicketsPopup(department) {\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\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    // Если пост принадлежит организации, проверяем права на редактирование через `hasAccess`\n    const isAccess = hasAccess(event.value.owner.target._id, 'events', 'edit', auth.state.accesses);\n\n    if (!isAccess) {\n      router.push({name: 'unauthorized'})\n    }\n  } else {\n    // Если пост не принадлежит организации, проверяем авторство\n    if (event.value.creator.target._id !== userId) {\n      router.push({name: 'unauthorized'})\n    }\n  }\n})\n\nasync function onSubmit() {\n  try {\n    const response = await tickets.actions.create(newTickets.value);\n    fetchTickets.value = !fetchTickets.value\n  } catch (error) {\n    console.log(error);\n  }\n}\n\nasync function changeStatus(ticket, status) {\n  if (confirm('Are you sure you want to deactivate this event?')) {\n    try {\n      const response = await tickets.actions.update({ ...ticket, status: status});\n      fetchTickets.value = !fetchTickets.value\n    } catch (error) {\n      console.error(error);\n    }\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(--grey))\n  }\n</style>"],"names":["_a","events.read","auth.state","tickets.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkKA,UAAM,EAAE,UAAW,IAAG,gBAAiB;AAEvC,UAAM,QAAQ,SAAQ;AACtB,UAAM,SAAS,UAAS;AAExB,QAAI,QAAQ,IAAI,IAAI;AAEpB,UAAM,aAAa,IAAI,CAAC;AAAA,MACtB,MAAM;AAAA,MACN,OAAO;AAAA,MACP,SAAQ,WAAM,UAAN,mBAAa;AAAA,MACrB,MAAM;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,IACZ,CAAC,CAAC;AAEF,UAAM,qBAAqB,IAAI,KAAK;AAEpC,aAAS,iBAAiB,YAAY;;AACpC,yBAAmB,QAAQ;AAE3B,iBAAW,QAAQ,CAAC;AAAA,QAClB,MAAM;AAAA,QACN,OAAO;AAAA,QACP,SAAQA,MAAA,MAAM,UAAN,gBAAAA,IAAa;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,cAAU,YAAW;AACnB,YAAM,OAAO,MAAMC,KAAY,EAAE,MAAMC,MAAW,KAAK,KAAK,KAAK,MAAM,OAAO,IAAK,CAAA;AAEnF,YAAM,QAAQ,KAAK;AAEnB,UAAI,CAAC,MAAM,OAAO;AACjB,eAAO,KAAK,EAAC,MAAM,WAAU,CAAC;AAAA,MAC9B;AAED,UAAI,MAAM,MAAM,MAAM,SAAS,gBAAgB;AAE7C,cAAM,WAAW,UAAU,MAAM,MAAM,MAAM,OAAO,KAAK,UAAU,QAAQA,MAAW,QAAQ;AAE9F,YAAI,CAAC,UAAU;AACb,iBAAO,KAAK,EAAC,MAAM,eAAc,CAAC;AAAA,QACnC;AAAA,MACL,OAAS;AAEL,YAAI,MAAM,MAAM,QAAQ,OAAO,QAAQ,QAAQ;AAC7C,iBAAO,KAAK,EAAC,MAAM,eAAc,CAAC;AAAA,QACnC;AAAA,MACF;AAAA,IACH,CAAC;AAED,mBAAe,WAAW;AACxB,UAAI;AACF,cAAM,WAAW,MAAMC,QAAgB,OAAO,WAAW,KAAK;AAC9D,qBAAa,QAAQ,CAAC,aAAa;AAAA,MACpC,SAAQ,OAAO;AACd,gBAAQ,IAAI,KAAK;AAAA,MAClB;AAAA,IACH;AAEA,mBAAe,aAAa,QAAQ,QAAQ;AAC1C,UAAI,QAAQ,iDAAiD,GAAG;AAC9D,YAAI;AACF,gBAAM,WAAW,MAAMA,QAAgB,OAAO,EAAE,GAAG,QAAQ,OAAc,CAAC;AAC1E,uBAAa,QAAQ,CAAC,aAAa;AAAA,QACpC,SAAQ,OAAO;AACd,kBAAQ,MAAM,KAAK;AAAA,QACpB;AAAA,MACF;AAAA,IACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"EditEventTickets.vue.js","sources":["../../../../../../../src/modules/events/components/pages/EditEventTickets.vue"],"sourcesContent":["<template>\n  <article v-if=\"event\" class=\"h-100 pd-thin\">\n    <header \n      class=\"mn-b-medium flex-v-center flex-nowrap flex\"\n    >\n      <h2 class=\"mn-r-medium\">Tickets</h2>\n      <button \n        @click=\"openTicketsPopup()\" \n        class=\"radius-extra uppercase button-small  flex-child flex-child-shrink-0 hover-scale-1 cursor-pointer t-white bg-second\">\n          Add Tickets\n      </button>\n      <ButtonCheck @qrcodecheck=\"fetchTickets = !fetchTickets \" class=\"w-100 pd-medium mn-auto\" />\n    </header>\n    \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    <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=\"{ \n        items \n      }\"\n    >\n      <div\n        v-for=\"(ticket, index) in items\" \n        class=\"radius-big bg-light gap-small pd-medium flex-v-center flex-nowrap flex pos-relative mn-b-thin\"\n      >\n        <a :href=\"ticket.image\" target=\"_blank\"><img loading=\"lazy\" :src=\"ticket.qrcode\" class=\"radius-small h-5r w-5r\"></a>\n\n        <div class=\"mn-r-auto \">\n           <p class=\"h4\">\n            {{ticket.client_refactor?.name || 'No name'}}, {{ticket.seat}}\n           </p>\n          <p class=\"h5 t-transp mn-b-thin\">\n            {{ticket.client_refactor?.email || 'No email'}}\n          </p>\n\n           <span class=\"pd-r-thin pd-l-thin pd-b-nano pd-t-nano bg-second radius-extra t-white t-medium d-block w-max uppercase\">\n            {{ticket.status}}\n          </span>\n        </div>\n\n        <Button \n          v-if=\"ticket.status !== 'deactivated'\"\n          :submit=\"() => changeStatus(ticket, 'deactivated')\" \n          :callback=\"redirectTo\" \n          class=\"w-min h-min pd-small bg-black t-white\"\n        >\n          Deactivate\n        </Button>\n\n        <Button \n          v-if=\"ticket.status === 'deactivated' || ticket.status === 'used' \"\n          :submit=\"() => changeStatus(ticket, 'unused')\" \n          :callback=\"redirectTo\" \n          class=\"w-min h-min pd-small bg-green t-white\"\n        >\n          Activate\n        </Button>\n      \n      </div>\n    </Feed>\n    \n  </article>\n</template>\n\n<script setup>\nimport Feed from '@pf/src/components/Feed/Feed.vue';\nimport Block from '@pf/src/components/Block/Block.vue';\nimport Popup from \"@pf/src/components/Popup/Popup.vue\";\nimport Field         from '@pf/src/components/Field/Field.vue'\nimport Button from '@pf/src/components/Button/Button.vue';   \n\nimport ButtonCheck from '@pf/src/modules/events/components/elements/ButtonCheck.vue'\n\nimport IconDelete from '@pf/src/modules/icons/navigation/IconDelete.vue';\nimport IconAdd from '@pf/src/modules/icons/navigation/IconAdd.vue';\n\nimport { ref, onMounted } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\n\nimport * as events from '@pf/src/modules/events/store/events.js';\nimport * as auth from '@pf/src/modules/auth/views/store/auth';\nimport * as organizations from '@pf/src/modules/organizations/store/organizations';\n\nimport * as tickets from '@pf/src/modules/events/store/tickets';\n\nimport { useGlobalMixins } from \"@pf/src/modules/globals/views/mixins/mixins.js\"\n\nconst { hasAccess } = useGlobalMixins()\n\nconst route = useRoute();\nconst router = useRouter();\n\nlet event = ref(null);\n\nconst newTickets = ref([{\n  name: '',\n  email: '',\n  target: event.value?._id, \n  type: 'event',\n  seat: '',\n  quantity: 1,\n}])\n\nconst isOpenTicketsPopup = ref(false);\n\nfunction openTicketsPopup(department) {\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\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    // Если пост принадлежит организации, проверяем права на редактирование через `hasAccess`\n    const isAccess = hasAccess(event.value.owner.target._id, 'events', 'edit', auth.state.accesses);\n\n    if (!isAccess) {\n      router.push({name: 'unauthorized'})\n    }\n  } else {\n    // Если пост не принадлежит организации, проверяем авторство\n    if (event.value.creator.target._id !== userId) {\n      router.push({name: 'unauthorized'})\n    }\n  }\n})\n\nasync function onSubmit() {\n  try {\n    const response = await tickets.actions.create(newTickets.value);\n    fetchTickets.value = !fetchTickets.value\n  } catch (error) {\n    console.log(error);\n  }\n}\n\nasync function changeStatus(ticket, status) {\n  if (confirm('Are you sure you want to deactivate this event?')) {\n    try {\n      const response = await tickets.actions.update({ ...ticket, status: status});\n      fetchTickets.value = !fetchTickets.value\n    } catch (error) {\n      console.error(error);\n    }\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(--grey))\n  }\n</style>"],"names":["_a","events.read","auth.state","tickets.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkKA,UAAM,EAAE,UAAW,IAAG,gBAAe;AAErC,UAAM,QAAQ,SAAU;AACxB,UAAM,SAAS,UAAW;AAE1B,QAAI,QAAQ,IAAI,IAAI;AAEpB,UAAM,aAAa,IAAI,CAAC;AAAA,MACtB,MAAM;AAAA,MACN,OAAO;AAAA,MACP,SAAQ,WAAM,UAAN,mBAAa;AAAA,MACrB,MAAM;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,IACZ,CAAC,CAAC;AAEF,UAAM,qBAAqB,IAAI,KAAK;AAEpC,aAAS,iBAAiB,YAAY;;AACpC,yBAAmB,QAAQ;AAE3B,iBAAW,QAAQ,CAAC;AAAA,QAClB,MAAM;AAAA,QACN,OAAO;AAAA,QACP,SAAQA,MAAA,MAAM,UAAN,gBAAAA,IAAa;AAAA,QACrB,MAAM;AAAA,QACN,MAAM;AAAA,QACN,UAAU;AAAA,MACX,CAAA;AAAA,IACH;AAEA,aAAS,oBAAoB;AAC3B,yBAAmB,QAAQ;AAAA,IAC7B;AAEA,UAAM,eAAe,IAAI,KAAK;AAG9B,cAAU,YAAW;AACnB,YAAM,OAAO,MAAMC,KAAY,EAAE,MAAMC,MAAW,KAAK,KAAK,KAAK,MAAM,OAAO,IAAG,CAAE;AAEnF,YAAM,QAAQ,KAAK,IAAK;AAExB,UAAI,CAAC,MAAM,OAAO;AACjB,eAAO,KAAK,EAAC,MAAM,WAAU,CAAC;AAAA,MACjC;AAEE,UAAI,MAAM,MAAM,MAAM,SAAS,gBAAgB;AAE7C,cAAM,WAAW,UAAU,MAAM,MAAM,MAAM,OAAO,KAAK,UAAU,QAAQA,MAAW,QAAQ;AAE9F,YAAI,CAAC,UAAU;AACb,iBAAO,KAAK,EAAC,MAAM,eAAc,CAAC;AAAA,QACxC;AAAA,MACA,OAAS;AAEL,YAAI,MAAM,MAAM,QAAQ,OAAO,QAAQ,QAAQ;AAC7C,iBAAO,KAAK,EAAC,MAAM,eAAc,CAAC;AAAA,QACxC;AAAA,MACA;AAAA,IACA,CAAC;AAED,mBAAe,WAAW;AACxB,UAAI;AACF,cAAM,WAAW,MAAMC,QAAgB,OAAO,WAAW,KAAK;AAC9D,qBAAa,QAAQ,CAAC,aAAa;AAAA,MACpC,SAAQ,OAAO;AACd,gBAAQ,IAAI,KAAK;AAAA,MACrB;AAAA,IACA;AAEA,mBAAe,aAAa,QAAQ,QAAQ;AAC1C,UAAI,QAAQ,iDAAiD,GAAG;AAC9D,YAAI;AACF,gBAAM,WAAW,MAAMA,QAAgB,OAAO,EAAE,GAAG,QAAQ,OAAc,CAAC;AAC1E,uBAAa,QAAQ,CAAC,aAAa;AAAA,QACpC,SAAQ,OAAO;AACd,kBAAQ,MAAM,KAAK;AAAA,QACzB;AAAA,MACA;AAAA,IACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -7,8 +7,8 @@ const Viewer = require("../../../constructor/components/sections/Viewer.vue.cjs"
 const Countdown = require("../../../../components/Countdown/Countdown.vue.cjs");
 const HeroEvent = require("../sections/HeroEvent.vue.cjs");
 const PhotoStack = require("../../../globals/views/components/elements/PhotoStack.vue.cjs");
-const SkeletonEvent = require("../../../icons/skeletons/SkeletonEvent.vue.cjs");
 const IconCalendar = ;/* empty css                                         */
+const SkeletonEvent = require("../../../icons/skeletons/SkeletonEvent.vue.cjs");
 const ButtonJoin = require("../elements/ButtonJoin.vue.cjs");
 const Comments = require("../../../community/components/sections/Comments.vue.cjs");
 const CardUser = require("../../../auth/views/components/blocks/CardUser.vue.cjs");
@@ -61,7 +61,10 @@ const _sfc_main = {
     const isLoading = vue.ref(true);
     vue.onMounted(async () => {
       isLoading.value = true;
-      const data = await events.read({ user: auth.state.user._id, url: route.params.url });
+      const data = await events.read({
+        user: auth.state.user._id,
+        url: route.params.url
+      });
       event.value = data[0];
       isLoading.value = false;
     });
@@ -76,7 +79,7 @@ const _sfc_main = {
             var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
             return [
               isLoading.value ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(3, (i) => {
-                return vue.createVNode(SkeletonEvent.default, { key: i });
+                return vue.createVNode(vue.unref(SkeletonEvent.default), { key: i });
               }), 64)) : vue.createCommentVNode("", true),
               !isLoading.value && event.value && event.value.cover ? (vue.openBlock(), vue.createBlock(HeroEvent.default, {
                 key: 1,

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

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

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

@@ -1,12 +1,12 @@
-import { ref, onMounted, openBlock, createElementBlock, createVNode, TransitionGroup, withCtx, Fragment, renderList, createCommentVNode, createBlock, createElementVNode, toDisplayString, unref, createTextVNode, withModifiers } from "vue";
+import { ref, onMounted, createElementBlock, openBlock, createVNode, TransitionGroup, withCtx, createCommentVNode, createBlock, Fragment, renderList, unref, createElementVNode, toDisplayString, createTextVNode, withModifiers } 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";
 import _sfc_main$3 from "../../../globals/views/components/elements/PhotoStack.vue.js";
-import SkeletonEvent from "../../../icons/skeletons/SkeletonEvent.vue.js";
 import _sfc_main$1 from "../../../icons/entities/IconCalendar.vue.js";
+import SkeletonEvent from "../../../icons/skeletons/SkeletonEvent.vue.js";
 import ButtonJoin from "../elements/ButtonJoin.vue.js";
 import _sfc_main$6 from "../../../community/components/sections/Comments.vue.js";
 import _sfc_main$5 from "../../../auth/views/components/blocks/CardUser.vue.js";
@@ -59,7 +59,10 @@ const _sfc_main = {
     const isLoading = ref(true);
     onMounted(async () => {
       isLoading.value = true;
-      const data = await read({ user: state.user._id, url: route.params.url });
+      const data = await read({
+        user: state.user._id,
+        url: route.params.url
+      });
       event.value = data[0];
       isLoading.value = false;
     });
@@ -74,7 +77,7 @@ const _sfc_main = {
             var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
             return [
               isLoading.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, renderList(3, (i) => {
-                return createVNode(SkeletonEvent, { key: i });
+                return createVNode(unref(SkeletonEvent), { key: i });
               }), 64)) : createCommentVNode("", true),
               !isLoading.value && event.value && event.value.cover ? (openBlock(), createBlock(HeroEvent, {
                 key: 1,

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

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