@procivis/one-react-native-components 0.1.63 → 0.3.22

package/lib/typescript/credential/index.d.ts

@@ -1,8 +0,0 @@
-import CredentialAttributeItem, { CredentialAttribute, CredentialAttributeItemProps, CredentialAttributeValue } from './credential-attribute-item';
-import { Barcode, Mrz, QrCode } from './credential-carousel-images';
-import Selector from './selector';
-import { SelectorStatus } from './selector-status';
-export { CredentialAttribute, CredentialAttributeItem, CredentialAttributeItemProps, CredentialAttributeValue };
-export { Barcode, Mrz, QrCode };
-export { Selector, SelectorStatus };
-export * from './card';

package/lib/typescript/entity/avatar.d.ts

@@ -1,10 +0,0 @@
-import { ComponentType, FunctionComponent, ReactElement } from 'react';
-import { ViewProps } from 'react-native';
-import { ImageOrComponentSource } from '../image/image-or-component';
-export type AvatarProps = ViewProps & {
-    avatar?: ImageOrComponentSource;
-    placeholderText?: string;
-    statusIcon?: ComponentType<any> | ReactElement;
-};
-declare const Avatar: FunctionComponent<AvatarProps>;
-export default Avatar;

package/lib/typescript/entity/entity-cluster.d.ts

@@ -1,12 +0,0 @@
-import { FunctionComponent } from 'react';
-import { ViewProps } from 'react-native';
-import { AvatarProps } from './avatar';
-export type EntityClusterProps = ViewProps & {
-    avatar?: AvatarProps;
-    entityName: string;
-    subline?: string;
-    textColor?: string;
-    testID?: string;
-};
-declare const EntityCluster: FunctionComponent<EntityClusterProps>;
-export default EntityCluster;

package/lib/typescript/header/index.d.ts

@@ -1,8 +0,0 @@
-import FocusAwareStatusBar from './focus-aware-status-bar';
-import FoldableHeader, { FoldableHeaderProps } from './foldable-header';
-import Header, { HeaderProps } from './header';
-import NavigationHeader, { NavigationHeaderProps } from './navigation-header';
-export { FocusAwareStatusBar };
-export { FoldableHeader, FoldableHeaderProps };
-export { Header, HeaderProps };
-export { NavigationHeader, NavigationHeaderProps };

package/lib/typescript/history/data-item.d.ts

@@ -1,12 +0,0 @@
-import { FC, ReactNode } from 'react';
-import { ColorValue, ViewProps } from 'react-native';
-export type DataItemProps = ViewProps & {
-    attribute: string;
-    last?: boolean;
-    multiline?: boolean;
-    value: string;
-    valueColor?: ColorValue;
-    valueIcon?: ReactNode;
-};
-declare const DataItem: FC<DataItemProps>;
-export default DataItem;

package/lib/typescript/history/history-list-item.d.ts

@@ -1,14 +0,0 @@
-import { ComponentType, FC, ReactElement } from 'react';
-import { StyleProp, ViewStyle } from 'react-native';
-export type HistoryListItemProps = {
-    icon: ComponentType<any> | ReactElement;
-    info?: string;
-    label: string;
-    last?: boolean;
-    onPress?: () => void;
-    style?: StyleProp<ViewStyle>;
-    testID?: string;
-    time: string;
-};
-declare const HistoryListItem: FC<HistoryListItemProps>;
-export default HistoryListItem;

package/lib/typescript/history/history-section-header.d.ts

@@ -1,7 +0,0 @@
-import { FC } from 'react';
-declare const HistorySectionHeader: FC<{
-    day: string;
-    testID?: string;
-    year?: string;
-}>;
-export default HistorySectionHeader;

package/lib/typescript/history/history-section-list-item.d.ts

@@ -1,7 +0,0 @@
-import { FC } from 'react';
-import { HistoryListItemProps } from './history-list-item';
-export interface HistorySectionListItemProps extends HistoryListItemProps {
-    first?: boolean;
-}
-declare const HistorySectionListItem: FC<HistorySectionListItemProps>;
-export default HistorySectionListItem;

package/lib/typescript/history/index.d.ts

@@ -1,8 +0,0 @@
-import DataItem, { DataItemProps } from './data-item';
-import HistoryListItem, { HistoryListItemProps } from './history-list-item';
-import HistorySectionHeader from './history-section-header';
-import HistorySectionListItem, { HistorySectionListItemProps } from './history-section-list-item';
-export { DataItem, DataItemProps };
-export { HistoryListItem, HistoryListItemProps };
-export { HistorySectionHeader };
-export { HistorySectionListItem, HistorySectionListItemProps };

package/lib/typescript/icons/history.d.ts

@@ -1,42 +0,0 @@
-import { FC } from 'react';
-import { ViewProps } from 'react-native';
-import { SvgProps } from 'react-native-svg';
-export declare const HistoryShareIcon: FC<SvgProps>;
-export declare const HistoryIssueIcon: FC<SvgProps>;
-export declare const HistoryRevokeIcon: FC<SvgProps>;
-export declare const HistorySuspendIcon: FC<SvgProps>;
-export declare const HistoryStatusAcceptedIcon: FC<SvgProps>;
-export declare enum HistoryStatusIconType {
-    Success = 0,
-    Warning = 1,
-    Error = 2,
-    Delete = 3,
-    Suspend = 4,
-    SuspendTemporary = 5,
-    Indicator = 6
-}
-export interface HistoryStatusIconProps extends SvgProps {
-    type: HistoryStatusIconType;
-}
-export declare const HistoryStatusIcon: FC<HistoryStatusIconProps>;
-export declare enum HistoryActionIconType {
-    Issue = 0,
-    IssueReject = 1,
-    Request = 2,
-    RequestDeleted = 3,
-    RequestReject = 4,
-    Revalidate = 5,
-    Revoke = 6,
-    Share = 7,
-    ShareReject = 8,
-    Suspend = 9,
-    SuspendTemporary = 10,
-    Error = 11
-}
-export type HistoryActionIconProps = ViewProps & ({
-    type: HistoryActionIconType;
-} | {
-    statusIcon: HistoryStatusIconType;
-    TypeIcon: FC<SvgProps>;
-});
-export declare const HistoryActionIcon: FC<HistoryActionIconProps>;

package/lib/typescript/image/index.d.ts

@@ -1,2 +0,0 @@
-import ImageOrComponent, { ImageOrComponentSource } from './image-or-component';
-export { ImageOrComponent, ImageOrComponentSource };

package/lib/typescript/input/selection-input.d.ts

@@ -1,32 +0,0 @@
-import React from 'react';
-import type { TouchableOpacityProps } from 'react-native';
-export interface SelectionInputChoice {
-    label: string;
-    /**
-     * If specified used in the input display, otherwise {@link label} used.
-     * The {@link label} is always used for the picker values.
-     */
-    shortLabel?: string;
-    value: string | number;
-}
-export interface SelectionInputProps extends TouchableOpacityProps {
-    error?: string;
-    label: string;
-    /**
-     * Called when selection changes
-     * @return `true` to avoid accessibility auto-focusing, `false` otherwise
-     */
-    onChange?: (value: SelectionInputChoice) => boolean;
-    pickerCancelLabel: string;
-    pickerConfirmLabel: string;
-    pickerTitle?: string;
-    /** {@link SelectionInputChoice.label} of the selected choice */
-    selectedValue?: string | number;
-    values: SelectionInputChoice[];
-}
-/**
- * Generic selection input component
- * @see https://www.figma.com/file/Gd0Tj0234hxtl3HMcCJThW/App-Component-Library-(Design)?node-id=4%3A127&t=B2Y3PtJHH22XDPkx-0
- */
-declare const SelectionInput: React.ForwardRefExoticComponent<SelectionInputProps & React.RefAttributes<import("react-native").TouchableOpacity>>;
-export default SelectionInput;

package/lib/typescript/list/index.d.ts

@@ -1,4 +0,0 @@
-import ListSectionHeader, { ListSectionHeaderProps } from './list-section-header';
-import ListTitleHeader, { ListTitleHeaderProps } from './list-title-header';
-export { ListSectionHeader, ListSectionHeaderProps };
-export { ListTitleHeader, ListTitleHeaderProps };

package/lib/typescript/nerd-view/index.d.ts

@@ -1,2 +0,0 @@
-import NerdModeItem, { ActionIcon, NerdModeItemProps } from './nerd-mode-item';
-export { ActionIcon, NerdModeItem, NerdModeItemProps };

package/lib/typescript/pin/index.d.ts

@@ -1,3 +0,0 @@
-import { Biometry } from './keypad';
-import { PinCodeScreen, PinCodeScreenActions, PinCodeScreenProps } from './pin-code-screen';
-export { Biometry, PinCodeScreen, PinCodeScreenActions, PinCodeScreenProps };

package/lib/typescript/pin/keypad.d.ts

@@ -1,16 +0,0 @@
-import React from 'react';
-import { StyleProp, ViewStyle } from 'react-native';
-export declare enum Biometry {
-    FaceID = "faceID",
-    Other = "other"
-}
-export interface KeypadProps {
-    testID?: string;
-    biometry?: Biometry | null;
-    onBiometricPress?: () => void;
-    onPressDigit?: (digit: number) => void;
-    onPressDelete?: () => void;
-    style?: StyleProp<ViewStyle>;
-    onDeleteAll?: () => void;
-}
-export declare const Keypad: React.ForwardRefExoticComponent<KeypadProps & React.RefAttributes<import("react-native").TouchableOpacity>>;

package/lib/typescript/screens/index.d.ts

@@ -1,12 +0,0 @@
-import BackupScreen, { BackupScreenMode, BackupScreenProps } from './backup-screen';
-import ImagePreviewScreen, { ImagePreviewScreenProps } from './image-preview-screen';
-import NerdModeScreen, { NerdModeScreenProps, NerdModeSection } from './nerd-mode-screen';
-import QRCodeScannerScreen, { QRCodeScannerScreenProps } from './qr-code-scanner-screen';
-import ScrollViewScreen, { ScrollViewScreenProps } from './scroll-view-screen';
-import SectionListScreen, { SectionListScreenProps } from './section-list-screen';
-export { BackupScreen, BackupScreenMode, BackupScreenProps };
-export { ImagePreviewScreen, ImagePreviewScreenProps };
-export { NerdModeScreen, NerdModeScreenProps, NerdModeSection };
-export { QRCodeScannerScreen, QRCodeScannerScreenProps };
-export { ScrollViewScreen, ScrollViewScreenProps };
-export { SectionListScreen, SectionListScreenProps };

package/lib/typescript/screens/nerd-mode-screen.d.ts

@@ -1,22 +0,0 @@
-import { FunctionComponent } from 'react';
-import { NerdModeItemProps } from '..//nerd-view/nerd-mode-item';
-export type NerdModeSection = {
-    data: Array<Omit<NerdModeItemProps, 'labels' | 'onCopyToClipboard'>>;
-    title: string;
-};
-export type NerdModeScreenProps = {
-    entityCluster?: {
-        entityName: string;
-    };
-    labels: {
-        expand: string;
-        collapse: string;
-    };
-    onClose: () => void;
-    onCopyToClipboard: (value: string) => void;
-    sections: NerdModeSection[];
-    testID: string;
-    title: string;
-};
-declare const NerdModeScreen: FunctionComponent<NerdModeScreenProps>;
-export default NerdModeScreen;

package/lib/typescript/text/index.d.ts

@@ -1,2 +0,0 @@
-import Typography, { TypographyProps } from './typography';
-export { Typography, TypographyProps };

package/lib/typescript/text/typography.d.ts

@@ -1,112 +0,0 @@
-import React from 'react';
-import { Text } from 'react-native';
-import { BaseTextProps } from './base';
-declare const presets: {
-    readonly xl: {
-        readonly fontSize: 26;
-        readonly lineHeight: 36;
-        readonly letterSpacing: 0.2;
-        readonly fontFamily?: string | undefined;
-        readonly fontWeight?: "bold" | "100" | "normal" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
-    };
-    readonly l: {
-        readonly fontSize: 24;
-        readonly lineHeight: 33;
-        readonly fontFamily?: string | undefined;
-        readonly fontWeight?: "bold" | "100" | "normal" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
-    };
-    readonly 'l/line-height-large': {
-        readonly fontSize: 24;
-        readonly lineHeight: 28;
-        readonly fontFamily?: string | undefined;
-        readonly fontWeight?: "bold" | "100" | "normal" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
-    };
-    readonly regular: {
-        readonly fontSize: 17;
-        readonly lineHeight: 24;
-        readonly fontFamily?: string | undefined;
-        readonly fontWeight?: "bold" | "100" | "normal" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
-    };
-    readonly m: {
-        readonly fontSize: 17;
-        readonly lineHeight: 22;
-        readonly letterSpacing: -0.2;
-        readonly fontFamily?: string | undefined;
-        readonly fontWeight?: "bold" | "100" | "normal" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
-    };
-    readonly 'm/heading': {
-        readonly fontSize: 17;
-        readonly lineHeight: 22;
-        readonly letterSpacing: -0.2;
-        readonly fontFamily?: string | undefined;
-        readonly fontWeight?: "bold" | "100" | "normal" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
-    };
-    readonly s: {
-        readonly fontSize: 14;
-        readonly lineHeight: 22;
-        readonly fontFamily?: string | undefined;
-        readonly fontWeight?: "bold" | "100" | "normal" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
-    };
-    readonly 's/line-height-capped': {
-        readonly fontSize: 14;
-        readonly lineHeight: 22;
-        readonly letterSpacing: -0.2;
-        readonly fontFamily?: string | undefined;
-        readonly fontWeight?: "bold" | "100" | "normal" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
-    };
-    readonly 's/line-height-small': {
-        readonly fontSize: 14;
-        readonly lineHeight: 18;
-        readonly letterSpacing: 0.3;
-        readonly fontFamily?: string | undefined;
-        readonly fontWeight?: "bold" | "100" | "normal" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
-    };
-    readonly 's/code': {
-        readonly fontSize: 14;
-        readonly lineHeight: 22;
-        readonly letterSpacing: 0.2;
-        readonly fontFamily?: string | undefined;
-        readonly fontWeight?: "bold" | "100" | "normal" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
-    };
-    readonly xs: {
-        readonly fontSize: 12;
-        readonly lineHeight: 22;
-        readonly letterSpacing: -0.1;
-        readonly fontFamily?: string | undefined;
-        readonly fontWeight?: "bold" | "100" | "normal" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
-    };
-    readonly 'xs/line-height-small': {
-        readonly fontSize: 12;
-        readonly lineHeight: 18;
-        readonly letterSpacing: 0.3;
-        readonly fontFamily?: string | undefined;
-        readonly fontWeight?: "bold" | "100" | "normal" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
-    };
-    readonly 'xs/code': {
-        readonly fontSize: 12;
-        readonly lineHeight: 18;
-        readonly letterSpacing: 0.3;
-        readonly fontFamily?: string | undefined;
-        readonly fontWeight?: "bold" | "100" | "normal" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
-    };
-};
-export type TypographyProps = BaseTextProps & {
-    preset?: keyof typeof presets;
-    caps?: boolean;
-};
-/**
- * General text component
- * @see https://www.figma.com/file/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?node-id=1045-30326
- */
-declare const Typography: React.ForwardRefExoticComponent<import("react-native").TextProps & {
-    align?: "center" | "left" | "right" | undefined;
-    color: import("react-native").ColorValue;
-    style?: import("react-native").StyleProp<import("react-native").TextStyle>;
-    announcementActive?: boolean | undefined;
-    announcementCumulative?: boolean | undefined;
-    onAnnouncementFinished?: ((finished: boolean) => void) | undefined;
-} & {
-    preset?: "s" | "regular" | "xl" | "l" | "l/line-height-large" | "m" | "m/heading" | "s/line-height-capped" | "s/line-height-small" | "s/code" | "xs" | "xs/line-height-small" | "xs/code" | undefined;
-    caps?: boolean | undefined;
-} & React.RefAttributes<Text>>;
-export default Typography;

package/lib/typescript/theme/color-scheme.d.ts

@@ -1,31 +0,0 @@
-/**
- * Color flavour of the application
- * colors according to figma design: https://www.figma.com/file/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?node-id=0-1
- */
-export interface ColorScheme {
-    accent: string;
-    accentText: string;
-    background: string;
-    backgroundScroll: string;
-    black: string;
-    codeAccent: string;
-    credentialHeaderBackground: string;
-    error: string;
-    grayDark: string;
-    linkText: string;
-    success: string;
-    successText: string;
-    text: string;
-    warning: string;
-    white: string;
-    darkMode: boolean;
-    nerdView: {
-        background: string;
-        attributeLabel: string;
-        attributeSectionBackground: string;
-        attributeValueBackground: string;
-        attributeValueBorder: string;
-        button: string;
-        codeHighlightText: string;
-    };
-}

package/src/accessibility/accessibility.ts

@@ -1,215 +0,0 @@
-import { NavigationProp, NavigationState, useIsFocused, useNavigation } from '@react-navigation/native';
-import { useEffect, useRef, useState } from 'react';
-import { AccessibilityInfo, EmitterSubscription, findNodeHandle, Platform } from 'react-native';
-
-/**
- * Global transformer of text for Voice-Over
- * @param {string} text (Visible) text to be announced
- * @returns {string} Text to be read-out by Voice-Over
- */
-export type AccessibilityTextTransformer = (text: string) => string;
-let textTransformer: AccessibilityTextTransformer | null = null;
-export function setAccessibilityTextTransformer(transformer: AccessibilityTextTransformer | null) {
-  textTransformer = transformer;
-}
-export function transformAccessibilityText(text: string) {
-  return textTransformer && text ? textTransformer(text) : text;
-}
-
-/**
- * Make element accessible after navigation transition is done
- * @returns {boolean} flag to be used as `accessible` prop on the target component(s)
- */
-export function useAccessibleAfterTransition<
-  TNavigationProp extends NavigationProp<
-    Record<string, any>,
-    string,
-    NavigationState<Record<string, any>>,
-    {},
-    { transitionEnd: {} }
-  >,
->() {
-  const navigation = useNavigation<TNavigationProp>();
-  const [accessible, setAccessible] = useState(false);
-
-  const isFocused = useIsFocused();
-  useEffect(() => {
-    if (!isFocused) {
-      setAccessible(false);
-      return undefined;
-    }
-    const unsubscribe = navigation.addListener('transitionEnd', () => setAccessible(true));
-    // fallback for cases when transition doesn't happen (e.g. forceful screen re-render)
-    const timeout = setTimeout(() => setAccessible(true), 500);
-    return () => {
-      unsubscribe();
-      clearTimeout(timeout);
-    };
-  }, [navigation, isFocused]);
-
-  return isFocused && accessible;
-}
-
-/**
- * Query whether the current screen is NOT transitioning
- * @returns {boolean} flag signifying whether the current screen is NOT in a transition (either entering or leaving)
- */
-export function useIsOutsideTransition<
-  TNavigationProp extends NavigationProp<
-    Record<string, any>,
-    string,
-    NavigationState<Record<string, any>>,
-    {},
-    { transitionStart: {}; transitionEnd: {} }
-  >,
->() {
-  const navigation = useNavigation<TNavigationProp>();
-  const [inTransition, setInTransition] = useState<boolean>(true);
-
-  const isFocused = useIsFocused();
-  const focused = useRef(isFocused);
-  focused.current = isFocused;
-
-  useEffect(() => {
-    const unsubscribeStart = navigation.addListener('transitionStart', () => setInTransition(true));
-    const unsubscribeEnd = navigation.addListener('transitionEnd', () => {
-      if (focused.current) {
-        setInTransition(false);
-      }
-    });
-    return () => {
-      unsubscribeStart();
-      unsubscribeEnd();
-    };
-  }, [navigation]);
-
-  useEffect(() => {
-    if (!isFocused) {
-      return undefined;
-    }
-
-    setInTransition(true);
-    // fallback for cases when transition callback doesn't happen (e.g. forceful screen re-render)
-    const timeout = setTimeout(() => setInTransition(false), 500);
-    return () => {
-      clearTimeout(timeout);
-    };
-  }, [isFocused]);
-
-  return isFocused && !inTransition;
-}
-
-/**
- * Focuses an element for accessibility
- * @param component component ref
- * @note Disabled on android as it is not reliable
- */
-export const focusAccessibility = (component?: React.Component | React.ComponentClass | null) => {
-  if (Platform.OS === 'ios' && component) {
-    const nodeHandle = findNodeHandle(component);
-    if (nodeHandle) {
-      AccessibilityInfo.setAccessibilityFocus(nodeHandle);
-    }
-  }
-};
-
-/**
- * Focuses an element for accessibility
- * @param {boolean} focused Focusing happens when this changes to `true`
- * @returns reference to be used with the target element
- */
-export const useAccessibilityFocus = <T extends React.Component | React.ComponentClass>(focused: boolean = true) => {
-  const ref = useRef<T>(null);
-
-  useEffect(() => {
-    if (focused) {
-      focusAccessibility(ref.current);
-    }
-  }, [focused]);
-
-  return ref;
-};
-
-/**
- * Posts a screen-reader/voice-over announcement
- * @param {string} message Announcement message
- * * if `null` passed, it resets the cached announcement and the same message can be re-announced again
- * @returns {boolean} When the announcement is successfully finished (only supported on iOS), false otherwise
- * @note Use {@link setAccessibilityTextTransformer} to apply text transformation for the read-out text
- */
-export const useAccessibilityAnnouncement = (message?: string | null): boolean => {
-  const announcement = message ? transformAccessibilityText(message) : message;
-  const [announcementFinished, setAnnouncementFinished] = useState<string>();
-  useEffect(() => {
-    if (announcement === null) {
-      // explicitly clearing cached state
-      setAnnouncementFinished(undefined);
-    }
-
-    if (!announcement) {
-      return undefined;
-    }
-
-    let subscription: EmitterSubscription;
-    const unsubscribe = () => subscription?.remove();
-    if (Platform.OS === 'ios') {
-      let retries = 0;
-      subscription = AccessibilityInfo.addEventListener(
-        'announcementFinished',
-        ({ announcement: finished, success }) => {
-          if (finished === announcement) {
-            if (success) {
-              setAnnouncementFinished(announcement);
-              unsubscribe();
-            } else if (retries++ < 2) {
-              // when the automatic voice-over cancels the first try (e.g. after screen transition), let's attempt again one more time
-              AccessibilityInfo.announceForAccessibility(announcement);
-            } else {
-              unsubscribe();
-            }
-          }
-        },
-      );
-    }
-
-    AccessibilityInfo.announceForAccessibility(announcement);
-    return unsubscribe;
-  }, [announcement]);
-
-  return Boolean(announcement && announcementFinished === announcement);
-};
-
-/**
- * Posts a screen-reader/voice-over announcement
- * @param {string} message Announcement message
- * @param {boolean} waitForPreviousAnnouncement When a new message appears before the previous announcement if finished:
- *   - `true`: postpone the new message to be announced after the previous message(s)
- *   - `false` (default): cancel the previous announcement and start the new message
- * @returns {boolean} When all announcements are finished (only supported on iOS), false otherwise
- * @see {@link useAccessibilityAnnouncement} for further info
- */
-export const useAccessibilityAnnouncementCumulative = (
-  message?: string,
-  waitForPreviousAnnouncement?: boolean,
-): boolean => {
-  // waiting only possible on iOS
-  const wait = Platform.OS === 'ios' && waitForPreviousAnnouncement;
-
-  const [announcements, setAnnouncements] = useState<string[]>([]);
-  useEffect(() => {
-    if (message) {
-      setAnnouncements((prev) => [...prev, message]);
-    }
-  }, [message]);
-
-  const nextAnnouncement = wait ? announcements[0] : message;
-  const finished = useAccessibilityAnnouncement(nextAnnouncement);
-
-  useEffect(() => {
-    if (finished) {
-      setAnnouncements((prev) => prev.filter((m) => m !== nextAnnouncement));
-    }
-  }, [nextAnnouncement, finished]);
-
-  return wait ? !announcements.length : finished;
-};