@icvdeveloper/common-module 2.4.0 → 2.5.0

package/CHANGELOG.md

@@ -7,6 +7,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## Unreleased
 
+## 2.5.0 - 2025-07-17
+
+## 2.4.1 - 2025-07-02
+
 ## 2.4.0 - 2025-07-02
 
 ## 2.3.8 - 2025-06-11

package/dist/module.json

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

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

@@ -4,6 +4,7 @@ import { storeToRefs } from "pinia";
 import type { Conference } from "../../models/conference";
 import { useLogin } from "../../composables/useLogin";
 import { useTemplateConfigsStore } from "../../store";
+import { usePortalStore } from "../../store";
 
 interface Props {
   title?: string | null;
@@ -17,11 +18,23 @@ const props = withDefaults(defineProps<Props>(), {
 
 const { title, conference } = toRefs<Props>(props);
 
+const { data:portal } = storeToRefs(usePortalStore());
 const { globalConfigValue } = storeToRefs(useTemplateConfigsStore());
 
+// emits
+const emit = defineEmits<{
+  (event: "showResetRequest"): void;
+
+}>();
+
 // Methods
-const { loginError, handleLogin, email, password, tooManySessions, showReset } =
+const { loginError, handleLogin, email, password, tooManySessions } =
   useLogin(conference);
+
+const showResetRequest = () => {
+  emit("showResetRequest");
+};
+
 </script>
 
 <template>
@@ -45,15 +58,15 @@ const { loginError, handleLogin, email, password, tooManySessions, showReset } =
         Invalid email or password.
         <br>
         <a
-          v-if="!globalConfigValue('secure_site_access_enabled', false)"
-          href="/login/email"
+          v-if="portal.is_virtual_template || globalConfigValue('secure_site_access_enabled', false)"
+          class="cursor-pointer"
+          @click="showResetRequest"
         >
           Forgot Your Password?
         </a>
         <a
-          v-if="globalConfigValue('secure_site_access_enabled', false)"
-          class="cursor-pointer"
-          @click="showReset"
+          v-else
+          href="/login/email"
         >
           Forgot Your Password?
         </a>

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

@@ -1,37 +1,60 @@
 <script lang="ts" setup>
 import { ref, toRefs } from "vue";
+import { useRoute } from "vue-router";
+import { forIn } from 'lodash-es';
 import { useAuthStore } from "../../store/auth";
+import type { TextInputClassObj } from "../../@types/components";
+import { useClassBinding } from "../../composables/useClassBinding";
 
 interface Props {
   isCentered?: boolean;
+  classObject?: TextInputClassObj;
 }
 
 const props = withDefaults(defineProps<Props>(), {
   isCentered: false,
+  classObject: () => {
+    return {
+      classObject: ref<TextInputClassObj>({
+        container: "",
+      }),
+    };
+  },
 });
 
 // data
+const route = useRoute();
+
 const { isCentered } = toRefs(props);
+const { classBinding } = useClassBinding();
+
 const loading = ref<boolean>(false);
+const token = ref<string>("");
 const email = ref<string>("");
+const password = ref<string>("");
+const password_confirmation = ref<string>("");
 const message = ref<null | string>(null);
 const errors = ref<Array<any>>([]);
 
+
 // methods
 const { passwordReset } = useAuthStore();
 const submitPasswordReset = () => {
   loading.value = true;
   message.value = null;
   errors.value = [];
-  passwordReset(email.value)
+  token.value = route.params.token;
+  passwordReset(email.value, password.value, password_confirmation.value, token.value)
     .then((response) => {
-      message.value = response.data.message;
+      message.value = response.message;
     })
     .catch((error) => {
-      if (error.response.status === 422) {
-        errors.value = error.response.data.errors;
+      if (error.response?._data?.errors) {
+        forIn(error.response._data.errors, function(obj, key) {
+          errors.value = errors.value.concat(obj);
+        });
       } else {
-        errors.value = ["Error requesting password reset."];
+        errors.value = ["Error resetting password."];
       }
     })
     .finally(() => {
@@ -41,9 +64,12 @@ const submitPasswordReset = () => {
 </script>
 
 <template>
-  <div :class="isCentered ? 'w-full max-w-xs mx-auto' : ''">
+  <div
+    :class="isCentered ? 'w-full max-w-xs mx-auto text-center' : ''"
+    class="pt-8"
+  >
     <div class="mb-4">
-      Enter your email address to reset your password.
+      Please enter your email address and new password in order to reset your password.
     </div>
     <CommonMessage
       v-if="message"
@@ -55,20 +81,27 @@ const submitPasswordReset = () => {
       v-if="errors.length > 0"
       :success="false"
     >
-      {{ errors[0] }}
+      {{ errors.join(" ") }}
     </CommonMessage>
-    <div @keyup.enter="submitPasswordReset()">
-      <CommonTextInput
-        v-model="email"
-        placeholder="Email"
-        type="email"
-      />
+    <div
+      v-if="!message"
+      @keyup.enter="submitPasswordReset()"
+      >
+      <div class="py-2">
+          <input type="email" id="email" placeholder="Email" class="form-input" v-model="email" required>
+      </div>
+      <div class="py-2">
+          <input type="password" id="password" class="form-input" placeholder="Password" v-model="password" required>
+      </div>
+      <div class="py-2">
+          <input type="password" id="password_confirmation" class="form-input" placeholder="Confirm Password" v-model="password_confirmation" required>
+      </div>
       <button
         class="btn my-2"
         @click="submitPasswordReset()"
       >
         <span v-if="loading">Processing...</span>
-        <span v-else>Send Password Reset Link</span>
+        <span v-else>Update Password</span>
       </button>
     </div>
   </div>

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

@@ -0,0 +1,97 @@
+<script lang="ts" setup>
+import { ref, toRefs } from "vue";
+import { useAuthStore } from "../../store/auth";
+import type { TextInputClassObj } from "../../@types/components";
+import { useClassBinding } from "../../composables/useClassBinding";
+
+interface Props {
+  isCentered?: boolean;
+  classObject?: TextInputClassObj;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  isCentered: false,
+  classObject: () => {
+    return {
+      classObject: ref<TextInputClassObj>({
+        container: "",
+      }),
+    };
+  },
+});
+
+// data
+const { isCentered } = toRefs(props);
+const { classBinding } = useClassBinding();
+
+const loading = ref<boolean>(false);
+const email = ref<string>("");
+const message = ref<null | string>(null);
+const errors = ref<Array<any>>([]);
+
+// methods
+const { passwordResetRequest } = useAuthStore();
+const submitPasswordResetRequest = () => {
+  loading.value = true;
+  message.value = null;
+  errors.value = [];
+  passwordResetRequest(email.value)
+    .then((response) => {
+      message.value = response.message;
+    })
+    .catch((error) => {
+      if (error.response.status === 401 && error.response?._data?.errors?.email) {
+        errors.value = error.response?._data?.errors?.email;
+      } else {
+        errors.value = ["Error requesting password reset."];
+      }
+    })
+    .finally(() => {
+      loading.value = false;
+    });
+};
+</script>
+
+<template>
+  <div
+    :class="isCentered ? 'w-full max-w-xs mx-auto text-center' : ''"
+    class="pt-8"
+  >
+    <div class="mb-4">
+      Enter your email address to reset your password.
+    </div>
+    <CommonMessage
+      v-if="message"
+      :success="true"
+    >
+      {{ message }}
+    </CommonMessage>
+    <CommonMessage
+      v-if="errors.length > 0"
+      :success="false"
+    >
+      {{ errors[0] }}
+    </CommonMessage>
+    <div @keyup.enter="submitPasswordResetRequest()">
+      <CommonTextInput
+        v-model="email"
+        placeholder="Email"
+        type="email"
+        :class="
+          classBinding(
+            classObject,
+            'container',
+            'form-input contrast-border mb-2'
+          )
+        "
+      />
+      <button
+        class="btn my-2"
+        @click="submitPasswordResetRequest()"
+      >
+        <span v-if="loading">Processing...</span>
+        <span v-else>Send Password Reset Link</span>
+      </button>
+    </div>
+  </div>
+</template>

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

@@ -106,7 +106,7 @@ const isSearchEnabled = computed((): boolean => {
 // methods
 const emitLoginModal = (): void => {
   const modalContent: ContentData = {};
-  modalContent.contentType = 'registration';
+  modalContent.contentType = 'login';
   modalContentEventHook.trigger(modalContent);
 };
 

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

@@ -11,5 +11,6 @@ export declare const useAuthStore: import("pinia").StoreDefinition<"auth", AuthS
     login(params: LoginParams): Promise<AuthUser>;
     logout(): Promise<void>;
     update(data: AuthUser): Promise<void>;
-    passwordReset(email: string): Promise<any>;
+    passwordResetRequest(email: string): Promise<any>;
+    passwordReset(email: string, password: string, password_confirmation: string, token: string): Promise<any>;
 }>;

package/dist/runtime/store/auth.mjs

@@ -103,7 +103,7 @@ export const useAuthStore = defineStore("auth", {
         }
       });
     },
-    passwordReset(email) {
+    passwordResetRequest(email) {
       return new Promise((resolve, reject) => {
         const request = useApi();
         request("portal-send-password-reset", {
@@ -115,6 +115,24 @@ export const useAuthStore = defineStore("auth", {
           reject(error);
         });
       });
+    },
+    passwordReset(email, password, password_confirmation, token) {
+      return new Promise((resolve, reject) => {
+        const request = useApi();
+        request("portal-reset-password", {
+          method: "POST",
+          body: {
+            email,
+            password,
+            password_confirmation,
+            token
+          }
+        }).then((response) => {
+          resolve(response);
+        }).catch((error) => {
+          reject(error);
+        });
+      });
     }
   }
 });

package/package.json

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