@superlogic/spree-pay 0.1.8 → 0.1.9

package/README.md

@@ -14,6 +14,7 @@ npm i @superlogic/spree-pay
 import { useState } from 'react';
 
 import { SpreePay, SpreePayProvider, useSpreePay } from '@superlogic/spree-pay';
+import '@superlogic/spree-pay/styles.css';
 
 const spreeEnv = {
   tenantId: 'moca' // Keep moca for crypto payments on BASE network
@@ -31,7 +32,7 @@ function Checkout() {
 }
 
 function CheckoutContent() {
-  const { process } = useSpreePay(); // Access payment process function (must be inside provider)
+  const { process, selectedPaymentMethod, isProcessing } = useSpreePay(); // Access payment process function and processing state (must be inside provider)
   const [status, setStatus] = useState<'idle' | 'processing' | 'success' | 'error'>('idle');
 
   async function handleProcess() {
@@ -48,7 +49,7 @@ function CheckoutContent() {
 
   return (
     <div style={{ maxWidth: 540 }}>
-      <SpreePay amount={99} onProcess={handleProcess} />
+      <SpreePay isLoading={status === 'processing'} amount={99} onProcess={handleProcess} />
       {status === 'success' && <p>Payment successful! Thank you for your order.</p>}
       {status === 'error' && <p>Payment failed. Please try again.</p>}
     </div>

package/build/index.cjs

@@ -577,12 +577,15 @@ var cardPayment = async ({ card, hash, redirect3dsURI }) => {
     if (paymentIntent) {
       const { data: validateData } = await SlapiPaymentService.validate3DS({ paymentId: paymentResData.id });
       return {
-        status: validateData.status
+        status: validateData.status,
+        txHash: null,
+        paymentId: paymentResData.id
       };
     }
   }
   return {
     status: paymentResData.status,
+    txHash: null,
     paymentId: paymentResData.id
   };
 };

package/build/index.d.cts

@@ -93,8 +93,8 @@ declare const enum SlapiPaymentStatus {
 }
 type PaymentMethodResult = {
     status: SlapiPaymentStatus;
-    txHash?: string;
-    paymentId?: string;
+    txHash: string | null;
+    paymentId: string | null;
 };
 
 type SpreePayProviderProps = {

package/build/index.d.ts

@@ -93,8 +93,8 @@ declare const enum SlapiPaymentStatus {
 }
 type PaymentMethodResult = {
     status: SlapiPaymentStatus;
-    txHash?: string;
-    paymentId?: string;
+    txHash: string | null;
+    paymentId: string | null;
 };
 
 type SpreePayProviderProps = {

package/build/index.js

@@ -538,12 +538,15 @@ var cardPayment = async ({ card, hash, redirect3dsURI }) => {
     if (paymentIntent) {
       const { data: validateData } = await SlapiPaymentService.validate3DS({ paymentId: paymentResData.id });
       return {
-        status: validateData.status
+        status: validateData.status,
+        txHash: null,
+        paymentId: paymentResData.id
       };
     }
   }
   return {
     status: paymentResData.status,
+    txHash: null,
     paymentId: paymentResData.id
   };
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@superlogic/spree-pay",
-  "version": "0.1.8",
+  "version": "0.1.9",
   "description": "Spree-pay React component and utilities",
   "private": false,
   "type": "module",