// 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 { 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 { AciString } from '../../types/ServiceId'; import { DEFAULT_CONVERSATION_COLOR } from '../../types/Colors'; import { getPreferredReactionEmoji as getPreferredReactionEmojiFromStoredValue } from '../../reactions/preferredReactionEmoji'; import { DurationInSeconds } from '../../util/durations'; import * as Bytes from '../../Bytes'; import { contactByEncryptedUsernameRoute } from '../../util/signalRoutes'; 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) ); export const isRemoteConfigFlagEnabled = ( config: Readonly, key: ConfigKeyType ): boolean => Boolean(config[key]?.enabled); // See isBucketValueEnabled in RemoteConfig.ts export const isRemoteConfigBucketEnabled = ( config: Readonly, name: ConfigKeyType, e164: string | undefined, aci: AciString | undefined ): boolean => { const flagValue = config[name]?.value; return innerIsBucketValueEnabled(name, flagValue, e164, aci); }; export const getRemoteConfig = createSelector( getItems, (state: ItemsStateType): ConfigMapType => state.remoteConfig || {} ); export const getServerTimeSkew = createSelector( getItems, (state: ItemsStateType): number => state.serverTimeSkew || 0 ); export const getHasCompletedUsernameOnboarding = createSelector( getItems, (state: ItemsStateType): boolean => Boolean(state.hasCompletedUsernameOnboarding) ); export const getHasCompletedUsernameLinkOnboarding = createSelector( getItems, (state: ItemsStateType): boolean => Boolean(state.hasCompletedUsernameLinkOnboarding) ); export const getUsernameCorrupted = createSelector( getItems, (state: ItemsStateType): boolean => Boolean(state.usernameCorrupted) ); export const getUsernameLinkCorrupted = createSelector( getItems, (state: ItemsStateType): boolean => Boolean(state.usernameLinkCorrupted) ); export const getUsernameLinkColor = createSelector( getItems, (state: ItemsStateType): number | undefined => state.usernameLinkColor ); export const getUsernameLink = createSelector( getItems, ({ usernameLink }: ItemsStateType): string | undefined => { if (!usernameLink) { return undefined; } const { entropy, serverId } = usernameLink; if (!entropy.length || !serverId.length) { return undefined; } const content = Bytes.concatenate([entropy, serverId]); return contactByEncryptedUsernameRoute .toWebUrl({ encryptedUsername: Bytes.toBase64url(content) }) .toString(); } ); export const isInternalUser = createSelector( getRemoteConfig, (remoteConfig: ConfigMapType): boolean => { return isRemoteConfigFlagEnabled(remoteConfig, 'desktop.internalUser'); } ); export const getDeleteSyncSendEnabled = createSelector( getRemoteConfig, (remoteConfig: ConfigMapType): boolean => { return isRemoteConfigFlagEnabled(remoteConfig, 'desktop.deleteSync.send'); } ); // Note: ts/util/stories is the other place this check is done export const getStoriesEnabled = createSelector( getItems, (state: ItemsStateType): boolean => !state.hasStoriesDisabled ); 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) ); export const getTextFormattingEnabled = createSelector( getItems, (state: ItemsStateType): boolean => Boolean(state.textFormatting ?? true) ); export const getNavTabsCollapsed = createSelector( getItems, (state: ItemsStateType): boolean => Boolean(state.navTabsCollapsed ?? false) ); export const getShowStickersIntroduction = createSelector( getItems, (state: ItemsStateType): boolean => { return state.showStickersIntroduction ?? false; } ); export const getShowStickerPickerHint = createSelector( getItems, (state: ItemsStateType): boolean => { return state.showStickerPickerHint ?? false; } ); export const getLocalDeleteWarningShown = createSelector( getItems, (state: ItemsStateType): boolean => Boolean(state.localDeleteWarningShown ?? false) );