@cohostvip/cohost-react 0.3.12 → 0.3.13

package/dist/auth/AuthContext.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { AuthClient, type AuthConfig, type AuthState, type AuthUser, type OTPType, type SetAuthenticatedInput } from '@cohostvip/cohost-auth';
+import { AuthClient, type AuthConfig, type AuthState, type AuthUser, type OTPType, type SetAuthenticatedInput, type TokenAuthResult } from '@cohostvip/cohost-auth';
 /**
  * Value provided by AuthContext
  */
@@ -18,6 +18,8 @@ export interface AuthContextValue {
     getToken: () => Promise<string | null>;
     /** Manually set authenticated state (for custom auth flows like passkey) */
     setAuthenticated: (input: SetAuthenticatedInput) => void;
+    /** Authenticate using a token (validates via API and sets auth state) */
+    authenticateWithToken: (token: string) => Promise<TokenAuthResult>;
 }
 /**
  * Props for AuthProvider

package/dist/auth/AuthContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AuthContext.d.ts","sourceRoot":"","sources":["../../src/auth/AuthContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EACL,UAAU,EAEV,KAAK,UAAU,EACf,KAAK,SAAS,EACd,KAAK,QAAQ,EACb,KAAK,OAAO,EACZ,KAAK,qBAAqB,EAC3B,MAAM,wBAAwB,CAAC;AAEhC;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,yBAAyB;IACzB,KAAK,EAAE,SAAS,CAAC;IACjB,yCAAyC;IACzC,MAAM,EAAE,UAAU,CAAC;IACnB,yDAAyD;IACzD,UAAU,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,OAAO,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IAClE,6BAA6B;IAC7B,SAAS,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,QAAQ,CAAC,CAAC;IAChE,gCAAgC;IAChC,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7B,sDAAsD;IACtD,QAAQ,EAAE,MAAM,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IACvC,4EAA4E;IAC5E,gBAAgB,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CAC1D;AAED;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG;IAC9B,yBAAyB;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,GAAG,CACA;IACE,gDAAgD;IAChD,MAAM,EAAE,UAAU,CAAC;IACnB,2DAA2D;IAC3D,MAAM,CAAC,EAAE,KAAK,CAAC;CAChB,GACD;IACE,yBAAyB;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,uCAAuC;IACvC,MAAM,EAAE,UAAU,CAAC;CACpB,CACJ,CAAC;AAEF,eAAO,MAAM,WAAW,wCAA+C,CAAC;AAExE;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA6CpD,CAAC"}
+{"version":3,"file":"AuthContext.d.ts","sourceRoot":"","sources":["../../src/auth/AuthContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EACL,UAAU,EAEV,KAAK,UAAU,EACf,KAAK,SAAS,EACd,KAAK,QAAQ,EACb,KAAK,OAAO,EACZ,KAAK,qBAAqB,EAC1B,KAAK,eAAe,EACrB,MAAM,wBAAwB,CAAC;AAEhC;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,yBAAyB;IACzB,KAAK,EAAE,SAAS,CAAC;IACjB,yCAAyC;IACzC,MAAM,EAAE,UAAU,CAAC;IACnB,yDAAyD;IACzD,UAAU,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,OAAO,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IAClE,6BAA6B;IAC7B,SAAS,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,QAAQ,CAAC,CAAC;IAChE,gCAAgC;IAChC,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7B,sDAAsD;IACtD,QAAQ,EAAE,MAAM,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IACvC,4EAA4E;IAC5E,gBAAgB,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACzD,yEAAyE;IACzE,qBAAqB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,eAAe,CAAC,CAAC;CACpE;AAED;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG;IAC9B,yBAAyB;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,GAAG,CACA;IACE,gDAAgD;IAChD,MAAM,EAAE,UAAU,CAAC;IACnB,2DAA2D;IAC3D,MAAM,CAAC,EAAE,KAAK,CAAC;CAChB,GACD;IACE,yBAAyB;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,uCAAuC;IACvC,MAAM,EAAE,UAAU,CAAC;CACpB,CACJ,CAAC;AAEF,eAAO,MAAM,WAAW,wCAA+C,CAAC;AAExE;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA8CpD,CAAC"}

package/dist/auth/AuthContext.js

@@ -48,6 +48,7 @@ export const AuthProvider = ({ children, config, client: providedClient, }) => {
         signOut: () => client.signOut(),
         getToken: () => client.getToken(),
         setAuthenticated: (input) => client.setAuthenticated(input),
+        authenticateWithToken: (token) => client.authenticateWithToken(token),
     }), [state, client]);
     return _jsx(AuthContext.Provider, { value: value, children: children });
 };

package/dist/auth/index.d.ts

@@ -1,4 +1,5 @@
 export { AuthProvider, type AuthProviderProps, type AuthContextValue } from './AuthContext';
 export { useAuth, useUser, useAuthClient } from './hooks';
+export { useTokenAuth, type UseTokenAuthOptions } from './useTokenAuth';
 export { AuthGuard, type AuthGuardProps } from './AuthGuard';
 //# sourceMappingURL=index.d.ts.map

package/dist/auth/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/auth/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAG5F,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAG1D,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/auth/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAG5F,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,KAAK,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAGxE,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC"}

package/dist/auth/index.js

@@ -2,5 +2,6 @@
 export { AuthProvider } from './AuthContext';
 // Hooks
 export { useAuth, useUser, useAuthClient } from './hooks';
+export { useTokenAuth } from './useTokenAuth';
 // Components
 export { AuthGuard } from './AuthGuard';

package/dist/auth/useTokenAuth.d.ts

@@ -0,0 +1,39 @@
+import type { TokenAuthResult } from '@cohostvip/cohost-auth';
+/**
+ * Options for useTokenAuth hook
+ */
+export interface UseTokenAuthOptions {
+    /**
+     * Callback when token authentication completes (success or failure).
+     * Called before the page is refreshed.
+     */
+    onComplete?: (result: TokenAuthResult) => void;
+}
+/**
+ * Hook that handles token-based authentication from URL query params.
+ *
+ * When the configured `tokenParam` is found in the URL:
+ * 1. Validates the token via API
+ * 2. If valid, sets authenticated state
+ * 3. Removes the token from URL and refreshes (or replaces history)
+ *
+ * @example
+ * ```tsx
+ * // In your app's root component or layout
+ * function App() {
+ *   useTokenAuth({
+ *     onComplete: (result) => {
+ *       if (result.success) {
+ *         console.log('Logged in as:', result.user?.email);
+ *       } else {
+ *         console.log('Token auth failed:', result.error);
+ *       }
+ *     }
+ *   });
+ *
+ *   return <div>...</div>;
+ * }
+ * ```
+ */
+export declare function useTokenAuth(options?: UseTokenAuthOptions): void;
+//# sourceMappingURL=useTokenAuth.d.ts.map

package/dist/auth/useTokenAuth.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTokenAuth.d.ts","sourceRoot":"","sources":["../../src/auth/useTokenAuth.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAG9D;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;CAChD;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,YAAY,CAAC,OAAO,GAAE,mBAAwB,GAAG,IAAI,CA8CpE"}

package/dist/auth/useTokenAuth.js

@@ -0,0 +1,67 @@
+import { useEffect, useRef, useCallback } from 'react';
+import { useAuthClient } from './hooks';
+/**
+ * Hook that handles token-based authentication from URL query params.
+ *
+ * When the configured `tokenParam` is found in the URL:
+ * 1. Validates the token via API
+ * 2. If valid, sets authenticated state
+ * 3. Removes the token from URL and refreshes (or replaces history)
+ *
+ * @example
+ * ```tsx
+ * // In your app's root component or layout
+ * function App() {
+ *   useTokenAuth({
+ *     onComplete: (result) => {
+ *       if (result.success) {
+ *         console.log('Logged in as:', result.user?.email);
+ *       } else {
+ *         console.log('Token auth failed:', result.error);
+ *       }
+ *     }
+ *   });
+ *
+ *   return <div>...</div>;
+ * }
+ * ```
+ */
+export function useTokenAuth(options = {}) {
+    const client = useAuthClient();
+    const { onComplete } = options;
+    const processedRef = useRef(false);
+    const processToken = useCallback(async () => {
+        // Only run in browser
+        if (typeof window === 'undefined')
+            return;
+        // Only process once per mount
+        if (processedRef.current)
+            return;
+        // Check if tokenParam is configured
+        const tokenParam = client.tokenParamName;
+        if (!tokenParam)
+            return;
+        // Get token from URL
+        const urlParams = new URLSearchParams(window.location.search);
+        const token = urlParams.get(tokenParam);
+        if (!token)
+            return;
+        // Mark as processed to prevent duplicate processing
+        processedRef.current = true;
+        // Authenticate with the token
+        const result = await client.authenticateWithToken(token);
+        // Call onComplete callback
+        onComplete?.(result);
+        // Remove token from URL
+        urlParams.delete(tokenParam);
+        const newSearch = urlParams.toString();
+        const newUrl = window.location.pathname + (newSearch ? `?${newSearch}` : '') + window.location.hash;
+        // Replace history state to remove token, then refresh to clean up
+        window.history.replaceState({}, '', newUrl);
+        // Refresh the page to ensure clean state
+        window.location.reload();
+    }, [client, onComplete]);
+    useEffect(() => {
+        processToken();
+    }, [processToken]);
+}

package/dist/context/CohostContext.d.ts

@@ -13,6 +13,7 @@ export type CohostProviderProps = {
 export declare const CohostProvider: React.FC<CohostProviderProps>;
 export declare const useCohostClient: () => {
     client: CohostClient;
+    apiUrl: string;
     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;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"}
+{"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;AAQH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAexD,CAAC;AAEF,eAAO,MAAM,eAAe,QAAO;IAAE,MAAM,EAAE,YAAY,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,OAAO,CAAA;CAIxF,CAAC"}

package/dist/context/CohostContext.js

@@ -4,8 +4,9 @@ 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
+    const apiUrl = client.apiUrl;
     const debug = settings?.debug ?? false;
-    return (_jsx(CohostContext.Provider, { value: { client, debug }, children: children }));
+    return (_jsx(CohostContext.Provider, { value: { client, apiUrl, debug }, children: children }));
 };
 export const useCohostClient = () => {
     const ctx = useContext(CohostContext);

package/dist/index.d.ts

@@ -6,5 +6,5 @@ export { CohostStartCheckoutProvider } from './provider/CohostStartCheckoutProvi
 export { CreditCardInformation } from './lib/tokenizers/types';
 export { useCohost } from './hooks/useCohost';
 export { formatCurrency } from './lib/utils';
-export { AuthProvider, type AuthProviderProps, type AuthContextValue, useAuth, useUser, useAuthClient, AuthGuard, type AuthGuardProps, } from './auth';
+export { AuthProvider, type AuthProviderProps, type AuthContextValue, useAuth, useUser, useAuthClient, useTokenAuth, type UseTokenAuthOptions, AuthGuard, type AuthGuardProps, } from './auth';
 //# 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,eAAe,EAAE,KAAK,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AACpG,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;AAG7C,OAAO,EACL,YAAY,EACZ,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EACrB,OAAO,EACP,OAAO,EACP,aAAa,EACb,SAAS,EACT,KAAK,cAAc,GACpB,MAAM,QAAQ,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,eAAe,EAAE,KAAK,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AACpG,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;AAG7C,OAAO,EACL,YAAY,EACZ,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EACrB,OAAO,EACP,OAAO,EACP,aAAa,EACb,YAAY,EACZ,KAAK,mBAAmB,EACxB,SAAS,EACT,KAAK,cAAc,GACpB,MAAM,QAAQ,CAAC"}

package/dist/index.js

@@ -6,4 +6,4 @@ export { CohostStartCheckoutProvider } from './provider/CohostStartCheckoutProvi
 export { useCohost } from './hooks/useCohost';
 export { formatCurrency } from './lib/utils';
 // Auth bindings
-export { AuthProvider, useAuth, useUser, useAuthClient, AuthGuard, } from './auth';
+export { AuthProvider, useAuth, useUser, useAuthClient, useTokenAuth, AuthGuard, } from './auth';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cohostvip/cohost-react",
-  "version": "0.3.12",
+  "version": "0.3.13",
   "description": "React bindings for the Cohost API",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -20,8 +20,8 @@
     "react-dom": "^18.0.0 || ^19.0.0"
   },
   "dependencies": {
-    "@cohostvip/cohost-node": "^0.3.12",
-    "@cohostvip/cohost-auth": "^0.3.12"
+    "@cohostvip/cohost-node": "^0.3.13",
+    "@cohostvip/cohost-auth": "^0.3.13"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "6.6.3",