@ory/elements-react 0.0.0-pr.8e964fc1 → 0.0.0-pr.f1435f4

package/CHANGELOG.md

@@ -1,3 +1,202 @@
+## 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
+
+- 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

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/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/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/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: