@icvdeveloper/common-module 0.0.122 → 0.0.124

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

@@ -1,45 +1,45 @@
-<script lang="ts" setup>
-import { ref, toRefs } from "vue";
-import { Conference } from "../../../models/conference";
-import {
-  AgendaPanelClassObj,
-  AgendaPanelCompObj,
-  AgendaListClassObj,
-} from "../../../@types/components";
-import { useClassBinding } from "../../../composables/useClassBinding";
-
-type Props = {
-  conference: Conference | null;
-  classObject?: AgendaPanelClassObj;
-};
-
-const props = withDefaults(defineProps<Props>(), {
-  classObject: () => {
-    return {
-      container: "",
-      components: ref<AgendaPanelCompObj>({
-        agendaList: ref<AgendaListClassObj>({}),
-      }),
-    };
-  },
-});
-
-const { conference } = toRefs(props);
-
-const { classBinding } = useClassBinding();
-</script>
-
-<template>
-  <div :class="classBinding(classObject, 'container', '')">
-    <CommonAgendaList
-      :use-calendar="false"
-      :conference="conference"
-      :class-object="classObject.components.agendaList"
-      style="margin-top: 0; margin-bottom: 0; border: none"
-    />
-  </div>
-</template>
-
+<script lang="ts" setup>
+import { ref, toRefs } from "vue";
+import { Conference } from "../../../models/conference";
+import {
+  AgendaPanelClassObj,
+  AgendaPanelCompObj,
+  AgendaListClassObj,
+} from "../../../@types/components";
+import { useClassBinding } from "../../../composables/useClassBinding";
+
+type Props = {
+  conference: Conference | null;
+  classObject?: AgendaPanelClassObj;
+};
+
+const props = withDefaults(defineProps<Props>(), {
+  classObject: () => {
+    return {
+      container: "",
+      components: ref<AgendaPanelCompObj>({
+        agendaList: ref<AgendaListClassObj>({}),
+      }),
+    };
+  },
+});
+
+const { conference } = toRefs(props);
+
+const { classBinding } = useClassBinding();
+</script>
+
+<template>
+  <div :class="classBinding(classObject, 'container', '')">
+    <CommonAgendaList
+      :use-calendar="false"
+      :conference="conference"
+      :class-object="classObject.components.agendaList"
+      style="margin-top: 0; margin-bottom: 0; border: none"
+    />
+  </div>
+</template>
+
 <style scoped>
 .sponsor-grid {
   display: grid;
@@ -51,4 +51,4 @@ const { classBinding } = useClassBinding();
   align-self: center;
   justify-self: center;
 }
-</style>
+</style>

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

@@ -1,93 +1,93 @@
-<script lang="ts" setup>
-import { ref, toRefs, computed } from "vue";
-import { storeToRefs } from "pinia";
-import { useTemplateConfigsStore, useAuthStore } from "../../../store";
-import { Presentation } from "../../../models/conference";
-import {
-  MediaContainerClassObj,
-  MediaContainerCompObj,
-  WebcastPlayerClassObj,
-} from "../../../@types/components";
-import { useClassBinding } from "../../../composables/useClassBinding";
-
-type Props = {
-  presentation: Presentation;
-  classObject?: MediaContainerClassObj;
-};
-
-const props = withDefaults(defineProps<Props>(), {
-  classObject: () => {
-    return {
-      container: "",
-      components: ref<MediaContainerCompObj>({
-        webcastPlayer: ref<WebcastPlayerClassObj>({}),
-      }),
-    };
-  },
-});
-
-const { presentation } = toRefs(props);
-
-const { classBinding } = useClassBinding();
-
-const { isLoggedIn } = storeToRefs(useAuthStore());
-const { pagesConfigValue } = storeToRefs(useTemplateConfigsStore());
-
-// emits
-const emit = defineEmits(["previewEnded"]);
-
-// data
-let playing = ref<boolean>(true);
-
-// computed
-const isPreview = computed((): boolean => {
-  const previewEnabled = pagesConfigValue.value(
-    "archive_player.preview_enabled",
-    false
-  );
-  // @todo add check against conference-level portal configs
-  // || pagesConfigValue.value("archive_player.preview_enabled", false);
-  return !isLoggedIn && previewEnabled;
-});
-
-const previewDuration = computed((): number => {
-  return pagesConfigValue.value("archive_player.preview_duration", 60);
-  // @todo add check against conference-level portal configs
-  // ||  pagesConfigValue.value("archive_player.preview_duration", 60);
-});
-
-// methods
-const firePreviewEnded = () => {
-  playing.value = false;
-  if (ref.mediaPlayer) {
-    ref.mediaPlayer.stop();
-    // @todo ensure emit will suffice
-    // previewEnded = true;
-  }
-  emit("previewEnded");
-};
-
-const checkTime = (_time: Number) => {
-  // @todo set current time for chapter timings only
-  // setCurrentTime(_time);
-  if (isPreview && _time >= previewDuration.value) {
-    firePreviewEnded();
-  }
-};
-</script>
-
-<template>
-  <div :class="classBinding(classObject, 'container', 'media-container')">
-    <CommonArchiveVideoPlayer
-      ref="mediaPlayer"
-      :presentation="presentation"
-      :playing="playing"
-      :class-object="classObject.components.webcastPlayer"
-      @time="checkTime"
-    ></CommonArchiveVideoPlayer>
-  </div>
-</template>
-
+<script lang="ts" setup>
+import { ref, toRefs, computed } from "vue";
+import { storeToRefs } from "pinia";
+import { useTemplateConfigsStore, useAuthStore } from "../../../store";
+import { Presentation } from "../../../models/conference";
+import {
+  MediaContainerClassObj,
+  MediaContainerCompObj,
+  WebcastPlayerClassObj,
+} from "../../../@types/components";
+import { useClassBinding } from "../../../composables/useClassBinding";
+
+type Props = {
+  presentation: Presentation;
+  classObject?: MediaContainerClassObj;
+};
+
+const props = withDefaults(defineProps<Props>(), {
+  classObject: () => {
+    return {
+      container: "",
+      components: ref<MediaContainerCompObj>({
+        webcastPlayer: ref<WebcastPlayerClassObj>({}),
+      }),
+    };
+  },
+});
+
+const { presentation } = toRefs(props);
+
+const { classBinding } = useClassBinding();
+
+const { isLoggedIn } = storeToRefs(useAuthStore());
+const { pagesConfigValue } = storeToRefs(useTemplateConfigsStore());
+
+// emits
+const emit = defineEmits(["previewEnded"]);
+
+// data
+let playing = ref<boolean>(true);
+
+// computed
+const isPreview = computed((): boolean => {
+  const previewEnabled = pagesConfigValue.value(
+    "archive_player.preview_enabled",
+    false
+  );
+  // @todo add check against conference-level portal configs
+  // || pagesConfigValue.value("archive_player.preview_enabled", false);
+  return !isLoggedIn && previewEnabled;
+});
+
+const previewDuration = computed((): number => {
+  return pagesConfigValue.value("archive_player.preview_duration", 60);
+  // @todo add check against conference-level portal configs
+  // ||  pagesConfigValue.value("archive_player.preview_duration", 60);
+});
+
+// methods
+const firePreviewEnded = () => {
+  playing.value = false;
+  if (ref.mediaPlayer) {
+    ref.mediaPlayer.stop();
+    // @todo ensure emit will suffice
+    // previewEnded = true;
+  }
+  emit("previewEnded");
+};
+
+const checkTime = (_time: Number) => {
+  // @todo set current time for chapter timings only
+  // setCurrentTime(_time);
+  if (isPreview && _time >= previewDuration.value) {
+    firePreviewEnded();
+  }
+};
+</script>
+
+<template>
+  <div :class="classBinding(classObject, 'container', 'media-container')">
+    <CommonArchiveVideoPlayer
+      ref="mediaPlayer"
+      :presentation="presentation"
+      :playing="playing"
+      :class-object="classObject.components.webcastPlayer"
+      @time="checkTime"
+    ></CommonArchiveVideoPlayer>
+  </div>
+</template>
+
 <style scoped>
 .media-container {
   display: grid;
@@ -133,4 +133,4 @@ const checkTime = (_time: Number) => {
     opacity: 0.7;
   }
 }
-</style>
+</style>

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

@@ -1,99 +1,99 @@
-<template>
-  <transition name="slide-fade">
-    <div v-if="visible" class="flex bg-yellow-lightest shadow text-grey-darker py-6 px-10">
-      <div class="flex-1 text-center mx-auto">
-        <p>
-          Time Remaining <span :class="timeRemainingClass">{{ displayFor }} seconds </span>
-        </p>
-        <p v-text="promptText"></p>
-        <p>
-          <button class="btn btn-secondary" @click="acceptClick" v-text="buttonText"></button>
-        </p>
-      </div>
-    </div>
-  </transition>
-</template>
-
+<template>
+  <transition name="slide-fade">
+    <div v-if="visible" class="flex bg-yellow-lightest shadow text-grey-darker py-6 px-10">
+      <div class="flex-1 text-center mx-auto">
+        <p>
+          Time Remaining <span :class="timeRemainingClass">{{ displayFor }} seconds </span>
+        </p>
+        <p v-text="promptText"></p>
+        <p>
+          <button class="btn btn-secondary" @click="acceptClick" v-text="buttonText"></button>
+        </p>
+      </div>
+    </div>
+  </transition>
+</template>
+
 <script>
-import Echo from 'laravel-echo';
-window.Pusher = require('pusher-js');
-
-/**
- @todo Extract the wsHost and app ID out so that this can run in multiple environments (local, staging, production) 
- */
- 
-window.Echo = new Echo({
-  key: '07Ve4MlR6FmN0Il8Wy',
-  broadcaster: 'pusher',
-  cluster: 'us2',
-  wsHost: 'socket.v3plusportal.com',
-  wsPort: 6001,
-  wssPort: 6002,
-  disableStats: false,
-  encrypted: true,
-  enabledTransports: ['ws', 'wss'],
-});
-
-export default {
-  data() {
-    return {
-      pusher: null,
-      channel: null,
-      displayFor: 0,
-      promptText: '',
-      buttonText: '',
-      visible: false,
-      countdownLoopId: null,
-    };
-  },
-  computed: {
-    timeRemainingClass() {
-      if (this.displayFor > 10) {
-        return 'font-bold text-green-dark';
-      }
-      return 'font-bold text-red';
-    },
-  },
-  props: {
-    conferenceId: {
-      type: Number,
-      required: true,
-    },
-  },
-  methods: {
-    handleNotification(_conference) {
-      clearInterval(this.countdownLoopId);
-      window.scrollTo({ top: 0, behavior: 'smooth' });
-      this.visible = true;
-      this.displayFor = parseInt(_conference.ce_credit_config.display_for) || 30;
-      this.promptText = _conference.ce_credit_config.prompt_text;
-      this.buttonText = _conference.ce_credit_config.button_text;
-      this.countdownLoopId = setInterval(this.countdownLoop, 1000);
-    },
-    countdownLoop() {
-      if (this.displayFor > 0) {
-        this.displayFor--;
-      } else {
-        this.closeNotification();
-      }
-    },
-    acceptClick() {
-      this.closeNotification();
-    },
-    closeNotification() {
-      this.displayFor = 0;
-      this.visible = false;
-      clearInterval(this.countdownLoopId);
-    },
-  },
-  created() {
-    window.Echo.channel(`ce-notification.${this.conferenceId}`).listen('CeCreditNotification', event => {
-      this.handleNotification(event.conference);
-    });
-  },
+import Echo from 'laravel-echo';
+window.Pusher = require('pusher-js');
+
+/**
+ @todo Extract the wsHost and app ID out so that this can run in multiple environments (local, staging, production) 
+ */
+ 
+window.Echo = new Echo({
+  key: '07Ve4MlR6FmN0Il8Wy',
+  broadcaster: 'pusher',
+  cluster: 'us2',
+  wsHost: 'socket.v3plusportal.com',
+  wsPort: 6001,
+  wssPort: 6002,
+  disableStats: false,
+  encrypted: true,
+  enabledTransports: ['ws', 'wss'],
+});
+
+export default {
+  data() {
+    return {
+      pusher: null,
+      channel: null,
+      displayFor: 0,
+      promptText: '',
+      buttonText: '',
+      visible: false,
+      countdownLoopId: null,
+    };
+  },
+  computed: {
+    timeRemainingClass() {
+      if (this.displayFor > 10) {
+        return 'font-bold text-green-dark';
+      }
+      return 'font-bold text-red';
+    },
+  },
+  props: {
+    conferenceId: {
+      type: Number,
+      required: true,
+    },
+  },
+  methods: {
+    handleNotification(_conference) {
+      clearInterval(this.countdownLoopId);
+      window.scrollTo({ top: 0, behavior: 'smooth' });
+      this.visible = true;
+      this.displayFor = parseInt(_conference.ce_credit_config.display_for) || 30;
+      this.promptText = _conference.ce_credit_config.prompt_text;
+      this.buttonText = _conference.ce_credit_config.button_text;
+      this.countdownLoopId = setInterval(this.countdownLoop, 1000);
+    },
+    countdownLoop() {
+      if (this.displayFor > 0) {
+        this.displayFor--;
+      } else {
+        this.closeNotification();
+      }
+    },
+    acceptClick() {
+      this.closeNotification();
+    },
+    closeNotification() {
+      this.displayFor = 0;
+      this.visible = false;
+      clearInterval(this.countdownLoopId);
+    },
+  },
+  created() {
+    window.Echo.channel(`ce-notification.${this.conferenceId}`).listen('CeCreditNotification', event => {
+      this.handleNotification(event.conference);
+    });
+  },
 };
-</script>
-
+</script>
+
 <style scoped>
 
-</style>
+</style>

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

@@ -1,65 +1,65 @@
-<template>
-  <div>
-    <accordion :content-object="currentPresentation" v-for="item in tabArray" :tab-content="item">
-      <div class="content flex flex-1 accordion-slot overflow-x-hidden">
-        <overview-panel v-if="item.type == 'overview'"></overview-panel>
-        <presenters-panel v-if="item.type == 'presenters'" layout-format="PresenterItemCard" item-width="90"></presenters-panel>
-        <documents-panel v-if="item.type == 'documents'"></documents-panel>
-        <sponsors-panel v-if="item.type == 'sponsors'"></sponsors-panel>
-        <chat v-if="item.type == 'chatroom'"></chat>
-        <dynamic-html v-if="item.type == 'html'" :template="item.content"></dynamic-html>
-      </div>
-    </accordion>
-  </div>
-</template>
-
+<template>
+  <div>
+    <accordion :content-object="currentPresentation" v-for="item in tabArray" :tab-content="item">
+      <div class="content flex flex-1 accordion-slot overflow-x-hidden">
+        <overview-panel v-if="item.type == 'overview'"></overview-panel>
+        <presenters-panel v-if="item.type == 'presenters'" layout-format="PresenterItemCard" item-width="90"></presenters-panel>
+        <documents-panel v-if="item.type == 'documents'"></documents-panel>
+        <sponsors-panel v-if="item.type == 'sponsors'"></sponsors-panel>
+        <chat v-if="item.type == 'chatroom'"></chat>
+        <dynamic-html v-if="item.type == 'html'" :template="item.content"></dynamic-html>
+      </div>
+    </accordion>
+  </div>
+</template>
+
 <script>
-import { mapState } from "vuex";
-
-import Accordion from '@/components/common/Accordion';
-import OverviewPanel from "./OverviewPanel";
-import PresentersPanel from "./PresentersPanel";
-import DocumentsPanel from "./DocumentsPanel";
-import SponsorsPanel from "./SponsorsPanel";
-import Chat from "@/components/common/Chat";
-
-export default {
-  components: {
-    Accordion,
-    OverviewPanel,
-    PresentersPanel,
-    DocumentsPanel,
-    SponsorsPanel,
-    Chat
-  },
-  data() {
-    return {};
-  },
-  props: {
-    currentPresentation: {
-      type: Object,
-      default: () => {
-        return {};
-      }
-    },
-    tabArray: {
-      type: Array,
-      default: () => {
-        return [];
-      }
-    }
-  },
-  computed: {
-    ...mapState("playerConfig", ["selectedContent"])
-  },
-  methods: {
-  }
+import { mapState } from "vuex";
+
+import Accordion from '@/components/common/Accordion';
+import OverviewPanel from "./OverviewPanel";
+import PresentersPanel from "./PresentersPanel";
+import DocumentsPanel from "./DocumentsPanel";
+import SponsorsPanel from "./SponsorsPanel";
+import Chat from "@/components/common/Chat";
+
+export default {
+  components: {
+    Accordion,
+    OverviewPanel,
+    PresentersPanel,
+    DocumentsPanel,
+    SponsorsPanel,
+    Chat
+  },
+  data() {
+    return {};
+  },
+  props: {
+    currentPresentation: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    },
+    tabArray: {
+      type: Array,
+      default: () => {
+        return [];
+      }
+    }
+  },
+  computed: {
+    ...mapState("playerConfig", ["selectedContent"])
+  },
+  methods: {
+  }
 };
-</script>
-
-<style>
-  .accordion-slot {
-    max-height: 32rem;
-    overflow-y: scroll;
-  }
-</style>
+</script>
+
+<style>
+  .accordion-slot {
+    max-height: 32rem;
+    overflow-y: scroll;
+  }
+</style>