@icvdeveloper/common-module 0.0.28 → 0.0.31

package/dist/module.json

@@ -1,5 +1,5 @@
 {
   "name": "v3plus-common-module",
   "configKey": "v3plusCommonModule",
-  "version": "0.0.28"
+  "version": "0.0.31"
 }

package/dist/runtime/components/affiliates/AffiliatePage.vue

@@ -1,4 +1,5 @@
 <script lang="ts" setup>
+import { toRefs } from "vue";
 import { Affiliate } from "../../models/affiliate";
 import { Sponsor } from "../../models/conference";
 

package/dist/runtime/components/agenda/AgendaTabbed.vue

@@ -1,4 +1,5 @@
 <script lang="ts" setup>
+import { toRefs, computed } from "vue";
 import { storeToRefs } from "pinia";
 import { useAgenda } from "../../composables/useAgenda";
 import { Conference, Sponsor as SponsorType } from "../../models/conference";
@@ -215,7 +216,7 @@ const presentersContainer = computed(() => {
                         {{
                           formatTimezoneToLocal(
                             presentation.date,
-                            "h:m a",
+                            "h:mm a",
                             conference.timezone
                           )
                         }}

package/dist/runtime/components/agenda/components/InfoLink.vue

@@ -1,4 +1,5 @@
 <script lang="ts" setup>
+import { ref, toRefs, computed } from "vue";
 import { Presentation } from "../../../models/conference";
 
 type Props = {

package/dist/runtime/components/agenda/components/PlayIcon.vue

@@ -1,4 +1,5 @@
 <script lang="ts" setup>
+import { toRefs } from "vue";
 import { usePresentation } from "../../../composables/usePresentation";
 import { Conference, Presentation } from "../../../models/conference";
 import { Icons } from "../../../models/icons";

package/dist/runtime/components/agenda/components/PresentationLink.vue

@@ -1,4 +1,5 @@
 <script lang="ts" setup>
+import { toRefs, computed } from "vue";
 import { useAgenda } from "../../../composables/useAgenda";
 import { useConferenceHelpers } from "../../../composables/useConferenceHelpers";
 import { usePresentation } from "../../../composables/usePresentation";
@@ -16,16 +17,18 @@ type Props = {
   presentation: Presentation;
   track: Track | TrackGroup;
   showInfoLink?: boolean;
+  simpleLayout?: boolean;
 };
 
 const props = withDefaults(defineProps<Props>(), {
   showInfoLink: true,
+  simpleLayout: false,
 });
 
 const { conference, track, presentation } = toRefs(props);
 
 // Methods
-const { conferenceIsLive, conferenceIsArchived } =
+const { conferenceIsLiveOrMixed, conferenceIsArchived } =
   useConferenceHelpers(conference);
 const { isSmallGroupedTrack } = useAgenda(conference);
 const {
@@ -45,103 +48,90 @@ const presentationNameClass = computed(() => {
 
 <template>
   <div>
-    <!-- LIVE AGENDA GO TO WEBCAST PAGE -->
-    <div v-if="conferenceIsLive()">
-      <div class="flex flex-col flex-wrap py-1">
-        <h2 class="flex-initial" :class="presentationNameClass">
-          <!-- zoom text link -->
+    <div v-if="!simpleLayout">
+      <!-- LIVE AGENDA GO TO WEBCAST PAGE -->
+      <div>
+        <h2 class="flex flex-initial flex-row" :class="presentationNameClass">
+          <!-- zoom text & icon link -->
           <CommonZoomModal
-            v-if="presentation.type == 'zoom'"
+            v-if="
+              isAgenda &&
+              conferenceIsLiveOrMixed(conference) &&
+              presentation.type == 'zoom'
+            "
             :presentation-id="presentation.id"
             modal-size="full"
           >
             <template #modal-link>
-              <span class="font-semibold no-underline heading-link">{{
-                presentation.name
-              }}</span>
+              <span class="font-semibold no-underline heading-link"
+                >{{ presentation.name }}
+                <PlayIcon
+                  :presentation="presentation"
+                  :conference="conference"
+                  :class="'justify-center md:justify-start'"
+                  icon="zoom"
+                ></PlayIcon>
+              </span>
             </template>
           </CommonZoomModal>
 
-          <!-- stream text link -->
+          <!-- live/archive stream text & icon link -->
           <a
-            v-else
+            v-else-if="
+              (isAgenda && conferenceIsLiveOrMixed(conference)) ||
+              (conferenceIsArchived(conference) && presentation.type != 'zoom')
+            "
             class="font-semibold no-underline heading-link"
-            :target="getPresentationLinkTarget(presentation)"
             :href="getLivePresentationLinkDestination(presentation, track)"
-            >{{ presentation.name }}</a
+            :target="getPresentationLinkTarget(presentation)"
+            @click="playPresentation(track, presentation, conference)"
+          >
+            {{ presentation.name
+            }}<transition name="fade">
+              <PlayIcon
+                v-if="presentationIsLiveOrMixed(presentation)"
+                :presentation="presentation"
+                :conference="conference"
+                :class="'justify-center md:justify-start'"
+                icon="playarrow"
+              ></PlayIcon>
+            </transition>
+          </a>
+
+          <!-- text only catchall -->
+          <span v-else class="font-semibold" :class="presentationNameClass"
+            >{{ presentation.name }}!!</span
           >
 
           <!-- session details -->
           <InfoLink
             v-if="showInfoLink && presentation.description"
             :presentation="presentation"
-            :use-icon="showPresentationLinkIcon()"
-            :link-text="getPresentationLinkText()"
-            :new-line="isSmallGroupedTrack(track)"
-            class="ml-1"
-          ></InfoLink>
-        </h2>
+            :use-icon="useIcon"
+            :link-text="infoLinkText"
+            :new-line="isSmallGroupedTrack"
+            class="ml-2"
+          />
 
-        <!-- zoom icon link -->
-        <CommonZoomModal
-          v-if="presentation.type == 'zoom'"
-          :presentation-id="presentation.id"
-          modal-size="full"
-        >
-          <template #modal-link>
-            <PlayIcon
-              :presentation="presentation"
-              :conference="conference"
-              :class="'justify-center md:justify-start'"
-              icon="zoom"
-            ></PlayIcon>
-          </template>
-        </CommonZoomModal>
-        <!-- stream icon link -->
-        <a
-          v-else
-          class="no-underline"
-          :target="getPresentationLinkTarget(presentation)"
-          :href="getLivePresentationLinkDestination(presentation, track)"
-        >
-          <PlayIcon
-            v-if="presentationIsLiveOrMixed(presentation)"
+          <!-- favorites -->
+          <favorite
+            v-if="allowFavorites && currentUser.token"
+            class="ml-1"
             :presentation="presentation"
-            :conference="conference"
-            :class="'justify-center md:justify-start'"
-            icon="playarrow"
-          ></PlayIcon>
-        </a>
+            @click="handleFavoriteClick"
+          />
+        </h2>
       </div>
     </div>
-    <!-- ARCHIVE AGENDA GO TO MEDIA PAGE -->
-    <div v-if="conferenceIsArchived()">
-      <h2 class="font-semibold" :class="presentationNameClass">
-        <a
-          class="no-underline heading-link"
-          :target="getPresentationLinkTarget(presentation)"
-          :href="getArchivePresentationLinkDestination(presentation)"
-          >{{ presentation.name }}</a
-        >
-        <a
-          :target="getPresentationLinkTarget(presentation)"
-          :href="getArchivePresentationLinkDestination(presentation)"
-          ><CommonSvgIcon
-            icon="playarrow"
-            class="ml-1 align-middle"
-            style="display: inline-block; margin-bottom: 2px"
-            :icon-width="'20px'"
-          ></CommonSvgIcon
-        ></a>
-        <InfoLink
-          v-if="showInfoLink && presentation.description"
-          :presentation="presentation"
-          :use-icon="showPresentationLinkIcon()"
-          :link-text="getPresentationLinkText()"
-          :new-line="isSmallGroupedTrack(track)"
-          class="ml-1"
-        ></InfoLink>
-      </h2>
+
+    <!-- SIMPLE LAYOUT -->
+    <div v-else>
+      <a
+        class="underline cursor-pointer"
+        @click="playPresentation(track, presentation, conference)"
+      >
+        {{ presentation.name }}
+      </a>
     </div>
   </div>
 </template>

package/dist/runtime/components/agenda/components/Sponsor.vue

@@ -1,5 +1,6 @@
 <script lang="ts" setup>
 import { find } from "lodash-es";
+import { ref, toRefs } from "vue";
 import { Sponsor as SponsorModel } from "../../../models/conference";
 
 type Props = {

package/dist/runtime/components/core/CountdownTimer.vue

@@ -1,4 +1,5 @@
 <script lang="ts" setup>
+import { ref, computed, onMounted } from "vue";
 import { storeToRefs } from "pinia";
 import {
   isBefore,
@@ -10,6 +11,7 @@ import {
   addHours,
   addMinutes,
 } from "date-fns";
+import { useTemplateConfigsStore } from "../../store";
 
 interface Props {
   date: string;
@@ -53,7 +55,7 @@ const clockStyle = computed(() => {
 });
 
 const fontClass = computed(() => {
-  const fontBase = "text-countdown-int font-bold";
+  const fontBase = "font-bold";
   return props.isCompact === true
     ? fontBase + " text-xl lg:text-2xl"
     : fontBase + " text-2xl lg:text-4xl";
@@ -135,6 +137,40 @@ onMounted(() => {
             </transition>
           </div>
         </div>
+
+        <!-- Minutes -->
+        <div
+          v-if="showMinutes"
+          class="item-container"
+          :class="{ dropshade: clockStyle == 'dials' }"
+        >
+          <div class="unit-label-container" :class="clockStyle">min</div>
+          <div class="unit-container contrast-border" :class="clockStyle">
+            <div v-if="clockStyle == 'windows'" :class="fontClass">
+              {{ minutes }}
+            </div>
+            <transition v-if="clockStyle == 'dials'" name="slide" mode="out-in">
+              <div :key="minutes" :class="fontClass">{{ minutes }}</div>
+            </transition>
+          </div>
+        </div>
+
+        <!-- Seconds -->
+        <div
+          v-if="showSeconds"
+          class="item-container last"
+          :class="{ dropshade: clockStyle == 'dials' }"
+        >
+          <div class="unit-label-container last" :class="clockStyle">sec</div>
+          <div class="unit-container contrast-border" :class="clockStyle">
+            <div v-if="clockStyle == 'windows'" :class="fontClass">
+              {{ seconds }}
+            </div>
+            <transition v-if="clockStyle == 'dials'" name="slide" mode="out-in">
+              <div :key="seconds" :class="fontClass">{{ seconds }}</div>
+            </transition>
+          </div>
+        </div>
       </div>
     </div>
   </div>
@@ -195,10 +231,6 @@ onMounted(() => {
   height: 36px;
 }
 
-/* numbers */
-.text-countdown-int {
-  //color: $heading-color-6;
-}
 .countdown-timer.compact .text-countdown-unit {
   @apply pb-1;
 }

package/dist/runtime/components/core/Modal.vue

@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import { toRefs, computed } from "vue";
+
 interface Props {
   visible?: boolean;
   modalSize?: string;

package/dist/runtime/components/core/SvgIcon.vue

@@ -1,6 +1,6 @@
 <script lang="ts" setup>
 import { find, get } from "lodash-es";
-import { defineAsyncComponent } from "vue";
+import { toRefs, computed, defineAsyncComponent } from "vue";
 import { Icon, Icons } from "../../models/icons";
 
 /**

package/dist/runtime/components/events/EventHeader.vue

@@ -6,7 +6,7 @@ import { useConferencesStore } from "../../store/conferences";
 import { useConferenceHelpers } from "../../composables/useConferenceHelpers";
 
 interface Props {
-  conference?: Conference;
+  conference?: Conference | null;
   useEventText?: boolean;
 }
 

package/dist/runtime/components/events/PastEvents.vue

@@ -26,7 +26,7 @@ const {
   getConferenceRegUrl,
   getConferenceRegText,
   showConferenceRegButton,
-} = useConferenceHelpers(pastEvents);
+} = useConferenceHelpers();
 
 const goEventPage = (conference: Conference) => {
   router.push(`/upcoming-events/${conference.id}`);

package/dist/runtime/components/events/UpcomingEvents.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { ref } from "vue";
+import { ref, computed } from "vue";
 import { storeToRefs } from "pinia";
 import { useRouter } from "vue-router";
 import { useDateFormat } from "../../composables/useDateFormat";
@@ -32,7 +32,7 @@ const {
   getConferenceRegUrl,
   getConferenceRegText,
   showConferenceRegButton,
-} = useConferenceHelpers(upcomingEvents);
+} = useConferenceHelpers();
 const goEventPage = (conference: Conference) => {
   router.push(`/upcoming-events/${conference.id}`);
 };

package/dist/runtime/components/layouts/Accordion.vue

@@ -1,4 +1,6 @@
 <script lang="ts" setup>
+import { ref, toRefs, computed } from "vue";
+
 type Props = {
   title?: string;
   tabContent?: {

package/dist/runtime/components/presenters/PresenterListing.vue

@@ -1,4 +1,5 @@
 <script lang="ts" setup>
+import { toRefs } from "vue";
 import { Presenter } from "../../models/conference";
 import { usePresenter } from "../../composables/usePresenter";
 

package/dist/runtime/components/presenters/PresenterModal.vue

@@ -1,4 +1,5 @@
 <script lang="ts" setup>
+import { ref, toRefs } from "vue";
 import { Presenter } from "../../models/conference";
 import { usePresenter } from "../../composables/usePresenter";
 

package/dist/runtime/composables/useAgenda.mjs

@@ -1,6 +1,9 @@
 import { get, remove, cloneDeep, intersectionBy, pullAllBy } from "lodash-es";
+import { ref, computed, onBeforeMount } from "vue";
 import { storeToRefs } from "pinia";
 import { differenceInSeconds } from "date-fns";
+import { useTemplateConfigsStore } from "../store/index.mjs";
+import { useAuthStore } from "../store/auth.mjs";
 import { useAffiliatesStore } from "../store/affiliates.mjs";
 export const useAgenda = (conference) => {
   const { setConferenceConfig, pagesConfigValue } = useTemplateConfigsStore();

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

@@ -4,62 +4,62 @@ export declare type UseConferenceHelpersMethods = {
     /**
      * Determine if conference is a single day event
      */
-    isSingleDayEvent: (conference?: Conference) => boolean;
+    isSingleDayEvent: (_conference?: Conference) => boolean;
     /**
      * Determine if the webcast button should be shown
      */
-    showConferenceWebcastButton: (conference?: Conference) => boolean;
+    showConferenceWebcastButton: (_conference?: Conference) => boolean;
     /**
      * get webcast button text
      */
-    getConferenceWebcastButtonText: (conference?: Conference) => string;
+    getConferenceWebcastButtonText: (_conference?: Conference) => string;
     /**
      * Get conference webcast url
      */
-    getConferenceWebcastUrl: (conference?: Conference) => string;
+    getConferenceWebcastUrl: (_conference?: Conference) => string;
     /**
      * Get conference display date.
      */
-    getConferenceDisplayDate: (conference?: Conference) => string;
+    getConferenceDisplayDate: (_conference?: Conference) => string;
     /**
      * Determine if show view archive button should be shown
      */
-    showViewArchiveButton: (conference?: Conference) => boolean;
+    showViewArchiveButton: (_conference?: Conference) => boolean;
     /**
      * get view archive button text
      */
-    getViewArchiveUrl: (conference?: Conference) => string;
+    getViewArchiveUrl: (_conference?: Conference) => string;
     /**
      * get view archive button text
      */
-    getViewArchiveButtonText: (conference?: Conference) => string;
+    getViewArchiveButtonText: (_conference?: Conference) => string;
     /**
      * determine if reg button should be shown
      */
-    showConferenceRegButton: (conference?: Conference) => boolean;
+    showConferenceRegButton: (_conference?: Conference) => boolean;
     /**
      * Get conference registration url
      */
-    getConferenceRegUrl: (conference?: Conference) => string;
+    getConferenceRegUrl: (_conference?: Conference) => string;
     /**
      * get conference registration text
      */
-    getConferenceRegText: (conference?: Conference) => string;
+    getConferenceRegText: (_conference?: Conference) => string;
     /**
      * Show conference View button
      */
-    showConferenceViewButton: (conference?: Conference) => boolean;
+    showConferenceViewButton: (_conference?: Conference) => boolean;
     /**
      * conference is live
      */
-    conferenceIsLive: (conference?: Conference) => boolean;
+    conferenceIsLiveOrMixed: (_conference?: Conference) => boolean;
     /**
      * conference is mixed
      */
-    conferenceIsMixed: (conference?: Conference) => boolean;
+    conferenceIsMixed: (_conference?: Conference) => boolean;
     /**
      * conference is Archived
      */
-    conferenceIsArchived: (conference?: Conference) => boolean;
+    conferenceIsArchived: (_conference?: Conference) => boolean;
 };
-export declare const useConferenceHelpers: (conferences: Ref<Conference> | Ref<Conference[]>) => UseConferenceHelpersMethods;
+export declare const useConferenceHelpers: (conference: Ref<Conference | null>) => UseConferenceHelpersMethods;

package/dist/runtime/composables/useConferenceHelpers.mjs

@@ -1,5 +1,5 @@
-import { toRefs, ref } from "vue";
-import { format } from "date-fns";
+import { toRefs } from "vue";
+import { format, parseISO } from "date-fns";
 import { get, find } from "lodash-es";
 import { storeToRefs } from "pinia";
 import { useRoute } from "vue-router";
@@ -20,7 +20,7 @@ const getConferenceConfigMainValue = (_conference, _name) => {
   const configObj = find(mainPageContent, { name: _name });
   return configObj ? configObj.value : null;
 };
-export const useConferenceHelpers = (conferences) => {
+export const useConferenceHelpers = (conference) => {
   const { pagesConfigValue, globalConfigValue } = toRefs(
     useTemplateConfigsStore()
   );
@@ -28,131 +28,104 @@ export const useConferenceHelpers = (conferences) => {
   const route = useRoute();
   const { isLoggedIn } = storeToRefs(useAuthStore());
   const { currentConference } = storeToRefs(useConferencesStore());
-  const _selectedConference = ref(null);
-  if (!Array.isArray(conferences.value)) {
-    _selectedConference.value = conferences.value;
-  }
-  const _setSelectedConference = (conference) => {
-    if (!Array.isArray(conferences.value)) {
-      throw new TypeError(
-        "parameter conferences supplied useConferenceHelpers should be of type Array"
-      );
+  const _getSelectedConference = (_conference) => {
+    if (_conference) {
+      return _conference;
     }
-    if (_selectedConference.value && _selectedConference.value.id !== conference.id) {
-      _selectedConference.value = find(conferences.value, {
-        id: conference.id
-      });
+    if (conference) {
+      return conference.value;
     }
-    if (_selectedConference.value === void 0) {
-      throw new Error("could not find conference in arrray");
+    if (currentConference) {
+      return currentConference.value;
     }
+    throw new TypeError("No conference specified.");
   };
-  const isSingleDayEvent = (conference) => {
-    if (conference) {
-      _setSelectedConference(conference);
-    }
-    const firstDay = new Date(_selectedConference.value.start_date).getMonth() + "/" + new Date(_selectedConference.value.start_date).getDate();
-    const lastDay = new Date(_selectedConference.value.end_date).getMonth() + "/" + 3;
-    new Date(_selectedConference.value.end_date).getDate();
+  const isSingleDayEvent = (_conference) => {
+    const _selectedConference = _getSelectedConference(_conference);
+    const firstDay = new Date(_selectedConference.start_date).getMonth() + "/" + new Date(_selectedConference.start_date).getDate();
+    const lastDay = new Date(_selectedConference.end_date).getMonth() + "/" + 3;
+    new Date(_selectedConference.end_date).getDate();
     return firstDay === lastDay;
   };
-  const showConferenceWebcastButton = (conference) => {
-    if (conference) {
-      _setSelectedConference(conference);
-    }
-    return _selectedConference.value.access && _selectedConference.value.state !== "archive" && _selectedConference.value.state !== "hidden";
+  const showConferenceWebcastButton = (_conference) => {
+    const _selectedConference = _getSelectedConference(_conference);
+    return _selectedConference.access && _selectedConference.state !== "archive" && _selectedConference.state !== "hidden";
   };
-  const getConferenceWebcastUrl = (conference) => {
-    if (conference) {
-      _setSelectedConference(conference);
-    }
-    if (_selectedConference.value.state === "upcoming") {
+  const getConferenceWebcastUrl = (_conference) => {
+    const _selectedConference = _getSelectedConference(_conference);
+    if (_selectedConference.state === "upcoming") {
       return "/stream-test";
     }
-    const channel = get(
-      _selectedConference.value,
-      "days[0].tracks[0].channel",
-      1
-    );
-    return _selectedConference.value.agenda_enabled ? `/agenda/${_selectedConference.value.id}` : `/upcoming-events/${_selectedConference.value.id}/webcast/${channel}`;
+    const channel = get(_selectedConference, "days[0].tracks[0].channel", 1);
+    return _selectedConference.agenda_enabled ? `/agenda/${_selectedConference.id}` : `/upcoming-events/${_selectedConference.id}/webcast/${channel}`;
   };
-  const getConferenceWebcastButtonText = (conference) => {
-    if (conference) {
-      _setSelectedConference(conference);
-    }
-    if (_selectedConference.value.state === "upcoming") {
+  const getConferenceWebcastButtonText = (_conference) => {
+    const _selectedConference = _getSelectedConference(_conference);
+    if (_selectedConference.state === "upcoming") {
       return "View Test Stream";
     }
     const viewNowAliasText = globalConfigValue.value("view_now_button_alias");
     return viewNowAliasText || "View Now";
   };
-  const getConferenceDisplayDate = (conference) => {
-    if (conference) {
-      _setSelectedConference(conference);
-    }
-    const startDate = new Date(_selectedConference.value.start_date);
-    const endDate = new Date(_selectedConference.value.end_date);
+  const getConferenceDisplayDate = (_conference) => {
+    const _selectedConference = _getSelectedConference(_conference);
+    const startDate = _selectedConference.start_date;
+    const endDate = _selectedConference.end_date;
     const tzFormat = pagesConfigValue.value("main.use_event_text_tz") ? " zzz" : "";
     if (isSingleDayEvent()) {
       const startFormat2 = "MMMM do, yyyy h:mm" + tzFormat;
       return formatTimezoneToLocal(
         startDate,
         startFormat2,
-        _selectedConference.value.timezone
+        _selectedConference.timezone
       );
     }
     let startFormat = "MMMM d";
-    if (format(startDate, "yyyy") !== format(endDate, "yyyy")) {
+    if (format(parseISO(startDate), "yyyy") !== format(parseISO(endDate), "yyyy")) {
       startFormat += ", yyyy";
     }
     let returnDate = formatTimezoneToLocal(
       startDate,
       startFormat,
-      _selectedConference.value.timezone
+      _selectedConference.timezone
     );
     returnDate += " - ";
     let endFormat = "d, yyyy" + tzFormat;
-    if (format(startDate, "MMMM") !== format(endDate, "MMMM") || format(startDate, "yyyy") !== format(endDate, "yyyy")) {
+    if (format(parseISO(startDate), "MMMM") !== format(parseISO(endDate), "MMMM") || format(parseISO(startDate), "yyyy") !== format(parseISO(endDate), "yyyy")) {
       endFormat = "MMMM " + endFormat;
     }
     returnDate += formatTimezoneToLocal(
       endDate,
       endFormat,
-      _selectedConference.value.timezone
+      _selectedConference.timezone
     );
     return returnDate;
   };
-  const showViewArchiveButton = (conference) => {
-    if (conference) {
-      _setSelectedConference(conference);
-    }
-    if (_selectedConference.value.state !== "archive")
+  const showViewArchiveButton = (_conference) => {
+    const _selectedConference = _getSelectedConference(_conference);
+    if (_selectedConference.state !== "archive")
       return false;
     if (route.name === "index") {
-      return isLoggedIn && _selectedConference.value.access;
+      return isLoggedIn && _selectedConference.access;
     } else {
-      return _selectedConference.value.access || _selectedConference.value.agenda_enabled || pagesConfigValue.value("archive_player.preview_enabled", false);
+      return _selectedConference.access || _selectedConference.agenda_enabled || pagesConfigValue.value("archive_player.preview_enabled", false);
     }
   };
-  const getViewArchiveUrl = (conference) => {
-    if (conference) {
-      _setSelectedConference(conference);
-    }
-    if (_selectedConference.value.agenda_enabled) {
-      return `/agenda/${_selectedConference.value.id}`;
+  const getViewArchiveUrl = (_conference) => {
+    const _selectedConference = _getSelectedConference(_conference);
+    if (_selectedConference.agenda_enabled) {
+      return `/agenda/${_selectedConference.id}`;
     } else {
       const presentationId = get(
-        _selectedConference.value,
+        _selectedConference,
         "days[0].tracks[0].presentations[0].id",
         null
       );
       return `/archive/${presentationId}`;
     }
   };
-  const getViewArchiveButtonText = (conference) => {
-    if (conference) {
-      _setSelectedConference(conference);
-    }
+  const getViewArchiveButtonText = (_conference) => {
+    const _selectedConference = _getSelectedConference(_conference);
     const viewArchiveAliasText = globalConfigValue.value(
       "view_archive_button_alias",
       ""
@@ -161,7 +134,7 @@ export const useConferenceHelpers = (conferences) => {
       "view_preview_button_alias",
       ""
     );
-    if (!_selectedConference.value.access && pagesConfigValue.value("archive_player.preview_enabled", false)) {
+    if (!_selectedConference.access && pagesConfigValue.value("archive_player.preview_enabled", false)) {
       if (viewPreviewAliasText.length) {
         return viewPreviewAliasText;
       } else {
@@ -173,15 +146,13 @@ export const useConferenceHelpers = (conferences) => {
       return "View Archive";
     }
   };
-  const showConferenceRegButton = (conference) => {
-    if (conference) {
-      _setSelectedConference(conference);
-    }
-    if (_selectedConference.value.access || globalConfigValue.value("townhall_registration_enabled", false)) {
+  const showConferenceRegButton = (_conference) => {
+    const _selectedConference = _getSelectedConference(_conference);
+    if (_selectedConference.access || globalConfigValue.value("townhall_registration_enabled", false)) {
       return false;
     } else {
       const confSetting = getConferenceConfigMainValue(
-        _selectedConference.value,
+        _selectedConference,
         "conference_reg_button_enabled"
       );
       if (confSetting != null) {
@@ -191,21 +162,19 @@ export const useConferenceHelpers = (conferences) => {
       }
     }
   };
-  const getConferenceRegUrl = (conference) => {
-    if (conference) {
-      _setSelectedConference(conference);
-    }
+  const getConferenceRegUrl = (_conference) => {
+    const _selectedConference = _getSelectedConference(_conference);
     if (globalConfigValue.value("townhall_registration_enabled", false)) {
-      if (_selectedConference.value.id === currentConference.value.id) {
+      if (_selectedConference.id === currentConference.id) {
         return "/";
-      } else if (_selectedConference.value.state === "live" || _selectedConference.value.state === "mixed") {
-        return `/upcoming-events/${_selectedConference.value.id}`;
+      } else if (_selectedConference.state === "live" || _selectedConference.state === "mixed") {
+        return `/upcoming-events/${_selectedConference.id}`;
       } else {
-        return `/past-events/${_selectedConference.value.id}`;
+        return `/past-events/${_selectedConference.id}`;
       }
     }
     const confExternalUrl = getConferenceConfigMainValue(
-      _selectedConference.value,
+      _selectedConference,
       "conference_external_reg_url"
     );
     if (confExternalUrl)
@@ -213,14 +182,12 @@ export const useConferenceHelpers = (conferences) => {
     const portalExternalUrl = globalConfigValue.value("external_reg_url");
     if (portalExternalUrl)
       return portalExternalUrl;
-    return `/registration/options/${_selectedConference.value.id}`;
+    return `/registration/options/${_selectedConference.id}`;
   };
-  const getConferenceRegText = (conference) => {
-    if (conference) {
-      _setSelectedConference(conference);
-    }
+  const getConferenceRegText = (_conference) => {
+    const _selectedConference = _getSelectedConference(_conference);
     const confSetting = getConferenceConfigMainValue(
-      _selectedConference.value,
+      _selectedConference,
       "conference_reg_button_alias"
     );
     if (confSetting != null && confSetting !== "") {
@@ -233,29 +200,21 @@ export const useConferenceHelpers = (conferences) => {
     }
     return "Register";
   };
-  const showConferenceViewButton = (conference) => {
-    if (conference) {
-      _setSelectedConference(conference);
-    }
-    return isLoggedIn && conference.access;
+  const showConferenceViewButton = (_conference) => {
+    const _selectedConference = _getSelectedConference(_conference);
+    return isLoggedIn && _selectedConference.access;
   };
-  const conferenceIsLive = (conference) => {
-    if (conference) {
-      _setSelectedConference(conference);
-    }
-    return _selectedConference.value.state === ConferenceState.LIVE || _selectedConference.value.state === ConferenceState.MIXED;
+  const conferenceIsLiveOrMixed = (_conference) => {
+    const _selectedConference = _getSelectedConference(_conference);
+    return _selectedConference.state === ConferenceState.LIVE || _selectedConference.state === ConferenceState.MIXED;
   };
-  const conferenceIsMixed = (conference) => {
-    if (conference) {
-      _setSelectedConference(conference);
-    }
-    return _selectedConference.value.state === ConferenceState.MIXED;
+  const conferenceIsMixed = (_conference) => {
+    const _selectedConference = _getSelectedConference(_conference);
+    return _selectedConference.state === ConferenceState.MIXED;
   };
-  const conferenceIsArchived = (conference) => {
-    if (conference) {
-      _setSelectedConference(conference);
-    }
-    return _selectedConference.value.state === ConferenceState.ARCHIVED;
+  const conferenceIsArchived = (_conference) => {
+    const _selectedConference = _getSelectedConference(_conference);
+    return _selectedConference.state === ConferenceState.ARCHIVED;
   };
   return {
     isSingleDayEvent,
@@ -270,7 +229,7 @@ export const useConferenceHelpers = (conferences) => {
     getConferenceRegUrl,
     getConferenceRegText,
     showConferenceViewButton,
-    conferenceIsLive,
+    conferenceIsLiveOrMixed,
     conferenceIsMixed,
     conferenceIsArchived
   };

package/dist/runtime/composables/useDateFormat.mjs

@@ -1,13 +1,13 @@
 import { format as formatTz } from "date-fns-tz";
-import { format } from "date-fns";
+import { format, parseISO } from "date-fns";
 export const useDateFormat = () => {
   const formatDate = (date) => {
-    return format(new Date(date), "MMMM do, Y");
+    return format(new Date(parseISO(date)), "MMMM do, Y");
   };
   const formatTimezoneToLocal = (date, format2, timezone) => {
     return formatTz(
       new Date(
-        formatTz(date, "yyyy-MM-dd HH:mm z", {
+        formatTz(parseISO(date), "yyyy-MM-dd HH:mm z", {
           timeZone: timezone
         })
       ),

package/dist/runtime/composables/usePresentation.mjs

@@ -1,4 +1,5 @@
-import { addSeconds } from "date-fns";
+import { addSeconds, format, parseISO } from "date-fns";
+import { useTemplateConfigsStore } from "../store/index.mjs";
 import {
   ConferenceState
 } from "../models/conference";
@@ -15,9 +16,14 @@ export const usePresentation = (conference) => {
     return pagesConfigValue("agenda.session_end_times", false);
   };
   const getPresentationEndTime = (presentation) => {
+    const presentationDuration = presentation.duration ? presentation.duration : 0;
+    const presentationEndTime = format(
+      addSeconds(parseISO(presentation.date), presentationDuration),
+      "yyyy-MM-dd HH:mm"
+    );
     return formatTimezoneToLocal(
-      addSeconds(new Date(presentation.date), presentation.duration),
-      "h:m a",
+      presentationEndTime,
+      "h:mm a",
       conference.value.timezone
     );
   };

package/dist/runtime/composables/usePresenter.mjs

@@ -1,3 +1,5 @@
+import { ref, computed } from "vue";
+import { useTemplateConfigsStore } from "../store/index.mjs";
 export const usePresenter = (presenter) => {
   const { pagesConfigValue, globalConfigValue } = useTemplateConfigsStore();
   const imageStyle = ref(

package/dist/runtime/composables/usePresenters.mjs

@@ -1,4 +1,5 @@
 import { sortBy } from "lodash-es";
+import { useTemplateConfigsStore } from "../store/index.mjs";
 export const usePresenters = (conference) => {
   const { pagesConfigValue } = useTemplateConfigsStore();
   const getPresentersLabel = (numberOfPresenters) => {

package/dist/runtime/store/conferences.d.ts

@@ -6,8 +6,8 @@ export interface ConferencesState {
 export declare const useConferencesStore: import("pinia").StoreDefinition<"conferences", ConferencesState, {
     upcomingEvents: (state: ConferencesState) => Conference[];
     pastEvents: (state: ConferencesState) => Conference[];
-    getConferenceById: (state: ConferencesState) => (id: number) => any;
 }, {
     getConferences(): Promise<Conference[]>;
+    getConferenceById(id: number): Promise<Conference>;
     getCurrentConference(): Promise<Conference>;
 }>;

package/dist/runtime/store/conferences.mjs

@@ -1,9 +1,9 @@
 import { defineStore } from "pinia";
-import { findLast, find } from "lodash-es";
+import { findLast } from "lodash-es";
 import { useApi } from "../composables/useApi.mjs";
 import { ConferenceState } from "../models/conference.mjs";
 import { useTemplateConfigsStore } from "./templateConfigs.mjs";
-const currentConferenceQueryString = () => {
+const conferenceDetailsQueryString = () => {
   return "affiliates.documents,presenters,days.sponsors,days.tracks.sponsors,days.tracks.presentations.presenters,days.tracks.presentations.sponsors,days.tracks.presentations.documents,days.track_groups.tracks.sponsors,days.track_groups.tracks.presentations.presenters,days.track_groups.tracks.presentations.sponsors,days.track_groups.tracks.presentations.documents,days.groups,days.tracks.groups,groups,template_config";
 };
 export const useConferencesStore = defineStore("conferences", {
@@ -21,11 +21,6 @@ export const useConferencesStore = defineStore("conferences", {
       return state.conferenceList.filter((conference) => {
         return conference?.state === ConferenceState.ARCHIVED;
       });
-    },
-    getConferenceById: (state) => {
-      return (id) => {
-        return find(state.conferenceList, { id });
-      };
     }
   },
   actions: {
@@ -42,6 +37,16 @@ export const useConferencesStore = defineStore("conferences", {
         });
       });
     },
+    getConferenceById(id) {
+      return new Promise((resolve, reject) => {
+        const request = useApi();
+        request(`conferences/${id}?with=${conferenceDetailsQueryString()}`).then((response) => {
+          resolve(response.data);
+        }).catch((error) => {
+          reject(error);
+        });
+      });
+    },
     getCurrentConference() {
       return new Promise((resolve, reject) => {
         const request = useApi();
@@ -66,7 +71,7 @@ export const useConferencesStore = defineStore("conferences", {
           reject(new Error("could not determine current conference."));
         }
         request(
-          `conferences/${conference.id}?with=${currentConferenceQueryString()}`
+          `conferences/${conference.id}?with=${conferenceDetailsQueryString()}`
         ).then((response) => {
           const {
             data: { template_config, ...data }

package/dist/runtime/store/templateConfigs.mjs

@@ -28,7 +28,7 @@ export const useTemplateConfigsStore = defineStore("templateConfigs", {
         if (conferenceId && conferenceId !== currentConference.id) {
           const conference = find(state.conferences, { id: conferenceId });
           return get(conference, `pages.${path}.value`, defaultValue);
-        } else if (state.currentConferenceConfig || conferenceId && state.currentConferenceConfig && conferenceId === currentConference.id) {
+        } else if (state.currentConferenceConfig && (!conferenceId || conferenceId && conferenceId === currentConference.id)) {
           return get(
             state.currentConferenceConfig,
             `pages.${path}.value`,
@@ -80,6 +80,25 @@ export const useTemplateConfigsStore = defineStore("templateConfigs", {
       };
     },
     setConferenceConfig(conference) {
+      console.log("setConferenceConfig conference", conference);
+      console.log("setConferenceConfig conferences", this.conferences);
+      const newPagesConfig = this.portalConfig.pages;
+      const confPagesConfig = {};
+      const conferenceTemplateConfig = conference.template_config ?? {};
+      forEach(conferenceTemplateConfig, (page) => {
+        const pageContent = {};
+        forEach(page.content, function(value) {
+          pageContent[value.name] = value;
+        });
+        confPagesConfig[page.name] = pageContent;
+      });
+      forIn(newPagesConfig, function(value, key) {
+        if (get(confPagesConfig, key)) {
+          newPagesConfig[key] = confPagesConfig[key];
+        }
+      });
+      this.conferences[conference.id] = newPagesConfig;
+      console.log("setConferenceConfig conference", conference);
     }
   }
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@icvdeveloper/common-module",
-  "version": "0.0.28",
+  "version": "0.0.31",
   "license": "MIT",
   "type": "module",
   "exports": {