chore: pin @ory/client-fetch to 1.15.3

chore: format
ory · Oct 16, 2024 · 4866952 · 4866952
1 parent 297c31b
commit 4866952
Show file tree

Hide file tree

Showing 9 changed files with 40 additions and 10 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/packages/elements-react/README.md b/packages/elements-react/README.md
@@ -49,15 +49,16 @@ user authentication flows based on the data.
 To feed Ory Elements with flow data you need to use Ory client.
 
 ```ts
-import { frontendClient } from "@ory/client-fetch"
-
 export function serverClientFrontend() {
   // For testing purposes we're using Ory tunnel
-  return frontendClient("http://localhost:4000", {
+
+  const config = new Configuration({
     headers: {
       Accept: "application/json",
     },
+    basePath: "http://localhost:4000",
   })
+  return new FrontendApi(config)
 }
 ```
 

diff --git a/packages/elements-react/package.json b/packages/elements-react/package.json
@@ -28,7 +28,7 @@
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
   "dependencies": {
-    "@ory/client-fetch": "1.15.0-next.0",
+    "@ory/client-fetch": "1.15.3",
     "clsx": "2.1.1",
     "input-otp": "1.2.4",
     "react-hook-form": "7.52.1",

diff --git a/packages/elements-react/src/util/client.ts b/packages/elements-react/src/util/client.ts
@@ -0,0 +1,23 @@
+// Copyright © 2024 Ory Corp
+// SPDX-License-Identifier: Apache-2.0
+
+import {
+  Configuration,
+  ConfigurationParameters,
+  FrontendApi,
+} from "@ory/client-fetch"
+
+export function frontendClient(
+  sdkUrl: string,
+  opts: Partial<ConfigurationParameters> = {},
+) {
+  const config = new Configuration({
+    ...opts,
+    basePath: sdkUrl,
+    headers: {
+      Accept: "application/json",
+      ...opts.headers,
+    },
+  })
+  return new FrontendApi(config)
+}
diff --git a/packages/elements-react/src/util/onSubmitLogin.ts b/packages/elements-react/src/util/onSubmitLogin.ts
@@ -3,14 +3,14 @@
 
 import {
   FlowType,
-  frontendClient,
   handleFlowError,
   LoginFlow,
   loginUrl,
   UpdateLoginFlowBody,
 } from "@ory/client-fetch"
 import { OnSubmitHandlerProps } from "./submitHandler"
 import { FlowContainer } from "./flowContainer"
+import { frontendClient } from "./client"
 
 /**
  * Use this method to submit a login flow. This method is used in the `onSubmit` handler of the login form.

diff --git a/packages/elements-react/src/util/onSubmitRecovery.ts b/packages/elements-react/src/util/onSubmitRecovery.ts
@@ -3,7 +3,6 @@
 
 import {
   FlowType,
-  frontendClient,
   handleContinueWith,
   handleFlowError,
   RecoveryFlow,
@@ -12,6 +11,7 @@ import {
 } from "@ory/client-fetch"
 import { FlowContainer } from "./flowContainer"
 import { OnSubmitHandlerProps } from "./submitHandler"
+import { frontendClient } from "./client"
 
 /**
  * Use this method to submit a recovery flow. This method is used in the `onSubmit` handler of the recovery form.

diff --git a/packages/elements-react/src/util/onSubmitRegistration.ts b/packages/elements-react/src/util/onSubmitRegistration.ts
@@ -3,7 +3,6 @@
 
 import {
   FlowType,
-  frontendClient,
   handleContinueWith,
   handleFlowError,
   RegistrationFlow,
@@ -12,6 +11,7 @@ import {
 } from "@ory/client-fetch"
 import { FlowContainer } from "./flowContainer"
 import { OnSubmitHandlerProps } from "./submitHandler"
+import { frontendClient } from "./client"
 
 /**
  * Use this method to submit a registration flow. This method is used in the `onSubmit` handler of the registration form.

diff --git a/packages/elements-react/src/util/onSubmitSettings.ts b/packages/elements-react/src/util/onSubmitSettings.ts
@@ -3,7 +3,6 @@
 
 import {
   FlowType,
-  frontendClient,
   handleContinueWith,
   handleFlowError,
   SettingsFlow,
@@ -12,6 +11,7 @@ import {
 } from "@ory/client-fetch"
 import { FlowContainer } from "./flowContainer"
 import { OnSubmitHandlerProps } from "./submitHandler"
+import { frontendClient } from "./client"
 
 /**
  * Use this method to submit a settings flow. This method is used in the `onSubmit` handler of the settings form.

diff --git a/packages/elements-react/src/util/onSubmitVerification.ts b/packages/elements-react/src/util/onSubmitVerification.ts
@@ -3,14 +3,14 @@
 
 import {
   FlowType,
-  frontendClient,
   handleFlowError,
   UpdateVerificationFlowBody,
   VerificationFlow,
   verificationUrl,
 } from "@ory/client-fetch"
 import { FlowContainer } from "./flowContainer"
 import { OnSubmitHandlerProps } from "./submitHandler"
+import { frontendClient } from "./client"
 
 /**
  * Use this method to submit a verification flow. This method is used in the `onSubmit` handler of the verification form.