From aaa5dc67f7693509c0b5d01b10a32d643e488c3c Mon Sep 17 00:00:00 2001 From: Damiano Plebani Date: Wed, 8 Jan 2025 09:30:39 +0100 Subject: [PATCH 01/13] Update `io-app-design-system` to `5.x` (pre-release) --- package.json | 2 +- yarn.lock | 10 +++++----- 2 files changed, 6 insertions(+), 6 deletions(-) diff --git a/package.json b/package.json index 0c590c8a8fd..1b66fc56e36 100644 --- a/package.json +++ b/package.json @@ -53,7 +53,7 @@ }, "dependencies": { "@gorhom/bottom-sheet": "^4.1.5", - "@pagopa/io-app-design-system": "4.3.0", + "@pagopa/io-app-design-system": "5.0.0-0", "@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/yarn.lock b/yarn.lock index c80e9c9d1bb..a65de06b64d 100644 --- a/yarn.lock +++ b/yarn.lock @@ -3670,9 +3670,9 @@ __metadata: languageName: node linkType: hard -"@pagopa/io-app-design-system@npm:4.3.0": - version: 4.3.0 - resolution: "@pagopa/io-app-design-system@npm:4.3.0" +"@pagopa/io-app-design-system@npm:5.0.0-0": + version: 5.0.0-0 + resolution: "@pagopa/io-app-design-system@npm:5.0.0-0" dependencies: "@testing-library/jest-native": ^5.4.2 "@types/react-test-renderer": ^18.0.0 @@ -3696,7 +3696,7 @@ __metadata: react-native-reanimated: "*" react-native-safe-area-context: "*" react-native-svg: "*" - checksum: f139ca05d783292fd4d1816698c56028d27ce58ece7d4acf1f5547757abb78d01019f6c4b29a697feb433e593771c9b4ee0cce8779c031bc84ef31d185572d09 + checksum: ebe2abf19d0569179afcc4b2768db5aa9ee3db7b8370a41637a98143cec2391e291dc367c82afab2165db1deee6d9b0cd0fb5e882b2e7f81da362158c169012d languageName: node linkType: hard @@ -13557,7 +13557,7 @@ __metadata: "@babel/runtime": ^7.20.0 "@gorhom/bottom-sheet": ^4.1.5 "@jambit/eslint-plugin-typed-redux-saga": ^0.4.0 - "@pagopa/io-app-design-system": 4.3.0 + "@pagopa/io-app-design-system": 5.0.0-0 "@pagopa/io-pagopa-commons": ^3.1.0 "@pagopa/io-react-native-cieid": ^0.3.5 "@pagopa/io-react-native-crypto": ^1.0.1 From a7c4fcac50d5c6393db571833737ce0d7dfc600f Mon Sep 17 00:00:00 2001 From: Damiano Plebani Date: Wed, 8 Jan 2025 09:32:07 +0100 Subject: [PATCH 02/13] Add logic to the `Appearance` screen --- ts/App.tsx | 37 ++++++++++--------- .../profile/AppearancePreferenceScreen.tsx | 14 +++++-- 2 files changed, 31 insertions(+), 20 deletions(-) diff --git a/ts/App.tsx b/ts/App.tsx index cb6a0e62089..a11d37490fc 100644 --- a/ts/App.tsx +++ b/ts/App.tsx @@ -1,6 +1,7 @@ import { BottomSheetModalProvider } from "@gorhom/bottom-sheet"; import { IODSExperimentalContextProvider, + IONewTypefaceContextProvider, IOThemeContextProvider, ToastProvider } from "@pagopa/io-app-design-system"; @@ -68,23 +69,25 @@ const App = (): JSX.Element => ( - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + diff --git a/ts/screens/profile/AppearancePreferenceScreen.tsx b/ts/screens/profile/AppearancePreferenceScreen.tsx index 1856f5863fd..c876c8b0ca8 100644 --- a/ts/screens/profile/AppearancePreferenceScreen.tsx +++ b/ts/screens/profile/AppearancePreferenceScreen.tsx @@ -1,6 +1,7 @@ import { ListItemHeader, RadioGroup, + useIONewTypeface, VStack } from "@pagopa/io-app-design-system"; import React, { ReactElement, useState } from "react"; @@ -18,8 +19,15 @@ type ColorModeChoice = "system" | "dark" | "light"; * @constructor */ const AppearancePreferenceScreen = (): ReactElement => { - const [selectedTypeface, setSelectedTypeface] = - useState("comfortable"); + const { newTypefaceEnabled, setNewTypefaceEnabled } = useIONewTypeface(); + + const selectedTypeface: TypefaceChoice = newTypefaceEnabled + ? "comfortable" + : "standard"; + + const handleTypefaceChange = (choice: TypefaceChoice) => { + setNewTypefaceEnabled(choice === "comfortable"); + }; const [selectedColorMode, setSelectedColorMode] = useState("light"); @@ -89,7 +97,7 @@ const AppearancePreferenceScreen = (): ReactElement => { type="radioListItem" items={typefaceOptions} selectedItem={selectedTypeface} - onPress={setSelectedTypeface} + onPress={handleTypefaceChange} /> From 800c7f1fc84f5229e1c07d2c823e37b08fe84564 Mon Sep 17 00:00:00 2001 From: Damiano Plebani Date: Wed, 8 Jan 2025 09:41:02 +0100 Subject: [PATCH 03/13] Rename "experimental DS" to "experimental interface" --- locales/en/index.yml | 2 +- locales/it/index.yml | 2 +- ts/screens/profile/components/DSEnableSwitch.tsx | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/locales/en/index.yml b/locales/en/index.yml index 9c5380eadda..0fba32aa236 100644 --- a/locales/en/index.yml +++ b/locales/en/index.yml @@ -478,7 +478,7 @@ profile: cieID: cieIdTest: title: CieID - designSystemEnvironment: Experimental Design System + experimentalEnvironment: Experimental interface newScanSection: New 'Scan' feature sessionRefresh: Activate Session Refresh appVersion: Version diff --git a/locales/it/index.yml b/locales/it/index.yml index f909a6a0683..3b6fe3e4f97 100644 --- a/locales/it/index.yml +++ b/locales/it/index.yml @@ -480,7 +480,7 @@ profile: title: CieID trial: titleSection: Partecipa alla sperimentazione - designSystemEnvironment: Design System sperimentale + experimentalEnvironment: Interfaccia sperimentale newScanSection: Nuova funzione 'Inquadra' sessionRefresh: Attiva il refresh della sessione appVersion: Versione diff --git a/ts/screens/profile/components/DSEnableSwitch.tsx b/ts/screens/profile/components/DSEnableSwitch.tsx index 5dd6d359d89..ceab0ed3956 100644 --- a/ts/screens/profile/components/DSEnableSwitch.tsx +++ b/ts/screens/profile/components/DSEnableSwitch.tsx @@ -26,7 +26,7 @@ const DSEnableSwitch = () => { return ( From 16066e91d1842cc1199e26c344b1eac69d6494fd Mon Sep 17 00:00:00 2001 From: Damiano Plebani Date: Wed, 8 Jan 2025 12:15:59 +0100 Subject: [PATCH 04/13] Fix `tsc` errors --- .../design-system/core/DSLegacyListItems.tsx | 2 +- .../components/FimsSuccessBody.tsx | 33 ++++-- .../screens/IbanOnboardingScreen.tsx | 2 +- .../components/ItwOptionalClaimsList.tsx | 101 ------------------ .../components/Home/DS/AvatarDouble.tsx | 19 ++-- 5 files changed, 33 insertions(+), 124 deletions(-) delete mode 100644 ts/features/itwallet/common/components/ItwOptionalClaimsList.tsx diff --git a/ts/features/design-system/core/DSLegacyListItems.tsx b/ts/features/design-system/core/DSLegacyListItems.tsx index d63f559ec95..fc19084f14b 100644 --- a/ts/features/design-system/core/DSLegacyListItems.tsx +++ b/ts/features/design-system/core/DSLegacyListItems.tsx @@ -77,7 +77,7 @@ export const DSLegacyListItems = () => { diff --git a/ts/features/fims/singleSignOn/components/FimsSuccessBody.tsx b/ts/features/fims/singleSignOn/components/FimsSuccessBody.tsx index 8d5a22c3e1f..dbd0752c4ba 100644 --- a/ts/features/fims/singleSignOn/components/FimsSuccessBody.tsx +++ b/ts/features/fims/singleSignOn/components/FimsSuccessBody.tsx @@ -2,15 +2,18 @@ import { Avatar, Body, ButtonLink, + FooterActions, ForceScrollDownView, H2, H6, hexToRgba, - HSpacer, + HStack, Icon, IOColors, IOStyles, + IOVisualCostants, ListItemHeader, + useIOTheme, VSpacer } from "@pagopa/io-app-design-system"; import * as pot from "@pagopa/ts-commons/lib/pot"; @@ -20,7 +23,6 @@ import * as React from "react"; import { StyleSheet, View } from "react-native"; import { ServiceId } from "../../../../../definitions/backend/ServiceId"; import { Consent } from "../../../../../definitions/fims_sso/Consent"; -import { FooterActions } from "../../../../components/ui/FooterActions"; import { LoadingSkeleton } from "../../../../components/ui/Markdown/LoadingSkeleton"; import I18n from "../../../../i18n"; import { useIODispatch, useIOStore } from "../../../../store/hooks"; @@ -43,6 +45,7 @@ export const FimsFlowSuccessBody = ({ consents, onAbort }: FimsSuccessBodyProps) => { + const theme = useIOTheme(); const dispatch = useIODispatch(); const store = useIOStore(); const serviceId = consents.service_id as ServiceId; @@ -111,15 +114,19 @@ export const FimsFlowSuccessBody = ({ ]} > - + + {/* TODO: We need to add a variant of `Avatar` that + lets you set a custom icon with a custom colour. */} - + - - - +

{I18n.t("FIMS.consentsScreen.title")}

@@ -195,10 +202,14 @@ const generateBottomSheetProps = ( const styles = StyleSheet.create({ outlineContainer: { - padding: 6, borderWidth: 1, + padding: 8, + alignItems: "center", + justifyContent: "center", borderRadius: 8, - borderColor: hexToRgba(IOColors.black, 0.1) - }, - rowAlignCenter: { flexDirection: "row", alignItems: "center" } + borderColor: hexToRgba(IOColors.black, 0.1), + borderCurve: "continuous", + width: IOVisualCostants.avatarSizeSmall, + height: IOVisualCostants.avatarSizeSmall + } }); diff --git a/ts/features/idpay/configuration/screens/IbanOnboardingScreen.tsx b/ts/features/idpay/configuration/screens/IbanOnboardingScreen.tsx index 0b0cb80d3ef..654557777f6 100644 --- a/ts/features/idpay/configuration/screens/IbanOnboardingScreen.tsx +++ b/ts/features/idpay/configuration/screens/IbanOnboardingScreen.tsx @@ -83,7 +83,7 @@ export const IbanOnboardingScreen = () => { } ]} > - + {I18n.t("idpay.configuration.iban.onboarding.bottomLabel")} diff --git a/ts/features/itwallet/common/components/ItwOptionalClaimsList.tsx b/ts/features/itwallet/common/components/ItwOptionalClaimsList.tsx deleted file mode 100644 index cf2a62f3240..00000000000 --- a/ts/features/itwallet/common/components/ItwOptionalClaimsList.tsx +++ /dev/null @@ -1,101 +0,0 @@ -import * as React from "react"; -import { View, StyleSheet, Pressable } from "react-native"; -import { - AnimatedCheckbox, - Body, - Divider, - H6, - IOColors -} from "@pagopa/io-app-design-system"; -import * as RA from "fp-ts/lib/ReadonlyArray"; -import { pipe } from "fp-ts/lib/function"; -import I18n from "../../../../i18n"; - -/** - * Props for {@link ItwOptionalClaimsList} component which consists of a list of claims - * and a callback function to be called when a claim is selected. - */ -type Props = { - claims: ReadonlyArray; - onClaimSelected?: (claim: ItwOptionalClaimItem, isSelected: boolean) => void; -}; - -/** - * Type for a claim item. - */ -export type ItwOptionalClaimItem = { - claim: string; - credential: string; -}; - -const VERTICAL_SPACING = 16; - -const HORIZONTAL_SPACING = 24; - -/** - * A component to render a list of optional claims with a checkbox. - * @param claims - the list of the optional claims - * @param onClaimSelected - the callback function to be called when a claim is selected - */ -export const ItwOptionalClaimsList = ({ claims, onClaimSelected }: Props) => { - const [selectedClaims, setSelectedClaims] = React.useState>( - new Array(claims.length).fill(false) - ); - - const checkBoxOnPress = (index: number) => { - if (onClaimSelected) { - onClaimSelected(claims[index], !selectedClaims[index]); - } - setSelectedClaims( - selectedClaims.map((value, i) => (i === index ? !value : value)) - ); - }; - - return ( - - {pipe( - claims, - RA.mapWithIndex((index, claim) => ( - - checkBoxOnPress(index)} - > - - -
{claim.claim}
- - - - - - {I18n.t("features.itWallet.generic.dataSource.single", { - authSource: claim.credential - })} - - - - {/* Add a separator view between claims */} - {index !== claims.length - 1 && } - - )) - )} - - ); -}; - -const styles = StyleSheet.create({ - container: { - backgroundColor: IOColors.greyUltraLight, - borderRadius: 8, - paddingHorizontal: HORIZONTAL_SPACING - }, - innerContainer: { - paddingVertical: VERTICAL_SPACING - } -}); diff --git a/ts/features/messages/components/Home/DS/AvatarDouble.tsx b/ts/features/messages/components/Home/DS/AvatarDouble.tsx index eb1275a5228..d5726f5fe76 100644 --- a/ts/features/messages/components/Home/DS/AvatarDouble.tsx +++ b/ts/features/messages/components/Home/DS/AvatarDouble.tsx @@ -1,20 +1,19 @@ -import React, { useCallback } from "react"; -import { - Image, - ImageRequireSource, - ImageURISource, - StyleSheet, - View -} from "react-native"; import { IOColors, - IOIconSizeScale, IOSpacingScale, IOVisualCostants, Icon, hexToRgba, useIOTheme } from "@pagopa/io-app-design-system"; +import React, { useCallback } from "react"; +import { + Image, + ImageRequireSource, + ImageURISource, + StyleSheet, + View +} from "react-native"; import { addCacheTimestampToUri } from "../../../../../utils/image"; type AvatarDoubleProps = { @@ -24,7 +23,7 @@ type AvatarDoubleProps = { | ReadonlyArray; }; -const avatarContainerSize: IOIconSizeScale = 30; +const avatarContainerSize = 30; const avatarDoubleRadiusSizeSmall: number = 6; const internalSpaceDefaultSize: number = 3; const internalSpacePlaceholderDefaultSize: IOSpacingScale = 6; From d86922a311c6ba1d7e9c00e961f86335b61220bf Mon Sep 17 00:00:00 2001 From: Damiano Plebani Date: Wed, 8 Jan 2025 14:25:12 +0100 Subject: [PATCH 05/13] Remove `size` prop from `Banner` instances --- ts/features/design-system/core/DSAdvice.tsx | 46 +------------------ ts/features/design-system/core/DSWallet.tsx | 1 - .../code/components/IdPayCodeCieBanner.tsx | 1 - .../code/screens/IdPayCodeDisplayScreen.tsx | 1 - .../common/components/ItwFeedbackBanner.tsx | 1 - .../components/ItwWalletReadyBanner.tsx | 1 - .../discoveryBanner/ItwDiscoveryBanner.tsx | 1 - .../ItwDiscoveryBannerOnboarding.tsx | 1 - .../screens/ItwIdentityNotMatchingScreen.tsx | 1 - .../MessageDetail/RemoteContentBanner.tsx | 1 - .../WalletPaymentFeedbackBanner.tsx | 1 - .../PaymentsMethodPspPayPalBanner.tsx | 1 - .../PaymentsHomeUserMethodsList.tsx | 1 - .../ProfileNotificationsSettings.tsx | 1 - .../components/PushNotificationsBanner.tsx | 1 - .../authentication/IdpSelectionScreen.tsx | 1 - ts/screens/authentication/LandingScreen.tsx | 1 - .../authentication/cie/CiePinScreen.tsx | 1 - .../OnboardingServicesPreferenceScreen.tsx | 1 - .../onboarding/OnboardingShareDataScreen.tsx | 1 - .../FingerprintScreen.tsx | 1 - .../profile/LanguagesPreferencesScreen.tsx | 1 - ts/screens/profile/ProfileAboutApp.tsx | 1 - .../profile/ProfileMainScreenTopBanner.tsx | 1 - .../profile/RemoveAccountInfoScreen.tsx | 1 - .../components/SettingsDiscoveryBanner.tsx | 1 - 26 files changed, 2 insertions(+), 69 deletions(-) diff --git a/ts/features/design-system/core/DSAdvice.tsx b/ts/features/design-system/core/DSAdvice.tsx index 81b6bc0f9b6..27ae0b30d6a 100644 --- a/ts/features/design-system/core/DSAdvice.tsx +++ b/ts/features/design-system/core/DSAdvice.tsx @@ -129,11 +129,10 @@ const renderBanner = () => ( {bannerBackgroundColours.map(color => ( - + ( /> ( /> ( /> ( /> ( /> - + ( /> ( /> - - - - - - - ))} diff --git a/ts/features/design-system/core/DSWallet.tsx b/ts/features/design-system/core/DSWallet.tsx index 93fbd074437..203294013db 100644 --- a/ts/features/design-system/core/DSWallet.tsx +++ b/ts/features/design-system/core/DSWallet.tsx @@ -125,7 +125,6 @@ export const DSWallet = () => { diff --git a/ts/features/idpay/code/components/IdPayCodeCieBanner.tsx b/ts/features/idpay/code/components/IdPayCodeCieBanner.tsx index 21089e1edce..930aab64f02 100644 --- a/ts/features/idpay/code/components/IdPayCodeCieBanner.tsx +++ b/ts/features/idpay/code/components/IdPayCodeCieBanner.tsx @@ -58,7 +58,6 @@ const IdPayCodeCieBanner = ({ initiativeId }: IdPayCodeCIEBannerParams) => { title={I18n.t( "idpay.initiative.discountDetails.IDPayCode.banner.title" )} - size="big" content={I18n.t( "idpay.initiative.discountDetails.IDPayCode.banner.body" )} diff --git a/ts/features/idpay/code/screens/IdPayCodeDisplayScreen.tsx b/ts/features/idpay/code/screens/IdPayCodeDisplayScreen.tsx index 7fbc2f5a4e3..63732631bdb 100644 --- a/ts/features/idpay/code/screens/IdPayCodeDisplayScreen.tsx +++ b/ts/features/idpay/code/screens/IdPayCodeDisplayScreen.tsx @@ -98,7 +98,6 @@ const IdPayCodeDisplayScreen = () => { { action={I18n.t("features.itWallet.feedback.banner.action")} pictogramName="feedback" color="neutral" - size="big" onPress={handleOnPress} labelClose={I18n.t("global.buttons.close")} onClose={handleOnClose} diff --git a/ts/features/itwallet/common/components/ItwWalletReadyBanner.tsx b/ts/features/itwallet/common/components/ItwWalletReadyBanner.tsx index 5db54a700f8..b900cd36790 100644 --- a/ts/features/itwallet/common/components/ItwWalletReadyBanner.tsx +++ b/ts/features/itwallet/common/components/ItwWalletReadyBanner.tsx @@ -30,7 +30,6 @@ export const ItwWalletReadyBanner = () => { )} pictogramName="itWallet" color="turquoise" - size="big" onPress={handleOnPress} /> ); diff --git a/ts/features/itwallet/common/components/discoveryBanner/ItwDiscoveryBanner.tsx b/ts/features/itwallet/common/components/discoveryBanner/ItwDiscoveryBanner.tsx index 2d6208e5439..7ee44cc999a 100644 --- a/ts/features/itwallet/common/components/discoveryBanner/ItwDiscoveryBanner.tsx +++ b/ts/features/itwallet/common/components/discoveryBanner/ItwDiscoveryBanner.tsx @@ -76,7 +76,6 @@ export const ItwDiscoveryBanner = ({ action={I18n.t("features.itWallet.discovery.banner.home.action")} pictogramName="itWallet" color="turquoise" - size="big" onClose={closable ? handleClose : undefined} labelClose={I18n.t("global.buttons.close")} onPress={handleOnPress} diff --git a/ts/features/itwallet/common/components/discoveryBanner/ItwDiscoveryBannerOnboarding.tsx b/ts/features/itwallet/common/components/discoveryBanner/ItwDiscoveryBannerOnboarding.tsx index 38cabb47b5c..8d47057bc33 100644 --- a/ts/features/itwallet/common/components/discoveryBanner/ItwDiscoveryBannerOnboarding.tsx +++ b/ts/features/itwallet/common/components/discoveryBanner/ItwDiscoveryBannerOnboarding.tsx @@ -62,7 +62,6 @@ const ItwDiscoveryBannerOnboarding = () => { action={I18n.t("features.itWallet.discovery.banner.onboarding.action")} pictogramName="itWallet" color="neutral" - size="big" labelClose={I18n.t("global.buttons.close")} onPress={handleOnPress} /> diff --git a/ts/features/itwallet/lifecycle/screens/ItwIdentityNotMatchingScreen.tsx b/ts/features/itwallet/lifecycle/screens/ItwIdentityNotMatchingScreen.tsx index 3be43f26286..060dd629b68 100644 --- a/ts/features/itwallet/lifecycle/screens/ItwIdentityNotMatchingScreen.tsx +++ b/ts/features/itwallet/lifecycle/screens/ItwIdentityNotMatchingScreen.tsx @@ -87,7 +87,6 @@ export const ItwIdentityNotMatchingScreen = () => { "features.itWallet.identification.notMatchingIdentityScreen.banner.title" )} pictogramName="security" - size="small" color="neutral" /> diff --git a/ts/features/messages/components/MessageDetail/RemoteContentBanner.tsx b/ts/features/messages/components/MessageDetail/RemoteContentBanner.tsx index 81952bb0177..ddf922590e0 100644 --- a/ts/features/messages/components/MessageDetail/RemoteContentBanner.tsx +++ b/ts/features/messages/components/MessageDetail/RemoteContentBanner.tsx @@ -69,7 +69,6 @@ export const RemoteContentBanner = () => { { { color="neutral" pictogramName="help" title={I18n.t("features.payments.details.payPal.banner.title")} - size="big" content={I18n.t("features.payments.details.payPal.banner.content")} onClose={handleOnCloseBanner} labelClose={I18n.t( diff --git a/ts/features/payments/home/components/PaymentsHomeUserMethodsList.tsx b/ts/features/payments/home/components/PaymentsHomeUserMethodsList.tsx index 45a276bb801..bf37abe6bed 100644 --- a/ts/features/payments/home/components/PaymentsHomeUserMethodsList.tsx +++ b/ts/features/payments/home/components/PaymentsHomeUserMethodsList.tsx @@ -144,7 +144,6 @@ const PaymentsHomeUserMethodsList = ({ enforcedLoadingState }: Props) => { content={I18n.t("features.payments.methods.banner.content")} action={I18n.t("features.payments.methods.banner.action")} onPress={handleOnAddMethodPress} - size="big" color="neutral" viewRef={bannerRef} labelClose={I18n.t("global.buttons.close")} diff --git a/ts/features/pushNotifications/components/ProfileNotificationsSettings.tsx b/ts/features/pushNotifications/components/ProfileNotificationsSettings.tsx index 20c7fae7de0..929bf5c4d64 100644 --- a/ts/features/pushNotifications/components/ProfileNotificationsSettings.tsx +++ b/ts/features/pushNotifications/components/ProfileNotificationsSettings.tsx @@ -75,7 +75,6 @@ export const ProfileNotificationSettings = ({ content={I18n.t( "profile.main.privacy.shareData.screen.profileSettings" )} - size="small" color="neutral" /> )} diff --git a/ts/features/pushNotifications/components/PushNotificationsBanner.tsx b/ts/features/pushNotifications/components/PushNotificationsBanner.tsx index 410bb0d02d1..942d7614fdf 100644 --- a/ts/features/pushNotifications/components/PushNotificationsBanner.tsx +++ b/ts/features/pushNotifications/components/PushNotificationsBanner.tsx @@ -58,7 +58,6 @@ export const PushNotificationsBanner = ({ closeHandler }: Props) => { action={I18n.t("features.messages.pushNotifications.banner.CTA")} pictogramName="notification" color="turquoise" - size="big" onClose={onClose} labelClose={I18n.t("global.buttons.close")} onPress={openSystemNotificationSettingsScreen} diff --git a/ts/screens/authentication/IdpSelectionScreen.tsx b/ts/screens/authentication/IdpSelectionScreen.tsx index cf44b6c6e5e..ba0059ec9b1 100644 --- a/ts/screens/authentication/IdpSelectionScreen.tsx +++ b/ts/screens/authentication/IdpSelectionScreen.tsx @@ -183,7 +183,6 @@ const IdpSelectionScreen = (): ReactElement => { { action={I18n.t( "authentication.landing.cie_bottom_sheet.help_banner.action" )} - size="small" /> diff --git a/ts/screens/authentication/cie/CiePinScreen.tsx b/ts/screens/authentication/cie/CiePinScreen.tsx index b6a69a58373..7761176398d 100644 --- a/ts/screens/authentication/cie/CiePinScreen.tsx +++ b/ts/screens/authentication/cie/CiePinScreen.tsx @@ -253,7 +253,6 @@ const CiePinScreen = () => { { /> { )} color="neutral" pictogramName="settings" - size="small" /> diff --git a/ts/screens/onboarding/biometric&securityChecks/FingerprintScreen.tsx b/ts/screens/onboarding/biometric&securityChecks/FingerprintScreen.tsx index 35eca08e54c..3f52128e31d 100644 --- a/ts/screens/onboarding/biometric&securityChecks/FingerprintScreen.tsx +++ b/ts/screens/onboarding/biometric&securityChecks/FingerprintScreen.tsx @@ -114,7 +114,6 @@ const FingerprintScreen = () => { diff --git a/ts/screens/profile/LanguagesPreferencesScreen.tsx b/ts/screens/profile/LanguagesPreferencesScreen.tsx index e4ee9eb72bc..3fd3f018d51 100644 --- a/ts/screens/profile/LanguagesPreferencesScreen.tsx +++ b/ts/screens/profile/LanguagesPreferencesScreen.tsx @@ -219,7 +219,6 @@ const LanguagesPreferencesScreen = () => { { { action={I18n.t("profile.main.banner.action")} pictogramName={"help"} color={"neutral"} - size={"big"} onPress={navigateToProfile} onClose={handleCloseBanner} labelClose={I18n.t("profile.main.banner.close")} diff --git a/ts/screens/profile/RemoveAccountInfoScreen.tsx b/ts/screens/profile/RemoveAccountInfoScreen.tsx index 167ecf6f7f6..4906343f0ec 100644 --- a/ts/screens/profile/RemoveAccountInfoScreen.tsx +++ b/ts/screens/profile/RemoveAccountInfoScreen.tsx @@ -55,7 +55,6 @@ const RemoveAccountInfo = () => { diff --git a/ts/screens/profile/components/SettingsDiscoveryBanner.tsx b/ts/screens/profile/components/SettingsDiscoveryBanner.tsx index 03df0540852..13cfc3f22ee 100644 --- a/ts/screens/profile/components/SettingsDiscoveryBanner.tsx +++ b/ts/screens/profile/components/SettingsDiscoveryBanner.tsx @@ -39,7 +39,6 @@ export const SettingsDiscoveryBanner = ({ action={I18n.t("settings.informativeBanner.action")} pictogramName="settings" color="neutral" - size="big" onClose={closeHandler} labelClose={I18n.t("global.buttons.close")} onPress={handleOnPress} From 0a1cf6f0caad62f053e4f33de4c96a0ddd5f25a4 Mon Sep 17 00:00:00 2001 From: Damiano Plebani Date: Wed, 8 Jan 2025 14:41:12 +0100 Subject: [PATCH 06/13] =?UTF-8?q?Remove=20`title`=20from=C2=A0`Alert`=20in?= =?UTF-8?q?stances?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- ts/features/design-system/core/DSAlert.tsx | 35 ------------------- .../TestAuthenticationScreen.tsx | 6 ++-- 2 files changed, 3 insertions(+), 38 deletions(-) diff --git a/ts/features/design-system/core/DSAlert.tsx b/ts/features/design-system/core/DSAlert.tsx index fca332de23c..3c6fc500e30 100644 --- a/ts/features/design-system/core/DSAlert.tsx +++ b/ts/features/design-system/core/DSAlert.tsx @@ -21,11 +21,6 @@ export const DSAlert = () => { {renderContentOnly()} - -

Title + Content

- {renderTitlePlusContent()} - -

Content + Action

{renderContentPlusAction()} @@ -62,36 +57,6 @@ const renderContentOnly = () => ( ); -const renderTitlePlusContent = () => ( - - - - - - - -); - const renderContentPlusAction = () => ( ( ); -const ErrorView = (title: string, content: string) => ( +const ErrorView = (content: string) => ( - + ); @@ -193,7 +193,7 @@ const TestAuthenticationScreen = () => { {isLoading && } - {isError && ErrorView("Error", loginState.errorMessage)} + {isError && ErrorView(loginState.errorMessage)} {isSuccessful && SuccessfulView()} ); From 63adcbdf515f370fc1d4a42accc24dd3ea461030 Mon Sep 17 00:00:00 2001 From: Damiano Plebani Date: Wed, 8 Jan 2025 15:43:01 +0100 Subject: [PATCH 07/13] Remove legacy `Badge` variants --- ts/components/screens/ListItemComponent.tsx | 2 +- .../merchants/CgnMerchantsListView.tsx | 2 +- .../merchants/CgnModuleDiscount.tsx | 132 ++++++++++++++++++ .../MerchantSearchResultListItem.tsx | 2 +- .../merchants/ModuleCgnDiscount.tsx | 4 +- .../merchants/discount/CgnDiscountHeader.tsx | 4 +- .../CgnMerchantCategoriesListScreen.tsx | 2 +- ts/features/design-system/core/DSBadges.tsx | 63 ++------- .../fci/components/SignatureRequestItem.tsx | 4 +- ts/screens/authentication/OptInScreen.tsx | 2 +- 10 files changed, 158 insertions(+), 59 deletions(-) create mode 100644 ts/features/bonus/cgn/components/merchants/CgnModuleDiscount.tsx diff --git a/ts/components/screens/ListItemComponent.tsx b/ts/components/screens/ListItemComponent.tsx index 408ed1bd8ab..1a5af070811 100644 --- a/ts/components/screens/ListItemComponent.tsx +++ b/ts/components/screens/ListItemComponent.tsx @@ -141,7 +141,7 @@ export default class ListItemComponent extends React.Component { {/* Use marginTop to align the badge to the text. TODO: Replace it with a more robust approach. */} - + )} diff --git a/ts/features/bonus/cgn/components/merchants/CgnMerchantsListView.tsx b/ts/features/bonus/cgn/components/merchants/CgnMerchantsListView.tsx index 6ffbb98850d..25a2fd11b64 100644 --- a/ts/features/bonus/cgn/components/merchants/CgnMerchantsListView.tsx +++ b/ts/features/bonus/cgn/components/merchants/CgnMerchantsListView.tsx @@ -22,7 +22,7 @@ export const CgnMerchantListViewRenderItem = {item.newDiscounts && ( diff --git a/ts/features/bonus/cgn/components/merchants/CgnModuleDiscount.tsx b/ts/features/bonus/cgn/components/merchants/CgnModuleDiscount.tsx new file mode 100644 index 00000000000..ae9ea6ebb6e --- /dev/null +++ b/ts/features/bonus/cgn/components/merchants/CgnModuleDiscount.tsx @@ -0,0 +1,132 @@ +import { + Badge, + H6, + HSpacer, + IOColors, + IOModuleStyles, + IOStyles, + Icon, + Tag, + VSpacer, + useIOExperimentalDesign, + useScaleAnimation +} from "@pagopa/io-app-design-system"; +import * as O from "fp-ts/lib/Option"; +import * as React from "react"; +import { Pressable, StyleSheet, View } from "react-native"; +import Animated from "react-native-reanimated"; +import { Discount } from "../../../../../../definitions/cgn/merchants/Discount"; +import { ProductCategory } from "../../../../../../definitions/cgn/merchants/ProductCategory"; +import I18n from "../../../../../i18n"; +import { getCategorySpecs } from "../../utils/filters"; +import { isValidDiscount, normalizedDiscountPercentage } from "./utils"; + +type Props = { + onPress: () => void; + discount: Discount; +}; + +const styles = StyleSheet.create({ + backgroundDefault: { + backgroundColor: IOColors["grey-50"], + borderColor: IOColors["grey-100"] + }, + backgroundNewItem: { + backgroundColor: IOColors["hanPurple-50"], + borderColor: IOColors["hanPurple-250"] + }, + moduleButton: { + borderWidth: 1 + } +}); +type CategoryTagProps = { + category: ProductCategory; +}; + +export const CategoryTag = ({ category }: CategoryTagProps) => { + const categorySpecs = getCategorySpecs(category); + + return O.isSome(categorySpecs) ? ( + <> + + + + + + + ) : null; +}; +export const CgnModuleDiscount = ({ onPress, discount }: Props) => { + const { isExperimental } = useIOExperimentalDesign(); + const { onPressIn, onPressOut, scaleAnimatedStyle } = + useScaleAnimation("medium"); + + return ( + + + + + + {discount.isNew && ( + <> + + + + )} + {isValidDiscount(discount.discount) && ( + + )} + + +
{discount.name}
+ + + {discount.productCategories.map(categoryKey => ( + + ))} + + + + + + + ); +}; diff --git a/ts/features/bonus/cgn/components/merchants/MerchantSearchResultListItem.tsx b/ts/features/bonus/cgn/components/merchants/MerchantSearchResultListItem.tsx index 92f7daba08c..4701074fef4 100644 --- a/ts/features/bonus/cgn/components/merchants/MerchantSearchResultListItem.tsx +++ b/ts/features/bonus/cgn/components/merchants/MerchantSearchResultListItem.tsx @@ -64,7 +64,7 @@ export function MerchantSearchResultListItem({ {item.newDiscounts && ( diff --git a/ts/features/bonus/cgn/components/merchants/ModuleCgnDiscount.tsx b/ts/features/bonus/cgn/components/merchants/ModuleCgnDiscount.tsx index 06266d234ef..644898760cc 100644 --- a/ts/features/bonus/cgn/components/merchants/ModuleCgnDiscount.tsx +++ b/ts/features/bonus/cgn/components/merchants/ModuleCgnDiscount.tsx @@ -93,13 +93,13 @@ export const ModuleCgnDiscount = ({ onPress, discount }: ModuleCgnDiscount) => { {discount.isNew && ( )} {isValidDiscount(discount.discount) && ( {isNew && ( )} {isValidDiscount(discount) && ( diff --git a/ts/features/bonus/cgn/screens/merchants/CgnMerchantCategoriesListScreen.tsx b/ts/features/bonus/cgn/screens/merchants/CgnMerchantCategoriesListScreen.tsx index f3719576561..362ded918a0 100644 --- a/ts/features/bonus/cgn/screens/merchants/CgnMerchantCategoriesListScreen.tsx +++ b/ts/features/bonus/cgn/screens/merchants/CgnMerchantCategoriesListScreen.tsx @@ -97,7 +97,7 @@ export const CgnMerchantCategoriesListScreen = () => { countAvailable ? (
{I18n.t(s.nameKey)}
- + ) : ( I18n.t(s.nameKey) diff --git a/ts/features/design-system/core/DSBadges.tsx b/ts/features/design-system/core/DSBadges.tsx index ec4b090a3d7..8711082ee40 100644 --- a/ts/features/design-system/core/DSBadges.tsx +++ b/ts/features/design-system/core/DSBadges.tsx @@ -40,58 +40,25 @@ export const DSBadges = () => { const renderBadge = () => ( - - + + - + + + + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + ); diff --git a/ts/features/fci/components/SignatureRequestItem.tsx b/ts/features/fci/components/SignatureRequestItem.tsx index a894641e7b3..766d9628a31 100644 --- a/ts/features/fci/components/SignatureRequestItem.tsx +++ b/ts/features/fci/components/SignatureRequestItem.tsx @@ -32,7 +32,7 @@ const SignatureRequestItem = (props: Props) => { case SignatureRequestStatusEnum.WAIT_FOR_SIGNATURE: return ( @@ -40,7 +40,7 @@ const SignatureRequestItem = (props: Props) => { case SignatureRequestStatusEnum.SIGNED: return ( diff --git a/ts/screens/authentication/OptInScreen.tsx b/ts/screens/authentication/OptInScreen.tsx index d62ec10c87a..50b6771b971 100644 --- a/ts/screens/authentication/OptInScreen.tsx +++ b/ts/screens/authentication/OptInScreen.tsx @@ -138,7 +138,7 @@ const OptInScreen = () => { From 2802bcddbcab9816ca5b3760a9eb2225eb9b2ccf Mon Sep 17 00:00:00 2001 From: Damiano Plebani Date: Wed, 8 Jan 2025 17:28:44 +0100 Subject: [PATCH 08/13] Update `io-app-design-system` to `5.0.0-2` --- package.json | 2 +- yarn.lock | 10 +++++----- 2 files changed, 6 insertions(+), 6 deletions(-) diff --git a/package.json b/package.json index 1b66fc56e36..2731c6b7d92 100644 --- a/package.json +++ b/package.json @@ -53,7 +53,7 @@ }, "dependencies": { "@gorhom/bottom-sheet": "^4.1.5", - "@pagopa/io-app-design-system": "5.0.0-0", + "@pagopa/io-app-design-system": "5.0.0-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/yarn.lock b/yarn.lock index a65de06b64d..cd50be90a4a 100644 --- a/yarn.lock +++ b/yarn.lock @@ -3670,9 +3670,9 @@ __metadata: languageName: node linkType: hard -"@pagopa/io-app-design-system@npm:5.0.0-0": - version: 5.0.0-0 - resolution: "@pagopa/io-app-design-system@npm:5.0.0-0" +"@pagopa/io-app-design-system@npm:5.0.0-2": + version: 5.0.0-2 + resolution: "@pagopa/io-app-design-system@npm:5.0.0-2" dependencies: "@testing-library/jest-native": ^5.4.2 "@types/react-test-renderer": ^18.0.0 @@ -3696,7 +3696,7 @@ __metadata: react-native-reanimated: "*" react-native-safe-area-context: "*" react-native-svg: "*" - checksum: ebe2abf19d0569179afcc4b2768db5aa9ee3db7b8370a41637a98143cec2391e291dc367c82afab2165db1deee6d9b0cd0fb5e882b2e7f81da362158c169012d + checksum: 9cd67fd4756f1824f712d2830e76affd75b5a3998c32449ffcf180e96e5fa5412d5dd78b15308654558c1de52db4995f09f68ba2aaab66acc10f4f7a719745c7 languageName: node linkType: hard @@ -13557,7 +13557,7 @@ __metadata: "@babel/runtime": ^7.20.0 "@gorhom/bottom-sheet": ^4.1.5 "@jambit/eslint-plugin-typed-redux-saga": ^0.4.0 - "@pagopa/io-app-design-system": 5.0.0-0 + "@pagopa/io-app-design-system": 5.0.0-2 "@pagopa/io-pagopa-commons": ^3.1.0 "@pagopa/io-react-native-cieid": ^0.3.5 "@pagopa/io-react-native-crypto": ^1.0.1 From da94481efa9b244adeafcaf86b64846426fab21d Mon Sep 17 00:00:00 2001 From: Damiano Plebani Date: Wed, 8 Jan 2025 17:57:47 +0100 Subject: [PATCH 09/13] Fix `tsc` errors --- ts/components/IOMarkdown/renderRules.tsx | 1 - ts/features/design-system/core/DSAlert.tsx | 6 ------ ts/features/design-system/core/DSListItems.tsx | 16 ++-------------- ts/features/design-system/core/DSModules.tsx | 8 ++++---- ts/features/design-system/core/DSSelection.tsx | 4 ++-- .../IdPayDiscountInstrumentEnrollmentSwitch.tsx | 2 +- .../components/InstrumentEnrollmentSwitch.tsx | 2 +- .../components/TimelineOperationListItem.tsx | 2 +- .../TimelineRefundDetailsComponent.tsx | 2 +- .../IdPayInstrumentInitiativesList.tsx | 2 +- .../components/ItwOnboardingModuleCredential.tsx | 2 +- ts/features/payments/common/utils/index.ts | 5 ++--- .../home/components/FeaturedServiceCard.tsx | 2 +- ts/screens/authentication/LandingScreen.tsx | 2 +- .../profile/AppearancePreferenceScreen.tsx | 2 +- ts/screens/profile/PrivacyMainScreen.tsx | 4 ++-- 16 files changed, 21 insertions(+), 41 deletions(-) diff --git a/ts/components/IOMarkdown/renderRules.tsx b/ts/components/IOMarkdown/renderRules.tsx index 090db9e1c8a..d647bc25bbf 100644 --- a/ts/components/IOMarkdown/renderRules.tsx +++ b/ts/components/IOMarkdown/renderRules.tsx @@ -318,7 +318,6 @@ export const DEFAULT_RULES: IOMarkdownRenderRules = { key={getTxtNodeKey(blockQuote)} pictogramName={getPictogramName(pictogramName?.[1])} color="neutral" - size="big" title={title?.[1]} content={content} /> diff --git a/ts/features/design-system/core/DSAlert.tsx b/ts/features/design-system/core/DSAlert.tsx index 3c6fc500e30..8b912349c44 100644 --- a/ts/features/design-system/core/DSAlert.tsx +++ b/ts/features/design-system/core/DSAlert.tsx @@ -117,12 +117,6 @@ const renderFullWidth = () => ( variant="success" content="Ut enim ad minim veniam, quis ullamco labo nisi ut aliquid ad minim veniam" /> - ( topElement={{ badgeProps: { text: "Novità", - variant: "blue" + variant: "default" } }} /> @@ -146,7 +146,7 @@ const renderListItemNav = () => ( topElement={{ badgeProps: { text: "Novità", - variant: "blue" + variant: "default" } }} hideChevron @@ -614,18 +614,6 @@ const renderListItemTransaction = () => ( /> - - } - onPress={onButtonPress} - /> - - ( onPress={onButtonPress} badge={{ text: "predefinita", - variant: "info" + variant: "highlight" }} /> @@ -401,7 +401,7 @@ const renderModuleCredential = () => ( onPress={onButtonPress} badge={{ text: "predefinita", - variant: "info" + variant: "highlight" }} /> @@ -455,7 +455,7 @@ const renderModuleNavigation = () => ( onPress={onButtonPress} badge={{ text: "In arrivo", - variant: "blue", + variant: "default", outline: true }} /> @@ -468,7 +468,7 @@ const renderModuleNavigation = () => ( onPress={onButtonPress} badge={{ text: "In arrivo", - variant: "blue", + variant: "default", outline: true }} /> diff --git a/ts/features/design-system/core/DSSelection.tsx b/ts/features/design-system/core/DSSelection.tsx index 1dd5697e9db..b93135531f7 100644 --- a/ts/features/design-system/core/DSSelection.tsx +++ b/ts/features/design-system/core/DSSelection.tsx @@ -466,7 +466,7 @@ const ListItemSwitchShowroom = () => ( value={false} badge={{ text: "Attivo", - variant: "info" + variant: "highlight" }} description="Inquadra il codice QR mostrato dall’esercente e segui le istruzioni in app per autorizzare la spesa." /> @@ -477,7 +477,7 @@ const ListItemSwitchShowroom = () => ( value={false} badge={{ text: "Attivo", - variant: "info" + variant: "highlight" }} /> diff --git a/ts/features/idpay/configuration/components/IdPayDiscountInstrumentEnrollmentSwitch.tsx b/ts/features/idpay/configuration/components/IdPayDiscountInstrumentEnrollmentSwitch.tsx index faea2323c55..9f99c32f2d9 100644 --- a/ts/features/idpay/configuration/components/IdPayDiscountInstrumentEnrollmentSwitch.tsx +++ b/ts/features/idpay/configuration/components/IdPayDiscountInstrumentEnrollmentSwitch.tsx @@ -58,7 +58,7 @@ const getInstrumentPaymentMethodBage = ( text: I18n.t( `idpay.configuration.instruments.paymentMethods.badge.active` ), - variant: "info" + variant: "highlight" } as Badge; } switch (status) { diff --git a/ts/features/idpay/configuration/components/InstrumentEnrollmentSwitch.tsx b/ts/features/idpay/configuration/components/InstrumentEnrollmentSwitch.tsx index 7279bdb180f..c14ff73ee56 100644 --- a/ts/features/idpay/configuration/components/InstrumentEnrollmentSwitch.tsx +++ b/ts/features/idpay/configuration/components/InstrumentEnrollmentSwitch.tsx @@ -60,7 +60,7 @@ const InstrumentEnrollmentSwitch = (props: InstrumentEnrollmentSwitchProps) => { status => ({ text: instrumentStatusLabels[status], - variant: "blue" + variant: "default" } as Badge) ) ); diff --git a/ts/features/idpay/details/components/TimelineOperationListItem.tsx b/ts/features/idpay/details/components/TimelineOperationListItem.tsx index 8587c095bcd..228df92c0ec 100644 --- a/ts/features/idpay/details/components/TimelineOperationListItem.tsx +++ b/ts/features/idpay/details/components/TimelineOperationListItem.tsx @@ -79,7 +79,7 @@ export const TimelineOperationListItem = ( title="" subtitle="" transaction={{ - badge: { text: "", variant: "info" } + badge: { text: "", variant: "highlight" } }} isLoading={true} /> diff --git a/ts/features/idpay/timeline/components/TimelineRefundDetailsComponent.tsx b/ts/features/idpay/timeline/components/TimelineRefundDetailsComponent.tsx index d9a7f1bc60a..09c9d91f49c 100644 --- a/ts/features/idpay/timeline/components/TimelineRefundDetailsComponent.tsx +++ b/ts/features/idpay/timeline/components/TimelineRefundDetailsComponent.tsx @@ -106,7 +106,7 @@ const TimelineRefundDetailsComponent = (props: Props) => { /> ) : ( ({ text: I18n.t(`idpay.wallet.initiativePairing.pendingStatus`), - variant: "blue" + variant: "default" } as Badge) ) ); diff --git a/ts/features/itwallet/onboarding/components/ItwOnboardingModuleCredential.tsx b/ts/features/itwallet/onboarding/components/ItwOnboardingModuleCredential.tsx index 32e4e715885..e73bec689dd 100644 --- a/ts/features/itwallet/onboarding/components/ItwOnboardingModuleCredential.tsx +++ b/ts/features/itwallet/onboarding/components/ItwOnboardingModuleCredential.tsx @@ -31,7 +31,7 @@ const disabledBadge: Badge = { }; const requestedBadge: Badge = { - variant: "info", + variant: "highlight", text: I18n.t("features.wallet.onboarding.badge.requested") }; diff --git a/ts/features/payments/common/utils/index.ts b/ts/features/payments/common/utils/index.ts index a2b1a36fe6c..c61d2d5880b 100644 --- a/ts/features/payments/common/utils/index.ts +++ b/ts/features/payments/common/utils/index.ts @@ -46,14 +46,13 @@ export const getBadgePropsByTransactionStatus = ( case "reversal": return { text: I18n.t("global.badges.reversal"), - variant: "lightBlue" + variant: "default" }; case "pending": return { text: I18n.t("global.badges.onGoing"), - variant: "info" + variant: "highlight" }; - case "refunded": default: return { text: "", diff --git a/ts/features/services/home/components/FeaturedServiceCard.tsx b/ts/features/services/home/components/FeaturedServiceCard.tsx index 1009d135bf8..8c5e1c59712 100644 --- a/ts/features/services/home/components/FeaturedServiceCard.tsx +++ b/ts/features/services/home/components/FeaturedServiceCard.tsx @@ -83,7 +83,7 @@ const FeaturedServiceCard = ({ > - {isNew && } + {isNew && }

{ icon="device" testID="bottom-sheet-login-with-cie-id" badge={{ - variant: "turquoise", + variant: "highlight", text: I18n.t( "authentication.landing.cie_bottom_sheet.module_cie_id.badge" ) diff --git a/ts/screens/profile/AppearancePreferenceScreen.tsx b/ts/screens/profile/AppearancePreferenceScreen.tsx index c876c8b0ca8..e9d3ac8cc1e 100644 --- a/ts/screens/profile/AppearancePreferenceScreen.tsx +++ b/ts/screens/profile/AppearancePreferenceScreen.tsx @@ -110,7 +110,7 @@ const AppearancePreferenceScreen = (): ReactElement => { text: I18n.t( "profile.preferences.list.appearance.theme.comingSoon" ), - variant: "info" + variant: "highlight" } }} /> diff --git a/ts/screens/profile/PrivacyMainScreen.tsx b/ts/screens/profile/PrivacyMainScreen.tsx index 0ce2b3eb73c..98672dd445e 100644 --- a/ts/screens/profile/PrivacyMainScreen.tsx +++ b/ts/screens/profile/PrivacyMainScreen.tsx @@ -257,7 +257,7 @@ const PrivacyMainScreen = ({ navigation }: Props) => { ? { badgeProps: { text: I18n.t("profile.preferences.list.wip"), - variant: "info" + variant: "highlight" } } : undefined, @@ -274,7 +274,7 @@ const PrivacyMainScreen = ({ navigation }: Props) => { ? { badgeProps: { text: I18n.t("profile.preferences.list.wip"), - variant: "info" + variant: "highlight" } } : undefined, From feb3a615c54a143366540c37cb89e4ad378f2099 Mon Sep 17 00:00:00 2001 From: Damiano Plebani Date: Wed, 8 Jan 2025 18:25:23 +0100 Subject: [PATCH 10/13] Update `jest` snapshots --- .../__snapshots__/IOMarkdown.test.tsx.snap | 128 +- .../LoadingSpinnerOverlay.test.tsx.snap | 36 +- .../WebviewComponent.test.tsx.snap | 6 +- .../LoadingScreenContent.test.tsx.snap | 24 +- ...OperationResultScreenContent.test.tsx.snap | 57 +- .../IOScrollViewCentredContent.test.tsx.snap | 796 +- .../IOScrollViewWithListItems.test.tsx.snap | 249 +- .../CGNDiscountExpiredScreen.test.tsx.snap | 29 +- .../CgnDiscountCodeScreen.test.tsx.snap | 51 +- .../CieIdErrorScreen.test.tsx.snap | 114 +- .../CieIdNotInstalled.test.tsx.snap | 57 +- .../CieIdNotInstalledScreen.test.tsx.snap | 57 +- .../__snapshots__/wizards.test.tsx.snap | 765 +- .../CieIdAuthUrlError.test.tsx.snap | 35 +- .../CieIdLoginScreen.test.tsx.snap | 30 +- .../DocumentsNavigationBar.test.tsx.snap | 52 +- .../__snapshots__/LinkedText.test.tsx.snap | 134 +- .../LoadingComponent.test.tsx.snap | 12 +- .../QtspClauseListItem.test.tsx.snap | 83 +- .../SignatureFieldItem.test.tsx.snap | 39 +- .../FimsUpdateAppAlert.test.tsx.snap | 57 +- .../__snapshots__/IdPayCard.test.tsx.snap | 26 +- .../__snapshots__/IngressScreen.test.tsx.snap | 6 +- .../ItwCredentialCard.test.tsx.snap | 82 +- .../ItwFeedbackBanner.test.tsx.snap | 35 +- .../__snapshots__/ItwMarkdown.test.tsx.snap | 64 +- .../ItwDiscoveryBanner.test.tsx.snap | 23 +- ...ItwDiscoveryBannerOnboarding.test.tsx.snap | 15 +- ...ItwDiscoveryBannerStandalone.test.tsx.snap | 23 +- ...wCredentialPreviewClaimsList.test.tsx.snap | 374 +- ...ntialAsyncContinuationScreen.test.tsx.snap | 184 +- ...ItwPresentationClaimsSection.test.tsx.snap | 874 +- .../__snapshots__/EmptyList.test.tsx.snap | 178 +- .../PreconditionsContent.test.tsx.snap | 18 +- .../PreconditionsFeedback.test.tsx.snap | 18 +- .../PreconditionsFooter.test.tsx.snap | 90 +- .../PreconditionsTitle.test.tsx.snap | 6 +- .../SecuritySuggestions.test.tsx.snap | 188 +- .../TabNavigationContainer.test.tsx.snap | 40 +- .../WrappedListItemMessage.test.tsx.snap | 450 +- .../__snapshots__/PdfViewer.test.tsx.snap | 6 +- ...MessageDetailsAttachmentItem.test.tsx.snap | 96 +- .../MessageDetailsAttachments.test.tsx.snap | 296 +- .../MessageDetailsFooter.test.tsx.snap | 1452 +- .../MessageDetailsHeader.test.tsx.snap | 24 +- .../MessageDetailsPayment.test.tsx.snap | 87 +- .../MessageDetailsPaymentButton.test.tsx.snap | 37 +- .../MessageDetailsReminder.test.tsx.snap | 223 +- ...essageDetailsReminderExpired.test.tsx.snap | 88 +- ...ssageDetailsReminderExpiring.test.tsx.snap | 135 +- .../MessageDetailsStickyFooter.test.tsx.snap | 221 +- .../MessagePaymentItem.test.tsx.snap | 50 +- .../OrganizationHeader.test.tsx.snap | 12 +- .../RemoteContentBanner.test.tsx.snap | 51 +- .../ShowMoreListItem.test.tsx.snap | 3397 +- .../MessageAttachment.test.tsx.snap | 131 +- .../MessageGreenPassScreen.test.tsx.snap | 29 +- .../MessageRouterScreen.test.tsx.snap | 319 +- .../MessagesHomeScreen.test.tsx.snap | 60 +- .../WalletPaymentOutcomeScreen.test.tsx.snap | 23018 ++-- .../PaymentCardSmall.test.tsx.snap | 6 +- .../F24ListBottomSheetLink.test.tsx.snap | 330 +- .../__snapshots__/F24Section.test.tsx.snap | 260 +- .../MessageBottomMenu.test.tsx.snap | 88570 ++++++---------- .../MessageCancelledContent.test.tsx.snap | 792 +- .../MessageDetails.test.tsx.snap | 706 +- .../MessageDetailsContent.test.tsx.snap | 6 +- .../__snapshots__/MessageFooter.test.tsx.snap | 48 +- .../MessagePaymentBottomSheet.test.tsx.snap | 188 +- .../MessagePayments.test.tsx.snap | 1688 +- .../__snapshots__/Timeline.test.tsx.snap | 336 +- .../TimelineListItem.test.tsx.snap | 1044 +- .../MessageDetailsScreen.test.tsx.snap | 940 +- .../PaidPaymentScreen.test.tsx.snap | 73 +- .../NotificationPreviewSample.test.tsx.snap | 56 +- ...ificationsPreferencesPreview.test.tsx.snap | 56 +- ...ProfileNotificationsSettings.test.tsx.snap | 9280 +- .../PushNotificationsBanner.test.tsx.snap | 41 +- ...tificationsInfoScreenConsent.test.tsx.snap | 501 +- ...tificationsPreferencesScreen.test.tsx.snap | 756 +- ...otificationPermissionsScreen.test.tsx.snap | 57 +- .../ServicesHeader.test.tsx.snap | 12 +- .../ServicesHeaderSection.test.tsx.snap | 12 +- .../FeaturedInstitutionCard.test.tsx.snap | 16 +- .../FeaturedServiceCard.test.tsx.snap | 26 +- .../WalletEmptyScreenContent.test.tsx.snap | 48 +- .../TestAuthenticationScreen.test.tsx | 5 +- .../__snapshots__/LandingScreen.test.tsx.snap | 744 +- .../ActivateNfcScreen.test.tsx.snap | 435 +- .../LanguagesPreferencesScreen.test.tsx.snap | 193 +- ...tificationsPreferencesScreen.test.tsx.snap | 2268 +- .../ProfileMainScreenTopBanner.test.tsx.snap | 164 +- .../SecurityScreen.test.tsx.snap | 72 +- .../SettingsDiscoveryBanner.test.tsx.snap | 27 +- 94 files changed, 59105 insertions(+), 85888 deletions(-) diff --git a/ts/components/__tests__/__snapshots__/IOMarkdown.test.tsx.snap b/ts/components/__tests__/__snapshots__/IOMarkdown.test.tsx.snap index 09fa05dd049..50d1cf387db 100644 --- a/ts/components/__tests__/__snapshots__/IOMarkdown.test.tsx.snap +++ b/ts/components/__tests__/__snapshots__/IOMarkdown.test.tsx.snap @@ -3,15 +3,15 @@ exports[`IOMarkdown Should match snapshot 1`] = ` diff --git a/ts/components/ui/__test__/__snapshots__/IOScrollViewCentredContent.test.tsx.snap b/ts/components/ui/__test__/__snapshots__/IOScrollViewCentredContent.test.tsx.snap index 6100b96afa0..e3c0dfab79c 100644 --- a/ts/components/ui/__test__/__snapshots__/IOScrollViewCentredContent.test.tsx.snap +++ b/ts/components/ui/__test__/__snapshots__/IOScrollViewCentredContent.test.tsx.snap @@ -513,15 +513,15 @@ exports[`IOScrollViewCentredContent should match snapshot, with description, } > @@ -840,22 +848,25 @@ exports[`IOScrollViewCentredContent should match snapshot, with description, [ { "alignItems": "center", - "borderRadius": 4, + "borderCurve": "continuous", + "borderRadius": 8, "elevation": 0, "flexDirection": "row", "justifyContent": "center", - "paddingHorizontal": 16, + "paddingHorizontal": 24, "textAlignVertical": "center", }, + { + "height": 48, + }, { "overflow": "hidden", }, - false, { - "height": 40, + "paddingHorizontal": 16, }, { - "backgroundColor": "#0073E6", + "backgroundColor": "#0B3EE3", }, false, { @@ -865,7 +876,6 @@ exports[`IOScrollViewCentredContent should match snapshot, with description, } > @@ -1762,22 +1783,25 @@ exports[`IOScrollViewCentredContent should match snapshot, with description, [ { "alignItems": "center", - "borderRadius": 4, + "borderCurve": "continuous", + "borderRadius": 8, "elevation": 0, "flexDirection": "row", "justifyContent": "center", - "paddingHorizontal": 16, + "paddingHorizontal": 24, "textAlignVertical": "center", }, + { + "height": 48, + }, { "overflow": "hidden", }, - false, { - "height": 40, + "paddingHorizontal": 16, }, { - "backgroundColor": "#0073E6", + "backgroundColor": "#0B3EE3", }, false, { @@ -1787,7 +1811,6 @@ exports[`IOScrollViewCentredContent should match snapshot, with description, } > @@ -2575,15 +2615,15 @@ exports[`IOScrollViewCentredContent should match snapshot, with description, } > @@ -2902,22 +2950,25 @@ exports[`IOScrollViewCentredContent should match snapshot, with description, [ { "alignItems": "center", - "borderRadius": 4, + "borderCurve": "continuous", + "borderRadius": 8, "elevation": 0, "flexDirection": "row", "justifyContent": "center", - "paddingHorizontal": 16, + "paddingHorizontal": 24, "textAlignVertical": "center", }, + { + "height": 48, + }, { "overflow": "hidden", }, - false, { - "height": 40, + "paddingHorizontal": 16, }, { - "backgroundColor": "#0073E6", + "backgroundColor": "#0B3EE3", }, false, { @@ -2927,7 +2978,6 @@ exports[`IOScrollViewCentredContent should match snapshot, with description, } > @@ -3608,15 +3669,15 @@ exports[`IOScrollViewCentredContent should match snapshot, with description, } > @@ -5464,15 +5549,15 @@ exports[`IOScrollViewCentredContent should match snapshot, with description, } > @@ -6394,15 +6492,15 @@ exports[`IOScrollViewCentredContent should match snapshot, without description, } > @@ -6698,22 +6804,25 @@ exports[`IOScrollViewCentredContent should match snapshot, without description, [ { "alignItems": "center", - "borderRadius": 4, + "borderCurve": "continuous", + "borderRadius": 8, "elevation": 0, "flexDirection": "row", "justifyContent": "center", - "paddingHorizontal": 16, + "paddingHorizontal": 24, "textAlignVertical": "center", }, + { + "height": 48, + }, { "overflow": "hidden", }, - false, { - "height": 40, + "paddingHorizontal": 16, }, { - "backgroundColor": "#0073E6", + "backgroundColor": "#0B3EE3", }, false, { @@ -6723,7 +6832,6 @@ exports[`IOScrollViewCentredContent should match snapshot, without description, } > @@ -7597,22 +7716,25 @@ exports[`IOScrollViewCentredContent should match snapshot, without description, [ { "alignItems": "center", - "borderRadius": 4, + "borderCurve": "continuous", + "borderRadius": 8, "elevation": 0, "flexDirection": "row", "justifyContent": "center", - "paddingHorizontal": 16, + "paddingHorizontal": 24, "textAlignVertical": "center", }, + { + "height": 48, + }, { "overflow": "hidden", }, - false, { - "height": 40, + "paddingHorizontal": 16, }, { - "backgroundColor": "#0073E6", + "backgroundColor": "#0B3EE3", }, false, { @@ -7622,7 +7744,6 @@ exports[`IOScrollViewCentredContent should match snapshot, without description, } > @@ -8410,15 +8548,15 @@ exports[`IOScrollViewCentredContent should match snapshot, without description, } > @@ -8714,22 +8860,25 @@ exports[`IOScrollViewCentredContent should match snapshot, without description, [ { "alignItems": "center", - "borderRadius": 4, + "borderCurve": "continuous", + "borderRadius": 8, "elevation": 0, "flexDirection": "row", "justifyContent": "center", - "paddingHorizontal": 16, + "paddingHorizontal": 24, "textAlignVertical": "center", }, + { + "height": 48, + }, { "overflow": "hidden", }, - false, { - "height": 40, + "paddingHorizontal": 16, }, { - "backgroundColor": "#0073E6", + "backgroundColor": "#0B3EE3", }, false, { @@ -8739,7 +8888,6 @@ exports[`IOScrollViewCentredContent should match snapshot, without description, } > @@ -9420,15 +9579,15 @@ exports[`IOScrollViewCentredContent should match snapshot, without description, } > @@ -11230,15 +11413,15 @@ exports[`IOScrollViewCentredContent should match snapshot, without description, } > diff --git a/ts/components/ui/__test__/__snapshots__/IOScrollViewWithListItems.test.tsx.snap b/ts/components/ui/__test__/__snapshots__/IOScrollViewWithListItems.test.tsx.snap index 3567eebaef8..1e6f34498b9 100644 --- a/ts/components/ui/__test__/__snapshots__/IOScrollViewWithListItems.test.tsx.snap +++ b/ts/components/ui/__test__/__snapshots__/IOScrollViewWithListItems.test.tsx.snap @@ -358,16 +358,16 @@ exports[`IOScrollViewWithListItems Rendering renders correctly with default prop > diff --git a/ts/features/cie/__tests__/__snapshots__/CieIdErrorScreen.test.tsx.snap b/ts/features/cie/__tests__/__snapshots__/CieIdErrorScreen.test.tsx.snap index e5dd874f689..1626ce4f18d 100644 --- a/ts/features/cie/__tests__/__snapshots__/CieIdErrorScreen.test.tsx.snap +++ b/ts/features/cie/__tests__/__snapshots__/CieIdErrorScreen.test.tsx.snap @@ -182,15 +182,15 @@ exports[`CieIdErrorScreen where device doesn't support NFC Should match the snap /> @@ -662,15 +673,15 @@ exports[`CieIdErrorScreen where device supports NFC Should match the snapshot 1` /> diff --git a/ts/features/cie/__tests__/__snapshots__/CieIdNotInstalled.test.tsx.snap b/ts/features/cie/__tests__/__snapshots__/CieIdNotInstalled.test.tsx.snap index 15e14b1ff5f..6822fcc57a2 100644 --- a/ts/features/cie/__tests__/__snapshots__/CieIdNotInstalled.test.tsx.snap +++ b/ts/features/cie/__tests__/__snapshots__/CieIdNotInstalled.test.tsx.snap @@ -168,15 +168,15 @@ exports[`CieIdNotInstalled Should match the snapshot 1`] = ` /> diff --git a/ts/features/cie/__tests__/__snapshots__/CieIdNotInstalledScreen.test.tsx.snap b/ts/features/cie/__tests__/__snapshots__/CieIdNotInstalledScreen.test.tsx.snap index eac19c5aeb6..1ed672ffa4f 100644 --- a/ts/features/cie/__tests__/__snapshots__/CieIdNotInstalledScreen.test.tsx.snap +++ b/ts/features/cie/__tests__/__snapshots__/CieIdNotInstalledScreen.test.tsx.snap @@ -168,15 +168,15 @@ exports[`CieIdNotInstalledScreen Should match snapshot 1`] = ` /> diff --git a/ts/features/cie/__tests__/__snapshots__/wizards.test.tsx.snap b/ts/features/cie/__tests__/__snapshots__/wizards.test.tsx.snap index e7268bad652..4aec8cb567b 100644 --- a/ts/features/cie/__tests__/__snapshots__/wizards.test.tsx.snap +++ b/ts/features/cie/__tests__/__snapshots__/wizards.test.tsx.snap @@ -37,16 +37,16 @@ exports[`CieIdWizard Should match the snapshot 1`] = ` @@ -389,22 +397,25 @@ To enter the IO app without physically using the Electronic Identity Card, you m [ { "alignItems": "center", - "borderRadius": 4, + "borderCurve": "continuous", + "borderRadius": 8, "elevation": 0, "flexDirection": "row", "justifyContent": "center", - "paddingHorizontal": 16, + "paddingHorizontal": 24, "textAlignVertical": "center", }, + { + "height": 48, + }, { "overflow": "hidden", }, - false, { - "height": 40, + "paddingHorizontal": 16, }, { - "backgroundColor": "#0073E6", + "backgroundColor": "#0B3EE3", }, false, { @@ -414,7 +425,6 @@ To enter the IO app without physically using the Electronic Identity Card, you m } > @@ -610,16 +631,16 @@ exports[`CiePinWizard Should match the snapshot 1`] = ` @@ -794,15 +823,15 @@ exports[`CiePinWizard Should match the snapshot 1`] = ` @@ -1302,22 +1339,25 @@ exports[`CiePinWizard Should match the snapshot 1`] = ` [ { "alignItems": "center", - "borderRadius": 4, + "borderCurve": "continuous", + "borderRadius": 8, "elevation": 0, "flexDirection": "row", "justifyContent": "center", - "paddingHorizontal": 16, + "paddingHorizontal": 24, "textAlignVertical": "center", }, + { + "height": 48, + }, { "overflow": "hidden", }, - false, { - "height": 40, + "paddingHorizontal": 16, }, { - "backgroundColor": "#0073E6", + "backgroundColor": "#0B3EE3", }, false, { @@ -1327,7 +1367,6 @@ exports[`CiePinWizard Should match the snapshot 1`] = ` } > @@ -1523,16 +1573,16 @@ exports[`IDActivationWizard Should match the snapshot 1`] = ` - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - - - - + - + + - - - + } + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + diff --git a/ts/features/cieLogin/__tests__/__snapshots__/CieIdAuthUrlError.test.tsx.snap b/ts/features/cieLogin/__tests__/__snapshots__/CieIdAuthUrlError.test.tsx.snap index ef10c226c3e..6c3006f805d 100644 --- a/ts/features/cieLogin/__tests__/__snapshots__/CieIdAuthUrlError.test.tsx.snap +++ b/ts/features/cieLogin/__tests__/__snapshots__/CieIdAuthUrlError.test.tsx.snap @@ -168,15 +168,15 @@ exports[`CieIdAuthUrlError Should match the snapshot 1`] = ` /> - diff --git a/ts/features/idpay/wallet/components/__tests__/__snapshots__/IdPayCard.test.tsx.snap b/ts/features/idpay/wallet/components/__tests__/__snapshots__/IdPayCard.test.tsx.snap index 4748cfdddeb..14d87fae6f7 100644 --- a/ts/features/idpay/wallet/components/__tests__/__snapshots__/IdPayCard.test.tsx.snap +++ b/ts/features/idpay/wallet/components/__tests__/__snapshots__/IdPayCard.test.tsx.snap @@ -44,18 +44,18 @@ exports[`IdPayCard should match the snapshot 1`] = ` } > - - @@ -1506,15 +1517,15 @@ exports[`ItwIssuanceCredentialAsyncContinuationScreen it should render the docum /> @@ -2376,15 +2398,15 @@ exports[`ItwIssuanceCredentialAsyncContinuationScreen it should render the gener /> - + - + - + @@ -1386,22 +1399,25 @@ exports[`PreconditionsFooter should match snapshot for 'update' footer category [ { "alignItems": "center", - "borderRadius": 4, + "borderCurve": "continuous", + "borderRadius": 8, "elevation": 0, "flexDirection": "row", "justifyContent": "center", - "paddingHorizontal": 16, + "paddingHorizontal": 24, "textAlignVertical": "center", }, + { + "height": 48, + }, { "overflow": "hidden", }, - false, { - "height": 40, + "paddingHorizontal": 16, }, { - "backgroundColor": "#0073E6", + "backgroundColor": "#0B3EE3", }, false, { @@ -1411,7 +1427,6 @@ exports[`PreconditionsFooter should match snapshot for 'update' footer category } > diff --git a/ts/features/messages/components/Home/__tests__/__snapshots__/PreconditionsTitle.test.tsx.snap b/ts/features/messages/components/Home/__tests__/__snapshots__/PreconditionsTitle.test.tsx.snap index 7b7f9d3d820..65e858c6b75 100644 --- a/ts/features/messages/components/Home/__tests__/__snapshots__/PreconditionsTitle.test.tsx.snap +++ b/ts/features/messages/components/Home/__tests__/__snapshots__/PreconditionsTitle.test.tsx.snap @@ -690,15 +690,15 @@ exports[`PreconditionsTitle should match snapshot when title content is 'header' } > - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - - - - - - @@ -1481,10 +1478,10 @@ exports[`MessageDetailsReminder should match snapshot when the reminder is visib accessibilityLabel="" accessible={false} align="xMidYMid" - bbHeight={24} - bbWidth={24} + bbHeight={36} + bbWidth={36} focusable={false} - height={24} + height={36} importantForAccessibility="no-hide-descendants" meetOrSlice={0} minX={0} @@ -1500,15 +1497,15 @@ exports[`MessageDetailsReminder should match snapshot when the reminder is visib }, { "flex": 0, - "height": 24, - "width": 24, + "height": 36, + "width": 36, }, ] } tintColor="#614C15" vbHeight={24} vbWidth={24} - width={24} + width={36} > - - - - Expires on 21/03/2024 at 18:44 - - - Add reminder - + + + Expires on 21/03/2024 at 18:44 + + + Add reminder + + + @@ -1961,14 +1960,9 @@ exports[`MessageDetailsReminder should match snapshot when the reminder is visib accessible={false} style={ [ - { - "alignContent": "center", - "alignItems": "flex-start", - "flexDirection": "row", - }, { "borderCurve": "continuous", - "borderRadius": 8, + "borderRadius": 12, "padding": 16, }, { @@ -1981,8 +1975,10 @@ exports[`MessageDetailsReminder should match snapshot when the reminder is visib @@ -1991,10 +1987,10 @@ exports[`MessageDetailsReminder should match snapshot when the reminder is visib accessibilityLabel="" accessible={false} align="xMidYMid" - bbHeight={24} - bbWidth={24} + bbHeight={36} + bbWidth={36} focusable={false} - height={24} + height={36} importantForAccessibility="no-hide-descendants" meetOrSlice={0} minX={0} @@ -2010,15 +2006,15 @@ exports[`MessageDetailsReminder should match snapshot when the reminder is visib }, { "flex": 0, - "height": 24, - "width": 24, + "height": 36, + "width": 36, }, ] } tintColor="#614C15" vbHeight={24} vbWidth={24} - width={24} + width={36} > - - - - Expired on 21 Mar at 18:44 - + + + Expired on 21 Mar at 18:44 + + + @@ -744,10 +741,10 @@ exports[`MessageDetailsReminderExpired should match snapshot when not loading 1` accessibilityLabel="" accessible={false} align="xMidYMid" - bbHeight={24} - bbWidth={24} + bbHeight={36} + bbWidth={36} focusable={false} - height={24} + height={36} importantForAccessibility="no-hide-descendants" meetOrSlice={0} minX={0} @@ -763,15 +760,15 @@ exports[`MessageDetailsReminderExpired should match snapshot when not loading 1` }, { "flex": 0, - "height": 24, - "width": 24, + "height": 36, + "width": 36, }, ] } tintColor="#614C15" vbHeight={24} vbWidth={24} - width={24} + width={36} > - - - - Expired on 21 Mar at 10:33 - + + + Expired on 21 Mar at 10:33 + + + diff --git a/ts/features/messages/components/MessageDetail/__tests__/__snapshots__/MessageDetailsReminderExpiring.test.tsx.snap b/ts/features/messages/components/MessageDetail/__tests__/__snapshots__/MessageDetailsReminderExpiring.test.tsx.snap index bf87d7bb537..07501bb079d 100644 --- a/ts/features/messages/components/MessageDetail/__tests__/__snapshots__/MessageDetailsReminderExpiring.test.tsx.snap +++ b/ts/features/messages/components/MessageDetail/__tests__/__snapshots__/MessageDetailsReminderExpiring.test.tsx.snap @@ -371,14 +371,9 @@ exports[`MessageDetailsReminderExpiring should match snapshot 1`] = ` @@ -407,10 +404,10 @@ exports[`MessageDetailsReminderExpiring should match snapshot 1`] = ` accessibilityLabel="" accessible={false} align="xMidYMid" - bbHeight={24} - bbWidth={24} + bbHeight={36} + bbWidth={36} focusable={false} - height={24} + height={36} importantForAccessibility="no-hide-descendants" meetOrSlice={0} minX={0} @@ -426,15 +423,15 @@ exports[`MessageDetailsReminderExpiring should match snapshot 1`] = ` }, { "flex": 0, - "height": 24, - "width": 24, + "height": 36, + "width": 36, }, ] } tintColor="#614C15" vbHeight={24} vbWidth={24} - width={24} + width={36} > - - - - Expires on 21/03/2024 at 10:33 - - - Add reminder - + + + Expires on 21/03/2024 at 10:33 + + + Add reminder + + + 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 0ba0ef71a0c..7da7da0a4cd 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 @@ -402,22 +402,25 @@ exports[`MessageDetailsStickyFooter should match snapshot with both CTAs and no [ { "alignItems": "center", - "borderRadius": 4, + "borderCurve": "continuous", + "borderRadius": 8, "elevation": 0, "flexDirection": "row", "justifyContent": "center", - "paddingHorizontal": 16, + "paddingHorizontal": 24, "textAlignVertical": "center", }, + { + "height": 48, + }, { "overflow": "hidden", }, - false, { - "height": 40, + "paddingHorizontal": 16, }, { - "backgroundColor": "#0073E6", + "backgroundColor": "#0B3EE3", }, false, { @@ -427,7 +430,6 @@ exports[`MessageDetailsStickyFooter should match snapshot with both CTAs and no } > @@ -997,22 +1010,25 @@ exports[`MessageDetailsStickyFooter should match snapshot with both CTAs and vis [ { "alignItems": "center", - "borderRadius": 4, + "borderCurve": "continuous", + "borderRadius": 8, "elevation": 0, "flexDirection": "row", "justifyContent": "center", - "paddingHorizontal": 16, + "paddingHorizontal": 24, "textAlignVertical": "center", }, + { + "height": 48, + }, { "overflow": "hidden", }, - false, { - "height": 40, + "paddingHorizontal": 16, }, { - "backgroundColor": "#0073E6", + "backgroundColor": "#0B3EE3", }, false, { @@ -1022,7 +1038,6 @@ exports[`MessageDetailsStickyFooter should match snapshot with both CTAs and vis } > @@ -2045,22 +2077,25 @@ exports[`MessageDetailsStickyFooter should match snapshot with no CTAs and enabl [ { "alignItems": "center", - "borderRadius": 4, + "borderCurve": "continuous", + "borderRadius": 8, "elevation": 0, "flexDirection": "row", "justifyContent": "center", - "paddingHorizontal": 16, + "paddingHorizontal": 24, "textAlignVertical": "center", }, + { + "height": 48, + }, { "overflow": "hidden", }, - false, { - "height": 40, + "paddingHorizontal": 16, }, { - "backgroundColor": "#0073E6", + "backgroundColor": "#0B3EE3", }, false, { @@ -2070,7 +2105,6 @@ exports[`MessageDetailsStickyFooter should match snapshot with no CTAs and enabl } > diff --git a/ts/features/messages/components/MessageDetail/__tests__/__snapshots__/MessagePaymentItem.test.tsx.snap b/ts/features/messages/components/MessageDetail/__tests__/__snapshots__/MessagePaymentItem.test.tsx.snap index a5cd3276d84..41100b741ff 100644 --- a/ts/features/messages/components/MessageDetail/__tests__/__snapshots__/MessagePaymentItem.test.tsx.snap +++ b/ts/features/messages/components/MessageDetail/__tests__/__snapshots__/MessagePaymentItem.test.tsx.snap @@ -897,16 +897,16 @@ exports[`MessagePaymentItem component Should match the snapshot for a payable it } > - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -2383,6 +2363,9 @@ exports[`ShowMoreListItem should match snapshot, one section, one item, with ico "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -2393,75 +2376,67 @@ exports[`ShowMoreListItem should match snapshot, one section, one item, with ico ] } > - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - - - - - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -3261,6 +3162,9 @@ exports[`ShowMoreListItem should match snapshot, one section, two items, no icon "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -3271,75 +3175,67 @@ exports[`ShowMoreListItem should match snapshot, one section, two items, no icon ] } > - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -3726,6 +3617,9 @@ exports[`ShowMoreListItem should match snapshot, one section, two items, no icon "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -3744,15 +3638,15 @@ exports[`ShowMoreListItem should match snapshot, one section, two items, no icon } > - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -4267,6 +4153,9 @@ exports[`ShowMoreListItem should match snapshot, one section, two items, with ic "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -4277,75 +4166,67 @@ exports[`ShowMoreListItem should match snapshot, one section, two items, with ic ] } > - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - - - - - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -4801,6 +4608,9 @@ exports[`ShowMoreListItem should match snapshot, one section, two items, with ic "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -4811,75 +4621,6 @@ exports[`ShowMoreListItem should match snapshot, one section, two items, with ic ] } > - - - - - - - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -5411,6 +5144,9 @@ exports[`ShowMoreListItem should match snapshot, three sections, different item "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -5421,75 +5157,67 @@ exports[`ShowMoreListItem should match snapshot, three sections, different item ] } > - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -5844,17 +5567,17 @@ exports[`ShowMoreListItem should match snapshot, three sections, different item importantForAccessibility="yes" > - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -6123,6 +5841,9 @@ exports[`ShowMoreListItem should match snapshot, three sections, different item "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -6133,75 +5854,6 @@ exports[`ShowMoreListItem should match snapshot, three sections, different item ] } > - - - - - - - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -6357,17 +6001,17 @@ exports[`ShowMoreListItem should match snapshot, three sections, different item importantForAccessibility="yes" > - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -6636,6 +6275,9 @@ exports[`ShowMoreListItem should match snapshot, three sections, different item "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -6646,75 +6288,6 @@ exports[`ShowMoreListItem should match snapshot, three sections, different item ] } > - - - - - - - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -6902,6 +6467,9 @@ exports[`ShowMoreListItem should match snapshot, three sections, different item "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -6920,15 +6488,15 @@ exports[`ShowMoreListItem should match snapshot, three sections, different item } > - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -7443,6 +7003,9 @@ exports[`ShowMoreListItem should match snapshot, two sections, different item co "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -7453,75 +7016,67 @@ exports[`ShowMoreListItem should match snapshot, two sections, different item co ] } > - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -7876,17 +7426,17 @@ exports[`ShowMoreListItem should match snapshot, two sections, different item co importantForAccessibility="yes" > - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -8155,6 +7700,9 @@ exports[`ShowMoreListItem should match snapshot, two sections, different item co "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -8165,75 +7713,6 @@ exports[`ShowMoreListItem should match snapshot, two sections, different item co ] } > - - - - - - - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + 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 389f0a771a9..a3a7312ed0d 100644 --- a/ts/features/messages/screens/__tests__/__snapshots__/MessageAttachment.test.tsx.snap +++ b/ts/features/messages/screens/__tests__/__snapshots__/MessageAttachment.test.tsx.snap @@ -419,15 +419,15 @@ exports[`MessageAttachment Should match the snapshot when everything went fine 1 > @@ -2492,10 +2499,10 @@ exports[`MessageRouterScreen should match snapshot on message data retrieval fai "color": undefined, } } - bbHeight={24} - bbWidth={24} + bbHeight={36} + bbWidth={36} focusable={false} - height={24} + height={36} importantForAccessibility="no-hide-descendants" meetOrSlice={0} minX={0} @@ -2511,15 +2518,15 @@ exports[`MessageRouterScreen should match snapshot on message data retrieval fai }, { "flex": 0, - "height": 24, - "width": 24, + "height": 36, + "width": 36, }, ] } tintColor="#0E0F13" vbHeight={24} vbWidth={24} - width={24} + width={36} > - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -1051,6 +1057,9 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -1061,75 +1070,6 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay ] } > - - - - - - - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -1309,6 +1241,9 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -1322,72 +1257,185 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay - + Codice avviso + + + + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + + + + + - Codice avviso + Codice Fiscale Ente - - - - - - - - - - - - - - - - - - - - - - - Codice Fiscale Ente - - - - - - - - - - + /> + + @@ -1818,15 +1602,15 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay > - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -3208,6 +2996,9 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -3218,75 +3009,6 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay ] } > - - - - - - - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -3466,6 +3180,9 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -3476,75 +3193,6 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay ] } > - - - - - - - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -3722,6 +3362,9 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -3732,75 +3375,6 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay ] } > - - - - - - - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -3975,15 +3541,15 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay > - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -5346,6 +4916,9 @@ Controlla di aver seguito correttamente le istruzioni della tua banca. "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -5356,75 +4929,6 @@ Controlla di aver seguito correttamente le istruzioni della tua banca. ] } > - - - - - - - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -5604,6 +5100,9 @@ Controlla di aver seguito correttamente le istruzioni della tua banca. "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -5614,75 +5113,6 @@ Controlla di aver seguito correttamente le istruzioni della tua banca. ] } > - - - - - - - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -5860,6 +5282,9 @@ Controlla di aver seguito correttamente le istruzioni della tua banca. "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -5870,75 +5295,6 @@ Controlla di aver seguito correttamente le istruzioni della tua banca. ] } > - - - - - - - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -6113,15 +5461,15 @@ Controlla di aver seguito correttamente le istruzioni della tua banca. > - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -7469,6 +6821,9 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -7479,75 +6834,6 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay ] } > - - - - - - - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -7727,6 +7005,9 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -7737,75 +7018,6 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay ] } > - - - - - - - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -7983,6 +7187,9 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -7993,75 +7200,6 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay ] } > - - - - - - - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -8236,15 +7366,15 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay > - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -9606,6 +8740,9 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -9616,75 +8753,6 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay ] } > - - - - - - - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -9864,6 +8924,9 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -9874,75 +8937,6 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay ] } > - - - - - - - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -10120,6 +9106,9 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -10130,75 +9119,6 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay ] } > - - - - - - - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -10373,15 +9285,15 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay > @@ -11393,17 +10314,17 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay importantForAccessibility="yes" > - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -11811,6 +10735,9 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -11821,75 +10748,6 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay ] } > - - - - - - - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -12069,6 +10919,9 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -12079,75 +10932,6 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay ] } > - - - - - - - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -12325,6 +11101,9 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -12335,75 +11114,6 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay ] } > - - - - - - - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -12578,15 +11280,15 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay > @@ -13570,17 +12281,17 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay importantForAccessibility="yes" > - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -13988,6 +12702,9 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -13998,75 +12715,6 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay ] } > - - - - - - - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -14246,6 +12886,9 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -14256,75 +12899,6 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay ] } > - - - - - - - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -14502,6 +13068,9 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -14512,75 +13081,6 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay ] } > - - - - - - - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -14755,15 +13247,15 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay > - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -16111,6 +14607,9 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -16121,75 +14620,6 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay ] } > - - - - - - - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -16369,6 +14791,9 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -16379,75 +14804,6 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay ] } > - - - - - - - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -16625,6 +14973,9 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -16635,75 +14986,6 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay ] } > - - - - - - - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -16878,15 +15152,15 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay > - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -18184,6 +16462,9 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -18194,75 +16475,6 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay ] } > - - - - - - - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -18442,6 +16646,9 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -18452,75 +16659,6 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay ] } > - - - - - - - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -18698,6 +16828,9 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -18708,75 +16841,6 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay ] } > - - - - - - - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -18951,15 +17007,15 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay > - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -20341,6 +18401,9 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -20351,75 +18414,6 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay ] } > - - - - - - - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -20599,6 +18585,9 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -20609,75 +18598,6 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay ] } > - - - - - - - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -20855,6 +18767,9 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -20865,75 +18780,6 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay ] } > - - - - - - - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -21108,15 +18946,15 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay > - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -22478,6 +20320,9 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -22488,75 +20333,6 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay ] } > - - - - - - - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -22736,6 +20504,9 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -22746,75 +20517,6 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay ] } > - - - - - - - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -22992,6 +20686,9 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -23002,75 +20699,6 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay ] } > - - - - - - - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -23245,15 +20865,15 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay > - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -24635,6 +22259,9 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -24645,75 +22272,6 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay ] } > - - - - - - - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -24893,6 +22443,9 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -24903,75 +22456,6 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay ] } > - - - - - - - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -25149,6 +22625,9 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -25159,75 +22638,6 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay ] } > - - - - - - - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -25402,15 +22804,15 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay > @@ -26422,17 +23833,17 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay importantForAccessibility="yes" > - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -26840,6 +24254,9 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -26850,75 +24267,6 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay ] } > - - - - - - - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -27098,6 +24438,9 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -27108,75 +24451,6 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay ] } > - - - - - - - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -27354,6 +24620,9 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -27364,75 +24633,6 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay ] } > - - - - - - - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -27607,15 +24799,15 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay > - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -28997,6 +26193,9 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -29007,75 +26206,6 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay ] } > - - - - - - - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -29255,6 +26377,9 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -29265,75 +26390,6 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay ] } > - - - - - - - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -29511,6 +26559,9 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -29521,75 +26572,6 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay ] } > - - - - - - - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -29764,15 +26738,15 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay > - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -31154,6 +28132,9 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -31164,75 +28145,6 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay ] } > - - - - - - - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -31412,6 +28316,9 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -31422,75 +28329,6 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay ] } > - - - - - - - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -31668,6 +28498,9 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -31678,75 +28511,6 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay ] } > - - - - - - - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -31921,15 +28677,15 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay > - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -33319,6 +30079,9 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -33329,75 +30092,6 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay ] } > - - - - - - - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -33577,6 +30263,9 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -33587,75 +30276,6 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay ] } > - - - - - - - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -33833,6 +30445,9 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -33843,75 +30458,6 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay ] } > - - - - - - - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -34086,15 +30624,15 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay > - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -35456,6 +31998,9 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -35466,75 +32011,6 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay ] } > - - - - - - - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -35714,6 +32182,9 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -35724,75 +32195,6 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay ] } > - - - - - - - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -35970,6 +32364,9 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -35980,75 +32377,6 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay ] } > - - - - - - - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -36223,15 +32543,15 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay > @@ -37245,17 +33574,17 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay importantForAccessibility="yes" > - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -37663,6 +33995,9 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -37673,75 +34008,6 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay ] } > - - - - - - - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -37921,6 +34179,9 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -37931,75 +34192,6 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay ] } > - - - - - - - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -38177,6 +34361,9 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -38187,75 +34374,6 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay ] } > - - - - - - - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -38430,15 +34540,15 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay > - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -39800,6 +35914,9 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -39810,75 +35927,6 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay ] } > - - - - - - - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -40058,6 +36098,9 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -40068,75 +36111,6 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay ] } > - - - - - - - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -40314,6 +36280,9 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -40324,75 +36293,6 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay ] } > - - - - - - - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -40567,15 +36459,15 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay > @@ -41637,17 +37538,17 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay importantForAccessibility="yes" > - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -42055,6 +37959,9 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -42065,75 +37972,6 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay ] } > - - - - - - - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -42313,6 +38143,9 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -42323,75 +38156,6 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay ] } > - - - - - - - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -42569,6 +38325,9 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -42579,75 +38338,6 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay ] } > - - - - - - - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -42822,15 +38504,15 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay > - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -44346,6 +40032,9 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -44356,75 +40045,6 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay ] } > - - - - - - - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -44604,6 +40216,9 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -44614,75 +40229,6 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay ] } > - - - - - - - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -44860,6 +40398,9 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -44870,75 +40411,6 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay ] } > - - - - - - - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -45113,15 +40577,15 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay > @@ -46136,17 +41609,17 @@ Se il problema persiste, prova a usare un altro metodo o gestore del pagamento. importantForAccessibility="yes" > - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -46554,6 +42030,9 @@ Se il problema persiste, prova a usare un altro metodo o gestore del pagamento. "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -46564,75 +42043,6 @@ Se il problema persiste, prova a usare un altro metodo o gestore del pagamento. ] } > - - - - - - - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -46812,6 +42214,9 @@ Se il problema persiste, prova a usare un altro metodo o gestore del pagamento. "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -46822,75 +42227,6 @@ Se il problema persiste, prova a usare un altro metodo o gestore del pagamento. ] } > - - - - - - - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -47068,6 +42396,9 @@ Se il problema persiste, prova a usare un altro metodo o gestore del pagamento. "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -47078,75 +42409,6 @@ Se il problema persiste, prova a usare un altro metodo o gestore del pagamento. ] } > - - - - - - - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -47321,15 +42575,15 @@ Se il problema persiste, prova a usare un altro metodo o gestore del pagamento. > @@ -48405,17 +43668,17 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay importantForAccessibility="yes" > - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -48823,6 +44089,9 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -48833,75 +44102,6 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay ] } > - - - - - - - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -49081,6 +44273,9 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -49091,75 +44286,6 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay ] } > - - - - - - - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -49337,6 +44455,9 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -49347,75 +44468,6 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay ] } > - - - - - - - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -49590,15 +44634,15 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay > - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -50946,6 +45994,9 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -50956,75 +46007,6 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay ] } > - - - - - - - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -51204,6 +46178,9 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -51214,75 +46191,6 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay ] } > - - - - - - - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -51460,6 +46360,9 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -51470,75 +46373,6 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay ] } > - - - - - - - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -51713,15 +46539,15 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay > - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -53111,6 +47941,9 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -53121,75 +47954,6 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay ] } > - - - - - - - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -53369,6 +48125,9 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -53379,75 +48138,6 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay ] } > - - - - - - - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -53625,6 +48307,9 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -53635,75 +48320,6 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay ] } > - - - - - - - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -53878,15 +48486,15 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay > - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -55248,6 +49860,9 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -55261,330 +49876,187 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay - - - - - - - - - Codice errore - - - PLAFOND_LIMIT_ERROR - - - - - - - - - - - - - - - - - + Codice errore + + - + + + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + + + + + - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -55762,6 +50226,9 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -55772,75 +50239,6 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay ] } > - - - - - - - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -56015,15 +50405,15 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay > - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -57405,6 +51799,9 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -57415,75 +51812,6 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay ] } > - - - - - - - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -57663,6 +51983,9 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -57673,75 +51996,6 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay ] } > - - - - - - - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -57919,6 +52165,9 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -57929,75 +52178,6 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay ] } > - - - - - - - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -58172,15 +52344,15 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay > @@ -565,16 +573,16 @@ exports[`F24ListBottomSheetLink should be snapshot for a 10 items F24 list 1`] = } > @@ -3640,6 +3676,9 @@ exports[`F24ListBottomSheetLink should be snapshot for an 1 item F24 list 1`] = "columnGap": 8, }, {}, + { + "columnGap": 8, + }, false, ] } @@ -3647,25 +3686,30 @@ exports[`F24ListBottomSheetLink should be snapshot for an 1 item F24 list 1`] = @@ -3801,16 +3845,16 @@ exports[`F24ListBottomSheetLink should be snapshot for an 1 item F24 list 1`] = } > - - - - - - - @@ -719,16 +658,16 @@ exports[`F24Section should match snapshot when there are more than one F24 1`] = } > - - - - - - - - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -2870,17 +2786,17 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo importantForAccessibility="yes" > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -3573,6 +3415,9 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -3583,75 +3428,67 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo ] } > - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -6040,17 +5798,17 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo importantForAccessibility="yes" > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -6356,17 +6040,17 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo importantForAccessibility="yes" > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -7059,6 +6669,9 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -7069,75 +6682,67 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo ] } > - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -9526,17 +9052,17 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo importantForAccessibility="yes" > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -10229,6 +9681,9 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -10239,75 +9694,67 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo ] } > - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -12696,17 +12064,17 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo importantForAccessibility="yes" > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -13399,6 +12693,9 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -13409,75 +12706,67 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo ] } > - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -15866,17 +15076,17 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo importantForAccessibility="yes" > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -16569,6 +15705,9 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -16579,75 +15718,67 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo ] } > - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -19036,17 +18088,17 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo importantForAccessibility="yes" > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -19739,6 +18717,9 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -19749,75 +18730,67 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo ] } > - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -22206,17 +21100,17 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo importantForAccessibility="yes" > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -22909,6 +21729,9 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -22919,75 +21742,67 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo ] } > - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -25376,17 +24112,17 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo importantForAccessibility="yes" > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -26079,6 +24741,9 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -26089,75 +24754,67 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo ] } > - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -28546,17 +27124,17 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo importantForAccessibility="yes" > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -29249,6 +27753,9 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -29259,75 +27766,67 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo ] } > - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -31716,17 +30136,17 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo importantForAccessibility="yes" > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -32419,6 +30765,9 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -32429,75 +30778,67 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo ] } > - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -34886,17 +33148,17 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo importantForAccessibility="yes" > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -35202,17 +33390,17 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo importantForAccessibility="yes" > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -35905,6 +34019,9 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -35915,75 +34032,67 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo ] } > - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -38372,17 +36402,17 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo importantForAccessibility="yes" > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -39075,6 +37031,9 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -39085,75 +37044,67 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo ] } > - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -41542,17 +39414,17 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo importantForAccessibility="yes" > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -41858,17 +39656,17 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo importantForAccessibility="yes" > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -42206,6 +39930,9 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -42216,75 +39943,6 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo ] } > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -42440,17 +40090,17 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo importantForAccessibility="yes" > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -42788,6 +40364,9 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -42798,75 +40377,6 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo ] } > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -43022,17 +40524,17 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo importantForAccessibility="yes" > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -43370,6 +40798,9 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -43380,75 +40811,6 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo ] } > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -43991,6 +41345,9 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -44001,75 +41358,67 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo ] } > - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -46458,17 +43728,17 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo importantForAccessibility="yes" > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -46774,17 +43970,17 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo importantForAccessibility="yes" > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -47122,6 +44244,9 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -47132,75 +44257,6 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo ] } > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -47356,17 +44404,17 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo importantForAccessibility="yes" > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -47704,6 +44678,9 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -47714,75 +44691,6 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo ] } > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -47938,17 +44838,17 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo importantForAccessibility="yes" > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -48286,6 +45112,9 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -48296,75 +45125,6 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo ] } > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -48907,6 +45659,9 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -48917,75 +45672,67 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo ] } > - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -51374,17 +48042,17 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo importantForAccessibility="yes" > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -51690,17 +48284,17 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo importantForAccessibility="yes" > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -52038,6 +48558,9 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -52051,72 +48574,245 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo - + Payee fiscal code + + - + + + + - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + + + + + + + + pagoPA notice 2 + + + + + + + - Payee fiscal code - - - 01234567890 - - - - - - - - - - - - - - - - - - pagoPA notice 2 - - - - - - - - - - - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -52620,6 +48992,9 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -52630,75 +49005,6 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo ] } > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -52854,17 +49152,17 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo importantForAccessibility="yes" > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -53202,6 +49426,9 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -53212,75 +49439,6 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo ] } > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -53823,6 +49973,9 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -53833,75 +49986,67 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo ] } > - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + Codice IUN + + - + + + + - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + + + + + + + + Message + + + + + + + - Codice IUN + Message ID - randomIUN + 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - Message + pagoPA notice 1 - + Notice code + + - + + + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + + + + + + - Message ID + Payee fiscal code - 01HVPB9XYZMWNEPTDKZJ8ZJV28 + 01234567890 - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - pagoPA notice 1 + pagoPA notice 2 @@ -56688,6 +53114,9 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -56698,75 +53127,6 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo ] } > - - - - - - - - 1111 2222 3333 4444 00 + 1111 2222 3333 4444 01 - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -56954,6 +53306,9 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -56964,75 +53319,6 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo ] } > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - pagoPA notice 2 + pagoPA notice 3 @@ -57270,6 +53548,9 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -57280,75 +53561,6 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo ] } > - - - - - - - - 1111 2222 3333 4444 01 - - - - - - - - - - - - - - - - - - - - - - - - - - Payee fiscal code - - - 01234567890 + 1111 2222 3333 4444 02 - - - + - - - - - - - - - - - - - pagoPA notice 3 - - - - - - - - - - - - - - - - - - Notice code - - - 1111 2222 3333 4444 02 - - - - - - - - - + /> + + @@ -58118,6 +53740,9 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -58128,75 +53753,6 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo ] } > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -58739,6 +54287,9 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -58749,75 +54300,67 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo ] } > - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -61206,17 +56670,17 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo importantForAccessibility="yes" > - - - - - - - - - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - - - - - - - - - - - - - - - - pagoPA notice 1 - - - - - - - - - - - - - - - - - - Notice code - - - 1111 2222 3333 4444 00 - - - - - - - - - - - - - - - - - - - - - - - - Payee fiscal code + Message ID - 01234567890 + 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - pagoPA notice 2 + pagoPA notice 1 @@ -62186,6 +56994,9 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -62196,75 +57007,6 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo ] } > - - - - - - - - 1111 2222 3333 4444 01 + 1111 2222 3333 4444 00 - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -62452,6 +57186,9 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -62462,75 +57199,6 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo ] } > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - pagoPA notice 3 + pagoPA notice 2 @@ -62768,6 +57428,201 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, + { + "transform": [ + { + "scale": undefined, + }, + ], + }, + ] + } + > + + + Notice code + + + 1111 2222 3333 4444 01 + + + + + + + + + + + + + + - + Payee fiscal code + + - + + + + - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + + + + + + + + pagoPA notice 3 + + + + + + + - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -63034,6 +58054,9 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -63044,75 +58067,6 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo ] } > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -63655,6 +58601,9 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -63665,75 +58614,67 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo ] } > - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -66122,17 +60984,17 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo importantForAccessibility="yes" > - - - - - - - - - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - - - - - - - - - - - - - - - - pagoPA notice 1 - - - - - - - - - - - - - - - - - - Notice code - - - 1111 2222 3333 4444 00 - - - - - - - - - - - - - - - - - - - - - - - - Payee fiscal code + Message ID - 01234567890 + 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - pagoPA notice 2 + pagoPA notice 1 @@ -67102,6 +61308,9 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -67112,75 +61321,6 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo ] } > - - - - - - - - 1111 2222 3333 4444 01 + 1111 2222 3333 4444 00 - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -67368,6 +61500,9 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -67378,75 +61513,6 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo ] } > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - pagoPA notice 3 + pagoPA notice 2 @@ -67684,6 +61742,201 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, + { + "transform": [ + { + "scale": undefined, + }, + ], + }, + ] + } + > + + + Notice code + + + 1111 2222 3333 4444 01 + + + + + + + + + + + + + + - + Payee fiscal code + + - + + + + - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + + + + + + + + pagoPA notice 3 + + + + + + + - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -67950,6 +62368,9 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -67960,75 +62381,6 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo ] } > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -68571,6 +62915,9 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -68581,75 +62928,67 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo ] } > - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -71038,17 +65298,17 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo importantForAccessibility="yes" > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -71741,6 +65927,9 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -71751,75 +65940,67 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo ] } > - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -74208,17 +68310,17 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo importantForAccessibility="yes" > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -74524,17 +68552,17 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo importantForAccessibility="yes" > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -75227,6 +69181,9 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -75237,75 +69194,67 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo ] } > - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -77694,17 +71564,17 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo importantForAccessibility="yes" > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -78397,6 +72193,9 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -78407,75 +72206,67 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo ] } > - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -80864,17 +74576,17 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo importantForAccessibility="yes" > - - - - - - - - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - - - - - - - - - - - - - - - - pagoPA notice - - - - - - - - - - + Message ID + + - + + + + - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + + + + + + + + pagoPA notice + + + + + + + - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -81528,6 +75092,9 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -81538,75 +75105,6 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo ] } > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -82149,6 +75639,9 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -82159,75 +75652,67 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo ] } > - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -84616,17 +78022,17 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo importantForAccessibility="yes" > - - - - - - - - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - - - - - - - - - - - - - - - - pagoPA notice - - - - - - - - - - + Message ID + + - + + + + - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + + + + + + + + pagoPA notice + + + + + + + - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -85280,6 +78538,9 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -85290,75 +78551,6 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo ] } > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -85901,6 +79085,9 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -85911,75 +79098,67 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo ] } > - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -88368,17 +81468,17 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo importantForAccessibility="yes" > - - - - - - - - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - - - - - - - - - - - - - - - - pagoPA notice - - - - - - - - - - + Message ID + + - + + + + - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + + + + + + + + pagoPA notice + + + + + + + - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -89032,6 +81984,9 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -89042,75 +81997,6 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo ] } > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -89653,6 +82531,9 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -89663,75 +82544,67 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo ] } > - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -92120,17 +84914,17 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo importantForAccessibility="yes" > - - - - - - - - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - - - - - - - - - - - - - - - - pagoPA notice - - - - - - - - - - + Message ID + + - + + + + - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + + + + + + + + pagoPA notice + + + + + + + - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -92784,6 +85430,9 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -92794,75 +85443,6 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo ] } > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -93405,6 +85977,9 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -93415,75 +85990,67 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo ] } > - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -95872,17 +88360,17 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo importantForAccessibility="yes" > - - - - - - - - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - - - - - - - - - - - - - - - - pagoPA notice - - - - - - - - - - + Message ID + + - + + + + - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + + + + + + + + pagoPA notice + + + + + + + - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -96536,6 +88876,9 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -96546,75 +88889,6 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo ] } > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -97157,6 +89423,9 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -97167,75 +89436,67 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo ] } > - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -99624,17 +91806,17 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo importantForAccessibility="yes" > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -99940,17 +92048,17 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo importantForAccessibility="yes" > - - - - - - - - - - Notice code - - - 1111 2222 3333 4444 00 - - - - - - - - - - - - - - - - - - - - - - - - Payee fiscal code + Notice code - 01234567890 + 1111 2222 3333 4444 00 + + + + + + + + + + + + - + Payee fiscal code + + - + + + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -100909,6 +92869,9 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -100919,75 +92882,67 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo ] } > - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -103376,17 +95252,17 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo importantForAccessibility="yes" > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -104079,6 +95881,9 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -104089,75 +95894,67 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo ] } > - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -106546,17 +98264,17 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo importantForAccessibility="yes" > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -106862,17 +98506,17 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo importantForAccessibility="yes" > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -107565,6 +99135,9 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -107575,75 +99148,67 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo ] } > - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - - - - - - - - Codice IUN - - - randomIUN - - - - - - - - - - - - - - - - - - Message - - - - - - - - - - - - - - - - Message ID + Codice IUN - 01HVPB9XYZMWNEPTDKZJ8ZJV28 + randomIUN + + + + + + + + + + + + + + + + Message + + + + + + - + Message ID + + - + + + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -110735,6 +102147,9 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -110745,75 +102160,67 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo ] } > - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -113202,17 +104530,17 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo importantForAccessibility="yes" > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -113905,6 +105159,9 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -113915,75 +105172,67 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo ] } > - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -116372,17 +107542,17 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo importantForAccessibility="yes" > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -117075,6 +108171,9 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -117085,75 +108184,67 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo ] } > - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - - - - - - - - Codice IUN - - - randomIUN - - - - - - - - - - - - - - - - - - Message - - - - - - - - - - - - - - - - Message ID + Codice IUN - 01HVPB9XYZMWNEPTDKZJ8ZJV28 + randomIUN + + + + + + + + + + + + + + + + Message + + + + + + - + Message ID + + - + + + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -120245,6 +111183,9 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -120255,75 +111196,67 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo ] } > - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -122712,17 +113566,17 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo importantForAccessibility="yes" > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -123415,6 +114195,9 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -123425,75 +114208,67 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo ] } > - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -125882,17 +116578,17 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo importantForAccessibility="yes" > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -126585,6 +117207,9 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -126595,75 +117220,67 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo ] } > - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -129052,17 +119590,17 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo importantForAccessibility="yes" > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -129755,6 +120219,9 @@ exports[`MessageBottomMenu should match snapshot, no history, empty payments, ca "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -129765,75 +120232,67 @@ exports[`MessageBottomMenu should match snapshot, no history, empty payments, ca ] } > - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -130467,17 +120847,17 @@ exports[`MessageBottomMenu should match snapshot, no history, empty payments, ca importantForAccessibility="yes" > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -131170,6 +121476,9 @@ exports[`MessageBottomMenu should match snapshot, no history, empty payments, ca "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -131180,75 +121489,67 @@ exports[`MessageBottomMenu should match snapshot, no history, empty payments, ca ] } > - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -131882,17 +122104,17 @@ exports[`MessageBottomMenu should match snapshot, no history, empty payments, ca importantForAccessibility="yes" > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -132198,17 +122346,17 @@ exports[`MessageBottomMenu should match snapshot, no history, empty payments, ca importantForAccessibility="yes" > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -132901,6 +122975,9 @@ exports[`MessageBottomMenu should match snapshot, no history, empty payments, ca "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -132911,75 +122988,67 @@ exports[`MessageBottomMenu should match snapshot, no history, empty payments, ca ] } > - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -133613,17 +123603,17 @@ exports[`MessageBottomMenu should match snapshot, no history, empty payments, ca importantForAccessibility="yes" > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -134316,6 +124232,9 @@ exports[`MessageBottomMenu should match snapshot, no history, empty payments, no "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -134326,75 +124245,67 @@ exports[`MessageBottomMenu should match snapshot, no history, empty payments, no ] } > - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -135028,17 +124860,17 @@ exports[`MessageBottomMenu should match snapshot, no history, empty payments, no importantForAccessibility="yes" > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -135731,6 +125489,9 @@ exports[`MessageBottomMenu should match snapshot, no history, empty payments, no "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -135741,75 +125502,67 @@ exports[`MessageBottomMenu should match snapshot, no history, empty payments, no ] } > - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - - - - - - - - Codice IUN - - - randomIUN - - - - - - - - - - - - - - - - - - Message - - - - - - - - - - - - - - - - Message ID + Codice IUN - 01HVPB9XYZMWNEPTDKZJ8ZJV28 + randomIUN + + + + + + + + + + + + + + + + Message + + + + + + - + Message ID + + - + + + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -137146,6 +126746,9 @@ exports[`MessageBottomMenu should match snapshot, no history, empty payments, no "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -137156,75 +126759,67 @@ exports[`MessageBottomMenu should match snapshot, no history, empty payments, no ] } > - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -137858,17 +127374,17 @@ exports[`MessageBottomMenu should match snapshot, no history, empty payments, no importantForAccessibility="yes" > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -138561,6 +128003,9 @@ exports[`MessageBottomMenu should match snapshot, no history, empty payments, un "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -138571,75 +128016,67 @@ exports[`MessageBottomMenu should match snapshot, no history, empty payments, un ] } > - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -139273,17 +128631,17 @@ exports[`MessageBottomMenu should match snapshot, no history, empty payments, un importantForAccessibility="yes" > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -139976,6 +129260,9 @@ exports[`MessageBottomMenu should match snapshot, no history, empty payments, un "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -139986,75 +129273,67 @@ exports[`MessageBottomMenu should match snapshot, no history, empty payments, un ] } > - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -140688,17 +129888,17 @@ exports[`MessageBottomMenu should match snapshot, no history, empty payments, un importantForAccessibility="yes" > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -141391,6 +130517,9 @@ exports[`MessageBottomMenu should match snapshot, no history, empty payments, un "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -141401,75 +130530,67 @@ exports[`MessageBottomMenu should match snapshot, no history, empty payments, un ] } > - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -142103,17 +131145,17 @@ exports[`MessageBottomMenu should match snapshot, no history, empty payments, un importantForAccessibility="yes" > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -142806,6 +131774,9 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -142816,75 +131787,67 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, ] } > - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - - - - - - - - Codice IUN - - - randomIUN - - - - - - - - - - - - - - - - - - Message - - - - - - - - - - - - - - - - Message ID + Codice IUN - 01HVPB9XYZMWNEPTDKZJ8ZJV28 + randomIUN + + + + + + + + + + + + + + + + Message + + + + + + - + Message ID + + - + + + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -144221,6 +133031,9 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -144231,75 +133044,67 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, ] } > - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -144933,17 +133659,17 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, importantForAccessibility="yes" > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -145249,17 +133901,17 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, importantForAccessibility="yes" > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -145952,6 +134530,9 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -145962,75 +134543,67 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, ] } > - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -146664,17 +135158,17 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, importantForAccessibility="yes" > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -147367,6 +135787,9 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -147377,75 +135800,67 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, ] } > - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - Notifica - - - - - - - - - - - - - - - - - - Codice IUN - - - randomIUN - - - - - - - - - - - - - - - - - - Message + Notifica - + Codice IUN + + - + + + + - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + + + + + + + + Message + + + + + + + - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -148395,17 +136657,17 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, importantForAccessibility="yes" > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -148743,6 +136931,9 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -148753,75 +136944,6 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, ] } > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -148977,17 +137091,17 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, importantForAccessibility="yes" > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -149325,6 +137365,9 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -149335,75 +137378,6 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, ] } > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -149559,17 +137525,17 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, importantForAccessibility="yes" > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -149907,6 +137799,9 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -149917,75 +137812,6 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, ] } > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -150528,6 +138346,9 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -150538,75 +138359,67 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, ] } > - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -151240,17 +138974,17 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, importantForAccessibility="yes" > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -151556,17 +139216,17 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, importantForAccessibility="yes" > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -151904,6 +139490,9 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -151914,75 +139503,6 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, ] } > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -152138,17 +139650,17 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, importantForAccessibility="yes" > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -152486,6 +139924,9 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -152496,75 +139937,6 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, ] } > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -152720,17 +140084,17 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, importantForAccessibility="yes" > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -153068,6 +140358,9 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -153078,75 +140371,6 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, ] } > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -153689,6 +140905,9 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -153699,75 +140918,67 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, ] } > - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -154401,17 +141533,17 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, importantForAccessibility="yes" > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -154717,17 +141775,17 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, importantForAccessibility="yes" > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -155065,6 +142049,9 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -155075,75 +142062,6 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, ] } > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -155299,17 +142209,17 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, importantForAccessibility="yes" > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -155647,6 +142483,9 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -155657,75 +142496,6 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, ] } > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -155881,17 +142643,17 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, importantForAccessibility="yes" > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -156229,6 +142917,9 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -156239,75 +142930,6 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, ] } > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -156850,6 +143464,9 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -156860,75 +143477,67 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, ] } > - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - Notifica - - - - - - - - - - - - - - - - - - Codice IUN - - - randomIUN - - - - - - - - - - - - - - - - - - Message + Notifica - + Codice IUN + + - + + + + - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + + + + + + + + Message + + + + + + + - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -157878,17 +144334,17 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, importantForAccessibility="yes" > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -158226,6 +144608,9 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -158236,75 +144621,6 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, ] } > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -158460,17 +144768,17 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, importantForAccessibility="yes" > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -158808,6 +145042,9 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -158818,75 +145055,6 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, ] } > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -159042,17 +145202,17 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, importantForAccessibility="yes" > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -159390,6 +145476,9 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -159400,75 +145489,6 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, ] } > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -160011,6 +146023,9 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -160021,75 +146036,67 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, ] } > - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -160723,17 +146651,17 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, importantForAccessibility="yes" > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -161039,17 +146893,17 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, importantForAccessibility="yes" > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -161387,6 +147167,9 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -161397,75 +147180,6 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, ] } > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -161621,17 +147327,17 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, importantForAccessibility="yes" > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -161969,6 +147601,9 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -161979,75 +147614,6 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, ] } > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -162203,17 +147761,17 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, importantForAccessibility="yes" > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -162551,6 +148035,9 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -162561,75 +148048,6 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, ] } > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -163172,6 +148582,9 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -163182,75 +148595,67 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, ] } > - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -163884,17 +149210,17 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, importantForAccessibility="yes" > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -164200,17 +149452,17 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, importantForAccessibility="yes" > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -164548,6 +149726,9 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -164558,75 +149739,6 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, ] } > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -164782,17 +149886,17 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, importantForAccessibility="yes" > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -165130,6 +150160,9 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -165140,75 +150173,6 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, ] } > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -165364,17 +150320,17 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, importantForAccessibility="yes" > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -165712,6 +150594,9 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -165722,75 +150607,6 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, ] } > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -166333,6 +151141,9 @@ exports[`MessageBottomMenu should match snapshot, no history, one payment, cance "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -166343,75 +151154,67 @@ exports[`MessageBottomMenu should match snapshot, no history, one payment, cance ] } > - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - - - - - - - - Codice IUN - - - randomIUN - - - - - - - - - - - - - - - - - - Message - - - - - - - - - - - - - - - - Message ID + Codice IUN - 01HVPB9XYZMWNEPTDKZJ8ZJV28 + randomIUN + + + + + + + + + + + + + + + + Message + + + + + + - + Message ID + + - + + + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -167748,6 +152398,9 @@ exports[`MessageBottomMenu should match snapshot, no history, one payment, cance "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -167758,75 +152411,67 @@ exports[`MessageBottomMenu should match snapshot, no history, one payment, cance ] } > - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -168460,17 +153026,17 @@ exports[`MessageBottomMenu should match snapshot, no history, one payment, cance importantForAccessibility="yes" > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -168776,17 +153268,17 @@ exports[`MessageBottomMenu should match snapshot, no history, one payment, cance importantForAccessibility="yes" > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -169479,6 +153897,9 @@ exports[`MessageBottomMenu should match snapshot, no history, one payment, cance "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -169489,75 +153910,67 @@ exports[`MessageBottomMenu should match snapshot, no history, one payment, cance ] } > - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -170191,17 +154525,17 @@ exports[`MessageBottomMenu should match snapshot, no history, one payment, cance importantForAccessibility="yes" > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -170894,6 +155154,9 @@ exports[`MessageBottomMenu should match snapshot, no history, one payment, not c "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -170904,75 +155167,67 @@ exports[`MessageBottomMenu should match snapshot, no history, one payment, not c ] } > - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - Notifica - - - - - - - - - - - - - - - - - - Codice IUN - - - randomIUN - - - - - - - - - - - - - - - - - - Message + Notifica - + Codice IUN + + - + + + + - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + + + + + + + + Message + + + + + + + - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -171922,17 +156024,17 @@ exports[`MessageBottomMenu should match snapshot, no history, one payment, not c importantForAccessibility="yes" > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -172270,6 +156298,9 @@ exports[`MessageBottomMenu should match snapshot, no history, one payment, not c "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -172280,75 +156311,6 @@ exports[`MessageBottomMenu should match snapshot, no history, one payment, not c ] } > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -172891,6 +156845,9 @@ exports[`MessageBottomMenu should match snapshot, no history, one payment, not c "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -172901,75 +156858,67 @@ exports[`MessageBottomMenu should match snapshot, no history, one payment, not c ] } > - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -173603,17 +157473,17 @@ exports[`MessageBottomMenu should match snapshot, no history, one payment, not c importantForAccessibility="yes" > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -173919,17 +157715,17 @@ exports[`MessageBottomMenu should match snapshot, no history, one payment, not c importantForAccessibility="yes" > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -174267,6 +157989,9 @@ exports[`MessageBottomMenu should match snapshot, no history, one payment, not c "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -174277,75 +158002,6 @@ exports[`MessageBottomMenu should match snapshot, no history, one payment, not c ] } > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -174888,6 +158536,9 @@ exports[`MessageBottomMenu should match snapshot, no history, one payment, not c "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -174898,75 +158549,67 @@ exports[`MessageBottomMenu should match snapshot, no history, one payment, not c ] } > - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - Notifica - - - - - - - - - - - - - - - - - - Codice IUN - - - randomIUN - - - - - - - - - - - - - - - - - - Message + Notifica - + Codice IUN + + - + + + + - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + + + + + + + + Message + + + + + + + - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -175916,17 +159406,17 @@ exports[`MessageBottomMenu should match snapshot, no history, one payment, not c importantForAccessibility="yes" > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -176264,6 +159680,9 @@ exports[`MessageBottomMenu should match snapshot, no history, one payment, not c "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -176274,75 +159693,6 @@ exports[`MessageBottomMenu should match snapshot, no history, one payment, not c ] } > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -176885,6 +160227,9 @@ exports[`MessageBottomMenu should match snapshot, no history, one payment, undef "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -176895,75 +160240,67 @@ exports[`MessageBottomMenu should match snapshot, no history, one payment, undef ] } > - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -177597,17 +160855,17 @@ exports[`MessageBottomMenu should match snapshot, no history, one payment, undef importantForAccessibility="yes" > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -177913,17 +161097,17 @@ exports[`MessageBottomMenu should match snapshot, no history, one payment, undef importantForAccessibility="yes" > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -178261,6 +161371,9 @@ exports[`MessageBottomMenu should match snapshot, no history, one payment, undef "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -178271,75 +161384,6 @@ exports[`MessageBottomMenu should match snapshot, no history, one payment, undef ] } > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -178882,6 +161918,9 @@ exports[`MessageBottomMenu should match snapshot, no history, one payment, undef "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -178892,75 +161931,67 @@ exports[`MessageBottomMenu should match snapshot, no history, one payment, undef ] } > - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -179594,17 +162546,17 @@ exports[`MessageBottomMenu should match snapshot, no history, one payment, undef importantForAccessibility="yes" > - - - - - - - - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - - - - - - - - - - - - - - - - pagoPA notice - - - - - - - - - - + Message ID + + - + + + + - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + + + + + + + + pagoPA notice + + + + + + + - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -180258,6 +163062,9 @@ exports[`MessageBottomMenu should match snapshot, no history, one payment, undef "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -180268,75 +163075,6 @@ exports[`MessageBottomMenu should match snapshot, no history, one payment, undef ] } > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -180879,6 +163609,9 @@ exports[`MessageBottomMenu should match snapshot, no history, one payment, undef "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -180889,75 +163622,67 @@ exports[`MessageBottomMenu should match snapshot, no history, one payment, undef ] } > - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -181591,17 +164237,17 @@ exports[`MessageBottomMenu should match snapshot, no history, one payment, undef importantForAccessibility="yes" > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -181907,17 +164479,17 @@ exports[`MessageBottomMenu should match snapshot, no history, one payment, undef importantForAccessibility="yes" > - - - - - - - - - - Notice code - - - 1111 2222 3333 4444 00 - - - - - - - - - - - - - - - - - - - - - - - - Payee fiscal code + Notice code - 01234567890 + 1111 2222 3333 4444 00 + + + + + + + + + + + + - + Payee fiscal code + + - + + + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -182876,6 +165300,9 @@ exports[`MessageBottomMenu should match snapshot, no history, undefined payments "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -182886,75 +165313,67 @@ exports[`MessageBottomMenu should match snapshot, no history, undefined payments ] } > - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -183588,17 +165928,17 @@ exports[`MessageBottomMenu should match snapshot, no history, undefined payments importantForAccessibility="yes" > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -184291,6 +166557,9 @@ exports[`MessageBottomMenu should match snapshot, no history, undefined payments "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -184301,75 +166570,67 @@ exports[`MessageBottomMenu should match snapshot, no history, undefined payments ] } > - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -185003,17 +167185,17 @@ exports[`MessageBottomMenu should match snapshot, no history, undefined payments importantForAccessibility="yes" > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -185319,17 +167427,17 @@ exports[`MessageBottomMenu should match snapshot, no history, undefined payments importantForAccessibility="yes" > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -186022,6 +168056,9 @@ exports[`MessageBottomMenu should match snapshot, no history, undefined payments "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -186032,75 +168069,67 @@ exports[`MessageBottomMenu should match snapshot, no history, undefined payments ] } > - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -186734,17 +168684,17 @@ exports[`MessageBottomMenu should match snapshot, no history, undefined payments importantForAccessibility="yes" > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -187437,6 +169313,9 @@ exports[`MessageBottomMenu should match snapshot, no history, undefined payments "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -187447,75 +169326,67 @@ exports[`MessageBottomMenu should match snapshot, no history, undefined payments ] } > - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -188149,17 +169941,17 @@ exports[`MessageBottomMenu should match snapshot, no history, undefined payments importantForAccessibility="yes" > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -188852,6 +170570,9 @@ exports[`MessageBottomMenu should match snapshot, no history, undefined payments "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -188862,75 +170583,67 @@ exports[`MessageBottomMenu should match snapshot, no history, undefined payments ] } > - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - - - - - - - - Codice IUN - - - randomIUN - - - - - - - - - - - - - - - - - - Message - - - - - - - - - - - - - - - - Message ID + Codice IUN - 01HVPB9XYZMWNEPTDKZJ8ZJV28 + randomIUN + + + + + + + + + + + + + + + + Message + + + + + + - + Message ID + + - + + + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -190267,6 +171827,9 @@ exports[`MessageBottomMenu should match snapshot, no history, undefined payments "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -190277,75 +171840,67 @@ exports[`MessageBottomMenu should match snapshot, no history, undefined payments ] } > - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -190979,17 +172455,17 @@ exports[`MessageBottomMenu should match snapshot, no history, undefined payments importantForAccessibility="yes" > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -191682,6 +173084,9 @@ exports[`MessageBottomMenu should match snapshot, no history, undefined payments "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -191692,75 +173097,67 @@ exports[`MessageBottomMenu should match snapshot, no history, undefined payments ] } > - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -192394,17 +173712,17 @@ exports[`MessageBottomMenu should match snapshot, no history, undefined payments importantForAccessibility="yes" > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -193097,6 +174341,9 @@ exports[`MessageBottomMenu should match snapshot, no history, undefined payments "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -193107,75 +174354,67 @@ exports[`MessageBottomMenu should match snapshot, no history, undefined payments ] } > - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -193809,17 +174969,17 @@ exports[`MessageBottomMenu should match snapshot, no history, undefined payments importantForAccessibility="yes" > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -194512,6 +175598,9 @@ exports[`MessageBottomMenu should match snapshot, no history, undefined payments "flexDirection": "row", "justifyContent": "space-between", }, + { + "columnGap": 18, + }, { "transform": [ { @@ -194522,75 +175611,67 @@ exports[`MessageBottomMenu should match snapshot, no history, undefined payments ] } > - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - + + - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -195224,17 +176226,17 @@ exports[`MessageBottomMenu should match snapshot, no history, undefined payments importantForAccessibility="yes" > - - - - - - - - - + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + diff --git a/ts/features/pn/components/__test__/__snapshots__/MessageCancelledContent.test.tsx.snap b/ts/features/pn/components/__test__/__snapshots__/MessageCancelledContent.test.tsx.snap index a0c93f25017..a1757b9db30 100644 --- a/ts/features/pn/components/__test__/__snapshots__/MessageCancelledContent.test.tsx.snap +++ b/ts/features/pn/components/__test__/__snapshots__/MessageCancelledContent.test.tsx.snap @@ -346,14 +346,9 @@ exports[`MessageCancelledContent Should match snapshot, cancelled, empty paid no accessible={false} style={ [ - { - "alignContent": "center", - "alignItems": "flex-start", - "flexDirection": "row", - }, { "borderCurve": "continuous", - "borderRadius": 8, + "borderRadius": 12, "padding": 16, }, { @@ -365,8 +360,10 @@ exports[`MessageCancelledContent Should match snapshot, cancelled, empty paid no @@ -375,10 +372,10 @@ exports[`MessageCancelledContent Should match snapshot, cancelled, empty paid no accessibilityLabel="" accessible={false} align="xMidYMid" - bbHeight={24} - bbWidth={24} + bbHeight={36} + bbWidth={36} focusable={false} - height={24} + height={36} importantForAccessibility="no-hide-descendants" meetOrSlice={0} minX={0} @@ -394,15 +391,15 @@ exports[`MessageCancelledContent Should match snapshot, cancelled, empty paid no }, { "flex": 0, - "height": 24, - "width": 24, + "height": 36, + "width": 36, }, ] } tintColor="#614C15" vbHeight={24} vbWidth={24} - width={24} + width={36} > - - - - Questa notifica è stata annullata dall'ente mittente. Puoi ignorarne il contenuto. - + + + Questa notifica è stata annullata dall'ente mittente. Puoi ignorarne il contenuto. + + + @@ -826,14 +832,9 @@ exports[`MessageCancelledContent Should match snapshot, cancelled, empty paid no accessible={false} style={ [ - { - "alignContent": "center", - "alignItems": "flex-start", - "flexDirection": "row", - }, { "borderCurve": "continuous", - "borderRadius": 8, + "borderRadius": 12, "padding": 16, }, { @@ -845,8 +846,10 @@ exports[`MessageCancelledContent Should match snapshot, cancelled, empty paid no @@ -855,10 +858,10 @@ exports[`MessageCancelledContent Should match snapshot, cancelled, empty paid no accessibilityLabel="" accessible={false} align="xMidYMid" - bbHeight={24} - bbWidth={24} + bbHeight={36} + bbWidth={36} focusable={false} - height={24} + height={36} importantForAccessibility="no-hide-descendants" meetOrSlice={0} minX={0} @@ -874,15 +877,15 @@ exports[`MessageCancelledContent Should match snapshot, cancelled, empty paid no }, { "flex": 0, - "height": 24, - "width": 24, + "height": 36, + "width": 36, }, ] } tintColor="#614C15" vbHeight={24} vbWidth={24} - width={24} + width={36} > - - - - Questa notifica è stata annullata dall'ente mittente. Puoi ignorarne il contenuto. Per l'eventuale rimborso di pagamenti, rivolgiti all'ente. - + + + Questa notifica è stata annullata dall'ente mittente. Puoi ignorarne il contenuto. Per l'eventuale rimborso di pagamenti, rivolgiti all'ente. + + + @@ -1306,14 +1318,9 @@ exports[`MessageCancelledContent Should match snapshot, cancelled, empty paid no accessible={false} style={ [ - { - "alignContent": "center", - "alignItems": "flex-start", - "flexDirection": "row", - }, { "borderCurve": "continuous", - "borderRadius": 8, + "borderRadius": 12, "padding": 16, }, { @@ -1325,8 +1332,10 @@ exports[`MessageCancelledContent Should match snapshot, cancelled, empty paid no @@ -1335,10 +1344,10 @@ exports[`MessageCancelledContent Should match snapshot, cancelled, empty paid no accessibilityLabel="" accessible={false} align="xMidYMid" - bbHeight={24} - bbWidth={24} + bbHeight={36} + bbWidth={36} focusable={false} - height={24} + height={36} importantForAccessibility="no-hide-descendants" meetOrSlice={0} minX={0} @@ -1354,15 +1363,15 @@ exports[`MessageCancelledContent Should match snapshot, cancelled, empty paid no }, { "flex": 0, - "height": 24, - "width": 24, + "height": 36, + "width": 36, }, ] } tintColor="#614C15" vbHeight={24} vbWidth={24} - width={24} + width={36} > - - - - Questa notifica è stata annullata dall'ente mittente. Puoi ignorarne il contenuto. - + + + Questa notifica è stata annullata dall'ente mittente. Puoi ignorarne il contenuto. + + + @@ -1786,14 +1804,9 @@ exports[`MessageCancelledContent Should match snapshot, cancelled, non-empty pai accessible={false} style={ [ - { - "alignContent": "center", - "alignItems": "flex-start", - "flexDirection": "row", - }, { "borderCurve": "continuous", - "borderRadius": 8, + "borderRadius": 12, "padding": 16, }, { @@ -1805,8 +1818,10 @@ exports[`MessageCancelledContent Should match snapshot, cancelled, non-empty pai @@ -1815,10 +1830,10 @@ exports[`MessageCancelledContent Should match snapshot, cancelled, non-empty pai accessibilityLabel="" accessible={false} align="xMidYMid" - bbHeight={24} - bbWidth={24} + bbHeight={36} + bbWidth={36} focusable={false} - height={24} + height={36} importantForAccessibility="no-hide-descendants" meetOrSlice={0} minX={0} @@ -1834,15 +1849,15 @@ exports[`MessageCancelledContent Should match snapshot, cancelled, non-empty pai }, { "flex": 0, - "height": 24, - "width": 24, + "height": 36, + "width": 36, }, ] } tintColor="#614C15" vbHeight={24} vbWidth={24} - width={24} + width={36} > - - - - Questa notifica è stata annullata dall'ente mittente. Puoi ignorarne il contenuto. Per l'eventuale rimborso di pagamenti, rivolgiti all'ente. - + + + Questa notifica è stata annullata dall'ente mittente. Puoi ignorarne il contenuto. Per l'eventuale rimborso di pagamenti, rivolgiti all'ente. + + + @@ -2266,14 +2290,9 @@ exports[`MessageCancelledContent Should match snapshot, cancelled, non-empty pai accessible={false} style={ [ - { - "alignContent": "center", - "alignItems": "flex-start", - "flexDirection": "row", - }, { "borderCurve": "continuous", - "borderRadius": 8, + "borderRadius": 12, "padding": 16, }, { @@ -2285,8 +2304,10 @@ exports[`MessageCancelledContent Should match snapshot, cancelled, non-empty pai @@ -2295,10 +2316,10 @@ exports[`MessageCancelledContent Should match snapshot, cancelled, non-empty pai accessibilityLabel="" accessible={false} align="xMidYMid" - bbHeight={24} - bbWidth={24} + bbHeight={36} + bbWidth={36} focusable={false} - height={24} + height={36} importantForAccessibility="no-hide-descendants" meetOrSlice={0} minX={0} @@ -2314,15 +2335,15 @@ exports[`MessageCancelledContent Should match snapshot, cancelled, non-empty pai }, { "flex": 0, - "height": 24, - "width": 24, + "height": 36, + "width": 36, }, ] } tintColor="#614C15" vbHeight={24} vbWidth={24} - width={24} + width={36} > - - - - Questa notifica è stata annullata dall'ente mittente. Puoi ignorarne il contenuto. Per l'eventuale rimborso di pagamenti, rivolgiti all'ente. - + + + Questa notifica è stata annullata dall'ente mittente. Puoi ignorarne il contenuto. Per l'eventuale rimborso di pagamenti, rivolgiti all'ente. + + + @@ -2746,14 +2776,9 @@ exports[`MessageCancelledContent Should match snapshot, cancelled, non-empty pai accessible={false} style={ [ - { - "alignContent": "center", - "alignItems": "flex-start", - "flexDirection": "row", - }, { "borderCurve": "continuous", - "borderRadius": 8, + "borderRadius": 12, "padding": 16, }, { @@ -2765,8 +2790,10 @@ exports[`MessageCancelledContent Should match snapshot, cancelled, non-empty pai @@ -2775,10 +2802,10 @@ exports[`MessageCancelledContent Should match snapshot, cancelled, non-empty pai accessibilityLabel="" accessible={false} align="xMidYMid" - bbHeight={24} - bbWidth={24} + bbHeight={36} + bbWidth={36} focusable={false} - height={24} + height={36} importantForAccessibility="no-hide-descendants" meetOrSlice={0} minX={0} @@ -2794,15 +2821,15 @@ exports[`MessageCancelledContent Should match snapshot, cancelled, non-empty pai }, { "flex": 0, - "height": 24, - "width": 24, + "height": 36, + "width": 36, }, ] } tintColor="#614C15" vbHeight={24} vbWidth={24} - width={24} + width={36} > - - - - Questa notifica è stata annullata dall'ente mittente. Puoi ignorarne il contenuto. Per l'eventuale rimborso di pagamenti, rivolgiti all'ente. - + + + Questa notifica è stata annullata dall'ente mittente. Puoi ignorarne il contenuto. Per l'eventuale rimborso di pagamenti, rivolgiti all'ente. + + + @@ -3226,14 +3262,9 @@ exports[`MessageCancelledContent Should match snapshot, cancelled, undefined pai accessible={false} style={ [ - { - "alignContent": "center", - "alignItems": "flex-start", - "flexDirection": "row", - }, { "borderCurve": "continuous", - "borderRadius": 8, + "borderRadius": 12, "padding": 16, }, { @@ -3245,8 +3276,10 @@ exports[`MessageCancelledContent Should match snapshot, cancelled, undefined pai @@ -3255,10 +3288,10 @@ exports[`MessageCancelledContent Should match snapshot, cancelled, undefined pai accessibilityLabel="" accessible={false} align="xMidYMid" - bbHeight={24} - bbWidth={24} + bbHeight={36} + bbWidth={36} focusable={false} - height={24} + height={36} importantForAccessibility="no-hide-descendants" meetOrSlice={0} minX={0} @@ -3274,15 +3307,15 @@ exports[`MessageCancelledContent Should match snapshot, cancelled, undefined pai }, { "flex": 0, - "height": 24, - "width": 24, + "height": 36, + "width": 36, }, ] } tintColor="#614C15" vbHeight={24} vbWidth={24} - width={24} + width={36} > - - - - Questa notifica è stata annullata dall'ente mittente. Puoi ignorarne il contenuto. - + + + Questa notifica è stata annullata dall'ente mittente. Puoi ignorarne il contenuto. + + + @@ -3706,14 +3748,9 @@ exports[`MessageCancelledContent Should match snapshot, cancelled, undefined pai accessible={false} style={ [ - { - "alignContent": "center", - "alignItems": "flex-start", - "flexDirection": "row", - }, { "borderCurve": "continuous", - "borderRadius": 8, + "borderRadius": 12, "padding": 16, }, { @@ -3725,8 +3762,10 @@ exports[`MessageCancelledContent Should match snapshot, cancelled, undefined pai @@ -3735,10 +3774,10 @@ exports[`MessageCancelledContent Should match snapshot, cancelled, undefined pai accessibilityLabel="" accessible={false} align="xMidYMid" - bbHeight={24} - bbWidth={24} + bbHeight={36} + bbWidth={36} focusable={false} - height={24} + height={36} importantForAccessibility="no-hide-descendants" meetOrSlice={0} minX={0} @@ -3754,15 +3793,15 @@ exports[`MessageCancelledContent Should match snapshot, cancelled, undefined pai }, { "flex": 0, - "height": 24, - "width": 24, + "height": 36, + "width": 36, }, ] } tintColor="#614C15" vbHeight={24} vbWidth={24} - width={24} + width={36} > - - - - Questa notifica è stata annullata dall'ente mittente. Puoi ignorarne il contenuto. Per l'eventuale rimborso di pagamenti, rivolgiti all'ente. - + + + Questa notifica è stata annullata dall'ente mittente. Puoi ignorarne il contenuto. Per l'eventuale rimborso di pagamenti, rivolgiti all'ente. + + + @@ -4186,14 +4234,9 @@ exports[`MessageCancelledContent Should match snapshot, cancelled, undefined pai accessible={false} style={ [ - { - "alignContent": "center", - "alignItems": "flex-start", - "flexDirection": "row", - }, { "borderCurve": "continuous", - "borderRadius": 8, + "borderRadius": 12, "padding": 16, }, { @@ -4205,8 +4248,10 @@ exports[`MessageCancelledContent Should match snapshot, cancelled, undefined pai @@ -4215,10 +4260,10 @@ exports[`MessageCancelledContent Should match snapshot, cancelled, undefined pai accessibilityLabel="" accessible={false} align="xMidYMid" - bbHeight={24} - bbWidth={24} + bbHeight={36} + bbWidth={36} focusable={false} - height={24} + height={36} importantForAccessibility="no-hide-descendants" meetOrSlice={0} minX={0} @@ -4234,15 +4279,15 @@ exports[`MessageCancelledContent Should match snapshot, cancelled, undefined pai }, { "flex": 0, - "height": 24, - "width": 24, + "height": 36, + "width": 36, }, ] } tintColor="#614C15" vbHeight={24} vbWidth={24} - width={24} + width={36} > - - - - Questa notifica è stata annullata dall'ente mittente. Puoi ignorarne il contenuto. - + + + Questa notifica è stata annullata dall'ente mittente. Puoi ignorarne il contenuto. + + + 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 8f0c2fda9f4..d5cc17152b1 100644 --- a/ts/features/pn/components/__test__/__snapshots__/MessageDetails.test.tsx.snap +++ b/ts/features/pn/components/__test__/__snapshots__/MessageDetails.test.tsx.snap @@ -376,12 +376,15 @@ exports[`MessageDetails component should match the snapshot with default props 1 "alignItems": "center", "alignSelf": "flex-start", "borderCurve": "continuous", - "borderRadius": 6, "borderWidth": 1, "flexDirection": "row", "justifyContent": "center", - "paddingHorizontal": 8, - "paddingVertical": 6, + }, + { + "borderRadius": 9, + "columnGap": 9, + "paddingHorizontal": 12, + "paddingVertical": 9, }, { "backgroundColor": "#FFFFFF", @@ -402,10 +405,10 @@ exports[`MessageDetails component should match the snapshot with default props 1 accessibilityLabel="" accessible={false} align="xMidYMid" - bbHeight={16} - bbWidth={16} + bbHeight={24} + bbWidth={24} focusable={false} - height={16} + height={24} importantForAccessibility="no-hide-descendants" meetOrSlice={0} minX={0} @@ -421,15 +424,15 @@ exports[`MessageDetails component should match the snapshot with default props 1 }, { "flex": 0, - "height": 16, - "width": 16, + "height": 24, + "width": 24, }, ] } tintColor="#0B3EE3" vbHeight={24} vbWidth={24} - width={16} + width={24} > - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - - - - - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -1479,17 +1391,17 @@ exports[`MessageDetails component should match the snapshot with default props 1 importantForAccessibility="yes" > - - - - - - - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + diff --git a/ts/features/pn/components/__test__/__snapshots__/MessageDetailsContent.test.tsx.snap b/ts/features/pn/components/__test__/__snapshots__/MessageDetailsContent.test.tsx.snap index 26dd805fcc0..e65893fc436 100644 --- a/ts/features/pn/components/__test__/__snapshots__/MessageDetailsContent.test.tsx.snap +++ b/ts/features/pn/components/__test__/__snapshots__/MessageDetailsContent.test.tsx.snap @@ -10,15 +10,15 @@ exports[`MessageDetailsContent component should match the snapshot when abstract } />, - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - @@ -10781,85 +10446,6 @@ exports[`MessagePayments should match snapshot when not cancelled, with more-tha } } > - - - - - - - - @@ -12605,85 +12207,6 @@ exports[`MessagePayments should match snapshot when not cancelled, with one paya } } > - - - - - - - - - - - - - - - - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - - - - - - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - - - - - - - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -2033,17 +1883,17 @@ exports[`MessageDetailsScreen should match the snapshot when everything went fin importantForAccessibility="yes" > - - - - - - - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + @@ -2432,10 +2208,10 @@ exports[`MessageDetailsScreen should match the snapshot when everything went fin "color": undefined, } } - bbHeight={24} - bbWidth={24} + bbHeight={36} + bbWidth={36} focusable={false} - height={24} + height={36} importantForAccessibility="no-hide-descendants" meetOrSlice={0} minX={0} @@ -2451,15 +2227,15 @@ exports[`MessageDetailsScreen should match the snapshot when everything went fin }, { "flex": 0, - "height": 24, - "width": 24, + "height": 36, + "width": 36, }, ] } tintColor="#0E0F13" vbHeight={24} vbWidth={24} - width={24} + width={36} > @@ -711,15 +712,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> @@ -901,15 +903,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> @@ -1714,15 +1717,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> @@ -1904,15 +1908,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> @@ -2873,15 +2877,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> @@ -3063,15 +3068,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> @@ -3876,15 +3882,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> @@ -4066,15 +4073,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> @@ -5035,15 +5042,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> @@ -6184,15 +6193,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> @@ -7489,15 +7499,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> @@ -8638,15 +8650,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> @@ -9943,15 +9956,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> @@ -10133,15 +10147,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> @@ -10946,15 +10961,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> @@ -11136,15 +11152,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> @@ -12105,15 +12121,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> @@ -12295,15 +12312,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> @@ -13108,15 +13126,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> @@ -13298,15 +13317,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> @@ -14267,15 +14286,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> @@ -15416,15 +15437,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> @@ -16721,15 +16743,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> @@ -17870,15 +17894,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> @@ -19175,15 +19200,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> @@ -19365,15 +19391,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> @@ -20178,15 +20205,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> @@ -20368,15 +20396,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> @@ -21337,15 +21365,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> @@ -21527,15 +21556,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> @@ -22340,15 +22370,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> @@ -22530,15 +22561,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> @@ -23499,15 +23530,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> @@ -24648,15 +24681,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> @@ -25953,15 +25987,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> @@ -27102,15 +27138,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> @@ -28407,15 +28444,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> @@ -28597,15 +28635,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> @@ -29410,15 +29449,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> @@ -29600,15 +29640,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> @@ -30569,15 +30609,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> @@ -30759,15 +30800,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> @@ -31572,15 +31614,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> @@ -31762,15 +31805,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> @@ -32731,15 +32774,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> @@ -33880,15 +33925,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> @@ -35185,15 +35231,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> @@ -36334,15 +36382,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> @@ -37975,15 +38025,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> @@ -39124,15 +39176,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> @@ -40429,15 +40482,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> @@ -41578,15 +41633,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> @@ -48375,15 +48437,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> @@ -49524,15 +49588,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> @@ -50829,15 +50894,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> @@ -51978,15 +52045,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> @@ -58775,15 +58849,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> @@ -59924,15 +60000,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> @@ -61229,15 +61306,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> @@ -62378,15 +62457,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> @@ -69175,15 +69261,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> @@ -70324,15 +70412,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> @@ -71629,15 +71718,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> @@ -72778,15 +72869,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> @@ -79239,15 +79336,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> @@ -79429,15 +79527,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> @@ -80242,15 +80341,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> @@ -80432,15 +80532,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> @@ -81401,15 +81501,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> @@ -81591,15 +81692,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> @@ -82404,15 +82506,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> @@ -82594,15 +82697,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> @@ -83563,15 +83666,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> @@ -84712,15 +84817,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> @@ -86017,15 +86123,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> @@ -87166,15 +87274,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> @@ -88471,15 +88580,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> @@ -88661,15 +88771,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> @@ -89474,15 +89585,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> @@ -89664,15 +89776,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> @@ -90633,15 +90745,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> @@ -90823,15 +90936,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> @@ -91636,15 +91750,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> @@ -91826,15 +91941,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> @@ -92795,15 +92910,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> @@ -93944,15 +94061,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> @@ -95249,15 +95367,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> @@ -96398,15 +96518,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> @@ -97703,15 +97824,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> @@ -97893,15 +98015,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> @@ -98706,15 +98829,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> @@ -98896,15 +99020,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> @@ -99865,15 +99989,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> @@ -100055,15 +100180,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> @@ -100868,15 +100994,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> @@ -101058,15 +101185,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> @@ -102027,15 +102154,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> @@ -103176,15 +103305,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> @@ -104481,15 +104611,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> @@ -105630,15 +105762,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> @@ -106935,15 +107068,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> @@ -107125,15 +107259,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> @@ -107938,15 +108073,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> @@ -108128,15 +108264,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> @@ -109097,15 +109233,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> @@ -109287,15 +109424,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> @@ -110100,15 +110238,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> @@ -110290,15 +110429,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> @@ -111259,15 +111398,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> @@ -112408,15 +112549,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> @@ -113713,15 +113855,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> @@ -114862,15 +115006,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> @@ -116503,15 +116649,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> @@ -117652,15 +117800,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> @@ -118957,15 +119106,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> @@ -120106,15 +120257,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> @@ -126903,15 +127061,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> @@ -128052,15 +128212,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> @@ -129357,15 +129518,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> @@ -130506,15 +130669,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> @@ -137303,15 +137473,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> @@ -138452,15 +138624,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> @@ -139757,15 +139930,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> @@ -140906,15 +141081,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> @@ -147703,15 +147885,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> @@ -148852,15 +149036,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> @@ -150157,15 +150342,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> @@ -151306,15 +151493,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - @@ -632,15 +633,15 @@ exports[`OnboardingNotificationsPreferencesScreen should match snapshot when not } /> @@ -822,15 +824,15 @@ exports[`OnboardingNotificationsPreferencesScreen should match snapshot when not } /> @@ -2090,15 +2095,15 @@ exports[`OnboardingNotificationsPreferencesScreen should match snapshot when not } /> @@ -2280,15 +2286,15 @@ exports[`OnboardingNotificationsPreferencesScreen should match snapshot when not } /> @@ -3548,15 +3558,15 @@ exports[`OnboardingNotificationsPreferencesScreen should match snapshot when not } /> @@ -3738,15 +3749,15 @@ exports[`OnboardingNotificationsPreferencesScreen should match snapshot when not } /> @@ -5006,15 +5021,15 @@ exports[`OnboardingNotificationsPreferencesScreen should match snapshot when not } /> @@ -5196,15 +5212,15 @@ exports[`OnboardingNotificationsPreferencesScreen should match snapshot when not } /> diff --git a/ts/features/services/common/components/__tests__/__snapshots__/ServicesHeader.test.tsx.snap b/ts/features/services/common/components/__tests__/__snapshots__/ServicesHeader.test.tsx.snap index edf42ac3dc6..f59ec3346ac 100644 --- a/ts/features/services/common/components/__tests__/__snapshots__/ServicesHeader.test.tsx.snap +++ b/ts/features/services/common/components/__tests__/__snapshots__/ServicesHeader.test.tsx.snap @@ -80,15 +80,15 @@ exports[`ServicesHeader component should match the snapshot 1`] = ` } > - { const errorView = component.queryByTestId("errorView"); expect(errorView).not.toBeNull(); const texts = errorView?.findAllByType(Text); - expect(texts).toHaveLength(2); - expect(texts?.[0]).toHaveTextContent("Error"); - expect(texts?.[1]).toHaveTextContent(errorMessage); + expect(texts).toHaveLength(1); + expect(texts?.[0]).toHaveTextContent(errorMessage); }; const checkSuccessView = (component: RenderAPI) => { diff --git a/ts/screens/authentication/__tests__/__snapshots__/LandingScreen.test.tsx.snap b/ts/screens/authentication/__tests__/__snapshots__/LandingScreen.test.tsx.snap index 229afc7cde1..80d4cf0265b 100644 --- a/ts/screens/authentication/__tests__/__snapshots__/LandingScreen.test.tsx.snap +++ b/ts/screens/authentication/__tests__/__snapshots__/LandingScreen.test.tsx.snap @@ -379,16 +379,16 @@ exports[`LandingScreen with CieID FF enabled Should match the snapshot 1`] = ` } /> - - @@ -1783,67 +1787,6 @@ exports[`LandingScreen with CieID FF enabled Should match the snapshot 1`] = ` } } > - - - - - - - - - - - - @@ -4552,67 +4440,6 @@ exports[`LandingScreen with both local and remote CieID FF disabled Should match } } > - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/ts/screens/profile/__test__/__snapshots__/LanguagesPreferencesScreen.test.tsx.snap b/ts/screens/profile/__test__/__snapshots__/LanguagesPreferencesScreen.test.tsx.snap index 9190de61fac..7c4e7e5e9bb 100644 --- a/ts/screens/profile/__test__/__snapshots__/LanguagesPreferencesScreen.test.tsx.snap +++ b/ts/screens/profile/__test__/__snapshots__/LanguagesPreferencesScreen.test.tsx.snap @@ -248,16 +248,16 @@ exports[`LanguagesPreferencesScreen UI Rendering renders the screen with, title, @@ -674,15 +675,15 @@ exports[`NotificationsPreferencesScreen should match snapshot, disabled preview } /> @@ -864,15 +866,15 @@ exports[`NotificationsPreferencesScreen should match snapshot, disabled preview } /> @@ -2002,15 +2003,15 @@ exports[`NotificationsPreferencesScreen should match snapshot, disabled preview } /> @@ -2192,15 +2194,15 @@ exports[`NotificationsPreferencesScreen should match snapshot, disabled preview } /> @@ -3330,15 +3331,15 @@ exports[`NotificationsPreferencesScreen should match snapshot, disabled preview } /> @@ -3520,15 +3522,15 @@ exports[`NotificationsPreferencesScreen should match snapshot, disabled preview } /> @@ -4658,15 +4659,15 @@ exports[`NotificationsPreferencesScreen should match snapshot, disabled preview } /> @@ -4848,15 +4850,15 @@ exports[`NotificationsPreferencesScreen should match snapshot, disabled preview } /> @@ -5986,15 +5987,15 @@ exports[`NotificationsPreferencesScreen should match snapshot, disabled preview } /> @@ -6176,15 +6178,15 @@ exports[`NotificationsPreferencesScreen should match snapshot, disabled preview } /> @@ -7314,15 +7315,15 @@ exports[`NotificationsPreferencesScreen should match snapshot, disabled preview } /> @@ -7504,15 +7506,15 @@ exports[`NotificationsPreferencesScreen should match snapshot, disabled preview } /> @@ -8642,15 +8643,15 @@ exports[`NotificationsPreferencesScreen should match snapshot, enabled preview } /> @@ -8832,15 +8834,15 @@ exports[`NotificationsPreferencesScreen should match snapshot, enabled preview } /> @@ -9970,15 +9971,15 @@ exports[`NotificationsPreferencesScreen should match snapshot, enabled preview } /> @@ -10160,15 +10162,15 @@ exports[`NotificationsPreferencesScreen should match snapshot, enabled preview } /> @@ -11298,15 +11299,15 @@ exports[`NotificationsPreferencesScreen should match snapshot, enabled preview } /> @@ -11488,15 +11490,15 @@ exports[`NotificationsPreferencesScreen should match snapshot, enabled preview } /> @@ -12626,15 +12627,15 @@ exports[`NotificationsPreferencesScreen should match snapshot, enabled preview } /> @@ -12816,15 +12818,15 @@ exports[`NotificationsPreferencesScreen should match snapshot, enabled preview } /> @@ -13954,15 +13955,15 @@ exports[`NotificationsPreferencesScreen should match snapshot, enabled preview } /> @@ -14144,15 +14146,15 @@ exports[`NotificationsPreferencesScreen should match snapshot, enabled preview } /> @@ -15282,15 +15283,15 @@ exports[`NotificationsPreferencesScreen should match snapshot, enabled preview } /> @@ -15472,15 +15474,15 @@ exports[`NotificationsPreferencesScreen should match snapshot, enabled preview } /> @@ -16610,15 +16611,15 @@ exports[`NotificationsPreferencesScreen should match snapshot, undefined preview } /> @@ -16800,15 +16802,15 @@ exports[`NotificationsPreferencesScreen should match snapshot, undefined preview } /> @@ -17938,15 +17939,15 @@ exports[`NotificationsPreferencesScreen should match snapshot, undefined preview } /> @@ -18128,15 +18130,15 @@ exports[`NotificationsPreferencesScreen should match snapshot, undefined preview } /> @@ -19266,15 +19267,15 @@ exports[`NotificationsPreferencesScreen should match snapshot, undefined preview } /> @@ -19456,15 +19458,15 @@ exports[`NotificationsPreferencesScreen should match snapshot, undefined preview } /> @@ -20594,15 +20595,15 @@ exports[`NotificationsPreferencesScreen should match snapshot, undefined preview } /> @@ -20784,15 +20786,15 @@ exports[`NotificationsPreferencesScreen should match snapshot, undefined preview } /> @@ -21922,15 +21923,15 @@ exports[`NotificationsPreferencesScreen should match snapshot, undefined preview } /> @@ -22112,15 +22114,15 @@ exports[`NotificationsPreferencesScreen should match snapshot, undefined preview } /> @@ -23250,15 +23251,15 @@ exports[`NotificationsPreferencesScreen should match snapshot, undefined preview } /> @@ -23440,15 +23442,15 @@ exports[`NotificationsPreferencesScreen should match snapshot, undefined preview } /> @@ -90,10 +87,10 @@ exports[`ProfileMainScreenTopBanner should match snapshot for all possible resul accessibilityLabel="" accessible={false} align="xMidYMid" - bbHeight={24} - bbWidth={24} + bbHeight={36} + bbWidth={36} focusable={false} - height={24} + height={36} importantForAccessibility="no-hide-descendants" meetOrSlice={0} minX={0} @@ -109,15 +106,15 @@ exports[`ProfileMainScreenTopBanner should match snapshot for all possible resul }, { "flex": 0, - "height": 24, - "width": 24, + "height": 36, + "width": 36, }, ] } tintColor="#5D1313" vbHeight={24} vbWidth={24} - width={24} + width={36} > - - - - Turn on push notifications to know when you get a message on IO. - - - Turn on push notifications - + + + Turn on push notifications to know when you get a message on IO. + + + Turn on push notifications + + + @@ -270,11 +269,10 @@ exports[`ProfileMainScreenTopBanner should match snapshot for all possible resul "borderCurve": "continuous", "borderRadius": 8, "flexDirection": "row", + "padding": 16, }, { "backgroundColor": "#F4F5F8", - "paddingHorizontal": 16, - "paddingVertical": 16, }, { "transform": [ @@ -302,16 +300,16 @@ exports[`ProfileMainScreenTopBanner should match snapshot for all possible resul } > Date: Thu, 9 Jan 2025 10:45:53 +0100 Subject: [PATCH 11/13] Update icons --- ts/screens/profile/AppearancePreferenceScreen.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/ts/screens/profile/AppearancePreferenceScreen.tsx b/ts/screens/profile/AppearancePreferenceScreen.tsx index 5cf194682d8..9a92f181d78 100644 --- a/ts/screens/profile/AppearancePreferenceScreen.tsx +++ b/ts/screens/profile/AppearancePreferenceScreen.tsx @@ -90,7 +90,7 @@ const AppearancePreferenceScreen = (): ReactElement => { { Date: Thu, 9 Jan 2025 12:40:44 +0100 Subject: [PATCH 12/13] Update `jest` snapshot --- .../ItwCredentialCard.test.tsx.snap | 38 +++++++++---------- 1 file changed, 17 insertions(+), 21 deletions(-) diff --git a/ts/features/itwallet/common/components/__tests__/__snapshots__/ItwCredentialCard.test.tsx.snap b/ts/features/itwallet/common/components/__tests__/__snapshots__/ItwCredentialCard.test.tsx.snap index 73ceb9daf0e..5336836d4ca 100644 --- a/ts/features/itwallet/common/components/__tests__/__snapshots__/ItwCredentialCard.test.tsx.snap +++ b/ts/features/itwallet/common/components/__tests__/__snapshots__/ItwCredentialCard.test.tsx.snap @@ -1361,7 +1361,7 @@ exports[`ItwCredentialCard should match snapshot when status is "unknown" 1`] = } > - - Non disponibile + [missing "en.features.itWallet.card.status.unknown" translation] From b05926fb639fa9a8a8315221af019a2f492eacab Mon Sep 17 00:00:00 2001 From: Damiano Plebani Date: Thu, 9 Jan 2025 15:07:45 +0100 Subject: [PATCH 13/13] Update `jest` snapshot --- .../__tests__/__snapshots__/ItwCredentialCard.test.tsx.snap | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/ts/features/itwallet/common/components/__tests__/__snapshots__/ItwCredentialCard.test.tsx.snap b/ts/features/itwallet/common/components/__tests__/__snapshots__/ItwCredentialCard.test.tsx.snap index 5336836d4ca..ab92c7d4a92 100644 --- a/ts/features/itwallet/common/components/__tests__/__snapshots__/ItwCredentialCard.test.tsx.snap +++ b/ts/features/itwallet/common/components/__tests__/__snapshots__/ItwCredentialCard.test.tsx.snap @@ -1506,7 +1506,7 @@ exports[`ItwCredentialCard should match snapshot when status is "unknown" 1`] = ] } > - [missing "en.features.itWallet.card.status.unknown" translation] + Non disponibile