diff --git a/package.json b/package.json index 3ab12ac3817..72b3419f814 100644 --- a/package.json +++ b/package.json @@ -57,7 +57,7 @@ "@babel/plugin-transform-private-property-in-object": "^7.25.9", "@babel/plugin-transform-react-jsx": "^7.25.9", "@gorhom/bottom-sheet": "^4.1.5", - "@pagopa/io-app-design-system": "4.5.1", + "@pagopa/io-app-design-system": "4.5.2", "@pagopa/io-pagopa-commons": "^3.1.0", "@pagopa/io-react-native-cieid": "^0.3.5", "@pagopa/io-react-native-crypto": "^1.0.1", diff --git a/ts/components/screens/__tests__/__snapshots__/OperationResultScreenContent.test.tsx.snap b/ts/components/screens/__tests__/__snapshots__/OperationResultScreenContent.test.tsx.snap index 85514e8535b..ed47631991f 100644 --- a/ts/components/screens/__tests__/__snapshots__/OperationResultScreenContent.test.tsx.snap +++ b/ts/components/screens/__tests__/__snapshots__/OperationResultScreenContent.test.tsx.snap @@ -496,15 +496,14 @@ exports[`OperationResultScreenContent should match the snapshot with default pro "textAlignVertical": "center", }, { + "backgroundColor": "#0073E6", "overflow": "hidden", }, false, { "height": 40, }, - { - "backgroundColor": "#0073E6", - }, + {}, false, { "backgroundColor": undefined, diff --git a/ts/components/ui/HeaderFirstLevel.tsx b/ts/components/ui/HeaderFirstLevel.tsx deleted file mode 100644 index 6485d7d7a56..00000000000 --- a/ts/components/ui/HeaderFirstLevel.tsx +++ /dev/null @@ -1,144 +0,0 @@ -import { - H3, - HStack, - HeaderActionProps, - IOColors, - IOVisualCostants, - IconButton, - WithTestID, - alertEdgeToEdgeInsetTransitionConfig, - useIOTheme -} from "@pagopa/io-app-design-system"; -import { createRef, useEffect, useLayoutEffect } from "react"; -import { - AccessibilityInfo, - StyleSheet, - View, - findNodeHandle -} from "react-native"; -import Animated, { - AnimatedRef, - useAnimatedStyle, - useScrollViewOffset, - useSharedValue, - withTiming -} from "react-native-reanimated"; -import { useSafeAreaInsets } from "react-native-safe-area-context"; - -export type HeaderFirstLevel = WithTestID<{ - title: string; - firstAction: HeaderActionProps; - secondAction: HeaderActionProps; - thirdAction?: HeaderActionProps; - animatedRef?: AnimatedRef; - animatedFlatListRef?: AnimatedRef>; - ignoreSafeAreaMargin?: boolean; -}>; - -const styles = StyleSheet.create({ - headerInner: { - paddingHorizontal: IOVisualCostants.appMarginDefault, - height: IOVisualCostants.headerHeight, - width: "100%", - flexDirection: "row", - alignItems: "center", - justifyContent: "space-between" - }, - headerDivider: { - position: "absolute", - width: "100%", - height: StyleSheet.hairlineWidth, - left: 0, - right: 0, - bottom: 0 - } -}); - -export const HeaderFirstLevel = ({ - title, - testID, - firstAction, - secondAction, - thirdAction, - ignoreSafeAreaMargin = false, - animatedRef, - animatedFlatListRef -}: HeaderFirstLevel) => { - const titleRef = createRef(); - const insets = useSafeAreaInsets(); - const theme = useIOTheme(); - const paddingTop = useSharedValue(ignoreSafeAreaMargin ? 0 : insets.top); - - useLayoutEffect(() => { - const reactNode = findNodeHandle(titleRef.current); - if (reactNode !== null) { - AccessibilityInfo.setAccessibilityFocus(reactNode); - } - }); - - /* We show the divider only when the header is scrolled down */ - const offset = useScrollViewOffset( - (animatedRef as AnimatedRef) || - (animatedFlatListRef as AnimatedRef>) - ); - - useEffect(() => { - // eslint-disable-next-line functional/immutable-data - paddingTop.value = withTiming( - ignoreSafeAreaMargin ? 0 : insets.top, - alertEdgeToEdgeInsetTransitionConfig - ); - }, [ignoreSafeAreaMargin, insets.top, paddingTop]); - - const animatedStyle = useAnimatedStyle(() => ({ - paddingTop: paddingTop.value - })); - - const animatedDivider = useAnimatedStyle(() => ({ - opacity: withTiming(offset.value > 0 ? 1 : 0, { duration: 200 }) - })); - - return ( - - {/* Divider */} - {(animatedRef || animatedFlatListRef) && ( - - )} - - - -

- {title} -

- - - {thirdAction && } - - - - - - ); -}; - -export default HeaderFirstLevel; diff --git a/ts/components/ui/__test__/__snapshots__/IOScrollViewCentredContent.test.tsx.snap b/ts/components/ui/__test__/__snapshots__/IOScrollViewCentredContent.test.tsx.snap index abe6f80b624..96a2563cd70 100644 --- a/ts/components/ui/__test__/__snapshots__/IOScrollViewCentredContent.test.tsx.snap +++ b/ts/components/ui/__test__/__snapshots__/IOScrollViewCentredContent.test.tsx.snap @@ -854,15 +854,14 @@ exports[`IOScrollViewCentredContent should match snapshot, with description, "textAlignVertical": "center", }, { + "backgroundColor": "#0073E6", "overflow": "hidden", }, false, { "height": 40, }, - { - "backgroundColor": "#0073E6", - }, + {}, false, { "backgroundColor": undefined, @@ -1784,15 +1783,14 @@ exports[`IOScrollViewCentredContent should match snapshot, with description, "textAlignVertical": "center", }, { + "backgroundColor": "#0073E6", "overflow": "hidden", }, false, { "height": 40, }, - { - "backgroundColor": "#0073E6", - }, + {}, false, { "backgroundColor": undefined, @@ -2943,15 +2941,14 @@ exports[`IOScrollViewCentredContent should match snapshot, with description, "textAlignVertical": "center", }, { + "backgroundColor": "#0073E6", "overflow": "hidden", }, false, { "height": 40, }, - { - "backgroundColor": "#0073E6", - }, + {}, false, { "backgroundColor": undefined, @@ -3881,15 +3878,14 @@ exports[`IOScrollViewCentredContent should match snapshot, with description, "textAlignVertical": "center", }, { + "backgroundColor": "#0073E6", "overflow": "hidden", }, false, { "height": 40, }, - { - "backgroundColor": "#0073E6", - }, + {}, false, { "backgroundColor": undefined, @@ -4700,15 +4696,14 @@ exports[`IOScrollViewCentredContent should match snapshot, with description, "textAlignVertical": "center", }, { + "backgroundColor": "#0073E6", "overflow": "hidden", }, false, { "height": 40, }, - { - "backgroundColor": "#0073E6", - }, + {}, false, { "backgroundColor": undefined, @@ -5748,15 +5743,14 @@ exports[`IOScrollViewCentredContent should match snapshot, with description, "textAlignVertical": "center", }, { + "backgroundColor": "#0073E6", "overflow": "hidden", }, false, { "height": 40, }, - { - "backgroundColor": "#0073E6", - }, + {}, false, { "backgroundColor": undefined, @@ -6774,15 +6768,14 @@ exports[`IOScrollViewCentredContent should match snapshot, without description, "textAlignVertical": "center", }, { + "backgroundColor": "#0073E6", "overflow": "hidden", }, false, { "height": 40, }, - { - "backgroundColor": "#0073E6", - }, + {}, false, { "backgroundColor": undefined, @@ -7681,15 +7674,14 @@ exports[`IOScrollViewCentredContent should match snapshot, without description, "textAlignVertical": "center", }, { + "backgroundColor": "#0073E6", "overflow": "hidden", }, false, { "height": 40, }, - { - "backgroundColor": "#0073E6", - }, + {}, false, { "backgroundColor": undefined, @@ -8817,15 +8809,14 @@ exports[`IOScrollViewCentredContent should match snapshot, without description, "textAlignVertical": "center", }, { + "backgroundColor": "#0073E6", "overflow": "hidden", }, false, { "height": 40, }, - { - "backgroundColor": "#0073E6", - }, + {}, false, { "backgroundColor": undefined, @@ -9732,15 +9723,14 @@ exports[`IOScrollViewCentredContent should match snapshot, without description, "textAlignVertical": "center", }, { + "backgroundColor": "#0073E6", "overflow": "hidden", }, false, { "height": 40, }, - { - "backgroundColor": "#0073E6", - }, + {}, false, { "backgroundColor": undefined, @@ -10528,15 +10518,14 @@ exports[`IOScrollViewCentredContent should match snapshot, without description, "textAlignVertical": "center", }, { + "backgroundColor": "#0073E6", "overflow": "hidden", }, false, { "height": 40, }, - { - "backgroundColor": "#0073E6", - }, + {}, false, { "backgroundColor": undefined, @@ -11553,15 +11542,14 @@ exports[`IOScrollViewCentredContent should match snapshot, without description, "textAlignVertical": "center", }, { + "backgroundColor": "#0073E6", "overflow": "hidden", }, false, { "height": 40, }, - { - "backgroundColor": "#0073E6", - }, + {}, false, { "backgroundColor": undefined, diff --git a/ts/components/ui/__test__/__snapshots__/IOScrollViewWithListItems.test.tsx.snap b/ts/components/ui/__test__/__snapshots__/IOScrollViewWithListItems.test.tsx.snap index 541bd82db52..69bd2c462d1 100644 --- a/ts/components/ui/__test__/__snapshots__/IOScrollViewWithListItems.test.tsx.snap +++ b/ts/components/ui/__test__/__snapshots__/IOScrollViewWithListItems.test.tsx.snap @@ -825,15 +825,14 @@ exports[`IOScrollViewWithListItems Rendering renders correctly with default prop "textAlignVertical": "center", }, { + "backgroundColor": "#0073E6", "overflow": "hidden", }, false, { "height": 40, }, - { - "backgroundColor": "#0073E6", - }, + {}, false, { "backgroundColor": undefined, @@ -1461,15 +1460,14 @@ exports[`IOScrollViewWithListItems Rendering renders correctly without optional "textAlignVertical": "center", }, { + "backgroundColor": "#0073E6", "overflow": "hidden", }, false, { "height": 40, }, - { - "backgroundColor": "#0073E6", - }, + {}, false, { "backgroundColor": undefined, @@ -2410,15 +2408,14 @@ exports[`IOScrollViewWithListItems Rendering renders subtitle as array correctly "textAlignVertical": "center", }, { + "backgroundColor": "#0073E6", "overflow": "hidden", }, false, { "height": 40, }, - { - "backgroundColor": "#0073E6", - }, + {}, false, { "backgroundColor": undefined, diff --git a/ts/features/bonus/cgn/screens/discount/___tests___/__snapshots__/CGNDiscountExpiredScreen.test.tsx.snap b/ts/features/bonus/cgn/screens/discount/___tests___/__snapshots__/CGNDiscountExpiredScreen.test.tsx.snap index 1a923917629..e3ee1f7f262 100644 --- a/ts/features/bonus/cgn/screens/discount/___tests___/__snapshots__/CGNDiscountExpiredScreen.test.tsx.snap +++ b/ts/features/bonus/cgn/screens/discount/___tests___/__snapshots__/CGNDiscountExpiredScreen.test.tsx.snap @@ -650,15 +650,14 @@ exports[`CGNDiscountExpiredScreen should render correctly 1`] = ` "textAlignVertical": "center", }, { + "backgroundColor": "#0073E6", "overflow": "hidden", }, false, { "height": 40, }, - { - "backgroundColor": "#0073E6", - }, + {}, false, { "backgroundColor": undefined, diff --git a/ts/features/bonus/cgn/screens/discount/___tests___/__snapshots__/CgnDiscountCodeScreen.test.tsx.snap b/ts/features/bonus/cgn/screens/discount/___tests___/__snapshots__/CgnDiscountCodeScreen.test.tsx.snap index 5fe136b1bf3..2fdfff76cee 100644 --- a/ts/features/bonus/cgn/screens/discount/___tests___/__snapshots__/CgnDiscountCodeScreen.test.tsx.snap +++ b/ts/features/bonus/cgn/screens/discount/___tests___/__snapshots__/CgnDiscountCodeScreen.test.tsx.snap @@ -631,15 +631,14 @@ exports[`CgnDiscountCodeScreen should render correctly 1`] = ` "textAlignVertical": "center", }, { + "backgroundColor": "#0073E6", "overflow": "hidden", }, false, { "height": 40, }, - { - "backgroundColor": "#0073E6", - }, + {}, false, { "backgroundColor": undefined, diff --git a/ts/features/cie/__tests__/__snapshots__/CieIdErrorScreen.test.tsx.snap b/ts/features/cie/__tests__/__snapshots__/CieIdErrorScreen.test.tsx.snap index c9529991314..b8650fb0a7a 100644 --- a/ts/features/cie/__tests__/__snapshots__/CieIdErrorScreen.test.tsx.snap +++ b/ts/features/cie/__tests__/__snapshots__/CieIdErrorScreen.test.tsx.snap @@ -299,15 +299,14 @@ exports[`CieIdErrorScreen where device doesn't support NFC Should match the snap "textAlignVertical": "center", }, { + "backgroundColor": "#0073E6", "overflow": "hidden", }, false, { "height": 40, }, - { - "backgroundColor": "#0073E6", - }, + {}, false, { "backgroundColor": undefined, @@ -789,15 +788,14 @@ Insert the CIE PIN and bring it close to the device to allow the data to be read "textAlignVertical": "center", }, { + "backgroundColor": "#0073E6", "overflow": "hidden", }, false, { "height": 40, }, - { - "backgroundColor": "#0073E6", - }, + {}, false, { "backgroundColor": undefined, diff --git a/ts/features/cie/__tests__/__snapshots__/CieIdNotInstalled.test.tsx.snap b/ts/features/cie/__tests__/__snapshots__/CieIdNotInstalled.test.tsx.snap index c2a1e37b4ff..c902b69a5c7 100644 --- a/ts/features/cie/__tests__/__snapshots__/CieIdNotInstalled.test.tsx.snap +++ b/ts/features/cie/__tests__/__snapshots__/CieIdNotInstalled.test.tsx.snap @@ -285,15 +285,14 @@ exports[`CieIdNotInstalled Should match the snapshot 1`] = ` "textAlignVertical": "center", }, { + "backgroundColor": "#0073E6", "overflow": "hidden", }, false, { "height": 40, }, - { - "backgroundColor": "#0073E6", - }, + {}, false, { "backgroundColor": undefined, diff --git a/ts/features/cie/__tests__/__snapshots__/CieIdNotInstalledScreen.test.tsx.snap b/ts/features/cie/__tests__/__snapshots__/CieIdNotInstalledScreen.test.tsx.snap index 6c5bb03ec63..d484b1b384b 100644 --- a/ts/features/cie/__tests__/__snapshots__/CieIdNotInstalledScreen.test.tsx.snap +++ b/ts/features/cie/__tests__/__snapshots__/CieIdNotInstalledScreen.test.tsx.snap @@ -285,15 +285,14 @@ exports[`CieIdNotInstalledScreen Should match snapshot 1`] = ` "textAlignVertical": "center", }, { + "backgroundColor": "#0073E6", "overflow": "hidden", }, false, { "height": 40, }, - { - "backgroundColor": "#0073E6", - }, + {}, false, { "backgroundColor": undefined, diff --git a/ts/features/cie/__tests__/__snapshots__/wizards.test.tsx.snap b/ts/features/cie/__tests__/__snapshots__/wizards.test.tsx.snap index 0751df9c81e..b1a9e7b66f6 100644 --- a/ts/features/cie/__tests__/__snapshots__/wizards.test.tsx.snap +++ b/ts/features/cie/__tests__/__snapshots__/wizards.test.tsx.snap @@ -405,15 +405,14 @@ To enter the IO app without physically using the Electronic Identity Card, you m "textAlignVertical": "center", }, { + "backgroundColor": "#0073E6", "overflow": "hidden", }, false, { "height": 40, }, - { - "backgroundColor": "#0073E6", - }, + {}, false, { "backgroundColor": undefined, @@ -1344,15 +1343,14 @@ exports[`CiePinWizard Should match the snapshot 1`] = ` "textAlignVertical": "center", }, { + "backgroundColor": "#0073E6", "overflow": "hidden", }, false, { "height": 40, }, - { - "backgroundColor": "#0073E6", - }, + {}, false, { "backgroundColor": undefined, @@ -2389,15 +2387,14 @@ exports[`IDActivationWizard Should match the snapshot 1`] = ` "textAlignVertical": "center", }, { + "backgroundColor": "#0073E6", "overflow": "hidden", }, false, { "height": 40, }, - { - "backgroundColor": "#0073E6", - }, + {}, false, { "backgroundColor": undefined, @@ -2732,15 +2729,14 @@ exports[`SpidWizard Should match the snapshot 1`] = ` "textAlignVertical": "center", }, { + "backgroundColor": "#0073E6", "overflow": "hidden", }, false, { "height": 40, }, - { - "backgroundColor": "#0073E6", - }, + {}, false, { "backgroundColor": undefined, diff --git a/ts/features/cieLogin/__tests__/__snapshots__/CieIdAuthUrlError.test.tsx.snap b/ts/features/cieLogin/__tests__/__snapshots__/CieIdAuthUrlError.test.tsx.snap index 0d23de58f25..2b52e361776 100644 --- a/ts/features/cieLogin/__tests__/__snapshots__/CieIdAuthUrlError.test.tsx.snap +++ b/ts/features/cieLogin/__tests__/__snapshots__/CieIdAuthUrlError.test.tsx.snap @@ -284,15 +284,14 @@ exports[`CieIdAuthUrlError Should match the snapshot 1`] = ` "textAlignVertical": "center", }, { + "backgroundColor": "#0073E6", "overflow": "hidden", }, false, { "height": 40, }, - { - "backgroundColor": "#0073E6", - }, + {}, false, { "backgroundColor": undefined, diff --git a/ts/features/design-system/core/DSButtons.tsx b/ts/features/design-system/core/DSButtons.tsx index a042e8e7336..dccf34a37ea 100644 --- a/ts/features/design-system/core/DSButtons.tsx +++ b/ts/features/design-system/core/DSButtons.tsx @@ -372,73 +372,6 @@ const renderButtonOutline = (isExperimental: boolean) => ( - {!isExperimental && ( - <> - - - - - - - - - - - { - alert("Action triggered"); - }} - /> - - - - - { - alert("Action triggered"); - }} - /> - { - alert("Action triggered"); - }} - /> - - - - )} - diff --git a/ts/features/fci/components/DocumentViewer.tsx b/ts/features/fci/components/DocumentViewer.tsx index b765236d437..a7e58ed1060 100644 --- a/ts/features/fci/components/DocumentViewer.tsx +++ b/ts/features/fci/components/DocumentViewer.tsx @@ -1,4 +1,5 @@ import { + ButtonOutline, ButtonSolidProps, FooterActions, FooterActionsInline, @@ -57,7 +58,7 @@ const renderFooter = (url: string, filePath: string) => { accessibilityLabel: I18n.t("global.buttons.share") }; - const saveButtonProps: ButtonSolidProps = { + const saveButtonProps: ButtonOutline = { onPress: () => { ReactNativeBlobUtil.MediaCollection.copyToMediaStore( { diff --git a/ts/features/fci/components/ErrorComponent.tsx b/ts/features/fci/components/ErrorComponent.tsx index ac0b4913d34..853fe07d11a 100644 --- a/ts/features/fci/components/ErrorComponent.tsx +++ b/ts/features/fci/components/ErrorComponent.tsx @@ -3,7 +3,6 @@ import { EmailString } from "@pagopa/ts-commons/lib/strings"; import { ButtonOutline, ButtonSolid, - ButtonSolidProps, IOPictograms, IOSpacingScale, IOStyles, @@ -76,7 +75,7 @@ const ErrorComponent = (props: Props) => { } }; - const retryButtonProps: ButtonSolidProps = { + const retryButtonProps: ButtonOutline = { testID: "FciRetryButtonTestID", onPress: props.onPress, fullWidth: true, @@ -84,7 +83,7 @@ const ErrorComponent = (props: Props) => { accessibilityLabel: I18n.t("features.fci.errors.buttons.retry") }; - const closeButtonProps: ButtonSolidProps = { + const closeButtonProps: ButtonOutline = { testID: "FciCloseButtonTestID", onPress: props.onPress, fullWidth: true, @@ -92,7 +91,7 @@ const ErrorComponent = (props: Props) => { accessibilityLabel: I18n.t("features.fci.errors.buttons.close") }; - const assistanceButtonProps: ButtonSolidProps = { + const assistanceButtonProps: ButtonOutline = { testID: "FciAssistanceButtonTestID", fullWidth: true, onPress: handleAskAssistance, diff --git a/ts/features/fims/common/components/__tests__/__snapshots__/FimsUpdateAppAlert.test.tsx.snap b/ts/features/fims/common/components/__tests__/__snapshots__/FimsUpdateAppAlert.test.tsx.snap index d93b51228e3..45e0b20f6a7 100644 --- a/ts/features/fims/common/components/__tests__/__snapshots__/FimsUpdateAppAlert.test.tsx.snap +++ b/ts/features/fims/common/components/__tests__/__snapshots__/FimsUpdateAppAlert.test.tsx.snap @@ -632,15 +632,14 @@ exports[`FimsUpdateAppAlert should match snapshot 1`] = ` "textAlignVertical": "center", }, { + "backgroundColor": "#0073E6", "overflow": "hidden", }, false, { "height": 40, }, - { - "backgroundColor": "#0073E6", - }, + {}, false, { "backgroundColor": undefined, diff --git a/ts/features/fims/history/components/__tests__/__snapshots__/FimsHistoryKoScreen.test.tsx.snap b/ts/features/fims/history/components/__tests__/__snapshots__/FimsHistoryKoScreen.test.tsx.snap index 9ac69f3e8fb..75d2fe48121 100644 --- a/ts/features/fims/history/components/__tests__/__snapshots__/FimsHistoryKoScreen.test.tsx.snap +++ b/ts/features/fims/history/components/__tests__/__snapshots__/FimsHistoryKoScreen.test.tsx.snap @@ -680,15 +680,14 @@ exports[`fimshistoryKoScreen should match snapshot 1`] = ` "textAlignVertical": "center", }, { + "backgroundColor": "#0073E6", "overflow": "hidden", }, false, { "height": 40, }, - { - "backgroundColor": "#0073E6", - }, + {}, false, { "backgroundColor": undefined, diff --git a/ts/features/itwallet/issuance/screens/__tests__/__snapshots__/ItwIssuanceCredentialAsyncContinuationScreen.test.tsx.snap b/ts/features/itwallet/issuance/screens/__tests__/__snapshots__/ItwIssuanceCredentialAsyncContinuationScreen.test.tsx.snap index d29914eeed6..cab90988ad7 100644 --- a/ts/features/itwallet/issuance/screens/__tests__/__snapshots__/ItwIssuanceCredentialAsyncContinuationScreen.test.tsx.snap +++ b/ts/features/itwallet/issuance/screens/__tests__/__snapshots__/ItwIssuanceCredentialAsyncContinuationScreen.test.tsx.snap @@ -735,15 +735,14 @@ exports[`ItwIssuanceCredentialAsyncContinuationScreen it should render the activ "textAlignVertical": "center", }, { + "backgroundColor": "#0073E6", "overflow": "hidden", }, false, { "height": 40, }, - { - "backgroundColor": "#0073E6", - }, + {}, false, { "backgroundColor": undefined, @@ -1630,15 +1629,14 @@ exports[`ItwIssuanceCredentialAsyncContinuationScreen it should render the docum "textAlignVertical": "center", }, { + "backgroundColor": "#0073E6", "overflow": "hidden", }, false, { "height": 40, }, - { - "backgroundColor": "#0073E6", - }, + {}, false, { "backgroundColor": undefined, @@ -2478,15 +2476,14 @@ exports[`ItwIssuanceCredentialAsyncContinuationScreen it should render the gener "textAlignVertical": "center", }, { + "backgroundColor": "#0073E6", "overflow": "hidden", }, false, { "height": 40, }, - { - "backgroundColor": "#0073E6", - }, + {}, false, { "backgroundColor": undefined, @@ -3206,15 +3203,14 @@ exports[`ItwIssuanceCredentialAsyncContinuationScreen it should render the gener "textAlignVertical": "center", }, { + "backgroundColor": "#0073E6", "overflow": "hidden", }, false, { "height": 40, }, - { - "backgroundColor": "#0073E6", - }, + {}, false, { "backgroundColor": undefined, diff --git a/ts/features/itwallet/navigation/ItwParamsList.ts b/ts/features/itwallet/navigation/ItwParamsList.ts index 21daa8de62f..9c4f359561c 100644 --- a/ts/features/itwallet/navigation/ItwParamsList.ts +++ b/ts/features/itwallet/navigation/ItwParamsList.ts @@ -9,6 +9,8 @@ import { ITW_ROUTES } from "./routes"; export type ItwParamsList = { [ITW_ROUTES.ONBOARDING]: undefined; + // OFFLINE WALLET + [ITW_ROUTES.OFFLINE.WALLET]: undefined; // DISCOVERY [ITW_ROUTES.DISCOVERY.INFO]: undefined; [ITW_ROUTES.DISCOVERY.IPZS_PRIVACY]: undefined; diff --git a/ts/features/itwallet/navigation/ItwStackNavigator.tsx b/ts/features/itwallet/navigation/ItwStackNavigator.tsx index f0b6d7a524b..a8c7a1ccc25 100644 --- a/ts/features/itwallet/navigation/ItwStackNavigator.tsx +++ b/ts/features/itwallet/navigation/ItwStackNavigator.tsx @@ -4,7 +4,9 @@ import { } from "@react-navigation/stack"; import { Platform } from "react-native"; import { isGestureEnabled } from "../../../utils/navigation"; +import { ItwAlreadyActiveScreen } from "../discovery/screens/ItwAlreadyActiveScreen"; import { ItwDiscoveryInfoScreen } from "../discovery/screens/ItwDiscoveryInfoScreen"; +import ItwIpzsPrivacyScreen from "../discovery/screens/ItwIpzsPrivacyScreen"; import { ItwActivateNfcScreen } from "../identification/screens/cie/ItwActivateNfcScreen"; import { ItwCieCardReaderScreen } from "../identification/screens/cie/ItwCieCardReaderScreen"; import { ItwCieExpiredOrInvalidScreen } from "../identification/screens/cie/ItwCieExpiredOrInvalidScreen"; @@ -12,8 +14,11 @@ import { ItwCiePinScreen } from "../identification/screens/cie/ItwCiePinScreen"; import { ItwCieUnexpectedErrorScreen } from "../identification/screens/cie/ItwCieUnexpectedErrorScreen"; import { ItwCieWrongCardScreen } from "../identification/screens/cie/ItwCieWrongCardScreen"; import { ItwCieWrongCiePinScreen } from "../identification/screens/cie/ItwCieWrongCiePinScreen"; +import ItwCieIdLoginScreen from "../identification/screens/cieId/ItwCieIdLoginScreen"; import { ItwIdentificationIdpSelectionScreen } from "../identification/screens/ItwIdentificationIdpSelectionScreen"; import { ItwIdentificationModeSelectionScreen } from "../identification/screens/ItwIdentificationModeSelectionScreen"; +import ItwSpidIdpLoginScreen from "../identification/screens/spid/ItwSpidIdpLoginScreen"; +import { ItwIssuanceCredentialAsyncContinuationScreen } from "../issuance/screens/ItwIssuanceCredentialAsyncContinuationScreen"; import { ItwIssuanceCredentialFailureScreen } from "../issuance/screens/ItwIssuanceCredentialFailureScreen"; import { ItwIssuanceCredentialPreviewScreen } from "../issuance/screens/ItwIssuanceCredentialPreviewScreen"; import { ItwIssuanceCredentialTrustIssuerScreen } from "../issuance/screens/ItwIssuanceCredentialTrustIssuerScreen"; @@ -32,14 +37,10 @@ import ItwPlayground from "../playgrounds/screens/ItwPlayground"; import { ItwPresentationCredentialAttachmentScreen } from "../presentation/details/screens/ItwPresentationCredentialAttachmentScreen"; import { ItwPresentationCredentialCardModal } from "../presentation/details/screens/ItwPresentationCredentialCardModal"; import { ItwPresentationCredentialDetailScreen } from "../presentation/details/screens/ItwPresentationCredentialDetailScreen"; -import { ItwIssuanceCredentialAsyncContinuationScreen } from "../issuance/screens/ItwIssuanceCredentialAsyncContinuationScreen"; -import ItwIpzsPrivacyScreen from "../discovery/screens/ItwIpzsPrivacyScreen"; -import ItwSpidIdpLoginScreen from "../identification/screens/spid/ItwSpidIdpLoginScreen"; -import ItwCieIdLoginScreen from "../identification/screens/cieId/ItwCieIdLoginScreen"; import { ItwPresentationCredentialFiscalCodeModal } from "../presentation/details/screens/ItwPresentationCredentialFiscalCodeModal"; -import { ItwCredentialTrustmarkScreen } from "../trustmark/screens/ItwCredentialTrustmarkScreen"; -import { ItwAlreadyActiveScreen } from "../discovery/screens/ItwAlreadyActiveScreen"; import { ItwPresentationEidVerificationExpiredScreen } from "../presentation/details/screens/ItwPresentationEidVerificationExpiredScreen"; +import { ItwCredentialTrustmarkScreen } from "../trustmark/screens/ItwCredentialTrustmarkScreen"; +import { ItwOfflineWalletScreen } from "../wallet/screens/ItwOfflineWalletScreen"; import { ItwParamsList } from "./ItwParamsList"; import { ITW_ROUTES } from "./routes"; @@ -76,6 +77,13 @@ const InnerNavigator = () => { name={ITW_ROUTES.ONBOARDING} component={WalletCardOnboardingScreen} /> + {/* DISCOVERY */} { - const dispatch = useIODispatch(); const isItwInstalled = useIOSelector(itwLifecycleIsInstalledSelector); const isItwOperational = useIOSelector(itwLifecycleIsOperationalSelector); const isItwValid = useIOSelector(itwLifecycleIsValidSelector); - const resetWalletInstance = () => { - dispatch(itwLifecycleWalletReset()); - }; - const getLifecycleStateLabel = () => { - if (isItwInstalled) return "INSTALLED"; - if (isItwOperational) return "OPERATIONAL"; - if (isItwValid) return "VALID"; - return "UNKNOWN"; + if (isItwInstalled) { + return "INSTALLED"; + } else if (isItwOperational) { + return "OPERATIONAL"; + } else if (isItwValid) { + return "VALID"; + } else { + return "UNKNOWN"; + } }; return ( - - - - + + ); }; diff --git a/ts/features/itwallet/playgrounds/components/ItwOfflineSection.tsx b/ts/features/itwallet/playgrounds/components/ItwOfflineSection.tsx new file mode 100644 index 00000000000..c7427dbdc29 --- /dev/null +++ b/ts/features/itwallet/playgrounds/components/ItwOfflineSection.tsx @@ -0,0 +1,43 @@ +import { + ListItemHeader, + ListItemNav, + ListItemSwitch +} from "@pagopa/io-app-design-system"; +import { View } from "react-native"; +import { useIONavigation } from "../../../../navigation/params/AppParamsList"; +import { setItwOfflineAccessEnabled } from "../../../../store/actions/persistedPreferences"; +import { useIODispatch, useIOSelector } from "../../../../store/hooks"; +import { isItwOfflineAccessEnabledSelector } from "../../../../store/reducers/persistedPreferences"; +import { ITW_ROUTES } from "../../navigation/routes"; + +export const ItwOfflineSection = () => { + const navigation = useIONavigation(); + const dispatch = useIODispatch(); + + const isOfflineAccessEnabled = useIOSelector( + isItwOfflineAccessEnabledSelector + ); + + return ( + + + { + dispatch(setItwOfflineAccessEnabled(!isOfflineAccessEnabled)); + }} + /> + + navigation.navigate(ITW_ROUTES.MAIN, { + screen: ITW_ROUTES.OFFLINE.WALLET + }) + } + /> + + ); +}; diff --git a/ts/features/itwallet/playgrounds/screens/ItwPlayground.tsx b/ts/features/itwallet/playgrounds/screens/ItwPlayground.tsx index ba23f55061d..3854236dfa7 100644 --- a/ts/features/itwallet/playgrounds/screens/ItwPlayground.tsx +++ b/ts/features/itwallet/playgrounds/screens/ItwPlayground.tsx @@ -1,14 +1,8 @@ -import { - ContentWrapper, - ListItemSwitch, - VStack -} from "@pagopa/io-app-design-system"; +import { ContentWrapper, VStack } from "@pagopa/io-app-design-system"; import { ScrollView } from "react-native-gesture-handler"; import { useHeaderSecondLevel } from "../../../../hooks/useHeaderSecondLevel"; -import { setItwOfflineAccessEnabled } from "../../../../store/actions/persistedPreferences"; -import { useIODispatch, useIOSelector } from "../../../../store/hooks"; -import { isItwOfflineAccessEnabledSelector } from "../../../../store/reducers/persistedPreferences"; import { ItwLifecycleSection } from "../components/ItwLifecycleSection"; +import { ItwOfflineSection } from "../components/ItwOfflineSection"; import { ItwSkeumorphicCredentialSection } from "../components/ItwSkeumorphicCredentialSection"; /** @@ -16,26 +10,15 @@ import { ItwSkeumorphicCredentialSection } from "../components/ItwSkeumorphicCre * @returns a screen with a list of playgrounds for the ITW */ const ItwPlayground = () => { - const dispatch = useIODispatch(); - const isOfflineAccessEnabled = useIOSelector( - isItwOfflineAccessEnabledSelector - ); - useHeaderSecondLevel({ - title: "Documenti su IO Playgrounds" + title: "Documenti su IO - Playgrounds" }); return ( - { - dispatch(setItwOfflineAccessEnabled(!isOfflineAccessEnabled)); - }} - /> + diff --git a/ts/features/itwallet/wallet/screens/ItwOfflineWalletScreen.tsx b/ts/features/itwallet/wallet/screens/ItwOfflineWalletScreen.tsx new file mode 100644 index 00000000000..30d4b4487e2 --- /dev/null +++ b/ts/features/itwallet/wallet/screens/ItwOfflineWalletScreen.tsx @@ -0,0 +1,24 @@ +import { HeaderFirstLevel } from "@pagopa/io-app-design-system"; +import { useLayoutEffect } from "react"; +import { IOScrollView } from "../../../../components/ui/IOScrollView"; +import I18n from "../../../../i18n"; +import { useIONavigation } from "../../../../navigation/params/AppParamsList"; +import { ItwWalletCardsContainer } from "../../../wallet/components/WalletCardsContainer"; + +const ItwOfflineWalletScreen = () => { + const navigation = useIONavigation(); + + useLayoutEffect(() => { + navigation.setOptions({ + header: () => + }); + }, [navigation]); + + return ( + + + + ); +}; + +export { ItwOfflineWalletScreen }; diff --git a/ts/features/messages/components/Home/__tests__/__snapshots__/EmptyList.test.tsx.snap b/ts/features/messages/components/Home/__tests__/__snapshots__/EmptyList.test.tsx.snap index 2db32d5e939..e8b8f155e17 100644 --- a/ts/features/messages/components/Home/__tests__/__snapshots__/EmptyList.test.tsx.snap +++ b/ts/features/messages/components/Home/__tests__/__snapshots__/EmptyList.test.tsx.snap @@ -1183,15 +1183,14 @@ exports[`EmptyList should match snapshot, ARCHIVE category, pot.noneError 1`] = "textAlignVertical": "center", }, { + "backgroundColor": "#0073E6", "overflow": "hidden", }, false, { "height": 40, }, - { - "backgroundColor": "#0073E6", - }, + {}, false, { "backgroundColor": undefined, @@ -6845,15 +6844,14 @@ exports[`EmptyList should match snapshot, INBOX category, pot.noneError 1`] = "textAlignVertical": "center", }, { + "backgroundColor": "#0073E6", "overflow": "hidden", }, false, { "height": 40, }, - { - "backgroundColor": "#0073E6", - }, + {}, false, { "backgroundColor": undefined, diff --git a/ts/features/messages/components/Home/__tests__/__snapshots__/PreconditionsFooter.test.tsx.snap b/ts/features/messages/components/Home/__tests__/__snapshots__/PreconditionsFooter.test.tsx.snap index 8a9c2cb3bfe..1d2565c899a 100644 --- a/ts/features/messages/components/Home/__tests__/__snapshots__/PreconditionsFooter.test.tsx.snap +++ b/ts/features/messages/components/Home/__tests__/__snapshots__/PreconditionsFooter.test.tsx.snap @@ -431,15 +431,14 @@ exports[`PreconditionsFooter should match snapshot for 'content' footer category "textAlignVertical": "center", }, { + "backgroundColor": "#0073E6", "overflow": "hidden", }, false, { "height": 40, }, - { - "backgroundColor": "#0073E6", - }, + {}, false, { "backgroundColor": undefined, @@ -1404,15 +1403,14 @@ exports[`PreconditionsFooter should match snapshot for 'update' footer category "textAlignVertical": "center", }, { + "backgroundColor": "#0073E6", "overflow": "hidden", }, false, { "height": 40, }, - { - "backgroundColor": "#0073E6", - }, + {}, false, { "backgroundColor": undefined, diff --git a/ts/features/messages/components/MessageDetail/__tests__/__snapshots__/MessageDetailsPaymentButton.test.tsx.snap b/ts/features/messages/components/MessageDetail/__tests__/__snapshots__/MessageDetailsPaymentButton.test.tsx.snap index 620fdb9c640..33c85fc0ac7 100644 --- a/ts/features/messages/components/MessageDetail/__tests__/__snapshots__/MessageDetailsPaymentButton.test.tsx.snap +++ b/ts/features/messages/components/MessageDetail/__tests__/__snapshots__/MessageDetailsPaymentButton.test.tsx.snap @@ -381,15 +381,14 @@ exports[`MessageDetailsPaymentButton should match snapshot when loading 1`] = ` "textAlignVertical": "center", }, { + "backgroundColor": "#0073E6", "overflow": "hidden", }, false, { "height": 40, }, - { - "backgroundColor": "#0073E6", - }, + {}, false, { "backgroundColor": undefined, @@ -981,15 +980,14 @@ exports[`MessageDetailsPaymentButton should match snapshot when not loading 1`] "textAlignVertical": "center", }, { + "backgroundColor": "#0073E6", "overflow": "hidden", }, false, { "height": 40, }, - { - "backgroundColor": "#0073E6", - }, + {}, false, { "backgroundColor": undefined, diff --git a/ts/features/messages/components/MessageDetail/__tests__/__snapshots__/MessageDetailsStickyFooter.test.tsx.snap b/ts/features/messages/components/MessageDetail/__tests__/__snapshots__/MessageDetailsStickyFooter.test.tsx.snap index 7007f66e829..1347c27f117 100644 --- a/ts/features/messages/components/MessageDetail/__tests__/__snapshots__/MessageDetailsStickyFooter.test.tsx.snap +++ b/ts/features/messages/components/MessageDetail/__tests__/__snapshots__/MessageDetailsStickyFooter.test.tsx.snap @@ -410,15 +410,14 @@ exports[`MessageDetailsStickyFooter should match snapshot with both CTAs and no "textAlignVertical": "center", }, { + "backgroundColor": "#0073E6", "overflow": "hidden", }, false, { "height": 40, }, - { - "backgroundColor": "#0073E6", - }, + {}, false, { "backgroundColor": undefined, @@ -1015,15 +1014,14 @@ exports[`MessageDetailsStickyFooter should match snapshot with both CTAs and vis "textAlignVertical": "center", }, { + "backgroundColor": "#0073E6", "overflow": "hidden", }, false, { "height": 40, }, - { - "backgroundColor": "#0073E6", - }, + {}, false, { "backgroundColor": undefined, @@ -2076,15 +2074,14 @@ exports[`MessageDetailsStickyFooter should match snapshot with no CTAs and enabl "textAlignVertical": "center", }, { + "backgroundColor": "#0073E6", "overflow": "hidden", }, false, { "height": 40, }, - { - "backgroundColor": "#0073E6", - }, + {}, false, { "backgroundColor": undefined, @@ -2907,15 +2904,14 @@ exports[`MessageDetailsStickyFooter should match snapshot with no CTAs and loadi "textAlignVertical": "center", }, { + "backgroundColor": "#0073E6", "overflow": "hidden", }, false, { "height": 40, }, - { - "backgroundColor": "#0073E6", - }, + {}, false, { "backgroundColor": undefined, @@ -3537,15 +3533,14 @@ exports[`MessageDetailsStickyFooter should match snapshot with one CTA and no pa "textAlignVertical": "center", }, { + "backgroundColor": "#0073E6", "overflow": "hidden", }, false, { "height": 40, }, - { - "backgroundColor": "#0073E6", - }, + {}, false, { "backgroundColor": undefined, @@ -4022,15 +4017,14 @@ exports[`MessageDetailsStickyFooter should match snapshot with one CTA and visib "textAlignVertical": "center", }, { + "backgroundColor": "#0073E6", "overflow": "hidden", }, false, { "height": 40, }, - { - "backgroundColor": "#0073E6", - }, + {}, false, { "backgroundColor": undefined, diff --git a/ts/features/messages/screens/__tests__/__snapshots__/MessageAttachment.test.tsx.snap b/ts/features/messages/screens/__tests__/__snapshots__/MessageAttachment.test.tsx.snap index 0a4a0cdcb90..fb96f1f2bc3 100644 --- a/ts/features/messages/screens/__tests__/__snapshots__/MessageAttachment.test.tsx.snap +++ b/ts/features/messages/screens/__tests__/__snapshots__/MessageAttachment.test.tsx.snap @@ -563,15 +563,14 @@ exports[`MessageAttachment Should match the snapshot when everything went fine 1 "textAlignVertical": "center", }, { + "backgroundColor": "#0073E6", "overflow": "hidden", }, false, { "height": 40, }, - { - "backgroundColor": "#0073E6", - }, + {}, false, { "backgroundColor": undefined, diff --git a/ts/features/messages/screens/__tests__/__snapshots__/MessageGreenPassScreen.test.tsx.snap b/ts/features/messages/screens/__tests__/__snapshots__/MessageGreenPassScreen.test.tsx.snap index 484348dbcbd..17a4e187c29 100644 --- a/ts/features/messages/screens/__tests__/__snapshots__/MessageGreenPassScreen.test.tsx.snap +++ b/ts/features/messages/screens/__tests__/__snapshots__/MessageGreenPassScreen.test.tsx.snap @@ -588,15 +588,14 @@ exports[`MessageGreenPassScreen Should match snapshost 1`] = ` "textAlignVertical": "center", }, { + "backgroundColor": "#0073E6", "overflow": "hidden", }, false, { "height": 40, }, - { - "backgroundColor": "#0073E6", - }, + {}, false, { "backgroundColor": undefined, diff --git a/ts/features/messages/screens/__tests__/__snapshots__/MessageRouterScreen.test.tsx.snap b/ts/features/messages/screens/__tests__/__snapshots__/MessageRouterScreen.test.tsx.snap index d89cd4b9d0b..3af8c4eae55 100644 --- a/ts/features/messages/screens/__tests__/__snapshots__/MessageRouterScreen.test.tsx.snap +++ b/ts/features/messages/screens/__tests__/__snapshots__/MessageRouterScreen.test.tsx.snap @@ -2200,15 +2200,14 @@ exports[`MessageRouterScreen should match snapshot on message data retrieval fai "textAlignVertical": "center", }, { + "backgroundColor": "#0073E6", "overflow": "hidden", }, false, { "height": 40, }, - { - "backgroundColor": "#0073E6", - }, + {}, false, { "backgroundColor": undefined, 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 5516df852b7..f4dc64e1623 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 @@ -491,15 +491,14 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "textAlignVertical": "center", }, { + "backgroundColor": "#0073E6", "overflow": "hidden", }, false, { "height": 40, }, - { - "backgroundColor": "#0073E6", - }, + {}, false, { "backgroundColor": undefined, @@ -2421,15 +2420,14 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "textAlignVertical": "center", }, { + "backgroundColor": "#0073E6", "overflow": "hidden", }, false, { "height": 40, }, - { - "backgroundColor": "#0073E6", - }, + {}, false, { "backgroundColor": undefined, @@ -4332,15 +4330,14 @@ Controlla di aver seguito correttamente le istruzioni della tua banca. "textAlignVertical": "center", }, { + "backgroundColor": "#0073E6", "overflow": "hidden", }, false, { "height": 40, }, - { - "backgroundColor": "#0073E6", - }, + {}, false, { "backgroundColor": undefined, @@ -6228,15 +6225,14 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "textAlignVertical": "center", }, { + "backgroundColor": "#0073E6", "overflow": "hidden", }, false, { "height": 40, }, - { - "backgroundColor": "#0073E6", - }, + {}, false, { "backgroundColor": undefined, @@ -8138,15 +8134,14 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "textAlignVertical": "center", }, { + "backgroundColor": "#0073E6", "overflow": "hidden", }, false, { "height": 40, }, - { - "backgroundColor": "#0073E6", - }, + {}, false, { "backgroundColor": undefined, @@ -10004,15 +9999,14 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "textAlignVertical": "center", }, { + "backgroundColor": "#0073E6", "overflow": "hidden", }, false, { "height": 40, }, - { - "backgroundColor": "#0073E6", - }, + {}, false, { "backgroundColor": undefined, @@ -11962,15 +11956,14 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "textAlignVertical": "center", }, { + "backgroundColor": "#0073E6", "overflow": "hidden", }, false, { "height": 40, }, - { - "backgroundColor": "#0073E6", - }, + {}, false, { "backgroundColor": undefined, @@ -13978,15 +13971,14 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "textAlignVertical": "center", }, { + "backgroundColor": "#0073E6", "overflow": "hidden", }, false, { "height": 40, }, - { - "backgroundColor": "#0073E6", - }, + {}, false, { "backgroundColor": undefined, @@ -15824,15 +15816,14 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "textAlignVertical": "center", }, { + "backgroundColor": "#0073E6", "overflow": "hidden", }, false, { "height": 40, }, - { - "backgroundColor": "#0073E6", - }, + {}, false, { "backgroundColor": undefined, @@ -17754,15 +17745,14 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "textAlignVertical": "center", }, { + "backgroundColor": "#0073E6", "overflow": "hidden", }, false, { "height": 40, }, - { - "backgroundColor": "#0073E6", - }, + {}, false, { "backgroundColor": undefined, @@ -19664,15 +19654,14 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "textAlignVertical": "center", }, { + "backgroundColor": "#0073E6", "overflow": "hidden", }, false, { "height": 40, }, - { - "backgroundColor": "#0073E6", - }, + {}, false, { "backgroundColor": undefined, @@ -21594,15 +21583,14 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "textAlignVertical": "center", }, { + "backgroundColor": "#0073E6", "overflow": "hidden", }, false, { "height": 40, }, - { - "backgroundColor": "#0073E6", - }, + {}, false, { "backgroundColor": undefined, @@ -23460,15 +23448,14 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "textAlignVertical": "center", }, { + "backgroundColor": "#0073E6", "overflow": "hidden", }, false, { "height": 40, }, - { - "backgroundColor": "#0073E6", - }, + {}, false, { "backgroundColor": undefined, @@ -25510,15 +25497,14 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "textAlignVertical": "center", }, { + "backgroundColor": "#0073E6", "overflow": "hidden", }, false, { "height": 40, }, - { - "backgroundColor": "#0073E6", - }, + {}, false, { "backgroundColor": undefined, @@ -27440,15 +27426,14 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "textAlignVertical": "center", }, { + "backgroundColor": "#0073E6", "overflow": "hidden", }, false, { "height": 40, }, - { - "backgroundColor": "#0073E6", - }, + {}, false, { "backgroundColor": undefined, @@ -29378,15 +29363,14 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "textAlignVertical": "center", }, { + "backgroundColor": "#0073E6", "overflow": "hidden", }, false, { "height": 40, }, - { - "backgroundColor": "#0073E6", - }, + {}, false, { "backgroundColor": undefined, @@ -31288,15 +31272,14 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "textAlignVertical": "center", }, { + "backgroundColor": "#0073E6", "overflow": "hidden", }, false, { "height": 40, }, - { - "backgroundColor": "#0073E6", - }, + {}, false, { "backgroundColor": undefined, @@ -33156,15 +33139,14 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "textAlignVertical": "center", }, { + "backgroundColor": "#0073E6", "overflow": "hidden", }, false, { "height": 40, }, - { - "backgroundColor": "#0073E6", - }, + {}, false, { "backgroundColor": undefined, @@ -35186,15 +35168,14 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "textAlignVertical": "center", }, { + "backgroundColor": "#0073E6", "overflow": "hidden", }, false, { "height": 40, }, - { - "backgroundColor": "#0073E6", - }, + {}, false, { "backgroundColor": undefined, @@ -37102,15 +37083,14 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "textAlignVertical": "center", }, { + "backgroundColor": "#0073E6", "overflow": "hidden", }, false, { "height": 40, }, - { - "backgroundColor": "#0073E6", - }, + {}, false, { "backgroundColor": undefined, @@ -39286,15 +39266,14 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "textAlignVertical": "center", }, { + "backgroundColor": "#0073E6", "overflow": "hidden", }, false, { "height": 40, }, - { - "backgroundColor": "#0073E6", - }, + {}, false, { "backgroundColor": undefined, @@ -41155,15 +41134,14 @@ Se il problema persiste, prova a usare un altro metodo o gestore del pagamento. "textAlignVertical": "center", }, { + "backgroundColor": "#0073E6", "overflow": "hidden", }, false, { "height": 40, }, - { - "backgroundColor": "#0073E6", - }, + {}, false, { "backgroundColor": undefined, @@ -43205,15 +43183,14 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "textAlignVertical": "center", }, { + "backgroundColor": "#0073E6", "overflow": "hidden", }, false, { "height": 40, }, - { - "backgroundColor": "#0073E6", - }, + {}, false, { "backgroundColor": undefined, @@ -45221,15 +45198,14 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "textAlignVertical": "center", }, { + "backgroundColor": "#0073E6", "overflow": "hidden", }, false, { "height": 40, }, - { - "backgroundColor": "#0073E6", - }, + {}, false, { "backgroundColor": undefined, @@ -47159,15 +47135,14 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "textAlignVertical": "center", }, { + "backgroundColor": "#0073E6", "overflow": "hidden", }, false, { "height": 40, }, - { - "backgroundColor": "#0073E6", - }, + {}, false, { "backgroundColor": undefined, @@ -49069,15 +49044,14 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "textAlignVertical": "center", }, { + "backgroundColor": "#0073E6", "overflow": "hidden", }, false, { "height": 40, }, - { - "backgroundColor": "#0073E6", - }, + {}, false, { "backgroundColor": undefined, @@ -50999,15 +50973,14 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "textAlignVertical": "center", }, { + "backgroundColor": "#0073E6", "overflow": "hidden", }, false, { "height": 40, }, - { - "backgroundColor": "#0073E6", - }, + {}, false, { "backgroundColor": undefined, diff --git a/ts/features/pn/components/__test__/__snapshots__/MessageFooter.test.tsx.snap b/ts/features/pn/components/__test__/__snapshots__/MessageFooter.test.tsx.snap index 74918b77d9b..dcfab476e3d 100644 --- a/ts/features/pn/components/__test__/__snapshots__/MessageFooter.test.tsx.snap +++ b/ts/features/pn/components/__test__/__snapshots__/MessageFooter.test.tsx.snap @@ -1096,15 +1096,14 @@ exports[`MessageFooter should match snapshot for visibleEnabled button 1`] = ` "textAlignVertical": "center", }, { + "backgroundColor": "#0073E6", "overflow": "hidden", }, false, { "height": 40, }, - { - "backgroundColor": "#0073E6", - }, + {}, false, { "backgroundColor": undefined, @@ -1575,6 +1574,7 @@ exports[`MessageFooter should match snapshot for visibleLoading button 1`] = ` "textAlignVertical": "center", }, { + "backgroundColor": "#D2D6E3", "overflow": "hidden", }, false, @@ -1582,7 +1582,7 @@ exports[`MessageFooter should match snapshot for visibleLoading button 1`] = ` "height": 40, }, { - "backgroundColor": "#D2D6E3", + "opacity": 0.5, }, false, false, diff --git a/ts/features/pn/screens/__test__/__snapshots__/PaidPaymentScreen.test.tsx.snap b/ts/features/pn/screens/__test__/__snapshots__/PaidPaymentScreen.test.tsx.snap index 1c8df15fb2d..2432c83f3b4 100644 --- a/ts/features/pn/screens/__test__/__snapshots__/PaidPaymentScreen.test.tsx.snap +++ b/ts/features/pn/screens/__test__/__snapshots__/PaidPaymentScreen.test.tsx.snap @@ -516,15 +516,14 @@ exports[`PaidPaymentScreen should match snapshot 1`] = ` "textAlignVertical": "center", }, { + "backgroundColor": "#0073E6", "overflow": "hidden", }, false, { "height": 40, }, - { - "backgroundColor": "#0073E6", - }, + {}, false, { "backgroundColor": undefined, diff --git a/ts/features/pushNotifications/components/__tests__/__snapshots__/NotificationPreviewSample.test.tsx.snap b/ts/features/pushNotifications/components/__tests__/__snapshots__/NotificationPreviewSample.test.tsx.snap index b07470fa773..9604877eab8 100644 --- a/ts/features/pushNotifications/components/__tests__/__snapshots__/NotificationPreviewSample.test.tsx.snap +++ b/ts/features/pushNotifications/components/__tests__/__snapshots__/NotificationPreviewSample.test.tsx.snap @@ -398,82 +398,37 @@ exports[`NotificationPreviewSample should match snapshot, preview off, reminder } } > - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> { - - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + /> - - - - - - - + />