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

package/CHANGELOG.md

@@ -1,3 +1,13 @@
+## 1.0.0-next.40 (2025-04-02)
+
+### 🚀 Features
+
+- support SAML-native ([#395](https://github.com/ory/elements/pull/395))
+
+### ❤️  Thank You
+
+- hackerman @aeneasr
+
 ## 1.0.0-next.39 (2025-03-25)
 
 ### 🚀 Features

package/dist/client/frontendClient.d.mts

@@ -1,7 +1,10 @@
-import { ConfigurationParameters, FrontendApi } from '@ory/client-fetch';
+import { ConfigurationParameters, FrontendApi, OAuth2Api } from '@ory/client-fetch';
 
 declare function frontendClient({ forceBaseUrl, ...opts }?: Partial<ConfigurationParameters & {
     forceBaseUrl?: string;
 }>): FrontendApi;
+declare function oauth2Client({ forceBaseUrl, ...opts }?: Partial<ConfigurationParameters & {
+    forceBaseUrl?: string;
+}>): OAuth2Api;
 
-export { frontendClient };
+export { frontendClient, oauth2Client };

package/dist/client/frontendClient.d.ts

@@ -1,7 +1,10 @@
-import { ConfigurationParameters, FrontendApi } from '@ory/client-fetch';
+import { ConfigurationParameters, FrontendApi, OAuth2Api } from '@ory/client-fetch';
 
 declare function frontendClient({ forceBaseUrl, ...opts }?: Partial<ConfigurationParameters & {
     forceBaseUrl?: string;
 }>): FrontendApi;
+declare function oauth2Client({ forceBaseUrl, ...opts }?: Partial<ConfigurationParameters & {
+    forceBaseUrl?: string;
+}>): OAuth2Api;
 
-export { frontendClient };
+export { frontendClient, oauth2Client };

package/dist/client/frontendClient.js

@@ -19,7 +19,8 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var frontendClient_exports = {};
 __export(frontendClient_exports, {
-  frontendClient: () => frontendClient
+  frontendClient: () => frontendClient,
+  oauth2Client: () => oauth2Client
 });
 module.exports = __toCommonJS(frontendClient_exports);
 var import_client_fetch = require("@ory/client-fetch");
@@ -45,8 +46,30 @@ function frontendClient({
   });
   return new import_client_fetch.FrontendApi(config);
 }
+function oauth2Client({
+  forceBaseUrl,
+  ...opts
+} = {
+  credentials: "include"
+}) {
+  var _a;
+  const basePath = forceBaseUrl != null ? forceBaseUrl : (0, import_config.guessPotentiallyProxiedOrySdkUrl)({
+    knownProxiedUrl: window.location.origin
+  });
+  const config = new import_client_fetch.Configuration({
+    ...opts,
+    basePath: basePath == null ? void 0 : basePath.replace(/\/$/, ""),
+    credentials: (_a = opts.credentials) != null ? _a : "include",
+    headers: {
+      Accept: "application/json",
+      ...opts.headers
+    }
+  });
+  return new import_client_fetch.OAuth2Api(config);
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  frontendClient
+  frontendClient,
+  oauth2Client
 });
 //# sourceMappingURL=frontendClient.js.map

package/dist/client/frontendClient.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/client/frontendClient.ts"],"sourcesContent":["// Copyright © 2024 Ory Corp\n// SPDX-License-Identifier: Apache-2.0\n\"use client\"\nimport {\n  Configuration,\n  ConfigurationParameters,\n  FrontendApi,\n} from \"@ory/client-fetch\"\nimport { guessPotentiallyProxiedOrySdkUrl } from \"./config\"\n\nexport function frontendClient(\n  {\n    forceBaseUrl,\n    ...opts\n  }: Partial<ConfigurationParameters & { forceBaseUrl?: string }> = {\n    credentials: \"include\",\n  },\n) {\n  const basePath =\n    forceBaseUrl ??\n    guessPotentiallyProxiedOrySdkUrl({\n      knownProxiedUrl: window.location.origin,\n    })\n\n  const config = new Configuration({\n    ...opts,\n    basePath: basePath?.replace(/\\/$/, \"\"),\n    credentials: opts.credentials ?? \"include\",\n    headers: {\n      Accept: \"application/json\",\n      ...opts.headers,\n    },\n  })\n  return new FrontendApi(config)\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,0BAIO;AACP,oBAAiD;AAE1C,SAAS,eACd;AAAA,EACE;AAAA,EACA,GAAG;AACL,IAAkE;AAAA,EAChE,aAAa;AACf,GACA;AAjBF;AAkBE,QAAM,WACJ,0CACA,gDAAiC;AAAA,IAC/B,iBAAiB,OAAO,SAAS;AAAA,EACnC,CAAC;AAEH,QAAM,SAAS,IAAI,kCAAc;AAAA,IAC/B,GAAG;AAAA,IACH,UAAU,qCAAU,QAAQ,OAAO;AAAA,IACnC,cAAa,UAAK,gBAAL,YAAoB;AAAA,IACjC,SAAS;AAAA,MACP,QAAQ;AAAA,MACR,GAAG,KAAK;AAAA,IACV;AAAA,EACF,CAAC;AACD,SAAO,IAAI,gCAAY,MAAM;AAC/B;","names":[]}
+{"version":3,"sources":["../../src/client/frontendClient.ts"],"sourcesContent":["// Copyright © 2024 Ory Corp\n// SPDX-License-Identifier: Apache-2.0\n\"use client\"\nimport {\n  Configuration,\n  ConfigurationParameters,\n  FrontendApi,\n  OAuth2Api,\n} from \"@ory/client-fetch\"\nimport { guessPotentiallyProxiedOrySdkUrl } from \"./config\"\n\nexport function frontendClient(\n  {\n    forceBaseUrl,\n    ...opts\n  }: Partial<ConfigurationParameters & { forceBaseUrl?: string }> = {\n    credentials: \"include\",\n  },\n) {\n  const basePath =\n    forceBaseUrl ??\n    guessPotentiallyProxiedOrySdkUrl({\n      knownProxiedUrl: window.location.origin,\n    })\n\n  const config = new Configuration({\n    ...opts,\n    basePath: basePath?.replace(/\\/$/, \"\"),\n    credentials: opts.credentials ?? \"include\",\n    headers: {\n      Accept: \"application/json\",\n      ...opts.headers,\n    },\n  })\n  return new FrontendApi(config)\n}\n\nexport function oauth2Client(\n  {\n    forceBaseUrl,\n    ...opts\n  }: Partial<ConfigurationParameters & { forceBaseUrl?: string }> = {\n    credentials: \"include\",\n  },\n) {\n  const basePath =\n    forceBaseUrl ??\n    guessPotentiallyProxiedOrySdkUrl({\n      knownProxiedUrl: window.location.origin,\n    })\n\n  const config = new Configuration({\n    ...opts,\n    basePath: basePath?.replace(/\\/$/, \"\"),\n    credentials: opts.credentials ?? \"include\",\n    headers: {\n      Accept: \"application/json\",\n      ...opts.headers,\n    },\n  })\n  return new OAuth2Api(config)\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,0BAKO;AACP,oBAAiD;AAE1C,SAAS,eACd;AAAA,EACE;AAAA,EACA,GAAG;AACL,IAAkE;AAAA,EAChE,aAAa;AACf,GACA;AAlBF;AAmBE,QAAM,WACJ,0CACA,gDAAiC;AAAA,IAC/B,iBAAiB,OAAO,SAAS;AAAA,EACnC,CAAC;AAEH,QAAM,SAAS,IAAI,kCAAc;AAAA,IAC/B,GAAG;AAAA,IACH,UAAU,qCAAU,QAAQ,OAAO;AAAA,IACnC,cAAa,UAAK,gBAAL,YAAoB;AAAA,IACjC,SAAS;AAAA,MACP,QAAQ;AAAA,MACR,GAAG,KAAK;AAAA,IACV;AAAA,EACF,CAAC;AACD,SAAO,IAAI,gCAAY,MAAM;AAC/B;AAEO,SAAS,aACd;AAAA,EACE;AAAA,EACA,GAAG;AACL,IAAkE;AAAA,EAChE,aAAa;AACf,GACA;AA5CF;AA6CE,QAAM,WACJ,0CACA,gDAAiC;AAAA,IAC/B,iBAAiB,OAAO,SAAS;AAAA,EACnC,CAAC;AAEH,QAAM,SAAS,IAAI,kCAAc;AAAA,IAC/B,GAAG;AAAA,IACH,UAAU,qCAAU,QAAQ,OAAO;AAAA,IACnC,cAAa,UAAK,gBAAL,YAAoB;AAAA,IACjC,SAAS;AAAA,MACP,QAAQ;AAAA,MACR,GAAG,KAAK;AAAA,IACV;AAAA,EACF,CAAC;AACD,SAAO,IAAI,8BAAU,MAAM;AAC7B;","names":[]}

package/dist/client/frontendClient.mjs

@@ -1,7 +1,8 @@
 "use client";
 import {
   Configuration,
-  FrontendApi
+  FrontendApi,
+  OAuth2Api
 } from "@ory/client-fetch";
 import { guessPotentiallyProxiedOrySdkUrl } from "./config";
 function frontendClient({
@@ -25,7 +26,29 @@ function frontendClient({
   });
   return new FrontendApi(config);
 }
+function oauth2Client({
+  forceBaseUrl,
+  ...opts
+} = {
+  credentials: "include"
+}) {
+  var _a;
+  const basePath = forceBaseUrl != null ? forceBaseUrl : guessPotentiallyProxiedOrySdkUrl({
+    knownProxiedUrl: window.location.origin
+  });
+  const config = new Configuration({
+    ...opts,
+    basePath: basePath == null ? void 0 : basePath.replace(/\/$/, ""),
+    credentials: (_a = opts.credentials) != null ? _a : "include",
+    headers: {
+      Accept: "application/json",
+      ...opts.headers
+    }
+  });
+  return new OAuth2Api(config);
+}
 export {
-  frontendClient
+  frontendClient,
+  oauth2Client
 };
 //# sourceMappingURL=frontendClient.mjs.map

package/dist/client/frontendClient.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/client/frontendClient.ts"],"sourcesContent":["// Copyright © 2024 Ory Corp\n// SPDX-License-Identifier: Apache-2.0\n\"use client\"\nimport {\n  Configuration,\n  ConfigurationParameters,\n  FrontendApi,\n} from \"@ory/client-fetch\"\nimport { guessPotentiallyProxiedOrySdkUrl } from \"./config\"\n\nexport function frontendClient(\n  {\n    forceBaseUrl,\n    ...opts\n  }: Partial<ConfigurationParameters & { forceBaseUrl?: string }> = {\n    credentials: \"include\",\n  },\n) {\n  const basePath =\n    forceBaseUrl ??\n    guessPotentiallyProxiedOrySdkUrl({\n      knownProxiedUrl: window.location.origin,\n    })\n\n  const config = new Configuration({\n    ...opts,\n    basePath: basePath?.replace(/\\/$/, \"\"),\n    credentials: opts.credentials ?? \"include\",\n    headers: {\n      Accept: \"application/json\",\n      ...opts.headers,\n    },\n  })\n  return new FrontendApi(config)\n}\n"],"mappings":";AAGA;AAAA,EACE;AAAA,EAEA;AAAA,OACK;AACP,SAAS,wCAAwC;AAE1C,SAAS,eACd;AAAA,EACE;AAAA,EACA,GAAG;AACL,IAAkE;AAAA,EAChE,aAAa;AACf,GACA;AAjBF;AAkBE,QAAM,WACJ,sCACA,iCAAiC;AAAA,IAC/B,iBAAiB,OAAO,SAAS;AAAA,EACnC,CAAC;AAEH,QAAM,SAAS,IAAI,cAAc;AAAA,IAC/B,GAAG;AAAA,IACH,UAAU,qCAAU,QAAQ,OAAO;AAAA,IACnC,cAAa,UAAK,gBAAL,YAAoB;AAAA,IACjC,SAAS;AAAA,MACP,QAAQ;AAAA,MACR,GAAG,KAAK;AAAA,IACV;AAAA,EACF,CAAC;AACD,SAAO,IAAI,YAAY,MAAM;AAC/B;","names":[]}
+{"version":3,"sources":["../../src/client/frontendClient.ts"],"sourcesContent":["// Copyright © 2024 Ory Corp\n// SPDX-License-Identifier: Apache-2.0\n\"use client\"\nimport {\n  Configuration,\n  ConfigurationParameters,\n  FrontendApi,\n  OAuth2Api,\n} from \"@ory/client-fetch\"\nimport { guessPotentiallyProxiedOrySdkUrl } from \"./config\"\n\nexport function frontendClient(\n  {\n    forceBaseUrl,\n    ...opts\n  }: Partial<ConfigurationParameters & { forceBaseUrl?: string }> = {\n    credentials: \"include\",\n  },\n) {\n  const basePath =\n    forceBaseUrl ??\n    guessPotentiallyProxiedOrySdkUrl({\n      knownProxiedUrl: window.location.origin,\n    })\n\n  const config = new Configuration({\n    ...opts,\n    basePath: basePath?.replace(/\\/$/, \"\"),\n    credentials: opts.credentials ?? \"include\",\n    headers: {\n      Accept: \"application/json\",\n      ...opts.headers,\n    },\n  })\n  return new FrontendApi(config)\n}\n\nexport function oauth2Client(\n  {\n    forceBaseUrl,\n    ...opts\n  }: Partial<ConfigurationParameters & { forceBaseUrl?: string }> = {\n    credentials: \"include\",\n  },\n) {\n  const basePath =\n    forceBaseUrl ??\n    guessPotentiallyProxiedOrySdkUrl({\n      knownProxiedUrl: window.location.origin,\n    })\n\n  const config = new Configuration({\n    ...opts,\n    basePath: basePath?.replace(/\\/$/, \"\"),\n    credentials: opts.credentials ?? \"include\",\n    headers: {\n      Accept: \"application/json\",\n      ...opts.headers,\n    },\n  })\n  return new OAuth2Api(config)\n}\n"],"mappings":";AAGA;AAAA,EACE;AAAA,EAEA;AAAA,EACA;AAAA,OACK;AACP,SAAS,wCAAwC;AAE1C,SAAS,eACd;AAAA,EACE;AAAA,EACA,GAAG;AACL,IAAkE;AAAA,EAChE,aAAa;AACf,GACA;AAlBF;AAmBE,QAAM,WACJ,sCACA,iCAAiC;AAAA,IAC/B,iBAAiB,OAAO,SAAS;AAAA,EACnC,CAAC;AAEH,QAAM,SAAS,IAAI,cAAc;AAAA,IAC/B,GAAG;AAAA,IACH,UAAU,qCAAU,QAAQ,OAAO;AAAA,IACnC,cAAa,UAAK,gBAAL,YAAoB;AAAA,IACjC,SAAS;AAAA,MACP,QAAQ;AAAA,MACR,GAAG,KAAK;AAAA,IACV;AAAA,EACF,CAAC;AACD,SAAO,IAAI,YAAY,MAAM;AAC/B;AAEO,SAAS,aACd;AAAA,EACE;AAAA,EACA,GAAG;AACL,IAAkE;AAAA,EAChE,aAAa;AACf,GACA;AA5CF;AA6CE,QAAM,WACJ,sCACA,iCAAiC;AAAA,IAC/B,iBAAiB,OAAO,SAAS;AAAA,EACnC,CAAC;AAEH,QAAM,SAAS,IAAI,cAAc;AAAA,IAC/B,GAAG;AAAA,IACH,UAAU,qCAAU,QAAQ,OAAO;AAAA,IACnC,cAAa,UAAK,gBAAL,YAAoB;AAAA,IACjC,SAAS;AAAA,MACP,QAAQ;AAAA,MACR,GAAG,KAAK;AAAA,IACV;AAAA,EACF,CAAC;AACD,SAAO,IAAI,UAAU,MAAM;AAC7B;","names":[]}

package/dist/index.d.mts

@@ -1,4 +1,4 @@
-import { UiNodeInputAttributes, UiNode, UiNodeAnchorAttributes, UiNodeTextAttributes, UiNodeImageAttributes, UiNodeGroupEnum, UiText, ConfigurationParameters, FlowType, LoginFlow, RegistrationFlow, RecoveryFlow, VerificationFlow, SettingsFlow, FlowError, UpdateLoginFlowBody, UpdateRegistrationFlowBody, UpdateVerificationFlowBody, UpdateRecoveryFlowBody, UpdateSettingsFlowBody, OnRedirectHandler } from '@ory/client-fetch';
+import { UiNodeInputAttributes, UiNode, UiNodeAnchorAttributes, UiNodeTextAttributes, UiNodeImageAttributes, UiNodeGroupEnum, UiText, ConfigurationParameters, FlowType, LoginFlow, RegistrationFlow, RecoveryFlow, VerificationFlow, SettingsFlow, UiContainer, OAuth2ConsentRequest, Session, FlowError, UpdateLoginFlowBody, UpdateRegistrationFlowBody, UpdateVerificationFlowBody, UpdateRecoveryFlowBody, UpdateSettingsFlowBody, OnRedirectHandler } from '@ory/client-fetch';
 import { ComponentPropsWithoutRef, FormEventHandler, MouseEventHandler, PropsWithChildren, DetailedHTMLProps, HTMLAttributes, ComponentType, Dispatch } from 'react';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
@@ -59,6 +59,11 @@ type OryNodeInputProps = {
     node: UiNode;
     onClick?: MouseEventHandler;
 };
+type OryNodeConsentScopeCheckboxProps = {
+    attributes: UiNodeInputAttributes;
+    node: UiNode;
+    onCheckedChange: (checked: boolean) => void;
+};
 type OryFormSectionContentProps = PropsWithChildren<{
     title?: string;
     description?: string;
@@ -105,6 +110,8 @@ declare function OryCardContent({ children }: OryCardContentProps): react_jsx_ru
 
 declare function OryTwoStepCard(): react_jsx_runtime.JSX.Element;
 
+declare function OryConsentCard(): react_jsx_runtime.JSX.Element;
+
 /**
  * Props type for the Form Group Divider component.
  */
@@ -248,6 +255,10 @@ type OryFlowComponents = {
          * The Captcha component is rendered whenever a "captcha" group is encountered.
          */
         Captcha: ComponentType<OryNodeCaptchaProps>;
+        /**
+         * Special version of the Input component for scopes in OAuth2 flows.
+         */
+        ConsentScopeCheckbox: ComponentType<OryNodeConsentScopeCheckboxProps>;
     };
     Card: {
         /**
@@ -414,7 +425,7 @@ type OryClientConfiguration = {
  *
  * @see OryClientConfiguration
  */
-type OryFlow<TFlowType, TFlow> = {
+type OryFlow<TFlowType extends FlowType, TFlow> = {
     flowType: TFlowType;
     flow: TFlow;
     config: OryClientConfiguration;
@@ -463,10 +474,22 @@ type SettingsFlowContainer = OryFlow<FlowType.Settings, SettingsFlow>;
  *
  */
 type ErrorFlowContainer = OryFlow<FlowType.Error, FlowError>;
+type ConsentFlow = {
+    created_at: Date;
+    expires_at: Date;
+    id: string;
+    issued_at: Date;
+    state: "show_form" | "rejected" | "accepted";
+    active: string;
+    ui: UiContainer;
+    consent_request: OAuth2ConsentRequest;
+    session: Session;
+};
+type ConsentFlowContainer = OryFlow<FlowType.OAuth2Consent, ConsentFlow>;
 /**
  * A union type of all flow containers
  */
-type OryFlowContainer = LoginFlowContainer | RegistrationFlowContainer | RecoveryFlowContainer | VerificationFlowContainer | SettingsFlowContainer;
+type OryFlowContainer = LoginFlowContainer | RegistrationFlowContainer | RecoveryFlowContainer | VerificationFlowContainer | SettingsFlowContainer | ConsentFlowContainer;
 
 /**
  * Converts a UiText to a FormattedMessage.
@@ -594,4 +617,4 @@ type OryProviderProps = {
 } & OryFlowContainer & PropsWithChildren;
 declare function OryProvider({ children, components: Components, ...oryFlowProps }: OryProviderProps): react_jsx_runtime.JSX.Element;
 
-export { type ErrorFlowContainer, type FlowContainerSetter, type FlowContextValue, type FormState, type FormStateAction, type FormValues, HeadlessPageHeader, type IntlConfig, type LoginFlowContainer, type OnSubmitHandlerProps, OryCard, type OryCardAuthMethodListItemProps, OryCardContent, type OryCardContentProps, type OryCardDividerProps, OryCardFooter, type OryCardFooterProps, OryCardHeader, type OryCardHeaderProps, type OryCardLogoProps, type OryCardRootProps as OryCardProps, type OryCardSettingsSectionProps, OryCardValidationMessages, type OryClientConfiguration, type OryFlowComponentOverrides, type OryFlowComponents, type OryFlowContainer, OryForm, OryFormGroupDivider, type OryFormGroupProps, OryFormGroups, type OryFormGroupsProps, OryFormOidcButtons, type OryFormOidcRootProps, type OryFormProps, type OryFormRootProps, OryFormSection, type OryFormSectionContentProps, type OryFormSectionFooterProps, type OryFormSectionProps, OryFormSocialButtonsForm, OryLocales, type OryMessageContentProps, type OryMessageRootProps, type OryNodeAnchorProps, type OryNodeButtonProps, type OryNodeCaptchaProps, type OryNodeImageProps, type OryNodeInputProps, type OryNodeLabelProps, type OryNodeOidcButtonProps, type OryNodeTextProps, type OryPageHeaderProps, OryProvider, type OryProviderProps, OrySettingsCard, type OrySettingsOidcProps, type OrySettingsPasskeyProps, type OrySettingsRecoveryCodesProps, type OrySettingsTotpProps, type OrySettingsWebauthnProps, OryTwoStepCard, type RecoveryFlowContainer, type RegistrationFlowContainer, type SettingsFlowContainer, type VerificationFlowContainer, messageTestId, uiTextToFormattedMessage, useComponents, useNodeSorter, useOryFlow };
+export { type ConsentFlow, type ConsentFlowContainer, type ErrorFlowContainer, type FlowContainerSetter, type FlowContextValue, type FormState, type FormStateAction, type FormValues, HeadlessPageHeader, type IntlConfig, type LoginFlowContainer, type OnSubmitHandlerProps, OryCard, type OryCardAuthMethodListItemProps, OryCardContent, type OryCardContentProps, type OryCardDividerProps, OryCardFooter, type OryCardFooterProps, OryCardHeader, type OryCardHeaderProps, type OryCardLogoProps, type OryCardRootProps as OryCardProps, type OryCardSettingsSectionProps, OryCardValidationMessages, type OryClientConfiguration, OryConsentCard, type OryFlowComponentOverrides, type OryFlowComponents, type OryFlowContainer, OryForm, OryFormGroupDivider, type OryFormGroupProps, OryFormGroups, type OryFormGroupsProps, OryFormOidcButtons, type OryFormOidcRootProps, type OryFormProps, type OryFormRootProps, OryFormSection, type OryFormSectionContentProps, type OryFormSectionFooterProps, type OryFormSectionProps, OryFormSocialButtonsForm, OryLocales, type OryMessageContentProps, type OryMessageRootProps, type OryNodeAnchorProps, type OryNodeButtonProps, type OryNodeCaptchaProps, type OryNodeConsentScopeCheckboxProps, type OryNodeImageProps, type OryNodeInputProps, type OryNodeLabelProps, type OryNodeOidcButtonProps, type OryNodeTextProps, type OryPageHeaderProps, OryProvider, type OryProviderProps, OrySettingsCard, type OrySettingsOidcProps, type OrySettingsPasskeyProps, type OrySettingsRecoveryCodesProps, type OrySettingsTotpProps, type OrySettingsWebauthnProps, OryTwoStepCard, type RecoveryFlowContainer, type RegistrationFlowContainer, type SettingsFlowContainer, type VerificationFlowContainer, messageTestId, uiTextToFormattedMessage, useComponents, useNodeSorter, useOryFlow };

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import { UiNodeInputAttributes, UiNode, UiNodeAnchorAttributes, UiNodeTextAttributes, UiNodeImageAttributes, UiNodeGroupEnum, UiText, ConfigurationParameters, FlowType, LoginFlow, RegistrationFlow, RecoveryFlow, VerificationFlow, SettingsFlow, FlowError, UpdateLoginFlowBody, UpdateRegistrationFlowBody, UpdateVerificationFlowBody, UpdateRecoveryFlowBody, UpdateSettingsFlowBody, OnRedirectHandler } from '@ory/client-fetch';
+import { UiNodeInputAttributes, UiNode, UiNodeAnchorAttributes, UiNodeTextAttributes, UiNodeImageAttributes, UiNodeGroupEnum, UiText, ConfigurationParameters, FlowType, LoginFlow, RegistrationFlow, RecoveryFlow, VerificationFlow, SettingsFlow, UiContainer, OAuth2ConsentRequest, Session, FlowError, UpdateLoginFlowBody, UpdateRegistrationFlowBody, UpdateVerificationFlowBody, UpdateRecoveryFlowBody, UpdateSettingsFlowBody, OnRedirectHandler } from '@ory/client-fetch';
 import { ComponentPropsWithoutRef, FormEventHandler, MouseEventHandler, PropsWithChildren, DetailedHTMLProps, HTMLAttributes, ComponentType, Dispatch } from 'react';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
@@ -59,6 +59,11 @@ type OryNodeInputProps = {
     node: UiNode;
     onClick?: MouseEventHandler;
 };
+type OryNodeConsentScopeCheckboxProps = {
+    attributes: UiNodeInputAttributes;
+    node: UiNode;
+    onCheckedChange: (checked: boolean) => void;
+};
 type OryFormSectionContentProps = PropsWithChildren<{
     title?: string;
     description?: string;
@@ -105,6 +110,8 @@ declare function OryCardContent({ children }: OryCardContentProps): react_jsx_ru
 
 declare function OryTwoStepCard(): react_jsx_runtime.JSX.Element;
 
+declare function OryConsentCard(): react_jsx_runtime.JSX.Element;
+
 /**
  * Props type for the Form Group Divider component.
  */
@@ -248,6 +255,10 @@ type OryFlowComponents = {
          * The Captcha component is rendered whenever a "captcha" group is encountered.
          */
         Captcha: ComponentType<OryNodeCaptchaProps>;
+        /**
+         * Special version of the Input component for scopes in OAuth2 flows.
+         */
+        ConsentScopeCheckbox: ComponentType<OryNodeConsentScopeCheckboxProps>;
     };
     Card: {
         /**
@@ -414,7 +425,7 @@ type OryClientConfiguration = {
  *
  * @see OryClientConfiguration
  */
-type OryFlow<TFlowType, TFlow> = {
+type OryFlow<TFlowType extends FlowType, TFlow> = {
     flowType: TFlowType;
     flow: TFlow;
     config: OryClientConfiguration;
@@ -463,10 +474,22 @@ type SettingsFlowContainer = OryFlow<FlowType.Settings, SettingsFlow>;
  *
  */
 type ErrorFlowContainer = OryFlow<FlowType.Error, FlowError>;
+type ConsentFlow = {
+    created_at: Date;
+    expires_at: Date;
+    id: string;
+    issued_at: Date;
+    state: "show_form" | "rejected" | "accepted";
+    active: string;
+    ui: UiContainer;
+    consent_request: OAuth2ConsentRequest;
+    session: Session;
+};
+type ConsentFlowContainer = OryFlow<FlowType.OAuth2Consent, ConsentFlow>;
 /**
  * A union type of all flow containers
  */
-type OryFlowContainer = LoginFlowContainer | RegistrationFlowContainer | RecoveryFlowContainer | VerificationFlowContainer | SettingsFlowContainer;
+type OryFlowContainer = LoginFlowContainer | RegistrationFlowContainer | RecoveryFlowContainer | VerificationFlowContainer | SettingsFlowContainer | ConsentFlowContainer;
 
 /**
  * Converts a UiText to a FormattedMessage.
@@ -594,4 +617,4 @@ type OryProviderProps = {
 } & OryFlowContainer & PropsWithChildren;
 declare function OryProvider({ children, components: Components, ...oryFlowProps }: OryProviderProps): react_jsx_runtime.JSX.Element;
 
-export { type ErrorFlowContainer, type FlowContainerSetter, type FlowContextValue, type FormState, type FormStateAction, type FormValues, HeadlessPageHeader, type IntlConfig, type LoginFlowContainer, type OnSubmitHandlerProps, OryCard, type OryCardAuthMethodListItemProps, OryCardContent, type OryCardContentProps, type OryCardDividerProps, OryCardFooter, type OryCardFooterProps, OryCardHeader, type OryCardHeaderProps, type OryCardLogoProps, type OryCardRootProps as OryCardProps, type OryCardSettingsSectionProps, OryCardValidationMessages, type OryClientConfiguration, type OryFlowComponentOverrides, type OryFlowComponents, type OryFlowContainer, OryForm, OryFormGroupDivider, type OryFormGroupProps, OryFormGroups, type OryFormGroupsProps, OryFormOidcButtons, type OryFormOidcRootProps, type OryFormProps, type OryFormRootProps, OryFormSection, type OryFormSectionContentProps, type OryFormSectionFooterProps, type OryFormSectionProps, OryFormSocialButtonsForm, OryLocales, type OryMessageContentProps, type OryMessageRootProps, type OryNodeAnchorProps, type OryNodeButtonProps, type OryNodeCaptchaProps, type OryNodeImageProps, type OryNodeInputProps, type OryNodeLabelProps, type OryNodeOidcButtonProps, type OryNodeTextProps, type OryPageHeaderProps, OryProvider, type OryProviderProps, OrySettingsCard, type OrySettingsOidcProps, type OrySettingsPasskeyProps, type OrySettingsRecoveryCodesProps, type OrySettingsTotpProps, type OrySettingsWebauthnProps, OryTwoStepCard, type RecoveryFlowContainer, type RegistrationFlowContainer, type SettingsFlowContainer, type VerificationFlowContainer, messageTestId, uiTextToFormattedMessage, useComponents, useNodeSorter, useOryFlow };
+export { type ConsentFlow, type ConsentFlowContainer, type ErrorFlowContainer, type FlowContainerSetter, type FlowContextValue, type FormState, type FormStateAction, type FormValues, HeadlessPageHeader, type IntlConfig, type LoginFlowContainer, type OnSubmitHandlerProps, OryCard, type OryCardAuthMethodListItemProps, OryCardContent, type OryCardContentProps, type OryCardDividerProps, OryCardFooter, type OryCardFooterProps, OryCardHeader, type OryCardHeaderProps, type OryCardLogoProps, type OryCardRootProps as OryCardProps, type OryCardSettingsSectionProps, OryCardValidationMessages, type OryClientConfiguration, OryConsentCard, type OryFlowComponentOverrides, type OryFlowComponents, type OryFlowContainer, OryForm, OryFormGroupDivider, type OryFormGroupProps, OryFormGroups, type OryFormGroupsProps, OryFormOidcButtons, type OryFormOidcRootProps, type OryFormProps, type OryFormRootProps, OryFormSection, type OryFormSectionContentProps, type OryFormSectionFooterProps, type OryFormSectionProps, OryFormSocialButtonsForm, OryLocales, type OryMessageContentProps, type OryMessageRootProps, type OryNodeAnchorProps, type OryNodeButtonProps, type OryNodeCaptchaProps, type OryNodeConsentScopeCheckboxProps, type OryNodeImageProps, type OryNodeInputProps, type OryNodeLabelProps, type OryNodeOidcButtonProps, type OryNodeTextProps, type OryPageHeaderProps, OryProvider, type OryProviderProps, OrySettingsCard, type OrySettingsOidcProps, type OrySettingsPasskeyProps, type OrySettingsRecoveryCodesProps, type OrySettingsTotpProps, type OrySettingsWebauthnProps, OryTwoStepCard, type RecoveryFlowContainer, type RegistrationFlowContainer, type SettingsFlowContainer, type VerificationFlowContainer, messageTestId, uiTextToFormattedMessage, useComponents, useNodeSorter, useOryFlow };

package/dist/index.js

@@ -263,6 +263,8 @@ function parseStateFromFlow(flow) {
       break;
     case clientFetch.FlowType.Settings:
       return { current: "settings" };
+    case clientFetch.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}`
@@ -376,6 +378,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,
@@ -825,6 +843,19 @@ function useOryFormSubmit(onAfterSubmit) {
         });
         break;
       }
+      case clientFetch.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", "");
@@ -912,7 +943,7 @@ var NodeInput = ({
 }) => {
   var _a;
   const { Node: Node2 } = useComponents();
-  const { setValue } = reactHookForm.useFormContext();
+  const { setValue, watch } = reactHookForm.useFormContext();
   const {
     onloadTrigger,
     onclickTrigger,
@@ -925,7 +956,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 === clientFetch.UiNodeGroupEnum.Oauth2Consent) {
+      return;
+    }
+    if (attrs.value !== void 0) {
       setValue(attrs.name, attrs.value);
     }
   };
@@ -950,6 +984,19 @@ var NodeInput = ({
   };
   const isSocial = (attrs.name === "provider" || attrs.name === "link") && (node.group === clientFetch.UiNodeGroupEnum.Oidc || node.group === clientFetch.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 clientFetch.UiNodeInputAttributesTypeEnum.Submit:
     case clientFetch.UiNodeInputAttributesTypeEnum.Button:
@@ -959,6 +1006,9 @@ var NodeInput = ({
       if (isResendNode || isScreenSelectionNode) {
         return null;
       }
+      if (node.group === "oauth2_consent") {
+        return null;
+      }
       return /* @__PURE__ */ jsxRuntime.jsx(
         Node2.Label,
         {
@@ -970,6 +1020,21 @@ var NodeInput = ({
     case clientFetch.UiNodeInputAttributesTypeEnum.DatetimeLocal:
       throw new Error("Not implemented");
     case clientFetch.UiNodeInputAttributesTypeEnum.Checkbox:
+      if (node.group === "oauth2_consent" && node.attributes.node_type === "input") {
+        switch (node.attributes.name) {
+          case "grant_scope":
+            return /* @__PURE__ */ jsxRuntime.jsx(
+              Node2.ConsentScopeCheckbox,
+              {
+                attributes: attrs,
+                node,
+                onCheckedChange: handleScopeChange
+              }
+            );
+          default:
+            return null;
+        }
+      }
       return /* @__PURE__ */ jsxRuntime.jsx(
         Node2.Label,
         {
@@ -1058,7 +1123,9 @@ function OryFormSocialButtonsForm() {
   const {
     flow: { ui }
   } = useOryFlow();
-  const filteredNodes = ui.nodes.filter((node) => node.group === "oidc");
+  const filteredNodes = ui.nodes.filter(
+    (node) => node.group === clientFetch.UiNodeGroupEnum.Saml || node.group === clientFetch.UiNodeGroupEnum.Oidc
+  );
   if (filteredNodes.length === 0) {
     return null;
   }
@@ -1232,6 +1299,19 @@ function OryFormSectionInner({
     }
   );
 }
+function OryConsentCard() {
+  const { Form, Card } = useComponents();
+  const flow = useOryFlow();
+  return /* @__PURE__ */ jsxRuntime.jsxs(OryCard, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(OryCardHeader, {}),
+    /* @__PURE__ */ jsxRuntime.jsx(OryCardContent, { children: /* @__PURE__ */ jsxRuntime.jsxs(OryForm, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Card.Divider, {}),
+      /* @__PURE__ */ jsxRuntime.jsx(Form.Group, { children: flow.flow.ui.nodes.map((node, k) => /* @__PURE__ */ jsxRuntime.jsx(Node, { node }, k)) }),
+      /* @__PURE__ */ jsxRuntime.jsx(Card.Divider, {}),
+      /* @__PURE__ */ jsxRuntime.jsx(OryCardFooter, {})
+    ] }) })
+  ] });
+}
 function OryFormGroupDivider() {
   const { Card } = useComponents();
   const {
@@ -2031,6 +2111,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.",
@@ -2302,6 +2396,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:",
@@ -2573,6 +2681,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": "",
@@ -2844,6 +2966,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": "",
@@ -3115,6 +3251,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": "",
@@ -3386,6 +3536,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": "",
@@ -3657,6 +3821,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": "",
@@ -3928,6 +4106,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": "",
@@ -3954,6 +4146,7 @@ exports.OryCardContent = OryCardContent;
 exports.OryCardFooter = OryCardFooter;
 exports.OryCardHeader = OryCardHeader;
 exports.OryCardValidationMessages = OryCardValidationMessages;
+exports.OryConsentCard = OryConsentCard;
 exports.OryForm = OryForm;
 exports.OryFormGroupDivider = OryFormGroupDivider;
 exports.OryFormGroups = OryFormGroups;