Facilitate 'Ask Password' Email Resend and Alter 'Reset Password' Button Logic (wso2#7992)

* Add resend options for ask password and force password reset flows

* Add set password option for ask passwrod flow

* Update the force password reset disabling logic

Author: AfraHussaindeen

.changeset/grumpy-frogs-travel.md

@@ -0,0 +1,8 @@
+---
+"@wso2is/admin.users.v1": patch
+"@wso2is/admin.core.v1": patch
+"@wso2is/i18n": patch
+"@wso2is/console": patch
+---
+
+Facilitate 'Ask Password' Email Resend and Alter 'Reset Password' Button Logic

features/admin.core.v1/store/reducers/config.ts

@@ -147,6 +147,7 @@ export const commonConfigReducerInitialState: CommonConfigReducerStateInterface<
             remoteLogPublishEndpoint: "",
             remoteLogging: "",
             requestPathAuthenticators: "",
+            resendCode: "",
             resourceTypes: "",
             roles: "",
             rolesV2: "",

features/admin.users.v1/api/users.ts

@@ -31,6 +31,7 @@ import { AxiosError, AxiosResponse } from "axios";
 import { UserManagementConstants } from "../constants";
 import { SCIMBulkEndpointInterface } from "../models/endpoints";
 import {
+    ResendCodeRequestData,
     UserDetailsInterface,
     UserListInterface,
     UserSessionsInterface
@@ -470,3 +471,48 @@ export const terminateAllUserSessions = (userId: string): Promise<AxiosResponse>
                 error.config);
         });
 };
+
+/**
+ * Resends the verification code/link for a user. This supports scenarios such as resending the
+ * verification link or code needed to complete an admin-forced password reset, resending an account
+ * confirmation link or code, and similar use cases.
+ *
+ * @param data - The request payload containing user information and properties.
+ * @returns A promise that resolves when the code is sent successfully.
+ * @throws `IdentityAppsApiException` if the request fails or if the response status is not as expected.
+ */
+export const resendCode = (data: ResendCodeRequestData): Promise<void> => {
+
+    const requestConfig: RequestConfigInterface = {
+        data,
+        headers: {
+            "Content-Type": "application/json"
+        },
+        method: HttpMethods.POST,
+        url: store.getState().config.endpoints.resendCode
+    };
+
+    return httpClient(requestConfig)
+        .then((response: AxiosResponse) => {
+            if (response.status !== 201) {
+                throw new IdentityAppsApiException(
+                    UserManagementConstants.RESEND_CODE_REQUEST_ERROR,
+                    null,
+                    response.status,
+                    response.request,
+                    response,
+                    response.config);
+            }
+
+            return Promise.resolve();
+        })
+        .catch((error: AxiosError) => {
+            throw new IdentityAppsApiException(
+                UserManagementConstants.RESEND_CODE_REQUEST_ERROR,
+                error.stack,
+                error.code,
+                error.request,
+                error.response,
+                error.config);
+        });
+};

features/admin.users.v1/components/user-change-password.tsx

@@ -83,6 +83,11 @@ interface ChangePasswordPropsInterface extends TestableComponentInterface {
      * Handles force password reset trigger.
      */
     handleForcePasswordResetTrigger?: () => void;
+    /**
+     * Flag to identify if this is a password reset operation.
+     * When false, it indicates that a new password is being set (Usage: in the ask password flow).
+     */
+    isResetPassword?: boolean;
 }
 
 /**
@@ -103,6 +108,7 @@ export const ChangePasswordComponent: FunctionComponent<ChangePasswordPropsInter
         handleCloseChangePasswordModal,
         connectorProperties,
         handleForcePasswordResetTrigger,
+        isResetPassword = true,
         [ "data-testid" ]: testId
     } = props;
 
@@ -585,11 +591,15 @@ export const ChangePasswordComponent: FunctionComponent<ChangePasswordPropsInter
         updateUserInfo(user.id, data).then(() => {
             onAlertFired({
                 description: t(
-                    "user:profile.notifications.changeUserPassword.success.description"
+                    isResetPassword
+                        ? "user:profile.notifications.changeUserPassword.success.description"
+                        : "user:profile.notifications.setUserPassword.success.description"
                 ),
                 level: AlertLevels.SUCCESS,
                 message: t(
-                    "user:profile.notifications.changeUserPassword.success.message"
+                    isResetPassword
+                        ? "user:profile.notifications.changeUserPassword.success.message"
+                        : "user:profile.notifications.setUserPassword.success.message"
                 )
             });
             handleCloseChangePasswordModal();
@@ -599,22 +609,35 @@ export const ChangePasswordComponent: FunctionComponent<ChangePasswordPropsInter
             .catch((error: any) => {
                 if (error.response && error.response.data && error.response.data.detail) {
                     onAlertFired({
-                        description: t("user:profile.notifications.changeUserPassword.error.description",
-                            { description: error.response.data.detail }),
+                        description: t(
+                            isResetPassword
+                                ? "user:profile.notifications.changeUserPassword.error.description"
+                                : "user:profile.notifications.setUserPassword.error.description",
+                            { description: error.response.data.detail }
+                        ),
                         level: AlertLevels.ERROR,
-                        message: t("user:profile.notifications.changeUserPassword.error." +
-                        "message")
+                        message: t(
+                            isResetPassword
+                                ? "user:profile.notifications.changeUserPassword.error.message"
+                                : "user:profile.notifications.setUserPassword.error.message"
+                        )
                     });
 
                     return;
                 }
 
                 onAlertFired({
-                    description: t("user:profile.notifications.changeUserPassword" +
-                        ".genericError.description"),
+                    description: t(
+                        isResetPassword
+                            ? "user:profile.notifications.changeUserPassword.genericError.description"
+                            : "user:profile.notifications.setUserPassword.genericError.description"
+                    ),
                     level: AlertLevels.ERROR,
-                    message: t("user:profile.notifications.changeUserPassword.genericError." +
-                        "message")
+                    message: t(
+                        isResetPassword
+                            ? "user:profile.notifications.changeUserPassword.genericError.message"
+                            : "user:profile.notifications.setUserPassword.genericError.message"
+                    )
                 });
                 handleCloseChangePasswordModal();
                 handleModalClose();
@@ -629,7 +652,7 @@ export const ChangePasswordComponent: FunctionComponent<ChangePasswordPropsInter
      * configured in the server.
      */
     const resolveModalContent = () => {
-        if (governanceConnectorProperties?.length > 1) {
+        if (isResetPassword && governanceConnectorProperties?.length > 1) {
             return (
                 <>
                     <Grid.Row>
@@ -671,7 +694,9 @@ export const ChangePasswordComponent: FunctionComponent<ChangePasswordPropsInter
                         <Grid.Column mobile={ 16 } tablet={ 16 } computer={ 14 }>
                             <Message
                                 type="warning"
-                                content={ t("user:modals.changePasswordModal.message") }
+                                content={ isResetPassword
+                                    ? t("user:modals.changePasswordModal.message")
+                                    : t("user:modals.setPasswordModal.message") }
                             />
                         </Grid.Column>
                     </Grid.Row>
@@ -687,7 +712,9 @@ export const ChangePasswordComponent: FunctionComponent<ChangePasswordPropsInter
             size="tiny"
         >
             <Modal.Header>
-                { t("user:modals.changePasswordModal.header") }
+                { isResetPassword
+                    ? t("user:modals.changePasswordModal.header")
+                    : t("user:modals.setPasswordModal.header") }
             </Modal.Header>
             <Modal.Content>
                 <Forms
@@ -717,7 +744,9 @@ export const ChangePasswordComponent: FunctionComponent<ChangePasswordPropsInter
                                 disabled={ isSubmitting }
                                 onClick={ () => setTriggerSubmit() }
                             >
-                                { t("user:modals.changePasswordModal.button") }
+                                { isResetPassword
+                                    ? t("user:modals.changePasswordModal.button")
+                                    : t("user:modals.setPasswordModal.button") }
                             </PrimaryButton>
                             <LinkButton
                                 data-testid={ `${ testId }-cancel-button` }

features/admin.users.v1/components/user-profile.scss

@@ -66,3 +66,9 @@
         flex-direction: row;
     }
 }
+
+.user-profile-alert {
+    .link.pointing {
+        margin-left: 0.2em;
+    }
+}