@ozdao/prometheus-framework 0.2.199 → 0.2.200

package/dist/prometheus-framework/src/modules/events/components/blocks/CardEvent.vue.js

@@ -1,129 +1,175 @@
-import { ref as k, computed as l, openBlock as n, createElementBlock as i, normalizeClass as m, createVNode as x, createElementVNode as c, createCommentVNode as a, createBlock as w, withModifiers as D, toDisplayString as d, renderSlot as E } from "vue";
-import p from "../../../../components/Chips/Chips.vue.js";
-import $ from "../../../icons/navigation/IconEdit.vue.js";
-import I from "../../../globals/views/components/blocks/CardHeader.vue.js";
+import { ref, computed, openBlock, createElementBlock, normalizeClass, createVNode, createElementVNode, createCommentVNode, createBlock, withModifiers, toDisplayString, renderSlot } from "vue";
+import _sfc_main$3 from "../../../../components/Chips/Chips.vue2.js";
+import _sfc_main$2 from "../../../icons/navigation/IconEdit.vue.js";
+import _sfc_main$1 from "../../../globals/views/components/blocks/CardHeader.vue.js";
 import "../../../community/store/reactions.js";
-import { useRouter as M } from "vue-router";
-const F = {
+import { useRouter } from "vue-router";
+const _hoisted_1 = {
   key: 0,
   class: "o-hidden pos-relative bg-light mn-b-small w-100"
-}, S = ["src"], R = ["src"], z = { class: "w-max mn-r-thin pd-thin radius-small t-semi bg-main" }, N = { class: "t-semi" }, L = {
+};
+const _hoisted_2 = ["src"];
+const _hoisted_3 = ["src"];
+const _hoisted_4 = { class: "w-max mn-r-thin pd-thin radius-small t-semi bg-main" };
+const _hoisted_5 = { class: "t-semi" };
+const _hoisted_6 = {
   key: 0,
   class: "t-semi"
-}, V = {
+};
+const _hoisted_7 = {
   key: 0,
   class: "t-semi uppercase"
-}, B = {
+};
+const _hoisted_8 = {
   key: 1,
   class: "cursor-pointer mn-b-thin flex-nowrap flex w-100"
-}, H = {
+};
+const _hoisted_9 = {
   key: 0,
   class: ""
-}, P = {
+};
+const _hoisted_10 = {
   key: 1,
   class: "pd-micro t-white uppercase t-semi p-small flex-center flex pd-r-small pd-l-small mn-l-thin w-min bg-second radius-extra"
-}, Y = {
+};
+const _hoisted_11 = {
   key: 2,
   class: "mn-b-small p-big"
-}, K = {
+};
+const _sfc_main = {
   __name: "CardEvent",
   props: ["event", "user", "short", "type"],
-  setup(e) {
-    k(/* @__PURE__ */ new Date()), M();
-    const s = e;
-    l(() => s.event.content.find((t) => t.type.name === "ImageUpload")), l(() => s.event.content.find((t) => t.type.name === "Textarea"));
-    const T = l(() => {
-      const t = /* @__PURE__ */ new Date(), o = Date.UTC(t.getUTCFullYear(), t.getUTCMonth(), t.getUTCDate(), t.getUTCHours(), t.getUTCMinutes(), t.getUTCSeconds()), r = new Date(s.event.date.start), u = Date.UTC(r.getUTCFullYear(), r.getUTCMonth(), r.getUTCDate(), r.getUTCHours(), r.getUTCMinutes(), r.getUTCSeconds()) - o;
-      if (u < 0)
+  setup(__props) {
+    ref(/* @__PURE__ */ new Date());
+    useRouter();
+    const props = __props;
+    computed(() => {
+      return props.event.content.find((block) => block.type.name === "ImageUpload");
+    });
+    computed(() => {
+      return props.event.content.find((block) => block.type.name === "Textarea");
+    });
+    const daysUntilEvent = computed(() => {
+      const now = /* @__PURE__ */ new Date();
+      const nowUTC = Date.UTC(now.getUTCFullYear(), now.getUTCMonth(), now.getUTCDate(), now.getUTCHours(), now.getUTCMinutes(), now.getUTCSeconds());
+      const start = new Date(props.event.date.start);
+      const startUTC = Date.UTC(start.getUTCFullYear(), start.getUTCMonth(), start.getUTCDate(), start.getUTCHours(), start.getUTCMinutes(), start.getUTCSeconds());
+      const diffInTime = startUTC - nowUTC;
+      if (diffInTime < 0) {
         return "Finished";
-      if (u === 0)
+      } else if (diffInTime === 0) {
         return "Starting Now";
-      {
-        const g = Math.floor(u / 1e3), f = Math.floor(g / 60), h = Math.floor(f / 60), y = Math.floor(h / 24);
-        return y > 0 ? `${y} days until event` : h > 0 ? `${h} hours until event` : f > 0 ? `${f} minutes until event` : `${g} seconds until event`;
+      } else {
+        const diffInSeconds = Math.floor(diffInTime / 1e3);
+        const diffInMinutes = Math.floor(diffInSeconds / 60);
+        const diffInHours = Math.floor(diffInMinutes / 60);
+        const diffInDays = Math.floor(diffInHours / 24);
+        if (diffInDays > 0) {
+          return `${diffInDays} days until event`;
+        } else if (diffInHours > 0) {
+          return `${diffInHours} hours until event`;
+        } else if (diffInMinutes > 0) {
+          return `${diffInMinutes} minutes until event`;
+        } else {
+          return `${diffInSeconds} seconds until event`;
+        }
+      }
+    });
+    const formattedDate = computed(() => {
+      const start = new Date(props.event.date.start);
+      const options = { day: "2-digit", month: "2-digit" };
+      return start.toLocaleDateString(void 0, options);
+    });
+    const formattedTimeRange = computed(() => {
+      console.log(props.event.date.start);
+      console.log(props.event.date.end);
+      const start = new Date(props.event.date.start);
+      const end = new Date(props.event.date.end);
+      const startTime = new Intl.DateTimeFormat(void 0, { hour: "2-digit", minute: "2-digit", hourCycle: "h23" }).format(start);
+      const endTime = new Intl.DateTimeFormat(void 0, { hour: "2-digit", minute: "2-digit", hourCycle: "h23" }).format(end);
+      return `${startTime}-${endTime}`;
+    });
+    const truncatedEventName = computed(() => {
+      const eventName = props.event.name;
+      if (eventName.length > 26) {
+        return `${eventName.substring(0, 22)}…`;
       }
-    }), C = l(() => {
-      const t = new Date(s.event.date.start), o = { day: "2-digit", month: "2-digit" };
-      return t.toLocaleDateString(void 0, o);
-    }), b = l(() => {
-      console.log(s.event.date.start), console.log(s.event.date.end);
-      const t = new Date(s.event.date.start), o = new Date(s.event.date.end), r = new Intl.DateTimeFormat(void 0, { hour: "2-digit", minute: "2-digit", hourCycle: "h23" }).format(t), v = new Intl.DateTimeFormat(void 0, { hour: "2-digit", minute: "2-digit", hourCycle: "h23" }).format(o);
-      return `${r}-${v}`;
-    }), U = l(() => {
-      const t = s.event.name;
-      return t.length > 26 ? `${t.substring(0, 22)}…` : t;
+      return eventName;
     });
-    return (t, o) => (n(), i("article", {
-      class: m([{
-        "flex-nowrap flex-v-center flex": e.type === "short"
-      }, "pos-relative"])
-    }, [
-      x(I, {
-        class: m({
-          "mn-b-small pd-medium": e.type !== "short",
-          "flex-child-order-last flex-child mn-l-small": e.type === "short"
-        }),
-        entity: e.event,
-        entityType: "event",
-        user: e.user,
-        owner: e.event.owner,
-        creator: e.event.creator,
-        members: e.event.numberOfTickets,
-        membersPhotos: e.event.participantsPhotos,
-        type: e.type,
-        dateFormatted: T.value
-      }, null, 8, ["class", "entity", "user", "owner", "creator", "members", "membersPhotos", "type", "dateFormatted"]),
-      e.event.cover && e.type !== "short" ? (n(), i("div", F, [
-        c("img", {
-          loading: "lazy",
-          src: (t.FILE_SERVER_URL || "") + e.event.cover,
-          alt: "Event image",
-          class: "pos-relative z-index-1 d-block mn-auto h-20r"
-        }, null, 8, S),
-        c("img", {
-          loading: "lazy",
-          src: (t.FILE_SERVER_URL || "") + e.event.cover,
-          alt: "Event Background",
-          class: "z-index-0 pos-absolute w-100 h-100 pos-t-0 pos-r-0",
-          style: { transform: "scale(1.5)", filter: "blur(2rem)", "-webkit-filter": "blur(2rem)" }
-        }, null, 8, R)
-      ])) : a("", !0),
-      c("section", {
-        class: m(["pos-relative w-100", { "pd-t-zero pd-medium": e.type !== "short" }])
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("article", {
+        class: normalizeClass([{
+          "flex-nowrap flex-v-center flex": __props.type === "short"
+        }, "pos-relative"])
       }, [
-        e.user === e.event.creator.target._id ? (n(), w($, {
-          key: 0,
-          onClick: o[0] || (o[0] = D((r) => t.$router.push({
-            name: "Edit Event",
-            params: {
-              url: e.event.url
-            }
-          }), ["stop"])),
-          class: "z-index-2 pos-absolute pos-t-regular pos-r-regular i-regular t-transp"
-        })) : a("", !0),
-        c("div", {
-          class: m([{ "mn-b-small": e.type !== "short" }, "flex-v-center flex-nowrap flex"])
+        createVNode(_sfc_main$1, {
+          class: normalizeClass({
+            "mn-b-small pd-medium": __props.type !== "short",
+            "flex-child-order-last flex-child mn-l-small": __props.type === "short"
+          }),
+          entity: __props.event,
+          entityType: "event",
+          user: __props.user,
+          owner: __props.event.owner,
+          creator: __props.event.creator,
+          members: __props.event.numberOfTickets,
+          membersPhotos: __props.event.participantsPhotos,
+          type: __props.type,
+          dateFormatted: daysUntilEvent.value
+        }, null, 8, ["class", "entity", "user", "owner", "creator", "members", "membersPhotos", "type", "dateFormatted"]),
+        __props.event.cover && __props.type !== "short" ? (openBlock(), createElementBlock("div", _hoisted_1, [
+          createElementVNode("img", {
+            loading: "lazy",
+            src: (_ctx.FILE_SERVER_URL || "") + __props.event.cover,
+            alt: "Event image",
+            class: "pos-relative z-index-1 d-block mn-auto h-20r"
+          }, null, 8, _hoisted_2),
+          createElementVNode("img", {
+            loading: "lazy",
+            src: (_ctx.FILE_SERVER_URL || "") + __props.event.cover,
+            alt: "Event Background",
+            class: "z-index-0 pos-absolute w-100 h-100 pos-t-0 pos-r-0",
+            style: { "transform": "scale(1.5)", "filter": "blur(2rem)", "-webkit-filter": "blur(2rem)" }
+          }, null, 8, _hoisted_3)
+        ])) : createCommentVNode("", true),
+        createElementVNode("section", {
+          class: normalizeClass(["pos-relative w-100", { "pd-t-zero pd-medium": __props.type !== "short" }])
         }, [
-          c("div", z, [
-            c("span", N, d(C.value), 1),
-            e.type !== "short" ? (n(), i("span", L, " | " + d(b.value), 1)) : a("", !0)
-          ]),
-          e.type === "short" ? (n(), i("span", V, d(U.value), 1)) : a("", !0)
-        ], 2),
-        e.type !== "short" ? (n(), i("div", B, [
-          e.type !== "short" ? (n(), i("h3", H, d(e.event.name), 1)) : a("", !0),
-          e.event.status === "draft" ? (n(), i("div", P, d(e.event.status), 1)) : a("", !0)
-        ])) : a("", !0),
-        e.type !== "short" ? (n(), i("p", Y, d(e.event.description), 1)) : a("", !0),
-        E(t.$slots, "default"),
-        e.type !== "short" && e.event.tags.length > 0 ? (n(), w(p, {
-          key: 3,
-          chips: e.event.tags
-        }, null, 8, ["chips"])) : a("", !0)
-      ], 2)
-    ], 2));
+          __props.user === __props.event.creator.target._id ? (openBlock(), createBlock(_sfc_main$2, {
+            key: 0,
+            onClick: _cache[0] || (_cache[0] = withModifiers(($event) => _ctx.$router.push({
+              name: "Edit Event",
+              params: {
+                url: __props.event.url
+              }
+            }), ["stop"])),
+            class: "z-index-2 pos-absolute pos-t-regular pos-r-regular i-regular t-transp"
+          })) : createCommentVNode("", true),
+          createElementVNode("div", {
+            class: normalizeClass([{ "mn-b-small": __props.type !== "short" }, "flex-v-center flex-nowrap flex"])
+          }, [
+            createElementVNode("div", _hoisted_4, [
+              createElementVNode("span", _hoisted_5, toDisplayString(formattedDate.value), 1),
+              __props.type !== "short" ? (openBlock(), createElementBlock("span", _hoisted_6, " | " + toDisplayString(formattedTimeRange.value), 1)) : createCommentVNode("", true)
+            ]),
+            __props.type === "short" ? (openBlock(), createElementBlock("span", _hoisted_7, toDisplayString(truncatedEventName.value), 1)) : createCommentVNode("", true)
+          ], 2),
+          __props.type !== "short" ? (openBlock(), createElementBlock("div", _hoisted_8, [
+            __props.type !== "short" ? (openBlock(), createElementBlock("h3", _hoisted_9, toDisplayString(__props.event.name), 1)) : createCommentVNode("", true),
+            __props.event.status === "draft" ? (openBlock(), createElementBlock("div", _hoisted_10, toDisplayString(__props.event.status), 1)) : createCommentVNode("", true)
+          ])) : createCommentVNode("", true),
+          __props.type !== "short" ? (openBlock(), createElementBlock("p", _hoisted_11, toDisplayString(__props.event.description), 1)) : createCommentVNode("", true),
+          renderSlot(_ctx.$slots, "default"),
+          __props.type !== "short" && __props.event.tags.length > 0 ? (openBlock(), createBlock(_sfc_main$3, {
+            key: 3,
+            chips: __props.event.tags
+          }, null, 8, ["chips"])) : createCommentVNode("", true)
+        ], 2)
+      ], 2);
+    };
   }
 };
 export {
-  K as default
+  _sfc_main as default
 };
+//# sourceMappingURL=CardEvent.vue.js.map

package/dist/prometheus-framework/src/modules/events/components/blocks/CardEvent.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardEvent.vue.js","sources":["../../../../../../../src/modules/events/components/blocks/CardEvent.vue"],"sourcesContent":["<template>\n  <article \n\t  :class=\"{\n\t  \t'flex-nowrap flex-v-center flex': type === 'short'\n\t  }\"\n\t  class=\"pos-relative\"\n  >\n  \n    <CardHeader \n\t    :class=\"{\n\t    \t'mn-b-small pd-medium': type !== 'short',\n\t    \t'flex-child-order-last flex-child mn-l-small': type === 'short',\n\t    }\"\n\t    :entity=\"event\"\n\t    :entityType=\"'event'\"\n\t    :user=\"user\"\n\t    :owner=\"event.owner\" \n    \t:creator=\"event.creator\"\n    \t:members=\"event.numberOfTickets\"\n    \t:membersPhotos=\"event.participantsPhotos\"\n    \t:type=\"type\"\n    \t:dateFormatted=\"daysUntilEvent\"\n    />\n\n \t\t<div \n \t\t\tv-if=\"event.cover && type !== 'short'\" \n \t\t\tclass=\"o-hidden pos-relative bg-light mn-b-small w-100\"\n \t\t>\n\t    <img loading=\"lazy\" \n\t    \t:src=\"(FILE_SERVER_URL || '') + event.cover\" \n\t    \talt=\"Event image\" \n\t    \tclass=\"pos-relative z-index-1 d-block mn-auto h-20r\"\n\t    />\n\n\t    <img loading=\"lazy\" \n\t    \t:src=\"(FILE_SERVER_URL || '') + event.cover\" \n\t    \talt=\"Event Background\" \n\t    \tclass=\"z-index-0 pos-absolute w-100 h-100 pos-t-0 pos-r-0\"\n\t    \tstyle=\"\n\t    \t\ttransform: scale(1.5);\n\t    \t\tfilter: blur(2rem);\n  \t\t\t\t-webkit-filter: blur(2rem);\"\n\t    />\n\t  </div>\n\n    <section \n    \tclass=\"pos-relative w-100\"\n    \t:class=\"{'pd-t-zero pd-medium': type !== 'short'}\"\n    >\n\n\t    <IconEdit\n\t\t\t\tv-if=\"user === event.creator.target._id\"\n\t\t\t\t@click.stop=\"$router.push({\n\t\t\t\t\tname: 'Edit Event', \n\t\t\t\t\tparams: {\n\t\t\t\t\t\turl: event.url\n\t\t\t\t\t}\n\t\t\t\t})\" \n\t\t\t\tclass=\"z-index-2 pos-absolute pos-t-regular pos-r-regular i-regular t-transp\"\n\t\t\t/>\n\n    \t<div\n    \t\t:class=\"{'mn-b-small': type !== 'short'}\"\n    \t\tclass=\"flex-v-center flex-nowrap flex\"\n    \t\t>\n\t\t\t\t\t<div \n\t\t\t\t\t  class=\"w-max mn-r-thin pd-thin radius-small t-semi bg-main\" \n\t\t\t\t\t >\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t<span \n\t\t\t\t     \n\t\t\t\t    \tclass=\"t-semi\"\n\t\t\t\t    >\n\t\t\t\t    \t{{ formattedDate }}\n\t\t\t\t    </span>\n\t\t\t\t    <span \n\t\t\t\t    \t\tv-if=\"type !== 'short'\"\n\t\t\t\t    \tclass=\"t-semi \">\n\t\t\t\t        | {{ formattedTimeRange }}\n\t\t\t\t    </span>\n\t\t\t\t\t</div>\n\n\t\t\t\t \t<span \n\t\t\t    \tv-if=\"type === 'short'\" \n\t\t\t    \tclass=\"t-semi uppercase\"\n\t\t\t    >\n\t\t\t        {{ truncatedEventName }}\n\t\t\t    </span>\n\t\t\t</div>\n\n      <div v-if=\"type !== 'short'\" class=\"cursor-pointer mn-b-thin flex-nowrap flex w-100\">\n\n\t\t\t\t<h3 \n\t      \tv-if=\"type !== 'short'\" \n\t      \tclass=\"\"\n\t      >\n\t    \t\t{{ event.name }}\n\t    \t</h3>\n\n\t\t\t\t<div v-if=\"event.status === 'draft'\" class=\"pd-micro t-white uppercase t-semi p-small flex-center flex pd-r-small pd-l-small mn-l-thin w-min bg-second radius-extra\">\n\t\t\t\t\t{{event.status}}\n\t\t\t\t</div>\n\t\t\t\t\n\t\t\t</div>\n\n    \t<p \n    \t\tv-if=\"type !== 'short'\" \n    \t\tclass=\"mn-b-small p-big\"\n    \t>\n    \t\t{{ event.description }}\n    \t</p>\n\n      <slot></slot>\n      \n      <Chips \n      \tv-if=\"type !== 'short' && event.tags.length > 0\" \n      \t:chips=\"event.tags\"\n      />\n\t\t\t<!-- <CardFooter\n\t\t\t\tv-if=\"type !== 'short'\"  \n\t\t\t\tclass=\"\" \n\t\t\t\t:entity=\"event\"\n\t\t\t\t:entityType=\"'event'\" \n\t\t\t\t:user=\"user\"\n\t\t\t/> -->\n\n    </section>\n    \n    <!-- <FooterBlogpost class=\"pd-t-zero pd-medium\" :event=\"event\" :owner=\"owner\"/> -->\n  </article>\n</template>\n\n<script setup=\"props\">\n\timport Chips  from '@pf/src/components/Chips/Chips.vue'\n\n\timport IconEdit from '@pf/src/modules/icons/navigation/IconEdit.vue'\n\n\timport CardHeader  from '@pf/src/modules/globals/views/components/blocks/CardHeader.vue'\n\timport CardFooter  from '@pf/src/modules/globals/views/components/blocks/CardFooter.vue'\n\timport { ref, computed } from 'vue'\n\timport { useRouter } from 'vue-router'\n\n\tconst date_now = ref(new Date())\n\n\tconst router = useRouter()\n\tconst props = defineProps(['event', 'user', 'short', 'type'])\n\n\tconst firstImage = computed(() => {\n\t\treturn props.event.content.find(block => block.type.name === 'ImageUpload');\n\t});\n\n\tconst firstText = computed(() => {\n\t\treturn props.event.content.find(block => block.type.name === 'Textarea');\n\t});\n\n  // Function to calculate days until event\n  const daysUntilEvent = computed(() => {\n    const now = new Date();\n    const nowUTC = Date.UTC(now.getUTCFullYear(), now.getUTCMonth(), now.getUTCDate(), now.getUTCHours(), now.getUTCMinutes(), now.getUTCSeconds());\n  \n    const start = new Date(props.event.date.start);\n    const startUTC = Date.UTC(start.getUTCFullYear(), start.getUTCMonth(), start.getUTCDate(), start.getUTCHours(), start.getUTCMinutes(), start.getUTCSeconds());\n  \n    const diffInTime = startUTC - nowUTC;\n\n    if (diffInTime < 0) {\n      return 'Finished';\n    }\n    else if (diffInTime === 0) {\n      return 'Starting Now';\n    }\n    else {\n      const diffInSeconds = Math.floor(diffInTime / 1000);\n      const diffInMinutes = Math.floor(diffInSeconds / 60);\n      const diffInHours = Math.floor(diffInMinutes / 60);\n      const diffInDays = Math.floor(diffInHours / 24);\n\n      if (diffInDays > 0) {\n        return `${diffInDays} days until event`;\n      }\n      else if (diffInHours > 0) {\n        return `${diffInHours} hours until event`;\n      }\n      else if (diffInMinutes > 0) {\n        return `${diffInMinutes} minutes until event`;\n      }\n      else {\n        return `${diffInSeconds} seconds until event`;\n      }\n    }\n});\n\n\n  /// Computed property for formatted date\n\tconst formattedDate = computed(() => {\n\t    const start = new Date(props.event.date.start);\n\t    const options = { day: '2-digit', month: '2-digit' };\n\t    return start.toLocaleDateString(undefined, options);\n\t});\n\n\t// Computed property for time range\n\tconst formattedTimeRange = computed(() => {\n\n\t\tconsole.log(props.event.date.start)\n\t\tconsole.log(props.event.date.end)\n    const start = new Date(props.event.date.start);\n    const end = new Date(props.event.date.end);\n\n    const startTime = new Intl.DateTimeFormat(undefined, { hour: '2-digit', minute: '2-digit', hourCycle: 'h23' }).format(start);\n    const endTime = new Intl.DateTimeFormat(undefined, { hour: '2-digit', minute: '2-digit', hourCycle: 'h23' }).format(end);\n    return `${startTime}-${endTime}`;\n\t});\n\n\n\t// Computed property for truncated event name\n\tconst truncatedEventName = computed(() => {\n\t  const eventName = props.event.name;\n\t  if (eventName.length > 26) {\n\t    return `${eventName.substring(0, 22)}…`; // Truncate to 37 characters and append \"...\"\n\t  }\n\t  return eventName; // If less than or equal to 40 characters, return the full string\n\t});\n\n\n</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8IkB,QAAI,oBAAI,MAAM;AAEhB,cAAW;AAC1B,UAAM,QAAQ;AAEK,aAAS,MAAM;AACjC,aAAO,MAAM,MAAM,QAAQ,KAAK,WAAS,MAAM,KAAK,SAAS,aAAa;AAAA,IAC5E,CAAE;AAEiB,aAAS,MAAM;AAChC,aAAO,MAAM,MAAM,QAAQ,KAAK,WAAS,MAAM,KAAK,SAAS,UAAU;AAAA,IACzE,CAAE;AAGA,UAAM,iBAAiB,SAAS,MAAM;AACpC,YAAM,MAAM,oBAAI;AAChB,YAAM,SAAS,KAAK,IAAI,IAAI,kBAAkB,IAAI,eAAe,IAAI,cAAc,IAAI,eAAe,IAAI,iBAAiB,IAAI,cAAa,CAAE;AAE9I,YAAM,QAAQ,IAAI,KAAK,MAAM,MAAM,KAAK,KAAK;AAC7C,YAAM,WAAW,KAAK,IAAI,MAAM,kBAAkB,MAAM,eAAe,MAAM,cAAc,MAAM,eAAe,MAAM,iBAAiB,MAAM,cAAa,CAAE;AAE5J,YAAM,aAAa,WAAW;AAE9B,UAAI,aAAa,GAAG;AAClB,eAAO;AAAA,MACR,WACQ,eAAe,GAAG;AACzB,eAAO;AAAA,MACR,OACI;AACH,cAAM,gBAAgB,KAAK,MAAM,aAAa,GAAI;AAClD,cAAM,gBAAgB,KAAK,MAAM,gBAAgB,EAAE;AACnD,cAAM,cAAc,KAAK,MAAM,gBAAgB,EAAE;AACjD,cAAM,aAAa,KAAK,MAAM,cAAc,EAAE;AAE9C,YAAI,aAAa,GAAG;AAClB,iBAAO,GAAG,UAAU;AAAA,QACrB,WACQ,cAAc,GAAG;AACxB,iBAAO,GAAG,WAAW;AAAA,QACtB,WACQ,gBAAgB,GAAG;AAC1B,iBAAO,GAAG,aAAa;AAAA,QACxB,OACI;AACH,iBAAO,GAAG,aAAa;AAAA,QACxB;AAAA,MACF;AAAA,IACL,CAAC;AAIA,UAAM,gBAAgB,SAAS,MAAM;AACjC,YAAM,QAAQ,IAAI,KAAK,MAAM,MAAM,KAAK,KAAK;AAC7C,YAAM,UAAU,EAAE,KAAK,WAAW,OAAO,UAAS;AAClD,aAAO,MAAM,mBAAmB,QAAW,OAAO;AAAA,IACvD,CAAE;AAGD,UAAM,qBAAqB,SAAS,MAAM;AAEzC,cAAQ,IAAI,MAAM,MAAM,KAAK,KAAK;AAClC,cAAQ,IAAI,MAAM,MAAM,KAAK,GAAG;AAC9B,YAAM,QAAQ,IAAI,KAAK,MAAM,MAAM,KAAK,KAAK;AAC7C,YAAM,MAAM,IAAI,KAAK,MAAM,MAAM,KAAK,GAAG;AAEzC,YAAM,YAAY,IAAI,KAAK,eAAe,QAAW,EAAE,MAAM,WAAW,QAAQ,WAAW,WAAW,MAAO,CAAA,EAAE,OAAO,KAAK;AAC3H,YAAM,UAAU,IAAI,KAAK,eAAe,QAAW,EAAE,MAAM,WAAW,QAAQ,WAAW,WAAW,MAAO,CAAA,EAAE,OAAO,GAAG;AACvH,aAAO,GAAG,SAAS,IAAI,OAAO;AAAA,IAClC,CAAE;AAID,UAAM,qBAAqB,SAAS,MAAM;AACxC,YAAM,YAAY,MAAM,MAAM;AAC9B,UAAI,UAAU,SAAS,IAAI;AACzB,eAAO,GAAG,UAAU,UAAU,GAAG,EAAE,CAAC;AAAA,MACrC;AACD,aAAO;AAAA,IACV,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/events/components/elements/ButtonCheck.vue.cjs

@@ -1 +1,110 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),k=require("../../../../../../node_modules/vue-qrcode-reader/dist/vue-qrcode-reader.cjs"),P=require("../../../../components/Popup/Popup.vue2.cjs"),g=require("../../../../components/Button/Button.vue2.cjs"),S=require("../../store/tickets.cjs");;/* empty css                   */const w=require("../../../../../../_virtual/_plugin-vue_export-helper.cjs"),x=r=>(e.pushScopeId("data-v-20750f79"),r=r(),e.popScopeId(),r),E=x(()=>e.createElementVNode("h3",{class:"mn-b-small"},"Scan QR Code",-1)),q={class:"h-max"},T={__name:"ButtonCheck",emits:"qrcodecheck",setup(r,{emit:i}){const u=i,n=e.ref(!1),a=e.ref("");function l(){n.value=!0}function d(){n.value=!1}const s=e.ref(null);async function p(t){s.value=t.map(o=>o.rawValue);try{const o=s.value[0]||"";if(!o)throw new Error("Troubles with qrcode reading");const c=await S.actions.update({_id:o,status:"used",check:!0});alert("Ticket checked. And it's all right!")}catch{alert("Ticket is not found, already used or deactivated!")}u("qrcodecheck")}function m(t){a.value=`[${t.name}]: `,t.name==="NotAllowedError"?a.value+="you need to grant camera access permission":t.name==="NotFoundError"?a.value+="no camera on this device":t.name==="NotSupportedError"?a.value+="secure context required (HTTPS, localhost)":t.name==="NotReadableError"?a.value+="is the camera already in use?":t.name==="OverconstrainedError"?a.value+="installed cameras are not suitable":t.name==="StreamApiNotSupportedError"?a.value+="Stream API is not supported in this browser":t.name==="InsecureContextError"?a.value+="Camera access is only permitted in secure context. Use HTTPS or localhost rather than HTTP.":a.value+=t.message}function f(t,o){for(const c of t){const{boundingBox:{x:h,y:v,width:_,height:b}}=c;o.lineWidth=2,o.strokeStyle="#007bff",o.strokeRect(h,v,_,b)}}return(t,o)=>(e.openBlock(),e.createElementBlock("div",null,[e.createVNode(g.default,{submit:l,class:"bg-main button-small radius-extra button"},{default:e.withCtx(()=>[e.createTextVNode(" Check Tickets ")]),_:1}),e.createVNode(P.default,{title:"Добавить участника",onClosePopup:d,isPopupOpen:n.value,class:"w-max-30r h-max-30r t-left pd-big bg-white radius-big"},{default:e.withCtx(()=>[E,e.createElementVNode("div",q,[e.createVNode(e.unref(k.QrcodeStream),{track:f,onDetect:p,onError:m})])]),_:1},8,["isPopupOpen"])]))}},N=w.default(T,[["__scopeId","data-v-20750f79"]]);exports.default=N;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const vueQrcodeReader = require("../../../../../../node_modules/vue-qrcode-reader/dist/vue-qrcode-reader.cjs");
+const Popup = require("../../../../components/Popup/Popup.vue.cjs");
+const Button = require("../../../../components/Button/Button.vue.cjs");
+const tickets = require("../../store/tickets.cjs");
+;/* empty css                   */
+const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.cjs");
+const _withScopeId = (n) => (vue.pushScopeId("data-v-20750f79"), n = n(), vue.popScopeId(), n);
+const _hoisted_1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("h3", { class: "mn-b-small" }, "Scan QR Code", -1));
+const _hoisted_2 = { class: "h-max" };
+const _sfc_main = {
+  __name: "ButtonCheck",
+  emits: "qrcodecheck",
+  setup(__props, { emit: __emit }) {
+    const emits = __emit;
+    const isPublicationPopup = vue.ref(false);
+    const error = vue.ref("");
+    function openPublicationPopup() {
+      isPublicationPopup.value = true;
+    }
+    function closePublicationPopup() {
+      isPublicationPopup.value = false;
+    }
+    const result = vue.ref(null);
+    async function onDetect(detectedCodes) {
+      result.value = detectedCodes.map((code) => code.rawValue);
+      try {
+        const qrcode = result.value[0] || "";
+        if (!qrcode) {
+          throw new Error("Troubles with qrcode reading");
+        }
+        const response = await tickets.actions.update({
+          _id: qrcode,
+          status: "used",
+          check: true
+        });
+        alert("Ticket checked. And it's all right!");
+      } catch (e) {
+        alert(`Ticket is not found, already used or deactivated!`);
+      }
+      emits("qrcodecheck");
+    }
+    function onError(err) {
+      error.value = `[${err.name}]: `;
+      if (err.name === "NotAllowedError") {
+        error.value += "you need to grant camera access permission";
+      } else if (err.name === "NotFoundError") {
+        error.value += "no camera on this device";
+      } else if (err.name === "NotSupportedError") {
+        error.value += "secure context required (HTTPS, localhost)";
+      } else if (err.name === "NotReadableError") {
+        error.value += "is the camera already in use?";
+      } else if (err.name === "OverconstrainedError") {
+        error.value += "installed cameras are not suitable";
+      } else if (err.name === "StreamApiNotSupportedError") {
+        error.value += "Stream API is not supported in this browser";
+      } else if (err.name === "InsecureContextError") {
+        error.value += "Camera access is only permitted in secure context. Use HTTPS or localhost rather than HTTP.";
+      } else {
+        error.value += err.message;
+      }
+    }
+    function paintBoundingBox(detectedCodes, ctx) {
+      for (const detectedCode of detectedCodes) {
+        const {
+          boundingBox: { x, y, width, height }
+        } = detectedCode;
+        ctx.lineWidth = 2;
+        ctx.strokeStyle = "#007bff";
+        ctx.strokeRect(x, y, width, height);
+      }
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", null, [
+        vue.createVNode(Button.default, {
+          submit: openPublicationPopup,
+          class: "bg-main button-small radius-extra button"
+        }, {
+          default: vue.withCtx(() => [
+            vue.createTextVNode(" Check Tickets ")
+          ]),
+          _: 1
+        }),
+        vue.createVNode(Popup.default, {
+          title: "Добавить участника",
+          onClosePopup: closePublicationPopup,
+          isPopupOpen: isPublicationPopup.value,
+          class: "w-max-30r h-max-30r t-left pd-big bg-white radius-big"
+        }, {
+          default: vue.withCtx(() => [
+            _hoisted_1,
+            vue.createElementVNode("div", _hoisted_2, [
+              vue.createVNode(vue.unref(vueQrcodeReader.QrcodeStream), {
+                track: paintBoundingBox,
+                onDetect,
+                onError
+              })
+            ])
+          ]),
+          _: 1
+        }, 8, ["isPopupOpen"])
+      ]);
+    };
+  }
+};
+const ButtonCheck = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-20750f79"]]);
+exports.default = ButtonCheck;
+//# sourceMappingURL=ButtonCheck.vue.cjs.map

package/dist/prometheus-framework/src/modules/events/components/elements/ButtonCheck.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonCheck.vue.cjs","sources":["../../../../../../../src/modules/events/components/elements/ButtonCheck.vue"],"sourcesContent":["<template>\n  <div>\n    <Button :submit=\"openPublicationPopup\" class=\"bg-main button-small radius-extra button\">\n      Check Tickets\n    </Button>\n\n    <Popup title=\"Добавить участника\" @close-popup=\"closePublicationPopup\" :isPopupOpen=\"isPublicationPopup\"\n      class=\"w-max-30r h-max-30r t-left pd-big bg-white radius-big\">\n      <h3 class=\"mn-b-small\">Scan QR Code</h3>\n\n      <div class=\"h-max\">\n        <QrcodeStream :track=\"paintBoundingBox\" @detect=\"onDetect\" @error=\"onError\"></QrcodeStream>\n      </div>\n    </Popup>\n  </div>\n</template>\n\n<script setup>\n// Deps\nimport { ref } from 'vue'\nimport { QrcodeStream } from 'vue-qrcode-reader'\n\n// In components\nimport Popup from '@pf/src/components/Popup/Popup.vue'\nimport Button from '@pf/src/components/Button/Button.vue'\n\n// Methods \nimport * as tickets from '@pf/src/modules/events/store/tickets'\n\nconst emits = defineEmits('qrcodecheck')\n\nconst isPublicationPopup = ref(false)\nconst error = ref('')\n\nfunction openPublicationPopup() {\n  isPublicationPopup.value = true\n}\n\nfunction closePublicationPopup() {\n  isPublicationPopup.value = false\n}\n\nconst result = ref(null)\n\nasync function onDetect(detectedCodes) {\n  result.value = detectedCodes.map((code) => code.rawValue)\n\n  try {\n    const qrcode = result.value[0] || ''\n\n    if (!qrcode) {\n      throw new Error('Troubles with qrcode reading');\n    }\n\n    const response = await tickets.actions.update({\n      _id: qrcode,\n      status: 'used',\n      check: true\n    })\n\n    alert(\"Ticket checked. And it's all right!\");\n  } catch (e) {\n    alert(`Ticket is not found, already used or deactivated!`);\n  }\n\n  emits('qrcodecheck')\n}\n\nfunction onError(err) {\n  error.value = `[${err.name}]: `\n\n  if (err.name === 'NotAllowedError') {\n    error.value += 'you need to grant camera access permission'\n  } else if (err.name === 'NotFoundError') {\n    error.value += 'no camera on this device'\n  } else if (err.name === 'NotSupportedError') {\n    error.value += 'secure context required (HTTPS, localhost)'\n  } else if (err.name === 'NotReadableError') {\n    error.value += 'is the camera already in use?'\n  } else if (err.name === 'OverconstrainedError') {\n    error.value += 'installed cameras are not suitable'\n  } else if (err.name === 'StreamApiNotSupportedError') {\n    error.value += 'Stream API is not supported in this browser'\n  } else if (err.name === 'InsecureContextError') {\n    error.value += 'Camera access is only permitted in secure context. Use HTTPS or localhost rather than HTTP.'\n  } else {\n    error.value += err.message\n  }\n}\n\nfunction paintBoundingBox(detectedCodes, ctx) {\n  for (const detectedCode of detectedCodes) {\n    const {\n      boundingBox: { x, y, width, height }\n    } = detectedCode\n\n    ctx.lineWidth = 2\n    ctx.strokeStyle = '#007bff'\n    ctx.strokeRect(x, y, width, height)\n  }\n}\n</script>\n\n<style scoped>\n/* Existing styles can stay unchanged */\n</style>\n"],"names":["ref","tickets.actions"],"mappings":";;;;;;;;;;;;;;;;AA6BA,UAAM,QAAQ;AAEd,UAAM,qBAAqBA,IAAG,IAAC,KAAK;AACpC,UAAM,QAAQA,IAAG,IAAC,EAAE;AAEpB,aAAS,uBAAuB;AAC9B,yBAAmB,QAAQ;AAAA,IAC7B;AAEA,aAAS,wBAAwB;AAC/B,yBAAmB,QAAQ;AAAA,IAC7B;AAEA,UAAM,SAASA,IAAG,IAAC,IAAI;AAEvB,mBAAe,SAAS,eAAe;AACrC,aAAO,QAAQ,cAAc,IAAI,CAAC,SAAS,KAAK,QAAQ;AAExD,UAAI;AACF,cAAM,SAAS,OAAO,MAAM,CAAC,KAAK;AAElC,YAAI,CAAC,QAAQ;AACX,gBAAM,IAAI,MAAM,8BAA8B;AAAA,QAC/C;AAED,cAAM,WAAW,MAAMC,QAAe,QAAC,OAAO;AAAA,UAC5C,KAAK;AAAA,UACL,QAAQ;AAAA,UACR,OAAO;AAAA,QACb,CAAK;AAED,cAAM,qCAAqC;AAAA,MAC5C,SAAQ,GAAG;AACV,cAAM,mDAAmD;AAAA,MAC1D;AAED,YAAM,aAAa;AAAA,IACrB;AAEA,aAAS,QAAQ,KAAK;AACpB,YAAM,QAAQ,IAAI,IAAI,IAAI;AAE1B,UAAI,IAAI,SAAS,mBAAmB;AAClC,cAAM,SAAS;AAAA,MACnB,WAAa,IAAI,SAAS,iBAAiB;AACvC,cAAM,SAAS;AAAA,MACnB,WAAa,IAAI,SAAS,qBAAqB;AAC3C,cAAM,SAAS;AAAA,MACnB,WAAa,IAAI,SAAS,oBAAoB;AAC1C,cAAM,SAAS;AAAA,MACnB,WAAa,IAAI,SAAS,wBAAwB;AAC9C,cAAM,SAAS;AAAA,MACnB,WAAa,IAAI,SAAS,8BAA8B;AACpD,cAAM,SAAS;AAAA,MACnB,WAAa,IAAI,SAAS,wBAAwB;AAC9C,cAAM,SAAS;AAAA,MACnB,OAAS;AACL,cAAM,SAAS,IAAI;AAAA,MACpB;AAAA,IACH;AAEA,aAAS,iBAAiB,eAAe,KAAK;AAC5C,iBAAW,gBAAgB,eAAe;AACxC,cAAM;AAAA,UACJ,aAAa,EAAE,GAAG,GAAG,OAAO,OAAQ;AAAA,QAC1C,IAAQ;AAEJ,YAAI,YAAY;AAChB,YAAI,cAAc;AAClB,YAAI,WAAW,GAAG,GAAG,OAAO,MAAM;AAAA,MACnC;AAAA,IACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/events/components/elements/ButtonCheck.vue.js

@@ -1,81 +1,110 @@
-import { ref as s, openBlock as w, createElementBlock as E, createVNode as n, withCtx as l, createTextVNode as S, createElementVNode as u, unref as g, pushScopeId as T, popScopeId as C } from "vue";
-import { QrcodeStream as y } from "../../../../../../node_modules/vue-qrcode-reader/dist/vue-qrcode-reader.js";
-import N from "../../../../components/Popup/Popup.vue2.js";
-import B from "../../../../components/Button/Button.vue2.js";
-import { actions as I } from "../../store/tickets.js";
+import { ref, openBlock, createElementBlock, createVNode, withCtx, createTextVNode, createElementVNode, unref, pushScopeId, popScopeId } from "vue";
+import { QrcodeStream as Ii } from "../../../../../../node_modules/vue-qrcode-reader/dist/vue-qrcode-reader.js";
+import _sfc_main$2 from "../../../../components/Popup/Popup.vue.js";
+import _sfc_main$1 from "../../../../components/Button/Button.vue.js";
+import { actions } from "../../store/tickets.js";
 /* empty css                 */
-import q from "../../../../../../_virtual/_plugin-vue_export-helper.js";
-const A = (a) => (T("data-v-20750f79"), a = a(), C(), a), V = /* @__PURE__ */ A(() => /* @__PURE__ */ u("h3", { class: "mn-b-small" }, "Scan QR Code", -1)), H = { class: "h-max" }, O = {
+import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+const _withScopeId = (n) => (pushScopeId("data-v-20750f79"), n = n(), popScopeId(), n);
+const _hoisted_1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("h3", { class: "mn-b-small" }, "Scan QR Code", -1));
+const _hoisted_2 = { class: "h-max" };
+const _sfc_main = {
   __name: "ButtonCheck",
   emits: "qrcodecheck",
-  setup(a, { emit: d }) {
-    const m = d, r = s(!1), o = s("");
-    function p() {
-      r.value = !0;
+  setup(__props, { emit: __emit }) {
+    const emits = __emit;
+    const isPublicationPopup = ref(false);
+    const error = ref("");
+    function openPublicationPopup() {
+      isPublicationPopup.value = true;
     }
-    function f() {
-      r.value = !1;
+    function closePublicationPopup() {
+      isPublicationPopup.value = false;
     }
-    const c = s(null);
-    async function h(e) {
-      c.value = e.map((t) => t.rawValue);
+    const result = ref(null);
+    async function onDetect(detectedCodes) {
+      result.value = detectedCodes.map((code) => code.rawValue);
       try {
-        const t = c.value[0] || "";
-        if (!t)
+        const qrcode = result.value[0] || "";
+        if (!qrcode) {
           throw new Error("Troubles with qrcode reading");
-        const i = await I.update({
-          _id: t,
+        }
+        const response = await actions.update({
+          _id: qrcode,
           status: "used",
-          check: !0
+          check: true
         });
         alert("Ticket checked. And it's all right!");
-      } catch {
-        alert("Ticket is not found, already used or deactivated!");
+      } catch (e) {
+        alert(`Ticket is not found, already used or deactivated!`);
       }
-      m("qrcodecheck");
+      emits("qrcodecheck");
     }
-    function _(e) {
-      o.value = `[${e.name}]: `, e.name === "NotAllowedError" ? o.value += "you need to grant camera access permission" : e.name === "NotFoundError" ? o.value += "no camera on this device" : e.name === "NotSupportedError" ? o.value += "secure context required (HTTPS, localhost)" : e.name === "NotReadableError" ? o.value += "is the camera already in use?" : e.name === "OverconstrainedError" ? o.value += "installed cameras are not suitable" : e.name === "StreamApiNotSupportedError" ? o.value += "Stream API is not supported in this browser" : e.name === "InsecureContextError" ? o.value += "Camera access is only permitted in secure context. Use HTTPS or localhost rather than HTTP." : o.value += e.message;
+    function onError(err) {
+      error.value = `[${err.name}]: `;
+      if (err.name === "NotAllowedError") {
+        error.value += "you need to grant camera access permission";
+      } else if (err.name === "NotFoundError") {
+        error.value += "no camera on this device";
+      } else if (err.name === "NotSupportedError") {
+        error.value += "secure context required (HTTPS, localhost)";
+      } else if (err.name === "NotReadableError") {
+        error.value += "is the camera already in use?";
+      } else if (err.name === "OverconstrainedError") {
+        error.value += "installed cameras are not suitable";
+      } else if (err.name === "StreamApiNotSupportedError") {
+        error.value += "Stream API is not supported in this browser";
+      } else if (err.name === "InsecureContextError") {
+        error.value += "Camera access is only permitted in secure context. Use HTTPS or localhost rather than HTTP.";
+      } else {
+        error.value += err.message;
+      }
     }
-    function v(e, t) {
-      for (const i of e) {
+    function paintBoundingBox(detectedCodes, ctx) {
+      for (const detectedCode of detectedCodes) {
         const {
-          boundingBox: { x: b, y: k, width: x, height: P }
-        } = i;
-        t.lineWidth = 2, t.strokeStyle = "#007bff", t.strokeRect(b, k, x, P);
+          boundingBox: { x, y, width, height }
+        } = detectedCode;
+        ctx.lineWidth = 2;
+        ctx.strokeStyle = "#007bff";
+        ctx.strokeRect(x, y, width, height);
       }
     }
-    return (e, t) => (w(), E("div", null, [
-      n(B, {
-        submit: p,
-        class: "bg-main button-small radius-extra button"
-      }, {
-        default: l(() => [
-          S(" Check Tickets ")
-        ]),
-        _: 1
-      }),
-      n(N, {
-        title: "Добавить участника",
-        onClosePopup: f,
-        isPopupOpen: r.value,
-        class: "w-max-30r h-max-30r t-left pd-big bg-white radius-big"
-      }, {
-        default: l(() => [
-          V,
-          u("div", H, [
-            n(g(y), {
-              track: v,
-              onDetect: h,
-              onError: _
-            })
-          ])
-        ]),
-        _: 1
-      }, 8, ["isPopupOpen"])
-    ]));
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", null, [
+        createVNode(_sfc_main$1, {
+          submit: openPublicationPopup,
+          class: "bg-main button-small radius-extra button"
+        }, {
+          default: withCtx(() => [
+            createTextVNode(" Check Tickets ")
+          ]),
+          _: 1
+        }),
+        createVNode(_sfc_main$2, {
+          title: "Добавить участника",
+          onClosePopup: closePublicationPopup,
+          isPopupOpen: isPublicationPopup.value,
+          class: "w-max-30r h-max-30r t-left pd-big bg-white radius-big"
+        }, {
+          default: withCtx(() => [
+            _hoisted_1,
+            createElementVNode("div", _hoisted_2, [
+              createVNode(unref(Ii), {
+                track: paintBoundingBox,
+                onDetect,
+                onError
+              })
+            ])
+          ]),
+          _: 1
+        }, 8, ["isPopupOpen"])
+      ]);
+    };
   }
-}, j = /* @__PURE__ */ q(O, [["__scopeId", "data-v-20750f79"]]);
+};
+const ButtonCheck = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-20750f79"]]);
 export {
-  j as default
+  ButtonCheck as default
 };
+//# sourceMappingURL=ButtonCheck.vue.js.map

package/dist/prometheus-framework/src/modules/events/components/elements/ButtonCheck.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonCheck.vue.js","sources":["../../../../../../../src/modules/events/components/elements/ButtonCheck.vue"],"sourcesContent":["<template>\n  <div>\n    <Button :submit=\"openPublicationPopup\" class=\"bg-main button-small radius-extra button\">\n      Check Tickets\n    </Button>\n\n    <Popup title=\"Добавить участника\" @close-popup=\"closePublicationPopup\" :isPopupOpen=\"isPublicationPopup\"\n      class=\"w-max-30r h-max-30r t-left pd-big bg-white radius-big\">\n      <h3 class=\"mn-b-small\">Scan QR Code</h3>\n\n      <div class=\"h-max\">\n        <QrcodeStream :track=\"paintBoundingBox\" @detect=\"onDetect\" @error=\"onError\"></QrcodeStream>\n      </div>\n    </Popup>\n  </div>\n</template>\n\n<script setup>\n// Deps\nimport { ref } from 'vue'\nimport { QrcodeStream } from 'vue-qrcode-reader'\n\n// In components\nimport Popup from '@pf/src/components/Popup/Popup.vue'\nimport Button from '@pf/src/components/Button/Button.vue'\n\n// Methods \nimport * as tickets from '@pf/src/modules/events/store/tickets'\n\nconst emits = defineEmits('qrcodecheck')\n\nconst isPublicationPopup = ref(false)\nconst error = ref('')\n\nfunction openPublicationPopup() {\n  isPublicationPopup.value = true\n}\n\nfunction closePublicationPopup() {\n  isPublicationPopup.value = false\n}\n\nconst result = ref(null)\n\nasync function onDetect(detectedCodes) {\n  result.value = detectedCodes.map((code) => code.rawValue)\n\n  try {\n    const qrcode = result.value[0] || ''\n\n    if (!qrcode) {\n      throw new Error('Troubles with qrcode reading');\n    }\n\n    const response = await tickets.actions.update({\n      _id: qrcode,\n      status: 'used',\n      check: true\n    })\n\n    alert(\"Ticket checked. And it's all right!\");\n  } catch (e) {\n    alert(`Ticket is not found, already used or deactivated!`);\n  }\n\n  emits('qrcodecheck')\n}\n\nfunction onError(err) {\n  error.value = `[${err.name}]: `\n\n  if (err.name === 'NotAllowedError') {\n    error.value += 'you need to grant camera access permission'\n  } else if (err.name === 'NotFoundError') {\n    error.value += 'no camera on this device'\n  } else if (err.name === 'NotSupportedError') {\n    error.value += 'secure context required (HTTPS, localhost)'\n  } else if (err.name === 'NotReadableError') {\n    error.value += 'is the camera already in use?'\n  } else if (err.name === 'OverconstrainedError') {\n    error.value += 'installed cameras are not suitable'\n  } else if (err.name === 'StreamApiNotSupportedError') {\n    error.value += 'Stream API is not supported in this browser'\n  } else if (err.name === 'InsecureContextError') {\n    error.value += 'Camera access is only permitted in secure context. Use HTTPS or localhost rather than HTTP.'\n  } else {\n    error.value += err.message\n  }\n}\n\nfunction paintBoundingBox(detectedCodes, ctx) {\n  for (const detectedCode of detectedCodes) {\n    const {\n      boundingBox: { x, y, width, height }\n    } = detectedCode\n\n    ctx.lineWidth = 2\n    ctx.strokeStyle = '#007bff'\n    ctx.strokeRect(x, y, width, height)\n  }\n}\n</script>\n\n<style scoped>\n/* Existing styles can stay unchanged */\n</style>\n"],"names":["tickets.actions"],"mappings":";;;;;;;;;;;;;;AA6BA,UAAM,QAAQ;AAEd,UAAM,qBAAqB,IAAI,KAAK;AACpC,UAAM,QAAQ,IAAI,EAAE;AAEpB,aAAS,uBAAuB;AAC9B,yBAAmB,QAAQ;AAAA,IAC7B;AAEA,aAAS,wBAAwB;AAC/B,yBAAmB,QAAQ;AAAA,IAC7B;AAEA,UAAM,SAAS,IAAI,IAAI;AAEvB,mBAAe,SAAS,eAAe;AACrC,aAAO,QAAQ,cAAc,IAAI,CAAC,SAAS,KAAK,QAAQ;AAExD,UAAI;AACF,cAAM,SAAS,OAAO,MAAM,CAAC,KAAK;AAElC,YAAI,CAAC,QAAQ;AACX,gBAAM,IAAI,MAAM,8BAA8B;AAAA,QAC/C;AAED,cAAM,WAAW,MAAMA,QAAgB,OAAO;AAAA,UAC5C,KAAK;AAAA,UACL,QAAQ;AAAA,UACR,OAAO;AAAA,QACb,CAAK;AAED,cAAM,qCAAqC;AAAA,MAC5C,SAAQ,GAAG;AACV,cAAM,mDAAmD;AAAA,MAC1D;AAED,YAAM,aAAa;AAAA,IACrB;AAEA,aAAS,QAAQ,KAAK;AACpB,YAAM,QAAQ,IAAI,IAAI,IAAI;AAE1B,UAAI,IAAI,SAAS,mBAAmB;AAClC,cAAM,SAAS;AAAA,MACnB,WAAa,IAAI,SAAS,iBAAiB;AACvC,cAAM,SAAS;AAAA,MACnB,WAAa,IAAI,SAAS,qBAAqB;AAC3C,cAAM,SAAS;AAAA,MACnB,WAAa,IAAI,SAAS,oBAAoB;AAC1C,cAAM,SAAS;AAAA,MACnB,WAAa,IAAI,SAAS,wBAAwB;AAC9C,cAAM,SAAS;AAAA,MACnB,WAAa,IAAI,SAAS,8BAA8B;AACpD,cAAM,SAAS;AAAA,MACnB,WAAa,IAAI,SAAS,wBAAwB;AAC9C,cAAM,SAAS;AAAA,MACnB,OAAS;AACL,cAAM,SAAS,IAAI;AAAA,MACpB;AAAA,IACH;AAEA,aAAS,iBAAiB,eAAe,KAAK;AAC5C,iBAAW,gBAAgB,eAAe;AACxC,cAAM;AAAA,UACJ,aAAa,EAAE,GAAG,GAAG,OAAO,OAAQ;AAAA,QAC1C,IAAQ;AAEJ,YAAI,YAAY;AAChB,YAAI,cAAc;AAClB,YAAI,WAAW,GAAG,GAAG,OAAO,MAAM;AAAA,MACnC;AAAA,IACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}