@ozdao/martyrs 0.2.489 → 0.2.492

package/dist/martyrs/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.vue2.cjs");
+const Field = require("../../../../components/Field/Field.vue2.cjs");
+const Button = require("../../../../components/Button/Button.vue.cjs");
 const ButtonCheck = require("../elements/ButtonCheck.vue.cjs");
 const IconDelete = require("../../../icons/navigation/IconDelete.vue.cjs");
 const IconAdd = require("../../../icons/navigation/IconAdd.vue.cjs");
@@ -32,7 +32,6 @@ const _hoisted_10 = { class: "pd-r-thin pd-l-thin pd-b-nano pd-t-nano bg-second
 const _sfc_main = {
   __name: "EditEventTickets",
   setup(__props) {
-    var _a;
     const { hasAccess } = mixins.useGlobalMixins();
     const route = vueRouter.useRoute();
     const router = vueRouter.useRouter();
@@ -40,19 +39,18 @@ const _sfc_main = {
     const newTickets = vue.ref([{
       name: "",
       email: "",
-      target: (_a = event.value) == null ? void 0 : _a._id,
+      target: event.value?._id,
       type: "event",
       seat: "",
       quantity: 1
     }]);
     const isOpenTicketsPopup = vue.ref(false);
     function openTicketsPopup(department) {
-      var _a2;
       isOpenTicketsPopup.value = true;
       newTickets.value = [{
         name: "",
         email: "",
-        target: (_a2 = event.value) == null ? void 0 : _a2._id,
+        target: event.value?._id,
         type: "event",
         seat: "",
         quantity: 1
@@ -210,7 +208,6 @@ const _sfc_main = {
             items
           }) => [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(items, (ticket, index) => {
-              var _a2, _b;
               return vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
                 vue.createElementVNode("a", {
                   href: ticket.image,
@@ -223,8 +220,8 @@ const _sfc_main = {
                   }, null, 8, _hoisted_6)
                 ], 8, _hoisted_5),
                 vue.createElementVNode("div", _hoisted_7, [
-                  vue.createElementVNode("p", _hoisted_8, vue.toDisplayString(((_a2 = ticket.client_refactor) == null ? void 0 : _a2.name) || "No name") + ", " + vue.toDisplayString(ticket.seat), 1),
-                  vue.createElementVNode("p", _hoisted_9, vue.toDisplayString(((_b = ticket.client_refactor) == null ? void 0 : _b.email) || "No email"), 1),
+                  vue.createElementVNode("p", _hoisted_8, vue.toDisplayString(ticket.client_refactor?.name || "No name") + ", " + vue.toDisplayString(ticket.seat), 1),
+                  vue.createElementVNode("p", _hoisted_9, vue.toDisplayString(ticket.client_refactor?.email || "No email"), 1),
                   vue.createElementVNode("span", _hoisted_10, vue.toDisplayString(ticket.status), 1)
                 ]),
                 ticket.status !== "deactivated" ? (vue.openBlock(), vue.createBlock(Button.default, {

package/dist/martyrs/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 '@martyrs/src/components/Feed/Feed.vue';\nimport Block from '@martyrs/src/components/Block/Block.vue';\nimport Popup from \"@martyrs/src/components/Popup/Popup.vue\";\nimport Field         from '@martyrs/src/components/Field/Field.vue'\nimport Button from '@martyrs/src/components/Button/Button.vue';   \n\nimport ButtonCheck from '@martyrs/src/modules/events/components/elements/ButtonCheck.vue'\n\nimport IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue';\nimport IconAdd from '@martyrs/src/modules/icons/navigation/IconAdd.vue';\n\nimport { ref, onMounted } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\n\nimport * as events from '@martyrs/src/modules/events/store/events.js';\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\nimport * as organizations from '@martyrs/src/modules/organizations/store/organizations.js';\n\nimport * as tickets from '@martyrs/src/modules/events/store/tickets.js';\n\nimport { useGlobalMixins } from \"@martyrs/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, auth.state.access.roles);\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,UAAUA,KAAAA,MAAW,OAAO,KAAK;AAEvH,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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 '@martyrs/src/components/Feed/Feed.vue';\nimport Block from '@martyrs/src/components/Block/Block.vue';\nimport Popup from \"@martyrs/src/components/Popup/Popup.vue\";\nimport Field         from '@martyrs/src/components/Field/Field.vue'\nimport Button from '@martyrs/src/components/Button/Button.vue';   \n\nimport ButtonCheck from '@martyrs/src/modules/events/components/elements/ButtonCheck.vue'\n\nimport IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue';\nimport IconAdd from '@martyrs/src/modules/icons/navigation/IconAdd.vue';\n\nimport { ref, onMounted } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\n\nimport * as events from '@martyrs/src/modules/events/store/events.js';\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\nimport * as organizations from '@martyrs/src/modules/organizations/store/organizations.js';\n\nimport * as tickets from '@martyrs/src/modules/events/store/tickets.js';\n\nimport { useGlobalMixins } from \"@martyrs/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, auth.state.access.roles);\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","onMounted","events.read","auth.state","tickets.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkKA,UAAM,EAAE,UAAS,IAAKA,OAAAA,gBAAe;AAErC,UAAM,QAAQC,UAAAA,SAAQ;AACtB,UAAM,SAASC,UAAAA,UAAS;AAExB,QAAI,QAAQC,IAAAA,IAAI,IAAI;AAEpB,UAAM,aAAaA,IAAAA,IAAI,CAAC;AAAA,MACtB,MAAM;AAAA,MACN,OAAO;AAAA,MACP,QAAQ,MAAM,OAAO;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,QAAQ,MAAM,OAAO;AAAA,QACrB,MAAM;AAAA,QACN,MAAM;AAAA,QACN,UAAU;AAAA,MACd,CAAG;AAAA,IACH;AAEA,aAAS,oBAAoB;AAC3B,yBAAmB,QAAQ;AAAA,IAC7B;AAEA,UAAM,eAAeA,IAAAA,IAAI,KAAK;AAG9BC,QAAAA,UAAU,YAAW;AACnB,YAAM,OAAO,MAAMC,YAAY,EAAE,MAAMC,KAAAA,MAAW,KAAK,KAAK,KAAK,MAAM,OAAO,IAAG,CAAE;AAEnF,YAAM,QAAQ,KAAK,IAAG;AAEtB,UAAI,CAAC,MAAM,OAAO;AACjB,eAAO,KAAK,EAAC,MAAM,WAAU,CAAC;AAAA,MAC/B;AAEA,UAAI,MAAM,MAAM,MAAM,SAAS,gBAAgB;AAE7C,cAAM,WAAW,UAAU,MAAM,MAAM,MAAM,OAAO,KAAK,UAAU,QAAQA,KAAAA,MAAW,UAAUA,KAAAA,MAAW,OAAO,KAAK;AAEvH,YAAI,CAAC,UAAU;AACb,iBAAO,KAAK,EAAC,MAAM,eAAc,CAAC;AAAA,QACpC;AAAA,MACF,OAAO;AAEL,YAAI,MAAM,MAAM,QAAQ,OAAO,QAAQ,QAAQ;AAC7C,iBAAO,KAAK,EAAC,MAAM,eAAc,CAAC;AAAA,QACpC;AAAA,MACF;AAAA,IACF,CAAC;AAED,mBAAe,WAAW;AACxB,UAAI;AACF,cAAM,WAAW,MAAMC,QAAAA,QAAgB,OAAO,WAAW,KAAK;AAC9D,qBAAa,QAAQ,CAAC,aAAa;AAAA,MACrC,SAAS,OAAO;AACd,gBAAQ,IAAI,KAAK;AAAA,MACnB;AAAA,IACF;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,QACrC,SAAS,OAAO;AACd,kBAAQ,MAAM,KAAK;AAAA,QACrB;AAAA,MACF;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -2,8 +2,8 @@ import { ref, onMounted, createElementBlock, createCommentVNode, unref, openBloc
 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.vue2.js";
+import Field from "../../../../components/Field/Field.vue2.js";
+import _sfc_main$6 from "../../../../components/Button/Button.vue.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";
@@ -30,7 +30,6 @@ const _hoisted_10 = { class: "pd-r-thin pd-l-thin pd-b-nano pd-t-nano bg-second
 const _sfc_main = {
   __name: "EditEventTickets",
   setup(__props) {
-    var _a;
     const { hasAccess } = useGlobalMixins();
     const route = useRoute();
     const router = useRouter();
@@ -38,19 +37,18 @@ const _sfc_main = {
     const newTickets = ref([{
       name: "",
       email: "",
-      target: (_a = event.value) == null ? void 0 : _a._id,
+      target: event.value?._id,
       type: "event",
       seat: "",
       quantity: 1
     }]);
     const isOpenTicketsPopup = ref(false);
     function openTicketsPopup(department) {
-      var _a2;
       isOpenTicketsPopup.value = true;
       newTickets.value = [{
         name: "",
         email: "",
-        target: (_a2 = event.value) == null ? void 0 : _a2._id,
+        target: event.value?._id,
         type: "event",
         seat: "",
         quantity: 1
@@ -208,7 +206,6 @@ const _sfc_main = {
             items
           }) => [
             (openBlock(true), createElementBlock(Fragment, null, renderList(items, (ticket, index) => {
-              var _a2, _b;
               return openBlock(), createElementBlock("div", _hoisted_4, [
                 createElementVNode("a", {
                   href: ticket.image,
@@ -221,8 +218,8 @@ const _sfc_main = {
                   }, null, 8, _hoisted_6)
                 ], 8, _hoisted_5),
                 createElementVNode("div", _hoisted_7, [
-                  createElementVNode("p", _hoisted_8, toDisplayString(((_a2 = ticket.client_refactor) == null ? void 0 : _a2.name) || "No name") + ", " + toDisplayString(ticket.seat), 1),
-                  createElementVNode("p", _hoisted_9, toDisplayString(((_b = ticket.client_refactor) == null ? void 0 : _b.email) || "No email"), 1),
+                  createElementVNode("p", _hoisted_8, toDisplayString(ticket.client_refactor?.name || "No name") + ", " + toDisplayString(ticket.seat), 1),
+                  createElementVNode("p", _hoisted_9, toDisplayString(ticket.client_refactor?.email || "No email"), 1),
                   createElementVNode("span", _hoisted_10, toDisplayString(ticket.status), 1)
                 ]),
                 ticket.status !== "deactivated" ? (openBlock(), createBlock(_sfc_main$6, {

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

@@ -1 +1 @@
-{"version":3,"file":"EditEventTickets.vue.js","sources":["../../../../../../../src/modules/events/components/pages/EditEventTickets.vue"],"sourcesContent":["<template>\n  <article v-if=\"event\" class=\"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 '@martyrs/src/components/Feed/Feed.vue';\nimport Block from '@martyrs/src/components/Block/Block.vue';\nimport Popup from \"@martyrs/src/components/Popup/Popup.vue\";\nimport Field         from '@martyrs/src/components/Field/Field.vue'\nimport Button from '@martyrs/src/components/Button/Button.vue';   \n\nimport ButtonCheck from '@martyrs/src/modules/events/components/elements/ButtonCheck.vue'\n\nimport IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue';\nimport IconAdd from '@martyrs/src/modules/icons/navigation/IconAdd.vue';\n\nimport { ref, onMounted } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\n\nimport * as events from '@martyrs/src/modules/events/store/events.js';\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\nimport * as organizations from '@martyrs/src/modules/organizations/store/organizations.js';\n\nimport * as tickets from '@martyrs/src/modules/events/store/tickets.js';\n\nimport { useGlobalMixins } from \"@martyrs/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, auth.state.access.roles);\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,UAAUA,MAAW,OAAO,KAAK;AAEvH,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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 '@martyrs/src/components/Feed/Feed.vue';\nimport Block from '@martyrs/src/components/Block/Block.vue';\nimport Popup from \"@martyrs/src/components/Popup/Popup.vue\";\nimport Field         from '@martyrs/src/components/Field/Field.vue'\nimport Button from '@martyrs/src/components/Button/Button.vue';   \n\nimport ButtonCheck from '@martyrs/src/modules/events/components/elements/ButtonCheck.vue'\n\nimport IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue';\nimport IconAdd from '@martyrs/src/modules/icons/navigation/IconAdd.vue';\n\nimport { ref, onMounted } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\n\nimport * as events from '@martyrs/src/modules/events/store/events.js';\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\nimport * as organizations from '@martyrs/src/modules/organizations/store/organizations.js';\n\nimport * as tickets from '@martyrs/src/modules/events/store/tickets.js';\n\nimport { useGlobalMixins } from \"@martyrs/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, auth.state.access.roles);\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":["events.read","auth.state","tickets.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkKA,UAAM,EAAE,UAAS,IAAK,gBAAe;AAErC,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,QAAQ,MAAM,OAAO;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,QAAQ,MAAM,OAAO;AAAA,QACrB,MAAM;AAAA,QACN,MAAM;AAAA,QACN,UAAU;AAAA,MACd,CAAG;AAAA,IACH;AAEA,aAAS,oBAAoB;AAC3B,yBAAmB,QAAQ;AAAA,IAC7B;AAEA,UAAM,eAAe,IAAI,KAAK;AAG9B,cAAU,YAAW;AACnB,YAAM,OAAO,MAAMA,KAAY,EAAE,MAAMC,MAAW,KAAK,KAAK,KAAK,MAAM,OAAO,IAAG,CAAE;AAEnF,YAAM,QAAQ,KAAK,IAAG;AAEtB,UAAI,CAAC,MAAM,OAAO;AACjB,eAAO,KAAK,EAAC,MAAM,WAAU,CAAC;AAAA,MAC/B;AAEA,UAAI,MAAM,MAAM,MAAM,SAAS,gBAAgB;AAE7C,cAAM,WAAW,UAAU,MAAM,MAAM,MAAM,OAAO,KAAK,UAAU,QAAQA,MAAW,UAAUA,MAAW,OAAO,KAAK;AAEvH,YAAI,CAAC,UAAU;AACb,iBAAO,KAAK,EAAC,MAAM,eAAc,CAAC;AAAA,QACpC;AAAA,MACF,OAAO;AAEL,YAAI,MAAM,MAAM,QAAQ,OAAO,QAAQ,QAAQ;AAC7C,iBAAO,KAAK,EAAC,MAAM,eAAc,CAAC;AAAA,QACpC;AAAA,MACF;AAAA,IACF,CAAC;AAED,mBAAe,WAAW;AACxB,UAAI;AACF,cAAM,WAAW,MAAMC,QAAgB,OAAO,WAAW,KAAK;AAC9D,qBAAa,QAAQ,CAAC,aAAa;AAAA,MACrC,SAAS,OAAO;AACd,gBAAQ,IAAI,KAAK;AAAA,MACnB;AAAA,IACF;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,QACrC,SAAS,OAAO;AACd,kBAAQ,MAAM,KAAK;AAAA,QACrB;AAAA,MACF;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -2,7 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 ;/* empty css                                         */
-;/* empty css                                       */
+;/* empty css                                        */
 const Viewer = require("../../../constructor/components/sections/Viewer.vue.cjs");
 const Countdown = require("../../../../components/Countdown/Countdown.vue.cjs");
 const HeroEvent = require("../sections/HeroEvent.vue.cjs");
@@ -12,12 +12,19 @@ const IconDate = require("../../../icons/entities/IconDate.vue.cjs");
 const vueRouter = require("vue-router");
 ;/* empty css                                        */
 const SkeletonEvent = require("../../../icons/skeletons/SkeletonEvent.vue.cjs");
+;/* empty css                                             */
 ;/* empty css                                              */
+;/* empty css                                             */
+;/* empty css                                       */
 ;/* empty css                                           */
+;/* empty css                                         */
 ;/* empty css                                                                   */
 ;/* empty css                                                       */
 ;/* empty css                                      */
+;/* empty css                                               */
+;/* empty css                                   */
 const auth = require("../../../auth/views/store/auth.cjs");
+;/* empty css                                    */
 const ButtonJoin = require("../elements/ButtonJoin.vue.cjs");
 const Comments = require("../../../community/components/sections/Comments.vue.cjs");
 const events = require("../../store/events.cjs");
@@ -80,99 +87,96 @@ const _sfc_main = {
           name: "fade",
           class: "bg-light"
         }, {
-          default: vue.withCtx(() => {
-            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(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,
-                content: {
-                  title: event.value.name,
-                  ticketLinkStripe: event.value.ticketLinkStripe,
-                  cover: event.value.cover,
-                  subtitle: event.value.subtitle
-                },
-                options: {
-                  date: event.value.date.start
-                },
-                class: "o-hidden"
-              }, null, 8, ["content", "options"])) : vue.createCommentVNode("", true),
-              !isLoading.value && event.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
-                vue.createElementVNode("div", _hoisted_3, [
-                  vue.createElementVNode("h1", _hoisted_4, vue.toDisplayString((_a = event.value) == null ? void 0 : _a.name), 1),
-                  vue.createElementVNode("div", _hoisted_5, [
-                    ((_b = event.value.date) == null ? void 0 : _b.start) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6, [
-                      vue.createVNode(vue.unref(IconDate.default), {
-                        fill: "rgb(var(--black))",
-                        class: "w-1r h-auto"
-                      }),
-                      vue.createTextVNode(" " + vue.toDisplayString(_ctx.formatDate(event.value.date.start)), 1)
-                    ])) : vue.createCommentVNode("", true),
-                    (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(event.value.tags, (chip, index) => {
-                      return vue.openBlock(), vue.createElementBlock("span", {
-                        key: index,
-                        class: "d-inline-flex pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small bg-main"
-                      }, vue.toDisplayString(chip), 1);
-                    }), 128))
+          default: vue.withCtx(() => [
+            isLoading.value ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(3, (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,
+              content: {
+                title: event.value.name,
+                ticketLinkStripe: event.value.ticketLinkStripe,
+                cover: event.value.cover,
+                subtitle: event.value.subtitle
+              },
+              options: {
+                date: event.value.date.start
+              },
+              class: "o-hidden"
+            }, null, 8, ["content", "options"])) : vue.createCommentVNode("", true),
+            !isLoading.value && event.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
+              vue.createElementVNode("div", _hoisted_3, [
+                vue.createElementVNode("h1", _hoisted_4, vue.toDisplayString(event.value?.name), 1),
+                vue.createElementVNode("div", _hoisted_5, [
+                  event.value.date?.start ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6, [
+                    vue.createVNode(vue.unref(IconDate.default), {
+                      fill: "rgb(var(--black))",
+                      class: "w-1r h-auto"
+                    }),
+                    vue.createTextVNode(" " + vue.toDisplayString(_ctx.formatDate(event.value.date.start)), 1)
+                  ])) : vue.createCommentVNode("", true),
+                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(event.value.tags, (chip, index) => {
+                    return vue.openBlock(), vue.createElementBlock("span", {
+                      key: index,
+                      class: "d-inline-flex pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small bg-main"
+                    }, vue.toDisplayString(chip), 1);
+                  }), 128))
+                ]),
+                vue.createElementVNode("p", _hoisted_7, vue.toDisplayString(event.value?.description), 1),
+                event.value?.content?.length > 0 ? (vue.openBlock(), vue.createElementBlock("hr", _hoisted_8)) : vue.createCommentVNode("", true),
+                event.value && event.value.content ? (vue.openBlock(), vue.createBlock(Viewer.default, {
+                  key: 1,
+                  content: event.value.content,
+                  notitle: true
+                }, null, 8, ["content"])) : vue.createCommentVNode("", true)
+              ]),
+              vue.createElementVNode("div", _hoisted_9, [
+                vue.createElementVNode("div", _hoisted_10, [
+                  vue.createElementVNode("div", _hoisted_11, [
+                    _cache[0] || (_cache[0] = vue.createElementVNode("h4", { class: "mn-r-auto" }, "Tickets", -1)),
+                    vue.createVNode(PhotoStack.default, {
+                      number: event.value.numberOfTickets,
+                      photos: event.value.participantsPhotos
+                    }, null, 8, ["number", "photos"])
                   ]),
-                  vue.createElementVNode("p", _hoisted_7, vue.toDisplayString((_c = event.value) == null ? void 0 : _c.description), 1),
-                  ((_e = (_d = event.value) == null ? void 0 : _d.content) == null ? void 0 : _e.length) > 0 ? (vue.openBlock(), vue.createElementBlock("hr", _hoisted_8)) : vue.createCommentVNode("", true),
-                  event.value && event.value.content ? (vue.openBlock(), vue.createBlock(Viewer.default, {
+                  event.value?.ticketsTypes?.length > 0 ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(event.value.ticketsTypes, (ticketType) => {
+                    return vue.openBlock(), vue.createElementBlock("div", _hoisted_12, [
+                      vue.createElementVNode("div", _hoisted_13, [
+                        vue.createElementVNode("span", _hoisted_14, vue.toDisplayString(ticketType.name), 1),
+                        vue.createElementVNode("span", _hoisted_15, vue.toDisplayString(ticketType.price) + " " + vue.toDisplayString(_ctx.returnCurrency()), 1)
+                      ]),
+                      vue.createElementVNode("a", {
+                        href: ticketType.link,
+                        class: "d-block t-center pd-l-medium pd-r-medium pd-t-small pd-b-small radius-extra uppercase t-medium t-white w-100 bg-second"
+                      }, " Buy Now ", 8, _hoisted_16)
+                    ]);
+                  }), 256)) : vue.createCommentVNode("", true),
+                  auth.state.user._id && !event.value?.ticketsTypes?.length > 0 ? (vue.openBlock(), vue.createBlock(ButtonJoin.default, {
                     key: 1,
-                    content: event.value.content,
-                    notitle: true
-                  }, null, 8, ["content"])) : vue.createCommentVNode("", true)
-                ]),
-                vue.createElementVNode("div", _hoisted_9, [
-                  vue.createElementVNode("div", _hoisted_10, [
-                    vue.createElementVNode("div", _hoisted_11, [
-                      _cache[0] || (_cache[0] = vue.createElementVNode("h4", { class: "mn-r-auto" }, "Tickets", -1)),
-                      vue.createVNode(PhotoStack.default, {
-                        number: event.value.numberOfTickets,
-                        photos: event.value.participantsPhotos
-                      }, null, 8, ["number", "photos"])
-                    ]),
-                    ((_g = (_f = event.value) == null ? void 0 : _f.ticketsTypes) == null ? void 0 : _g.length) > 0 ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(event.value.ticketsTypes, (ticketType) => {
-                      return vue.openBlock(), vue.createElementBlock("div", _hoisted_12, [
-                        vue.createElementVNode("div", _hoisted_13, [
-                          vue.createElementVNode("span", _hoisted_14, vue.toDisplayString(ticketType.name), 1),
-                          vue.createElementVNode("span", _hoisted_15, vue.toDisplayString(ticketType.price) + " " + vue.toDisplayString(_ctx.returnCurrency()), 1)
-                        ]),
-                        vue.createElementVNode("a", {
-                          href: ticketType.link,
-                          class: "d-block t-center pd-l-medium pd-r-medium pd-t-small pd-b-small radius-extra uppercase t-medium t-white w-100 bg-second"
-                        }, " Buy Now ", 8, _hoisted_16)
-                      ]);
-                    }), 256)) : vue.createCommentVNode("", true),
-                    auth.state.user._id && !((_i = (_h = event.value) == null ? void 0 : _h.ticketsTypes) == null ? void 0 : _i.length) > 0 ? (vue.openBlock(), vue.createBlock(ButtonJoin.default, {
-                      key: 1,
-                      type: "event",
-                      hasTicket: event.value.hasTicket,
-                      targetId: event.value._id,
-                      userId: auth.state.user._id,
-                      class: "w-100 pd-medium mn-auto",
-                      onUpdateTicket: handleTicketUpdate
-                    }, null, 8, ["hasTicket", "targetId", "userId"])) : vue.createCommentVNode("", true),
-                    ((_j = event.value) == null ? void 0 : _j.ticketsTypes.length) > 0 ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_17, "Buy ticket online with special price:")) : vue.createCommentVNode("", true),
-                    ((_l = (_k = event.value) == null ? void 0 : _k.date) == null ? void 0 : _l.start) && ((_n = (_m = event.value) == null ? void 0 : _m.ticketsTypes) == null ? void 0 : _n.length) > 0 ? (vue.openBlock(), vue.createBlock(Countdown.default, {
-                      key: 3,
-                      class: "mn-t-thin radius-medium bg-white w-100",
-                      date: (_p = (_o = event.value) == null ? void 0 : _o.date) == null ? void 0 : _p.start
-                    }, null, 8, ["date"])) : vue.createCommentVNode("", true)
-                  ])
-                ]),
-                !isLoading.value && event.value ? (vue.openBlock(), vue.createBlock(Comments.default, {
-                  key: 0,
-                  type: "event",
-                  target: event.value._id,
-                  owner: auth.state.user._id,
-                  class: "bg-light radius-medium mobile:radius-zero pd-medium"
-                }, null, 8, ["target", "owner"])) : vue.createCommentVNode("", true)
-              ])) : vue.createCommentVNode("", true)
-            ];
-          }),
+                    type: "event",
+                    hasTicket: event.value.hasTicket,
+                    targetId: event.value._id,
+                    userId: auth.state.user._id,
+                    class: "w-100 pd-medium mn-auto",
+                    onUpdateTicket: handleTicketUpdate
+                  }, null, 8, ["hasTicket", "targetId", "userId"])) : vue.createCommentVNode("", true),
+                  event.value?.ticketsTypes.length > 0 ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_17, "Buy ticket online with special price:")) : vue.createCommentVNode("", true),
+                  event.value?.date?.start && event.value?.ticketsTypes?.length > 0 ? (vue.openBlock(), vue.createBlock(Countdown.default, {
+                    key: 3,
+                    class: "mn-t-thin radius-medium bg-white w-100",
+                    date: event.value?.date?.start
+                  }, null, 8, ["date"])) : vue.createCommentVNode("", true)
+                ])
+              ]),
+              !isLoading.value && event.value ? (vue.openBlock(), vue.createBlock(Comments.default, {
+                key: 0,
+                type: "event",
+                target: event.value._id,
+                owner: auth.state.user._id,
+                class: "bg-light radius-medium mobile:radius-zero pd-medium"
+              }, null, 8, ["target", "owner"])) : vue.createCommentVNode("", true)
+            ])) : vue.createCommentVNode("", true)
+          ]),
           _: 1
         })
       ]);

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

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