@ozdao/martyrs 0.2.549 → 0.2.551

package/dist/martyrs/src/modules/events/components/sections/EditTickets.vue.cjs

@@ -0,0 +1,281 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const Block = require("../../../../components/Block/Block.vue.cjs");
+const Field = require("../../../../components/Field/Field.vue.cjs");
+const Button = require("../../../../components/Button/Button.vue2.cjs");
+const Popup = require("../../../../components/Popup/Popup.vue.cjs");
+const UploadImage = require("../../../../components/UploadImage/UploadImage.vue2.cjs");
+const FieldDate = require("../../../../components/FieldDate/FieldDate.vue.cjs");
+const Checkbox = require("../../../../components/Checkbox/Checkbox.vue.cjs");
+const PlaceholderImage = require("../../../icons/placeholders/PlaceholderImage.vue.cjs");
+const IconEdit = require("../../../icons/navigation/IconEdit.vue.cjs");
+const IconDelete = require("../../../icons/navigation/IconDelete.vue.cjs");
+const mixins = require("../../../core/views/mixins/mixins.cjs");
+const _hoisted_1 = { class: "aspect-1x1 h-3r flex-child-default radius-small o-hidden" };
+const _hoisted_2 = ["src"];
+const _hoisted_3 = { class: "w-100" };
+const _hoisted_4 = { class: "p-regular mn-b-thin t-medium d-block" };
+const _hoisted_5 = { class: "t-medium t-transp" };
+const _hoisted_6 = { class: "flex gap-thin" };
+const _hoisted_7 = { class: "cols-1 gap-thin o-y-scroll" };
+const _hoisted_8 = { class: "mn-b-thin radius-small w-100 h-10r bg-light flex-center flex-column flex" };
+const _hoisted_9 = {
+  key: 0,
+  class: "flex gap-thin"
+};
+const _hoisted_10 = { class: "flex gap-thin mn-t-medium" };
+const _sfc_main = {
+  __name: "EditTickets",
+  props: {
+    tickets: {
+      type: Array,
+      default: () => []
+    }
+  },
+  emits: ["update:tickets"],
+  setup(__props, { emit: __emit }) {
+    const { returnCurrency } = mixins.useGlobalMixins();
+    const props = __props;
+    const emit = __emit;
+    const isTicketPopupOpen = vue.ref(false);
+    const editingIndex = vue.ref(null);
+    const currentTicket = vue.reactive({
+      name: "",
+      description: "",
+      price: 0,
+      photo: null,
+      validity: {
+        always: true,
+        start: null,
+        end: null
+      }
+    });
+    function openTicketPopup(ticket = null, index = null) {
+      editingIndex.value = index;
+      if (ticket) {
+        currentTicket.name = ticket.name || "";
+        currentTicket.description = ticket.description || "";
+        currentTicket.price = ticket.price || 0;
+        currentTicket.photo = ticket.photo || null;
+        currentTicket.validity = {
+          always: ticket.validity?.always !== void 0 ? ticket.validity.always : true,
+          start: ticket.validity?.start || null,
+          end: ticket.validity?.end || null
+        };
+      } else {
+        currentTicket.name = "";
+        currentTicket.description = "";
+        currentTicket.price = 0;
+        currentTicket.photo = null;
+        currentTicket.validity = {
+          always: true,
+          start: null,
+          end: null
+        };
+      }
+      isTicketPopupOpen.value = true;
+    }
+    function closeTicketPopup() {
+      isTicketPopupOpen.value = false;
+      editingIndex.value = null;
+      currentTicket.name = "";
+      currentTicket.description = "";
+      currentTicket.price = 0;
+      currentTicket.photo = null;
+      currentTicket.validity = {
+        always: true,
+        start: null,
+        end: null
+      };
+    }
+    function saveTicket() {
+      const ticketToSave = {
+        name: currentTicket.name,
+        description: currentTicket.description,
+        price: parseFloat(currentTicket.price) || 0,
+        photo: currentTicket.photo,
+        validity: {
+          always: currentTicket.validity.always,
+          start: currentTicket.validity.start,
+          end: currentTicket.validity.end
+        }
+      };
+      const updatedTickets = [...props.tickets];
+      if (editingIndex.value !== null) {
+        updatedTickets[editingIndex.value] = ticketToSave;
+      } else {
+        updatedTickets.push(ticketToSave);
+      }
+      emit("update:tickets", updatedTickets);
+      closeTicketPopup();
+    }
+    function deleteTicket(index) {
+      if (confirm("Are you sure you want to delete this ticket?")) {
+        const updatedTickets = [...props.tickets];
+        updatedTickets.splice(index, 1);
+        emit("update:tickets", updatedTickets);
+      }
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(Block.default, {
+        title: "Tickets",
+        placeholder: "No tickets added yet",
+        actions: [{
+          label: "+",
+          function: () => openTicketPopup()
+        }],
+        class: "cols-1 mn-b-thin t-black gap-thin"
+      }, {
+        default: vue.withCtx(() => [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.tickets, (ticket, index) => {
+            return vue.openBlock(), vue.createElementBlock("div", {
+              key: index,
+              class: "bg-white radius-small pd-small flex-nowrap flex-v-center flex gap-thin mn-b-thin"
+            }, [
+              vue.createElementVNode("div", _hoisted_1, [
+                ticket.photo ? (vue.openBlock(), vue.createElementBlock("img", {
+                  key: 0,
+                  src: (_ctx.FILE_SERVER_URL || "") + ticket.photo,
+                  alt: "Ticket image",
+                  class: "w-100 h-100 object-fit-cover"
+                }, null, 8, _hoisted_2)) : (vue.openBlock(), vue.createBlock(PlaceholderImage.default, {
+                  key: 1,
+                  class: "w-100 bg-main-transp-10 radius-small h-100"
+                }))
+              ]),
+              vue.createElementVNode("div", _hoisted_3, [
+                vue.createElementVNode("p", _hoisted_4, vue.toDisplayString(ticket.name || "Unnamed ticket"), 1),
+                vue.createElementVNode("p", _hoisted_5, vue.toDisplayString(vue.unref(returnCurrency)()) + vue.toDisplayString(ticket.price), 1)
+              ]),
+              vue.createElementVNode("div", _hoisted_6, [
+                vue.createVNode(Button.default, {
+                  showSuccess: false,
+                  showLoader: false,
+                  class: "radius-small pd-small flex-center flex aspect-1x1 bg-light cursor-pointer hover-scale-1",
+                  submit: () => openTicketPopup(ticket, index)
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(IconEdit.default, { class: "i-regular" })
+                  ]),
+                  _: 2
+                }, 1032, ["submit"]),
+                vue.createVNode(Button.default, {
+                  showSuccess: false,
+                  showLoader: false,
+                  class: "radius-small pd-small flex-center flex aspect-1x1 bg-red cursor-pointer hover-scale-1",
+                  submit: () => deleteTicket(index)
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(IconDelete.default, { class: "i-regular" })
+                  ]),
+                  _: 2
+                }, 1032, ["submit"])
+              ])
+            ]);
+          }), 128)),
+          vue.createVNode(Popup.default, {
+            title: editingIndex.value !== null ? "Edit Ticket" : "Create Ticket",
+            onClosePopup: closeTicketPopup,
+            isPopupOpen: isTicketPopupOpen.value,
+            align: "center right",
+            class: "bg-white h-min-100 mobile:w-100 w-30r mobile:w-100 pd-medium"
+          }, {
+            default: vue.withCtx(() => [
+              vue.createElementVNode("div", _hoisted_7, [
+                vue.createElementVNode("div", _hoisted_8, [
+                  vue.createVNode(UploadImage.default, {
+                    photo: currentTicket.photo,
+                    "onUpdate:photo": _cache[0] || (_cache[0] = ($event) => currentTicket.photo = $event),
+                    uploadPath: "tickets",
+                    class: "h-4r w-4r aspect-1x1 o-hidden mn-b-thin radius-extra"
+                  }, null, 8, ["photo"]),
+                  _cache[7] || (_cache[7] = vue.createElementVNode("h4", null, "Upload Ticket Image", -1))
+                ]),
+                vue.createVNode(Field.default, {
+                  field: currentTicket.name,
+                  "onUpdate:field": _cache[1] || (_cache[1] = ($event) => currentTicket.name = $event),
+                  label: "Name",
+                  placeholder: "Ticket name",
+                  class: "w-100 bg-light radius-small pd-small"
+                }, null, 8, ["field"]),
+                vue.createVNode(Field.default, {
+                  field: currentTicket.description,
+                  "onUpdate:field": _cache[2] || (_cache[2] = ($event) => currentTicket.description = $event),
+                  placeholder: "Enter ticket description",
+                  class: "w-100 bg-light radius-small pd-small",
+                  style: { "resize": "vertical" },
+                  type: "textarea"
+                }, null, 8, ["field"]),
+                vue.createVNode(Field.default, {
+                  field: currentTicket.price,
+                  "onUpdate:field": _cache[3] || (_cache[3] = ($event) => currentTicket.price = $event),
+                  label: "Price",
+                  type: "number",
+                  placeholder: "Price",
+                  class: "w-100 bg-light radius-small pd-small"
+                }, null, 8, ["field"]),
+                _cache[9] || (_cache[9] = vue.createElementVNode("div", { class: "t-medium mn-t-small" }, "Validity Period", -1)),
+                vue.createVNode(Checkbox.default, {
+                  radio: currentTicket.validity.always,
+                  "onUpdate:radio": _cache[4] || (_cache[4] = ($event) => currentTicket.validity.always = $event),
+                  label: "Valid Always",
+                  mode: "switch",
+                  class: "w-100 bg-light radius-small pd-small mn-b-thin"
+                }, null, 8, ["radio"]),
+                !currentTicket.validity.always ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9, [
+                  vue.createVNode(FieldDate.default, {
+                    modelValue: currentTicket.validity.start,
+                    "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => currentTicket.validity.start = $event),
+                    allowRange: false,
+                    enableTime: true,
+                    showSelected: true,
+                    label: "Start",
+                    placeholder: "Validity start",
+                    class: "w-100 bg-light radius-small pd-small"
+                  }, null, 8, ["modelValue"]),
+                  vue.createVNode(FieldDate.default, {
+                    modelValue: currentTicket.validity.end,
+                    "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => currentTicket.validity.end = $event),
+                    allowRange: false,
+                    enableTime: true,
+                    showSelected: true,
+                    label: "End",
+                    placeholder: "Validity end",
+                    class: "w-100 bg-light radius-small pd-small"
+                  }, null, 8, ["modelValue"])
+                ])) : vue.createCommentVNode("", true),
+                vue.createElementVNode("div", _hoisted_10, [
+                  vue.createVNode(Button.default, {
+                    showSuccess: false,
+                    showLoader: false,
+                    class: "bg-red t-white w-100",
+                    submit: closeTicketPopup
+                  }, {
+                    default: vue.withCtx(() => _cache[8] || (_cache[8] = [
+                      vue.createTextVNode(" Cancel ")
+                    ])),
+                    _: 1
+                  }),
+                  vue.createVNode(Button.default, {
+                    class: "bg-main w-100",
+                    submit: saveTicket
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createTextVNode(vue.toDisplayString(editingIndex.value !== null ? "Update" : "Add"), 1)
+                    ]),
+                    _: 1
+                  })
+                ])
+              ])
+            ]),
+            _: 1
+          }, 8, ["title", "isPopupOpen"])
+        ]),
+        _: 1
+      }, 8, ["actions"]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=EditTickets.vue.cjs.map

package/dist/martyrs/src/modules/events/components/sections/EditTickets.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditTickets.vue.cjs","sources":["../../../../../../../src/modules/events/components/sections/EditTickets.vue"],"sourcesContent":["<template>\n  <Block\n    title=\"Tickets\"\n    placeholder=\"No tickets added yet\"\n    :actions=\"[{\n      label: '+',\n      function: () => openTicketPopup()\n    }]\"\n    class=\"cols-1 mn-b-thin t-black gap-thin\"\n  >\n    <div\n      v-for=\"(ticket, index) in tickets\"\n      :key=\"index\"\n      class=\"bg-white radius-small pd-small flex-nowrap flex-v-center flex gap-thin mn-b-thin\"\n    >\n      <div class=\"aspect-1x1 h-3r flex-child-default radius-small o-hidden\">\n        <img\n          v-if=\"ticket.photo\"\n          :src=\"(FILE_SERVER_URL || '') + ticket.photo\"\n          alt=\"Ticket image\"\n          class=\"w-100 h-100 object-fit-cover\"\n        />\n        <PlaceholderImage v-else class=\"w-100 bg-main-transp-10 radius-small h-100\" />\n      </div>\n\n      <div class=\"w-100\">\n        <p class=\"p-regular mn-b-thin t-medium d-block\">{{ ticket.name || 'Unnamed ticket' }}</p>\n        <p class=\"t-medium t-transp\">{{ returnCurrency() }}{{ ticket.price }}</p>\n      </div>\n\n      <div class=\"flex gap-thin\">\n        <Button\n          :showSuccess=\"false\"\n          :showLoader=\"false\"\n          class=\"radius-small pd-small flex-center flex aspect-1x1 bg-light cursor-pointer hover-scale-1\"\n          :submit=\"() => openTicketPopup(ticket, index)\"\n        >\n          <IconEdit class=\"i-regular\" />\n        </Button>\n        <Button\n          :showSuccess=\"false\"\n          :showLoader=\"false\"\n          class=\"radius-small pd-small flex-center flex aspect-1x1 bg-red cursor-pointer hover-scale-1\"\n          :submit=\"() => deleteTicket(index)\"\n        >\n          <IconDelete class=\"i-regular\" />\n        </Button>\n      </div>\n    </div>\n\n    <Popup\n      :title=\"editingIndex !== null ? 'Edit Ticket' : 'Create Ticket'\"\n      @close-popup=\"closeTicketPopup\"\n      :isPopupOpen=\"isTicketPopupOpen\"\n      align=\"center right\"\n      class=\"bg-white h-min-100 mobile:w-100 w-30r mobile:w-100 pd-medium\"\n    >\n      <div class=\"cols-1 gap-thin o-y-scroll\">\n        <div class=\"mn-b-thin radius-small w-100 h-10r bg-light flex-center flex-column flex\">\n          <UploadImage\n            v-model:photo=\"currentTicket.photo\"\n            :uploadPath=\"'tickets'\"\n            class=\"h-4r w-4r aspect-1x1 o-hidden mn-b-thin radius-extra\"\n          />\n          <h4>Upload Ticket Image</h4>\n        </div>\n\n        <Field\n          v-model:field=\"currentTicket.name\"\n          label=\"Name\"\n          placeholder=\"Ticket name\"\n          class=\"w-100 bg-light radius-small pd-small\"\n        />\n\n        <Field\n          v-model:field=\"currentTicket.description\"\n          placeholder=\"Enter ticket description\"\n          class=\"w-100 bg-light radius-small pd-small\"\n          style=\"resize: vertical\"\n          type=\"textarea\"\n        />\n\n        <Field\n          v-model:field=\"currentTicket.price\"\n          label=\"Price\"\n          type=\"number\"\n          placeholder=\"Price\"\n          class=\"w-100 bg-light radius-small pd-small\"\n        />\n\n        <div class=\"t-medium mn-t-small \">Validity Period</div>\n        <Checkbox\n          v-model:radio=\"currentTicket.validity.always\"\n          label=\"Valid Always\"\n          mode=\"switch\"\n          class=\"w-100 bg-light radius-small pd-small mn-b-thin\"\n        />\n\n        <div v-if=\"!currentTicket.validity.always\" class=\"flex gap-thin\">\n          <FieldDate\n            v-model=\"currentTicket.validity.start\"\n            :allowRange=\"false\"\n            :enableTime=\"true\"\n            :showSelected=\"true\"\n            label=\"Start\"\n            placeholder=\"Validity start\"\n            class=\"w-100 bg-light radius-small pd-small\"\n          />\n          <FieldDate\n            v-model=\"currentTicket.validity.end\"\n            :allowRange=\"false\"\n            :enableTime=\"true\"\n            :showSelected=\"true\"\n            label=\"End\"\n            placeholder=\"Validity end\"\n            class=\"w-100 bg-light radius-small pd-small\"\n          />\n        </div>\n\n        <div class=\"flex gap-thin mn-t-medium\">\n          <Button\n            :showSuccess=\"false\"\n            :showLoader=\"false\"\n            class=\"bg-red t-white w-100\"\n            :submit=\"closeTicketPopup\"\n          >\n            Cancel\n          </Button>\n          <Button\n            class=\"bg-main w-100\"\n            :submit=\"saveTicket\"\n          >\n            {{ editingIndex !== null ? 'Update' : 'Add' }}\n          </Button>\n        </div>\n      </div>\n    </Popup>\n\n  </Block>\n\n \n</template>\n\n<script setup>\nimport { ref, reactive } from 'vue';\n\n// Components\nimport Block from '@martyrs/src/components/Block/Block.vue';\nimport Field from '@martyrs/src/components/Field/Field.vue';\nimport Button from '@martyrs/src/components/Button/Button.vue';\nimport Popup from '@martyrs/src/components/Popup/Popup.vue';\nimport UploadImage from '@martyrs/src/components/UploadImage/UploadImage.vue';\nimport FieldDate from '@martyrs/src/components/FieldDate/FieldDate.vue';\nimport Checkbox from '@martyrs/src/components/Checkbox/Checkbox.vue';\n\n// Icons\nimport PlaceholderImage from '@martyrs/src/modules/icons/placeholders/PlaceholderImage.vue';\nimport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue';\nimport IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue';\n\nimport { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.js';\n\nconst { returnCurrency } = useGlobalMixins();\n\nconst props = defineProps({\n  tickets: {\n    type: Array,\n    default: () => []\n  }\n});\n\nconst emit = defineEmits(['update:tickets']);\n\nconst isTicketPopupOpen = ref(false);\nconst editingIndex = ref(null);\n\nconst currentTicket = reactive({\n  name: '',\n  description: '',\n  price: 0,\n  photo: null,\n  validity: {\n    always: true,\n    start: null,\n    end: null\n  }\n});\n\nfunction openTicketPopup(ticket = null, index = null) {\n  editingIndex.value = index;\n\n  if (ticket) {\n    currentTicket.name = ticket.name || '';\n    currentTicket.description = ticket.description || '';\n    currentTicket.price = ticket.price || 0;\n    currentTicket.photo = ticket.photo || null;\n    currentTicket.validity = {\n      always: ticket.validity?.always !== undefined ? ticket.validity.always : true,\n      start: ticket.validity?.start || null,\n      end: ticket.validity?.end || null\n    };\n  } else {\n    currentTicket.name = '';\n    currentTicket.description = '';\n    currentTicket.price = 0;\n    currentTicket.photo = null;\n    currentTicket.validity = {\n      always: true,\n      start: null,\n      end: null\n    };\n  }\n\n  isTicketPopupOpen.value = true;\n}\n\nfunction closeTicketPopup() {\n  isTicketPopupOpen.value = false;\n  editingIndex.value = null;\n\n  currentTicket.name = '';\n  currentTicket.description = '';\n  currentTicket.price = 0;\n  currentTicket.photo = null;\n  currentTicket.validity = {\n    always: true,\n    start: null,\n    end: null\n  };\n}\n\nfunction saveTicket() {\n  const ticketToSave = {\n    name: currentTicket.name,\n    description: currentTicket.description,\n    price: parseFloat(currentTicket.price) || 0,\n    photo: currentTicket.photo,\n    validity: {\n      always: currentTicket.validity.always,\n      start: currentTicket.validity.start,\n      end: currentTicket.validity.end\n    }\n  };\n\n  const updatedTickets = [...props.tickets];\n\n  if (editingIndex.value !== null) {\n    updatedTickets[editingIndex.value] = ticketToSave;\n  } else {\n    updatedTickets.push(ticketToSave);\n  }\n\n  emit('update:tickets', updatedTickets);\n  closeTicketPopup();\n}\n\nfunction deleteTicket(index) {\n  if (confirm('Are you sure you want to delete this ticket?')) {\n    const updatedTickets = [...props.tickets];\n    updatedTickets.splice(index, 1);\n    emit('update:tickets', updatedTickets);\n  }\n}\n</script>\n"],"names":["useGlobalMixins","ref","reactive"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkKA,UAAM,EAAE,eAAc,IAAKA,uBAAe;AAE1C,UAAM,QAAQ;AAOd,UAAM,OAAO;AAEb,UAAM,oBAAoBC,IAAAA,IAAI,KAAK;AACnC,UAAM,eAAeA,IAAAA,IAAI,IAAI;AAE7B,UAAM,gBAAgBC,IAAAA,SAAS;AAAA,MAC7B,MAAM;AAAA,MACN,aAAa;AAAA,MACb,OAAO;AAAA,MACP,OAAO;AAAA,MACP,UAAU;AAAA,QACR,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,KAAK;AAAA,MACT;AAAA,IACA,CAAC;AAED,aAAS,gBAAgB,SAAS,MAAM,QAAQ,MAAM;AACpD,mBAAa,QAAQ;AAErB,UAAI,QAAQ;AACV,sBAAc,OAAO,OAAO,QAAQ;AACpC,sBAAc,cAAc,OAAO,eAAe;AAClD,sBAAc,QAAQ,OAAO,SAAS;AACtC,sBAAc,QAAQ,OAAO,SAAS;AACtC,sBAAc,WAAW;AAAA,UACvB,QAAQ,OAAO,UAAU,WAAW,SAAY,OAAO,SAAS,SAAS;AAAA,UACzE,OAAO,OAAO,UAAU,SAAS;AAAA,UACjC,KAAK,OAAO,UAAU,OAAO;AAAA,QACnC;AAAA,MACE,OAAO;AACL,sBAAc,OAAO;AACrB,sBAAc,cAAc;AAC5B,sBAAc,QAAQ;AACtB,sBAAc,QAAQ;AACtB,sBAAc,WAAW;AAAA,UACvB,QAAQ;AAAA,UACR,OAAO;AAAA,UACP,KAAK;AAAA,QACX;AAAA,MACE;AAEA,wBAAkB,QAAQ;AAAA,IAC5B;AAEA,aAAS,mBAAmB;AAC1B,wBAAkB,QAAQ;AAC1B,mBAAa,QAAQ;AAErB,oBAAc,OAAO;AACrB,oBAAc,cAAc;AAC5B,oBAAc,QAAQ;AACtB,oBAAc,QAAQ;AACtB,oBAAc,WAAW;AAAA,QACvB,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,KAAK;AAAA,MACT;AAAA,IACA;AAEA,aAAS,aAAa;AACpB,YAAM,eAAe;AAAA,QACnB,MAAM,cAAc;AAAA,QACpB,aAAa,cAAc;AAAA,QAC3B,OAAO,WAAW,cAAc,KAAK,KAAK;AAAA,QAC1C,OAAO,cAAc;AAAA,QACrB,UAAU;AAAA,UACR,QAAQ,cAAc,SAAS;AAAA,UAC/B,OAAO,cAAc,SAAS;AAAA,UAC9B,KAAK,cAAc,SAAS;AAAA,QAClC;AAAA,MACA;AAEE,YAAM,iBAAiB,CAAC,GAAG,MAAM,OAAO;AAExC,UAAI,aAAa,UAAU,MAAM;AAC/B,uBAAe,aAAa,KAAK,IAAI;AAAA,MACvC,OAAO;AACL,uBAAe,KAAK,YAAY;AAAA,MAClC;AAEA,WAAK,kBAAkB,cAAc;AACrC,uBAAgB;AAAA,IAClB;AAEA,aAAS,aAAa,OAAO;AAC3B,UAAI,QAAQ,8CAA8C,GAAG;AAC3D,cAAM,iBAAiB,CAAC,GAAG,MAAM,OAAO;AACxC,uBAAe,OAAO,OAAO,CAAC;AAC9B,aAAK,kBAAkB,cAAc;AAAA,MACvC;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/events/components/sections/EditTickets.vue.js

@@ -0,0 +1,281 @@
+import { ref, reactive, createBlock, openBlock, withCtx, createElementBlock, createVNode, Fragment, renderList, createElementVNode, toDisplayString, unref, createCommentVNode, createTextVNode } from "vue";
+import _sfc_main$1 from "../../../../components/Block/Block.vue.js";
+import Field from "../../../../components/Field/Field.vue.js";
+import _sfc_main$2 from "../../../../components/Button/Button.vue2.js";
+import _sfc_main$5 from "../../../../components/Popup/Popup.vue.js";
+import UploadImage from "../../../../components/UploadImage/UploadImage.vue2.js";
+import FieldDate from "../../../../components/FieldDate/FieldDate.vue.js";
+import _sfc_main$6 from "../../../../components/Checkbox/Checkbox.vue.js";
+import PlaceholderImage from "../../../icons/placeholders/PlaceholderImage.vue.js";
+import _sfc_main$3 from "../../../icons/navigation/IconEdit.vue.js";
+import _sfc_main$4 from "../../../icons/navigation/IconDelete.vue.js";
+import { useGlobalMixins } from "../../../core/views/mixins/mixins.js";
+const _hoisted_1 = { class: "aspect-1x1 h-3r flex-child-default radius-small o-hidden" };
+const _hoisted_2 = ["src"];
+const _hoisted_3 = { class: "w-100" };
+const _hoisted_4 = { class: "p-regular mn-b-thin t-medium d-block" };
+const _hoisted_5 = { class: "t-medium t-transp" };
+const _hoisted_6 = { class: "flex gap-thin" };
+const _hoisted_7 = { class: "cols-1 gap-thin o-y-scroll" };
+const _hoisted_8 = { class: "mn-b-thin radius-small w-100 h-10r bg-light flex-center flex-column flex" };
+const _hoisted_9 = {
+  key: 0,
+  class: "flex gap-thin"
+};
+const _hoisted_10 = { class: "flex gap-thin mn-t-medium" };
+const _sfc_main = {
+  __name: "EditTickets",
+  props: {
+    tickets: {
+      type: Array,
+      default: () => []
+    }
+  },
+  emits: ["update:tickets"],
+  setup(__props, { emit: __emit }) {
+    const { returnCurrency } = useGlobalMixins();
+    const props = __props;
+    const emit = __emit;
+    const isTicketPopupOpen = ref(false);
+    const editingIndex = ref(null);
+    const currentTicket = reactive({
+      name: "",
+      description: "",
+      price: 0,
+      photo: null,
+      validity: {
+        always: true,
+        start: null,
+        end: null
+      }
+    });
+    function openTicketPopup(ticket = null, index = null) {
+      editingIndex.value = index;
+      if (ticket) {
+        currentTicket.name = ticket.name || "";
+        currentTicket.description = ticket.description || "";
+        currentTicket.price = ticket.price || 0;
+        currentTicket.photo = ticket.photo || null;
+        currentTicket.validity = {
+          always: ticket.validity?.always !== void 0 ? ticket.validity.always : true,
+          start: ticket.validity?.start || null,
+          end: ticket.validity?.end || null
+        };
+      } else {
+        currentTicket.name = "";
+        currentTicket.description = "";
+        currentTicket.price = 0;
+        currentTicket.photo = null;
+        currentTicket.validity = {
+          always: true,
+          start: null,
+          end: null
+        };
+      }
+      isTicketPopupOpen.value = true;
+    }
+    function closeTicketPopup() {
+      isTicketPopupOpen.value = false;
+      editingIndex.value = null;
+      currentTicket.name = "";
+      currentTicket.description = "";
+      currentTicket.price = 0;
+      currentTicket.photo = null;
+      currentTicket.validity = {
+        always: true,
+        start: null,
+        end: null
+      };
+    }
+    function saveTicket() {
+      const ticketToSave = {
+        name: currentTicket.name,
+        description: currentTicket.description,
+        price: parseFloat(currentTicket.price) || 0,
+        photo: currentTicket.photo,
+        validity: {
+          always: currentTicket.validity.always,
+          start: currentTicket.validity.start,
+          end: currentTicket.validity.end
+        }
+      };
+      const updatedTickets = [...props.tickets];
+      if (editingIndex.value !== null) {
+        updatedTickets[editingIndex.value] = ticketToSave;
+      } else {
+        updatedTickets.push(ticketToSave);
+      }
+      emit("update:tickets", updatedTickets);
+      closeTicketPopup();
+    }
+    function deleteTicket(index) {
+      if (confirm("Are you sure you want to delete this ticket?")) {
+        const updatedTickets = [...props.tickets];
+        updatedTickets.splice(index, 1);
+        emit("update:tickets", updatedTickets);
+      }
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, {
+        title: "Tickets",
+        placeholder: "No tickets added yet",
+        actions: [{
+          label: "+",
+          function: () => openTicketPopup()
+        }],
+        class: "cols-1 mn-b-thin t-black gap-thin"
+      }, {
+        default: withCtx(() => [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.tickets, (ticket, index) => {
+            return openBlock(), createElementBlock("div", {
+              key: index,
+              class: "bg-white radius-small pd-small flex-nowrap flex-v-center flex gap-thin mn-b-thin"
+            }, [
+              createElementVNode("div", _hoisted_1, [
+                ticket.photo ? (openBlock(), createElementBlock("img", {
+                  key: 0,
+                  src: (_ctx.FILE_SERVER_URL || "") + ticket.photo,
+                  alt: "Ticket image",
+                  class: "w-100 h-100 object-fit-cover"
+                }, null, 8, _hoisted_2)) : (openBlock(), createBlock(PlaceholderImage, {
+                  key: 1,
+                  class: "w-100 bg-main-transp-10 radius-small h-100"
+                }))
+              ]),
+              createElementVNode("div", _hoisted_3, [
+                createElementVNode("p", _hoisted_4, toDisplayString(ticket.name || "Unnamed ticket"), 1),
+                createElementVNode("p", _hoisted_5, toDisplayString(unref(returnCurrency)()) + toDisplayString(ticket.price), 1)
+              ]),
+              createElementVNode("div", _hoisted_6, [
+                createVNode(_sfc_main$2, {
+                  showSuccess: false,
+                  showLoader: false,
+                  class: "radius-small pd-small flex-center flex aspect-1x1 bg-light cursor-pointer hover-scale-1",
+                  submit: () => openTicketPopup(ticket, index)
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_sfc_main$3, { class: "i-regular" })
+                  ]),
+                  _: 2
+                }, 1032, ["submit"]),
+                createVNode(_sfc_main$2, {
+                  showSuccess: false,
+                  showLoader: false,
+                  class: "radius-small pd-small flex-center flex aspect-1x1 bg-red cursor-pointer hover-scale-1",
+                  submit: () => deleteTicket(index)
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_sfc_main$4, { class: "i-regular" })
+                  ]),
+                  _: 2
+                }, 1032, ["submit"])
+              ])
+            ]);
+          }), 128)),
+          createVNode(_sfc_main$5, {
+            title: editingIndex.value !== null ? "Edit Ticket" : "Create Ticket",
+            onClosePopup: closeTicketPopup,
+            isPopupOpen: isTicketPopupOpen.value,
+            align: "center right",
+            class: "bg-white h-min-100 mobile:w-100 w-30r mobile:w-100 pd-medium"
+          }, {
+            default: withCtx(() => [
+              createElementVNode("div", _hoisted_7, [
+                createElementVNode("div", _hoisted_8, [
+                  createVNode(UploadImage, {
+                    photo: currentTicket.photo,
+                    "onUpdate:photo": _cache[0] || (_cache[0] = ($event) => currentTicket.photo = $event),
+                    uploadPath: "tickets",
+                    class: "h-4r w-4r aspect-1x1 o-hidden mn-b-thin radius-extra"
+                  }, null, 8, ["photo"]),
+                  _cache[7] || (_cache[7] = createElementVNode("h4", null, "Upload Ticket Image", -1))
+                ]),
+                createVNode(Field, {
+                  field: currentTicket.name,
+                  "onUpdate:field": _cache[1] || (_cache[1] = ($event) => currentTicket.name = $event),
+                  label: "Name",
+                  placeholder: "Ticket name",
+                  class: "w-100 bg-light radius-small pd-small"
+                }, null, 8, ["field"]),
+                createVNode(Field, {
+                  field: currentTicket.description,
+                  "onUpdate:field": _cache[2] || (_cache[2] = ($event) => currentTicket.description = $event),
+                  placeholder: "Enter ticket description",
+                  class: "w-100 bg-light radius-small pd-small",
+                  style: { "resize": "vertical" },
+                  type: "textarea"
+                }, null, 8, ["field"]),
+                createVNode(Field, {
+                  field: currentTicket.price,
+                  "onUpdate:field": _cache[3] || (_cache[3] = ($event) => currentTicket.price = $event),
+                  label: "Price",
+                  type: "number",
+                  placeholder: "Price",
+                  class: "w-100 bg-light radius-small pd-small"
+                }, null, 8, ["field"]),
+                _cache[9] || (_cache[9] = createElementVNode("div", { class: "t-medium mn-t-small" }, "Validity Period", -1)),
+                createVNode(_sfc_main$6, {
+                  radio: currentTicket.validity.always,
+                  "onUpdate:radio": _cache[4] || (_cache[4] = ($event) => currentTicket.validity.always = $event),
+                  label: "Valid Always",
+                  mode: "switch",
+                  class: "w-100 bg-light radius-small pd-small mn-b-thin"
+                }, null, 8, ["radio"]),
+                !currentTicket.validity.always ? (openBlock(), createElementBlock("div", _hoisted_9, [
+                  createVNode(FieldDate, {
+                    modelValue: currentTicket.validity.start,
+                    "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => currentTicket.validity.start = $event),
+                    allowRange: false,
+                    enableTime: true,
+                    showSelected: true,
+                    label: "Start",
+                    placeholder: "Validity start",
+                    class: "w-100 bg-light radius-small pd-small"
+                  }, null, 8, ["modelValue"]),
+                  createVNode(FieldDate, {
+                    modelValue: currentTicket.validity.end,
+                    "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => currentTicket.validity.end = $event),
+                    allowRange: false,
+                    enableTime: true,
+                    showSelected: true,
+                    label: "End",
+                    placeholder: "Validity end",
+                    class: "w-100 bg-light radius-small pd-small"
+                  }, null, 8, ["modelValue"])
+                ])) : createCommentVNode("", true),
+                createElementVNode("div", _hoisted_10, [
+                  createVNode(_sfc_main$2, {
+                    showSuccess: false,
+                    showLoader: false,
+                    class: "bg-red t-white w-100",
+                    submit: closeTicketPopup
+                  }, {
+                    default: withCtx(() => _cache[8] || (_cache[8] = [
+                      createTextVNode(" Cancel ")
+                    ])),
+                    _: 1
+                  }),
+                  createVNode(_sfc_main$2, {
+                    class: "bg-main w-100",
+                    submit: saveTicket
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(editingIndex.value !== null ? "Update" : "Add"), 1)
+                    ]),
+                    _: 1
+                  })
+                ])
+              ])
+            ]),
+            _: 1
+          }, 8, ["title", "isPopupOpen"])
+        ]),
+        _: 1
+      }, 8, ["actions"]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=EditTickets.vue.js.map

package/dist/martyrs/src/modules/events/components/sections/EditTickets.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditTickets.vue.js","sources":["../../../../../../../src/modules/events/components/sections/EditTickets.vue"],"sourcesContent":["<template>\n  <Block\n    title=\"Tickets\"\n    placeholder=\"No tickets added yet\"\n    :actions=\"[{\n      label: '+',\n      function: () => openTicketPopup()\n    }]\"\n    class=\"cols-1 mn-b-thin t-black gap-thin\"\n  >\n    <div\n      v-for=\"(ticket, index) in tickets\"\n      :key=\"index\"\n      class=\"bg-white radius-small pd-small flex-nowrap flex-v-center flex gap-thin mn-b-thin\"\n    >\n      <div class=\"aspect-1x1 h-3r flex-child-default radius-small o-hidden\">\n        <img\n          v-if=\"ticket.photo\"\n          :src=\"(FILE_SERVER_URL || '') + ticket.photo\"\n          alt=\"Ticket image\"\n          class=\"w-100 h-100 object-fit-cover\"\n        />\n        <PlaceholderImage v-else class=\"w-100 bg-main-transp-10 radius-small h-100\" />\n      </div>\n\n      <div class=\"w-100\">\n        <p class=\"p-regular mn-b-thin t-medium d-block\">{{ ticket.name || 'Unnamed ticket' }}</p>\n        <p class=\"t-medium t-transp\">{{ returnCurrency() }}{{ ticket.price }}</p>\n      </div>\n\n      <div class=\"flex gap-thin\">\n        <Button\n          :showSuccess=\"false\"\n          :showLoader=\"false\"\n          class=\"radius-small pd-small flex-center flex aspect-1x1 bg-light cursor-pointer hover-scale-1\"\n          :submit=\"() => openTicketPopup(ticket, index)\"\n        >\n          <IconEdit class=\"i-regular\" />\n        </Button>\n        <Button\n          :showSuccess=\"false\"\n          :showLoader=\"false\"\n          class=\"radius-small pd-small flex-center flex aspect-1x1 bg-red cursor-pointer hover-scale-1\"\n          :submit=\"() => deleteTicket(index)\"\n        >\n          <IconDelete class=\"i-regular\" />\n        </Button>\n      </div>\n    </div>\n\n    <Popup\n      :title=\"editingIndex !== null ? 'Edit Ticket' : 'Create Ticket'\"\n      @close-popup=\"closeTicketPopup\"\n      :isPopupOpen=\"isTicketPopupOpen\"\n      align=\"center right\"\n      class=\"bg-white h-min-100 mobile:w-100 w-30r mobile:w-100 pd-medium\"\n    >\n      <div class=\"cols-1 gap-thin o-y-scroll\">\n        <div class=\"mn-b-thin radius-small w-100 h-10r bg-light flex-center flex-column flex\">\n          <UploadImage\n            v-model:photo=\"currentTicket.photo\"\n            :uploadPath=\"'tickets'\"\n            class=\"h-4r w-4r aspect-1x1 o-hidden mn-b-thin radius-extra\"\n          />\n          <h4>Upload Ticket Image</h4>\n        </div>\n\n        <Field\n          v-model:field=\"currentTicket.name\"\n          label=\"Name\"\n          placeholder=\"Ticket name\"\n          class=\"w-100 bg-light radius-small pd-small\"\n        />\n\n        <Field\n          v-model:field=\"currentTicket.description\"\n          placeholder=\"Enter ticket description\"\n          class=\"w-100 bg-light radius-small pd-small\"\n          style=\"resize: vertical\"\n          type=\"textarea\"\n        />\n\n        <Field\n          v-model:field=\"currentTicket.price\"\n          label=\"Price\"\n          type=\"number\"\n          placeholder=\"Price\"\n          class=\"w-100 bg-light radius-small pd-small\"\n        />\n\n        <div class=\"t-medium mn-t-small \">Validity Period</div>\n        <Checkbox\n          v-model:radio=\"currentTicket.validity.always\"\n          label=\"Valid Always\"\n          mode=\"switch\"\n          class=\"w-100 bg-light radius-small pd-small mn-b-thin\"\n        />\n\n        <div v-if=\"!currentTicket.validity.always\" class=\"flex gap-thin\">\n          <FieldDate\n            v-model=\"currentTicket.validity.start\"\n            :allowRange=\"false\"\n            :enableTime=\"true\"\n            :showSelected=\"true\"\n            label=\"Start\"\n            placeholder=\"Validity start\"\n            class=\"w-100 bg-light radius-small pd-small\"\n          />\n          <FieldDate\n            v-model=\"currentTicket.validity.end\"\n            :allowRange=\"false\"\n            :enableTime=\"true\"\n            :showSelected=\"true\"\n            label=\"End\"\n            placeholder=\"Validity end\"\n            class=\"w-100 bg-light radius-small pd-small\"\n          />\n        </div>\n\n        <div class=\"flex gap-thin mn-t-medium\">\n          <Button\n            :showSuccess=\"false\"\n            :showLoader=\"false\"\n            class=\"bg-red t-white w-100\"\n            :submit=\"closeTicketPopup\"\n          >\n            Cancel\n          </Button>\n          <Button\n            class=\"bg-main w-100\"\n            :submit=\"saveTicket\"\n          >\n            {{ editingIndex !== null ? 'Update' : 'Add' }}\n          </Button>\n        </div>\n      </div>\n    </Popup>\n\n  </Block>\n\n \n</template>\n\n<script setup>\nimport { ref, reactive } from 'vue';\n\n// Components\nimport Block from '@martyrs/src/components/Block/Block.vue';\nimport Field from '@martyrs/src/components/Field/Field.vue';\nimport Button from '@martyrs/src/components/Button/Button.vue';\nimport Popup from '@martyrs/src/components/Popup/Popup.vue';\nimport UploadImage from '@martyrs/src/components/UploadImage/UploadImage.vue';\nimport FieldDate from '@martyrs/src/components/FieldDate/FieldDate.vue';\nimport Checkbox from '@martyrs/src/components/Checkbox/Checkbox.vue';\n\n// Icons\nimport PlaceholderImage from '@martyrs/src/modules/icons/placeholders/PlaceholderImage.vue';\nimport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue';\nimport IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue';\n\nimport { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.js';\n\nconst { returnCurrency } = useGlobalMixins();\n\nconst props = defineProps({\n  tickets: {\n    type: Array,\n    default: () => []\n  }\n});\n\nconst emit = defineEmits(['update:tickets']);\n\nconst isTicketPopupOpen = ref(false);\nconst editingIndex = ref(null);\n\nconst currentTicket = reactive({\n  name: '',\n  description: '',\n  price: 0,\n  photo: null,\n  validity: {\n    always: true,\n    start: null,\n    end: null\n  }\n});\n\nfunction openTicketPopup(ticket = null, index = null) {\n  editingIndex.value = index;\n\n  if (ticket) {\n    currentTicket.name = ticket.name || '';\n    currentTicket.description = ticket.description || '';\n    currentTicket.price = ticket.price || 0;\n    currentTicket.photo = ticket.photo || null;\n    currentTicket.validity = {\n      always: ticket.validity?.always !== undefined ? ticket.validity.always : true,\n      start: ticket.validity?.start || null,\n      end: ticket.validity?.end || null\n    };\n  } else {\n    currentTicket.name = '';\n    currentTicket.description = '';\n    currentTicket.price = 0;\n    currentTicket.photo = null;\n    currentTicket.validity = {\n      always: true,\n      start: null,\n      end: null\n    };\n  }\n\n  isTicketPopupOpen.value = true;\n}\n\nfunction closeTicketPopup() {\n  isTicketPopupOpen.value = false;\n  editingIndex.value = null;\n\n  currentTicket.name = '';\n  currentTicket.description = '';\n  currentTicket.price = 0;\n  currentTicket.photo = null;\n  currentTicket.validity = {\n    always: true,\n    start: null,\n    end: null\n  };\n}\n\nfunction saveTicket() {\n  const ticketToSave = {\n    name: currentTicket.name,\n    description: currentTicket.description,\n    price: parseFloat(currentTicket.price) || 0,\n    photo: currentTicket.photo,\n    validity: {\n      always: currentTicket.validity.always,\n      start: currentTicket.validity.start,\n      end: currentTicket.validity.end\n    }\n  };\n\n  const updatedTickets = [...props.tickets];\n\n  if (editingIndex.value !== null) {\n    updatedTickets[editingIndex.value] = ticketToSave;\n  } else {\n    updatedTickets.push(ticketToSave);\n  }\n\n  emit('update:tickets', updatedTickets);\n  closeTicketPopup();\n}\n\nfunction deleteTicket(index) {\n  if (confirm('Are you sure you want to delete this ticket?')) {\n    const updatedTickets = [...props.tickets];\n    updatedTickets.splice(index, 1);\n    emit('update:tickets', updatedTickets);\n  }\n}\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkKA,UAAM,EAAE,eAAc,IAAK,gBAAe;AAE1C,UAAM,QAAQ;AAOd,UAAM,OAAO;AAEb,UAAM,oBAAoB,IAAI,KAAK;AACnC,UAAM,eAAe,IAAI,IAAI;AAE7B,UAAM,gBAAgB,SAAS;AAAA,MAC7B,MAAM;AAAA,MACN,aAAa;AAAA,MACb,OAAO;AAAA,MACP,OAAO;AAAA,MACP,UAAU;AAAA,QACR,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,KAAK;AAAA,MACT;AAAA,IACA,CAAC;AAED,aAAS,gBAAgB,SAAS,MAAM,QAAQ,MAAM;AACpD,mBAAa,QAAQ;AAErB,UAAI,QAAQ;AACV,sBAAc,OAAO,OAAO,QAAQ;AACpC,sBAAc,cAAc,OAAO,eAAe;AAClD,sBAAc,QAAQ,OAAO,SAAS;AACtC,sBAAc,QAAQ,OAAO,SAAS;AACtC,sBAAc,WAAW;AAAA,UACvB,QAAQ,OAAO,UAAU,WAAW,SAAY,OAAO,SAAS,SAAS;AAAA,UACzE,OAAO,OAAO,UAAU,SAAS;AAAA,UACjC,KAAK,OAAO,UAAU,OAAO;AAAA,QACnC;AAAA,MACE,OAAO;AACL,sBAAc,OAAO;AACrB,sBAAc,cAAc;AAC5B,sBAAc,QAAQ;AACtB,sBAAc,QAAQ;AACtB,sBAAc,WAAW;AAAA,UACvB,QAAQ;AAAA,UACR,OAAO;AAAA,UACP,KAAK;AAAA,QACX;AAAA,MACE;AAEA,wBAAkB,QAAQ;AAAA,IAC5B;AAEA,aAAS,mBAAmB;AAC1B,wBAAkB,QAAQ;AAC1B,mBAAa,QAAQ;AAErB,oBAAc,OAAO;AACrB,oBAAc,cAAc;AAC5B,oBAAc,QAAQ;AACtB,oBAAc,QAAQ;AACtB,oBAAc,WAAW;AAAA,QACvB,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,KAAK;AAAA,MACT;AAAA,IACA;AAEA,aAAS,aAAa;AACpB,YAAM,eAAe;AAAA,QACnB,MAAM,cAAc;AAAA,QACpB,aAAa,cAAc;AAAA,QAC3B,OAAO,WAAW,cAAc,KAAK,KAAK;AAAA,QAC1C,OAAO,cAAc;AAAA,QACrB,UAAU;AAAA,UACR,QAAQ,cAAc,SAAS;AAAA,UAC/B,OAAO,cAAc,SAAS;AAAA,UAC9B,KAAK,cAAc,SAAS;AAAA,QAClC;AAAA,MACA;AAEE,YAAM,iBAAiB,CAAC,GAAG,MAAM,OAAO;AAExC,UAAI,aAAa,UAAU,MAAM;AAC/B,uBAAe,aAAa,KAAK,IAAI;AAAA,MACvC,OAAO;AACL,uBAAe,KAAK,YAAY;AAAA,MAClC;AAEA,WAAK,kBAAkB,cAAc;AACrC,uBAAgB;AAAA,IAClB;AAEA,aAAS,aAAa,OAAO;AAC3B,UAAI,QAAQ,8CAA8C,GAAG;AAC3D,cAAM,iBAAiB,CAAC,GAAG,MAAM,OAAO;AACxC,uBAAe,OAAO,OAAO,CAAC;AAC9B,aAAK,kBAAkB,cAAc;AAAA,MACvC;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/events/components/sections/List.vue.cjs

@@ -3,7 +3,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 ;/* empty css                                         */
 const EmptyState = require("../../../../components/EmptyState/EmptyState.vue.cjs");
-const CardEvent = require("../blocks/CardEvent.vue.cjs");
+const CardEventShort = require("../blocks/CardEventShort.vue.cjs");
 const SkeletonEventShort = require("../../../icons/skeletons/SkeletonEventShort.vue.cjs");
 const events = require("../../store/events.cjs");
 const _hoisted_1 = { class: "today-events" };
@@ -87,16 +87,15 @@ const _sfc_main = {
               description: "No events available. Please check back later.",
               class: "pd-medium h-100 bg-light radius-small"
             })) : (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 2 }, vue.renderList(eventsList.value, (event, index) => {
-              return vue.openBlock(), vue.createBlock(CardEvent.default, {
+              return vue.openBlock(), vue.createBlock(CardEventShort.default, {
                 onClick: ($event) => _ctx.$router.push({ name: "Event", params: { url: event.url } }),
                 key: event._id,
                 event,
-                owner: __props.user,
-                type: "short",
+                user: __props.user,
                 class: vue.normalizeClass(["pd-small mobile:pd-thin", {
                   "br-b br-solid br-black-transp-10": index !== eventsList.value.length - 1
                 }])
-              }, null, 8, ["onClick", "event", "owner", "class"]);
+              }, null, 8, ["onClick", "event", "user", "class"]);
             }), 128))
           ]),
           _: 1