@icvdeveloper/common-module 0.0.75 → 0.0.78

package/dist/runtime/components/media/components/SessionReporting.vue

@@ -0,0 +1,96 @@
+<script>
+import Cookies from "universal-cookie";
+
+const cookies = new Cookies();
+
+export default {
+  render() {},
+  data() {
+    return {
+      sessionCookieName: "session-cookie",
+      sessionId: null,
+      sessionLoopId: null,
+      sessionLoopIntervalMinutes: 5,
+      cookieExpireMinutes: 20
+    };
+  },
+  props: {
+    loggableType: {
+      type: String,
+      default: "App\\Presentation"
+    },
+    loggableId: {
+      type: Number
+    }
+  },
+  watch: {
+    loggableId(_newId, _oldId) {
+      this.updateSession();
+    }
+  },
+  methods: {
+    getSessionIdFromCookie() {
+      return (this.sessionId = cookies.get(this.sessionCookieName));
+    },
+    initSessionLoop() {
+      this.sessionLoop();
+      this.sessionLoopId = setInterval(
+        this.sessionLoop,
+        parseInt(this.sessionLoopIntervalMinutes * 60 * 1000)
+      );
+    },
+    sessionLoop() {
+      if (this.getSessionIdFromCookie()) {
+        this.updateSession();
+      } else {
+        this.initSession();
+      }
+    },
+    updateSessionCookie() {
+      let expireDate = new Date(
+        new Date().getTime() + this.cookieExpireMinutes * 60 * 1000
+      );
+
+      cookies.set(this.sessionCookieName, this.sessionId, {
+        expires: expireDate
+      });
+    },
+    initSession() {
+      this.$axios.$post("session-logs", {}).then(response => {
+        this.sessionId = response;
+        this.updateSession();
+      });
+    },
+    updateSession() {
+      if (!this.sessionId || !this.loggableType || !this.loggableId) {
+        return false;
+      }
+
+      this.updateSessionCookie();
+
+      let inputs = {
+        _method: "PATCH",
+        resource_type: this.loggableType,
+        resource_id: this.loggableId
+      };
+
+      this.$axios
+        .$post(`session-logs/${this.sessionId}`, inputs)
+        .then(response => {
+          console.log("updateSession", response);
+        })
+        .catch(error => {
+          console.log("Error updating session-log", error);
+        });
+    }
+  },
+  mounted() {
+    console.log("SessionReporting component mounted");
+    this.initSessionLoop();
+  },
+  beforeRouteLeave(to, from, next) {
+    clearInterval(this.sessionLoopId);
+    next();
+  }
+};
+</script>

package/dist/runtime/components/media/components/SessionReporting.vue.d.ts

@@ -0,0 +1,35 @@
+declare namespace _default {
+    function render(): void;
+    function data(): {
+        sessionCookieName: string;
+        sessionId: null;
+        sessionLoopId: null;
+        sessionLoopIntervalMinutes: number;
+        cookieExpireMinutes: number;
+    };
+    namespace props {
+        namespace loggableType {
+            export const type: StringConstructor;
+            const _default: string;
+            export { _default as default };
+        }
+        namespace loggableId {
+            const type_1: NumberConstructor;
+            export { type_1 as type };
+        }
+    }
+    namespace watch {
+        function loggableId(_newId: any, _oldId: any): void;
+    }
+    namespace methods {
+        function getSessionIdFromCookie(): any;
+        function initSessionLoop(): void;
+        function sessionLoop(): void;
+        function updateSessionCookie(): void;
+        function initSession(): void;
+        function updateSession(): false | undefined;
+    }
+    function mounted(): void;
+    function beforeRouteLeave(to: any, from: any, next: any): void;
+}
+export default _default;

package/dist/runtime/components/media/components/SponsorsPanel.vue

@@ -0,0 +1,85 @@
+<template>
+    <div>
+        <div v-if="sponsorsArray.length > 0" class="text-grey-800 px-4 py-4" :class="trackSponsorsArray.length > 0 ? 'border-b border-light-grey' : ''">
+            <div class="mb-4">
+                <!-- Session Sponsors -->
+                <h3 class="primary-link text-lg text-center mb-3">Session Sponsors</h3>
+                <div class="flex flex-row md:flex-col flex-wrap">
+                    <div v-for="(sponsor, index) in sponsorsArray" :key="index" class="flex-1 mx-4 my-2 md:mx-0 self-center">
+                        <a :href="sponsor.website" target="_blank" class="block mx-auto">
+                            <img :src="sponsor.photo" class="block mx-auto" />
+                        </a>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div v-if="trackSponsorsArray.length > 0" class="text-grey-800 px-4 py-4">
+            <div class="mb-4">
+                <!-- Session Sponsors -->
+                <h3 class="primary-link text-lg text-center mb-3">Track Sponsors</h3>
+                <div class="flex flex-row md:flex-col flex-wrap">
+                    <div v-for="(sponsor, index) in trackSponsorsArray" :key="index" class="flex-1 mx-4 my-2 md:mx-0 self-center">
+                        <a :href="sponsor.website" target="_blank" class="block mx-auto">
+                            <img :src="sponsor.photo" class="block mx-auto" />
+                        </a>
+                    </div>
+                </div>
+            </div>
+        </div>        
+        <div v-if="!sponsorsArray.length && !trackSponsorsArray.length" class="text-grey-800 px-2 py-4">
+            <p class="text-base leading-normal font-light">There are no sponsors associated with this presentation.</p>
+        </div>
+    </div>
+</template>
+
+<script>
+export default {
+    data() {
+        return {
+            sponsorsArray: [],
+            trackSponsorsArray: []
+        };
+    },
+    props: {
+        sponsorType: {
+            type: String
+        },
+        currentPresentation: {
+          type: Object,
+          default: () => {
+            return {};
+          }
+        },
+    },
+    computed: {
+    },
+    methods: {
+    },
+    watch: {
+        currentPresentation: {
+            immediate: true,
+            handler (currentPres) {
+                if(currentPres.sponsors) {
+                    this.sponsorsArray = currentPres.sponsors;
+                }
+                if(currentPres.tracks) {
+                    this.trackSponsorsArray = currentPres.tracks[0].sponsors;
+                }
+            }
+        }
+    }
+}
+</script>
+
+<style scoped>
+.sponsor-grid {
+  display: grid;
+  grid-template-columns: 1fr 1fr 1fr;
+  gap: 10px;
+}
+.sponsor-grid .grid-item {
+  align-items: center;
+  align-self: center;
+  justify-self: center;
+}
+</style>

package/dist/runtime/components/media/components/SponsorsPanel.vue.d.ts

@@ -0,0 +1,27 @@
+declare namespace _default {
+    function data(): {
+        sponsorsArray: never[];
+        trackSponsorsArray: never[];
+    };
+    namespace props {
+        namespace sponsorType {
+            const type: StringConstructor;
+        }
+        namespace currentPresentation {
+            const type_1: ObjectConstructor;
+            export { type_1 as type };
+            function _default(): {};
+            export { _default as default };
+        }
+    }
+    const computed: {};
+    const methods: {};
+    namespace watch {
+        export namespace currentPresentation_1 {
+            const immediate: boolean;
+            function handler(currentPres: any): void;
+        }
+        export { currentPresentation_1 as currentPresentation };
+    }
+}
+export default _default;

package/dist/runtime/components/media/components/WindowContent.vue

@@ -0,0 +1,118 @@
+<template>
+  <vue-draggable-resizable
+    :w="startSize.width"
+    :h="startSize.height"
+    :x="startPosition.x"
+    :y="startPosition.y"
+    :min-width="200"
+    :min-height="200"
+    :z="zIndex"
+    :active="true"
+    class-name="pop-window"
+    class-name-active="pop-window-active"
+    @activated="onActivated"
+    @deactivated="onDeActivated"
+    class="bg-white shadow-lg cursor-move"
+  >
+    <div :style="overlayStyle" class="expand-overlay">
+      <a @click.prevent="closeClick">
+        <i class="fas fa-compress-arrows-alt"></i>
+      </a>
+    </div>
+
+    <div class="outer-container max-h-full p-1">
+      <content-area class="h-auto max-h-full" :current-presentation="currentPresentation"></content-area>
+    </div>
+  </vue-draggable-resizable>
+</template>
+
+<script>
+import Vue from "vue";
+import VueDraggableResizable from "vue-draggable-resizable";
+import "vue-draggable-resizable/dist/VueDraggableResizable.css";
+
+import ContentTabs from "./ContentTabs";
+import ContentArea from "./ContentArea";
+
+Vue.component("vue-draggable-resizable", VueDraggableResizable);
+
+export default {
+  components: {
+    ContentTabs,
+    ContentArea
+  },
+  data() {
+    return {
+      zIndex: 300,
+      active: true
+    };
+  },
+  props: {
+    tabArray: {
+      type: Array,
+      default: []
+    },
+    startSize: {
+      type: Object,
+      default: () => {
+        return { width: 640, height: 480 };
+      }
+    },
+    startPosition: {
+      type: Object,
+      default: () => {
+        return { x: 0, y: 0 };
+      }
+    },
+    currentPresentation: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    }
+  },
+  computed: {
+    overlayStyle() {
+      return this.active ? "opacity: .7;" : "opacity: 0";
+    }
+  },
+  methods: {
+    closeClick(e) {
+      this.$emit("closeClick", this);
+    },
+    onActivated(e) {
+      this.zIndex = 500;
+      this.active = true;
+    },
+    onDeActivated(e) {
+      this.zIndex = 100;
+      this.active = false;
+    }
+  }
+};
+</script>
+
+<style scoped>
+.outer-container {
+  position: relative;
+  overflow: auto;
+}
+
+.expand-overlay {
+  display: block;
+  font-size: 1em;
+  line-height: 1em;
+  opacity: 0;
+  width: 50px;
+  height: 50px;
+  top: -30px;
+  right: 0;
+  z-index: 100;
+  position: absolute;
+  transition: 0.6s ease;
+  text-align: right;
+}
+.expand-overlay:hover {
+  opacity: 0.7 !important;
+}
+</style>

package/dist/runtime/components/media/components/WindowContent.vue.d.ts

@@ -0,0 +1,50 @@
+declare namespace _default {
+    namespace components {
+        export { ContentTabs };
+        export { ContentArea };
+    }
+    function data(): {
+        zIndex: number;
+        active: boolean;
+    };
+    namespace props {
+        namespace tabArray {
+            export const type: ArrayConstructor;
+            const _default: never[];
+            export { _default as default };
+        }
+        namespace startSize {
+            const type_1: ObjectConstructor;
+            export { type_1 as type };
+            function _default_1(): {
+                width: number;
+                height: number;
+            };
+            export { _default_1 as default };
+        }
+        namespace startPosition {
+            const type_2: ObjectConstructor;
+            export { type_2 as type };
+            function _default_2(): {
+                x: number;
+                y: number;
+            };
+            export { _default_2 as default };
+        }
+        namespace currentPresentation {
+            const type_3: ObjectConstructor;
+            export { type_3 as type };
+            function _default_3(): {};
+            export { _default_3 as default };
+        }
+    }
+    namespace computed {
+        function overlayStyle(): "opacity: .7;" | "opacity: 0";
+    }
+    namespace methods {
+        function closeClick(e: any): void;
+        function onActivated(e: any): void;
+        function onDeActivated(e: any): void;
+    }
+}
+export default _default;

package/dist/runtime/components/media/components/WindowSlide.vue

@@ -0,0 +1,92 @@
+<template>
+  <vue-draggable-resizable
+    :w="startSize.width"
+    :h="startSize.height"
+    :x="startPosition.x"
+    :y="startPosition.y"
+    :handles="['tl','tr','br','bl']"
+    :min-width="200"
+    :lock-aspect-ratio="true"
+    :z="zIndex"
+    :active="true"
+    class-name="pop-window"
+    class-name-active="pop-window-active"
+    @activated="onActivated"
+    @deactivated="onDeActivated"
+    class="bg-white shadow-lg cursor-move"
+  >
+    <div>
+      <div class="expand-overlay">
+        <a @click.prevent="closeClick">
+          <i class="fas fa-compress-arrows-alt"></i>
+        </a>
+      </div>
+
+      <img :src="slide" class="w-full h-auto max-h-full" />
+    </div>
+  </vue-draggable-resizable>
+</template>
+
+<script>
+import Vue from "vue";
+import VueDraggableResizable from "vue-draggable-resizable";
+import "vue-draggable-resizable/dist/VueDraggableResizable.css";
+
+Vue.component("vue-draggable-resizable", VueDraggableResizable);
+
+export default {
+  data() {
+    return {
+      zIndex: 200
+    };
+  },
+  props: {
+    slide: {
+      type: String,
+      default: ""
+    },
+    startSize: {
+      type: Object,
+      default: () => {
+        return { width: 640, height: 480 };
+      }
+    },
+    startPosition: {
+      type: Object,
+      default: () => {
+        return { width: 0, height: 0 };
+      }
+    }
+  },
+  methods: {
+    closeClick(e) {
+      this.$emit("closeClick", this);
+    },
+    onActivated(e) {
+      this.zIndex = 500;
+    },
+    onDeActivated(e) {
+      this.zIndex = 100;
+    }
+  }
+};
+</script>
+
+<style scoped>
+.expand-overlay {
+  @apply p-2;
+  display: block;
+  font-size: 1em;
+  line-height: 1em;
+  opacity: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 100;
+  position: absolute;
+  transition: 0.6s ease;
+  text-align: right;
+}
+.expand-overlay:hover {
+  opacity: 0.7;
+}
+</style>

package/dist/runtime/components/media/components/WindowSlide.vue.d.ts

@@ -0,0 +1,36 @@
+declare namespace _default {
+    function data(): {
+        zIndex: number;
+    };
+    namespace props {
+        namespace slide {
+            export const type: StringConstructor;
+            const _default: string;
+            export { _default as default };
+        }
+        namespace startSize {
+            const type_1: ObjectConstructor;
+            export { type_1 as type };
+            function _default_1(): {
+                width: number;
+                height: number;
+            };
+            export { _default_1 as default };
+        }
+        namespace startPosition {
+            const type_2: ObjectConstructor;
+            export { type_2 as type };
+            function _default_2(): {
+                width: number;
+                height: number;
+            };
+            export { _default_2 as default };
+        }
+    }
+    namespace methods {
+        function closeClick(e: any): void;
+        function onActivated(e: any): void;
+        function onDeActivated(e: any): void;
+    }
+}
+export default _default;

package/dist/runtime/composables/useStream.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="node" />
+import { Ref, ComputedRef } from "vue";
+import { Presentation, Stream } from "../models/conference";
+export type UseStreamMethods = {
+    currentStreamData: Ref<Stream>;
+    currentPresentation: Ref<Presentation>;
+    streamLoop: Ref<NodeJS.Timer | null>;
+    presentationLoop: Ref<NodeJS.Timer | null>;
+    getPresentationJson: () => boolean;
+    getStreamJson: () => boolean;
+    isStreamTest: ComputedRef<boolean>;
+    webcastChannel: ComputedRef<string | string[]>;
+    jsonPrefix: ComputedRef<string>;
+};
+export declare const useStream: (_region: string, _prefix: string, _confId: number, _callback: (event: string, value: Presentation) => void) => UseStreamMethods;

package/dist/runtime/composables/useStream.mjs

@@ -0,0 +1,89 @@
+import { ref, unref } from "vue";
+import { storeToRefs } from "pinia";
+import { useRoute } from "vue-router";
+import { isEqual } from "lodash-es";
+export const useStream = (_region, _prefix, _confId, _callback) => {
+  const region = unref(_region);
+  const prefix = unref(_prefix);
+  const confId = unref(_confId);
+  const route = ref(useRoute());
+  const { currentPresentation } = storeToRefs(usePresentationsStore());
+  const currentStreamData = ref({});
+  const streamLoop = ref({});
+  const presentationLoop = ref({});
+  const getPresentationJson = () => {
+    let success = false;
+    const url = `${jsonPrefix.value}/presentation.json?_id=${Math.random()}`;
+    fetch(url).then((response) => {
+      return response.json();
+    }).then((data) => {
+      const newPresentation = data;
+      if (!currentPresentation.value.id || newPresentation.id !== currentPresentation.value.id) {
+        if (isStreamTest.value) {
+          newPresentation.name = "Webcast Stream Test";
+        }
+        currentPresentation.value = newPresentation;
+        _callback("presentationChanged", newPresentation);
+      }
+      success = true;
+    }).catch((e) => {
+      console.log("Presentation JSON does not exist.", e);
+      success = false;
+    });
+    return success;
+  };
+  const getStreamJson = () => {
+    let success = false;
+    const url = `${jsonPrefix.value}/stream.json?_id=${Math.random()}`;
+    fetch(url).then((response) => {
+      return response.json();
+    }).then((data) => {
+      const newStream = data;
+      if (!isEqual(newStream, currentStreamData)) {
+        currentStreamData.value = newStream;
+      }
+      success = true;
+    }).catch((e) => {
+      console.log("Stream JSON does not exist.", e);
+      success = false;
+    });
+    return success;
+  };
+  const isStreamTest = computed(() => {
+    return String(route.value.name).includes("stream-test");
+  });
+  const webcastChannel = computed(() => {
+    return isStreamTest.value ? "stream-test" : route.value.params.channelid ? route.value.params.channelid : route.value.params.id;
+  });
+  const jsonPrefix = computed(() => {
+    return `https://s3-${region}.amazonaws.com/v3plus-${prefix}/conferences/${confId}/channels/${webcastChannel.value}`;
+  });
+  onMounted(() => {
+    getPresentationJson();
+    getStreamJson();
+    presentationLoop.value = setInterval(() => {
+      getPresentationJson();
+    }, 30 * 1e3);
+    streamLoop.value = setInterval(() => {
+      getStreamJson();
+    }, 5 * 60 * 1e3);
+  });
+  onBeforeUnmount(() => {
+    if (ref.mediaPlayer) {
+      ref.mediaPlayer.cleanup();
+    }
+    clearInterval(presentationLoop.value);
+    clearInterval(streamLoop.value);
+  });
+  return {
+    currentStreamData,
+    currentPresentation,
+    streamLoop,
+    presentationLoop,
+    getPresentationJson,
+    getStreamJson,
+    isStreamTest,
+    webcastChannel,
+    jsonPrefix
+  };
+};

package/dist/runtime/enums/general.d.ts

@@ -5,3 +5,10 @@ export declare enum Position {
     RIGHT = "right",
     MIDDLE = "middle"
 }
+export declare enum SelectedContent {
+    OVERVIEW = "overview",
+    AGENDA = "agenda",
+    HTML = "html",
+    TRACK_HTML = "track_html",
+    URL = "url"
+}

package/dist/runtime/enums/general.mjs

@@ -6,3 +6,11 @@ export var Position = /* @__PURE__ */ ((Position2) => {
   Position2["MIDDLE"] = "middle";
   return Position2;
 })(Position || {});
+export var SelectedContent = /* @__PURE__ */ ((SelectedContent2) => {
+  SelectedContent2["OVERVIEW"] = "overview";
+  SelectedContent2["AGENDA"] = "agenda";
+  SelectedContent2["HTML"] = "html";
+  SelectedContent2["TRACK_HTML"] = "track_html";
+  SelectedContent2["URL"] = "url";
+  return SelectedContent2;
+})(SelectedContent || {});

package/dist/runtime/models/conference.d.ts

@@ -77,6 +77,7 @@ export type Presentation = {
     zoom_require_password?: boolean;
     presenters?: Array<Presenter>;
     sponsors?: Array<Sponsor>;
+    tracks?: Array<Track>;
 };
 export type Track = {
     access?: boolean;
@@ -128,3 +129,19 @@ export type Conference = {
     sponsors?: Array<Sponsor>;
     template_config?: object;
 };
+export type Stream = {
+    id: number;
+    name: string;
+    type: string;
+    notes?: string | null;
+    hls_url?: string | null;
+    embed_html?: string | null;
+    created_at: string;
+    updated_at?: string | null;
+};
+export type PlayerObj = {
+    autostart: boolean;
+    format: string;
+    playerDiv: string;
+    loadCustomStream: Function;
+};