Update the provider loggin doc + display absolute redirect uri in front

Signed-off-by: Pierre Noël <petersg83@gmail.com>

docs/v3.x/plugins/users-permissions.md

@@ -156,53 +156,95 @@ axios
 
 Thanks to [Grant](https://github.com/simov/grant) and [Purest](https://github.com/simov/purest), you can easily use OAuth and OAuth2 providers to enable authentication in your application.
 
-Before setting up a provider, you'll need to install the `ngrok` package globally to work with providers that don't allow `localhost` redirect URIs.
+For better understanding, you may find as follows the description of the login flow. To simplify the explanation, we used `github` as the provider but it works the same for the other providers.
 
-In the following examples, the client app will be the [react login examples app](https://github.com/strapi/strapi-examples/tree/master/login-react). It will be running on `http://localhost:3000`.
+#### Understanding the login flow
+
+Let's say that strapi's backend is located at: strapi.website.fr.
+Let's say that your app frontend is located at: website.fr.
+
+1. The user goes on your frontend app (`https://website.fr`) and click on your button `connect with Github`.
+2. The frontend redirect the tab to `https://strapi.website.fr/connect/github` that calls the backend.
+3. The backend redirects the tab to the github login page where the user logs in.
+4. Once done, Github redirects the tab to `https://strapi.website.fr/connect/github/callback?code=abcdef` that calls the backend
+5. The backend uses the given `code` to get from Github an `access_token` that can be used for a period of time to make authorized requests to Github to get the user info (the email of the user of example).
+6. Then, the backend redirects the tab to the url of your choice with the param `access_token` (example: `http://website.fr/connect/github/redirect?access_token=eyfvg`)
+7. The frontend (`http://website.fr/connect/github/redirect`) calls the backend with `https://strapi.website.fr/auth/github/callback?access_token=eyfvg` that returns the strapi user profile with its `jwt`. <br> (Under the hood, the backend asks Github for the user's profile and a match is done on Github user's email address and Strapi user's email address)
+8. The frontend now possesses the user's `jwt`, with means the user is connected and the frontend can make authenticated requests to the backend!
+
+An example of a frontend app that handles this flow can be found here: [react login example app](https://github.com/strapi/strapi-examples/tree/master/login-react).
+
+#### Setting up the server url
+
+Before setting up a provider, you need to specify the absolute url of your backend in `server.js`.
+
+**example -** `config/server.js`
+
+```js
+module.exports = ({ env }) => ({
+  host: env('HOST', '0.0.0.0'),
+  port: env.int('PORT', 1337),
+  url: env('', 'http://localhost:1337'),
+});
+```
+
+:::tip
+Later on you will give this url to your provider. <br> For development, some providers accept the use of localhost urls but many don't. In this case we recommand to use [ngrok](https://ngrok.com/docs) (`ngrok http 1337`) that will make a proxy tunnel from a url it created to your localhost url (ex: `url: env('', 'https://5299e8514242.ngrok.io'),`).
+:::
+
+#### Setting up the provider - examples
+
+Instead of a generic explanation, for better understanding, we decided to show an example for each provider.
+
+In the following examples, the frontend app will be the [react login example app](https://github.com/strapi/strapi-examples/tree/master/login-react). <br>
+It (the frontend app) will be running on `http://localhost:3000`. <br>
+Strapi (the backend) will be running on `http://localhost:1337`.
+
+:::tip
+If you use [react login example app](https://github.com/strapi/strapi-examples/tree/master/login-react), don't forget to specify the `BACKEND_URL` in `src/config.js`. If you use ngrok it is the ngrok url, otherwise it is `http://localhost:1337`.
+:::
 
 :::: tabs
 
 ::: tab GitHub
 
-#### Setup the server
+#### Using ngrok
 
-Use `ngrok` to serve the frontend app.
+Github doesn't accept `localhost` urls. <br>
+Use `ngrok` to serve the backend app.
 
 ```
-ngrok http 3000
+ngrok http 1337
 ```
 
 #### Github configuration
 
-- Visit the OAuth Apps list page <br> [https://github.com/settings/developers](https://github.com/settings/developers)
+- Visit the OAuth Apps list page [https://github.com/settings/developers](https://github.com/settings/developers)
 - Click on **New OAuth App** button
-
-Then fill the informations:
-
-- **Application name**: Strapi GitHub auth
-- **Homepage URL**: `https://65e60559.ngrok.io`
-- **Application description**: Strapi provider auth description
-- **Authorization callback URL**: `https://65e60559.ngrok.io/connect/github`
+- Fill the information (replace with your own ngrok url):
+  - **Application name**: Strapi GitHub auth
+  - **Homepage URL**: `https://65e60559.ngrok.io`
+  - **Application description**: Strapi provider auth description
+  - **Authorization callback URL**: `https://65e60559.ngrok.io/connect/github/callback`
 
 #### Strapi configuration
 
 - Visit the User Permissions provider settings page <br> [http://localhost:1337/admin/plugins/users-permissions/providers](http://localhost:1337/admin/plugins/users-permissions/providers)
 - Click on the **GitHub** provider
-
-Then fill the information:
-
-- **Enable**: `ON`
-- **Client ID**: 53de5258f8472c140917
-- **Client Secret**: fb9d0fe1d345d9ac7f83d7a1e646b37c554dae8b
-- **The redirect URL to your front-end app**: `https://65e60559.ngrok.io/connect/github`
+- Fill the information (replace with your own client ID and secret):
+  - **Enable**: `ON`
+  - **Client ID**: 53de5258f8472c140917
+  - **Client Secret**: fb9d0fe1d345d9ac7f83d7a1e646b37c554dae8b
+  - **The redirect URL to your front-end app**: `http://localhost:3000/connect/github/redirect`
 
 :::
 
 ::: tab Facebook
 
-#### Setup the server
+#### Using ngrok
 
-Use `ngrok` to serve the server app.
+Facebook doesn't accept `localhost` urls. <br>
+Use `ngrok` to serve the backend app.
 
 ```
 ngrok http 1337
@@ -215,32 +257,31 @@ ngrok http 1337
 - Fill the **Display Name** in the modal and create the app
 - Setup a **Facebook Login** product
 - Click on the **PRODUCTS > Facebook login > Settings** link in the left menu
-
-Then fill the informations:
-
-- **Valid OAuth Redirect URIs**: `https://559394cd.ngrok.io/connect/facebook/callback`
-
-To access the Application ID and secret:
-
-- Click on **Settings** in the left menu
+- Fill the information and save (replace with your own ngrok url):
+  - **Valid OAuth Redirect URIs**: `https://65e60559.ngrok.io/connect/facebook/callback`
+- Then, click on **Settings** in the left menu
 - Then on **Basic** link
+- You should see your Application ID and secret, save them for later
 
 #### Strapi configuration
 
 - Visit the User Permissions provider settings page <br> [http://localhost:1337/admin/plugins/users-permissions/providers](http://localhost:1337/admin/plugins/users-permissions/providers)
 - Click on the **Facebook** provider
-
-Then fill the informations:
-
-- **Enable**: `ON`
-- **Client ID**: 2408954435875229
-- **Client Secret**: 4fe04b740b69f31ea410b9391ff3b5b0
-- **The redirect URL to your front-end app**: `http://localhost:3000/connect/facebook`
+- Fill the information (replace with your own client ID and secret):
+  - **Enable**: `ON`
+  - **Client ID**: 2408954435875229
+  - **Client Secret**: 4fe04b740b69f31ea410b9391ff3b5b0
+  - **The redirect URL to your front-end app**: `http://localhost:3000/connect/facebook/redirect`
 
 :::
 
 ::: tab Google
 
+#### Using ngrok
+
+Google accepts the `localhost` urls. <br>
+The use of `ngrok` is not needed.
+
 #### Google configuration
 
 - Visit the Google Developer Console <br> [https://console.developers.google.com/](https://console.developers.google.com/)
@@ -251,80 +292,76 @@ Then fill the informations:
 Wait a few seconds while the application is created.
 
 - On the project dropdown, select your new project
-- Click on **Go to APIs overview** Under the **APIs** card
+- Click on **Go to APIs overview** under the **APIs** card
 - Then click on the **Credentials** link in the left menu
 - Click on **OAuth consent screen** button
-- Chose **External** and click on **create**
+- Choose **External** and click on **create**
 - Fill the **Application name** and save
 - Then click on **Create credentials** button
-- Chose **OAuth client ID** option
-
-Then fill the informations:
-
-- **Name**: `Strapi Auth`
-- **Authorized redirect URIs**: `http://localhost:1337/connect/google/callback`
-
-To access the Client ID and secret:
-
+- Choose **OAuth client ID** option
+- Fill the information:
+  - **Name**: `Strapi Auth`
+  - **Authorized redirect URIs**: `http://localhost:1337/connect/google/callback`
 - Click on **OAuth 2.0 Client IDs** name of the client you just created
+- You should see your Application ID and secret, save them for later
 
 #### Strapi configuration
 
 - Visit the User Permissions provider settings page <br> [http://localhost:1337/admin/plugins/users-permissions/providers](http://localhost:1337/admin/plugins/users-permissions/providers)
 - Click on the **Google** provider
-
-Then fill the informations:
-
-- **Enable**: `ON`
-- **Client ID**: 226437944084-o2mojv5i4lfnng9q8kq3jkf5v03avemk.apps.googleusercontent.com
-- **Client Secret**: aiTbMoiuJQflSBy6uQrfgsni
-- **The redirect URL to your front-end app**: `http://localhost:3000/connect/google`
+- Fill the information (replace with your own client ID and secret):
+  - **Enable**: `ON`
+  - **Client ID**: 226437944084-o2mojv5i4lfnng9q8kq3jkf5v03avemk.apps.googleusercontent.com
+  - **Client Secret**: aiTbMoiuJQflSBy6uQrfgsni
+  - **The redirect URL to your front-end app**: `http://localhost:3000/connect/google/redirect`
 
 :::
 
 ::: tab Twitter
 
-#### Setup the server
+#### Using ngrok
 
-Use `ngrok` to serve the frontend app.
+Twitter doesn't accept `localhost` urls. <br>
+Use `ngrok` to serve the backend app.
 
 ```
-ngrok http 3000
+ngrok http 1337
 ```
 
 #### Twitter configuration
 
 - Visit the Apps list page <br> [https://developer.twitter.com/en/apps](https://developer.twitter.com/en/apps)
 - Click on **Create an app** button
-
-Then fill the informations:
-
-- **App name**: Strapi Twitter auth
-- **Application description**: This is an demo app for Strapi auth
-- **Website URL**: `https://65e60559.ngrok.io`
-- **Callback URLs**: `https://65e60559.ngrok.io/connect/twitter`
-- **Tell us how this app will be used**: - here write a message enough long -
-
-To access the Consumer API keys:
-
-- Click on **Keys and tokens** tab
+- Fill the information (replace with your own ngrok url):
+  - **App name**: Strapi Twitter auth
+  - **Application description**: This is a demo app for Strapi auth
+  - **Tell us how this app will be used**: - here write a message enough long -
+- At the end of the process you should see your Application ID and secret, save them for later
+- Go to you app setting and click on edit **Authentication settings**
+- Enable 3rd party authentication
+- Fill the information (replace with your own ngrok url):
+  - **Callback URLs**: `https://65e60559.ngrok.io/connect/twitter/callback`
+  - **Website URL**: `https://65e60559.ngrok.io`
 
 #### Strapi configuration
 
 - Visit the User Permissions provider settings page <br> [http://localhost:1337/admin/plugins/users-permissions/providers](http://localhost:1337/admin/plugins/users-permissions/providers)
 - Click on the **Twitter** provider
-
-Then fill the informations:
-
-- **Enable**: `ON`
-- **Client ID**: yfN4ycGGmKXiS1njtIYxuN5IH
-- **Client Secret**: Nag1en8S4VwqurBvlW5OaFyKlzqrXFeyWhph6CZlpGA2V3VR3T
-- **The redirect URL to your front-end app**: `https://65e60559.ngrok.io/connect/twitter`
+- Fill the information (replace with your own client ID and secret):
+  - **Enable**: `ON`
+  - **Client ID**: yfN4ycGGmKXiS1njtIYxuN5IH
+  - **Client Secret**: Nag1en8S4VwqurBvlW5OaFyKlzqrXFeyWhph6CZlpGA2V3VR3T
+  - **The redirect URL to your front-end app**: `http://localhost:3000/connect/twitter/redirect`
 
 :::
 
 ::: tab Discord
 
+#### Using ngrok
+
+Discord accepts the `localhost` urls. <br>
+The use of `ngrok` is not needed.
+
 #### Discord configuration
 
 - Visit the Apps list page on the developer portal <br> [https://discordapp.com/developers/applications/](https://discordapp.com/developers/applications/)
@@ -333,156 +370,147 @@ Then fill the informations:
 - Click on **OAuth2** in the left menu
 - And click on **Add redirect** button
 - Fill the **Redirect** input with `http://localhost:1337/connect/discord/callback` URL and save
-
-To access the Consumer API keys:
-
 - Click on **General information** in the left menu
+- You should see your Application ID and secret, save them for later
 
 #### Strapi configuration
 
 - Visit the User Permissions provider settings page <br> [http://localhost:1337/admin/plugins/users-permissions/providers](http://localhost:1337/admin/plugins/users-permissions/providers)
 - Click on the **Discord** provider
-
-Then fill the informations:
-
-- **Enable**: `ON`
-- **Client ID**: 665118465148846081
-- **Client Secret**: iJbr7mkyqyut-J2hGvvSDch_5Dw5U77J
-- **The redirect URL to your front-end app**: `http://localhost:3000/connect/discord`
+- Fill the information (replace with your own client ID and secret):
+  - **Enable**: `ON`
+  - **Client ID**: 665118465148846081
+  - **Client Secret**: iJbr7mkyqyut-J2hGvvSDch_5Dw5U77J
+  - **The redirect URL to your front-end app**: `http://localhost:3000/connect/discord/redirect`
 
 :::
 
 ::: tab Twitch
 
+#### Using ngrok
+
+Discord accepts the `localhost` urls. <br>
+The use of `ngrok` is not needed.
+
 #### Twitch configuration
 
 - Visit the Apps list page on the developer console <br> [https://dev.twitch.tv/console/apps](https://dev.twitch.tv/console/apps)
 - Click on **Register Your Application** button
-
-Then fill the informations:
-
-- **Name**: Strapi auth
-- **OAuth Redirect URLs**: `http://localhost:1337/connect/twitch/callback`
-- **Category**: Chose a category
-
-To access the Consumer API keys:
-
+- Fill the information:
+  - **Name**: Strapi auth
+  - **OAuth Redirect URLs**: `http://localhost:1337/connect/twitch/callback`
+  - **Category**: Choose a category
 - Click on **Manage** button of your new app
-- Then generate a new **Client Secret** with the **New Secret** button
+- Generate a new **Client Secret** with the **New Secret** button
+- You should see your Application ID and secret, save them for later
 
 #### Strapi configuration
 
 - Visit the User Permissions provider settings page <br> [http://localhost:1337/admin/plugins/users-permissions/providers](http://localhost:1337/admin/plugins/users-permissions/providers)
 - Click on the **Twitch** provider
-
-Then fill the informations:
-
-- **Enable**: `ON`
-- **Client ID**: amuy279g8wt68qlht3u4gek4oykh5j
-- **Client Secret**: dapssh10uo97gg2l25qufr8wen3yr6
-- **The redirect URL to your front-end app**: `http://localhost:3000/connect/twitch`
+- Fill the information (replace with your own client ID and secret):
+  - **Enable**: `ON`
+  - **Client ID**: amuy279g8wt68qlht3u4gek4oykh5j
+  - **Client Secret**: dapssh10uo97gg2l25qufr8wen3yr6
+  - **The redirect URL to your front-end app**: `http://localhost:3000/connect/twitch/redirect`
 
 :::
 
 ::: tab Instagram
 
-#### Setup the server
+#### Using ngrok
 
-Use `ngrok` to serve the server app.
+Facebook doesn't accept `localhost` urls. <br>
+Use `ngrok` to serve the backend app.
 
 ```
 ngrok http 1337
 ```
 
-#### Facebook configuration
+#### Instagram configuration
 
 - Visit the Developer Apps list page <br> [https://developers.facebook.com/apps/](https://developers.facebook.com/apps/)
 - Click on **Add a New App** button
 - Fill the **Display Name** in the modal and create the app
-- Setup a **Instagram** product
+- Setup an **Instagram** product
 - Click on the **PRODUCTS > Instagram > Basic Display** link in the left menu
 - Then click on the **Create new application** button (and valid the modal)
-
-Then fill the informations:
-
-- **Valid OAuth Redirect URIs**: `https://c6a8cc7c.ngrok.io/connect/instagram/callback`
-- **Deauthorize**: `https://c6a8cc7c.ngrok.io`
-- **Data Deletion Requests**: `https://c6a8cc7c.ngrok.io`
-
-On the **App Review for Instagram Basic Display** click on **Add to submission** for **instagram_graph_user_profile**.
-
-Make sure your Application information are well completed.
+- Fill the information (replace with your own ngrok url):
+  - **Valid OAuth Redirect URIs**: `https://65e60559.ngrok.io/connect/instagram/callback`
+  - **Deauthorize**: `https://65e60559.ngrok.io`
+  - **Data Deletion Requests**: `https://65e60559.ngrok.io`
+- On the **App Review for Instagram Basic Display** click on **Add to submission** for **instagram_graph_user_profile**.
+- You should see your Application ID and secret, save them for later
 
 #### Strapi configuration
 
 - Visit the User Permissions provider settings page <br> [http://localhost:1337/admin/plugins/users-permissions/providers](http://localhost:1337/admin/plugins/users-permissions/providers)
 - Click on the **Instagram** provider
-
-Then fill the informations:
-
-- **Enable**: `ON`
-- **Client ID**: 563883201184965
-- **Client Secret**: f5ba10a7dd78c2410ab6b8a35ab28226
-- **The redirect URL to your front-end app**: `http://localhost:3000/connect/instagram`
+- Fill the information (replace with your own client ID and secret):
+  - **Enable**: `ON`
+  - **Client ID**: 563883201184965
+  - **Client Secret**: f5ba10a7dd78c2410ab6b8a35ab28226
+  - **The redirect URL to your front-end app**: `http://localhost:3000/connect/instagram/redirect`
 
 :::
 
 ::: tab VK
 
+#### Using ngrok
+
+Discord accepts the `localhost` urls. <br>
+The use of `ngrok` is not needed.
+
 #### VK configuration
 
 - Visit the Apps list page <br> [https://vk.com/apps?act=manage](https://vk.com/apps?act=manage)
 - Click on **Create app** button
-
-Then fill the informations:
-
-- **Title**: Strapi auth
-- **Platform**: Chose **Website** option
-- **Website address**: `http://localhost:1337`
-- **Base domain**: `localhost`
-
-Then setup OAuth seetings:
-
-- Click on **Settings** link in the left menu
-- Click on **Open API** link to enable this option
-
-Then fill the informations:
-
-- **Authorized redirect UR**: `http://localhost:1337/connect/vk/callback`
+- Fill the information:
+  - **Title**: Strapi auth
+  - **Platform**: Choose **Website** option
+  - **Website address**: `http://localhost:1337`
+  - **Base domain**: `localhost`
+- Click on the **Settings** link in the left menu
+- Click on the **Open API** link to enable this option
+- Fill the information:
+  - **Authorized redirect URL**: `http://localhost:1337/connect/vk/callback`
 
 #### Strapi configuration
 
 - Visit the User Permissions provider settings page <br> [http://localhost:1337/admin/plugins/users-permissions/providers](http://localhost:1337/admin/plugins/users-permissions/providers)
 - Click on the **VK** provider
-
-Then fill the informations:
-
-- **Enable**: `ON`
-- **Client ID**: 7276416
-- **Client Secret**: cFBUSghLXGuxqnCyw1N3
-- **The redirect URL to your front-end app**: `http://localhost:3000/connect/vk`
+- Fill the information:
+  - **Enable**: `ON`
+  - **Client ID**: 7276416
+  - **Client Secret**: cFBUSghLXGuxqnCyw1N3
+  - **The redirect URL to your front-end app**: `http://localhost:3000/connect/vk/redirect`
 
 :::
 
 ::::
 
-Set your providers credentials in the admin interface (Plugin > Roles & Permissions > Providers).
-Then update and enable the provider you want to use.
+Your configuration is done.
+Launch the backend and the [react login example app](https://github.com/strapi/strapi-examples/tree/master/login-react), go to `http://localhost:3000` and try to connect to the provider your configured. It should work 🎉
 
-To authenticate the user, use the GET method to request the url, `/connect/:provider`. eg: `GET /connect/facebook`.
+#### What you have to do in your frontend
 
-You can also pass a custom callback url instead of using the default registered provider callback, by passing `callback` in the query. eg: `GET /connect/facebook?callback=https://my-frontend.com/en/auth/facebook`.
+Once you have configured strapi and the provider, in your frontend app you have to :
 
-After authentication, create and customize your own redirect callback at `/auth/:provider/callback`. The `jwt` and `user` data will be available in a .json response.
+- Create a button that links to `GET STRAPI_BACKEND_URL/connect/${provider}` (ex: `https://strapi.mywebsite/connect/github`).
+- Create a frontend route like `FRONTEND_URL/connect/${provider}/redirect` that have to handle the `access_token` param and that have to request `STRAPI_BACKEND_URL/auth/${provider}/callback` with the `access_token` param. <br >
+  The JSON request response will be `{ "jwt": "...", "user": {...} }`.
 
-Response payload:
+Now you can make authenticated requests 🎉 More info here: [token usage](#token-usage).
 
-```json
-{
-  "user": {},
-  "jwt": ""
-}
-```
+:::warning Troubleshooting
+
+- **Error 429**: It's most likely because your login flow fell into a loop. To make new requests to the backend, you need to wait a few minutes or restart the backend.
+- **Grant: missing session or misconfigured provider**: It may be du to many things.
+  - **The redirect url can't be built**: Make sure you have set the backend url in `config/server.js`: [Setting up the server url](#setting-up-the-server-url)
+  - **A session/cookie/cache problem**: You can try again in a private tab.
+  - **The incorrect use of a domain with ngrok**: Check your urls and make sure that you use the ngrok url instead of `http://localhost:1337`. Don't forget to check the backend url set in the example app at `src/config.js`.
+- **You can't access your admin panel**: It's most likely because you built it with the backend url set with a ngrok url and you stopped/restarted ngrok. You need to replace the backend url with the new ngrok url and run `yarn build` or `npm run build` again.
+  :::
 
 ### Forgotten & reset password
 

packages/strapi-plugin-users-permissions/admin/src/components/PopUpForm/index.js

@@ -10,6 +10,7 @@ import PropTypes from 'prop-types';
 import {
   capitalize,
   get,
+  has,
   findIndex,
   isArray,
   isEmpty,
@@ -40,7 +41,7 @@ import en from '../../translations/en.json';
 /* eslint-disable no-shadow */
 class PopUpForm extends React.Component {
   // eslint-disable-line react/prefer-stateless-function
-  state = { enabled: false, isEditing: false };
+  state = { enabled: false };
 
   static contextType = HomePageContext;
 
@@ -53,7 +54,12 @@ class PopUpForm extends React.Component {
   }
 
   getRedirectURIProviderConf = () => {
-    // NOTE: Still testings providers so the switch statement is likely to change
+    let redirectUri;
+
+    if (has(this.props.values, 'redirectUri')) {
+      return get(this.props.values, 'redirectUri', '');
+    }
+
     switch (this.props.dataToEdit) {
       case 'discord':
         return `${strapi.backendURL}/connect/discord/callback`;
@@ -73,40 +79,16 @@ class PopUpForm extends React.Component {
         return `${strapi.backendURL}/connect/vk/callback`;
       case 'twitch':
         return `${strapi.backendURL}/connect/twitch/callback`;
-      default: {
-        const value = get(this.props.values, 'callback', '');
-
-        return startsWith(value, 'http') ? value : `${strapi.backendURL}${value}`;
-      }
+      default:
+        return `${strapi.backendURL}/connect/\${provider}/callback`;
     }
   };
 
-  generateRedirectURL = url => {
-    return startsWith(url, 'https://') || startsWith(url, 'http://') || this.state.isEditing
-      ? url
-      : `${strapi.backendURL}${startsWith(url, '/') ? '' : '/'}${url}`;
-  };
-
   handleChange = e => {
     this.setState({ enabled: e.target.value });
     this.props.onChange(e);
   };
 
-  handleBlur = e => {
-    this.setState({ isEditing: false });
-
-    if (isEmpty(e.target.value)) {
-      const { name, type } = e.target;
-      const target = Object.assign(
-        { name, type },
-        { value: `/auth/${this.props.dataToEdit}/callback` }
-      );
-      this.props.onChange({ target });
-    }
-  };
-
-  handleFocus = () => this.setState({ isEditing: true });
-
   renderForm = () => {
     const { dataToEdit, didCheckErrors, formErrors, settingType, values } = this.props;
     const form = Object.keys(values.options || values || {}).reduce((acc, current) => {
@@ -154,47 +136,19 @@ class PopUpForm extends React.Component {
               errors={get(formErrors, [findIndex(formErrors, ['name', value]), 'errors'], [])}
               key={value}
               label={{
-                id: `users-permissions.PopUpForm.Providers.${
-                  includes(value, 'callback') || includes(value, 'redirect_uri')
-                    ? 'redirectURL.front-end'
-                    : value
-                }.label`,
+                id:
+                  value === 'redirectUri'
+                    ? `users-permissions.PopUpForm.Providers.${dataToEdit}.${value}.label`
+                    : `users-permissions.PopUpForm.Providers.${value}.label`,
               }}
               name={`${settingType}.${dataToEdit}.${value}`}
-              onFocus={
-                includes(value, 'callback') || includes(value, 'redirect_uri')
-                  ? this.handleFocus
-                  : () => {}
-              }
-              onBlur={
-                includes(value, 'callback') || includes(value, 'redirect_uri')
-                  ? this.handleBlur
-                  : false
-              }
               onChange={this.props.onChange}
               type="text"
-              value={
-                includes(value, 'callback') || includes(value, 'redirect_uri')
-                  ? this.generateRedirectURL(get(values, value))
-                  : get(values, value)
-              }
+              disabled={value === 'redirectUri'}
+              value={get(values, value)}
               validations={{ required: true }}
             />
           ))}
-          {dataToEdit !== 'email' && (
-            <Input
-              customBootstrapClass="col-md-12"
-              disabled
-              label={{
-                id: `users-permissions.PopUpForm.Providers.${dataToEdit}.providerConfig.redirectURL`,
-              }}
-              name="noName"
-              type="text"
-              onChange={() => {}}
-              value={this.getRedirectURIProviderConf()}
-              validations={{}}
-            />
-          )}
         </>
       );
     }

packages/strapi-plugin-users-permissions/admin/src/translations/ar.json

@@ -70,17 +70,17 @@
   "PopUpForm.Providers.callback.placeholder": "نص",
   "PopUpForm.Providers.enabled.description": "في حالة التعطيل ، لن يتمكن المستخدمون من استخدام هذا الموفر.",
   "PopUpForm.Providers.enabled.label": "مفعل",
-  "PopUpForm.Providers.facebook.providerConfig.redirectURL": "عنوان URL لإعادة التوجيه لإضافتة تكوين تطبيق Facebook",
-  "PopUpForm.Providers.github.providerConfig.redirectURL": "عنوان URL لإعادة التوجيه لإضافتة تكوين تطبيق Github",
-  "PopUpForm.Providers.google.providerConfig.redirectURL": "عنوان URL لإعادة التوجيه لإضافتة تكوين تطبيق Google",
-  "PopUpForm.Providers.instagram.providerConfig.redirectURL": "عنوان URL لإعادة التوجيه لإضافتة تكوين تطبيق Instagram",
+  "PopUpForm.Providers.facebook.redirectUri.label": "عنوان URL لإعادة التوجيه لإضافتة تكوين تطبيق Facebook",
+  "PopUpForm.Providers.github.redirectUri.label": "عنوان URL لإعادة التوجيه لإضافتة تكوين تطبيق Github",
+  "PopUpForm.Providers.google.redirectUri.label": "عنوان URL لإعادة التوجيه لإضافتة تكوين تطبيق Google",
+  "PopUpForm.Providers.instagram.redirectUri.label": "عنوان URL لإعادة التوجيه لإضافتة تكوين تطبيق Instagram",
   "PopUpForm.Providers.key.label": "معرف العميل",
   "PopUpForm.Providers.key.placeholder": "نص",
-  "PopUpForm.Providers.linkedin2.providerConfig.redirectURL": "عنوان URL لإعادة التوجيه لإضافتة تكوين تطبيق Linkedin",
-  "PopUpForm.Providers.redirectURL.front-end.label": "عنوان URL لإعادة التوجيه إلى تطبيق الواجهة الأمامية (front-end)",
+  "PopUpForm.Providers.linkedin2.redirectUri.label": "عنوان URL لإعادة التوجيه لإضافتة تكوين تطبيق Linkedin",
+  "PopUpForm.Providers.callback.label": "عنوان URL لإعادة التوجيه إلى تطبيق الواجهة الأمامية (front-end)",
   "PopUpForm.Providers.secret.label": "سر العميل (Client Secret)",
   "PopUpForm.Providers.secret.placeholder": "نص",
-  "PopUpForm.Providers.twitter.providerConfig.redirectURL": "عنوان URL لإعادة التوجيه لإضافتة تكوين تطبيق Twitter",
+  "PopUpForm.Providers.twitter.redirectUri.label": "عنوان URL لإعادة التوجيه لإضافتة تكوين تطبيق Twitter",
   "PopUpForm.button.cancel": "الغاء",
   "PopUpForm.button.save": "حفظ",
   "PopUpForm.header.add.providers": "إضافة موفر جديد",

packages/strapi-plugin-users-permissions/admin/src/translations/cs.json

@@ -76,22 +76,22 @@
   "PopUpForm.Email.success_register.options.message.placeholder": "<p>Prosím klikněte na tento odkaz pro ověření vašeho účtu</p>",
   "PopUpForm.Email.success_register.options.object.placeholder": "Prosím potvrďte e-mailovou adresu pr %APP_NAME%",
   "PopUpForm.Providers.callback.placeholder": "TEXT",
-  "PopUpForm.Providers.discord.providerConfig.redirectURL": "Adresa pro přesměrování, kterou přidejte do nastavení aplikace Discord",
+  "PopUpForm.Providers.discord.redirectUri.label": "Adresa pro přesměrování, kterou přidejte do nastavení aplikace Discord",
   "PopUpForm.Providers.enabled.description": "If disabled, users won't be able to use this provider.",
   "PopUpForm.Providers.enabled.label": "Povolit",
-  "PopUpForm.Providers.facebook.providerConfig.redirectURL": "Adresa pro přesměrování, kterou přidejte do nastavení aplikace Facebook",
-  "PopUpForm.Providers.github.providerConfig.redirectURL": "Adresa pro přesměrování, kterou přidejte do nastavení aplikace GitHub",
-  "PopUpForm.Providers.google.providerConfig.redirectURL": "Adresa pro přesměrování, kterou přidejte do nastavení aplikace Google",
-  "PopUpForm.Providers.instagram.providerConfig.redirectURL": "Adresa pro přesměrování, kterou přidejte do nastavení aplikace Instagram",
+  "PopUpForm.Providers.facebook.redirectUri.label": "Adresa pro přesměrování, kterou přidejte do nastavení aplikace Facebook",
+  "PopUpForm.Providers.github.redirectUri.label": "Adresa pro přesměrování, kterou přidejte do nastavení aplikace GitHub",
+  "PopUpForm.Providers.google.redirectUri.label": "Adresa pro přesměrování, kterou přidejte do nastavení aplikace Google",
+  "PopUpForm.Providers.instagram.redirectUri.label": "Adresa pro přesměrování, kterou přidejte do nastavení aplikace Instagram",
+  "PopUpForm.Providers.vk.redirectUri.label": "Adresa pro přesměrování, kterou přidejte do nastavení aplikace VK",
   "PopUpForm.Providers.key.label": "Client ID",
   "PopUpForm.Providers.key.placeholder": "TEXT",
-  "PopUpForm.Providers.linkedin2.providerConfig.redirectURL": "Adresa pro přesměrování, kterou přidejte do nastavení aplikace Linkedin",
-  "PopUpForm.Providers.microsoft.providerConfig.redirectURL": "Adresa pro přesměrování, kterou přidejte do nastavení aplikace Microsoft",
-  "PopUpForm.Providers.redirectURL.front-end.label": "Adresa pro přesměrování na vaši front-end aplikaci",
+  "PopUpForm.Providers.linkedin2.redirectUri.label": "Adresa pro přesměrování, kterou přidejte do nastavení aplikace Linkedin",
+  "PopUpForm.Providers.microsoft.redirectUri.label": "Adresa pro přesměrování, kterou přidejte do nastavení aplikace Microsoft",
+  "PopUpForm.Providers.callback.label": "Adresa pro přesměrování na vaši front-end aplikaci",
   "PopUpForm.Providers.secret.label": "Client Secret",
   "PopUpForm.Providers.secret.placeholder": "TEXT",
-  "PopUpForm.Providers.twitter.providerConfig.redirectURL": "Adresa pro přesměrování, kterou přidejte do nastavení aplikace Twitter",
-  "PopUpForm.Providers.vk.providerConfig.redirectURL": "Adresa pro přesměrování, kterou přidejte do nastavení aplikace VK",
+  "PopUpForm.Providers.twitter.redirectUri.label": "Adresa pro přesměrování, kterou přidejte do nastavení aplikace Twitter",
   "PopUpForm.button.cancel": "Zrušit",
   "PopUpForm.button.save": "Uložit",
   "PopUpForm.header.add.providers": "Přidat nového poskytovatele",

packages/strapi-plugin-users-permissions/admin/src/translations/de.json

@@ -76,18 +76,19 @@
   "PopUpForm.Providers.discord.providerConfig.redirectURL": "Die URL, die in den Einstellungen deiner Discord-App gesetzt wird",
   "PopUpForm.Providers.enabled.description": "Wenn deaktiviert, kann diese Methode nicht verwendet werden.",
   "PopUpForm.Providers.enabled.label": "Aktivieren",
-  "PopUpForm.Providers.facebook.providerConfig.redirectURL": "Die URL, die in den Einstellungen deiner Facebook-App gesetzt wird",
-  "PopUpForm.Providers.github.providerConfig.redirectURL": "Die URL, die in den Einstellungen deiner Github-App gesetzt wird",
-  "PopUpForm.Providers.google.providerConfig.redirectURL": "Die URL, die in den Einstellungen deiner Google-App gesetzt wird",
-  "PopUpForm.Providers.instagram.providerConfig.redirectURL": "Die URL, die in den Einstellungen deiner Instagram-App gesetzt wird",
+  "PopUpForm.Providers.discord.redirectUri.label": "Die URL, die in den Einstellungen deiner Discord-App gesetzt wird",
+  "PopUpForm.Providers.facebook.redirectUri.label": "Die URL, die in den Einstellungen deiner Facebook-App gesetzt wird",
+  "PopUpForm.Providers.github.redirectUri.label": "Die URL, die in den Einstellungen deiner Github-App gesetzt wird",
+  "PopUpForm.Providers.google.redirectUri.label": "Die URL, die in den Einstellungen deiner Google-App gesetzt wird",
+  "PopUpForm.Providers.instagram.redirectUri.label": "Die URL, die in den Einstellungen deiner Instagram-App gesetzt wird",
+  "PopUpForm.Providers.microsoft.redirectUri.label": "Die URL, die in den Einstellungen deiner Microsoft-App gesetzt wird",
   "PopUpForm.Providers.key.label": "Client ID",
   "PopUpForm.Providers.key.placeholder": "TEXT",
-  "PopUpForm.Providers.linkedin2.providerConfig.redirectURL": "Die URL, die in den Einstellungen deiner LinkedIn-App gesetzt wird",
-  "PopUpForm.Providers.microsoft.providerConfig.redirectURL": "Die URL, die in den Einstellungen deiner Microsoft-App gesetzt wird",
-  "PopUpForm.Providers.redirectURL.front-end.label": "Die URL, die zur Weiterleitung zu deiner Frontend-App verwendet wird",
+  "PopUpForm.Providers.linkedin2.redirectUri.label": "Die URL, die in den Einstellungen deiner LinkedIn-App gesetzt wird",
+  "PopUpForm.Providers.callback.label": "Die URL, die zur Weiterleitung zu deiner Frontend-App verwendet wird",
   "PopUpForm.Providers.secret.label": "Client Secret",
   "PopUpForm.Providers.secret.placeholder": "TEXT",
-  "PopUpForm.Providers.twitter.providerConfig.redirectURL": "Die URL, die in den Einstellungen deiner Twitter-App gesetzt wird",
+  "PopUpForm.Providers.twitter.redirectUri.label": "Die URL, die in den Einstellungen deiner Twitter-App gesetzt wird",
   "PopUpForm.button.cancel": "Abbrechen",
   "PopUpForm.button.save": "Speichern",
   "PopUpForm.header.add.providers": "Neue Methode hinzufügen",

packages/strapi-plugin-users-permissions/admin/src/translations/en.json

@@ -80,23 +80,23 @@
   "PopUpForm.Email.success_register.options.message.placeholder": "Please click on this link to validate your account",
   "PopUpForm.Email.success_register.options.object.placeholder": "Please confirm your email address for %APP_NAME%",
   "PopUpForm.Providers.callback.placeholder": "TEXT",
-  "PopUpForm.Providers.discord.providerConfig.redirectURL": "The redirect URL to add in your Discord application configurations",
+  "PopUpForm.Providers.discord.redirectUri.label": "The redirect URL to add in your Discord application configurations",
   "PopUpForm.Providers.enabled.description": "If disabled, users won't be able to use this provider.",
   "PopUpForm.Providers.enabled.label": "Enable",
-  "PopUpForm.Providers.facebook.providerConfig.redirectURL": "The redirect URL to add in your Facebook application configurations",
-  "PopUpForm.Providers.github.providerConfig.redirectURL": "The redirect URL to add in your GitHub application configurations",
-  "PopUpForm.Providers.google.providerConfig.redirectURL": "The redirect URL to add in your Google application configurations",
-  "PopUpForm.Providers.instagram.providerConfig.redirectURL": "The redirect URL to add in your Instagram application configurations",
+  "PopUpForm.Providers.facebook.redirectUri.label": "The redirect URL to add in your Facebook application configurations",
+  "PopUpForm.Providers.github.redirectUri.label": "The redirect URL to add in your GitHub application configurations",
+  "PopUpForm.Providers.google.redirectUri.label": "The redirect URL to add in your Google application configurations",
+  "PopUpForm.Providers.instagram.redirectUri.label": "The redirect URL to add in your Instagram application configurations",
+  "PopUpForm.Providers.vk.redirectUri.label": "The redirect URL to add in your VK application configurations",
+  "PopUpForm.Providers.twitch.redirectUri.label": "The redirect URL to add in your Twitch application configurations",
+  "PopUpForm.Providers.twitter.redirectUri.label": "The redirect URL to add in your Twitter application configurations",
   "PopUpForm.Providers.key.label": "Client ID",
   "PopUpForm.Providers.key.placeholder": "TEXT",
-  "PopUpForm.Providers.linkedin2.providerConfig.redirectURL": "The redirect URL to add in your LinkedIn application configurations",
-  "PopUpForm.Providers.microsoft.providerConfig.redirectURL": "The redirect URL to add in your Microsoft application configurations",
-  "PopUpForm.Providers.redirectURL.front-end.label": "The redirect URL to your front-end app",
+  "PopUpForm.Providers.linkedin2.redirectUri.label": "The redirect URL to add in your LinkedIn application configurations",
+  "PopUpForm.Providers.microsoft.redirectUri.label": "The redirect URL to add in your Microsoft application configurations",
+  "PopUpForm.Providers.callback.label": "The redirect URL to your front-end app",
   "PopUpForm.Providers.secret.label": "Client Secret",
   "PopUpForm.Providers.secret.placeholder": "TEXT",
-  "PopUpForm.Providers.twitch.providerConfig.redirectURL": "The redirect URL to add in your Twitch application configurations",
-  "PopUpForm.Providers.twitter.providerConfig.redirectURL": "The redirect URL to add in your Twitter application configurations",
-  "PopUpForm.Providers.vk.providerConfig.redirectURL": "The redirect URL to add in your VK application configurations",
   "PopUpForm.button.cancel": "Cancel",
   "PopUpForm.button.save": "Save",
   "PopUpForm.header.add.providers": "Add New Provider",

packages/strapi-plugin-users-permissions/admin/src/translations/es.json

@@ -73,21 +73,21 @@
   "PopUpForm.Email.success_register.options.message.placeholder": "<p>Haga clic en este enlace para validar su cuenta</p>",
   "PopUpForm.Email.success_register.options.object.placeholder": "Confirme su dirección de email para %APP_NAME%",
   "PopUpForm.Providers.callback.placeholder": "TEXTO",
-  "PopUpForm.Providers.discord.providerConfig.redirectURL": "La URL de redirección para agregar a las configuraciones de su aplicación Discord",
+  "PopUpForm.Providers.discord.redirectUri.label": "La URL de redirección para agregar a las configuraciones de su aplicación Discord",
   "PopUpForm.Providers.enabled.description": "Si está desactivado, los usuarios no podrán utilizar este proveedor.",
   "PopUpForm.Providers.enabled.label": "Habilitar",
-  "PopUpForm.Providers.facebook.providerConfig.redirectURL": "La URL de redirección que se debe agregar en la configuración de la aplicación Facebook",
-  "PopUpForm.Providers.github.providerConfig.redirectURL": "La URL de redirección que se debe agregar en la configuración de la aplicación GitHub",
-  "PopUpForm.Providers.google.providerConfig.redirectURL": "La URL de redirección que se debe agregar en la configuración de la aplicación Google",
-  "PopUpForm.Providers.instagram.providerConfig.redirectURL": "La URL de redirección que se debe agregar en la configuración de la aplicación Instagram",
+  "PopUpForm.Providers.facebook.redirectUri.label": "La URL de redirección que se debe agregar en la configuración de la aplicación Facebook",
+  "PopUpForm.Providers.github.redirectUri.label": "La URL de redirección que se debe agregar en la configuración de la aplicación GitHub",
+  "PopUpForm.Providers.google.redirectUri.label": "La URL de redirección que se debe agregar en la configuración de la aplicación Google",
+  "PopUpForm.Providers.instagram.redirectUri.label": "La URL de redirección que se debe agregar en la configuración de la aplicación Instagram",
   "PopUpForm.Providers.key.label": "ID de cliente",
   "PopUpForm.Providers.key.placeholder": "TEXTO",
-  "PopUpForm.Providers.linkedin2.providerConfig.redirectURL": "La URL de redirección que se debe agregar en la configuración de la aplicación Linkedin",
-  "PopUpForm.Providers.microsoft.providerConfig.redirectURL": "La URL de redirección para agregar a las configuraciones de su aplicación Microsoft",
-  "PopUpForm.Providers.redirectURL.front-end.label": "La URL de redireccionamiento a su aplicación front-end",
+  "PopUpForm.Providers.linkedin2.redirectUri.label": "La URL de redirección que se debe agregar en la configuración de la aplicación Linkedin",
+  "PopUpForm.Providers.microsoft.redirectUri.label": "La URL de redirección para agregar a las configuraciones de su aplicación Microsoft",
+  "PopUpForm.Providers.callback.label": "La URL de redireccionamiento a su aplicación front-end",
   "PopUpForm.Providers.secret.label": "Secreto Cliente",
   "PopUpForm.Providers.secret.placeholder": "TEXTO",
-  "PopUpForm.Providers.twitter.providerConfig.redirectURL": "La URL de redirección que se debe agregar en la configuración de la aplicación Twitter",
+  "PopUpForm.Providers.twitter.redirectUri.label": "La URL de redirección que se debe agregar en la configuración de la aplicación Twitter",
   "PopUpForm.button.cancel": "Cancelar",
   "PopUpForm.button.save": "Guardar",
   "PopUpForm.header.add.providers": "Añadir nuevo proveedor",

packages/strapi-plugin-users-permissions/admin/src/translations/fr.json

@@ -76,21 +76,21 @@
   "PopUpForm.Email.success_register.options.message.placeholder": "<p>Merci de cliquer sur ce lien pour valider votre compte</p>",
   "PopUpForm.Email.success_register.options.object.placeholder": "Merci de confirmer votre adresse e-mail pour %APP_NAME%",
   "PopUpForm.Providers.callback.placeholder": "TEXT",
-  "PopUpForm.Providers.discord.providerConfig.redirectURL": "L'URL de redirection à ajouter dans les configurations Discord de votre application",
+  "PopUpForm.Providers.discord.redirectUri.label": "L'URL de redirection à ajouter dans les configurations Discord de votre application",
   "PopUpForm.Providers.enabled.description": "S'il est désactivé les utilisateurs ne pourront pas utiliser ce provider.",
   "PopUpForm.Providers.enabled.label": "Activer",
-  "PopUpForm.Providers.facebook.providerConfig.redirectURL": "L'URL de redirection à ajouter dans les configurations Facebook de votre application",
-  "PopUpForm.Providers.github.providerConfig.redirectURL": "L'URL de redirection à ajouter dans les configurations GitHub de votre application",
-  "PopUpForm.Providers.google.providerConfig.redirectURL": "L'URL de redirection à ajouter dans les configurations Google de votre application",
-  "PopUpForm.Providers.instagram.providerConfig.redirectURL": "L'URL de redirection à ajouter dans les configurations Instagram de votre application",
+  "PopUpForm.Providers.facebook.redirectUri.label": "L'URL de redirection à ajouter dans les configurations Facebook de votre application",
+  "PopUpForm.Providers.github.redirectUri.label": "L'URL de redirection à ajouter dans les configurations GitHub de votre application",
+  "PopUpForm.Providers.google.redirectUri.label": "L'URL de redirection à ajouter dans les configurations Google de votre application",
+  "PopUpForm.Providers.instagram.redirectUri.label": "L'URL de redirection à ajouter dans les configurations Instagram de votre application",
   "PopUpForm.Providers.key.label": "Client ID",
   "PopUpForm.Providers.key.placeholder": "TEXT",
-  "PopUpForm.Providers.linkedin2.providerConfig.redirectURL": "L'URL de redirection à ajouter dans les configurations Linkedin de votre application",
-  "PopUpForm.Providers.microsoft.providerConfig.redirectURL": "L'URL de redirection à ajouter dans les configurations Microsoft de votre application",
-  "PopUpForm.Providers.redirectURL.front-end.label": "L'URL de redirection de votre app front-end",
+  "PopUpForm.Providers.linkedin2.redirectUri.label": "L'URL de redirection à ajouter dans les configurations Linkedin de votre application",
+  "PopUpForm.Providers.microsoft.redirectUri.label": "L'URL de redirection à ajouter dans les configurations Microsoft de votre application",
+  "PopUpForm.Providers.callback.label": "L'URL de redirection de votre app front-end",
   "PopUpForm.Providers.secret.label": "Client Secret",
   "PopUpForm.Providers.secret.placeholder": "TEXT",
-  "PopUpForm.Providers.twitter.providerConfig.redirectURL": "L'URL de redirection à ajouter dans les configurations Twitter de votre application",
+  "PopUpForm.Providers.twitter.redirectUri.label": "L'URL de redirection à ajouter dans les configurations Twitter de votre application",
   "PopUpForm.button.cancel": "Annuler",
   "PopUpForm.button.save": "Sauvegarder",
   "PopUpForm.header.add.providers": "Ajouter un Nouveau Provider",

packages/strapi-plugin-users-permissions/admin/src/translations/it.json

@@ -69,16 +69,16 @@
   "PopUpForm.Providers.callback.placeholder": "TEXT",
   "PopUpForm.Providers.enabled.description": "Se disabilitato, gli utenti non potranno usare questo provider.",
   "PopUpForm.Providers.enabled.label": "Abilita",
-  "PopUpForm.Providers.facebook.providerConfig.redirectURL": "L'URL di redirect per aggiungere la tua configurazione dell'applicazione Facebook",
-  "PopUpForm.Providers.github.providerConfig.redirectURL": "L'URL di redirect per aggiungere la tua configurazione dell'applicazione Github",
-  "PopUpForm.Providers.google.providerConfig.redirectURL": "L'URL di redirect per aggiungere la tua configurazione dell'applicazione Google",
-  "PopUpForm.Providers.instagram.providerConfig.redirectURL": "L'URL di redirect per aggiungere la tua configurazione dell'applicazione Instagram",
+  "PopUpForm.Providers.facebook.redirectUri.label": "L'URL di redirect per aggiungere la tua configurazione dell'applicazione Facebook",
+  "PopUpForm.Providers.github.redirectUri.label": "L'URL di redirect per aggiungere la tua configurazione dell'applicazione Github",
+  "PopUpForm.Providers.google.redirectUri.label": "L'URL di redirect per aggiungere la tua configurazione dell'applicazione Google",
+  "PopUpForm.Providers.instagram.redirectUri.label": "L'URL di redirect per aggiungere la tua configurazione dell'applicazione Instagram",
   "PopUpForm.Providers.key.placeholder": "TEXT",
-  "PopUpForm.Providers.linkedin2.providerConfig.redirectURL": "L'URL di redirect per aggiungere la tua configurazione dell'applicazione Linkdin",
-  "PopUpForm.Providers.redirectURL.front-end.label": "L'URL di redirect per la tua app di front-end",
+  "PopUpForm.Providers.linkedin2.redirectUri.label": "L'URL di redirect per aggiungere la tua configurazione dell'applicazione Linkdin",
+  "PopUpForm.Providers.callback.label": "L'URL di redirect per la tua app di front-end",
   "PopUpForm.Providers.secret.label": "Client Secret",
   "PopUpForm.Providers.secret.placeholder": "TEXT",
-  "PopUpForm.Providers.twitter.providerConfig.redirectURL": "L'URL di redirect per aggiungere la tua configurazione dell'applicazione Twitter",
+  "PopUpForm.Providers.twitter.redirectUri.label": "L'URL di redirect per aggiungere la tua configurazione dell'applicazione Twitter",
   "PopUpForm.button.cancel": "Cancella",
   "PopUpForm.button.save": "Salva",
   "PopUpForm.header.add.providers": "Aggiungi nuovo Provider",

packages/strapi-plugin-users-permissions/admin/src/translations/ja.json

@@ -73,21 +73,21 @@
   "PopUpForm.Email.success_register.options.message.placeholder": "<p>このリンクをクリックしてアカウントを確認してください</p>",
   "PopUpForm.Email.success_register.options.object.placeholder": "あなたのメールアドレスを確認してください %APP_NAME%",
   "PopUpForm.Providers.callback.placeholder": "TEXT",
-  "PopUpForm.Providers.discord.providerConfig.redirectURL": "Discordアプリケーションの設定で追加するリダイレクトURL",
+  "PopUpForm.Providers.discord.redirectUri.label": "Discordアプリケーションの設定で追加するリダイレクトURL",
   "PopUpForm.Providers.enabled.description": "無効にすると、ユーザーはこのプロバイダを使用できなくなります。",
   "PopUpForm.Providers.enabled.label": "有効にする",
-  "PopUpForm.Providers.facebook.providerConfig.redirectURL": "Facebookアプリケーション設定で追加するリダイレクトURL",
-  "PopUpForm.Providers.github.providerConfig.redirectURL": "GitHubアプリケーションの設定で追加するリダイレクトURL",
-  "PopUpForm.Providers.google.providerConfig.redirectURL": "Googleアプリケーション設定で追加するリダイレクトURL",
-  "PopUpForm.Providers.instagram.providerConfig.redirectURL": "Instagramアプリケーション設定で追加するリダイレクトURL",
+  "PopUpForm.Providers.facebook.redirectUri.label": "Facebookアプリケーション設定で追加するリダイレクトURL",
+  "PopUpForm.Providers.github.redirectUri.label": "GitHubアプリケーションの設定で追加するリダイレクトURL",
+  "PopUpForm.Providers.google.redirectUri.label": "Googleアプリケーション設定で追加するリダイレクトURL",
+  "PopUpForm.Providers.instagram.redirectUri.label": "Instagramアプリケーション設定で追加するリダイレクトURL",
   "PopUpForm.Providers.key.label": "クライアントID",
   "PopUpForm.Providers.key.placeholder": "TEXT",
-  "PopUpForm.Providers.linkedin2.providerConfig.redirectURL": "あなたのLinkedinアプリケーション構成に追加するリダイレクトURL",
-  "PopUpForm.Providers.microsoft.providerConfig.redirectURL": "Microsoftアプリケーション構成で追加するリダイレクトURL",
-  "PopUpForm.Providers.redirectURL.front-end.label": "フロントエンドアプリへのリダイレクトURL",
+  "PopUpForm.Providers.linkedin2.redirectUri.label": "あなたのLinkedinアプリケーション構成に追加するリダイレクトURL",
+  "PopUpForm.Providers.microsoft.redirectUri.label": "Microsoftアプリケーション構成で追加するリダイレクトURL",
+  "PopUpForm.Providers.callback.label": "フロントエンドアプリへのリダイレクトURL",
   "PopUpForm.Providers.secret.label": "クライアントの秘密",
   "PopUpForm.Providers.secret.placeholder": "TEXT",
-  "PopUpForm.Providers.twitter.providerConfig.redirectURL": "Twitterアプリケーション設定で追加するリダイレクトURL",
+  "PopUpForm.Providers.twitter.redirectUri.label": "Twitterアプリケーション設定で追加するリダイレクトURL",
   "PopUpForm.button.cancel": "キャンセル",
   "PopUpForm.button.save": "保存",
   "PopUpForm.header.add.providers": "プロバイダーを追加",

packages/strapi-plugin-users-permissions/admin/src/translations/ko.json

@@ -76,21 +76,21 @@
   "PopUpForm.Email.success_register.options.message.placeholder": "<p>이 링크를 클릭하고 계정을 확인하세요.</p>",
   "PopUpForm.Email.success_register.options.object.placeholder": "%APP_NAME%의 이메일 주소를 확인하세요.",
   "PopUpForm.Providers.callback.placeholder": "TEXT",
-  "PopUpForm.Providers.discord.providerConfig.redirectURL": "Discord 애플리케이션 구성에 추가 할 리다이렉트 URL",
+  "PopUpForm.Providers.discord.redirectUri.label": "Discord 애플리케이션 구성에 추가 할 리다이렉트 URL",
   "PopUpForm.Providers.enabled.description": "사용하지 않을 경우 이 프로바이더(provider) 기능을 이용할 수 없습니다.",
   "PopUpForm.Providers.enabled.label": "사용",
-  "PopUpForm.Providers.facebook.providerConfig.redirectURL": "Facebook 애플리케이션 구성에 추가 할 리다이렉트 URL",
-  "PopUpForm.Providers.github.providerConfig.redirectURL": "Github 애플리케이션 구성에 추가 할 리다이렉트 URL",
-  "PopUpForm.Providers.google.providerConfig.redirectURL": "Google 애플리케이션 구성에 추가 할 리다이렉트 URL",
-  "PopUpForm.Providers.instagram.providerConfig.redirectURL": "Instagram 애플리케이션 구성에 추가 할 리다이렉트 URL",
+  "PopUpForm.Providers.facebook.redirectUri.label": "Facebook 애플리케이션 구성에 추가 할 리다이렉트 URL",
+  "PopUpForm.Providers.github.redirectUri.label": "Github 애플리케이션 구성에 추가 할 리다이렉트 URL",
+  "PopUpForm.Providers.google.redirectUri.label": "Google 애플리케이션 구성에 추가 할 리다이렉트 URL",
+  "PopUpForm.Providers.instagram.redirectUri.label": "Instagram 애플리케이션 구성에 추가 할 리다이렉트 URL",
   "PopUpForm.Providers.key.label": "클라이언트 ID(Client ID)",
   "PopUpForm.Providers.key.placeholder": "텍스트",
-  "PopUpForm.Providers.linkedin2.providerConfig.redirectURL": "Linkedin",
-  "PopUpForm.Providers.microsoft.providerConfig.redirectURL": "Microsoft 애플리케이션 구성에 추가 할 리다이렉트 URL",
-  "PopUpForm.Providers.redirectURL.front-end.label": "프론트엔드 애플리케이션 리다이렉트 URL",
+  "PopUpForm.Providers.linkedin2.redirectUri.label": "Linkedin",
+  "PopUpForm.Providers.microsoft.redirectUri.label": "Microsoft 애플리케이션 구성에 추가 할 리다이렉트 URL",
+  "PopUpForm.Providers.callback.label": "프론트엔드 애플리케이션 리다이렉트 URL",
   "PopUpForm.Providers.secret.label": "클라이언트 시크릿(Client Secret)",
   "PopUpForm.Providers.secret.placeholder": "텍스트",
-  "PopUpForm.Providers.twitter.providerConfig.redirectURL": "Twitter",
+  "PopUpForm.Providers.twitter.redirectUri.label": "Twitter",
   "PopUpForm.button.cancel": "취소",
   "PopUpForm.button.save": "저장",
   "PopUpForm.header.add.providers": "새 프로바이더(provider) 추가",

packages/strapi-plugin-users-permissions/admin/src/translations/ms.json

@@ -75,23 +75,23 @@
   "PopUpForm.Email.success_register.options.message.placeholder": "<p> Klik pada pautan ini untuk mengesahkan akaun anda </p> ",
   "PopUpForm.Email.success_register.options.object.placeholder": "Sila sahkan alamat e-mel anda untuk %APP_NAME% ",
   "PopUpForm.Providers.callback.placeholder": "TEKS",
-  "PopUpForm.Providers.discord.providerConfig.redirectURL": "URL pengubah hala untuk ditambahkan dalam konfigurasi aplikasi Discord anda",
+  "PopUpForm.Providers.discord.redirectUri.label": "URL pengubah hala untuk ditambahkan dalam konfigurasi aplikasi Discord anda",
   "PopUpForm.Providers.enabled.description": "Sekiranya dinyahaktifkan, pengguna tidak akan dapat menggunakan pembekal ini.",
   "PopUpForm.Providers.enabled.label": "Aktifkan",
-  "PopUpForm.Providers.facebook.providerConfig.redirectURL": "URL pengubah hala untuk ditambahkan dalam konfigurasi aplikasi Facebook anda",
-  "PopUpForm.Providers.github.providerConfig.redirectURL": "URL pengubah hala untuk ditambahkan dalam konfigurasi aplikasi GitHub anda",
-  "PopUpForm.Providers.google.providerConfig.redirectURL": "URL pengubah hala untuk ditambahkan dalam konfigurasi aplikasi Google anda",
-  "PopUpForm.Providers.instagram.providerConfig.redirectURL": "URL pengubah hala untuk ditambahkan dalam konfigurasi aplikasi Instagram anda",
+  "PopUpForm.Providers.facebook.redirectUri.label": "URL pengubah hala untuk ditambahkan dalam konfigurasi aplikasi Facebook anda",
+  "PopUpForm.Providers.github.redirectUri.label": "URL pengubah hala untuk ditambahkan dalam konfigurasi aplikasi GitHub anda",
+  "PopUpForm.Providers.google.redirectUri.label": "URL pengubah hala untuk ditambahkan dalam konfigurasi aplikasi Google anda",
+  "PopUpForm.Providers.instagram.redirectUri.label": "URL pengubah hala untuk ditambahkan dalam konfigurasi aplikasi Instagram anda",
+  "PopUpForm.Providers.vk.redirectUri.label": "URL pengubah hala untuk ditambahkan dalam konfigurasi aplikasi VK anda",
+  "PopUpForm.Providers.twitch.redirectUri.label": "URL pengubah hala untuk ditambahkan dalam konfigurasi aplikasi Twitch anda",
+  "PopUpForm.Providers.twitter.redirectUri.label": "URL pengubah hala untuk ditambahkan dalam konfigurasi aplikasi Twitter anda",
   "PopUpForm.Providers.key.label": "ID Pelanggan",
   "PopUpForm.Providers.key.placeholder": "TEKS",
-  "PopUpForm.Providers.linkedin2.providerConfig.redirectURL": "URL pengubah hala untuk ditambahkan dalam konfigurasi aplikasi Linkedin anda",
-  "PopUpForm.Providers.microsoft.providerConfig.redirectURL": "URL pengubah hala untuk ditambahkan dalam konfigurasi aplikasi Microsoft anda",
-  "PopUpForm.Providers.redirectURL.front-end.label": "URL pengubah hala ke aplikasi 'front-end' anda",
+  "PopUpForm.Providers.linkedin2.redirectUri.label": "URL pengubah hala untuk ditambahkan dalam konfigurasi aplikasi Linkedin anda",
+  "PopUpForm.Providers.microsoft.redirectUri.label": "URL pengubah hala untuk ditambahkan dalam konfigurasi aplikasi Microsoft anda",
+  "PopUpForm.Providers.callback.label": "URL pengubah hala ke aplikasi 'front-end' anda",
   "PopUpForm.Providers.secret.label": "Client Secret",
   "PopUpForm.Providers.secret.placeholder": "TEKS",
-  "PopUpForm.Providers.twitch.providerConfig.redirectURL": "URL pengubah hala untuk ditambahkan dalam konfigurasi aplikasi Twitch anda",
-  "PopUpForm.Providers.twitter.providerConfig.redirectURL": "URL pengubah hala untuk ditambahkan dalam konfigurasi aplikasi Twitter anda",
-  "PopUpForm.Providers.vk.providerConfig.redirectURL": "URL pengubah hala untuk ditambahkan dalam konfigurasi aplikasi VK anda",
   "PopUpForm.button.cancel": "Batal",
   "PopUpForm.button.save": "Simpan",
   "PopUpForm.header.add.providers": "Tambah Pembekal Baru",

packages/strapi-plugin-users-permissions/admin/src/translations/nl.json

@@ -72,22 +72,25 @@
   "PopUpForm.Email.reset_password.options.object.placeholder": "Bevestig a.u.b. het e-mailadres voor %APP_NAME%",
   "PopUpForm.Email.success_register.options.message.placeholder": "<p>Klik op deze link om je account te valideren</p>",
   "PopUpForm.Email.success_register.options.object.placeholder": "Bevestig a.u.b. het e-mailadres voor %APP_NAME%",
+  "PopUpForm.Email.validation_email.options.message.placeholder": "<p>Klik op deze link om je account te valideren</p>",
+  "PopUpForm.Email.validation_email.options.object.placeholder": "Bevestig a.u.b. het e-mailadres voor %APP_NAME%",
+  "PopUpForm.Providers.discord.redirectUri.label": "De doorstuur URL om in je Discord applicatie configuratie te zetten",
   "PopUpForm.Providers.callback.placeholder": "TEXT",
   "PopUpForm.Providers.discord.providerConfig.redirectURL": "De doorstuur URL om in je Discord applicatie configuratie te zetten",
   "PopUpForm.Providers.enabled.description": "Als deze uitgeschakeld is kunnen gebruikers geen gebruik maken van deze leverancier.",
   "PopUpForm.Providers.enabled.label": "Inschakelen",
-  "PopUpForm.Providers.facebook.providerConfig.redirectURL": "De doorstuur URL om in je Facebook applicatie configuratie te zetten",
-  "PopUpForm.Providers.github.providerConfig.redirectURL": "De doorstuur URL om in je GitHub applicatie configuratie te zetten",
-  "PopUpForm.Providers.google.providerConfig.redirectURL": "De doorstuur URL om in je Google applicatie configuratie te zetten",
-  "PopUpForm.Providers.instagram.providerConfig.redirectURL": "De doorstuur URL om in je Instagram applicatie configuratie te zetten",
+  "PopUpForm.Providers.facebook.redirectUri.label": "De doorstuur URL om in je Facebook applicatie configuratie te zetten",
+  "PopUpForm.Providers.github.redirectUri.label": "De doorstuur URL om in je GitHub applicatie configuratie te zetten",
+  "PopUpForm.Providers.google.redirectUri.label": "De doorstuur URL om in je Google applicatie configuratie te zetten",
+  "PopUpForm.Providers.instagram.redirectUri.label": "De doorstuur URL om in je Instagram applicatie configuratie te zetten",
   "PopUpForm.Providers.key.label": "Client ID",
   "PopUpForm.Providers.key.placeholder": "TEXT",
-  "PopUpForm.Providers.linkedin2.providerConfig.redirectURL": "De doorstuur URL om in je LinkedIn applicatie configuratie te zetten",
-  "PopUpForm.Providers.microsoft.providerConfig.redirectURL": "De doorstuur URL om in je Microsoft applicatie configuratie te zetten",
-  "PopUpForm.Providers.redirectURL.front-end.label": "De doorstuur URL voor jouw front-end app",
+  "PopUpForm.Providers.microsoft.redirectUri.label": "De doorstuur URL om in je Microsoft applicatie configuratie te zetten",
+  "PopUpForm.Providers.linkedin2.redirectUri.label": "De doorstuur URL om in je LinkedIn applicatie configuratie te zetten",
+  "PopUpForm.Providers.callback.label": "De doorstuur URL voor jouw front-end app",
   "PopUpForm.Providers.secret.label": "Client Secret",
   "PopUpForm.Providers.secret.placeholder": "TEXT",
-  "PopUpForm.Providers.twitter.providerConfig.redirectURL": "De doorstuur URL om in je Twitter applicatie configuratie te zetten",
+  "PopUpForm.Providers.twitter.redirectUri.label": "De doorstuur URL om in je Twitter applicatie configuratie te zetten",
   "PopUpForm.button.cancel": "Annuleren",
   "PopUpForm.button.save": "Opslaan",
   "PopUpForm.header.add.providers": "Nieuwe leverancier toevoegen",

packages/strapi-plugin-users-permissions/admin/src/translations/pl.json

@@ -79,19 +79,20 @@
   "PopUpForm.Providers.discord.providerConfig.redirectURL": "Adres przekierowania do dodania w aplikacji Discord",
   "PopUpForm.Providers.enabled.description": "W przypadku wyłączenia, użytkownicy nie będą mogli skorzystać z tego dostawcy.",
   "PopUpForm.Providers.enabled.label": "Włączony",
-  "PopUpForm.Providers.facebook.providerConfig.redirectURL": "Adres przekierowania do dodania w aplikacji Facebook",
-  "PopUpForm.Providers.github.providerConfig.redirectURL": "Adres przekierowania do dodania w aplikacji GitHub",
-  "PopUpForm.Providers.google.providerConfig.redirectURL": "Adres przekierowania do dodania w aplikacji Google",
-  "PopUpForm.Providers.instagram.providerConfig.redirectURL": "Adres przekierowania do dodania w aplikacji Instagram",
+  "PopUpForm.Providers.facebook.redirectUri.label": "Adres przekierowania do dodania w aplikacji Facebook",
+  "PopUpForm.Providers.github.redirectUri.label": "Adres przekierowania do dodania w aplikacji GitHub",
+  "PopUpForm.Providers.google.redirectUri.label": "Adres przekierowania do dodania w aplikacji Google",
+  "PopUpForm.Providers.instagram.redirectUri.label": "Adres przekierowania do dodania w aplikacji Instagram",
   "PopUpForm.Providers.key.label": "ID klienta",
   "PopUpForm.Providers.key.placeholder": "TEKST",
-  "PopUpForm.Providers.linkedin2.providerConfig.redirectURL": "Adres przekierowania do dodania w aplikacji Linkedin",
-  "PopUpForm.Providers.microsoft.providerConfig.redirectURL": "Adres przekierowania do dodania w aplikacji Microsoft",
-  "PopUpForm.Providers.redirectURL.front-end.label": "Adres przekierowania do własnej aplikacji",
+  "PopUpForm.Providers.discord.redirectUri.label": "Adres przekierowania do dodania w aplikacji Discord",
+  "PopUpForm.Providers.linkedin2.redirectUri.label": "Adres przekierowania do dodania w aplikacji Linkedin",
+  "PopUpForm.Providers.microsoft.redirectUri.label": "Adres przekierowania do dodania w aplikacji Microsoft",
+  "PopUpForm.Providers.callback.label": "Adres przekierowania do własnej aplikacji",
+  "PopUpForm.Providers.twitter.redirectUri.label": "Adres przekierowania do dodania w aplikacji Twitter",
+  "PopUpForm.Providers.vk.redirectUri.label": "Adres URL przekierowania do dodania w konfiguracji aplikacji VK",
   "PopUpForm.Providers.secret.label": "Klucz sekretny klienta",
   "PopUpForm.Providers.secret.placeholder": "TEKST",
-  "PopUpForm.Providers.twitter.providerConfig.redirectURL": "Adres przekierowania do dodania w aplikacji Twitter",
-  "PopUpForm.Providers.vk.providerConfig.redirectURL": "Adres URL przekierowania do dodania w konfiguracji aplikacji VK",
   "PopUpForm.button.cancel": "Anuluj",
   "PopUpForm.button.save": "Zapisz",
   "PopUpForm.header.add.providers": "Dostawca",

packages/strapi-plugin-users-permissions/admin/src/translations/pt-BR.json

@@ -69,17 +69,17 @@
   "PopUpForm.Providers.callback.placeholder": "TEXT",
   "PopUpForm.Providers.enabled.description": "Se desativado, os usuários não poderão usar este provedor",
   "PopUpForm.Providers.enabled.label": "Ativar",
-  "PopUpForm.Providers.facebook.providerConfig.redirectURL": "O URL de redirecionamento para adicionar em suas configurações de aplicativos do Facebook",
-  "PopUpForm.Providers.github.providerConfig.redirectURL": "O URL de redirecionamento para adicionar nas configurações do aplicativo GitHub",
-  "PopUpForm.Providers.google.providerConfig.redirectURL": "O URL de redirecionamento a adicionar nas suas configurações de aplicativo do Google",
-  "PopUpForm.Providers.instagram.providerConfig.redirectURL": "O URL de redirecionamento a adicionar nas suas configurações de aplicativo do Instagram",
+  "PopUpForm.Providers.facebook.redirectUri.label": "O URL de redirecionamento para adicionar em suas configurações de aplicativos do Facebook",
+  "PopUpForm.Providers.github.redirectUri.label": "O URL de redirecionamento para adicionar nas configurações do aplicativo GitHub",
+  "PopUpForm.Providers.google.redirectUri.label": "O URL de redirecionamento a adicionar nas suas configurações de aplicativo do Google",
+  "PopUpForm.Providers.instagram.redirectUri.label": "O URL de redirecionamento a adicionar nas suas configurações de aplicativo do Instagram",
   "PopUpForm.Providers.key.label": "ID do cliente",
   "PopUpForm.Providers.key.placeholder": "TEXT",
-  "PopUpForm.Providers.linkedin2.providerConfig.redirectURL": "O URL de redirecionamento a ser adicionado nas configurações do aplicativo Linkedin",
-  "PopUpForm.Providers.redirectURL.front-end.label": "O URL de redirecionamento para seu aplicativo front-end",
+  "PopUpForm.Providers.linkedin2.redirectUri.label": "O URL de redirecionamento a ser adicionado nas configurações do aplicativo Linkedin",
+  "PopUpForm.Providers.callback.label": "O URL de redirecionamento para seu aplicativo front-end",
   "PopUpForm.Providers.secret.label": "Segredo do Cliente",
   "PopUpForm.Providers.secret.placeholder": "TEXT",
-  "PopUpForm.Providers.twitter.providerConfig.redirectURL": "O URL de redirecionamento a ser adicionado nas configurações do aplicativo do Twitter",
+  "PopUpForm.Providers.twitter.redirectUri.label": "O URL de redirecionamento a ser adicionado nas configurações do aplicativo do Twitter",
   "PopUpForm.button.cancel": "Cancelar",
   "PopUpForm.button.save": "Salvar",
   "PopUpForm.header.add.providers": "Adicionar novo provedor",

packages/strapi-plugin-users-permissions/admin/src/translations/pt.json

@@ -73,21 +73,21 @@
   "PopUpForm.Email.success_register.options.message.placeholder": "<p>Por favor clique neste link para validar a sua conta</p>",
   "PopUpForm.Email.success_register.options.object.placeholder": "Por favor confirme o seu endereço de email para %APP_NAME%",
   "PopUpForm.Providers.callback.placeholder": "TEXTO",
-  "PopUpForm.Providers.discord.providerConfig.redirectURL": "Endereço de redirecionamento para adicionar às configurações da sua aplicação de Discord",
+  "PopUpForm.Providers.discord.redirectUri.label": "Endereço de redirecionamento para adicionar às configurações da sua aplicação de Discord",
   "PopUpForm.Providers.enabled.description": "Se desativado, os utilizadores não conseguirão utilizar este serviço de autenticação.",
   "PopUpForm.Providers.enabled.label": "Ativar",
-  "PopUpForm.Providers.facebook.providerConfig.redirectURL": "Endereço de redirecionamento para adicionar às configurações da sua aplicação do Facebook",
-  "PopUpForm.Providers.github.providerConfig.redirectURL": "Endereço de redirecionamento para adicionar às configurações da sua aplicação de GitHub",
-  "PopUpForm.Providers.google.providerConfig.redirectURL": "Endereço de redirecionamento para adicionar às configurações da sua aplicação da Google",
-  "PopUpForm.Providers.instagram.providerConfig.redirectURL": "Endereço de redirecionamento para adicionar às configurações da sua aplicação da Instagram",
+  "PopUpForm.Providers.facebook.redirectUri.label": "Endereço de redirecionamento para adicionar às configurações da sua aplicação do Facebook",
+  "PopUpForm.Providers.github.redirectUri.label": "Endereço de redirecionamento para adicionar às configurações da sua aplicação de GitHub",
+  "PopUpForm.Providers.google.redirectUri.label": "Endereço de redirecionamento para adicionar às configurações da sua aplicação da Google",
+  "PopUpForm.Providers.instagram.redirectUri.label": "Endereço de redirecionamento para adicionar às configurações da sua aplicação da Instagram",
   "PopUpForm.Providers.key.label": "ID de Client",
   "PopUpForm.Providers.key.placeholder": "TEXTO",
-  "PopUpForm.Providers.linkedin2.providerConfig.redirectURL": "Endereço de redirecionamento para adicionar às configurações da sua aplicação de Linkedin",
-  "PopUpForm.Providers.microsoft.providerConfig.redirectURL": "Endereço de redirecionamento para adicionar às configurações da sua aplicação da Microsoft",
-  "PopUpForm.Providers.redirectURL.front-end.label": "Endereço de redirecionamento para a sua aplicação de front-end",
+  "PopUpForm.Providers.linkedin2.redirectUri.label": "Endereço de redirecionamento para adicionar às configurações da sua aplicação de Linkedin",
+  "PopUpForm.Providers.microsoft.redirectUri.label": "Endereço de redirecionamento para adicionar às configurações da sua aplicação da Microsoft",
+  "PopUpForm.Providers.callback.label": "Endereço de redirecionamento para a sua aplicação de front-end",
   "PopUpForm.Providers.secret.label": "Segredo de cliente",
   "PopUpForm.Providers.secret.placeholder": "TEXTO",
-  "PopUpForm.Providers.twitter.providerConfig.redirectURL": "Endereço de redirecionamento para adicionar às configurações da sua aplicação de Twitter",
+  "PopUpForm.Providers.twitter.redirectUri.label": "Endereço de redirecionamento para adicionar às configurações da sua aplicação de Twitter",
   "PopUpForm.button.cancel": "Cancelar",
   "PopUpForm.button.save": "Guardar",
   "PopUpForm.header.add.providers": "Adicionar novo serviço de autenticação",

packages/strapi-plugin-users-permissions/admin/src/translations/ru.json

@@ -73,22 +73,22 @@
   "PopUpForm.Email.success_register.options.message.placeholder": "<p>Пожалуйста, нажмите на ссылку чтобы подтвердить вашу учетную запись</p>",
   "PopUpForm.Email.success_register.options.object.placeholder": "Пожалуйста подтвердите ваш email для %APP_NAME%",
   "PopUpForm.Providers.callback.placeholder": "TEXT",
-  "PopUpForm.Providers.discord.providerConfig.redirectURL": "URL-адрес перенаправления, который необходимо добавить в настройки Discord приложения",
   "PopUpForm.Providers.enabled.description": "Если отключено, пользователи не смогут использовать этот провайдер.",
   "PopUpForm.Providers.enabled.label": "Включить",
-  "PopUpForm.Providers.facebook.providerConfig.redirectURL": "URL-адрес перенаправления, который необходимо добавить в настройки Facebook приложения",
-  "PopUpForm.Providers.github.providerConfig.redirectURL": "URL-адрес перенаправления, который необходимо добавить в настройки GitHub приложения",
-  "PopUpForm.Providers.google.providerConfig.redirectURL": "URL-адрес перенаправления, который необходимо добавить в настройки Google приложения",
-  "PopUpForm.Providers.instagram.providerConfig.redirectURL": "URL-адрес перенаправления, который необходимо добавить в настройки Instagram приложения",
+  "PopUpForm.Providers.discord.redirectUri.label": "URL-адрес перенаправления, который необходимо добавить в настройки Discord приложения",
+  "PopUpForm.Providers.facebook.redirectUri.label": "URL-адрес перенаправления, который необходимо добавить в настройки Facebook приложения",
+  "PopUpForm.Providers.github.redirectUri.label": "URL-адрес перенаправления, который необходимо добавить в настройки GitHub приложения",
+  "PopUpForm.Providers.google.redirectUri.label": "URL-адрес перенаправления, который необходимо добавить в настройки Google приложения",
+  "PopUpForm.Providers.instagram.redirectUri.label": "URL-адрес перенаправления, который необходимо добавить в настройки Instagram приложения",
+  "PopUpForm.Providers.vk.redirectUri.label": "URL-адрес перенаправления, который необходимо добавить в настройки VK приложения",
+  "PopUpForm.Providers.twitter.redirectUri.label": "URL-адрес перенаправления, который необходимо добавить в настройки Twitter приложения",
+  "PopUpForm.Providers.linkedin2.redirectUri.label": "URL-адрес перенаправления, который необходимо добавить в настройки Linkedin приложения",
+  "PopUpForm.Providers.microsoft.redirectUri.label": "URL-адрес перенаправления, который необходимо добавить в настройки Microsoft приложения",
   "PopUpForm.Providers.key.label": "Client ID",
   "PopUpForm.Providers.key.placeholder": "TEXT",
-  "PopUpForm.Providers.linkedin2.providerConfig.redirectURL": "URL-адрес перенаправления, который необходимо добавить в настройки Linkedin приложения",
-  "PopUpForm.Providers.microsoft.providerConfig.redirectURL": "URL-адрес перенаправления, который необходимо добавить в настройки Microsoft приложения",
-  "PopUpForm.Providers.redirectURL.front-end.label": "URL-адрес перенаправления для вашего приложения",
+  "PopUpForm.Providers.callback.label": "URL-адрес перенаправления для вашего приложения",
   "PopUpForm.Providers.secret.label": "Client Secret",
   "PopUpForm.Providers.secret.placeholder": "TEXT",
-  "PopUpForm.Providers.twitter.providerConfig.redirectURL": "URL-адрес перенаправления, который необходимо добавить в настройки Twitter приложения",
-  "PopUpForm.Providers.vk.providerConfig.redirectURL": "URL-адрес перенаправления, который необходимо добавить в настройки VK приложения",
   "PopUpForm.button.cancel": "Отменить",
   "PopUpForm.button.save": "Сохранить",
   "PopUpForm.header.add.providers": "Добавить новый провайдер",

packages/strapi-plugin-users-permissions/admin/src/translations/sk.json

@@ -76,22 +76,22 @@
   "PopUpForm.Email.success_register.options.message.placeholder": "<p>Prosím kliknite na tento odkaz pre overenie Vášho konta</p>",
   "PopUpForm.Email.success_register.options.object.placeholder": "Prosím potvrďte Vašu e-mailovú adresu pre %APP_NAME%",
   "PopUpForm.Providers.callback.placeholder": "TEXT",
-  "PopUpForm.Providers.discord.providerConfig.redirectURL": "URL presmerovania, ktorú je potrebné pridať v nastaveniach aplikácie Discord",
+  "PopUpForm.Providers.discord.redirectUri.label": "URL presmerovania, ktorú je potrebné pridať v nastaveniach aplikácie Discord",
   "PopUpForm.Providers.enabled.description": "Ak je zakázané, používatelia nebudú môcť použiť tohto poskytovateľa.",
   "PopUpForm.Providers.enabled.label": "Povoliť",
-  "PopUpForm.Providers.facebook.providerConfig.redirectURL": "URL presmerovania, ktorú je potrebné pridať v nastaveniach aplikácie Facebook",
-  "PopUpForm.Providers.github.providerConfig.redirectURL": "URL presmerovania, ktorú je potrebné pridať v nastaveniach aplikácie Github",
-  "PopUpForm.Providers.google.providerConfig.redirectURL": "URL presmerovania, ktorú je potrebné pridať v nastaveniach aplikácie Google",
-  "PopUpForm.Providers.instagram.providerConfig.redirectURL": "URL presmerovania, ktorú je potrebné pridať v nastaveniach aplikácie Instagram",
+  "PopUpForm.Providers.facebook.redirectUri.label": "URL presmerovania, ktorú je potrebné pridať v nastaveniach aplikácie Facebook",
+  "PopUpForm.Providers.github.redirectUri.label": "URL presmerovania, ktorú je potrebné pridať v nastaveniach aplikácie Github",
+  "PopUpForm.Providers.google.redirectUri.label": "URL presmerovania, ktorú je potrebné pridať v nastaveniach aplikácie Google",
+  "PopUpForm.Providers.instagram.redirectUri.label": "URL presmerovania, ktorú je potrebné pridať v nastaveniach aplikácie Instagram",
+  "PopUpForm.Providers.vk.redirectUri.label": "URL presmerovania, ktorú je potrebné pridať v nastaveniach aplikácie VK",
+  "PopUpForm.Providers.twitter.redirectUri.label": "URL presmerovania, ktorú je potrebné pridať v nastaveniach aplikácie Twitter",
   "PopUpForm.Providers.key.label": "Client ID",
   "PopUpForm.Providers.key.placeholder": "TEXT",
-  "PopUpForm.Providers.linkedin2.providerConfig.redirectURL": "URL presmerovania, ktorú je potrebné pridať v nastaveniach aplikácie Linkedin",
-  "PopUpForm.Providers.microsoft.providerConfig.redirectURL": "URL presmerovania, ktorú je potrebné pridať v nastaveniach aplikácie Microsoft",
-  "PopUpForm.Providers.redirectURL.front-end.label": "URL presmerovania do vašej aplikácie",
+  "PopUpForm.Providers.linkedin2.redirectUri.label": "URL presmerovania, ktorú je potrebné pridať v nastaveniach aplikácie Linkedin",
+  "PopUpForm.Providers.microsoft.redirectUri.label": "URL presmerovania, ktorú je potrebné pridať v nastaveniach aplikácie Microsoft",
+  "PopUpForm.Providers.callback.label": "URL presmerovania do vašej aplikácie",
   "PopUpForm.Providers.secret.label": "Client Secret",
   "PopUpForm.Providers.secret.placeholder": "TEXT",
-  "PopUpForm.Providers.twitter.providerConfig.redirectURL": "URL presmerovania, ktorú je potrebné pridať v nastaveniach aplikácie Twitter",
-  "PopUpForm.Providers.vk.providerConfig.redirectURL": "URL presmerovania, ktorú je potrebné pridať v nastaveniach aplikácie VK",
   "PopUpForm.button.cancel": "Zrušiť",
   "PopUpForm.button.save": "Uložiť",
   "PopUpForm.header.add.providers": "Pridať nového poskytovateľa",

packages/strapi-plugin-users-permissions/admin/src/translations/tr.json

@@ -72,22 +72,24 @@
   "PopUpForm.Email.reset_password.options.object.placeholder": "Lütfen %APP_NAME% için e-posta adresinizi onaylayın",
   "PopUpForm.Email.success_register.options.message.placeholder": "<p>Hesabınızı doğrulamak için lütfen bu bağlantıyı tıklayın.</p>",
   "PopUpForm.Email.success_register.options.object.placeholder": "Lütfen %APP_NAME% için e-posta adresinizi onaylayın",
+  "PopUpForm.Email.validation_email.options.message.placeholder": "<p>Hesabınızı doğrulamak için lütfen bu bağlantıyı tıklayın.</p>",
+  "PopUpForm.Email.validation_email.options.object.placeholder": "Lütfen  %APP_NAME% için e-posta adresinizi onaylayın",
+  "PopUpForm.Providers.discord.redirectUri.label": "Discord uygulama yapılandırmalarınıza eklenecek yönlendirme URL'si",
   "PopUpForm.Providers.callback.placeholder": "METİN",
-  "PopUpForm.Providers.discord.providerConfig.redirectURL": "Discord uygulama yapılandırmalarınıza eklenecek yönlendirme URL'si",
   "PopUpForm.Providers.enabled.description": "Devre dışı bırakıldıysa kullanıcılar bu sağlayıcıyı kullanamaz.",
   "PopUpForm.Providers.enabled.label": "Etkinleştirme",
-  "PopUpForm.Providers.facebook.providerConfig.redirectURL": "Facebook uygulama yapılandırmalarınıza eklenecek yönlendirme URL'si",
-  "PopUpForm.Providers.github.providerConfig.redirectURL": "GitHub uygulama yapılandırmalarınıza eklenecek yönlendirme URL'si",
-  "PopUpForm.Providers.google.providerConfig.redirectURL": "Google uygulama yapılandırmalarınıza eklenecek yönlendirme URL'si",
-  "PopUpForm.Providers.instagram.providerConfig.redirectURL": "Instagram uygulama yapılandırmalarınıza eklenecek yönlendirme URL'si",
+  "PopUpForm.Providers.facebook.redirectUri.label": "Facebook uygulama yapılandırmalarınıza eklenecek yönlendirme URL'si",
+  "PopUpForm.Providers.github.redirectUri.label": "GitHub uygulama yapılandırmalarınıza eklenecek yönlendirme URL'si",
+  "PopUpForm.Providers.google.redirectUri.label": "Google uygulama yapılandırmalarınıza eklenecek yönlendirme URL'si",
+  "PopUpForm.Providers.instagram.redirectUri.label": "Instagram uygulama yapılandırmalarınıza eklenecek yönlendirme URL'si",
   "PopUpForm.Providers.key.label": "Web istemcisi ID",
   "PopUpForm.Providers.key.placeholder": "METİN",
-  "PopUpForm.Providers.linkedin2.providerConfig.redirectURL": "Linkedin uygulama yapılandırmalarınıza eklenecek yönlendirme URL'si",
-  "PopUpForm.Providers.microsoft.providerConfig.redirectURL": "Microsoft uygulama yapılandırmalarınıza eklenecek yönlendirme URL'si",
-  "PopUpForm.Providers.redirectURL.front-end.label": "Arayüz uygulamanızın yönlendirme URL'si",
+  "PopUpForm.Providers.linkedin2.redirectUri.label": "Linkedin uygulama yapılandırmalarınıza eklenecek yönlendirme URL'si",
+  "PopUpForm.Providers.microsoft.redirectUri.label": "Microsoft uygulama yapılandırmalarınıza eklenecek yönlendirme URL'si",
+  "PopUpForm.Providers.callback.label": "Arayüz uygulamanızın yönlendirme URL'si",
   "PopUpForm.Providers.secret.label": "Web istemcisi Secret",
   "PopUpForm.Providers.secret.placeholder": "METİN",
-  "PopUpForm.Providers.twitter.providerConfig.redirectURL": "Twitter uygulama yapılandırmalarınıza eklenecek yönlendirme URL'si",
+  "PopUpForm.Providers.twitter.redirectUri.label": "Twitter uygulama yapılandırmalarınıza eklenecek yönlendirme URL'si",
   "PopUpForm.button.cancel": "İptal",
   "PopUpForm.button.save": "Kaydet",
   "PopUpForm.header.add.providers": "Yeni Sağlayıcı Ekle",

packages/strapi-plugin-users-permissions/admin/src/translations/uk.json

@@ -80,23 +80,23 @@
   "PopUpForm.Email.success_register.options.message.placeholder": "Будь ласка, натисніть на це посилання, щоб підтвердити свій акаунт</Будь>",
   "PopUpForm.Email.success_register.options.object.placeholder": "Підтвердьте свій email для %APP_NAME%",
   "PopUpForm.Providers.callback.placeholder": "TEXT",
-  "PopUpForm.Providers.discord.providerConfig.redirectURL": "URL для переадресації, щоб додати до конфігурації додатку в Discord",
+  "PopUpForm.Providers.discord.redirectUri.label": "URL для переадресації, щоб додати до конфігурації додатку в Discord",
   "PopUpForm.Providers.enabled.description": "Якщо вимкнуто, користувачі не зможуть вікористати цей провайдер.",
   "PopUpForm.Providers.enabled.label": "Увімкнути",
-  "PopUpForm.Providers.facebook.providerConfig.redirectURL": "URL для переадресації, щоб додати до конфігурації додатку в Facebook",
-  "PopUpForm.Providers.github.providerConfig.redirectURL": "URL для переадресації, щоб додати до конфігурації додатку в GitHub",
-  "PopUpForm.Providers.google.providerConfig.redirectURL": "URL для переадресації, щоб додати до конфігурації додатку в Google",
-  "PopUpForm.Providers.instagram.providerConfig.redirectURL": "URL для переадресації, щоб додати до конфігурації додатку в Instagram",
+  "PopUpForm.Providers.facebook.redirectUri.label": "URL для переадресації, щоб додати до конфігурації додатку в Facebook",
+  "PopUpForm.Providers.github.redirectUri.label": "URL для переадресації, щоб додати до конфігурації додатку в GitHub",
+  "PopUpForm.Providers.google.redirectUri.label": "URL для переадресації, щоб додати до конфігурації додатку в Google",
+  "PopUpForm.Providers.instagram.redirectUri.label": "URL для переадресації, щоб додати до конфігурації додатку в Instagram",
+  "PopUpForm.Providers.vk.redirectUri.label": "URL для переадресації, щоб додати до конфігурації додатку в VK",
+  "PopUpForm.Providers.twitch.redirectUri.label": "URL для переадресації, щоб додати до конфігурації додатку в Twitch",
   "PopUpForm.Providers.key.label": "Client ID",
   "PopUpForm.Providers.key.placeholder": "TEXT",
-  "PopUpForm.Providers.linkedin2.providerConfig.redirectURL": "URL для переадресації, щоб додати до конфігурації додатку в LinkedIn",
-  "PopUpForm.Providers.microsoft.providerConfig.redirectURL": "URL для переадресації, щоб додати до конфігурації додатку в Microsoft",
-  "PopUpForm.Providers.redirectURL.front-end.label": "URL переадресації для вашего front-end додатку",
+  "PopUpForm.Providers.linkedin2.redirectUri.label": "URL для переадресації, щоб додати до конфігурації додатку в LinkedIn",
+  "PopUpForm.Providers.microsoft.redirectUri.label": "URL для переадресації, щоб додати до конфігурації додатку в Microsoft",
+  "PopUpForm.Providers.callback.label": "URL переадресації для вашего front-end додатку",
   "PopUpForm.Providers.secret.label": "Client Secret",
   "PopUpForm.Providers.secret.placeholder": "TEXT",
-  "PopUpForm.Providers.twitch.providerConfig.redirectURL": "URL для переадресації, щоб додати до конфігурації додатку в Twitch",
-  "PopUpForm.Providers.twitter.providerConfig.redirectURL": "URL для переадресації, щоб додати до конфігурації додатку в Twitter",
-  "PopUpForm.Providers.vk.providerConfig.redirectURL": "URL для переадресації, щоб додати до конфігурації додатку в VK",
+  "PopUpForm.Providers.twitter.redirectUri.label": "URL для переадресації, щоб додати до конфігурації додатку в Twitter",
   "PopUpForm.button.cancel": "Скасувати",
   "PopUpForm.button.save": "Зберегти",
   "PopUpForm.header.add.providers": "Додати новий провайдер",

packages/strapi-plugin-users-permissions/admin/src/translations/vi.json

@@ -76,21 +76,21 @@
   "PopUpForm.Email.success_register.options.message.placeholder": "<p>Vui lòng nhấn liên kết này để xác nhận tài khoản của bạn</p>",
   "PopUpForm.Email.success_register.options.object.placeholder": "Vui lòng xác nhận địa chỉ email cho %APP_NAME%",
   "PopUpForm.Providers.callback.placeholder": "VĂN BẢN",
-  "PopUpForm.Providers.discord.providerConfig.redirectURL": "URL chuyển tiếp để thêm vào các cấu hình ứng dụng Discord",
+  "PopUpForm.Providers.discord.redirectUri.label": "URL chuyển tiếp để thêm vào các cấu hình ứng dụng Discord",
   "PopUpForm.Providers.enabled.description": "Nếu không kích hoạt, người dùng sẽ không thể dùng nhà cung cấp này.",
   "PopUpForm.Providers.enabled.label": "Kích hoạt",
-  "PopUpForm.Providers.facebook.providerConfig.redirectURL": "URL chuyển tiếp để thêm vào các cấu hình ứng dụng Facebook",
-  "PopUpForm.Providers.github.providerConfig.redirectURL": "URL chuyển tiếp để thêm vào các cấu hình ứng dụng GitHub",
-  "PopUpForm.Providers.google.providerConfig.redirectURL": "URL chuyển tiếp để thêm vào các cấu hình ứng dụng Google",
-  "PopUpForm.Providers.instagram.providerConfig.redirectURL": "URL chuyển tiếp để thêm vào các cấu hình ứng dụng Instagram",
+  "PopUpForm.Providers.facebook.redirectUri.label": "URL chuyển tiếp để thêm vào các cấu hình ứng dụng Facebook",
+  "PopUpForm.Providers.github.redirectUri.label": "URL chuyển tiếp để thêm vào các cấu hình ứng dụng GitHub",
+  "PopUpForm.Providers.google.redirectUri.label": "URL chuyển tiếp để thêm vào các cấu hình ứng dụng Google",
+  "PopUpForm.Providers.instagram.redirectUri.label": "URL chuyển tiếp để thêm vào các cấu hình ứng dụng Instagram",
   "PopUpForm.Providers.key.label": "Client ID",
   "PopUpForm.Providers.key.placeholder": "VĂN BẢN",
-  "PopUpForm.Providers.linkedin2.providerConfig.redirectURL": "URL chuyển tiếp để thêm vào các cấu hình ứng dụng Linkedin",
-  "PopUpForm.Providers.microsoft.providerConfig.redirectURL": "URL chuyển tiếp để thêm vào các cấu hình ứng dụng Microsoft",
-  "PopUpForm.Providers.redirectURL.front-end.label": "URL chuyển tiếp đến ứng dụng bên ngoài của bạn",
+  "PopUpForm.Providers.linkedin2.redirectUri.label": "URL chuyển tiếp để thêm vào các cấu hình ứng dụng Linkedin",
+  "PopUpForm.Providers.microsoft.redirectUri.label": "URL chuyển tiếp để thêm vào các cấu hình ứng dụng Microsoft",
+  "PopUpForm.Providers.callback.label": "URL chuyển tiếp đến ứng dụng bên ngoài của bạn",
   "PopUpForm.Providers.secret.label": "Client Secret",
   "PopUpForm.Providers.secret.placeholder": "VĂN BẢN",
-  "PopUpForm.Providers.twitter.providerConfig.redirectURL": "URL chuyển tiếp để thêm vào các cấu hình ứng dụng Twitter",
+  "PopUpForm.Providers.twitter.redirectUri.label": "URL chuyển tiếp để thêm vào các cấu hình ứng dụng Twitter",
   "PopUpForm.button.cancel": "Hủy bỏ",
   "PopUpForm.button.save": "Lưu",
   "PopUpForm.header.add.providers": "Thêm Mới Nhà Cung Cấp",

packages/strapi-plugin-users-permissions/admin/src/translations/zh-Hans.json

@@ -76,22 +76,22 @@
   "PopUpForm.Email.success_register.options.message.placeholder": "<p>请点击此链接验证您的帐户</p>",
   "PopUpForm.Email.success_register.options.object.placeholder": "请确认您的电子邮件地址 %APP_NAME%",
   "PopUpForm.Providers.callback.placeholder": "文本",
-  "PopUpForm.Providers.discord.providerConfig.redirectURL": "Discord 应用中配置的重定向 URL",
   "PopUpForm.Providers.enabled.description": "如果禁用，用户将无法使用此供应商。",
   "PopUpForm.Providers.enabled.label": "启用",
-  "PopUpForm.Providers.facebook.providerConfig.redirectURL": "Facebook 应用中配置的重定向 URL",
-  "PopUpForm.Providers.github.providerConfig.redirectURL": "GitHub 应用中配置的重定向 URL",
-  "PopUpForm.Providers.google.providerConfig.redirectURL": "Google 应用中配置的重定向 URL",
-  "PopUpForm.Providers.instagram.providerConfig.redirectURL": "Instagram 应用中配置的重定向 URL",
+  "PopUpForm.Providers.discord.redirectUri.label": "Discord 应用中配置的重定向 URL",
+  "PopUpForm.Providers.facebook.redirectUri.label": "Facebook 应用中配置的重定向 URL",
+  "PopUpForm.Providers.github.redirectUri.label": "GitHub 应用中配置的重定向 URL",
+  "PopUpForm.Providers.google.redirectUri.label": "Google 应用中配置的重定向 URL",
+  "PopUpForm.Providers.instagram.redirectUri.label": "Instagram 应用中配置的重定向 URL",
+  "PopUpForm.Providers.vk.redirectUri.label": "VK 应用中配置的重定向 URL",
+  "PopUpForm.Providers.twitter.redirectUri.label": "Twitter 应用中配置的重定向 URL",
+  "PopUpForm.Providers.linkedin2.redirectUri.label": "Linkedin 应用中配置的重定向 URL",
+  "PopUpForm.Providers.microsoft.redirectUri.label": "Microsoft 应用中配置的重定向 URL",
   "PopUpForm.Providers.key.label": "Client ID",
   "PopUpForm.Providers.key.placeholder": "文本",
-  "PopUpForm.Providers.linkedin2.providerConfig.redirectURL": "Linkedin 应用中配置的重定向 URL",
-  "PopUpForm.Providers.microsoft.providerConfig.redirectURL": "要在您的 Microsoft 应用程序配置中添加的重定向 URL",
-  "PopUpForm.Providers.redirectURL.front-end.label": "重定向 URL",
+  "PopUpForm.Providers.callback.label": "重定向 URL",
   "PopUpForm.Providers.secret.label": "Client Secret",
   "PopUpForm.Providers.secret.placeholder": "文本",
-  "PopUpForm.Providers.twitter.providerConfig.redirectURL": "Twitter 应用中配置的重定向 URL",
-  "PopUpForm.Providers.vk.providerConfig.redirectURL": "VK 应用中配置的重定向 URL",
   "PopUpForm.button.cancel": "取消",
   "PopUpForm.button.save": "保存",
   "PopUpForm.header.add.providers": "增加新的供应商",

packages/strapi-plugin-users-permissions/admin/src/translations/zh.json

@@ -73,21 +73,21 @@
   "PopUpForm.Email.success_register.options.message.placeholder": "<p>請點擊這個連結以認證您的電子郵件地址</p>",
   "PopUpForm.Email.success_register.options.object.placeholder": "請確認這個 %APP_NAME% 地址正不正確",
   "PopUpForm.Providers.callback.placeholder": "TEXT",
-  "PopUpForm.Providers.discord.providerConfig.redirectURL": "在 Discord 的設定中填入的重新導向網址",
   "PopUpForm.Providers.enabled.description": "如果停用，使用者將無法使用這個驗證方式",
   "PopUpForm.Providers.enabled.label": "啟用",
-  "PopUpForm.Providers.facebook.providerConfig.redirectURL": "在 Facebook 的設定中填入的重新導向網址",
-  "PopUpForm.Providers.github.providerConfig.redirectURL": "在 GitHub 的設定中填入的重新導向網址",
-  "PopUpForm.Providers.google.providerConfig.redirectURL": "在 Google 的設定中填入的重新導向網址",
-  "PopUpForm.Providers.instagram.providerConfig.redirectURL": "在 Instagram 的設定中填入的重新導向網址",
   "PopUpForm.Providers.key.label": "客戶端 ID",
   "PopUpForm.Providers.key.placeholder": "TEXT",
-  "PopUpForm.Providers.linkedin2.providerConfig.redirectURL": "在 Linkedin 的設定中填入的重新導向網址",
-  "PopUpForm.Providers.microsoft.providerConfig.redirectURL": "在 Microsoft 的設定中填入的重新導向網址",
-  "PopUpForm.Providers.redirectURL.front-end.label": "您應用程式的前端頁面網址",
+  "PopUpForm.Providers.discord.redirectUri.label": "在 Discord 的設定中填入的重新導向網址",
+  "PopUpForm.Providers.facebook.redirectUri.label": "在 Facebook 的設定中填入的重新導向網址",
+  "PopUpForm.Providers.github.redirectUri.label": "在 GitHub 的設定中填入的重新導向網址",
+  "PopUpForm.Providers.google.redirectUri.label": "在 Google 的設定中填入的重新導向網址",
+  "PopUpForm.Providers.instagram.redirectUri.label": "在 Instagram 的設定中填入的重新導向網址",
+  "PopUpForm.Providers.linkedin2.redirectUri.label": "在 Linkedin 的設定中填入的重新導向網址",
+  "PopUpForm.Providers.microsoft.redirectUri.label": "在 Microsoft 的設定中填入的重新導向網址",
+  "PopUpForm.Providers.twitter.redirectUri.label": "在 Twitter 的設定中填入的重新導向網址",
+  "PopUpForm.Providers.callback.label": "您應用程式的前端頁面網址",
   "PopUpForm.Providers.secret.label": "客戶端密鑰",
   "PopUpForm.Providers.secret.placeholder": "TEXT",
-  "PopUpForm.Providers.twitter.providerConfig.redirectURL": "在 Twitter 的設定中填入的重新導向網址",
   "PopUpForm.button.cancel": "取消",
   "PopUpForm.button.save": "儲存",
   "PopUpForm.header.add.providers": "新增驗證方式",

packages/strapi-plugin-users-permissions/controllers/Auth.js

@@ -10,8 +10,7 @@
 const crypto = require('crypto');
 const _ = require('lodash');
 const grant = require('grant-koa');
-const { sanitizeEntity } = require('strapi-utils');
-const { getAbsoluteServerUrl } = require('strapi-utils');
+const { sanitizeEntity, getAbsoluteServerUrl } = require('strapi-utils');
 
 const emailRegExp = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
 const formatError = error => [
@@ -255,9 +254,18 @@ module.exports = {
     if (!_.get(grantConfig[provider], 'enabled')) {
       return ctx.badRequest(null, 'This provider is disabled.');
     }
+
+    if (!strapi.config.server.url.startsWith('http')) {
+      strapi.log.warn(
+        'You are using a third party provider for login. Make sure to set an absolute url in config/server.js. More info here: https://strapi.io/documentation/v3.x/plugins/users-permissions.html#setting-up-the-server-url'
+      );
+    }
+
     // Ability to pass OAuth callback dynamically
     grantConfig[provider].callback = _.get(ctx, 'query.callback') || grantConfig[provider].callback;
-    grantConfig[provider].redirect_uri = `${strapi.config.server.url}/connect/${provider}/callback`;
+    grantConfig[provider].redirect_uri = strapi.plugins[
+      'users-permissions'
+    ].services.providers.buildRedirectUri(provider);
 
     return grant(grantConfig)(ctx, next);
   },

packages/strapi-plugin-users-permissions/controllers/UsersPermissions.js

@@ -243,6 +243,14 @@ module.exports = {
       })
       .get();
 
+    for (const provider in providers) {
+      if (provider !== 'email') {
+        providers[provider].redirectUri = strapi.plugins[
+          'users-permissions'
+        ].services.providers.buildRedirectUri(provider);
+      }
+    }
+
     ctx.send(providers);
   },
 

packages/strapi-plugin-users-permissions/services/Providers.js

@@ -11,6 +11,7 @@ const request = require('request');
 // Purest strategies.
 const purest = require('purest')({ request });
 const purestConfig = require('@purest/providers');
+const { getAbsoluteServerUrl } = require('strapi-utils');
 
 /**
  * Connect thanks to a third-party provider.
@@ -22,7 +23,7 @@ const purestConfig = require('@purest/providers');
  * @return  {*}
  */
 
-exports.connect = (provider, query) => {
+const connect = (provider, query) => {
   const access_token = query.access_token || query.code || query.oauth_token;
 
   return new Promise((resolve, reject) => {
@@ -55,7 +56,9 @@ exports.connect = (provider, query) => {
           })
           .get();
 
-        if (_.isEmpty(_.find(users, { provider })) && !advanced.allow_register) {
+        const user = _.find(users, { provider });
+
+        if (_.isEmpty(user) && !advanced.allow_register) {
           return resolve([
             null,
             [{ messages: [{ id: 'Auth.advanced.allow_register' }] }],
@@ -63,8 +66,6 @@ exports.connect = (provider, query) => {
           ]);
         }
 
-        const user = _.find(users, { provider });
-
         if (!_.isEmpty(user)) {
           return resolve([user, null]);
         }
@@ -392,3 +393,11 @@ const getProfile = async (provider, query, callback) => {
       break;
   }
 };
+
+const buildRedirectUri = (provider = '') =>
+  `${getAbsoluteServerUrl(strapi.config)}/connect/${provider}/callback`;
+
+module.exports = {
+  connect,
+  buildRedirectUri,
+};