@ory/elements-react 1.0.0-next.39 → 1.0.0-next.40

package/dist/index.mjs

@@ -261,6 +261,8 @@ function parseStateFromFlow(flow) {
       break;
     case FlowType.Settings:
       return { current: "settings" };
+    case FlowType.OAuth2Consent:
+      return { current: "method_active", method: "oauth2_consent" };
   }
   console.warn(
     `[Ory/Elements React] Encountered an unknown form state on ${flow.flowType} flow with ID ${flow.flow.id}`
@@ -374,6 +376,22 @@ function computeDefaultValues(nodes) {
       if (attrs.name === "method" || attrs.type === "submit" || typeof attrs.value === "undefined") {
         return acc;
       }
+      if (attrs.name.startsWith("grant_scope")) {
+        const scope = attrs.value;
+        if (Array.isArray(acc.grant_scope)) {
+          return {
+            ...acc,
+            // We want to have all scopes accepted by default, so that the user has to actively uncheck them.
+            grant_scope: [...acc.grant_scope, scope]
+          };
+        } else if (!acc.grant_scope) {
+          return {
+            ...acc,
+            grant_scope: [scope]
+          };
+        }
+        return acc;
+      }
       return unrollTrait(
         {
           name: attrs.name,
@@ -823,6 +841,19 @@ function useOryFormSubmit(onAfterSubmit) {
         });
         break;
       }
+      case FlowType.OAuth2Consent: {
+        const response = await fetch(flowContainer.flow.ui.action, {
+          method: "POST",
+          body: JSON.stringify(data),
+          headers: {
+            "Content-Type": "application/json"
+          }
+        });
+        const oauth2Success = await response.json();
+        if (oauth2Success.redirect_to && typeof oauth2Success.redirect_to === "string") {
+          onRedirect(oauth2Success.redirect_to);
+        }
+      }
     }
     if ("password" in data) {
       methods.setValue("password", "");
@@ -910,7 +941,7 @@ var NodeInput = ({
 }) => {
   var _a;
   const { Node: Node2 } = useComponents();
-  const { setValue } = useFormContext();
+  const { setValue, watch } = useFormContext();
   const {
     onloadTrigger,
     onclickTrigger,
@@ -923,7 +954,10 @@ var NodeInput = ({
   const isResendNode = ((_a = node.meta.label) == null ? void 0 : _a.id) === 1070008;
   const isScreenSelectionNode = "name" in node.attributes && node.attributes.name === "screen";
   const setFormValue = () => {
-    if (attrs.value && !(isResendNode || isScreenSelectionNode)) {
+    if (isResendNode || isScreenSelectionNode || node.group === UiNodeGroupEnum.Oauth2Consent) {
+      return;
+    }
+    if (attrs.value !== void 0) {
       setValue(attrs.name, attrs.value);
     }
   };
@@ -948,6 +982,19 @@ var NodeInput = ({
   };
   const isSocial = (attrs.name === "provider" || attrs.name === "link") && (node.group === UiNodeGroupEnum.Oidc || node.group === UiNodeGroupEnum.Saml);
   const isPinCodeInput = attrs.name === "code" && node.group === "code" || attrs.name === "totp_code" && node.group === "totp";
+  const handleScopeChange = (checked) => {
+    const scopes = watch("grant_scope");
+    if (Array.isArray(scopes)) {
+      if (checked) {
+        setValue("grant_scope", Array.from(/* @__PURE__ */ new Set([...scopes, attrs.value])));
+      } else {
+        setValue(
+          "grant_scope",
+          scopes.filter((scope) => scope !== attrs.value)
+        );
+      }
+    }
+  };
   switch (attributes.type) {
     case UiNodeInputAttributesTypeEnum.Submit:
     case UiNodeInputAttributesTypeEnum.Button:
@@ -957,6 +1004,9 @@ var NodeInput = ({
       if (isResendNode || isScreenSelectionNode) {
         return null;
       }
+      if (node.group === "oauth2_consent") {
+        return null;
+      }
       return /* @__PURE__ */ jsx(
         Node2.Label,
         {
@@ -968,6 +1018,21 @@ var NodeInput = ({
     case UiNodeInputAttributesTypeEnum.DatetimeLocal:
       throw new Error("Not implemented");
     case UiNodeInputAttributesTypeEnum.Checkbox:
+      if (node.group === "oauth2_consent" && node.attributes.node_type === "input") {
+        switch (node.attributes.name) {
+          case "grant_scope":
+            return /* @__PURE__ */ jsx(
+              Node2.ConsentScopeCheckbox,
+              {
+                attributes: attrs,
+                node,
+                onCheckedChange: handleScopeChange
+              }
+            );
+          default:
+            return null;
+        }
+      }
       return /* @__PURE__ */ jsx(
         Node2.Label,
         {
@@ -1056,7 +1121,9 @@ function OryFormSocialButtonsForm() {
   const {
     flow: { ui }
   } = useOryFlow();
-  const filteredNodes = ui.nodes.filter((node) => node.group === "oidc");
+  const filteredNodes = ui.nodes.filter(
+    (node) => node.group === UiNodeGroupEnum.Saml || node.group === UiNodeGroupEnum.Oidc
+  );
   if (filteredNodes.length === 0) {
     return null;
   }
@@ -1230,6 +1297,19 @@ function OryFormSectionInner({
     }
   );
 }
+function OryConsentCard() {
+  const { Form, Card } = useComponents();
+  const flow = useOryFlow();
+  return /* @__PURE__ */ jsxs(OryCard, { children: [
+    /* @__PURE__ */ jsx(OryCardHeader, {}),
+    /* @__PURE__ */ jsx(OryCardContent, { children: /* @__PURE__ */ jsxs(OryForm, { children: [
+      /* @__PURE__ */ jsx(Card.Divider, {}),
+      /* @__PURE__ */ jsx(Form.Group, { children: flow.flow.ui.nodes.map((node, k) => /* @__PURE__ */ jsx(Node, { node }, k)) }),
+      /* @__PURE__ */ jsx(Card.Divider, {}),
+      /* @__PURE__ */ jsx(OryCardFooter, {})
+    ] }) })
+  ] });
+}
 function OryFormGroupDivider() {
   const { Card } = useComponents();
   const {
@@ -2029,6 +2109,20 @@ var en_default = {
   "property.username": "username",
   "property.identifier": "identifier",
   "property.code": "code",
+  "consent.title": "Authorize {party}",
+  "consent.subtitle": "A third party application wants to access information associated with your account {identifier}.",
+  "consent.scope.openid.title": "Identity",
+  "consent.scope.openid.description": "Allows the application to verify your identity. This is required for authentication and a trusted login experience.",
+  "consent.scope.offline_access.title": "Offline Access",
+  "consent.scope.offline_access.description": "Allows this application to keep you signed in even when you're not actively using it.",
+  "consent.scope.profile.title": "Profile Information",
+  "consent.scope.profile.description": "Allows access to your basic profile details, including your username, first name, and last name.",
+  "consent.scope.email.title": "Email Address",
+  "consent.scope.email.description": "Retrieve your email address and its verification status.",
+  "consent.scope.address.title": "Physical Address",
+  "consent.scope.address.description": "Access your postal address.",
+  "consent.scope.phone.title": "Phone Number",
+  "consent.scope.phone.description": "Retrieve your phone number and its verification status.",
   "error.title.what-happened": "What happened?",
   "error.title.what-can-i-do": "What can I do?",
   "error.instructions": "Please try again in a few minutes or contact the website operator.",
@@ -2300,6 +2394,20 @@ var de_default = {
   "property.phone": "Telefon",
   "property.code": "Code",
   "property.username": "Benutzername",
+  "consent.title": "Autorisieren {party}",
+  "consent.subtitle": "Eine Drittanbieteranwendung m\xF6chte auf Informationen zugreifen, die mit Ihrem Konto {identifier} verkn\xFCpft sind.",
+  "consent.scope.openid.title": "Identit\xE4t",
+  "consent.scope.openid.description": "Erm\xF6glicht der Anwendung, Ihre Identit\xE4t zu \xFCberpr\xFCfen. Dies ist f\xFCr die Authentifizierung und eine vertrauensw\xFCrdige Login-Erfahrung erforderlich.",
+  "consent.scope.offline_access.title": "Offline-Zugriff",
+  "consent.scope.offline_access.description": "Erm\xF6glicht dieser Anwendung, Sie angemeldet zu lassen, auch wenn Sie sie nicht aktiv nutzen.",
+  "consent.scope.profile.title": "Profilinformationen",
+  "consent.scope.profile.description": "Erm\xF6glicht den Zugriff auf Ihre grundlegenden Profildetails, einschlie\xDFlich Ihres Benutzernamens, Vornamens und Nachnamens.",
+  "consent.scope.email.title": "E-Mail-Adresse",
+  "consent.scope.email.description": "Erm\xF6glicht den Abruf Ihrer E-Mail-Adresse und deren \xDCberpr\xFCfungsstatus.",
+  "consent.scope.address.title": "Physische Adresse",
+  "consent.scope.address.description": "Erm\xF6glicht den Zugriff auf Ihre Postanschrift.",
+  "consent.scope.phone.title": "Telefonnummer",
+  "consent.scope.phone.description": "Erm\xF6glicht den Abruf Ihrer Telefonnummer und deren \xDCberpr\xFCfungsstatus.",
   "error.title.what-happened": "Was ist passiert?",
   "error.footer.copy": "Kopieren",
   "error.footer.text": "Bitte f\xFCgen Sie bei der Meldung dieses Fehlers die folgenden Informationen hinzu:",
@@ -2571,6 +2679,20 @@ var es_default = {
   "property.password": "",
   "property.phone": "",
   "property.username": "",
+  "consent.title": "Autorizar {party}",
+  "consent.subtitle": "Una aplicaci\xF3n de terceros quiere acceder a la informaci\xF3n asociada a su cuenta {identifier}.",
+  "consent.scope.openid.title": "Identidad",
+  "consent.scope.openid.description": "Permite que la aplicaci\xF3n verifique su identidad. Esto es necesario para la autenticaci\xF3n y una experiencia de inicio de sesi\xF3n confiable.",
+  "consent.scope.offline_access.title": "Acceso sin conexi\xF3n",
+  "consent.scope.offline_access.description": "Permite que esta aplicaci\xF3n le mantenga conectado incluso cuando no la est\xE9 utilizando activamente.",
+  "consent.scope.profile.title": "Informaci\xF3n del perfil",
+  "consent.scope.profile.description": "Permite el acceso a los detalles b\xE1sicos de su perfil, incluyendo su nombre de usuario, nombre y apellido.",
+  "consent.scope.email.title": "Direcci\xF3n de correo electr\xF3nico",
+  "consent.scope.email.description": "Recupere su direcci\xF3n de correo electr\xF3nico y su estado de verificaci\xF3n.",
+  "consent.scope.address.title": "Direcci\xF3n f\xEDsica",
+  "consent.scope.address.description": "Acceda a su direcci\xF3n postal.",
+  "consent.scope.phone.title": "N\xFAmero de tel\xE9fono",
+  "consent.scope.phone.description": "Recupere su n\xFAmero de tel\xE9fono y su estado de verificaci\xF3n.",
   "error.action.go-back": "",
   "error.footer.copy": "",
   "error.footer.text": "",
@@ -2842,6 +2964,20 @@ var fr_default = {
   "property.password": "",
   "property.phone": "",
   "property.username": "",
+  "consent.title": "Autoriser {party}",
+  "consent.subtitle": "Une application tierce souhaite acc\xE9der aux informations associ\xE9es \xE0 votre compte {identifier}.",
+  "consent.scope.openid.title": "Identit\xE9",
+  "consent.scope.openid.description": "Permet \xE0 l'application de v\xE9rifier votre identit\xE9. Cela est n\xE9cessaire pour l'authentification et une exp\xE9rience de connexion fiable.",
+  "consent.scope.offline_access.title": "Acc\xE8s hors ligne",
+  "consent.scope.offline_access.description": "Permet \xE0 cette application de vous maintenir connect\xE9 m\xEAme lorsque vous ne l'utilisez pas activement.",
+  "consent.scope.profile.title": "Informations de profil",
+  "consent.scope.profile.description": "Permet l'acc\xE8s aux d\xE9tails de base de votre profil, y compris votre nom d'utilisateur, pr\xE9nom et nom.",
+  "consent.scope.email.title": "Adresse e-mail",
+  "consent.scope.email.description": "R\xE9cup\xE8re votre adresse e-mail et son statut de v\xE9rification.",
+  "consent.scope.address.title": "Adresse physique",
+  "consent.scope.address.description": "Acc\xE8de \xE0 votre adresse postale.",
+  "consent.scope.phone.title": "Num\xE9ro de t\xE9l\xE9phone",
+  "consent.scope.phone.description": "R\xE9cup\xE8re votre num\xE9ro de t\xE9l\xE9phone et son statut de v\xE9rification.",
   "error.action.go-back": "",
   "error.footer.copy": "",
   "error.footer.text": "",
@@ -3113,6 +3249,20 @@ var nl_default = {
   "property.password": "",
   "property.phone": "",
   "property.username": "",
+  "consent.title": "Autoriseren {party}",
+  "consent.subtitle": "Een derde partij applicatie wil toegang tot informatie die aan uw account {identifier} is gekoppeld.",
+  "consent.scope.openid.title": "Identiteit",
+  "consent.scope.openid.description": "Stelt de applicatie in staat uw identiteit te verifi\xEBren. Dit is vereist voor authenticatie en een betrouwbare inlogervaring.",
+  "consent.scope.offline_access.title": "Offline toegang",
+  "consent.scope.offline_access.description": "Stelt deze applicatie in staat u ingelogd te houden, zelfs wanneer u deze niet actief gebruikt.",
+  "consent.scope.profile.title": "Profielinformatie",
+  "consent.scope.profile.description": "Geeft toegang tot uw basisprofielgegevens, inclusief uw gebruikersnaam, voornaam en achternaam.",
+  "consent.scope.email.title": "E-mailadres",
+  "consent.scope.email.description": "Haal uw e-mailadres en de verificatiestatus ervan op.",
+  "consent.scope.address.title": "Fysiek adres",
+  "consent.scope.address.description": "Toegang tot uw postadres.",
+  "consent.scope.phone.title": "Telefoonnummer",
+  "consent.scope.phone.description": "Haal uw telefoonnummer en de verificatiestatus ervan op.",
   "error.action.go-back": "",
   "error.footer.copy": "",
   "error.footer.text": "",
@@ -3384,6 +3534,20 @@ var pl_default = {
   "property.phone": "",
   "property.username": "",
   "property.identifier": "",
+  "consent.title": "Autoryzuj {party}",
+  "consent.subtitle": "Aplikacja trzeciej strony chce uzyska\u0107 dost\u0119p do informacji powi\u0105zanych z Twoim kontem {identifier}.",
+  "consent.scope.openid.title": "To\u017Csamo\u015B\u0107",
+  "consent.scope.openid.description": "Pozwala aplikacji zweryfikowa\u0107 Twoj\u0105 to\u017Csamo\u015B\u0107. Jest to wymagane do uwierzytelniania i zapewnienia zaufanej sesji logowania.",
+  "consent.scope.offline_access.title": "Dost\u0119p offline",
+  "consent.scope.offline_access.description": "Pozwala aplikacji utrzyma\u0107 Twoje logowanie, nawet gdy nie korzystasz z niej aktywnie.",
+  "consent.scope.profile.title": "Informacje profilowe",
+  "consent.scope.profile.description": "Pozwala na dost\u0119p do podstawowych danych profilowych, w tym nazwy u\u017Cytkownika, imienia i nazwiska.",
+  "consent.scope.email.title": "Adres e-mail",
+  "consent.scope.email.description": "Pobierz sw\xF3j adres e-mail oraz status jego weryfikacji.",
+  "consent.scope.address.title": "Adres fizyczny",
+  "consent.scope.address.description": "Dost\u0119p do Twojego adresu pocztowego.",
+  "consent.scope.phone.title": "Numer telefonu",
+  "consent.scope.phone.description": "Pobierz sw\xF3j numer telefonu oraz status jego weryfikacji.",
   "error.action.go-back": "",
   "error.footer.copy": "",
   "error.footer.text": "",
@@ -3655,6 +3819,20 @@ var pt_default = {
   "property.password": "",
   "property.phone": "",
   "property.username": "",
+  "consent.title": "Autorizar {party}",
+  "consent.subtitle": "Um aplicativo de terceiros deseja acessar as informa\xE7\xF5es associadas \xE0 sua conta {identifier}.",
+  "consent.scope.openid.title": "Identidade",
+  "consent.scope.openid.description": "Permite que a aplica\xE7\xE3o verifique sua identidade. Isso \xE9 necess\xE1rio para a autentica\xE7\xE3o e uma experi\xEAncia de login confi\xE1vel.",
+  "consent.scope.offline_access.title": "Acesso Offline",
+  "consent.scope.offline_access.description": "Permite que este aplicativo mantenha voc\xEA conectado mesmo quando n\xE3o estiver usando-o ativamente.",
+  "consent.scope.profile.title": "Informa\xE7\xF5es do Perfil",
+  "consent.scope.profile.description": "Permite o acesso aos detalhes b\xE1sicos do seu perfil, incluindo seu nome de usu\xE1rio, primeiro nome e sobrenome.",
+  "consent.scope.email.title": "Endere\xE7o de E-mail",
+  "consent.scope.email.description": "Recupere seu endere\xE7o de e-mail e seu status de verifica\xE7\xE3o.",
+  "consent.scope.address.title": "Endere\xE7o F\xEDsico",
+  "consent.scope.address.description": "Acesse seu endere\xE7o postal.",
+  "consent.scope.phone.title": "N\xFAmero de Telefone",
+  "consent.scope.phone.description": "Recupere seu n\xFAmero de telefone e seu status de verifica\xE7\xE3o.",
   "error.action.go-back": "",
   "error.footer.copy": "",
   "error.footer.text": "",
@@ -3926,6 +4104,20 @@ var sv_default = {
   "property.username": "anv\xE4ndarnamn",
   "property.identifier": "identifier",
   "property.code": "kod",
+  "consent.title": "Auktorisera {party}",
+  "consent.subtitle": "En tredjepartsapplikation vill f\xE5 tillg\xE5ng till information kopplad till ditt konto {identifier}.",
+  "consent.scope.openid.title": "Identitet",
+  "consent.scope.openid.description": "G\xF6r det m\xF6jligt f\xF6r applikationen att verifiera din identitet. Detta kr\xE4vs f\xF6r autentisering och en p\xE5litlig inloggningsupplevelse.",
+  "consent.scope.offline_access.title": "Offline-\xE5tkomst",
+  "consent.scope.offline_access.description": "G\xF6r det m\xF6jligt f\xF6r denna applikation att h\xE5lla dig inloggad \xE4ven n\xE4r du inte aktivt anv\xE4nder den.",
+  "consent.scope.profile.title": "Profilinformation",
+  "consent.scope.profile.description": "Ger tillg\xE5ng till dina grundl\xE4ggande profiluppgifter, inklusive ditt anv\xE4ndarnamn, f\xF6rnamn och efternamn.",
+  "consent.scope.email.title": "E-postadress",
+  "consent.scope.email.description": "H\xE4mta din e-postadress och dess verifieringsstatus.",
+  "consent.scope.address.title": "Fysisk adress",
+  "consent.scope.address.description": "F\xE5 \xE5tkomst till din postadress.",
+  "consent.scope.phone.title": "Telefonnummer",
+  "consent.scope.phone.description": "H\xE4mta ditt telefonnummer och dess verifieringsstatus.",
   "error.action.go-back": "",
   "error.footer.copy": "",
   "error.footer.text": "",
@@ -3946,6 +4138,6 @@ var OryLocales = {
   sv: sv_default
 };
 
-export { HeadlessPageHeader, OryCard, OryCardContent, OryCardFooter, OryCardHeader, OryCardValidationMessages, OryForm, OryFormGroupDivider, OryFormGroups, OryFormOidcButtons, OryFormSection, OryFormSocialButtonsForm, OryLocales, OryProvider, OrySettingsCard, OryTwoStepCard, messageTestId, uiTextToFormattedMessage, useComponents, useNodeSorter, useOryFlow };
+export { HeadlessPageHeader, OryCard, OryCardContent, OryCardFooter, OryCardHeader, OryCardValidationMessages, OryConsentCard, OryForm, OryFormGroupDivider, OryFormGroups, OryFormOidcButtons, OryFormSection, OryFormSocialButtonsForm, OryLocales, OryProvider, OrySettingsCard, OryTwoStepCard, messageTestId, uiTextToFormattedMessage, useComponents, useNodeSorter, useOryFlow };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map