@icvdeveloper/common-module 2.4.1 → 2.5.1

package/CHANGELOG.md

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

package/dist/module.json

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

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

@@ -8,22 +8,24 @@ import { usePortalStore } from "../../store";
 
 interface Props {
   title?: string | null;
+  message?: string | null;
   conference?: Conference | null;
 }
 
 const props = withDefaults(defineProps<Props>(), {
   title: null,
+  message: null,
   conference: null,
 });
 
-const { title, conference } = toRefs<Props>(props);
+const { title, message, conference } = toRefs<Props>(props);
 
 const { data:portal } = storeToRefs(usePortalStore());
 const { globalConfigValue } = storeToRefs(useTemplateConfigsStore());
 
 // emits
 const emit = defineEmits<{
-  (event: "showReset"): void;
+  (event: "showResetRequest"): void;
 
 }>();
 
@@ -31,8 +33,8 @@ const emit = defineEmits<{
 const { loginError, handleLogin, email, password, tooManySessions } =
   useLogin(conference);
 
-const showReset = () => {
-  emit("showReset");
+const showResetRequest = () => {
+  emit("showResetRequest");
 };
 
 </script>
@@ -49,6 +51,14 @@ const showReset = () => {
       <h1 class="mb-3 heading-color-3">
         Log In
       </h1>
+      <!-- message -->
+      <CommonMessage
+        v-if="message && !loginError"
+        :success="true"
+        class="w-full max-w-xs mx-auto"
+      >
+        {{ message }}
+      </CommonMessage>
       <!-- error messages -->
       <CommonMessage
         v-if="loginError"
@@ -60,7 +70,7 @@ const showReset = () => {
         <a
           v-if="portal.is_virtual_template || globalConfigValue('secure_site_access_enabled', false)"
           class="cursor-pointer"
-          @click="showReset"
+          @click="showResetRequest"
         >
           Forgot Your Password?
         </a>

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

@@ -1,5 +1,7 @@
 <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";
@@ -20,31 +22,44 @@ const props = withDefaults(defineProps<Props>(), {
   },
 });
 
+// emits
+const emit = defineEmits<{
+  (event: 'showLogin', value: string): void
+}>();
+
 // data
+const route = useRoute();
+const { passwordReset } = useAuthStore();
+
 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.message;
+      emit("showLogin", message.value);
     })
     .catch((error) => {
-      console.log("error.response._data.errors", typeof(error.response?._data?.errors));
-      if (error.response.status === 401 && error.response?._data?.errors?.email) {
-        errors.value = error.response?._data?.errors?.email;
+      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(() => {
@@ -59,7 +74,7 @@ const submitPasswordReset = () => {
     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"
@@ -71,27 +86,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"
-        :class="
-          classBinding(
-            classObject,
-            'container',
-            'form-input contrast-border mb-2'
-          )
-        "
-      />
+    <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,98 @@
+<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',
+            '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/components/forms/TextInput.vue

@@ -33,7 +33,7 @@ const { classObject } = toRefs(props);
 
 <template>
   <input
-    :class="classBinding(classObject, 'container', 'form-input px-2 py-1')"
+    :class="classBinding(classObject, 'container', 'form-input')"
     :type="type"
     :value="props.modelValue"
     :placeholder="placeholder"

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.1",
+  "version": "2.5.1",
   "license": "MIT",
   "type": "module",
   "exports": {