@ory/elements-react 1.0.0-next.3 → 1.0.0-next.30

package/README.md

@@ -1,6 +1,6 @@
 <p align="center">
     <a href="https://ory.sh">
-        <img src="https://raw.githubusercontent.com/ory/meta/jonas-jonas/orylogo/static/logos/logo-ory.svg" height="72" />
+        <img src="https://raw.githubusercontent.com/ory/meta/refs/heads/master/static/logos/logo-ory.svg" height="72" />
     </a>
 </p>
 
@@ -33,7 +33,7 @@ Visit https://ory.sh/docs to see the full Ory documentation.
 
 - React `>= 18`
 - Node.js `>= 18`
-- **`@ory/client-fetch`** - fetch based version of ory client
+- **`@ory/client-fetch`**
 
 **Installation**
 
@@ -41,10 +41,6 @@ Visit https://ory.sh/docs to see the full Ory documentation.
 npm install @ory/elements-react
 ```
 
-> [!IMPORTANT]<br/>Please take a look at the
-> [local develepmont documentation](https://www.ory.sh/docs/getting-started/local-development)
-> \
-
 ## Usage
 
 Ory Elements provides components that can aggregate flow objects and display
@@ -53,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)
 }
 ```
 
@@ -96,42 +93,93 @@ export function init(params: QueryParams, flowType: FlowType) {
 
 To access & render the flow, on your flow page, you can use the `flow` query
 parameter, that is included in the redirect. Use it to call the
-[`getLoginFlow()`](https://www.ory.sh/docs/reference/api#tag/frontend/operation/getLoginFlow)
+[`getRegistrationFlowRaw()`](https://www.ory.sh/docs/reference/api#tag/frontend/operation/getRegistrationFlow)
 API.
 
 **Full Example**:
 
-````ts
-export async function getOrCreateRegistrationFlow(
-  params: QueryParams
-): Promise<RegistrationFlow> {
-  const onRestartFlow = () => init(params, FlowType.Registration);
+```ts
+import {
+  Configuration,
+  FlowType,
+  FrontendApi,
+  handleFlowError,
+  RegistrationFlow,
+} from "@ory/client-fetch"
+import { redirect, RedirectType } from "next/navigation"
+
+type QueryParams = {
+  flow?: string
+}
+export function serverClientFrontend() {
+  // For testing purposes we're using Ory tunnel
+
+  const config = new Configuration({
+    headers: {
+      Accept: "application/json",
+    },
+    basePath: "http://localhost:4000",
+  })
+  return new FrontendApi(config)
+}
 
-  // If flow ID doesn't exist in params simply trigget the init function.
+export function init(params: QueryParams, flowType: FlowType) {
+  // Take advantage of the fact, that Ory handles the flow creation for us and redirects the user to the default return to automatically if they're logged in already.
+  return redirect(
+    "http://localhost:4000" +
+      "/self-service/" +
+      flowType.toString() +
+      "/browser?" +
+      new URLSearchParams(params).toString(),
+    RedirectType.replace,
+  )
+}
+
+export async function getOrCreateRegistrationFlow(params: {
+  flow?: string
+}): Promise<RegistrationFlow> {
+  const onRestartFlow = () => init(params, FlowType.Registration)
+
+  // If flow ID doesn't exist in params simply trigger the init function.
   if (!params.flow) {
-    return onRestartFlow();
+    return onRestartFlow()
   }
 
   return await serverClientFrontend()
-    // Passing the flow ID
-    .getRegistrationFlowRaw({ id: flow })
-    .then(res => res.value())
+    // Pass in the flow ID
+    .getRegistrationFlowRaw({ id: params.flow })
+    .then((res) => res.value())
     .catch(
-      // Ory Elements predefines the handleFlowError function to simplify error handling.
+      // @ory/client-fetch predefines the handleFlowError function to simplify error handling.
       // You can define what should happen in each of these callbacks
       handleFlowError({
+        // Validation errors happen if the user's provided input failed a validation rule (e.g. not an email, etc.)
         onValidationError,
+        // Flows can sometimes encounter unrecoverable errors, in that case we need to start a new flow to protect the user.
+        // In most cases, it is enough to initialize a new flow.
         onRestartFlow,
+        // Sometimes a flow requires a redirect to a different URL/context. For example during OIDC flows.
+        // In that case, you can handle the redirect here, for example using your framework's preferred method for redirects.
         onRedirect,
-      })
-    );
-    ```
-````
+      }),
+    )
+}
+
+function onValidationError(flow: RegistrationFlow) {
+  // handle validation error
+}
+
+function onRedirect(url: string, external: boolean) {
+  // handle the redirect
+}
+```
 
 As soon as we have our flow data we can render the `<Registration/>` component
 from `@ory/elements-react` package.
 
 ```tsx
+import { Registration } from "@ory/elements-react/theme"
+
 export default async function RegistrationPage({ searchParams }: PageProps) {
   const flow = await getOrCreateRegistrationFlow(searchParams)
 
@@ -139,13 +187,7 @@ export default async function RegistrationPage({ searchParams }: PageProps) {
     return <div>Flow not found</div>
   }
 
-  return (
-    <Registration
-      flow={flow}
-      config={oryConfiguration}
-      components={ComponentOverrides}
-    />
-  )
+  return <Registration flow={flow} config={oryConfiguration} />
 }
 ```
 
@@ -169,11 +211,44 @@ Most styling can be overwritten, by providing your own custom CSS variables:
 }
 ```
 
-## Package development
+### Component overrides
 
-To develop and use the package `npm link` is recommended. To run the package in
-watch mode use
+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
+components to get access to the library configuration, or the current flow.
 
+**Example:**
+
+```tsx
+import { Registration } from "@ory/elements-react/theme"
+
+function CustomCardHeader() {
+  const { flowType } = useOryFlow()
+
+  return <div>My Custom {flowType} Card header</div>
+}
+
+export default async function RegistrationPage({ searchParams }: PageProps) {
+  const flow = await getOrCreateRegistrationFlow(searchParams)
+
+  if (!flow) {
+    return <div>Flow not found</div>
+  }
+
+  return (
+    <Registration
+      flow={flow}
+      config={oryConfiguration}
+      components={{
+        Card: {
+          CardHeader: CustomCardHeader,
+        },
+      }}
+    />
+  )
+}
 ```
-npx nx run @ory/elements-react:dev
-```
+
+## Development
+
+See [DEVELOPMENT.md](./DEVELOPMENT.md).

package/dist/client/config.d.mts

@@ -0,0 +1,21 @@
+/**
+ * This function returns the base URL of the Ory SDK as set by environment variables `NEXT_PUBLIC_ORY_SDK_URL` or `ORY_SDK_URL`.
+ */
+declare function orySdkUrl(): string;
+/**
+ * This function returns whether the current environment is a production environment.
+ */
+declare function isProduction(): boolean;
+/**
+ * This function returns the Ory SDK URL. If the environment is not production, it tries to guess the SDK URL based on the environment variables, assuming
+ * that Ory APIs are proxied through the same domain as the application.
+ *
+ * Currently, this is only tested for Vercel deployments.
+ *
+ * @param options - Options for guessing the SDK URL.
+ */
+declare function guessPotentiallyProxiedOrySdkUrl(options?: {
+    knownProxiedUrl?: string;
+}): string;
+
+export { guessPotentiallyProxiedOrySdkUrl, isProduction, orySdkUrl };

package/dist/client/config.d.ts

@@ -0,0 +1,21 @@
+/**
+ * This function returns the base URL of the Ory SDK as set by environment variables `NEXT_PUBLIC_ORY_SDK_URL` or `ORY_SDK_URL`.
+ */
+declare function orySdkUrl(): string;
+/**
+ * This function returns whether the current environment is a production environment.
+ */
+declare function isProduction(): boolean;
+/**
+ * This function returns the Ory SDK URL. If the environment is not production, it tries to guess the SDK URL based on the environment variables, assuming
+ * that Ory APIs are proxied through the same domain as the application.
+ *
+ * Currently, this is only tested for Vercel deployments.
+ *
+ * @param options - Options for guessing the SDK URL.
+ */
+declare function guessPotentiallyProxiedOrySdkUrl(options?: {
+    knownProxiedUrl?: string;
+}): string;
+
+export { guessPotentiallyProxiedOrySdkUrl, isProduction, orySdkUrl };

package/dist/client/config.js

@@ -0,0 +1,77 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var config_exports = {};
+__export(config_exports, {
+  guessPotentiallyProxiedOrySdkUrl: () => guessPotentiallyProxiedOrySdkUrl,
+  isProduction: () => isProduction,
+  orySdkUrl: () => orySdkUrl
+});
+module.exports = __toCommonJS(config_exports);
+function orySdkUrl() {
+  let baseUrl;
+  if (process.env.NEXT_PUBLIC_ORY_SDK_URL) {
+    baseUrl = process.env.NEXT_PUBLIC_ORY_SDK_URL;
+  }
+  if (process.env.ORY_SDK_URL) {
+    baseUrl = process.env._ORY_SDK_URL;
+  }
+  if (!baseUrl) {
+    throw new Error(
+      "You need to set environment variable `NEXT_PUBLIC_ORY_SDK_URL` or if you don't use Next.js `ORY_SDK_URL` to your Ory Network SDK URL."
+    );
+  }
+  return baseUrl.replace(/\/$/, "");
+}
+function isProduction() {
+  var _a, _b;
+  return ["production", "prod"].indexOf(
+    (_b = (_a = process.env.VERCEL_ENV) != null ? _a : process.env.NODE_ENV) != null ? _b : ""
+  ) > -1;
+}
+function guessPotentiallyProxiedOrySdkUrl(options) {
+  if (isProduction()) {
+    return orySdkUrl();
+  }
+  if (process.env.VERCEL_ENV) {
+    if (!isProduction() && process.env.VERCEL_URL) {
+      return `https://${process.env.VERCEL_URL}`.replace(/\/$/, "");
+    }
+    if (process.env.__NEXT_PRIVATE_ORIGIN) {
+      return process.env.__NEXT_PRIVATE_ORIGIN.replace(/\/$/, "");
+    }
+  }
+  if (typeof window !== "undefined") {
+    return window.location.origin;
+  }
+  if (options == null ? void 0 : options.knownProxiedUrl) {
+    return options.knownProxiedUrl;
+  }
+  const final = orySdkUrl();
+  console.warn(
+    `Unable to determine a suitable SDK URL for setting up the Next.js integration of Ory Elements. Will proceed using default Ory SDK URL "${final}". This is likely not what you want for local development and your authentication and login may not work.`
+  );
+  return final;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  guessPotentiallyProxiedOrySdkUrl,
+  isProduction,
+  orySdkUrl
+});
+//# sourceMappingURL=config.js.map

package/dist/client/config.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/client/config.ts"],"sourcesContent":["// Copyright © 2024 Ory Corp\n// SPDX-License-Identifier: Apache-2.0\n\n/**\n * This function returns the base URL of the Ory SDK as set by environment variables `NEXT_PUBLIC_ORY_SDK_URL` or `ORY_SDK_URL`.\n */\nexport function orySdkUrl() {\n  let baseUrl\n\n  if (process.env.NEXT_PUBLIC_ORY_SDK_URL) {\n    baseUrl = process.env.NEXT_PUBLIC_ORY_SDK_URL\n  }\n\n  if (process.env.ORY_SDK_URL) {\n    baseUrl = process.env._ORY_SDK_URL\n  }\n\n  if (!baseUrl) {\n    throw new Error(\n      \"You need to set environment variable `NEXT_PUBLIC_ORY_SDK_URL` or if you don't use Next.js `ORY_SDK_URL` to your Ory Network SDK URL.\",\n    )\n  }\n\n  return baseUrl.replace(/\\/$/, \"\")\n}\n\n/**\n * This function returns whether the current environment is a production environment.\n */\nexport function isProduction() {\n  return (\n    [\"production\", \"prod\"].indexOf(\n      process.env.VERCEL_ENV ?? process.env.NODE_ENV ?? \"\",\n    ) > -1\n  )\n}\n\n/**\n * This function returns the Ory SDK URL. If the environment is not production, it tries to guess the SDK URL based on the environment variables, assuming\n * that Ory APIs are proxied through the same domain as the application.\n *\n * Currently, this is only tested for Vercel deployments.\n *\n * @param options - Options for guessing the SDK URL.\n */\nexport function guessPotentiallyProxiedOrySdkUrl(options?: {\n  knownProxiedUrl?: string\n}) {\n  if (isProduction()) {\n    // In production, we use the production custom domain\n    return orySdkUrl()\n  }\n\n  if (process.env.VERCEL_ENV) {\n    // We are in vercel\n\n    // The domain name of the generated deployment URL. Example: *.vercel.app. The value does not include the protocol scheme https://.\n    //\n    // This is only available for preview deployments on Vercel.\n    if (!isProduction() && process.env.VERCEL_URL) {\n      return `https://${process.env.VERCEL_URL}`.replace(/\\/$/, \"\")\n    }\n\n    // This is sometimes set by the render server.\n    if (process.env.__NEXT_PRIVATE_ORIGIN) {\n      return process.env.__NEXT_PRIVATE_ORIGIN.replace(/\\/$/, \"\")\n    }\n  }\n\n  // Unable to figure out the SDK URL. Either because we are not using Vercel or because we are on a local machine.\n  // Let's try to use the window location.\n  if (typeof window !== \"undefined\") {\n    return window.location.origin\n  }\n\n  if (options?.knownProxiedUrl) {\n    return options.knownProxiedUrl\n  }\n\n  // We tried everything. Let's use the SDK URL.\n  const final = orySdkUrl()\n  console.warn(\n    `Unable to determine a suitable SDK URL for setting up the Next.js integration of Ory Elements. Will proceed using default Ory SDK URL \"${final}\". This is likely not what you want for local development and your authentication and login may not work.`,\n  )\n\n  return final\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMO,SAAS,YAAY;AAC1B,MAAI;AAEJ,MAAI,QAAQ,IAAI,yBAAyB;AACvC,cAAU,QAAQ,IAAI;AAAA,EACxB;AAEA,MAAI,QAAQ,IAAI,aAAa;AAC3B,cAAU,QAAQ,IAAI;AAAA,EACxB;AAEA,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAEA,SAAO,QAAQ,QAAQ,OAAO,EAAE;AAClC;AAKO,SAAS,eAAe;AA7B/B;AA8BE,SACE,CAAC,cAAc,MAAM,EAAE;AAAA,KACrB,mBAAQ,IAAI,eAAZ,YAA0B,QAAQ,IAAI,aAAtC,YAAkD;AAAA,EACpD,IAAI;AAER;AAUO,SAAS,iCAAiC,SAE9C;AACD,MAAI,aAAa,GAAG;AAElB,WAAO,UAAU;AAAA,EACnB;AAEA,MAAI,QAAQ,IAAI,YAAY;AAM1B,QAAI,CAAC,aAAa,KAAK,QAAQ,IAAI,YAAY;AAC7C,aAAO,WAAW,QAAQ,IAAI,UAAU,GAAG,QAAQ,OAAO,EAAE;AAAA,IAC9D;AAGA,QAAI,QAAQ,IAAI,uBAAuB;AACrC,aAAO,QAAQ,IAAI,sBAAsB,QAAQ,OAAO,EAAE;AAAA,IAC5D;AAAA,EACF;AAIA,MAAI,OAAO,WAAW,aAAa;AACjC,WAAO,OAAO,SAAS;AAAA,EACzB;AAEA,MAAI,mCAAS,iBAAiB;AAC5B,WAAO,QAAQ;AAAA,EACjB;AAGA,QAAM,QAAQ,UAAU;AACxB,UAAQ;AAAA,IACN,0IAA0I,KAAK;AAAA,EACjJ;AAEA,SAAO;AACT;","names":[]}

package/dist/client/config.mjs

@@ -0,0 +1,51 @@
+function orySdkUrl() {
+  let baseUrl;
+  if (process.env.NEXT_PUBLIC_ORY_SDK_URL) {
+    baseUrl = process.env.NEXT_PUBLIC_ORY_SDK_URL;
+  }
+  if (process.env.ORY_SDK_URL) {
+    baseUrl = process.env._ORY_SDK_URL;
+  }
+  if (!baseUrl) {
+    throw new Error(
+      "You need to set environment variable `NEXT_PUBLIC_ORY_SDK_URL` or if you don't use Next.js `ORY_SDK_URL` to your Ory Network SDK URL."
+    );
+  }
+  return baseUrl.replace(/\/$/, "");
+}
+function isProduction() {
+  var _a, _b;
+  return ["production", "prod"].indexOf(
+    (_b = (_a = process.env.VERCEL_ENV) != null ? _a : process.env.NODE_ENV) != null ? _b : ""
+  ) > -1;
+}
+function guessPotentiallyProxiedOrySdkUrl(options) {
+  if (isProduction()) {
+    return orySdkUrl();
+  }
+  if (process.env.VERCEL_ENV) {
+    if (!isProduction() && process.env.VERCEL_URL) {
+      return `https://${process.env.VERCEL_URL}`.replace(/\/$/, "");
+    }
+    if (process.env.__NEXT_PRIVATE_ORIGIN) {
+      return process.env.__NEXT_PRIVATE_ORIGIN.replace(/\/$/, "");
+    }
+  }
+  if (typeof window !== "undefined") {
+    return window.location.origin;
+  }
+  if (options == null ? void 0 : options.knownProxiedUrl) {
+    return options.knownProxiedUrl;
+  }
+  const final = orySdkUrl();
+  console.warn(
+    `Unable to determine a suitable SDK URL for setting up the Next.js integration of Ory Elements. Will proceed using default Ory SDK URL "${final}". This is likely not what you want for local development and your authentication and login may not work.`
+  );
+  return final;
+}
+export {
+  guessPotentiallyProxiedOrySdkUrl,
+  isProduction,
+  orySdkUrl
+};
+//# sourceMappingURL=config.mjs.map

package/dist/client/config.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/client/config.ts"],"sourcesContent":["// Copyright © 2024 Ory Corp\n// SPDX-License-Identifier: Apache-2.0\n\n/**\n * This function returns the base URL of the Ory SDK as set by environment variables `NEXT_PUBLIC_ORY_SDK_URL` or `ORY_SDK_URL`.\n */\nexport function orySdkUrl() {\n  let baseUrl\n\n  if (process.env.NEXT_PUBLIC_ORY_SDK_URL) {\n    baseUrl = process.env.NEXT_PUBLIC_ORY_SDK_URL\n  }\n\n  if (process.env.ORY_SDK_URL) {\n    baseUrl = process.env._ORY_SDK_URL\n  }\n\n  if (!baseUrl) {\n    throw new Error(\n      \"You need to set environment variable `NEXT_PUBLIC_ORY_SDK_URL` or if you don't use Next.js `ORY_SDK_URL` to your Ory Network SDK URL.\",\n    )\n  }\n\n  return baseUrl.replace(/\\/$/, \"\")\n}\n\n/**\n * This function returns whether the current environment is a production environment.\n */\nexport function isProduction() {\n  return (\n    [\"production\", \"prod\"].indexOf(\n      process.env.VERCEL_ENV ?? process.env.NODE_ENV ?? \"\",\n    ) > -1\n  )\n}\n\n/**\n * This function returns the Ory SDK URL. If the environment is not production, it tries to guess the SDK URL based on the environment variables, assuming\n * that Ory APIs are proxied through the same domain as the application.\n *\n * Currently, this is only tested for Vercel deployments.\n *\n * @param options - Options for guessing the SDK URL.\n */\nexport function guessPotentiallyProxiedOrySdkUrl(options?: {\n  knownProxiedUrl?: string\n}) {\n  if (isProduction()) {\n    // In production, we use the production custom domain\n    return orySdkUrl()\n  }\n\n  if (process.env.VERCEL_ENV) {\n    // We are in vercel\n\n    // The domain name of the generated deployment URL. Example: *.vercel.app. The value does not include the protocol scheme https://.\n    //\n    // This is only available for preview deployments on Vercel.\n    if (!isProduction() && process.env.VERCEL_URL) {\n      return `https://${process.env.VERCEL_URL}`.replace(/\\/$/, \"\")\n    }\n\n    // This is sometimes set by the render server.\n    if (process.env.__NEXT_PRIVATE_ORIGIN) {\n      return process.env.__NEXT_PRIVATE_ORIGIN.replace(/\\/$/, \"\")\n    }\n  }\n\n  // Unable to figure out the SDK URL. Either because we are not using Vercel or because we are on a local machine.\n  // Let's try to use the window location.\n  if (typeof window !== \"undefined\") {\n    return window.location.origin\n  }\n\n  if (options?.knownProxiedUrl) {\n    return options.knownProxiedUrl\n  }\n\n  // We tried everything. Let's use the SDK URL.\n  const final = orySdkUrl()\n  console.warn(\n    `Unable to determine a suitable SDK URL for setting up the Next.js integration of Ory Elements. Will proceed using default Ory SDK URL \"${final}\". This is likely not what you want for local development and your authentication and login may not work.`,\n  )\n\n  return final\n}\n"],"mappings":"AAMO,SAAS,YAAY;AAC1B,MAAI;AAEJ,MAAI,QAAQ,IAAI,yBAAyB;AACvC,cAAU,QAAQ,IAAI;AAAA,EACxB;AAEA,MAAI,QAAQ,IAAI,aAAa;AAC3B,cAAU,QAAQ,IAAI;AAAA,EACxB;AAEA,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAEA,SAAO,QAAQ,QAAQ,OAAO,EAAE;AAClC;AAKO,SAAS,eAAe;AA7B/B;AA8BE,SACE,CAAC,cAAc,MAAM,EAAE;AAAA,KACrB,mBAAQ,IAAI,eAAZ,YAA0B,QAAQ,IAAI,aAAtC,YAAkD;AAAA,EACpD,IAAI;AAER;AAUO,SAAS,iCAAiC,SAE9C;AACD,MAAI,aAAa,GAAG;AAElB,WAAO,UAAU;AAAA,EACnB;AAEA,MAAI,QAAQ,IAAI,YAAY;AAM1B,QAAI,CAAC,aAAa,KAAK,QAAQ,IAAI,YAAY;AAC7C,aAAO,WAAW,QAAQ,IAAI,UAAU,GAAG,QAAQ,OAAO,EAAE;AAAA,IAC9D;AAGA,QAAI,QAAQ,IAAI,uBAAuB;AACrC,aAAO,QAAQ,IAAI,sBAAsB,QAAQ,OAAO,EAAE;AAAA,IAC5D;AAAA,EACF;AAIA,MAAI,OAAO,WAAW,aAAa;AACjC,WAAO,OAAO,SAAS;AAAA,EACzB;AAEA,MAAI,mCAAS,iBAAiB;AAC5B,WAAO,QAAQ;AAAA,EACjB;AAGA,QAAM,QAAQ,UAAU;AACxB,UAAQ;AAAA,IACN,0IAA0I,KAAK;AAAA,EACjJ;AAEA,SAAO;AACT;","names":[]}

package/dist/client/frontendClient.d.mts

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

package/dist/client/frontendClient.d.ts

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

package/dist/client/frontendClient.js

@@ -0,0 +1,52 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var frontendClient_exports = {};
+__export(frontendClient_exports, {
+  frontendClient: () => frontendClient
+});
+module.exports = __toCommonJS(frontendClient_exports);
+var import_client_fetch = require("@ory/client-fetch");
+var import_config = require("./config");
+function frontendClient({
+  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.FrontendApi(config);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  frontendClient
+});
+//# sourceMappingURL=frontendClient.js.map

package/dist/client/frontendClient.js.map

@@ -0,0 +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":[]}

package/dist/client/frontendClient.mjs

@@ -0,0 +1,31 @@
+"use client";
+import {
+  Configuration,
+  FrontendApi
+} from "@ory/client-fetch";
+import { guessPotentiallyProxiedOrySdkUrl } from "./config";
+function frontendClient({
+  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 FrontendApi(config);
+}
+export {
+  frontendClient
+};
+//# sourceMappingURL=frontendClient.mjs.map

package/dist/client/frontendClient.mjs.map

@@ -0,0 +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":[]}

package/dist/client/index.d.mts

@@ -0,0 +1,5 @@
+export { SessionContextData, SessionProvider, SessionProviderProps } from './session-provider.mjs';
+export { useSession } from './useSession.mjs';
+import 'react/jsx-runtime';
+import 'react';
+import '@ory/client-fetch';

package/dist/client/index.d.ts

@@ -0,0 +1,5 @@
+export { SessionContextData, SessionProvider, SessionProviderProps } from './session-provider.js';
+export { useSession } from './useSession.js';
+import 'react/jsx-runtime';
+import 'react';
+import '@ory/client-fetch';

package/dist/client/index.js

@@ -0,0 +1,33 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var client_exports = {};
+__export(client_exports, {
+  SessionProvider: () => import_session_provider.SessionProvider,
+  useSession: () => import_useSession.useSession
+});
+module.exports = __toCommonJS(client_exports);
+var import_session_provider = require("./session-provider");
+var import_useSession = require("./useSession");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SessionProvider,
+  useSession
+});
+//# sourceMappingURL=index.js.map

package/dist/client/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/client/index.ts"],"sourcesContent":["\"use client\"\n// Copyright © 2024 Ory Corp\n// SPDX-License-Identifier: Apache-2.0\n\nexport {\n  SessionProvider,\n  type SessionContextData,\n  type SessionProviderProps,\n} from \"./session-provider\"\nexport { useSession } from \"./useSession\"\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,8BAIO;AACP,wBAA2B;","names":[]}

package/dist/client/index.mjs

@@ -0,0 +1,10 @@
+"use client";
+import {
+  SessionProvider
+} from "./session-provider";
+import { useSession } from "./useSession";
+export {
+  SessionProvider,
+  useSession
+};
+//# sourceMappingURL=index.mjs.map

package/dist/client/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/client/index.ts"],"sourcesContent":["\"use client\"\n// Copyright © 2024 Ory Corp\n// SPDX-License-Identifier: Apache-2.0\n\nexport {\n  SessionProvider,\n  type SessionContextData,\n  type SessionProviderProps,\n} from \"./session-provider\"\nexport { useSession } from \"./useSession\"\n"],"mappings":";AAIA;AAAA,EACE;AAAA,OAGK;AACP,SAAS,kBAAkB;","names":[]}

package/dist/client/session-provider.d.mts

@@ -0,0 +1,62 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import { Session } from '@ory/client-fetch';
+
+type SessionContextData = {
+    /**
+     * Whether the session is currently being loaded
+     */
+    isLoading: boolean;
+    /**
+     * Whether the session is being loaded for the first time
+     * Never true, if a session was passed to the provider
+     */
+    initialized: boolean;
+    /**
+     * The current session or null if the user is not authenticated or an error occurred,
+     * when fetching the session
+     */
+    session: Session | null;
+    /**
+     * The error that occurred when fetching the session if any
+     */
+    error: Error | undefined;
+    /**
+     * Refetches the session
+     */
+    refetch: () => Promise<void>;
+};
+declare const SessionContext: react.Context<SessionContextData>;
+type SessionProviderProps = {
+    session?: Session | null;
+    baseUrl?: string;
+} & React.PropsWithChildren;
+/**
+ * A provider that fetches the session from the Ory Network and provides it to the children.
+ *
+ * To use this provider, wrap your application in it:
+ *
+ * ```tsx
+ * import { SessionProvider } from "@ory/elements-react"
+ *
+ * export default function App() {
+ *   return (
+ *     <SessionProvider>
+ *       <MyApp />
+ *     </SessionProvider>
+ *   )
+ * }
+ * ```
+ *
+ * If you have a session from the server, you can pass it to the provider:
+ *
+ * ```tsx
+ * <SessionProvider session={serverSession}>
+ * ```
+ *
+ * @see {@link useSession}
+ * @param props - The provider props
+ */
+declare function SessionProvider({ session: initialSession, children, baseUrl, }: SessionProviderProps): react_jsx_runtime.JSX.Element;
+
+export { SessionContext, type SessionContextData, SessionProvider, type SessionProviderProps };