@cohostvip/cohost-react 0.3.3 → 0.3.5

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

@@ -1 +1 @@
-{"version":3,"file":"CohostCheckoutContext.d.ts","sourceRoot":"","sources":["../../src/context/CohostCheckoutContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAEzG,MAAM,MAAM,2BAA2B,GAAG;IACtC,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG;IACpC,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,WAAW,GAAG,IAAI,CAAC;IAChC,SAAS,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC;QAAE,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;QAAC,KAAK,CAAC,EAAE;YAAE,OAAO,EAAE,MAAM,CAAC;YAAC,MAAM,CAAC,EAAE,MAAM,CAAA;SAAE,CAAA;KAAE,CAAC,CAAC;IACjH,UAAU,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,GAAG,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAEnF,aAAa,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,GAAG,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACpE,aAAa,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAErD,iBAAiB,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,oBAAoB,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1E,UAAU,EAAE,MAAM,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC,CAAC;IACnD,cAAc,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IACpD,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7C,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5C,WAAW,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,QAAQ,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5D,iBAAiB,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,aAAa,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACzE,CAAC;AAGF,eAAO,MAAM,qBAAqB,iDAAwD,CAAC;AAE3F,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CA4OxE,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,iBAAiB,QAAO,yBAIpC,CAAC"}
+{"version":3,"file":"CohostCheckoutContext.d.ts","sourceRoot":"","sources":["../../src/context/CohostCheckoutContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAEzG,MAAM,MAAM,2BAA2B,GAAG;IACtC,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG;IACpC,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,WAAW,GAAG,IAAI,CAAC;IAChC,SAAS,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC;QAAE,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;QAAC,KAAK,CAAC,EAAE;YAAE,OAAO,EAAE,MAAM,CAAC;YAAC,MAAM,CAAC,EAAE,MAAM,CAAA;SAAE,CAAA;KAAE,CAAC,CAAC;IACjH,UAAU,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,GAAG,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAEnF,aAAa,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,GAAG,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACpE,aAAa,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAErD,iBAAiB,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,oBAAoB,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1E,UAAU,EAAE,MAAM,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC,CAAC;IACnD,cAAc,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IACpD,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7C,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5C,WAAW,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,QAAQ,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5D,iBAAiB,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,aAAa,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACzE,CAAC;AAGF,eAAO,MAAM,qBAAqB,iDAAwD,CAAC;AAE3F,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAkPxE,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,iBAAiB,QAAO,yBAIpC,CAAC"}

package/dist/context/CohostCheckoutContext.js

@@ -4,11 +4,16 @@ import { createContext, useContext, useEffect } from 'react';
 import { useCohostClient } from './CohostContext';
 export const CohostCheckoutContext = createContext(null);
 export const CohostCheckoutProvider = ({ cartSessionId, children, }) => {
-    const { client } = useCohostClient();
+    const { client, debug } = useCohostClient();
     const [cartSession, setCartSession] = React.useState(null);
+    const logError = (message, error) => {
+        if (debug) {
+            console.error(message, error);
+        }
+    };
     const assertCartSession = () => {
         if (!cartSession) {
-            console.error("CohostCheckoutProvider requires a cartSession");
+            logError("CohostCheckoutProvider requires a cartSession");
             throw new Error("CohostCheckoutProvider requires a cartSession");
         }
     };
@@ -19,7 +24,7 @@ export const CohostCheckoutProvider = ({ cartSessionId, children, }) => {
             setCartSession(updatedCart);
         }
         catch (error) {
-            console.error("Error applying coupon:", error);
+            logError("Error applying coupon:", error);
             throw error;
         }
     };
@@ -30,7 +35,7 @@ export const CohostCheckoutProvider = ({ cartSessionId, children, }) => {
             setCartSession(updatedCart);
         }
         catch (error) {
-            console.error("Error removing coupon:", error);
+            logError("Error removing coupon:", error);
             throw error;
         }
     };
@@ -45,7 +50,7 @@ export const CohostCheckoutProvider = ({ cartSessionId, children, }) => {
             return { itemId };
         }
         catch (error) {
-            console.error("Error joining group:", error);
+            logError("Error joining group:", error);
             return {
                 itemId: null,
                 error: {
@@ -62,7 +67,7 @@ export const CohostCheckoutProvider = ({ cartSessionId, children, }) => {
             setCartSession(updatedCart);
         }
         catch (error) {
-            console.error("Error updating cart item:", error);
+            logError("Error updating cart item:", error);
         }
     };
     const incrementItem = async (itemId, options) => {
@@ -81,7 +86,7 @@ export const CohostCheckoutProvider = ({ cartSessionId, children, }) => {
             }
         }
         catch (error) {
-            console.error("Error incrementing cart item:", error);
+            logError("Error incrementing cart item:", error);
         }
     };
     const decrementItem = async (itemId) => {
@@ -97,7 +102,7 @@ export const CohostCheckoutProvider = ({ cartSessionId, children, }) => {
             }
         }
         catch (error) {
-            console.error("Error decrementing cart item:", error);
+            logError("Error decrementing cart item:", error);
         }
     };
     const updateCartSession = async (data) => {
@@ -107,7 +112,7 @@ export const CohostCheckoutProvider = ({ cartSessionId, children, }) => {
             setCartSession(updatedCart);
         }
         catch (error) {
-            console.error("Error updating cart session:", error);
+            logError("Error updating cart session:", error);
         }
     };
     const setCustomer = async (customer) => {
@@ -122,7 +127,7 @@ export const CohostCheckoutProvider = ({ cartSessionId, children, }) => {
             setCartSession(updatedCart);
         }
         catch (error) {
-            console.error("Error setting customer:", error);
+            logError("Error setting customer:", error);
         }
     };
     const setBillingAddress = async (address) => {
@@ -145,7 +150,7 @@ export const CohostCheckoutProvider = ({ cartSessionId, children, }) => {
             return res;
         }
         catch (error) {
-            console.error("Error placing order:", error);
+            logError("Error placing order:", error);
         }
     };
     const processPayment = async (data) => {
@@ -155,12 +160,12 @@ export const CohostCheckoutProvider = ({ cartSessionId, children, }) => {
             return res;
         }
         catch (error) {
-            console.error("Error processing payment:", error);
+            logError("Error processing payment:", error);
         }
     };
     useEffect(() => {
         if (!cartSessionId) {
-            console.error("CohostCheckoutProvider requires a cartSessionId");
+            logError("CohostCheckoutProvider requires a cartSessionId");
             return;
         }
         const fetchCartSession = async () => {
@@ -169,7 +174,7 @@ export const CohostCheckoutProvider = ({ cartSessionId, children, }) => {
                 setCartSession(cart);
             }
             catch (error) {
-                console.error("Error fetching cart session:", error);
+                logError("Error fetching cart session:", error);
                 // rethrow the error to be handled by the caller
                 throw error;
             }

package/dist/context/CohostContext.d.ts

@@ -13,5 +13,6 @@ export type CohostProviderProps = {
 export declare const CohostProvider: React.FC<CohostProviderProps>;
 export declare const useCohostClient: () => {
     client: CohostClient;
+    debug: boolean;
 };
 //# sourceMappingURL=CohostContext.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"CohostContext.d.ts","sourceRoot":"","sources":["../../src/context/CohostContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,oBAAoB,EAAsB,KAAK,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAGrG,MAAM,MAAM,mBAAmB,GAAG;IAC9B,QAAQ,CAAC,EAAE,oBAAoB,CAAC;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B,GAAG,CAAC;IACD,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,YAAY,CAAC;CACzB,GAAG;IACA,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,YAAY,CAAC;CACxB,CAAC,CAAC;AAMH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAaxD,CAAC;AAEF,eAAO,MAAM,eAAe,QAAO;IAAE,MAAM,EAAE,YAAY,CAAA;CAIxD,CAAC"}
+{"version":3,"file":"CohostContext.d.ts","sourceRoot":"","sources":["../../src/context/CohostContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,oBAAoB,EAAsB,KAAK,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAGrG,MAAM,MAAM,mBAAmB,GAAG;IAC9B,QAAQ,CAAC,EAAE,oBAAoB,CAAC;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B,GAAG,CAAC;IACD,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,YAAY,CAAC;CACzB,GAAG;IACA,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,YAAY,CAAC;CACxB,CAAC,CAAC;AAOH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAcxD,CAAC;AAEF,eAAO,MAAM,eAAe,QAAO;IAAE,MAAM,EAAE,YAAY,CAAC;IAAC,KAAK,EAAE,OAAO,CAAA;CAIxE,CAAC"}

package/dist/context/CohostContext.js

@@ -4,7 +4,8 @@ import { createCohostClient } from '@cohostvip/cohost-node';
 const CohostContext = createContext(null);
 export const CohostProvider = ({ client: providedClient, settings, token: providedToken, children, }) => {
     const client = providedClient ?? createCohostClient({ token: providedToken, settings }); // assumes a factory fn in cohost-node
-    return (_jsx(CohostContext.Provider, { value: { client }, children: children }));
+    const debug = settings?.debug ?? false;
+    return (_jsx(CohostContext.Provider, { value: { client, debug }, children: children }));
 };
 export const useCohostClient = () => {
     const ctx = useContext(CohostContext);

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,CA6ExE,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, debug } = 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,37 @@ 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) => {
+            if (debug) {
+                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.5",
   "description": "React bindings for the Cohost API",
   "main": "dist/index.js",
   "module": "dist/index.js",