@icvdeveloper/common-module 2.3.6 → 2.3.7

package/CHANGELOG.md

@@ -7,6 +7,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## Unreleased
 
+## 2.3.7 - 2025-06-09
+
 ## 2.3.6 - 2025-05-29
 
 ## 2.3.5 - 2025-05-23

package/dist/module.json

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

package/dist/runtime/assets/postcss/_custom.css

@@ -1,3 +1,3 @@
-.bg-color-white{background-color:#fff}.bg-color-white-darker{background-color:#f7f7f7}.bg-color-1{background-color:var(--global-color-1)}.bg-color-2{background-color:var(--global-color-2)}.bg-color-3{background-color:var(--global-color-3)}.bg-color-4{background-color:var(--global-color-4)}.bg-color-5{background-color:var(--global-color-5)}.bg-color-6{background-color:var(--global-color-6)}.bg-color-link{background-color:var(--link-color)}.heading-color-1{color:var(--heading-color-1)}.heading-color-2{color:var(--heading-color-2)}.heading-color-3{color:var(--heading-color-3)}.heading-color-4{color:var(--heading-color-4)}.heading-color-5{color:var(--heading-color-5)}.heading-color-6{color:var(--heading-color-6)}.body-color-1{color:var(--body-color-1)}.body-color-2{color:var(--body-color-2)}.body-color-3{color:var(--body-color-3)}.body-color-4{color:var(--body-color-4)}.body-color-5{color:var(--body-color-5)}.body-color-6{color:var(--body-color-6)}.paragraph-color-1{color:var(--paragraph-color-1)}.paragraph-color-2{color:var(--paragraph-color-2)}.nav-color-1{color:var(--nav-color-1)}.nav-color-2{color:var(--nav-color-2)}.nav-color-3{color:var(--nav-color-3)}.nav-color-4{color:var(--nav-color-4)}.nav-color-5{color:var(--nav-color-5)}.button-color-1{background-color:var(--button-color-1)}.button-color-2{background-color:var(--button-color-2)}.button-color-3{background-color:var(--button-color-3)}.accent-color-1{color:var(--accent-color-1)}.accent-color-2{color:var(--accent-color-2)}.accent-color-3{color:var(--accent-color-3)}.border-color-1{border-color:var(--global-color-1)}.border-color-2{border-color:var(--global-color-2)}.border-color-3{border-color:var(--global-color-3)}.border-color-4{border-color:var(--global-color-4)}.border-color-5{border-color:var(--global-color-5)}.border-color-accent-1{border-color:var(--accent-color-1)}.border-color-accent-2{border-color:var(--accent-color-2)}.border-color-accent-3{border-color:var(--accent-color-3)}.border-color-link{border-color:var(--link-color)}html{background-color:var(--global-color-1);color:var(--paragraph-color-1)}body{font-family:var(--font-body-1)}a{color:var(--link-color)}a:hover{color:var(--link-hover)}h1{font-family:var(--font-heading-1)}.font-body-1{font-family:var(--font-body-1)}.font-body-2{font-family:var(--font-body-2)}.font-heading-1{font-family:var(--font-heading-1)}.font-heading-2{font-family:var(--font-heading-2)}@if variable-exists(presenter-name-color){#page-presenters .presenter-name-color{color:var(--presenter-name-color)}}@if variable-exists(presenter-title-color){#page-presenters .presenter-title-color{color:var(--presenter-title-color)}}.grid{display:grid}.place-self-center{place-self:center}.text-xxs{font-size:.5rem}.section-header{@apply mb-0 uppercase tracking-wider}.section-subheader{@apply tracking-wider font-extralight}.contrast-border{border-color:saturate(mix(var(--global-color-1),desaturate(invert(var(--global-color-1)),100%),90%),5%)}.presenter-icon{@apply block mx-1}.presenter-icon svg{@apply w-6 h-auto}.presenter-icon-small{@apply block;margin:0 .2rem}.presenter-icon-small svg{@apply w-4 h-auto}.flex-basis-3{flex-basis:33%}.flex-basis-4{flex-basis:25%}.flex-basis-5{flex-basis:20%}.primary-link{@apply uppercase tracking-wider;font-size:.65rem}.body-copy{@apply paragraph-color-1 font-body-1 text-base leading-normal}.heading-primary{@apply heading-color-1 font-heading-1 leading-normal tracking-wider}.heading-secondary{@apply heading-color-2 font-heading-2 leading-normal tracking-wider}.heading-link{color:var(--body-color-3)}.heading-link:hover{color:saturate(mix(var(--body-color-3),desaturate(invert(var(--body-color-3)),100%),75%),0)}.presenter-name{@apply body-color-4 font-body-1}.presenter-title{@apply body-color-5 font-body-1}.hr-heading{align-items:center;display:grid;grid-template-columns:minmax(20px,1fr) auto minmax(20px,1fr);text-align:center;width:auto;grid-gap:.3em;color:var(--heading-color-5);margin-left:1em;margin-right:1em}.hr-heading:after,.hr-heading:before{border-top:1px solid;border-color:var(--accent-color-2);content:""}.tabs-details{max-height:523px;overflow-y:scroll}.tabs-details li:before{content:"—";@apply text-center mr-4 body-color-1;padding-bottom:.25rem}.conf-name-alignment{margin-top:-.2em}.invert{transform:rotate(180deg)}.span-no-spacing{margin-left:-3px}@if variable-exists(captions-font) and
+.bg-color-white{background-color:#fff}.bg-color-white-darker{background-color:#f7f7f7}.bg-color-1{background-color:var(--global-color-1)}.bg-color-2{background-color:var(--global-color-2)}.bg-color-3{background-color:var(--global-color-3)}.bg-color-4{background-color:var(--global-color-4)}.bg-color-5{background-color:var(--global-color-5)}.bg-color-6{background-color:var(--global-color-6)}.bg-color-link{background-color:var(--link-color)}.heading-color-1{color:var(--heading-color-1)}.heading-color-2{color:var(--heading-color-2)}.heading-color-3{color:var(--heading-color-3)}.heading-color-4{color:var(--heading-color-4)}.heading-color-5{color:var(--heading-color-5)}.heading-color-6{color:var(--heading-color-6)}.body-color-1{color:var(--body-color-1)}.body-color-2{color:var(--body-color-2)}.body-color-3{color:var(--body-color-3)}.body-color-4{color:var(--body-color-4)}.body-color-5{color:var(--body-color-5)}.body-color-6{color:var(--body-color-6)}.paragraph-color-1{color:var(--paragraph-color-1)}.paragraph-color-2{color:var(--paragraph-color-2)}.nav-color-1{color:var(--nav-color-1)}.nav-color-2{color:var(--nav-color-2)}.nav-color-3{color:var(--nav-color-3)}.nav-color-4{color:var(--nav-color-4)}.nav-color-5{color:var(--nav-color-5)}.button-color-1{background-color:var(--button-color-1)}.button-color-2{background-color:var(--button-color-2)}.button-color-3{background-color:var(--button-color-3)}.radio-check-color-1{accent-color:var(--button-color-1)}.accent-color-1{color:var(--accent-color-1)}.accent-color-2{color:var(--accent-color-2)}.accent-color-3{color:var(--accent-color-3)}.border-color-1{border-color:var(--global-color-1)}.border-color-2{border-color:var(--global-color-2)}.border-color-3{border-color:var(--global-color-3)}.border-color-4{border-color:var(--global-color-4)}.border-color-5{border-color:var(--global-color-5)}.border-color-accent-1{border-color:var(--accent-color-1)}.border-color-accent-2{border-color:var(--accent-color-2)}.border-color-accent-3{border-color:var(--accent-color-3)}.border-color-link{border-color:var(--link-color)}html{background-color:var(--global-color-1);color:var(--paragraph-color-1)}body{font-family:var(--font-body-1)}a{color:var(--link-color)}a:hover{color:var(--link-hover)}h1{font-family:var(--font-heading-1)}.font-body-1{font-family:var(--font-body-1)}.font-body-2{font-family:var(--font-body-2)}.font-heading-1{font-family:var(--font-heading-1)}.font-heading-2{font-family:var(--font-heading-2)}@if variable-exists(presenter-name-color){#page-presenters .presenter-name-color{color:var(--presenter-name-color)}}@if variable-exists(presenter-title-color){#page-presenters .presenter-title-color{color:var(--presenter-title-color)}}.grid{display:grid}.place-self-center{place-self:center}.text-xxs{font-size:.5rem}.section-header{@apply mb-0 uppercase tracking-wider}.section-subheader{@apply tracking-wider font-extralight}.contrast-border{border-color:saturate(mix(var(--global-color-1),desaturate(invert(var(--global-color-1)),100%),90%),5%)}.presenter-icon{@apply block mx-1}.presenter-icon svg{@apply w-6 h-auto}.presenter-icon-small{@apply block;margin:0 .2rem}.presenter-icon-small svg{@apply w-4 h-auto}.flex-basis-3{flex-basis:33%}.flex-basis-4{flex-basis:25%}.flex-basis-5{flex-basis:20%}.primary-link{@apply uppercase tracking-wider;font-size:.65rem}.body-copy{@apply paragraph-color-1 font-body-1 text-base leading-normal}.heading-primary{@apply heading-color-1 font-heading-1 leading-normal tracking-wider}.heading-secondary{@apply heading-color-2 font-heading-2 leading-normal tracking-wider}.heading-link{color:var(--body-color-3)}.heading-link:hover{color:saturate(mix(var(--body-color-3),desaturate(invert(var(--body-color-3)),100%),75%),0)}.presenter-name{@apply body-color-4 font-body-1}.presenter-title{@apply body-color-5 font-body-1}.hr-heading{align-items:center;display:grid;grid-template-columns:minmax(20px,1fr) auto minmax(20px,1fr);text-align:center;width:auto;grid-gap:.3em;color:var(--heading-color-5);margin-left:1em;margin-right:1em}.hr-heading:after,.hr-heading:before{border-top:1px solid;border-color:var(--accent-color-2);content:""}.tabs-details{max-height:523px;overflow-y:scroll}.tabs-details li:before{content:"—";@apply text-center mr-4 body-color-1;padding-bottom:.25rem}.conf-name-alignment{margin-top:-.2em}.invert{transform:rotate(180deg)}.span-no-spacing{margin-left:-3px}@if variable-exists(captions-font) and
   variable-exists(captions-text-color) and
   variable-exists(captions-bg-color){.jw-text-track-cue{background-color:var(--captions-bg-color)!important;color:var(--captions-text-color)!important;font-family:var(--captions-font)!important}}

package/dist/runtime/assets/postcss/_forms.css

@@ -1 +1 @@
-.form-input{@apply border rounded w-full py-2 px-3 text-gray-600 leading-tight}.form-input:focus{@apply outline-none shadow}.select-input{@apply border rounded w-full text-gray-600 leading-tight py-1 px-2 h-auto}.select-input:focus{@apply outline-none}.btn{@apply button-color-1 text-white tracking-wider font-bold uppercase py-2 px-4 rounded}.btn:hover{filter:brightness(130%)}.btn-secondary{@apply text-white button-color-2}.btn-secondary:hover{filter:brightness(130%)}.max-form-width{max-width:50ch}
+.form-input{@apply border rounded w-full py-2 px-3 text-gray-600 leading-tight}.form-input:focus{@apply outline-none shadow}.select-input{@apply border rounded w-full text-gray-600 leading-tight py-1 px-2 h-auto}.select-input:focus{@apply outline-none}.radio-check{@apply radio-check-color-1 mr-1}.btn{@apply button-color-1 text-white tracking-wider font-bold uppercase py-2 px-4 rounded}.btn:hover{filter:brightness(130%)}.btn-secondary{@apply text-white button-color-2}.btn-secondary:hover{filter:brightness(130%)}.max-form-width{max-width:50ch}

package/dist/runtime/components/auth/LoginFullWidth.vue

@@ -6,14 +6,16 @@ import { useLogin } from "../../composables/useLogin";
 import { useTemplateConfigsStore } from "../../store";
 
 interface Props {
+  title?: string | null;
   conference?: Conference | null;
 }
 
 const props = withDefaults(defineProps<Props>(), {
+  title: null,
   conference: null,
 });
 
-const { conference } = toRefs<Props>(props);
+const { title, conference } = toRefs<Props>(props);
 
 const { globalConfigValue } = storeToRefs(useTemplateConfigsStore());
 
@@ -25,6 +27,12 @@ const { loginError, handleLogin, email, password, tooManySessions, showReset } =
 <template>
   <div class="px-2">
     <div class="flex flex-1 flex-col text-center pt-8">
+      <h3
+          v-if="title"
+          class="py-8"
+        >
+          {{ title }}
+      </h3>
       <h1 class="mb-3 heading-color-3">
         Log In
       </h1>
@@ -67,7 +75,7 @@ const { loginError, handleLogin, email, password, tooManySessions, showReset } =
           class="form-input contrast-border mb-5"
           @keyup.enter="handleLogin()"
         >
-        <button 
+        <button
           v-if="!tooManySessions"
           class="btn"
           @click="handleLogin()"

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

@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import { ref, toRefs, computed } from 'vue';
 import { storeToRefs } from 'pinia';
-import { useRoute } from 'vue-router';
+import { useRoute, useRouter } from 'vue-router';
 import { usePresenters } from '../../composables/usePresenters';
 import { useNavigation } from '../../composables/useNavigation';
 import { useAuth } from '../../composables/useAuth';
@@ -79,6 +79,7 @@ const { getEnabled } = useNavigationConfigStore();
 const { getPresentersLabel } = usePresenters(currentConference as Ref<Conference>);
 
 const route = useRoute();
+const router = useRouter();
 
 const toggleMenu = () => {
   showMenu.value = !showMenu.value;
@@ -132,6 +133,15 @@ const emitStreamTest = (): void => {
   setPlayerConferenceEventHook.trigger(currentConference);
   setIsPlayerVisibleEventHook.trigger(true);
 };
+
+const logoutReload = (): void => {
+  logout()
+    .then(() => {
+      router.push('/');
+    })
+    .catch((error) => {
+    });
+}
 </script>
 
 <template>
@@ -250,7 +260,7 @@ const emitStreamTest = (): void => {
               <li :class="classBinding(classObject, 'logOutListItem', 'md:inline-block')">
                 <a
                   :class="classBinding(classObject, 'logOutLink', 'block md:inline-block w-auto md:w-full text-center cursor-pointer')"
-                  @click="logout"
+                  @click="logoutReload"
                 >Log Out</a>
               </li>
               <li

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

@@ -2,26 +2,25 @@
 import { ref, toRefs } from 'vue';
 
 type Props = {
-  options: any,
+  name?: string;
+  options: Array<{ name: string; value: string; }>;
 }
 
 const props = defineProps<Props>();
 
-const { options } = toRefs(props);
+const { name, options } = toRefs(props);
 
 // data
-// TODO - set type
-const currentValueArray = ref<any[]>([]);
+const currentValueArray = ref<string[]>([] as string[]);
 
 // emits
-// TODO - set value type
 const emit = defineEmits<{
-  (event: 'input', value: any): void;
+  (event: "update:modelValue", value: string[]): void;
 }>();
 
 // methods
-const onChange = (): void => {
-  emit('input', currentValueArray.value);
+const onChange = (e: any) => {
+  emit("update:modelValue", currentValueArray.value);
 };
 </script>
 
@@ -32,15 +31,16 @@ const onChange = (): void => {
       v-for="(option, index) in options"
       :key="index"
       class="mb-2 ml-4"
-    >                        
-      <p-check
+    >
+    <input
+        type="checkbox"
         v-model="currentValueArray"
+        :name="name"
         :value="option.value"
         @change="onChange"
-      >
-        {{ option.name }}
-      </p-check>
-    </div>   
-  </span>   
+        class="radio-check"
+      />
+      <label>{{ option.name }}</label>
+    </div>
+  </span>
 </template>
-

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

@@ -2,30 +2,23 @@
 import { toRefs } from 'vue';
 
 type Props = {
-  value: any,
-  options: any
+  name?: string;
+  value?: string;
+  options: Array<{ name: string; value: string; }>;
 }
 
 const props = defineProps<Props>();
 
-const { value, options } = toRefs(props);
+const { name, value, options } = toRefs(props);
 
 // emits
-// TODO - set value type
 const emit = defineEmits<{
-  (event: 'input', value: any): void;
+  (event: "update:modelValue", value: string): void;
 }>();
 
-// computed
-// TODO - what's this for?
-// what is <p-radio> ?
-const guid = () => {
-  return crypto.getRandomValues(new Uint32Array(2)).join('-');
-}
-
 // methods
-const onChange = (e: any): void => {
-  emit('input', e.target.value);
+const onChange = (e: any) => {
+  emit("update:modelValue", e.target.value);
 };
 </script>
 
@@ -37,14 +30,15 @@ const onChange = (e: any): void => {
       :key="index"
       class="mb-2 ml-4"
     >
-      <p-radio
+      <input
+        type="radio"
         v-model="value"
-        color="default"
+        :name="name"
         :value="option.value"
         @change="onChange"
-      >
-        {{ option.name }}
-      </p-radio>
-    </div>    
-  </span>   
+        class="radio-check"
+      />
+      <label>{{ option.name }}</label>
+    </div>
+  </span>
 </template>

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

@@ -1,27 +1,28 @@
 <script lang="ts" setup>
-import { toRefs } from 'vue';
+import { ref, toRefs } from 'vue';
 
 type Props = {
-  value: any,
-  options: any,
-  firstDisabled?: boolean
+  options: Array<{ name: string; value: string; }>;
+  firstDisabled?: boolean;
 }
 
 const props = withDefaults(defineProps<Props>(), {
   firstDisabled: false
 });
 
-const { value, options, firstDisabled } = toRefs(props);
+const { options, firstDisabled } = toRefs(props);
+
+// data
+const selectedValue = ref<string>("");
 
 // emits
-// TODO - set value type
 const emit = defineEmits<{
-  (event: 'input', value: any): void;
+  (event: "update:modelValue", value: string): void;
 }>();
 
 // methods
-const onInput = (e: any): void => {
-  emit('input', e.target.value);
+const onChange = () => {
+  emit("update:modelValue", selectedValue.value);
 };
 </script>
 
@@ -29,8 +30,8 @@ const onInput = (e: any): void => {
   <span>
     <select
       class="form-input"
-      :value="value"
-      @change="onInput"
+      v-model="selectedValue"
+      @change="onChange"
     >
       <option
         v-for="(option, index) in options"
@@ -43,5 +44,3 @@ const onInput = (e: any): void => {
     </select>
   </span>
 </template>
-
-

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

@@ -9,7 +9,7 @@ const emit = defineEmits<{
 
 const props = defineProps<Props>();
 
-const onInput = (e) => {
+const onInput = (e: any) => {
   emit("update:modelValue", e.target.value);
 };
 </script>

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

@@ -23,7 +23,7 @@ const emit = defineEmits<{
 }>();
 
 // methods
-const changeInput = (e) => {
+const changeInput = (e: any) => {
   emit("update:modelValue", e.target.value);
 };
 

package/dist/runtime/components/registration/RegistrationForm.vue

@@ -34,6 +34,7 @@ const loading = ref<boolean>(false);
 const errors = ref<{[key: string]: []}>({});
 const showLogin = ref<boolean>(false);
 const stripeComponent = ref();
+const newUser = ref();
 
 // computed
 const regButtonEnabled = computed((): boolean => {
@@ -107,7 +108,7 @@ const closeUserAcctError = (): void => {
 
 const getRegistrationFormData = (_group: string): void => {
   const request = useApi();
-  request(`groups/${_group}?with=registration_form.fields,merchant`)
+  request(`groups/${encodeURIComponent(_group)}?with=registration_form.fields,merchant`)
   // TODO - define type
   .then((response: any) => {
     group.value = response.data as Group;
@@ -189,10 +190,11 @@ const register = (ccToken: string = '') => {
   request(`groups/${group.value.id}/registration`, inputs)
   .then((response: any) => {
     if(isLoggedIn.value) {
-      router.push('/');
+      //router.push('/');
     }
     formComplete.value = true;
-    user.value = response;
+    // don't log in // user.value = response;
+    newUser.value = response;
   })
   .catch((error: IFetchError) => {
     errors.value = get(error?.response?._data, 'errors', {});
@@ -220,7 +222,7 @@ onMounted(() => {
       >
         <h3
           v-if="group.name"
-          class="py-8 font-light"
+          class="py-8"
         >
           Please complete the registration form below for {{ group.name }}.
         </h3>
@@ -239,6 +241,10 @@ onMounted(() => {
                 class="block body-color-1 mb-1"
               >
                 {{ field.label }}
+                <span
+                  v-if="field.validation.required"
+                  class="text-red-500"
+              >*</span>
               </label>
 
               <!-- Input / Password -->
@@ -272,6 +278,7 @@ onMounted(() => {
               <span v-if="field.type == 'select'">
                 <CommonSelectDropDown
                   v-model="formInputs[field.name]"
+                  :required="field.validation.required"
                   :options="field.options"
                   :first-disabled="true"
                 />
@@ -281,6 +288,8 @@ onMounted(() => {
               <span v-if="field.type == 'checkbox'">
                 <CommonCheckboxGroup
                   v-model="formInputs[field.name]"
+                  :name="field.name"
+                  :required="field.validation.required"
                   :options="field.options"
                 />
               </span>
@@ -289,6 +298,8 @@ onMounted(() => {
               <span v-if="field.type == 'radiogroup'">
                 <CommonRadioGroup
                   v-model="formInputs[field.name]"
+                  :name="field.name"
+                  :required="field.validation.required"
                   :options="field.options"
                 />
               </span>
@@ -307,7 +318,7 @@ onMounted(() => {
                 :errors="errors[field.name]"
               />
               <CommonErrorField
-                v-if="field.name == 'email' && (errors.user != undefined && errors.user.length)"
+                v-if="field.name == 'email' && errors.user?.length"
                 :errors="errors.user"
               />
             </div>
@@ -326,7 +337,7 @@ onMounted(() => {
 
           <!-- error field when email field/error is hidden -->
           <CommonErrorField
-            v-if="isLoggedIn && errors.user.length"
+            v-if="isLoggedIn && errors.user?.length"
             class="mt-3"
             :errors="errors.user"
           />
@@ -374,21 +385,16 @@ onMounted(() => {
       <br>
 
       <div
-        v-if="user && formComplete"
+        v-if="newUser && formComplete"
         class="w-full mx-auto max-form-width"
-      >
-        <template v-if="user.name">
-          <h2 class="mb-4">
-            {{ user.name }}
-          </h2>
-        </template>
+      >{{ group.registration_message }}
         <CommonDynamicHtml
           v-if="group.registration_message"
           :template="group.registration_message"
         />
         <CommonLoginFullWidth
           v-else-if="!user"
-          title="Thank you for registering. Please log in to continue to your event."
+          title="Thank you for registering.<br />Please log in to continue to your event."
         />
         <span v-else>
           You are now registered for <span class="font-bold"><i>{{ group.name }}</i></span>.

package/dist/runtime/store/auth.mjs

@@ -3,20 +3,18 @@ import { merge } from "lodash-es";
 import { DateTime } from "luxon";
 import { useApi } from "../composables/useApi.mjs";
 import { useConferencesStore } from "./conferences.mjs";
-import {
-  loginEventHook
-} from "../composables/useEventHooks.mjs";
+import { loginEventHook } from "../composables/useEventHooks.mjs";
 export const useAuthStore = defineStore("auth", {
   persist: {
     afterRestore(context) {
       if (context.store.$state.user) {
         const user = context.store.$state.user;
         const now = DateTime.now().setZone("utc");
-        const expiration = DateTime.fromFormat(
+        const expiration = user.expires_at ? DateTime.fromFormat(
           user.expires_at,
           "yyyy-MM-dd HH:mm:ss",
           { zone: "utc" }
-        );
+        ) : now;
         if (now >= expiration) {
           console.log("Auth expired: Pinia auth store reset.");
           context.store.reset();

package/package.json

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