@moonpay/platform-sdk-react-native 1.9.0 → 1.10.0

package/dist/index.d.cts

@@ -460,16 +460,25 @@ interface MoonPayFrameProps {
 declare function MoonPayFrame({ transport, hidden, style }: MoonPayFrameProps): JSX.Element | null;
 
 interface MoonPayProviderProps {
-    sessionToken: string;
+    /**
+     * Session token from your server (via `createSession`). Optional — omit it and
+     * call `initialize(sessionToken)` from `useMoonPay()` once you've fetched it.
+     * When provided, this prop takes precedence over an imperatively-set token.
+     */
+    sessionToken?: string;
     apiBaseUrl?: string;
     frameBaseUrl?: string;
     /** Theme applied to every visible MoonPay frame (connect, widget, Apple/Google Pay, …). */
     theme?: ThemeOptions;
     children: ReactNode;
 }
-declare function MoonPayProvider({ sessionToken, apiBaseUrl, frameBaseUrl, theme, children, }: MoonPayProviderProps): JSX.Element;
+declare function MoonPayProvider({ sessionToken: sessionTokenProp, apiBaseUrl, frameBaseUrl, theme, children, }: MoonPayProviderProps): JSX.Element;
 declare function useMoonPay(): {
     client: RNClient;
+    /** Set or replace the session token after mount. */
+    initialize: (sessionToken: string) => void;
+    /** True once a session token (via prop or `initialize()`) is available. */
+    isInitialized: boolean;
 };
 
 export { type AddCardFrame, type ApplePayFrame, type AuthFrame, type BuyButtonFrame, type BuyFrame, type ChallengeFrame, type ConnectFrame, type ConnectOptions, type ConnectionCheckEvent, type ConnectionResetEvent, type CustomerExportFrame, type GetConnectionOptions, type GooglePayFrame, MoonPayAddCard, type MoonPayAddCardProps, MoonPayApplePayButton, type MoonPayApplePayButtonProps, MoonPayAuth, type MoonPayAuthProps, MoonPayBuyButton, type MoonPayBuyButtonProps, MoonPayBuyFrame, type MoonPayBuyFrameProps, MoonPayChallenge, type MoonPayChallengeProps, MoonPayConnect, type MoonPayConnectProps, MoonPayConnectionCheck, type MoonPayConnectionCheckProps, MoonPayConnectionReset, type MoonPayConnectionResetProps, MoonPayCustomerExport, type MoonPayCustomerExportProps, MoonPayFrame, type MoonPayFrameProps, MoonPayGooglePayButton, type MoonPayGooglePayButtonProps, MoonPayProvider, type MoonPayProviderProps, MoonPayWidget, type MoonPayWidgetProps, type RNClient, type SetupAddCardOptions, type SetupApplePayOptions, type SetupAuthOptions, type SetupBuyButtonOptions, type SetupBuyOptions, type SetupChallengeOptions, type SetupCustomerExportOptions, type SetupGooglePayOptions, type SetupWidgetOptions, WebViewTransport, type WidgetFrame, useMoonPay };

package/dist/index.d.ts

@@ -460,16 +460,25 @@ interface MoonPayFrameProps {
 declare function MoonPayFrame({ transport, hidden, style }: MoonPayFrameProps): JSX.Element | null;
 
 interface MoonPayProviderProps {
-    sessionToken: string;
+    /**
+     * Session token from your server (via `createSession`). Optional — omit it and
+     * call `initialize(sessionToken)` from `useMoonPay()` once you've fetched it.
+     * When provided, this prop takes precedence over an imperatively-set token.
+     */
+    sessionToken?: string;
     apiBaseUrl?: string;
     frameBaseUrl?: string;
     /** Theme applied to every visible MoonPay frame (connect, widget, Apple/Google Pay, …). */
     theme?: ThemeOptions;
     children: ReactNode;
 }
-declare function MoonPayProvider({ sessionToken, apiBaseUrl, frameBaseUrl, theme, children, }: MoonPayProviderProps): JSX.Element;
+declare function MoonPayProvider({ sessionToken: sessionTokenProp, apiBaseUrl, frameBaseUrl, theme, children, }: MoonPayProviderProps): JSX.Element;
 declare function useMoonPay(): {
     client: RNClient;
+    /** Set or replace the session token after mount. */
+    initialize: (sessionToken: string) => void;
+    /** True once a session token (via prop or `initialize()`) is available. */
+    isInitialized: boolean;
 };
 
 export { type AddCardFrame, type ApplePayFrame, type AuthFrame, type BuyButtonFrame, type BuyFrame, type ChallengeFrame, type ConnectFrame, type ConnectOptions, type ConnectionCheckEvent, type ConnectionResetEvent, type CustomerExportFrame, type GetConnectionOptions, type GooglePayFrame, MoonPayAddCard, type MoonPayAddCardProps, MoonPayApplePayButton, type MoonPayApplePayButtonProps, MoonPayAuth, type MoonPayAuthProps, MoonPayBuyButton, type MoonPayBuyButtonProps, MoonPayBuyFrame, type MoonPayBuyFrameProps, MoonPayChallenge, type MoonPayChallengeProps, MoonPayConnect, type MoonPayConnectProps, MoonPayConnectionCheck, type MoonPayConnectionCheckProps, MoonPayConnectionReset, type MoonPayConnectionResetProps, MoonPayCustomerExport, type MoonPayCustomerExportProps, MoonPayFrame, type MoonPayFrameProps, MoonPayGooglePayButton, type MoonPayGooglePayButtonProps, MoonPayProvider, type MoonPayProviderProps, MoonPayWidget, type MoonPayWidgetProps, type RNClient, type SetupAddCardOptions, type SetupApplePayOptions, type SetupAuthOptions, type SetupBuyButtonOptions, type SetupBuyOptions, type SetupChallengeOptions, type SetupCustomerExportOptions, type SetupGooglePayOptions, type SetupWidgetOptions, WebViewTransport, type WidgetFrame, useMoonPay };

package/dist/index.js

@@ -155,6 +155,14 @@ function applyCredentialsOnComplete(msg, ctx) {
   ctx.core.context.setAccessToken(creds.accessToken);
   ctx.core.context.setClientToken(creds.clientToken);
 }
+function requireSessionToken(ctx) {
+  if (!ctx.sessionToken) {
+    throw new Error(
+      "No session token \u2014 pass sessionToken to <MoonPayProvider> or call initialize() from useMoonPay() before starting a connection."
+    );
+  }
+  return ctx.sessionToken;
+}
 var connectionCheckSpec = {
   channelPrefix: "check",
   path: FRAME_PATHS.checkConnection,
@@ -162,7 +170,7 @@ var connectionCheckSpec = {
   needsKeyPair: true,
   handshakeTimeout: 1e4,
   buildParams: (ctx, props, publicKey) => ({
-    sessionToken: ctx.sessionToken,
+    sessionToken: requireSessionToken(ctx),
     publicKey,
     ...props.skipKyc && { skipKyc: true }
   }),
@@ -184,7 +192,7 @@ var connectSpec = {
   hidden: false,
   needsKeyPair: true,
   buildParams: (ctx, props, publicKey) => ({
-    sessionToken: ctx.sessionToken,
+    sessionToken: requireSessionToken(ctx),
     publicKey,
     // Per-call override; `applyThemeParam` in the engine fills the client
     // default for connect (and every other visible frame) when this is absent.
@@ -398,7 +406,7 @@ var connectionResetSpec = {
   path: FRAME_PATHS.reset,
   hidden: true,
   handshakeTimeout: 5e3,
-  buildParams: (ctx) => ({ sessionToken: ctx.sessionToken }),
+  buildParams: (ctx) => ({ sessionToken: requireSessionToken(ctx) }),
   mapMessage: (msg) => {
     if (msg.kind === "complete") return { kind: "complete" };
     if (msg.kind === "error") {
@@ -1166,13 +1174,15 @@ var styles = StyleSheet.create({
 import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 var MoonPayContext = createContext(null);
 function MoonPayProvider({
-  sessionToken,
+  sessionToken: sessionTokenProp,
   apiBaseUrl,
   frameBaseUrl,
   theme,
   children
 }) {
   const [frameSlots, setFrameSlots] = useState2([]);
+  const [internalToken, setInternalToken] = useState2(void 0);
+  const sessionToken = sessionTokenProp ?? internalToken;
   const addSlot = useCallback2((slot) => {
     setFrameSlots((prev) => [...prev, slot]);
   }, []);
@@ -1188,6 +1198,14 @@ function MoonPayProvider({
     });
   }
   const core = coreRef.current;
+  const initialize = useCallback2(
+    (token) => {
+      core.context.setAccessToken("");
+      core.context.setClientToken("");
+      setInternalToken(token);
+    },
+    [core]
+  );
   const client = useMemo2(() => {
     const specCtx = { sessionToken, core, frameBaseUrl, theme };
     return createRNClient({
@@ -1195,21 +1213,28 @@ function MoonPayProvider({
       core
     });
   }, [sessionToken, frameBaseUrl, core, addSlot, removeSlot, theme?.appearance]);
-  return /* @__PURE__ */ jsxs2(MoonPayContext.Provider, { value: { client, sessionToken, core, frameBaseUrl, theme }, children: [
-    children,
-    frameSlots.filter((slot) => slot.hidden).map((slot) => /* @__PURE__ */ jsx3(MoonPayFrame, { transport: slot.transport, hidden: true }, slot.id)),
-    frameSlots.filter((slot) => !slot.hidden).map((slot) => /* @__PURE__ */ jsx3(
-      VisibleFrameSlotSheet,
-      {
-        slot,
-        onClose: () => {
-          slot.dispose();
-          removeSlot(slot.id);
-        }
-      },
-      slot.id
-    ))
-  ] });
+  const isInitialized = sessionToken !== void 0;
+  return /* @__PURE__ */ jsxs2(
+    MoonPayContext.Provider,
+    {
+      value: { client, sessionToken, core, frameBaseUrl, theme, initialize, isInitialized },
+      children: [
+        children,
+        frameSlots.filter((slot) => slot.hidden).map((slot) => /* @__PURE__ */ jsx3(MoonPayFrame, { transport: slot.transport, hidden: true }, slot.id)),
+        frameSlots.filter((slot) => !slot.hidden).map((slot) => /* @__PURE__ */ jsx3(
+          VisibleFrameSlotSheet,
+          {
+            slot,
+            onClose: () => {
+              slot.dispose();
+              removeSlot(slot.id);
+            }
+          },
+          slot.id
+        ))
+      ]
+    }
+  );
 }
 function useMoonPayContext() {
   const ctx = useContext(MoonPayContext);
@@ -1219,7 +1244,8 @@ function useMoonPayContext() {
   return ctx;
 }
 function useMoonPay() {
-  return useMoonPayContext();
+  const { client, initialize, isInitialized } = useMoonPayContext();
+  return { client, initialize, isInitialized };
 }
 
 // src/frame-view.tsx