stream-chat-react 13.14.3 → 14.0.0-beta.2

package/dist/store/hooks/useStateStore.js

@@ -1,39 +0,0 @@
-import { useCallback, useMemo } from 'react';
-import { useSyncExternalStore } from 'use-sync-external-store/shim';
-// eslint-disable-next-line @typescript-eslint/no-empty-function
-const noop = () => { };
-export function useStateStore(store, selector) {
-    const wrappedSubscription = useCallback((onStoreChange) => {
-        const unsubscribe = store?.subscribeWithSelector(selector, onStoreChange);
-        return unsubscribe ?? noop;
-    }, [store, selector]);
-    const wrappedSnapshot = useMemo(() => {
-        let cachedTuple;
-        return () => {
-            const currentValue = store?.getLatestValue();
-            if (!currentValue)
-                return undefined;
-            // store value hasn't changed, no need to compare individual values
-            if (cachedTuple && cachedTuple[0] === currentValue) {
-                return cachedTuple[1];
-            }
-            const newlySelected = selector(currentValue);
-            // store value changed but selected values wouldn't have to, double-check selected
-            if (cachedTuple) {
-                let selectededAreEqualToCached = true;
-                for (const key in cachedTuple[1]) {
-                    if (cachedTuple[1][key] === newlySelected[key])
-                        continue;
-                    selectededAreEqualToCached = false;
-                    break;
-                }
-                if (selectededAreEqualToCached)
-                    return cachedTuple[1];
-            }
-            cachedTuple = [currentValue, newlySelected];
-            return cachedTuple[1];
-        };
-    }, [store, selector]);
-    const state = useSyncExternalStore(wrappedSubscription, wrappedSnapshot);
-    return state;
-}

package/dist/store/index.d.ts

@@ -1 +0,0 @@
-export * from './hooks';

package/dist/store/index.js

@@ -1 +0,0 @@
-export * from './hooks';

package/dist/types/defaultDataInterfaces.d.ts

@@ -1,28 +0,0 @@
-export interface DefaultChannelData {
-    image?: string;
-    name?: string;
-    subtitle?: string;
-    team?: string;
-}
-export interface DefaultAttachmentData {
-}
-export interface DefaultCommandData {
-}
-export interface DefaultEventData {
-}
-export interface DefaultMemberData {
-}
-export interface DefaultMessageData {
-}
-export interface DefaultPollOptionData {
-}
-export interface DefaultPollData {
-}
-export interface DefaultReactionData {
-}
-export interface DefaultUserData {
-}
-export interface DefaultThreadData {
-}
-export interface DefaultMessageComposerData {
-}

package/dist/types/defaultDataInterfaces.js

@@ -1 +0,0 @@
-export {};

package/dist/types/index.js

@@ -1 +0,0 @@
-export {};

package/dist/types/types.d.ts

@@ -1,57 +0,0 @@
-import type { PropsWithChildren } from 'react';
-import type { LoadingIndicatorProps } from '../components/Loading/LoadingIndicator';
-import type { Attachment, ChannelState as StreamChannelState } from 'stream-chat';
-export type UnknownType = Record<string, unknown>;
-export type PropsWithChildrenOnly = PropsWithChildren<Record<never, never>>;
-export type CustomMessageType = 'channel.intro' | 'message.date';
-export type GiphyVersions = 'original' | 'fixed_height' | 'fixed_height_still' | 'fixed_height_downsampled' | 'fixed_width' | 'fixed_width_still' | 'fixed_width_downsampled';
-export type PaginatorProps = {
-    /** callback to load the next page */
-    loadNextPage: () => void;
-    /** indicates if there is a next page to load */
-    hasNextPage?: boolean;
-    /** indicates if there is a previous page to load */
-    hasPreviousPage?: boolean;
-    /** indicates whether a loading request is in progress */
-    isLoading?: boolean;
-    /** The loading indicator to use */
-    LoadingIndicator?: React.ComponentType<LoadingIndicatorProps>;
-    /** callback to load the previous page */
-    loadPreviousPage?: () => void;
-    /**
-     * @desc indicates if there's currently any refreshing taking place
-     * @deprecated Use loading prop instead of refreshing. Planned for removal: https://github.com/GetStream/stream-chat-react/issues/1804
-     */
-    refreshing?: boolean;
-    /** display the items in opposite order */
-    reverse?: boolean;
-    /** Offset from when to start the loadNextPage call */
-    threshold?: number;
-};
-export interface IconProps {
-    className?: string;
-}
-export type Dimensions = {
-    height?: string;
-    width?: string;
-};
-export type ImageAttachmentConfiguration = {
-    url: string;
-};
-export type VideoAttachmentConfiguration = ImageAttachmentConfiguration & {
-    thumbUrl?: string;
-};
-export type ImageAttachmentSizeHandler = (attachment: Attachment, element: HTMLElement) => ImageAttachmentConfiguration;
-export type VideoAttachmentSizeHandler = (attachment: Attachment, element: HTMLElement, shouldGenerateVideoThumbnail: boolean) => VideoAttachmentConfiguration;
-export type ChannelUnreadUiState = Omit<ValuesType<StreamChannelState['read']>, 'user'>;
-export type Readable<T> = {
-    [key in keyof T]: T[key];
-} & {};
-export type ValuesType<T> = T[keyof T];
-export type PartialSelected<T, K extends keyof T> = Omit<T, K> & Partial<Pick<T, K>>;
-export type DeepRequired<T> = {
-    [K in keyof T]-?: T[K] extends object ? DeepRequired<T[K]> : T[K];
-};
-export type DeepPartial<T> = {
-    [P in keyof T]?: T[P] extends object ? DeepPartial<T[P]> : T[P];
-};

package/dist/types/types.js

@@ -1 +0,0 @@
-export {};

package/dist/utils/browsers.d.ts

@@ -1 +0,0 @@
-export declare const isSafari: () => boolean;

package/dist/utils/browsers.js

@@ -1,5 +0,0 @@
-export const isSafari = () => {
-    if (typeof navigator === 'undefined')
-        return false;
-    return /^((?!chrome|android).)*safari/i.test(navigator.userAgent || '');
-};

package/dist/utils/deprecationWarning.d.ts

@@ -1 +0,0 @@
-export declare const deprecationAndReplacementWarning: <P extends Record<string, unknown>[][]>(pairs: P, component: string) => void;

package/dist/utils/deprecationWarning.js

@@ -1,12 +0,0 @@
-export const deprecationAndReplacementWarning = (pairs, component) => {
-    pairs.forEach((data) => {
-        const [[oldName, oldValue], [newName, newValue]] = [
-            Object.entries(data[0])[0],
-            Object.entries(data[1])[0],
-        ];
-        if ((typeof oldValue !== 'undefined' && typeof newValue === 'undefined') ||
-            (typeof oldValue !== 'undefined' && typeof newValue !== 'undefined')) {
-            console.warn(`[Deprecation notice (${component})]: prefer using prop ${newName} instead of ${oldName}`);
-        }
-    });
-};

package/dist/utils/findReverse.d.ts

@@ -1 +0,0 @@
-export declare const findReverse: <T>(items: T[], matches: (items: T) => boolean) => T | undefined;

package/dist/utils/findReverse.js

@@ -1,9 +0,0 @@
-// last own message should be tracked in the low-level client
-export const findReverse = (items, matches) => {
-    for (let i = items.length - 1; i >= 0; i -= 1) {
-        if (matches(items[i])) {
-            return items[i];
-        }
-    }
-    return undefined;
-};

package/dist/utils/getChannel.d.ts

@@ -1,20 +0,0 @@
-import type { Channel, ChannelQueryOptions, StreamChat } from 'stream-chat';
-type GetChannelParams = {
-    client: StreamChat;
-    channel?: Channel;
-    id?: string;
-    members?: string[];
-    options?: ChannelQueryOptions;
-    type?: string;
-};
-/**
- * Calls channel.watch() if it was not already recently called. Waits for watch promise to resolve even if it was invoked previously.
- * @param client
- * @param members
- * @param options
- * @param type
- * @param id
- * @param channel
- */
-export declare const getChannel: ({ channel, client, id, members, options, type, }: GetChannelParams) => Promise<Channel>;
-export {};

package/dist/utils/getChannel.js

@@ -1,52 +0,0 @@
-/**
- * prevent from duplicate invocation of channel.watch()
- * when events 'notification.message_new' and 'notification.added_to_channel' arrive at the same time
- */
-const WATCH_QUERY_IN_PROGRESS_FOR_CHANNEL = {};
-/**
- * Calls channel.watch() if it was not already recently called. Waits for watch promise to resolve even if it was invoked previously.
- * @param client
- * @param members
- * @param options
- * @param type
- * @param id
- * @param channel
- */
-export const getChannel = async ({ channel, client, id, members, options, type, }) => {
-    if (!channel && !type) {
-        throw new Error('Channel or channel type have to be provided to query a channel.');
-    }
-    // unfortunately typescript is not able to infer that if (!channel && !type) === false, then channel or type has to be truthy
-    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-    const theChannel = channel || client.channel(type, id, { members });
-    // need to keep as with call to channel.watch the id can be changed from undefined to an actual ID generated server-side
-    const originalCid = theChannel?.id
-        ? theChannel.cid
-        : members && members.length
-            ? generateChannelTempCid(theChannel.type, members)
-            : undefined;
-    if (!originalCid) {
-        throw new Error('Channel ID or channel members array have to be provided to query a channel.');
-    }
-    const queryPromise = WATCH_QUERY_IN_PROGRESS_FOR_CHANNEL[originalCid];
-    if (queryPromise) {
-        await queryPromise;
-    }
-    else {
-        try {
-            WATCH_QUERY_IN_PROGRESS_FOR_CHANNEL[originalCid] = theChannel.watch(options);
-            await WATCH_QUERY_IN_PROGRESS_FOR_CHANNEL[originalCid];
-        }
-        finally {
-            delete WATCH_QUERY_IN_PROGRESS_FOR_CHANNEL[originalCid];
-        }
-    }
-    return theChannel;
-};
-// Channels created without ID need to be referenced by an identifier until the back-end generates the final ID.
-const generateChannelTempCid = (channelType, members) => {
-    if (!members)
-        return;
-    const membersStr = [...members].sort().join(',');
-    return `${channelType}:!members-${membersStr}`;
-};

package/dist/utils/getWholeChar.d.ts

@@ -1 +0,0 @@
-export declare const getWholeChar: (str: string, i: number) => string;

package/dist/utils/getWholeChar.js

@@ -1,26 +0,0 @@
-// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/charAt#getting_whole_characters
-export const getWholeChar = (str, i) => {
-    const code = str.charCodeAt(i);
-    if (Number.isNaN(code))
-        return '';
-    if (code < 0xd800 || code > 0xdfff)
-        return str.charAt(i);
-    if (0xd800 <= code && code <= 0xdbff) {
-        if (str.length <= i + 1) {
-            throw 'High surrogate without following low surrogate';
-        }
-        const next = str.charCodeAt(i + 1);
-        if (0xdc00 > next || next > 0xdfff) {
-            throw 'High surrogate without following low surrogate';
-        }
-        return str.charAt(i) + str.charAt(i + 1);
-    }
-    if (i === 0) {
-        throw 'Low surrogate without preceding high surrogate';
-    }
-    const prev = str.charCodeAt(i - 1);
-    if (0xd800 > prev || prev > 0xdbff) {
-        throw 'Low surrogate without preceding high surrogate';
-    }
-    return '';
-};

package/dist/utils/index.d.ts

@@ -1,2 +0,0 @@
-export * from './getChannel';
-export * from './getWholeChar';

package/dist/utils/index.js

@@ -1,2 +0,0 @@
-export * from './getChannel';
-export * from './getWholeChar';

package/dist/utils/mergeDeep.d.ts

@@ -1,2 +0,0 @@
-export declare const mergeDeep: <TObject, TSource>(target: TObject, source: TSource) => TObject & TSource;
-export declare const mergeDeepUndefined: <TObject, TSource>(target: TObject, source: TSource) => TObject & TSource;

package/dist/utils/mergeDeep.js

@@ -1,5 +0,0 @@
-import mergeWith from 'lodash.mergewith';
-const overrideEverything = (_, source) => source;
-export const mergeDeep = (target, source) => mergeWith(target, source, overrideEverything);
-const overrideUndefinedOnly = (object, source) => object ?? source;
-export const mergeDeepUndefined = (target, source) => mergeWith(target, source, overrideUndefinedOnly);

package/dist/utils/useStableCallback.d.ts

@@ -1,25 +0,0 @@
-export type StableCallback<A extends unknown[], R> = (...args: A) => R;
-/**
- * A utility hook implementing a stable callback. It takes in an unstable method that
- * is supposed to be invoked somewhere deeper in the DOM tree without making it
- * change its reference every time the parent component rerenders. It will also return
- * the value of the callback if it does return one.
- * A common use-case would be having a function whose invocation depends on state
- * somewhere high up in the DOM tree and wanting to use the same function deeper
- * down, for example in a leaf node and simply using useCallback results in
- * cascading dependency hell. If we wrap it in useStableCallback, we would be able
- * to:
- * - Use the same function as a dependency of another hook (since it is stable)
- * - Still invoke it and get the latest state
- *
- * **Caveats:**
- * - Never wrap a function that is supposed to return a React.ReactElement in
- *   useStableCallback, since React will not know that the DOM needs to be updated
- *   whenever the callback value changes (for example, renderItem from FlatList must
- *   never be wrapped in this hook)
- * - Always prefer using a standard useCallback/stable function wherever possible
- *   (the purpose of useStableCallback is to bridge the gap between top level contexts
- *   and cascading rereders in downstream components - **not** as an escape hatch)
- * @param callback - the callback we want to stabilize
- */
-export declare const useStableCallback: <A extends unknown[], R>(callback: StableCallback<A, R>) => StableCallback<A, R>;

package/dist/utils/useStableCallback.js

@@ -1,29 +0,0 @@
-import { useCallback, useRef } from 'react';
-/**
- * A utility hook implementing a stable callback. It takes in an unstable method that
- * is supposed to be invoked somewhere deeper in the DOM tree without making it
- * change its reference every time the parent component rerenders. It will also return
- * the value of the callback if it does return one.
- * A common use-case would be having a function whose invocation depends on state
- * somewhere high up in the DOM tree and wanting to use the same function deeper
- * down, for example in a leaf node and simply using useCallback results in
- * cascading dependency hell. If we wrap it in useStableCallback, we would be able
- * to:
- * - Use the same function as a dependency of another hook (since it is stable)
- * - Still invoke it and get the latest state
- *
- * **Caveats:**
- * - Never wrap a function that is supposed to return a React.ReactElement in
- *   useStableCallback, since React will not know that the DOM needs to be updated
- *   whenever the callback value changes (for example, renderItem from FlatList must
- *   never be wrapped in this hook)
- * - Always prefer using a standard useCallback/stable function wherever possible
- *   (the purpose of useStableCallback is to bridge the gap between top level contexts
- *   and cascading rereders in downstream components - **not** as an escape hatch)
- * @param callback - the callback we want to stabilize
- */
-export const useStableCallback = (callback) => {
-    const ref = useRef(callback);
-    ref.current = callback;
-    return useCallback((...args) => ref.current(...args), []);
-};