@cohostvip/cohost-react 0.2.0 → 0.2.1

package/dist/context/CohostCheckoutContext.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import type { CartSession, Customer, PersonAddress, UpdatableCartSession } from '@cohostvip/cohost-node';
 export type CohostCheckoutProviderProps = {
     cartSessionId: string;
@@ -18,6 +18,7 @@ export type CohostCheckoutContextType = {
     removeCoupon: (id: string) => Promise<void>;
     setCustomer: (customer: Partial<Customer>) => Promise<void>;
     setBillingAddress: (address: Partial<PersonAddress>) => Promise<void>;
+    preValidate: (data: unknown) => Promise<unknown>;
 };
 export declare const CohostCheckoutContext: React.Context<CohostCheckoutContextType | null>;
 export declare const CohostCheckoutProvider: React.FC<CohostCheckoutProviderProps>;

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,MAAM,GAAG,IAAI,CAAC,CAAC;IACvD,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,CAsOxE,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,KAAwD,MAAM,OAAO,CAAC;AAE7E,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,MAAM,GAAG,IAAI,CAAC,CAAC;IACvD,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;IACtE,WAAW,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;CACpD,CAAC;AAGF,eAAO,MAAM,qBAAqB,iDAAwD,CAAC;AAE3F,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAmPxE,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,iBAAiB,QAAO,yBAIpC,CAAC"}

package/dist/context/CohostCheckoutContext.js

@@ -1,6 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
-import { createContext, useContext, useEffect } from 'react';
+import React, { createContext, useContext, useEffect, useMemo } from 'react';
 import { useCohostClient } from './CohostContext';
 export const CohostCheckoutContext = createContext(null);
 export const CohostCheckoutProvider = ({ cartSessionId, children, }) => {
@@ -34,6 +33,16 @@ export const CohostCheckoutProvider = ({ cartSessionId, children, }) => {
             throw error;
         }
     };
+    const preValidate = async (data) => {
+        assertCartSession();
+        try {
+            return client.cart.preValidate(cartSessionId, data);
+        }
+        catch (error) {
+            console.error("Error removing coupon:", error);
+            throw error;
+        }
+    };
     const joinGroup = async (groupId) => {
         assertCartSession();
         try {
@@ -120,14 +129,15 @@ export const CohostCheckoutProvider = ({ cartSessionId, children, }) => {
     };
     const setBillingAddress = async (address) => {
         assertCartSession();
+        const billingAddress = {
+            ...cartSession?.customer?.billingAddress,
+            ...address,
+            first: address.first || cartSession?.customer?.billingAddress?.first || cartSession?.customer?.first || '',
+            last: address.last || cartSession?.customer?.billingAddress?.last || cartSession?.customer?.last || '',
+        };
         const customer = {
             ...cartSession?.customer,
-            billingAddress: {
-                ...cartSession?.customer?.billingAddress,
-                ...address,
-                first: address.first || cartSession?.customer?.billingAddress?.first || cartSession?.customer?.first || '',
-                last: address.last || cartSession?.customer?.billingAddress?.last || cartSession?.customer?.last || '',
-            },
+            billingAddress,
         };
         return setCustomer(customer);
     };
@@ -169,24 +179,26 @@ export const CohostCheckoutProvider = ({ cartSessionId, children, }) => {
         };
         fetchCartSession();
     }, [cartSessionId]);
-    return (_jsx(CohostCheckoutContext.Provider, { value: {
-            cartSessionId,
-            cartSession,
-            /**
-             * Item quantity management
-             */
-            updateItem,
-            incrementItem,
-            decrementItem,
-            updateCartSession,
-            placeOrder,
-            joinGroup,
-            processPayment,
-            applyCoupon,
-            removeCoupon,
-            setCustomer,
-            setBillingAddress,
-        }, children: children }));
+    const stateValue = useMemo(() => ({
+        cartSessionId,
+        cartSession,
+        joinGroup,
+        updateItem,
+        incrementItem,
+        decrementItem,
+        updateCartSession,
+        placeOrder,
+        processPayment,
+        applyCoupon,
+        removeCoupon,
+        setCustomer,
+        setBillingAddress,
+        preValidate,
+    }), [
+        cartSessionId,
+        cartSession,
+    ]);
+    return (_jsx(CohostCheckoutContext.Provider, { value: stateValue, children: children }));
 };
 /**
  * Hook to access the current CohostCheckoutContext

package/dist/hooks/useCohostStartCheckout.d.ts

@@ -1 +1,32 @@
+export interface StartCheckoutOptions {
+    items: Array<{
+        offeringId: string;
+        quantity: number;
+        options?: Record<string, any>;
+    }>;
+}
+/**
+ * Hook to start the checkout process.
+ *
+ * @example
+ * ```tsx
+ * const { startCheckout, isStarting } = useCohostStartCheckout();
+ *
+ * const handleCheckout = async () => {
+ *   const cartSessionId = await startCheckout({
+ *     items: [
+ *       { offeringId: 'ticket_123', quantity: 2 }
+ *     ]
+ *   });
+ *
+ *   if (cartSessionId) {
+ *     router.push(`/checkout/${cartSessionId}`);
+ *   }
+ * };
+ * ```
+ */
+export declare const useCohostStartCheckout: () => {
+    startCheckout: (options: StartCheckoutOptions) => Promise<string | null>;
+    contextId: string;
+};
 //# sourceMappingURL=useCohostStartCheckout.d.ts.map

package/dist/hooks/useCohostStartCheckout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCohostStartCheckout.d.ts","sourceRoot":"","sources":["../../src/hooks/useCohostStartCheckout.ts"],"names":[],"mappings":""}
+{"version":3,"file":"useCohostStartCheckout.d.ts","sourceRoot":"","sources":["../../src/hooks/useCohostStartCheckout.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,oBAAoB;IACjC,KAAK,EAAE,KAAK,CAAC;QACT,UAAU,EAAE,MAAM,CAAC;QACnB,QAAQ,EAAE,MAAM,CAAC;QACjB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;KACjC,CAAC,CAAC;CACN;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,sBAAsB;6BAgBO,oBAAoB,KAAG,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC;;CAgCtF,CAAC"}

package/dist/hooks/useCohostStartCheckout.js

@@ -1 +1,66 @@
-"use strict";
+import { useContext } from 'react';
+import { CohostStartCheckoutContext } from '../context/CohostStartCheckoutContext';
+import { useCohostClient } from '../context/CohostContext';
+/**
+ * Hook to start the checkout process.
+ *
+ * @example
+ * ```tsx
+ * const { startCheckout, isStarting } = useCohostStartCheckout();
+ *
+ * const handleCheckout = async () => {
+ *   const cartSessionId = await startCheckout({
+ *     items: [
+ *       { offeringId: 'ticket_123', quantity: 2 }
+ *     ]
+ *   });
+ *
+ *   if (cartSessionId) {
+ *     router.push(`/checkout/${cartSessionId}`);
+ *   }
+ * };
+ * ```
+ */
+export const useCohostStartCheckout = () => {
+    const ctx = useContext(CohostStartCheckoutContext);
+    const { client } = useCohostClient();
+    if (!ctx) {
+        throw new Error('useCohostStartCheckout must be used within a CohostStartCheckoutProvider');
+    }
+    const { contextId, getCartSessionId } = ctx;
+    /**
+     * Start the checkout process by creating a cart session and adding items to it.
+     *
+     * @param options - The items to add to the cart
+     * @returns The cart session ID or null if the operation failed
+     */
+    const startCheckout = async (options) => {
+        try {
+            // Get or create a cart session
+            let cartSessionId = await getCartSessionId();
+            if (!cartSessionId) {
+                console.error('Failed to create cart session');
+                return null;
+            }
+            // Add items to the cart session
+            for (const item of options.items) {
+                if (item.quantity > 0) {
+                    await client.cart.updateItem(cartSessionId, {
+                        itemId: item.offeringId,
+                        quantity: item.quantity,
+                        options: item.options,
+                    });
+                }
+            }
+            return cartSessionId;
+        }
+        catch (error) {
+            console.error('Error starting checkout:', error);
+            return null;
+        }
+    };
+    return {
+        startCheckout,
+        contextId,
+    };
+};

package/dist/index.d.ts

@@ -5,5 +5,6 @@ export { PaymentElementProvider, usePaymentElement } from './context/PaymentElem
 export { CohostStartCheckoutProvider } from './provider/CohostStartCheckoutProvider';
 export { CreditCardInformation } from './lib/tokenizers/types';
 export { useCohost } from './hooks/useCohost';
+export { useCohostStartCheckout } from './hooks/useCohostStartCheckout';
 export { formatCurrency } from './lib/utils';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AACnH,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AACnF,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AACnF,OAAO,EAAE,sBAAsB,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AAC5F,OAAO,EAAE,2BAA2B,EAAE,MAAM,wCAAwC,CAAC;AACrF,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AACnH,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AACnF,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AACnF,OAAO,EAAE,sBAAsB,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AAC5F,OAAO,EAAE,2BAA2B,EAAE,MAAM,wCAAwC,CAAC;AACrF,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AACxE,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC"}

package/dist/index.js

@@ -4,4 +4,5 @@ export { CohostProvider } from './context/CohostContext';
 export { PaymentElementProvider, usePaymentElement } from './context/PaymentElementContext';
 export { CohostStartCheckoutProvider } from './provider/CohostStartCheckoutProvider';
 export { useCohost } from './hooks/useCohost';
+export { useCohostStartCheckout } from './hooks/useCohostStartCheckout';
 export { formatCurrency } from './lib/utils';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cohostvip/cohost-react",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "description": "React bindings for the Cohost API",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -35,6 +35,8 @@
     "@types/react": "19.2.0",
     "@types/react-dom": "19.2.0",
     "jsdom": "26.0.0",
+    "react": "catalog:frontend",
+    "react-dom": "catalog:frontend",
     "typescript": "5.9.3",
     "vitest": "^3.2.0"
   },