@23blocks/react 1.1.1 → 1.1.3

package/dist/lib/simple-provider.js

@@ -1,620 +0,0 @@
-import { _ as _extends } from "@swc/helpers/_/_extends";
-import { createContext, useContext, useMemo, useCallback } from 'react';
-import { createHttpTransport } from '@23blocks/transport-http';
-import { createAuthenticationBlock } from '@23blocks/block-authentication';
-import { createSearchBlock } from '@23blocks/block-search';
-import { createProductsBlock } from '@23blocks/block-products';
-import { createCrmBlock } from '@23blocks/block-crm';
-import { createContentBlock } from '@23blocks/block-content';
-import { createGeolocationBlock } from '@23blocks/block-geolocation';
-import { createConversationsBlock } from '@23blocks/block-conversations';
-import { createFilesBlock } from '@23blocks/block-files';
-import { createFormsBlock } from '@23blocks/block-forms';
-import { createAssetsBlock } from '@23blocks/block-assets';
-import { createCampaignsBlock } from '@23blocks/block-campaigns';
-import { createCompanyBlock } from '@23blocks/block-company';
-import { createRewardsBlock } from '@23blocks/block-rewards';
-import { createSalesBlock } from '@23blocks/block-sales';
-import { createWalletBlock } from '@23blocks/block-wallet';
-import { createJarvisBlock } from '@23blocks/block-jarvis';
-import { createOnboardingBlock } from '@23blocks/block-onboarding';
-import { createUniversityBlock } from '@23blocks/block-university';
-// ─────────────────────────────────────────────────────────────────────────────
-// Token Manager Implementation
-// ─────────────────────────────────────────────────────────────────────────────
-/**
- * Generate storage key scoped to app and tenant
- */ function getStorageKey(type, appId, tenantId) {
-    const scope = tenantId ? `${appId}_${tenantId}` : appId;
-    return `23blocks_${scope}_${type}_token`;
-}
-let MemoryStorage = class MemoryStorage {
-    getItem(key) {
-        var _this_data_get;
-        return (_this_data_get = this.data.get(key)) != null ? _this_data_get : null;
-    }
-    setItem(key, value) {
-        this.data.set(key, value);
-    }
-    removeItem(key) {
-        this.data.delete(key);
-    }
-    constructor(){
-        this.data = new Map();
-    }
-};
-function createTokenManager(appId, storageType, tenantId) {
-    const isBrowser = typeof window !== 'undefined' && typeof window.localStorage !== 'undefined';
-    const accessTokenKey = getStorageKey('access', appId, tenantId);
-    const refreshTokenKey = getStorageKey('refresh', appId, tenantId);
-    let storage;
-    if (!isBrowser) {
-        storage = new MemoryStorage();
-    } else {
-        switch(storageType){
-            case 'sessionStorage':
-                storage = window.sessionStorage;
-                break;
-            case 'memory':
-                storage = new MemoryStorage();
-                break;
-            default:
-                storage = window.localStorage;
-        }
-    }
-    return {
-        getAccessToken () {
-            try {
-                return storage.getItem(accessTokenKey);
-            } catch (e) {
-                return null;
-            }
-        },
-        getRefreshToken () {
-            try {
-                return storage.getItem(refreshTokenKey);
-            } catch (e) {
-                return null;
-            }
-        },
-        setTokens (accessToken, refreshToken) {
-            try {
-                storage.setItem(accessTokenKey, accessToken);
-                if (refreshToken) {
-                    storage.setItem(refreshTokenKey, refreshToken);
-                }
-            } catch (e) {
-                console.warn('[23blocks] Unable to store tokens');
-            }
-        },
-        clearTokens () {
-            try {
-                storage.removeItem(accessTokenKey);
-                storage.removeItem(refreshTokenKey);
-            } catch (e) {
-            // Silently fail
-            }
-        },
-        onStorageChange (callback) {
-            // Only works in browser with localStorage/sessionStorage
-            if (!isBrowser || storageType === 'memory') {
-                // Return no-op unsubscribe for SSR/memory storage
-                return ()=>{};
-            }
-            const handler = (event)=>{
-                // Only trigger if our keys changed
-                if (event.key === accessTokenKey || event.key === refreshTokenKey) {
-                    callback();
-                }
-            };
-            window.addEventListener('storage', handler);
-            // Return unsubscribe function
-            return ()=>{
-                window.removeEventListener('storage', handler);
-            };
-        }
-    };
-}
-// ─────────────────────────────────────────────────────────────────────────────
-// Context
-// ─────────────────────────────────────────────────────────────────────────────
-const Blocks23Context = /*#__PURE__*/ createContext(null);
-// ─────────────────────────────────────────────────────────────────────────────
-// Provider Component
-// ─────────────────────────────────────────────────────────────────────────────
-/**
- * Helper to create a proxy that throws when accessing unconfigured service
- */ function createUnconfiguredServiceProxy(serviceName, urlKey) {
-    return new Proxy({}, {
-        get (_target, prop) {
-            throw new Error(`[23blocks] Cannot access '${serviceName}.${String(prop)}': ` + `The ${serviceName} service URL is not configured. ` + `Add 'urls.${urlKey}' to your Provider configuration.`);
-        }
-    });
-}
-/**
- * Provider component for 23blocks services.
- *
- * Wrap your app with this provider to access all 23blocks services
- * with automatic token management.
- *
- * Services are only available if their URL is configured. Accessing
- * a service without a configured URL will throw an error.
- *
- * @example Basic usage with multiple services
- * ```tsx
- * import { Provider } from '@23blocks/react';
- *
- * function App() {
- *   return (
- *     <Provider
- *       appId="your-app-id"
- *       urls={{
- *         authentication: 'https://gateway.23blocks.com',
- *         crm: 'https://crm.23blocks.com',
- *         products: 'https://products.23blocks.com',
- *       }}
- *     >
- *       <MyApp />
- *     </Provider>
- *   );
- * }
- * ```
- *
- * @example Cookie mode (recommended for security)
- * ```tsx
- * <Provider
- *   appId="your-app-id"
- *   authMode="cookie"
- *   urls={{
- *     authentication: 'https://gateway.23blocks.com',
- *     crm: 'https://crm.23blocks.com',
- *   }}
- * >
- *   <MyApp />
- * </Provider>
- * ```
- */ export function Provider({ children, urls, appId, tenantId, authMode = 'token', storage = 'localStorage', headers: staticHeaders = {}, timeout }) {
-    // Create token manager (memoized) with scoped storage keys
-    const tokenManager = useMemo(()=>authMode === 'token' ? createTokenManager(appId, storage, tenantId) : null, [
-        authMode,
-        appId,
-        storage,
-        tenantId
-    ]);
-    // Factory to create transport for a specific service URL
-    const createServiceTransport = useCallback((baseUrl)=>{
-        return createHttpTransport({
-            baseUrl,
-            timeout,
-            credentials: authMode === 'cookie' ? 'include' : undefined,
-            headers: ()=>{
-                const headers = _extends({}, staticHeaders, {
-                    appid: appId
-                });
-                if (tenantId) {
-                    headers['tenant-id'] = tenantId;
-                }
-                if (authMode === 'token' && tokenManager) {
-                    const token = tokenManager.getAccessToken();
-                    if (token) {
-                        headers['Authorization'] = `Bearer ${token}`;
-                    }
-                }
-                return headers;
-            }
-        });
-    }, [
-        appId,
-        tenantId,
-        authMode,
-        staticHeaders,
-        timeout,
-        tokenManager
-    ]);
-    // Create blocks (memoized) - each with its own transport (no fallback)
-    const blockConfig = useMemo(()=>({
-            appId,
-            tenantId
-        }), [
-        appId,
-        tenantId
-    ]);
-    // Create blocks only if URL is configured, otherwise use proxy that throws helpful error
-    const authentication = useMemo(()=>{
-        if (!urls.authentication) {
-            return createUnconfiguredServiceProxy('authentication', 'authentication');
-        }
-        return createAuthenticationBlock(createServiceTransport(urls.authentication), blockConfig);
-    }, [
-        createServiceTransport,
-        urls.authentication,
-        blockConfig
-    ]);
-    const search = useMemo(()=>{
-        if (!urls.search) {
-            return createUnconfiguredServiceProxy('search', 'search');
-        }
-        return createSearchBlock(createServiceTransport(urls.search), blockConfig);
-    }, [
-        createServiceTransport,
-        urls.search,
-        blockConfig
-    ]);
-    const products = useMemo(()=>{
-        if (!urls.products) {
-            return createUnconfiguredServiceProxy('products', 'products');
-        }
-        return createProductsBlock(createServiceTransport(urls.products), blockConfig);
-    }, [
-        createServiceTransport,
-        urls.products,
-        blockConfig
-    ]);
-    const crm = useMemo(()=>{
-        if (!urls.crm) {
-            return createUnconfiguredServiceProxy('crm', 'crm');
-        }
-        return createCrmBlock(createServiceTransport(urls.crm), blockConfig);
-    }, [
-        createServiceTransport,
-        urls.crm,
-        blockConfig
-    ]);
-    const content = useMemo(()=>{
-        if (!urls.content) {
-            return createUnconfiguredServiceProxy('content', 'content');
-        }
-        return createContentBlock(createServiceTransport(urls.content), blockConfig);
-    }, [
-        createServiceTransport,
-        urls.content,
-        blockConfig
-    ]);
-    const geolocation = useMemo(()=>{
-        if (!urls.geolocation) {
-            return createUnconfiguredServiceProxy('geolocation', 'geolocation');
-        }
-        return createGeolocationBlock(createServiceTransport(urls.geolocation), blockConfig);
-    }, [
-        createServiceTransport,
-        urls.geolocation,
-        blockConfig
-    ]);
-    const conversations = useMemo(()=>{
-        if (!urls.conversations) {
-            return createUnconfiguredServiceProxy('conversations', 'conversations');
-        }
-        return createConversationsBlock(createServiceTransport(urls.conversations), blockConfig);
-    }, [
-        createServiceTransport,
-        urls.conversations,
-        blockConfig
-    ]);
-    const files = useMemo(()=>{
-        if (!urls.files) {
-            return createUnconfiguredServiceProxy('files', 'files');
-        }
-        return createFilesBlock(createServiceTransport(urls.files), blockConfig);
-    }, [
-        createServiceTransport,
-        urls.files,
-        blockConfig
-    ]);
-    const forms = useMemo(()=>{
-        if (!urls.forms) {
-            return createUnconfiguredServiceProxy('forms', 'forms');
-        }
-        return createFormsBlock(createServiceTransport(urls.forms), blockConfig);
-    }, [
-        createServiceTransport,
-        urls.forms,
-        blockConfig
-    ]);
-    const assets = useMemo(()=>{
-        if (!urls.assets) {
-            return createUnconfiguredServiceProxy('assets', 'assets');
-        }
-        return createAssetsBlock(createServiceTransport(urls.assets), blockConfig);
-    }, [
-        createServiceTransport,
-        urls.assets,
-        blockConfig
-    ]);
-    const campaigns = useMemo(()=>{
-        if (!urls.campaigns) {
-            return createUnconfiguredServiceProxy('campaigns', 'campaigns');
-        }
-        return createCampaignsBlock(createServiceTransport(urls.campaigns), blockConfig);
-    }, [
-        createServiceTransport,
-        urls.campaigns,
-        blockConfig
-    ]);
-    const company = useMemo(()=>{
-        if (!urls.company) {
-            return createUnconfiguredServiceProxy('company', 'company');
-        }
-        return createCompanyBlock(createServiceTransport(urls.company), blockConfig);
-    }, [
-        createServiceTransport,
-        urls.company,
-        blockConfig
-    ]);
-    const rewards = useMemo(()=>{
-        if (!urls.rewards) {
-            return createUnconfiguredServiceProxy('rewards', 'rewards');
-        }
-        return createRewardsBlock(createServiceTransport(urls.rewards), blockConfig);
-    }, [
-        createServiceTransport,
-        urls.rewards,
-        blockConfig
-    ]);
-    const sales = useMemo(()=>{
-        if (!urls.sales) {
-            return createUnconfiguredServiceProxy('sales', 'sales');
-        }
-        return createSalesBlock(createServiceTransport(urls.sales), blockConfig);
-    }, [
-        createServiceTransport,
-        urls.sales,
-        blockConfig
-    ]);
-    const wallet = useMemo(()=>{
-        if (!urls.wallet) {
-            return createUnconfiguredServiceProxy('wallet', 'wallet');
-        }
-        return createWalletBlock(createServiceTransport(urls.wallet), blockConfig);
-    }, [
-        createServiceTransport,
-        urls.wallet,
-        blockConfig
-    ]);
-    const jarvis = useMemo(()=>{
-        if (!urls.jarvis) {
-            return createUnconfiguredServiceProxy('jarvis', 'jarvis');
-        }
-        return createJarvisBlock(createServiceTransport(urls.jarvis), blockConfig);
-    }, [
-        createServiceTransport,
-        urls.jarvis,
-        blockConfig
-    ]);
-    const onboarding = useMemo(()=>{
-        if (!urls.onboarding) {
-            return createUnconfiguredServiceProxy('onboarding', 'onboarding');
-        }
-        return createOnboardingBlock(createServiceTransport(urls.onboarding), blockConfig);
-    }, [
-        createServiceTransport,
-        urls.onboarding,
-        blockConfig
-    ]);
-    const university = useMemo(()=>{
-        if (!urls.university) {
-            return createUnconfiguredServiceProxy('university', 'university');
-        }
-        return createUniversityBlock(createServiceTransport(urls.university), blockConfig);
-    }, [
-        createServiceTransport,
-        urls.university,
-        blockConfig
-    ]);
-    // Check if authentication is configured for auth methods
-    const isAuthConfigured = !!urls.authentication;
-    // Auth methods with automatic token management
-    const signIn = useCallback(async (request)=>{
-        if (!isAuthConfigured) {
-            throw new Error('[23blocks] Cannot call signIn: The authentication service URL is not configured. ' + "Add 'urls.authentication' to your Provider configuration.");
-        }
-        const response = await authentication.auth.signIn(request);
-        if (authMode === 'token' && tokenManager && response.accessToken) {
-            tokenManager.setTokens(response.accessToken, response.refreshToken);
-        }
-        return response;
-    }, [
-        authentication,
-        authMode,
-        tokenManager,
-        isAuthConfigured
-    ]);
-    const signUp = useCallback(async (request)=>{
-        if (!isAuthConfigured) {
-            throw new Error('[23blocks] Cannot call signUp: The authentication service URL is not configured. ' + "Add 'urls.authentication' to your Provider configuration.");
-        }
-        const response = await authentication.auth.signUp(request);
-        if (authMode === 'token' && tokenManager && response.accessToken) {
-            tokenManager.setTokens(response.accessToken);
-        }
-        return response;
-    }, [
-        authentication,
-        authMode,
-        tokenManager,
-        isAuthConfigured
-    ]);
-    const signOut = useCallback(async ()=>{
-        if (!isAuthConfigured) {
-            throw new Error('[23blocks] Cannot call signOut: The authentication service URL is not configured. ' + "Add 'urls.authentication' to your Provider configuration.");
-        }
-        await authentication.auth.signOut();
-        if (authMode === 'token' && tokenManager) {
-            tokenManager.clearTokens();
-        }
-    }, [
-        authentication,
-        authMode,
-        tokenManager,
-        isAuthConfigured
-    ]);
-    // Token utilities
-    const getAccessToken = useCallback(()=>{
-        var _tokenManager_getAccessToken;
-        return (_tokenManager_getAccessToken = tokenManager == null ? void 0 : tokenManager.getAccessToken()) != null ? _tokenManager_getAccessToken : null;
-    }, [
-        tokenManager
-    ]);
-    const getRefreshToken = useCallback(()=>{
-        var _tokenManager_getRefreshToken;
-        return (_tokenManager_getRefreshToken = tokenManager == null ? void 0 : tokenManager.getRefreshToken()) != null ? _tokenManager_getRefreshToken : null;
-    }, [
-        tokenManager
-    ]);
-    const setTokens = useCallback((accessToken, refreshToken)=>{
-        tokenManager == null ? void 0 : tokenManager.setTokens(accessToken, refreshToken);
-    }, [
-        tokenManager
-    ]);
-    const clearTokens = useCallback(()=>tokenManager == null ? void 0 : tokenManager.clearTokens(), [
-        tokenManager
-    ]);
-    const isAuthenticated = useCallback(()=>{
-        if (authMode === 'cookie') return null;
-        return tokenManager ? !!tokenManager.getAccessToken() : false;
-    }, [
-        authMode,
-        tokenManager
-    ]);
-    const onStorageChange = useCallback((callback)=>{
-        var _tokenManager_onStorageChange;
-        return (_tokenManager_onStorageChange = tokenManager == null ? void 0 : tokenManager.onStorageChange(callback)) != null ? _tokenManager_onStorageChange : ()=>{};
-    }, [
-        tokenManager
-    ]);
-    const value = useMemo(()=>({
-            // Blocks
-            authentication,
-            search,
-            products,
-            crm,
-            content,
-            geolocation,
-            conversations,
-            files,
-            forms,
-            assets,
-            campaigns,
-            company,
-            rewards,
-            sales,
-            wallet,
-            jarvis,
-            onboarding,
-            university,
-            // Auth with token management
-            signIn,
-            signUp,
-            signOut,
-            // Token utilities
-            getAccessToken,
-            getRefreshToken,
-            setTokens,
-            clearTokens,
-            isAuthenticated,
-            onStorageChange,
-            // Config
-            authMode
-        }), [
-        authentication,
-        search,
-        products,
-        crm,
-        content,
-        geolocation,
-        conversations,
-        files,
-        forms,
-        assets,
-        campaigns,
-        company,
-        rewards,
-        sales,
-        wallet,
-        jarvis,
-        onboarding,
-        university,
-        signIn,
-        signUp,
-        signOut,
-        getAccessToken,
-        getRefreshToken,
-        setTokens,
-        clearTokens,
-        isAuthenticated,
-        onStorageChange,
-        authMode
-    ]);
-    return /*#__PURE__*/ React.createElement(Blocks23Context.Provider, {
-        value: value
-    }, children);
-}
-// ─────────────────────────────────────────────────────────────────────────────
-// Hooks
-// ─────────────────────────────────────────────────────────────────────────────
-/**
- * Hook to access all 23blocks services.
- *
- * @example
- * ```tsx
- * function Dashboard() {
- *   const { products, crm, files } = useClient();
- *
- *   // Access any service
- *   const loadProducts = async () => {
- *     const { data } = await products.products.list({ limit: 10 });
- *   };
- * }
- * ```
- */ export function useClient() {
-    const context = useContext(Blocks23Context);
-    if (!context) {
-        throw new Error('useClient must be used within a Provider');
-    }
-    return context;
-}
-/**
- * Hook for authentication operations with automatic token management.
- *
- * @example
- * ```tsx
- * function LoginPage() {
- *   const { signIn, signOut, isAuthenticated } = useAuth();
- *
- *   const handleLogin = async () => {
- *     await signIn({ email: 'user@example.com', password: 'password' });
- *   };
- *
- *   return (
- *     <div>
- *       {isAuthenticated() ? (
- *         <button onClick={signOut}>Sign Out</button>
- *       ) : (
- *         <button onClick={handleLogin}>Sign In</button>
- *       )}
- *     </div>
- *   );
- * }
- * ```
- */ export function useAuth() {
-    const context = useClient();
-    return {
-        signIn: context.signIn,
-        signUp: context.signUp,
-        signOut: context.signOut,
-        getAccessToken: context.getAccessToken,
-        getRefreshToken: context.getRefreshToken,
-        setTokens: context.setTokens,
-        clearTokens: context.clearTokens,
-        isAuthenticated: context.isAuthenticated,
-        onStorageChange: context.onStorageChange,
-        authentication: context.authentication
-    };
-}
-// ─────────────────────────────────────────────────────────────────────────────
-// Backward Compatibility Aliases (deprecated)
-// ─────────────────────────────────────────────────────────────────────────────
-/** @deprecated Use `Provider` instead */ export const SimpleBlocks23Provider = Provider;
-/** @deprecated Use `useClient` instead */ export const useSimpleBlocks23 = useClient;
-/** @deprecated Use `useAuth` instead */ export const useSimpleAuth = useAuth;
-
-//# sourceMappingURL=simple-provider.js.map