@moonpay/platform-sdk-react-native 1.6.0 → 1.8.0

package/README.md

@@ -328,8 +328,9 @@ if (result.ok) {
 
 - **Connection** — `getConnection()`, `connect()`, `setupAuth()` (requires a prior `getConnection()` call), `resetConnection()`
 - **Payments data** — `getQuote()`, `getPaymentMethods()`, `deletePaymentMethod()`, `listTransactions()`, `getTransaction()`
-- **Frames** — `setupWidget()`, `setupBuy()`, `setupChallenge()`, `setupAddCard()`
-- **Identity** — `createIdentity()`, `getIdentity()`, `updateIdentity()`, `verifyIdentity()` and file upload helpers for headless integrations
+- **Frames** — `setupWidget()`, `setupBuy()`, `setupChallenge()`, `setupAddCard()`, `setupCustomerExport()`
+- **Customer** — `getCustomer()`, `submitCustomerKyc()`, `getCustomerUploadUrl()`, `submitCustomerFiles()` for headless integrations
+- **Identity** *(deprecated, use Customer above)* — `createIdentity()`, `getIdentity()`, `updateIdentity()`, `verifyIdentity()` and file upload helpers
 
 **Components**
 
@@ -338,7 +339,8 @@ if (result.ok) {
 | `<MoonPayConnect>` | Connect flow, inline |
 | `<MoonPayConnectionCheck>` | Headless connection check (nothing visible) |
 | `<MoonPayConnectionReset>` | Headless connection reset (nothing visible) |
-| `<MoonPayAuth>` | Email/OTP auth for headless / Identity API integrations — check the connection first |
+| `<MoonPayAuth>` | Email/OTP auth for headless / Customer API integrations — check the connection first |
+| `<MoonPayCustomerExport>` | Customer-export consent capture, inline |
 | `<MoonPayWidget>` | Full buy widget, inline |
 | `<MoonPayApplePayButton>` | Apple Pay button, inline |
 | `<MoonPayGooglePayButton>` | Google Pay button, inline |

package/dist/index.cjs

@@ -28,8 +28,8 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/index.ts
-var src_exports = {};
-__export(src_exports, {
+var index_exports = {};
+__export(index_exports, {
   ConnectionStatus: () => import_connection2.ConnectionStatus,
   MoonPayAddCard: () => MoonPayAddCard,
   MoonPayApplePayButton: () => MoonPayApplePayButton,
@@ -40,6 +40,7 @@ __export(src_exports, {
   MoonPayConnect: () => MoonPayConnect,
   MoonPayConnectionCheck: () => MoonPayConnectionCheck,
   MoonPayConnectionReset: () => MoonPayConnectionReset,
+  MoonPayCustomerExport: () => MoonPayCustomerExport,
   MoonPayFrame: () => MoonPayFrame,
   MoonPayGooglePayButton: () => MoonPayGooglePayButton,
   MoonPayProvider: () => MoonPayProvider,
@@ -47,7 +48,7 @@ __export(src_exports, {
   WebViewTransport: () => WebViewTransport,
   useMoonPay: () => useMoonPay
 });
-module.exports = __toCommonJS(src_exports);
+module.exports = __toCommonJS(index_exports);
 var import_connection2 = require("@moonpay/platform-protocol/models/connection");
 
 // src/frame-specs.ts
@@ -179,14 +180,12 @@ var buyButtonSpec = {
   })
 };
 function applyCredentialsOnComplete(msg, ctx) {
-  if (msg.kind !== "complete" || !ctx.privateKey)
-    return;
+  if (msg.kind !== "complete" || !ctx.privateKey) return;
   const connection = msg.payload;
   if (connection.status !== import_connection.ConnectionStatus.active && connection.status !== import_connection.ConnectionStatus.connectionRequired) {
     return;
   }
-  if (!connection.credentials)
-    return;
+  if (!connection.credentials) return;
   const creds = (0, import_platform_sdk_core.decryptCredentials)(connection.credentials, ctx.privateKey);
   ctx.core.context.setAccessToken(creds.accessToken);
   ctx.core.context.setClientToken(creds.clientToken);
@@ -371,6 +370,33 @@ var addCardSpec = {
     payload: { code: "generic", message }
   })
 };
+var customerExportSpec = {
+  channelPrefix: "customer-export",
+  path: import_platform_sdk_core.FRAME_PATHS.customerExport,
+  hidden: false,
+  buildParams: (ctx) => ({ clientToken: ctx.core.context.clientToken }),
+  mapMessage: (msg) => {
+    switch (msg.kind) {
+      case "ready":
+        return { kind: "ready" };
+      case "complete":
+        return {
+          kind: "complete",
+          payload: msg.payload
+        };
+      case "error":
+        return { kind: "error", payload: msg.payload };
+      case "close":
+        return { kind: "close" };
+      default:
+        return null;
+    }
+  },
+  errorEvent: (message) => ({
+    kind: "error",
+    payload: { code: import_connection.ConnectionErrorCode.connectionFailedGeneric, message }
+  })
+};
 var challengeSpec = {
   channelPrefix: "challenge",
   path: import_platform_sdk_core.FRAME_PATHS.challenge,
@@ -408,8 +434,7 @@ var connectionResetSpec = {
   handshakeTimeout: 5e3,
   buildParams: (ctx) => ({ sessionToken: ctx.sessionToken }),
   mapMessage: (msg) => {
-    if (msg.kind === "complete")
-      return { kind: "complete" };
+    if (msg.kind === "complete") return { kind: "complete" };
     if (msg.kind === "error") {
       const payload = msg.payload;
       return { kind: "error", payload: { message: payload?.message ?? "Reset failed" } };
@@ -436,8 +461,7 @@ function MoonPayFrame({ transport, hidden, style }) {
     };
   }, [transport]);
   const url = transport.url;
-  if (!url)
-    return null;
+  if (!url) return null;
   const handleMessage = (event) => {
     transport.handleWebViewMessage(event.nativeEvent.data);
   };
@@ -457,9 +481,10 @@ function MoonPayFrame({ transport, hidden, style }) {
 }
 
 // src/frame-engine.ts
-var import_platform_sdk_core2 = require("@moonpay/platform-sdk-core");
+var import_platform_sdk_core3 = require("@moonpay/platform-sdk-core");
 
 // src/webview-transport.ts
+var import_platform_sdk_core2 = require("@moonpay/platform-sdk-core");
 var WebViewTransport = class {
   webViewRef = null;
   handlers = [];
@@ -473,8 +498,7 @@ var WebViewTransport = class {
   handleWebViewMessage(data) {
     try {
       const msg = JSON.parse(data);
-      if (!msg.kind)
-        return;
+      if (!msg.kind) return;
       for (const handler of this.handlers) {
         handler(msg);
       }
@@ -489,6 +513,9 @@ var WebViewTransport = class {
   }
   // FrameTransport interface
   create(url, options) {
+    if (!(0, import_platform_sdk_core2.isTrustedFrameUrl)(url)) {
+      throw new Error("Refusing to load frame: URL is not a trusted MoonPay origin");
+    }
     this._url = url;
     this._options = options;
   }
@@ -502,8 +529,7 @@ var WebViewTransport = class {
     this.handlers.push(handler);
     return () => {
       const idx = this.handlers.indexOf(handler);
-      if (idx >= 0)
-        this.handlers.splice(idx, 1);
+      if (idx >= 0) this.handlers.splice(idx, 1);
     };
   }
   dispose() {
@@ -524,20 +550,20 @@ var FrameSessionDisposedError = class extends Error {
 function createFrameSession(spec, ctx, props, overrides = {}) {
   const generated = `${spec.channelPrefix}-${Date.now()}`;
   const channelId = spec.resolveChannelId ? spec.resolveChannelId(props, generated) : generated;
-  const keyPair = spec.needsKeyPair ? (0, import_platform_sdk_core2.generateKeyPair)() : void 0;
-  const builtUrl = spec.buildUrl ? spec.buildUrl(ctx, props, channelId, keyPair?.publicKey) : (0, import_platform_sdk_core2.buildFrameUrl)(
+  const keyPair = spec.needsKeyPair ? (0, import_platform_sdk_core3.generateKeyPair)() : void 0;
+  const builtUrl = spec.buildUrl ? spec.buildUrl(ctx, props, channelId, keyPair?.publicKey) : (0, import_platform_sdk_core3.buildFrameUrl)(
     spec.path,
     { ...spec.buildParams?.(ctx, props, keyPair?.publicKey), channelId },
     { frameBaseUrl: ctx.frameBaseUrl }
   );
-  const url = spec.hidden ? builtUrl : (0, import_platform_sdk_core2.applyThemeParam)(builtUrl, ctx.theme);
+  const url = spec.hidden ? builtUrl : (0, import_platform_sdk_core3.applyThemeParam)(builtUrl, ctx.theme);
   const transport = (overrides.createTransport ?? (() => new WebViewTransport()))();
   let resolvedHandle = null;
   let rejectDisposed;
   const disposedBeforeReady = new Promise((_, reject) => {
     rejectDisposed = reject;
   });
-  const handleReady = (0, import_platform_sdk_core2.createFrameOrchestrator)({
+  const handleReady = (0, import_platform_sdk_core3.createFrameOrchestrator)({
     transport,
     channelId,
     url,
@@ -551,8 +577,7 @@ function createFrameSession(spec, ctx, props, overrides = {}) {
     const disposeHandlers = [];
     let disposeNotified = false;
     const notifyDisposed = () => {
-      if (disposeNotified)
-        return;
+      if (disposeNotified) return;
       disposeNotified = true;
       for (const handler of [...disposeHandlers]) {
         handler();
@@ -577,8 +602,7 @@ function createFrameSession(spec, ctx, props, overrides = {}) {
         eventHandlers.push(handler);
         return () => {
           const idx = eventHandlers.indexOf(handler);
-          if (idx >= 0)
-            eventHandlers.splice(idx, 1);
+          if (idx >= 0) eventHandlers.splice(idx, 1);
         };
       },
       onMessage: (handler) => handle.onMessage(handler),
@@ -586,8 +610,7 @@ function createFrameSession(spec, ctx, props, overrides = {}) {
         disposeHandlers.push(handler);
         return () => {
           const idx = disposeHandlers.indexOf(handler);
-          if (idx >= 0)
-            disposeHandlers.splice(idx, 1);
+          if (idx >= 0) disposeHandlers.splice(idx, 1);
         };
       },
       sendMessage: send,
@@ -621,7 +644,7 @@ function createFrameSession(spec, ctx, props, overrides = {}) {
 }
 
 // src/provider.tsx
-var import_platform_sdk_core3 = require("@moonpay/platform-sdk-core");
+var import_platform_sdk_core5 = require("@moonpay/platform-sdk-core");
 var import_react3 = require("react");
 
 // src/methods/add-card.ts
@@ -728,15 +751,19 @@ async function setupBuyButton(deps, opts) {
 
 // src/methods/challenge.ts
 var import_result6 = require("@moonpay/platform-protocol/result");
+var import_platform_sdk_core4 = require("@moonpay/platform-sdk-core");
 async function setupChallenge(deps, opts) {
+  if (!(0, import_platform_sdk_core4.isTrustedFrameUrl)(opts.url)) {
+    return (0, import_result6.err)({
+      kind: "configurationError",
+      message: "Challenge URL must be served from a trusted MoonPay origin"
+    });
+  }
   try {
     const { handle, dispose } = await deps.mountSession(challengeSpec, { url: opts.url });
     handle.onEvent((event) => opts.onEvent?.(event));
     return (0, import_result6.ok)({ dispose });
   } catch (e) {
-    if (e instanceof TypeError) {
-      return (0, import_result6.err)({ kind: "configurationError", message: "Invalid challenge URL" });
-    }
     return (0, import_result6.err)({
       kind: "genericError",
       message: e instanceof Error ? e.message : "Challenge setup failed"
@@ -821,8 +848,23 @@ async function resetConnection(deps) {
   }
 }
 
-// src/methods/google-pay.ts
+// src/methods/customer-export.ts
 var import_result10 = require("@moonpay/platform-protocol/result");
+async function setupCustomerExport(deps, opts) {
+  try {
+    const { handle, dispose } = await deps.mountSession(customerExportSpec, {});
+    handle.onEvent((event) => opts.onEvent?.(event));
+    return (0, import_result10.ok)({ dispose });
+  } catch (e) {
+    return (0, import_result10.err)({
+      kind: "genericError",
+      message: e instanceof Error ? e.message : "Customer export setup failed"
+    });
+  }
+}
+
+// src/methods/google-pay.ts
+var import_result11 = require("@moonpay/platform-protocol/result");
 async function setupGooglePay(deps, opts) {
   try {
     const { handle, dispose } = await deps.mountSession(googlePaySpec, {
@@ -830,9 +872,9 @@ async function setupGooglePay(deps, opts) {
       externalTransactionId: opts.externalTransactionId
     });
     handle.onEvent((event) => opts.onEvent?.(event));
-    return (0, import_result10.ok)({ setQuote: handle.commands.setQuote, dispose });
+    return (0, import_result11.ok)({ setQuote: handle.commands.setQuote, dispose });
   } catch (e) {
-    return (0, import_result10.err)({
+    return (0, import_result11.err)({
       kind: "genericError",
       message: e instanceof Error ? e.message : "Google Pay setup failed"
     });
@@ -840,14 +882,14 @@ async function setupGooglePay(deps, opts) {
 }
 
 // src/methods/widget.ts
-var import_result11 = require("@moonpay/platform-protocol/result");
+var import_result12 = require("@moonpay/platform-protocol/result");
 async function setupWidget(deps, opts) {
   try {
     const { handle, dispose } = await deps.mountSession(widgetSpec, { quote: opts.quote });
     handle.onEvent((event) => opts.onEvent?.(event));
-    return (0, import_result11.ok)({ dispose });
+    return (0, import_result12.ok)({ dispose });
   } catch (e) {
-    return (0, import_result11.err)({
+    return (0, import_result12.err)({
       kind: "genericError",
       message: e instanceof Error ? e.message : "Widget setup failed"
     });
@@ -875,6 +917,11 @@ function createRNClient(deps) {
     resetConnection: () => resetConnection(deps),
     setupChallenge: (opts) => setupChallenge(deps, opts),
     setupAddCard: (opts) => setupAddCard(deps, opts),
+    setupCustomerExport: (opts) => setupCustomerExport(deps, opts),
+    getCustomer: (id) => core.getCustomer(id),
+    submitCustomerKyc: (id, body) => core.submitCustomerKyc(id, body),
+    getCustomerUploadUrl: (id, body) => core.getCustomerUploadUrl(id, body),
+    submitCustomerFiles: (id, body) => core.submitCustomerFiles(id, body),
     createIdentity: (body) => core.createIdentity(body),
     getIdentity: (id) => core.getIdentity(id),
     updateIdentity: (id, body) => core.updateIdentity(id, body),
@@ -924,18 +971,15 @@ var NOOP = {
   close: false
 };
 function resolvePresentation(phase, signal) {
-  if (phase === "closed")
-    return { phase: "closed", ...NOOP };
+  if (phase === "closed") return { phase: "closed", ...NOOP };
   switch (signal) {
     case "ready":
       return { ...NOOP, phase: "presented", present: phase === "hidden", liftSpinner: true };
     case "grace":
-      if (phase === "presented")
-        return { phase: "presented", ...NOOP };
+      if (phase === "presented") return { phase: "presented", ...NOOP };
       return { ...NOOP, phase: "presented", present: true };
     case "terminal":
-      if (phase === "hidden")
-        return { ...NOOP, phase: "closed", dismissSilent: true };
+      if (phase === "hidden") return { ...NOOP, phase: "closed", dismissSilent: true };
       return { ...NOOP, phase: "closed", close: true };
   }
 }
@@ -975,13 +1019,11 @@ function VisibleFrameSlotSheet({
   onCloseRef.current = onClose;
   const closingRef = (0, import_react2.useRef)(false);
   const close = (0, import_react2.useCallback)(() => {
-    if (closingRef.current)
-      return;
+    if (closingRef.current) return;
     closingRef.current = true;
     phaseRef.current = "closed";
     animateSheet(translateY, sheetHeight, ({ finished }) => {
-      if (finished)
-        onCloseRef.current();
+      if (finished) onCloseRef.current();
     });
   }, [translateY, sheetHeight]);
   const panResponder = (0, import_react2.useMemo)(
@@ -1024,12 +1066,9 @@ function VisibleFrameSlotSheet({
         setPresented(true);
         animateSheet(translateY, 0);
       }
-      if (result.liftSpinner)
-        setFrameReady(true);
-      if (result.dismissSilent)
-        onCloseRef.current();
-      if (result.close)
-        close();
+      if (result.liftSpinner) setFrameReady(true);
+      if (result.dismissSilent) onCloseRef.current();
+      if (result.close) close();
     },
     [translateY, close]
   );
@@ -1039,10 +1078,8 @@ function VisibleFrameSlotSheet({
   }, [dispatch]);
   (0, import_react2.useEffect)(() => {
     const unsubscribe = slot.transport.onMessage((msg) => {
-      if (msg.kind === "ready")
-        dispatch("ready");
-      else if (msg.kind === "complete" || msg.kind === "error")
-        dispatch("terminal");
+      if (msg.kind === "ready") dispatch("ready");
+      else if (msg.kind === "complete" || msg.kind === "error") dispatch("terminal");
     });
     return unsubscribe;
   }, [slot.transport, dispatch]);
@@ -1144,7 +1181,7 @@ function MoonPayProvider({
   }, []);
   const coreRef = (0, import_react3.useRef)(null);
   if (!coreRef.current) {
-    coreRef.current = (0, import_platform_sdk_core3.createClientCore)({
+    coreRef.current = (0, import_platform_sdk_core5.createClientCore)({
       apiBaseUrl,
       frameBaseUrl,
       createTransport: () => new WebViewTransport()
@@ -1265,8 +1302,7 @@ function MoonPayFrameView({
   }, [mountKey, spec, sessionToken, core, frameBaseUrl]);
   (0, import_react4.useEffect)(() => {
     const handle = handleRef.current;
-    if (!handle)
-      return;
+    if (!handle) return;
     applyReactiveProps(spec, reactiveKeys, propsRef.current, appliedRef.current, handle);
   }, [liveKey]);
   if (spec.hidden) {
@@ -1411,15 +1447,30 @@ function MoonPayConnectionReset({ onEvent }) {
   return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(MoonPayFrameView, { spec: connectionResetSpec, props: {}, defaultStyle: {}, onEvent });
 }
 
-// src/components/google-pay-button.tsx
+// src/components/customer-export.tsx
 var import_jsx_runtime14 = require("react/jsx-runtime");
+function MoonPayCustomerExport({ onEvent, style }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    MoonPayFrameView,
+    {
+      spec: customerExportSpec,
+      props: {},
+      style,
+      defaultStyle: { flex: 1 },
+      onEvent
+    }
+  );
+}
+
+// src/components/google-pay-button.tsx
+var import_jsx_runtime15 = require("react/jsx-runtime");
 function MoonPayGooglePayButton({
   quote,
   externalTransactionId,
   onEvent,
   style
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
     MoonPayFrameView,
     {
       spec: googlePaySpec,
@@ -1432,9 +1483,9 @@ function MoonPayGooglePayButton({
 }
 
 // src/components/widget.tsx
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 function MoonPayWidget({ quote, onEvent, style }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     MoonPayFrameView,
     {
       spec: widgetSpec,
@@ -1457,6 +1508,7 @@ function MoonPayWidget({ quote, onEvent, style }) {
   MoonPayConnect,
   MoonPayConnectionCheck,
   MoonPayConnectionReset,
+  MoonPayCustomerExport,
   MoonPayFrame,
   MoonPayGooglePayButton,
   MoonPayProvider,