@stream-io/video-react-sdk 1.21.2 → 1.22.0

package/dist/index.d.ts

@@ -5,3 +5,4 @@ export * from './src/components';
 export * from './src/wrappers';
 export * from './src/translations';
 export { useHorizontalScrollPosition, useVerticalScrollPosition, useRequestPermission, usePersistedDevicePreferences, useDeviceList, } from './src/hooks';
+export { applyFilter, type Filter } from './src/utilities/filter';

package/dist/index.es.js

@@ -848,7 +848,7 @@ const useBackgroundFilters = () => {
  * in your project before using this component.
  */
 const BackgroundFiltersProvider = (props) => {
-    const { children, backgroundImages = [], backgroundFilter: bgFilterFromProps = undefined, backgroundImage: bgImageFromProps = undefined, backgroundBlurLevel: bgBlurLevelFromProps = undefined, tfFilePath, modelFilePath, basePath, onError, } = props;
+    const { children, backgroundImages = [], backgroundFilter: bgFilterFromProps = undefined, backgroundImage: bgImageFromProps = undefined, backgroundBlurLevel: bgBlurLevelFromProps = undefined, tfFilePath, modelFilePath, basePath, onError, forceSafariSupport, forceMobileSupport, } = props;
     const [backgroundFilter, setBackgroundFilter] = useState(bgFilterFromProps);
     const [backgroundImage, setBackgroundImage] = useState(bgImageFromProps);
     const [backgroundBlurLevel, setBackgroundBlurLevel] = useState(bgBlurLevelFromProps);
@@ -867,8 +867,11 @@ const BackgroundFiltersProvider = (props) => {
     }, []);
     const [isSupported, setIsSupported] = useState(false);
     useEffect(() => {
-        isPlatformSupported().then(setIsSupported);
-    }, []);
+        isPlatformSupported({
+            forceSafariSupport,
+            forceMobileSupport,
+        }).then(setIsSupported);
+    }, [forceMobileSupport, forceSafariSupport]);
     const [tfLite, setTfLite] = useState();
     useEffect(() => {
         // don't try to load TFLite if the platform is not supported
@@ -1898,10 +1901,11 @@ const CallParticipantsList = ({ onClose, activeUsersSearchFn, blockedUsersSearch
 };
 const CallParticipantListContentHeader = ({ userListType, setUserListType, }) => {
     const call = useCall();
+    const { t } = useI18n();
     const muteAll = useCallback(() => {
         call?.muteAllUsers('audio');
     }, [call]);
-    return (jsxs("div", { className: "str-video__participant-list__content-header", children: [jsx("div", { className: "str-video__participant-list__content-header-title", children: userListType === 'active' && (jsx(Restricted, { requiredGrants: [OwnCapability.MUTE_USERS], hasPermissionsOnly: true, children: jsx(TextButton, { onClick: muteAll, children: "Mute all" }) })) }), jsx(MenuToggle, { placement: "bottom-end", ToggleButton: ToggleButton$1, children: jsx(GenericMenu, { children: Object.keys(UserListTypes).map((lt) => (jsx(GenericMenuButtonItem, { "aria-selected": lt === userListType, onClick: () => setUserListType(lt), children: UserListTypes[lt] }, lt))) }) })] }));
+    return (jsxs("div", { className: "str-video__participant-list__content-header", children: [jsx("div", { className: "str-video__participant-list__content-header-title", children: userListType === 'active' && (jsx(Restricted, { requiredGrants: [OwnCapability.MUTE_USERS], hasPermissionsOnly: true, children: jsx(TextButton, { onClick: muteAll, children: t('Mute all') }) })) }), jsx(MenuToggle, { placement: "bottom-end", ToggleButton: ToggleButton$1, children: jsx(GenericMenu, { children: Object.keys(UserListTypes).map((lt) => (jsx(GenericMenuButtonItem, { "aria-selected": lt === userListType, onClick: () => setUserListType(lt), children: UserListTypes[lt] }, lt))) }) })] }));
 };
 const ActiveUsersSearchResults = ({ searchQuery, activeUsersSearchFn: activeUsersSearchFnFromProps, debounceSearchInterval, }) => {
     const { useParticipants } = useCallStateHooks();
@@ -2470,15 +2474,26 @@ function applyFilter(obj, filter) {
     }
     return checkConditions(obj, filter);
 }
+const isDateString = (value) => typeof value === 'string' &&
+    /^((?:(\d{4}-\d{2}-\d{2})T(\d{2}:\d{2}:\d{2}(?:\.\d+)?))(Z|[+-]\d{2}:\d{2})?)$/.test(value);
 function checkConditions(obj, conditions) {
     let match = true;
     for (const key of Object.keys(conditions)) {
         const operator = conditions[key];
         const maybeOperator = operator && typeof operator === 'object';
-        const value = obj[key];
+        let value = obj[key];
+        if (value instanceof Date) {
+            value = value.getTime();
+        }
+        else if (isDateString(value)) {
+            value = new Date(value).getTime();
+        }
         if (maybeOperator && '$eq' in operator) {
             const eqOperator = operator;
-            match && (match = eqOperator.$eq === value);
+            const eqOperatorValue = isDateString(eqOperator.$eq)
+                ? new Date(eqOperator.$eq).getTime()
+                : eqOperator.$eq;
+            match && (match = eqOperatorValue === value);
         }
         else if (maybeOperator && '$neq' in operator) {
             const neqOperator = operator;
@@ -2497,6 +2512,37 @@ function checkConditions(obj, conditions) {
                 match = false;
             }
         }
+        else if (maybeOperator && '$gt' in operator) {
+            const gtOperator = operator;
+            const gtOperatorValue = isDateString(gtOperator.$gt)
+                ? new Date(gtOperator.$gt).getTime()
+                : gtOperator.$gt;
+            match && (match = value > gtOperatorValue);
+        }
+        else if (maybeOperator && '$gte' in operator) {
+            const gteOperator = operator;
+            const gteOperatorValue = isDateString(gteOperator.$gte)
+                ? new Date(gteOperator.$gte).getTime()
+                : gteOperator.$gte;
+            match && (match = value >= gteOperatorValue);
+        }
+        else if (maybeOperator && '$lt' in operator) {
+            const ltOperator = operator;
+            const ltOperatorValue = isDateString(ltOperator.$lt)
+                ? new Date(ltOperator.$lt).getTime()
+                : ltOperator.$lt;
+            match && (match = value < ltOperatorValue);
+        }
+        else if (maybeOperator && '$lte' in operator) {
+            const lteOperator = operator;
+            const lteOperatorValue = isDateString(lteOperator.$lte)
+                ? new Date(lteOperator.$lte).getTime()
+                : lteOperator.$lte;
+            match && (match = value <= lteOperatorValue);
+            // } else if (maybeOperator && '$autocomplete' in operator) {
+            // TODO: regexp solution maybe?
+            // match &&= false;
+        }
         else {
             const eqValue = operator;
             match && (match = eqValue === value);
@@ -2970,7 +3016,7 @@ const checkCanJoinEarly = (startsAt, joinAheadTimeSeconds) => {
     return Date.now() >= +startsAt - (joinAheadTimeSeconds ?? 0) * 1000;
 };
 
-const [major, minor, patch] = ("1.21.2").split('.');
+const [major, minor, patch] = ("1.22.0").split('.');
 setSdkInfo({
     type: SfuModels.SdkType.REACT,
     major,
@@ -2978,5 +3024,5 @@ setSdkInfo({
     patch,
 });
 
-export { AcceptCallButton, Audio, Avatar, AvatarFallback, BackgroundFiltersProvider, BackstageLayout, BaseVideo, CallControls, CallParticipantListing, CallParticipantListingItem, CallParticipantsList, CallPreview, CallRecordingList, CallRecordingListHeader, CallRecordingListItem, CallStats, CallStatsButton, CancelCallButton, CancelCallConfirmButton, CompositeButton, DefaultParticipantViewUI, DefaultReactionsMenu, DefaultScreenShareOverlay, DefaultVideoPlaceholder, DeviceSelector, DeviceSelectorAudioInput, DeviceSelectorAudioOutput, DeviceSelectorVideo, DeviceSettings, DropDownSelect, DropDownSelectOption, EmptyCallRecordingListing, GenericMenu, GenericMenuButtonItem, Icon, IconButton, LivestreamLayout, LivestreamPlayer, LoadingCallRecordingListing, LoadingIndicator, MenuToggle, MenuVisualType, NoiseCancellationProvider, Notification, PaginatedGridLayout, ParticipantActionsContextMenu, ParticipantDetails, ParticipantView, ParticipantViewContext, ParticipantsAudio, PermissionNotification, PermissionRequestList, PermissionRequests, PipLayout, Reaction, ReactionsButton, RecordCallButton, RecordCallConfirmationButton, RecordingInProgressNotification, RingingCall, RingingCallControls, ScreenShareButton, SearchInput, SearchResults, SpeakerLayout, SpeakingWhileMutedNotification, SpeechIndicator, StatCard, StreamCall, StreamTheme, StreamVideo, TextButton, ToggleAudioOutputButton, ToggleAudioPreviewButton, ToggleAudioPublishingButton, ToggleVideoPreviewButton, ToggleVideoPublishingButton, Tooltip, Video$1 as Video, VideoPreview, WithTooltip, defaultEmojiReactionMap, defaultReactions, translations, useBackgroundFilters, useDeviceList, useFilteredParticipants, useHorizontalScrollPosition, useMenuContext, useNoiseCancellation, useParticipantViewContext, usePersistedDevicePreferences, useRequestPermission, useTrackElementVisibility, useVerticalScrollPosition };
+export { AcceptCallButton, Audio, Avatar, AvatarFallback, BackgroundFiltersProvider, BackstageLayout, BaseVideo, CallControls, CallParticipantListing, CallParticipantListingItem, CallParticipantsList, CallPreview, CallRecordingList, CallRecordingListHeader, CallRecordingListItem, CallStats, CallStatsButton, CancelCallButton, CancelCallConfirmButton, CompositeButton, DefaultParticipantViewUI, DefaultReactionsMenu, DefaultScreenShareOverlay, DefaultVideoPlaceholder, DeviceSelector, DeviceSelectorAudioInput, DeviceSelectorAudioOutput, DeviceSelectorVideo, DeviceSettings, DropDownSelect, DropDownSelectOption, EmptyCallRecordingListing, GenericMenu, GenericMenuButtonItem, Icon, IconButton, LivestreamLayout, LivestreamPlayer, LoadingCallRecordingListing, LoadingIndicator, MenuToggle, MenuVisualType, NoiseCancellationProvider, Notification, PaginatedGridLayout, ParticipantActionsContextMenu, ParticipantDetails, ParticipantView, ParticipantViewContext, ParticipantsAudio, PermissionNotification, PermissionRequestList, PermissionRequests, PipLayout, Reaction, ReactionsButton, RecordCallButton, RecordCallConfirmationButton, RecordingInProgressNotification, RingingCall, RingingCallControls, ScreenShareButton, SearchInput, SearchResults, SpeakerLayout, SpeakingWhileMutedNotification, SpeechIndicator, StatCard, StreamCall, StreamTheme, StreamVideo, TextButton, ToggleAudioOutputButton, ToggleAudioPreviewButton, ToggleAudioPublishingButton, ToggleVideoPreviewButton, ToggleVideoPublishingButton, Tooltip, Video$1 as Video, VideoPreview, WithTooltip, applyFilter, defaultEmojiReactionMap, defaultReactions, translations, useBackgroundFilters, useDeviceList, useFilteredParticipants, useHorizontalScrollPosition, useMenuContext, useNoiseCancellation, useParticipantViewContext, usePersistedDevicePreferences, useRequestPermission, useTrackElementVisibility, useVerticalScrollPosition };
 //# sourceMappingURL=index.es.js.map