As an user, in case my account have expirated, I want to be informed and have a process to reactivate my account

[jdauphant]

Your use case

In case your account is disactivate, inform the user and permit to send an email to reactivate the account

Have you considered any alternatives?

No response

Additional context

No response

Keywords : expiration renew

[estellecomment]

Is this the deactivation for which you need to click a link in your email ? ("Renouvelez votre compte tchap")
If so, the backend sends the link, and the link is a page served by the backend, so there is nothing to do on the frontend.

[jdauphant]

There is an alerting popup in the frontend that inform the desactivation of the account and permit the reactivation of the account.

[jdauphant]

(I don't have the screenshot)

[jdauphant]

On tchap-web-v2 :

[jdauphant]

There is proposition with a code to enter : https://github.com/tchapgouv/tchap-design/issues/26

[mcalinghee]

On tchap-web-v4 :

[estellecomment]

Let's try à beta without this. (if it's a blocker we'll reconsider)

[jdauphant]

We can implement with something like that :

        let newEmailRequested = false;
 /**
     * React on Sync State Changed
     * @param state 
     * @param prevState 
     * @param data 
     */
    static onSyncStateChange(state: SyncState, prevState: SyncState, data: ISyncStateData) {
        if (data && data.error && data.error.errcode === "ORG_MATRIX_EXPIRED_ACCOUNT") {
            Modal.createTrackedDialog('Expired Account Dialog', '', ExpiredAccountDialog, {
                newEmailRequested: newEmailRequested,
                onRequestNewEmail: () => {
                    newEmailRequested = true;
                    TchapUtils.requestNewExpiredAccountEmail();
                },
                onFinished: () => {
                    newEmailRequested = false;
                },
            });
        }
    }

    static setupExpirationAccount() {
        const cli = MatrixClientPeg.get();

        this.boundOnSyncStateChange = this.boundOnSyncStateChange || this.onSyncStateChange.bind(this);

        cli.on(ClientEvent.Sync, this.boundOnSyncStateChange);

    }

     /**
     * Request a new validation email for expired account.
     */
     static requestNewExpiredAccountEmail() {
        const homeserverUrl = MatrixClientPeg.get().getHomeserverUrl();
        const accessToken = MatrixClientPeg.get().getAccessToken();
        const url = `${homeserverUrl}/_matrix/client/unstable/account_validity/send_mail`;
        const options = {https://github.com/matrix-org/synapse-email-account-validity
            method: 'POST',
            headers: {
                Authorization: `Bearer ${accessToken}`,
            },
        };

        fetch(url, options);
    }
}

(source https://github.com/tchapgouv/matrix-react-sdk-v3/blob/develop/src/components/structures/MatrixChat.tsx#L1328-L1342 )

Other tasks :

• find where we should call setupExpirationAccount to initiate the call
• Integrate the dialog : https://github.com/tchapgouv/matrix-react-sdk-v3/blob/develop/src/tchap/components/dialogs/ExpiredAccountDialog.js
• Convert the dialog to typescript

We can modularize as module called "matrix-react-email-account-validity", it would be nice (I could be a generic plugin that work with https://github.com/matrix-org/synapse-email-account-validity).