// Copyright 2019 Signal Messenger, LLC // SPDX-License-Identifier: AGPL-3.0-only import { createSelector } from 'reselect'; import { isInteger } from 'lodash'; import { ITEM_NAME as UNIVERSAL_EXPIRE_TIMER_ITEM } from '../../util/universalExpireTimer'; import { SecurityNumberIdentifierType } from '../../util/safetyNumber'; import { innerIsBucketValueEnabled } from '../../RemoteConfig'; import type { ConfigKeyType, ConfigMapType } from '../../RemoteConfig'; import type { StateType } from '../reducer'; import type { ItemsStateType } from '../ducks/items'; import type { ConversationColorType, CustomColorType, } from '../../types/Colors'; import type { UUIDStringType } from '../../types/UUID'; import { DEFAULT_CONVERSATION_COLOR } from '../../types/Colors'; import { getPreferredReactionEmoji as getPreferredReactionEmojiFromStoredValue } from '../../reactions/preferredReactionEmoji'; import { isBeta } from '../../util/version'; import { DurationInSeconds } from '../../util/durations'; import { getUserNumber, getUserACI } from './user'; const DEFAULT_PREFERRED_LEFT_PANE_WIDTH = 320; export const getItems = (state: StateType): ItemsStateType => state.items; export const getAreWeASubscriber = createSelector( getItems, ({ areWeASubscriber }: Readonly): boolean => Boolean(areWeASubscriber) ); export const getUserAgent = createSelector( getItems, (state: ItemsStateType): string => state.userAgent as string ); export const getPinnedConversationIds = createSelector( getItems, (state: ItemsStateType): Array => (state.pinnedConversationIds || []) as Array ); export const getUniversalExpireTimer = createSelector( getItems, (state: ItemsStateType): DurationInSeconds => DurationInSeconds.fromSeconds(state[UNIVERSAL_EXPIRE_TIMER_ITEM] || 0) ); const isRemoteConfigFlagEnabled = ( config: Readonly, key: ConfigKeyType ): boolean => Boolean(config[key]?.enabled); // See isBucketValueEnabled in RemoteConfig.ts const isRemoteConfigBucketEnabled = ( config: Readonly, name: ConfigKeyType, e164: string | undefined, uuid: UUIDStringType | undefined ): boolean => { const flagValue = config[name]?.value; return innerIsBucketValueEnabled(name, flagValue, e164, uuid); }; export const getRemoteConfig = createSelector( getItems, (state: ItemsStateType): ConfigMapType => state.remoteConfig || {} ); export const getUsernamesEnabled = createSelector( getRemoteConfig, (remoteConfig: ConfigMapType): boolean => isRemoteConfigFlagEnabled(remoteConfig, 'desktop.usernames') ); export const getHasCompletedUsernameOnboarding = createSelector( getItems, (state: ItemsStateType): boolean => Boolean(state.hasCompletedUsernameOnboarding) ); export const isInternalUser = createSelector( getRemoteConfig, (remoteConfig: ConfigMapType): boolean => { return isRemoteConfigFlagEnabled(remoteConfig, 'desktop.internalUser'); } ); // Note: ts/util/stories is the other place this check is done export const getStoriesEnabled = createSelector( getItems, getRemoteConfig, getUserNumber, getUserACI, ( state: ItemsStateType, remoteConfig: ConfigMapType, e164: string | undefined, aci: UUIDStringType | undefined ): boolean => { if (state.hasStoriesDisabled) { return false; } if ( isRemoteConfigBucketEnabled(remoteConfig, 'desktop.stories2', e164, aci) ) { return true; } if (isRemoteConfigFlagEnabled(remoteConfig, 'desktop.internalUser')) { return true; } if ( isRemoteConfigFlagEnabled(remoteConfig, 'desktop.stories2.beta') && isBeta(window.getVersion()) ) { return true; } return false; } ); export const getContactManagementEnabled = createSelector( getRemoteConfig, (remoteConfig: ConfigMapType): boolean => { if (isRemoteConfigFlagEnabled(remoteConfig, 'desktop.contactManagement')) { return true; } if ( isRemoteConfigFlagEnabled( remoteConfig, 'desktop.contactManagement.beta' ) && isBeta(window.getVersion()) ) { return true; } return false; } ); export const getSecurityNumberIdentifierType = createSelector( getRemoteConfig, (_state: StateType, { now }: { now: number }) => now, (remoteConfig: ConfigMapType, now: number): SecurityNumberIdentifierType => { if (isRemoteConfigFlagEnabled(remoteConfig, 'desktop.safetyNumberUUID')) { return SecurityNumberIdentifierType.UUIDIdentifier; } const timestamp = remoteConfig['desktop.safetyNumberUUID.timestamp']?.value; if (typeof timestamp !== 'number') { return SecurityNumberIdentifierType.E164Identifier; } return now >= timestamp ? SecurityNumberIdentifierType.UUIDIdentifier : SecurityNumberIdentifierType.E164Identifier; } ); export const getDefaultConversationColor = createSelector( getItems, ( state: ItemsStateType ): { color: ConversationColorType; customColorData?: { id: string; value: CustomColorType; }; } => state.defaultConversationColor ?? DEFAULT_CONVERSATION_COLOR ); export const getCustomColors = createSelector( getItems, (state: ItemsStateType): Record | undefined => state.customColors?.colors ); export const getEmojiSkinTone = createSelector( getItems, ({ skinTone }: Readonly): number => typeof skinTone === 'number' && isInteger(skinTone) && skinTone >= 0 && skinTone <= 5 ? skinTone : 0 ); export const getPreferredLeftPaneWidth = createSelector( getItems, ({ preferredLeftPaneWidth }: Readonly): number => typeof preferredLeftPaneWidth === 'number' && Number.isInteger(preferredLeftPaneWidth) ? preferredLeftPaneWidth : DEFAULT_PREFERRED_LEFT_PANE_WIDTH ); export const getPreferredReactionEmoji = createSelector( getItems, getEmojiSkinTone, (state: Readonly, skinTone: number): Array => getPreferredReactionEmojiFromStoredValue( state.preferredReactionEmoji, skinTone ) ); export const getHideMenuBar = createSelector( getItems, (state: ItemsStateType): boolean => Boolean(state['hide-menu-bar']) ); export const getHasSetMyStoriesPrivacy = createSelector( getItems, (state: ItemsStateType): boolean => Boolean(state.hasSetMyStoriesPrivacy) ); export const getHasReadReceiptSetting = createSelector( getItems, (state: ItemsStateType): boolean => Boolean(state['read-receipt-setting']) ); export const getHasStoryViewReceiptSetting = createSelector( getItems, (state: ItemsStateType): boolean => Boolean( state.storyViewReceiptsEnabled ?? state['read-receipt-setting'] ?? false ) ); export const getRemoteBuildExpiration = createSelector( getItems, (state: ItemsStateType): number | undefined => state.remoteBuildExpiration === undefined ? undefined : Number(state.remoteBuildExpiration) ); export const getAutoDownloadUpdate = createSelector( getItems, (state: ItemsStateType): boolean => Boolean(state['auto-download-update'] ?? true) );