@ory/elements-react 0.0.0-pr.e3d2b7e1 → 0.0.0-pr.f3c2f07

package/CHANGELOG.md

@@ -1,3 +1,125 @@
+## 1.0.0-next.39 (2025-03-25)
+
+### 🚀 Features
+
+- add SAML group handling ([#390](https://github.com/ory/elements/pull/390))
+
+### ❤️  Thank You
+
+- hackerman @aeneasr
+
+## 1.0.0-next.38 (2025-03-24)
+
+### 🩹 Fixes
+
+- hide registration link again ([#387](https://github.com/ory/elements/pull/387))
+
+### ❤️  Thank You
+
+- hackerman @aeneasr
+
+## 1.0.0-next.37 (2025-03-12)
+
+### 🩹 Fixes
+
+- correctly render test id for error card ([#386](https://github.com/ory/elements/pull/386))
+
+### ❤️  Thank You
+
+- Jonas Hungershausen
+
+## 1.0.0-next.36 (2025-03-12)
+
+### 🩹 Fixes
+
+- handle error messages for selected methods ([#385](https://github.com/ory/elements/pull/385))
+
+### ❤️  Thank You
+
+- Pierre Caillaud @pcaillaudm
+
+## 1.0.0-next.35 (2025-03-12)
+
+### 🚀 Features
+
+- add more intelligent error screen ([#383](https://github.com/ory/elements/pull/383))
+
+### ❤️  Thank You
+
+- Jonas Hungershausen
+
+## 1.0.0-next.34 (2025-03-12)
+
+### 🩹 Fixes
+
+- use correct import paths ([#384](https://github.com/ory/elements/pull/384))
+
+### ❤️  Thank You
+
+- hackerman @aeneasr
+
+## 1.0.0-next.33 (2025-03-07)
+
+### 🚀 Features
+
+- add password toggle to input ([#378](https://github.com/ory/elements/pull/378))
+
+### 🩹 Fixes
+
+- validation message regression ([#380](https://github.com/ory/elements/pull/380))
+
+### ❤️  Thank You
+
+- Jonas Hungershausen
+- Pierre Caillaud @pcaillaudm
+
+## 1.0.0-next.32 (2025-03-06)
+
+### 🚀 Features
+
+- use method selector in 2fa login ([#377](https://github.com/ory/elements/pull/377))
+
+### ❤️  Thank You
+
+- Pierre Caillaud @pcaillaudm
+
+## 1.0.0-next.31 (2025-03-06)
+
+### 🚀 Features
+
+- support captchas natively in new and old elements ([#372](https://github.com/ory/elements/pull/372))
+
+### 🩹 Fixes
+
+- center text on OIDC buttons and debounce state update ([#366](https://github.com/ory/elements/pull/366))
+
+### ❤️  Thank You
+
+- hackerman @aeneasr
+- Jonas Hungershausen
+
+## 1.0.0-next.30 (2025-03-05)
+
+### 🩹 Fixes
+
+- show possible OIDC connections on login method selector ([#362](https://github.com/ory/elements/pull/362))
+- add correct x/twitter OIDC logo ([#364](https://github.com/ory/elements/pull/364))
+
+### ❤️  Thank You
+
+- Jonas Hungershausen
+
+## 1.0.0-next.29 (2025-02-27)
+
+### 🩹 Fixes
+
+- remove untranslated aria label from auth list item ([#365](https://github.com/ory/elements/pull/365))
+- spacing in auth method list ([#359](https://github.com/ory/elements/pull/359))
+
+### ❤️  Thank You
+
+- Jonas Hungershausen
+
 ## 1.0.0-next.28 (2025-02-20)
 
 ### 🩹 Fixes

package/DEVELOPMENT.md

@@ -51,13 +51,13 @@ Each flow has its own story in the `packages/elements-react-stories` package. To
 run the storybook development environment, execute:
 
 ```bash
-npx nx storybook elements-react-stories
+npx nx storybook @ory/elements-react
 ```
 
 You can also build the Storybook using:
 
 ```bash
-npx nx build elements-react-stories
+npx nx build @ory/elements-react
 ```
 
 The stories use stub responses
@@ -66,14 +66,29 @@ The stories use stub responses
 
 @ory/elements-react and @ory/nextjs is released using nx releases.
 
-There is a helper script located in "./scripts/release.sh".
+There is a helper script located in `./scripts/release.sh`.
 
 Usage:
 
 ```bash
-./scripts/release.sh @ory/elements-react # or @ory/nextjs
+./scripts/release.sh <project> <tag>
+
+./scripts/release.sh @ory/elements-react next
 ```
 
 The script asks the user before executing each steps. Please double check
 CHANGELOG.md and dry run outputs. nx also creates git tags and commits, that
 should be commited. The script will do that automatically.
+
+### Pre-releasing unmerged changes
+
+You can release a PR's changes to npm to test them in a different repository,
+etc. These versions are released on the `pr` npm tag, and will have the version
+`0.0.0-pr.<git hash>`. These releases wont be pushed to master, but you might
+have to revert the `package.json` and `package-lock.json` files.
+
+Usage:
+
+```bash
+./scripts/release.sh @ory/elements-react pr
+```

package/babel.config.js

@@ -0,0 +1,10 @@
+// Copyright © 2025 Ory Corp
+// SPDX-License-Identifier: Apache-2.0
+
+module.exports = {
+  presets: [
+    "@babel/preset-env",
+    "@babel/preset-react",
+    "@babel/preset-typescript",
+  ],
+}

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';
@@ -28,6 +28,9 @@ type OryNodeTextProps = {
     node: UiNode;
 };
 type OryCardLogoProps = Record<string, never>;
+type OryNodeCaptchaProps = {
+    node: UiNode;
+};
 /**
  * Props for the AuthMethodListItem component. This component is used
  * to render a single auth method in the AuthMethodList component.
@@ -35,6 +38,10 @@ type OryCardLogoProps = Record<string, never>;
 type OryCardAuthMethodListItemProps = {
     onClick: () => void;
     group: string;
+    title?: {
+        id: string;
+        values?: Record<string, string>;
+    };
 };
 type OryNodeImageProps = {
     attributes: UiNodeImageAttributes;
@@ -52,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;
@@ -98,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.
  */
@@ -237,6 +251,14 @@ type OryFlowComponents = {
          * The Text component is rendered whenever a "text" node is encountered.
          */
         Text: ComponentType<OryNodeTextProps>;
+        /**
+         * 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: {
         /**
@@ -263,6 +285,12 @@ type OryFlowComponents = {
          * The HorizontalDivider component is rendered between groups.
          */
         Divider: ComponentType<OryCardDividerProps>;
+        /**
+         * The AuthMethodListContainer component is rendered around the "method" chooser step in the identifier_first login flow.
+         *
+         * This is only used, if login is configured to use identifier_first authentication.
+         */
+        AuthMethodListContainer: ComponentType<PropsWithChildren>;
         /**
          * The AuthMethodListItem component is rendered on the "method" chooser step in the identifier_first login flow.
          *
@@ -347,7 +375,7 @@ type OryFlowComponentOverrides = DeepPartialTwoLevels<OryFlowComponents>;
 type OryFormProps = PropsWithChildren<{
     onAfterSubmit?: (method: string | number | boolean | undefined) => void;
 }>;
-declare function OryForm({ children, onAfterSubmit }: OryFormProps): string | react_jsx_runtime.JSX.Element;
+declare function OryForm({ children, onAfterSubmit }: OryFormProps): react_jsx_runtime.JSX.Element;
 
 declare function useComponents(): OryFlowComponents;
 declare function useNodeSorter(): (a: UiNode, b: UiNode, ctx: {
@@ -387,6 +415,7 @@ type OryClientConfiguration = {
         registration_ui_url: string;
         verification_ui_url: string;
         login_ui_url: string;
+        default_redirect_url?: string;
     };
     intl?: IntlConfig;
 };
@@ -396,7 +425,7 @@ type OryClientConfiguration = {
  *
  * @see OryClientConfiguration
  */
-type OryFlow<TFlowType, TFlow> = {
+type OryFlow<TFlowType extends FlowType, TFlow> = {
     flowType: TFlowType;
     flow: TFlow;
     config: OryClientConfiguration;
@@ -445,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.
@@ -576,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 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';
@@ -28,6 +28,9 @@ type OryNodeTextProps = {
     node: UiNode;
 };
 type OryCardLogoProps = Record<string, never>;
+type OryNodeCaptchaProps = {
+    node: UiNode;
+};
 /**
  * Props for the AuthMethodListItem component. This component is used
  * to render a single auth method in the AuthMethodList component.
@@ -35,6 +38,10 @@ type OryCardLogoProps = Record<string, never>;
 type OryCardAuthMethodListItemProps = {
     onClick: () => void;
     group: string;
+    title?: {
+        id: string;
+        values?: Record<string, string>;
+    };
 };
 type OryNodeImageProps = {
     attributes: UiNodeImageAttributes;
@@ -52,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;
@@ -98,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.
  */
@@ -237,6 +251,14 @@ type OryFlowComponents = {
          * The Text component is rendered whenever a "text" node is encountered.
          */
         Text: ComponentType<OryNodeTextProps>;
+        /**
+         * 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: {
         /**
@@ -263,6 +285,12 @@ type OryFlowComponents = {
          * The HorizontalDivider component is rendered between groups.
          */
         Divider: ComponentType<OryCardDividerProps>;
+        /**
+         * The AuthMethodListContainer component is rendered around the "method" chooser step in the identifier_first login flow.
+         *
+         * This is only used, if login is configured to use identifier_first authentication.
+         */
+        AuthMethodListContainer: ComponentType<PropsWithChildren>;
         /**
          * The AuthMethodListItem component is rendered on the "method" chooser step in the identifier_first login flow.
          *
@@ -347,7 +375,7 @@ type OryFlowComponentOverrides = DeepPartialTwoLevels<OryFlowComponents>;
 type OryFormProps = PropsWithChildren<{
     onAfterSubmit?: (method: string | number | boolean | undefined) => void;
 }>;
-declare function OryForm({ children, onAfterSubmit }: OryFormProps): string | react_jsx_runtime.JSX.Element;
+declare function OryForm({ children, onAfterSubmit }: OryFormProps): react_jsx_runtime.JSX.Element;
 
 declare function useComponents(): OryFlowComponents;
 declare function useNodeSorter(): (a: UiNode, b: UiNode, ctx: {
@@ -387,6 +415,7 @@ type OryClientConfiguration = {
         registration_ui_url: string;
         verification_ui_url: string;
         login_ui_url: string;
+        default_redirect_url?: string;
     };
     intl?: IntlConfig;
 };
@@ -396,7 +425,7 @@ type OryClientConfiguration = {
  *
  * @see OryClientConfiguration
  */
-type OryFlow<TFlowType, TFlow> = {
+type OryFlow<TFlowType extends FlowType, TFlow> = {
     flowType: TFlowType;
     flow: TFlow;
     config: OryClientConfiguration;
@@ -445,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.
@@ -576,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 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 };