@ory/elements-react 1.0.0-next.17 → 1.0.0-next.18

package/CHANGELOG.md

@@ -1,3 +1,26 @@
+## 1.0.0-next.18 (2024-12-30)
+
+### 🚀 Features
+
+- add page and app router examples ([#307](https://github.com/ory/elements/pull/307))
+- ⚠️  add getServerSession and SessionProvider ([#309](https://github.com/ory/elements/pull/309))
+- add @ory/nextjs package ([#303](https://github.com/ory/elements/pull/303))
+
+### 🩹 Fixes
+
+- align font sizes to design & use updated variable names ([#318](https://github.com/ory/elements/pull/318))
+- properly set default value for checkboxes ([#314](https://github.com/ory/elements/pull/314))
+- passkey and webauthn in settings flow ([#317](https://github.com/ory/elements/pull/317))
+
+### ⚠️  Breaking Changes
+
+- ⚠️  add getServerSession and SessionProvider ([#309](https://github.com/ory/elements/pull/309))
+
+### ❤️  Thank You
+
+- hackerman @aeneasr
+- Jonas Hungershausen
+
 ## 1.0.0-next.17 (2024-11-27)
 
 

package/api-report/elements-react-client.api.json

@@ -173,53 +173,181 @@
       "preserveMemberOrder": false,
       "members": [
         {
-          "kind": "Function",
-          "canonicalReference": "@ory/elements-react!useSession:function(1)",
-          "docComment": "/**\n * A hook to get the current session from the Ory Network.\n *\n * Usage:\n * ```ts\n * const { session, error, isLoading } = useSession()\n * ```\n *\n * @returns The current session, error and loading state.\n */\n",
+          "kind": "TypeAlias",
+          "canonicalReference": "@ory/elements-react!SessionContextData:type",
+          "docComment": "",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "useSession: (config?: "
+              "text": "type SessionContextData = "
             },
             {
               "kind": "Content",
-              "text": "{\n    sdk: {\n        url: string;\n    };\n}"
+              "text": "{\n    isLoading: boolean;\n    initialized: boolean;\n    session: "
+            },
+            {
+              "kind": "Reference",
+              "text": "Session",
+              "canonicalReference": "@ory/client-fetch!Session:interface"
             },
             {
               "kind": "Content",
-              "text": ") => "
+              "text": " | null;\n    error: "
+            },
+            {
+              "kind": "Reference",
+              "text": "Error",
+              "canonicalReference": "!Error:interface"
             },
             {
               "kind": "Content",
-              "text": "{\n    session: "
+              "text": " | undefined;\n    refetch: () => "
             },
             {
               "kind": "Reference",
-              "text": "Session",
-              "canonicalReference": "@ory/client-fetch!Session:interface"
+              "text": "Promise",
+              "canonicalReference": "!Promise:interface"
+            },
+            {
+              "kind": "Content",
+              "text": "<void>;\n}"
             },
             {
               "kind": "Content",
-              "text": " | undefined;\n    error: string | undefined;\n    isLoading: boolean;\n}"
+              "text": ";"
             }
           ],
-          "fileUrlPath": "dist/client/useSession.d.ts",
+          "fileUrlPath": "dist/client/session-provider.d.ts",
+          "releaseTag": "Public",
+          "name": "SessionContextData",
+          "typeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 8
+          }
+        },
+        {
+          "kind": "Function",
+          "canonicalReference": "@ory/elements-react!SessionProvider:function(1)",
+          "docComment": "/**\n * A provider that fetches the session from the Ory Network and provides it to the children.\n *\n * To use this provider, wrap your application in it:\n * ```tsx\n * import { SessionProvider } from \"@ory/elements-react\"\n *\n * export default function App() {\n *   return (\n *     <SessionProvider>\n *       <MyApp />\n *     </SessionProvider>\n *   )\n * }\n * ```\n *\n * If you have a session from the server, you can pass it to the provider:\n * ```tsx\n * <SessionProvider session={serverSession}>\n * ```\n *\n * @param props - The provider props\n *\n * @see\n *\n * {@link useSession}\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "declare function SessionProvider({ "
+            },
+            {
+              "kind": "Reference",
+              "text": "session",
+              "canonicalReference": "@ory/elements-react!~__type#session"
+            },
+            {
+              "kind": "Content",
+              "text": ": initialSession, children, baseUrl, }: "
+            },
+            {
+              "kind": "Reference",
+              "text": "SessionProviderProps",
+              "canonicalReference": "@ory/elements-react!SessionProviderProps:type"
+            },
+            {
+              "kind": "Content",
+              "text": "): "
+            },
+            {
+              "kind": "Reference",
+              "text": "react_jsx_runtime.JSX.Element",
+              "canonicalReference": "@types/react!JSX.Element:interface"
+            },
+            {
+              "kind": "Content",
+              "text": ";"
+            }
+          ],
+          "fileUrlPath": "dist/client/session-provider.d.ts",
           "returnTypeTokenRange": {
-            "startIndex": 3,
+            "startIndex": 5,
             "endIndex": 6
           },
           "releaseTag": "Public",
           "overloadIndex": 1,
           "parameters": [
             {
-              "parameterName": "config",
+              "parameterName": "{ session: initialSession, children, baseUrl, }",
               "parameterTypeTokenRange": {
-                "startIndex": 1,
-                "endIndex": 2
+                "startIndex": 3,
+                "endIndex": 4
               },
-              "isOptional": true
+              "isOptional": false
+            }
+          ],
+          "name": "SessionProvider"
+        },
+        {
+          "kind": "TypeAlias",
+          "canonicalReference": "@ory/elements-react!SessionProviderProps:type",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "type SessionProviderProps = "
+            },
+            {
+              "kind": "Content",
+              "text": "{\n    session?: "
+            },
+            {
+              "kind": "Reference",
+              "text": "Session",
+              "canonicalReference": "@ory/client-fetch!Session:interface"
+            },
+            {
+              "kind": "Content",
+              "text": " | null;\n    baseUrl?: string;\n} & "
+            },
+            {
+              "kind": "Reference",
+              "text": "React.PropsWithChildren",
+              "canonicalReference": "@types/react!React.PropsWithChildren:type"
+            },
+            {
+              "kind": "Content",
+              "text": ";"
+            }
+          ],
+          "fileUrlPath": "dist/client/session-provider.d.ts",
+          "releaseTag": "Public",
+          "name": "SessionProviderProps",
+          "typeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 5
+          }
+        },
+        {
+          "kind": "Function",
+          "canonicalReference": "@ory/elements-react!useSession:function(1)",
+          "docComment": "/**\n * A hook to get the current session from the Ory Network.\n *\n * Usage:\n * ```ts\n * const session = useSession()\n *\n * if (session.state == \"loading\") {\n *  return <div>Loading...</div>\n * }\n *\n * if (session.state == \"authenticated\") {\n *  return <div>Session: {session.session.id}</div>\n * }\n * ```\n *\n * :::note This is a client-side hook and must be used within a React component. On the server, you can use the getServerSession function from `@ory/nextjs` and hydrate SessionProvider with the session. :::\n *\n * @returns The current session, and error or loading state.\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "declare function useSession(): "
+            },
+            {
+              "kind": "Reference",
+              "text": "SessionContextData",
+              "canonicalReference": "@ory/elements-react!SessionContextData:type"
+            },
+            {
+              "kind": "Content",
+              "text": ";"
             }
           ],
+          "fileUrlPath": "dist/client/useSession.d.ts",
+          "returnTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "releaseTag": "Public",
+          "overloadIndex": 1,
+          "parameters": [],
           "name": "useSession"
         }
       ]

package/api-report/elements-react-client.api.md

@@ -4,19 +4,30 @@
 
 ```ts
 
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import { Session } from '@ory/client-fetch';
 
-// @public
-export const useSession: (config?: {
-    sdk: {
-        url: string;
-    };
-}) => {
-    session: Session | undefined;
-    error: string | undefined;
+// @public (undocumented)
+export type SessionContextData = {
     isLoading: boolean;
+    initialized: boolean;
+    session: Session | null;
+    error: Error | undefined;
+    refetch: () => Promise<void>;
 };
 
+// @public
+export function SessionProvider({ session: initialSession, children, baseUrl, }: SessionProviderProps): react_jsx_runtime.JSX.Element;
+
+// @public (undocumented)
+export type SessionProviderProps = {
+    session?: Session | null;
+    baseUrl?: string;
+} & React.PropsWithChildren;
+
+// @public
+export function useSession(): SessionContextData;
+
 // (No @packageDocumentation comment for this package)
 
 ```

package/api-report/elements-react-theme.api.json

@@ -478,6 +478,53 @@
           "parameters": [],
           "name": "DefaultCardHeader"
         },
+        {
+          "kind": "Function",
+          "canonicalReference": "@ory/elements-react!DefaultCardLayout:function(1)",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "declare function DefaultCardLayout({ children }: "
+            },
+            {
+              "kind": "Reference",
+              "text": "PropsWithChildren",
+              "canonicalReference": "@types/react!React.PropsWithChildren:type"
+            },
+            {
+              "kind": "Content",
+              "text": "): "
+            },
+            {
+              "kind": "Reference",
+              "text": "react_jsx_runtime.JSX.Element",
+              "canonicalReference": "@types/react!JSX.Element:interface"
+            },
+            {
+              "kind": "Content",
+              "text": ";"
+            }
+          ],
+          "fileUrlPath": "dist/theme/default/index.d.ts",
+          "returnTypeTokenRange": {
+            "startIndex": 3,
+            "endIndex": 4
+          },
+          "releaseTag": "Public",
+          "overloadIndex": 1,
+          "parameters": [
+            {
+              "parameterName": "{ children }",
+              "parameterTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              },
+              "isOptional": false
+            }
+          ],
+          "name": "DefaultCardLayout"
+        },
         {
           "kind": "Function",
           "canonicalReference": "@ory/elements-react!DefaultCardLogo:function(1)",

package/api-report/elements-react-theme.api.md

@@ -56,6 +56,9 @@ export function DefaultCardFooter(): react_jsx_runtime.JSX.Element | null;
 // @public (undocumented)
 export function DefaultCardHeader(): react_jsx_runtime.JSX.Element;
 
+// @public (undocumented)
+export function DefaultCardLayout({ children }: PropsWithChildren): react_jsx_runtime.JSX.Element;
+
 // @public (undocumented)
 export function DefaultCardLogo(): react_jsx_runtime.JSX.Element;
 
@@ -138,8 +141,8 @@ export type VerificationFlowContextProps = {
 
 // Warnings were encountered during analysis:
 //
-// dist/theme/default/index.d.ts:36:5 - (ae-forgotten-export) The symbol "OryFlowComponentOverrides" needs to be exported by the entry point index.d.ts
-// dist/theme/default/index.d.ts:37:5 - (ae-forgotten-export) The symbol "OryClientConfiguration" needs to be exported by the entry point index.d.ts
+// dist/theme/default/index.d.ts:38:5 - (ae-forgotten-export) The symbol "OryFlowComponentOverrides" needs to be exported by the entry point index.d.ts
+// dist/theme/default/index.d.ts:39:5 - (ae-forgotten-export) The symbol "OryClientConfiguration" needs to be exported by the entry point index.d.ts
 
 // (No @packageDocumentation comment for this package)
 

package/api-report/elements-react.api.json

@@ -1535,8 +1535,8 @@
             },
             {
               "kind": "Reference",
-              "text": "OryFormSectionContentProps",
-              "canonicalReference": "@ory/elements-react!OryFormSectionContentProps:type"
+              "text": "OryFormSectionFooterProps",
+              "canonicalReference": "@ory/elements-react!OryFormSectionFooterProps:type"
             },
             {
               "kind": "Content",
@@ -2308,6 +2308,10 @@
               "text": "PropsWithChildren",
               "canonicalReference": "@types/react!React.PropsWithChildren:type"
             },
+            {
+              "kind": "Content",
+              "text": "<{\n    text?: string;\n}>"
+            },
             {
               "kind": "Content",
               "text": ";"
@@ -2318,7 +2322,7 @@
           "name": "OryFormSectionFooterProps",
           "typeTokenRange": {
             "startIndex": 1,
-            "endIndex": 2
+            "endIndex": 3
           }
         },
         {

package/api-report/elements-react.api.md

@@ -191,7 +191,7 @@ export type OryFlowComponents = {
         AuthMethodListItem: ComponentType<OryCardAuthMethodListItemProps>;
         SettingsSection: ComponentType<OryFormSectionProps>;
         SettingsSectionContent: ComponentType<OryFormSectionContentProps>;
-        SettingsSectionFooter: ComponentType<OryFormSectionContentProps>;
+        SettingsSectionFooter: ComponentType<OryFormSectionFooterProps>;
     };
     Form: {
         Root: ComponentType<OryFormRootProps>;
@@ -265,7 +265,9 @@ export type OryFormSectionContentProps = PropsWithChildren<{
 }>;
 
 // @public (undocumented)
-export type OryFormSectionFooterProps = PropsWithChildren;
+export type OryFormSectionFooterProps = PropsWithChildren<{
+    text?: string;
+}>;
 
 // @public (undocumented)
 export type OryFormSectionProps = PropsWithChildren<{

package/api-report/temp/elements-react-client.api.md

@@ -4,19 +4,30 @@
 
 ```ts
 
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import { Session } from '@ory/client-fetch';
 
-// @public
-export const useSession: (config?: {
-    sdk: {
-        url: string;
-    };
-}) => {
-    session: Session | undefined;
-    error: string | undefined;
+// @public (undocumented)
+export type SessionContextData = {
     isLoading: boolean;
+    initialized: boolean;
+    session: Session | null;
+    error: Error | undefined;
+    refetch: () => Promise<void>;
 };
 
+// @public
+export function SessionProvider({ session: initialSession, children, baseUrl, }: SessionProviderProps): react_jsx_runtime.JSX.Element;
+
+// @public (undocumented)
+export type SessionProviderProps = {
+    session?: Session | null;
+    baseUrl?: string;
+} & React.PropsWithChildren;
+
+// @public
+export function useSession(): SessionContextData;
+
 // (No @packageDocumentation comment for this package)
 
 ```

package/api-report/temp/elements-react-theme.api.md

@@ -56,6 +56,9 @@ export function DefaultCardFooter(): react_jsx_runtime.JSX.Element | null;
 // @public (undocumented)
 export function DefaultCardHeader(): react_jsx_runtime.JSX.Element;
 
+// @public (undocumented)
+export function DefaultCardLayout({ children }: PropsWithChildren): react_jsx_runtime.JSX.Element;
+
 // @public (undocumented)
 export function DefaultCardLogo(): react_jsx_runtime.JSX.Element;
 
@@ -138,8 +141,8 @@ export type VerificationFlowContextProps = {
 
 // Warnings were encountered during analysis:
 //
-// dist/theme/default/index.d.ts:36:5 - (ae-forgotten-export) The symbol "OryFlowComponentOverrides" needs to be exported by the entry point index.d.ts
-// dist/theme/default/index.d.ts:37:5 - (ae-forgotten-export) The symbol "OryClientConfiguration" needs to be exported by the entry point index.d.ts
+// dist/theme/default/index.d.ts:38:5 - (ae-forgotten-export) The symbol "OryFlowComponentOverrides" needs to be exported by the entry point index.d.ts
+// dist/theme/default/index.d.ts:39:5 - (ae-forgotten-export) The symbol "OryClientConfiguration" needs to be exported by the entry point index.d.ts
 
 // (No @packageDocumentation comment for this package)
 

package/api-report/temp/elements-react.api.md

@@ -191,7 +191,7 @@ export type OryFlowComponents = {
         AuthMethodListItem: ComponentType<OryCardAuthMethodListItemProps>;
         SettingsSection: ComponentType<OryFormSectionProps>;
         SettingsSectionContent: ComponentType<OryFormSectionContentProps>;
-        SettingsSectionFooter: ComponentType<OryFormSectionContentProps>;
+        SettingsSectionFooter: ComponentType<OryFormSectionFooterProps>;
     };
     Form: {
         Root: ComponentType<OryFormRootProps>;
@@ -265,7 +265,9 @@ export type OryFormSectionContentProps = PropsWithChildren<{
 }>;
 
 // @public (undocumented)
-export type OryFormSectionFooterProps = PropsWithChildren;
+export type OryFormSectionFooterProps = PropsWithChildren<{
+    text?: string;
+}>;
 
 // @public (undocumented)
 export type OryFormSectionProps = PropsWithChildren<{

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