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

package/dist/index.d.cts

@@ -83,6 +83,8 @@ interface AddCardFrame {
 interface SetupApplePayOptions {
     /** Quote signature from getQuote(). */
     quote: string;
+    /** Partner-assigned identifier for this transaction attempt. */
+    externalTransactionId?: string;
     /** Callback for Apple Pay lifecycle events. */
     onEvent?: (event: ApplePaySdk.Event) => void;
 }
@@ -117,6 +119,8 @@ interface BuyFrame {
 interface SetupBuyButtonOptions {
     /** Quote signature from getQuote(). */
     quote: string;
+    /** Partner-assigned identifier for this transaction attempt. */
+    externalTransactionId?: string;
     /** Callback for buy-button frame lifecycle events. */
     onEvent?: (event: BuyButtonSdk.Event) => void;
 }
@@ -180,6 +184,8 @@ interface GooglePayFrame {
 interface SetupWidgetOptions {
     /** Quote signature from getQuote(). */
     quote: string;
+    /** Partner-assigned identifier for this transaction attempt. */
+    externalTransactionId?: string;
     /** Callback for widget lifecycle events. */
     onEvent?: (event: WidgetSdk.Event) => void;
 }
@@ -297,13 +303,15 @@ declare function MoonPayAddCard({ onEvent, style }: MoonPayAddCardProps): JSX.El
 interface MoonPayApplePayButtonProps {
     /** Quote signature from getQuote(). Reactive — updates are pushed via setQuote without remounting. */
     quote: string;
+    /** Partner-assigned identifier for this transaction attempt. Mount-time only. */
+    externalTransactionId?: string;
     /** Callback for Apple Pay lifecycle events. */
     onEvent?: (event: ApplePaySdk.Event) => void;
     /** Container style. Defaults to height 48. */
     style?: ViewStyle;
 }
 /** Inline Apple Pay button. Render it wherever it should appear in your layout. */
-declare function MoonPayApplePayButton({ quote, onEvent, style, }: MoonPayApplePayButtonProps): JSX.Element;
+declare function MoonPayApplePayButton({ quote, externalTransactionId, onEvent, style, }: MoonPayApplePayButtonProps): JSX.Element;
 
 interface MoonPayAuthProps {
     /** Callback for auth lifecycle events. */
@@ -321,13 +329,15 @@ declare function MoonPayAuth({ onEvent, style }: MoonPayAuthProps): JSX.Element;
 interface MoonPayBuyButtonProps {
     /** Quote signature from getQuote(). Reactive — updates are pushed via setQuote without remounting. */
     quote: string;
+    /** Partner-assigned identifier for this transaction attempt. Mount-time only. */
+    externalTransactionId?: string;
     /** Callback for buy button lifecycle events. */
     onEvent?: (event: BuyButtonSdk.Event) => void;
     /** Container style. Defaults to height 48. */
     style?: ViewStyle;
 }
 /** Inline card/buy button. Render it wherever it should appear in your layout. */
-declare function MoonPayBuyButton({ quote, onEvent, style }: MoonPayBuyButtonProps): JSX.Element;
+declare function MoonPayBuyButton({ quote, externalTransactionId, onEvent, style, }: MoonPayBuyButtonProps): JSX.Element;
 
 interface MoonPayBuyFrameProps {
     /** Quote signature from getQuote(). Reactive — updates are pushed via setQuote without remounting. */
@@ -425,13 +435,15 @@ declare function MoonPayGooglePayButton({ quote, externalTransactionId, onEvent,
 interface MoonPayWidgetProps {
     /** Quote signature from getQuote(). Mount-time only — changing it reloads the widget. */
     quote: string;
+    /** Partner-assigned identifier for this transaction attempt. Mount-time only. */
+    externalTransactionId?: string;
     /** Callback for widget lifecycle events. */
     onEvent?: (event: WidgetSdk.Event) => void;
     /** Container style. Defaults to flex: 1. */
     style?: ViewStyle;
 }
 /** Inline widget frame. Render it wherever it should appear in your layout. */
-declare function MoonPayWidget({ quote, onEvent, style }: MoonPayWidgetProps): JSX.Element;
+declare function MoonPayWidget({ quote, externalTransactionId, onEvent, style, }: MoonPayWidgetProps): JSX.Element;
 
 interface MoonPayFrameProps {
     /** The transport instance managing this frame's communication. */

package/dist/index.d.ts

@@ -83,6 +83,8 @@ interface AddCardFrame {
 interface SetupApplePayOptions {
     /** Quote signature from getQuote(). */
     quote: string;
+    /** Partner-assigned identifier for this transaction attempt. */
+    externalTransactionId?: string;
     /** Callback for Apple Pay lifecycle events. */
     onEvent?: (event: ApplePaySdk.Event) => void;
 }
@@ -117,6 +119,8 @@ interface BuyFrame {
 interface SetupBuyButtonOptions {
     /** Quote signature from getQuote(). */
     quote: string;
+    /** Partner-assigned identifier for this transaction attempt. */
+    externalTransactionId?: string;
     /** Callback for buy-button frame lifecycle events. */
     onEvent?: (event: BuyButtonSdk.Event) => void;
 }
@@ -180,6 +184,8 @@ interface GooglePayFrame {
 interface SetupWidgetOptions {
     /** Quote signature from getQuote(). */
     quote: string;
+    /** Partner-assigned identifier for this transaction attempt. */
+    externalTransactionId?: string;
     /** Callback for widget lifecycle events. */
     onEvent?: (event: WidgetSdk.Event) => void;
 }
@@ -297,13 +303,15 @@ declare function MoonPayAddCard({ onEvent, style }: MoonPayAddCardProps): JSX.El
 interface MoonPayApplePayButtonProps {
     /** Quote signature from getQuote(). Reactive — updates are pushed via setQuote without remounting. */
     quote: string;
+    /** Partner-assigned identifier for this transaction attempt. Mount-time only. */
+    externalTransactionId?: string;
     /** Callback for Apple Pay lifecycle events. */
     onEvent?: (event: ApplePaySdk.Event) => void;
     /** Container style. Defaults to height 48. */
     style?: ViewStyle;
 }
 /** Inline Apple Pay button. Render it wherever it should appear in your layout. */
-declare function MoonPayApplePayButton({ quote, onEvent, style, }: MoonPayApplePayButtonProps): JSX.Element;
+declare function MoonPayApplePayButton({ quote, externalTransactionId, onEvent, style, }: MoonPayApplePayButtonProps): JSX.Element;
 
 interface MoonPayAuthProps {
     /** Callback for auth lifecycle events. */
@@ -321,13 +329,15 @@ declare function MoonPayAuth({ onEvent, style }: MoonPayAuthProps): JSX.Element;
 interface MoonPayBuyButtonProps {
     /** Quote signature from getQuote(). Reactive — updates are pushed via setQuote without remounting. */
     quote: string;
+    /** Partner-assigned identifier for this transaction attempt. Mount-time only. */
+    externalTransactionId?: string;
     /** Callback for buy button lifecycle events. */
     onEvent?: (event: BuyButtonSdk.Event) => void;
     /** Container style. Defaults to height 48. */
     style?: ViewStyle;
 }
 /** Inline card/buy button. Render it wherever it should appear in your layout. */
-declare function MoonPayBuyButton({ quote, onEvent, style }: MoonPayBuyButtonProps): JSX.Element;
+declare function MoonPayBuyButton({ quote, externalTransactionId, onEvent, style, }: MoonPayBuyButtonProps): JSX.Element;
 
 interface MoonPayBuyFrameProps {
     /** Quote signature from getQuote(). Reactive — updates are pushed via setQuote without remounting. */
@@ -425,13 +435,15 @@ declare function MoonPayGooglePayButton({ quote, externalTransactionId, onEvent,
 interface MoonPayWidgetProps {
     /** Quote signature from getQuote(). Mount-time only — changing it reloads the widget. */
     quote: string;
+    /** Partner-assigned identifier for this transaction attempt. Mount-time only. */
+    externalTransactionId?: string;
     /** Callback for widget lifecycle events. */
     onEvent?: (event: WidgetSdk.Event) => void;
     /** Container style. Defaults to flex: 1. */
     style?: ViewStyle;
 }
 /** Inline widget frame. Render it wherever it should appear in your layout. */
-declare function MoonPayWidget({ quote, onEvent, style }: MoonPayWidgetProps): JSX.Element;
+declare function MoonPayWidget({ quote, externalTransactionId, onEvent, style, }: MoonPayWidgetProps): JSX.Element;
 
 interface MoonPayFrameProps {
     /** The transport instance managing this frame's communication. */

package/dist/index.js

@@ -27,7 +27,8 @@ var applePaySpec = {
   hidden: false,
   buildParams: (ctx, props) => ({
     clientToken: ctx.core.context.clientToken,
-    signature: props.quote
+    signature: props.quote,
+    ...props.externalTransactionId && { externalTransactionId: props.externalTransactionId }
   }),
   createCommands: createQuoteCommands,
   reactiveProps: {
@@ -37,6 +38,8 @@ var applePaySpec = {
     switch (msg.kind) {
       case "ready":
         return { kind: "ready" };
+      case "buttonPressed":
+        return { kind: "buttonPressed" };
       case "complete":
         return { kind: "complete", payload: msg.payload };
       case "challenge":
@@ -78,6 +81,8 @@ var googlePaySpec = {
     switch (msg.kind) {
       case "ready":
         return { kind: "ready" };
+      case "buttonPressed":
+        return { kind: "buttonPressed" };
       case "complete":
         return { kind: "complete", payload: msg.payload };
       case "challenge":
@@ -108,7 +113,8 @@ var buyButtonSpec = {
   hidden: false,
   buildParams: (ctx, props) => ({
     clientToken: ctx.core.context.clientToken,
-    signature: props.quote
+    signature: props.quote,
+    ...props.externalTransactionId && { externalTransactionId: props.externalTransactionId }
   }),
   createCommands: createQuoteCommands,
   reactiveProps: {
@@ -118,6 +124,8 @@ var buyButtonSpec = {
     switch (msg.kind) {
       case "ready":
         return { kind: "ready" };
+      case "buttonPressed":
+        return { kind: "buttonPressed" };
       case "complete":
         return { kind: "complete", payload: msg.payload };
       case "challenge":
@@ -244,7 +252,8 @@ var widgetSpec = {
   buildParams: (ctx, props) => ({
     flow: "buy",
     clientToken: ctx.core.context.clientToken,
-    quoteSignature: props.quote
+    quoteSignature: props.quote,
+    ...props.externalTransactionId && { externalTransactionId: props.externalTransactionId }
   }),
   mapMessage: (msg) => {
     switch (msg.kind) {
@@ -637,7 +646,10 @@ async function setupAddCard(deps, opts) {
 import { err as err2, ok as ok2 } from "@moonpay/platform-protocol/result";
 async function setupApplePay(deps, opts) {
   try {
-    const { handle, dispose } = await deps.mountSession(applePaySpec, { quote: opts.quote });
+    const { handle, dispose } = await deps.mountSession(applePaySpec, {
+      quote: opts.quote,
+      externalTransactionId: opts.externalTransactionId
+    });
     handle.onEvent((event) => opts.onEvent?.(event));
     return ok2({ setQuote: handle.commands.setQuote, dispose });
   } catch (e) {
@@ -709,7 +721,10 @@ async function setupBuy(deps, opts) {
 import { err as err5, ok as ok5 } from "@moonpay/platform-protocol/result";
 async function setupBuyButton(deps, opts) {
   try {
-    const { handle, dispose } = await deps.mountSession(buyButtonSpec, { quote: opts.quote });
+    const { handle, dispose } = await deps.mountSession(buyButtonSpec, {
+      quote: opts.quote,
+      externalTransactionId: opts.externalTransactionId
+    });
     handle.onEvent((event) => opts.onEvent?.(event));
     return ok5({ setQuote: handle.commands.setQuote, dispose });
   } catch (e) {
@@ -856,7 +871,10 @@ async function setupGooglePay(deps, opts) {
 import { err as err11, ok as ok12 } from "@moonpay/platform-protocol/result";
 async function setupWidget(deps, opts) {
   try {
-    const { handle, dispose } = await deps.mountSession(widgetSpec, { quote: opts.quote });
+    const { handle, dispose } = await deps.mountSession(widgetSpec, {
+      quote: opts.quote,
+      externalTransactionId: opts.externalTransactionId
+    });
     handle.onEvent((event) => opts.onEvent?.(event));
     return ok12({ dispose });
   } catch (e) {
@@ -1313,6 +1331,7 @@ function MoonPayAddCard({ onEvent, style }) {
 import { jsx as jsx6 } from "react/jsx-runtime";
 function MoonPayApplePayButton({
   quote,
+  externalTransactionId,
   onEvent,
   style
 }) {
@@ -1320,7 +1339,7 @@ function MoonPayApplePayButton({
     MoonPayFrameView,
     {
       spec: applePaySpec,
-      props: { quote },
+      props: { quote, externalTransactionId },
       style,
       defaultStyle: { height: 48 },
       onEvent
@@ -1345,12 +1364,17 @@ function MoonPayAuth({ onEvent, style }) {
 
 // src/components/buy-button.tsx
 import { jsx as jsx8 } from "react/jsx-runtime";
-function MoonPayBuyButton({ quote, onEvent, style }) {
+function MoonPayBuyButton({
+  quote,
+  externalTransactionId,
+  onEvent,
+  style
+}) {
   return /* @__PURE__ */ jsx8(
     MoonPayFrameView,
     {
       spec: buyButtonSpec,
-      props: { quote },
+      props: { quote, externalTransactionId },
       style,
       defaultStyle: { height: 48 },
       onEvent
@@ -1466,12 +1490,17 @@ function MoonPayGooglePayButton({
 
 // src/components/widget.tsx
 import { jsx as jsx16 } from "react/jsx-runtime";
-function MoonPayWidget({ quote, onEvent, style }) {
+function MoonPayWidget({
+  quote,
+  externalTransactionId,
+  onEvent,
+  style
+}) {
   return /* @__PURE__ */ jsx16(
     MoonPayFrameView,
     {
       spec: widgetSpec,
-      props: { quote },
+      props: { quote, externalTransactionId },
       style,
       defaultStyle: { flex: 1 },
       onEvent