@icvdeveloper/common-module 0.0.17 → 0.0.19

package/dist/module.json

@@ -4,5 +4,5 @@
   "compatibility": {
     "nuxt": "^3.0.0"
   },
-  "version": "0.0.17"
+  "version": "0.0.19"
 }

package/dist/module.mjs

@@ -2,6 +2,7 @@ import { join, resolve } from 'path';
 import { fileURLToPath } from 'url';
 import { defineNuxtModule, useLogger, installModule, addPlugin, addAutoImportDir, addComponentsDir } from '@nuxt/kit';
 import svgLoader from 'vite-svg-loader';
+import { find, remove } from 'lodash-es';
 
 // -- Unbuild CommonJS Shims --
 import __cjs_url__ from 'url';
@@ -143,6 +144,20 @@ const module = defineNuxtModule({
       extensions: ["vue"],
       prefix: "Common"
     });
+    addComponentsDir({
+      path: join(runtimeDir, "components/profile"),
+      extensions: ["vue"],
+      prefix: "Common"
+    });
+    nuxt.hook("app:resolve", (nuxt2) => {
+      const piniaRuntime = find(nuxt2.plugins, (object) => {
+        return object.src.includes("@pinia");
+      });
+      nuxt2.plugins = remove(nuxt2.plugins, (object) => {
+        return !object.src.includes("@pinia");
+      });
+      nuxt2.plugins.unshift(piniaRuntime);
+    });
   }
 });
 

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

@@ -20,9 +20,9 @@ const emit = defineEmits(["trigger", "clicked"]);
 const { visible, modalSize, noScroll, showClose, usePadding } = toRefs(props);
 
 const modalClass = computed(() => {
-  const padding = usePadding ? "p-6" : "";
+  const padding = usePadding.value ? "p-6" : "";
   const classes = `relative w-full ${padding} m-auto flex-col flex rounded shadow bg-white modal-box`;
-  if (noScroll) {
+  if (noScroll.value) {
     return classes + ` max-h-full overflow-hidden`;
   } else {
     return classes + ` overflow-y-auto`;

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

@@ -0,0 +1,21 @@
+<script lang="ts" setup>
+import { toRefs } from "vue";
+
+type Props = {
+  errors: Array<any>;
+};
+
+const props = defineProps<Props>();
+
+const { errors } = toRefs(props);
+</script>
+
+<template>
+  <div class="text-white px-6 py-4 border-0 rounded relative mb-4 bg-red">
+    <span class="inline-block align-middle">
+      <ul>
+        <li v-for="error in errors" :key="error[0]">{{ error[0] }}</li>
+      </ul>
+    </span>
+  </div>
+</template>

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

@@ -0,0 +1,96 @@
+<script lang="ts" setup>
+import { ref } from "vue";
+
+interface Props {
+  isEnabled: boolean;
+  color?: string;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  color: "#4D4D4D",
+});
+
+const value = ref<boolean>(props.isEnabled);
+
+const emit = defineEmits<{
+  (event: "toggle", value: boolean): void;
+}>();
+
+const toggle = () => {
+  value.value = !value.value;
+  emit("toggle", value.value);
+};
+</script>
+
+<template id="switch-button">
+  <div class="switch-button-control">
+    <div
+      class="switch-button"
+      :class="{ enabled: value }"
+      :style="{ '--color': color }"
+      @click="toggle"
+    >
+      <div class="button" />
+    </div>
+    <div class="switch-button-label">
+      <slot />
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.switch-button-control {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+
+  .switch-button {
+    $switch-button-height: 1.6em;
+    $switch-button-color: var(--color);
+    $switch-button-border-thickness: 2px;
+    $switch-transition: all 0.3s ease-in-out;
+    $switch-is-rounded: true;
+
+    height: $switch-button-height;
+    width: calc(#{$switch-button-height} * 2);
+    border: $switch-button-border-thickness solid $switch-button-color;
+    box-shadow: inset 0px 0px $switch-button-border-thickness 0px
+      rgba(0, 0, 0, 0.33);
+    border-radius: if($switch-is-rounded, $switch-button-height, 0);
+
+    transition: $switch-transition;
+
+    $button-side-length: calc(
+      #{$switch-button-height} - (2 * #{$switch-button-border-thickness})
+    );
+
+    cursor: pointer;
+
+    .button {
+      height: $button-side-length;
+      width: $button-side-length;
+      border: $switch-button-border-thickness solid $switch-button-color;
+      border-radius: if($switch-is-rounded, $button-side-length, 0);
+      background: $switch-button-color;
+
+      transition: $switch-transition;
+    }
+
+    &.enabled {
+      background-color: $switch-button-color;
+      box-shadow: none;
+
+      .button {
+        background: white;
+        transform: translateX(
+          calc(#{$button-side-length} + (2 *#{$switch-button-border-thickness}))
+        );
+      }
+    }
+  }
+
+  .switch-button-label {
+    margin-left: 10px;
+  }
+}
+</style>

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

@@ -18,5 +18,10 @@ const changeInput = (e) => {
 </script>
 
 <template>
-  <input :value="props.modelValue" @change="changeInput" />
+  <input
+    class="px-2 py-1"
+    :type="type"
+    :value="props.modelValue"
+    @change="changeInput"
+  />
 </template>

package/dist/runtime/components/profile/Profile.vue

@@ -0,0 +1,149 @@
+<script lang="ts" setup>
+import { toRefs, reactive, ref, computed } from "vue";
+import { find } from "lodash-es";
+import { storeToRefs } from "pinia";
+import { useAuthStore } from "../../store/auth";
+import Sidebar from "./components/Sidebar.vue";
+import SidebarNavItem from "./components/SidebarNavItem.vue";
+import TabGeneralInformation from "./tabs/GeneralInformation.vue";
+import TabFavorites from "./tabs/Favorites.vue";
+import TabProfileImage from "./tabs/ProfileImage.vue";
+
+type Props = {
+  visible?: boolean;
+  showFavorites?: boolean;
+};
+
+type Tab = {
+  id: number;
+  name: string;
+  component: Component | null;
+  shouldShow: boolean;
+  selected: boolean;
+};
+
+// props
+const props = withDefaults(defineProps<Props>(), {
+  visible: false,
+  showFavorites: false,
+});
+
+// data
+const { visible, showFavorites } = toRefs(props);
+const { user } = storeToRefs(useAuthStore());
+const tabs = reactive<Tab[]>([
+  {
+    id: 1,
+    name: "General Information",
+    component: TabGeneralInformation,
+    shouldShow: true,
+    selected: true,
+  },
+  {
+    id: 2,
+    name: "Profile Image",
+    component: TabProfileImage,
+    shouldShow: true,
+    selected: false,
+  },
+  {
+    id: 3,
+    name: "Favorites",
+    component: TabFavorites,
+    shouldShow: showFavorites.value,
+    selected: false,
+  },
+  {
+    id: 4,
+    name: "Logout",
+    component: null,
+    shouldShow: true,
+    selected: false,
+  },
+]);
+
+// emits
+const emit = defineEmits<{
+  (event: "close"): void;
+}>();
+
+// computed
+const selectedTab = computed<Tab>(() => {
+  return find(tabs, {
+    selected: true,
+  });
+});
+
+// actions
+const { logout } = useAuthStore();
+const closeModal = () => {
+  emit("close");
+};
+
+const setTab = (id: number) => {
+  if (id === 4) {
+    logout();
+    closeModal();
+    return;
+  }
+
+  const currentSelected = find(tabs, {
+    selected: true,
+  });
+
+  if (currentSelected) {
+    currentSelected.selected = false;
+  }
+
+  const newSelected = find(tabs, {
+    id,
+  });
+
+  newSelected.selected = true;
+};
+</script>
+
+<template>
+  <CommonModal
+    :use-padding="false"
+    modal-size="60"
+    :visible="visible"
+    @trigger="closeModal"
+  >
+    <template #modal-body>
+      <div class="p-2">
+        <div class="flex flex-col md:flex-row w-full p-5">
+          <Sidebar :name="user.name">
+            <SidebarNavItem
+              v-for="tab in tabs"
+              :id="tab.id"
+              :key="tab.id"
+              class="cursor-pointer"
+              :active="tab.selected === true"
+              @click="setTab"
+            >
+              {{ tab.name }}
+            </SidebarNavItem>
+          </Sidebar>
+
+          <div class="md:w-3/4 content-container ml-0 md:ml-2">
+            <div
+              v-if="selectedTab"
+              class="rounded overflow-hidden shadow-lg w-full h-full p-5"
+            >
+              <h2 class="mb-4">
+                {{ selectedTab.name }}
+              </h2>
+
+              <component
+                :is="selectedTab.component"
+                v-if="selectedTab.component && selectedTab.shouldShow"
+                :user="user"
+              />
+            </div>
+          </div>
+        </div>
+      </div>
+    </template>
+  </CommonModal>
+</template>

package/dist/runtime/components/profile/components/Sidebar.vue

@@ -0,0 +1,27 @@
+<script lang="ts" setup>
+import { toRefs } from "vue";
+
+type Props = {
+  name: string;
+};
+
+const props = defineProps<Props>();
+
+const { name } = toRefs(props);
+</script>
+
+<template>
+  <div
+    class="md:w-1/4 rounded overflow-hidden shadow-lg md:mr-2 mt-1 mb-4 md:mb-0 md:mt-0"
+  >
+    <div class="px-6 py-4">
+      <div class="font-bold text-xl mb-2">
+        {{ name }}
+      </div>
+
+      <nav class="flex-grow md:block pb-0 md:pb-4 md:overflow-y-auto">
+        <slot />
+      </nav>
+    </div>
+  </div>
+</template>

package/dist/runtime/components/profile/components/SidebarNavItem.vue

@@ -0,0 +1,39 @@
+<script lang="ts" setup>
+import { toRefs } from "vue";
+
+type Props = {
+  active: boolean;
+  id: number;
+};
+
+const props = defineProps<Props>();
+
+// reactive prop data
+const { active, id } = toRefs(props);
+
+// emits
+const emit = defineEmits<{
+  (event: "click", value: number): void;
+}>();
+
+// methods
+const onClick = () => {
+  emit("click", id.value);
+};
+</script>
+
+<template>
+  <a
+    :class="{ active: active }"
+    class="sidebar-nav-item block px-4 py-2 mt-2 mx-1 text-black text-sm no-underline font-semibold rounded-lg hover:bg-gray-500 focus:text-white hover:text-white focus:bg-gray-500 focus:outline-none focus:shadow-outline"
+    @click="onClick"
+  >
+    <slot />
+  </a>
+</template>
+
+<style scoped>
+.active {
+  @apply bg-gray-500 text-white;
+}
+</style>

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

@@ -0,0 +1,21 @@
+<script lang="ts" setup>
+import { storeToRefs } from "pinia";
+import { useAuthStore } from "../../../store/auth";
+
+const { user } = storeToRefs(useAuthStore());
+</script>
+
+<template>
+  <div>
+    <div
+      v-for="favorite in user.favorites"
+      :key="favorite.id"
+      class="py-2 border-b"
+    >
+      <h3 class="pb-2">
+        {{ favorite.name }}
+      </h3>
+      <div v-html="favorite.description" />
+    </div>
+  </div>
+</template>

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

@@ -0,0 +1,122 @@
+<script lang="ts" setup>
+import { storeToRefs } from "pinia";
+import { ref, reactive } from "vue";
+import { useAuthStore } from "../../../store/auth";
+
+const { user } = storeToRefs(useAuthStore());
+const formData = reactive({
+  title: user.value.title,
+  name: user.value.name,
+  company: user.value.company,
+  linkedin_url: user.value.linkedin_url,
+  twitter_url: user.value.twitter_url,
+  video_chat: user.value.video_chat ?? false,
+});
+const errors = ref<[]>([]);
+const wasSaved = ref<boolean>(false);
+
+// methods
+const { update } = useAuthStore();
+
+const toggleChat = (value: boolean) => {
+  formData.video_chat = value;
+};
+
+const handleForm = () => {
+  errors.value = [];
+
+  update(formData)
+    .then(() => {
+      wasSaved.value = true;
+    })
+    .catch((error) => {
+      if (error.response === 422) {
+        errors.value = error.response.data.errors;
+      }
+    });
+};
+</script>
+
+<template>
+  <div class="flex justify-between flex-col">
+    <CommonAlertBox v-if="errors" :errors="errors" />
+
+    <div>
+      <div class="mb-4">
+        <label class="block text-grey-darker text-sm font-bold mb-2">
+          Title
+        </label>
+        <CommonTextInput
+          v-model="formData.title"
+          class="shadow appearance-none border rounded w-full py-2 px-3 text-grey-darker leading-tight focus:outline-none focus:shadow-outline"
+          type="text"
+          placeholder="Title"
+        />
+      </div>
+      <div class="mb-4">
+        <label class="block text-grey-darker text-sm font-bold mb-2">
+          Name
+        </label>
+        <CommonTextInput
+          v-model="formData.name"
+          class="shadow appearance-none border rounded w-full py-2 px-3 text-grey-darker leading-tight focus:outline-none focus:shadow-outline"
+          type="text"
+          placeholder="Name"
+        />
+      </div>
+      <div class="mb-4">
+        <label class="block text-grey-darker text-sm font-bold mb-2">
+          Company
+        </label>
+        <CommonTextInput
+          v-model="formData.company"
+          class="shadow appearance-none border rounded w-full py-2 px-3 text-grey-darker leading-tight focus:outline-none focus:shadow-outline"
+          type="text"
+          placeholder="Company"
+        />
+      </div>
+      <div class="mb-4">
+        <label class="block text-grey-darker text-sm font-bold mb-2">
+          LinkedIn
+        </label>
+        <CommonTextInput
+          v-model="formData.linkedin_url"
+          class="shadow appearance-none border rounded w-full py-2 px-3 text-grey-darker leading-tight focus:outline-none focus:shadow-outline"
+          type="text"
+          placeholder="LinkedIn URL"
+        />
+      </div>
+      <div class="mb-4">
+        <label class="block text-grey-darker text-sm font-bold mb-2">
+          Twitter
+        </label>
+        <CommonTextInput
+          v-model="formData.twitter_url"
+          class="shadow appearance-none border rounded w-full py-2 px-3 text-grey-darker leading-tight focus:outline-none focus:shadow-outline"
+          type="text"
+          placeholder="Twitter URL"
+        />
+      </div>
+
+      <div class="mb-4">
+        <CommonSwitchInput
+          :is-enabled="formData.video_chat"
+          @toggle="toggleChat"
+        >
+          Enable Video Chat
+        </CommonSwitchInput>
+      </div>
+    </div>
+    <div>
+      <p v-if="wasSaved" class="text-green">Your profile was saved!</p>
+
+      <button
+        class="bg-blue hover:bg-blue-dark text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline"
+        type="button"
+        @click="handleForm"
+      >
+        Save
+      </button>
+    </div>
+  </div>
+</template>

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

@@ -0,0 +1,75 @@
+<script lang="ts" setup>
+import { ref, reactive } from "vue";
+import { storeToRefs } from "pinia";
+import { useAuthStore } from "../../../store/auth";
+
+const { user } = storeToRefs(useAuthStore());
+const wasSaved = ref<boolean>(false);
+const errors = ref<[]>([]);
+const formData = reactive({
+  profile_image: null,
+});
+
+// methods
+const { update } = useAuthStore();
+
+const onFileChanged = (e) => {
+  errors.value = [];
+
+  const files = e.target.files || e.dataTransfer.files;
+
+  formData.profile_image = files[0];
+
+  update(formData)
+    .then(() => {
+      wasSaved.value = true;
+    })
+    .catch((error) => {
+      if (error.response.status === 422) {
+        errors.value = error.response.data.errors;
+      }
+    });
+};
+</script>
+
+<template>
+  <div>
+    <div>
+      <CommonAlertBox :errors="errors" />
+
+      <img
+        v-if="user.profile_image"
+        :src="user.profile_image"
+        width="100"
+        height="100"
+        alt=""
+      />
+
+      <div class="overflow-hidden relative w-64 mt-4 mb-4">
+        <p v-if="wasSaved" class="text-green">Your profile Image was saved!</p>
+
+        <button
+          class="rounded bg-blue hover:bg-blue-light text-white font-bold py-2 px-4 w-full inline-flex items-center"
+        >
+          <svg
+            fill="#FFF"
+            height="18"
+            viewBox="0 0 24 24"
+            width="18"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path d="M0 0h24v24H0z" fill="none" />
+            <path d="M9 16h6v-6h4l-7-7-7 7h4zm-4 2h14v2H5z" />
+          </svg>
+          <span class="ml-2">Change Profile Image</span>
+        </button>
+        <input
+          class="cursor-pointer absolute block py-2 px-4 w-full opacity-0 pin-r pin-t"
+          type="file"
+          accept="image/*"
+          @change="onFileChanged"
+        />
+      </div>
+    </div>
+  </div>
+</template>

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

@@ -0,0 +1,11 @@
+export * from "./useAgenda";
+export * from "./useAnalytics";
+export * from "./useApi";
+export * from "./useAuth";
+export * from "./useConferenceHelpers";
+export * from "./useDateFormat";
+export * from "./useLogin";
+export * from "./usePresentation";
+export * from "./usePresenter";
+export * from "./usePresenters";
+export * from "./useV3plusCommonModule";

package/dist/runtime/composables/index.mjs

@@ -0,0 +1,11 @@
+export * from "./useAgenda.mjs";
+export * from "./useAnalytics.mjs";
+export * from "./useApi.mjs";
+export * from "./useAuth.mjs";
+export * from "./useConferenceHelpers.mjs";
+export * from "./useDateFormat.mjs";
+export * from "./useLogin.mjs";
+export * from "./usePresentation.mjs";
+export * from "./usePresenter.mjs";
+export * from "./usePresenters.mjs";
+export * from "./useV3plusCommonModule.mjs";

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

@@ -0,0 +1,5 @@
+import { ComputedRef } from "vue";
+export declare type UseAuthMethods = {
+    isLoginDisabled: ComputedRef<boolean>;
+};
+export declare const useAuth: () => UseAuthMethods;

package/dist/runtime/composables/useAuth.mjs

@@ -0,0 +1,11 @@
+import { computed } from "vue";
+import { useTemplateConfigsStore } from "../store/templateConfigs.mjs";
+export const useAuth = () => {
+  const { globalConfigValue } = useTemplateConfigsStore();
+  const isLoginDisabled = computed(() => {
+    return !globalConfigValue("login_disabled") || globalConfigValue("login_process") === "disabled";
+  });
+  return {
+    isLoginDisabled
+  };
+};

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

@@ -9,7 +9,7 @@ export declare type AuthUser = {
     online?: boolean;
     profile_image?: string | null;
     title?: string | null;
-    video_chat?: string | null;
+    video_chat?: boolean | null;
     token?: string;
     expires_at?: string;
     token_type?: string;

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

@@ -54,6 +54,7 @@ export interface Global {
     html_header: HTMLVariable;
     link_color: ColorVariable;
     link_hover: ColorVariable;
+    login_disabled: ToggleVariable;
     login_disabled_user_email: TextVariable;
     login_disabled_user_password: TextVariable;
     login_process: SelectVariable;

package/dist/runtime/plugin.mjs

@@ -2,6 +2,7 @@ import { defineNuxtPlugin } from "#app";
 import { computed } from "vue";
 import { storeToRefs } from "pinia";
 import NProgress from "nprogress";
+import piniaPluginPersistedstate from "pinia-plugin-persistedstate";
 import { createV3plusCommonPlugin } from "./v3plusCommonPlugin.mjs";
 import { usePortalStore } from "./store/portal.mjs";
 import { useConferencesStore } from "./store/conferences.mjs";
@@ -12,6 +13,7 @@ export default defineNuxtPlugin((nuxtApp) => {
     portalHash,
     apiUrl
   });
+  nuxtApp.$pinia.use(piniaPluginPersistedstate);
   nuxtApp.$router.beforeEach(async (to, from) => {
     NProgress.start();
     const portalStore = usePortalStore();

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

@@ -11,4 +11,6 @@ export declare const useAuthStore: import("pinia").StoreDefinition<"auth", AuthS
     isLoggedIn: (state: AuthStoreState) => boolean;
 }, {
     login(params: LoginParams): Promise<AuthUser>;
+    logout(): Promise<void>;
+    update(data: AuthUser): Promise<void>;
 }>;

package/dist/runtime/store/auth.mjs

@@ -1,6 +1,7 @@
 import { defineStore } from "pinia";
 import { useApi } from "../composables/useApi.mjs";
 export const useAuthStore = defineStore("auth", {
+  persist: true,
   state: () => ({
     user: null
   }),
@@ -17,16 +18,49 @@ export const useAuthStore = defineStore("auth", {
           method: "POST",
           body: params
         }).then((response) => {
-          this.data = response.data;
+          this.user = response;
           const conferencesStore = useConferencesStore();
           conferencesStore.getConferences().then(() => {
             conferencesStore.getCurrentConference();
           });
-          resolve(response.data);
+          resolve(response);
         }).catch((error) => {
           reject(error);
         });
       });
+    },
+    logout() {
+      return new Promise((resolve) => {
+        this.user = null;
+        const conferencesStore = useConferencesStore();
+        conferencesStore.getConferences().then(() => {
+          conferencesStore.getCurrentConference();
+        });
+        resolve();
+      });
+    },
+    update(data) {
+      return new Promise((resolve, reject) => {
+        const request = useApi();
+        if (data.profile_image) {
+          const formData = new FormData();
+          formData.append("profile_image", data.profile_image, "profile_image");
+          request("user", { method: "POST", body: formData }).then((response) => {
+            resolve();
+          }).catch((error) => {
+            reject(error);
+          });
+        } else {
+          request("user", {
+            method: "POST",
+            body: data
+          }).then((response) => {
+            resolve();
+          }).catch((error) => {
+            reject(error);
+          });
+        }
+      });
     }
   }
 });

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

@@ -11,7 +11,7 @@ export interface TemplateConfigState {
 }
 export declare const useTemplateConfigsStore: import("pinia").StoreDefinition<"templateConfigs", TemplateConfigState, {
     globalConfigValue: (state: TemplateConfigState) => (path: GlobalConfigKey, defaultValue?: any) => any;
-    globalConfig: (state: TemplateConfigState) => <T extends "accent_color_1" | "accent_color_2" | "accent_color_3" | "affiliate_page_button_alias" | "azure_ad_client_id" | "azure_ad_message" | "azure_ad_tenant_id" | "azure_ad_user_password" | "body_color_1" | "body_color_2" | "body_color_3" | "body_color_4" | "body_color_5" | "body_color_6" | "body_font_1" | "body_font_2" | "button_color_1" | "button_color_2" | "captions_bg_color" | "captions_font" | "captions_text_color" | "conference_photo_headers" | "custom_css" | "enable_peer5" | "enable_text_chat" | "enable_video_chat" | "external_reg_url" | "global_color_1" | "global_color_2" | "global_color_3" | "global_color_4" | "global_color_5" | "global_color_6" | "header_font_1" | "header_font_2" | "header_titles" | "heading_color_1" | "heading_color_2" | "heading_color_3" | "heading_color_4" | "heading_color_5" | "heading_color_6" | "hide_user_profile" | "html_footer" | "html_header" | "link_color" | "link_hover" | "login_disabled_user_email" | "login_disabled_user_password" | "login_process" | "login_redirect_enabled" | "muted_photo_headers" | "nav_color_1" | "nav_color_2" | "nav_color_3" | "nav_color_4" | "nav_color_5" | "paragraph_color_1" | "paragraph_color_2" | "presenter_icon_color_style" | "reg_button_alias" | "reg_button_enabled" | "secure_site_access_enabled" | "townhall_registration_enabled" | "townhall_registration_group" | "view_archive_button_alias" | "view_now_button_alias" | "view_preview_button_alias">(path: T, defaultValue?: any) => GlobalConfigKeyType<T>;
+    globalConfig: (state: TemplateConfigState) => <T extends "accent_color_1" | "accent_color_2" | "accent_color_3" | "affiliate_page_button_alias" | "azure_ad_client_id" | "azure_ad_message" | "azure_ad_tenant_id" | "azure_ad_user_password" | "body_color_1" | "body_color_2" | "body_color_3" | "body_color_4" | "body_color_5" | "body_color_6" | "body_font_1" | "body_font_2" | "button_color_1" | "button_color_2" | "captions_bg_color" | "captions_font" | "captions_text_color" | "conference_photo_headers" | "custom_css" | "enable_peer5" | "enable_text_chat" | "enable_video_chat" | "external_reg_url" | "global_color_1" | "global_color_2" | "global_color_3" | "global_color_4" | "global_color_5" | "global_color_6" | "header_font_1" | "header_font_2" | "header_titles" | "heading_color_1" | "heading_color_2" | "heading_color_3" | "heading_color_4" | "heading_color_5" | "heading_color_6" | "hide_user_profile" | "html_footer" | "html_header" | "link_color" | "link_hover" | "login_disabled" | "login_disabled_user_email" | "login_disabled_user_password" | "login_process" | "login_redirect_enabled" | "muted_photo_headers" | "nav_color_1" | "nav_color_2" | "nav_color_3" | "nav_color_4" | "nav_color_5" | "paragraph_color_1" | "paragraph_color_2" | "presenter_icon_color_style" | "reg_button_alias" | "reg_button_enabled" | "secure_site_access_enabled" | "townhall_registration_enabled" | "townhall_registration_group" | "view_archive_button_alias" | "view_now_button_alias" | "view_preview_button_alias">(path: T, defaultValue?: any) => GlobalConfigKeyType<T>;
     pagesConfigValue: (state: TemplateConfigState) => (path: NestedKeyOf<Pages>, defaultValue?: any, conferenceId?: number) => any;
 }, {
     setPortalTemplateConfig(payload: any): Promise<TemplateConfig>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@icvdeveloper/common-module",
-  "version": "0.0.17",
+  "version": "0.0.19",
   "license": "MIT",
   "type": "module",
   "exports": {
@@ -31,7 +31,7 @@
     "lodash-es": "^4.17.21",
     "nprogress": "^0.2.0",
     "pinia": "^2.0.17",
-    "pinia-plugin-persistedstate": "^1.6.3",
+    "pinia-plugin-persistedstate": "^2.1.1",
     "sass": "^1.54.2",
     "sass-loader": "^13.0.2",
     "vite-svg-loader": "^3.4.0"