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

package/dist/index.cjs

@@ -70,7 +70,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: {
@@ -80,6 +81,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":
@@ -121,6 +124,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":
@@ -151,7 +156,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: {
@@ -161,6 +167,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":
@@ -287,7 +295,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) {
@@ -666,7 +675,10 @@ async function setupAddCard(deps, opts) {
 var import_result2 = require("@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 (0, import_result2.ok)({ setQuote: handle.commands.setQuote, dispose });
   } catch (e) {
@@ -738,7 +750,10 @@ async function setupBuy(deps, opts) {
 var import_result5 = require("@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 (0, import_result5.ok)({ setQuote: handle.commands.setQuote, dispose });
   } catch (e) {
@@ -885,7 +900,10 @@ async function setupGooglePay(deps, opts) {
 var import_result12 = require("@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 (0, import_result12.ok)({ dispose });
   } catch (e) {
@@ -1331,6 +1349,7 @@ function MoonPayAddCard({ onEvent, style }) {
 var import_jsx_runtime6 = require("react/jsx-runtime");
 function MoonPayApplePayButton({
   quote,
+  externalTransactionId,
   onEvent,
   style
 }) {
@@ -1338,7 +1357,7 @@ function MoonPayApplePayButton({
     MoonPayFrameView,
     {
       spec: applePaySpec,
-      props: { quote },
+      props: { quote, externalTransactionId },
       style,
       defaultStyle: { height: 48 },
       onEvent
@@ -1363,12 +1382,17 @@ function MoonPayAuth({ onEvent, style }) {
 
 // src/components/buy-button.tsx
 var import_jsx_runtime8 = require("react/jsx-runtime");
-function MoonPayBuyButton({ quote, onEvent, style }) {
+function MoonPayBuyButton({
+  quote,
+  externalTransactionId,
+  onEvent,
+  style
+}) {
   return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
     MoonPayFrameView,
     {
       spec: buyButtonSpec,
-      props: { quote },
+      props: { quote, externalTransactionId },
       style,
       defaultStyle: { height: 48 },
       onEvent
@@ -1484,12 +1508,17 @@ function MoonPayGooglePayButton({
 
 // src/components/widget.tsx
 var import_jsx_runtime16 = require("react/jsx-runtime");
-function MoonPayWidget({ quote, onEvent, style }) {
+function MoonPayWidget({
+  quote,
+  externalTransactionId,
+  onEvent,
+  style
+}) {
   return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     MoonPayFrameView,
     {
       spec: widgetSpec,
-      props: { quote },
+      props: { quote, externalTransactionId },
       style,
       defaultStyle: { flex: 1 },
       onEvent