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

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

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

package/dist/client/frontendClient.d.ts

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

package/dist/client/frontendClient.js

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
@@ -22,10 +23,21 @@ __export(frontendClient_exports, {
 });
 module.exports = __toCommonJS(frontendClient_exports);
 var import_client_fetch = require("@ory/client-fetch");
-function frontendClient(sdkUrl, opts = {}) {
+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: sdkUrl,
+    basePath: basePath == null ? void 0 : basePath.replace(/\/$/, ""),
+    credentials: (_a = opts.credentials) != null ? _a : "include",
     headers: {
       Accept: "application/json",
       ...opts.headers

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\nimport {\n  Configuration,\n  ConfigurationParameters,\n  FrontendApi,\n} from \"@ory/client-fetch\"\n\nexport function frontendClient(\n  sdkUrl: string,\n  opts: Partial<ConfigurationParameters> = {},\n) {\n  const config = new Configuration({\n    ...opts,\n    basePath: sdkUrl,\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;AAEA,SAAS,eACd,QACA,OAAyC,CAAC,GAC1C;AACA,QAAM,SAAS,IAAI,kCAAc;AAAA,IAC/B,GAAG;AAAA,IACH,UAAU;AAAA,IACV,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} 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

@@ -1,11 +1,23 @@
+"use client";
 import {
   Configuration,
   FrontendApi
 } from "@ory/client-fetch";
-function frontendClient(sdkUrl, opts = {}) {
+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: sdkUrl,
+    basePath: basePath == null ? void 0 : basePath.replace(/\/$/, ""),
+    credentials: (_a = opts.credentials) != null ? _a : "include",
     headers: {
       Accept: "application/json",
       ...opts.headers

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\nimport {\n  Configuration,\n  ConfigurationParameters,\n  FrontendApi,\n} from \"@ory/client-fetch\"\n\nexport function frontendClient(\n  sdkUrl: string,\n  opts: Partial<ConfigurationParameters> = {},\n) {\n  const config = new Configuration({\n    ...opts,\n    basePath: sdkUrl,\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;AAEA,SAAS,eACd,QACA,OAAyC,CAAC,GAC1C;AACA,QAAM,SAAS,IAAI,cAAc;AAAA,IAC/B,GAAG;AAAA,IACH,UAAU;AAAA,IACV,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} 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

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

package/dist/client/index.d.ts

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

package/dist/client/index.js

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
@@ -18,12 +19,15 @@ var __copyProps = (to, from, except, desc) => {
 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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/client/index.ts"],"sourcesContent":["// Copyright © 2024 Ory Corp\n// SPDX-License-Identifier: Apache-2.0\n\nexport { useSession } from \"./useSession\"\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,wBAA2B;","names":[]}
+{"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

@@ -1,5 +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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/client/index.ts"],"sourcesContent":["// Copyright © 2024 Ory Corp\n// SPDX-License-Identifier: Apache-2.0\n\nexport { useSession } from \"./useSession\"\n"],"mappings":"AAGA,SAAS,kBAAkB;","names":[]}
+{"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 };

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

@@ -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 };

package/dist/client/session-provider.js

@@ -0,0 +1,96 @@
+"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 session_provider_exports = {};
+__export(session_provider_exports, {
+  SessionContext: () => SessionContext,
+  SessionProvider: () => SessionProvider
+});
+module.exports = __toCommonJS(session_provider_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_frontendClient = require("./frontendClient");
+const SessionContext = (0, import_react.createContext)({
+  session: null,
+  isLoading: false,
+  initialized: false,
+  error: void 0,
+  refetch: async () => {
+  }
+});
+function SessionProvider({
+  session: initialSession,
+  children,
+  baseUrl
+}) {
+  const initialized = (0, import_react.useRef)(!!initialSession);
+  const [isLoading, setLoading] = (0, import_react.useState)(false);
+  const [sessionState, setSessionState] = (0, import_react.useState)(
+    () => {
+      if (initialSession) {
+        return {
+          session: initialSession,
+          state: initialSession.active ? "authenticated" : "unauthenticated"
+        };
+      }
+      return void 0;
+    }
+  );
+  const fetchSession = (0, import_react.useCallback)(async () => {
+    try {
+      setLoading(true);
+      const session = await (0, import_frontendClient.frontendClient)({
+        forceBaseUrl: baseUrl
+      }).toSession();
+      setSessionState({
+        session,
+        state: session.active ? "authenticated" : "unauthenticated"
+      });
+    } catch (error) {
+      setSessionState({ state: "error", error });
+    } finally {
+      setLoading(false);
+    }
+  }, [baseUrl]);
+  (0, import_react.useEffect)(() => {
+    if (!initialized.current) {
+      initialized.current = true;
+      void fetchSession();
+    }
+  }, [fetchSession]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    SessionContext.Provider,
+    {
+      value: {
+        error: (sessionState == null ? void 0 : sessionState.state) === "error" ? sessionState.error : void 0,
+        session: (sessionState == null ? void 0 : sessionState.state) === "authenticated" ? sessionState.session : null,
+        isLoading,
+        initialized: initialized.current,
+        refetch: fetchSession
+      },
+      children
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SessionContext,
+  SessionProvider
+});
+//# sourceMappingURL=session-provider.js.map

package/dist/client/session-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/client/session-provider.tsx"],"sourcesContent":["// Copyright © 2024 Ory Corp\n// SPDX-License-Identifier: Apache-2.0\n\n\"use client\"\nimport { Session } from \"@ory/client-fetch\"\nimport { createContext, useCallback, useEffect, useRef, useState } from \"react\"\nimport { frontendClient } from \"./frontendClient\"\n\ntype SessionState =\n  | {\n      session: Session\n      state: \"authenticated\"\n    }\n  | {\n      state: \"unauthenticated\"\n    }\n  | {\n      state: \"error\"\n      error: Error\n    }\n\nexport type SessionContextData = {\n  /**\n   * Whether the session is currently being loaded\n   */\n  isLoading: boolean\n  /**\n   * Whether the session is being loaded for the first time\n   * Never true, if a session was passed to the provider\n   */\n  initialized: boolean\n  /**\n   * The current session or null if the user is not authenticated or an error occurred,\n   * when fetching the session\n   */\n  session: Session | null\n  /**\n   * The error that occurred when fetching the session if any\n   */\n  error: Error | undefined\n  /**\n   * Refetches the session\n   */\n  refetch: () => Promise<void>\n}\n\nexport const SessionContext = createContext<SessionContextData>({\n  session: null,\n  isLoading: false,\n  initialized: false,\n  error: undefined,\n  refetch: async () => {},\n})\n\nexport type SessionProviderProps = {\n  session?: Session | null\n  baseUrl?: string\n} & React.PropsWithChildren\n\n/**\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 *\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 *\n * ```tsx\n * <SessionProvider session={serverSession}>\n * ```\n *\n * @see {@link useSession}\n * @param props - The provider props\n */\nexport function SessionProvider({\n  session: initialSession,\n  children,\n  baseUrl,\n}: SessionProviderProps) {\n  const initialized = useRef(!!initialSession)\n  const [isLoading, setLoading] = useState(false)\n  const [sessionState, setSessionState] = useState<SessionState | undefined>(\n    () => {\n      if (initialSession) {\n        return {\n          session: initialSession,\n          state: initialSession.active ? \"authenticated\" : \"unauthenticated\",\n        }\n      }\n\n      return undefined\n    },\n  )\n\n  const fetchSession = useCallback(async () => {\n    try {\n      setLoading(true)\n      const session = await frontendClient({\n        forceBaseUrl: baseUrl,\n      }).toSession()\n\n      setSessionState({\n        session,\n        state: session.active ? \"authenticated\" : \"unauthenticated\",\n      })\n    } catch (error) {\n      setSessionState({ state: \"error\", error: error as Error })\n    } finally {\n      setLoading(false)\n    }\n  }, [baseUrl])\n\n  useEffect(() => {\n    if (!initialized.current) {\n      initialized.current = true\n      void fetchSession()\n    }\n  }, [fetchSession])\n\n  return (\n    <SessionContext.Provider\n      value={{\n        error: sessionState?.state === \"error\" ? sessionState.error : undefined,\n        session:\n          sessionState?.state === \"authenticated\" ? sessionState.session : null,\n        isLoading,\n        initialized: initialized.current,\n        refetch: fetchSession,\n      }}\n    >\n      {children}\n    </SessionContext.Provider>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAmII;AA9HJ,mBAAwE;AACxE,4BAA+B;AAwCxB,MAAM,qBAAiB,4BAAkC;AAAA,EAC9D,SAAS;AAAA,EACT,WAAW;AAAA,EACX,aAAa;AAAA,EACb,OAAO;AAAA,EACP,SAAS,YAAY;AAAA,EAAC;AACxB,CAAC;AAiCM,SAAS,gBAAgB;AAAA,EAC9B,SAAS;AAAA,EACT;AAAA,EACA;AACF,GAAyB;AACvB,QAAM,kBAAc,qBAAO,CAAC,CAAC,cAAc;AAC3C,QAAM,CAAC,WAAW,UAAU,QAAI,uBAAS,KAAK;AAC9C,QAAM,CAAC,cAAc,eAAe,QAAI;AAAA,IACtC,MAAM;AACJ,UAAI,gBAAgB;AAClB,eAAO;AAAA,UACL,SAAS;AAAA,UACT,OAAO,eAAe,SAAS,kBAAkB;AAAA,QACnD;AAAA,MACF;AAEA,aAAO;AAAA,IACT;AAAA,EACF;AAEA,QAAM,mBAAe,0BAAY,YAAY;AAC3C,QAAI;AACF,iBAAW,IAAI;AACf,YAAM,UAAU,UAAM,sCAAe;AAAA,QACnC,cAAc;AAAA,MAChB,CAAC,EAAE,UAAU;AAEb,sBAAgB;AAAA,QACd;AAAA,QACA,OAAO,QAAQ,SAAS,kBAAkB;AAAA,MAC5C,CAAC;AAAA,IACH,SAAS,OAAO;AACd,sBAAgB,EAAE,OAAO,SAAS,MAAsB,CAAC;AAAA,IAC3D,UAAE;AACA,iBAAW,KAAK;AAAA,IAClB;AAAA,EACF,GAAG,CAAC,OAAO,CAAC;AAEZ,8BAAU,MAAM;AACd,QAAI,CAAC,YAAY,SAAS;AACxB,kBAAY,UAAU;AACtB,WAAK,aAAa;AAAA,IACpB;AAAA,EACF,GAAG,CAAC,YAAY,CAAC;AAEjB,SACE;AAAA,IAAC,eAAe;AAAA,IAAf;AAAA,MACC,OAAO;AAAA,QACL,QAAO,6CAAc,WAAU,UAAU,aAAa,QAAQ;AAAA,QAC9D,UACE,6CAAc,WAAU,kBAAkB,aAAa,UAAU;AAAA,QACnE;AAAA,QACA,aAAa,YAAY;AAAA,QACzB,SAAS;AAAA,MACX;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/dist/client/session-provider.mjs

@@ -0,0 +1,71 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { createContext, useCallback, useEffect, useRef, useState } from "react";
+import { frontendClient } from "./frontendClient";
+const SessionContext = createContext({
+  session: null,
+  isLoading: false,
+  initialized: false,
+  error: void 0,
+  refetch: async () => {
+  }
+});
+function SessionProvider({
+  session: initialSession,
+  children,
+  baseUrl
+}) {
+  const initialized = useRef(!!initialSession);
+  const [isLoading, setLoading] = useState(false);
+  const [sessionState, setSessionState] = useState(
+    () => {
+      if (initialSession) {
+        return {
+          session: initialSession,
+          state: initialSession.active ? "authenticated" : "unauthenticated"
+        };
+      }
+      return void 0;
+    }
+  );
+  const fetchSession = useCallback(async () => {
+    try {
+      setLoading(true);
+      const session = await frontendClient({
+        forceBaseUrl: baseUrl
+      }).toSession();
+      setSessionState({
+        session,
+        state: session.active ? "authenticated" : "unauthenticated"
+      });
+    } catch (error) {
+      setSessionState({ state: "error", error });
+    } finally {
+      setLoading(false);
+    }
+  }, [baseUrl]);
+  useEffect(() => {
+    if (!initialized.current) {
+      initialized.current = true;
+      void fetchSession();
+    }
+  }, [fetchSession]);
+  return /* @__PURE__ */ jsx(
+    SessionContext.Provider,
+    {
+      value: {
+        error: (sessionState == null ? void 0 : sessionState.state) === "error" ? sessionState.error : void 0,
+        session: (sessionState == null ? void 0 : sessionState.state) === "authenticated" ? sessionState.session : null,
+        isLoading,
+        initialized: initialized.current,
+        refetch: fetchSession
+      },
+      children
+    }
+  );
+}
+export {
+  SessionContext,
+  SessionProvider
+};
+//# sourceMappingURL=session-provider.mjs.map

package/dist/client/session-provider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/client/session-provider.tsx"],"sourcesContent":["// Copyright © 2024 Ory Corp\n// SPDX-License-Identifier: Apache-2.0\n\n\"use client\"\nimport { Session } from \"@ory/client-fetch\"\nimport { createContext, useCallback, useEffect, useRef, useState } from \"react\"\nimport { frontendClient } from \"./frontendClient\"\n\ntype SessionState =\n  | {\n      session: Session\n      state: \"authenticated\"\n    }\n  | {\n      state: \"unauthenticated\"\n    }\n  | {\n      state: \"error\"\n      error: Error\n    }\n\nexport type SessionContextData = {\n  /**\n   * Whether the session is currently being loaded\n   */\n  isLoading: boolean\n  /**\n   * Whether the session is being loaded for the first time\n   * Never true, if a session was passed to the provider\n   */\n  initialized: boolean\n  /**\n   * The current session or null if the user is not authenticated or an error occurred,\n   * when fetching the session\n   */\n  session: Session | null\n  /**\n   * The error that occurred when fetching the session if any\n   */\n  error: Error | undefined\n  /**\n   * Refetches the session\n   */\n  refetch: () => Promise<void>\n}\n\nexport const SessionContext = createContext<SessionContextData>({\n  session: null,\n  isLoading: false,\n  initialized: false,\n  error: undefined,\n  refetch: async () => {},\n})\n\nexport type SessionProviderProps = {\n  session?: Session | null\n  baseUrl?: string\n} & React.PropsWithChildren\n\n/**\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 *\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 *\n * ```tsx\n * <SessionProvider session={serverSession}>\n * ```\n *\n * @see {@link useSession}\n * @param props - The provider props\n */\nexport function SessionProvider({\n  session: initialSession,\n  children,\n  baseUrl,\n}: SessionProviderProps) {\n  const initialized = useRef(!!initialSession)\n  const [isLoading, setLoading] = useState(false)\n  const [sessionState, setSessionState] = useState<SessionState | undefined>(\n    () => {\n      if (initialSession) {\n        return {\n          session: initialSession,\n          state: initialSession.active ? \"authenticated\" : \"unauthenticated\",\n        }\n      }\n\n      return undefined\n    },\n  )\n\n  const fetchSession = useCallback(async () => {\n    try {\n      setLoading(true)\n      const session = await frontendClient({\n        forceBaseUrl: baseUrl,\n      }).toSession()\n\n      setSessionState({\n        session,\n        state: session.active ? \"authenticated\" : \"unauthenticated\",\n      })\n    } catch (error) {\n      setSessionState({ state: \"error\", error: error as Error })\n    } finally {\n      setLoading(false)\n    }\n  }, [baseUrl])\n\n  useEffect(() => {\n    if (!initialized.current) {\n      initialized.current = true\n      void fetchSession()\n    }\n  }, [fetchSession])\n\n  return (\n    <SessionContext.Provider\n      value={{\n        error: sessionState?.state === \"error\" ? sessionState.error : undefined,\n        session:\n          sessionState?.state === \"authenticated\" ? sessionState.session : null,\n        isLoading,\n        initialized: initialized.current,\n        refetch: fetchSession,\n      }}\n    >\n      {children}\n    </SessionContext.Provider>\n  )\n}\n"],"mappings":";AAmII;AA9HJ,SAAS,eAAe,aAAa,WAAW,QAAQ,gBAAgB;AACxE,SAAS,sBAAsB;AAwCxB,MAAM,iBAAiB,cAAkC;AAAA,EAC9D,SAAS;AAAA,EACT,WAAW;AAAA,EACX,aAAa;AAAA,EACb,OAAO;AAAA,EACP,SAAS,YAAY;AAAA,EAAC;AACxB,CAAC;AAiCM,SAAS,gBAAgB;AAAA,EAC9B,SAAS;AAAA,EACT;AAAA,EACA;AACF,GAAyB;AACvB,QAAM,cAAc,OAAO,CAAC,CAAC,cAAc;AAC3C,QAAM,CAAC,WAAW,UAAU,IAAI,SAAS,KAAK;AAC9C,QAAM,CAAC,cAAc,eAAe,IAAI;AAAA,IACtC,MAAM;AACJ,UAAI,gBAAgB;AAClB,eAAO;AAAA,UACL,SAAS;AAAA,UACT,OAAO,eAAe,SAAS,kBAAkB;AAAA,QACnD;AAAA,MACF;AAEA,aAAO;AAAA,IACT;AAAA,EACF;AAEA,QAAM,eAAe,YAAY,YAAY;AAC3C,QAAI;AACF,iBAAW,IAAI;AACf,YAAM,UAAU,MAAM,eAAe;AAAA,QACnC,cAAc;AAAA,MAChB,CAAC,EAAE,UAAU;AAEb,sBAAgB;AAAA,QACd;AAAA,QACA,OAAO,QAAQ,SAAS,kBAAkB;AAAA,MAC5C,CAAC;AAAA,IACH,SAAS,OAAO;AACd,sBAAgB,EAAE,OAAO,SAAS,MAAsB,CAAC;AAAA,IAC3D,UAAE;AACA,iBAAW,KAAK;AAAA,IAClB;AAAA,EACF,GAAG,CAAC,OAAO,CAAC;AAEZ,YAAU,MAAM;AACd,QAAI,CAAC,YAAY,SAAS;AACxB,kBAAY,UAAU;AACtB,WAAK,aAAa;AAAA,IACpB;AAAA,EACF,GAAG,CAAC,YAAY,CAAC;AAEjB,SACE;AAAA,IAAC,eAAe;AAAA,IAAf;AAAA,MACC,OAAO;AAAA,QACL,QAAO,6CAAc,WAAU,UAAU,aAAa,QAAQ;AAAA,QAC9D,UACE,6CAAc,WAAU,kBAAkB,aAAa,UAAU;AAAA,QACnE;AAAA,QACA,aAAa,YAAY;AAAA,QACzB,SAAS;AAAA,MACX;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/dist/client/useSession.d.mts

@@ -1,41 +1,32 @@
-import * as zustand from 'zustand';
-import { Session } from '@ory/client-fetch';
+import { SessionContextData } from './session-provider.mjs';
+import 'react/jsx-runtime';
+import 'react';
+import '@ory/client-fetch';
 
-type SessionStore = {
-    setIsLoading: (loading: boolean) => void;
-    setSession: (session: Session) => void;
-    isLoading: boolean;
-    session: Session | undefined;
-    error: string | undefined;
-    setError: (error: string | undefined) => void;
-};
-declare const sessionStore: zustand.UseBoundStore<Omit<zustand.StoreApi<SessionStore>, "subscribe"> & {
-    subscribe: {
-        (listener: (selectedState: SessionStore, previousSelectedState: SessionStore) => void): () => void;
-        <U>(selector: (state: SessionStore) => U, listener: (selectedState: U, previousSelectedState: U) => void, options?: {
-            equalityFn?: ((a: U, b: U) => boolean) | undefined;
-            fireImmediately?: boolean | undefined;
-        } | undefined): () => void;
-    };
-}>;
 /**
  * A hook to get the current session from the Ory Network.
  *
  * Usage:
  * ```ts
- * const { session, error, isLoading } = useSession()
+ * const session = useSession()
+ *
+ * if (session.state == "loading") {
+ *  return <div>Loading...</div>
+ * }
+ *
+ * if (session.state == "authenticated") {
+ *  return <div>Session: {session.session.id}</div>
+ * }
  * ```
  *
- * @returns The current session, error and loading state.
+ * :::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.
+ * :::
+ *
+ * @returns The current session, and error or loading state.
  */
-declare const useSession: (config?: {
-    sdk: {
-        url: string;
-    };
-}) => {
-    session: Session | undefined;
-    error: string | undefined;
-    isLoading: boolean;
-};
+declare function useSession(): SessionContextData;
 
-export { sessionStore, useSession };
+export { useSession };

package/dist/client/useSession.d.ts

@@ -1,41 +1,32 @@
-import * as zustand from 'zustand';
-import { Session } from '@ory/client-fetch';
+import { SessionContextData } from './session-provider.js';
+import 'react/jsx-runtime';
+import 'react';
+import '@ory/client-fetch';
 
-type SessionStore = {
-    setIsLoading: (loading: boolean) => void;
-    setSession: (session: Session) => void;
-    isLoading: boolean;
-    session: Session | undefined;
-    error: string | undefined;
-    setError: (error: string | undefined) => void;
-};
-declare const sessionStore: zustand.UseBoundStore<Omit<zustand.StoreApi<SessionStore>, "subscribe"> & {
-    subscribe: {
-        (listener: (selectedState: SessionStore, previousSelectedState: SessionStore) => void): () => void;
-        <U>(selector: (state: SessionStore) => U, listener: (selectedState: U, previousSelectedState: U) => void, options?: {
-            equalityFn?: ((a: U, b: U) => boolean) | undefined;
-            fireImmediately?: boolean | undefined;
-        } | undefined): () => void;
-    };
-}>;
 /**
  * A hook to get the current session from the Ory Network.
  *
  * Usage:
  * ```ts
- * const { session, error, isLoading } = useSession()
+ * const session = useSession()
+ *
+ * if (session.state == "loading") {
+ *  return <div>Loading...</div>
+ * }
+ *
+ * if (session.state == "authenticated") {
+ *  return <div>Session: {session.session.id}</div>
+ * }
  * ```
  *
- * @returns The current session, error and loading state.
+ * :::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.
+ * :::
+ *
+ * @returns The current session, and error or loading state.
  */
-declare const useSession: (config?: {
-    sdk: {
-        url: string;
-    };
-}) => {
-    session: Session | undefined;
-    error: string | undefined;
-    isLoading: boolean;
-};
+declare function useSession(): SessionContextData;
 
-export { sessionStore, useSession };
+export { useSession };