@ory/elements-react 0.0.0-pr.4a28a8f → 0.0.0-pr.5cdcf132

package/CHANGELOG.md

@@ -1,3 +1,105 @@
+## 1.0.0-rc.1 (2025-04-21)
+
+### 🩹 Fixes
+
+- re-add missing error message when no methods provided ([#460](https://github.com/ory/elements/pull/460))
+- resend not working for registration ([#468](https://github.com/ory/elements/pull/468))
+- add missing color class to registration footer ([#473](https://github.com/ory/elements/pull/473))
+- resend not working for registration ([#467](https://github.com/ory/elements/pull/467))
+
+### ❤️ Thank You
+
+- hackerman @aeneasr
+- Jonas Hungershausen
+
+## 1.0.0-rc.0 (2025-04-17)
+
+### 🚀 Features
+
+- add missing translations for de, es and fr ([#456](https://github.com/ory/elements/pull/456))
+
+### 🩹 Fixes
+
+- correctly set input field value ([#447](https://github.com/ory/elements/pull/447))
+- add missing settings padding ([#446](https://github.com/ory/elements/pull/446))
+- always omit conflicting keys ([#444](https://github.com/ory/elements/pull/444))
+
+### ❤️ Thank You
+
+- hackerman @aeneasr
+- Jonas Hungershausen
+
+## 1.0.0-next.46 (2025-04-16)
+
+### 🩹 Fixes
+
+- missing hidden field regression ([#439](https://github.com/ory/elements/pull/439))
+- use correct testid ([#438](https://github.com/ory/elements/pull/438))
+
+### ❤️  Thank You
+
+- hackerman @aeneasr
+
+## 1.0.0-next.45 (2025-04-15)
+
+### 🩹 Fixes
+
+- add missing test id to scope checkbox label ([#437](https://github.com/ory/elements/pull/437))
+- add missing captcha group to all methods ([#432](https://github.com/ory/elements/pull/432))
+
+### ❤️  Thank You
+
+- hackerman @aeneasr
+- Jonas Hungershausen
+
+## 1.0.0-next.44 (2025-04-10)
+
+### 🩹 Fixes
+
+- use currentColor in eye icons ([#433](https://github.com/ory/elements/pull/433))
+
+### ❤️  Thank You
+
+- Jonas Hungershausen
+
+## 1.0.0-next.43 (2025-04-10)
+
+### 🚀 Features
+
+- add missing French translations ([#401](https://github.com/ory/elements/pull/401))
+
+### 🩹 Fixes
+
+- two-step registration back button ([#428](https://github.com/ory/elements/pull/428))
+- resolve wcag2aa color contrast issues ([#367](https://github.com/ory/elements/pull/367))
+
+### ❤️  Thank You
+
+- hackerman @aeneasr
+- Jonas Hungershausen
+- Jordan Labrosse
+
+## 1.0.0-next.41 (2025-04-07)
+
+### 🩹 Fixes
+
+- resolve wcag2aa color contrast issues ([#367](https://github.com/ory/elements/pull/367))
+
+### ❤️  Thank You
+
+- Jonas Hungershausen
+- Jordan Labrosse
+
+## 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/README.md

@@ -202,16 +202,243 @@ import "@ory/elements-react/theme/styles.css"
 
 ### Theming
 
-Most styling can be overwritten, by providing your own custom CSS variables:
+The styling for specific elements or groups of elements in the UI can be
+overwritten by providing your own custom CSS variables. For more complex
+customizations see the [Component System](#component-system).
 
 ```css
 :root {
-  /* To override the text color of the primary buttons */
-  --button-primary-fg-default: #fffeee;
+  /* primitives */
+  /* Overriding these may affect more variables "down stream" */
+  --ui-100: #f1f5f9;
+  --ui-200: #e2e8f0;
+  --ui-300: #cbd5e1;
+  --ui-400: #94a3b8;
+  --ui-50: #f8fafc;
+  --ui-500: #64748b;
+  --ui-600: #475569;
+  --ui-700: #334155;
+  --ui-800: #1e293b;
+  --ui-900: #0f172a;
+  --ui-950: #020617;
+  --ui-black: #000000;
+  --ui-danger: #dc2626;
+  --ui-success: #22c55e;
+  --ui-transparent: #ffffff00;
+  --ui-warning: #eab308;
+  --ui-white: #ffffff;
+  /* primitives end */
+
+  /* brand */
+  --brand-100: var(--ui-100);
+  --brand-200: var(--ui-300);
+  --brand-300: var(--ui-500);
+  --brand-400: var(--ui-700);
+  --brand-50: var(--ui-50);
+  --brand-500: var(--ui-900);
+  --brand-600: var(--ui-white);
+  --brand-700: var(--ui-200);
+  --brand-800: var(--ui-400);
+  --brand-900: var(--ui-600);
+  --brand-950: var(--ui-800);
+  /* brand end */
+
+  /* interface */
+  /* These variables affect "groups" of variables, and are re-used in the more specific variables below */
+  --interface-background-brand-primary: var(--brand-500);
+  --interface-background-brand-primary-hover: var(--brand-400);
+  --interface-background-brand-secondary: var(--brand-50);
+  --interface-background-brand-secondary-hover: var(--brand-100);
+  --interface-background-default-inverted: var(--ui-900);
+  --interface-background-default-inverted-hover: var(--ui-800);
+  --interface-background-default-none: var(--ui-transparent);
+  --interface-background-default-primary: var(--ui-white);
+  --interface-background-default-primary-hover: var(--ui-50);
+  --interface-background-default-secondary: var(--ui-50);
+  --interface-background-default-secondary-hover: var(--ui-200);
+  --interface-background-default-tertiary: var(--ui-200);
+  --interface-background-default-tertiary-hover: var(--ui-300);
+  --interface-background-disabled-disabled: var(--ui-200);
+  --interface-background-validation-danger: var(--ui-danger);
+  --interface-background-validation-success: var(--ui-success);
+  --interface-background-validation-warning: var(--ui-warning);
+  --interface-border-brand-brand: var(--brand-500);
+  --interface-border-default-inverted: var(--ui-700);
+  --interface-border-default-none: var(--ui-transparent);
+  --interface-border-default-primary: var(--ui-300);
+  --interface-border-disabled-disabled: var(--ui-300);
+  --interface-border-validation-danger: var(--ui-danger);
+  --interface-border-validation-success: var(--ui-success);
+  --interface-border-validation-warning: var(--ui-warning);
+  --interface-foreground-brand-on-primary: var(--brand-50);
+  --interface-foreground-brand-on-secondary: var(--brand-950);
+  --interface-foreground-brand-primary: var(--brand-500);
+  --interface-foreground-brand-secondary: var(--brand-50);
+  --interface-foreground-default-inverted: var(--ui-white);
+  --interface-foreground-default-primary: var(--ui-900);
+  --interface-foreground-default-secondary: var(--ui-700);
+  --interface-foreground-default-tertiary: var(--ui-500);
+  --interface-foreground-disabled-disabled: var(--ui-300);
+  --interface-foreground-disabled-on-disabled: var(--ui-400);
+  --interface-foreground-validation-danger: var(--ui-danger);
+  --interface-foreground-validation-success: var(--ui-success);
+  --interface-foreground-validation-warning: var(--ui-warning);
+  /* interface end */
+
+  /* Specific elements */
+  --button-identifier-background-default: var(
+    --interface-background-brand-secondary
+  );
+  --button-identifier-background-hover: var(
+    --interface-background-brand-secondary-hover
+  );
+  --button-identifier-border-border-default: var(
+    --interface-border-brand-brand
+  );
+  --button-identifier-border-border-hover: var(--interface-border-brand-brand);
+  --button-identifier-foreground-default: var(
+    --interface-foreground-brand-on-secondary
+  );
+  --button-identifier-foreground-hover: var(
+    --interface-foreground-brand-on-secondary
+  );
+  --button-link-brand-brand: var(--interface-foreground-brand-primary);
+  --button-link-brand-brand-hover: var(--interface-foreground-default-primary);
+  --button-link-default-primary: var(--interface-foreground-default-primary);
+  --button-link-default-primary-hover: var(
+    --interface-foreground-brand-primary
+  );
+  --button-link-default-secondary: var(
+    --interface-foreground-default-secondary
+  );
+  --button-link-default-secondary-hover: var(
+    --interface-foreground-default-tertiary
+  );
+  --button-link-disabled-disabled: var(
+    --interface-foreground-disabled-disabled
+  );
+  --button-primary-background-default: var(
+    --interface-background-brand-primary
+  );
+  --button-primary-background-disabled: var(
+    --interface-background-disabled-disabled
+  );
+  --button-primary-background-hover: var(
+    --interface-background-brand-primary-hover
+  );
+  --button-primary-border-default: var(--interface-border-default-none);
+  --button-primary-border-disabled: var(--interface-border-disabled-disabled);
+  --button-primary-border-hover: var(--interface-border-default-none);
+  --button-primary-foreground-default: var(
+    --interface-foreground-brand-on-primary
+  );
+  --button-primary-foreground-disabled: var(
+    --interface-foreground-disabled-on-disabled
+  );
+  --button-primary-foreground-hover: var(
+    --interface-foreground-brand-on-primary
+  );
+  --button-secondary-background-default: var(
+    --interface-background-default-primary
+  );
+  --button-secondary-background-disabled: var(
+    --interface-background-disabled-disabled
+  );
+  --button-secondary-background-hover: var(
+    --interface-background-default-primary-hover
+  );
+  --button-secondary-border-default: var(--interface-border-default-primary);
+  --button-secondary-border-disabled: var(--interface-border-disabled-disabled);
+  --button-secondary-border-hover: var(--interface-border-default-primary);
+  --button-secondary-foreground-default: var(
+    --interface-foreground-default-primary
+  );
+  --button-secondary-foreground-disabled: var(
+    --interface-foreground-disabled-on-disabled
+  );
+  --button-secondary-foreground-hover: var(
+    --interface-foreground-default-secondary
+  );
+  --button-social-background-default: var(
+    --interface-background-default-primary
+  );
+  --button-social-background-disabled: var(
+    --interface-background-disabled-disabled
+  );
+  --button-social-background-generic-provider: var(
+    --interface-background-default-inverted
+  );
+  --button-social-background-hover: var(
+    --interface-background-default-primary-hover
+  );
+  --button-social-border-default: var(--interface-border-default-primary);
+  --button-social-border-disabled: var(--interface-border-disabled-disabled);
+  --button-social-border-generic-provider: var(--interface-border-default-none);
+  --button-social-border-hover: var(--interface-border-default-primary);
+  --button-social-foreground-default: var(
+    --interface-foreground-default-primary
+  );
+  --button-social-foreground-disabled: var(
+    --interface-foreground-disabled-on-disabled
+  );
+  --button-social-foreground-generic-provider: var(
+    --interface-foreground-default-inverted
+  );
+  --button-social-foreground-hover: var(
+    --interface-foreground-default-secondary
+  );
+  --checkbox-background-checked: var(--interface-background-brand-primary);
+  --checkbox-background-default: var(--interface-background-default-secondary);
+  --checkbox-border-checkbox-border-checked: var(
+    --interface-border-brand-brand
+  );
+  --checkbox-border-checkbox-border-default: var(
+    --interface-border-default-primary
+  );
+  --checkbox-foreground-checked: var(--interface-foreground-brand-on-primary);
+  --checkbox-foreground-default: var(--interface-foreground-default-primary);
+  --form-background-default: var(--interface-background-default-primary);
+  --form-border-default: var(--interface-border-default-primary);
+  --input-background-default: var(--interface-background-default-primary);
+  --input-background-disabled: var(--interface-background-disabled-disabled);
+  --input-background-hover: var(--interface-background-default-primary-hover);
+  --input-border-default: var(--interface-border-default-primary);
+  --input-border-disabled: var(--interface-border-disabled-disabled);
+  --input-border-focus: var(--interface-border-brand-brand);
+  --input-border-hover: var(--interface-border-default-primary);
+  --input-foreground-disabled: var(--interface-foreground-disabled-on-disabled);
+  --input-foreground-primary: var(--interface-foreground-default-primary);
+  --input-foreground-secondary: var(--interface-foreground-default-secondary);
+  --input-foreground-tertiary: var(--interface-foreground-default-tertiary);
+  --ory-background-default: var(--interface-background-default-primary);
+  --ory-border-default: var(--interface-border-default-primary);
+  --ory-foreground-default: var(--interface-foreground-default-primary);
+  --radio-background-checked: var(--interface-background-brand-primary);
+  --radio-background-default: var(--interface-background-default-secondary);
+  --radio-border-checked: var(--interface-border-brand-brand);
+  --radio-border-default: var(--interface-border-default-primary);
+  --radio-foreground-checked: var(--interface-foreground-brand-on-primary);
+  --radio-foreground-default: var(--interface-foreground-default-primary);
+  --toggle-background-checked: var(--interface-background-brand-primary);
+  --toggle-background-default: var(--interface-background-default-secondary);
+  --toggle-border-checked: var(--interface-border-default-none);
+  --toggle-border-default: var(--interface-border-default-primary);
+  --toggle-foreground-checked: var(--interface-foreground-brand-on-primary);
+  --toggle-foreground-default: var(--interface-foreground-brand-primary);
+  /* Specific elements end */
+
+  /* border radius */
+  --border-radius-buttons: 0.25rem;
+  --border-radius-forms: 0.25rem;
+  --border-radius-general: 0.25rem;
+  --border-radius-branding: 0.5rem;
+  --border-radius-cards: 0.75rem;
+  --border-radius-identifier: 62.4375rem;
+  /* border radius end*/
 }
 ```
 
-### Component overrides
+### Component system
 
 Many components in Ory Elements can be overriden with your own implementation.
 Ory Elements also provides useful hooks that be used inside of your custom
@@ -249,6 +476,28 @@ export default async function RegistrationPage({ searchParams }: PageProps) {
 }
 ```
 
+### internationalization (i18n)
+
+`@ory/elements-react` comes with default translations for many languages.
+Additionally, it provides a way to override the default messages, through the
+`locale` property of the `OryClientConfiguration`.
+
+```ts
+const config = {
+  intl: {
+    locale: "en", // Or any of the other supported locales.
+    customTranslations: {
+      en: {
+        "identities.messages.1040006": "This is a custom translation",
+      },
+    },
+  },
+}
+```
+
+For a full list of messages, see
+[en.json](https://github.com/ory/elements/blob/main/packages/elements-react/src/locales/en.json).
+
 ## Development
 
 See [DEVELOPMENT.md](./DEVELOPMENT.md).

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/client/index.js

@@ -17,12 +17,12 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var client_exports = {};
-__export(client_exports, {
+var index_exports = {};
+__export(index_exports, {
   SessionProvider: () => import_session_provider.SessionProvider,
   useSession: () => import_useSession.useSession
 });
-module.exports = __toCommonJS(client_exports);
+module.exports = __toCommonJS(index_exports);
 var import_session_provider = require("./session-provider");
 var import_useSession = require("./useSession");
 // Annotate the CommonJS export names for ESM import in node:

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';
@@ -53,12 +53,18 @@ type OryNodeImageProps = {
 type FormValues = Record<string, string | boolean | number | undefined>;
 type OryFormRootProps = ComponentPropsWithoutRef<"form"> & {
     onSubmit: FormEventHandler<HTMLFormElement>;
+    "data-testid"?: string;
 };
 type OryNodeInputProps = {
     attributes: UiNodeInputAttributes;
     node: UiNode;
     onClick?: MouseEventHandler;
 };
+type OryNodeConsentScopeCheckboxProps = {
+    attributes: UiNodeInputAttributes;
+    node: UiNode;
+    onCheckedChange: (checked: boolean) => void;
+};
 type OryFormSectionContentProps = PropsWithChildren<{
     title?: string;
     description?: string;
@@ -105,6 +111,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 +256,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: {
         /**
@@ -363,8 +375,9 @@ type DeepPartialTwoLevels<T> = {
 type OryFlowComponentOverrides = DeepPartialTwoLevels<OryFlowComponents>;
 type OryFormProps = PropsWithChildren<{
     onAfterSubmit?: (method: string | number | boolean | undefined) => void;
+    "data-testid"?: string;
 }>;
-declare function OryForm({ children, onAfterSubmit }: OryFormProps): react_jsx_runtime.JSX.Element;
+declare function OryForm({ children, onAfterSubmit, "data-testid": dataTestId, }: OryFormProps): react_jsx_runtime.JSX.Element;
 
 declare function useComponents(): OryFlowComponents;
 declare function useNodeSorter(): (a: UiNode, b: UiNode, ctx: {
@@ -414,7 +427,7 @@ type OryClientConfiguration = {
  *
  * @see OryClientConfiguration
  */
-type OryFlow<TFlowType, TFlow> = {
+type OryFlow<TFlowType extends FlowType, TFlow> = {
     flowType: TFlowType;
     flow: TFlow;
     config: OryClientConfiguration;
@@ -463,10 +476,23 @@ 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;
+    return_to?: string;
+};
+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.
@@ -536,18 +562,23 @@ type OnSubmitHandlerProps<T extends UpdateLoginFlowBody | UpdateRegistrationFlow
  * @param message - the UiText message to generate a test id for
  * @returns a unique, stable test id for the message
  */
-declare function messageTestId(message: UiText): {
+declare function messageTestId(message: {
+    id: number | string;
+}): {
     "data-testid": string;
 };
 
-type FormState = {
-    current: "provide_identifier";
-} | {
+type FormStateSelectMethod = {
     current: "select_method";
-} | {
+};
+type FormStateProvideIdentifier = {
+    current: "provide_identifier";
+};
+type FormStateMethodActive = {
     current: "method_active";
     method: UiNodeGroupEnum;
-} | {
+};
+type FormState = FormStateSelectMethod | FormStateProvideIdentifier | FormStateMethodActive | {
     current: "success_screen";
 } | {
     current: "settings";
@@ -594,4 +625,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 FormStateMethodActive, type FormStateProvideIdentifier, type FormStateSelectMethod, 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 };