@icvdeveloper/common-module 2.1.1 → 2.1.3

package/CHANGELOG.md

@@ -7,6 +7,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## Unreleased
 
+## 2.1.3 - 2024-09-09
+
+## 2.1.2 - 2024-09-07
+
 ## 2.1.1 - 2024-09-07
 
 ## 2.1.0 - 2024-09-05

package/dist/module.json

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

package/dist/runtime/components/chat/ChatHeader.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { useConversationStore } from '../../store/conversations.js';
+import { useConversationStore } from '../../store/conversations';
 
 import { MenuOptions } from '../../enums/chatWindow';
 

package/dist/runtime/components/chat/ChatWidget.vue

@@ -35,6 +35,21 @@ const { hasNotifications } = toRefs(props);
   </div>
 </template>
 
-<style scoped>
-.launcher{background-position:50%;background-repeat:no-repeat;border-radius:50%;bottom:25px;box-shadow:none;cursor:pointer;height:60px;right:75px;transition:box-shadow .2s ease-in-out;width:60px}.bell,.launcher{position:fixed;z-index:9999}.bell{bottom:60px;padding:2px 0;right:15px}.bell svg{height:90px}
+<style scoped lang="postcss">
+  .launcher {
+    @apply rounded-full cursor-pointer fixed h-16 w-16 z-50 bottom-6 right-10;
+    background-position: center;
+    background-repeat: no-repeat;
+    box-shadow: none;
+    transition: box-shadow 0.2s ease-in-out;
+  }
+
+  .bell {
+    @apply z-50 fixed bottom-6 right-4;
+    padding: 2px 0;
+  }
+
+  .bell svg {
+    height: 90px;
+  }
 </style>

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

@@ -0,0 +1,133 @@
+<script lang="ts" setup>
+import { computed, onMounted, ref, toRefs, watch } from 'vue';
+import { useRoute } from 'vue-router';
+import { find } from 'lodash-es';
+import { storeToRefs } from 'pinia';
+import { useConferencesStore } from '../../store/conferences';
+import { useNavigationConfigStore } from '../../store/navigationConfig';
+import { useTemplateConfigsStore } from '../../store/templateConfigs';
+import type { NavigationConfig } from '../../models/navigationConfig';
+
+type Props = {
+    title?: string;
+    photoLarge?: string;
+    textClass?: string;
+    isConferencePage?: boolean;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+    title: 'Page',
+    photoLarge: '',
+    textClass: '',
+    isConferencePage: false
+});
+
+const { title, photoLarge, textClass, isConferencePage } = toRefs(props);
+
+// data
+const headerTitle = ref<string>('');
+
+const { currentConference } = storeToRefs(useConferencesStore());
+
+const { data } = storeToRefs(useNavigationConfigStore());
+
+const { globalConfigValue } = useTemplateConfigsStore();
+
+const route = useRoute();
+
+// computed
+const showPageTitle = computed((): boolean => {
+    if (isConferencePage.value) return true;
+    return globalConfigValue('header_titles', true);
+});
+
+const mainBodyImage = computed((): string => {
+    if (photoLarge.value.length > 0) {
+        return photoLarge.value;
+    } else if (
+        globalConfigValue('conference_photo_headers', true) && 
+        currentConference.value?.photo_large &&
+        currentConference.value.photo_large.length
+    ) {
+        return currentConference.value?.photo_large;
+    } else {
+        return ''
+    }
+});
+
+const currentPageName = computed((): string => {
+    const ignoreArray = [
+    'webcast-id',
+    'agenda-id',
+    'support',
+    'registration'
+    ];
+
+    const routeName: string = route.name?.toString() ?? '';
+    let currentPageObj: NavigationConfig;
+
+    if (routeName === 'page-slug') {
+        currentPageObj = find(data.value, ['slug', route.params.slug as string]) as NavigationConfig;
+        return currentPageObj.name as string;
+    }
+
+    if (routeName === 'index') {
+        currentPageObj = find(data.value, ['slug', 'home']) as NavigationConfig;
+        return currentPageObj.label as string;
+    } 
+      
+    if (!ignoreArray.includes(routeName)) {
+        currentPageObj = find(data.value, ['slug', routeName ]) as NavigationConfig;
+        if(currentPageObj) {
+            return currentPageObj.label as string;
+        }
+    }
+    return '';
+});
+
+const mainBodyImageStyle = computed((): {} | string => {
+    return (mainBodyImage.value.length > 0) ? {
+    'background-image': `url(${mainBodyImage.value})`,
+    'background-repeat': 'no-repeat',
+    'background-size': 'cover',
+    'background-position': 'center',
+    } : '';
+});
+
+const mutedHeaderStyle = computed((): string => {
+    const muted = globalConfigValue('muted_photo_headers', 'none');
+    let style = '';
+    if (mainBodyImage.value.length > 0) style += 'min-height: 112px;';
+    if (muted == 'lighten') style += 'background-color: rgb(255, 255, 255, .4)';
+    if (muted == 'darken') style += 'background-color: rgb(0, 0, 0, .4)';
+    return style;
+});
+
+watch(title, () => {
+    headerTitle.value = currentPageName.value || title.value;
+});
+
+onMounted(() => {
+    headerTitle.value = currentPageName.value || title.value;
+});
+</script>
+
+<template>
+  <div 
+    :style="mainBodyImageStyle"
+    class="flex bg-color-2"
+  >
+    <div 
+      class="mx-auto flex-1 self-center items-center drop-shadow-md"
+      :style="mutedHeaderStyle"
+    >
+      <h1
+        v-if="showPageTitle"
+        :class="textClass"
+        class="heading-color-4 py-10"
+      >
+        {{ headerTitle }}
+      </h1>
+    </div>
+  </div>
+</template>

package/dist/runtime/components/forms/SearchInput.vue

@@ -1,6 +1,5 @@
 <script lang="ts" setup>
-import { storeToRefs } from "pinia";
-import CloseIcon from "../../assets/svg/close-icon.svg";
+import { ref, toRefs } from "vue";
 
 type Props = {
   placeholder: string;
@@ -10,7 +9,7 @@ const props = withDefaults(defineProps<Props>(), {
   placeholder: "Search...",
 });
 
-const { placeholder } = storeToRefs(props);
+const { placeholder } = toRefs(props);
 
 const value = ref<string>("");
 
@@ -38,7 +37,7 @@ const clear = () => {
       class="flex-initial cursor-pointer px-4 py-2"
       @click="clear"
     >
-      <close-icon class="fill-current text-black" />
+      <CommonSvgIcon icon="close" />
     </span>
   </div>
 </template>

package/dist/runtime/components/forms/TextInput.vue

@@ -1,4 +1,5 @@
 <script lang="ts" setup>
+import { toRefs } from "vue";
 import { useClassBinding } from "../../composables/useClassBinding";
 import type { TextInputClassObj } from "../../@types/components";
 

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

@@ -61,12 +61,13 @@ const { isLoggedIn } = storeToRefs(useAuthStore());
 const isStreamTest = computed((): boolean => {
   return (
     route.params.channelid === "stream-test" ||
-    String(route.name) === "stream-test"
+    String(route.name) === "stream-test" ||
+    presentation.value.name === "Stream Test"
   );
 });
 
 const hasAccess = computed((): boolean => {
-  return isLoggedIn.value && conference.value.access;
+  return isLoggedIn.value && conference.value.access as boolean;
 });
 </script>
 

package/dist/runtime/components/profile/tabs/ProfileImage.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { ref, reactive } from "vue";
+import { ref, reactive, toRefs } from "vue";
 import { storeToRefs } from "pinia";
 import { useAuthStore } from "../../../store/auth";
 import { useClassBinding } from "../../../composables/useClassBinding";

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

@@ -1,6 +1,10 @@
 import type { Ref } from 'vue';
 import type { Conference } from '../models/conference';
 export type UseConferenceHelpersMethods = {
+    /**
+    * if conference has a template config, get its values from its 'main' config
+    */
+    getConferenceConfigMainValue: (_conference: Conference, _string: string) => {};
     /**
      * Determine if conference is a single day event
      */

package/dist/runtime/composables/useConferenceHelpers.mjs

@@ -266,6 +266,7 @@ export const useConferenceHelpers = (conference) => {
     return "Archive";
   };
   return {
+    getConferenceConfigMainValue,
     isSingleDayEvent,
     hasAccessToEvent,
     showConferenceWebcastButton,

package/package.json

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