@superlogic/spree-pay 0.1.2 → 0.1.4

package/README.md

@@ -16,8 +16,10 @@ import { useState } from 'react';
 import { SpreePay, SpreePayProvider, useSpreePay } from '@superlogic/spree-pay';
 
 const spreeEnv = {
-  environment: 'dev', // 'stg' or 'prod' for other environments
-  accessToken: 'demo-access-token', // Use env vars in production
+  tenantId: 'moca' // Keep moca for crypto payments on BASE network
+  environment: 'dev',
+  accessToken: 'eyJhbGciOiJSUzI1NiIs...', // Use user JWT token
+  redirect3dsURI: '/3ds' // Any valid URI in your app that captures 3ds redirect
 };
 
 function Checkout() {
@@ -52,4 +54,19 @@ function CheckoutContent() {
     </div>
   );
 }
+
+import { useCapture3DS } from '@superlogic/spree-pay';
+
+// example 3DS redirect page hosted on /3ds
+export default function ThreeDSRedirectPage() {
+  // take payment intent from search params as payment_intent
+  const searchParams = exampleGetSearchParams();
+
+  // place that hook, it will take paymentIntent and close 3ds modal
+  useCapture3DS({ paymentIntent: searchParams['payment_intent'] });
+
+  // Render null or any other UI/Loader
+  return null;
+}
+
 ```