> ## Documentation Index
> Fetch the complete documentation index at: https://translations.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

> Lock offre de nombreuses options de configuration qui vous permettent d’en modifier le comportement, l’apparence et la connectivité — cette ressource vous en présente les détails!

# Options de configuration de Lock

export const AuthCodeBlock = ({filename, icon, language, highlight, children}) => {
  const [displayText, setDisplayText] = useState(children);
  const [copyText, setCopyText] = useState(children);
  const wrapperRef = React.useRef(null);
  useEffect(() => {
    let unsubscribe = null;
    function init() {
      if (!window.autorun || !window.rootStore) {
        return;
      }
      unsubscribe = window.autorun(() => {
        let processedChildrenForDisplay = children;
        let processedChildrenForCopy = children;
        for (const [key, value] of window.rootStore.variableStore.values.entries()) {
          const escapedKey = key.replaceAll(/[.*+?^${}()|[\]\\]/g, (String.raw)`\$&`);
          let displayValue = value;
          if (key === "{yourClientSecret}" && value !== "{yourClientSecret}") {
            displayValue = value.substring(0, 3) + "*****MASQUÉ*****";
          }
          processedChildrenForDisplay = processedChildrenForDisplay.replaceAll(new RegExp(escapedKey, "g"), displayValue);
          processedChildrenForCopy = processedChildrenForCopy.replaceAll(new RegExp(escapedKey, "g"), value);
        }
        setDisplayText(processedChildrenForDisplay);
        setCopyText(processedChildrenForCopy);
      });
    }
    if (window.rootStore) {
      init();
    } else {
      window.addEventListener("adu:storeReady", init);
    }
    return () => {
      window.removeEventListener("adu:storeReady", init);
      unsubscribe?.();
    };
  }, [children]);
  useEffect(() => {
    if (!wrapperRef.current) return;
    const originalWriteText = navigator.clipboard.writeText.bind(navigator.clipboard);
    let isOverriding = false;
    const handleClick = e => {
      const button = e.target.closest('[data-testid="copy-code-button"]');
      if (!button || !wrapperRef.current.contains(button)) return;
      isOverriding = true;
      navigator.clipboard.writeText = text => {
        if (isOverriding) {
          isOverriding = false;
          navigator.clipboard.writeText = originalWriteText;
          return originalWriteText(copyText);
        }
        return originalWriteText(text);
      };
      setTimeout(() => {
        if (isOverriding) {
          isOverriding = false;
          navigator.clipboard.writeText = originalWriteText;
        }
      }, 100);
    };
    const wrapper = wrapperRef.current;
    wrapper.addEventListener('click', handleClick, true);
    return () => {
      wrapper.removeEventListener('click', handleClick, true);
      if (navigator.clipboard.writeText !== originalWriteText) {
        navigator.clipboard.writeText = originalWriteText;
      }
    };
  }, [copyText]);
  return <div ref={wrapperRef}>
      <CodeBlock filename={filename} icon={icon} language={language} lines highlight={highlight}>
        {displayText}
      </CodeBlock>
    </div>;
};

Lock peut être configuré à l’aide du paramètre `options` transmis au constructeur. Ces options peuvent modifier le comportement du widget Lock, la façon dont il gère les connexions, les champs d’inscription supplémentaires requis pour votre projet, ainsi que la langue, les textes, les couleurs et les images du widget, et bien plus encore. Consultez la liste ci-dessous si vous savez ce que vous cherchez, ou parcourez les options pour obtenir plus de détails.

<div id="ui">
  ## Interface utilisateur
</div>

| Option                                                                 | Description                                                                                                                                                                              |
| ---------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| [allowAutocomplete](#allowautocomplete-boolean-)                       | Active ou désactive l’autocomplétion dans les champs de courriel ou de nom d’utilisateur                                                                                                 |
| [allowPasswordAutocomplete](#allowpasswordautocomplete-boolean-)       | Active ou désactive l’autocomplétion dans le champ de mot de passe                                                                                                                       |
| [allowShowPassword](#allowshowpassword-boolean-)                       | Indique si l’utilisateur peut choisir d’afficher le mot de passe pendant la saisie                                                                                                       |
| [allowedConnections](#allowedconnections-array-)                       | Liste des connexions offertes pour l’authentification                                                                                                                                    |
| [autoclose](#autoclose-boolean-)                                       | Indique si Lock se ferme après une connexion                                                                                                                                             |
| [autofocus](#autofocus-boolean-)                                       | Indique si le focus est placé sur le premier champ de saisie                                                                                                                             |
| [avatar](#avatar-object-)                                              | Indique si un avatar et un nom d’utilisateur doivent être affichés dans l’en-tête de Lock une fois qu’un courriel ou un nom d’utilisateur a été saisi, ainsi que la façon de les obtenir |
| [closable](#closable-boolean-)                                         | Détermine si Lock peut être fermé ou non                                                                                                                                                 |
| [container](#container-string-)                                        | L’élément HTML où Lock sera affiché. Cela fait en sorte que Lock apparaisse dans la page plutôt que dans une fenêtre modale                                                              |
| [flashMessage](#flashmessage-object-)                                  | Affiche un message flash `error` ou `success` lorsque Lock est affiché                                                                                                                   |
| [language](#language-string-)                                          | Indique la langue du widget                                                                                                                                                              |
| [languageDictionary](#languagedictionary-object-)                      | Personnalisez le texte utilisé pour les éléments du widget (comme les libellés et les espaces réservés)                                                                                  |
| [popupOptions](#popupoptions-object-)                                  | Personnalisez l’emplacement de la fenêtre contextuelle à l’écran                                                                                                                         |
| [rememberLastLogin](#rememberlastlogin-boolean-)                       | Indique s’il faut afficher un écran permettant de vous connecter rapidement avec le compte utilisé la dernière fois                                                                      |
| [scrollGlobalMessagesIntoView](#scrollglobalmessagesintoview-boolean-) | Indique si un `globalMessage` doit être amené dans la zone visible de l’utilisateur                                                                                                      |

<div id="theme">
  ## Thème
</div>

Les options du thème sont regroupées dans la propriété `theme` de l’objet `options`.

| Option                                               | Description                                                 |
| ---------------------------------------------------- | ----------------------------------------------------------- |
| [authButtons](#authbuttons-object-)                  | Personnaliser l’apparence de certains boutons de connexion  |
| [labeledSubmitButton](#labeledsubmitbutton-boolean-) | indique si le bouton de soumission comporte du texte ou non |
| [logo](#logo-string-)                                | Logo à utiliser                                             |
| [primaryColor](#primarycolor-string-)                | Couleur du bouton principal dans le widget                  |

<div id="authentication">
  ## Authentification
</div>

Les options d’authentification sont regroupées dans la propriété `auth` de l’objet `options`.

| Option                                        | Description                                                                                                                                                                                                                                                                   |
| --------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| [audience](#audience-string-)                 | L’API qui consommera votre <Tooltip tip="Jeton d’accès : justificatif d’autorisation, sous la forme d’une chaîne opaque ou d’un JWT, utilisé pour accéder à une API." cta="Voir le glossaire" href="/docs/fr-ca/glossary?term=Access+Token">jeton d’accès</Tooltip>           |
| [autoParseHash](#autoparsehash-boolean-)      | Indique s’il faut analyser automatiquement le hachage et poursuivre                                                                                                                                                                                                           |
| [connectionScopes](#connectionscopes-object-) | Spécifiez les <Tooltip tip="Scope: Mechanism that determines actions applications can perform on a user's behalf with information previously created in an online resource." cta="Voir le glossaire" href="/docs/fr-ca/glossary?term=scopes">scopes</Tooltip> de la connexion |
| [params](#params-object-)                     | Option permettant d’envoyer des paramètres lors de la connexion                                                                                                                                                                                                               |
| [redirect](#redirect-boolean-)                | Indique s’il faut utiliser le mode de redirection                                                                                                                                                                                                                             |
| [redirectUrl](#redirecturl-string-)           | L’URL vers laquelle rediriger après l’authentification                                                                                                                                                                                                                        |
| [responseMode](#responsemode-string-)         | Option permettant d’envoyer la réponse par POST                                                                                                                                                                                                                               |
| [responseType](#responsetype-string-)         | Réponse sous forme de code ou de token                                                                                                                                                                                                                                        |
| [sso](#sso-boolean-)                          | Détermine si l’authentification unique (SSO) est activée ou non dans Lock                                                                                                                                                                                                     |

<div id="database">
  ## Database
</div>

| Option                                                          | Description                                                                                             |
| --------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------- |
| [additionalSignUpFields](#additionalsignupfields-array-)        | Champs supplémentaires recueillis à l’inscription                                                       |
| [allowLogin](#allowlogin-boolean-)                              | Indique si la connexion est autorisée dans le widget                                                    |
| [allowForgotPassword](#allowforgotpassword-boolean-)            | Indique si l’option de mot de passe oublié est autorisée dans le widget                                 |
| [allowSignUp](#allowsignup-boolean-)                            | Indique si l’inscription est autorisée dans le widget                                                   |
| [defaultDatabaseConnection](#defaultdatabaseconnection-string-) | Connexion à la BD affichée par défaut                                                                   |
| [initialScreen](#initialscreen-string-)                         | Écran à afficher à l’ouverture du widget                                                                |
| [loginAfterSignUp](#loginaftersignup-boolean-)                  | Après l’inscription, indique si l’utilisateur doit être connecté automatiquement                        |
| [forgotPasswordLink](#forgotpasswordlink-string-)               | Lien vers une page personnalisée « mot de passe oublié »                                                |
| [showTerms](#showterms-boolean-)                                | Précise si les conditions d’inscription doivent être affichées                                          |
| [mustAcceptTerms](#mustacceptterms-boolean-)                    | Indique si les conditions doivent être acceptées (case à cocher)                                        |
| [prefill](#prefill-object-)                                     | Valeurs préremplies pour les champs email/username                                                      |
| [signUpLink](#signuplink-string-)                               | Définit une URL personnalisée à ouvrir en cliquant sur "sign up"                                        |
| [usernameStyle](#usernamestyle-string-)                         | Limite le champ username à accepter uniquement des valeurs "username" ou uniquement des valeurs "email" |

<div id="enterprise">
  ## Enterprise
</div>

| Option                                                              | Description                                  |
| ------------------------------------------------------------------- | -------------------------------------------- |
| [defaultEnterpriseConnection](#defaultenterpriseconnection-string-) | Indique une connexion s’il y en a plus d’une |

<div id="passwordless">
  ## Passwordless
</div>

| Option                                            | Description                                                                                                                                                                                                                                                                            |
| ------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| [passwordlessMethod](#passwordlessmethod-string-) | Lorsque vous utilisez `Auth0LockPasswordless` avec une connexion par courriel, cette option vous permet de choisir si vous voulez envoyer un [code](/docs/fr-ca/authenticate/passwordless) ou un [lien magique](/docs/fr-ca/authenticate/passwordless) pour authentifier l’utilisateur |

<div id="other">
  ### Autres
</div>

| Option                                                | Description                                                                                                                |
| ----------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------- |
| [configurationBaseUrl](#configurationbaseurl-string-) | Remplacer l’URL de base de votre application                                                                               |
| [languageBaseUrl](#languagebaseurl-string-)           | Remplacer l’URL de base de votre fichier de langue                                                                         |
| [hashCleanup](#hashcleanup-boolean-)                  | Remplacer la suppression par défaut du hachage dans l’URL                                                                  |
| [connectionResolver](#connectionresolver-function-)   | Fonction de rappel facultative permettant de choisir une connexion en fonction des renseignements sur le nom d’utilisateur |

***

<div id="ui-options">
  ## Options de l’interface UI
</div>

### allowAutocomplete {Booléen}

Détermine si les champs d’adresse courriel ou de nom d’utilisateur autorisent l’autocomplétion (`<input autocomplete />`). La valeur par défaut est `false`.

`allowAutocomplete: true`

### allowPasswordAutocomplete {Boolean}

Détermine si le champ de mot de passe autorise le remplissage automatique (`<input autocomplete />`). La valeur par défaut est `false`.

Réglez `allowPasswordAutocomplete` à `true` pour assurer la prise en charge des gestionnaires de mots de passe et éviter d’autres comportements indésirables.

`allowPasswordAutocomplete: true`

### allowShowPassword {Boolean}

Cette option détermine s’il faut ajouter ou non une case à cocher à l’UI qui, une fois sélectionnée, permet à l’utilisateur d’afficher son mot de passe pendant la saisie. Par défaut, cette option est définie à `false`.

`allowShowPassword: true`

Lock avec `allowShowPassword` défini à `true` et la case cochée pour afficher le mot de passe :

<Frame>
  <img src="https://mintcdn.com/translations/6GE5Z24GDCZehiJ9/docs/images/cdy7uua7fh8z/6G8LJaNjaMl5zUrwGi5UJQ/44dc951b70077b0ec6bc04d2f0413b12/lock-allowshowpassword.png?fit=max&auto=format&n=6GE5Z24GDCZehiJ9&q=85&s=135b5d9dd218a02d5dadc2a2df7c6181" alt="Option de Lock : autoriser l’affichage du mot de passe" width="2070" height="1978" data-path="docs/images/cdy7uua7fh8z/6G8LJaNjaMl5zUrwGi5UJQ/44dc951b70077b0ec6bc04d2f0413b12/lock-allowshowpassword.png" />
</Frame>

### allowedConnections {Tableau}

Tableau des connexions à utiliser pour les actions `signin|signup|reset`. Par défaut, toutes les connexions activées sont utilisées.

`allowedConnections: ['Username-Password-Authentication']`

`allowedConnections: ['twitter', 'facebook', 'linkedin']`

`allowedConnections: ['qraftlabs.com']`

Exemples de `allowedConnections` :

<Frame>
  <img src="https://mintcdn.com/translations/eVsQcTnbClN-oB7d/docs/images/cdy7uua7fh8z/1mllPDLFCCETwQ9MeGEf3W/763728971302656618ef3bd131ab83b1/lock-allowedconnections-database.png?fit=max&auto=format&n=eVsQcTnbClN-oB7d&q=85&s=28e9b9aacbbe08e3939d78e1e186daf5" alt="Option Lock : Connexions autorisées - Base de données" width="2070" height="1978" data-path="docs/images/cdy7uua7fh8z/1mllPDLFCCETwQ9MeGEf3W/763728971302656618ef3bd131ab83b1/lock-allowedconnections-database.png" />
</Frame>

<Frame>
  <img src="https://mintcdn.com/translations/c0RQ9V0YAcT0-8l5/docs/images/cdy7uua7fh8z/7uYN4ebrLLM8bjx1fee8j0/1e716cca3e1bae990063e9226dfe9ac2/lock-allowedconnections-social.png?fit=max&auto=format&n=c0RQ9V0YAcT0-8l5&q=85&s=cdc2e3a763eafe20f95936c2b3b7b7c5" alt="Option Lock : Connexions autorisées - Social" width="2070" height="1978" data-path="docs/images/cdy7uua7fh8z/7uYN4ebrLLM8bjx1fee8j0/1e716cca3e1bae990063e9226dfe9ac2/lock-allowedconnections-social.png" />
</Frame>

### autoclose {Boolean}

Détermine si Lock se fermera automatiquement après une connexion réussie. La valeur par défaut est faux. Si Lock n’est pas `closable`, il ne se fermera pas, même si cette option est définie sur vrai.

`autoclose: true`

### autofocus {Boolean}

Si cette valeur est `true`, le focus est placé sur le premier champ du widget. La valeur par défaut est `false` lors de l’affichage sur un appareil mobile, ou si une option `container` est fournie; dans tous les autres cas, la valeur par défaut est `true`.

`autofocus: false`

### avatar {Object}

Par défaut, Gravatar est utilisé pour récupérer l’avatar de l’utilisateur et son nom d’affichage, mais vous pouvez aussi les obtenir d’une autre source grâce à l’option `avatar`.

```js lines theme={null}
var options = {
  avatar: {
    url: function(email, cb) {
      // Récupère l'URL de l'avatar pour l'adresse courriel saisie par l'utilisateur, Lock
      // préchargera l'image avant de l'afficher.
      // Notez qu'en cas d'erreur, vous appelez cb avec l'erreur dans
      // le premier argument au lieu de `null`.
      var url = obtainAvatarUrl(email);
      cb(null, url);
    },
    displayName: function(email, cb) {
      // Récupère le nom d'affichage pour l'adresse courriel saisie par l'utilisateur.
      // Notez qu'en cas d'erreur, vous appelez cb avec l'erreur dans
      // le premier argument au lieu de `null`.
      var displayName = obtainDisplayName(email);
      cb(null, displayName);
    }
  }
};
```

Ou, si vous ne voulez pas afficher d’avatar du tout, passez simplement `null`.

`avatar: null`

Comportement par défaut avec Gravatar :

<Frame>
  <img src="https://mintcdn.com/translations/6GE5Z24GDCZehiJ9/docs/images/cdy7uua7fh8z/69Nz0QoQifPWpfBZwX15J0/204aad93cde406f0ed3771ce38766f56/lock-avatar.png?fit=max&auto=format&n=6GE5Z24GDCZehiJ9&q=85&s=9b4978850a31edf65e76a79f9b4b9ca9" alt="Option Lock : Avatar" width="2070" height="1978" data-path="docs/images/cdy7uua7fh8z/69Nz0QoQifPWpfBZwX15J0/204aad93cde406f0ed3771ce38766f56/lock-avatar.png" />
</Frame>

### closable {Boolean}

Détermine si Lock peut être fermé. Lorsqu’une option `container` est fournie, sa valeur est toujours `false`; sinon, la valeur par défaut est `true`.

`closable: false`

<Frame>
  <img src="https://mintcdn.com/translations/Dcx0M11uuptU53TX/docs/images/cdy7uua7fh8z/2qwXtPQev1nlpyOQauXKBO/f967e1157972ecbf5b030b3be3600f2e/lock-closable.png?fit=max&auto=format&n=Dcx0M11uuptU53TX&q=85&s=3a0620edd47667427831699c2e1844f8" alt="Option de Lock : Fermable" width="2070" height="1978" data-path="docs/images/cdy7uua7fh8z/2qwXtPQev1nlpyOQauXKBO/f967e1157972ecbf5b030b3be3600f2e/lock-closable.png" />
</Frame>

### container {String}

L’`id` de l’élément HTML dans lequel le widget sera affiché.

Le widget s’affiche alors directement dans votre `div`, plutôt que dans une fenêtre modale.

```html lines theme={null}
<div id="hiw-login-container"></div>

<script>
  var options = {
    container: 'hiw-login-container'
  };

  // initialiser
  var lock = new Auth0Lock('xxxxxx', '<account>.auth0.com', options);

  // afficher
  lock.show();
</script>
```

<Frame>
  <img src="https://mintcdn.com/translations/MV7tE-x71x8RWRES/docs/images/cdy7uua7fh8z/5L4S47Yfset2DR9pjcqVrX/1c4d1928cf75acf40129ffd01394bf33/lock-container.png?fit=max&auto=format&n=MV7tE-x71x8RWRES&q=85&s=07b39e581ebe285a055bd63467f41043" alt="Option de Lock : Conteneur" width="2070" height="1978" data-path="docs/images/cdy7uua7fh8z/5L4S47Yfset2DR9pjcqVrX/1c4d1928cf75acf40129ffd01394bf33/lock-container.png" />
</Frame>

### message flash {Objet}

Affiche un message flash de type `error` ou `success` lorsque Lock s’affiche. Cet objet possède les propriétés suivantes :

* type \{String}: Le type de message; les types pris en charge sont `error`, `info` et `success`
* text \{String}: Le texte à afficher.

```js lines theme={null}
var options = {
  flashMessage: {
    type: 'success',
    text: 'Welcome!'
  }
};
```

### language {String}

Indique la langue du widget. La valeur par défaut est « en ». Consultez le [répertoire d’internationalisation](https://github.com/auth0/lock/blob/master/src/i18n/) pour obtenir la liste à jour des langues offertes.

`language: 'es'`

<Frame>
  <img src="https://mintcdn.com/translations/3nS3prIggmJG9TUI/docs/images/cdy7uua7fh8z/3u3lytCUBDbcKmXFV34OUv/5cf5d7e1af9593a3b094f32815a4da11/lock-language.png?fit=max&auto=format&n=3nS3prIggmJG9TUI&q=85&s=3016e0e1ba213c6a5042bad08d7d78c6" alt="Option Lock : Langue" width="2070" height="1978" data-path="docs/images/cdy7uua7fh8z/3u3lytCUBDbcKmXFV34OUv/5cf5d7e1af9593a3b094f32815a4da11/lock-language.png" />
</Frame>

### languageDictionary {object}

Permet de personnaliser tous les textes affichés dans Lock. La valeur par défaut est {"{}"}. Consultez la [spécification du Language Dictionary en anglais](https://github.com/auth0/lock/blob/master/src/i18n/en.js) pour obtenir la liste complète des valeurs de `languageDictionary` que cet object permet de modifier.

```js lines theme={null}
var options = {
  languageDictionary: {
    emailInputPlaceholder: "something@youremail.com",
    title: "Log me in"
  },
};
```

<Frame>
  <img src="https://mintcdn.com/translations/MV7tE-x71x8RWRES/docs/images/cdy7uua7fh8z/5203ofwtagtIKGT4HnIPmk/8ad9cdd151a2cdb18b8a42ee47dbf679/lock-languagedictionary.png?fit=max&auto=format&n=MV7tE-x71x8RWRES&q=85&s=eaa20ab21bb6298ccb98069ad3ff280e" alt="Option de Lock : Language Dictionary" width="2070" height="1978" data-path="docs/images/cdy7uua7fh8z/5203ofwtagtIKGT4HnIPmk/8ad9cdd151a2cdb18b8a42ee47dbf679/lock-languagedictionary.png" />
</Frame>

Par ailleurs, consultez la page [Personnalisation des messages d’erreur](/docs/fr-ca/customize/login-pages/classic-login/customize-lock-error-messages) ou la page [Internationalisation](/docs/fr-ca/customize/internationalization-and-localization/lock-internationalization) pour en savoir plus sur l’utilisation de l’option `languageDictionary`.

### popupOptions {Object}

Permet de personnaliser l’emplacement de la fenêtre contextuelle sur l’écran. Toutes les options de position et de taille prises en charge par window\.open sont acceptées. La valeur par défaut est {"{}"}.

Options des paramètres de `window.open`. Ceci s’applique uniquement si `redirect` est défini sur `false`.

```js lines theme={null}
var options = {
  auth: {
      redirect: false
  },
  popupOptions: { width: 300, height: 400, left: 200, top: 300 }
};
```

### rememberLastLogin {Boolean}

Détermine s’il faut afficher ou non un écran qui vous permet de vous connecter rapidement avec le compte utilisé la dernière fois.
Récupère les données de <Tooltip tip="Single Sign-On (SSO) : service qui, après qu’un utilisateur se connecte à une application, le connecte automatiquement à d’autres applications." cta="Voir le glossaire" href="/docs/fr-ca/glossary?term=Single+Sign-on">l’authentification unique</Tooltip> (SSO) et active le message **Votre dernière connexion avec**. La valeur par défaut est `true`. Cette information provient de la session Auth0 de l’utilisateur; cette fonctionnalité reste donc disponible aussi longtemps que dure sa session Auth0 (ce qui est configurable).

`rememberLastLogin: false`

Les nouveaux tenants [ont automatiquement Seamless SSO activé](/docs/fr-ca/get-started/tenant-settings/enable-sso-for-legacy-tenants). Lorsque cette option est activée, l’option `rememberLastLogin` n’est plus pertinente, car s’il existe déjà une session, la page <Tooltip tip="Universal Login : votre application redirige vers Universal Login, hébergé sur le serveur d’autorisation d’Auth0, pour vérifier l’identité d’un utilisateur." cta="Voir le glossaire" href="/docs/fr-ca/glossary?term=Universal+Login">Universal Login</Tooltip> ne s’affichera pas du tout. L’utilisation de Seamless SSO est fortement recommandée, car elle offre une expérience d’authentification fluide : les utilisateurs se connectent une seule fois et n’ont plus à saisir de nouveau leurs informations d’identification lorsqu’ils naviguent dans les applications que vous avez créées ou dans des applications tierces. Si l’utilisateur n’est pas connecté, il sera redirigé vers l’écran de connexion, comme prévu. De plus, le message **Votre dernière connexion avec** ne sera pas disponible dans les circonstances suivantes :

* Vous avez utilisé Lock dans une [Hosted Login Page](/docs/fr-ca/authenticate/login/auth0-universal-login) avec une session établie au moyen de l’[authentification sans mot de passe](/docs/fr-ca/libraries/lock/lock-configuration#passwordlessmethod-string-).
* Vous avez utilisé Lock dans un scénario d’[embedded login](/docs/fr-ca/authenticate/login/universal-vs-embedded-login) où `responseType: code` (indiquant l’[Authorization Code Flow](/docs/fr-ca/get-started/authentication-and-authorization-flow/authorization-code-flow), qui est utilisé pour les Regular Web Apps).

### scrollGlobalMessagesIntoView {booléen}

Détermine s’il faut faire défiler la page pour afficher un `globalMessage` dans la zone visible de l’utilisateur. La valeur par défaut est `true`.

`scrollGlobalMessagesIntoView: false`

<div id="theme-options">
  ## Options de thème
</div>

Les options de thème sont regroupées dans la propriété `theme` de l’objet `options`.

```js lines theme={null}
var options = {
  theme: {
    labeledSubmitButton: false,
    logo: "https://example.com/assets/logo.png",
    primaryColor: "green",
    authButtons: {
      connectionName: {
        displayName: "...",
        primaryColor: "...",
        foregroundColor: "...",
        icon: "https://.../logo.png"
      }
    }
  }
};
```

### authButtons {Objet}

Permet de personnaliser les boutons dans Lock avec des connexions OAuth2 personnalisées. Chaque connexion personnalisée dont vous voulez personnaliser le bouton doit être indiquée par son nom, avec son propre ensemble de paramètres. Les paramètres personnalisables sont indiqués ci-dessous :

* **displayName** \{Chaîne}: Le nom à afficher à la place du nom de la connexion lors de la création du libellé du bouton, par exemple `LOGIN WITH MYCONNECTION` à la connexion).
* **primaryColor** \{Chaîne}: La couleur d’arrière-plan du bouton. La valeur par défaut est `#eb5424`.
* **foregroundColor** \{Chaîne}: La couleur du texte du bouton. La valeur par défaut est `#FFFFFF`.
* **icon** \{Chaîne}: L’URL de l’icône pour cette connexion. Par exemple : `http://site.com/logo.png`.

```js lines theme={null}
var options = {
  theme: {
    authButtons: {
      "testConnection": {
        displayName: "Test Conn",
        primaryColor: "#b7b7b7",
        foregroundColor: "#000000",
        icon: "http://example.com/icon.png"
      },
      "testConnection2": {
        primaryColor: "#000000",
        foregroundColor: "#ffffff",
      }
    }
  }
};
```

### labeledSubmitButton {booléen}

Cette option indique si le bouton de soumission doit comporter un libellé ou non, et vaut `true` par défaut. Lorsqu’elle est définie à `false`, une icône s’affiche à la place.

```js lines theme={null}
var options = {
  theme: {
    labeledSubmitButton: false
  }
};
```

<Frame>
  <img src="https://mintcdn.com/translations/MV7tE-x71x8RWRES/docs/images/cdy7uua7fh8z/5PNCvsbYa98pKZwWHVPS9S/39cb5ac63818ec5558c451b1e37f735f/lock-theme-labeledsubmitbutton.png?fit=max&auto=format&n=MV7tE-x71x8RWRES&q=85&s=f32504b05390f9d4fac08c28c38208d7" alt="Option Lock : bouton de soumission avec libellé" width="2070" height="1978" data-path="docs/images/cdy7uua7fh8z/5PNCvsbYa98pKZwWHVPS9S/39cb5ac63818ec5558c451b1e37f735f/lock-theme-labeledsubmitbutton.png" />
</Frame>

Si le label est défini sur true, sa valeur par défaut, le texte du label peut être personnalisé à l’aide de l’option [languageDictionary](#languagedictionary-object-).

### logo {String}

La valeur de `logo` est l’URL d’une image qui sera affichée dans l’en-tête de Lock; par défaut, le logo d’Auth0 est utilisé. Une hauteur maximale de `58px` est recommandée pour une meilleure expérience utilisateur.

```js lines theme={null}
var options = {
  theme: {
    logo: 'https://example.com/logo.png'
  }
};
```

<Frame>
  <img src="https://mintcdn.com/translations/mMSz-RNYLuOm2GmQ/docs/images/cdy7uua7fh8z/FdOAKKy71rTbFjIlZEL8D/2eef96008095d85388daaa461707901d/lock-theme-logo.png?fit=max&auto=format&n=mMSz-RNYLuOm2GmQ&q=85&s=893afa574173351c9dd2553ae6b3e50a" alt="Personnalisation de l’interface de Lock - Logo" width="2070" height="1978" data-path="docs/images/cdy7uua7fh8z/FdOAKKy71rTbFjIlZEL8D/2eef96008095d85388daaa461707901d/lock-theme-logo.png" />
</Frame>

### primaryColor {String}

La propriété `primaryColor` définit la couleur principale de Lock; toutes les couleurs utilisées dans le widget en seront dérivées. Cette option est utile lorsque vous fournissez un `logo` personnalisé, afin de vous assurer que toutes les couleurs s’harmonisent bien avec la palette du `logo`. La valeur par défaut est `#ea5323`.

```js lines theme={null}
var options = {
  theme: {
    logo: 'https://example.com/logo.png',
    primaryColor: '#31324F'
  }
};
```

<Frame>
  <img src="https://mintcdn.com/translations/eVsQcTnbClN-oB7d/docs/images/cdy7uua7fh8z/1qQjeTmXJyIziv400VPaOn/48dd3cb8a72a6e88b2634b4b8a8bed63/lock-theme-primarycolor.png?fit=max&auto=format&n=eVsQcTnbClN-oB7d&q=85&s=80813e2e359f17629e426cfe972af428" alt="Personnalisation de l’interface utilisateur de Lock - couleur principale" width="2070" height="1978" data-path="docs/images/cdy7uua7fh8z/1qQjeTmXJyIziv400VPaOn/48dd3cb8a72a6e88b2634b4b8a8bed63/lock-theme-primarycolor.png" />
</Frame>

<div id="authentication-options">
  ## Options d’authentification
</div>

Les options d’authentification sont regroupées dans la propriété `auth` de l’objet `options`.

Le scope utilisé par défaut par Lock est `openid profile email`.

```js lines theme={null}
var options = {
  auth: {
   params: {
    param1: "value1",
    scope: "openid profile email"
   },
   autoParseHash: true,
   redirect: true,
   redirectUrl: "some url",
   responseMode: "form_post",
   responseType: "token",
   sso: true,
   connectionScopes: {
    connectionName: [ 'scope1', 'scope2' ]
   }
  }
};
```

### audience {String}

L’option `audience` indique l’API qui utilisera le <Tooltip tip="Access Token : justificatif d’autorisation, sous la forme d’une chaîne opaque ou d’un JWT, utilisé pour accéder à une API." cta="Voir le glossaire" href="/docs/fr-ca/glossary?term=Access+Token">Access Token</Tooltip> reçu après l’authentification.

export const codeExample = `var options = {
  auth: {
    audience: 'https://{yourDomain}/userinfo',
  }
}`;

<AuthCodeBlock children={codeExample} language="js" />

### autoParseHash {Boolean}

Lorsque `autoParseHash` est défini sur `true`, Lock analysera la chaîne `window.location.hash` au moment de son instanciation. S’il est défini sur `false`, vous devrez reprendre manuellement le processus d’authentification à l’aide de la méthode [resumeAuth](/docs/fr-ca/libraries/lock/lock-api-reference).

```js lines theme={null}
var options = {
  auth: {
    autoParseHash: false
  }
};
```

### connectionScopes {Object}

Cette option vous permet de définir les portées à envoyer à la connexion sociale OAuth2 pour l’authentification.

```js lines theme={null}
var options = {
  auth: {
    connectionScopes: {
      'facebook': ['scope1', 'scope2']
    }
  }
};
```

Vous pouvez obtenir auprès du fournisseur concerné la liste des scopes propres à vos connexions sociales. Par exemple, la documentation de [Facebook for Developers](https://developers.facebook.com/docs/facebook-login/permissions/) présente une liste des permissions distinctes pouvant être demandées pour votre connexion.

### params {Object}

Vous pouvez envoyer des paramètres au moment d’amorcer une connexion en les ajoutant à l’objet options. L’exemple ci-dessous ajoute un paramètre `state` dont la valeur est `foo`, ainsi qu’un paramètre `scope` (qui comprend la portée, puis les attributs demandés).

```js lines theme={null}
var options = {
  auth: {
    params: {
      state: 'foo',
      scope: 'openid email user_metadata app_metadata picture'
    }
  }
};
```

Pour en savoir plus sur les paramètres pris en charge, consultez [Paramètres d’authentification de Lock](/docs/fr-ca/libraries/lock/lock-authentication-parameters).

### redirect {Boolean}

La valeur par défaut est true. Lorsqu’il est défini à true, le mode de redirection est utilisé. S’il est défini à false, le [mode popup](/docs/fr-ca/libraries/lock/lock-authentication-modes) est utilisé.

```js lines theme={null}
var options = {
  auth: {
    redirect: false
  }
};
```

### redirectUrl {String}

L’URL vers laquelle Auth0 redirigera l’utilisateur après l’authentification. Par défaut, la valeur est la chaîne vide "" (aucune URL de redirection).

```js lines theme={null}
var options = {
  auth: {
    redirectUrl: 'http://testurl.com'
  }
};
```

Lorsque `redirectUrl` est fourni (c’est-à-dire défini sur une valeur non vide), l’option `responseType` prendra par défaut la valeur `code` si elle n’est pas définie manuellement.

### responseMode {String}

Doit être défini sur `"form_post"` si vous souhaitez que le code ou le jeton soit transmis au `redirectUrl` au moyen d’une requête HTTP POST, plutôt que d’être inclus dans les paramètres de requête ou le fragment de celle-ci.

Sinon, cette option ne doit pas être indiquée, et elle est omise par défaut.

```js lines theme={null}
var options = {
  auth: {
    responseMode: 'form_post'
  }
};
```

### responseType {String}

La valeur de `responseType` doit être réglée à "token" pour les applications monopages, et à "code" dans les autres cas. Par défaut, la valeur est "code" lorsque redirectUrl est fourni, et "token" sinon.

```js lines theme={null}
var options = {
  auth: {
    responseType: 'token'
  }
};
```

Lorsque `responseType` est défini sur `code`, Lock n’affichera jamais le message **Votre dernière connexion avec**, et demandera toujours à l’utilisateur de saisir ses identifiants.

## sso {Booléen}

La valeur par défaut est true. Lorsqu’elle est définie sur true, l’[authentification unique](/docs/fr-ca/authenticate/single-sign-on) est activée dans Lock.

```js lines theme={null}
var options = {
  auth: {
    sso: false
  }
};
```

<div id="database-options">
  ## Options Database
</div>

### additionalSignUpFields {Array}

Des champs de saisie supplémentaires peuvent être ajoutés à l’écran d’inscription à l’aide de l’option `additionalSignUpFields`. Chaque option ajoutée de cette façon est ensuite ajoutée au `user_metadata` de l’utilisateur. Pour en savoir plus, consultez [Comprendre le fonctionnement des métadonnées dans les profils utilisateur](/docs/fr-ca/manage-users/user-accounts/metadata). Chaque champ doit avoir un `name` et un `placeholder`, et une URL d’`icon` peut aussi être fournie. De plus, une valeur initiale peut être fournie avec l’option `prefill`, qui peut être une chaîne contenant la valeur ou une fonction qui l’obtient. Les autres options dépendent du type de champ, qui est défini à l’aide de l’option `type` et dont la valeur par défaut est "text".

<Card title="Option additionalSignUpFields destinée uniquement à l’inscription par base de données">
  Les `additionalSignUpFields` sont destinés à être utilisés uniquement avec les inscriptions par base de données. Si vous avez aussi des inscriptions sociales, vous pouvez demander les renseignements supplémentaires après l’inscription des utilisateurs (consultez cette [page sur l’inscription personnalisée](/docs/fr-ca/libraries/custom-signup) pour en savoir plus). Vous pouvez utiliser la clé i18n `databaseAlternativeSignupInstructions` pour afficher ces instructions.
</Card>

Les nouveaux champs sont affichés sous les champs de saisie habituels de l’inscription, dans l’ordre où ils sont fournis.

<div id="text-fields">
  #### Champs de texte
</div>

Les champs de texte sont le type de champ supplémentaire d’inscription par défaut. Notez qu’il est aussi possible de fournir une fonction `validator`.

```js lines theme={null}
var options = {
  additionalSignUpFields: [{
    name: "address",
    placeholder: "enter your address",
    // Les propriétés suivantes sont facultatives
    icon: "https://example.com/assests/address_icon.png",
    prefill: "street 123",
    validator: function(address) {
      return {
         valid: address.length >= 10,
         hint: "Must have 10 or more chars" // facultatif
      };
    }
  },
  {
    name: "full_name",
    placeholder: "Enter your full name"
  }]
}
```

Si vous ne précisez pas de `validator`, le champ de texte sera **obligatoire**. Si vous voulez rendre le champ de texte facultatif, utilisez un validateur qui retourne toujours `true`, comme ceci :

```js lines theme={null}
var options = {
  additionalSignUpFields: [{
    name: "favorite_color",
    placeholder: "Enter your favorite color (optional)",
    validator: function() { 
      return true;
    }
  }]
}
```

Si vous souhaitez enregistrer la valeur de l’attribut à la racine de votre profil, utilisez `storage: 'root'`. Seul un sous-ensemble de valeurs peut être stocké de cette manière. La liste des attributs qui peuvent être ajoutés à la racine de votre profil se trouve [ici](https://auth0.com/docs/api/management/v2#!/Users/patch_users_by_id). Par défaut, chaque champ d’inscription supplémentaire est stocké dans l’objet user\_metadata.

```js lines theme={null}
var options = {
  additionalSignUpFields: [{
    name: "name",
    storage: "root"
  }]
};
```

<Frame>
  <img src="https://mintcdn.com/translations/Dcx0M11uuptU53TX/docs/images/cdy7uua7fh8z/2KPDGZb3caq57caJ90w53k/e092bdb4a4d93589aa006f796ff20fca/lock-additionalsignupfields.png?fit=max&auto=format&n=Dcx0M11uuptU53TX&q=85&s=9561a129706338d29cd1edb29d026d2a" alt="Option de Lock : champs d’inscription supplémentaires" width="2070" height="1978" data-path="docs/images/cdy7uua7fh8z/2KPDGZb3caq57caJ90w53k/e092bdb4a4d93589aa006f796ff20fca/lock-additionalsignupfields.png" />
</Frame>

<div id="select-field">
  #### Champ de sélection
</div>

Le champ d’inscription `type: "select"` vous permet d’utiliser des menus déroulants afin que l’utilisateur puisse choisir une valeur.

```js lines theme={null}
var options = {
  additionalSignUpFields: [{
    type: "select",
    name: "location",
    placeholder: "choose your location",
    options: [
      {value: "us", label: "United States"},
      {value: "fr", label: "France"},
      {value: "ar", label: "Argentina"}
    ],
    // Les propriétés suivantes sont facultatives
    icon: "https://example.com/assests/location_icon.png",
    prefill: "us"
  }]
}
```

Les éléments du tableau `options` pour les champs `select` doivent respecter le format suivant :
`{label: “non empty string”, value: “non empty string”}`, et au moins une option doit être définie.

Les valeurs `options` et `prefill` peuvent être fournies à l’aide d’une fonction :

```js lines theme={null}
var options = {
  additionalSignUpFields: [{
    type: "select",
    name: "location",
    placeholder: "choose your location",
    options: function(cb) {
      // obtenir les options, en cas d'erreur, appelez cb avec l'erreur dans le
      // premier argument au lieu de null
      cb(null, options);
    },
    icon: "https://example.com/assests/location_icon.png",
    prefill: function(cb) {
      // obtenir le préremplissage, en cas d'erreur, appelez cb avec l'erreur dans le
      // premier argument au lieu de null
      cb(null, prefill);
    }
  }]
}
```

<div id="checkbox-field">
  #### Champ de case à cocher
</div>

Le troisième type de champ d’inscription personnalisé est `type: "checkbox"`. La valeur `prefill` permet de définir l’état par défaut de la case à cocher (`true` ou `false`) et elle est obligatoire.

```js lines theme={null}
var options = {
  additionalSignUpFields: [{
    type: "checkbox",
    name: "newsletter",
    prefill: "true",
    placeholder: "I hereby agree that I want to receive marketing emails from your company"
  }]
}
```

<div id="hidden-field">
  #### Champ masqué
</div>

Le champ d’inscription `type: "hidden"` vous permet d’utiliser un champ masqué avec une valeur fixe.

```js lines theme={null}
var options = {
  additionalSignUpFields: [{
    type: "hidden",
    name: "signup_code",
    value: "abc123"
  }]
}
```

Dans certains cas d’utilisation, il peut être possible d’utiliser les données `additionalSignUpFields` dans les modèles de courriel, par exemple une option de préférence linguistique, dont la valeur pourrait ensuite servir à définir la langue des communications par courriel générées à partir de modèles.

### allowLogin {booléen}

Lorsqu’elle est définie à `false`, cette option empêche le widget d’afficher l’écran de connexion. C’est utile si vous voulez utiliser le widget uniquement pour les inscriptions (les onglets de connexion et d’inscription dans l’écran d’inscription seront masqués) ou pour réinitialiser des mots de passe (le bouton de retour dans l’écran mot de passe oublié sera masqué). Dans ce cas, vous devrez peut-être aussi préciser les options `initialScreen`, `allowForgotPassword` et `allowSignUp`. Par défaut, cette option est définie à `true`.

`allowLogin: false`

<Frame>
  <img src="https://mintcdn.com/translations/6GE5Z24GDCZehiJ9/docs/images/cdy7uua7fh8z/6gI4aSLHXLzhcHiR9aWMET/d05c2a08a3895278b01150ecf894cb5f/lock-allowlogin.png?fit=max&auto=format&n=6GE5Z24GDCZehiJ9&q=85&s=77270007c6a6e5cc0c4204b4c1c2d7da" alt="Option Lock : autoriser la connexion" width="2070" height="1978" data-path="docs/images/cdy7uua7fh8z/6gI4aSLHXLzhcHiR9aWMET/d05c2a08a3895278b01150ecf894cb5f/lock-allowlogin.png" />
</Frame>

### allowForgotPassword {booléen}

Lorsque sa valeur est `false`, `allowForgotPassword` masque le lien « Vous ne vous souvenez pas de votre mot de passe? » dans l’écran de connexion, ce qui rend l’écran mot de passe oublié inaccessible. La valeur par défaut est `true`. Si vous utilisez une connexion à la base de données avec une base de données personnalisée qui n’a pas de script Change Password, l’écran mot de passe oublié ne sera pas disponible.

`allowForgotPassword: false`

<Frame>
  <img src="https://mintcdn.com/translations/eVsQcTnbClN-oB7d/docs/images/cdy7uua7fh8z/1L6wJS3UnWK1VGKYMFhAB9/2ddcf2d462255e78a8b78958c2503809/lock-allowforgotpassword.png?fit=max&auto=format&n=eVsQcTnbClN-oB7d&q=85&s=abce0ba19791d22cb0db9be9a0e1fec3" alt="Option Lock : Autoriser mot de passe oublié" width="2070" height="1978" data-path="docs/images/cdy7uua7fh8z/1L6wJS3UnWK1VGKYMFhAB9/2ddcf2d462255e78a8b78958c2503809/lock-allowforgotpassword.png" />
</Frame>

### allowSignUp {Booléen}

Lorsqu’elle est définie à `false`, cette option masque les onglets de connexion et d’inscription sur l’écran de connexion, ce qui rend l’écran d’inscription inaccessible. Sa valeur par défaut est `true`. Gardez à l’esprit que si la connexion à la base de données a les inscriptions désactivées ou si vous utilisez une base de données personnalisée qui n’a pas de script Create, l’écran d’inscription ne sera pas disponible.

Gardez aussi à l’esprit que cette option contrôle **uniquement** l’apparence côté client et n’empêche pas complètement de nouvelles inscriptions par des visiteurs anonymes déterminés. Si vous voulez empêcher complètement les nouveaux utilisateurs de s’inscrire, vous devez utiliser l’option **Disable Sign Ups** dans le dashboard, dans les paramètres de la connexion.

`allowSignUp: false`

<Frame>
  <img src="https://mintcdn.com/translations/Dcx0M11uuptU53TX/docs/images/cdy7uua7fh8z/2BNlYe99EFlRmIlhoLZiEB/f280d865cb16fa5fecda952271cb18bf/lock-allowsignup.png?fit=max&auto=format&n=Dcx0M11uuptU53TX&q=85&s=01568ae3eb1d69874c6bea838edf25ea" alt="Option Lock : Autoriser l’inscription" width="2070" height="1978" data-path="docs/images/cdy7uua7fh8z/2BNlYe99EFlRmIlhoLZiEB/f280d865cb16fa5fecda952271cb18bf/lock-allowsignup.png" />
</Frame>

### defaultDatabaseConnection {String}

Indique la connexion à la base de données qui sera utilisée lorsqu’il y en a plus d’une.

`defaultDatabaseConnection: 'test-database'`

### initialScreen {String}

Le nom de l’écran qui s’affiche à l’ouverture du widget. Les valeurs acceptées sont `login`, `signUp` et `forgotPassword`. Si cette option n’est pas précisée, le widget affichera par défaut le premier écran disponible dans cette liste.

`initialScreen: 'forgotPassword'`

### loginAfterSignUp {Booléen}

Indique si l’utilisateur ouvrira automatiquement une session après une inscription réussie. La valeur par défaut est `true`.

`loginAfterSignUp: false`

### forgotPasswordLink {String}

Définissez l’URL d’une page permettant à l’utilisateur de réinitialiser son mot de passe. Lorsqu’elle est définie comme une chaîne non vide, l’utilisateur est redirigé vers l’URL fournie lorsqu’il clique sur le lien « Vous ne vous souvenez pas de votre mot de passe ? » dans l’écran de connexion.

`forgotPasswordLink: 'https://yoursite.com/reset-password'`

### showTerms {booléen}

Si la valeur est définie à `true`, la chaîne `languageDictionary.signUpTerms` s’affiche. La valeur par défaut est `true`.

`showTerms: false`

### mustAcceptTerms {booléen}

Lorsqu’elle est définie sur `true`, une case à cocher s’affiche à côté des conditions générales et doit être cochée avant l’inscription. Les conditions générales peuvent être définies au moyen de l’option `languageDictionary`. Cette option ne s’applique qu’aux utilisateurs qui s’inscrivent avec des connexions à la base de données. La valeur par défaut est `false`.

`mustAcceptTerms: true`

### prefill {Objet}

Permet de définir la valeur initiale des champs de courriel et/ou de nom d’utilisateur. Si omis, aucune valeur initiale n’est fournie.

```js lines theme={null}
var options = {
  prefill: {
    email: "someone@auth0.com",
    username: "someone",
    phoneNumber: "+1234567890"
  }
};
```

### signUpLink {String}

Définissez l’URL à ouvrir lorsque vous cliquez sur le bouton d’inscription. Lorsqu’elle est définie sur une chaîne non vide, cette option force `allowSignUp` à `true`.

`signUpLink: 'https://yoursite.com/signup'`

### usernameStyle {String}

Détermine ce qui sera utilisé pour identifier l’utilisateur pour une connexion à la base de données dont l’indicateur `requires_username` est activé (s’il ne l’est pas, l’option `usernameStyle` sera ignorée). Les valeurs possibles sont `"username"` et `"email"`. Par défaut, `username` et `email` sont tous deux autorisés; définir cette option limitera la connexion à l’un ou à l’autre.

`usernameStyle: 'username'`

<div id="enterprise-options">
  ## Options d’entreprise
</div>

### defaultEnterpriseConnection {String}

Précise la connexion d’entreprise à utiliser pour permettre le login avec un username et un Password lorsqu’il y a plus d’une connexion disponible ou lorsqu’il y a aussi une connexion à la base de données. Si un `defaultDatabaseConnection` est fourni, la connexion à la base de données sera utilisée et cette option sera ignorée.

`defaultEnterpriseConnection: 'test-database'`

### defaultADUsernameFromEmailPrefix {booléen}

Détermine le nom d’utilisateur AD de remplacement à partir du préfixe de l’adresse courriel. Par défaut, la valeur est `true`.

`defaultADUsernameFromEmailPrefix: false`

<div id="passwordless-options">
  ## Options Passwordless
</div>

### passwordlessMethod {String}

Lorsque vous utilisez `Auth0LockPasswordless` avec une connexion par courriel, vous pouvez utiliser cette option pour choisir entre l’envoi d’un [code](/docs/fr-ca/authenticate/passwordless) ou d’un [lien magique](/docs/fr-ca/authenticate/passwordless) pour authentifier l’utilisateur. Les valeurs possibles pour les connexions par courriel sont `code` et `link`. La valeur par défaut est `code`. Les connexions SMS <Tooltip tip="Sans mot de passe : forme d’authentification qui ne repose pas sur un mot de passe comme premier facteur." cta="Voir le glossaire" href="/docs/fr-ca/glossary?term=passwordless">sans mot de passe</Tooltip> utiliseront toujours `code`.

`passwordlessMethod: code`

<div id="other-options">
  ## Autres options
</div>

### configurationBaseUrl {String}

Remplace l’URL de base des paramètres de l’application. Par défaut, cette option utilise le domaine fourni. Cette option n’est nécessaire que si votre cas d’utilisation particulier exige que votre application n’utilise pas le comportement par défaut.

`configurationBaseUrl: "https://www.example.com"`

### languageBaseUrl {String}

Remplace l’URL source des traductions fournies par Auth0. Par défaut, cette option utilise l’URL du CDN d’Auth0 `https://cdn.auth0.com`, puisque c’est là que sont stockées toutes les traductions fournies. En indiquant une autre valeur, vous pouvez utiliser une autre source pour les traductions de langue, au besoin.

`languageBaseUrl: "https://www.example.com"`

### hashCleanup {Booléen}

Lorsque l’option `hashCleanup` est activée, elle supprime la partie hachage de l’URL de rappel après l’authentification de l’utilisateur. La valeur par défaut est true.

`hashCleanup: false`

### connectionResolver {Function}

Lorsqu’il est utilisé, ce point d’extensibilité permet de choisir la connexion à utiliser en fonction du nom d’utilisateur.

Prend `username`, `context` et `callback` comme paramètres. Le callback attend un objet comme : `{type: 'database', name: 'connection name'}`. **Cela fonctionne uniquement avec les connexions à la base de données.** Gardez à l’esprit que ce résolveur s’exécute lors de l’événement `onSubmit` du formulaire, alors gardez-le simple et rapide.

Cette fonctionnalité est en version bêta. Si vous trouvez un bogue, veuillez ouvrir une [issue](https://github.com/auth0/lock/issues/new) sur GitHub.

### leeway {Integer}

L’option `leeway` peut être définie comme un entier — une valeur en secondes — qui sert à tenir compte d’un décalage entre les horloges lors de l’expiration des <Tooltip tip="ID Token : jeton destiné au client lui-même, plutôt qu’à l’accès à une ressource." cta="Voir le glossaire" href="/docs/fr-ca/glossary?term=ID+Token">ID Token</Tooltip>. En général, cette valeur ne dépasse pas une ou deux minutes.

`leeway: 30`