@magicbell/react-headless/dist/esm/stores/clientSettings.js

Hooks to build a notification inbox

import { UserClient } from 'magicbell/user-client';
import { createStore } from 'zustand/vanilla';
import { pkg } from '../lib/pkg.js';
/**
 * Store for the configuration of this MagicBell client. It contains all
 * settings required to make a request to the MagicBell server.
 *
 * @example
 * const { apiKey } = clientSettings.getState()
 */
const clientSettings = createStore((set, get) => {
    let _client = null;
    let _key = '';
    return {
        apiKey: '',
        userEmail: undefined,
        userExternalId: undefined,
        userKey: undefined,
        token: undefined,
        clientId: Math.random().toString(36).substring(2) + Date.now(),
        serverURL: 'https://api.magicbell.com',
        socketURL: 'wss://ws.magicbell.com',
        appInfo: undefined,
        network: {},
        getClient() {
            const state = get();
            const key = JSON.stringify([state.apiKey, state.userEmail, state.userExternalId, state.userKey, state.token]);
            if (key !== _key) {
                _key = key;
                _client = new UserClient({
                    userExternalId: state.userExternalId,
                    userEmail: state.userEmail,
                    userHmac: state.userKey,
                    apiKey: state.apiKey,
                    token: state.token,
                    host: state.serverURL,
                    socketURL: state.socketURL,
                    appInfo: state.appInfo || {
                        name: pkg.name,
                        version: pkg.version,
                    },
                    cacheTTL: state.network?.cacheTTL,
                    maxRetries: state.network?.maxRetries,
                });
            }
            return _client;
        },
    };
});
export default clientSettings;
//# sourceMappingURL=clientSettings.js.map