@ozdao/martyrs 0.2.551 → 0.2.553

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

@@ -1,405 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-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 Dropdown = require("../../../../components/Dropdown/Dropdown.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");
-const IconEllipsis = require("../../../icons/navigation/IconEllipsis.vue.cjs");
-const vueRouter = require("vue-router");
-const events = require("../../store/events.cjs");
-const auth = require("../../../auth/views/store/auth.cjs");
-const tickets = require("../../store/tickets.cjs");
-const core_store = require("../../../core/views/store/core.store.cjs");
-const mixins = require("../../../core/views/mixins/mixins.cjs");
-;/* empty css                        */
-const _hoisted_1 = {
-  key: 0,
-  class: "pd-thin bg-white"
-};
-const _hoisted_2 = { class: "mn-b-medium flex-v-center flex-nowrap flex" };
-const _hoisted_3 = { class: "cols-4 mobile:cols-2 gap-thin" };
-const _hoisted_4 = { class: "bg-white radius-medium pd-medium" };
-const _hoisted_5 = { class: "h2" };
-const _hoisted_6 = { class: "bg-white radius-medium pd-medium" };
-const _hoisted_7 = { class: "h2 t-main" };
-const _hoisted_8 = { class: "bg-white radius-medium pd-medium" };
-const _hoisted_9 = { class: "h2 t-second" };
-const _hoisted_10 = { class: "bg-white radius-medium pd-medium" };
-const _hoisted_11 = { class: "h2 t-red" };
-const _hoisted_12 = {
-  key: 1,
-  class: "bg-light radius-medium pd-medium mn-b-thin"
-};
-const _hoisted_13 = { class: "flex-nowrap flex gap-thin mn-b-medium" };
-const _hoisted_14 = { class: "bg-white radius-small pd-small" };
-const _hoisted_15 = { class: "p-medium t-medium" };
-const _hoisted_16 = { class: "bg-white radius-small pd-small" };
-const _hoisted_17 = { class: "p-medium t-medium" };
-const _hoisted_18 = { class: "bg-white radius-small pd-small" };
-const _hoisted_19 = { class: "p-medium t-medium t-main" };
-const _hoisted_20 = {
-  key: 0,
-  class: "flex-nowrap flex flex-justify-around gap-micro scroll-hide o-y-hidden o-x-scroll mn-t-big"
-};
-const _hoisted_21 = {
-  key: 1,
-  class: "bg-light radius-micro w-2r h-thin"
-};
-const _hoisted_22 = { class: "p-nano t-medium t-nowrap" };
-const _hoisted_23 = ["onClick"];
-const _hoisted_24 = ["href"];
-const _hoisted_25 = ["src"];
-const _hoisted_26 = { class: "w-100 o-hidden" };
-const _hoisted_27 = { class: "mn-b-thin flex-nowrap flex gap-thin" };
-const _hoisted_28 = {
-  key: 0,
-  class: "pd-thin radius-micro p-small bg-second t-white"
-};
-const _hoisted_29 = { class: "p-small t-transp mn-b-thin" };
-const _hoisted_30 = { class: "bg-black flex-column flex gap-thin pd-thin radius-small" };
-const _hoisted_31 = ["onClick"];
-const _hoisted_32 = ["onClick"];
-const _hoisted_33 = ["onClick"];
-const _hoisted_34 = ["onClick"];
-const _sfc_main = {
-  __name: "EditEventTickets",
-  setup(__props) {
-    const { hasAccess } = mixins.useGlobalMixins();
-    const route = vueRouter.useRoute();
-    const router = vueRouter.useRouter();
-    let event = vue.ref(null);
-    const stats = vue.ref(null);
-    const attendance = vue.ref(null);
-    const newTickets = vue.ref([{
-      name: "",
-      email: "",
-      target: null,
-      type: "event",
-      seat: "",
-      quantity: 1
-    }]);
-    const isOpenTicketsPopup = vue.ref(false);
-    function openTicketsPopup() {
-      isOpenTicketsPopup.value = true;
-      newTickets.value = [{
-        name: "",
-        email: "",
-        target: event.value?._id,
-        type: "event",
-        seat: "",
-        quantity: 1
-      }];
-    }
-    function closeTicketsPopup() {
-      isOpenTicketsPopup.value = false;
-    }
-    const fetchTickets = vue.ref(false);
-    const maxCount = vue.computed(() => {
-      if (!attendance.value?.timeline) return 0;
-      return Math.max(...attendance.value.timeline.map((slot) => slot.count), 1);
-    });
-    vue.onMounted(async () => {
-      const data = await events.read({ user: auth.state.user._id, url: route.params.url });
-      event.value = data.pop();
-      if (!event.value) {
-        router.push({ name: "notfound" });
-      }
-      if (event.value.owner.type === "organization") {
-        const isAccess = hasAccess(event.value.owner.target._id, "events", "edit", auth.state.accesses, auth.state.access.roles);
-        if (!isAccess) {
-          router.push({ name: "unauthorized" });
-        }
-      } else {
-        if (event.value.creator.target._id !== auth.state.user._id) {
-          router.push({ name: "unauthorized" });
-        }
-      }
-      try {
-        stats.value = await tickets.actions.getStats(event.value._id);
-        attendance.value = await tickets.actions.getAttendance(event.value._id);
-      } catch (error) {
-        console.error("Error loading stats:", error);
-      }
-    });
-    async function onSubmit() {
-      try {
-        const response = await tickets.actions.create(newTickets.value);
-        fetchTickets.value = !fetchTickets.value;
-        stats.value = await tickets.actions.getStats(event.value._id);
-        attendance.value = await tickets.actions.getAttendance(event.value._id);
-      } catch (error) {
-        console.log(error);
-      }
-    }
-    async function changeStatus(ticket, status) {
-      if (confirm("Are you sure you want to change ticket status?")) {
-        try {
-          const response = await tickets.actions.update({ ...ticket, status });
-          fetchTickets.value = !fetchTickets.value;
-          stats.value = await tickets.actions.getStats(event.value._id);
-          attendance.value = await tickets.actions.getAttendance(event.value._id);
-        } catch (error) {
-          console.error(error);
-        }
-      }
-    }
-    async function sendTicketEmail(ticketId) {
-      try {
-        await tickets.actions.sendEmail(ticketId);
-        alert("Ticket sent successfully!");
-      } catch (error) {
-        console.error("Error sending email:", error);
-        alert("Failed to send ticket");
-      }
-    }
-    function copyTicketLink(ticketId) {
-      const link = `${window.location.origin}/tickets/${ticketId}`;
-      navigator.clipboard.writeText(link);
-      core_store.setSnack("Link copied to clipboard");
-    }
-    return (_ctx, _cache) => {
-      return vue.unref(event) ? (vue.openBlock(), vue.createElementBlock("article", _hoisted_1, [
-        vue.createElementVNode("header", _hoisted_2, [
-          _cache[3] || (_cache[3] = vue.createElementVNode("h2", null, "Tickets", -1)),
-          vue.createElementVNode("button", {
-            onClick: _cache[0] || (_cache[0] = ($event) => openTicketsPopup()),
-            class: "mn-l-auto radius-small button t-white bg-second",
-            innerHTML: "+ Add"
-          }),
-          vue.createVNode(ButtonCheck.default, {
-            onQrcodecheck: _cache[1] || (_cache[1] = ($event) => fetchTickets.value = !fetchTickets.value),
-            class: "mn-l-micro radius-small button t-white bg-second"
-          })
-        ]),
-        stats.value ? (vue.openBlock(), vue.createBlock(Block.default, {
-          key: 0,
-          title: "Statistics",
-          class: "mn-b-thin"
-        }, {
-          default: vue.withCtx(() => [
-            vue.createElementVNode("div", _hoisted_3, [
-              vue.createElementVNode("div", _hoisted_4, [
-                _cache[4] || (_cache[4] = vue.createElementVNode("p", { class: "p-small t-medium t-transp uppercase mn-b-thin" }, "Total Tickets", -1)),
-                vue.createElementVNode("h2", _hoisted_5, vue.toDisplayString(stats.value.total), 1)
-              ]),
-              vue.createElementVNode("div", _hoisted_6, [
-                _cache[5] || (_cache[5] = vue.createElementVNode("p", { class: "p-small t-medium t-transp uppercase mn-b-thin" }, "Sold", -1)),
-                vue.createElementVNode("h2", _hoisted_7, vue.toDisplayString(stats.value.sold), 1)
-              ]),
-              vue.createElementVNode("div", _hoisted_8, [
-                _cache[6] || (_cache[6] = vue.createElementVNode("p", { class: "p-small t-medium t-transp uppercase mn-b-thin" }, "Free", -1)),
-                vue.createElementVNode("h2", _hoisted_9, vue.toDisplayString(stats.value.free), 1)
-              ]),
-              vue.createElementVNode("div", _hoisted_10, [
-                _cache[7] || (_cache[7] = vue.createElementVNode("p", { class: "p-small t-medium t-transp uppercase mn-b-thin" }, "Refunds", -1)),
-                vue.createElementVNode("h2", _hoisted_11, vue.toDisplayString(stats.value.refunded), 1)
-              ])
-            ])
-          ]),
-          _: 1
-        })) : vue.createCommentVNode("", true),
-        attendance.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_12, [
-          _cache[11] || (_cache[11] = vue.createElementVNode("h4", { class: "mn-b-small t-medium" }, "Attendance Graph", -1)),
-          vue.createElementVNode("div", _hoisted_13, [
-            vue.createElementVNode("div", _hoisted_14, [
-              _cache[8] || (_cache[8] = vue.createElementVNode("span", { class: "p-micro t-transp uppercase d-block mn-b-thin" }, "Total", -1)),
-              vue.createElementVNode("p", _hoisted_15, vue.toDisplayString(attendance.value.total), 1)
-            ]),
-            vue.createElementVNode("div", _hoisted_16, [
-              _cache[9] || (_cache[9] = vue.createElementVNode("span", { class: "p-micro t-transp uppercase d-block mn-b-thin" }, "Expected", -1)),
-              vue.createElementVNode("p", _hoisted_17, vue.toDisplayString(attendance.value.expected), 1)
-            ]),
-            vue.createElementVNode("div", _hoisted_18, [
-              _cache[10] || (_cache[10] = vue.createElementVNode("span", { class: "p-micro t-transp uppercase d-block mn-b-thin" }, "Arrived", -1)),
-              vue.createElementVNode("p", _hoisted_19, vue.toDisplayString(attendance.value.arrived), 1)
-            ])
-          ]),
-          attendance.value.timeline && attendance.value.timeline.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_20, [
-            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(attendance.value.timeline, (slot) => {
-              return vue.openBlock(), vue.createElementBlock("div", {
-                key: slot.time,
-                class: "flex-column flex-v-center flex gap-micro flex-child-shrink-0"
-              }, [
-                maxCount.value > 0 ? (vue.openBlock(), vue.createElementBlock("div", {
-                  key: 0,
-                  class: "bg-second radius-micro w-2r",
-                  style: vue.normalizeStyle({ height: `${Math.max(slot.count / maxCount.value * 10, 0.5)}rem` })
-                }, null, 4)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_21)),
-                vue.createElementVNode("p", _hoisted_22, vue.toDisplayString(slot.time), 1)
-              ]);
-            }), 128))
-          ])) : vue.createCommentVNode("", true)
-        ])) : vue.createCommentVNode("", true),
-        vue.createVNode(Popup.default, {
-          onClosePopup: closeTicketsPopup,
-          isPopupOpen: isOpenTicketsPopup.value,
-          class: "w-max-40r"
-        }, {
-          default: vue.withCtx(() => [
-            vue.createVNode(Block.default, {
-              title: "Add tickets",
-              placeholder: "No parameters added yet",
-              class: "cols-1 mn-b-thin gap-thin"
-            }, {
-              default: vue.withCtx(() => [
-                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(newTickets.value, (item, index) => {
-                  return vue.openBlock(), vue.createElementBlock("div", {
-                    class: "gap-thin flex-nowrap flex",
-                    key: index
-                  }, [
-                    vue.createVNode(Field.default, {
-                      field: item.name,
-                      "onUpdate:field": ($event) => item.name = $event,
-                      placeholder: "Name",
-                      class: "w-50 bg-white radius-small pd-medium"
-                    }, null, 8, ["field", "onUpdate:field"]),
-                    vue.createVNode(Field.default, {
-                      field: item.seat,
-                      "onUpdate:field": ($event) => item.seat = $event,
-                      placeholder: "Seat",
-                      class: "w-50 bg-white radius-small pd-medium"
-                    }, null, 8, ["field", "onUpdate:field"]),
-                    vue.createVNode(Field.default, {
-                      field: item.email,
-                      "onUpdate:field": ($event) => item.email = $event,
-                      placeholder: "Email",
-                      class: "w-100 bg-white radius-small pd-medium"
-                    }, null, 8, ["field", "onUpdate:field"]),
-                    vue.createVNode(Field.default, {
-                      field: item.quantity,
-                      "onUpdate:field": ($event) => item.quantity = $event,
-                      placeholder: "Quantity",
-                      type: "number",
-                      class: "w-25 bg-white radius-small pd-medium"
-                    }, null, 8, ["field", "onUpdate:field"]),
-                    index < 1 ? (vue.openBlock(), vue.createElementBlock("div", {
-                      key: 0,
-                      onClick: _cache[2] || (_cache[2] = () => newTickets.value.push({ name: "", value: "", target: vue.unref(event)._id, type: "event", quantity: 1 })),
-                      class: "radius-small h-100 i-big flex-center flex aspect-1x1 bg-green"
-                    }, [
-                      vue.createVNode(IconAdd.default, {
-                        class: "i-medium",
-                        fill: "rgb(var(--white))"
-                      })
-                    ])) : (vue.openBlock(), vue.createElementBlock("div", {
-                      key: 1,
-                      onClick: () => newTickets.value.splice(index, 1),
-                      class: "radius-small h-100 i-big flex-center flex aspect-1x1 bg-red"
-                    }, [
-                      vue.createVNode(IconDelete.default, {
-                        class: "i-medium",
-                        fill: "rgb(var(--white))"
-                      })
-                    ], 8, _hoisted_23))
-                  ]);
-                }), 128)),
-                vue.createVNode(Button.default, {
-                  submit: onSubmit,
-                  callback: closeTicketsPopup,
-                  class: "w-100 bg-black t-white"
-                }, {
-                  default: vue.withCtx(() => _cache[12] || (_cache[12] = [
-                    vue.createTextVNode(" Create Tickets ")
-                  ])),
-                  _: 1
-                })
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        }, 8, ["isPopupOpen"]),
-        vue.createVNode(Feed.default, {
-          search: true,
-          states: {
-            empty: {
-              title: "No Tickets Found",
-              description: "Currently, there are no tickets."
-            }
-          },
-          store: {
-            read: (options) => tickets.actions.read(options),
-            state: null
-          },
-          options: {
-            target: vue.unref(event)._id
-          },
-          external: fetchTickets.value
-        }, {
-          default: vue.withCtx(({ items }) => [
-            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(items, (ticket, index) => {
-              return vue.openBlock(), vue.createElementBlock("div", {
-                key: index,
-                class: "radius-medium bg-light gap-thin pd-medium flex-v-center flex-nowrap flex pos-relative mn-b-thin mobile:flex-v-start"
-              }, [
-                vue.createElementVNode("a", {
-                  href: ticket.image,
-                  target: "_blank",
-                  class: "flex-child-shrink-0"
-                }, [
-                  vue.createElementVNode("img", {
-                    loading: "lazy",
-                    src: ticket.qrcode,
-                    class: "radius-small h-5r w-5r"
-                  }, null, 8, _hoisted_25)
-                ], 8, _hoisted_24),
-                vue.createElementVNode("div", _hoisted_26, [
-                  vue.createElementVNode("h4", _hoisted_27, [
-                    vue.createElementVNode("span", null, vue.toDisplayString(ticket.client_refactor?.name || "No name"), 1),
-                    ticket.seat ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_28, vue.toDisplayString(ticket.seat), 1)) : vue.createCommentVNode("", true)
-                  ]),
-                  vue.createElementVNode("p", _hoisted_29, vue.toDisplayString(ticket.client_refactor?.email || "No email"), 1),
-                  vue.createElementVNode("span", {
-                    class: vue.normalizeClass(["pd-thin radius-extra t-white t-medium d-block w-max uppercase p-nano", {
-                      "bg-main": ticket.status === "unused",
-                      "bg-grey": ticket.status === "used",
-                      "bg-red": ticket.status === "deactivated"
-                    }])
-                  }, vue.toDisplayString(ticket.status), 3)
-                ]),
-                vue.createVNode(Dropdown.default, {
-                  label: { component: IconEllipsis.default, class: "t-transp i-regular" },
-                  align: "right",
-                  class: "cursor-pointer radius-small pd-small bg-white flex-child-shrink-0"
-                }, {
-                  default: vue.withCtx(() => [
-                    vue.createElementVNode("section", _hoisted_30, [
-                      vue.createElementVNode("button", {
-                        onClick: ($event) => sendTicketEmail(ticket._id),
-                        class: "w-100 t-nowrap bg-black br-solid br-1px br-white-transp-20 t-white button-small button"
-                      }, " Send Email ", 8, _hoisted_31),
-                      vue.createElementVNode("button", {
-                        onClick: ($event) => copyTicketLink(ticket._id),
-                        class: "w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button"
-                      }, " Copy Link ", 8, _hoisted_32),
-                      ticket.status !== "deactivated" ? (vue.openBlock(), vue.createElementBlock("button", {
-                        key: 0,
-                        onClick: ($event) => changeStatus(ticket, "deactivated"),
-                        class: "w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button"
-                      }, " Deactivate ", 8, _hoisted_33)) : vue.createCommentVNode("", true),
-                      ticket.status === "deactivated" || ticket.status === "used" ? (vue.openBlock(), vue.createElementBlock("button", {
-                        key: 1,
-                        onClick: ($event) => changeStatus(ticket, "unused"),
-                        class: "w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button"
-                      }, " Activate ", 8, _hoisted_34)) : vue.createCommentVNode("", true)
-                    ])
-                  ]),
-                  _: 2
-                }, 1032, ["label"])
-              ]);
-            }), 128))
-          ]),
-          _: 1
-        }, 8, ["store", "options", "external"])
-      ])) : vue.createCommentVNode("", true);
-    };
-  }
-};
-exports.default = _sfc_main;
-//# sourceMappingURL=EditEventTickets.vue.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"EditEventTickets.vue.cjs","sources":["../../../../../../../src/modules/events/components/pages/EditEventTickets.vue"],"sourcesContent":["<template>\n  <article v-if=\"event\" class=\"pd-thin bg-white\">\n    <!-- Header -->\n    <header class=\"mn-b-medium flex-v-center flex-nowrap flex\">\n      <h2>Tickets</h2>\n      <button\n        @click=\"openTicketsPopup()\"\n        class=\"mn-l-auto radius-small button t-white bg-second\"\n        v-html=\"'+ Add'\"\n      />\n      <ButtonCheck @qrcodecheck=\"fetchTickets = !fetchTickets\" class=\"mn-l-micro radius-small button t-white bg-second\" />\n    </header>\n\n    <!-- Statistics Cards -->\n    <Block v-if=\"stats\" title=\"Statistics\" class=\"mn-b-thin\">\n      <div class=\"cols-4 mobile:cols-2 gap-thin\">\n        <div class=\"bg-white radius-medium pd-medium\">\n          <p class=\"p-small t-medium t-transp uppercase mn-b-thin\">Total Tickets</p>\n          <h2 class=\"h2\">{{ stats.total }}</h2>\n        </div>\n        <div class=\"bg-white radius-medium pd-medium\">\n          <p class=\"p-small t-medium t-transp uppercase mn-b-thin\">Sold</p>\n          <h2 class=\"h2 t-main\">{{ stats.sold }}</h2>\n        </div>\n        <div class=\"bg-white radius-medium pd-medium\">\n          <p class=\"p-small t-medium t-transp uppercase mn-b-thin\">Free</p>\n          <h2 class=\"h2 t-second\">{{ stats.free }}</h2>\n        </div>\n        <div class=\"bg-white radius-medium pd-medium\">\n          <p class=\"p-small t-medium t-transp uppercase mn-b-thin\">Refunds</p>\n          <h2 class=\"h2 t-red\">{{ stats.refunded }}</h2>\n        </div>\n      </div>\n    </Block>\n\n    <!-- Attendance Graph -->\n    <div v-if=\"attendance\" class=\"bg-light radius-medium pd-medium mn-b-thin\">\n      <h4 class=\"mn-b-small t-medium\">Attendance Graph</h4>\n\n      <!-- General Stats -->\n      <div class=\"flex-nowrap flex gap-thin mn-b-medium\">\n        <div class=\"bg-white radius-small pd-small\">\n          <span class=\"p-micro t-transp uppercase d-block mn-b-thin\">Total</span>\n          <p class=\"p-medium t-medium\">{{ attendance.total }}</p>\n        </div>\n        <div class=\"bg-white radius-small pd-small\">\n          <span class=\"p-micro t-transp uppercase d-block mn-b-thin\">Expected</span>\n          <p class=\"p-medium t-medium\">{{ attendance.expected }}</p>\n        </div>\n        <div class=\"bg-white radius-small pd-small\">\n          <span class=\"p-micro t-transp uppercase d-block mn-b-thin\">Arrived</span>\n          <p class=\"p-medium t-medium t-main\">{{ attendance.arrived }}</p>\n        </div>\n      </div>\n\n      <!-- Timeline Graph -->\n      <div v-if=\"attendance.timeline && attendance.timeline.length\" class=\"flex-nowrap flex flex-justify-around gap-micro scroll-hide o-y-hidden o-x-scroll mn-t-big\">\n        <div\n          v-for=\"slot in attendance.timeline\"\n          :key=\"slot.time\"\n          class=\"flex-column flex-v-center flex gap-micro flex-child-shrink-0\"\n        >\n          <div\n            v-if=\"maxCount > 0\"\n            class=\"bg-second radius-micro w-2r\"\n            :style=\"{ height: `${Math.max((slot.count / maxCount) * 10, 0.5)}rem` }\"\n          ></div>\n          <div\n            v-else\n            class=\"bg-light radius-micro w-2r h-thin\"\n          ></div>\n          <p class=\"p-nano t-medium t-nowrap\">{{ slot.time }}</p>\n        </div>\n      </div>\n    </div>\n\n    <!-- Add Tickets Popup -->\n    <Popup\n      @close-popup=\"closeTicketsPopup\"\n      :isPopupOpen=\"isOpenTicketsPopup\"\n      class=\"w-max-40r\"\n    >\n      <Block\n        title=\"Add tickets\"\n        placeholder=\"No parameters added yet\"\n        class=\"cols-1 mn-b-thin gap-thin\"\n      >\n        <div\n          class=\"gap-thin flex-nowrap flex\"\n          v-for=\"(item, index) in newTickets\"\n          :key=\"index\"\n        >\n          <Field\n            v-model:field=\"item.name\"\n            placeholder=\"Name\"\n            class=\"w-50 bg-white radius-small pd-medium\"\n          />\n          <Field\n            v-model:field=\"item.seat\"\n            placeholder=\"Seat\"\n            class=\"w-50 bg-white radius-small pd-medium\"\n          />\n          <Field\n            v-model:field=\"item.email\"\n            placeholder=\"Email\"\n            class=\"w-100 bg-white radius-small pd-medium\"\n          />\n\n          <Field\n            v-model:field=\"item.quantity\"\n            placeholder=\"Quantity\"\n            type=\"number\"\n            class=\"w-25 bg-white radius-small pd-medium\"\n          />\n\n          <div v-if=\"index < 1\" @click=\"() => newTickets.push({name: '', value: '', target: event._id, type: 'event', quantity: 1})\"  class=\"radius-small h-100 i-big flex-center flex aspect-1x1 bg-green\">\n            <IconAdd\n              class=\"i-medium\"\n              :fill=\"'rgb(var(--white))'\"\n            />\n          </div>\n          <div v-else @click=\"() => newTickets.splice(index, 1)\"  class=\"radius-small h-100 i-big flex-center flex aspect-1x1 bg-red\">\n            <IconDelete\n              class=\"i-medium\"\n              :fill=\"'rgb(var(--white))'\"\n            />\n          </div>\n        </div>\n\n         <Button\n            :submit=\"onSubmit\"\n            :callback=\"closeTicketsPopup\"\n            class=\"w-100 bg-black t-white\"\n          >\n            Create Tickets\n          </Button>\n      </Block>\n    </Popup>\n\n    <!-- Tickets List -->\n    <Feed\n      :search=\"true\"\n      :states=\"{\n        empty: {\n          title: 'No Tickets Found',\n          description: 'Currently, there are no tickets.'\n        }\n      }\"\n      :store=\"{\n        read: (options) => tickets.actions.read(options),\n        state: null\n      }\"\n      :options=\"{\n        target: event._id\n      }\"\n      :external=\"fetchTickets\"\n      v-slot=\"{ items }\"\n    >\n      <div\n        v-for=\"(ticket, index) in items\"\n        :key=\"index\"\n        class=\"radius-medium bg-light gap-thin pd-medium flex-v-center flex-nowrap flex pos-relative mn-b-thin mobile:flex-v-start\"\n      >\n        <!-- QR Code - clickable PDF -->\n        <a :href=\"ticket.image\" target=\"_blank\" class=\"flex-child-shrink-0\">\n          <img loading=\"lazy\" :src=\"ticket.qrcode\" class=\"radius-small h-5r w-5r\">\n        </a>\n\n        <!-- Ticket Info -->\n        <div class=\"w-100 o-hidden\">\n          <h4 class=\"mn-b-thin flex-nowrap flex gap-thin\">\n            <span>{{ ticket.client_refactor?.name || 'No name' }}</span><span v-if=\"ticket.seat\" class=\"pd-thin radius-micro p-small bg-second t-white\"> {{ ticket.seat }}</span>\n          </h4>\n          <p class=\"p-small t-transp mn-b-thin\">\n            {{ ticket.client_refactor?.email || 'No email' }}\n          </p>\n          <span\n            class=\"pd-thin radius-extra t-white t-medium d-block w-max uppercase p-nano\"\n            :class=\"{\n              'bg-main': ticket.status === 'unused',\n              'bg-grey': ticket.status === 'used',\n              'bg-red': ticket.status === 'deactivated'\n            }\"\n          >\n            {{ ticket.status }}\n          </span>\n        </div>\n\n        <!-- Actions -->\n        <Dropdown\n          :label=\"{ component: IconEllipsis, class: 't-transp i-regular' }\"\n          :align=\"'right'\"\n          class=\"cursor-pointer radius-small pd-small bg-white flex-child-shrink-0\"\n        >\n          <section class=\"bg-black flex-column flex gap-thin pd-thin radius-small\">\n            <button\n              @click=\"sendTicketEmail(ticket._id)\"\n              class=\"w-100 t-nowrap bg-black br-solid br-1px br-white-transp-20 t-white button-small button\"\n            >\n              Send Email\n            </button>\n\n            <button\n              @click=\"copyTicketLink(ticket._id)\"\n              class=\"w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button\"\n            >\n              Copy Link\n            </button>\n\n            <button\n              v-if=\"ticket.status !== 'deactivated'\"\n              @click=\"changeStatus(ticket, 'deactivated')\"\n              class=\"w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button\"\n            >\n              Deactivate\n            </button>\n\n            <button\n              v-if=\"ticket.status === 'deactivated' || ticket.status === 'used'\"\n              @click=\"changeStatus(ticket, 'unused')\"\n              class=\"w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button\"\n            >\n              Activate\n            </button>\n          </section>\n        </Dropdown>\n      </div>\n    </Feed>\n  </article>\n</template>\n\n<script setup>\nimport Feed from '@martyrs/src/components/Feed/Feed.vue';\nimport Block from '@martyrs/src/components/Block/Block.vue';\nimport Popup from \"@martyrs/src/components/Popup/Popup.vue\";\nimport Field from '@martyrs/src/components/Field/Field.vue';\nimport Button from '@martyrs/src/components/Button/Button.vue';\nimport Dropdown from '@martyrs/src/components/Dropdown/Dropdown.vue';\n\nimport ButtonCheck from '@martyrs/src/modules/events/components/elements/ButtonCheck.vue';\n\nimport IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue';\nimport IconAdd from '@martyrs/src/modules/icons/navigation/IconAdd.vue';\nimport IconFile from '@martyrs/src/modules/icons/entities/IconFile.vue';\nimport IconEmail from '@martyrs/src/modules/icons/entities/IconEmail.vue';\nimport IconAttach from '@martyrs/src/modules/icons/navigation/IconAttach.vue';\nimport IconDuplicate from '@martyrs/src/modules/icons/actions/IconDuplicate.vue';\nimport IconEllipsis from '@martyrs/src/modules/icons/navigation/IconEllipsis.vue';\n\nimport { ref, onMounted, computed } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\n\nimport * as events from '@martyrs/src/modules/events/store/events.js';\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\nimport * as tickets from '@martyrs/src/modules/events/store/tickets.js';\nimport { setSnack } from '@martyrs/src/modules/core/views/store/core.store.js';\n\nimport { useGlobalMixins } from \"@martyrs/src/modules/core/views/mixins/mixins.js\";\n\nconst { hasAccess } = useGlobalMixins();\n\nconst route = useRoute();\nconst router = useRouter();\n\nlet event = ref(null);\nconst stats = ref(null);\nconst attendance = ref(null);\n\nconst newTickets = ref([{\n  name: '',\n  email: '',\n  target: null,\n  type: 'event',\n  seat: '',\n  quantity: 1,\n}]);\n\nconst isOpenTicketsPopup = ref(false);\n\nfunction openTicketsPopup() {\n  isOpenTicketsPopup.value = true;\n\n  newTickets.value = [{\n    name: '',\n    email: '',\n    target: event.value?._id,\n    type: 'event',\n    seat: '',\n    quantity: 1,\n  }];\n}\n\nfunction closeTicketsPopup() {\n  isOpenTicketsPopup.value = false;\n}\n\nconst fetchTickets = ref(false);\n\n// Computed for max count in timeline\nconst maxCount = computed(() => {\n  if (!attendance.value?.timeline) return 0;\n  return Math.max(...attendance.value.timeline.map(slot => slot.count), 1);\n});\n\nonMounted(async () => {\n  const data = await events.read({ user: auth.state.user._id, url: route.params.url });\n\n  event.value = data.pop();\n\n  if (!event.value) {\n    router.push({name: 'notfound'});\n  }\n\n  if (event.value.owner.type === 'organization') {\n    const isAccess = hasAccess(event.value.owner.target._id, 'events', 'edit', auth.state.accesses, auth.state.access.roles);\n\n    if (!isAccess) {\n      router.push({name: 'unauthorized'});\n    }\n  } else {\n    if (event.value.creator.target._id !== auth.state.user._id) {\n      router.push({name: 'unauthorized'});\n    }\n  }\n\n  // Load statistics\n  try {\n    stats.value = await tickets.actions.getStats(event.value._id);\n    attendance.value = await tickets.actions.getAttendance(event.value._id);\n  } catch (error) {\n    console.error('Error loading stats:', error);\n  }\n});\n\nasync function onSubmit() {\n  try {\n    const response = await tickets.actions.create(newTickets.value);\n    fetchTickets.value = !fetchTickets.value;\n\n    // Refresh stats\n    stats.value = await tickets.actions.getStats(event.value._id);\n    attendance.value = await tickets.actions.getAttendance(event.value._id);\n  } catch (error) {\n    console.log(error);\n  }\n}\n\nasync function changeStatus(ticket, status) {\n  if (confirm('Are you sure you want to change ticket status?')) {\n    try {\n      const response = await tickets.actions.update({ ...ticket, status: status });\n      fetchTickets.value = !fetchTickets.value;\n\n      // Refresh stats\n      stats.value = await tickets.actions.getStats(event.value._id);\n      attendance.value = await tickets.actions.getAttendance(event.value._id);\n    } catch (error) {\n      console.error(error);\n    }\n  }\n}\n\nfunction viewPdf(ticket) {\n  if (ticket.image) {\n    window.open(ticket.image, '_blank');\n  } else {\n    alert('PDF not available for this ticket');\n  }\n}\n\nasync function sendTicketEmail(ticketId) {\n  try {\n    await tickets.actions.sendEmail(ticketId);\n    alert('Ticket sent successfully!');\n  } catch (error) {\n    console.error('Error sending email:', error);\n    alert('Failed to send ticket');\n  }\n}\n\nfunction copyTicketLink(ticketId) {\n  const link = `${window.location.origin}/tickets/${ticketId}`;\n  navigator.clipboard.writeText(link);\n  setSnack('Link copied to clipboard');\n}\n\nfunction redirectTo() {\n  // Placeholder callback\n}\n</script>\n\n<style lang=\"scss\">\n  .dp__input {\n    border: 0;\n    padding: var(--medium);\n    padding-left: 3rem;\n    background: rgb(var(--grey))\n  }\n</style>\n"],"names":["useGlobalMixins","useRoute","useRouter","ref","computed","onMounted","events.read","auth.state","tickets.actions","setSnack"],"mappings":"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"}

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

@@ -1,187 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-;/* 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");
-const PhotoStack = require("../../../core/views/components/elements/PhotoStack.vue.cjs");
-;/* empty css                                          */
-const IconDate = require("../../../icons/entities/IconDate.vue.cjs");
-const vueRouter = require("vue-router");
-;/* empty css                                        */
-const mixins = require("../../../core/views/mixins/mixins.cjs");
-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                                    */
-const ButtonJoin = require("../elements/ButtonJoin.vue.cjs");
-const Comments = require("../../../community/components/sections/Comments.vue.cjs");
-const events = require("../../store/events.cjs");
-const tickets = require("../../store/tickets.cjs");
-const auth = require("../../../auth/views/store/auth.cjs");
-const vueI18n = require("vue-i18n");
-;/* empty css             */
-const _hoisted_1 = { id: "eventPage" };
-const _hoisted_2 = {
-  key: 2,
-  class: "cols-2-2_1 gap-small bg-white t-black pd-t-zero mobile:pd-small pd-extra"
-};
-const _hoisted_3 = { class: "bg-light mobile:pd-medium pd-big radius-big" };
-const _hoisted_4 = { class: "z-index-1 mn-b-semi" };
-const _hoisted_5 = { class: "flex flex-wrap gap-micro t-medium p-medium mn-b-semi justify-start align-center" };
-const _hoisted_6 = {
-  key: 0,
-  class: "mn-r-nano d-inline-block w-max pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small t-medium bg-white"
-};
-const _hoisted_7 = { class: "z-index-1 p-medium mn-b-semi" };
-const _hoisted_8 = {
-  key: 0,
-  class: "bg-black-transp-10 mn-b-semi mn-t-semi d-block"
-};
-const _hoisted_9 = { class: "" };
-const _hoisted_10 = { class: "radius-semi pd-medium bg-light mn-b-thin" };
-const _hoisted_11 = { class: "mn-b-small flex-nowrap flex-v-center flex pos-relative" };
-const _hoisted_12 = { class: "pd-medium w-100 radius-medium bg-white mn-b-small" };
-const _hoisted_13 = { class: "flex-nowrap mn-b-small p-medium flex" };
-const _hoisted_14 = { class: "mn-r-auto" };
-const _hoisted_15 = { class: "t-medium" };
-const _hoisted_16 = ["href"];
-const _hoisted_17 = {
-  key: 2,
-  class: "z-index-1 t-transp p-small mn-t-small"
-};
-const _sfc_main = {
-  __name: "Event",
-  setup(__props) {
-    const route = vueRouter.useRoute();
-    const { locale } = vueI18n.useI18n();
-    const { returnCurrency, formatDate } = mixins.useGlobalMixins();
-    const qrcode = vue.ref(null);
-    const handleTicketUpdate = ({ ticket, hasTicket, targetId }) => {
-      tickets.mutations.handleTicketUpdate(event.value, ticket, hasTicket, targetId);
-      console.log("HANDLE TICKET UPDATE", ticket, event.value);
-      qrcode.value = ticket.qrcode;
-    };
-    const event = vue.ref(null);
-    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
-      });
-      event.value = data[0];
-      isLoading.value = false;
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("section", _hoisted_1, [
-        vue.createVNode(vue.TransitionGroup, {
-          tag: "ul",
-          name: "fade",
-          class: "bg-light"
-        }, {
-          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(vue.unref(formatDate)(event.value.date.start, vue.unref(locale))), 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"])
-                  ]),
-                  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(vue.unref(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,
-                    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
-        })
-      ]);
-    };
-  }
-};
-exports.default = _sfc_main;
-//# sourceMappingURL=Event.vue.cjs.map