@cohostvip/cohost-react 0.3.3 → 0.3.4

package/dist/context/PaymentElementContext.d.ts

@@ -5,6 +5,8 @@ export type PaymentElementProviderProps = {
 };
 export type PaymentElementContextType = {
     tokenizeCard: (cardInfo: CreditCardInformation) => Promise<any>;
+    paymentIntent: any | null;
+    isLoading: boolean;
 };
 export declare const PaymentElementProvider: React.FC<PaymentElementProviderProps>;
 /**

package/dist/context/PaymentElementContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PaymentElementContext.d.ts","sourceRoot":"","sources":["../../src/context/PaymentElementContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyD,MAAM,OAAO,CAAC;AAE9E,OAAO,EAAE,qBAAqB,EAAa,MAAM,yBAAyB,CAAC;AAG3E,MAAM,MAAM,2BAA2B,GAAG;IACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG;IACpC,YAAY,EAAE,CAAC,QAAQ,EAAE,qBAAqB,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC;CACnE,CAAC;AAUF,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAkDxE,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,iBAAiB,QAAO,yBAIpC,CAAC"}
+{"version":3,"file":"PaymentElementContext.d.ts","sourceRoot":"","sources":["../../src/context/PaymentElementContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiE,MAAM,OAAO,CAAC;AAGtF,OAAO,EAAE,qBAAqB,EAAa,MAAM,yBAAyB,CAAC;AAG3E,MAAM,MAAM,2BAA2B,GAAG;IACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG;IACpC,YAAY,EAAE,CAAC,QAAQ,EAAE,qBAAqB,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC;IAChE,aAAa,EAAE,GAAG,GAAG,IAAI,CAAC;IAC1B,SAAS,EAAE,OAAO,CAAC;CACtB,CAAC;AAUF,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CA2ExE,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,iBAAiB,QAAO,yBAIpC,CAAC"}

package/dist/context/PaymentElementContext.js

@@ -1,20 +1,23 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useContext, useEffect, useState } from 'react';
+import { createContext, useContext, useEffect, useState, useRef } from 'react';
 import { useCohostCheckout } from './CohostCheckoutContext';
+import { useCohostClient } from './CohostContext';
 import { authnetTokenizer } from '../lib/tokenizers/authnet';
 const PaymentElementContext = createContext(null);
 const tokenizers = {
     'authnet': authnetTokenizer
 };
 export const PaymentElementProvider = ({ children }) => {
-    const { cartSession } = useCohostCheckout();
+    const { cartSession, cartSessionId } = useCohostCheckout();
+    const { client } = useCohostClient();
     const [paymentIntent, setPaymentIntent] = useState(null);
     const [tokenizer, setTokenizer] = useState(null);
+    const [isLoading, setIsLoading] = useState(false);
+    const fetchAttemptedRef = useRef(false);
     const tokenizeCard = async (cardInfo) => {
         if (!tokenizer) {
             throw new Error("Tokenizer not found");
         }
-        const paymentIntent = cartSession?.meta?.paymentIntent;
         if (!paymentIntent) {
             throw new Error("Payment intent not found");
         }
@@ -32,10 +35,35 @@ export const PaymentElementProvider = ({ children }) => {
         }
     }, [paymentIntent]);
     useEffect(() => {
-        setPaymentIntent(cartSession?.meta?.paymentIntent || null);
-    }, [cartSession]);
+        if (!cartSession) {
+            return;
+        }
+        // If cart session has payment intent, use it
+        if (cartSession.meta?.paymentIntent) {
+            setPaymentIntent(cartSession.meta.paymentIntent);
+            return;
+        }
+        // Only fetch once per mount
+        if (fetchAttemptedRef.current) {
+            return;
+        }
+        fetchAttemptedRef.current = true;
+        setIsLoading(true);
+        client.cart.getPaymentIntent(cartSessionId)
+            .then((result) => {
+            setPaymentIntent(result);
+        })
+            .catch((error) => {
+            console.error("Error fetching payment intent:", error);
+        })
+            .finally(() => {
+            setIsLoading(false);
+        });
+    }, [cartSession, cartSessionId, client]);
     return (_jsx(PaymentElementContext.Provider, { value: {
-            tokenizeCard
+            tokenizeCard,
+            paymentIntent,
+            isLoading,
         }, children: children }));
 };
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cohostvip/cohost-react",
-  "version": "0.3.3",
+  "version": "0.3.4",
   "description": "React bindings for the Cohost API",
   "main": "dist/index.js",
   "module": "dist/index.js",