@cohostvip/cohost-react 0.0.3 → 0.0.11

package/README.md

@@ -84,6 +84,16 @@ See its documentation for available methods like:
 
 ---
 
+## 🗒️ Changelog
+See the latest changes [here](./CHANGELOG.md).
+
+---
+
+## 🚧 Roadmap
+Planned features and improvements are tracked [here](./ROADMAP.md).
+
+---
+
 ## 🛠️ Support
 
 If you're building something custom or need help integrating, reach out at [cohost.vip](https://cohost.vip) or open an issue.

package/dist/context/CohostCheckoutContext.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import type { CartSession, UpdatableCartSession } from '@cohostvip/cohost-node';
+export type CohostCheckoutProviderProps = {
+    cartSessionId: string;
+    children: React.ReactNode;
+};
+export type CohostCheckoutContextType = {
+    cartSessionId: string;
+    cartSession: CartSession | null;
+    updateItem: (offeringId: string, quantity: number) => Promise<void>;
+    updateCartSession: (data: Partial<UpdatableCartSession>) => Promise<void>;
+    placeOrder: () => Promise<unknown>;
+};
+export declare const CohostCheckoutContext: React.Context<CohostCheckoutContextType | null>;
+export declare const CohostCheckoutProvider: React.FC<CohostCheckoutProviderProps>;
+/**
+ * Hook to access the current CohostCheckoutContext
+ * Must be used inside a <CohostCheckoutProvider>
+ */
+export declare const useCohostCheckout: () => CohostCheckoutContextType;
+//# sourceMappingURL=CohostCheckoutContext.d.ts.map

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

@@ -0,0 +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,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAEhF,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,UAAU,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACpE,iBAAiB,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,oBAAoB,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1E,UAAU,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC;CACtC,CAAC;AAGF,eAAO,MAAM,qBAAqB,iDAAwD,CAAC;AAE3F,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAkFxE,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,iBAAiB,QAAO,yBAIpC,CAAC"}

package/dist/context/CohostCheckoutContext.js

@@ -0,0 +1,80 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { createContext, useContext, useEffect } from 'react';
+import { useCohostClient } from './CohostContext';
+export const CohostCheckoutContext = createContext(null);
+export const CohostCheckoutProvider = ({ cartSessionId, children, }) => {
+    const { client } = useCohostClient();
+    const [cartSession, setCartSession] = React.useState(null);
+    const assertCartSession = () => {
+        if (!cartSession) {
+            console.error("CohostCheckoutProvider requires a cartSession");
+            throw new Error("CohostCheckoutProvider requires a cartSession");
+        }
+    };
+    const updateItem = async (offeringId, quantity) => {
+        assertCartSession();
+        try {
+            const updatedCart = await client.cart.updateItem(cartSessionId, { offeringId, quantity });
+            setCartSession(updatedCart);
+        }
+        catch (error) {
+            console.error("Error updating cart item:", error);
+        }
+    };
+    const updateCartSession = async (data) => {
+        assertCartSession();
+        try {
+            const updatedCart = await client.cart.update(cartSessionId, data);
+            setCartSession(updatedCart);
+        }
+        catch (error) {
+            console.error("Error updating cart session:", error);
+        }
+    };
+    const placeOrder = async () => {
+        assertCartSession();
+        try {
+            const res = await client.cart.placeOrder(cartSessionId, {});
+            return res;
+        }
+        catch (error) {
+            console.error("Error placing order:", error);
+        }
+    };
+    useEffect(() => {
+        if (!cartSessionId) {
+            console.error("CohostCheckoutProvider requires a cartSessionId");
+            return;
+        }
+        const fetchCartSession = async () => {
+            try {
+                const cart = await client.cart.get(cartSessionId);
+                setCartSession(cart);
+            }
+            catch (error) {
+                console.error("Error fetching cart session:", error);
+                // rethrow the error to be handled by the caller
+                throw error;
+            }
+        };
+        fetchCartSession();
+    }, [cartSessionId]);
+    return (_jsx(CohostCheckoutContext.Provider, { value: {
+            cartSessionId,
+            cartSession,
+            updateItem,
+            updateCartSession,
+            placeOrder,
+        }, children: children }));
+};
+/**
+ * Hook to access the current CohostCheckoutContext
+ * Must be used inside a <CohostCheckoutProvider>
+ */
+export const useCohostCheckout = () => {
+    const ctx = useContext(CohostCheckoutContext);
+    if (!ctx)
+        throw new Error("useCohostCheckout must be used within a CohostCheckoutProvider");
+    return ctx;
+};

package/dist/context/CohostContext.d.ts

@@ -1,9 +1,17 @@
-import React from 'react';
-import { type CohostClient } from '@cohostvip/cohost-node';
-export interface CohostProviderProps {
-    token: string;
+import * as React from 'react';
+import { CohostClientSettings, type CohostClient } from '@cohostvip/cohost-node';
+export type CohostProviderProps = {
+    settings?: CohostClientSettings;
     children: React.ReactNode;
-}
+} & ({
+    token: string;
+    client?: CohostClient;
+} | {
+    token?: string;
+    client: CohostClient;
+});
 export declare const CohostProvider: React.FC<CohostProviderProps>;
-export declare const useCohostClient: () => CohostClient;
+export declare const useCohostClient: () => {
+    client: CohostClient;
+};
 //# 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,KAAoC,MAAM,OAAO,CAAC;AACzD,OAAO,EAAsB,KAAK,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAE/E,MAAM,WAAW,mBAAmB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAID,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAWxD,CAAC;AAEF,eAAO,MAAM,eAAe,QAAO,YAIlC,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;AAMH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAaxD,CAAC;AAEF,eAAO,MAAM,eAAe,QAAO;IAAE,MAAM,EAAE,YAAY,CAAA;CAIxD,CAAC"}

package/dist/context/CohostContext.js

@@ -2,9 +2,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { createContext, useContext } from 'react';
 import { createCohostClient } from '@cohostvip/cohost-node';
 const CohostContext = createContext(null);
-export const CohostProvider = ({ token, children, }) => {
-    const client = createCohostClient({ token }); // assumes a factory fn in cohost-node
-    return (_jsx(CohostContext.Provider, { value: client, children: children }));
+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 }));
 };
 export const useCohostClient = () => {
     const ctx = useContext(CohostContext);

package/dist/context/CohostEventContext.d.ts

@@ -0,0 +1,34 @@
+import * as React from 'react';
+import { EventProfile, Ticket } from '@cohostvip/cohost-node';
+export type CohostEventProviderProps = {
+    loadTickets?: boolean;
+    children: React.ReactNode;
+} & ({
+    /** If event is provided, skip fetching. Optionally provide eventId for ticket loading. */
+    event: EventProfile;
+    eventId?: string;
+} | {
+    /** If event not provided, must provide eventId for fetching. */
+    event?: EventProfile;
+    eventId: string;
+});
+export type CohostEventContextType = {
+    state: 'initial' | 'loading' | 'loading-tickets' | 'ready';
+    /**
+     * The event instance, will be undefined while loading
+     */
+    event?: EventProfile;
+    /**
+     * If `loadTickets` is true, this will be populated with the tickets for the event
+     * If `loadTickets` is false, this will be null
+     * @default false
+     */
+    tickets?: Ticket[] | null;
+};
+export declare const CohostEventProvider: React.FC<CohostEventProviderProps>;
+/**
+ * Hook to access the current CohostEventContext
+ * Must be used inside a <CohostEventProvider>
+ */
+export declare const useCohostEvent: () => CohostEventContextType;
+//# sourceMappingURL=CohostEventContext.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CohostEventContext.d.ts","sourceRoot":"","sources":["../../src/context/CohostEventContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EACH,YAAY,EACZ,MAAM,EACT,MAAM,wBAAwB,CAAC;AAGhC,MAAM,MAAM,wBAAwB,GAAG;IACnC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B,GAAG,CACM;IACE,0FAA0F;IAC1F,KAAK,EAAE,YAAY,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB,GACC;IACE,gEAAgE;IAChE,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC;CACnB,CACJ,CAAC;AAEN,MAAM,MAAM,sBAAsB,GAAG;IACjC,KAAK,EAAE,SAAS,GAAG,SAAS,GAAG,iBAAiB,GAAG,OAAO,CAAC;IAE3D;;OAEG;IACH,KAAK,CAAC,EAAE,YAAY,CAAC;IAErB;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;CAC7B,CAAA;AAID,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAwElE,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,cAAc,QAAO,sBAIjC,CAAC"}

package/dist/context/CohostEventContext.js

@@ -0,0 +1,72 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { createContext, useContext } from 'react';
+import { useCohostClient } from './CohostContext';
+const CohostEventContext = createContext(null);
+export const CohostEventProvider = ({ event: providedEvent, eventId, loadTickets = false, children, }) => {
+    const { client } = useCohostClient();
+    const [state, setState] = React.useState('initial');
+    const [event, setEvent] = React.useState(providedEvent);
+    const [tickets, setTickets] = React.useState(undefined);
+    // Use provided event's ID or fallback to eventId prop
+    const resolvedEventId = providedEvent?.id || eventId;
+    /**
+     * Load event from API if not provided.
+     * Skip loading if event was passed via props.
+     */
+    React.useEffect(() => {
+        if (providedEvent) {
+            // Use the provided event and skip fetching
+            setEvent(providedEvent);
+            setState('ready');
+            return;
+        }
+        if (!eventId)
+            return; // Safety guard if eventId is undefined
+        setState('loading');
+        client.events.fetch(eventId)
+            .then((fetchedEvent) => {
+            setEvent(fetchedEvent);
+            setState('ready');
+        })
+            .catch(() => {
+            // On error, reset to initial state
+            setState('initial');
+        });
+    }, [client, eventId, providedEvent]);
+    /**
+     * Optionally load tickets once event is available and loadTickets is true.
+     * If event is not loaded yet, this waits until it becomes available.
+     */
+    React.useEffect(() => {
+        if (!loadTickets || !event?.id) {
+            setTickets(null);
+            return;
+        }
+        setState('loading-tickets');
+        client.events.tickets(event.id)
+            .then((tickets) => {
+            setTickets(tickets);
+            setState('ready');
+        })
+            .catch(() => {
+            // Fail silently and continue with ready state
+            setState('ready');
+        });
+    }, [client, event?.id, loadTickets]);
+    return (_jsx(CohostEventContext.Provider, { value: {
+            state,
+            event,
+            tickets,
+        }, children: children }));
+};
+/**
+ * Hook to access the current CohostEventContext
+ * Must be used inside a <CohostEventProvider>
+ */
+export const useCohostEvent = () => {
+    const ctx = useContext(CohostEventContext);
+    if (!ctx)
+        throw new Error("useCohostEvent must be used within a CohostEventProvider");
+    return ctx;
+};

package/dist/index.d.ts

@@ -1,3 +1,5 @@
-export { CohostProvider } from './context/CohostContext';
+export { CohostCheckoutProvider, CohostCheckoutContext, useCohostCheckout } from './context/CohostCheckoutContext';
+export { CohostEventProvider, useCohostEvent } from './context/CohostEventContext';
+export { CohostProvider, type CohostProviderProps } from './context/CohostContext';
 export { useCohost } from './hooks/useCohost';
 //# 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,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,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,SAAS,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/index.js

@@ -1,2 +1,4 @@
+export { CohostCheckoutProvider, CohostCheckoutContext, useCohostCheckout } from './context/CohostCheckoutContext';
+export { CohostEventProvider, useCohostEvent } from './context/CohostEventContext';
 export { CohostProvider } from './context/CohostContext';
 export { useCohost } from './hooks/useCohost';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cohostvip/cohost-react",
-  "version": "0.0.3",
+  "version": "0.0.11",
   "description": "React bindings for the Cohost API",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -8,7 +8,8 @@
   "exports": {
     ".": {
       "require": "./dist/index.js",
-      "import": "./dist/index.js"
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
     }
   },
   "files": [
@@ -26,7 +27,7 @@
     "react-dom": "^18.0.0 || ^19.0.0"
   },
   "dependencies": {
-    "@cohostvip/cohost-node": "0.0.3"
+    "@cohostvip/cohost-node": "0.0.11"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "6.6.3",