From dd11650b458cdea10796464b6253762e4516b336 Mon Sep 17 00:00:00 2001 From: Cristiano Tofani Date: Mon, 29 Jul 2024 15:45:32 +0200 Subject: [PATCH 01/19] [IOAPPX-357] Upgrades bottom-sheets library --- package.json | 2 +- patches/@gorhom+bottom-sheet+4.1.5.patch | 639 ------------------ patches/patches.md | 14 - .../react-native-reanimated+2.10.0.patch_old | 33 - ...eact-native-vision-camera+2.15.4.patch_old | 164 ----- ts/utils/hooks/bottomSheet.tsx | 5 - yarn.lock | 60 +- 7 files changed, 17 insertions(+), 900 deletions(-) delete mode 100644 patches/@gorhom+bottom-sheet+4.1.5.patch delete mode 100644 patches/react-native-reanimated+2.10.0.patch_old delete mode 100644 patches/react-native-vision-camera+2.15.4.patch_old diff --git a/package.json b/package.json index 71de6dbecf9..1914ecf1728 100644 --- a/package.json +++ b/package.json @@ -102,7 +102,7 @@ }, "dependencies": { "@babel/plugin-transform-regenerator": "^7.18.6", - "@gorhom/bottom-sheet": "^4.1.5", + "@gorhom/bottom-sheet": "^4.6.4", "@pagopa/io-app-design-system": "1.40.1", "@pagopa/io-pagopa-commons": "^3.1.0", "@pagopa/io-react-native-crypto": "^0.3.0", diff --git a/patches/@gorhom+bottom-sheet+4.1.5.patch b/patches/@gorhom+bottom-sheet+4.1.5.patch deleted file mode 100644 index 191badeaefd..00000000000 --- a/patches/@gorhom+bottom-sheet+4.1.5.patch +++ /dev/null @@ -1,639 +0,0 @@ -diff --git a/node_modules/@gorhom/bottom-sheet/lib/typescript/components/bottomSheet/constants.d.ts b/node_modules/@gorhom/bottom-sheet/lib/typescript/components/bottomSheet/constants.d.ts -index 1dc61cc..7c1b4e3 100644 ---- a/node_modules/@gorhom/bottom-sheet/lib/typescript/components/bottomSheet/constants.d.ts -+++ b/node_modules/@gorhom/bottom-sheet/lib/typescript/components/bottomSheet/constants.d.ts -@@ -18,4 +18,9 @@ declare const INITIAL_CONTAINER_OFFSET: { - }; - declare const INITIAL_HANDLE_HEIGHT = -999; - declare const INITIAL_POSITION: number; --export { DEFAULT_HANDLE_HEIGHT, DEFAULT_OVER_DRAG_RESISTANCE_FACTOR, DEFAULT_ENABLE_CONTENT_PANNING_GESTURE, DEFAULT_ENABLE_HANDLE_PANNING_GESTURE, DEFAULT_ENABLE_OVER_DRAG, DEFAULT_ENABLE_PAN_DOWN_TO_CLOSE, DEFAULT_ANIMATE_ON_MOUNT, DEFAULT_KEYBOARD_BEHAVIOR, DEFAULT_KEYBOARD_BLUR_BEHAVIOR, DEFAULT_KEYBOARD_INPUT_MODE, INITIAL_POSITION, INITIAL_CONTAINER_HEIGHT, INITIAL_CONTAINER_OFFSET, INITIAL_HANDLE_HEIGHT, INITIAL_SNAP_POINT, }; -+declare const DEFAULT_ACCESSIBLE = true; -+declare const DEFAULT_ACCESSIBILITY_LABEL = "Bottom Sheet"; -+declare const DEFAULT_ACCESSIBILITY_ROLE = "adjustable"; -+declare const DEFAULT_ENABLE_ACCESSIBILITY_CHANGE_ANNOUNCEMENT = true; -+declare const DEFAULT_ACCESSIBILITY_POSITION_CHANGE_ANNOUNCEMENT: (positionInScreen: string) => string; -+export { DEFAULT_HANDLE_HEIGHT, DEFAULT_OVER_DRAG_RESISTANCE_FACTOR, DEFAULT_ENABLE_CONTENT_PANNING_GESTURE, DEFAULT_ENABLE_HANDLE_PANNING_GESTURE, DEFAULT_ENABLE_OVER_DRAG, DEFAULT_ENABLE_PAN_DOWN_TO_CLOSE, DEFAULT_ANIMATE_ON_MOUNT, DEFAULT_KEYBOARD_BEHAVIOR, DEFAULT_KEYBOARD_BLUR_BEHAVIOR, DEFAULT_KEYBOARD_INPUT_MODE, INITIAL_POSITION, INITIAL_CONTAINER_HEIGHT, INITIAL_CONTAINER_OFFSET, INITIAL_HANDLE_HEIGHT, INITIAL_SNAP_POINT, DEFAULT_ACCESSIBLE, DEFAULT_ACCESSIBILITY_LABEL, DEFAULT_ACCESSIBILITY_ROLE, DEFAULT_ENABLE_ACCESSIBILITY_CHANGE_ANNOUNCEMENT, DEFAULT_ACCESSIBILITY_POSITION_CHANGE_ANNOUNCEMENT, }; -diff --git a/node_modules/@gorhom/bottom-sheet/lib/typescript/components/bottomSheet/types.d.ts b/node_modules/@gorhom/bottom-sheet/lib/typescript/components/bottomSheet/types.d.ts -index 2fe2f4b..d995309 100644 ---- a/node_modules/@gorhom/bottom-sheet/lib/typescript/components/bottomSheet/types.d.ts -+++ b/node_modules/@gorhom/bottom-sheet/lib/typescript/components/bottomSheet/types.d.ts -@@ -12,7 +12,10 @@ import type { - KEYBOARD_BLUR_BEHAVIOR, - KEYBOARD_INPUT_MODE, - } from '../../constants'; --import type { GestureEventsHandlersHookType } from '../../types'; -+import type { -+ GestureEventsHandlersHookType, -+ NullableAccessibilityProps, -+} from '../../types'; - - export interface BottomSheetProps - extends BottomSheetAnimationConfigs, -@@ -26,7 +29,8 @@ export interface BottomSheetProps - | 'waitFor' - | 'simultaneousHandlers' - > -- > { -+ >, -+ Omit { - //#region configuration - /** - * Initial snap point index, provide `-1` to initiate bottom sheet in closed state. -@@ -286,6 +290,26 @@ export interface BottomSheetProps - */ - $modal?: boolean; - //#endregion -+ -+ // accessibility -+ /** -+ * Enables announcement of the snap position change on screen readers. -+ * @type boolean -+ * @default true -+ */ -+ enableAccessibilityChangeAnnouncement?: boolean; -+ /** -+ * Callback on snap position change that announces the returned string on screen readers. -+ * @type string | ((positionInScreen: string) => string) -+ */ -+ accessibilityPositionChangeAnnouncement?: -+ | string -+ | ((positionInScreen: string) => string); -+ /** -+ * Enables the possibility to define custom accessibility props on the handle container component. -+ * @type NullableAccessibilityProps -+ */ -+ handleComponentAccessibility?: NullableAccessibilityProps; - } - - export interface BottomSheetAnimationConfigs { -diff --git a/node_modules/@gorhom/bottom-sheet/lib/typescript/components/bottomSheetBackdrop/constants.d.ts b/node_modules/@gorhom/bottom-sheet/lib/typescript/components/bottomSheetBackdrop/constants.d.ts -index 607e4f1..3ad4427 100644 ---- a/node_modules/@gorhom/bottom-sheet/lib/typescript/components/bottomSheetBackdrop/constants.d.ts -+++ b/node_modules/@gorhom/bottom-sheet/lib/typescript/components/bottomSheetBackdrop/constants.d.ts -@@ -3,4 +3,8 @@ declare const DEFAULT_APPEARS_ON_INDEX = 1; - declare const DEFAULT_DISAPPEARS_ON_INDEX = 0; - declare const DEFAULT_ENABLE_TOUCH_THROUGH = false; - declare const DEFAULT_PRESS_BEHAVIOR: "close"; --export { DEFAULT_OPACITY, DEFAULT_APPEARS_ON_INDEX, DEFAULT_DISAPPEARS_ON_INDEX, DEFAULT_ENABLE_TOUCH_THROUGH, DEFAULT_PRESS_BEHAVIOR, }; -+declare const DEFAULT_ACCESSIBLE = true; -+declare const DEFAULT_ACCESSIBILITY_LABEL = "Bottom Sheet backdrop"; -+declare const DEFAULT_ACCESSIBILITY_ROLE = "button"; -+declare const DEFAULT_ACCESSIBILITY_HINT: (pressBehavior: string) => string; -+export { DEFAULT_OPACITY, DEFAULT_APPEARS_ON_INDEX, DEFAULT_DISAPPEARS_ON_INDEX, DEFAULT_ENABLE_TOUCH_THROUGH, DEFAULT_PRESS_BEHAVIOR, DEFAULT_ACCESSIBLE, DEFAULT_ACCESSIBILITY_ROLE, DEFAULT_ACCESSIBILITY_LABEL, DEFAULT_ACCESSIBILITY_HINT, }; -diff --git a/node_modules/@gorhom/bottom-sheet/lib/typescript/components/bottomSheetBackground/constants.d.ts b/node_modules/@gorhom/bottom-sheet/lib/typescript/components/bottomSheetBackground/constants.d.ts -new file mode 100644 -index 0000000..9a2a9bf ---- /dev/null -+++ b/node_modules/@gorhom/bottom-sheet/lib/typescript/components/bottomSheetBackground/constants.d.ts -@@ -0,0 +1,4 @@ -+declare const DEFAULT_ACCESSIBLE = true; -+declare const DEFAULT_ACCESSIBILITY_LABEL = "Bottom Sheet"; -+declare const DEFAULT_ACCESSIBILITY_ROLE = "adjustable"; -+export { DEFAULT_ACCESSIBLE, DEFAULT_ACCESSIBILITY_LABEL, DEFAULT_ACCESSIBILITY_ROLE, }; -diff --git a/node_modules/@gorhom/bottom-sheet/lib/typescript/components/bottomSheetBackground/types.d.ts b/node_modules/@gorhom/bottom-sheet/lib/typescript/components/bottomSheetBackground/types.d.ts -index 37d2e20..2ca28c6 100644 ---- a/node_modules/@gorhom/bottom-sheet/lib/typescript/components/bottomSheetBackground/types.d.ts -+++ b/node_modules/@gorhom/bottom-sheet/lib/typescript/components/bottomSheetBackground/types.d.ts -@@ -1,6 +1,10 @@ --import type { ViewProps } from 'react-native'; --import type { BottomSheetVariables } from '../../types'; -+import type { Omit, ViewProps } from 'react-native'; -+import type { -+ BottomSheetVariables, -+ NullableAccessibilityProps, -+} from '../../types'; - - export interface BottomSheetBackgroundProps - extends Pick, -- BottomSheetVariables {} -+ BottomSheetVariables, -+ Omit {} -diff --git a/node_modules/@gorhom/bottom-sheet/lib/typescript/components/bottomSheetHandleContainer/constants.d.ts b/node_modules/@gorhom/bottom-sheet/lib/typescript/components/bottomSheetHandleContainer/constants.d.ts -new file mode 100644 -index 0000000..9ceccfe ---- /dev/null -+++ b/node_modules/@gorhom/bottom-sheet/lib/typescript/components/bottomSheetHandleContainer/constants.d.ts -@@ -0,0 +1,5 @@ -+declare const DEFAULT_ACCESSIBLE = true; -+declare const DEFAULT_ACCESSIBILITY_LABEL = "Bottom Sheet handle"; -+declare const DEFAULT_ACCESSIBILITY_ROLE = "adjustable"; -+declare const DEFAULT_ACCESSIBILITY_HINT = "Drag up or down to extend or minimize the Bottom Sheet"; -+export { DEFAULT_ACCESSIBLE, DEFAULT_ACCESSIBILITY_LABEL, DEFAULT_ACCESSIBILITY_ROLE, DEFAULT_ACCESSIBILITY_HINT, }; -diff --git a/node_modules/@gorhom/bottom-sheet/lib/typescript/components/bottomSheetHandleContainer/types.d.ts b/node_modules/@gorhom/bottom-sheet/lib/typescript/components/bottomSheetHandleContainer/types.d.ts -index c3c2ae9..2d7d172 100644 ---- a/node_modules/@gorhom/bottom-sheet/lib/typescript/components/bottomSheetHandleContainer/types.d.ts -+++ b/node_modules/@gorhom/bottom-sheet/lib/typescript/components/bottomSheetHandleContainer/types.d.ts -@@ -3,6 +3,7 @@ import type Animated from 'react-native-reanimated'; - import type { BottomSheetProps } from '../bottomSheet'; - import type { BottomSheetHandleProps } from '../bottomSheetHandle'; - import type { useInteractivePanGestureHandlerConfigs } from '../../hooks/useGestureHandler'; -+import { NullableAccessibilityProps } from '../../types'; - - export interface BottomSheetHandleContainerProps - extends Pick, -@@ -20,6 +21,7 @@ export interface BottomSheetHandleContainerProps - | 'overDragResistanceFactor' - | 'keyboardBehavior' - >, -- BottomSheetHandleProps { -+ BottomSheetHandleProps, -+ NullableAccessibilityProps { - handleHeight: Animated.SharedValue; - } -diff --git a/node_modules/@gorhom/bottom-sheet/lib/typescript/types.d.ts b/node_modules/@gorhom/bottom-sheet/lib/typescript/types.d.ts -index 52fe472..6bccb4a 100644 ---- a/node_modules/@gorhom/bottom-sheet/lib/typescript/types.d.ts -+++ b/node_modules/@gorhom/bottom-sheet/lib/typescript/types.d.ts -@@ -4,6 +4,7 @@ import type { - ScrollView, - SectionList, - NativeScrollEvent, -+ AccessibilityProps, - } from 'react-native'; - import type { - GestureEventPayload, -@@ -164,3 +165,10 @@ export type ScrollEventsHandlersHookType = ( - handleOnMomentumEnd?: ScrollEventHandlerCallbackType; - }; - //#endregion -+ -+export interface NullableAccessibilityProps extends AccessibilityProps { -+ accessible?: AccessibilityProps['accessible'] | null; -+ accessibilityLabel?: AccessibilityProps['accessibilityLabel'] | null; -+ accessibilityHint?: AccessibilityProps['accessibilityHint'] | null; -+ accessibilityRole?: AccessibilityProps['accessibilityRole'] | null; -+} -diff --git a/node_modules/@gorhom/bottom-sheet/src/components/bottomSheet/BottomSheet.tsx b/node_modules/@gorhom/bottom-sheet/src/components/bottomSheet/BottomSheet.tsx -index 0f5ac23..d372e07 100644 ---- a/node_modules/@gorhom/bottom-sheet/src/components/bottomSheet/BottomSheet.tsx -+++ b/node_modules/@gorhom/bottom-sheet/src/components/bottomSheet/BottomSheet.tsx -@@ -6,7 +6,7 @@ import React, { - memo, - useEffect, - } from 'react'; --import { Platform } from 'react-native'; -+import { AccessibilityInfo, Platform } from 'react-native'; - import invariant from 'invariant'; - import Animated, { - useAnimatedReaction, -@@ -49,6 +49,7 @@ import { - KEYBOARD_BLUR_BEHAVIOR, - KEYBOARD_INPUT_MODE, - ANIMATION_SOURCE, -+ WINDOW_HEIGHT, - } from '../../constants'; - import { - animate, -@@ -71,10 +72,16 @@ import { - INITIAL_SNAP_POINT, - DEFAULT_ENABLE_PAN_DOWN_TO_CLOSE, - INITIAL_CONTAINER_OFFSET, -+ DEFAULT_ACCESSIBLE, -+ DEFAULT_ACCESSIBILITY_LABEL, -+ DEFAULT_ACCESSIBILITY_ROLE, -+ DEFAULT_ENABLE_ACCESSIBILITY_CHANGE_ANNOUNCEMENT, -+ DEFAULT_ACCESSIBILITY_POSITION_CHANGE_ANNOUNCEMENT, - } from './constants'; - import type { BottomSheetMethods, Insets } from '../../types'; - import type { BottomSheetProps, AnimateToPositionType } from './types'; - import { styles } from './styles'; -+import ReText from '../bottomSheetDebugView/ReText'; - - Animated.addWhitelistedUIProps({ - decelerationRate: true, -@@ -152,6 +159,19 @@ const BottomSheetComponent = forwardRef( - backgroundComponent, - footerComponent, - children, -+ -+ // accessibility -+ accessible: _providedAccessible = DEFAULT_ACCESSIBLE, -+ accessibilityLabel: -+ _providedAccessibilityLabel = DEFAULT_ACCESSIBILITY_LABEL, -+ accessibilityRole: -+ _providedAccessibilityRole = DEFAULT_ACCESSIBILITY_ROLE, -+ enableAccessibilityChangeAnnouncement: -+ _providedEnableAccessibilityChangeAnnouncement = DEFAULT_ENABLE_ACCESSIBILITY_CHANGE_ANNOUNCEMENT, -+ accessibilityPositionChangeAnnouncement: -+ _providedAccessibilityPositionChangeAnnouncement = DEFAULT_ACCESSIBILITY_POSITION_CHANGE_ANNOUNCEMENT, -+ handleComponentAccessibility: _providedHandleComponentAccessibility, -+ ...rest - } = props; - //#endregion - -@@ -587,8 +607,42 @@ const BottomSheetComponent = forwardRef( - if (_providedOnChange) { - _providedOnChange(index); - } -+ -+ AccessibilityInfo.isScreenReaderEnabled().then(isEnabled => { -+ if ( -+ !isEnabled || -+ !_providedEnableAccessibilityChangeAnnouncement || -+ !_providedAccessibilityPositionChangeAnnouncement -+ ) { -+ return; -+ } -+ -+ const positionInScreen = Math.max( -+ Math.floor( -+ ((WINDOW_HEIGHT - animatedSnapPoints.value[index] || 1) / -+ WINDOW_HEIGHT) * -+ 100 -+ ), -+ 0 -+ ).toFixed(0); -+ -+ AccessibilityInfo.announceForAccessibility( -+ typeof _providedAccessibilityPositionChangeAnnouncement === -+ 'function' -+ ? _providedAccessibilityPositionChangeAnnouncement( -+ positionInScreen -+ ) -+ : _providedAccessibilityPositionChangeAnnouncement -+ ); -+ }); - }, -- [_providedOnChange, animatedCurrentIndex] -+ [ -+ _providedAccessibilityPositionChangeAnnouncement, -+ _providedEnableAccessibilityChangeAnnouncement, -+ _providedOnChange, -+ animatedCurrentIndex.value, -+ animatedSnapPoints.value, -+ ] - ); - const handleOnAnimate = useCallback( - function handleOnAnimate(toPoint: number) { -@@ -1578,6 +1632,10 @@ const BottomSheetComponent = forwardRef( - /> - - ( - handleComponent={handleComponent} - handleStyle={_providedHandleStyle} - handleIndicatorStyle={_providedHandleIndicatorStyle} -+ accessible={_providedHandleComponentAccessibility?.accessible} -+ accessibilityRole={ -+ _providedHandleComponentAccessibility?.accessibilityRole -+ } -+ accessibilityLabel={ -+ _providedHandleComponentAccessibility?.accessibilityLabel -+ } - /> - -+ - {/* `Bottom sheet snapped to ${positionInScreen}% of the screen`; -+ - export { - DEFAULT_HANDLE_HEIGHT, - DEFAULT_OVER_DRAG_RESISTANCE_FACTOR, -@@ -49,4 +58,10 @@ export { - INITIAL_CONTAINER_OFFSET, - INITIAL_HANDLE_HEIGHT, - INITIAL_SNAP_POINT, -+ // accessibility -+ DEFAULT_ACCESSIBLE, -+ DEFAULT_ACCESSIBILITY_LABEL, -+ DEFAULT_ACCESSIBILITY_ROLE, -+ DEFAULT_ENABLE_ACCESSIBILITY_CHANGE_ANNOUNCEMENT, -+ DEFAULT_ACCESSIBILITY_POSITION_CHANGE_ANNOUNCEMENT, - }; -diff --git a/node_modules/@gorhom/bottom-sheet/src/components/bottomSheet/types.d.ts b/node_modules/@gorhom/bottom-sheet/src/components/bottomSheet/types.d.ts -index 2fe2f4b..d995309 100644 ---- a/node_modules/@gorhom/bottom-sheet/src/components/bottomSheet/types.d.ts -+++ b/node_modules/@gorhom/bottom-sheet/src/components/bottomSheet/types.d.ts -@@ -12,7 +12,10 @@ import type { - KEYBOARD_BLUR_BEHAVIOR, - KEYBOARD_INPUT_MODE, - } from '../../constants'; --import type { GestureEventsHandlersHookType } from '../../types'; -+import type { -+ GestureEventsHandlersHookType, -+ NullableAccessibilityProps, -+} from '../../types'; - - export interface BottomSheetProps - extends BottomSheetAnimationConfigs, -@@ -26,7 +29,8 @@ export interface BottomSheetProps - | 'waitFor' - | 'simultaneousHandlers' - > -- > { -+ >, -+ Omit { - //#region configuration - /** - * Initial snap point index, provide `-1` to initiate bottom sheet in closed state. -@@ -286,6 +290,26 @@ export interface BottomSheetProps - */ - $modal?: boolean; - //#endregion -+ -+ // accessibility -+ /** -+ * Enables announcement of the snap position change on screen readers. -+ * @type boolean -+ * @default true -+ */ -+ enableAccessibilityChangeAnnouncement?: boolean; -+ /** -+ * Callback on snap position change that announces the returned string on screen readers. -+ * @type string | ((positionInScreen: string) => string) -+ */ -+ accessibilityPositionChangeAnnouncement?: -+ | string -+ | ((positionInScreen: string) => string); -+ /** -+ * Enables the possibility to define custom accessibility props on the handle container component. -+ * @type NullableAccessibilityProps -+ */ -+ handleComponentAccessibility?: NullableAccessibilityProps; - } - - export interface BottomSheetAnimationConfigs { -diff --git a/node_modules/@gorhom/bottom-sheet/src/components/bottomSheetBackdrop/BottomSheetBackdrop.tsx b/node_modules/@gorhom/bottom-sheet/src/components/bottomSheetBackdrop/BottomSheetBackdrop.tsx -index 69db946..38eb5ed 100644 ---- a/node_modules/@gorhom/bottom-sheet/src/components/bottomSheetBackdrop/BottomSheetBackdrop.tsx -+++ b/node_modules/@gorhom/bottom-sheet/src/components/bottomSheetBackdrop/BottomSheetBackdrop.tsx -@@ -18,6 +18,10 @@ import { - DEFAULT_DISAPPEARS_ON_INDEX, - DEFAULT_ENABLE_TOUCH_THROUGH, - DEFAULT_PRESS_BEHAVIOR, -+ DEFAULT_ACCESSIBLE, -+ DEFAULT_ACCESSIBILITY_ROLE, -+ DEFAULT_ACCESSIBILITY_LABEL, -+ DEFAULT_ACCESSIBILITY_HINT, - } from './constants'; - import { styles } from './styles'; - import type { BottomSheetDefaultBackdropProps } from './types'; -@@ -31,6 +35,10 @@ const BottomSheetBackdropComponent = ({ - pressBehavior = DEFAULT_PRESS_BEHAVIOR, - style, - children, -+ accessible: _providedAccessible = DEFAULT_ACCESSIBLE, -+ accessibilityRole: _providedAccessibilityRole = DEFAULT_ACCESSIBILITY_ROLE, -+ accessibilityLabel: _providedAccessibilityLabel = DEFAULT_ACCESSIBILITY_LABEL, -+ accessibilityHint: _providedAccessibilityHint, - }: BottomSheetDefaultBackdropProps) => { - //#region hooks - const { snapToIndex, close } = useBottomSheet(); -@@ -111,12 +119,15 @@ const BottomSheetBackdropComponent = ({ - - {children} - -diff --git a/node_modules/@gorhom/bottom-sheet/src/components/bottomSheetBackdrop/constants.ts b/node_modules/@gorhom/bottom-sheet/src/components/bottomSheetBackdrop/constants.ts -index c2388db..5a13138 100644 ---- a/node_modules/@gorhom/bottom-sheet/src/components/bottomSheetBackdrop/constants.ts -+++ b/node_modules/@gorhom/bottom-sheet/src/components/bottomSheetBackdrop/constants.ts -@@ -4,10 +4,21 @@ const DEFAULT_DISAPPEARS_ON_INDEX = 0; - const DEFAULT_ENABLE_TOUCH_THROUGH = false; - const DEFAULT_PRESS_BEHAVIOR = 'close' as const; - -+// accessibility -+const DEFAULT_ACCESSIBLE = true; -+const DEFAULT_ACCESSIBILITY_LABEL = 'Bottom Sheet backdrop'; -+const DEFAULT_ACCESSIBILITY_ROLE = 'button'; -+const DEFAULT_ACCESSIBILITY_HINT = (pressBehavior: string) => -+ `Tap to ${pressBehavior} the Bottom Sheet`; -+ - export { - DEFAULT_OPACITY, - DEFAULT_APPEARS_ON_INDEX, - DEFAULT_DISAPPEARS_ON_INDEX, - DEFAULT_ENABLE_TOUCH_THROUGH, - DEFAULT_PRESS_BEHAVIOR, -+ DEFAULT_ACCESSIBLE, -+ DEFAULT_ACCESSIBILITY_ROLE, -+ DEFAULT_ACCESSIBILITY_LABEL, -+ DEFAULT_ACCESSIBILITY_HINT, - }; -diff --git a/node_modules/@gorhom/bottom-sheet/src/components/bottomSheetBackdrop/types.d.ts b/node_modules/@gorhom/bottom-sheet/src/components/bottomSheetBackdrop/types.d.ts -index 0ebbbf4..b03eda4 100644 ---- a/node_modules/@gorhom/bottom-sheet/src/components/bottomSheetBackdrop/types.d.ts -+++ b/node_modules/@gorhom/bottom-sheet/src/components/bottomSheetBackdrop/types.d.ts -@@ -1,9 +1,13 @@ - import type { ViewProps } from 'react-native'; --import type { BottomSheetVariables } from '../../types'; -+import type { -+ BottomSheetVariables, -+ NullableAccessibilityProps, -+} from '../../types'; - - export interface BottomSheetBackdropProps - extends Pick, -- BottomSheetVariables {} -+ BottomSheetVariables, -+ NullableAccessibilityProps {} - - export type BackdropPressBehavior = 'none' | 'close' | 'collapse' | number; - -diff --git a/node_modules/@gorhom/bottom-sheet/src/components/bottomSheetBackground/BottomSheetBackground.tsx b/node_modules/@gorhom/bottom-sheet/src/components/bottomSheetBackground/BottomSheetBackground.tsx -index 71ce0c3..3a48a28 100644 ---- a/node_modules/@gorhom/bottom-sheet/src/components/bottomSheetBackground/BottomSheetBackground.tsx -+++ b/node_modules/@gorhom/bottom-sheet/src/components/bottomSheetBackground/BottomSheetBackground.tsx -@@ -2,16 +2,24 @@ import React, { memo } from 'react'; - import { View } from 'react-native'; - import type { BottomSheetBackgroundProps } from './types'; - import { styles } from './styles'; -+import { -+ DEFAULT_ACCESSIBILITY_ROLE, -+ DEFAULT_ACCESSIBLE, -+ DEFAULT_ACCESSIBILITY_LABEL, -+} from './constants'; - - const BottomSheetBackgroundComponent = ({ - pointerEvents, - style, -+ accessible: _providedAccessible = DEFAULT_ACCESSIBLE, -+ accessibilityRole: _providedAccessibilityRole = DEFAULT_ACCESSIBILITY_ROLE, -+ accessibilityLabel: _providedAccessibilityLabel = DEFAULT_ACCESSIBILITY_LABEL, - }: BottomSheetBackgroundProps) => ( - - ); -diff --git a/node_modules/@gorhom/bottom-sheet/src/components/bottomSheetBackground/constants.ts b/node_modules/@gorhom/bottom-sheet/src/components/bottomSheetBackground/constants.ts -new file mode 100644 -index 0000000..8118faf ---- /dev/null -+++ b/node_modules/@gorhom/bottom-sheet/src/components/bottomSheetBackground/constants.ts -@@ -0,0 +1,11 @@ -+// accessibility -+const DEFAULT_ACCESSIBLE = true; -+const DEFAULT_ACCESSIBILITY_LABEL = 'Bottom Sheet'; -+const DEFAULT_ACCESSIBILITY_ROLE = 'adjustable'; -+ -+export { -+ // accessibility -+ DEFAULT_ACCESSIBLE, -+ DEFAULT_ACCESSIBILITY_LABEL, -+ DEFAULT_ACCESSIBILITY_ROLE, -+}; -diff --git a/node_modules/@gorhom/bottom-sheet/src/components/bottomSheetBackground/types.d.ts b/node_modules/@gorhom/bottom-sheet/src/components/bottomSheetBackground/types.d.ts -index 37d2e20..2ca28c6 100644 ---- a/node_modules/@gorhom/bottom-sheet/src/components/bottomSheetBackground/types.d.ts -+++ b/node_modules/@gorhom/bottom-sheet/src/components/bottomSheetBackground/types.d.ts -@@ -1,6 +1,10 @@ --import type { ViewProps } from 'react-native'; --import type { BottomSheetVariables } from '../../types'; -+import type { Omit, ViewProps } from 'react-native'; -+import type { -+ BottomSheetVariables, -+ NullableAccessibilityProps, -+} from '../../types'; - - export interface BottomSheetBackgroundProps - extends Pick, -- BottomSheetVariables {} -+ BottomSheetVariables, -+ Omit {} -diff --git a/node_modules/@gorhom/bottom-sheet/src/components/bottomSheetHandleContainer/BottomSheetHandleContainer.tsx b/node_modules/@gorhom/bottom-sheet/src/components/bottomSheetHandleContainer/BottomSheetHandleContainer.tsx -index 9e48c17..e48b15f 100644 ---- a/node_modules/@gorhom/bottom-sheet/src/components/bottomSheetHandleContainer/BottomSheetHandleContainer.tsx -+++ b/node_modules/@gorhom/bottom-sheet/src/components/bottomSheetHandleContainer/BottomSheetHandleContainer.tsx -@@ -9,6 +9,12 @@ import { - } from '../../hooks'; - import { print } from '../../utilities'; - import type { BottomSheetHandleContainerProps } from './types'; -+import { -+ DEFAULT_ACCESSIBILITY_LABEL, -+ DEFAULT_ACCESSIBILITY_ROLE, -+ DEFAULT_ACCESSIBLE, -+ DEFAULT_ACCESSIBILITY_HINT, -+} from './constants'; - - function BottomSheetHandleContainerComponent({ - animatedIndex, -@@ -19,6 +25,10 @@ function BottomSheetHandleContainerComponent({ - handleComponent: _providedHandleComponent, - handleStyle: _providedHandleStyle, - handleIndicatorStyle: _providedIndicatorStyle, -+ accessible: _providedAccessible = DEFAULT_ACCESSIBLE, -+ accessibilityLabel: _providedAccessibilityLabel = DEFAULT_ACCESSIBILITY_LABEL, -+ accessibilityRole: _providedAccessibilityRole = DEFAULT_ACCESSIBILITY_ROLE, -+ accessibilityHint: _providedAccessibilityHint = DEFAULT_ACCESSIBILITY_HINT, - }: BottomSheetHandleContainerProps) { - //#region hooks - const { -@@ -95,10 +105,10 @@ function BottomSheetHandleContainerComponent({ - > - - , -@@ -20,6 +21,7 @@ export interface BottomSheetHandleContainerProps - | 'overDragResistanceFactor' - | 'keyboardBehavior' - >, -- BottomSheetHandleProps { -+ BottomSheetHandleProps, -+ NullableAccessibilityProps { - handleHeight: Animated.SharedValue; - } -diff --git a/node_modules/@gorhom/bottom-sheet/src/types.d.ts b/node_modules/@gorhom/bottom-sheet/src/types.d.ts -index 52fe472..6a23178 100644 ---- a/node_modules/@gorhom/bottom-sheet/src/types.d.ts -+++ b/node_modules/@gorhom/bottom-sheet/src/types.d.ts -@@ -164,3 +164,10 @@ export type ScrollEventsHandlersHookType = ( - handleOnMomentumEnd?: ScrollEventHandlerCallbackType; - }; - //#endregion -+ -+export interface NullableAccessibilityProps extends AccessibilityProps { -+ accessible?: AccessibilityProps['accessible'] | null; -+ accessibilityLabel?: AccessibilityProps['accessibilityLabel'] | null; -+ accessibilityHint?: AccessibilityProps['accessibilityHint'] | null; -+ accessibilityRole?: AccessibilityProps['accessibilityRole'] | null; -+} diff --git a/patches/patches.md b/patches/patches.md index fe13f43f815..ae69f47c18d 100644 --- a/patches/patches.md +++ b/patches/patches.md @@ -6,26 +6,12 @@ Created on 03/05/2024 - Apply [fix/ios-17-regression](https://github.com/wix/Detox/pull/4171). - Remove this patch once bumped `detox` to `v20`. -### react-native-reanimated -Created on **18/03/2024** -This patch resolves [react-native-reanimated/issues/3286](https://github.com/software-mansion/react-native-reanimated/issues/3286) by applying [react-native-reanimated/pull/3298](https://github.com/software-mansion/react-native-reanimated/pull/3298). Remove this patch once bumped `react-native-reanimated` from `v2` to `v3` and checked the issue is gone. - ### react-native-pdf+6.4.0 Created on **16/03/2024** #### Reason: - Make PDF annotations on iOS read-only to align with Android behaviour. -### react-native-vision-camera+2.15.4 -Created on **24/07/2023** -FIXME: remove this patch after this [PR](https://github.com/mrousavy/react-native-vision-camera/pull/1666) has been merged and a new vision camera version has been released. - -Updated on **01/10/2023** -FIXME: Fixed in the v2 branch [here](https://github.com/mrousavy/react-native-vision-camera/issues/1840#issuecomment-1741734963). Remove this patch when `v2.16.2` has been released. - -#### Reason: -- This patch going to remove all codes related to `colorSpace` to fix an issue on iOS 17.0.2 that cause the crash on camera load - ### react-native-device-info+8.3.3 Created on **15/12/2021** diff --git a/patches/react-native-reanimated+2.10.0.patch_old b/patches/react-native-reanimated+2.10.0.patch_old deleted file mode 100644 index 13918c1049c..00000000000 --- a/patches/react-native-reanimated+2.10.0.patch_old +++ /dev/null @@ -1,33 +0,0 @@ -diff --git a/node_modules/react-native-reanimated/ios/LayoutReanimation/REAUIManager.mm b/node_modules/react-native-reanimated/ios/LayoutReanimation/REAUIManager.mm -index 16ed327..4813412 100644 ---- a/node_modules/react-native-reanimated/ios/LayoutReanimation/REAUIManager.mm -+++ b/node_modules/react-native-reanimated/ios/LayoutReanimation/REAUIManager.mm -@@ -117,6 +117,11 @@ std::weak_ptr _scheduler; - // Reanimated changes /start - if (isUIViewRegistry) { - NSMutableDictionary> *viewRegistry = [self valueForKey:@"_viewRegistry"]; -+ NSMutableDictionary> *> *toBeRemovedRegisterCopy = -+ [NSMutableDictionary dictionaryWithDictionary:_toBeRemovedRegister]; -+ for (NSNumber *key in _toBeRemovedRegister) { -+ toBeRemovedRegisterCopy[key] = [NSMutableSet setWithSet:_toBeRemovedRegister[key]]; -+ } - for (id toRemoveChild in _toBeRemovedRegister[containerTag]) { - NSInteger lastIndex = [container reactSubviews].count - 1; - if (lastIndex < 0) { -@@ -129,7 +134,7 @@ std::weak_ptr _scheduler; - ) { - // we don't want layout animations when removing modals or Screens of native-stack since it brings buggy - // behavior -- [_toBeRemovedRegister[container.reactTag] removeObject:toRemoveChild]; -+ [toBeRemovedRegisterCopy[container.reactTag] removeObject:toRemoveChild]; - [permanentlyRemovedChildren removeObject:toRemoveChild]; - - } else { -@@ -137,6 +142,7 @@ std::weak_ptr _scheduler; - viewRegistry[toRemoveChild.reactTag] = toRemoveChild; - } - } -+ _toBeRemovedRegister = toBeRemovedRegisterCopy; - - for (UIView *removedChild in permanentlyRemovedChildren) { - [self callAnimationForTree:removedChild parentTag:containerTag]; diff --git a/patches/react-native-vision-camera+2.15.4.patch_old b/patches/react-native-vision-camera+2.15.4.patch_old deleted file mode 100644 index 1f5e0a2d58f..00000000000 --- a/patches/react-native-vision-camera+2.15.4.patch_old +++ /dev/null @@ -1,164 +0,0 @@ -diff --git a/node_modules/react-native-vision-camera/android/build.gradle b/node_modules/react-native-vision-camera/android/build.gradle -index 91e64d9..b603c98 100644 ---- a/node_modules/react-native-vision-camera/android/build.gradle -+++ b/node_modules/react-native-vision-camera/android/build.gradle -@@ -290,9 +290,9 @@ dependencies { - - if (REACT_NATIVE_VERSION < 71) { - //noinspection GradleDynamicVersion -- extractHeaders("com.facebook.fbjni:fbjni:+:headers") -+ extractHeaders("com.facebook.fbjni:fbjni:0.4.0:headers") - //noinspection GradleDynamicVersion -- extractJNI("com.facebook.fbjni:fbjni:+") -+ extractJNI("com.facebook.fbjni:fbjni:0.4.0") - - def rnAarMatcher = "**/react-native/**/*${resolveBuildType()}.aar" - if (REACT_NATIVE_VERSION < 69) { -diff --git a/node_modules/react-native-vision-camera/ios/CameraView+AVCaptureSession.swift b/node_modules/react-native-vision-camera/ios/CameraView+AVCaptureSession.swift -index 5c9b77d..810e518 100644 ---- a/node_modules/react-native-vision-camera/ios/CameraView+AVCaptureSession.swift -+++ b/node_modules/react-native-vision-camera/ios/CameraView+AVCaptureSession.swift -@@ -195,14 +195,14 @@ extension CameraView { - device.automaticallyEnablesLowLightBoostWhenAvailable = lowLightBoost!.boolValue - } - } -- if let colorSpace = colorSpace as String? { -- guard let avColorSpace = try? AVCaptureColorSpace(string: colorSpace), -- device.activeFormat.supportedColorSpaces.contains(avColorSpace) else { -- invokeOnError(.format(.invalidColorSpace(colorSpace: colorSpace))) -- return -- } -- device.activeColorSpace = avColorSpace -- } -+ // if let colorSpace = colorSpace as String? { -+ // guard let avColorSpace = try? AVCaptureColorSpace(string: colorSpace), -+ // device.activeFormat.supportedColorSpaces.contains(avColorSpace) else { -+ // invokeOnError(.format(.invalidColorSpace(colorSpace: colorSpace))) -+ // return -+ // } -+ // device.activeColorSpace = avColorSpace -+ // } - - device.unlockForConfiguration() - ReactLogger.log(level: .info, message: "Device successfully configured!") -diff --git a/node_modules/react-native-vision-camera/ios/Extensions/AVCaptureDevice.Format+matchesFilter.swift b/node_modules/react-native-vision-camera/ios/Extensions/AVCaptureDevice.Format+matchesFilter.swift -index 35789a6..036389b 100644 ---- a/node_modules/react-native-vision-camera/ios/Extensions/AVCaptureDevice.Format+matchesFilter.swift -+++ b/node_modules/react-native-vision-camera/ios/Extensions/AVCaptureDevice.Format+matchesFilter.swift -@@ -54,13 +54,13 @@ extension AVCaptureDevice.Format { - return false - } - } -- if let colorSpaces = filter.value(forKey: "colorSpaces") as? [String] { -- let avColorSpaces = colorSpaces.map { try? AVCaptureColorSpace(string: $0) } -- let allColorSpacesIncluded = supportedColorSpaces.allSatisfy { avColorSpaces.contains($0) } -- if !allColorSpacesIncluded { -- return false -- } -- } -+ // if let colorSpaces = filter.value(forKey: "colorSpaces") as? [String] { -+ // let avColorSpaces = colorSpaces.map { try? AVCaptureColorSpace(string: $0) } -+ // let allColorSpacesIncluded = supportedColorSpaces.allSatisfy { avColorSpaces.contains($0) } -+ // if !allColorSpacesIncluded { -+ // return false -+ // } -+ // } - if let frameRateRanges = filter.value(forKey: "frameRateRanges") as? [NSDictionary] { - let allFrameRateRangesIncluded = videoSupportedFrameRateRanges.allSatisfy { range -> Bool in - frameRateRanges.contains { dict -> Bool in -diff --git a/node_modules/react-native-vision-camera/ios/Extensions/AVCaptureDevice.Format+toDictionary.swift b/node_modules/react-native-vision-camera/ios/Extensions/AVCaptureDevice.Format+toDictionary.swift -index fec83ca..f7bce0e 100644 ---- a/node_modules/react-native-vision-camera/ios/Extensions/AVCaptureDevice.Format+toDictionary.swift -+++ b/node_modules/react-native-vision-camera/ios/Extensions/AVCaptureDevice.Format+toDictionary.swift -@@ -33,7 +33,7 @@ extension AVCaptureDevice.Format { - "minISO": minISO, - "fieldOfView": videoFieldOfView, - "maxZoom": videoMaxZoomFactor, -- "colorSpaces": supportedColorSpaces.map(\.descriptor), -+ // "colorSpaces": supportedColorSpaces.map(\.descriptor), - "supportsVideoHDR": isVideoHDRSupported, - "supportsPhotoHDR": false, - "frameRateRanges": videoSupportedFrameRateRanges.map { -diff --git a/node_modules/react-native-vision-camera/ios/Parsers/AVCaptureColorSpace+descriptor.swift b/node_modules/react-native-vision-camera/ios/Parsers/AVCaptureColorSpace+descriptor.swift -index 13a403b..3d8831e 100644 ---- a/node_modules/react-native-vision-camera/ios/Parsers/AVCaptureColorSpace+descriptor.swift -+++ b/node_modules/react-native-vision-camera/ios/Parsers/AVCaptureColorSpace+descriptor.swift -@@ -1,3 +1,4 @@ -+// Removed support for colorSpace and this field is removed in vision-camera v3 and once stablized we'll migrate - // - // AVCaptureColorSpace+descriptor.swift - // mrousavy -@@ -6,39 +7,39 @@ - // Copyright © 2020 mrousavy. All rights reserved. - // - --import AVFoundation -+// import AVFoundation - --extension AVCaptureColorSpace { -- init(string: String) throws { -- switch string { -- case "hlg-bt2020": -- if #available(iOS 14.1, *) { -- self = .HLG_BT2020 -- } else { -- throw EnumParserError.unsupportedOS(supportedOnOS: "14.1") -- } -- return -- case "p3-d65": -- self = .P3_D65 -- return -- case "srgb": -- self = .sRGB -- return -- default: -- throw EnumParserError.invalidValue -- } -- } -+// extension AVCaptureColorSpace { -+// init(string: String) throws { -+// switch string { -+// case "hlg-bt2020": -+// if #available(iOS 14.1, *) { -+// self = .HLG_BT2020 -+// } else { -+// throw EnumParserError.unsupportedOS(supportedOnOS: "14.1") -+// } -+// return -+// case "p3-d65": -+// self = .P3_D65 -+// return -+// case "srgb": -+// self = .sRGB -+// return -+// default: -+// throw EnumParserError.invalidValue -+// } -+// } - -- var descriptor: String { -- switch self { -- case .HLG_BT2020: -- return "hlg-bt2020" -- case .P3_D65: -- return "p3-d65" -- case .sRGB: -- return "srgb" -- default: -- fatalError("AVCaptureDevice.Position has unknown state.") -- } -- } --} -+// var descriptor: String { -+// switch self { -+// case .HLG_BT2020: -+// return "hlg-bt2020" -+// case .P3_D65: -+// return "p3-d65" -+// case .sRGB: -+// return "srgb" -+// default: -+// fatalError("AVCaptureDevice.Position has unknown state.") -+// } -+// } -+// } diff --git a/ts/utils/hooks/bottomSheet.tsx b/ts/utils/hooks/bottomSheet.tsx index c9dfded9160..ef9b197599c 100644 --- a/ts/utils/hooks/bottomSheet.tsx +++ b/ts/utils/hooks/bottomSheet.tsx @@ -181,11 +181,6 @@ export const useIOBottomSheetModal = ({ backdropComponent={BackdropElement} enableDismissOnClose={true} accessible={false} - // set this attribute to an empty string to avoid the default announcement from the library - accessibilityPositionChangeAnnouncement={""} - handleComponentAccessibility={{ - accessible: false - }} importantForAccessibility={"yes"} onDismiss={onDismiss} > diff --git a/yarn.lock b/yarn.lock index ced3d644e26..26d9082e394 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1371,22 +1371,20 @@ "@expo/config" "3.3.22" metro-react-native-babel-transformer "^0.58.0" -"@gorhom/bottom-sheet@^4.1.5": - version "4.1.5" - resolved "https://registry.yarnpkg.com/@gorhom/bottom-sheet/-/bottom-sheet-4.1.5.tgz#35341d45799de28082c380db6639537b04fa0b26" - integrity sha512-3F5P8jK3NXwT2lGwkAdkdLwDVHaRvMZalUTXjK6Ogf0Tki6idffJ3TNlQZlg8k6+OnXAx0+i80f4XaI+J4GFrA== +"@gorhom/bottom-sheet@^4.6.4": + version "4.6.4" + resolved "https://registry.yarnpkg.com/@gorhom/bottom-sheet/-/bottom-sheet-4.6.4.tgz#387d0f0f21e3470eb8575498cb81ce96f5108e79" + integrity sha512-0itLMblLBvepE065w3a60S030c2rNUsGshPC7wbWDm31VyqoaU2xjzh/ojH62YIJOcobBr5QoC30IxBBKDGovQ== dependencies: - "@gorhom/portal" "^1.0.11" + "@gorhom/portal" "1.0.14" invariant "^2.2.4" - nanoid "^3.1.20" - react-native-redash "^16.1.1" -"@gorhom/portal@^1.0.11": - version "1.0.12" - resolved "https://registry.yarnpkg.com/@gorhom/portal/-/portal-1.0.12.tgz#1c0deabb3f9057c736352a88bae9ca891a100346" - integrity sha512-JOYe85RUwiksgdMbhLWDCLpH3kgFFz+LCu1lnxOMMBQSfAKtL5kkTKVrhtmQ3Lq3lJM2paGnLc4wJrlVuaC5Jw== +"@gorhom/portal@1.0.14": + version "1.0.14" + resolved "https://registry.yarnpkg.com/@gorhom/portal/-/portal-1.0.14.tgz#1953edb76aaba80fb24021dc774550194a18e111" + integrity sha512-MXyL4xvCjmgaORr/rtryDNFy3kU4qUbKlwtQqqsygd0xX3mhKjOLn6mQK8wfu0RkoE0pBE0nAasRoHua+/QZ7A== dependencies: - nanoid "^3.1.23" + nanoid "^3.3.1" "@graphql-tools/schema@^7.1.5": version "7.1.5" @@ -3674,11 +3672,6 @@ abortcontroller-polyfill@1.7.3: resolved "https://registry.yarnpkg.com/abortcontroller-polyfill/-/abortcontroller-polyfill-1.7.3.tgz#1b5b487bd6436b5b764fd52a612509702c3144b5" integrity sha512-zetDJxd89y3X99Kvo4qFx8GKlt6GsvN3UcRZHwU6iFA/0KiOmhkTVhe8oRoTBiTVPZu09x3vCra47+w8Yz1+2Q== -abs-svg-path@^0.1.1: - version "0.1.1" - resolved "https://registry.yarnpkg.com/abs-svg-path/-/abs-svg-path-0.1.1.tgz#df601c8e8d2ba10d4a76d625e236a9a39c2723bf" - integrity sha1-32Acjo0roQ1KdtYl4japo5wnI78= - accepts@^1.3.7, accepts@~1.3.5, accepts@~1.3.7, accepts@~1.3.8: version "1.3.8" resolved "https://registry.yarnpkg.com/accepts/-/accepts-1.3.8.tgz#0bf0be125b67014adcb0b0921e62db7bffe16b2e" @@ -12007,11 +12000,16 @@ nan@^2.14.0: resolved "https://registry.yarnpkg.com/nan/-/nan-2.15.0.tgz#3f34a473ff18e15c1b5626b62903b5ad6e665fee" integrity sha512-8ZtvEnA2c5aYCZYd1cvgdnU6cqwixRoYg70xPLWUws5ORTa/lnw+u4amixRS/Ac5U5mQVgp9pnlSUnbNWFaWZQ== -nanoid@^3.1.20, nanoid@^3.1.23: +nanoid@^3.1.23: version "3.2.0" resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.2.0.tgz#62667522da6673971cca916a6d3eff3f415ff80c" integrity sha512-fmsZYa9lpn69Ad5eDn7FMcnnSR+8R34W9qJEijxYhTbfOWzr22n1QxCMzXLK+ODyW2973V3Fux959iQoUxzUIA== +nanoid@^3.3.1: + version "3.3.7" + resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.7.tgz#d0c301a691bc8d54efa0a2226ccf3fe2fd656bd8" + integrity sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g== + nanomatch@^1.2.9: version "1.2.13" resolved "https://registry.yarnpkg.com/nanomatch/-/nanomatch-1.2.13.tgz#b87a8aa4fc0de8fe6be88895b38983ff265bd119" @@ -12153,13 +12151,6 @@ normalize-path@^3.0.0, normalize-path@~3.0.0: resolved "https://registry.yarnpkg.com/normalize-path/-/normalize-path-3.0.0.tgz#0dcd69ff23a1c9b11fd0978316644a0388216a65" integrity sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA== -normalize-svg-path@^1.0.1: - version "1.1.0" - resolved "https://registry.yarnpkg.com/normalize-svg-path/-/normalize-svg-path-1.1.0.tgz#0e614eca23c39f0cffe821d6be6cd17e569a766c" - integrity sha512-r9KHKG2UUeB5LoTouwDzBy2VxXlHsiM6fyLQvnJa0S5hrhzqElH/CH7TUGhT1fVvIYBIKf3OpY4YJ4CK+iaqHg== - dependencies: - svg-arc-to-cubic-bezier "^3.0.0" - npm-run-all@^4.1.3: version "4.1.5" resolved "https://registry.yarnpkg.com/npm-run-all/-/npm-run-all-4.1.5.tgz#04476202a15ee0e2e214080861bff12a51d98fba" @@ -12688,11 +12679,6 @@ parse-path@^7.0.0: dependencies: protocols "^2.0.0" -parse-svg-path@^0.1.2: - version "0.1.2" - resolved "https://registry.yarnpkg.com/parse-svg-path/-/parse-svg-path-0.1.2.tgz#7a7ec0d1eb06fa5325c7d3e009b859a09b5d49eb" - integrity sha1-en7A0esG+lMlx9PgCbhZoJtdSes= - parse-url@^9.2.0: version "9.2.0" resolved "https://registry.yarnpkg.com/parse-url/-/parse-url-9.2.0.tgz#d75da32b3bbade66e4eb0763fb4851d27526b97b" @@ -13555,15 +13541,6 @@ react-native-reanimated@^3.12.0: convert-source-map "^2.0.0" invariant "^2.2.4" -react-native-redash@^16.1.1: - version "16.2.3" - resolved "https://registry.yarnpkg.com/react-native-redash/-/react-native-redash-16.2.3.tgz#ee63e100c60f83275116e57d4e8bc79f26349db9" - integrity sha512-vSjHA6/mBY3IpDYPish3DlG06PKNLkb/b89hw7nsDM3yxAJ7Db+yMnEL3pp2YsoYblDc3s+0+wBRlvxay4X4vQ== - dependencies: - abs-svg-path "^0.1.1" - normalize-svg-path "^1.0.1" - parse-svg-path "^0.1.2" - react-native-render-html@^6.3.1: version "6.3.1" resolved "https://registry.yarnpkg.com/react-native-render-html/-/react-native-render-html-6.3.1.tgz#04675c9f77e1a6f7e17ccea5880ff24962ad58c2" @@ -15325,11 +15302,6 @@ supports-preserve-symlinks-flag@^1.0.0: resolved "https://registry.yarnpkg.com/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz#6eda4bd344a3c94aea376d4cc31bc77311039e09" integrity sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w== -svg-arc-to-cubic-bezier@^3.0.0: - version "3.2.0" - resolved "https://registry.yarnpkg.com/svg-arc-to-cubic-bezier/-/svg-arc-to-cubic-bezier-3.2.0.tgz#390c450035ae1c4a0104d90650304c3bc814abe6" - integrity sha512-djbJ/vZKZO+gPoSDThGNpKDO+o+bAeA4XQKovvkNCqnIS2t+S4qnLAGQhyyrulhCFRl1WWzAp0wUDV8PpTVU3g== - svg-parser@^2.0.0: version "2.0.4" resolved "https://registry.yarnpkg.com/svg-parser/-/svg-parser-2.0.4.tgz#fdc2e29e13951736140b76cb122c8ee6630eb6b5" From adaf0f6894de49a7d5f0acc8f19e465a3dc1de69 Mon Sep 17 00:00:00 2001 From: Cristiano Tofani Date: Mon, 29 Jul 2024 15:51:07 +0200 Subject: [PATCH 02/19] removes patch --- patches/@gorhom+bottom-sheet+4.1.5.old_patch | 639 +++++++++++++++++++ 1 file changed, 639 insertions(+) create mode 100644 patches/@gorhom+bottom-sheet+4.1.5.old_patch diff --git a/patches/@gorhom+bottom-sheet+4.1.5.old_patch b/patches/@gorhom+bottom-sheet+4.1.5.old_patch new file mode 100644 index 00000000000..191badeaefd --- /dev/null +++ b/patches/@gorhom+bottom-sheet+4.1.5.old_patch @@ -0,0 +1,639 @@ +diff --git a/node_modules/@gorhom/bottom-sheet/lib/typescript/components/bottomSheet/constants.d.ts b/node_modules/@gorhom/bottom-sheet/lib/typescript/components/bottomSheet/constants.d.ts +index 1dc61cc..7c1b4e3 100644 +--- a/node_modules/@gorhom/bottom-sheet/lib/typescript/components/bottomSheet/constants.d.ts ++++ b/node_modules/@gorhom/bottom-sheet/lib/typescript/components/bottomSheet/constants.d.ts +@@ -18,4 +18,9 @@ declare const INITIAL_CONTAINER_OFFSET: { + }; + declare const INITIAL_HANDLE_HEIGHT = -999; + declare const INITIAL_POSITION: number; +-export { DEFAULT_HANDLE_HEIGHT, DEFAULT_OVER_DRAG_RESISTANCE_FACTOR, DEFAULT_ENABLE_CONTENT_PANNING_GESTURE, DEFAULT_ENABLE_HANDLE_PANNING_GESTURE, DEFAULT_ENABLE_OVER_DRAG, DEFAULT_ENABLE_PAN_DOWN_TO_CLOSE, DEFAULT_ANIMATE_ON_MOUNT, DEFAULT_KEYBOARD_BEHAVIOR, DEFAULT_KEYBOARD_BLUR_BEHAVIOR, DEFAULT_KEYBOARD_INPUT_MODE, INITIAL_POSITION, INITIAL_CONTAINER_HEIGHT, INITIAL_CONTAINER_OFFSET, INITIAL_HANDLE_HEIGHT, INITIAL_SNAP_POINT, }; ++declare const DEFAULT_ACCESSIBLE = true; ++declare const DEFAULT_ACCESSIBILITY_LABEL = "Bottom Sheet"; ++declare const DEFAULT_ACCESSIBILITY_ROLE = "adjustable"; ++declare const DEFAULT_ENABLE_ACCESSIBILITY_CHANGE_ANNOUNCEMENT = true; ++declare const DEFAULT_ACCESSIBILITY_POSITION_CHANGE_ANNOUNCEMENT: (positionInScreen: string) => string; ++export { DEFAULT_HANDLE_HEIGHT, DEFAULT_OVER_DRAG_RESISTANCE_FACTOR, DEFAULT_ENABLE_CONTENT_PANNING_GESTURE, DEFAULT_ENABLE_HANDLE_PANNING_GESTURE, DEFAULT_ENABLE_OVER_DRAG, DEFAULT_ENABLE_PAN_DOWN_TO_CLOSE, DEFAULT_ANIMATE_ON_MOUNT, DEFAULT_KEYBOARD_BEHAVIOR, DEFAULT_KEYBOARD_BLUR_BEHAVIOR, DEFAULT_KEYBOARD_INPUT_MODE, INITIAL_POSITION, INITIAL_CONTAINER_HEIGHT, INITIAL_CONTAINER_OFFSET, INITIAL_HANDLE_HEIGHT, INITIAL_SNAP_POINT, DEFAULT_ACCESSIBLE, DEFAULT_ACCESSIBILITY_LABEL, DEFAULT_ACCESSIBILITY_ROLE, DEFAULT_ENABLE_ACCESSIBILITY_CHANGE_ANNOUNCEMENT, DEFAULT_ACCESSIBILITY_POSITION_CHANGE_ANNOUNCEMENT, }; +diff --git a/node_modules/@gorhom/bottom-sheet/lib/typescript/components/bottomSheet/types.d.ts b/node_modules/@gorhom/bottom-sheet/lib/typescript/components/bottomSheet/types.d.ts +index 2fe2f4b..d995309 100644 +--- a/node_modules/@gorhom/bottom-sheet/lib/typescript/components/bottomSheet/types.d.ts ++++ b/node_modules/@gorhom/bottom-sheet/lib/typescript/components/bottomSheet/types.d.ts +@@ -12,7 +12,10 @@ import type { + KEYBOARD_BLUR_BEHAVIOR, + KEYBOARD_INPUT_MODE, + } from '../../constants'; +-import type { GestureEventsHandlersHookType } from '../../types'; ++import type { ++ GestureEventsHandlersHookType, ++ NullableAccessibilityProps, ++} from '../../types'; + + export interface BottomSheetProps + extends BottomSheetAnimationConfigs, +@@ -26,7 +29,8 @@ export interface BottomSheetProps + | 'waitFor' + | 'simultaneousHandlers' + > +- > { ++ >, ++ Omit { + //#region configuration + /** + * Initial snap point index, provide `-1` to initiate bottom sheet in closed state. +@@ -286,6 +290,26 @@ export interface BottomSheetProps + */ + $modal?: boolean; + //#endregion ++ ++ // accessibility ++ /** ++ * Enables announcement of the snap position change on screen readers. ++ * @type boolean ++ * @default true ++ */ ++ enableAccessibilityChangeAnnouncement?: boolean; ++ /** ++ * Callback on snap position change that announces the returned string on screen readers. ++ * @type string | ((positionInScreen: string) => string) ++ */ ++ accessibilityPositionChangeAnnouncement?: ++ | string ++ | ((positionInScreen: string) => string); ++ /** ++ * Enables the possibility to define custom accessibility props on the handle container component. ++ * @type NullableAccessibilityProps ++ */ ++ handleComponentAccessibility?: NullableAccessibilityProps; + } + + export interface BottomSheetAnimationConfigs { +diff --git a/node_modules/@gorhom/bottom-sheet/lib/typescript/components/bottomSheetBackdrop/constants.d.ts b/node_modules/@gorhom/bottom-sheet/lib/typescript/components/bottomSheetBackdrop/constants.d.ts +index 607e4f1..3ad4427 100644 +--- a/node_modules/@gorhom/bottom-sheet/lib/typescript/components/bottomSheetBackdrop/constants.d.ts ++++ b/node_modules/@gorhom/bottom-sheet/lib/typescript/components/bottomSheetBackdrop/constants.d.ts +@@ -3,4 +3,8 @@ declare const DEFAULT_APPEARS_ON_INDEX = 1; + declare const DEFAULT_DISAPPEARS_ON_INDEX = 0; + declare const DEFAULT_ENABLE_TOUCH_THROUGH = false; + declare const DEFAULT_PRESS_BEHAVIOR: "close"; +-export { DEFAULT_OPACITY, DEFAULT_APPEARS_ON_INDEX, DEFAULT_DISAPPEARS_ON_INDEX, DEFAULT_ENABLE_TOUCH_THROUGH, DEFAULT_PRESS_BEHAVIOR, }; ++declare const DEFAULT_ACCESSIBLE = true; ++declare const DEFAULT_ACCESSIBILITY_LABEL = "Bottom Sheet backdrop"; ++declare const DEFAULT_ACCESSIBILITY_ROLE = "button"; ++declare const DEFAULT_ACCESSIBILITY_HINT: (pressBehavior: string) => string; ++export { DEFAULT_OPACITY, DEFAULT_APPEARS_ON_INDEX, DEFAULT_DISAPPEARS_ON_INDEX, DEFAULT_ENABLE_TOUCH_THROUGH, DEFAULT_PRESS_BEHAVIOR, DEFAULT_ACCESSIBLE, DEFAULT_ACCESSIBILITY_ROLE, DEFAULT_ACCESSIBILITY_LABEL, DEFAULT_ACCESSIBILITY_HINT, }; +diff --git a/node_modules/@gorhom/bottom-sheet/lib/typescript/components/bottomSheetBackground/constants.d.ts b/node_modules/@gorhom/bottom-sheet/lib/typescript/components/bottomSheetBackground/constants.d.ts +new file mode 100644 +index 0000000..9a2a9bf +--- /dev/null ++++ b/node_modules/@gorhom/bottom-sheet/lib/typescript/components/bottomSheetBackground/constants.d.ts +@@ -0,0 +1,4 @@ ++declare const DEFAULT_ACCESSIBLE = true; ++declare const DEFAULT_ACCESSIBILITY_LABEL = "Bottom Sheet"; ++declare const DEFAULT_ACCESSIBILITY_ROLE = "adjustable"; ++export { DEFAULT_ACCESSIBLE, DEFAULT_ACCESSIBILITY_LABEL, DEFAULT_ACCESSIBILITY_ROLE, }; +diff --git a/node_modules/@gorhom/bottom-sheet/lib/typescript/components/bottomSheetBackground/types.d.ts b/node_modules/@gorhom/bottom-sheet/lib/typescript/components/bottomSheetBackground/types.d.ts +index 37d2e20..2ca28c6 100644 +--- a/node_modules/@gorhom/bottom-sheet/lib/typescript/components/bottomSheetBackground/types.d.ts ++++ b/node_modules/@gorhom/bottom-sheet/lib/typescript/components/bottomSheetBackground/types.d.ts +@@ -1,6 +1,10 @@ +-import type { ViewProps } from 'react-native'; +-import type { BottomSheetVariables } from '../../types'; ++import type { Omit, ViewProps } from 'react-native'; ++import type { ++ BottomSheetVariables, ++ NullableAccessibilityProps, ++} from '../../types'; + + export interface BottomSheetBackgroundProps + extends Pick, +- BottomSheetVariables {} ++ BottomSheetVariables, ++ Omit {} +diff --git a/node_modules/@gorhom/bottom-sheet/lib/typescript/components/bottomSheetHandleContainer/constants.d.ts b/node_modules/@gorhom/bottom-sheet/lib/typescript/components/bottomSheetHandleContainer/constants.d.ts +new file mode 100644 +index 0000000..9ceccfe +--- /dev/null ++++ b/node_modules/@gorhom/bottom-sheet/lib/typescript/components/bottomSheetHandleContainer/constants.d.ts +@@ -0,0 +1,5 @@ ++declare const DEFAULT_ACCESSIBLE = true; ++declare const DEFAULT_ACCESSIBILITY_LABEL = "Bottom Sheet handle"; ++declare const DEFAULT_ACCESSIBILITY_ROLE = "adjustable"; ++declare const DEFAULT_ACCESSIBILITY_HINT = "Drag up or down to extend or minimize the Bottom Sheet"; ++export { DEFAULT_ACCESSIBLE, DEFAULT_ACCESSIBILITY_LABEL, DEFAULT_ACCESSIBILITY_ROLE, DEFAULT_ACCESSIBILITY_HINT, }; +diff --git a/node_modules/@gorhom/bottom-sheet/lib/typescript/components/bottomSheetHandleContainer/types.d.ts b/node_modules/@gorhom/bottom-sheet/lib/typescript/components/bottomSheetHandleContainer/types.d.ts +index c3c2ae9..2d7d172 100644 +--- a/node_modules/@gorhom/bottom-sheet/lib/typescript/components/bottomSheetHandleContainer/types.d.ts ++++ b/node_modules/@gorhom/bottom-sheet/lib/typescript/components/bottomSheetHandleContainer/types.d.ts +@@ -3,6 +3,7 @@ import type Animated from 'react-native-reanimated'; + import type { BottomSheetProps } from '../bottomSheet'; + import type { BottomSheetHandleProps } from '../bottomSheetHandle'; + import type { useInteractivePanGestureHandlerConfigs } from '../../hooks/useGestureHandler'; ++import { NullableAccessibilityProps } from '../../types'; + + export interface BottomSheetHandleContainerProps + extends Pick, +@@ -20,6 +21,7 @@ export interface BottomSheetHandleContainerProps + | 'overDragResistanceFactor' + | 'keyboardBehavior' + >, +- BottomSheetHandleProps { ++ BottomSheetHandleProps, ++ NullableAccessibilityProps { + handleHeight: Animated.SharedValue; + } +diff --git a/node_modules/@gorhom/bottom-sheet/lib/typescript/types.d.ts b/node_modules/@gorhom/bottom-sheet/lib/typescript/types.d.ts +index 52fe472..6bccb4a 100644 +--- a/node_modules/@gorhom/bottom-sheet/lib/typescript/types.d.ts ++++ b/node_modules/@gorhom/bottom-sheet/lib/typescript/types.d.ts +@@ -4,6 +4,7 @@ import type { + ScrollView, + SectionList, + NativeScrollEvent, ++ AccessibilityProps, + } from 'react-native'; + import type { + GestureEventPayload, +@@ -164,3 +165,10 @@ export type ScrollEventsHandlersHookType = ( + handleOnMomentumEnd?: ScrollEventHandlerCallbackType; + }; + //#endregion ++ ++export interface NullableAccessibilityProps extends AccessibilityProps { ++ accessible?: AccessibilityProps['accessible'] | null; ++ accessibilityLabel?: AccessibilityProps['accessibilityLabel'] | null; ++ accessibilityHint?: AccessibilityProps['accessibilityHint'] | null; ++ accessibilityRole?: AccessibilityProps['accessibilityRole'] | null; ++} +diff --git a/node_modules/@gorhom/bottom-sheet/src/components/bottomSheet/BottomSheet.tsx b/node_modules/@gorhom/bottom-sheet/src/components/bottomSheet/BottomSheet.tsx +index 0f5ac23..d372e07 100644 +--- a/node_modules/@gorhom/bottom-sheet/src/components/bottomSheet/BottomSheet.tsx ++++ b/node_modules/@gorhom/bottom-sheet/src/components/bottomSheet/BottomSheet.tsx +@@ -6,7 +6,7 @@ import React, { + memo, + useEffect, + } from 'react'; +-import { Platform } from 'react-native'; ++import { AccessibilityInfo, Platform } from 'react-native'; + import invariant from 'invariant'; + import Animated, { + useAnimatedReaction, +@@ -49,6 +49,7 @@ import { + KEYBOARD_BLUR_BEHAVIOR, + KEYBOARD_INPUT_MODE, + ANIMATION_SOURCE, ++ WINDOW_HEIGHT, + } from '../../constants'; + import { + animate, +@@ -71,10 +72,16 @@ import { + INITIAL_SNAP_POINT, + DEFAULT_ENABLE_PAN_DOWN_TO_CLOSE, + INITIAL_CONTAINER_OFFSET, ++ DEFAULT_ACCESSIBLE, ++ DEFAULT_ACCESSIBILITY_LABEL, ++ DEFAULT_ACCESSIBILITY_ROLE, ++ DEFAULT_ENABLE_ACCESSIBILITY_CHANGE_ANNOUNCEMENT, ++ DEFAULT_ACCESSIBILITY_POSITION_CHANGE_ANNOUNCEMENT, + } from './constants'; + import type { BottomSheetMethods, Insets } from '../../types'; + import type { BottomSheetProps, AnimateToPositionType } from './types'; + import { styles } from './styles'; ++import ReText from '../bottomSheetDebugView/ReText'; + + Animated.addWhitelistedUIProps({ + decelerationRate: true, +@@ -152,6 +159,19 @@ const BottomSheetComponent = forwardRef( + backgroundComponent, + footerComponent, + children, ++ ++ // accessibility ++ accessible: _providedAccessible = DEFAULT_ACCESSIBLE, ++ accessibilityLabel: ++ _providedAccessibilityLabel = DEFAULT_ACCESSIBILITY_LABEL, ++ accessibilityRole: ++ _providedAccessibilityRole = DEFAULT_ACCESSIBILITY_ROLE, ++ enableAccessibilityChangeAnnouncement: ++ _providedEnableAccessibilityChangeAnnouncement = DEFAULT_ENABLE_ACCESSIBILITY_CHANGE_ANNOUNCEMENT, ++ accessibilityPositionChangeAnnouncement: ++ _providedAccessibilityPositionChangeAnnouncement = DEFAULT_ACCESSIBILITY_POSITION_CHANGE_ANNOUNCEMENT, ++ handleComponentAccessibility: _providedHandleComponentAccessibility, ++ ...rest + } = props; + //#endregion + +@@ -587,8 +607,42 @@ const BottomSheetComponent = forwardRef( + if (_providedOnChange) { + _providedOnChange(index); + } ++ ++ AccessibilityInfo.isScreenReaderEnabled().then(isEnabled => { ++ if ( ++ !isEnabled || ++ !_providedEnableAccessibilityChangeAnnouncement || ++ !_providedAccessibilityPositionChangeAnnouncement ++ ) { ++ return; ++ } ++ ++ const positionInScreen = Math.max( ++ Math.floor( ++ ((WINDOW_HEIGHT - animatedSnapPoints.value[index] || 1) / ++ WINDOW_HEIGHT) * ++ 100 ++ ), ++ 0 ++ ).toFixed(0); ++ ++ AccessibilityInfo.announceForAccessibility( ++ typeof _providedAccessibilityPositionChangeAnnouncement === ++ 'function' ++ ? _providedAccessibilityPositionChangeAnnouncement( ++ positionInScreen ++ ) ++ : _providedAccessibilityPositionChangeAnnouncement ++ ); ++ }); + }, +- [_providedOnChange, animatedCurrentIndex] ++ [ ++ _providedAccessibilityPositionChangeAnnouncement, ++ _providedEnableAccessibilityChangeAnnouncement, ++ _providedOnChange, ++ animatedCurrentIndex.value, ++ animatedSnapPoints.value, ++ ] + ); + const handleOnAnimate = useCallback( + function handleOnAnimate(toPoint: number) { +@@ -1578,6 +1632,10 @@ const BottomSheetComponent = forwardRef( + /> + + ( + handleComponent={handleComponent} + handleStyle={_providedHandleStyle} + handleIndicatorStyle={_providedHandleIndicatorStyle} ++ accessible={_providedHandleComponentAccessibility?.accessible} ++ accessibilityRole={ ++ _providedHandleComponentAccessibility?.accessibilityRole ++ } ++ accessibilityLabel={ ++ _providedHandleComponentAccessibility?.accessibilityLabel ++ } + /> + ++ + {/* `Bottom sheet snapped to ${positionInScreen}% of the screen`; ++ + export { + DEFAULT_HANDLE_HEIGHT, + DEFAULT_OVER_DRAG_RESISTANCE_FACTOR, +@@ -49,4 +58,10 @@ export { + INITIAL_CONTAINER_OFFSET, + INITIAL_HANDLE_HEIGHT, + INITIAL_SNAP_POINT, ++ // accessibility ++ DEFAULT_ACCESSIBLE, ++ DEFAULT_ACCESSIBILITY_LABEL, ++ DEFAULT_ACCESSIBILITY_ROLE, ++ DEFAULT_ENABLE_ACCESSIBILITY_CHANGE_ANNOUNCEMENT, ++ DEFAULT_ACCESSIBILITY_POSITION_CHANGE_ANNOUNCEMENT, + }; +diff --git a/node_modules/@gorhom/bottom-sheet/src/components/bottomSheet/types.d.ts b/node_modules/@gorhom/bottom-sheet/src/components/bottomSheet/types.d.ts +index 2fe2f4b..d995309 100644 +--- a/node_modules/@gorhom/bottom-sheet/src/components/bottomSheet/types.d.ts ++++ b/node_modules/@gorhom/bottom-sheet/src/components/bottomSheet/types.d.ts +@@ -12,7 +12,10 @@ import type { + KEYBOARD_BLUR_BEHAVIOR, + KEYBOARD_INPUT_MODE, + } from '../../constants'; +-import type { GestureEventsHandlersHookType } from '../../types'; ++import type { ++ GestureEventsHandlersHookType, ++ NullableAccessibilityProps, ++} from '../../types'; + + export interface BottomSheetProps + extends BottomSheetAnimationConfigs, +@@ -26,7 +29,8 @@ export interface BottomSheetProps + | 'waitFor' + | 'simultaneousHandlers' + > +- > { ++ >, ++ Omit { + //#region configuration + /** + * Initial snap point index, provide `-1` to initiate bottom sheet in closed state. +@@ -286,6 +290,26 @@ export interface BottomSheetProps + */ + $modal?: boolean; + //#endregion ++ ++ // accessibility ++ /** ++ * Enables announcement of the snap position change on screen readers. ++ * @type boolean ++ * @default true ++ */ ++ enableAccessibilityChangeAnnouncement?: boolean; ++ /** ++ * Callback on snap position change that announces the returned string on screen readers. ++ * @type string | ((positionInScreen: string) => string) ++ */ ++ accessibilityPositionChangeAnnouncement?: ++ | string ++ | ((positionInScreen: string) => string); ++ /** ++ * Enables the possibility to define custom accessibility props on the handle container component. ++ * @type NullableAccessibilityProps ++ */ ++ handleComponentAccessibility?: NullableAccessibilityProps; + } + + export interface BottomSheetAnimationConfigs { +diff --git a/node_modules/@gorhom/bottom-sheet/src/components/bottomSheetBackdrop/BottomSheetBackdrop.tsx b/node_modules/@gorhom/bottom-sheet/src/components/bottomSheetBackdrop/BottomSheetBackdrop.tsx +index 69db946..38eb5ed 100644 +--- a/node_modules/@gorhom/bottom-sheet/src/components/bottomSheetBackdrop/BottomSheetBackdrop.tsx ++++ b/node_modules/@gorhom/bottom-sheet/src/components/bottomSheetBackdrop/BottomSheetBackdrop.tsx +@@ -18,6 +18,10 @@ import { + DEFAULT_DISAPPEARS_ON_INDEX, + DEFAULT_ENABLE_TOUCH_THROUGH, + DEFAULT_PRESS_BEHAVIOR, ++ DEFAULT_ACCESSIBLE, ++ DEFAULT_ACCESSIBILITY_ROLE, ++ DEFAULT_ACCESSIBILITY_LABEL, ++ DEFAULT_ACCESSIBILITY_HINT, + } from './constants'; + import { styles } from './styles'; + import type { BottomSheetDefaultBackdropProps } from './types'; +@@ -31,6 +35,10 @@ const BottomSheetBackdropComponent = ({ + pressBehavior = DEFAULT_PRESS_BEHAVIOR, + style, + children, ++ accessible: _providedAccessible = DEFAULT_ACCESSIBLE, ++ accessibilityRole: _providedAccessibilityRole = DEFAULT_ACCESSIBILITY_ROLE, ++ accessibilityLabel: _providedAccessibilityLabel = DEFAULT_ACCESSIBILITY_LABEL, ++ accessibilityHint: _providedAccessibilityHint, + }: BottomSheetDefaultBackdropProps) => { + //#region hooks + const { snapToIndex, close } = useBottomSheet(); +@@ -111,12 +119,15 @@ const BottomSheetBackdropComponent = ({ + + {children} + +diff --git a/node_modules/@gorhom/bottom-sheet/src/components/bottomSheetBackdrop/constants.ts b/node_modules/@gorhom/bottom-sheet/src/components/bottomSheetBackdrop/constants.ts +index c2388db..5a13138 100644 +--- a/node_modules/@gorhom/bottom-sheet/src/components/bottomSheetBackdrop/constants.ts ++++ b/node_modules/@gorhom/bottom-sheet/src/components/bottomSheetBackdrop/constants.ts +@@ -4,10 +4,21 @@ const DEFAULT_DISAPPEARS_ON_INDEX = 0; + const DEFAULT_ENABLE_TOUCH_THROUGH = false; + const DEFAULT_PRESS_BEHAVIOR = 'close' as const; + ++// accessibility ++const DEFAULT_ACCESSIBLE = true; ++const DEFAULT_ACCESSIBILITY_LABEL = 'Bottom Sheet backdrop'; ++const DEFAULT_ACCESSIBILITY_ROLE = 'button'; ++const DEFAULT_ACCESSIBILITY_HINT = (pressBehavior: string) => ++ `Tap to ${pressBehavior} the Bottom Sheet`; ++ + export { + DEFAULT_OPACITY, + DEFAULT_APPEARS_ON_INDEX, + DEFAULT_DISAPPEARS_ON_INDEX, + DEFAULT_ENABLE_TOUCH_THROUGH, + DEFAULT_PRESS_BEHAVIOR, ++ DEFAULT_ACCESSIBLE, ++ DEFAULT_ACCESSIBILITY_ROLE, ++ DEFAULT_ACCESSIBILITY_LABEL, ++ DEFAULT_ACCESSIBILITY_HINT, + }; +diff --git a/node_modules/@gorhom/bottom-sheet/src/components/bottomSheetBackdrop/types.d.ts b/node_modules/@gorhom/bottom-sheet/src/components/bottomSheetBackdrop/types.d.ts +index 0ebbbf4..b03eda4 100644 +--- a/node_modules/@gorhom/bottom-sheet/src/components/bottomSheetBackdrop/types.d.ts ++++ b/node_modules/@gorhom/bottom-sheet/src/components/bottomSheetBackdrop/types.d.ts +@@ -1,9 +1,13 @@ + import type { ViewProps } from 'react-native'; +-import type { BottomSheetVariables } from '../../types'; ++import type { ++ BottomSheetVariables, ++ NullableAccessibilityProps, ++} from '../../types'; + + export interface BottomSheetBackdropProps + extends Pick, +- BottomSheetVariables {} ++ BottomSheetVariables, ++ NullableAccessibilityProps {} + + export type BackdropPressBehavior = 'none' | 'close' | 'collapse' | number; + +diff --git a/node_modules/@gorhom/bottom-sheet/src/components/bottomSheetBackground/BottomSheetBackground.tsx b/node_modules/@gorhom/bottom-sheet/src/components/bottomSheetBackground/BottomSheetBackground.tsx +index 71ce0c3..3a48a28 100644 +--- a/node_modules/@gorhom/bottom-sheet/src/components/bottomSheetBackground/BottomSheetBackground.tsx ++++ b/node_modules/@gorhom/bottom-sheet/src/components/bottomSheetBackground/BottomSheetBackground.tsx +@@ -2,16 +2,24 @@ import React, { memo } from 'react'; + import { View } from 'react-native'; + import type { BottomSheetBackgroundProps } from './types'; + import { styles } from './styles'; ++import { ++ DEFAULT_ACCESSIBILITY_ROLE, ++ DEFAULT_ACCESSIBLE, ++ DEFAULT_ACCESSIBILITY_LABEL, ++} from './constants'; + + const BottomSheetBackgroundComponent = ({ + pointerEvents, + style, ++ accessible: _providedAccessible = DEFAULT_ACCESSIBLE, ++ accessibilityRole: _providedAccessibilityRole = DEFAULT_ACCESSIBILITY_ROLE, ++ accessibilityLabel: _providedAccessibilityLabel = DEFAULT_ACCESSIBILITY_LABEL, + }: BottomSheetBackgroundProps) => ( + + ); +diff --git a/node_modules/@gorhom/bottom-sheet/src/components/bottomSheetBackground/constants.ts b/node_modules/@gorhom/bottom-sheet/src/components/bottomSheetBackground/constants.ts +new file mode 100644 +index 0000000..8118faf +--- /dev/null ++++ b/node_modules/@gorhom/bottom-sheet/src/components/bottomSheetBackground/constants.ts +@@ -0,0 +1,11 @@ ++// accessibility ++const DEFAULT_ACCESSIBLE = true; ++const DEFAULT_ACCESSIBILITY_LABEL = 'Bottom Sheet'; ++const DEFAULT_ACCESSIBILITY_ROLE = 'adjustable'; ++ ++export { ++ // accessibility ++ DEFAULT_ACCESSIBLE, ++ DEFAULT_ACCESSIBILITY_LABEL, ++ DEFAULT_ACCESSIBILITY_ROLE, ++}; +diff --git a/node_modules/@gorhom/bottom-sheet/src/components/bottomSheetBackground/types.d.ts b/node_modules/@gorhom/bottom-sheet/src/components/bottomSheetBackground/types.d.ts +index 37d2e20..2ca28c6 100644 +--- a/node_modules/@gorhom/bottom-sheet/src/components/bottomSheetBackground/types.d.ts ++++ b/node_modules/@gorhom/bottom-sheet/src/components/bottomSheetBackground/types.d.ts +@@ -1,6 +1,10 @@ +-import type { ViewProps } from 'react-native'; +-import type { BottomSheetVariables } from '../../types'; ++import type { Omit, ViewProps } from 'react-native'; ++import type { ++ BottomSheetVariables, ++ NullableAccessibilityProps, ++} from '../../types'; + + export interface BottomSheetBackgroundProps + extends Pick, +- BottomSheetVariables {} ++ BottomSheetVariables, ++ Omit {} +diff --git a/node_modules/@gorhom/bottom-sheet/src/components/bottomSheetHandleContainer/BottomSheetHandleContainer.tsx b/node_modules/@gorhom/bottom-sheet/src/components/bottomSheetHandleContainer/BottomSheetHandleContainer.tsx +index 9e48c17..e48b15f 100644 +--- a/node_modules/@gorhom/bottom-sheet/src/components/bottomSheetHandleContainer/BottomSheetHandleContainer.tsx ++++ b/node_modules/@gorhom/bottom-sheet/src/components/bottomSheetHandleContainer/BottomSheetHandleContainer.tsx +@@ -9,6 +9,12 @@ import { + } from '../../hooks'; + import { print } from '../../utilities'; + import type { BottomSheetHandleContainerProps } from './types'; ++import { ++ DEFAULT_ACCESSIBILITY_LABEL, ++ DEFAULT_ACCESSIBILITY_ROLE, ++ DEFAULT_ACCESSIBLE, ++ DEFAULT_ACCESSIBILITY_HINT, ++} from './constants'; + + function BottomSheetHandleContainerComponent({ + animatedIndex, +@@ -19,6 +25,10 @@ function BottomSheetHandleContainerComponent({ + handleComponent: _providedHandleComponent, + handleStyle: _providedHandleStyle, + handleIndicatorStyle: _providedIndicatorStyle, ++ accessible: _providedAccessible = DEFAULT_ACCESSIBLE, ++ accessibilityLabel: _providedAccessibilityLabel = DEFAULT_ACCESSIBILITY_LABEL, ++ accessibilityRole: _providedAccessibilityRole = DEFAULT_ACCESSIBILITY_ROLE, ++ accessibilityHint: _providedAccessibilityHint = DEFAULT_ACCESSIBILITY_HINT, + }: BottomSheetHandleContainerProps) { + //#region hooks + const { +@@ -95,10 +105,10 @@ function BottomSheetHandleContainerComponent({ + > + + , +@@ -20,6 +21,7 @@ export interface BottomSheetHandleContainerProps + | 'overDragResistanceFactor' + | 'keyboardBehavior' + >, +- BottomSheetHandleProps { ++ BottomSheetHandleProps, ++ NullableAccessibilityProps { + handleHeight: Animated.SharedValue; + } +diff --git a/node_modules/@gorhom/bottom-sheet/src/types.d.ts b/node_modules/@gorhom/bottom-sheet/src/types.d.ts +index 52fe472..6a23178 100644 +--- a/node_modules/@gorhom/bottom-sheet/src/types.d.ts ++++ b/node_modules/@gorhom/bottom-sheet/src/types.d.ts +@@ -164,3 +164,10 @@ export type ScrollEventsHandlersHookType = ( + handleOnMomentumEnd?: ScrollEventHandlerCallbackType; + }; + //#endregion ++ ++export interface NullableAccessibilityProps extends AccessibilityProps { ++ accessible?: AccessibilityProps['accessible'] | null; ++ accessibilityLabel?: AccessibilityProps['accessibilityLabel'] | null; ++ accessibilityHint?: AccessibilityProps['accessibilityHint'] | null; ++ accessibilityRole?: AccessibilityProps['accessibilityRole'] | null; ++} From 6b63e183aced26a44e07b578987b89c7c2b2af6a Mon Sep 17 00:00:00 2001 From: Damiano Plebani Date: Tue, 6 Aug 2024 10:13:16 +0200 Subject: [PATCH 03/19] Update `jest` snapshots --- .../__snapshots__/Preconditions.test.tsx.snap | 6 - .../SecuritySuggestions.test.tsx.snap | 6 - .../RemoteContentBanner.test.tsx.snap | 6 - .../ShowMoreListItem.test.tsx.snap | 48 - .../F24ListBottomSheetLink.test.tsx.snap | 18 - .../__snapshots__/F24Section.test.tsx.snap | 6 - .../MessageBottomMenu.test.tsx.snap | 864 ------------------ .../MessageDetails.test.tsx.snap | 12 - .../MessagePaymentBottomSheet.test.tsx.snap | 12 - .../TimelineListItem.test.tsx.snap | 24 - .../MessageDetailsScreen.test.tsx.snap | 12 - ...ProfileNotificationsSettings.test.tsx.snap | 768 ---------------- ...tificationsPreferencesScreen.test.tsx.snap | 30 - .../__snapshots__/PspRadioItem.test.tsx.snap | 6 - ...tificationsPreferencesScreen.test.tsx.snap | 108 --- 15 files changed, 1926 deletions(-) diff --git a/ts/features/messages/components/Home/__tests__/__snapshots__/Preconditions.test.tsx.snap b/ts/features/messages/components/Home/__tests__/__snapshots__/Preconditions.test.tsx.snap index 2a24a3eea20..619aa726248 100644 --- a/ts/features/messages/components/Home/__tests__/__snapshots__/Preconditions.test.tsx.snap +++ b/ts/features/messages/components/Home/__tests__/__snapshots__/Preconditions.test.tsx.snap @@ -332,17 +332,11 @@ exports[`Preconditions should match snapshot with mocked components 1`] = ` } > Date: Thu, 17 Oct 2024 17:35:54 +0200 Subject: [PATCH 04/19] Upgrade bottom-sheet lib to v5 --- package.json | 2 +- yarn.lock | 8 ++++---- 2 files changed, 5 insertions(+), 5 deletions(-) diff --git a/package.json b/package.json index 5da9526d350..9e8632a0a3a 100644 --- a/package.json +++ b/package.json @@ -106,7 +106,7 @@ }, "dependencies": { "@babel/plugin-transform-regenerator": "^7.18.6", - "@gorhom/bottom-sheet": "^4.6.4", + "@gorhom/bottom-sheet": "^5.0.2", "@pagopa/io-app-design-system": "1.47.0", "@pagopa/io-pagopa-commons": "^3.1.0", "@pagopa/io-react-native-cieid": "^0.3.5", diff --git a/yarn.lock b/yarn.lock index ad494b3b874..99e99d3dc2d 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1371,10 +1371,10 @@ "@expo/config" "3.3.22" metro-react-native-babel-transformer "^0.58.0" -"@gorhom/bottom-sheet@^4.6.4": - version "4.6.4" - resolved "https://registry.yarnpkg.com/@gorhom/bottom-sheet/-/bottom-sheet-4.6.4.tgz#387d0f0f21e3470eb8575498cb81ce96f5108e79" - integrity sha512-0itLMblLBvepE065w3a60S030c2rNUsGshPC7wbWDm31VyqoaU2xjzh/ojH62YIJOcobBr5QoC30IxBBKDGovQ== +"@gorhom/bottom-sheet@^5.0.2": + version "5.0.2" + resolved "https://registry.yarnpkg.com/@gorhom/bottom-sheet/-/bottom-sheet-5.0.2.tgz#28675943f24fa9787ba58bcf592028af171cdb41" + integrity sha512-bctrT0PDeVUdUG4xm/d9A7ikHFgQ9wchhU0oIE1vIBncFri501GTs/8Bf16ryyKHo3Q0220Dnj5CKm3Ed6ejEg== dependencies: "@gorhom/portal" "1.0.14" invariant "^2.2.4" From edaca1393567cde7c95661c10032d13b30898117 Mon Sep 17 00:00:00 2001 From: Cristiano Tofani Date: Thu, 17 Oct 2024 17:55:09 +0200 Subject: [PATCH 05/19] minor fixes --- ts/utils/hooks/bottomSheet.tsx | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/ts/utils/hooks/bottomSheet.tsx b/ts/utils/hooks/bottomSheet.tsx index 7743df3a593..506dd1767e4 100644 --- a/ts/utils/hooks/bottomSheet.tsx +++ b/ts/utils/hooks/bottomSheet.tsx @@ -191,6 +191,7 @@ export const useIOBottomSheetModal = ({ footerComponent} + enableDynamicSizing={false} snapPoints={[...snapPoint]} ref={bottomSheetModalRef} handleComponent={_ => bottomSheetProps.config.handleComponent} @@ -246,10 +247,12 @@ export const useIOBottomSheetAutoresizableModal = ( const handleContentOnLayout = React.useCallback( (event: LayoutChangeEvent) => { const { height } = event.nativeEvent.layout; - const snapPoint = insets.bottom + bottomPadding + height; + const snapPointWithPadding = insets.bottom + bottomPadding + height; setSnapPoint( - fullScreen ? snapPoint : Math.min(screenHeight - insets.top, snapPoint) + fullScreen + ? snapPointWithPadding + : Math.min(screenHeight - insets.top, snapPointWithPadding) ); }, [insets, fullScreen, bottomPadding] From bc2117e96b616599b037c9fea475a8f0c347fb7f Mon Sep 17 00:00:00 2001 From: Cristiano Tofani Date: Tue, 22 Oct 2024 14:44:12 +0200 Subject: [PATCH 06/19] fixes tests --- .../__snapshots__/wizards.test.tsx.snap | 7 +- ...wCredentialPreviewClaimsList.test.tsx.snap | 14 +- ...ItwPresentationClaimsSection.test.tsx.snap | 21 +-- .../__snapshots__/Preconditions.test.tsx.snap | 1 + .../SecuritySuggestions.test.tsx.snap | 1 + .../RemoteContentBanner.test.tsx.snap | 1 + .../ShowMoreListItem.test.tsx.snap | 8 + .../F24ListBottomSheetLink.test.tsx.snap | 3 + .../__snapshots__/F24Section.test.tsx.snap | 1 + .../MessageBottomMenu.test.tsx.snap | 144 ++++++++++++++++++ .../MessageDetails.test.tsx.snap | 2 + .../MessagePaymentBottomSheet.test.tsx.snap | 2 + .../TimelineListItem.test.tsx.snap | 4 + .../MessageDetailsScreen.test.tsx.snap | 2 + ...ProfileNotificationsSettings.test.tsx.snap | 128 ++++++++++++++++ ...tificationsPreferencesScreen.test.tsx.snap | 5 + .../__snapshots__/PspRadioItem.test.tsx.snap | 1 + ...tificationsPreferencesScreen.test.tsx.snap | 18 +++ 18 files changed, 327 insertions(+), 36 deletions(-) diff --git a/ts/features/cie/__tests__/__snapshots__/wizards.test.tsx.snap b/ts/features/cie/__tests__/__snapshots__/wizards.test.tsx.snap index 760ec414a6b..cfa9ca0f0ec 100644 --- a/ts/features/cie/__tests__/__snapshots__/wizards.test.tsx.snap +++ b/ts/features/cie/__tests__/__snapshots__/wizards.test.tsx.snap @@ -717,17 +717,12 @@ exports[`CiePinWizard Should match the snapshot 1`] = ` Date: Tue, 22 Oct 2024 12:37:58 +0200 Subject: [PATCH 07/19] fix: [IOBP-900] Remove parenthesis from tax code in payment screen (#6317) ## Short description This pull request includes changes to the `getPayerInfoLabel` function and its corresponding tests to improve the formatting of the payer's tax code. The main change is the removal of parentheses around the tax code in the output. ## List of changes proposed in this pull request - Remove parenthesis from `getPayerInfoLabel` function - Update `getPayerInfoLabel` test ## How to test - Go into `Pagamenti` - Tap on a payment from the list - Check the tax code under the payer name ## Preview Screenshot 2024-10-21 at 17 59 33 --- .../bizEventsTransaction/utils/__tests__/index.test.ts | 8 +++++++- ts/features/payments/bizEventsTransaction/utils/index.ts | 5 ++--- 2 files changed, 9 insertions(+), 4 deletions(-) diff --git a/ts/features/payments/bizEventsTransaction/utils/__tests__/index.test.ts b/ts/features/payments/bizEventsTransaction/utils/__tests__/index.test.ts index 5df6e53961c..5147a37b83f 100644 --- a/ts/features/payments/bizEventsTransaction/utils/__tests__/index.test.ts +++ b/ts/features/payments/bizEventsTransaction/utils/__tests__/index.test.ts @@ -63,7 +63,13 @@ describe("getPayerInfoLabel", () => { it("should return only the taxCode if name is not provided", () => { const payer = { taxCode: "123456789" }; const result = getPayerInfoLabel(payer); - expect(result).toBe("(123456789)"); + expect(result).toBe("123456789"); + }); + + it("should return only the taxCode if name is empty string", () => { + const payer = { taxCode: "123456789", name: "" }; + const result = getPayerInfoLabel(payer); + expect(result).toBe("123456789"); }); it("should return name and taxCode formatted correctly", () => { diff --git a/ts/features/payments/bizEventsTransaction/utils/index.ts b/ts/features/payments/bizEventsTransaction/utils/index.ts index efc065c5dcd..04a4995190b 100644 --- a/ts/features/payments/bizEventsTransaction/utils/index.ts +++ b/ts/features/payments/bizEventsTransaction/utils/index.ts @@ -65,10 +65,9 @@ export const getPayerInfoLabel = (payer: InfoNotice["payer"]): string => { } const name = payer.name ? payer.name.trim() : ""; - const taxCode = payer.taxCode ? `(${payer.taxCode.trim()})` : ""; + const taxCode = payer.taxCode ? payer.taxCode.trim() : ""; - const payerInfo = - name && taxCode ? `${name}\n${taxCode}` : `${name}${taxCode}`; + const payerInfo = name ? (taxCode ? `${name}\n(${taxCode})` : name) : taxCode; return payerInfo.trim(); }; From 2e4a696c4c81dadc6dea3fc2d263af488d7f638b Mon Sep 17 00:00:00 2001 From: Alessandro Date: Tue, 22 Oct 2024 14:30:29 +0200 Subject: [PATCH 08/19] feat: [IOBP-834] Add pull to refresh into transactions list screen (#6213) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit ## ⚠️ This PR depends on #6187 ⚠️ ## Short description This PR adds the refresh control with the pull-to-refresh feature inside the biz-events transaction list screen ## List of changes proposed in this pull request - Added the `refreshing` property and the `onRefresh` handler to the SectionList. - Added the `isRefreshing` state that changes when the user pull down to refresh the content. ## How to test - With the dev-server started, open the `Payments` home page; - Tap on the `Show all` CTA on the top right corner of the list; - You should be able to pull to refresh the content when inside that list; ## Preview https://github.com/user-attachments/assets/9ebbecc3-c507-466b-ad87-ec852d16a85e --------- Co-authored-by: Mario Perrotta --- ...PaymentsTransactionBizEventsListScreen.tsx | 19 ++++++++++++++++--- 1 file changed, 16 insertions(+), 3 deletions(-) diff --git a/ts/features/payments/bizEventsTransaction/screens/PaymentsTransactionBizEventsListScreen.tsx b/ts/features/payments/bizEventsTransaction/screens/PaymentsTransactionBizEventsListScreen.tsx index f79eb80ac52..41acb4548b8 100644 --- a/ts/features/payments/bizEventsTransaction/screens/PaymentsTransactionBizEventsListScreen.tsx +++ b/ts/features/payments/bizEventsTransaction/screens/PaymentsTransactionBizEventsListScreen.tsx @@ -53,6 +53,7 @@ const PaymentsTransactionBizEventsListScreen = () => { const scrollTranslationY = useSharedValue(0); const [titleHeight, setTitleHeight] = React.useState(0); + const [isRefreshing, setIsRefreshing] = React.useState(false); const [continuationToken, setContinuationToken] = React.useState< string | undefined >(); @@ -104,8 +105,19 @@ const PaymentsTransactionBizEventsListScreen = () => { setTitleHeight(height); }; - const handleOnSuccess = (continuationToken?: string) => { - setContinuationToken(continuationToken); + const handleOnSuccess = (paginationToken?: string) => { + setContinuationToken(paginationToken); + setIsRefreshing(false); + }; + + const handleOnRefreshTransactionsList = () => { + setIsRefreshing(true); + dispatch( + getPaymentsBizEventsTransactionsAction.request({ + firstLoad: true, + onSuccess: handleOnSuccess + }) + ); }; useOnFirstRender( @@ -192,7 +204,8 @@ const PaymentsTransactionBizEventsListScreen = () => { return ( Date: Tue, 22 Oct 2024 15:38:35 +0200 Subject: [PATCH 09/19] fix: [IOBP-901] Missing header in payment methods (#6318) ## Short description This pull request includes a change to the `PaymentsMethodDetailsScreen` component to enhance the `getCardHeaderTitle` function. The update adds specific handling for BPAY and PayPal payment methods. ## List of changes proposed in this pull request - Update `getCardHeaderTitle` function to handle missing edge cases ## How to test ### io-dev-server To test all card cases, update the `generateWalletData` function by adding this line: `generateUserWallet(3)` ### io-app - Tap in _Portafoglio_ - BPAY or PayPal card - Verify the correct card header title is displayed --------- Co-authored-by: Alessandro --- .../screens/PaymentsMethodDetailsScreen.tsx | 20 ++++++++++++------- 1 file changed, 13 insertions(+), 7 deletions(-) diff --git a/ts/features/payments/details/screens/PaymentsMethodDetailsScreen.tsx b/ts/features/payments/details/screens/PaymentsMethodDetailsScreen.tsx index 225b04bf453..04983ed903e 100644 --- a/ts/features/payments/details/screens/PaymentsMethodDetailsScreen.tsx +++ b/ts/features/payments/details/screens/PaymentsMethodDetailsScreen.tsx @@ -90,14 +90,20 @@ const PaymentsMethodDetailsScreen = () => { }; const getCardHeaderTitle = (details?: UIWalletInfoDetails) => { - if (details?.lastFourDigits !== undefined) { - const capitalizedCardCircuit = capitalize( - details.brand?.toLowerCase() ?? "" - ); - return `${capitalizedCardCircuit} ••${details.lastFourDigits}`; + switch (details?.type) { + case "BPAY": + return "BANCOMAT Pay"; + case "PAYPAL": + return "PayPal"; + default: + if (details?.lastFourDigits !== undefined) { + const capitalizedCardCircuit = capitalize( + details.brand?.toLowerCase() ?? "" + ); + return `${capitalizedCardCircuit} ••${details.lastFourDigits}`; + } + return ""; } - - return ""; }; export default PaymentsMethodDetailsScreen; From 5c6bf7c77196551a42763d28307a9c93410c2934 Mon Sep 17 00:00:00 2001 From: Emanuele Dall'Ara <71103219+LeleDallas@users.noreply.github.com> Date: Tue, 22 Oct 2024 16:07:06 +0200 Subject: [PATCH 10/19] feat: [IOBP-930] Remove payments redirect banner from wallet (#6316) ## Short description This pull request removes the banner that prompts users to go to the payments section when they want to pay a notice from the wallet screen. ## List of changes proposed in this pull request - Delete `WalletPaymentsRedirectBanner` component and its redux variable ## How to test - Navigate to the Portafoglio (Wallet) section. - Verify that the banner prompting for payment redirection no longer appears. --------- Co-authored-by: Alessandro --- ts/boot/configureStoreAndPersistor.ts | 4 +- .../WalletPaymentsRedirectBanner.tsx | 55 ------------------- .../newWallet/screens/WalletHomeScreen.tsx | 16 +++--- .../__tests__/WalletHomeScreen.test.tsx | 37 +------------ .../newWallet/store/actions/preferences.ts | 10 +--- .../newWallet/store/reducers/preferences.ts | 18 +----- .../newWallet/store/selectors/index.ts | 4 -- 7 files changed, 16 insertions(+), 128 deletions(-) delete mode 100644 ts/features/newWallet/components/WalletPaymentsRedirectBanner.tsx diff --git a/ts/boot/configureStoreAndPersistor.ts b/ts/boot/configureStoreAndPersistor.ts index e8df018d3e1..6f36402e35f 100644 --- a/ts/boot/configureStoreAndPersistor.ts +++ b/ts/boot/configureStoreAndPersistor.ts @@ -377,9 +377,7 @@ const migrations: MigrationManifest = { merge(state, { features: { wallet: { - preferences: { - shouldShowPaymentsRedirectBanner: true - } + preferences: {} } } }), diff --git a/ts/features/newWallet/components/WalletPaymentsRedirectBanner.tsx b/ts/features/newWallet/components/WalletPaymentsRedirectBanner.tsx deleted file mode 100644 index 97d434d0b8f..00000000000 --- a/ts/features/newWallet/components/WalletPaymentsRedirectBanner.tsx +++ /dev/null @@ -1,55 +0,0 @@ -import { Banner, VSpacer } from "@pagopa/io-app-design-system"; -import React from "react"; -import { View } from "react-native"; -import Animated, { Layout } from "react-native-reanimated"; -import I18n from "../../../i18n"; -import { useIONavigation } from "../../../navigation/params/AppParamsList"; -import ROUTES from "../../../navigation/routes"; -import { useIODispatch, useIOSelector } from "../../../store/hooks"; -import { walletSetPaymentsRedirectBannerVisible } from "../store/actions/preferences"; -import { isWalletPaymentsRedirectBannerVisibleSelector } from "../store/selectors"; - -const WalletPaymentsRedirectBanner = () => { - const dispatch = useIODispatch(); - const navigation = useIONavigation(); - const bannerRef = React.createRef(); - - const isVisible = useIOSelector( - isWalletPaymentsRedirectBannerVisibleSelector - ); - - const handleOnBannerPress = () => { - navigation.navigate(ROUTES.MAIN, { - screen: ROUTES.PAYMENTS_HOME - }); - }; - - const handleOnBannerClose = () => { - dispatch(walletSetPaymentsRedirectBannerVisible(false)); - }; - - if (!isVisible) { - return null; - } - - return ( - - - - - - ); -}; - -export { WalletPaymentsRedirectBanner }; diff --git a/ts/features/newWallet/screens/WalletHomeScreen.tsx b/ts/features/newWallet/screens/WalletHomeScreen.tsx index 4ef5e75d774..ce393e15546 100644 --- a/ts/features/newWallet/screens/WalletHomeScreen.tsx +++ b/ts/features/newWallet/screens/WalletHomeScreen.tsx @@ -2,6 +2,7 @@ import { IOStyles, IOToast } from "@pagopa/io-app-design-system"; import { useFocusEffect } from "@react-navigation/native"; import React from "react"; import { ScrollView } from "react-native"; +import { IOScrollView } from "../../../components/ui/IOScrollView"; import I18n from "../../../i18n"; import { IOStackNavigationRouteProps, @@ -9,22 +10,20 @@ import { } from "../../../navigation/params/AppParamsList"; import { MainTabParamsList } from "../../../navigation/params/MainTabParamsList"; import { useIODispatch, useIOSelector, useIOStore } from "../../../store/hooks"; +import { useOnFirstRender } from "../../../utils/hooks/useOnFirstRender"; import { cgnDetails } from "../../bonus/cgn/store/actions/details"; import { idPayWalletGet } from "../../idpay/wallet/store/actions"; +import { + trackAllCredentialProfileAndSuperProperties, + trackOpenWalletScreen, + trackWalletAdd +} from "../../itwallet/analytics"; import { ITW_ROUTES } from "../../itwallet/navigation/routes"; import { getPaymentsWalletUserMethods } from "../../payments/wallet/store/actions"; import { WalletCardsContainer } from "../components/WalletCardsContainer"; import { WalletCategoryFilterTabs } from "../components/WalletCategoryFilterTabs"; -import { WalletPaymentsRedirectBanner } from "../components/WalletPaymentsRedirectBanner"; import { walletToggleLoadingState } from "../store/actions/placeholders"; import { selectWalletCards } from "../store/selectors"; -import { - trackAllCredentialProfileAndSuperProperties, - trackOpenWalletScreen, - trackWalletAdd -} from "../../itwallet/analytics"; -import { useOnFirstRender } from "../../../utils/hooks/useOnFirstRender"; -import { IOScrollView } from "../../../components/ui/IOScrollView"; type Props = IOStackNavigationRouteProps; @@ -63,7 +62,6 @@ const WalletHomeScreen = ({ route }: Props) => { return ( - ); diff --git a/ts/features/newWallet/screens/__tests__/WalletHomeScreen.test.tsx b/ts/features/newWallet/screens/__tests__/WalletHomeScreen.test.tsx index 086f5b1b69e..9ff320e7054 100644 --- a/ts/features/newWallet/screens/__tests__/WalletHomeScreen.test.tsx +++ b/ts/features/newWallet/screens/__tests__/WalletHomeScreen.test.tsx @@ -59,24 +59,6 @@ describe("WalletHomeScreen", () => { expect(queryByTestId("walletAddCardButtonTestID")).toBeNull(); }); - it("should correctly render empty screen with redirect banner", () => { - const { - component: { queryByTestId } - } = renderComponent( - {}, - { - shouldShowPaymentsRedirectBanner: true - } - ); - - jest.runOnlyPendingTimers(); - - expect(queryByTestId("walletPaymentsRedirectBannerTestID")).not.toBeNull(); - expect(queryByTestId("walletEmptyScreenContentTestID")).not.toBeNull(); - expect(queryByTestId("walletCardsContainerTestID")).toBeNull(); - expect(queryByTestId("walletAddCardButtonTestID")).toBeNull(); - }); - it("should correctly render card list screen", () => { const { component: { queryByTestId } @@ -87,29 +69,16 @@ describe("WalletHomeScreen", () => { expect(queryByTestId("walletCardsContainerTestID")).not.toBeNull(); expect(queryByTestId("walletAddCardButtonTestID")).not.toBeNull(); }); - - it("should correctly render card list screen with redirect banner", () => { - const { - component: { queryByTestId } - } = renderComponent(T_CARDS, { shouldShowPaymentsRedirectBanner: true }); - - expect(queryByTestId("walletPaymentsRedirectBannerTestID")).not.toBeNull(); - expect(queryByTestId("walletEmptyScreenContentTestID")).toBeNull(); - expect(queryByTestId("walletCardsContainerTestID")).not.toBeNull(); - expect(queryByTestId("walletAddCardButtonTestID")).not.toBeNull(); - }); }); const renderComponent = ( cards: WalletCardsState, options: { - shouldShowPaymentsRedirectBanner?: boolean; isLoading?: boolean; } = {} ) => { const globalState = appReducer(undefined, applicationChangeState("active")); - const { shouldShowPaymentsRedirectBanner = false, isLoading = false } = - options; + const { isLoading = false } = options; const mockStore = configureMockStore(); const store: ReturnType = mockStore( @@ -117,9 +86,7 @@ const renderComponent = ( features: { wallet: { cards, - preferences: { - shouldShowPaymentsRedirectBanner - }, + preferences: {}, placeholders: { isLoading } diff --git a/ts/features/newWallet/store/actions/preferences.ts b/ts/features/newWallet/store/actions/preferences.ts index 4270be33359..fbfe75a1e6e 100644 --- a/ts/features/newWallet/store/actions/preferences.ts +++ b/ts/features/newWallet/store/actions/preferences.ts @@ -1,14 +1,10 @@ import { ActionType, createStandardAction } from "typesafe-actions"; import { WalletCardCategoryFilter } from "../../types"; -export const walletSetPaymentsRedirectBannerVisible = createStandardAction( - "WALLET_SET_PAYMENTS_REDIRECT_BANNER_VISIBLE" -)(); - export const walletSetCategoryFilter = createStandardAction( "WALLET_SET_CATEGORY_FILTER" )(); -export type WalletPreferencesActions = - | ActionType - | ActionType; +export type WalletPreferencesActions = ActionType< + typeof walletSetCategoryFilter +>; diff --git a/ts/features/newWallet/store/reducers/preferences.ts b/ts/features/newWallet/store/reducers/preferences.ts index 7aa34eedbc6..49cf5f2c708 100644 --- a/ts/features/newWallet/store/reducers/preferences.ts +++ b/ts/features/newWallet/store/reducers/preferences.ts @@ -2,31 +2,20 @@ import AsyncStorage from "@react-native-async-storage/async-storage"; import { PersistConfig, persistReducer } from "redux-persist"; import { getType } from "typesafe-actions"; import { Action } from "../../../../store/actions/types"; -import { - walletSetCategoryFilter, - walletSetPaymentsRedirectBannerVisible -} from "../actions/preferences"; +import { walletSetCategoryFilter } from "../actions/preferences"; import { WalletCardCategoryFilter } from "../../types"; export type WalletPreferencesState = { - shouldShowPaymentsRedirectBanner: boolean; categoryFilter?: WalletCardCategoryFilter; }; -const INITIAL_STATE: WalletPreferencesState = { - shouldShowPaymentsRedirectBanner: true -}; +const INITIAL_STATE: WalletPreferencesState = {}; const reducer = ( state: WalletPreferencesState = INITIAL_STATE, action: Action ): WalletPreferencesState => { switch (action.type) { - case getType(walletSetPaymentsRedirectBannerVisible): - return { - ...state, - shouldShowPaymentsRedirectBanner: action.payload - }; case getType(walletSetCategoryFilter): return { ...state, @@ -41,8 +30,7 @@ const CURRENT_REDUX_WALLET_PREFERENCES_STORE_VERSION = -1; const persistConfig: PersistConfig = { key: "walletPreferences", storage: AsyncStorage, - version: CURRENT_REDUX_WALLET_PREFERENCES_STORE_VERSION, - whitelist: ["shouldShowPaymentsRedirectBanner"] + version: CURRENT_REDUX_WALLET_PREFERENCES_STORE_VERSION }; export const walletReducerPersistor = persistReducer< diff --git a/ts/features/newWallet/store/selectors/index.ts b/ts/features/newWallet/store/selectors/index.ts index f9ad8312e49..017cc2cebbd 100644 --- a/ts/features/newWallet/store/selectors/index.ts +++ b/ts/features/newWallet/store/selectors/index.ts @@ -2,10 +2,6 @@ import { createSelector } from "reselect"; import { GlobalState } from "../../../../store/reducers/types"; import { WalletCard, walletCardCategories } from "../../types"; -export const isWalletPaymentsRedirectBannerVisibleSelector = ( - state: GlobalState -) => state.features.wallet.preferences.shouldShowPaymentsRedirectBanner; - const selectWalletFeature = (state: GlobalState) => state.features.wallet; export const selectWalletPlaceholders = createSelector( From ccea0f2e21a7cc3c3f1bb189e1ae825757d3a823 Mon Sep 17 00:00:00 2001 From: Emanuele Dall'Ara <71103219+LeleDallas@users.noreply.github.com> Date: Wed, 23 Oct 2024 09:28:22 +0200 Subject: [PATCH 11/19] fix: [PE-725] CGN merchant categories list details transition header (#6313) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit ## Short description This pull request includes several changes to the `CgnMerchantCategoriesListScreen.tsx` and `categories.ts` files to improve the handling of the first render state and loading indicators. ## List of changes proposed in this pull request - Update CGN categories store loading state to `noneLoading` - Ensure the `RefreshControl` component does not appear on the first render. ## How to test - Enter into CGN detail screen - Press on _Scopri le opportunità_ - Check the list transition --------- Co-authored-by: Alessandro --- .../merchants/CgnMerchantListSkeleton.tsx | 17 +++++-- .../CgnMerchantCategoriesListScreen.tsx | 47 ++++++++++++------- 2 files changed, 42 insertions(+), 22 deletions(-) diff --git a/ts/features/bonus/cgn/components/merchants/CgnMerchantListSkeleton.tsx b/ts/features/bonus/cgn/components/merchants/CgnMerchantListSkeleton.tsx index 7aca6a265bd..46018ff09bb 100644 --- a/ts/features/bonus/cgn/components/merchants/CgnMerchantListSkeleton.tsx +++ b/ts/features/bonus/cgn/components/merchants/CgnMerchantListSkeleton.tsx @@ -3,14 +3,22 @@ import { Divider, IOVisualCostants } from "@pagopa/io-app-design-system"; import { View } from "react-native"; import Placeholder from "rn-placeholder"; -export function CgnMerchantListSkeleton() { +type Props = { + hasIcons?: boolean; +}; + +export function CgnMerchantListSkeleton(props: Props) { + const { hasIcons = false } = props; + return ( - + {new Array(6).fill(null).map((_, index) => ( - + diff --git a/ts/features/bonus/cgn/screens/merchants/CgnMerchantCategoriesListScreen.tsx b/ts/features/bonus/cgn/screens/merchants/CgnMerchantCategoriesListScreen.tsx index 18ee7fb50b5..f3719576561 100644 --- a/ts/features/bonus/cgn/screens/merchants/CgnMerchantCategoriesListScreen.tsx +++ b/ts/features/bonus/cgn/screens/merchants/CgnMerchantCategoriesListScreen.tsx @@ -1,4 +1,3 @@ -import * as pot from "@pagopa/ts-commons/lib/pot"; import { Badge, Body, @@ -9,30 +8,31 @@ import { ListItemAction, ListItemNav } from "@pagopa/io-app-design-system"; -import * as React from "react"; -import { FlatList, RefreshControl, View } from "react-native"; +import * as pot from "@pagopa/ts-commons/lib/pot"; +import { useNavigation } from "@react-navigation/native"; import { pipe } from "fp-ts/lib/function"; import * as O from "fp-ts/lib/Option"; -import { useNavigation } from "@react-navigation/native"; +import * as React from "react"; +import { FlatList, RefreshControl, View } from "react-native"; import { useSafeAreaInsets } from "react-native-safe-area-context"; import { ProductCategoryWithNewDiscountsCount } from "../../../../../../definitions/cgn/merchants/ProductCategoryWithNewDiscountsCount"; -import { getCategorySpecs } from "../../utils/filters"; import I18n from "../../../../../i18n"; import { IOStackNavigationProp } from "../../../../../navigation/params/AppParamsList"; -import { CgnDetailsParamsList } from "../../navigation/params"; import { useIODispatch, useIOSelector } from "../../../../../store/hooks"; -import { cgnCategoriesListSelector } from "../../store/reducers/categories"; -import { cgnCategories } from "../../store/actions/categories"; -import CGN_ROUTES from "../../navigation/routes"; -import { useIOBottomSheetAutoresizableModal } from "../../../../../utils/hooks/bottomSheet"; import { isDesignSystemEnabledSelector } from "../../../../../store/reducers/persistedPreferences"; +import { useIOBottomSheetAutoresizableModal } from "../../../../../utils/hooks/bottomSheet"; +import { CgnDetailsParamsList } from "../../navigation/params"; +import CGN_ROUTES from "../../navigation/routes"; +import { cgnCategories } from "../../store/actions/categories"; +import { cgnCategoriesListSelector } from "../../store/reducers/categories"; +import { getCategorySpecs } from "../../utils/filters"; +import { CgnMerchantListSkeleton } from "../../components/merchants/CgnMerchantListSkeleton"; export const CgnMerchantCategoriesListScreen = () => { const insets = useSafeAreaInsets(); - const isFirstRender = React.useRef(true); const dispatch = useIODispatch(); + const [isPullRefresh, setIsPullRefresh] = React.useState(false); const potCategories = useIOSelector(cgnCategoriesListSelector); - const isDesignSystemEnabled = useIOSelector(isDesignSystemEnabledSelector); const navigation = @@ -55,6 +55,12 @@ export const CgnMerchantCategoriesListScreen = () => { const loadCategories = () => { dispatch(cgnCategories.request()); }; + + const onPullRefresh = () => { + setIsPullRefresh(true); + dispatch(cgnCategories.request()); + }; + React.useEffect(loadCategories, [dispatch]); const isError = React.useMemo( @@ -63,13 +69,17 @@ export const CgnMerchantCategoriesListScreen = () => { ); React.useEffect(() => { - if (!isFirstRender.current && isError) { + if (isError) { IOToast.error(I18n.t("global.genericError")); } - // eslint-disable-next-line functional/immutable-data - isFirstRender.current = false; }, [isError]); + React.useEffect(() => { + if (pot.isSome(potCategories) && !pot.isLoading(potCategories)) { + setIsPullRefresh(false); + } + }, [potCategories]); + const renderCategoryElement = ( category: ProductCategoryWithNewDiscountsCount, i: number @@ -120,7 +130,8 @@ export const CgnMerchantCategoriesListScreen = () => { <> {bottomSheet} } + data={pot.isNone(potCategories) ? [] : categoriesToArray} style={[ IOStyles.horizontalContentPadding, IOStyles.flex, @@ -130,8 +141,8 @@ export const CgnMerchantCategoriesListScreen = () => { renderItem={({ item, index }) => renderCategoryElement(item, index)} refreshControl={ } ItemSeparatorComponent={() => } From 43dfca236a5b4c0176ab243927affe6a6aa02767 Mon Sep 17 00:00:00 2001 From: LazyAfternoons Date: Wed, 23 Oct 2024 12:26:04 +0200 Subject: [PATCH 12/19] refactor: bottom sheet --- package.json | 4 ++-- .../design-system/core/DSBottomSheet.tsx | 1 - ts/utils/hooks/bottomSheet.tsx | 22 +++++++++++-------- yarn.lock | 8 +++---- 4 files changed, 19 insertions(+), 16 deletions(-) diff --git a/package.json b/package.json index 1f855ba325c..d4679c6639f 100644 --- a/package.json +++ b/package.json @@ -89,7 +89,7 @@ "generate:pagopa-walletv3-api": "rimraf definitions/pagopa/walletv3 && mkdir -p definitions/pagopa/walletv3 && gen-api-models --api-spec $npm_package_pagopa_api_walletv3 --out-dir ./definitions/pagopa/walletv3 --no-strict --response-decoders --request-types --client", "generate:pagopa-ecommerce-api": "rimraf definitions/pagopa/ecommerce && mkdir -p definitions/pagopa/ecommerce && gen-api-models --api-spec $npm_package_pagopa_api_ecommerce --out-dir ./definitions/pagopa/ecommerce --no-strict --response-decoders --request-types --client", "generate:pagopa-biz-events-api": "rimraf definitions/pagopa/biz-events && mkdir -p definitions/pagopa/biz-events && gen-api-models --api-spec $npm_package_pagopa_api_biz_events --out-dir ./definitions/pagopa/biz-events --no-strict --response-decoders --request-types --client", - "generate:pagopa-platform-api": "rimraf definitions/pagopa/platform && mkdir -p definitions/pagopa/platform && gen-api-models --api-spec $npm_package_pagopa_api_platform --out-dir ./definitions/pagopa/platform --no-strict --response-decoders --request-types --client", + "generate:pagopa-platform-api": "rimraf definitions/pagopa/platform && mkdir -p definitions/pagopa/platform && gen-api-models --api-spec $npm_package_pagopa_api_platform --out-dir ./definitions/pagopa/platform --no-strict --response-decoders --request-types --client", "generate:fims": "rimraf definitions/fims && mkdir -p definitions/fims && gen-api-models --api-spec $npm_package_fims_swagger --out-dir ./definitions/fims --no-strict --response-decoders --request-types --client", "generate:payments": "npm-run-all generate:pagopa-walletv3-api generate:pagopa-ecommerce-api generate:pagopa-biz-events-api generate:pagopa-platform-api", "generate": "npm-run-all generate:*", @@ -107,7 +107,7 @@ }, "dependencies": { "@babel/plugin-transform-regenerator": "^7.18.6", - "@gorhom/bottom-sheet": "^5.0.2", + "@gorhom/bottom-sheet": "^5.0.4", "@pagopa/io-app-design-system": "2.0.2", "@pagopa/io-pagopa-commons": "^3.1.0", "@pagopa/io-react-native-cieid": "^0.3.5", diff --git a/ts/features/design-system/core/DSBottomSheet.tsx b/ts/features/design-system/core/DSBottomSheet.tsx index e3174963be2..554089f125c 100644 --- a/ts/features/design-system/core/DSBottomSheet.tsx +++ b/ts/features/design-system/core/DSBottomSheet.tsx @@ -42,7 +42,6 @@ export const DSBottomSheet = () => { label={"Dismiss bottom sheet"} onPress={handlePressDismiss} /> - ); diff --git a/ts/utils/hooks/bottomSheet.tsx b/ts/utils/hooks/bottomSheet.tsx index 506dd1767e4..b56b1d4fde1 100644 --- a/ts/utils/hooks/bottomSheet.tsx +++ b/ts/utils/hooks/bottomSheet.tsx @@ -1,11 +1,12 @@ import { BottomSheetBackdrop, BottomSheetBackdropProps, + BottomSheetFooter, + BottomSheetFooterProps, BottomSheetModal, BottomSheetScrollView, useBottomSheetModal } from "@gorhom/bottom-sheet"; -import { BottomSheetFooterProps } from "@gorhom/bottom-sheet/lib/typescript/components/bottomSheetFooter"; import { IOBottomSheetHeaderRadius, IOSpacingScale, @@ -56,7 +57,6 @@ const BottomSheetContent: React.FunctionComponent = ({ }: Props) => ( screenReaderChangedSubscription.remove(); }, []); - const footerComponent = footer ? ( - {footer} - ) : null; - const bottomSheet = ( footerComponent} - enableDynamicSizing={false} + footerComponent={(props: BottomSheetFooterProps) => + footer ? ( + + {footer} + + ) : null + } + enableDynamicSizing={snapPoint ? false : true} snapPoints={[...snapPoint]} ref={bottomSheetModalRef} handleComponent={_ => bottomSheetProps.config.handleComponent} @@ -207,7 +209,9 @@ export const useIOBottomSheetModal = ({ {bottomSheetProps.config.handleComponent} {bottomSheetProps.content} - {footerComponent} + {footer && ( + {footer} + )} ) : ( bottomSheetProps.content diff --git a/yarn.lock b/yarn.lock index c4db9458048..10c4c6403c6 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1371,10 +1371,10 @@ "@expo/config" "3.3.22" metro-react-native-babel-transformer "^0.58.0" -"@gorhom/bottom-sheet@^5.0.2": - version "5.0.2" - resolved "https://registry.yarnpkg.com/@gorhom/bottom-sheet/-/bottom-sheet-5.0.2.tgz#28675943f24fa9787ba58bcf592028af171cdb41" - integrity sha512-bctrT0PDeVUdUG4xm/d9A7ikHFgQ9wchhU0oIE1vIBncFri501GTs/8Bf16ryyKHo3Q0220Dnj5CKm3Ed6ejEg== +"@gorhom/bottom-sheet@^5.0.4": + version "5.0.4" + resolved "https://registry.yarnpkg.com/@gorhom/bottom-sheet/-/bottom-sheet-5.0.4.tgz#dd7e82c01eccd4cba6c09bd7700d857dd95b47c5" + integrity sha512-DTKFE+KwcS4Du5hbzTzh3r9hdfEfYmChcRi6hSeiDPGiCMq8GQ7VD5VE1WaFRrEbcc0+Seu1ZEjsf+JMcFM4vg== dependencies: "@gorhom/portal" "1.0.14" invariant "^2.2.4" From 6c8e555d868d4fbc99fb64532c492a5a24b026da Mon Sep 17 00:00:00 2001 From: Cristiano Tofani Date: Wed, 23 Oct 2024 16:51:00 +0200 Subject: [PATCH 13/19] removes autoresizable modal and refactoring --- .../usePinValidationBottomSheet.tsx | 4 +- ts/components/wallet/WalletHomeHeader.tsx | 6 +- .../PickNotAvailablePaymentMethodListItem.tsx | 13 +- .../barcode/hooks/useIOBarcodeFileReader.tsx | 4 +- .../barcode/screens/BarcodeScanScreen.tsx | 4 +- .../detail/eyca/EycaInformationComponent.tsx | 4 +- .../CgnMerchantCategoriesListScreen.tsx | 5 +- .../__snapshots__/wizards.test.tsx.snap | 9 +- .../design-system/core/DSBottomSheet.tsx | 51 +- .../components/IdPayInfoCieBottomSheet.tsx | 4 +- .../IbanConfigurationLandingScreen.tsx | 51 +- .../screens/InstrumentsEnrollmentScreen.tsx | 96 +- .../components/InitiativeRulesInfoBox.tsx | 43 +- .../useIdPayDiscountDetailsBottomSheet.tsx | 4 +- .../screens/PDNDPrerequisitesScreen.tsx | 62 +- .../components/TimelineDetailsBottomSheet.tsx | 15 +- .../UnsubscriptionConfirmationScreen.tsx | 77 +- .../common/components/ItwCredentialClaim.tsx | 4 +- .../common/hooks/useItwInfoBottomSheet.tsx | 4 +- .../screens/cie/ItwCiePinScreen.tsx | 4 +- ...wCredentialPreviewClaimsList.test.tsx.snap | 496 +- .../components/ItwCredentialTrustmark.tsx | 4 +- ...ItwPresentationClaimsSection.test.tsx.snap | 778 +- .../__snapshots__/Preconditions.test.tsx.snap | 16 +- .../SecuritySuggestions.test.tsx.snap | 852 +- .../MessageDetail/ContactsListItem.tsx | 71 +- .../MessageDetail/RemoteContentBanner.tsx | 25 +- .../MessageDetail/ShowMoreListItem.tsx | 75 +- .../__tests__/MessageDetailsFooter.test.tsx | 2 +- .../RemoteContentBanner.test.tsx.snap | 220 +- .../ShowMoreListItem.test.tsx.snap | 6435 +- .../components/WalletCardsContainer.tsx | 17 +- .../hooks/usePaymentFailureSupportModal.tsx | 4 +- .../usePaymentReversedInfoBottomSheet.tsx | 4 +- .../checkout/hooks/useSortPspBottomSheet.tsx | 4 +- .../screens/WalletPaymentDetailScreen.tsx | 4 +- .../PaymentsMethodPspDetailsBottomSheet.tsx | 4 +- ...PaymentsOnboardingAuthErrorBottomSheet.tsx | 4 +- .../PaymentsLegacyAttachmentBottomSheet.tsx | 4 +- .../pn/components/F24ListBottomSheetLink.tsx | 47 +- .../F24ListBottomSheetLink.test.tsx.snap | 4000 +- .../__snapshots__/F24Section.test.tsx.snap | 729 +- .../MessageBottomMenu.test.tsx.snap | 135088 ++++++++------- .../MessageDetails.test.tsx.snap | 1056 +- .../MessagePaymentBottomSheet.test.tsx.snap | 35 +- .../TimelineListItem.test.tsx.snap | 70 +- .../MessageDetailsScreen.test.tsx.snap | 1056 +- ...ProfileNotificationsSettings.test.tsx.snap | 1152 +- ...tificationsPreferencesScreen.test.tsx.snap | 45 +- .../home/hooks/useServicesHomeBottomSheet.tsx | 4 +- .../features/PagoPaPaymentCapability.tsx | 35 +- .../paypal/components/PspRadioItem.tsx | 62 +- .../screen/PayPalPspSelectionScreen.tsx | 4 +- .../PayPalPpsSelectionScreen.test.tsx | 2 +- .../__snapshots__/PspRadioItem.test.tsx.snap | 651 +- ts/hooks/useSecuritySuggestionBottomSheet.tsx | 7 +- .../authentication/UnlockAccessComponent.tsx | 14 +- .../__tests__/UnlockAccessComponent.test.tsx | 4 +- .../authentication/cie/CiePinScreen.tsx | 4 +- ts/screens/modal/RootedDeviceModal.tsx | 4 +- ...tificationsPreferencesScreen.test.tsx.snap | 162 +- .../ShareDataFeatureInfos.tsx | 4 +- .../__test__/ShareDataComponent.test.tsx | 2 +- .../services/ManualConfigBottomSheet.tsx | 66 +- .../playgrounds/IOMarkdownPlayground.tsx | 4 +- .../hooks/usePaymentAmountInfoBottomSheet.tsx | 53 +- ts/utils/hooks/bottomSheet.tsx | 180 +- 67 files changed, 78287 insertions(+), 75736 deletions(-) diff --git a/ts/components/screens/PinCreation/usePinValidationBottomSheet.tsx b/ts/components/screens/PinCreation/usePinValidationBottomSheet.tsx index 3d4c9f76905..bab4252a2f2 100644 --- a/ts/components/screens/PinCreation/usePinValidationBottomSheet.tsx +++ b/ts/components/screens/PinCreation/usePinValidationBottomSheet.tsx @@ -4,7 +4,7 @@ import { View } from "react-native"; import { useSafeAreaInsets } from "react-native-safe-area-context"; import I18n from "../../../i18n"; import { BulletList } from "../../BulletList"; -import { useIOBottomSheetAutoresizableModal } from "../../../utils/hooks/bottomSheet"; +import { useIOBottomSheetModal } from "../../../utils/hooks/bottomSheet"; const BottomSheetContent = memo(() => { const { bottom } = useSafeAreaInsets(); @@ -33,7 +33,7 @@ const BottomSheetContent = memo(() => { }); export default () => - useIOBottomSheetAutoresizableModal({ + useIOBottomSheetModal({ title: I18n.t("onboarding.pin.policy.title"), component: }); diff --git a/ts/components/wallet/WalletHomeHeader.tsx b/ts/components/wallet/WalletHomeHeader.tsx index d5d71b8ca8d..2a3ddd1e050 100644 --- a/ts/components/wallet/WalletHomeHeader.tsx +++ b/ts/components/wallet/WalletHomeHeader.tsx @@ -13,8 +13,8 @@ import I18n from "../../i18n"; import NavigationService from "../../navigation/NavigationService"; import { navigateToWalletAddPaymentMethod } from "../../store/actions/navigation"; import { - IOBottomSheetModal, - useIOBottomSheetAutoresizableModal + useIOBottomSheetModal, + IOBottomSheetModal } from "../../utils/hooks/bottomSheet"; import TouchableDefaultOpacity from "../TouchableDefaultOpacity"; import { H1 } from "../core/typography/H1"; @@ -47,7 +47,7 @@ export const useWalletHomeHeaderBottomSheet = (): IOBottomSheetModal => { } ]; - const { present, bottomSheet, dismiss } = useIOBottomSheetAutoresizableModal({ + const { present, bottomSheet, dismiss } = useIOBottomSheetModal({ title: I18n.t("global.buttons.add"), component: ( = ( const { logo, title, description, bottomSheetTitle, bottomSheetBody } = extractInfoFromPaymentMethod(props.paymentMethod, props.nameSurname ?? ""); - const { present, bottomSheet } = useIOBottomSheetAutoresizableModal( - { - component: bottomSheetBody, - title: bottomSheetTitle - }, - 32 - ); + const { present, bottomSheet } = useIOBottomSheetModal({ + component: bottomSheetBody, + title: bottomSheetTitle + }); return ( <> diff --git a/ts/features/barcode/hooks/useIOBarcodeFileReader.tsx b/ts/features/barcode/hooks/useIOBarcodeFileReader.tsx index 16fb3bc796c..54972e02507 100644 --- a/ts/features/barcode/hooks/useIOBarcodeFileReader.tsx +++ b/ts/features/barcode/hooks/useIOBarcodeFileReader.tsx @@ -21,7 +21,7 @@ import { IOStackNavigationProp } from "../../../navigation/params/AppParamsList"; import ROUTES from "../../../navigation/routes"; -import { useIOBottomSheetAutoresizableModal } from "../../../utils/hooks/bottomSheet"; +import { useIOBottomSheetModal } from "../../../utils/hooks/bottomSheet"; import { requestMediaPermission } from "../../../utils/permission"; import { BarcodeAnalyticsFlow, @@ -273,7 +273,7 @@ const useIOBarcodeFileReader = ({ ); - const filePickerModal = useIOBottomSheetAutoresizableModal({ + const filePickerModal = useIOBottomSheetModal({ component: filePickerModalComponent, title: "", onDismiss: () => setFilePickerVisible(false) diff --git a/ts/features/barcode/screens/BarcodeScanScreen.tsx b/ts/features/barcode/screens/BarcodeScanScreen.tsx index b0c083f61f5..34183723ce1 100644 --- a/ts/features/barcode/screens/BarcodeScanScreen.tsx +++ b/ts/features/barcode/screens/BarcodeScanScreen.tsx @@ -24,7 +24,7 @@ import { isIdPayEnabledSelector } from "../../../store/reducers/backendStatus"; import { emptyContextualHelp } from "../../../utils/emptyContextualHelp"; -import { useIOBottomSheetAutoresizableModal } from "../../../utils/hooks/bottomSheet"; +import { useIOBottomSheetModal } from "../../../utils/hooks/bottomSheet"; import { IdPayPaymentRoutes } from "../../idpay/payment/navigation/routes"; import { PaymentsCheckoutRoutes } from "../../payments/checkout/navigation/routes"; import * as analytics from "../analytics"; @@ -210,7 +210,7 @@ const BarcodeScanScreen = () => { ); - const manualInputModal = useIOBottomSheetAutoresizableModal({ + const manualInputModal = useIOBottomSheetModal({ component: manualInputModalComponent, title: "" }); diff --git a/ts/features/bonus/cgn/components/detail/eyca/EycaInformationComponent.tsx b/ts/features/bonus/cgn/components/detail/eyca/EycaInformationComponent.tsx index ab0dac14cff..b221a425b44 100644 --- a/ts/features/bonus/cgn/components/detail/eyca/EycaInformationComponent.tsx +++ b/ts/features/bonus/cgn/components/detail/eyca/EycaInformationComponent.tsx @@ -2,7 +2,7 @@ import * as React from "react"; import { ButtonOutline, VSpacer, IOToast } from "@pagopa/io-app-design-system"; import LegacyMarkdown from "../../../../../../components/ui/Markdown/LegacyMarkdown"; import I18n from "../../../../../../i18n"; -import { useIOBottomSheetAutoresizableModal } from "../../../../../../utils/hooks/bottomSheet"; +import { useIOBottomSheetModal } from "../../../../../../utils/hooks/bottomSheet"; import { openWebUrl } from "../../../../../../utils/url"; import { EYCA_WEBSITE_BASE_URL } from "../../../utils/constants"; @@ -39,7 +39,7 @@ const EycaInformationComponent: React.FunctionComponent = () => { }; export const useEycaInformationBottomSheet = () => - useIOBottomSheetAutoresizableModal({ + useIOBottomSheetModal({ component: , title: I18n.t("bonus.cgn.detail.status.eycaBottomSheetTitle") }); diff --git a/ts/features/bonus/cgn/screens/merchants/CgnMerchantCategoriesListScreen.tsx b/ts/features/bonus/cgn/screens/merchants/CgnMerchantCategoriesListScreen.tsx index f3719576561..1e6bef58379 100644 --- a/ts/features/bonus/cgn/screens/merchants/CgnMerchantCategoriesListScreen.tsx +++ b/ts/features/bonus/cgn/screens/merchants/CgnMerchantCategoriesListScreen.tsx @@ -20,7 +20,7 @@ import I18n from "../../../../../i18n"; import { IOStackNavigationProp } from "../../../../../navigation/params/AppParamsList"; import { useIODispatch, useIOSelector } from "../../../../../store/hooks"; import { isDesignSystemEnabledSelector } from "../../../../../store/reducers/persistedPreferences"; -import { useIOBottomSheetAutoresizableModal } from "../../../../../utils/hooks/bottomSheet"; +import { useIOBottomSheetModal } from "../../../../../utils/hooks/bottomSheet"; import { CgnDetailsParamsList } from "../../navigation/params"; import CGN_ROUTES from "../../navigation/routes"; import { cgnCategories } from "../../store/actions/categories"; @@ -40,8 +40,7 @@ export const CgnMerchantCategoriesListScreen = () => { IOStackNavigationProp >(); - const { present, bottomSheet } = useIOBottomSheetAutoresizableModal({ - fullScreen: true, + const { present, bottomSheet } = useIOBottomSheetModal({ title: I18n.t("bonus.cgn.merchantsList.categoriesList.bottomSheet.title"), component: ( diff --git a/ts/features/cie/__tests__/__snapshots__/wizards.test.tsx.snap b/ts/features/cie/__tests__/__snapshots__/wizards.test.tsx.snap index cfa9ca0f0ec..39d0db2c5db 100644 --- a/ts/features/cie/__tests__/__snapshots__/wizards.test.tsx.snap +++ b/ts/features/cie/__tests__/__snapshots__/wizards.test.tsx.snap @@ -725,6 +725,7 @@ exports[`CiePinWizard Should match the snapshot 1`] = ` handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={NaN} onDismiss={[Function]} snapPoints={ [ @@ -744,7 +745,6 @@ exports[`CiePinWizard Should match the snapshot 1`] = ` Forgotten your PIN? + diff --git a/ts/features/design-system/core/DSBottomSheet.tsx b/ts/features/design-system/core/DSBottomSheet.tsx index 554089f125c..46db345a11e 100644 --- a/ts/features/design-system/core/DSBottomSheet.tsx +++ b/ts/features/design-system/core/DSBottomSheet.tsx @@ -12,7 +12,6 @@ import * as React from "react"; import { SafeAreaView, View } from "react-native"; import { Body } from "../../../components/core/typography/Body"; import { - useIOBottomSheetAutoresizableModal, useIOBottomSheetModal, useLegacyIOBottomSheetModal } from "../../../utils/hooks/bottomSheet"; @@ -93,7 +92,7 @@ export const DSBottomSheet = () => { present: presentAutoresizableBottomSheet, bottomSheet: autoResizableBottomSheet, dismiss: dismissAutoresizableBottomSheet - } = useIOBottomSheetAutoresizableModal({ + } = useIOBottomSheetModal({ title: "Autoresizable Bottom Sheet", component: }); @@ -103,14 +102,11 @@ export const DSBottomSheet = () => { present: presentAutoresizableBottomSheetWithFooter, bottomSheet: autoResizableBottomSheetWithFooter, dismiss: dismissAutoresizableBottomSheetWithFooter - } = useIOBottomSheetAutoresizableModal( - { - title: "Autoresizable Bottom Sheet", - component: , - footer: defaultFooter - }, - 150 - ); + } = useIOBottomSheetModal({ + title: "Autoresizable Bottom Sheet", + component: , + footer: defaultFooter + }); // Static bottom sheet hook const { @@ -140,32 +136,25 @@ export const DSBottomSheet = () => { present: presentVeryLongAutoresizableBottomSheetWithFooter, bottomSheet: veryLongAutoResizableBottomSheetWithFooter, dismiss: dismissVeryLongAutoresizableBottomSheetWithFooter - } = useIOBottomSheetAutoresizableModal( - { - title: "Autoresizable Bottom Sheet", - component: , - footer: defaultFooter - }, - 80 - ); + } = useIOBottomSheetModal({ + title: "Autoresizable Bottom Sheet", + component: , + footer: defaultFooter + }); const { present: presentVeryLongAutoresizableBottomSheetWithFooterFullScreen, bottomSheet: veryLongAutoResizableBottomSheetWithFooterFullScreen, dismiss: dismissVeryLongAutoresizableBottomSheetWithFooterFullScreen - } = useIOBottomSheetAutoresizableModal( - { - title: "Autoresizable Bottom Sheet, Full Screen", - component: ( - - - - ), - footer: defaultFooter, - fullScreen: true - }, - 80 - ); + } = useIOBottomSheetModal({ + title: "Autoresizable Bottom Sheet, Full Screen", + component: ( + + + + ), + footer: defaultFooter + }); const { present: presentLegacyBottomSheet, diff --git a/ts/features/idpay/code/components/IdPayInfoCieBottomSheet.tsx b/ts/features/idpay/code/components/IdPayInfoCieBottomSheet.tsx index 909dde09003..7906538b1d7 100644 --- a/ts/features/idpay/code/components/IdPayInfoCieBottomSheet.tsx +++ b/ts/features/idpay/code/components/IdPayInfoCieBottomSheet.tsx @@ -3,7 +3,7 @@ import { View } from "react-native"; import { FeatureInfo, H4, VSpacer } from "@pagopa/io-app-design-system"; import { IOBottomSheetModal, - useIOBottomSheetAutoresizableModal + useIOBottomSheetModal } from "../../../../utils/hooks/bottomSheet"; import I18n from "../../../../i18n"; import useContentWithFF from "../../../../screens/profile/useContentWithFF"; @@ -34,7 +34,7 @@ const useIdPayInfoCieBottomSheet = (): IOBottomSheetModal => { ); - const modal = useIOBottomSheetAutoresizableModal({ + const modal = useIOBottomSheetModal({ component: getModalContent(), title:

{I18n.t("idpay.initiative.cie.bottomSheet.title")}

}); diff --git a/ts/features/idpay/configuration/screens/IbanConfigurationLandingScreen.tsx b/ts/features/idpay/configuration/screens/IbanConfigurationLandingScreen.tsx index 3507eb1338a..8bb3fbf358f 100644 --- a/ts/features/idpay/configuration/screens/IbanConfigurationLandingScreen.tsx +++ b/ts/features/idpay/configuration/screens/IbanConfigurationLandingScreen.tsx @@ -15,7 +15,7 @@ import I18n from "../../../../i18n"; import { useIOSelector } from "../../../../store/hooks"; import { isSettingsVisibleAndHideProfileSelector } from "../../../../store/reducers/backendStatus"; import { emptyContextualHelp } from "../../../../utils/emptyContextualHelp"; -import { useIOBottomSheetAutoresizableModal } from "../../../../utils/hooks/bottomSheet"; +import { useIOBottomSheetModal } from "../../../../utils/hooks/bottomSheet"; import { IdPayConfigurationMachineContext } from "../machine/provider"; export const IbanConfigurationLanding = () => { @@ -27,32 +27,29 @@ export const IbanConfigurationLanding = () => { const customGoBack = () => machine.send({ type: "back" }); - const { bottomSheet, dismiss, present } = useIOBottomSheetAutoresizableModal( - { - title: I18n.t("idpay.configuration.iban.landing.modal.title"), - component: ( - - {isSettingsVisibleAndHideProfile - ? I18n.t("idpay.configuration.iban.landing.modal.content") - : I18n.t("idpay.configuration.iban.landing.modal.legacyContent")} - - ), - footer: ( - - dismiss()} - fullWidth={true} - /> - - - ) - }, - 130 - ); + const { bottomSheet, dismiss, present } = useIOBottomSheetModal({ + title: I18n.t("idpay.configuration.iban.landing.modal.title"), + component: ( + + {isSettingsVisibleAndHideProfile + ? I18n.t("idpay.configuration.iban.landing.modal.content") + : I18n.t("idpay.configuration.iban.landing.modal.legacyContent")} + + ), + footer: ( + + dismiss()} + fullWidth={true} + /> + + + ) + }); return ( { } }; - const enrollmentBottomSheetModal = useIOBottomSheetAutoresizableModal( - { - component: ( - - {I18n.t("idpay.configuration.instruments.enrollmentSheet.bodyFirst")} - - {I18n.t( - "idpay.configuration.instruments.enrollmentSheet.bodyBold" - ) + "\n"} - - {I18n.t("idpay.configuration.instruments.enrollmentSheet.bodyLast")} + const enrollmentBottomSheetModal = useIOBottomSheetModal({ + component: ( + + {I18n.t("idpay.configuration.instruments.enrollmentSheet.bodyFirst")} + + {I18n.t("idpay.configuration.instruments.enrollmentSheet.bodyBold") + + "\n"} - ), - title: I18n.t("idpay.configuration.instruments.enrollmentSheet.header"), - footer: ( - { - enrollmentBottomSheetModal.dismiss(); - } + {I18n.t("idpay.configuration.instruments.enrollmentSheet.bodyLast")} + + ), + title: I18n.t("idpay.configuration.instruments.enrollmentSheet.header"), + footer: ( + { + enrollmentBottomSheetModal.dismiss(); } - }} - /> - ), - onDismiss: () => { - setStagedWalletId(undefined); - } - }, - 175 - ); + } + }} + /> + ), + onDismiss: () => { + setStagedWalletId(undefined); + } + }); React.useEffect(() => { if (stagedWalletId) { diff --git a/ts/features/idpay/details/components/InitiativeRulesInfoBox.tsx b/ts/features/idpay/details/components/InitiativeRulesInfoBox.tsx index fb4c2142526..440586bee57 100644 --- a/ts/features/idpay/details/components/InitiativeRulesInfoBox.tsx +++ b/ts/features/idpay/details/components/InitiativeRulesInfoBox.tsx @@ -15,7 +15,7 @@ import { Link } from "../../../../components/core/typography/Link"; import { IOStyles } from "../../../../components/core/variables/IOStyles"; import LegacyMarkdown from "../../../../components/ui/Markdown/LegacyMarkdown"; import I18n from "../../../../i18n"; -import { useIOBottomSheetAutoresizableModal } from "../../../../utils/hooks/bottomSheet"; +import { useIOBottomSheetModal } from "../../../../utils/hooks/bottomSheet"; type Props = { content: string; @@ -24,29 +24,24 @@ type Props = { const InitiativeRulesInfoBox = (props: Props) => { const { content } = props; - const { bottomSheet, present, dismiss } = useIOBottomSheetAutoresizableModal( - { - component: {content}, - title: I18n.t("idpay.initiative.beneficiaryDetails.infoModal.title"), - footer: ( - - - dismiss()} - accessibilityLabel={I18n.t( - "idpay.initiative.beneficiaryDetails.infoModal.button" - )} - fullWidth={true} - /> - - - ) - }, - 170 - ); + const { bottomSheet, present, dismiss } = useIOBottomSheetModal({ + component: {content}, + title: I18n.t("idpay.initiative.beneficiaryDetails.infoModal.title"), + footer: ( + + + dismiss()} + accessibilityLabel={I18n.t( + "idpay.initiative.beneficiaryDetails.infoModal.button" + )} + fullWidth={true} + /> + + + ) + }); return ( <> diff --git a/ts/features/idpay/details/hooks/useIdPayDiscountDetailsBottomSheet.tsx b/ts/features/idpay/details/hooks/useIdPayDiscountDetailsBottomSheet.tsx index 7693a052655..cc679bb2188 100644 --- a/ts/features/idpay/details/hooks/useIdPayDiscountDetailsBottomSheet.tsx +++ b/ts/features/idpay/details/hooks/useIdPayDiscountDetailsBottomSheet.tsx @@ -9,7 +9,7 @@ import { useIODispatch, useIOSelector } from "../../../../store/hooks"; import { idPayGenerateBarcode } from "../../barcode/store/actions"; import { IdPayPaymentRoutes } from "../../payment/navigation/routes"; import I18n from "../../../../i18n"; -import { useIOBottomSheetAutoresizableModal } from "../../../../utils/hooks/bottomSheet"; +import { useIOBottomSheetModal } from "../../../../utils/hooks/bottomSheet"; import { idPayBarcodeSecondsTillExpireSelector } from "../../barcode/store"; import { IdPayBarcodeRoutes } from "../../barcode/navigation/routes"; @@ -67,7 +67,7 @@ export const useIdPayDiscountDetailsBottomSheet = (initiativeId: string) => { ); - const bottomSheet = useIOBottomSheetAutoresizableModal({ + const bottomSheet = useIOBottomSheetModal({ component: , title: null }); diff --git a/ts/features/idpay/onboarding/screens/PDNDPrerequisitesScreen.tsx b/ts/features/idpay/onboarding/screens/PDNDPrerequisitesScreen.tsx index e59e57654c9..cd7d50eac68 100644 --- a/ts/features/idpay/onboarding/screens/PDNDPrerequisitesScreen.tsx +++ b/ts/features/idpay/onboarding/screens/PDNDPrerequisitesScreen.tsx @@ -19,7 +19,7 @@ import { useHeaderSecondLevel } from "../../../../hooks/useHeaderSecondLevel"; import I18n from "../../../../i18n"; import { useIOSelector } from "../../../../store/hooks"; import { emptyContextualHelp } from "../../../../utils/emptyContextualHelp"; -import { useIOBottomSheetAutoresizableModal } from "../../../../utils/hooks/bottomSheet"; +import { useIOBottomSheetModal } from "../../../../utils/hooks/bottomSheet"; import { serviceByIdPotSelector } from "../../../services/details/store/reducers"; import { IdPayOnboardingMachineContext } from "../machine/provider"; import { pdndCriteriaSelector, selectServiceId } from "../machine/selectors"; @@ -52,40 +52,34 @@ export const PDNDPrerequisitesScreen = () => { const continueOnPress = () => machine.send({ type: "next" }); const goBackOnPress = () => machine.send({ type: "back" }); - const { present, bottomSheet, dismiss } = useIOBottomSheetAutoresizableModal( - { - title: I18n.t( - "idpay.onboarding.PDNDPrerequisites.prerequisites.info.header" - ), - component: ( - - {I18n.t( - "idpay.onboarding.PDNDPrerequisites.prerequisites.info.body", - { - provider: authority - } + const { present, bottomSheet, dismiss } = useIOBottomSheetModal({ + title: I18n.t( + "idpay.onboarding.PDNDPrerequisites.prerequisites.info.header" + ), + component: ( + + {I18n.t("idpay.onboarding.PDNDPrerequisites.prerequisites.info.body", { + provider: authority + })} + + ), + footer: ( + + + - ), - footer: ( - - - dismiss()} - /> - - - ) - }, - 162 - ); + accessibilityLabel={I18n.t( + "idpay.onboarding.PDNDPrerequisites.prerequisites.info.understoodCTA" + )} + onPress={() => dismiss()} + /> + + + ) + }); const pdndCriteria = useSelector(pdndCriteriaSelector); diff --git a/ts/features/idpay/timeline/components/TimelineDetailsBottomSheet.tsx b/ts/features/idpay/timeline/components/TimelineDetailsBottomSheet.tsx index e46ed7d0475..0541c482166 100644 --- a/ts/features/idpay/timeline/components/TimelineDetailsBottomSheet.tsx +++ b/ts/features/idpay/timeline/components/TimelineDetailsBottomSheet.tsx @@ -24,7 +24,7 @@ import I18n from "../../../../i18n"; import { useIODispatch, useIOSelector } from "../../../../store/hooks"; import { IOBottomSheetModal, - useIOBottomSheetAutoresizableModal + useIOBottomSheetModal } from "../../../../utils/hooks/bottomSheet"; import { idpayTimelineDetailsSelector } from "../store"; import { idpayTimelineDetailsGet } from "../store/actions"; @@ -126,14 +126,11 @@ const useTimelineDetailsBottomSheet = ( ); - const modal = useIOBottomSheetAutoresizableModal( - { - component: getModalContent(), - title: titleComponent, - footer: modalFooter - }, - 150 - ); + const modal = useIOBottomSheetModal({ + component: getModalContent(), + title: titleComponent, + footer: modalFooter + }); const present = (operation: OperationListDTO) => pipe( diff --git a/ts/features/idpay/unsubscription/screens/UnsubscriptionConfirmationScreen.tsx b/ts/features/idpay/unsubscription/screens/UnsubscriptionConfirmationScreen.tsx index 623c892bc79..eec77685760 100644 --- a/ts/features/idpay/unsubscription/screens/UnsubscriptionConfirmationScreen.tsx +++ b/ts/features/idpay/unsubscription/screens/UnsubscriptionConfirmationScreen.tsx @@ -19,7 +19,7 @@ import I18n from "../../../../i18n"; import { useIONavigation } from "../../../../navigation/params/AppParamsList"; import { useIODispatch, useIOSelector } from "../../../../store/hooks"; import { emptyContextualHelp } from "../../../../utils/emptyContextualHelp"; -import { useIOBottomSheetAutoresizableModal } from "../../../../utils/hooks/bottomSheet"; +import { useIOBottomSheetModal } from "../../../../utils/hooks/bottomSheet"; import { UnsubscriptionCheckListItem } from "../components/UnsubscriptionCheckListItem"; import { IdPayUnsubscriptionParamsList } from "../navigation/params"; import { idPayUnsubscribeAction } from "../store/actions"; @@ -111,47 +111,42 @@ const UnsubscriptionConfirmationScreen = () => { /> ); - const confirmModal = useIOBottomSheetAutoresizableModal( - { - title: I18n.t("idpay.unsubscription.modal.title", { initiativeName }), - component: ( - - {I18n.t("idpay.unsubscription.modal.content")} - - - ), - footer: ( - { - confirmModal.dismiss(); - handleConfirmPress(); - }, - color: "danger" - } - }} - secondary={{ - type: "Outline", - buttonProps: { - label: I18n.t("global.buttons.cancel"), - accessibilityLabel: I18n.t("global.buttons.cancel"), - onPress: () => { - confirmModal.dismiss(); - } + const confirmModal = useIOBottomSheetModal({ + title: I18n.t("idpay.unsubscription.modal.title", { initiativeName }), + component: ( + + {I18n.t("idpay.unsubscription.modal.content")} + + + ), + footer: ( + { + confirmModal.dismiss(); + handleConfirmPress(); + }, + color: "danger" + } + }} + secondary={{ + type: "Outline", + buttonProps: { + label: I18n.t("global.buttons.cancel"), + accessibilityLabel: I18n.t("global.buttons.cancel"), + onPress: () => { + confirmModal.dismiss(); } - }} - /> - ) - }, - 175 - ); + } + }} + /> + ) + }); const body = ( diff --git a/ts/features/itwallet/common/components/ItwCredentialClaim.tsx b/ts/features/itwallet/common/components/ItwCredentialClaim.tsx index 47a5fbab0f5..b5eb597c10f 100644 --- a/ts/features/itwallet/common/components/ItwCredentialClaim.tsx +++ b/ts/features/itwallet/common/components/ItwCredentialClaim.tsx @@ -6,7 +6,7 @@ import { pipe } from "fp-ts/lib/function"; import React, { useMemo } from "react"; import { Image } from "react-native"; import I18n from "../../../../i18n"; -import { useIOBottomSheetAutoresizableModal } from "../../../../utils/hooks/bottomSheet"; +import { useIOBottomSheetModal } from "../../../../utils/hooks/bottomSheet"; import { localeDateFormat } from "../../../../utils/locale"; import { useItwInfoBottomSheet } from "../hooks/useItwInfoBottomSheet"; import { @@ -278,7 +278,7 @@ const DrivingPrivilegesClaimItem = ({ claim.issue_date, I18n.t("global.dateFormats.shortFormat") ); - const privilegeBottomSheet = useIOBottomSheetAutoresizableModal({ + const privilegeBottomSheet = useIOBottomSheetModal({ title: I18n.t( "features.itWallet.verifiableCredentials.claims.mdl.category", { category: claim.driving_privilege } diff --git a/ts/features/itwallet/common/hooks/useItwInfoBottomSheet.tsx b/ts/features/itwallet/common/hooks/useItwInfoBottomSheet.tsx index f4a5c2a5842..87c70c22643 100644 --- a/ts/features/itwallet/common/hooks/useItwInfoBottomSheet.tsx +++ b/ts/features/itwallet/common/hooks/useItwInfoBottomSheet.tsx @@ -1,7 +1,7 @@ import React from "react"; import { View } from "react-native"; import { H6, IOStyles, VSpacer } from "@pagopa/io-app-design-system"; -import { useIOBottomSheetAutoresizableModal } from "../../../../utils/hooks/bottomSheet"; +import { useIOBottomSheetModal } from "../../../../utils/hooks/bottomSheet"; import ItwMarkdown from "../components/ItwMarkdown"; /** @@ -43,7 +43,7 @@ export const useItwInfoBottomSheet = ({ title, content }: ItwInfoFlowProps) => { ); - const { present, bottomSheet, dismiss } = useIOBottomSheetAutoresizableModal({ + const { present, bottomSheet, dismiss } = useIOBottomSheetModal({ title, component: }); diff --git a/ts/features/itwallet/identification/screens/cie/ItwCiePinScreen.tsx b/ts/features/itwallet/identification/screens/cie/ItwCiePinScreen.tsx index 02cfb5da64c..281e353504d 100644 --- a/ts/features/itwallet/identification/screens/cie/ItwCiePinScreen.tsx +++ b/ts/features/itwallet/identification/screens/cie/ItwCiePinScreen.tsx @@ -27,7 +27,7 @@ import { useHeaderSecondLevel } from "../../../../../hooks/useHeaderSecondLevel" import I18n from "../../../../../i18n"; import { useIODispatch, useIOSelector } from "../../../../../store/hooks"; import { setAccessibilityFocus } from "../../../../../utils/accessibility"; -import { useIOBottomSheetAutoresizableModal } from "../../../../../utils/hooks/bottomSheet"; +import { useIOBottomSheetModal } from "../../../../../utils/hooks/bottomSheet"; import { withTrailingPoliceCarLightEmojii } from "../../../../../utils/strings"; import { openWebUrl } from "../../../../../utils/url"; import { itwNfcIsEnabled } from "../../store/actions"; @@ -77,7 +77,7 @@ export const ItwCiePinScreen = () => { const headerHeight = useHeaderHeight(); const isFocused = useIsFocused(); - const { present, bottomSheet } = useIOBottomSheetAutoresizableModal({ + const { present, bottomSheet } = useIOBottomSheetModal({ component: , title: I18n.t("bottomSheets.ciePin.title") }); diff --git a/ts/features/itwallet/issuance/components/__tests__/__snapshots__/ItwCredentialPreviewClaimsList.test.tsx.snap b/ts/features/itwallet/issuance/components/__tests__/__snapshots__/ItwCredentialPreviewClaimsList.test.tsx.snap index 9d3cbd1ce58..6ba58895cc5 100644 --- a/ts/features/itwallet/issuance/components/__tests__/__snapshots__/ItwCredentialPreviewClaimsList.test.tsx.snap +++ b/ts/features/itwallet/issuance/components/__tests__/__snapshots__/ItwCredentialPreviewClaimsList.test.tsx.snap @@ -1478,17 +1478,13 @@ exports[`ItwCredentialPreviewClaimsList should match the snapshot 1`] = ` accessible={false} backdropComponent={[Function]} enableDismissOnClose={true} - enableDynamicSizing={false} + enableDynamicSizing={true} footerComponent={[Function]} handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} - snapPoints={ - [ - 1, - ] - } style={ { "borderCurve": "continuous", @@ -1502,148 +1498,150 @@ exports[`ItwCredentialPreviewClaimsList should match the snapshot 1`] = ` - + - + > + Chi è? + + + - Chi è? + + + È l’ente riconosciuto dallo Stato a fornirti la versione digitale dei tuoi documenti. + + - - - È l’ente riconosciuto dallo Stato a fornirti la versione digitale dei tuoi documenti. - - - - - - - - Per sapere come tratta i tuoi dati consulta l’[Informativa Privacy]([missing {{privacyUrl}} value]). - + Per sapere come tratta i tuoi dati consulta l’[Informativa Privacy]([missing {{privacyUrl}} value]). - + - - - + /> + + + @@ -1735,17 +1733,13 @@ exports[`ItwCredentialPreviewClaimsList should match the snapshot 1`] = ` accessible={false} backdropComponent={[Function]} enableDismissOnClose={true} - enableDynamicSizing={false} + enableDynamicSizing={true} footerComponent={[Function]} handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} - snapPoints={ - [ - 1, - ] - } style={ { "borderCurve": "continuous", @@ -1759,196 +1753,198 @@ exports[`ItwCredentialPreviewClaimsList should match the snapshot 1`] = ` - + - + > + Chi è? + + + - Chi è? + + + È l’ente riconosciuto dallo Stato a fornirti la versione digitale dei tuoi documenti. + + - - - È l’ente riconosciuto dallo Stato a fornirti la versione digitale dei tuoi documenti. - + Per sapere come tratta i tuoi dati consulta l’ - - - - Per sapere come tratta i tuoi dati consulta l’ - - - - Informativa Privacy - - - - . + Informativa Privacy - - + . + + + + - - - + /> + + + diff --git a/ts/features/itwallet/presentation/components/ItwCredentialTrustmark.tsx b/ts/features/itwallet/presentation/components/ItwCredentialTrustmark.tsx index 5399c19212c..a59c7650bd0 100644 --- a/ts/features/itwallet/presentation/components/ItwCredentialTrustmark.tsx +++ b/ts/features/itwallet/presentation/components/ItwCredentialTrustmark.tsx @@ -13,7 +13,7 @@ import { import Animated from "react-native-reanimated"; import I18n from "../../../../i18n"; import { useSpringPressScaleAnimation } from "../../../../components/ui/utils/hooks/useSpringPressScaleAnimation"; -import { useIOBottomSheetAutoresizableModal } from "../../../../utils/hooks/bottomSheet"; +import { useIOBottomSheetModal } from "../../../../utils/hooks/bottomSheet"; import { QrCodeImage } from "../../../../components/QrCodeImage"; import { StoredCredential } from "../../common/utils/itwTypesUtils"; import { @@ -55,7 +55,7 @@ export const ItwCredentialTrustmark = ({ testID, credential }: ItwCredentialTrustmarkProps) => { - const trustmarkBottomSheet = useIOBottomSheetAutoresizableModal({ + const trustmarkBottomSheet = useIOBottomSheetModal({ title: I18n.t("features.itWallet.presentation.trustmark.title"), component: }); diff --git a/ts/features/itwallet/presentation/components/__tests__/__snapshots__/ItwPresentationClaimsSection.test.tsx.snap b/ts/features/itwallet/presentation/components/__tests__/__snapshots__/ItwPresentationClaimsSection.test.tsx.snap index 5bb90dd4f8b..f8a083148bb 100644 --- a/ts/features/itwallet/presentation/components/__tests__/__snapshots__/ItwPresentationClaimsSection.test.tsx.snap +++ b/ts/features/itwallet/presentation/components/__tests__/__snapshots__/ItwPresentationClaimsSection.test.tsx.snap @@ -1693,17 +1693,13 @@ exports[`ItwPresentationClaimsSection should match the snapshot when claims are accessible={false} backdropComponent={[Function]} enableDismissOnClose={true} - enableDynamicSizing={false} + enableDynamicSizing={true} footerComponent={[Function]} handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} - snapPoints={ - [ - 1, - ] - } style={ { "borderCurve": "continuous", @@ -1717,196 +1713,198 @@ exports[`ItwPresentationClaimsSection should match the snapshot when claims are - + - + > + Chi è? + + + - Chi è? + + + È l’ente riconosciuto dallo Stato a fornirti la versione digitale dei tuoi documenti. + + - - - È l’ente riconosciuto dallo Stato a fornirti la versione digitale dei tuoi documenti. - + Per sapere come tratta i tuoi dati consulta l’ - - - - Per sapere come tratta i tuoi dati consulta l’ - - - - Informativa Privacy - - - - . + Informativa Privacy - - + . + + + + - - - + /> + + + @@ -3589,17 +3587,13 @@ exports[`ItwPresentationClaimsSection should match the snapshot when claims are accessible={false} backdropComponent={[Function]} enableDismissOnClose={true} - enableDynamicSizing={false} + enableDynamicSizing={true} footerComponent={[Function]} handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} - snapPoints={ - [ - 1, - ] - } style={ { "borderCurve": "continuous", @@ -3613,148 +3607,150 @@ exports[`ItwPresentationClaimsSection should match the snapshot when claims are - + - + > + Chi è? + + + - Chi è? + + + È l’ente riconosciuto dallo Stato a fornirti la versione digitale dei tuoi documenti. + + - - - È l’ente riconosciuto dallo Stato a fornirti la versione digitale dei tuoi documenti. - - - - - - - - Per sapere come tratta i tuoi dati consulta l’[Informativa Privacy]([missing {{privacyUrl}} value]). - + Per sapere come tratta i tuoi dati consulta l’[Informativa Privacy]([missing {{privacyUrl}} value]). - + - - - + /> + + + @@ -3977,17 +3973,13 @@ exports[`ItwPresentationClaimsSection should match the snapshot when claims are accessible={false} backdropComponent={[Function]} enableDismissOnClose={true} - enableDynamicSizing={false} + enableDynamicSizing={true} footerComponent={[Function]} handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} - snapPoints={ - [ - 1, - ] - } style={ { "borderCurve": "continuous", @@ -4001,196 +3993,198 @@ exports[`ItwPresentationClaimsSection should match the snapshot when claims are - + - + > + Chi è? + + + - Chi è? + + + È l’ente riconosciuto dallo Stato a fornirti la versione digitale dei tuoi documenti. + + - - - È l’ente riconosciuto dallo Stato a fornirti la versione digitale dei tuoi documenti. - + Per sapere come tratta i tuoi dati consulta l’ - - - - Per sapere come tratta i tuoi dati consulta l’ - - - - Informativa Privacy - - - - . + Informativa Privacy - - + . + + + + - - - + /> + + + diff --git a/ts/features/messages/components/Home/__tests__/__snapshots__/Preconditions.test.tsx.snap b/ts/features/messages/components/Home/__tests__/__snapshots__/Preconditions.test.tsx.snap index 7d6763aa46c..38a3ce44c05 100644 --- a/ts/features/messages/components/Home/__tests__/__snapshots__/Preconditions.test.tsx.snap +++ b/ts/features/messages/components/Home/__tests__/__snapshots__/Preconditions.test.tsx.snap @@ -340,6 +340,7 @@ exports[`Preconditions should match snapshot with mocked components 1`] = ` handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -359,7 +360,6 @@ exports[`Preconditions should match snapshot with mocked components 1`] = ` Mock Preconditions Content + + diff --git a/ts/features/messages/components/Home/__tests__/__snapshots__/SecuritySuggestions.test.tsx.snap b/ts/features/messages/components/Home/__tests__/__snapshots__/SecuritySuggestions.test.tsx.snap index 559fdffc297..bd665334ea8 100644 --- a/ts/features/messages/components/Home/__tests__/__snapshots__/SecuritySuggestions.test.tsx.snap +++ b/ts/features/messages/components/Home/__tests__/__snapshots__/SecuritySuggestions.test.tsx.snap @@ -335,17 +335,13 @@ exports[`SecuritySuggestions should match snapshot 1`] = ` accessible={false} backdropComponent={[Function]} enableDismissOnClose={true} - enableDynamicSizing={false} + enableDynamicSizing={true} footerComponent={[Function]} handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} - snapPoints={ - [ - 1, - ] - } style={ { "borderCurve": "continuous", @@ -359,554 +355,556 @@ exports[`SecuritySuggestions should match snapshot 1`] = ` - - - + + - - - - - - - - - Do not share your unlock code or biometric recognition with anyone. - - - + /> + + - - - - - - + + + + + - + - - If you lose your device, log out from the web. - - - - Go to website - - - + /> + + - - - - - + If you lose your device, log out from the web. + - + Go to website + + + + + + + - - If you fear that someone might use your SPID or CIE, lock access to the app after authenticating from the web. - - - - Go to website - - - + /> + + - - - - - + If you fear that someone might use your SPID or CIE, lock access to the app after authenticating from the web. + - + Go to website + + + + + + + - - If you access IO with someone else's device, remember to log out when you are finished. - - - + /> + + + + + If you access IO with someone else's device, remember to log out when you are finished. + + + + diff --git a/ts/features/messages/components/MessageDetail/ContactsListItem.tsx b/ts/features/messages/components/MessageDetail/ContactsListItem.tsx index ce2f084d1dd..06a3186386b 100644 --- a/ts/features/messages/components/MessageDetail/ContactsListItem.tsx +++ b/ts/features/messages/components/MessageDetail/ContactsListItem.tsx @@ -2,7 +2,7 @@ import React from "react"; import { Linking } from "react-native"; import { Body, ListItemAction, VSpacer } from "@pagopa/io-app-design-system"; import I18n from "../../../../i18n"; -import { useIOBottomSheetAutoresizableModal } from "../../../../utils/hooks/bottomSheet"; +import { useIOBottomSheetModal } from "../../../../utils/hooks/bottomSheet"; type ContactsListItemProps = { email?: string; @@ -10,42 +10,39 @@ type ContactsListItemProps = { }; export const ContactsListItem = ({ email, phone }: ContactsListItemProps) => { - const { present, bottomSheet } = useIOBottomSheetAutoresizableModal( - { - component: ( - <> - - {I18n.t("messageDetails.contactsBottomSheet.body")} - - - {email && ( - Linking.openURL(`mailto:${email}`)} - variant="primary" - /> - )} - {phone && ( - Linking.openURL(`tel:${phone}`)} - variant="primary" - /> - )} - - ), - title: I18n.t("messageDetails.contactsBottomSheet.title") - }, - 100 - ); + const { present, bottomSheet } = useIOBottomSheetModal({ + component: ( + <> + + {I18n.t("messageDetails.contactsBottomSheet.body")} + + + {email && ( + Linking.openURL(`mailto:${email}`)} + variant="primary" + /> + )} + {phone && ( + Linking.openURL(`tel:${phone}`)} + variant="primary" + /> + )} + + ), + title: I18n.t("messageDetails.contactsBottomSheet.title") + }); return ( <> diff --git a/ts/features/messages/components/MessageDetail/RemoteContentBanner.tsx b/ts/features/messages/components/MessageDetail/RemoteContentBanner.tsx index ec0ca041c25..7c440bc3d7e 100644 --- a/ts/features/messages/components/MessageDetail/RemoteContentBanner.tsx +++ b/ts/features/messages/components/MessageDetail/RemoteContentBanner.tsx @@ -1,7 +1,7 @@ import React, { useMemo } from "react"; import { Banner, VSpacer } from "@pagopa/io-app-design-system"; import I18n from "../../../../i18n"; -import { useIOBottomSheetAutoresizableModal } from "../../../../utils/hooks/bottomSheet"; +import { useIOBottomSheetModal } from "../../../../utils/hooks/bottomSheet"; import { trackRemoteContentInfo } from "../../analytics"; import { BodyProps, @@ -49,19 +49,16 @@ export const RemoteContentBanner = () => { [] ); - const { present, bottomSheet } = useIOBottomSheetAutoresizableModal( - { - component: ( - - ), - title: I18n.t("messageDetails.bottomSheet.title") - }, - 100 - ); + const { present, bottomSheet } = useIOBottomSheetModal({ + component: ( + + ), + title: I18n.t("messageDetails.bottomSheet.title") + }); return ( <> diff --git a/ts/features/messages/components/MessageDetail/ShowMoreListItem.tsx b/ts/features/messages/components/MessageDetail/ShowMoreListItem.tsx index c06ef7be1f4..93da4bc1385 100644 --- a/ts/features/messages/components/MessageDetail/ShowMoreListItem.tsx +++ b/ts/features/messages/components/MessageDetail/ShowMoreListItem.tsx @@ -8,7 +8,7 @@ import { ListItemInfoCopy } from "@pagopa/io-app-design-system"; import I18n from "../../../../i18n"; -import { useIOBottomSheetAutoresizableModal } from "../../../../utils/hooks/bottomSheet"; +import { useIOBottomSheetModal } from "../../../../utils/hooks/bottomSheet"; import { clipboardSetStringWithFeedback } from "../../../../utils/clipboard"; type ShowMoreListItemProps = { @@ -29,44 +29,41 @@ export type ShowMoreItems = ReadonlyArray<{ }>; export const ShowMoreListItem = ({ sections }: ShowMoreListItemProps) => { - const { bottomSheet, present } = useIOBottomSheetAutoresizableModal( - { - component: ( - <> - {sections.map((section, sectionIndex) => ( - - - {section.items.map((item, itemIndex, items) => ( - - - clipboardSetStringWithFeedback( - item.valueToCopy ?? item.value - ) - } - /> - {itemIndex < items.length - 1 && ( - - )} - - ))} - - ))} - - ), - title: I18n.t("messageDetails.showMoreDataBottomSheet.title"), - footer: - }, - 100 - ); + const { bottomSheet, present } = useIOBottomSheetModal({ + component: ( + <> + {sections.map((section, sectionIndex) => ( + + + {section.items.map((item, itemIndex, items) => ( + + + clipboardSetStringWithFeedback( + item.valueToCopy ?? item.value + ) + } + /> + {itemIndex < items.length - 1 && ( + + )} + + ))} + + ))} + + ), + title: I18n.t("messageDetails.showMoreDataBottomSheet.title"), + footer: + }); return ( <> diff --git a/ts/features/messages/components/MessageDetail/__tests__/MessageDetailsFooter.test.tsx b/ts/features/messages/components/MessageDetail/__tests__/MessageDetailsFooter.test.tsx index 78403760eda..4a48e5a24eb 100644 --- a/ts/features/messages/components/MessageDetail/__tests__/MessageDetailsFooter.test.tsx +++ b/ts/features/messages/components/MessageDetail/__tests__/MessageDetailsFooter.test.tsx @@ -17,7 +17,7 @@ import { MESSAGES_ROUTES } from "../../../navigation/routes"; const mockPresentBottomSheet = jest.fn(); jest.mock("../../../../../utils/hooks/bottomSheet", () => ({ - useIOBottomSheetAutoresizableModal: () => ({ + useIOBottomSheetModal: () => ({ present: mockPresentBottomSheet }) })); diff --git a/ts/features/messages/components/MessageDetail/__tests__/__snapshots__/RemoteContentBanner.test.tsx.snap b/ts/features/messages/components/MessageDetail/__tests__/__snapshots__/RemoteContentBanner.test.tsx.snap index b51efb7e229..cfef5b7835c 100644 --- a/ts/features/messages/components/MessageDetail/__tests__/__snapshots__/RemoteContentBanner.test.tsx.snap +++ b/ts/features/messages/components/MessageDetail/__tests__/__snapshots__/RemoteContentBanner.test.tsx.snap @@ -744,17 +744,13 @@ exports[`RemoteContentBanner Should match snapshot 1`] = ` accessible={false} backdropComponent={[Function]} enableDismissOnClose={true} - enableDynamicSizing={false} + enableDynamicSizing={true} footerComponent={[Function]} handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} - snapPoints={ - [ - 1, - ] - } style={ { "borderCurve": "continuous", @@ -768,14 +764,31 @@ exports[`RemoteContentBanner Should match snapshot 1`] = ` - + It's a message that the sender can edit + + - - It's a message that the sender can edit - - - after you've received it - - - . This way, the information it includes will always be up-to-date. + after you've received it + + + . This way, the information it includes will always be up-to-date. The sender can edit the information in a dynamic message only - - - specific cases - - - . For example, to change outdated information or replace an attachment that is no longer valid. + + + specific cases + + + . For example, to change outdated information or replace an attachment that is no longer valid. If the sender needs to share new information or important updates with you, you'll receive a new message. - - + + diff --git a/ts/features/messages/components/MessageDetail/__tests__/__snapshots__/ShowMoreListItem.test.tsx.snap b/ts/features/messages/components/MessageDetail/__tests__/__snapshots__/ShowMoreListItem.test.tsx.snap index 98e4a1e5d28..9d2c7be9476 100644 --- a/ts/features/messages/components/MessageDetail/__tests__/__snapshots__/ShowMoreListItem.test.tsx.snap +++ b/ts/features/messages/components/MessageDetail/__tests__/__snapshots__/ShowMoreListItem.test.tsx.snap @@ -502,17 +502,13 @@ exports[`ShowMoreListItem should match snapshot, no data 1`] = ` accessible={false} backdropComponent={[Function]} enableDismissOnClose={true} - enableDynamicSizing={false} + enableDynamicSizing={true} footerComponent={[Function]} handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} - snapPoints={ - [ - 1, - ] - } style={ { "borderCurve": "continuous", @@ -526,14 +522,24 @@ exports[`ShowMoreListItem should match snapshot, no data 1`] = ` + @@ -1053,17 +1059,13 @@ exports[`ShowMoreListItem should match snapshot, one section, no items 1`] = ` accessible={false} backdropComponent={[Function]} enableDismissOnClose={true} - enableDynamicSizing={false} + enableDynamicSizing={true} footerComponent={[Function]} handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} - snapPoints={ - [ - 1, - ] - } style={ { "borderCurve": "continuous", @@ -1077,74 +1079,83 @@ exports[`ShowMoreListItem should match snapshot, one section, no items 1`] = ` - - - Section 1 title - - + Section 1 title + + + @@ -1663,17 +1674,13 @@ exports[`ShowMoreListItem should match snapshot, one section, one item, no icon accessible={false} backdropComponent={[Function]} enableDismissOnClose={true} - enableDynamicSizing={false} + enableDynamicSizing={true} footerComponent={[Function]} handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} - snapPoints={ - [ - 1, - ] - } style={ { "borderCurve": "continuous", @@ -1687,261 +1694,270 @@ exports[`ShowMoreListItem should match snapshot, one section, one item, no icon - - - Section 1 title - - + Section 1 title + - + + - - - label 1 - - - value 1 - - - + - + + + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + @@ -2460,17 +2476,13 @@ exports[`ShowMoreListItem should match snapshot, one section, one item, with ico accessible={false} backdropComponent={[Function]} enableDismissOnClose={true} - enableDynamicSizing={false} + enableDynamicSizing={true} footerComponent={[Function]} handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} - snapPoints={ - [ - 1, - ] - } style={ { "borderCurve": "continuous", @@ -2484,329 +2496,338 @@ exports[`ShowMoreListItem should match snapshot, one section, one item, with ico - - - Section 1 title - - + Section 1 title + - + + - - - - - - - - + + + + + - - label 1 - - - value 1 - - - + - + + + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + @@ -3325,17 +3346,13 @@ exports[`ShowMoreListItem should match snapshot, one section, two items, no icon accessible={false} backdropComponent={[Function]} enableDismissOnClose={true} - enableDynamicSizing={false} + enableDynamicSizing={true} footerComponent={[Function]} handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} - snapPoints={ - [ - 1, - ] - } style={ { "borderCurve": "continuous", @@ -3349,456 +3366,465 @@ exports[`ShowMoreListItem should match snapshot, one section, two items, no icon - - - Section 1 title - - + Section 1 title + - + - - + + + - - - label 1 - - - value 1 - - - + - + + + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + - - - label 2 - - - value 2 - - - + - + + + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + @@ -4317,17 +4343,13 @@ exports[`ShowMoreListItem should match snapshot, one section, two items, with ic accessible={false} backdropComponent={[Function]} enableDismissOnClose={true} - enableDynamicSizing={false} + enableDynamicSizing={true} footerComponent={[Function]} handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} - snapPoints={ - [ - 1, - ] - } style={ { "borderCurve": "continuous", @@ -4341,592 +4363,601 @@ exports[`ShowMoreListItem should match snapshot, one section, two items, with ic - - - Section 1 title - - + Section 1 title + - + + - - - - - - - - + + + + + - - label 1 - - - value 1 - - - + - + + + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + - - - - - - - - + + + + + - - label 2 - - - value 2 - - - + - + + + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + @@ -5445,17 +5476,13 @@ exports[`ShowMoreListItem should match snapshot, three sections, different item accessible={false} backdropComponent={[Function]} enableDismissOnClose={true} - enableDynamicSizing={false} + enableDynamicSizing={true} footerComponent={[Function]} handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} - snapPoints={ - [ - 1, - ] - } style={ { "borderCurve": "continuous", @@ -5469,1472 +5496,1481 @@ exports[`ShowMoreListItem should match snapshot, three sections, different item - - - Section 1 title - - + Section 1 title + - + + - - - label 1 - - - value 1 - - - + - + + + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Section 2 title - - + Section 2 title + - + + - - - label 2 - - - value 2 - - - + - + + + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + - - - - - - - - + + + + + - - label 3 - - - value 3 - - - + - + + + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Section 3 title - - + Section 3 title + - + + - - - label 4 - - - value 4 - - - + - + + + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + - - - - - - - - + + + + + - - label 5 - - - value 5 - - - + - + + + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + - - - label 6 - - - value 6 - - - + + value 6 + + + + - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + @@ -7453,17 +7489,13 @@ exports[`ShowMoreListItem should match snapshot, two sections, different item co accessible={false} backdropComponent={[Function]} enableDismissOnClose={true} - enableDynamicSizing={false} + enableDynamicSizing={true} footerComponent={[Function]} handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} - snapPoints={ - [ - 1, - ] - } style={ { "borderCurve": "continuous", @@ -7477,769 +7509,778 @@ exports[`ShowMoreListItem should match snapshot, two sections, different item co - - - Section 1 title - - + Section 1 title + - + + - - - label 1 - - - value 1 - - - + - + + + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Section 2 title - - + Section 2 title + - + + - - - label 2 - - - value 2 - - - + - + + + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + - - - - - - - - + + + + + - - label 3 - - - value 3 - - - + - + + + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + diff --git a/ts/features/newWallet/components/WalletCardsContainer.tsx b/ts/features/newWallet/components/WalletCardsContainer.tsx index c3ffda86e2b..ef80b94a344 100644 --- a/ts/features/newWallet/components/WalletCardsContainer.tsx +++ b/ts/features/newWallet/components/WalletCardsContainer.tsx @@ -21,7 +21,7 @@ import { ItwEidInfoBottomSheetContent, ItwEidInfoBottomSheetTitle } from "../../itwallet/common/components/ItwEidInfoBottomSheetContent"; -import { useIOBottomSheetAutoresizableModal } from "../../../utils/hooks/bottomSheet"; +import { useIOBottomSheetModal } from "../../../utils/hooks/bottomSheet"; import { useIONavigation } from "../../../navigation/params/AppParamsList"; import { WalletCardCategoryFilter } from "../types"; import { ItwUpcomingWalletBanner } from "../../itwallet/common/components/ItwUpcomingWalletBanner"; @@ -32,8 +32,6 @@ import { } from "./WalletCardsCategoryContainer"; import { WalletEmptyScreenContent } from "./WalletEmptyScreenContent"; -const EID_INFO_BOTTOM_PADDING = 128; - const WalletCardsContainer = () => { const isLoading = useIOSelector(selectIsWalletCardsLoading); const cards = useIOSelector(selectSortedWalletCards); @@ -90,14 +88,11 @@ const ItwCardsContainer = ({ const isItwEnabled = useIOSelector(isItwEnabledSelector); const navigation = useIONavigation(); - const eidInfoBottomSheet = useIOBottomSheetAutoresizableModal( - { - title: , - // Navigation does not seem to work when the bottom sheet's component is not inline - component: - }, - EID_INFO_BOTTOM_PADDING - ); + const eidInfoBottomSheet = useIOBottomSheetModal({ + title: , + // Navigation does not seem to work when the bottom sheet's component is not inline + component: + }); useFocusEffect( React.useCallback( diff --git a/ts/features/payments/checkout/hooks/usePaymentFailureSupportModal.tsx b/ts/features/payments/checkout/hooks/usePaymentFailureSupportModal.tsx index d35cf026519..10a9182b899 100644 --- a/ts/features/payments/checkout/hooks/usePaymentFailureSupportModal.tsx +++ b/ts/features/payments/checkout/hooks/usePaymentFailureSupportModal.tsx @@ -18,7 +18,7 @@ import I18n from "../../../../i18n"; import { useIODispatch, useIOSelector } from "../../../../store/hooks"; import { assistanceToolConfigSelector } from "../../../../store/reducers/backendStatus"; import { clipboardSetStringWithFeedback } from "../../../../utils/clipboard"; -import { useIOBottomSheetAutoresizableModal } from "../../../../utils/hooks/bottomSheet"; +import { useIOBottomSheetModal } from "../../../../utils/hooks/bottomSheet"; import { PAGOPA_SUPPORT_PHONE_NUMBER, addTicketCustomField, @@ -136,7 +136,7 @@ const usePaymentFailureSupportModal = ({ "$1.$2.$3" ); - const { bottomSheet, present, dismiss } = useIOBottomSheetAutoresizableModal({ + const { bottomSheet, present, dismiss } = useIOBottomSheetModal({ component: ( <> diff --git a/ts/features/payments/checkout/hooks/usePaymentReversedInfoBottomSheet.tsx b/ts/features/payments/checkout/hooks/usePaymentReversedInfoBottomSheet.tsx index d0c33e7969e..13321de8a33 100644 --- a/ts/features/payments/checkout/hooks/usePaymentReversedInfoBottomSheet.tsx +++ b/ts/features/payments/checkout/hooks/usePaymentReversedInfoBottomSheet.tsx @@ -1,6 +1,6 @@ import React from "react"; import { VSpacer } from "@pagopa/io-app-design-system"; -import { useIOBottomSheetAutoresizableModal } from "../../../../utils/hooks/bottomSheet"; +import { useIOBottomSheetModal } from "../../../../utils/hooks/bottomSheet"; import I18n from "../../../../i18n"; import { WALLET_PAYMENT_SHOW_OTHER_CHANNELS_URL } from "../utils"; import IOMarkdown from "../../../../components/IOMarkdown"; @@ -32,7 +32,7 @@ export const usePaymentReversedInfoBottomSheet = () => { ); - const modal = useIOBottomSheetAutoresizableModal({ + const modal = useIOBottomSheetModal({ component: getModalContent(), title: I18n.t( "features.payments.checkout.bottomSheet.PAYMENT_REVERSED.title" diff --git a/ts/features/payments/checkout/hooks/useSortPspBottomSheet.tsx b/ts/features/payments/checkout/hooks/useSortPspBottomSheet.tsx index 4877e4cb77f..04fa3b90201 100644 --- a/ts/features/payments/checkout/hooks/useSortPspBottomSheet.tsx +++ b/ts/features/payments/checkout/hooks/useSortPspBottomSheet.tsx @@ -1,6 +1,6 @@ import React from "react"; import { RadioGroup, RadioItem } from "@pagopa/io-app-design-system"; -import { useIOBottomSheetAutoresizableModal } from "../../../../utils/hooks/bottomSheet"; +import { useIOBottomSheetModal } from "../../../../utils/hooks/bottomSheet"; import { WalletPaymentPspSortType } from "../types"; import I18n from "../../../../i18n"; @@ -47,7 +47,7 @@ const useSortPspBottomSheet = ({ /> ); - const modal = useIOBottomSheetAutoresizableModal({ + const modal = useIOBottomSheetModal({ component: getModalContent(), title: "" }); diff --git a/ts/features/payments/checkout/screens/WalletPaymentDetailScreen.tsx b/ts/features/payments/checkout/screens/WalletPaymentDetailScreen.tsx index 22d8911967b..9b428de508d 100644 --- a/ts/features/payments/checkout/screens/WalletPaymentDetailScreen.tsx +++ b/ts/features/payments/checkout/screens/WalletPaymentDetailScreen.tsx @@ -37,7 +37,7 @@ import { useIODispatch, useIOSelector } from "../../../../store/hooks"; import { clipboardSetStringWithFeedback } from "../../../../utils/clipboard"; import { format } from "../../../../utils/dates"; import { emptyContextualHelp } from "../../../../utils/emptyContextualHelp"; -import { useIOBottomSheetAutoresizableModal } from "../../../../utils/hooks/bottomSheet"; +import { useIOBottomSheetModal } from "../../../../utils/hooks/bottomSheet"; import { cleanTransactionDescription } from "../../../../utils/payment"; import { centsToAmount, @@ -223,7 +223,7 @@ const WalletPaymentDetailContent = ({ ); }; - const amountInfoBottomSheet = useIOBottomSheetAutoresizableModal({ + const amountInfoBottomSheet = useIOBottomSheetModal({ title: I18n.t("wallet.firstTransactionSummary.amountInfo.title"), component: ( diff --git a/ts/features/payments/details/components/PaymentsMethodPspDetailsBottomSheet.tsx b/ts/features/payments/details/components/PaymentsMethodPspDetailsBottomSheet.tsx index 82a2488f190..646c154d128 100644 --- a/ts/features/payments/details/components/PaymentsMethodPspDetailsBottomSheet.tsx +++ b/ts/features/payments/details/components/PaymentsMethodPspDetailsBottomSheet.tsx @@ -1,7 +1,7 @@ import * as React from "react"; import { VSpacer, Body } from "@pagopa/io-app-design-system"; import I18n from "../../../../i18n"; -import { useIOBottomSheetAutoresizableModal } from "../../../../utils/hooks/bottomSheet"; +import { useIOBottomSheetModal } from "../../../../utils/hooks/bottomSheet"; type PaymentsMethodPspDetailsBottomSheetProps = { pspBusinessName: string; @@ -27,7 +27,7 @@ const PaymentsMethodPspDetailsBottomSheet = ({ export const usePaymentsMethodPspDetailsBottomSheet = ( pspBusinessName: string ) => - useIOBottomSheetAutoresizableModal({ + useIOBottomSheetModal({ component: ( ), diff --git a/ts/features/payments/onboarding/components/PaymentsOnboardingAuthErrorBottomSheet.tsx b/ts/features/payments/onboarding/components/PaymentsOnboardingAuthErrorBottomSheet.tsx index 11ecf27239d..a14d40e8f8f 100644 --- a/ts/features/payments/onboarding/components/PaymentsOnboardingAuthErrorBottomSheet.tsx +++ b/ts/features/payments/onboarding/components/PaymentsOnboardingAuthErrorBottomSheet.tsx @@ -1,6 +1,6 @@ import React from "react"; import { VSpacer } from "@pagopa/io-app-design-system"; -import { useIOBottomSheetAutoresizableModal } from "../../../../utils/hooks/bottomSheet"; +import { useIOBottomSheetModal } from "../../../../utils/hooks/bottomSheet"; import I18n from "../../../../i18n"; import IOMarkdown from "../../../../components/IOMarkdown"; @@ -16,7 +16,7 @@ export const usePaymentOnboardingAuthErrorBottomSheet = () => { ); - const modal = useIOBottomSheetAutoresizableModal({ + const modal = useIOBottomSheetModal({ component: getModalContent(), title: I18n.t("wallet.onboarding.outcome.AUTH_ERROR.bottomSheet.title") }); diff --git a/ts/features/payments/transaction/components/PaymentsLegacyAttachmentBottomSheet.tsx b/ts/features/payments/transaction/components/PaymentsLegacyAttachmentBottomSheet.tsx index ca47d233039..643d99b895d 100644 --- a/ts/features/payments/transaction/components/PaymentsLegacyAttachmentBottomSheet.tsx +++ b/ts/features/payments/transaction/components/PaymentsLegacyAttachmentBottomSheet.tsx @@ -3,7 +3,7 @@ import { View } from "react-native"; import { VSpacer } from "@pagopa/io-app-design-system"; import { IOBottomSheetModal, - useIOBottomSheetAutoresizableModal + useIOBottomSheetModal } from "../../../../utils/hooks/bottomSheet"; import I18n from "../../../../i18n"; import IOMarkdown from "../../../../components/IOMarkdown"; @@ -13,7 +13,7 @@ import IOMarkdown from "../../../../components/IOMarkdown"; * containing detailed information about where the user can find the legacy transaction recepit. */ const usePaymentsLegacyAttachmentBottomSheet = (): IOBottomSheetModal => - useIOBottomSheetAutoresizableModal({ + useIOBottomSheetModal({ title: I18n.t("features.payments.transactions.legacy.bottomSheet.title"), component: ( diff --git a/ts/features/pn/components/F24ListBottomSheetLink.tsx b/ts/features/pn/components/F24ListBottomSheetLink.tsx index 79eede4e27a..cf2b17a3515 100644 --- a/ts/features/pn/components/F24ListBottomSheetLink.tsx +++ b/ts/features/pn/components/F24ListBottomSheetLink.tsx @@ -2,7 +2,7 @@ import * as React from "react"; import { StyleSheet, View } from "react-native"; import { ButtonLink } from "@pagopa/io-app-design-system"; import { ThirdPartyAttachment } from "../../../../definitions/backend/ThirdPartyAttachment"; -import { useIOBottomSheetAutoresizableModal } from "../../../utils/hooks/bottomSheet"; +import { useIOBottomSheetModal } from "../../../utils/hooks/bottomSheet"; import I18n from "../../../i18n"; import { MessageDetailsAttachmentItem } from "../../messages/components/MessageDetail/MessageDetailsAttachmentItem"; import { UIMessageId } from "../../messages/types"; @@ -30,30 +30,27 @@ export const F24ListBottomSheetLink = ({ // its bottom space when the bottom sheet opens filling the entire view. Without it, the // scroll bottom stops at the device bottom border, not respecting any safe area margins const dispatch = useIODispatch(); - const { present, bottomSheet, dismiss } = useIOBottomSheetAutoresizableModal( - { - component: ( - <> - {f24List.map((f24Attachment, index) => ( - { - dismiss(); - }} - /> - ))} - - ), - title: I18n.t("features.pn.details.f24Section.bottomSheet.title"), - footer: , - onDismiss: () => dispatch(cancelPreviousAttachmentDownload()) - }, - 100 - ); + const { present, bottomSheet, dismiss } = useIOBottomSheetModal({ + component: ( + <> + {f24List.map((f24Attachment, index) => ( + { + dismiss(); + }} + /> + ))} + + ), + title: I18n.t("features.pn.details.f24Section.bottomSheet.title"), + footer: , + onDismiss: () => dispatch(cancelPreviousAttachmentDownload()) + }); return ( + + 0 + - 0 - - - - PDF - - + PDF + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + + + 1 + - 1 - - - - PDF - - + PDF + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + + + 2 + - 2 - - - - PDF - - + PDF + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + + + 3 + - 3 - - - - PDF - - + PDF + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + + + 4 + - 4 - - - - PDF - - + PDF + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + + + 5 + - 5 - - - - PDF - - + PDF + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + + + 6 + - 6 - - - - PDF - - + PDF + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + + + 7 + - 7 - - - - PDF - - + PDF + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + + + 8 + - 8 - - - - PDF - - + PDF + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + + + 9 + - 9 - - - - PDF - - + PDF + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + @@ -3166,17 +3171,13 @@ exports[`F24ListBottomSheetLink should be snapshot for an 0 items F24 list 1`] = accessible={false} backdropComponent={[Function]} enableDismissOnClose={true} - enableDynamicSizing={false} + enableDynamicSizing={true} footerComponent={[Function]} handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} - snapPoints={ - [ - 1, - ] - } style={ { "borderCurve": "continuous", @@ -3190,14 +3191,24 @@ exports[`F24ListBottomSheetLink should be snapshot for an 0 items F24 list 1`] = + @@ -3657,17 +3668,13 @@ exports[`F24ListBottomSheetLink should be snapshot for an 1 item F24 list 1`] = accessible={false} backdropComponent={[Function]} enableDismissOnClose={true} - enableDynamicSizing={false} + enableDynamicSizing={true} footerComponent={[Function]} handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} - snapPoints={ - [ - 1, - ] - } style={ { "borderCurve": "continuous", @@ -3681,233 +3688,242 @@ exports[`F24ListBottomSheetLink should be snapshot for an 1 item F24 list 1`] = + + 0 + - 0 - - - - PDF - - + PDF + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + diff --git a/ts/features/pn/components/__test__/__snapshots__/F24Section.test.tsx.snap b/ts/features/pn/components/__test__/__snapshots__/F24Section.test.tsx.snap index f61870f6757..f58c43e8dc9 100644 --- a/ts/features/pn/components/__test__/__snapshots__/F24Section.test.tsx.snap +++ b/ts/features/pn/components/__test__/__snapshots__/F24Section.test.tsx.snap @@ -594,17 +594,13 @@ exports[`F24Section should match snapshot when there are more than one F24 1`] = accessible={false} backdropComponent={[Function]} enableDismissOnClose={true} - enableDynamicSizing={false} + enableDynamicSizing={true} footerComponent={[Function]} handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} - snapPoints={ - [ - 1, - ] - } style={ { "borderCurve": "continuous", @@ -618,457 +614,466 @@ exports[`F24Section should match snapshot when there are more than one F24 1`] = + + 2 + - 2 - - - - PDF - - + PDF + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + + + 4 + - 4 - - - - PDF - - + PDF + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + diff --git a/ts/features/pn/components/__test__/__snapshots__/MessageBottomMenu.test.tsx.snap b/ts/features/pn/components/__test__/__snapshots__/MessageBottomMenu.test.tsx.snap index 572b18fc681..853839d3bad 100644 --- a/ts/features/pn/components/__test__/__snapshots__/MessageBottomMenu.test.tsx.snap +++ b/ts/features/pn/components/__test__/__snapshots__/MessageBottomMenu.test.tsx.snap @@ -517,6 +517,7 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -536,7 +537,6 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo + + @@ -2470,17 +2484,13 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo accessible={false} backdropComponent={[Function]} enableDismissOnClose={true} - enableDynamicSizing={false} + enableDynamicSizing={true} footerComponent={[Function]} handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} - snapPoints={ - [ - 1, - ] - } style={ { "borderCurve": "continuous", @@ -2494,642 +2504,651 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo - - - Notifica - - + + Notifica + - + + - - + - - - - - - + + + + - - Codice IUN - - - randomIUN - - - + + Codice IUN + + + randomIUN + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + + Message + - + + - - + - - - - - - + + + + - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + @@ -3664,6 +3683,7 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -3683,7 +3703,6 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo + + @@ -5617,17 +5650,13 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo accessible={false} backdropComponent={[Function]} enableDismissOnClose={true} - enableDynamicSizing={false} + enableDynamicSizing={true} footerComponent={[Function]} handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} - snapPoints={ - [ - 1, - ] - } style={ { "borderCurve": "continuous", @@ -5641,955 +5670,964 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo - - - Notifica - - + + Notifica + - + + - - + - - - - - - + + + + - - Codice IUN - - - randomIUN - - - + + Codice IUN + + + randomIUN + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + + Message + - + + - - + - - - - - - + + + + - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice 1 - - + + pagoPA notice 1 + - + + - - + - - - - - - + + + + - - Notice code - - - 9999 8888 7777 6666 55 - - - + + Notice code + + + 9999 8888 7777 6666 55 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + @@ -7124,6 +7162,7 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -7143,7 +7182,6 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo + + @@ -9077,17 +9129,13 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo accessible={false} backdropComponent={[Function]} enableDismissOnClose={true} - enableDynamicSizing={false} + enableDynamicSizing={true} footerComponent={[Function]} handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} - snapPoints={ - [ - 1, - ] - } style={ { "borderCurve": "continuous", @@ -9101,642 +9149,651 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo - - - Notifica - - + + Notifica + - + + - - + - - - - - - + + + + - - Codice IUN - - - randomIUN - - - + + Codice IUN + + + randomIUN + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + + Message + - + + - - + - - - - - - + + + + - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + @@ -10271,6 +10328,7 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -10290,7 +10348,6 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo + + @@ -12224,17 +12295,13 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo accessible={false} backdropComponent={[Function]} enableDismissOnClose={true} - enableDynamicSizing={false} + enableDynamicSizing={true} footerComponent={[Function]} handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} - snapPoints={ - [ - 1, - ] - } style={ { "borderCurve": "continuous", @@ -12248,642 +12315,651 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo - - - Notifica - - + + Notifica + - + + - - + - - - - - - + + + + - - Codice IUN - - - randomIUN - - - + + Codice IUN + + + randomIUN + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + + Message + - + + - - + - - - - - - + + + + - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + @@ -13418,6 +13494,7 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -13437,7 +13514,6 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo + + @@ -15371,17 +15461,13 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo accessible={false} backdropComponent={[Function]} enableDismissOnClose={true} - enableDynamicSizing={false} + enableDynamicSizing={true} footerComponent={[Function]} handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} - snapPoints={ - [ - 1, - ] - } style={ { "borderCurve": "continuous", @@ -15395,642 +15481,651 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo - - - Notifica - - + + Notifica + - + + - - + - - - - - - + + + + - - Codice IUN - - - randomIUN - - - + + Codice IUN + + + randomIUN + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + + Message + - + + - - + - - - - - - + + + + - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + @@ -16565,6 +16660,7 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -16584,7 +16680,6 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo + + @@ -18518,17 +18627,13 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo accessible={false} backdropComponent={[Function]} enableDismissOnClose={true} - enableDynamicSizing={false} + enableDynamicSizing={true} footerComponent={[Function]} handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} - snapPoints={ - [ - 1, - ] - } style={ { "borderCurve": "continuous", @@ -18542,642 +18647,651 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo - - - Notifica - - + + Notifica + - + + - - + - - - - - - + + + + - - Codice IUN - - - randomIUN - - - + + Codice IUN + + + randomIUN + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + + Message + - + + - - + - - - - - - + + + + - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + @@ -19712,6 +19826,7 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -19731,7 +19846,6 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo + + @@ -21665,17 +21793,13 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo accessible={false} backdropComponent={[Function]} enableDismissOnClose={true} - enableDynamicSizing={false} + enableDynamicSizing={true} footerComponent={[Function]} handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} - snapPoints={ - [ - 1, - ] - } style={ { "borderCurve": "continuous", @@ -21689,642 +21813,651 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo - - - Notifica - - + + Notifica + - + + - - + - - - - - - + + + + - - Codice IUN - - - randomIUN - - - + + Codice IUN + + + randomIUN + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + + Message + - + + - - + - - - - - - + + + + - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + @@ -22859,6 +22992,7 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -22878,7 +23012,6 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo + + @@ -24812,17 +24959,13 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo accessible={false} backdropComponent={[Function]} enableDismissOnClose={true} - enableDynamicSizing={false} + enableDynamicSizing={true} footerComponent={[Function]} handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} - snapPoints={ - [ - 1, - ] - } style={ { "borderCurve": "continuous", @@ -24836,642 +24979,651 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo - - - Notifica - - + + Notifica + - + + - - + - - - - - - + + + + - - Codice IUN - - - randomIUN - - - + + Codice IUN + + + randomIUN + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + + Message + - + + - - + - - - - - - + + + + - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + @@ -26006,6 +26158,7 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -26025,7 +26178,6 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo + + @@ -27959,17 +28125,13 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo accessible={false} backdropComponent={[Function]} enableDismissOnClose={true} - enableDynamicSizing={false} + enableDynamicSizing={true} footerComponent={[Function]} handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} - snapPoints={ - [ - 1, - ] - } style={ { "borderCurve": "continuous", @@ -27983,642 +28145,651 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo - - - Notifica - - + + Notifica + - + + - - + - - - - - - + + + + - - Codice IUN - - - randomIUN - - - + + Codice IUN + + + randomIUN + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + + Message + - + + - - + - - - - - - + + + + - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + @@ -29153,6 +29324,7 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -29172,7 +29344,6 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo + + @@ -31106,17 +31291,13 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo accessible={false} backdropComponent={[Function]} enableDismissOnClose={true} - enableDynamicSizing={false} + enableDynamicSizing={true} footerComponent={[Function]} handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} - snapPoints={ - [ - 1, - ] - } style={ { "borderCurve": "continuous", @@ -31130,642 +31311,651 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo - - - Notifica - - + + Notifica + - + + - - + - - - - - - + + + + - - Codice IUN - - - randomIUN - - - + + Codice IUN + + + randomIUN + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + + Message + - + + - - + - - - - - - + + + + - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + @@ -32300,6 +32490,7 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -32319,7 +32510,6 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo + + @@ -34253,17 +34457,13 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo accessible={false} backdropComponent={[Function]} enableDismissOnClose={true} - enableDynamicSizing={false} + enableDynamicSizing={true} footerComponent={[Function]} handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} - snapPoints={ - [ - 1, - ] - } style={ { "borderCurve": "continuous", @@ -34277,955 +34477,964 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo - - - Notifica - - + + Notifica + - + + - - + - - - - - - + + + + - - Codice IUN - - - randomIUN - - - + + Codice IUN + + + randomIUN + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + + Message + - + + - - + - - - - - - + + + + - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice 1 - - + + pagoPA notice 1 + - + + - - + - - - - - - + + + + - - Notice code - - - 9999 8888 7777 6666 55 - - - + + Notice code + + + 9999 8888 7777 6666 55 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + @@ -35760,6 +35969,7 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -35779,7 +35989,6 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo + + @@ -37713,17 +37936,13 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo accessible={false} backdropComponent={[Function]} enableDismissOnClose={true} - enableDynamicSizing={false} + enableDynamicSizing={true} footerComponent={[Function]} handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} - snapPoints={ - [ - 1, - ] - } style={ { "borderCurve": "continuous", @@ -37737,642 +37956,651 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo - - - Notifica - - + + Notifica + - + + - - + - - - - - - + + + + - - Codice IUN - - - randomIUN - - - + + Codice IUN + + + randomIUN + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + + Message + - + + - - + - - - - - - + + + + - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + @@ -38907,6 +39135,7 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -38926,7 +39155,6 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo + + @@ -40860,17 +41102,13 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo accessible={false} backdropComponent={[Function]} enableDismissOnClose={true} - enableDynamicSizing={false} + enableDynamicSizing={true} footerComponent={[Function]} handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} - snapPoints={ - [ - 1, - ] - } style={ { "borderCurve": "continuous", @@ -40884,2370 +41122,2379 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo - - - Notifica - - + + Notifica + - + + - - + - - - - - - + + + + - - Codice IUN - - - randomIUN - - - + + Codice IUN + + + randomIUN + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + + Message + - + + - - + - - - - - - + + + + - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice 1 - - + + pagoPA notice 1 + - + + - - + - - - - - - + + + + - - Notice code - - - 1111 2222 3333 4444 00 - - - + + Notice code + + + 1111 2222 3333 4444 00 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + - - + - - - - - - + + + + - - Payee fiscal code - - - 01234567890 - - - + + Payee fiscal code + + + 01234567890 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice 2 - - + + pagoPA notice 2 + - + + - - + - - - - - - + + + + - - Notice code - - - 1111 2222 3333 4444 01 - - - + + Notice code + + + 1111 2222 3333 4444 01 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + - - + - - - - - - + + + + - - Payee fiscal code - - - 01234567890 - - - + + Payee fiscal code + + + 01234567890 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice 3 - - + + pagoPA notice 3 + - + + - - + - - - - - - + + + + - - Notice code - - - 1111 2222 3333 4444 02 - - - + + Notice code + + + 1111 2222 3333 4444 02 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + - - + - - - - - - + + + + - - Payee fiscal code - - - 01234567890 - - - + + Payee fiscal code + + + 01234567890 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + @@ -43782,6 +44029,7 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -43801,7 +44049,6 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo + + @@ -45735,17 +45996,13 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo accessible={false} backdropComponent={[Function]} enableDismissOnClose={true} - enableDynamicSizing={false} + enableDynamicSizing={true} footerComponent={[Function]} handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} - snapPoints={ - [ - 1, - ] - } style={ { "borderCurve": "continuous", @@ -45759,2370 +46016,2379 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo - - - Notifica - - + + Notifica + - + + - - + - - - - - - + + + + - - Codice IUN - - - randomIUN - - - + + Codice IUN + + + randomIUN + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + + Message + - + + - - + - - - - - - + + + + - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice 1 - - + + pagoPA notice 1 + - + + - - + - - - - - - + + + + - - Notice code - - - 1111 2222 3333 4444 00 - - - + + Notice code + + + 1111 2222 3333 4444 00 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + - - + - - - - - - + + + + - - Payee fiscal code - - - 01234567890 - - - + + Payee fiscal code + + + 01234567890 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice 2 - - + + pagoPA notice 2 + - + + - - + - - - - - - + + + + - - Notice code - - - 1111 2222 3333 4444 01 - - - + + Notice code + + + 1111 2222 3333 4444 01 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + - - + - - - - - - + + + + - - Payee fiscal code - - - 01234567890 - - - + + Payee fiscal code + + + 01234567890 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice 3 - - + + pagoPA notice 3 + - + + - - + - - - - - - + + + + - - Notice code - - - 1111 2222 3333 4444 02 - - - + + Notice code + + + 1111 2222 3333 4444 02 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + - - + - - - - - - + + + + - - Payee fiscal code - - - 01234567890 - - - + + Payee fiscal code + + + 01234567890 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + @@ -48657,6 +48923,7 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -48676,7 +48943,6 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo + + @@ -50610,17 +50890,13 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo accessible={false} backdropComponent={[Function]} enableDismissOnClose={true} - enableDynamicSizing={false} + enableDynamicSizing={true} footerComponent={[Function]} handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} - snapPoints={ - [ - 1, - ] - } style={ { "borderCurve": "continuous", @@ -50634,2370 +50910,2379 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo - - - Notifica - - + + Notifica + - + + - - + - - - - - - + + + + - - Codice IUN - - - randomIUN - - - + + Codice IUN + + + randomIUN + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + + Message + - + + - - + - - - - - - + + + + - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice 1 - - + + pagoPA notice 1 + - + + - - + - - - - - - + + + + - - Notice code - - - 1111 2222 3333 4444 00 - - - + + Notice code + + + 1111 2222 3333 4444 00 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + - - + - - - - - - + + + + - - Payee fiscal code - - - 01234567890 - - - + + Payee fiscal code + + + 01234567890 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice 2 - - + + pagoPA notice 2 + - + + - - + - - - - - - + + + + - - Notice code - - - 1111 2222 3333 4444 01 - - - + + Notice code + + + 1111 2222 3333 4444 01 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + - - + - - - - - - + + + + - - Payee fiscal code - - - 01234567890 - - - + + Payee fiscal code + + + 01234567890 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice 3 - - + + pagoPA notice 3 + - + + - - + - - - - - - + + + + - - Notice code - - - 1111 2222 3333 4444 02 - - - + + Notice code + + + 1111 2222 3333 4444 02 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + - - + - - - - - - + + + + - - Payee fiscal code - - - 01234567890 - - - + + Payee fiscal code + + + 01234567890 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + @@ -53532,6 +53817,7 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -53551,7 +53837,6 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo + + @@ -55485,17 +55784,13 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo accessible={false} backdropComponent={[Function]} enableDismissOnClose={true} - enableDynamicSizing={false} + enableDynamicSizing={true} footerComponent={[Function]} handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} - snapPoints={ - [ - 1, - ] - } style={ { "borderCurve": "continuous", @@ -55509,2370 +55804,2379 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo - - - Notifica - - + + Notifica + - + + - - + - - - - - - + + + + - - Codice IUN - - - randomIUN - - - + + Codice IUN + + + randomIUN + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + + Message + - + + - - + - - - - - - + + + + - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice 1 - - + + pagoPA notice 1 + - + + - - + - - - - - - + + + + - - Notice code - - - 1111 2222 3333 4444 00 - - - + + Notice code + + + 1111 2222 3333 4444 00 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + - - + - - - - - - + + + + - - Payee fiscal code - - - 01234567890 - - - + + Payee fiscal code + + + 01234567890 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice 2 - - + + pagoPA notice 2 + - + + - - + - - - - - - + + + + - - Notice code - - - 1111 2222 3333 4444 01 - - - + + Notice code + + + 1111 2222 3333 4444 01 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + - - + - - - - - - + + + + - - Payee fiscal code - - - 01234567890 - - - + + Payee fiscal code + + + 01234567890 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice 3 - - + + pagoPA notice 3 + - + + - - + - - - - - - + + + + - - Notice code - - - 1111 2222 3333 4444 02 - - - + + Notice code + + + 1111 2222 3333 4444 02 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + - - + - - - - - - + + + + - - Payee fiscal code - - - 01234567890 - - - + + Payee fiscal code + + + 01234567890 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + @@ -58407,6 +58711,7 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -58426,7 +58731,6 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo + + @@ -60360,17 +60678,13 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo accessible={false} backdropComponent={[Function]} enableDismissOnClose={true} - enableDynamicSizing={false} + enableDynamicSizing={true} footerComponent={[Function]} handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} - snapPoints={ - [ - 1, - ] - } style={ { "borderCurve": "continuous", @@ -60384,2370 +60698,2379 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo - - - Notifica - - + + Notifica + - + + - - + - - - - - - + + + + - - Codice IUN - - - randomIUN - - - + + Codice IUN + + + randomIUN + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + + Message + - + + - - + - - - - - - + + + + - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice 1 - - + + pagoPA notice 1 + - + + - - + - - - - - - + + + + - - Notice code - - - 1111 2222 3333 4444 00 - - - + + Notice code + + + 1111 2222 3333 4444 00 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + - - + - - - - - - + + + + - - Payee fiscal code - - - 01234567890 - - - + + Payee fiscal code + + + 01234567890 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice 2 - - + + pagoPA notice 2 + - + + - - + - - - - - - + + + + - - Notice code - - - 1111 2222 3333 4444 01 - - - + + Notice code + + + 1111 2222 3333 4444 01 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + - - + - - - - - - + + + + - - Payee fiscal code - - - 01234567890 - - - + + Payee fiscal code + + + 01234567890 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice 3 - - + + pagoPA notice 3 + - + + - - + - - - - - - + + + + - - Notice code - - - 1111 2222 3333 4444 02 - - - + + Notice code + + + 1111 2222 3333 4444 02 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + - - + - - - - - - + + + + - - Payee fiscal code - - - 01234567890 - - - + + Payee fiscal code + + + 01234567890 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + @@ -63282,6 +63605,7 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -63301,7 +63625,6 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo + + @@ -65235,17 +65572,13 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo accessible={false} backdropComponent={[Function]} enableDismissOnClose={true} - enableDynamicSizing={false} + enableDynamicSizing={true} footerComponent={[Function]} handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} - snapPoints={ - [ - 1, - ] - } style={ { "borderCurve": "continuous", @@ -65259,2370 +65592,2379 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo - - - Notifica - - + + Notifica + - + + - - + - - - - - - + + + + - - Codice IUN - - - randomIUN - - - + + Codice IUN + + + randomIUN + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + + Message + - + + - - + - - - - - - + + + + - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice 1 - - + + pagoPA notice 1 + - + + - - + - - - - - - + + + + - - Notice code - - - 1111 2222 3333 4444 00 - - - + + Notice code + + + 1111 2222 3333 4444 00 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + - - + - - - - - - + + + + - - Payee fiscal code - - - 01234567890 - - - + + Payee fiscal code + + + 01234567890 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice 2 - - + + pagoPA notice 2 + - + + - - + - - - - - - + + + + - - Notice code - - - 1111 2222 3333 4444 01 - - - + + Notice code + + + 1111 2222 3333 4444 01 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + - - + - - - - - - + + + + - - Payee fiscal code - - - 01234567890 - - - + + Payee fiscal code + + + 01234567890 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice 3 - - + + pagoPA notice 3 + - + + - - + - - - - - - + + + + - - Notice code - - - 1111 2222 3333 4444 02 - - - + + Notice code + + + 1111 2222 3333 4444 02 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + - - + - - - - - - + + + + - - Payee fiscal code - - - 01234567890 - - - + + Payee fiscal code + + + 01234567890 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + @@ -68157,6 +68499,7 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -68176,7 +68519,6 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo - 03:15 + 03:15 + + + + + + + 01 + + + Feb + + + + + + + + + + Avvenuto accesso + + + + 01:10 - - - 01 - - - Feb - - - - - - - - + - - Avvenuto accesso - - - - 01:10 - - - + } + /> @@ -70110,17 +70466,13 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo accessible={false} backdropComponent={[Function]} enableDismissOnClose={true} - enableDynamicSizing={false} + enableDynamicSizing={true} footerComponent={[Function]} handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} - snapPoints={ - [ - 1, - ] - } style={ { "borderCurve": "continuous", @@ -70134,642 +70486,651 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo - - - Notifica - - + + Notifica + - + + - - + - - - - - - + + + + - - Codice IUN - - - randomIUN - - - + + Codice IUN + + + randomIUN + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + + Message + - + + - - + - - - - - - + + + + - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + @@ -71304,6 +71665,7 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -71323,7 +71685,6 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo + + @@ -73257,17 +73632,13 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo accessible={false} backdropComponent={[Function]} enableDismissOnClose={true} - enableDynamicSizing={false} + enableDynamicSizing={true} footerComponent={[Function]} handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} - snapPoints={ - [ - 1, - ] - } style={ { "borderCurve": "continuous", @@ -73281,955 +73652,964 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo - - - Notifica - - + + Notifica + - + + - - + - - - - - - + + + + - - Codice IUN - - - randomIUN - - - + + Codice IUN + + + randomIUN + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + + Message + - + + - - + - - - - - - + + + + - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice 1 - - + + pagoPA notice 1 + - + + - - + - - - - - - + + + + - - Notice code - - - 9999 8888 7777 6666 55 - - - + + Notice code + + + 9999 8888 7777 6666 55 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + @@ -74764,6 +75144,7 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -74783,7 +75164,6 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo - 03:15 + 03:15 + + + + + + + 01 + + + Feb + + + + + + + + + + Avvenuto accesso + + + + 01:10 - - - 01 - - - Feb - - - - - - - - + - - Avvenuto accesso - - - - 01:10 - - - + } + /> @@ -76717,17 +77111,13 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo accessible={false} backdropComponent={[Function]} enableDismissOnClose={true} - enableDynamicSizing={false} + enableDynamicSizing={true} footerComponent={[Function]} handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} - snapPoints={ - [ - 1, - ] - } style={ { "borderCurve": "continuous", @@ -76741,642 +77131,651 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo - - - Notifica - - + + Notifica + - + + - - + - - - - - - + + + + - - Codice IUN - - - randomIUN - - - + + Codice IUN + + + randomIUN + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + + Message + - + + - - + - - - - - - + + + + - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + @@ -77911,6 +78310,7 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -77930,7 +78330,6 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo + + @@ -79864,17 +80277,13 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo accessible={false} backdropComponent={[Function]} enableDismissOnClose={true} - enableDynamicSizing={false} + enableDynamicSizing={true} footerComponent={[Function]} handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} - snapPoints={ - [ - 1, - ] - } style={ { "borderCurve": "continuous", @@ -79888,1218 +80297,1227 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo - - - Notifica - - + + Notifica + - + + - - + - - - - - - + + + + - - Codice IUN - - - randomIUN - - - + + Codice IUN + + + randomIUN + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + + Message + - + + - - + - - - - - - + + + + - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice - - + + pagoPA notice + - + + - - + - - - - - - + + + + - - Notice code - - - 1111 2222 3333 4444 00 - - - + + Notice code + + + 1111 2222 3333 4444 00 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + - - + - - - - - - + + + + - - Payee fiscal code - - - 01234567890 - - - + + Payee fiscal code + + + 01234567890 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + @@ -81634,6 +82052,7 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -81653,7 +82072,6 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo + + @@ -83587,17 +84019,13 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo accessible={false} backdropComponent={[Function]} enableDismissOnClose={true} - enableDynamicSizing={false} + enableDynamicSizing={true} footerComponent={[Function]} handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} - snapPoints={ - [ - 1, - ] - } style={ { "borderCurve": "continuous", @@ -83611,1218 +84039,1227 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo - - - Notifica - - + + Notifica + - + + - - + - - - - - - + + + + - - Codice IUN - - - randomIUN - - - + + Codice IUN + + + randomIUN + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + + Message + - + + - - + - - - - - - + + + + - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice - - + + pagoPA notice + - + + - - + - - - - - - + + + + - - Notice code - - - 1111 2222 3333 4444 00 - - - + + Notice code + + + 1111 2222 3333 4444 00 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + - - + - - - - - - + + + + - - Payee fiscal code - - - 01234567890 - - - + + Payee fiscal code + + + 01234567890 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + @@ -85357,6 +85794,7 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -85376,7 +85814,6 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo + + @@ -87310,17 +87761,13 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo accessible={false} backdropComponent={[Function]} enableDismissOnClose={true} - enableDynamicSizing={false} + enableDynamicSizing={true} footerComponent={[Function]} handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} - snapPoints={ - [ - 1, - ] - } style={ { "borderCurve": "continuous", @@ -87334,1218 +87781,1227 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo - - - Notifica - - + + Notifica + - + + - - + - - - - - - + + + + - - Codice IUN - - - randomIUN - - - + + Codice IUN + + + randomIUN + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + + Message + - + + - - + - - - - - - + + + + - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice - - + + pagoPA notice + - + + - - + - - - - - - + + + + - - Notice code - - - 1111 2222 3333 4444 00 - - - + + Notice code + + + 1111 2222 3333 4444 00 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + - - + - - - - - - + + + + - - Payee fiscal code - - - 01234567890 - - - + + Payee fiscal code + + + 01234567890 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + @@ -89080,6 +89536,7 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -89099,7 +89556,6 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo + + @@ -91033,17 +91503,13 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo accessible={false} backdropComponent={[Function]} enableDismissOnClose={true} - enableDynamicSizing={false} + enableDynamicSizing={true} footerComponent={[Function]} handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} - snapPoints={ - [ - 1, - ] - } style={ { "borderCurve": "continuous", @@ -91057,1218 +91523,1227 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo - - - Notifica - - + + Notifica + - + + - - + - - - - - - + + + + - - Codice IUN - - - randomIUN - - - + + Codice IUN + + + randomIUN + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + + Message + - + + - - + - - - - - - + + + + - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice - - + + pagoPA notice + - + + - - + - - - - - - + + + + - - Notice code - - - 1111 2222 3333 4444 00 - - - + + Notice code + + + 1111 2222 3333 4444 00 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + - - + - - - - - - + + + + - - Payee fiscal code - - - 01234567890 - - - + + Payee fiscal code + + + 01234567890 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + @@ -92803,6 +93278,7 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -92822,7 +93298,6 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo + + @@ -94756,17 +95245,13 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo accessible={false} backdropComponent={[Function]} enableDismissOnClose={true} - enableDynamicSizing={false} + enableDynamicSizing={true} footerComponent={[Function]} handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} - snapPoints={ - [ - 1, - ] - } style={ { "borderCurve": "continuous", @@ -94780,1218 +95265,1227 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo - - - Notifica - - + + Notifica + - + + - - + - - - - - - + + + + - - Codice IUN - - - randomIUN - - - + + Codice IUN + + + randomIUN + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + + Message + - + + - - + - - - - - - + + + + - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice - - + + pagoPA notice + - + + - - + - - - - - - + + + + - - Notice code - - - 1111 2222 3333 4444 00 - - - + + Notice code + + + 1111 2222 3333 4444 00 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + - - + - - - - - - + + + + - - Payee fiscal code - - - 01234567890 - - - + + Payee fiscal code + + + 01234567890 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + @@ -96526,6 +97020,7 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -96545,7 +97040,6 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo + + @@ -98479,17 +98987,13 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo accessible={false} backdropComponent={[Function]} enableDismissOnClose={true} - enableDynamicSizing={false} + enableDynamicSizing={true} footerComponent={[Function]} handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} - snapPoints={ - [ - 1, - ] - } style={ { "borderCurve": "continuous", @@ -98503,1218 +99007,1227 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo - - - Notifica - - + + Notifica + - + + - - + - - - - - - + + + + - - Codice IUN - - - randomIUN - - - + + Codice IUN + + + randomIUN + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + + Message + - + + - - + - - - - - - + + + + - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice - - + + pagoPA notice + - + + - - + - - - - - - + + + + - - Notice code - - - 1111 2222 3333 4444 00 - - - + + Notice code + + + 1111 2222 3333 4444 00 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + - - + - - - - - - + + + + - - Payee fiscal code - - - 01234567890 - - - + + Payee fiscal code + + + 01234567890 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + @@ -100249,6 +100762,7 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -100268,7 +100782,6 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo - 03:15 + 03:15 + + + + + + + 01 + + + Feb + + + + + + + + + + Avvenuto accesso + + + + 01:10 - - - 01 - - - Feb - - - - - - - - + - - Avvenuto accesso - - - - 01:10 - - - + } + /> @@ -102202,17 +102729,13 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo accessible={false} backdropComponent={[Function]} enableDismissOnClose={true} - enableDynamicSizing={false} + enableDynamicSizing={true} footerComponent={[Function]} handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} - snapPoints={ - [ - 1, - ] - } style={ { "borderCurve": "continuous", @@ -102226,642 +102749,651 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo - - - Notifica - - + + Notifica + - + + - - + - - - - - - + + + + - - Codice IUN - - - randomIUN - - - + + Codice IUN + + + randomIUN + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + + Message + - + + - - + - - - - - - + + + + - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + @@ -103396,6 +103928,7 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -103415,7 +103948,6 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo + + @@ -105349,17 +105895,13 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo accessible={false} backdropComponent={[Function]} enableDismissOnClose={true} - enableDynamicSizing={false} + enableDynamicSizing={true} footerComponent={[Function]} handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} - snapPoints={ - [ - 1, - ] - } style={ { "borderCurve": "continuous", @@ -105373,955 +105915,964 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo - - - Notifica - - + + Notifica + - + + - - + - - - - - - + + + + - - Codice IUN - - - randomIUN - - - + + Codice IUN + + + randomIUN + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + + Message + - + + - - + - - - - - - + + + + - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice 1 - - + + pagoPA notice 1 + - + + - - + - - - - - - + + + + - - Notice code - - - 9999 8888 7777 6666 55 - - - + + Notice code + + + 9999 8888 7777 6666 55 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + @@ -106856,6 +107407,7 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -106875,7 +107427,6 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo + + @@ -108809,17 +109374,13 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo accessible={false} backdropComponent={[Function]} enableDismissOnClose={true} - enableDynamicSizing={false} + enableDynamicSizing={true} footerComponent={[Function]} handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} - snapPoints={ - [ - 1, - ] - } style={ { "borderCurve": "continuous", @@ -108833,642 +109394,651 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo - - - Notifica - - + + Notifica + - + + - - + - - - - - - + + + + - - Codice IUN - - - randomIUN - - - + + Codice IUN + + + randomIUN + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + + Message + - + + - - + - - - - - - + + + + - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + @@ -110003,6 +110573,7 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -110022,7 +110593,6 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo - 03:15 + 03:15 + + + + + + + 01 + + + Feb + + + + + + + + + + Avvenuto accesso + + + + 01:10 - - - 01 - - - Feb - - - - - - - - + - - Avvenuto accesso - - - - 01:10 - - - + } + /> @@ -111956,17 +112540,13 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo accessible={false} backdropComponent={[Function]} enableDismissOnClose={true} - enableDynamicSizing={false} + enableDynamicSizing={true} footerComponent={[Function]} handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} - snapPoints={ - [ - 1, - ] - } style={ { "borderCurve": "continuous", @@ -111980,642 +112560,651 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo - - - Notifica - - + + Notifica + - + + - - + - - - - - - + + + + - - Codice IUN - - - randomIUN - - - + + Codice IUN + + + randomIUN + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + + Message + - + + - - + - - - - - - + + + + - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + @@ -113150,6 +113739,7 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -113169,7 +113759,6 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo + + @@ -115103,17 +115706,13 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo accessible={false} backdropComponent={[Function]} enableDismissOnClose={true} - enableDynamicSizing={false} + enableDynamicSizing={true} footerComponent={[Function]} handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} - snapPoints={ - [ - 1, - ] - } style={ { "borderCurve": "continuous", @@ -115127,642 +115726,651 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo - - - Notifica - - + + Notifica + - + + - - + - - - - - - + + + + - - Codice IUN - - - randomIUN - - - + + Codice IUN + + + randomIUN + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + + Message + - + + - - + - - - - - - + + + + - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + @@ -116297,6 +116905,7 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -116316,7 +116925,6 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo - 03:15 + 03:15 + + + + + + + 01 + + + Feb + + + + + + + + + + Avvenuto accesso + + + + 01:10 - - - 01 - - - Feb - - - - - - - - + - - Avvenuto accesso - - - - 01:10 - - - + } + /> @@ -118250,17 +118872,13 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo accessible={false} backdropComponent={[Function]} enableDismissOnClose={true} - enableDynamicSizing={false} + enableDynamicSizing={true} footerComponent={[Function]} handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} - snapPoints={ - [ - 1, - ] - } style={ { "borderCurve": "continuous", @@ -118274,642 +118892,651 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo - - - Notifica - - + + Notifica + - + + - - + - - - - - - + + + + - - Codice IUN - - - randomIUN - - - + + Codice IUN + + + randomIUN + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + + Message + - + + - - + - - - - - - + + + + - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + @@ -119444,6 +120071,7 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -119463,7 +120091,6 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo + + @@ -121397,17 +122038,13 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo accessible={false} backdropComponent={[Function]} enableDismissOnClose={true} - enableDynamicSizing={false} + enableDynamicSizing={true} footerComponent={[Function]} handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} - snapPoints={ - [ - 1, - ] - } style={ { "borderCurve": "continuous", @@ -121421,642 +122058,651 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo - - - Notifica - - + + Notifica + - + + - - + - - - - - - + + + + - - Codice IUN - - - randomIUN - - - + + Codice IUN + + + randomIUN + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + + Message + - + + - - + - - - - - - + + + + - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + @@ -122591,6 +123237,7 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -122610,7 +123257,6 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo - 03:15 + 03:15 + + + + + + + 01 + + + Feb + + + + + + + + + + Avvenuto accesso + + + + 01:10 - - - 01 - - - Feb - - - - - - - - + - - Avvenuto accesso - - - - 01:10 - - - + } + /> @@ -124544,17 +125204,13 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo accessible={false} backdropComponent={[Function]} enableDismissOnClose={true} - enableDynamicSizing={false} + enableDynamicSizing={true} footerComponent={[Function]} handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} - snapPoints={ - [ - 1, - ] - } style={ { "borderCurve": "continuous", @@ -124568,642 +125224,651 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo - - - Notifica - - + + Notifica + - + + - - + - - - - - - + + + + - - Codice IUN - - - randomIUN - - - + + Codice IUN + + + randomIUN + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + + Message + - + + - - + - - - - - - + + + + - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + @@ -125738,6 +126403,7 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -125757,7 +126423,6 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo + + @@ -127691,17 +128370,13 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo accessible={false} backdropComponent={[Function]} enableDismissOnClose={true} - enableDynamicSizing={false} + enableDynamicSizing={true} footerComponent={[Function]} handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} - snapPoints={ - [ - 1, - ] - } style={ { "borderCurve": "continuous", @@ -127715,642 +128390,651 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo - - - Notifica - - + + Notifica + - + + - - + - - - - - - + + + + - - Codice IUN - - - randomIUN - - - + + Codice IUN + + + randomIUN + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + + Message + - + + - - + - - - - - - + + + + - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + @@ -128870,7 +129554,225 @@ exports[`MessageBottomMenu should match snapshot, no history, empty payments, ca ] } > - Stato della notifica + Stato della notifica + + + + + + + + + + + + + + + + + + + + + + + + + + Show more data @@ -128880,17 +129782,13 @@ exports[`MessageBottomMenu should match snapshot, no history, empty payments, ca accessible={false} backdropComponent={[Function]} enableDismissOnClose={true} - enableDynamicSizing={false} + enableDynamicSizing={true} footerComponent={[Function]} handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} - snapPoints={ - [ - 292, - ] - } style={ { "borderCurve": "continuous", @@ -128904,845 +129802,651 @@ exports[`MessageBottomMenu should match snapshot, no history, empty payments, ca - - - - - - + - - - - - + + + Notifica + + + + - - Show more data - - - - - - - - - - - - - - - Notifica - - - - - - - - + - - - - - - + + + + - - Codice IUN - - - randomIUN - - - + + Codice IUN + + + randomIUN + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + + Message + - + + - - + - - - - - - + + + + - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + @@ -130277,6 +130981,7 @@ exports[`MessageBottomMenu should match snapshot, no history, empty payments, ca handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -130296,12 +131001,26 @@ exports[`MessageBottomMenu should match snapshot, no history, empty payments, ca - + + + + - - - Notifica - - + + Notifica + - + + - - + - - - - - - + + + + - - Codice IUN - - - randomIUN - - - + + Codice IUN + + + randomIUN + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + + Message + - + + - - + - - - - - - + + + + - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice 1 - - + + pagoPA notice 1 + - + + - - + - - - - - - + + + + - - Notice code - - - 1111 2222 3333 4444 55 - - - + + Notice code + + + 1111 2222 3333 4444 55 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + @@ -131982,6 +132706,7 @@ exports[`MessageBottomMenu should match snapshot, no history, empty payments, ca handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -132001,12 +132726,26 @@ exports[`MessageBottomMenu should match snapshot, no history, empty payments, ca - + + + + - - - Notifica - - + + Notifica + - + + - - + - - - - - - + + + + - - Codice IUN - - - randomIUN - - - + + Codice IUN + + + randomIUN + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + + Message + - + + - - + - - - - - - + + + + - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + @@ -133359,7 +134103,225 @@ exports[`MessageBottomMenu should match snapshot, no history, empty payments, no ] } > - Stato della notifica + Stato della notifica + + + + + + + + + + + + + + + + + + + + + + + + + + Show more data @@ -133369,17 +134331,13 @@ exports[`MessageBottomMenu should match snapshot, no history, empty payments, no accessible={false} backdropComponent={[Function]} enableDismissOnClose={true} - enableDynamicSizing={false} + enableDynamicSizing={true} footerComponent={[Function]} handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} - snapPoints={ - [ - 292, - ] - } style={ { "borderCurve": "continuous", @@ -133393,845 +134351,651 @@ exports[`MessageBottomMenu should match snapshot, no history, empty payments, no - - - - - - + - - - - - + + + Notifica + + + + - - Show more data - - - - - - - - - - - - - - - Notifica - - - - - - - - + - - - - - - + + + + - - Codice IUN - - - randomIUN - - - + + Codice IUN + + + randomIUN + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + + Message + - + + - - + - - - - - - + + + + - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + @@ -134766,6 +135530,7 @@ exports[`MessageBottomMenu should match snapshot, no history, empty payments, no handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -134785,12 +135550,26 @@ exports[`MessageBottomMenu should match snapshot, no history, empty payments, no - + + + + - - - Notifica - - + + Notifica + - + + - - + - - - - - - + + + + - - Codice IUN - - - randomIUN - - - + + Codice IUN + + + randomIUN + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + + Message + - + + - - + - - - - - - + + + + - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + @@ -136143,7 +136927,225 @@ exports[`MessageBottomMenu should match snapshot, no history, empty payments, no ] } > - Stato della notifica + Stato della notifica + + + + + + + + + + + + + + + + + + + + + + + + + + Show more data @@ -136153,17 +137155,13 @@ exports[`MessageBottomMenu should match snapshot, no history, empty payments, no accessible={false} backdropComponent={[Function]} enableDismissOnClose={true} - enableDynamicSizing={false} + enableDynamicSizing={true} footerComponent={[Function]} handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} - snapPoints={ - [ - 292, - ] - } style={ { "borderCurve": "continuous", @@ -136177,845 +137175,651 @@ exports[`MessageBottomMenu should match snapshot, no history, empty payments, no - - - - - - + - - - - - + + + Notifica + + + + - - Show more data - - - - - - - - - - - - - - - Notifica - - - - - - - - + - - - - - - + + + + - - Codice IUN - - - randomIUN - - - + + Codice IUN + + + randomIUN + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + + Message + - + + - - + - - - - - - + + + + - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + @@ -137550,6 +138354,7 @@ exports[`MessageBottomMenu should match snapshot, no history, empty payments, un handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -137569,12 +138374,26 @@ exports[`MessageBottomMenu should match snapshot, no history, empty payments, un - + + + + - - - Notifica - - + + Notifica + - + + - - + - - - - - - + + + + - - Codice IUN - - - randomIUN - - - + + Codice IUN + + + randomIUN + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + + Message + - + + - - + - - - - - - + + + + - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + @@ -138927,7 +139751,225 @@ exports[`MessageBottomMenu should match snapshot, no history, empty payments, un ] } > - Stato della notifica + Stato della notifica + + + + + + + + + + + + + + + + + + + + + + + + + + Show more data @@ -138937,17 +139979,13 @@ exports[`MessageBottomMenu should match snapshot, no history, empty payments, un accessible={false} backdropComponent={[Function]} enableDismissOnClose={true} - enableDynamicSizing={false} + enableDynamicSizing={true} footerComponent={[Function]} handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} - snapPoints={ - [ - 292, - ] - } style={ { "borderCurve": "continuous", @@ -138961,845 +139999,651 @@ exports[`MessageBottomMenu should match snapshot, no history, empty payments, un - - - - - - + - - - - - + + + Notifica + + + + - - Show more data - - - - - - - - - - - - - - - Notifica - - - - - - - - + - - - - - - + + + + - - Codice IUN - - - randomIUN - - - + + Codice IUN + + + randomIUN + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + + Message + - + + - - + - - - - - - + + + + - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + @@ -140334,6 +141178,7 @@ exports[`MessageBottomMenu should match snapshot, no history, empty payments, un handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -140353,12 +141198,26 @@ exports[`MessageBottomMenu should match snapshot, no history, empty payments, un - + + + + - - - Notifica - - + + Notifica + - + + - - + - - - - - - + + + + - - Codice IUN - - - randomIUN - - - + + Codice IUN + + + randomIUN + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + + Message + - + + - - + - - - - - - + + + + - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + @@ -141726,6 +142590,7 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -141745,12 +142610,26 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, - + + + + - - - Notifica - - + + Notifica + - + + - - + - - - - - - + + + + - - Codice IUN - - - randomIUN - - - + + Codice IUN + + + randomIUN + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + + Message + - + + - - + - - - - - - + + + + - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + @@ -143118,6 +144002,7 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -143137,12 +144022,26 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, - + + + + - - - Notifica - - + + Notifica + - + + - - + - - - - - - + + + + - - Codice IUN - - - randomIUN - - - + + Codice IUN + + + randomIUN + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + + Message + - + + - - + - - - - - - + + + + - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice 1 - - + + pagoPA notice 1 + - + + - - + - - - - - - + + + + - - Notice code - - - 1111 2222 3333 4444 55 - - - + + Notice code + + + 1111 2222 3333 4444 55 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + @@ -144808,7 +145712,225 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, ] } > - Stato della notifica + Stato della notifica + + + + + + + + + + + + + + + + + + + + + + + + + + Show more data @@ -144818,17 +145940,13 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, accessible={false} backdropComponent={[Function]} enableDismissOnClose={true} - enableDynamicSizing={false} + enableDynamicSizing={true} footerComponent={[Function]} handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} - snapPoints={ - [ - 292, - ] - } style={ { "borderCurve": "continuous", @@ -144842,845 +145960,651 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, - - - - - - + - - - - - + + + Notifica + + + + - - Show more data - - - - - - - - - - - - - - - Notifica - - - - - - - - + - - - - - - + + + + - - Codice IUN - - - randomIUN - - - + + Codice IUN + + + randomIUN + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + + Message + - + + - - + - - - - - - + + + + - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + @@ -146215,6 +147139,7 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -146234,12 +147159,26 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, - + + + + - - - Notifica - - + + Notifica + - + + - - + - - - - - - + + + + - - Codice IUN - - - randomIUN - - - + + Codice IUN + + + randomIUN + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + + Message + - + + - - + - - - - - - + + + + - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice 1 - - + + pagoPA notice 1 + - + + - - + - - - - - - + + + + - - Notice code - - - 1111 2222 3333 4444 00 - - - + + Notice code + + + 1111 2222 3333 4444 00 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + - - + - - - - - - + + + + - - Payee fiscal code - - - 01234567890 - - - + + Payee fiscal code + + + 01234567890 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice 2 - - + + pagoPA notice 2 + - + + - - + - - - - - - + + + + - - Notice code - - - 1111 2222 3333 4444 01 - - - + + Notice code + + + 1111 2222 3333 4444 01 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + - - + - - - - - - + + + + - - Payee fiscal code - - - 01234567890 - - - + + Payee fiscal code + + + 01234567890 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice 3 - - + + pagoPA notice 3 + - + + - - + - - - - - - + + + + - - Notice code - - - 1111 2222 3333 4444 02 - - - + + Notice code + + + 1111 2222 3333 4444 02 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + - - + - - - - - - + + + + - - Payee fiscal code - - - 01234567890 - - - + + Payee fiscal code + + + 01234567890 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + @@ -149335,6 +150279,7 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -149354,12 +150299,26 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, - + + + + - - - Notifica - - + + Notifica + - + + - - + - - - - - - + + + + - - Codice IUN - - - randomIUN - - - + + Codice IUN + + + randomIUN + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + + Message + - + + - - + - - - - - - + + + + - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice 1 - - + + pagoPA notice 1 + - + + - - + - - - - - - + + + + - - Notice code - - - 1111 2222 3333 4444 00 - - - + + Notice code + + + 1111 2222 3333 4444 00 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + - - + - - - - - - + + + + - - Payee fiscal code - - - 01234567890 - - - + + Payee fiscal code + + + 01234567890 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice 2 - - + + pagoPA notice 2 + - + + - - + - - - - - - + + + + - - Notice code - - - 1111 2222 3333 4444 01 - - - + + Notice code + + + 1111 2222 3333 4444 01 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + - - + - - - - - - + + + + - - Payee fiscal code - - - 01234567890 - - - + + Payee fiscal code + + + 01234567890 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice 3 - - + + pagoPA notice 3 + - + + - - + - - - - - - + + + + - - Notice code - - - 1111 2222 3333 4444 02 - - - + + Notice code + + + 1111 2222 3333 4444 02 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + - - + - - - - - - + + + + - - Payee fiscal code - - - 01234567890 - - - + + Payee fiscal code + + + 01234567890 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + @@ -152455,6 +153419,7 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -152474,12 +153439,26 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, - + + + + - - - Notifica - - + + Notifica + - + + - - + - - - - - - + + + + - - Codice IUN - - - randomIUN - - - + + Codice IUN + + + randomIUN + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + + Message + - + + - - + - - - - - - + + + + - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice 1 - - + + pagoPA notice 1 + - + + - - + - - - - - - + + + + - - Notice code - - - 1111 2222 3333 4444 00 - - - + + Notice code + + + 1111 2222 3333 4444 00 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + - - + - - - - - - + + + + - - Payee fiscal code - - - 01234567890 - - - + + Payee fiscal code + + + 01234567890 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice 2 - - + + pagoPA notice 2 + - + + - - + - - - - - - + + + + - - Notice code - - - 1111 2222 3333 4444 01 - - - + + Notice code + + + 1111 2222 3333 4444 01 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + - - + - - - - - - + + + + - - Payee fiscal code - - - 01234567890 - - - + + Payee fiscal code + + + 01234567890 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice 3 - - + + pagoPA notice 3 + - + + - - + - - - - - - + + + + - - Notice code - - - 1111 2222 3333 4444 02 - - - + + Notice code + + + 1111 2222 3333 4444 02 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + - - + - - - - - - + + + + - - Payee fiscal code - - - 01234567890 - - - + + Payee fiscal code + + + 01234567890 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + @@ -155575,6 +156559,7 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -155594,12 +156579,26 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, - + + + + - - - Notifica - - + + Notifica + - + + - - + - - - - - - + + + + - - Codice IUN - - - randomIUN - - - + + Codice IUN + + + randomIUN + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + + Message + - + + - - + - - - - - - + + + + - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice 1 - - + + pagoPA notice 1 + - + + - - + - - - - - - + + + + - - Notice code - - - 1111 2222 3333 4444 00 - - - + + Notice code + + + 1111 2222 3333 4444 00 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + - - + - - - - - - + + + + - - Payee fiscal code - - - 01234567890 - - - + + Payee fiscal code + + + 01234567890 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice 2 - - + + pagoPA notice 2 + - + + - - + - - - - - - + + + + - - Notice code - - - 1111 2222 3333 4444 01 - - - + + Notice code + + + 1111 2222 3333 4444 01 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + - - + - - - - - - + + + + - - Payee fiscal code - - - 01234567890 - - - + + Payee fiscal code + + + 01234567890 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice 3 - - + + pagoPA notice 3 + - + + - - + - - - - - - + + + + - - Notice code - - - 1111 2222 3333 4444 02 - - - + + Notice code + + + 1111 2222 3333 4444 02 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + - - + - - - - - - + + + + - - Payee fiscal code - - - 01234567890 - - - + + Payee fiscal code + + + 01234567890 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + @@ -158695,6 +159699,7 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -158714,12 +159719,26 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, - + + + + - - - Notifica - - + + Notifica + - + + - - + - - - - - - + + + + - - Codice IUN - - - randomIUN - - - + + Codice IUN + + + randomIUN + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + + Message + - + + - - + - - - - - - + + + + - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice 1 - - + + pagoPA notice 1 + - + + - - + - - - - - - + + + + - - Notice code - - - 1111 2222 3333 4444 00 - - - + + Notice code + + + 1111 2222 3333 4444 00 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + - - + - - - - - - + + + + - - Payee fiscal code - - - 01234567890 - - - + + Payee fiscal code + + + 01234567890 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice 2 - - + + pagoPA notice 2 + - + + - - + - - - - - - + + + + - - Notice code - - - 1111 2222 3333 4444 01 - - - + + Notice code + + + 1111 2222 3333 4444 01 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + - - + - - - - - - + + + + - - Payee fiscal code - - - 01234567890 - - - + + Payee fiscal code + + + 01234567890 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice 3 - - + + pagoPA notice 3 + - + + - - + - - - - - - + + + + - - Notice code - - - 1111 2222 3333 4444 02 - - - + + Notice code + + + 1111 2222 3333 4444 02 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + - - + - - - - - - + + + + - - Payee fiscal code - - - 01234567890 - - - + + Payee fiscal code + + + 01234567890 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + @@ -161815,6 +162839,7 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -161834,12 +162859,26 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, - + + + + - - - Notifica - - + + Notifica + - + + - - + - - - - - - + + + + - - Codice IUN - - - randomIUN - - - + + Codice IUN + + + randomIUN + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + + Message + - + + - - + - - - - - - + + + + - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice 1 - - + + pagoPA notice 1 + - + + - - + - - - - - - + + + + - - Notice code - - - 1111 2222 3333 4444 00 - - - + + Notice code + + + 1111 2222 3333 4444 00 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + - - + - - - - - - + + + + - - Payee fiscal code - - - 01234567890 - - - + + Payee fiscal code + + + 01234567890 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice 2 - - + + pagoPA notice 2 + - + + - - + - - - - - - + + + + - - Notice code - - - 1111 2222 3333 4444 01 - - - + + Notice code + + + 1111 2222 3333 4444 01 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + - - + - - - - - - + + + + - - Payee fiscal code - - - 01234567890 - - - + + Payee fiscal code + + + 01234567890 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice 3 - - + + pagoPA notice 3 + - + + - - + - - - - - - + + + + - - Notice code - - - 1111 2222 3333 4444 02 - - - + + Notice code + + + 1111 2222 3333 4444 02 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + - - + - - - - - - + + + + - - Payee fiscal code - - - 01234567890 - - - + + Payee fiscal code + + + 01234567890 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + @@ -164935,6 +165979,7 @@ exports[`MessageBottomMenu should match snapshot, no history, one payment, cance handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -164954,12 +165999,26 @@ exports[`MessageBottomMenu should match snapshot, no history, one payment, cance - + + + + - - - Notifica - - + + Notifica + - + + - - + - - - - - - + + + + - - Codice IUN - - - randomIUN - - - + + Codice IUN + + + randomIUN + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + + Message + - + + - - + - - - - - - + + + + - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + @@ -166327,6 +167391,7 @@ exports[`MessageBottomMenu should match snapshot, no history, one payment, cance handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -166346,12 +167411,26 @@ exports[`MessageBottomMenu should match snapshot, no history, one payment, cance - + + + + - - - Notifica - - + + Notifica + - + + - - + - - - - - - + + + + - - Codice IUN - - - randomIUN - - - + + Codice IUN + + + randomIUN + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + + Message + - + + - - + - - - - - - + + + + - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice 1 - - + + pagoPA notice 1 + - + + - - + - - - - - - + + + + - - Notice code - - - 1111 2222 3333 4444 55 - - - + + Notice code + + + 1111 2222 3333 4444 55 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + @@ -168017,7 +169101,225 @@ exports[`MessageBottomMenu should match snapshot, no history, one payment, cance ] } > - Stato della notifica + Stato della notifica + + + + + + + + + + + + + + + + + + + + + + + + + + Show more data @@ -168027,17 +169329,13 @@ exports[`MessageBottomMenu should match snapshot, no history, one payment, cance accessible={false} backdropComponent={[Function]} enableDismissOnClose={true} - enableDynamicSizing={false} + enableDynamicSizing={true} footerComponent={[Function]} handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} - snapPoints={ - [ - 292, - ] - } style={ { "borderCurve": "continuous", @@ -168051,845 +169349,651 @@ exports[`MessageBottomMenu should match snapshot, no history, one payment, cance - - - - - - + - - - - - + + + Notifica + + + + - - Show more data - - - - - - - - - - - - - - - Notifica - - - - - - - - + - - - - - - + + + + - - Codice IUN - - - randomIUN - - - + + Codice IUN + + + randomIUN + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + + Message + - + + - - + - - - - - - + + + + - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + @@ -169424,6 +170528,7 @@ exports[`MessageBottomMenu should match snapshot, no history, one payment, not c handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -169443,12 +170548,26 @@ exports[`MessageBottomMenu should match snapshot, no history, one payment, not c - + + + + - - - Notifica - - + + Notifica + - + + - - + - - - - - - + + + + - - Codice IUN - - - randomIUN - - - + + Codice IUN + + + randomIUN + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + + Message + - + + - - + - - - - - - + + + + - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice - - + + pagoPA notice + - + + - - + - - - - - - + + + + - - Notice code - - - 1111 2222 3333 4444 00 - - - + + Notice code + + + 1111 2222 3333 4444 00 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + - - + - - - - - - + + + + - - Payee fiscal code - - - 01234567890 - - - + + Payee fiscal code + + + 01234567890 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + @@ -171392,6 +172516,7 @@ exports[`MessageBottomMenu should match snapshot, no history, one payment, not c handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -171411,12 +172536,26 @@ exports[`MessageBottomMenu should match snapshot, no history, one payment, not c - + + + + - - - Notifica - - + + Notifica + - + + - - + - - - - - - + + + + - - Codice IUN - - - randomIUN - - - + + Codice IUN + + + randomIUN + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + + Message + - + + - - + - - - - - - + + + + - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice - - + + pagoPA notice + - + + - - + - - - - - - + + + + - - Notice code - - - 1111 2222 3333 4444 00 - - - + + Notice code + + + 1111 2222 3333 4444 00 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + - - + - - - - - - + + + + - - Payee fiscal code - - - 01234567890 - - - + + Payee fiscal code + + + 01234567890 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + @@ -173360,6 +174504,7 @@ exports[`MessageBottomMenu should match snapshot, no history, one payment, not c handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -173379,12 +174524,26 @@ exports[`MessageBottomMenu should match snapshot, no history, one payment, not c - + + + + - - - Notifica - - + + Notifica + - + + - - + - - - - - - + + + + - - Codice IUN - - - randomIUN - - - + + Codice IUN + + + randomIUN + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + + Message + - + + - - + - - - - - - + + + + - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice - - + + pagoPA notice + - + + - - + - - - - - - + + + + - - Notice code - - - 1111 2222 3333 4444 00 - - - + + Notice code + + + 1111 2222 3333 4444 00 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + - - + - - - - - - + + + + - - Payee fiscal code - - - 01234567890 - - - + + Payee fiscal code + + + 01234567890 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + @@ -175328,6 +176492,7 @@ exports[`MessageBottomMenu should match snapshot, no history, one payment, undef handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -175347,12 +176512,26 @@ exports[`MessageBottomMenu should match snapshot, no history, one payment, undef - + + + + - - - Notifica - - + + Notifica + - + + - - + - - - - - - + + + + - - Codice IUN - - - randomIUN - - - + + Codice IUN + + + randomIUN + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + + Message + - + + - - + - - - - - - + + + + - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice - - + + pagoPA notice + - + + - - + - - - - - - + + + + - - Notice code - - - 1111 2222 3333 4444 00 - - - + + Notice code + + + 1111 2222 3333 4444 00 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + - - + - - - - - - + + + + - - Payee fiscal code - - - 01234567890 - - - + + Payee fiscal code + + + 01234567890 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + @@ -177296,6 +178480,7 @@ exports[`MessageBottomMenu should match snapshot, no history, one payment, undef handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -177315,12 +178500,26 @@ exports[`MessageBottomMenu should match snapshot, no history, one payment, undef - + + + + - - - Notifica - - + + Notifica + - + + - - + - - - - - - + + + + - - Codice IUN - - - randomIUN - - - + + Codice IUN + + + randomIUN + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + + Message + - + + - - + - - - - - - + + + + - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice - - + + pagoPA notice + - + + - - + - - - - - - + + + + - - Notice code - - - 1111 2222 3333 4444 00 - - - + + Notice code + + + 1111 2222 3333 4444 00 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + - - + - - - - - - + + + + - - Payee fiscal code - - - 01234567890 - - - + + Payee fiscal code + + + 01234567890 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + @@ -179264,6 +180468,7 @@ exports[`MessageBottomMenu should match snapshot, no history, one payment, undef handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -179283,12 +180488,26 @@ exports[`MessageBottomMenu should match snapshot, no history, one payment, undef - + + + + - - - Notifica - - + + Notifica + - + + - - + - - - - - - + + + + - - Codice IUN - - - randomIUN - - - + + Codice IUN + + + randomIUN + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + + Message + - + + - - + - - - - - - + + + + - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice - - + + pagoPA notice + - + + - - + - - - - - - + + + + - - Notice code - - - 1111 2222 3333 4444 00 - - - + + Notice code + + + 1111 2222 3333 4444 00 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + - - + - - - - - - + + + + - - Payee fiscal code - - - 01234567890 - - - + + Payee fiscal code + + + 01234567890 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + @@ -181232,6 +182456,7 @@ exports[`MessageBottomMenu should match snapshot, no history, undefined payments handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -181251,12 +182476,26 @@ exports[`MessageBottomMenu should match snapshot, no history, undefined payments - + + + + - - - Notifica - - + + Notifica + - + + - - + - - - - - - + + + + - - Codice IUN - - - randomIUN - - - + + Codice IUN + + + randomIUN + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + + Message + - + + - - + - - - - - - + + + + - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + @@ -182624,6 +183868,7 @@ exports[`MessageBottomMenu should match snapshot, no history, undefined payments handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -182643,12 +183888,26 @@ exports[`MessageBottomMenu should match snapshot, no history, undefined payments - + + + + - - - Notifica - - + + Notifica + - + + - - + - - - - - - + + + + - - Codice IUN - - - randomIUN - - - + + Codice IUN + + + randomIUN + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + + Message + - + + - - + - - - - - - + + + + - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice 1 - - + + pagoPA notice 1 + - + + - - + - - - - - - + + + + - - Notice code - - - 1111 2222 3333 4444 55 - - - + + Notice code + + + 1111 2222 3333 4444 55 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + @@ -184314,7 +185578,225 @@ exports[`MessageBottomMenu should match snapshot, no history, undefined payments ] } > - Stato della notifica + Stato della notifica + + + + + + + + + + + + + + + + + + + + + + + + + + Show more data @@ -184324,17 +185806,13 @@ exports[`MessageBottomMenu should match snapshot, no history, undefined payments accessible={false} backdropComponent={[Function]} enableDismissOnClose={true} - enableDynamicSizing={false} + enableDynamicSizing={true} footerComponent={[Function]} handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} - snapPoints={ - [ - 292, - ] - } style={ { "borderCurve": "continuous", @@ -184348,845 +185826,651 @@ exports[`MessageBottomMenu should match snapshot, no history, undefined payments - - - - - - + - - - - - + + + Notifica + + + + - - Show more data - - - - - - - - - - - - - - - Notifica - - - - - - - - + - - - - - - + + + + - - Codice IUN - - - randomIUN - - - + + Codice IUN + + + randomIUN + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + + Message + - + + - - + - - - - - - + + + + - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + @@ -185721,6 +187005,7 @@ exports[`MessageBottomMenu should match snapshot, no history, undefined payments handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -185740,12 +187025,26 @@ exports[`MessageBottomMenu should match snapshot, no history, undefined payments - + + + + - - - Notifica - - + + Notifica + - + + - - + - - - - - - + + + + - - Codice IUN - - - randomIUN - - - + + Codice IUN + + + randomIUN + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + + Message + - + + - - + - - - - - - + + + + - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + @@ -187098,7 +188402,225 @@ exports[`MessageBottomMenu should match snapshot, no history, undefined payments ] } > - Stato della notifica + Stato della notifica + + + + + + + + + + + + + + + + + + + + + + + + + + Show more data @@ -187108,17 +188630,13 @@ exports[`MessageBottomMenu should match snapshot, no history, undefined payments accessible={false} backdropComponent={[Function]} enableDismissOnClose={true} - enableDynamicSizing={false} + enableDynamicSizing={true} footerComponent={[Function]} handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} - snapPoints={ - [ - 292, - ] - } style={ { "borderCurve": "continuous", @@ -187132,845 +188650,651 @@ exports[`MessageBottomMenu should match snapshot, no history, undefined payments - - - - - - + - - - - - + + + Notifica + + + + - - Show more data - - - - - - - - - - - - - - - Notifica - - - - - - - - + - - - - - - + + + + - - Codice IUN - - - randomIUN - - - + + Codice IUN + + + randomIUN + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + + Message + - + + - - + - - - - - - + + + + - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + @@ -188505,6 +189829,7 @@ exports[`MessageBottomMenu should match snapshot, no history, undefined payments handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -188524,12 +189849,26 @@ exports[`MessageBottomMenu should match snapshot, no history, undefined payments - + + + + - - - Notifica - - + + Notifica + - + + - - + - - - - - - + + + + - - Codice IUN - - - randomIUN - - - + + Codice IUN + + + randomIUN + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + + Message + - + + - - + - - - - - - + + + + - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + @@ -189882,7 +191226,225 @@ exports[`MessageBottomMenu should match snapshot, no history, undefined payments ] } > - Stato della notifica + Stato della notifica + + + + + + + + + + + + + + + + + + + + + + + + + + Show more data @@ -189892,17 +191454,13 @@ exports[`MessageBottomMenu should match snapshot, no history, undefined payments accessible={false} backdropComponent={[Function]} enableDismissOnClose={true} - enableDynamicSizing={false} + enableDynamicSizing={true} footerComponent={[Function]} handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} - snapPoints={ - [ - 292, - ] - } style={ { "borderCurve": "continuous", @@ -189916,845 +191474,651 @@ exports[`MessageBottomMenu should match snapshot, no history, undefined payments - - - - - - + - - - - - + + + Notifica + + + + - - Show more data - - - - - - - - - - - - - - - Notifica - - - - - - - - + - - - - - - + + + + - - Codice IUN - - - randomIUN - - - + + Codice IUN + + + randomIUN + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + + Message + - + + - - + - - - - - - + + + + - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + @@ -191289,6 +192653,7 @@ exports[`MessageBottomMenu should match snapshot, no history, undefined payments handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -191308,12 +192673,26 @@ exports[`MessageBottomMenu should match snapshot, no history, undefined payments - + + + + - - - Notifica - - + + Notifica + - + + - - + - - - - - - + + + + - - Codice IUN - - - randomIUN - - - + + Codice IUN + + + randomIUN + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + + Message + - + + - - + - - - - - - + + + + - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + @@ -192681,6 +194065,7 @@ exports[`MessageBottomMenu should match snapshot, no history, undefined payments handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -192700,12 +194085,26 @@ exports[`MessageBottomMenu should match snapshot, no history, undefined payments - + + + + - - - Notifica - - + + Notifica + - + + - - + - - - - - - + + + + - - Codice IUN - - - randomIUN - - - + + Codice IUN + + + randomIUN + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + + Message + - + + - - + - - - - - - + + + + - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + diff --git a/ts/features/pn/components/__test__/__snapshots__/MessageDetails.test.tsx.snap b/ts/features/pn/components/__test__/__snapshots__/MessageDetails.test.tsx.snap index 75a62ec0535..1183a7432d1 100644 --- a/ts/features/pn/components/__test__/__snapshots__/MessageDetails.test.tsx.snap +++ b/ts/features/pn/components/__test__/__snapshots__/MessageDetails.test.tsx.snap @@ -875,6 +875,7 @@ exports[`MessageDetails component should match the snapshot with default props 1 handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -894,12 +895,26 @@ exports[`MessageDetails component should match the snapshot with default props 1 - + + + + - - - Notifica - - + Notifica + - + + - - - - - - - - + + + + + - - Codice IUN - - - 731143-7-0317-8200-0 - - - + - + + + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + Message + - + + - - - - - - - - + + + + + - - Message ID - - - 01HRYR6C761DGH3S84HBBXMMKT - - - + - + + + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + diff --git a/ts/features/pn/components/__test__/__snapshots__/MessagePaymentBottomSheet.test.tsx.snap b/ts/features/pn/components/__test__/__snapshots__/MessagePaymentBottomSheet.test.tsx.snap index 655dbf05c25..18a813cb4a0 100644 --- a/ts/features/pn/components/__test__/__snapshots__/MessagePaymentBottomSheet.test.tsx.snap +++ b/ts/features/pn/components/__test__/__snapshots__/MessagePaymentBottomSheet.test.tsx.snap @@ -340,6 +340,7 @@ exports[`MessagePaymentBottomSheet should match snapshot, no payments 1`] = ` handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -359,12 +360,26 @@ exports[`MessagePaymentBottomSheet should match snapshot, no payments 1`] = ` - + + + + @@ -720,6 +735,7 @@ exports[`MessagePaymentBottomSheet should match snapshot, six payments 1`] = ` handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -739,7 +755,6 @@ exports[`MessagePaymentBottomSheet should match snapshot, six payments 1`] = ` + + diff --git a/ts/features/pn/components/__test__/__snapshots__/TimelineListItem.test.tsx.snap b/ts/features/pn/components/__test__/__snapshots__/TimelineListItem.test.tsx.snap index d203165c5ec..f918697bea8 100644 --- a/ts/features/pn/components/__test__/__snapshots__/TimelineListItem.test.tsx.snap +++ b/ts/features/pn/components/__test__/__snapshots__/TimelineListItem.test.tsx.snap @@ -506,6 +506,7 @@ exports[`TimelineListItem Should match snapshot, all handled-status items histor handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -525,7 +526,6 @@ exports[`TimelineListItem Should match snapshot, all handled-status items histor + + @@ -2807,6 +2821,7 @@ exports[`TimelineListItem Should match snapshot, all handled-status items histor handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -2826,7 +2841,6 @@ exports[`TimelineListItem Should match snapshot, all handled-status items histor + + @@ -5108,6 +5136,7 @@ exports[`TimelineListItem Should match snapshot, no history, no link 1`] = ` handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -5127,12 +5156,26 @@ exports[`TimelineListItem Should match snapshot, no history, no link 1`] = ` - + + + + @@ -5654,6 +5697,7 @@ exports[`TimelineListItem Should match snapshot, no history, with link 1`] = ` handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -5673,12 +5717,26 @@ exports[`TimelineListItem Should match snapshot, no history, with link 1`] = ` - + + + + diff --git a/ts/features/pn/screens/__test__/__snapshots__/MessageDetailsScreen.test.tsx.snap b/ts/features/pn/screens/__test__/__snapshots__/MessageDetailsScreen.test.tsx.snap index 89cb0ae5b01..b7e7654678f 100644 --- a/ts/features/pn/screens/__test__/__snapshots__/MessageDetailsScreen.test.tsx.snap +++ b/ts/features/pn/screens/__test__/__snapshots__/MessageDetailsScreen.test.tsx.snap @@ -1426,6 +1426,7 @@ exports[`MessageDetailsScreen should match the snapshot when everything went fin handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -1445,12 +1446,26 @@ exports[`MessageDetailsScreen should match the snapshot when everything went fin - + + + + - - - Notifica - - + Notifica + - + + - - - - - - - - + + + + + - - Codice IUN - - - 731143-7-0317-8200-0 - - - + - + + + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + Message + - + + - - - - - - - - + + + + + - - Message ID - - - FAT00001 - - - + - + + + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + diff --git a/ts/features/pushNotifications/components/__tests__/__snapshots__/ProfileNotificationsSettings.test.tsx.snap b/ts/features/pushNotifications/components/__tests__/__snapshots__/ProfileNotificationsSettings.test.tsx.snap index 0bff0625e4d..0ce26ffb525 100644 --- a/ts/features/pushNotifications/components/__tests__/__snapshots__/ProfileNotificationsSettings.test.tsx.snap +++ b/ts/features/pushNotifications/components/__tests__/__snapshots__/ProfileNotificationsSettings.test.tsx.snap @@ -923,6 +923,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -942,7 +943,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -2062,6 +2069,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -2081,7 +2089,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -3046,6 +3060,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -3065,7 +3080,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -4185,6 +4206,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -4204,7 +4226,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -5315,6 +5343,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -5334,7 +5363,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -6600,6 +6635,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -6619,7 +6655,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -7730,6 +7772,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -7749,7 +7792,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -9015,6 +9064,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -9034,7 +9084,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -9999,6 +10055,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -10018,7 +10075,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -11138,6 +11201,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -11157,7 +11221,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -12122,6 +12192,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -12141,7 +12212,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -13261,6 +13338,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -13280,7 +13358,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -14391,6 +14475,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -14410,7 +14495,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -15676,6 +15767,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -15695,7 +15787,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -16806,6 +16904,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -16825,7 +16924,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -18091,6 +18196,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -18110,7 +18216,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -19075,6 +19187,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -19094,7 +19207,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -20214,6 +20333,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -20233,7 +20353,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -21198,6 +21324,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -21217,7 +21344,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -22337,6 +22470,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -22356,7 +22490,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -23467,6 +23607,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -23486,7 +23627,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -24752,6 +24899,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -24771,7 +24919,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -25882,6 +26036,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -25901,7 +26056,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -27167,6 +27328,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -27186,7 +27348,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -28151,6 +28319,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -28170,7 +28339,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -29290,6 +29465,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -29309,7 +29485,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -30274,6 +30456,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -30293,7 +30476,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -31413,6 +31602,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -31432,7 +31622,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -32543,6 +32739,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -32562,7 +32759,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -33828,6 +34031,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -33847,7 +34051,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -34958,6 +35168,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -34977,7 +35188,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -36243,6 +36460,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -36262,7 +36480,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -37373,6 +37597,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -37392,7 +37617,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -38658,6 +38889,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -38677,7 +38909,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -39788,6 +40026,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -39807,7 +40046,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -41073,6 +41318,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -41092,7 +41338,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -42349,6 +42601,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -42368,7 +42621,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -43780,6 +44039,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -43799,7 +44059,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -45056,6 +45322,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -45075,7 +45342,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -46487,6 +46760,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -46506,7 +46780,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -47617,6 +47897,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -47636,7 +47917,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -48902,6 +49189,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -48921,7 +49209,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -50032,6 +50326,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -50051,7 +50346,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -51317,6 +51618,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -51336,7 +51638,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -52593,6 +52901,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -52612,7 +52921,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -54024,6 +54339,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -54043,7 +54359,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -55300,6 +55622,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -55319,7 +55642,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -56731,6 +57060,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -56750,7 +57080,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -57861,6 +58197,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -57880,7 +58217,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -59146,6 +59489,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -59165,7 +59509,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -60276,6 +60626,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -60295,7 +60646,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -61561,6 +61918,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -61580,7 +61938,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -62837,6 +63201,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -62856,7 +63221,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -64268,6 +64639,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -64287,7 +64659,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -65544,6 +65922,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -65563,7 +65942,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -66975,6 +67360,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -66994,7 +67380,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -68105,6 +68497,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -68124,7 +68517,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -69390,6 +69789,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -69409,7 +69809,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -70520,6 +70926,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -70539,7 +70946,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -71805,6 +72218,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -71824,7 +72238,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -73081,6 +73501,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -73100,7 +73521,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -74512,6 +74939,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -74531,7 +74959,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -75788,6 +76222,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -75807,7 +76242,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -77219,6 +77660,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -77238,7 +77680,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -78203,6 +78651,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -78222,7 +78671,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -79342,6 +79797,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -79361,7 +79817,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -80326,6 +80788,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -80345,7 +80808,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -81465,6 +81934,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -81484,7 +81954,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -82595,6 +83071,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -82614,7 +83091,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -83880,6 +84363,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -83899,7 +84383,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -85010,6 +85500,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -85029,7 +85520,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -86295,6 +86792,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -86314,7 +86812,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -87279,6 +87783,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -87298,7 +87803,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -88418,6 +88929,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -88437,7 +88949,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -89402,6 +89920,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -89421,7 +89940,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -90541,6 +91066,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -90560,7 +91086,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -91671,6 +92203,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -91690,7 +92223,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -92956,6 +93495,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -92975,7 +93515,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -94086,6 +94632,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -94105,7 +94652,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -95371,6 +95924,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -95390,7 +95944,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -96355,6 +96915,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -96374,7 +96935,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -97494,6 +98061,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -97513,7 +98081,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -98478,6 +99052,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -98497,7 +99072,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -99617,6 +100198,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -99636,7 +100218,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -100747,6 +101335,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -100766,7 +101355,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -102032,6 +102627,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -102051,7 +102647,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -103162,6 +103764,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -103181,7 +103784,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -104447,6 +105056,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -104466,7 +105076,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -105431,6 +106047,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -105450,7 +106067,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -106570,6 +107193,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -106589,7 +107213,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -107554,6 +108184,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -107573,7 +108204,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -108693,6 +109330,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -108712,7 +109350,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -109823,6 +110467,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -109842,7 +110487,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -111108,6 +111759,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -111127,7 +111779,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -112238,6 +112896,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -112257,7 +112916,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -113523,6 +114188,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -113542,7 +114208,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -114653,6 +115325,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -114672,7 +115345,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -115938,6 +116617,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -115957,7 +116637,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -117068,6 +117754,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -117087,7 +117774,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -118353,6 +119046,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -118372,7 +119066,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -119629,6 +120329,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -119648,7 +120349,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -121060,6 +121767,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -121079,7 +121787,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -122336,6 +123050,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -122355,7 +123070,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -123767,6 +124488,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -123786,7 +124508,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -124897,6 +125625,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -124916,7 +125645,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -126182,6 +126917,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -126201,7 +126937,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -127312,6 +128054,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -127331,7 +128074,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -128597,6 +129346,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -128616,7 +129366,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -129873,6 +130629,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -129892,7 +130649,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -131304,6 +132067,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -131323,7 +132087,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -132580,6 +133350,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -132599,7 +133370,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -134011,6 +134788,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -134030,7 +134808,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -135141,6 +135925,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -135160,7 +135945,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -136426,6 +137217,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -136445,7 +137237,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -137556,6 +138354,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -137575,7 +138374,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -138841,6 +139646,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -138860,7 +139666,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -140117,6 +140929,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -140136,7 +140949,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -141548,6 +142367,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -141567,7 +142387,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -142824,6 +143650,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -142843,7 +143670,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -144255,6 +145088,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -144274,7 +145108,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -145385,6 +146225,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -145404,7 +146245,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -146670,6 +147517,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -146689,7 +147537,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -147800,6 +148654,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -147819,7 +148674,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -149085,6 +149946,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -149104,7 +149966,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -150361,6 +151229,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -150380,7 +151249,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -151792,6 +152667,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -151811,7 +152687,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -153068,6 +153950,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -153087,7 +153970,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -154499,6 +155388,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -154518,7 +155408,6 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + diff --git a/ts/features/pushNotifications/screens/__tests__/__snapshots__/OnboardingNotificationsPreferencesScreen.test.tsx.snap b/ts/features/pushNotifications/screens/__tests__/__snapshots__/OnboardingNotificationsPreferencesScreen.test.tsx.snap index f748a3fb985..b048417b8f0 100644 --- a/ts/features/pushNotifications/screens/__tests__/__snapshots__/OnboardingNotificationsPreferencesScreen.test.tsx.snap +++ b/ts/features/pushNotifications/screens/__tests__/__snapshots__/OnboardingNotificationsPreferencesScreen.test.tsx.snap @@ -999,6 +999,7 @@ exports[`OnboardingNotificationsPreferencesScreen should match snapshot when not handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -1018,7 +1019,6 @@ exports[`OnboardingNotificationsPreferencesScreen should match snapshot when not If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -2445,6 +2452,7 @@ exports[`OnboardingNotificationsPreferencesScreen should match snapshot when not handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -2464,7 +2472,6 @@ exports[`OnboardingNotificationsPreferencesScreen should match snapshot when not If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -3892,6 +3906,7 @@ exports[`OnboardingNotificationsPreferencesScreen should match snapshot when not handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -3911,7 +3926,6 @@ exports[`OnboardingNotificationsPreferencesScreen should match snapshot when not If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -5339,6 +5360,7 @@ exports[`OnboardingNotificationsPreferencesScreen should match snapshot when not handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -5358,7 +5380,6 @@ exports[`OnboardingNotificationsPreferencesScreen should match snapshot when not If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -7078,6 +7106,7 @@ exports[`OnboardingNotificationsPreferencesScreen should match snapshot when upd handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -7097,7 +7126,6 @@ exports[`OnboardingNotificationsPreferencesScreen should match snapshot when upd If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + diff --git a/ts/features/services/home/hooks/useServicesHomeBottomSheet.tsx b/ts/features/services/home/hooks/useServicesHomeBottomSheet.tsx index b28e753290a..71fc8a0101b 100644 --- a/ts/features/services/home/hooks/useServicesHomeBottomSheet.tsx +++ b/ts/features/services/home/hooks/useServicesHomeBottomSheet.tsx @@ -9,7 +9,7 @@ import { import I18n from "../../../../i18n"; import { useIONavigation } from "../../../../navigation/params/AppParamsList"; import ROUTES from "../../../../navigation/routes"; -import { useIOBottomSheetAutoresizableModal } from "../../../../utils/hooks/bottomSheet"; +import { useIOBottomSheetModal } from "../../../../utils/hooks/bottomSheet"; type NavigationListItem = { value: string; @@ -61,7 +61,7 @@ export const useServicesHomeBottomSheet = () => { } ]; - const { present, bottomSheet, dismiss } = useIOBottomSheetAutoresizableModal({ + const { present, bottomSheet, dismiss } = useIOBottomSheetModal({ title: "", component: ( = props => { openWebUrl(acceptedPaymentMethodsFaqUrl); const paymentSupported = isPaymentSupported(props.paymentMethod); - const { present, bottomSheet } = useIOBottomSheetAutoresizableModal( - { - component: ( - - - {I18n.t("wallet.methods.card.pagoPaCapability.bottomSheetBody")} - - - - ), - title: I18n.t("wallet.methods.card.pagoPaCapability.bottomSheetTitle") - }, - 48 - ); + const { present, bottomSheet } = useIOBottomSheetModal({ + component: ( + + + {I18n.t("wallet.methods.card.pagoPaCapability.bottomSheetBody")} + + + + ), + title: I18n.t("wallet.methods.card.pagoPaCapability.bottomSheetTitle") + }); return ( <> diff --git a/ts/features/wallet/onboarding/paypal/components/PspRadioItem.tsx b/ts/features/wallet/onboarding/paypal/components/PspRadioItem.tsx index 605492f45f1..508aa42fa17 100644 --- a/ts/features/wallet/onboarding/paypal/components/PspRadioItem.tsx +++ b/ts/features/wallet/onboarding/paypal/components/PspRadioItem.tsx @@ -13,7 +13,7 @@ import TouchableDefaultOpacity from "../../../../../components/TouchableDefaultO import { H4 } from "../../../../../components/core/typography/H4"; import I18n from "../../../../../i18n"; import { TestID } from "../../../../../types/WithTestID"; -import { useIOBottomSheetAutoresizableModal } from "../../../../../utils/hooks/bottomSheet"; +import { useIOBottomSheetModal } from "../../../../../utils/hooks/bottomSheet"; import { useImageResize } from "../../bancomat/hooks/useImageResize"; import { IOPayPalPsp } from "../types"; import { PspInfoBottomSheetContent } from "./PspInfoBottomSheet"; @@ -59,40 +59,34 @@ export const PspRadioItem = ( psp.logoUrl ); - const { present, bottomSheet, dismiss } = useIOBottomSheetAutoresizableModal( - { - title: I18n.t( - "wallet.onboarding.paypal.selectPsp.infoBottomSheet.title", - { - pspName: psp.name - } - ), - component: ( - + ), + footer: ( + + dismiss()} + label={I18n.t( + "wallet.onboarding.paypal.selectPsp.infoBottomSheet.ctaTitle" + )} + accessibilityLabel={I18n.t( + "wallet.onboarding.paypal.selectPsp.infoBottomSheet.ctaTitle" + )} + fullWidth={true} /> - ), - footer: ( - - dismiss()} - label={I18n.t( - "wallet.onboarding.paypal.selectPsp.infoBottomSheet.ctaTitle" - )} - accessibilityLabel={I18n.t( - "wallet.onboarding.paypal.selectPsp.infoBottomSheet.ctaTitle" - )} - fullWidth={true} - /> - - - ) - }, - 130 - ); + + + ) + }); return ( diff --git a/ts/features/wallet/onboarding/paypal/screen/PayPalPspSelectionScreen.tsx b/ts/features/wallet/onboarding/paypal/screen/PayPalPspSelectionScreen.tsx index dc5dc40bc78..51e8cc383aa 100644 --- a/ts/features/wallet/onboarding/paypal/screen/PayPalPspSelectionScreen.tsx +++ b/ts/features/wallet/onboarding/paypal/screen/PayPalPspSelectionScreen.tsx @@ -25,7 +25,7 @@ import ROUTES from "../../../../../navigation/routes"; import { useIODispatch } from "../../../../../store/hooks"; import { GlobalState } from "../../../../../store/reducers/types"; import { emptyContextualHelp } from "../../../../../utils/emptyContextualHelp"; -import { useIOBottomSheetAutoresizableModal } from "../../../../../utils/hooks/bottomSheet"; +import { useIOBottomSheetModal } from "../../../../../utils/hooks/bottomSheet"; import { PspRadioItem } from "../components/PspRadioItem"; import PAYPAL_ROUTES from "../navigation/routes"; import { @@ -101,7 +101,7 @@ const getLocales = () => ({ const PayPalPspSelectionScreen = (props: Props): React.ReactElement | null => { const locales = getLocales(); const { present: presentWhatIsPspBottomSheet, bottomSheet } = - useIOBottomSheetAutoresizableModal({ + useIOBottomSheetModal({ title: locales.whatIsPspTitle, component: ( diff --git a/ts/features/wallet/onboarding/paypal/screen/__tests__/PayPalPpsSelectionScreen.test.tsx b/ts/features/wallet/onboarding/paypal/screen/__tests__/PayPalPpsSelectionScreen.test.tsx index 48ea5ea8053..cebd0390376 100644 --- a/ts/features/wallet/onboarding/paypal/screen/__tests__/PayPalPpsSelectionScreen.test.tsx +++ b/ts/features/wallet/onboarding/paypal/screen/__tests__/PayPalPpsSelectionScreen.test.tsx @@ -19,7 +19,7 @@ jest.mock("../../../../../../utils/hooks/bottomSheet", () => { __esModule: true, BottomSheetScrollView: react.ScrollView, TouchableWithoutFeedback: react.TouchableWithoutFeedback, - useIOBottomSheetAutoresizableModal: () => ({ + useIOBottomSheetModal: () => ({ present: mockPresentBottomSheet }) }; diff --git a/ts/features/wallet/onboarding/paypal/screen/__tests__/__snapshots__/PspRadioItem.test.tsx.snap b/ts/features/wallet/onboarding/paypal/screen/__tests__/__snapshots__/PspRadioItem.test.tsx.snap index dc5342446e3..8b2fe79f47e 100644 --- a/ts/features/wallet/onboarding/paypal/screen/__tests__/__snapshots__/PspRadioItem.test.tsx.snap +++ b/ts/features/wallet/onboarding/paypal/screen/__tests__/__snapshots__/PspRadioItem.test.tsx.snap @@ -149,17 +149,13 @@ exports[`PspRadioItem match snapshot 1`] = ` accessible={false} backdropComponent={[Function]} enableDismissOnClose={true} - enableDynamicSizing={false} + enableDynamicSizing={true} footerComponent={[Function]} handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1314} onDismiss={[Function]} - snapPoints={ - [ - 1, - ] - } style={ { "borderCurve": "continuous", @@ -173,421 +169,430 @@ exports[`PspRadioItem match snapshot 1`] = ` - - - - - - - - + + + + + - - It's a Payment Service Provider (PSP) which can process your transactions via PayPal. - - + }, + { + "color": "#475A6D", + "fontFamily": "Titillium Sans Pro", + "fontStyle": "normal", + "fontWeight": "400", + }, + ] + } + weight="Regular" + > + It's a Payment Service Provider (PSP) which can process your transactions via PayPal. + + + - - - - - - - - + + + + + + When you pay a notice, this PSP can apply a maximum fee of + € 1.00 + + . You'll see the right amount before confirming the payment. + + + + + + + - When you pay a notice, this PSP can apply a maximum fee of - - € 1.00 - - . You'll see the right amount before confirming the payment. - - + /> + + - + - - - - - - - - - - PayTipper’s Terms and Conditions and Privacy Policy apply - - + PayTipper’s Terms and Conditions and Privacy Policy apply + - + + + diff --git a/ts/hooks/useSecuritySuggestionBottomSheet.tsx b/ts/hooks/useSecuritySuggestionBottomSheet.tsx index 1e1ffe70ecf..1e0f7aa5f5a 100644 --- a/ts/hooks/useSecuritySuggestionBottomSheet.tsx +++ b/ts/hooks/useSecuritySuggestionBottomSheet.tsx @@ -6,7 +6,7 @@ import { } from "../features/fastLogin/store/selectors"; import I18n from "../i18n"; import { useIOSelector } from "../store/hooks"; -import { useIOBottomSheetAutoresizableModal } from "../utils/hooks/bottomSheet"; +import { useIOBottomSheetModal } from "../utils/hooks/bottomSheet"; import SecuritySuggestions from "../features/fastLogin/components/SecuritySuggestions"; /** @@ -28,10 +28,9 @@ export const useSecuritySuggestionsBottomSheet = ( const { present: presentSecuritySuggestionBottomSheet, bottomSheet: securitySuggestionBottomSheet - } = useIOBottomSheetAutoresizableModal({ + } = useIOBottomSheetModal({ title: I18n.t("authentication.opt_in.security_suggests"), - component: , - fullScreen: true + component: }); const showSecuritySuggestionModal = useCallback(() => { diff --git a/ts/screens/authentication/UnlockAccessComponent.tsx b/ts/screens/authentication/UnlockAccessComponent.tsx index f8da36ae720..08e09e10f55 100644 --- a/ts/screens/authentication/UnlockAccessComponent.tsx +++ b/ts/screens/authentication/UnlockAccessComponent.tsx @@ -8,7 +8,7 @@ import { } from "@pagopa/io-app-design-system"; import { Text, View } from "react-native"; import I18n from "../../i18n"; -import { useIOBottomSheetAutoresizableModal } from "../../utils/hooks/bottomSheet"; +import { useIOBottomSheetModal } from "../../utils/hooks/bottomSheet"; import { openWebUrl } from "../../utils/url"; import ROUTES from "../../navigation/routes"; import { useIONavigation } from "../../navigation/params/AppParamsList"; @@ -74,14 +74,10 @@ const UnlockAccessComponent = (props: UnlockAccessProps) => { const { present: presentVeryLongAutoresizableBottomSheetWithFooter, bottomSheet: veryLongAutoResizableBottomSheetWithFooter - } = useIOBottomSheetAutoresizableModal( - { - title: I18n.t("authentication.unlockmodal.title"), - component: , - fullScreen: true - }, - 100 - ); + } = useIOBottomSheetModal({ + title: I18n.t("authentication.unlockmodal.title"), + component: + }); const onPressActionButton = () => { if (authLevel === "L2") { diff --git a/ts/screens/authentication/__tests__/UnlockAccessComponent.test.tsx b/ts/screens/authentication/__tests__/UnlockAccessComponent.test.tsx index 5f3ff318cb3..28595a38541 100644 --- a/ts/screens/authentication/__tests__/UnlockAccessComponent.test.tsx +++ b/ts/screens/authentication/__tests__/UnlockAccessComponent.test.tsx @@ -5,7 +5,7 @@ import { createStore } from "redux"; import UnlockAccessComponent, { UnlockAccessProps } from "../../authentication/UnlockAccessComponent"; -import { useIOBottomSheetAutoresizableModal } from "../../../utils/hooks/bottomSheet"; +import { useIOBottomSheetModal } from "../../../utils/hooks/bottomSheet"; import { openWebUrl } from "../../../utils/url"; import { useIONavigation } from "../../../navigation/params/AppParamsList"; import I18n from "../../../i18n"; @@ -19,7 +19,7 @@ jest.mock("../../../utils/url"); jest.mock("../../../navigation/params/AppParamsList"); const mockedUseIOBottomSheetAutoresizableModal = - useIOBottomSheetAutoresizableModal as jest.Mock; + useIOBottomSheetModal as jest.Mock; const mockedOpenWebUrl = openWebUrl as jest.Mock; const mockedUseIONavigation = useIONavigation as jest.Mock; diff --git a/ts/screens/authentication/cie/CiePinScreen.tsx b/ts/screens/authentication/cie/CiePinScreen.tsx index 48be76d1a7b..636ea68e0dd 100644 --- a/ts/screens/authentication/cie/CiePinScreen.tsx +++ b/ts/screens/authentication/cie/CiePinScreen.tsx @@ -55,7 +55,7 @@ import { nfcIsEnabled } from "../../../store/actions/cie"; import { useIODispatch, useIOSelector } from "../../../store/hooks"; import { SessionToken } from "../../../types/SessionToken"; import { setAccessibilityFocus } from "../../../utils/accessibility"; -import { useIOBottomSheetAutoresizableModal } from "../../../utils/hooks/bottomSheet"; +import { useIOBottomSheetModal } from "../../../utils/hooks/bottomSheet"; import { useOnFirstRender } from "../../../utils/hooks/useOnFirstRender"; import { withTrailingPoliceCarLightEmojii } from "../../../utils/strings"; import { openWebUrl } from "../../../utils/url"; @@ -108,7 +108,7 @@ const CiePinScreen = () => { ); const isEnabled = useIOSelector(isNfcEnabledSelector); const isNfcEnabled = pot.getOrElse(isEnabled, false); - const { present, bottomSheet } = useIOBottomSheetAutoresizableModal({ + const { present, bottomSheet } = useIOBottomSheetModal({ component: ( diff --git a/ts/screens/modal/RootedDeviceModal.tsx b/ts/screens/modal/RootedDeviceModal.tsx index d8254504903..027b7ad6017 100644 --- a/ts/screens/modal/RootedDeviceModal.tsx +++ b/ts/screens/modal/RootedDeviceModal.tsx @@ -17,7 +17,7 @@ import LegacyMarkdown from "../../components/ui/Markdown/LegacyMarkdown"; import I18n from "../../i18n"; import { useIONavigation } from "../../navigation/params/AppParamsList"; import { continueWithRootOrJailbreak } from "../../store/actions/persistedPreferences"; -import { useIOBottomSheetAutoresizableModal } from "../../utils/hooks/bottomSheet"; +import { useIOBottomSheetModal } from "../../utils/hooks/bottomSheet"; import { trackLoginRootedScreen } from "./analytics"; const RootedDeviceModal = () => { @@ -39,7 +39,7 @@ const RootedDeviceModal = () => { const { present: presentLearnMoreBottomSheet, bottomSheet: learnMoreBottomSheet - } = useIOBottomSheetAutoresizableModal({ + } = useIOBottomSheetModal({ title: I18n.t("rooted.learnMoreBottomsheet.title"), component: {body} }); diff --git a/ts/screens/profile/__test__/__snapshots__/NotificationsPreferencesScreen.test.tsx.snap b/ts/screens/profile/__test__/__snapshots__/NotificationsPreferencesScreen.test.tsx.snap index 71ebf8d0460..836de4d46f2 100644 --- a/ts/screens/profile/__test__/__snapshots__/NotificationsPreferencesScreen.test.tsx.snap +++ b/ts/screens/profile/__test__/__snapshots__/NotificationsPreferencesScreen.test.tsx.snap @@ -887,6 +887,7 @@ exports[`NotificationsPreferencesScreen should match snapshot, disabled preview handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -906,7 +907,6 @@ exports[`NotificationsPreferencesScreen should match snapshot, disabled preview If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -2207,6 +2214,7 @@ exports[`NotificationsPreferencesScreen should match snapshot, disabled preview handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -2226,7 +2234,6 @@ exports[`NotificationsPreferencesScreen should match snapshot, disabled preview If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -3527,6 +3541,7 @@ exports[`NotificationsPreferencesScreen should match snapshot, disabled preview handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -3546,7 +3561,6 @@ exports[`NotificationsPreferencesScreen should match snapshot, disabled preview If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -4847,6 +4868,7 @@ exports[`NotificationsPreferencesScreen should match snapshot, disabled preview handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -4866,7 +4888,6 @@ exports[`NotificationsPreferencesScreen should match snapshot, disabled preview If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -6167,6 +6195,7 @@ exports[`NotificationsPreferencesScreen should match snapshot, disabled preview handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -6186,7 +6215,6 @@ exports[`NotificationsPreferencesScreen should match snapshot, disabled preview If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -7487,6 +7522,7 @@ exports[`NotificationsPreferencesScreen should match snapshot, disabled preview handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -7506,7 +7542,6 @@ exports[`NotificationsPreferencesScreen should match snapshot, disabled preview If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -8807,6 +8849,7 @@ exports[`NotificationsPreferencesScreen should match snapshot, enabled preview handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -8826,7 +8869,6 @@ exports[`NotificationsPreferencesScreen should match snapshot, enabled preview If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -10127,6 +10176,7 @@ exports[`NotificationsPreferencesScreen should match snapshot, enabled preview handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -10146,7 +10196,6 @@ exports[`NotificationsPreferencesScreen should match snapshot, enabled preview If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -11447,6 +11503,7 @@ exports[`NotificationsPreferencesScreen should match snapshot, enabled preview handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -11466,7 +11523,6 @@ exports[`NotificationsPreferencesScreen should match snapshot, enabled preview If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -12767,6 +12830,7 @@ exports[`NotificationsPreferencesScreen should match snapshot, enabled preview handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -12786,7 +12850,6 @@ exports[`NotificationsPreferencesScreen should match snapshot, enabled preview If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -14087,6 +14157,7 @@ exports[`NotificationsPreferencesScreen should match snapshot, enabled preview handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -14106,7 +14177,6 @@ exports[`NotificationsPreferencesScreen should match snapshot, enabled preview If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -15407,6 +15484,7 @@ exports[`NotificationsPreferencesScreen should match snapshot, enabled preview handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -15426,7 +15504,6 @@ exports[`NotificationsPreferencesScreen should match snapshot, enabled preview If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -16727,6 +16811,7 @@ exports[`NotificationsPreferencesScreen should match snapshot, undefined preview handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -16746,7 +16831,6 @@ exports[`NotificationsPreferencesScreen should match snapshot, undefined preview If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -18047,6 +18138,7 @@ exports[`NotificationsPreferencesScreen should match snapshot, undefined preview handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -18066,7 +18158,6 @@ exports[`NotificationsPreferencesScreen should match snapshot, undefined preview If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -19367,6 +19465,7 @@ exports[`NotificationsPreferencesScreen should match snapshot, undefined preview handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -19386,7 +19485,6 @@ exports[`NotificationsPreferencesScreen should match snapshot, undefined preview If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -20687,6 +20792,7 @@ exports[`NotificationsPreferencesScreen should match snapshot, undefined preview handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -20706,7 +20812,6 @@ exports[`NotificationsPreferencesScreen should match snapshot, undefined preview If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -22007,6 +22119,7 @@ exports[`NotificationsPreferencesScreen should match snapshot, undefined preview handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -22026,7 +22139,6 @@ exports[`NotificationsPreferencesScreen should match snapshot, undefined preview If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -23327,6 +23446,7 @@ exports[`NotificationsPreferencesScreen should match snapshot, undefined preview handleComponent={[Function]} hardwareAccelerated={false} importantForAccessibility="yes" + maxDynamicContentSize={1334} onDismiss={[Function]} snapPoints={ [ @@ -23346,7 +23466,6 @@ exports[`NotificationsPreferencesScreen should match snapshot, undefined preview If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + diff --git a/ts/screens/profile/components/ShareDataComponent/ShareDataFeatureInfos.tsx b/ts/screens/profile/components/ShareDataComponent/ShareDataFeatureInfos.tsx index 65587fd2526..75e1793e7a4 100644 --- a/ts/screens/profile/components/ShareDataComponent/ShareDataFeatureInfos.tsx +++ b/ts/screens/profile/components/ShareDataComponent/ShareDataFeatureInfos.tsx @@ -10,7 +10,7 @@ import { Millisecond } from "@pagopa/ts-commons/lib/units"; import { useSafeAreaInsets } from "react-native-safe-area-context"; import I18n from "../../../../i18n"; import LegacyMarkdown from "../../../../components/ui/Markdown/LegacyMarkdown"; -import { useIOBottomSheetAutoresizableModal } from "../../../../utils/hooks/bottomSheet"; +import { useIOBottomSheetModal } from "../../../../utils/hooks/bottomSheet"; import { openWebUrl } from "../../../../utils/url"; import { ioSuppliersUrl } from "../../../../urls"; import { TrackingInfo } from "../../analytics/mixpanel/mixpanelAnalytics"; @@ -54,7 +54,7 @@ const MarkdownBody = () => { const AnalyticsFeatureInfo = ({ trackAction }: FeatureProps) => { const bodyRef = useRef(null); - const { present, bottomSheet } = useIOBottomSheetAutoresizableModal({ + const { present, bottomSheet } = useIOBottomSheetModal({ title: I18n.t("profile.main.privacy.shareData.whyBottomSheet.title"), component: , onDismiss: () => { diff --git a/ts/screens/profile/components/__test__/ShareDataComponent.test.tsx b/ts/screens/profile/components/__test__/ShareDataComponent.test.tsx index 07eab2f7838..1d057f695e8 100644 --- a/ts/screens/profile/components/__test__/ShareDataComponent.test.tsx +++ b/ts/screens/profile/components/__test__/ShareDataComponent.test.tsx @@ -18,7 +18,7 @@ jest.mock("../../../../utils/hooks/bottomSheet", () => { return { __esModule: true, - useIOBottomSheetAutoresizableModal: () => ({ + useIOBottomSheetModal: () => ({ present: mockPresentFn, bottomSheet: react.View }) diff --git a/ts/screens/profile/components/services/ManualConfigBottomSheet.tsx b/ts/screens/profile/components/services/ManualConfigBottomSheet.tsx index 7d6d8ffc0e5..d6fe05a463d 100644 --- a/ts/screens/profile/components/services/ManualConfigBottomSheet.tsx +++ b/ts/screens/profile/components/services/ManualConfigBottomSheet.tsx @@ -2,9 +2,7 @@ import * as React from "react"; import { VSpacer, FooterWithButtons } from "@pagopa/io-app-design-system"; import LegacyMarkdown from "../../../../components/ui/Markdown/LegacyMarkdown"; import I18n from "../../../../i18n"; -import { useIOBottomSheetAutoresizableModal } from "../../../../utils/hooks/bottomSheet"; - -const SNAP_POINT_VALUE = 250; +import { useIOBottomSheetModal } from "../../../../utils/hooks/bottomSheet"; const ManualConfigConfirm = (): React.ReactElement => ( <> @@ -20,41 +18,35 @@ export const useManualConfigBottomSheet = (onConfirm: () => void) => { present, bottomSheet: manualConfigBottomSheet, dismiss - } = useIOBottomSheetAutoresizableModal( - { - title: I18n.t( - "services.optIn.preferences.manualConfig.bottomSheet.title" - ), - component: , - fullScreen: true, - footer: ( - dismiss(), - accessibilityLabel: I18n.t("global.buttons.cancel") - } - }} - secondary={{ - type: "Solid", - buttonProps: { - color: "danger", - label: I18n.t("global.buttons.confirm"), - accessibilityLabel: I18n.t("global.buttons.confirm"), - onPress: () => { - onConfirm(); - dismiss(); - } + } = useIOBottomSheetModal({ + title: I18n.t("services.optIn.preferences.manualConfig.bottomSheet.title"), + component: , + footer: ( + dismiss(), + accessibilityLabel: I18n.t("global.buttons.cancel") + } + }} + secondary={{ + type: "Solid", + buttonProps: { + color: "danger", + label: I18n.t("global.buttons.confirm"), + accessibilityLabel: I18n.t("global.buttons.confirm"), + onPress: () => { + onConfirm(); + dismiss(); } - }} - /> - ) - }, - SNAP_POINT_VALUE - ); + } + }} + /> + ) + }); return { present, manualConfigBottomSheet, dismiss }; }; diff --git a/ts/screens/profile/playgrounds/IOMarkdownPlayground.tsx b/ts/screens/profile/playgrounds/IOMarkdownPlayground.tsx index 67f25ebf470..efb3c34b469 100644 --- a/ts/screens/profile/playgrounds/IOMarkdownPlayground.tsx +++ b/ts/screens/profile/playgrounds/IOMarkdownPlayground.tsx @@ -21,7 +21,7 @@ import { useHeaderHeight } from "@react-navigation/elements"; import LinearGradient from "react-native-linear-gradient"; import { useHeaderSecondLevel } from "../../../hooks/useHeaderSecondLevel"; import IOMarkdown from "../../../components/IOMarkdown"; -import { useIOBottomSheetAutoresizableModal } from "../../../utils/hooks/bottomSheet"; +import { useIOBottomSheetModal } from "../../../utils/hooks/bottomSheet"; import IOMarkdownSuggestions from "./IOMarkdownSuggestions"; const ALL = `# Lorem Ipsum @@ -131,7 +131,7 @@ export const IOMarkdownPlayground = () => { const { bottom } = useSafeAreaInsets(); const headerHeight = useHeaderHeight(); - const { present, bottomSheet } = useIOBottomSheetAutoresizableModal({ + const { present, bottomSheet } = useIOBottomSheetModal({ title: "Components", component: ( { - const { present, bottomSheet, dismiss } = useIOBottomSheetAutoresizableModal( - { - title: I18n.t("wallet.firstTransactionSummary.amountInfo.title"), - component: ( - - {I18n.t("wallet.firstTransactionSummary.amountInfo.message")} - - ), - footer: ( - - dismiss() - } - }} - /> - - ) - }, - 200 - ); + const { present, bottomSheet, dismiss } = useIOBottomSheetModal({ + title: I18n.t("wallet.firstTransactionSummary.amountInfo.title"), + component: ( + {I18n.t("wallet.firstTransactionSummary.amountInfo.message")} + ), + footer: ( + + dismiss() + } + }} + /> + + ) + }); return { presentPaymentInfoBottomSheet: present, diff --git a/ts/utils/hooks/bottomSheet.tsx b/ts/utils/hooks/bottomSheet.tsx index b56b1d4fde1..3b96bd33e0d 100644 --- a/ts/utils/hooks/bottomSheet.tsx +++ b/ts/utils/hooks/bottomSheet.tsx @@ -9,8 +9,9 @@ import { } from "@gorhom/bottom-sheet"; import { IOBottomSheetHeaderRadius, - IOSpacingScale, - IOVisualCostants + IOColors, + IOVisualCostants, + VSpacer } from "@pagopa/io-app-design-system"; import { NonEmptyArray } from "fp-ts/lib/NonEmptyArray"; import * as React from "react"; @@ -18,7 +19,6 @@ import { useCallback, useEffect, useState } from "react"; import { AccessibilityInfo, Dimensions, - LayoutChangeEvent, Modal, Platform, StyleSheet, @@ -28,16 +28,10 @@ import { useSafeAreaInsets } from "react-native-safe-area-context"; import { BottomSheetHeader } from "../../components/bottomSheet/BottomSheetHeader"; import { IOStyles } from "../../components/core/variables/IOStyles"; import { useHardwareBackButtonToDismiss } from "../../hooks/useHardwareBackButton"; -import { TestID } from "../../types/WithTestID"; import { isScreenReaderEnabled } from "../accessibility"; const screenHeight = Dimensions.get("window").height; -type Props = { - children: React.ReactNode; - footer?: React.ReactNode; -} & TestID; - const styles = StyleSheet.create({ bottomSheet: { borderTopRightRadius: IOBottomSheetHeaderRadius, @@ -48,22 +42,6 @@ const styles = StyleSheet.create({ overflow: "hidden" } }); -/** - * Build the base content of a BottomSheet including content padding and a ScrollView - */ -const BottomSheetContent: React.FunctionComponent = ({ - children, - testID -}: Props) => ( - - {children} - -); export type BottomSheetModalProps = { content: React.ReactNode; @@ -78,33 +56,6 @@ export type IOBottomSheetModal = { bottomSheet: JSX.Element; }; -/** - * Utility function to build a BottomSheet considering accessibility. This will create a common BottomSheet object to be used in the `present` function - * that is available only in component context since it uses the context api made available from https://gorhom.github.io/react-native-bottom-sheet/modal/methods - * @param content - * @param title - * @param snapPoint - * @param onClose - */ -export const bottomSheetContent = ( - content: React.ReactNode, - title: string | React.ReactNode, - onClose: () => void -): BottomSheetModalProps => { - const header = ; - - const bottomSheetBody: React.ReactNode = ( - {content} - ); - - return { - content: bottomSheetBody, - config: { - handleComponent: header - } - }; -}; - /** * @typedef BottomSheetOptions * @type {BottomSheetOptions} @@ -117,7 +68,7 @@ export const bottomSheetContent = ( type BottomSheetOptions = { component: React.ReactNode; title: string | React.ReactNode; - snapPoint: NonEmptyArray; + snapPoint?: NonEmptyArray; footer?: React.ReactElement; fullScreen?: boolean; onDismiss?: () => void; @@ -142,7 +93,24 @@ export const useIOBottomSheetModal = ({ const [screenReaderEnabled, setIsScreenReaderEnabled] = useState(false); - const bottomSheetProps = bottomSheetContent(component, title, dismissAll); + const header = ; + const bottomSheetContent = ( + + {component} + {footer ? ( + <> + + + + ) : ( + + )} + + ); const handleDismiss = () => { onDismiss?.(); @@ -188,15 +156,23 @@ export const useIOBottomSheetModal = ({ style={styles.bottomSheet} footerComponent={(props: BottomSheetFooterProps) => footer ? ( - + {footer} ) : null } enableDynamicSizing={snapPoint ? false : true} - snapPoints={[...snapPoint]} + maxDynamicContentSize={screenHeight - insets.top} + snapPoints={snapPoint} ref={bottomSheetModalRef} - handleComponent={_ => bottomSheetProps.config.handleComponent} + handleComponent={_ => header} backdropComponent={BackdropElement} enableDismissOnClose={true} accessible={false} @@ -206,23 +182,23 @@ export const useIOBottomSheetModal = ({ {screenReaderEnabled && Platform.OS === "android" ? ( - {bottomSheetProps.config.handleComponent} - {bottomSheetProps.content} + {header} + {bottomSheetContent} {footer && ( {footer} )} ) : ( - bottomSheetProps.content + bottomSheetContent )} ); return { present, dismiss: dismissAll, bottomSheet }; }; -const DEFAULT_AUTORESIZABLE_SNAP_POINT = 1; -const DEFAULT_BOTTOM_PADDING: IOSpacingScale = 72; +// const DEFAULT_AUTORESIZABLE_SNAP_POINT = 1; +// const DEFAULT_BOTTOM_PADDING: IOSpacingScale = 72; /** * Hook to generate a bottomSheet with a title, snapPoint and a component, that autosizes to the height of its content @@ -230,50 +206,50 @@ const DEFAULT_BOTTOM_PADDING: IOSpacingScale = 72; * @see {BottomSheetOptions} * @param bottomPadding the bottom padding of the bottom sheet, default is 24 */ -export const useIOBottomSheetAutoresizableModal = ( - { - component, - title, - footer, - onDismiss, - fullScreen - }: Omit, - // FIXME: currently the auto-resize logic measures the height of the content without - // including the footer, so we need to manually add its height as bottom padding. - // We should find a way to make the autoresizable bottom sheet work with the footer! - bottomPadding: number = DEFAULT_BOTTOM_PADDING -) => { - const [snapPoint, setSnapPoint] = React.useState( - DEFAULT_AUTORESIZABLE_SNAP_POINT - ); - const insets = useSafeAreaInsets(); +// export const useIOBottomSheetAutoresizableModal = ( +// { +// component, +// title, +// footer, +// onDismiss, +// fullScreen +// }: Omit, +// // FIXME: currently the auto-resize logic measures the height of the content without +// // including the footer, so we need to manually add its height as bottom padding. +// // We should find a way to make the autoresizable bottom sheet work with the footer! +// bottomPadding: number = DEFAULT_BOTTOM_PADDING +// ) => { +// const [snapPoint, setSnapPoint] = React.useState( +// DEFAULT_AUTORESIZABLE_SNAP_POINT +// ); +// const insets = useSafeAreaInsets(); - const handleContentOnLayout = React.useCallback( - (event: LayoutChangeEvent) => { - const { height } = event.nativeEvent.layout; - const snapPointWithPadding = insets.bottom + bottomPadding + height; +// const handleContentOnLayout = React.useCallback( +// (event: LayoutChangeEvent) => { +// const { height } = event.nativeEvent.layout; +// const snapPointWithPadding = insets.bottom + bottomPadding + height; - setSnapPoint( - fullScreen - ? snapPointWithPadding - : Math.min(screenHeight - insets.top, snapPointWithPadding) - ); - }, - [insets, fullScreen, bottomPadding] - ); +// setSnapPoint( +// fullScreen +// ? snapPointWithPadding +// : Math.min(screenHeight - insets.top, snapPointWithPadding) +// ); +// }, +// [insets, fullScreen, bottomPadding] +// ); - const contentComponent = ( - {component} - ); +// const contentComponent = ( +// {component} +// ); - return useIOBottomSheetModal({ - component: contentComponent, - title, - snapPoint: [snapPoint], - footer, - onDismiss - }); -}; +// return useIOBottomSheetModal({ +// component: contentComponent, +// title, +// snapPoint: [snapPoint], +// footer, +// onDismiss +// }); +// }; /** * Hook to generate a bottomSheet with a title, snapPoint and a component, in order to wrap the invocation of bottomSheetContent From f0c84c03c1ffc289d1a63cc0179cd8e9988d7f9d Mon Sep 17 00:00:00 2001 From: LazyAfternoons Date: Wed, 23 Oct 2024 17:04:55 +0200 Subject: [PATCH 14/19] chore: unwanted change --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package.json b/package.json index d4679c6639f..0a4554de56c 100644 --- a/package.json +++ b/package.json @@ -89,7 +89,7 @@ "generate:pagopa-walletv3-api": "rimraf definitions/pagopa/walletv3 && mkdir -p definitions/pagopa/walletv3 && gen-api-models --api-spec $npm_package_pagopa_api_walletv3 --out-dir ./definitions/pagopa/walletv3 --no-strict --response-decoders --request-types --client", "generate:pagopa-ecommerce-api": "rimraf definitions/pagopa/ecommerce && mkdir -p definitions/pagopa/ecommerce && gen-api-models --api-spec $npm_package_pagopa_api_ecommerce --out-dir ./definitions/pagopa/ecommerce --no-strict --response-decoders --request-types --client", "generate:pagopa-biz-events-api": "rimraf definitions/pagopa/biz-events && mkdir -p definitions/pagopa/biz-events && gen-api-models --api-spec $npm_package_pagopa_api_biz_events --out-dir ./definitions/pagopa/biz-events --no-strict --response-decoders --request-types --client", - "generate:pagopa-platform-api": "rimraf definitions/pagopa/platform && mkdir -p definitions/pagopa/platform && gen-api-models --api-spec $npm_package_pagopa_api_platform --out-dir ./definitions/pagopa/platform --no-strict --response-decoders --request-types --client", + "generate:pagopa-platform-api": "rimraf definitions/pagopa/platform && mkdir -p definitions/pagopa/platform && gen-api-models --api-spec $npm_package_pagopa_api_platform --out-dir ./definitions/pagopa/platform --no-strict --response-decoders --request-types --client", "generate:fims": "rimraf definitions/fims && mkdir -p definitions/fims && gen-api-models --api-spec $npm_package_fims_swagger --out-dir ./definitions/fims --no-strict --response-decoders --request-types --client", "generate:payments": "npm-run-all generate:pagopa-walletv3-api generate:pagopa-ecommerce-api generate:pagopa-biz-events-api generate:pagopa-platform-api", "generate": "npm-run-all generate:*", From a4d1d65af7118e32a2e8eb8cfc932fbb6e86a896 Mon Sep 17 00:00:00 2001 From: Cristiano Tofani Date: Thu, 24 Oct 2024 09:19:24 +0200 Subject: [PATCH 15/19] removes legacy bottom sheet --- .../design-system/core/DSBottomSheet.tsx | 48 +--------- .../screens/valid/EuCovidCertValidScreen.tsx | 58 ++++++------ .../utils/bancomatInformationBottomSheet.tsx | 44 ++++----- ts/utils/hooks/bottomSheet.tsx | 90 ------------------- 4 files changed, 55 insertions(+), 185 deletions(-) diff --git a/ts/features/design-system/core/DSBottomSheet.tsx b/ts/features/design-system/core/DSBottomSheet.tsx index 46db345a11e..a1c968a5161 100644 --- a/ts/features/design-system/core/DSBottomSheet.tsx +++ b/ts/features/design-system/core/DSBottomSheet.tsx @@ -11,10 +11,7 @@ import { import * as React from "react"; import { SafeAreaView, View } from "react-native"; import { Body } from "../../../components/core/typography/Body"; -import { - useIOBottomSheetModal, - useLegacyIOBottomSheetModal -} from "../../../utils/hooks/bottomSheet"; +import { useIOBottomSheetModal } from "../../../utils/hooks/bottomSheet"; import { DesignSystemScreen } from "../components/DesignSystemScreen"; import DESIGN_SYSTEM_ROUTES from "../navigation/routes"; @@ -28,8 +25,6 @@ export const DSBottomSheet = () => { dismissAutoresizableBottomSheetWithFooter(); dismissVeryLongAutoresizableBottomSheetWithFooter(); dismissVeryLongAutoresizableBottomSheetWithFooterFullScreen(); - dismissLegacyBottomSheet(); - dismissLegacyBottomSheetWithFooter(); }; const defaultFooter = ( @@ -156,27 +151,6 @@ export const DSBottomSheet = () => { footer: defaultFooter }); - const { - present: presentLegacyBottomSheet, - bottomSheet: legacyBottomSheet, - dismiss: dismissLegacyBottomSheet - } = useLegacyIOBottomSheetModal( - , - "Legacy Bottom Sheet", - 250 - ); - - const { - present: presentLegacyBottomSheetWithFooter, - bottomSheet: legacyBottomSheetWithFooter, - dismiss: dismissLegacyBottomSheetWithFooter - } = useLegacyIOBottomSheetModal( - , - "Legacy Bottom Sheet with footer", - 400, - defaultFooter - ); - const sectionTitleMargin = 16; const blockMargin = 48; @@ -233,32 +207,12 @@ export const DSBottomSheet = () => { /> - - -

Legacy

- - - - - - - {staticBottomSheet} {staticBottomSheetWithFooter} {autoResizableBottomSheet} {autoResizableBottomSheetWithFooter} {veryLongAutoResizableBottomSheetWithFooter} {veryLongAutoResizableBottomSheetWithFooterFullScreen} - {legacyBottomSheet} - {legacyBottomSheetWithFooter} ); diff --git a/ts/features/euCovidCert/screens/valid/EuCovidCertValidScreen.tsx b/ts/features/euCovidCert/screens/valid/EuCovidCertValidScreen.tsx index 291a8de1448..710580292af 100644 --- a/ts/features/euCovidCert/screens/valid/EuCovidCertValidScreen.tsx +++ b/ts/features/euCovidCert/screens/valid/EuCovidCertValidScreen.tsx @@ -24,7 +24,7 @@ import { IOStyles } from "../../../../components/core/variables/IOStyles"; import I18n from "../../../../i18n"; import { mixpanelTrack } from "../../../../mixpanel"; import themeVariables from "../../../../theme/variables"; -import { useLegacyIOBottomSheetModal } from "../../../../utils/hooks/bottomSheet"; +import { useIOBottomSheetModal } from "../../../../utils/hooks/bottomSheet"; import { withBase64Uri } from "../../../../utils/image"; import { EUCovidContext } from "../../components/EUCovidContext"; import { EuCovidCertHeader } from "../../components/EuCovidCertHeader"; @@ -166,32 +166,36 @@ const Footer = (props: FooterProps): React.ReactElement => { present: presentBottomSheet, bottomSheet, dismiss - } = useLegacyIOBottomSheetModal( - - {addBottomSheetItem({ - title: I18n.t( - "features.euCovidCertificate.save.bottomSheet.saveAsImage.title" - ), - subTitle: I18n.t( - "features.euCovidCertificate.save.bottomSheet.saveAsImage.subTitle" - ), - onPress: () => { - props.onSave(); - dismiss(); - } - })} - , - -

- {I18n.t("features.euCovidCertificate.save.bottomSheet.title")} -

-
- {I18n.t("features.euCovidCertificate.save.bottomSheet.subTitle")} -
- - , - 320 - ); + } = useIOBottomSheetModal({ + component: ( + + {addBottomSheetItem({ + title: I18n.t( + "features.euCovidCertificate.save.bottomSheet.saveAsImage.title" + ), + subTitle: I18n.t( + "features.euCovidCertificate.save.bottomSheet.saveAsImage.subTitle" + ), + onPress: () => { + props.onSave(); + dismiss(); + } + })} + + ), + title: ( + +

+ {I18n.t("features.euCovidCertificate.save.bottomSheet.title")} +

+
+ {I18n.t("features.euCovidCertificate.save.bottomSheet.subTitle")} +
+ + + ), + snapPoint: [320] + }); const saveButton: BlockButtonProps = { type: "Solid", diff --git a/ts/features/wallet/bancomat/utils/bancomatInformationBottomSheet.tsx b/ts/features/wallet/bancomat/utils/bancomatInformationBottomSheet.tsx index 21ea4017007..030ed0365ed 100644 --- a/ts/features/wallet/bancomat/utils/bancomatInformationBottomSheet.tsx +++ b/ts/features/wallet/bancomat/utils/bancomatInformationBottomSheet.tsx @@ -4,7 +4,7 @@ import { ButtonOutline, VSpacer } from "@pagopa/io-app-design-system"; import I18n from "../../../../i18n"; import InternationalCircuitIconsBar from "../../../../components/wallet/InternationalCircuitIconsBar"; import { H4 } from "../../../../components/core/typography/H4"; -import { useLegacyIOBottomSheetModal } from "../../../../utils/hooks/bottomSheet"; +import { useIOBottomSheetModal } from "../../../../utils/hooks/bottomSheet"; /** * A bottomsheet that display generic information on bancomat and a cta to start the onboarding of a new @@ -12,26 +12,28 @@ import { useLegacyIOBottomSheetModal } from "../../../../utils/hooks/bottomSheet * This will be also visualized inside a bottomsheet after an addition of a new bancomat */ export default (onAdd?: () => void) => { - const { present, bottomSheet, dismiss } = useLegacyIOBottomSheetModal( - - - -

- {I18n.t("wallet.bancomat.details.debit.body")} -

- - { - onAdd?.(); - dismiss(); - }} - label={I18n.t("wallet.bancomat.details.debit.addCta")} - /> - , - I18n.t("wallet.bancomat.details.debit.title"), - 385 - ); + const { present, bottomSheet, dismiss } = useIOBottomSheetModal({ + component: ( + + + +

+ {I18n.t("wallet.bancomat.details.debit.body")} +

+ + { + onAdd?.(); + dismiss(); + }} + label={I18n.t("wallet.bancomat.details.debit.addCta")} + /> + + ), + title: I18n.t("wallet.bancomat.details.debit.title"), + snapPoint: [385] + }); return { present, bottomSheet, diff --git a/ts/utils/hooks/bottomSheet.tsx b/ts/utils/hooks/bottomSheet.tsx index 3b96bd33e0d..20242f3e8aa 100644 --- a/ts/utils/hooks/bottomSheet.tsx +++ b/ts/utils/hooks/bottomSheet.tsx @@ -43,13 +43,6 @@ const styles = StyleSheet.create({ } }); -export type BottomSheetModalProps = { - content: React.ReactNode; - config: { - handleComponent: React.ReactElement; - }; -}; - export type IOBottomSheetModal = { present: () => void; dismiss: () => void; @@ -196,86 +189,3 @@ export const useIOBottomSheetModal = ({ ); return { present, dismiss: dismissAll, bottomSheet }; }; - -// const DEFAULT_AUTORESIZABLE_SNAP_POINT = 1; -// const DEFAULT_BOTTOM_PADDING: IOSpacingScale = 72; - -/** - * Hook to generate a bottomSheet with a title, snapPoint and a component, that autosizes to the height of its content - * @param bottomSheetOptions - * @see {BottomSheetOptions} - * @param bottomPadding the bottom padding of the bottom sheet, default is 24 - */ -// export const useIOBottomSheetAutoresizableModal = ( -// { -// component, -// title, -// footer, -// onDismiss, -// fullScreen -// }: Omit, -// // FIXME: currently the auto-resize logic measures the height of the content without -// // including the footer, so we need to manually add its height as bottom padding. -// // We should find a way to make the autoresizable bottom sheet work with the footer! -// bottomPadding: number = DEFAULT_BOTTOM_PADDING -// ) => { -// const [snapPoint, setSnapPoint] = React.useState( -// DEFAULT_AUTORESIZABLE_SNAP_POINT -// ); -// const insets = useSafeAreaInsets(); - -// const handleContentOnLayout = React.useCallback( -// (event: LayoutChangeEvent) => { -// const { height } = event.nativeEvent.layout; -// const snapPointWithPadding = insets.bottom + bottomPadding + height; - -// setSnapPoint( -// fullScreen -// ? snapPointWithPadding -// : Math.min(screenHeight - insets.top, snapPointWithPadding) -// ); -// }, -// [insets, fullScreen, bottomPadding] -// ); - -// const contentComponent = ( -// {component} -// ); - -// return useIOBottomSheetModal({ -// component: contentComponent, -// title, -// snapPoint: [snapPoint], -// footer, -// onDismiss -// }); -// }; - -/** - * Hook to generate a bottomSheet with a title, snapPoint and a component, in order to wrap the invocation of bottomSheetContent - * @param component - * @param title - * @param snapPoint - * @param footer - * @param onDismiss callback to be called when the bottom sheet is dismissed - * @deprecated - * use `useIOBottomSheetModal` instead - * TODO remove once all the occurencies of `useLegacyIOBottomSheetModal` will be replaced by `useIOBottomSheetModal` - */ -export const useLegacyIOBottomSheetModal = ( - component: React.ReactNode, - title: string | React.ReactNode, - snapPoint: number, - footer?: React.ReactElement, - onDismiss?: () => void -): IOBottomSheetModal => { - const insets = useSafeAreaInsets(); - - return useIOBottomSheetModal({ - component, - title, - snapPoint: [snapPoint + insets.top], - footer, - onDismiss - }); -}; From b51b9c5783eb599cae1c910a9b0c998d78da49cf Mon Sep 17 00:00:00 2001 From: Cristiano Tofani Date: Thu, 24 Oct 2024 10:21:35 +0200 Subject: [PATCH 16/19] blocks overscroll on bs scrollview --- ts/utils/hooks/bottomSheet.tsx | 1 + 1 file changed, 1 insertion(+) diff --git a/ts/utils/hooks/bottomSheet.tsx b/ts/utils/hooks/bottomSheet.tsx index 20242f3e8aa..f01703090bd 100644 --- a/ts/utils/hooks/bottomSheet.tsx +++ b/ts/utils/hooks/bottomSheet.tsx @@ -92,6 +92,7 @@ export const useIOBottomSheetModal = ({ style={{ paddingHorizontal: IOVisualCostants.appMarginDefault }} + overScrollMode={"never"} > {component} {footer ? ( From 41c4ac6f78dd721068df7311cd969a0e285fb0c4 Mon Sep 17 00:00:00 2001 From: Cristiano Tofani Date: Thu, 24 Oct 2024 11:01:55 +0200 Subject: [PATCH 17/19] updates snaps --- .../__snapshots__/wizards.test.tsx.snap | 1 + ...wCredentialPreviewClaimsList.test.tsx.snap | 2 + ...ItwPresentationClaimsSection.test.tsx.snap | 3 + .../__snapshots__/Preconditions.test.tsx.snap | 1 + .../SecuritySuggestions.test.tsx.snap | 1 + .../RemoteContentBanner.test.tsx.snap | 1 + .../ShowMoreListItem.test.tsx.snap | 8 + .../F24ListBottomSheetLink.test.tsx.snap | 3 + .../__snapshots__/F24Section.test.tsx.snap | 1 + .../MessageBottomMenu.test.tsx.snap | 144 ++++++++++++++++++ .../MessageDetails.test.tsx.snap | 2 + .../MessagePaymentBottomSheet.test.tsx.snap | 2 + .../TimelineListItem.test.tsx.snap | 4 + .../MessageDetailsScreen.test.tsx.snap | 2 + ...ProfileNotificationsSettings.test.tsx.snap | 128 ++++++++++++++++ ...tificationsPreferencesScreen.test.tsx.snap | 5 + .../__snapshots__/PspRadioItem.test.tsx.snap | 1 + ...tificationsPreferencesScreen.test.tsx.snap | 18 +++ 18 files changed, 327 insertions(+) diff --git a/ts/features/cie/__tests__/__snapshots__/wizards.test.tsx.snap b/ts/features/cie/__tests__/__snapshots__/wizards.test.tsx.snap index 39d0db2c5db..e53c5584c8c 100644 --- a/ts/features/cie/__tests__/__snapshots__/wizards.test.tsx.snap +++ b/ts/features/cie/__tests__/__snapshots__/wizards.test.tsx.snap @@ -743,6 +743,7 @@ exports[`CiePinWizard Should match the snapshot 1`] = ` visible={true} > Date: Thu, 7 Nov 2024 18:30:11 +0100 Subject: [PATCH 18/19] fixes --- .../ItwPresentationCredentialStatusAlert.tsx | 24 +++++++------------ 1 file changed, 9 insertions(+), 15 deletions(-) diff --git a/ts/features/itwallet/presentation/components/ItwPresentationCredentialStatusAlert.tsx b/ts/features/itwallet/presentation/components/ItwPresentationCredentialStatusAlert.tsx index 007c3ef9e08..c99f543b5ec 100644 --- a/ts/features/itwallet/presentation/components/ItwPresentationCredentialStatusAlert.tsx +++ b/ts/features/itwallet/presentation/components/ItwPresentationCredentialStatusAlert.tsx @@ -6,7 +6,7 @@ import { getClaimsFullLocale, getCredentialExpireDays } from "../../common/utils/itwClaimsUtils"; -import { useIOBottomSheetAutoresizableModal } from "../../../../utils/hooks/bottomSheet"; +import { useIOBottomSheetModal } from "../../../../utils/hooks/bottomSheet"; import { useIOSelector } from "../../../../store/hooks"; import { itwCredentialStatusSelector } from "../../credentials/store/selectors"; import { format } from "../../../../utils/dates"; @@ -88,13 +88,10 @@ const DocumentExpiringAlert = ({ credential }: Props) => { credential.credentialType as Exclude }.expiring` as const; - const bottomSheet = useIOBottomSheetAutoresizableModal( - { - title: I18n.t(`${bottomSheetNs}.title`), - component: - }, - 128 - ); + const bottomSheet = useIOBottomSheetModal({ + title: I18n.t(`${bottomSheetNs}.title`), + component: + }); return ( <> @@ -119,13 +116,10 @@ type IssuerDynamicErrorAlertProps = { const IssuerDynamicErrorAlert = ({ message }: IssuerDynamicErrorAlertProps) => { const localizedMessage = message[getClaimsFullLocale()]; - const bottomSheet = useIOBottomSheetAutoresizableModal( - { - title: localizedMessage.title, - component: {localizedMessage.description} - }, - 128 - ); + const bottomSheet = useIOBottomSheetModal({ + title: localizedMessage.title, + component: {localizedMessage.description} + }); return ( <> From 533d4782bce4983c54002dd42ad140b79fa86d87 Mon Sep 17 00:00:00 2001 From: Cristiano Tofani Date: Thu, 5 Dec 2024 12:28:25 +0100 Subject: [PATCH 19/19] fixes snaps --- .../WalletPaymentOutcomeScreen.test.tsx.snap | 2176 ++++++++--------- ...ProfileNotificationsSettings.test.tsx.snap | 256 +- ...tificationsPreferencesScreen.test.tsx.snap | 20 +- 3 files changed, 1220 insertions(+), 1232 deletions(-) diff --git a/ts/features/payments/checkout/screens/___tests___/__snapshots__/WalletPaymentOutcomeScreen.test.tsx.snap b/ts/features/payments/checkout/screens/___tests___/__snapshots__/WalletPaymentOutcomeScreen.test.tsx.snap index 40c61792f61..459edf7cb04 100644 --- a/ts/features/payments/checkout/screens/___tests___/__snapshots__/WalletPaymentOutcomeScreen.test.tsx.snap +++ b/ts/features/payments/checkout/screens/___tests___/__snapshots__/WalletPaymentOutcomeScreen.test.tsx.snap @@ -45665,25 +45665,16 @@ Se il problema persiste, prova a usare un altro metodo o gestore del pagamento. - - - Contatta l'assistenza - - + Contatta l'assistenza + + + - - - - - - - - + + + + + - - Chiedi aiuto in chat - - + Chiedi aiuto in chat + - + + } + /> + - - - Dati aggiuntivi - - + Dati aggiuntivi + + + - + - - - Copia tutti - - + Copia tutti + + + - - - - - - - - + + + + + - - Codice errore - - - PSP_ERROR - - - + - + + + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - - - - - - + + + + + - - Codice avviso - - - - + + + + - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - - - - - - + + + + + - - Codice Fiscale Ente - - - - + + + + - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + + - - + + - - Paga l'avviso - - -Ricorda di pagare l'avviso entro le scadenze previste dall'ente. Se non riesci tramite IO, - - scopri gli altri canali abilitati a pagoPA - + Paga l'avviso - - - + +Ricorda di pagare l'avviso entro le scadenze previste dall'ente. Se non riesci tramite IO, - - Attendi il rimborso - - -Di solito l’importo viene riaccreditato entro pochi minuti. In altri casi, il trasferimento di denaro sul tuo conto o carta potrebbe richiedere più tempo. + scopri gli altri canali abilitati a pagoPA - - + + + + - + > - - Contatta l'assistenza - - -Se dopo 5 giorni lavorativi non hai ancora ricevuto il rimborso, contatta l’assistenza. + Attendi il rimborso - - + + + + + > + + Contatta l'assistenza + + +Se dopo 5 giorni lavorativi non hai ancora ricevuto il rimborso, contatta l’assistenza. + + + diff --git a/ts/features/pushNotifications/components/__tests__/__snapshots__/ProfileNotificationsSettings.test.tsx.snap b/ts/features/pushNotifications/components/__tests__/__snapshots__/ProfileNotificationsSettings.test.tsx.snap index b2d67d3867c..b063b2a17cc 100644 --- a/ts/features/pushNotifications/components/__tests__/__snapshots__/ProfileNotificationsSettings.test.tsx.snap +++ b/ts/features/pushNotifications/components/__tests__/__snapshots__/ProfileNotificationsSettings.test.tsx.snap @@ -1947,7 +1947,7 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } > - You can change this choice anytime in Settings > Privacy Policy and Terms of Service + You can change this choice anytime in [missing {{pageName}} value] > Privacy Policy and Terms of Service - You can change this choice anytime in Settings > Privacy Policy and Terms of Service + You can change this choice anytime in [missing {{pageName}} value] > Privacy Policy and Terms of Service - You can change this choice anytime in Settings > Privacy Policy and Terms of Service + You can change this choice anytime in [missing {{pageName}} value] > Privacy Policy and Terms of Service - You can change this choice anytime in Settings > Privacy Policy and Terms of Service + You can change this choice anytime in [missing {{pageName}} value] > Privacy Policy and Terms of Service - You can change this choice anytime in Settings > Privacy Policy and Terms of Service + You can change this choice anytime in [missing {{pageName}} value] > Privacy Policy and Terms of Service - You can change this choice anytime in Settings > Privacy Policy and Terms of Service + You can change this choice anytime in [missing {{pageName}} value] > Privacy Policy and Terms of Service - You can change this choice anytime in Settings > Privacy Policy and Terms of Service + You can change this choice anytime in [missing {{pageName}} value] > Privacy Policy and Terms of Service - You can change this choice anytime in Settings > Privacy Policy and Terms of Service + You can change this choice anytime in [missing {{pageName}} value] > Privacy Policy and Terms of Service - You can change this choice anytime in Settings > Privacy Policy and Terms of Service + You can change this choice anytime in [missing {{pageName}} value] > Privacy Policy and Terms of Service - You can change this choice anytime in Settings > Privacy Policy and Terms of Service + You can change this choice anytime in [missing {{pageName}} value] > Privacy Policy and Terms of Service - You can change this choice anytime in Settings > Privacy Policy and Terms of Service + You can change this choice anytime in [missing {{pageName}} value] > Privacy Policy and Terms of Service - You can change this choice anytime in Settings > Privacy Policy and Terms of Service + You can change this choice anytime in [missing {{pageName}} value] > Privacy Policy and Terms of Service - You can change this choice anytime in Settings > Privacy Policy and Terms of Service + You can change this choice anytime in [missing {{pageName}} value] > Privacy Policy and Terms of Service - You can change this choice anytime in Settings > Privacy Policy and Terms of Service + You can change this choice anytime in [missing {{pageName}} value] > Privacy Policy and Terms of Service - You can change this choice anytime in Settings > Privacy Policy and Terms of Service + You can change this choice anytime in [missing {{pageName}} value] > Privacy Policy and Terms of Service - You can change this choice anytime in Settings > Privacy Policy and Terms of Service + You can change this choice anytime in [missing {{pageName}} value] > Privacy Policy and Terms of Service - You can change this choice anytime in Settings > Privacy Policy and Terms of Service + You can change this choice anytime in [missing {{pageName}} value] > Privacy Policy and Terms of Service - You can change this choice anytime in Settings > Privacy Policy and Terms of Service + You can change this choice anytime in [missing {{pageName}} value] > Privacy Policy and Terms of Service - You can change this choice anytime in Settings > Privacy Policy and Terms of Service + You can change this choice anytime in [missing {{pageName}} value] > Privacy Policy and Terms of Service - You can change this choice anytime in Settings > Privacy Policy and Terms of Service + You can change this choice anytime in [missing {{pageName}} value] > Privacy Policy and Terms of Service - You can change this choice anytime in Settings > Privacy Policy and Terms of Service + You can change this choice anytime in [missing {{pageName}} value] > Privacy Policy and Terms of Service - You can change this choice anytime in Settings > Privacy Policy and Terms of Service + You can change this choice anytime in [missing {{pageName}} value] > Privacy Policy and Terms of Service - You can change this choice anytime in Settings > Privacy Policy and Terms of Service + You can change this choice anytime in [missing {{pageName}} value] > Privacy Policy and Terms of Service - You can change this choice anytime in Settings > Privacy Policy and Terms of Service + You can change this choice anytime in [missing {{pageName}} value] > Privacy Policy and Terms of Service - You can change this choice anytime in Settings > Privacy Policy and Terms of Service + You can change this choice anytime in [missing {{pageName}} value] > Privacy Policy and Terms of Service - You can change this choice anytime in Settings > Privacy Policy and Terms of Service + You can change this choice anytime in [missing {{pageName}} value] > Privacy Policy and Terms of Service - You can change this choice anytime in Settings > Privacy Policy and Terms of Service + You can change this choice anytime in [missing {{pageName}} value] > Privacy Policy and Terms of Service - You can change this choice anytime in Settings > Privacy Policy and Terms of Service + You can change this choice anytime in [missing {{pageName}} value] > Privacy Policy and Terms of Service - You can change this choice anytime in Settings > Privacy Policy and Terms of Service + You can change this choice anytime in [missing {{pageName}} value] > Privacy Policy and Terms of Service - You can change this choice anytime in Settings > Privacy Policy and Terms of Service + You can change this choice anytime in [missing {{pageName}} value] > Privacy Policy and Terms of Service - You can change this choice anytime in Settings > Privacy Policy and Terms of Service + You can change this choice anytime in [missing {{pageName}} value] > Privacy Policy and Terms of Service - You can change this choice anytime in Settings > Privacy Policy and Terms of Service + You can change this choice anytime in [missing {{pageName}} value] > Privacy Policy and Terms of Service - You can change this choice anytime in Settings > Privacy Policy and Terms of Service + You can change this choice anytime in [missing {{pageName}} value] > Privacy Policy and Terms of Service - You can change this choice anytime in Settings > Privacy Policy and Terms of Service + You can change this choice anytime in [missing {{pageName}} value] > Privacy Policy and Terms of Service - You can change this choice anytime in Settings > Privacy Policy and Terms of Service + You can change this choice anytime in [missing {{pageName}} value] > Privacy Policy and Terms of Service - You can change this choice anytime in Settings > Privacy Policy and Terms of Service + You can change this choice anytime in [missing {{pageName}} value] > Privacy Policy and Terms of Service - You can change this choice anytime in Settings > Privacy Policy and Terms of Service + You can change this choice anytime in [missing {{pageName}} value] > Privacy Policy and Terms of Service - You can change this choice anytime in Settings > Privacy Policy and Terms of Service + You can change this choice anytime in [missing {{pageName}} value] > Privacy Policy and Terms of Service - You can change this choice anytime in Settings > Privacy Policy and Terms of Service + You can change this choice anytime in [missing {{pageName}} value] > Privacy Policy and Terms of Service - You can change this choice anytime in Settings > Privacy Policy and Terms of Service + You can change this choice anytime in [missing {{pageName}} value] > Privacy Policy and Terms of Service - You can change this choice anytime in Settings > Privacy Policy and Terms of Service + You can change this choice anytime in [missing {{pageName}} value] > Privacy Policy and Terms of Service - You can change this choice anytime in Settings > Privacy Policy and Terms of Service + You can change this choice anytime in [missing {{pageName}} value] > Privacy Policy and Terms of Service - You can change this choice anytime in Settings > Privacy Policy and Terms of Service + You can change this choice anytime in [missing {{pageName}} value] > Privacy Policy and Terms of Service - You can change this choice anytime in Settings > Privacy Policy and Terms of Service + You can change this choice anytime in [missing {{pageName}} value] > Privacy Policy and Terms of Service - You can change this choice anytime in Settings > Privacy Policy and Terms of Service + You can change this choice anytime in [missing {{pageName}} value] > Privacy Policy and Terms of Service - You can change this choice anytime in Settings > Privacy Policy and Terms of Service + You can change this choice anytime in [missing {{pageName}} value] > Privacy Policy and Terms of Service - You can change this choice anytime in Settings > Privacy Policy and Terms of Service + You can change this choice anytime in [missing {{pageName}} value] > Privacy Policy and Terms of Service - You can change this choice anytime in Settings > Privacy Policy and Terms of Service + You can change this choice anytime in [missing {{pageName}} value] > Privacy Policy and Terms of Service - You can change this choice anytime in Settings > Privacy Policy and Terms of Service + You can change this choice anytime in [missing {{pageName}} value] > Privacy Policy and Terms of Service - You can change this choice anytime in Settings > Privacy Policy and Terms of Service + You can change this choice anytime in [missing {{pageName}} value] > Privacy Policy and Terms of Service - You can change this choice anytime in Settings > Privacy Policy and Terms of Service + You can change this choice anytime in [missing {{pageName}} value] > Privacy Policy and Terms of Service - You can change this choice anytime in Settings > Privacy Policy and Terms of Service + You can change this choice anytime in [missing {{pageName}} value] > Privacy Policy and Terms of Service - You can change this choice anytime in Settings > Privacy Policy and Terms of Service + You can change this choice anytime in [missing {{pageName}} value] > Privacy Policy and Terms of Service - You can change this choice anytime in Settings > Privacy Policy and Terms of Service + You can change this choice anytime in [missing {{pageName}} value] > Privacy Policy and Terms of Service - You can change this choice anytime in Settings > Privacy Policy and Terms of Service + You can change this choice anytime in [missing {{pageName}} value] > Privacy Policy and Terms of Service - You can change this choice anytime in Settings > Privacy Policy and Terms of Service + You can change this choice anytime in [missing {{pageName}} value] > Privacy Policy and Terms of Service - You can change this choice anytime in Settings > Privacy Policy and Terms of Service + You can change this choice anytime in [missing {{pageName}} value] > Privacy Policy and Terms of Service - You can change this choice anytime in Settings > Privacy Policy and Terms of Service + You can change this choice anytime in [missing {{pageName}} value] > Privacy Policy and Terms of Service - You can change this choice anytime in Settings > Privacy Policy and Terms of Service + You can change this choice anytime in [missing {{pageName}} value] > Privacy Policy and Terms of Service - You can change this choice anytime in Settings > Privacy Policy and Terms of Service + You can change this choice anytime in [missing {{pageName}} value] > Privacy Policy and Terms of Service - You can change this choice anytime in Settings > Privacy Policy and Terms of Service + You can change this choice anytime in [missing {{pageName}} value] > Privacy Policy and Terms of Service - You can change this choice anytime in Settings > Privacy Policy and Terms of Service + You can change this choice anytime in [missing {{pageName}} value] > Privacy Policy and Terms of Service - You can change this choice anytime in Settings > Privacy Policy and Terms of Service + You can change this choice anytime in [missing {{pageName}} value] > Privacy Policy and Terms of Service - You can change this choice anytime in Settings > Privacy Policy and Terms of Service + You can change this choice anytime in [missing {{pageName}} value] > Privacy Policy and Terms of Service - You can change this choice anytime in Settings > Privacy Policy and Terms of Service + You can change this choice anytime in [missing {{pageName}} value] > Privacy Policy and Terms of Service - You can change this choice anytime in Settings > Privacy Policy and Terms of Service + You can change this choice anytime in [missing {{pageName}} value] > Privacy Policy and Terms of Service - You can change this choice anytime in Settings > Privacy Policy and Terms of Service + You can change this choice anytime in [missing {{pageName}} value] > Privacy Policy and Terms of Service - You can change this choice anytime in Settings > Privacy Policy and Terms of Service + You can change this choice anytime in [missing {{pageName}} value] > Privacy Policy and Terms of Service - You can change this choice anytime in Settings > Privacy Policy and Terms of Service + You can change this choice anytime in [missing {{pageName}} value] > Privacy Policy and Terms of Service