diff --git a/package.json b/package.json index 55ee9495a6b..954d49e1422 100644 --- a/package.json +++ b/package.json @@ -56,7 +56,8 @@ "@babel/plugin-transform-private-methods": "^7.25.9", "@babel/plugin-transform-private-property-in-object": "^7.25.9", "@babel/plugin-transform-react-jsx": "^7.25.9", - "@gorhom/bottom-sheet": "^4.1.5", + "@babel/plugin-transform-regenerator": "^7.18.6", + "@gorhom/bottom-sheet": "^5.1.1", "@pagopa/io-app-design-system": "5.0.6", "@pagopa/io-pagopa-commons": "^3.1.0", "@pagopa/io-react-native-cieid": "^0.3.5", diff --git a/patches/@gorhom+bottom-sheet+4.1.5.patch b/patches/@gorhom+bottom-sheet+4.1.5.old_patch similarity index 100% rename from patches/@gorhom+bottom-sheet+4.1.5.patch rename to patches/@gorhom+bottom-sheet+4.1.5.old_patch diff --git a/ts/components/screens/PinCreation/usePinValidationBottomSheet.tsx b/ts/components/screens/PinCreation/usePinValidationBottomSheet.tsx index 9dbdf2beace..6c9132af3fe 100644 --- a/ts/components/screens/PinCreation/usePinValidationBottomSheet.tsx +++ b/ts/components/screens/PinCreation/usePinValidationBottomSheet.tsx @@ -4,7 +4,7 @@ import { View } from "react-native"; import { useSafeAreaInsets } from "react-native-safe-area-context"; import I18n from "../../../i18n"; import { BulletList } from "../../BulletList"; -import { useIOBottomSheetAutoresizableModal } from "../../../utils/hooks/bottomSheet"; +import { useIOBottomSheetModal } from "../../../utils/hooks/bottomSheet"; const BottomSheetContent = memo(() => { const { bottom } = useSafeAreaInsets(); @@ -33,7 +33,7 @@ const BottomSheetContent = memo(() => { }); export default () => - useIOBottomSheetAutoresizableModal({ + useIOBottomSheetModal({ title: I18n.t("onboarding.pin.policy.title"), component: }); diff --git a/ts/features/barcode/hooks/useIOBarcodeFileReader.tsx b/ts/features/barcode/hooks/useIOBarcodeFileReader.tsx index d4454b99c74..f59d9e377a7 100644 --- a/ts/features/barcode/hooks/useIOBarcodeFileReader.tsx +++ b/ts/features/barcode/hooks/useIOBarcodeFileReader.tsx @@ -18,7 +18,7 @@ import { ImageLibraryOptions } from "react-native-image-picker"; import I18n from "../../../i18n"; -import { useIOBottomSheetAutoresizableModal } from "../../../utils/hooks/bottomSheet"; +import { useIOBottomSheetModal } from "../../../utils/hooks/bottomSheet"; import { BarcodeAnalyticsFlow, trackBarcodeFileUpload, @@ -262,7 +262,7 @@ const useIOBarcodeFileReader = ({ ); - const filePickerModal = useIOBottomSheetAutoresizableModal({ + const filePickerModal = useIOBottomSheetModal({ component: filePickerModalComponent, title: "", onDismiss: () => setFilePickerVisible(false) diff --git a/ts/features/barcode/screens/BarcodeScanScreen.tsx b/ts/features/barcode/screens/BarcodeScanScreen.tsx index 75556646fa2..219d6169344 100644 --- a/ts/features/barcode/screens/BarcodeScanScreen.tsx +++ b/ts/features/barcode/screens/BarcodeScanScreen.tsx @@ -19,7 +19,7 @@ import { import { useIOSelector } from "../../../store/hooks"; import { barcodesScannerConfigSelector } from "../../../store/reducers/backendStatus/remoteConfig"; import { emptyContextualHelp } from "../../../utils/emptyContextualHelp"; -import { useIOBottomSheetAutoresizableModal } from "../../../utils/hooks/bottomSheet"; +import { useIOBottomSheetModal } from "../../../utils/hooks/bottomSheet"; import { IdPayPaymentRoutes } from "../../idpay/payment/navigation/routes"; import { PaymentsCheckoutRoutes } from "../../payments/checkout/navigation/routes"; import * as analytics from "../analytics"; @@ -217,7 +217,7 @@ const BarcodeScanScreen = () => { ); - const manualInputModal = useIOBottomSheetAutoresizableModal({ + const manualInputModal = useIOBottomSheetModal({ component: manualInputModalComponent, title: "" }); diff --git a/ts/features/bonus/cgn/components/detail/eyca/EycaInformationComponent.tsx b/ts/features/bonus/cgn/components/detail/eyca/EycaInformationComponent.tsx index 7f8f5798ad2..e400554886e 100644 --- a/ts/features/bonus/cgn/components/detail/eyca/EycaInformationComponent.tsx +++ b/ts/features/bonus/cgn/components/detail/eyca/EycaInformationComponent.tsx @@ -1,7 +1,7 @@ import { ButtonOutline, IOToast, VSpacer } from "@pagopa/io-app-design-system"; import IOMarkdown from "../../../../../../components/IOMarkdown"; import I18n from "../../../../../../i18n"; -import { useIOBottomSheetAutoresizableModal } from "../../../../../../utils/hooks/bottomSheet"; +import { useIOBottomSheetModal } from "../../../../../../utils/hooks/bottomSheet"; import { openWebUrl } from "../../../../../../utils/url"; import { EYCA_WEBSITE_BASE_URL } from "../../../utils/constants"; @@ -29,7 +29,7 @@ const EycaInformationComponent: React.FunctionComponent = () => ( ); export const useEycaInformationBottomSheet = () => - useIOBottomSheetAutoresizableModal({ + useIOBottomSheetModal({ component: , title: I18n.t("bonus.cgn.detail.status.eycaBottomSheetTitle") }); diff --git a/ts/features/bonus/cgn/screens/merchants/CgnMerchantCategoriesListScreen.tsx b/ts/features/bonus/cgn/screens/merchants/CgnMerchantCategoriesListScreen.tsx index 328576a732d..7e2956e76b1 100644 --- a/ts/features/bonus/cgn/screens/merchants/CgnMerchantCategoriesListScreen.tsx +++ b/ts/features/bonus/cgn/screens/merchants/CgnMerchantCategoriesListScreen.tsx @@ -19,7 +19,7 @@ import { ProductCategoryWithNewDiscountsCount } from "../../../../../../definiti import I18n from "../../../../../i18n"; import { IOStackNavigationProp } from "../../../../../navigation/params/AppParamsList"; import { useIODispatch, useIOSelector } from "../../../../../store/hooks"; -import { useIOBottomSheetAutoresizableModal } from "../../../../../utils/hooks/bottomSheet"; +import { useIOBottomSheetModal } from "../../../../../utils/hooks/bottomSheet"; import { CgnMerchantListSkeleton } from "../../components/merchants/CgnMerchantListSkeleton"; import { CgnDetailsParamsList } from "../../navigation/params"; import CGN_ROUTES from "../../navigation/routes"; @@ -39,8 +39,7 @@ export const CgnMerchantCategoriesListScreen = () => { IOStackNavigationProp >(); - const { present, bottomSheet } = useIOBottomSheetAutoresizableModal({ - fullScreen: true, + const { present, bottomSheet } = useIOBottomSheetModal({ title: I18n.t("bonus.cgn.merchantsList.categoriesList.bottomSheet.title"), component: ( diff --git a/ts/features/bonus/cgn/screens/merchants/__tests__/__snapshots__/CgnMerchantsCategoriesSelectionScreen.test.tsx.snap b/ts/features/bonus/cgn/screens/merchants/__tests__/__snapshots__/CgnMerchantsCategoriesSelectionScreen.test.tsx.snap index b1989169344..19ec75ea77c 100644 --- a/ts/features/bonus/cgn/screens/merchants/__tests__/__snapshots__/CgnMerchantsCategoriesSelectionScreen.test.tsx.snap +++ b/ts/features/bonus/cgn/screens/merchants/__tests__/__snapshots__/CgnMerchantsCategoriesSelectionScreen.test.tsx.snap @@ -206,25 +206,16 @@ exports[`CgnMerchantsCategoriesSelectionScreen should render correctly 1`] = ` variant="primary" /> - + - - - To facilitate your search and improve your experience, we have organized the categories according to frequency of use. This information is not tied to your profile, but is based on aggregate data from all users who use Carta Giovani Nazionale and have consented to data processing. - - + } + > + + To facilitate your search and improve your experience, we have organized the categories according to frequency of use. This information is not tied to your profile, but is based on aggregate data from all users who use Carta Giovani Nazionale and have consented to data processing. + - + + @@ -851,25 +852,16 @@ exports[`CgnMerchantsCategoriesSelectionScreen should render correctly 1`] = ` - - - To facilitate your search and improve your experience, we have organized the categories according to frequency of use. This information is not tied to your profile, but is based on aggregate data from all users who use Carta Giovani Nazionale and have consented to data processing. - - + To facilitate your search and improve your experience, we have organized the categories according to frequency of use. This information is not tied to your profile, but is based on aggregate data from all users who use Carta Giovani Nazionale and have consented to data processing. + + diff --git a/ts/features/cie/__tests__/__snapshots__/wizards.test.tsx.snap b/ts/features/cie/__tests__/__snapshots__/wizards.test.tsx.snap index 99caabda2fa..219018b4a66 100644 --- a/ts/features/cie/__tests__/__snapshots__/wizards.test.tsx.snap +++ b/ts/features/cie/__tests__/__snapshots__/wizards.test.tsx.snap @@ -817,9 +817,9 @@ exports[`CiePinWizard Should match the snapshot 1`] = ` + diff --git a/ts/features/design-system/core/DSBottomSheet.tsx b/ts/features/design-system/core/DSBottomSheet.tsx index 19b0066b99b..3df7cce5307 100644 --- a/ts/features/design-system/core/DSBottomSheet.tsx +++ b/ts/features/design-system/core/DSBottomSheet.tsx @@ -10,11 +10,7 @@ import { useIOTheme } from "@pagopa/io-app-design-system"; import { SafeAreaView, View } from "react-native"; -import { - useIOBottomSheetAutoresizableModal, - useIOBottomSheetModal, - useLegacyIOBottomSheetModal -} from "../../../utils/hooks/bottomSheet"; +import { useIOBottomSheetModal } from "../../../utils/hooks/bottomSheet"; import { DesignSystemScreen } from "../components/DesignSystemScreen"; import DESIGN_SYSTEM_ROUTES from "../navigation/routes"; @@ -28,8 +24,6 @@ export const DSBottomSheet = () => { dismissAutoresizableBottomSheetWithFooter(); dismissVeryLongAutoresizableBottomSheetWithFooter(); dismissVeryLongAutoresizableBottomSheetWithFooterFullScreen(); - dismissLegacyBottomSheet(); - dismissLegacyBottomSheetWithFooter(); }; const defaultFooter = ( @@ -41,7 +35,6 @@ export const DSBottomSheet = () => { label={"Dismiss bottom sheet"} onPress={handlePressDismiss} /> - ); @@ -93,7 +86,7 @@ export const DSBottomSheet = () => { present: presentAutoresizableBottomSheet, bottomSheet: autoResizableBottomSheet, dismiss: dismissAutoresizableBottomSheet - } = useIOBottomSheetAutoresizableModal({ + } = useIOBottomSheetModal({ title: "Autoresizable Bottom Sheet", component: }); @@ -103,14 +96,11 @@ export const DSBottomSheet = () => { present: presentAutoresizableBottomSheetWithFooter, bottomSheet: autoResizableBottomSheetWithFooter, dismiss: dismissAutoresizableBottomSheetWithFooter - } = useIOBottomSheetAutoresizableModal( - { - title: "Autoresizable Bottom Sheet", - component: , - footer: defaultFooter - }, - 150 - ); + } = useIOBottomSheetModal({ + title: "Autoresizable Bottom Sheet", + component: , + footer: defaultFooter + }); // Static bottom sheet hook const { @@ -140,53 +130,25 @@ export const DSBottomSheet = () => { present: presentVeryLongAutoresizableBottomSheetWithFooter, bottomSheet: veryLongAutoResizableBottomSheetWithFooter, dismiss: dismissVeryLongAutoresizableBottomSheetWithFooter - } = useIOBottomSheetAutoresizableModal( - { - title: "Autoresizable Bottom Sheet", - component: , - footer: defaultFooter - }, - 80 - ); + } = useIOBottomSheetModal({ + title: "Autoresizable Bottom Sheet", + component: , + footer: defaultFooter + }); const { present: presentVeryLongAutoresizableBottomSheetWithFooterFullScreen, bottomSheet: veryLongAutoResizableBottomSheetWithFooterFullScreen, dismiss: dismissVeryLongAutoresizableBottomSheetWithFooterFullScreen - } = useIOBottomSheetAutoresizableModal( - { - title: "Autoresizable Bottom Sheet, Full Screen", - component: ( - - - - ), - footer: defaultFooter, - fullScreen: true - }, - 80 - ); - - const { - present: presentLegacyBottomSheet, - bottomSheet: legacyBottomSheet, - dismiss: dismissLegacyBottomSheet - } = useLegacyIOBottomSheetModal( - , - "Legacy Bottom Sheet", - 250 - ); - - const { - present: presentLegacyBottomSheetWithFooter, - bottomSheet: legacyBottomSheetWithFooter, - dismiss: dismissLegacyBottomSheetWithFooter - } = useLegacyIOBottomSheetModal( - , - "Legacy Bottom Sheet with footer", - 400, - defaultFooter - ); + } = useIOBottomSheetModal({ + title: "Autoresizable Bottom Sheet, Full Screen", + component: ( + + + + ), + footer: defaultFooter + }); const sectionTitleMargin = 16; const blockMargin = 48; @@ -244,32 +206,12 @@ export const DSBottomSheet = () => { /> - - -

Legacy

- - - - - - -
{staticBottomSheet} {staticBottomSheetWithFooter} {autoResizableBottomSheet} {autoResizableBottomSheetWithFooter} {veryLongAutoResizableBottomSheetWithFooter} {veryLongAutoResizableBottomSheetWithFooterFullScreen} - {legacyBottomSheet} - {legacyBottomSheetWithFooter} ); diff --git a/ts/features/idpay/code/components/IdPayInfoCieBottomSheet.tsx b/ts/features/idpay/code/components/IdPayInfoCieBottomSheet.tsx index eebbe9c948c..156e0408199 100644 --- a/ts/features/idpay/code/components/IdPayInfoCieBottomSheet.tsx +++ b/ts/features/idpay/code/components/IdPayInfoCieBottomSheet.tsx @@ -2,7 +2,7 @@ import { View } from "react-native"; import { FeatureInfo, H4, VSpacer } from "@pagopa/io-app-design-system"; import { IOBottomSheetModal, - useIOBottomSheetAutoresizableModal + useIOBottomSheetModal } from "../../../../utils/hooks/bottomSheet"; import I18n from "../../../../i18n"; @@ -31,7 +31,7 @@ const useIdPayInfoCieBottomSheet = (): IOBottomSheetModal => { ); - const modal = useIOBottomSheetAutoresizableModal({ + const modal = useIOBottomSheetModal({ component: getModalContent(), title:

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

}); diff --git a/ts/features/idpay/configuration/screens/IbanConfigurationLandingScreen.tsx b/ts/features/idpay/configuration/screens/IbanConfigurationLandingScreen.tsx index e9a85490d19..60336c8fc1b 100644 --- a/ts/features/idpay/configuration/screens/IbanConfigurationLandingScreen.tsx +++ b/ts/features/idpay/configuration/screens/IbanConfigurationLandingScreen.tsx @@ -8,7 +8,7 @@ import { OperationResultScreenContent } from "../../../../components/screens/Ope import { useHeaderSecondLevel } from "../../../../hooks/useHeaderSecondLevel"; import I18n from "../../../../i18n"; import { emptyContextualHelp } from "../../../../utils/emptyContextualHelp"; -import { useIOBottomSheetAutoresizableModal } from "../../../../utils/hooks/bottomSheet"; +import { useIOBottomSheetModal } from "../../../../utils/hooks/bottomSheet"; import { IdPayConfigurationMachineContext } from "../machine/provider"; export const IbanConfigurationLanding = () => { @@ -17,28 +17,25 @@ export const IbanConfigurationLanding = () => { const customGoBack = () => machine.send({ type: "back" }); - const { bottomSheet, dismiss, present } = useIOBottomSheetAutoresizableModal( - { - title: I18n.t("idpay.configuration.iban.landing.modal.title"), - component: ( - {I18n.t("idpay.configuration.iban.landing.modal.content")} - ), - footer: ( - - dismiss()} - fullWidth={true} - /> - - - ) - }, - 130 - ); + const { bottomSheet, dismiss, present } = useIOBottomSheetModal({ + title: I18n.t("idpay.configuration.iban.landing.modal.title"), + component: ( + {I18n.t("idpay.configuration.iban.landing.modal.content")} + ), + footer: ( + + dismiss()} + fullWidth={true} + /> + + + ) + }); useHeaderSecondLevel({ title: I18n.t("idpay.configuration.headerTitle"), diff --git a/ts/features/idpay/configuration/screens/InstrumentsEnrollmentScreen.tsx b/ts/features/idpay/configuration/screens/InstrumentsEnrollmentScreen.tsx index 0daaf57752b..de2ef03fe2d 100644 --- a/ts/features/idpay/configuration/screens/InstrumentsEnrollmentScreen.tsx +++ b/ts/features/idpay/configuration/screens/InstrumentsEnrollmentScreen.tsx @@ -15,7 +15,7 @@ import I18n from "../../../../i18n"; import { useIONavigation } from "../../../../navigation/params/AppParamsList"; import { Wallet } from "../../../../types/pagopa"; import { emptyContextualHelp } from "../../../../utils/emptyContextualHelp"; -import { useIOBottomSheetAutoresizableModal } from "../../../../utils/hooks/bottomSheet"; +import { useIOBottomSheetModal } from "../../../../utils/hooks/bottomSheet"; import { PaymentsOnboardingRoutes } from "../../../payments/onboarding/navigation/routes"; import { isLoadingSelector } from "../../common/machine/selectors"; import { InstrumentEnrollmentSwitch } from "../components/InstrumentEnrollmentSwitch"; @@ -112,46 +112,42 @@ export const InstrumentsEnrollmentScreen = () => { } }; - const enrollmentBottomSheetModal = useIOBottomSheetAutoresizableModal( - { - component: ( - - {I18n.t("idpay.configuration.instruments.enrollmentSheet.bodyFirst")} - - {I18n.t( - "idpay.configuration.instruments.enrollmentSheet.bodyBold" - ) + "\n"} - - {I18n.t("idpay.configuration.instruments.enrollmentSheet.bodyLast")} + const enrollmentBottomSheetModal = useIOBottomSheetModal({ + component: ( + + {I18n.t("idpay.configuration.instruments.enrollmentSheet.bodyFirst")} + + {I18n.t("idpay.configuration.instruments.enrollmentSheet.bodyBold") + + "\n"} - ), - title: I18n.t("idpay.configuration.instruments.enrollmentSheet.header"), - footer: ( - { - enrollmentBottomSheetModal.dismiss(); - } - }} - endAction={{ - color: "primary", - label: I18n.t( - "idpay.configuration.instruments.enrollmentSheet.buttons.activate" - ), - onPress: handleEnrollConfirm - }} - /> - ), - onDismiss: () => { - setStagedWalletId(undefined); - } - }, - 175 - ); + {I18n.t("idpay.configuration.instruments.enrollmentSheet.bodyLast")} + + ), + title: I18n.t("idpay.configuration.instruments.enrollmentSheet.header"), + footer: ( + { + enrollmentBottomSheetModal.dismiss(); + } + }} + endAction={{ + color: "primary", + label: I18n.t( + "idpay.configuration.instruments.enrollmentSheet.buttons.activate" + ), + onPress: handleEnrollConfirm + }} + /> + ), + onDismiss: () => { + setStagedWalletId(undefined); + } + }); useEffect(() => { if (stagedWalletId) { diff --git a/ts/features/idpay/details/components/InitiativeRulesInfoBox.tsx b/ts/features/idpay/details/components/InitiativeRulesInfoBox.tsx index d9eb8d6f010..e5eb693a18e 100644 --- a/ts/features/idpay/details/components/InitiativeRulesInfoBox.tsx +++ b/ts/features/idpay/details/components/InitiativeRulesInfoBox.tsx @@ -13,7 +13,7 @@ import Placeholder from "rn-placeholder"; import { IOStyles } from "../../../../components/core/variables/IOStyles"; import IOMarkdown from "../../../../components/IOMarkdown"; import I18n from "../../../../i18n"; -import { useIOBottomSheetAutoresizableModal } from "../../../../utils/hooks/bottomSheet"; +import { useIOBottomSheetModal } from "../../../../utils/hooks/bottomSheet"; type Props = { content: string; @@ -23,26 +23,23 @@ const InitiativeRulesInfoBox = (props: Props) => { const { content } = props; const theme = useIOTheme(); - const { bottomSheet, present, dismiss } = useIOBottomSheetAutoresizableModal( - { - component: , - title: I18n.t("idpay.initiative.beneficiaryDetails.infoModal.title"), - footer: ( - dismiss() - } - }} - /> - ) - }, - 170 - ); + const { bottomSheet, present, dismiss } = useIOBottomSheetModal({ + component: , + title: I18n.t("idpay.initiative.beneficiaryDetails.infoModal.title"), + footer: ( + dismiss() + } + }} + /> + ) + }); return ( <> diff --git a/ts/features/idpay/details/hooks/useIdPayDiscountDetailsBottomSheet.tsx b/ts/features/idpay/details/hooks/useIdPayDiscountDetailsBottomSheet.tsx index 6f0e1f66e0e..ad9c84860a7 100644 --- a/ts/features/idpay/details/hooks/useIdPayDiscountDetailsBottomSheet.tsx +++ b/ts/features/idpay/details/hooks/useIdPayDiscountDetailsBottomSheet.tsx @@ -8,7 +8,7 @@ import { useIODispatch, useIOSelector } from "../../../../store/hooks"; import { idPayGenerateBarcode } from "../../barcode/store/actions"; import { IdPayPaymentRoutes } from "../../payment/navigation/routes"; import I18n from "../../../../i18n"; -import { useIOBottomSheetAutoresizableModal } from "../../../../utils/hooks/bottomSheet"; +import { useIOBottomSheetModal } from "../../../../utils/hooks/bottomSheet"; import { idPayBarcodeSecondsTillExpireSelector } from "../../barcode/store"; import { IdPayBarcodeRoutes } from "../../barcode/navigation/routes"; @@ -66,7 +66,7 @@ export const useIdPayDiscountDetailsBottomSheet = (initiativeId: string) => { ); - const bottomSheet = useIOBottomSheetAutoresizableModal({ + const bottomSheet = useIOBottomSheetModal({ component: , title: null }); diff --git a/ts/features/idpay/onboarding/screens/PDNDPrerequisitesScreen.tsx b/ts/features/idpay/onboarding/screens/PDNDPrerequisitesScreen.tsx index 91ace266ca4..4458e519707 100644 --- a/ts/features/idpay/onboarding/screens/PDNDPrerequisitesScreen.tsx +++ b/ts/features/idpay/onboarding/screens/PDNDPrerequisitesScreen.tsx @@ -13,7 +13,7 @@ import { IOScrollViewWithLargeHeader } from "../../../../components/ui/IOScrollV import I18n from "../../../../i18n"; import { useIOSelector } from "../../../../store/hooks"; import { emptyContextualHelp } from "../../../../utils/emptyContextualHelp"; -import { useIOBottomSheetAutoresizableModal } from "../../../../utils/hooks/bottomSheet"; +import { useIOBottomSheetModal } from "../../../../utils/hooks/bottomSheet"; import { serviceByIdPotSelector } from "../../../services/details/store/reducers"; import { IdPayOnboardingMachineContext } from "../machine/provider"; import { pdndCriteriaSelector, selectServiceId } from "../machine/selectors"; @@ -40,37 +40,34 @@ export const PDNDPrerequisitesScreen = () => { const continueOnPress = () => machine.send({ type: "next" }); const goBackOnPress = () => machine.send({ type: "back" }); - const { present, bottomSheet, dismiss } = useIOBottomSheetAutoresizableModal( - { - title: I18n.t( - "idpay.onboarding.PDNDPrerequisites.prerequisites.info.header" - ), - component: ( - - ), - footer: ( - dismiss() - }, - type: "SingleButton" - }} - /> - ) - }, - 162 - ); + const { present, bottomSheet, dismiss } = useIOBottomSheetModal({ + title: I18n.t( + "idpay.onboarding.PDNDPrerequisites.prerequisites.info.header" + ), + component: ( + + ), + footer: ( + dismiss() + }, + type: "SingleButton" + }} + /> + ) + }); const pdndCriteria = useSelector(pdndCriteriaSelector); diff --git a/ts/features/idpay/timeline/components/TimelineDetailsBottomSheet.tsx b/ts/features/idpay/timeline/components/TimelineDetailsBottomSheet.tsx index e13195bb642..00b83fb2205 100644 --- a/ts/features/idpay/timeline/components/TimelineDetailsBottomSheet.tsx +++ b/ts/features/idpay/timeline/components/TimelineDetailsBottomSheet.tsx @@ -24,7 +24,7 @@ import I18n from "../../../../i18n"; import { useIODispatch, useIOSelector } from "../../../../store/hooks"; import { IOBottomSheetModal, - useIOBottomSheetAutoresizableModal + useIOBottomSheetModal } from "../../../../utils/hooks/bottomSheet"; import { idpayTimelineDetailsSelector } from "../store"; import { idpayTimelineDetailsGet } from "../store/actions"; @@ -126,14 +126,11 @@ const useTimelineDetailsBottomSheet = ( ); - const modal = useIOBottomSheetAutoresizableModal( - { - component: getModalContent(), - title: titleComponent, - footer: modalFooter - }, - 150 - ); + const modal = useIOBottomSheetModal({ + component: getModalContent(), + title: titleComponent, + footer: modalFooter + }); const present = (operation: OperationListDTO) => pipe( diff --git a/ts/features/idpay/unsubscription/screens/UnsubscriptionConfirmationScreen.tsx b/ts/features/idpay/unsubscription/screens/UnsubscriptionConfirmationScreen.tsx index 042c789cf69..9d7e0e4b9a2 100644 --- a/ts/features/idpay/unsubscription/screens/UnsubscriptionConfirmationScreen.tsx +++ b/ts/features/idpay/unsubscription/screens/UnsubscriptionConfirmationScreen.tsx @@ -14,7 +14,7 @@ import I18n from "../../../../i18n"; import { useIONavigation } from "../../../../navigation/params/AppParamsList"; import { useIODispatch, useIOSelector } from "../../../../store/hooks"; import { emptyContextualHelp } from "../../../../utils/emptyContextualHelp"; -import { useIOBottomSheetAutoresizableModal } from "../../../../utils/hooks/bottomSheet"; +import { useIOBottomSheetModal } from "../../../../utils/hooks/bottomSheet"; import { UnsubscriptionCheckListItem } from "../components/UnsubscriptionCheckListItem"; import { IdPayUnsubscriptionParamsList } from "../navigation/params"; import { IdPayUnsubscriptionRoutes } from "../navigation/routes"; @@ -116,37 +116,34 @@ const UnsubscriptionConfirmationScreen = () => { } }, [navigation, isFailure, isSuccess]); - const confirmModal = useIOBottomSheetAutoresizableModal( - { - title: I18n.t("idpay.unsubscription.modal.title", { initiativeName }), - component: ( - - {I18n.t("idpay.unsubscription.modal.content")} - - - ), - footer: ( - { - confirmModal.dismiss(); - } - }} - endAction={{ - color: "danger", - label: I18n.t("idpay.unsubscription.button.continue"), - onPress: () => { - confirmModal.dismiss(); - handleConfirmPress(); - } - }} - /> - ) - }, - 175 - ); + const confirmModal = useIOBottomSheetModal({ + title: I18n.t("idpay.unsubscription.modal.title", { initiativeName }), + component: ( + + {I18n.t("idpay.unsubscription.modal.content")} + + + ), + footer: ( + { + confirmModal.dismiss(); + } + }} + endAction={{ + color: "danger", + label: I18n.t("idpay.unsubscription.button.continue"), + onPress: () => { + confirmModal.dismiss(); + handleConfirmPress(); + } + }} + /> + ) + }); const body = ( { const localExpiryDate = claim.expiry_date.toString("DD/MM/YYYY"); const localIssueDate = claim.issue_date.toString("DD/MM/YYYY"); - const privilegeBottomSheet = useIOBottomSheetAutoresizableModal({ + const privilegeBottomSheet = useIOBottomSheetModal({ title: I18n.t( "features.itWallet.verifiableCredentials.claims.mdl.category", { category: claim.driving_privilege } diff --git a/ts/features/itwallet/common/hooks/__tests__/useItwFailureSupportModal.test.tsx b/ts/features/itwallet/common/hooks/__tests__/useItwFailureSupportModal.test.tsx index 0970498ae71..c6e102b3294 100644 --- a/ts/features/itwallet/common/hooks/__tests__/useItwFailureSupportModal.test.tsx +++ b/ts/features/itwallet/common/hooks/__tests__/useItwFailureSupportModal.test.tsx @@ -20,7 +20,7 @@ import { ItwFailure } from "../../utils/ItwFailureTypes.ts"; jest.mock("../../../../../utils/hooks/bottomSheet", () => ({ // Mock the bottom sheet to immediately render the component - useIOBottomSheetAutoresizableModal: (params: { component: JSX.Element }) => ({ + useIOBottomSheetModal: (params: { component: JSX.Element }) => ({ bottomSheet: params.component }) })); diff --git a/ts/features/itwallet/common/hooks/useItwFailureSupportModal.tsx b/ts/features/itwallet/common/hooks/useItwFailureSupportModal.tsx index 1036d8aebcc..55abb988959 100644 --- a/ts/features/itwallet/common/hooks/useItwFailureSupportModal.tsx +++ b/ts/features/itwallet/common/hooks/useItwFailureSupportModal.tsx @@ -17,7 +17,7 @@ import { ToolEnum } from "../../../../../definitions/content/AssistanceToolConfi import I18n from "../../../../i18n"; import { useIODispatch, useIOSelector } from "../../../../store/hooks"; import { assistanceToolConfigSelector } from "../../../../store/reducers/backendStatus/remoteConfig"; -import { useIOBottomSheetAutoresizableModal } from "../../../../utils/hooks/bottomSheet"; +import { useIOBottomSheetModal } from "../../../../utils/hooks/bottomSheet"; import { assistanceToolRemoteConfig, resetCustomFields, @@ -225,7 +225,7 @@ export const useItwFailureSupportModal = ({ const contactMethods = getContactMethods(); const hasContactMethods = contactMethods.length > 0; - const { bottomSheet, present, dismiss } = useIOBottomSheetAutoresizableModal({ + const { bottomSheet, present, dismiss } = useIOBottomSheetModal({ title: "", component: ( diff --git a/ts/features/itwallet/common/hooks/useItwInfoBottomSheet.tsx b/ts/features/itwallet/common/hooks/useItwInfoBottomSheet.tsx index 63800ec6db2..3bdc7942730 100644 --- a/ts/features/itwallet/common/hooks/useItwInfoBottomSheet.tsx +++ b/ts/features/itwallet/common/hooks/useItwInfoBottomSheet.tsx @@ -1,7 +1,7 @@ import { H6, IOStyles, VSpacer, VStack } from "@pagopa/io-app-design-system"; import { View } from "react-native"; import IOMarkdown from "../../../../components/IOMarkdown"; -import { useIOBottomSheetAutoresizableModal } from "../../../../utils/hooks/bottomSheet"; +import { useIOBottomSheetModal } from "../../../../utils/hooks/bottomSheet"; /** * The type of the content of the bottom sheet. @@ -37,7 +37,7 @@ export const useItwInfoBottomSheet = ({ title, content }: ItwInfoFlowProps) => { ); - const { present, bottomSheet, dismiss } = useIOBottomSheetAutoresizableModal({ + const { present, bottomSheet, dismiss } = useIOBottomSheetModal({ title, component: }); diff --git a/ts/features/itwallet/identification/screens/cie/ItwCiePinScreen.tsx b/ts/features/itwallet/identification/screens/cie/ItwCiePinScreen.tsx index fbcf4c01abc..02e7f73928f 100644 --- a/ts/features/itwallet/identification/screens/cie/ItwCiePinScreen.tsx +++ b/ts/features/itwallet/identification/screens/cie/ItwCiePinScreen.tsx @@ -26,7 +26,7 @@ import { useHeaderSecondLevel } from "../../../../../hooks/useHeaderSecondLevel" import I18n from "../../../../../i18n"; import { useIOSelector } from "../../../../../store/hooks"; import { setAccessibilityFocus } from "../../../../../utils/accessibility"; -import { useIOBottomSheetAutoresizableModal } from "../../../../../utils/hooks/bottomSheet"; +import { useIOBottomSheetModal } from "../../../../../utils/hooks/bottomSheet"; import { usePreventScreenCapture } from "../../../../../utils/hooks/usePreventScreenCapture"; import { withTrailingPoliceCarLightEmojii } from "../../../../../utils/strings"; import { openWebUrl } from "../../../../../utils/url"; @@ -71,7 +71,7 @@ export const ItwCiePinScreen = () => { const headerHeight = useHeaderHeight(); const isFocused = useIsFocused(); - const { present, bottomSheet } = useIOBottomSheetAutoresizableModal({ + const { present, bottomSheet } = useIOBottomSheetModal({ component: , title: I18n.t("bottomSheets.ciePin.title") }); diff --git a/ts/features/itwallet/issuance/components/__tests__/__snapshots__/ItwCredentialPreviewClaimsList.test.tsx.snap b/ts/features/itwallet/issuance/components/__tests__/__snapshots__/ItwCredentialPreviewClaimsList.test.tsx.snap index 3177587f07d..11acaf14f35 100644 --- a/ts/features/itwallet/issuance/components/__tests__/__snapshots__/ItwCredentialPreviewClaimsList.test.tsx.snap +++ b/ts/features/itwallet/issuance/components/__tests__/__snapshots__/ItwCredentialPreviewClaimsList.test.tsx.snap @@ -1465,25 +1465,16 @@ exports[`ItwCredentialPreviewClaimsList should match the snapshot 1`] = ` - + Chi è? + + - Chi è? + È l’ente riconosciuto dallo Stato a fornirti la versione digitale dei tuoi documenti. - - - È l’ente riconosciuto dallo Stato a fornirti la versione digitale dei tuoi documenti. - - + + "color": "#555C70", + "fontFamily": "Titillio", + "fontSize": 16, + "fontStyle": "normal", + "fontWeight": "400", + "lineHeight": 24, + }, + ] + } + > + Per sapere come tratta i tuoi dati consulta l’ - Per sapere come tratta i tuoi dati consulta l’ - - Informativa Privacy - - . + Informativa Privacy - + . + - + + diff --git a/ts/features/itwallet/presentation/details/components/ItwPresentationCredentialStatusAlert.tsx b/ts/features/itwallet/presentation/details/components/ItwPresentationCredentialStatusAlert.tsx index 94709d7d05f..d66e6393273 100644 --- a/ts/features/itwallet/presentation/details/components/ItwPresentationCredentialStatusAlert.tsx +++ b/ts/features/itwallet/presentation/details/components/ItwPresentationCredentialStatusAlert.tsx @@ -6,7 +6,7 @@ import { getClaimsFullLocale, getCredentialExpireDays } from "../../../common/utils/itwClaimsUtils.ts"; -import { useIOBottomSheetAutoresizableModal } from "../../../../../utils/hooks/bottomSheet.tsx"; +import { useIOBottomSheetModal } from "../../../../../utils/hooks/bottomSheet.tsx"; import { useIOSelector } from "../../../../../store/hooks.ts"; import { itwCredentialStatusSelector } from "../../../credentials/store/selectors"; import { format } from "../../../../../utils/dates.ts"; @@ -87,13 +87,10 @@ const DocumentExpiringAlert = ({ credential }: Props) => { credential.credentialType as Exclude }.expiring` as const; - const bottomSheet = useIOBottomSheetAutoresizableModal( - { - title: I18n.t(`${bottomSheetNs}.title`), - component: - }, - 128 - ); + const bottomSheet = useIOBottomSheetModal({ + title: I18n.t(`${bottomSheetNs}.title`), + component: + }); return ( <> @@ -118,13 +115,10 @@ type IssuerDynamicErrorAlertProps = { const IssuerDynamicErrorAlert = ({ message }: IssuerDynamicErrorAlertProps) => { const localizedMessage = message[getClaimsFullLocale()]; - const bottomSheet = useIOBottomSheetAutoresizableModal( - { - title: localizedMessage.title, - component: - }, - 128 - ); + const bottomSheet = useIOBottomSheetModal({ + title: localizedMessage.title, + component: + }); return ( <> diff --git a/ts/features/itwallet/presentation/details/components/__tests__/__snapshots__/ItwPresentationClaimsSection.test.tsx.snap b/ts/features/itwallet/presentation/details/components/__tests__/__snapshots__/ItwPresentationClaimsSection.test.tsx.snap index fa9954711d4..37666dda9a8 100644 --- a/ts/features/itwallet/presentation/details/components/__tests__/__snapshots__/ItwPresentationClaimsSection.test.tsx.snap +++ b/ts/features/itwallet/presentation/details/components/__tests__/__snapshots__/ItwPresentationClaimsSection.test.tsx.snap @@ -2220,25 +2220,16 @@ exports[`ItwPresentationClaimsSection should match the snapshot when claims are - + Chi è? + + - Chi è? + È l’ente riconosciuto dallo Stato a fornirti la versione digitale dei tuoi documenti. - - - È l’ente riconosciuto dallo Stato a fornirti la versione digitale dei tuoi documenti. - - + + "color": "#555C70", + "fontFamily": "Titillio", + "fontSize": 16, + "fontStyle": "normal", + "fontWeight": "400", + "lineHeight": 24, + }, + ] + } + > + Per sapere come tratta i tuoi dati consulta l’ - Per sapere come tratta i tuoi dati consulta l’ - - Informativa Privacy - - . + Informativa Privacy - + . + - + + @@ -4489,25 +4483,16 @@ exports[`ItwPresentationClaimsSection should match the snapshot when claims are - + Chi è? + + - Chi è? + È l’ente riconosciuto dallo Stato a fornirti la versione digitale dei tuoi documenti. - - - È l’ente riconosciuto dallo Stato a fornirti la versione digitale dei tuoi documenti. - - + + "color": "#555C70", + "fontFamily": "Titillio", + "fontSize": 16, + "fontStyle": "normal", + "fontWeight": "400", + "lineHeight": 24, + }, + ] + } + > + Per sapere come tratta i tuoi dati consulta l’ - Per sapere come tratta i tuoi dati consulta l’ - - Informativa Privacy - - . + Informativa Privacy - + . + - + + diff --git a/ts/features/itwallet/wallet/components/ItwWalletCardsContainer.tsx b/ts/features/itwallet/wallet/components/ItwWalletCardsContainer.tsx index 0a53b32bc18..da997b58648 100644 --- a/ts/features/itwallet/wallet/components/ItwWalletCardsContainer.tsx +++ b/ts/features/itwallet/wallet/components/ItwWalletCardsContainer.tsx @@ -5,7 +5,7 @@ import { useDebugInfo } from "../../../../hooks/useDebugInfo"; import I18n from "../../../../i18n"; import { useIONavigation } from "../../../../navigation/params/AppParamsList"; import { useIOSelector } from "../../../../store/hooks"; -import { useIOBottomSheetAutoresizableModal } from "../../../../utils/hooks/bottomSheet"; +import { useIOBottomSheetModal } from "../../../../utils/hooks/bottomSheet"; import { WalletCardsCategoryContainer } from "../../../wallet/components/WalletCardsCategoryContainer"; import { selectWalletCardsByCategory } from "../../../wallet/store/selectors"; import { withWalletCategoryFilter } from "../../../wallet/utils"; @@ -19,8 +19,6 @@ import { ItwWalletReadyBanner } from "../../common/components/ItwWalletReadyBann import { itwCredentialsEidStatusSelector } from "../../credentials/store/selectors"; import { useItwPendingReviewRequest } from "../../common/hooks/useItwPendingReviewRequest"; -const EID_INFO_BOTTOM_PADDING = 128; - export const ItwWalletCardsContainer = withWalletCategoryFilter("itw", () => { const navigation = useIONavigation(); const cards = useIOSelector(state => @@ -39,14 +37,11 @@ export const ItwWalletCardsContainer = withWalletCategoryFilter("itw", () => { } }); - const eidInfoBottomSheet = useIOBottomSheetAutoresizableModal( - { - title: , - // Navigation does not seem to work when the bottom sheet's component is not inline - component: - }, - EID_INFO_BOTTOM_PADDING - ); + const eidInfoBottomSheet = useIOBottomSheetModal({ + title: , + // Navigation does not seem to work when the bottom sheet's component is not inline + component: + }); useFocusEffect( useCallback( diff --git a/ts/features/itwallet/wallet/utils/withOfflineAlert.tsx b/ts/features/itwallet/wallet/utils/withOfflineAlert.tsx index 1d6a78b9195..fbd09dc654d 100644 --- a/ts/features/itwallet/wallet/utils/withOfflineAlert.tsx +++ b/ts/features/itwallet/wallet/utils/withOfflineAlert.tsx @@ -6,9 +6,7 @@ import IOMarkdown from "../../../../components/IOMarkdown"; import I18n from "../../../../i18n"; import { startApplicationInitialization } from "../../../../store/actions/application"; import { useIODispatch } from "../../../../store/hooks"; -import { useIOBottomSheetAutoresizableModal } from "../../../../utils/hooks/bottomSheet"; - -const MODAL_BOTTOM_PADDING = 150; +import { useIOBottomSheetModal } from "../../../../utils/hooks/bottomSheet"; /** * HOC that wraps a screen with an Alert which informs the user that the app is offline @@ -24,28 +22,25 @@ export const withOfflineAlert = dispatch(startApplicationInitialization()); }; - const offlineInfoModal = useIOBottomSheetAutoresizableModal( - { - title: I18n.t("features.itWallet.offline.modal.title"), - component: ( - - ), - footer: ( - - ) - }, - MODAL_BOTTOM_PADDING - ); + const offlineInfoModal = useIOBottomSheetModal({ + title: I18n.t("features.itWallet.offline.modal.title"), + component: ( + + ), + footer: ( + + ) + }); return ( Mock Preconditions Content + + diff --git a/ts/features/messages/components/Home/__tests__/__snapshots__/SecuritySuggestions.test.tsx.snap b/ts/features/messages/components/Home/__tests__/__snapshots__/SecuritySuggestions.test.tsx.snap index 193b0e3334a..c2f336f7999 100644 --- a/ts/features/messages/components/Home/__tests__/__snapshots__/SecuritySuggestions.test.tsx.snap +++ b/ts/features/messages/components/Home/__tests__/__snapshots__/SecuritySuggestions.test.tsx.snap @@ -335,25 +335,16 @@ exports[`SecuritySuggestions should match snapshot 1`] = ` } > - - - + + - - - - - - - - Do not share your unlock code or biometric recognition with anyone. - - - + /> + + - - - - - - - + + + + + + - - If you lose your device, log out from the web. - - - Go to website - - - - + /> + + - + If you lose your device, log out from the web. + + - - - - - + + + + + + - - If you fear that someone might use your SPID or CIE, lock access to the app after authenticating from the web. - - - Go to website - - - + /> + + - - + If you fear that someone might use your SPID or CIE, lock access to the app after authenticating from the web. + + - - - - - + + + + + + - - If you access IO with someone else's device, remember to log out when you are finished. - - - + /> + + + > + + If you access IO with someone else's device, remember to log out when you are finished. + + + + diff --git a/ts/features/messages/components/MessageDetail/ContactsListItem.tsx b/ts/features/messages/components/MessageDetail/ContactsListItem.tsx index 8ee07bb3a0e..31d5064edc4 100644 --- a/ts/features/messages/components/MessageDetail/ContactsListItem.tsx +++ b/ts/features/messages/components/MessageDetail/ContactsListItem.tsx @@ -1,7 +1,7 @@ import { Linking } from "react-native"; import { Body, ListItemAction, VSpacer } from "@pagopa/io-app-design-system"; import I18n from "../../../../i18n"; -import { useIOBottomSheetAutoresizableModal } from "../../../../utils/hooks/bottomSheet"; +import { useIOBottomSheetModal } from "../../../../utils/hooks/bottomSheet"; type ContactsListItemProps = { email?: string; @@ -9,42 +9,39 @@ type ContactsListItemProps = { }; export const ContactsListItem = ({ email, phone }: ContactsListItemProps) => { - const { present, bottomSheet } = useIOBottomSheetAutoresizableModal( - { - component: ( - <> - - {I18n.t("messageDetails.contactsBottomSheet.body")} - - - {email && ( - Linking.openURL(`mailto:${email}`)} - variant="primary" - /> - )} - {phone && ( - Linking.openURL(`tel:${phone}`)} - variant="primary" - /> - )} - - ), - title: I18n.t("messageDetails.contactsBottomSheet.title") - }, - 100 - ); + const { present, bottomSheet } = useIOBottomSheetModal({ + component: ( + <> + + {I18n.t("messageDetails.contactsBottomSheet.body")} + + + {email && ( + Linking.openURL(`mailto:${email}`)} + variant="primary" + /> + )} + {phone && ( + Linking.openURL(`tel:${phone}`)} + variant="primary" + /> + )} + + ), + title: I18n.t("messageDetails.contactsBottomSheet.title") + }); return ( <> diff --git a/ts/features/messages/components/MessageDetail/RemoteContentBanner.tsx b/ts/features/messages/components/MessageDetail/RemoteContentBanner.tsx index 7d641a5c7eb..0702b7d82c6 100644 --- a/ts/features/messages/components/MessageDetail/RemoteContentBanner.tsx +++ b/ts/features/messages/components/MessageDetail/RemoteContentBanner.tsx @@ -6,7 +6,7 @@ import { VSpacer } from "@pagopa/io-app-design-system"; import I18n from "../../../../i18n"; -import { useIOBottomSheetAutoresizableModal } from "../../../../utils/hooks/bottomSheet"; +import { useIOBottomSheetModal } from "../../../../utils/hooks/bottomSheet"; import { trackRemoteContentInfo } from "../../analytics"; export const RemoteContentBanner = () => { @@ -50,19 +50,16 @@ export const RemoteContentBanner = () => { [] ); - const { present, bottomSheet } = useIOBottomSheetAutoresizableModal( - { - component: ( - - ), - title: I18n.t("messageDetails.bottomSheet.title") - }, - 100 - ); + const { present, bottomSheet } = useIOBottomSheetModal({ + component: ( + + ), + title: I18n.t("messageDetails.bottomSheet.title") + }); return ( <> diff --git a/ts/features/messages/components/MessageDetail/ShowMoreListItem.tsx b/ts/features/messages/components/MessageDetail/ShowMoreListItem.tsx index 332ac2fbc0b..7adc96c62b3 100644 --- a/ts/features/messages/components/MessageDetail/ShowMoreListItem.tsx +++ b/ts/features/messages/components/MessageDetail/ShowMoreListItem.tsx @@ -1,5 +1,4 @@ import { Fragment } from "react"; -import { View } from "react-native"; import { Divider, IOIcons, @@ -8,7 +7,7 @@ import { ListItemInfoCopy } from "@pagopa/io-app-design-system"; import I18n from "../../../../i18n"; -import { useIOBottomSheetAutoresizableModal } from "../../../../utils/hooks/bottomSheet"; +import { useIOBottomSheetModal } from "../../../../utils/hooks/bottomSheet"; import { clipboardSetStringWithFeedback } from "../../../../utils/clipboard"; type ShowMoreListItemProps = { @@ -29,44 +28,40 @@ export type ShowMoreItems = ReadonlyArray<{ }>; export const ShowMoreListItem = ({ sections }: ShowMoreListItemProps) => { - const { bottomSheet, present } = useIOBottomSheetAutoresizableModal( - { - component: ( - <> - {sections.map((section, sectionIndex) => ( - - - {section.items.map((item, itemIndex, items) => ( - - - clipboardSetStringWithFeedback( - item.valueToCopy ?? item.value - ) - } - /> - {itemIndex < items.length - 1 && ( - - )} - - ))} - - ))} - - ), - title: I18n.t("messageDetails.showMoreDataBottomSheet.title"), - footer: - }, - 100 - ); + const { bottomSheet, present } = useIOBottomSheetModal({ + component: ( + <> + {sections.map((section, sectionIndex) => ( + + + {section.items.map((item, itemIndex, items) => ( + + + clipboardSetStringWithFeedback( + item.valueToCopy ?? item.value + ) + } + /> + {itemIndex < items.length - 1 && ( + + )} + + ))} + + ))} + + ), + title: I18n.t("messageDetails.showMoreDataBottomSheet.title") + }); return ( <> diff --git a/ts/features/messages/components/MessageDetail/__tests__/MessageDetailsFooter.test.tsx b/ts/features/messages/components/MessageDetail/__tests__/MessageDetailsFooter.test.tsx index b900f71bbb0..0c09ab8b72c 100644 --- a/ts/features/messages/components/MessageDetail/__tests__/MessageDetailsFooter.test.tsx +++ b/ts/features/messages/components/MessageDetail/__tests__/MessageDetailsFooter.test.tsx @@ -17,7 +17,7 @@ import { MESSAGES_ROUTES } from "../../../navigation/routes"; const mockPresentBottomSheet = jest.fn(); jest.mock("../../../../../utils/hooks/bottomSheet", () => ({ - useIOBottomSheetAutoresizableModal: () => ({ + useIOBottomSheetModal: () => ({ present: mockPresentBottomSheet }) })); diff --git a/ts/features/messages/components/MessageDetail/__tests__/__snapshots__/RemoteContentBanner.test.tsx.snap b/ts/features/messages/components/MessageDetail/__tests__/__snapshots__/RemoteContentBanner.test.tsx.snap index 9b77694dfc3..63c0cc85d0e 100644 --- a/ts/features/messages/components/MessageDetail/__tests__/__snapshots__/RemoteContentBanner.test.tsx.snap +++ b/ts/features/messages/components/MessageDetail/__tests__/__snapshots__/RemoteContentBanner.test.tsx.snap @@ -699,25 +699,16 @@ exports[`RemoteContentBanner Should match snapshot 1`] = ` - + It's a message that the sender can edit + + - - It's a message that the sender can edit - - - after you've received it - - - . This way, the information it includes will always be up-to-date. + after you've received it + + + . This way, the information it includes will always be up-to-date. The sender can edit the information in a dynamic message only - - - specific cases - - - . For example, to change outdated information or replace an attachment that is no longer valid. + + + specific cases + + + . For example, to change outdated information or replace an attachment that is no longer valid. If the sender needs to share new information or important updates with you, you'll receive a new message. - - + + diff --git a/ts/features/messages/components/MessageDetail/__tests__/__snapshots__/ShowMoreListItem.test.tsx.snap b/ts/features/messages/components/MessageDetail/__tests__/__snapshots__/ShowMoreListItem.test.tsx.snap index 7145c0ca53c..f24d116da74 100644 --- a/ts/features/messages/components/MessageDetail/__tests__/__snapshots__/ShowMoreListItem.test.tsx.snap +++ b/ts/features/messages/components/MessageDetail/__tests__/__snapshots__/ShowMoreListItem.test.tsx.snap @@ -499,25 +499,16 @@ exports[`ShowMoreListItem should match snapshot, no data 1`] = ` @@ -1055,25 +1050,16 @@ exports[`ShowMoreListItem should match snapshot, one section, no items 1`] = ` - - - Section 1 title - - + Section 1 title + + @@ -1667,25 +1656,16 @@ exports[`ShowMoreListItem should match snapshot, one section, one item, no icon - - - Section 1 title - - + Section 1 title + - + + + + label 1 + + + value 1 + + + - - - label 1 - - - value 1 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + @@ -2463,25 +2446,16 @@ exports[`ShowMoreListItem should match snapshot, one section, one item, with ico - - - Section 1 title - - + Section 1 title + - + + + + label 1 + + + value 1 + + + - - - label 1 - - - value 1 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + @@ -3259,25 +3236,16 @@ exports[`ShowMoreListItem should match snapshot, one section, two items, no icon - - - Section 1 title - - + Section 1 title + - + + + + label 1 + + + value 1 + + + - - - label 1 - - - value 1 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + + + label 2 + + + value 2 + + + - - - label 2 - - - value 2 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + @@ -4247,25 +4218,16 @@ exports[`ShowMoreListItem should match snapshot, one section, two items, with ic - - - Section 1 title - - + Section 1 title + - + + + + label 1 + + + value 1 + + + - - - label 1 - - - value 1 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + + + label 2 + + + value 2 + + + - - - label 2 - - - value 2 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + @@ -5235,25 +5200,16 @@ exports[`ShowMoreListItem should match snapshot, three sections, different item - - - Section 1 title - - + Section 1 title + - + + + + label 1 + + + value 1 + + + - - - label 1 - - - value 1 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Section 2 title - - + Section 2 title + - + + + + label 2 + + + value 2 + + + - - - label 2 - - - value 2 - - - - - - - - + /> + + - + - + + + + label 3 + + + value 3 + + + - - - label 3 - - - value 3 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Section 3 title - - + Section 3 title + - + + + + label 4 + + + value 4 + + + - - - label 4 - - - value 4 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + + + label 5 + + + value 5 + + + - - - label 5 - - - value 5 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + + + label 6 + + + value 6 + + + - - - label 6 - - - value 6 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + @@ -7085,25 +7044,16 @@ exports[`ShowMoreListItem should match snapshot, two sections, different item co - - - Section 1 title - - + Section 1 title + - + + + + label 1 + + + value 1 + + + - - - label 1 - - - value 1 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Section 2 title - - + Section 2 title + - + + + + label 2 + + + value 2 + + + - - - label 2 - - - value 2 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + + + label 3 + + + value 3 + + + - - - label 3 - - - value 3 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + diff --git a/ts/features/payments/checkout/hooks/usePaymentFailureSupportModal.tsx b/ts/features/payments/checkout/hooks/usePaymentFailureSupportModal.tsx index 9cb1169f945..5805d28e4f0 100644 --- a/ts/features/payments/checkout/hooks/usePaymentFailureSupportModal.tsx +++ b/ts/features/payments/checkout/hooks/usePaymentFailureSupportModal.tsx @@ -18,7 +18,7 @@ import I18n from "../../../../i18n"; import { useIODispatch, useIOSelector } from "../../../../store/hooks"; import { assistanceToolConfigSelector } from "../../../../store/reducers/backendStatus/remoteConfig"; import { clipboardSetStringWithFeedback } from "../../../../utils/clipboard"; -import { useIOBottomSheetAutoresizableModal } from "../../../../utils/hooks/bottomSheet"; +import { useIOBottomSheetModal } from "../../../../utils/hooks/bottomSheet"; import { PAGOPA_SUPPORT_PHONE_NUMBER, addTicketCustomField, @@ -173,7 +173,7 @@ const usePaymentFailureSupportModal = ({ "$1.$2.$3" ); - const { bottomSheet, present, dismiss } = useIOBottomSheetAutoresizableModal({ + const { bottomSheet, present, dismiss } = useIOBottomSheetModal({ component: ( <> diff --git a/ts/features/payments/checkout/hooks/usePaymentReversedInfoBottomSheet.tsx b/ts/features/payments/checkout/hooks/usePaymentReversedInfoBottomSheet.tsx index 4f491970048..3e6669401c6 100644 --- a/ts/features/payments/checkout/hooks/usePaymentReversedInfoBottomSheet.tsx +++ b/ts/features/payments/checkout/hooks/usePaymentReversedInfoBottomSheet.tsx @@ -1,5 +1,5 @@ import { VSpacer } from "@pagopa/io-app-design-system"; -import { useIOBottomSheetAutoresizableModal } from "../../../../utils/hooks/bottomSheet"; +import { useIOBottomSheetModal } from "../../../../utils/hooks/bottomSheet"; import I18n from "../../../../i18n"; import { WALLET_PAYMENT_SHOW_OTHER_CHANNELS_URL } from "../utils"; import IOMarkdown from "../../../../components/IOMarkdown"; @@ -31,7 +31,7 @@ export const usePaymentReversedInfoBottomSheet = () => { ); - const modal = useIOBottomSheetAutoresizableModal({ + const modal = useIOBottomSheetModal({ component: getModalContent(), title: I18n.t( "features.payments.checkout.bottomSheet.PAYMENT_REVERSED.title" diff --git a/ts/features/payments/checkout/hooks/useSortPspBottomSheet.tsx b/ts/features/payments/checkout/hooks/useSortPspBottomSheet.tsx index 41b2aa7b988..daa8fc23efc 100644 --- a/ts/features/payments/checkout/hooks/useSortPspBottomSheet.tsx +++ b/ts/features/payments/checkout/hooks/useSortPspBottomSheet.tsx @@ -1,7 +1,7 @@ import { useState } from "react"; import { RadioGroup, RadioItem } from "@pagopa/io-app-design-system"; import { AccessibilityInfo } from "react-native"; -import { useIOBottomSheetAutoresizableModal } from "../../../../utils/hooks/bottomSheet"; +import { useIOBottomSheetModal } from "../../../../utils/hooks/bottomSheet"; import { WalletPaymentPspSortType } from "../types"; import I18n from "../../../../i18n"; @@ -59,7 +59,7 @@ const useSortPspBottomSheet = ({ /> ); - const modal = useIOBottomSheetAutoresizableModal({ + const modal = useIOBottomSheetModal({ component: getModalContent(), title: "" }); diff --git a/ts/features/payments/checkout/screens/WalletPaymentDetailScreen.tsx b/ts/features/payments/checkout/screens/WalletPaymentDetailScreen.tsx index ae6c1e3c627..6a708171fce 100644 --- a/ts/features/payments/checkout/screens/WalletPaymentDetailScreen.tsx +++ b/ts/features/payments/checkout/screens/WalletPaymentDetailScreen.tsx @@ -36,7 +36,7 @@ import { import { useIODispatch, useIOSelector } from "../../../../store/hooks"; import { clipboardSetStringWithFeedback } from "../../../../utils/clipboard"; import { emptyContextualHelp } from "../../../../utils/emptyContextualHelp"; -import { useIOBottomSheetAutoresizableModal } from "../../../../utils/hooks/bottomSheet"; +import { useIOBottomSheetModal } from "../../../../utils/hooks/bottomSheet"; import { useOnFirstRender } from "../../../../utils/hooks/useOnFirstRender"; import { cleanTransactionDescription } from "../../../../utils/payment"; import { @@ -230,7 +230,7 @@ const WalletPaymentDetailContent = ({ ); }; - const amountInfoBottomSheet = useIOBottomSheetAutoresizableModal({ + const amountInfoBottomSheet = useIOBottomSheetModal({ title: I18n.t("wallet.firstTransactionSummary.amountInfo.title"), component: ( diff --git a/ts/features/payments/checkout/screens/__tests__/WalletPaymentDetailScreen.test.tsx b/ts/features/payments/checkout/screens/__tests__/WalletPaymentDetailScreen.test.tsx index c45c1f3751a..f7c462e557d 100644 --- a/ts/features/payments/checkout/screens/__tests__/WalletPaymentDetailScreen.test.tsx +++ b/ts/features/payments/checkout/screens/__tests__/WalletPaymentDetailScreen.test.tsx @@ -13,7 +13,7 @@ import { PaymentsCheckoutRoutes } from "../../navigation/routes"; import { PaymentRequestsGetResponse } from "../../../../../../definitions/pagopa/ecommerce/PaymentRequestsGetResponse"; import { FaultCodeCategoryEnum } from "../../../../../../definitions/pagopa/ecommerce/GatewayFaultPaymentProblemJson"; import { paymentsGetPaymentDetailsAction } from "../../store/actions/networking"; -import { useIOBottomSheetAutoresizableModal } from "../../../../../utils/hooks/bottomSheet"; +import { useIOBottomSheetModal } from "../../../../../utils/hooks/bottomSheet"; jest.mock("../../analytics"); jest.mock("../../../../../utils/hooks/bottomSheet"); @@ -38,9 +38,8 @@ const mockModal = { dismiss: jest.fn(), bottomSheet: }; -const mockedUseIOBottomSheetAutoresizableModal = - useIOBottomSheetAutoresizableModal as jest.Mock; -mockedUseIOBottomSheetAutoresizableModal.mockReturnValue(mockModal); +const mockedUseIOBottomSheetModal = useIOBottomSheetModal as jest.Mock; +mockedUseIOBottomSheetModal.mockReturnValue(mockModal); describe("WalletPaymentDetailScreen", () => { const renderComponent = () => { diff --git a/ts/features/payments/checkout/screens/__tests__/WalletPaymentPickPspScreen.test.tsx b/ts/features/payments/checkout/screens/__tests__/WalletPaymentPickPspScreen.test.tsx index 7d573bdcd40..9778edef4b1 100644 --- a/ts/features/payments/checkout/screens/__tests__/WalletPaymentPickPspScreen.test.tsx +++ b/ts/features/payments/checkout/screens/__tests__/WalletPaymentPickPspScreen.test.tsx @@ -9,7 +9,7 @@ import I18n from "../../../../../i18n"; import { applicationChangeState } from "../../../../../store/actions/application"; import { appReducer } from "../../../../../store/reducers"; import { GlobalState } from "../../../../../store/reducers/types"; -import { useIOBottomSheetAutoresizableModal } from "../../../../../utils/hooks/bottomSheet"; +import { useIOBottomSheetModal } from "../../../../../utils/hooks/bottomSheet"; import { renderScreenWithNavigationStoreContext } from "../../../../../utils/testWrapper"; import { PaymentsCheckoutRoutes } from "../../navigation/routes"; import { paymentsCalculatePaymentFeesAction } from "../../store/actions/networking"; @@ -70,7 +70,7 @@ const mockModal = { bottomSheet: }; const mockedUseIOBottomSheetAutoresizableModal = - useIOBottomSheetAutoresizableModal as jest.Mock; + useIOBottomSheetModal as jest.Mock; mockedUseIOBottomSheetAutoresizableModal.mockReturnValue(mockModal); describe("WalletPaymentPickPspScreen", () => { diff --git a/ts/features/payments/checkout/screens/__tests__/__snapshots__/WalletPaymentOutcomeScreen.test.tsx.snap b/ts/features/payments/checkout/screens/__tests__/__snapshots__/WalletPaymentOutcomeScreen.test.tsx.snap index 2c59693bfcc..5d3eb24f488 100644 --- a/ts/features/payments/checkout/screens/__tests__/__snapshots__/WalletPaymentOutcomeScreen.test.tsx.snap +++ b/ts/features/payments/checkout/screens/__tests__/__snapshots__/WalletPaymentOutcomeScreen.test.tsx.snap @@ -559,25 +559,16 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay - - - Contatta l'assistenza - - + Contatta l'assistenza + + + - - - - - - - - - Chiedi aiuto in chat - - + /> + + + + + Chiedi aiuto in chat + - + + } + /> + + + Dati aggiuntivi + + + + + - Dati aggiuntivi + Copia tutti - - - - - Copia tutti - - - - + + + + Codice errore + + + SUCCESS + + + - - - Codice errore - - - SUCCESS - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Codice avviso - - - - + + + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + + + Codice Fiscale Ente + + + + - - - Codice Fiscale Ente - - - - - - - - - + + - + + - - + + - - Paga l'avviso - - -Ricorda di pagare l'avviso entro le scadenze previste dall'ente. Se non riesci tramite IO, - - scopri gli altri canali abilitati a pagoPA - + Paga l'avviso - - - + +Ricorda di pagare l'avviso entro le scadenze previste dall'ente. Se non riesci tramite IO, - - Attendi il rimborso - - -Di solito l’importo viene riaccreditato entro pochi minuti. In altri casi, il trasferimento di denaro sul tuo conto o carta potrebbe richiedere più tempo. + scopri gli altri canali abilitati a pagoPA - - + + + + - + > - - Contatta l'assistenza - - -Se dopo 5 giorni lavorativi non hai ancora ricevuto il rimborso, contatta l’assistenza. + Attendi il rimborso - - + + + + + > + + Contatta l'assistenza + + +Se dopo 5 giorni lavorativi non hai ancora ricevuto il rimborso, contatta l’assistenza. + + + @@ -2490,25 +2478,16 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay - - - Contatta l'assistenza - - + Contatta l'assistenza + + + - - - - - - - - - Chiedi aiuto in chat - - + /> + + + + + Chiedi aiuto in chat + - + + } + /> + + + Dati aggiuntivi + + + + + - Dati aggiuntivi + Copia tutti - - - - - Copia tutti - - - - + + + + Codice errore + + + GENERIC_ERROR + + + - - - Codice errore - - - GENERIC_ERROR - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Codice avviso - - - - + + + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + + + Codice Fiscale Ente + + + + - - - Codice Fiscale Ente - - - - - - - - - + + - + + - - + + - - Paga l'avviso - - -Ricorda di pagare l'avviso entro le scadenze previste dall'ente. Se non riesci tramite IO, - - scopri gli altri canali abilitati a pagoPA - + Paga l'avviso - - - + +Ricorda di pagare l'avviso entro le scadenze previste dall'ente. Se non riesci tramite IO, - - Attendi il rimborso - - -Di solito l’importo viene riaccreditato entro pochi minuti. In altri casi, il trasferimento di denaro sul tuo conto o carta potrebbe richiedere più tempo. + scopri gli altri canali abilitati a pagoPA - - + + + + - + > - - Contatta l'assistenza - - -Se dopo 5 giorni lavorativi non hai ancora ricevuto il rimborso, contatta l’assistenza. + Attendi il rimborso - - + + + + + > + + Contatta l'assistenza + + +Se dopo 5 giorni lavorativi non hai ancora ricevuto il rimborso, contatta l’assistenza. + + + @@ -4402,25 +4378,16 @@ Controlla di aver seguito correttamente le istruzioni della tua banca. - - - Contatta l'assistenza - - + Contatta l'assistenza + + + - - - - - - - - - Chiedi aiuto in chat - - + /> + + + + + Chiedi aiuto in chat + - + + } + /> + + + Dati aggiuntivi + + + + + - Dati aggiuntivi + Copia tutti - - - - - Copia tutti - - - - + + + + Codice errore + + + AUTH_ERROR + + + - - - Codice errore - - - AUTH_ERROR - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Codice avviso - - - - + + + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + + + Codice Fiscale Ente + + + + - - - Codice Fiscale Ente - - - - - - - - - + + - + + - - + + - - Paga l'avviso - - -Ricorda di pagare l'avviso entro le scadenze previste dall'ente. Se non riesci tramite IO, - - scopri gli altri canali abilitati a pagoPA - + Paga l'avviso - - - + +Ricorda di pagare l'avviso entro le scadenze previste dall'ente. Se non riesci tramite IO, - - Attendi il rimborso - - -Di solito l’importo viene riaccreditato entro pochi minuti. In altri casi, il trasferimento di denaro sul tuo conto o carta potrebbe richiedere più tempo. + scopri gli altri canali abilitati a pagoPA - - + + + + - + > - - Contatta l'assistenza - - -Se dopo 5 giorni lavorativi non hai ancora ricevuto il rimborso, contatta l’assistenza. + Attendi il rimborso - - + + + + + > + + Contatta l'assistenza + + +Se dopo 5 giorni lavorativi non hai ancora ricevuto il rimborso, contatta l’assistenza. + + + @@ -6299,25 +6263,16 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay - - - Contatta l'assistenza - - + Contatta l'assistenza + + + - - - - - - - - - Chiedi aiuto in chat - - + /> + + + + + Chiedi aiuto in chat + - + + } + /> + + + Dati aggiuntivi + + + + + - Dati aggiuntivi + Copia tutti - - - - - Copia tutti - - - - + + + + Codice errore + + + INVALID_DATA + + + - - - Codice errore - - - INVALID_DATA - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Codice avviso - - - - + + + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + + + Codice Fiscale Ente + + + + - - - Codice Fiscale Ente - - - - - - - - - + + - + + - - + + - - Paga l'avviso - - -Ricorda di pagare l'avviso entro le scadenze previste dall'ente. Se non riesci tramite IO, - - scopri gli altri canali abilitati a pagoPA - + Paga l'avviso - - - + +Ricorda di pagare l'avviso entro le scadenze previste dall'ente. Se non riesci tramite IO, - - Attendi il rimborso - - -Di solito l’importo viene riaccreditato entro pochi minuti. In altri casi, il trasferimento di denaro sul tuo conto o carta potrebbe richiedere più tempo. + scopri gli altri canali abilitati a pagoPA - - + + + + - + > - - Contatta l'assistenza - - -Se dopo 5 giorni lavorativi non hai ancora ricevuto il rimborso, contatta l’assistenza. + Attendi il rimborso - - + + + + + > + + Contatta l'assistenza + + +Se dopo 5 giorni lavorativi non hai ancora ricevuto il rimborso, contatta l’assistenza. + + + @@ -8210,25 +8162,16 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay - - - Contatta l'assistenza - - + Contatta l'assistenza + + + - - - - - - - - - Chiedi aiuto in chat - - + /> + + + + + Chiedi aiuto in chat + - + + } + /> + + + Dati aggiuntivi + + + + + - Dati aggiuntivi + Copia tutti - - - - - Copia tutti - - - - + + + + Codice errore + + + TIMEOUT + + + - - - Codice errore - - - TIMEOUT - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Codice avviso - - - - + + + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + + + Codice Fiscale Ente + + + + - - - Codice Fiscale Ente - - - - - - - - - + + - + + - - + + - - Paga l'avviso - - -Ricorda di pagare l'avviso entro le scadenze previste dall'ente. Se non riesci tramite IO, - - scopri gli altri canali abilitati a pagoPA - + Paga l'avviso - - - + +Ricorda di pagare l'avviso entro le scadenze previste dall'ente. Se non riesci tramite IO, - - Attendi il rimborso - - -Di solito l’importo viene riaccreditato entro pochi minuti. In altri casi, il trasferimento di denaro sul tuo conto o carta potrebbe richiedere più tempo. + scopri gli altri canali abilitati a pagoPA - - + + + + - + > - - Contatta l'assistenza - - -Se dopo 5 giorni lavorativi non hai ancora ricevuto il rimborso, contatta l’assistenza. + Attendi il rimborso - - + + + + + > + + Contatta l'assistenza + + +Se dopo 5 giorni lavorativi non hai ancora ricevuto il rimborso, contatta l’assistenza. + + + @@ -10197,25 +10137,16 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay - - - Contatta l'assistenza - - + Contatta l'assistenza + + + - - - - - - - - - Chiedi aiuto in chat - - + /> + + + + + Chiedi aiuto in chat + - + + } + /> + + + Dati aggiuntivi + + + + + - Dati aggiuntivi + Copia tutti - - - - - Copia tutti - - - - + + + + Codice errore + + + CIRCUIT_ERROR + + + - - - Codice errore - - - CIRCUIT_ERROR - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Codice avviso - - - - + + + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + + + Codice Fiscale Ente + + + + - - - Codice Fiscale Ente - - - - - - - - - + + - + + - - + + - - Paga l'avviso - - -Ricorda di pagare l'avviso entro le scadenze previste dall'ente. Se non riesci tramite IO, - - scopri gli altri canali abilitati a pagoPA - + Paga l'avviso - - - + +Ricorda di pagare l'avviso entro le scadenze previste dall'ente. Se non riesci tramite IO, - - Attendi il rimborso - - -Di solito l’importo viene riaccreditato entro pochi minuti. In altri casi, il trasferimento di denaro sul tuo conto o carta potrebbe richiedere più tempo. + scopri gli altri canali abilitati a pagoPA - - + + + + - + > - - Contatta l'assistenza - - -Se dopo 5 giorni lavorativi non hai ancora ricevuto il rimborso, contatta l’assistenza. + Attendi il rimborso - - + + + + + > + + Contatta l'assistenza + + +Se dopo 5 giorni lavorativi non hai ancora ricevuto il rimborso, contatta l’assistenza. + + + @@ -12156,25 +12084,16 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay - - - Contatta l'assistenza - - + Contatta l'assistenza + + + - - - - - - - - - Chiedi aiuto in chat - - + /> + + + + + Chiedi aiuto in chat + - + + } + /> + + + Dati aggiuntivi + + + + + - Dati aggiuntivi + Copia tutti - - - - - Copia tutti - - - - + + + + Codice errore + + + MISSING_FIELDS + + + - - - Codice errore - - - MISSING_FIELDS - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Codice avviso - - - - + + + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + + + Codice Fiscale Ente + + + + - - - Codice Fiscale Ente - - - - - - - - - + + - + + - - + + - - Paga l'avviso - - -Ricorda di pagare l'avviso entro le scadenze previste dall'ente. Se non riesci tramite IO, - - scopri gli altri canali abilitati a pagoPA - + Paga l'avviso - - - + +Ricorda di pagare l'avviso entro le scadenze previste dall'ente. Se non riesci tramite IO, - - Attendi il rimborso - - -Di solito l’importo viene riaccreditato entro pochi minuti. In altri casi, il trasferimento di denaro sul tuo conto o carta potrebbe richiedere più tempo. + scopri gli altri canali abilitati a pagoPA - - + + + + - + > - - Contatta l'assistenza - - -Se dopo 5 giorni lavorativi non hai ancora ricevuto il rimborso, contatta l’assistenza. + Attendi il rimborso - - + + + + + > + + Contatta l'assistenza + + +Se dopo 5 giorni lavorativi non hai ancora ricevuto il rimborso, contatta l’assistenza. + + + @@ -14053,25 +13969,16 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay - - - Contatta l'assistenza - - + Contatta l'assistenza + + + - - - - - - - - - Chiedi aiuto in chat - - + /> + + + + + Chiedi aiuto in chat + - + + } + /> + + + Dati aggiuntivi + + + + + - Dati aggiuntivi + Copia tutti - - - - - Copia tutti - - - - + + + + Codice errore + + + INVALID_CARD + + + - - - Codice errore - - - INVALID_CARD - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Codice avviso - - - - + + + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + + + Codice Fiscale Ente + + + + - - - Codice Fiscale Ente - - - - - - - - - + + - + + - - + + - - Paga l'avviso - - -Ricorda di pagare l'avviso entro le scadenze previste dall'ente. Se non riesci tramite IO, - - scopri gli altri canali abilitati a pagoPA - + Paga l'avviso - - - + +Ricorda di pagare l'avviso entro le scadenze previste dall'ente. Se non riesci tramite IO, - - Attendi il rimborso - - -Di solito l’importo viene riaccreditato entro pochi minuti. In altri casi, il trasferimento di denaro sul tuo conto o carta potrebbe richiedere più tempo. + scopri gli altri canali abilitati a pagoPA - - + + + + - + > - - Contatta l'assistenza - - -Se dopo 5 giorni lavorativi non hai ancora ricevuto il rimborso, contatta l’assistenza. + Attendi il rimborso - - + + + + + > + + Contatta l'assistenza + + +Se dopo 5 giorni lavorativi non hai ancora ricevuto il rimborso, contatta l’assistenza. + + + @@ -15900,25 +15804,16 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay - - - Contatta l'assistenza - - + Contatta l'assistenza + + + - - - - - - - - - Chiedi aiuto in chat - - + /> + + + + + Chiedi aiuto in chat + - + + } + /> + + + Dati aggiuntivi + + + + + - Dati aggiuntivi + Copia tutti - - - - - Copia tutti - - - - + + + + Codice errore + + + CANCELED_BY_USER + + + - - - Codice errore - - - CANCELED_BY_USER - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Codice avviso - - - - + + + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + + + Codice Fiscale Ente + + + + - - - Codice Fiscale Ente - - - - - - - - - + + - + + - - + + - - Paga l'avviso - - -Ricorda di pagare l'avviso entro le scadenze previste dall'ente. Se non riesci tramite IO, - - scopri gli altri canali abilitati a pagoPA - + Paga l'avviso - - - + +Ricorda di pagare l'avviso entro le scadenze previste dall'ente. Se non riesci tramite IO, - - Attendi il rimborso - - -Di solito l’importo viene riaccreditato entro pochi minuti. In altri casi, il trasferimento di denaro sul tuo conto o carta potrebbe richiedere più tempo. + scopri gli altri canali abilitati a pagoPA - - + + + + - + > - - Contatta l'assistenza - - -Se dopo 5 giorni lavorativi non hai ancora ricevuto il rimborso, contatta l’assistenza. + Attendi il rimborso - - + + + + + > + + Contatta l'assistenza + + +Se dopo 5 giorni lavorativi non hai ancora ricevuto il rimborso, contatta l’assistenza. + + + @@ -17831,25 +17723,16 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay - - - Contatta l'assistenza - - + Contatta l'assistenza + + + - - - - - - - - - Chiedi aiuto in chat - - + /> + + + + + Chiedi aiuto in chat + - + + } + /> + + + Dati aggiuntivi + + + + + - Dati aggiuntivi + Copia tutti - - - - - Copia tutti - - - - + + + + Codice errore + + + DUPLICATE_ORDER + + + - - - Codice errore - - - DUPLICATE_ORDER - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Codice avviso - - - - + + + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + + + Codice Fiscale Ente + + + + - - - Codice Fiscale Ente - - - - - - - - - + + - + + - - + + - - Paga l'avviso - - -Ricorda di pagare l'avviso entro le scadenze previste dall'ente. Se non riesci tramite IO, - - scopri gli altri canali abilitati a pagoPA - + Paga l'avviso - - - + +Ricorda di pagare l'avviso entro le scadenze previste dall'ente. Se non riesci tramite IO, - - Attendi il rimborso - - -Di solito l’importo viene riaccreditato entro pochi minuti. In altri casi, il trasferimento di denaro sul tuo conto o carta potrebbe richiedere più tempo. + scopri gli altri canali abilitati a pagoPA - - + + + + - + > - - Contatta l'assistenza - - -Se dopo 5 giorni lavorativi non hai ancora ricevuto il rimborso, contatta l’assistenza. + Attendi il rimborso - - + + + + + > + + Contatta l'assistenza + + +Se dopo 5 giorni lavorativi non hai ancora ricevuto il rimborso, contatta l’assistenza. + + + @@ -19742,25 +19622,16 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay - - - Contatta l'assistenza - - + Contatta l'assistenza + + + - - - - - - - - - Chiedi aiuto in chat - - + /> + + + + + Chiedi aiuto in chat + - + + } + /> + + + Dati aggiuntivi + + + + + - Dati aggiuntivi + Copia tutti - - - - - Copia tutti - - - - + + + + Codice errore + + + EXCESSIVE_AMOUNT + + + - - - Codice errore - - - EXCESSIVE_AMOUNT - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Codice avviso - - - - + + + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + + + Codice Fiscale Ente + + + + - - - Codice Fiscale Ente - - - - - - - - - + + - + + - - + + - - Paga l'avviso - - -Ricorda di pagare l'avviso entro le scadenze previste dall'ente. Se non riesci tramite IO, - - scopri gli altri canali abilitati a pagoPA - + Paga l'avviso - - - + +Ricorda di pagare l'avviso entro le scadenze previste dall'ente. Se non riesci tramite IO, - - Attendi il rimborso - - -Di solito l’importo viene riaccreditato entro pochi minuti. In altri casi, il trasferimento di denaro sul tuo conto o carta potrebbe richiedere più tempo. + scopri gli altri canali abilitati a pagoPA - - + + + + - + > - - Contatta l'assistenza - - -Se dopo 5 giorni lavorativi non hai ancora ricevuto il rimborso, contatta l’assistenza. + Attendi il rimborso - - + + + + + > + + Contatta l'assistenza + + +Se dopo 5 giorni lavorativi non hai ancora ricevuto il rimborso, contatta l’assistenza. + + + @@ -21673,25 +21541,16 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay - - - Contatta l'assistenza - - + Contatta l'assistenza + + + - - - - - - - - - Chiedi aiuto in chat - - + /> + + + + + Chiedi aiuto in chat + - + + } + /> + + + Dati aggiuntivi + + + + + - Dati aggiuntivi + Copia tutti - - - - - Copia tutti - - - - + + + + Codice errore + + + ORDER_NOT_PRESENT + + + - - - Codice errore - - - ORDER_NOT_PRESENT - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Codice avviso - - - - + + + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + + + Codice Fiscale Ente + + + + - - - Codice Fiscale Ente - - - - - - - - - + + - + + - - + + - - Paga l'avviso - - -Ricorda di pagare l'avviso entro le scadenze previste dall'ente. Se non riesci tramite IO, - - scopri gli altri canali abilitati a pagoPA - + Paga l'avviso - - - + +Ricorda di pagare l'avviso entro le scadenze previste dall'ente. Se non riesci tramite IO, - - Attendi il rimborso - - -Di solito l’importo viene riaccreditato entro pochi minuti. In altri casi, il trasferimento di denaro sul tuo conto o carta potrebbe richiedere più tempo. + scopri gli altri canali abilitati a pagoPA - - + + + + - + > - - Contatta l'assistenza - - -Se dopo 5 giorni lavorativi non hai ancora ricevuto il rimborso, contatta l’assistenza. + Attendi il rimborso - - + + + + + > + + Contatta l'assistenza + + +Se dopo 5 giorni lavorativi non hai ancora ricevuto il rimborso, contatta l’assistenza. + + + @@ -23660,25 +23516,16 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay - - - Contatta l'assistenza - - + Contatta l'assistenza + + + - - - - - - - - - Chiedi aiuto in chat - - + /> + + + + + Chiedi aiuto in chat + - + + } + /> + + + Dati aggiuntivi + + + + + - Dati aggiuntivi + Copia tutti - - - - - Copia tutti - - - - + + + + Codice errore + + + INVALID_METHOD + + + - - - Codice errore - - - INVALID_METHOD - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Codice avviso - - - - + + + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + + + Codice Fiscale Ente + + + + - - - Codice Fiscale Ente - - - - - - - - - + + - + + - - + + - - Paga l'avviso - - -Ricorda di pagare l'avviso entro le scadenze previste dall'ente. Se non riesci tramite IO, - - scopri gli altri canali abilitati a pagoPA - + Paga l'avviso - - - + +Ricorda di pagare l'avviso entro le scadenze previste dall'ente. Se non riesci tramite IO, - - Attendi il rimborso - - -Di solito l’importo viene riaccreditato entro pochi minuti. In altri casi, il trasferimento di denaro sul tuo conto o carta potrebbe richiedere più tempo. + scopri gli altri canali abilitati a pagoPA - - + + + + - + > - - Contatta l'assistenza - - -Se dopo 5 giorni lavorativi non hai ancora ricevuto il rimborso, contatta l’assistenza. + Attendi il rimborso - - + + + + + > + + Contatta l'assistenza + + +Se dopo 5 giorni lavorativi non hai ancora ricevuto il rimborso, contatta l’assistenza. + + + @@ -25591,25 +25435,16 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay - - - Contatta l'assistenza - - + Contatta l'assistenza + + + - - - - - - - - - Chiedi aiuto in chat - - + /> + + + + + Chiedi aiuto in chat + - + + } + /> + + + Dati aggiuntivi + + + + + - Dati aggiuntivi + Copia tutti - - - - - Copia tutti - - - - + + + + Codice errore + + + KO_RETRIABLE + + + - - - Codice errore - - - KO_RETRIABLE - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Codice avviso - - - - + + + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + + + Codice Fiscale Ente + + + + - - - Codice Fiscale Ente - - - - - - - - - + + - + + - - + + - - Paga l'avviso - - -Ricorda di pagare l'avviso entro le scadenze previste dall'ente. Se non riesci tramite IO, - - scopri gli altri canali abilitati a pagoPA - + Paga l'avviso - - - + +Ricorda di pagare l'avviso entro le scadenze previste dall'ente. Se non riesci tramite IO, - - Attendi il rimborso - - -Di solito l’importo viene riaccreditato entro pochi minuti. In altri casi, il trasferimento di denaro sul tuo conto o carta potrebbe richiedere più tempo. + scopri gli altri canali abilitati a pagoPA - - + + + + - + > - - Contatta l'assistenza - - -Se dopo 5 giorni lavorativi non hai ancora ricevuto il rimborso, contatta l’assistenza. + Attendi il rimborso - - + + + + + > + + Contatta l'assistenza + + +Se dopo 5 giorni lavorativi non hai ancora ricevuto il rimborso, contatta l’assistenza. + + + @@ -27522,25 +27354,16 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay - - - Contatta l'assistenza - - + Contatta l'assistenza + + + - - - - - - - - - Chiedi aiuto in chat - - + /> + + + + + Chiedi aiuto in chat + - + + } + /> + + + Dati aggiuntivi + + + + + - Dati aggiuntivi + Copia tutti - - - - - Copia tutti - - - - + + + + Codice errore + + + INVALID_SESSION + + + - - - Codice errore - - - INVALID_SESSION - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Codice avviso - - - - + + + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + + + Codice Fiscale Ente + + + + - - - Codice Fiscale Ente - - - - - - - - - + + - + + - - + + - - Paga l'avviso - - -Ricorda di pagare l'avviso entro le scadenze previste dall'ente. Se non riesci tramite IO, - - scopri gli altri canali abilitati a pagoPA - + Paga l'avviso - - - + +Ricorda di pagare l'avviso entro le scadenze previste dall'ente. Se non riesci tramite IO, - - Attendi il rimborso - - -Di solito l’importo viene riaccreditato entro pochi minuti. In altri casi, il trasferimento di denaro sul tuo conto o carta potrebbe richiedere più tempo. + scopri gli altri canali abilitati a pagoPA - - + + + + - + > - - Contatta l'assistenza - - -Se dopo 5 giorni lavorativi non hai ancora ricevuto il rimborso, contatta l’assistenza. + Attendi il rimborso - - + + + + + > + + Contatta l'assistenza + + +Se dopo 5 giorni lavorativi non hai ancora ricevuto il rimborso, contatta l’assistenza. + + + @@ -29461,25 +29281,16 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay - - - Contatta l'assistenza - - + Contatta l'assistenza + + + - - - - - - - - - Chiedi aiuto in chat - - + /> + + + + + Chiedi aiuto in chat + - + + } + /> + + + Dati aggiuntivi + + + + + - Dati aggiuntivi + Copia tutti - - - - - Copia tutti - - - - + + + + Codice errore + + + METHOD_NOT_ENABLED + + + - - - Codice errore - - - METHOD_NOT_ENABLED - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Codice avviso - - - - + + + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + + + Codice Fiscale Ente + + + + - - - Codice Fiscale Ente - - - - - - - - - + + - + + - - + + - - Paga l'avviso - - -Ricorda di pagare l'avviso entro le scadenze previste dall'ente. Se non riesci tramite IO, - - scopri gli altri canali abilitati a pagoPA - + Paga l'avviso - - - + +Ricorda di pagare l'avviso entro le scadenze previste dall'ente. Se non riesci tramite IO, - - Attendi il rimborso - - -Di solito l’importo viene riaccreditato entro pochi minuti. In altri casi, il trasferimento di denaro sul tuo conto o carta potrebbe richiedere più tempo. + scopri gli altri canali abilitati a pagoPA - - + + + + - + > - - Contatta l'assistenza - - -Se dopo 5 giorni lavorativi non hai ancora ricevuto il rimborso, contatta l’assistenza. + Attendi il rimborso - - + + + + + > + + Contatta l'assistenza + + +Se dopo 5 giorni lavorativi non hai ancora ricevuto il rimborso, contatta l’assistenza. + + + @@ -31372,25 +31180,16 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay - - - Contatta l'assistenza - - + Contatta l'assistenza + + + - - - - - - - - - Chiedi aiuto in chat - - + /> + + + + + Chiedi aiuto in chat + - + + } + /> + + + Dati aggiuntivi + + + + + - Dati aggiuntivi + Copia tutti - - - - - Copia tutti - - - - + + + + Codice errore + + + WAITING_CONFIRMATION_EMAIL + + + - - - Codice errore - - - WAITING_CONFIRMATION_EMAIL - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Codice avviso - - - - + + + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + + + Codice Fiscale Ente + + + + - - - Codice Fiscale Ente - - - - - - - - - + + - + + - - + + - - Paga l'avviso - - -Ricorda di pagare l'avviso entro le scadenze previste dall'ente. Se non riesci tramite IO, - - scopri gli altri canali abilitati a pagoPA - + Paga l'avviso - - - + +Ricorda di pagare l'avviso entro le scadenze previste dall'ente. Se non riesci tramite IO, - - Attendi il rimborso - - -Di solito l’importo viene riaccreditato entro pochi minuti. In altri casi, il trasferimento di denaro sul tuo conto o carta potrebbe richiedere più tempo. + scopri gli altri canali abilitati a pagoPA - - + + + + - + > - - Contatta l'assistenza - - -Se dopo 5 giorni lavorativi non hai ancora ricevuto il rimborso, contatta l’assistenza. + Attendi il rimborso - - + + + + + > + + Contatta l'assistenza + + +Se dopo 5 giorni lavorativi non hai ancora ricevuto il rimborso, contatta l’assistenza. + + + @@ -33361,25 +33157,16 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay - - - Contatta l'assistenza - - + Contatta l'assistenza + + + - - - - - - - - - Chiedi aiuto in chat - - + /> + + + + + Chiedi aiuto in chat + - + + } + /> + + + Dati aggiuntivi + + + + + - Dati aggiuntivi + Copia tutti - - - - - Copia tutti - - - - + + + + Codice errore + + + PAYMENT_REVERSED + + + - - - Codice errore - - - PAYMENT_REVERSED - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Codice avviso - - - - + + + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + + + Codice Fiscale Ente + + + + - - - Codice Fiscale Ente - - - - - - - - - + + - + + - - + + - - Paga l'avviso - - -Ricorda di pagare l'avviso entro le scadenze previste dall'ente. Se non riesci tramite IO, - - scopri gli altri canali abilitati a pagoPA - + Paga l'avviso - - - + +Ricorda di pagare l'avviso entro le scadenze previste dall'ente. Se non riesci tramite IO, - - Attendi il rimborso - - -Di solito l’importo viene riaccreditato entro pochi minuti. In altri casi, il trasferimento di denaro sul tuo conto o carta potrebbe richiedere più tempo. + scopri gli altri canali abilitati a pagoPA - - + + + + - + > - - Contatta l'assistenza - - -Se dopo 5 giorni lavorativi non hai ancora ricevuto il rimborso, contatta l’assistenza. + Attendi il rimborso - - + + + + + > + + Contatta l'assistenza + + +Se dopo 5 giorni lavorativi non hai ancora ricevuto il rimborso, contatta l’assistenza. + + + @@ -35272,25 +35056,16 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay - - - Contatta l'assistenza - - + Contatta l'assistenza + + + - - - - - - - - - Chiedi aiuto in chat - - + /> + + + + + Chiedi aiuto in chat + - + + } + /> + + + Dati aggiuntivi + + + + + - Dati aggiuntivi + Copia tutti - - - - - Copia tutti - - - - + + + + Codice errore + + + PAYPAL_REMOVED_ERROR + + + - - - Codice errore - - - PAYPAL_REMOVED_ERROR - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Codice avviso - - - - + + + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + + + Codice Fiscale Ente + + + + - - - Codice Fiscale Ente - - - - - - - - - + + - + + - - + + - - Paga l'avviso - - -Ricorda di pagare l'avviso entro le scadenze previste dall'ente. Se non riesci tramite IO, - - scopri gli altri canali abilitati a pagoPA - + Paga l'avviso - - - + +Ricorda di pagare l'avviso entro le scadenze previste dall'ente. Se non riesci tramite IO, - - Attendi il rimborso - - -Di solito l’importo viene riaccreditato entro pochi minuti. In altri casi, il trasferimento di denaro sul tuo conto o carta potrebbe richiedere più tempo. + scopri gli altri canali abilitati a pagoPA - - + + + + - + > - - Contatta l'assistenza - - -Se dopo 5 giorni lavorativi non hai ancora ricevuto il rimborso, contatta l’assistenza. + Attendi il rimborso - - + + + + + > + + Contatta l'assistenza + + +Se dopo 5 giorni lavorativi non hai ancora ricevuto il rimborso, contatta l’assistenza. + + + @@ -37309,25 +37081,16 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay - - - Contatta l'assistenza - - + Contatta l'assistenza + + + - - - - - - - - - Chiedi aiuto in chat - - + /> + + + + + Chiedi aiuto in chat + - + + } + /> + + + Dati aggiuntivi + + + + + - Dati aggiuntivi + Copia tutti - - - - - Copia tutti - - - - + + + + Codice errore + + + PAYMENT_METHODS_NOT_AVAILABLE + + + - - - Codice errore - - - PAYMENT_METHODS_NOT_AVAILABLE - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Codice avviso - - - - + + + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + + + Codice Fiscale Ente + + + + - - - Codice Fiscale Ente - - - - - - - - - + + - + + - - + + - - Paga l'avviso - - -Ricorda di pagare l'avviso entro le scadenze previste dall'ente. Se non riesci tramite IO, - - scopri gli altri canali abilitati a pagoPA - + Paga l'avviso - - - + +Ricorda di pagare l'avviso entro le scadenze previste dall'ente. Se non riesci tramite IO, - - Attendi il rimborso - - -Di solito l’importo viene riaccreditato entro pochi minuti. In altri casi, il trasferimento di denaro sul tuo conto o carta potrebbe richiedere più tempo. + scopri gli altri canali abilitati a pagoPA - - + + + + - + > - - Contatta l'assistenza - - -Se dopo 5 giorni lavorativi non hai ancora ricevuto il rimborso, contatta l’assistenza. + Attendi il rimborso - - + + + + + > + + Contatta l'assistenza + + +Se dopo 5 giorni lavorativi non hai ancora ricevuto il rimborso, contatta l’assistenza. + + + @@ -39374,25 +39134,16 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay - - - Contatta l'assistenza - - + Contatta l'assistenza + + + - - - - - - - - - Chiedi aiuto in chat - - + /> + + + + + Chiedi aiuto in chat + - + + } + /> + + + Dati aggiuntivi + + + + + - Dati aggiuntivi + Copia tutti - - - - - Copia tutti - - - - + + + + Codice errore + + + IN_APP_BROWSER_CLOSED_BY_USER + + + - - - Codice errore - - - IN_APP_BROWSER_CLOSED_BY_USER - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Codice avviso - - - - + + + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + + + Codice Fiscale Ente + + + + - - - Codice Fiscale Ente - - - - - - - - - + + - + + - - + + - - Paga l'avviso - - -Ricorda di pagare l'avviso entro le scadenze previste dall'ente. Se non riesci tramite IO, - - scopri gli altri canali abilitati a pagoPA - + Paga l'avviso - - - + +Ricorda di pagare l'avviso entro le scadenze previste dall'ente. Se non riesci tramite IO, - - Attendi il rimborso - - -Di solito l’importo viene riaccreditato entro pochi minuti. In altri casi, il trasferimento di denaro sul tuo conto o carta potrebbe richiedere più tempo. + scopri gli altri canali abilitati a pagoPA - - + + + + - + > - - Contatta l'assistenza - - -Se dopo 5 giorni lavorativi non hai ancora ricevuto il rimborso, contatta l’assistenza. + Attendi il rimborso - - + + + + + > + + Contatta l'assistenza + + +Se dopo 5 giorni lavorativi non hai ancora ricevuto il rimborso, contatta l’assistenza. + + + @@ -41364,25 +41112,16 @@ Se il problema persiste, prova a usare un altro metodo o gestore del pagamento. - - - Contatta l'assistenza - - + Contatta l'assistenza + + + - - - - - - - - - Chiedi aiuto in chat - - + /> + + + + + Chiedi aiuto in chat + - + + } + /> + + + Dati aggiuntivi + + + + + - Dati aggiuntivi + Copia tutti - - - - - Copia tutti - - - - + + + + Codice errore + + + PSP_ERROR + + + - - - Codice errore - - - PSP_ERROR - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Codice avviso - - - - + + + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + + + Codice Fiscale Ente + + + + - - - Codice Fiscale Ente - - - - - - - - - + + - + + - - + + - - Paga l'avviso - - -Ricorda di pagare l'avviso entro le scadenze previste dall'ente. Se non riesci tramite IO, - - scopri gli altri canali abilitati a pagoPA - + Paga l'avviso - - - + +Ricorda di pagare l'avviso entro le scadenze previste dall'ente. Se non riesci tramite IO, - - Attendi il rimborso - - -Di solito l’importo viene riaccreditato entro pochi minuti. In altri casi, il trasferimento di denaro sul tuo conto o carta potrebbe richiedere più tempo. + scopri gli altri canali abilitati a pagoPA - - + + + + - + > - - Contatta l'assistenza - - -Se dopo 5 giorni lavorativi non hai ancora ricevuto il rimborso, contatta l’assistenza. + Attendi il rimborso - - + + + + + > + + Contatta l'assistenza + + +Se dopo 5 giorni lavorativi non hai ancora ricevuto il rimborso, contatta l’assistenza. + + + @@ -43415,25 +43151,16 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay - - - Contatta l'assistenza - - + Contatta l'assistenza + + + - - - - - - - - - Chiedi aiuto in chat - - + /> + + + + + Chiedi aiuto in chat + - + + } + /> + + + Dati aggiuntivi + + + + + - Dati aggiuntivi + Copia tutti - - - - - Copia tutti - - - - + + + + Codice errore + + + BE_NODE_KO + + + - - - Codice errore - - - BE_NODE_KO - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Codice avviso - - - - + + + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + + + Codice Fiscale Ente + + + + - - - Codice Fiscale Ente - - - - - - - - - + + - + + - - + + - - Paga l'avviso - - -Ricorda di pagare l'avviso entro le scadenze previste dall'ente. Se non riesci tramite IO, - - scopri gli altri canali abilitati a pagoPA - + Paga l'avviso - - - + +Ricorda di pagare l'avviso entro le scadenze previste dall'ente. Se non riesci tramite IO, - - Attendi il rimborso - - -Di solito l’importo viene riaccreditato entro pochi minuti. In altri casi, il trasferimento di denaro sul tuo conto o carta potrebbe richiedere più tempo. + scopri gli altri canali abilitati a pagoPA - - + + + + - + > - - Contatta l'assistenza - - -Se dopo 5 giorni lavorativi non hai ancora ricevuto il rimborso, contatta l’assistenza. + Attendi il rimborso - - + + + + + > + + Contatta l'assistenza + + +Se dopo 5 giorni lavorativi non hai ancora ricevuto il rimborso, contatta l’assistenza. + + + @@ -45312,25 +45036,16 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay - - - Contatta l'assistenza - - + Contatta l'assistenza + + + - - - - - - - - - Chiedi aiuto in chat - - + /> + + + + + Chiedi aiuto in chat + - + + } + /> + + + Dati aggiuntivi + + + + + - Dati aggiuntivi + Copia tutti - - - - - Copia tutti - - - - + + + + Codice errore + + + INSUFFICIENT_AVAILABILITY_ERROR + + + - - - Codice errore - - - INSUFFICIENT_AVAILABILITY_ERROR - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Codice avviso - - - - + + + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + + + Codice Fiscale Ente + + + + - - - Codice Fiscale Ente - - - - - - - - - + + - + + - - + + - - Paga l'avviso - - -Ricorda di pagare l'avviso entro le scadenze previste dall'ente. Se non riesci tramite IO, - - scopri gli altri canali abilitati a pagoPA - + Paga l'avviso - - - + +Ricorda di pagare l'avviso entro le scadenze previste dall'ente. Se non riesci tramite IO, - - Attendi il rimborso - - -Di solito l’importo viene riaccreditato entro pochi minuti. In altri casi, il trasferimento di denaro sul tuo conto o carta potrebbe richiedere più tempo. + scopri gli altri canali abilitati a pagoPA - - + + + + - + > - - Contatta l'assistenza - - -Se dopo 5 giorni lavorativi non hai ancora ricevuto il rimborso, contatta l’assistenza. + Attendi il rimborso - - + + + + + > + + Contatta l'assistenza + + +Se dopo 5 giorni lavorativi non hai ancora ricevuto il rimborso, contatta l’assistenza. + + + @@ -47251,25 +46963,16 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay - - - Contatta l'assistenza - - + Contatta l'assistenza + + + - - - - - - - - - Chiedi aiuto in chat - - + /> + + + + + Chiedi aiuto in chat + - + + } + /> + + + Dati aggiuntivi + + + + + - Dati aggiuntivi + Copia tutti - - - - - Copia tutti - - - - + + + + Codice errore + + + CVV_ERROR + + + - - - Codice errore - - - CVV_ERROR - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Codice avviso - - - - + + + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + + + Codice Fiscale Ente + + + + - - - Codice Fiscale Ente - - - - - - - - - + + - + + - - + + - - Paga l'avviso - - -Ricorda di pagare l'avviso entro le scadenze previste dall'ente. Se non riesci tramite IO, - - scopri gli altri canali abilitati a pagoPA - + Paga l'avviso - - - + +Ricorda di pagare l'avviso entro le scadenze previste dall'ente. Se non riesci tramite IO, - - Attendi il rimborso - - -Di solito l’importo viene riaccreditato entro pochi minuti. In altri casi, il trasferimento di denaro sul tuo conto o carta potrebbe richiedere più tempo. + scopri gli altri canali abilitati a pagoPA - - + + + + - + > - - Contatta l'assistenza - - -Se dopo 5 giorni lavorativi non hai ancora ricevuto il rimborso, contatta l’assistenza. + Attendi il rimborso - - + + + + + > + + Contatta l'assistenza + + +Se dopo 5 giorni lavorativi non hai ancora ricevuto il rimborso, contatta l’assistenza. + + + @@ -49162,25 +48862,16 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay - - - Contatta l'assistenza - - + Contatta l'assistenza + + + - - - - - - - - - Chiedi aiuto in chat - - + /> + + + + + Chiedi aiuto in chat + - + + } + /> + + + Dati aggiuntivi + + + + + - Dati aggiuntivi + Copia tutti - - - - - Copia tutti - - - - + + + + Codice errore + + + PLAFOND_LIMIT_ERROR + + + - - - Codice errore - - - PLAFOND_LIMIT_ERROR - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Codice avviso - - - - + + + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + + + Codice Fiscale Ente + + + + - - - Codice Fiscale Ente - - - - - - - - - + + - + + - - + + - - Paga l'avviso - - -Ricorda di pagare l'avviso entro le scadenze previste dall'ente. Se non riesci tramite IO, - - scopri gli altri canali abilitati a pagoPA - + Paga l'avviso - - - + +Ricorda di pagare l'avviso entro le scadenze previste dall'ente. Se non riesci tramite IO, - - Attendi il rimborso - - -Di solito l’importo viene riaccreditato entro pochi minuti. In altri casi, il trasferimento di denaro sul tuo conto o carta potrebbe richiedere più tempo. + scopri gli altri canali abilitati a pagoPA - - + + + + - + > - - Contatta l'assistenza - - -Se dopo 5 giorni lavorativi non hai ancora ricevuto il rimborso, contatta l’assistenza. + Attendi il rimborso - - + + + + + > + + Contatta l'assistenza + + +Se dopo 5 giorni lavorativi non hai ancora ricevuto il rimborso, contatta l’assistenza. + + + @@ -51093,25 +50781,16 @@ exports[`WalletPaymentOutcomeScreen for all outcomes should render the WalletPay - - - Contatta l'assistenza - - + Contatta l'assistenza + + + - - - - - - - - - Chiedi aiuto in chat - - + /> + + + + + Chiedi aiuto in chat + - + + } + /> + + + Dati aggiuntivi + + + + + - Dati aggiuntivi + Copia tutti - - - - - Copia tutti - - - - + + + + Codice errore + + + AUTH_REQUEST_ERROR + + + - - - Codice errore - - - AUTH_REQUEST_ERROR - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + + + Codice avviso + + + + - - - Codice avviso - - - - - - - - - + + + + + + Codice Fiscale Ente + + + + - - - Codice Fiscale Ente - - - - - - - - - + + - + + - - + + - - Paga l'avviso - - -Ricorda di pagare l'avviso entro le scadenze previste dall'ente. Se non riesci tramite IO, - - scopri gli altri canali abilitati a pagoPA - + Paga l'avviso - - - + +Ricorda di pagare l'avviso entro le scadenze previste dall'ente. Se non riesci tramite IO, - - Attendi il rimborso - - -Di solito l’importo viene riaccreditato entro pochi minuti. In altri casi, il trasferimento di denaro sul tuo conto o carta potrebbe richiedere più tempo. + scopri gli altri canali abilitati a pagoPA - - + + + + - + > - - Contatta l'assistenza - - -Se dopo 5 giorni lavorativi non hai ancora ricevuto il rimborso, contatta l’assistenza. + Attendi il rimborso - - + + + + + > + + Contatta l'assistenza + + +Se dopo 5 giorni lavorativi non hai ancora ricevuto il rimborso, contatta l’assistenza. + + + diff --git a/ts/features/payments/details/components/PaymentsMethodPspDetailsBottomSheet.tsx b/ts/features/payments/details/components/PaymentsMethodPspDetailsBottomSheet.tsx index 1f0a6c72612..9f27326c8df 100644 --- a/ts/features/payments/details/components/PaymentsMethodPspDetailsBottomSheet.tsx +++ b/ts/features/payments/details/components/PaymentsMethodPspDetailsBottomSheet.tsx @@ -1,6 +1,6 @@ import { VSpacer, Body } from "@pagopa/io-app-design-system"; import I18n from "../../../../i18n"; -import { useIOBottomSheetAutoresizableModal } from "../../../../utils/hooks/bottomSheet"; +import { useIOBottomSheetModal } from "../../../../utils/hooks/bottomSheet"; type PaymentsMethodPspDetailsBottomSheetProps = { pspBusinessName: string; @@ -26,7 +26,7 @@ const PaymentsMethodPspDetailsBottomSheet = ({ export const usePaymentsMethodPspDetailsBottomSheet = ( pspBusinessName: string ) => - useIOBottomSheetAutoresizableModal({ + useIOBottomSheetModal({ component: ( ), diff --git a/ts/features/payments/onboarding/components/PaymentsOnboardingAuthErrorBottomSheet.tsx b/ts/features/payments/onboarding/components/PaymentsOnboardingAuthErrorBottomSheet.tsx index 73747685672..d04862eb426 100644 --- a/ts/features/payments/onboarding/components/PaymentsOnboardingAuthErrorBottomSheet.tsx +++ b/ts/features/payments/onboarding/components/PaymentsOnboardingAuthErrorBottomSheet.tsx @@ -1,5 +1,5 @@ import { VSpacer } from "@pagopa/io-app-design-system"; -import { useIOBottomSheetAutoresizableModal } from "../../../../utils/hooks/bottomSheet"; +import { useIOBottomSheetModal } from "../../../../utils/hooks/bottomSheet"; import I18n from "../../../../i18n"; import IOMarkdown from "../../../../components/IOMarkdown"; @@ -15,7 +15,7 @@ export const usePaymentOnboardingAuthErrorBottomSheet = () => { ); - const modal = useIOBottomSheetAutoresizableModal({ + const modal = useIOBottomSheetModal({ component: getModalContent(), title: I18n.t("wallet.onboarding.outcome.AUTH_ERROR.bottomSheet.title") }); diff --git a/ts/features/pn/components/F24ListBottomSheetLink.tsx b/ts/features/pn/components/F24ListBottomSheetLink.tsx index 039c1015ae9..9c9d6afb27b 100644 --- a/ts/features/pn/components/F24ListBottomSheetLink.tsx +++ b/ts/features/pn/components/F24ListBottomSheetLink.tsx @@ -1,7 +1,7 @@ import { StyleSheet, View } from "react-native"; import { ButtonLink } from "@pagopa/io-app-design-system"; import { ThirdPartyAttachment } from "../../../../definitions/backend/ThirdPartyAttachment"; -import { useIOBottomSheetAutoresizableModal } from "../../../utils/hooks/bottomSheet"; +import { useIOBottomSheetModal } from "../../../utils/hooks/bottomSheet"; import I18n from "../../../i18n"; import { MessageDetailsAttachmentItem } from "../../messages/components/MessageDetail/MessageDetailsAttachmentItem"; import { UIMessageId } from "../../messages/types"; @@ -29,30 +29,26 @@ export const F24ListBottomSheetLink = ({ // its bottom space when the bottom sheet opens filling the entire view. Without it, the // scroll bottom stops at the device bottom border, not respecting any safe area margins const dispatch = useIODispatch(); - const { present, bottomSheet, dismiss } = useIOBottomSheetAutoresizableModal( - { - component: ( - <> - {f24List.map((f24Attachment, index) => ( - { - dismiss(); - }} - /> - ))} - - ), - title: I18n.t("features.pn.details.f24Section.bottomSheet.title"), - footer: , - onDismiss: () => dispatch(cancelPreviousAttachmentDownload()) - }, - 100 - ); + const { present, bottomSheet, dismiss } = useIOBottomSheetModal({ + component: ( + <> + {f24List.map((f24Attachment, index) => ( + { + dismiss(); + }} + /> + ))} + + ), + title: I18n.t("features.pn.details.f24Section.bottomSheet.title"), + onDismiss: () => dispatch(cancelPreviousAttachmentDownload()) + }); return ( , onDismiss: () => dispatch(cancelQueuedPaymentUpdates()) }); // eslint-disable-next-line functional/immutable-data diff --git a/ts/features/pn/components/__test__/__snapshots__/F24ListBottomSheetLink.test.tsx.snap b/ts/features/pn/components/__test__/__snapshots__/F24ListBottomSheetLink.test.tsx.snap index 73c35dc38f6..e470b907631 100644 --- a/ts/features/pn/components/__test__/__snapshots__/F24ListBottomSheetLink.test.tsx.snap +++ b/ts/features/pn/components/__test__/__snapshots__/F24ListBottomSheetLink.test.tsx.snap @@ -446,25 +446,16 @@ exports[`F24ListBottomSheetLink should be snapshot for a 10 items F24 list 1`] = + + 0 + - 0 - - - - PDF - - + PDF + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + + + 1 + - 1 - - - - PDF - - + PDF + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + + + 2 + - 2 - - - - PDF - - + PDF + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + + + 3 + - 3 - - - - PDF - - + PDF + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + + + 4 + - 4 - - - - PDF - - + PDF + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + + + 5 + - 5 - - - - PDF - - + PDF + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + + + 6 + - 6 - - - - PDF - - + PDF + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + + + 7 + - 7 - - - - PDF - - + PDF + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + + + 8 + - 8 - - - - PDF - - + PDF + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + + + 9 + - 9 - - - - PDF - - + PDF + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + @@ -3214,25 +3208,16 @@ exports[`F24ListBottomSheetLink should be snapshot for an 0 items F24 list 1`] = @@ -3718,25 +3707,16 @@ exports[`F24ListBottomSheetLink should be snapshot for an 1 item F24 list 1`] = + + 0 + - 0 - - - - PDF - - + PDF + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + diff --git a/ts/features/pn/components/__test__/__snapshots__/F24Section.test.tsx.snap b/ts/features/pn/components/__test__/__snapshots__/F24Section.test.tsx.snap index 7082270f8cd..c4200d4177d 100644 --- a/ts/features/pn/components/__test__/__snapshots__/F24Section.test.tsx.snap +++ b/ts/features/pn/components/__test__/__snapshots__/F24Section.test.tsx.snap @@ -528,25 +528,16 @@ exports[`F24Section should match snapshot when there are more than one F24 1`] = + + 2 + - 2 - - - - PDF - - + PDF + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + + + 4 + - 4 - - - - PDF - - + PDF + - + + - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + diff --git a/ts/features/pn/components/__test__/__snapshots__/MessageBottomMenu.test.tsx.snap b/ts/features/pn/components/__test__/__snapshots__/MessageBottomMenu.test.tsx.snap index 180f848fec8..ccaef2ce6c5 100644 --- a/ts/features/pn/components/__test__/__snapshots__/MessageBottomMenu.test.tsx.snap +++ b/ts/features/pn/components/__test__/__snapshots__/MessageBottomMenu.test.tsx.snap @@ -509,19 +509,15 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo + + @@ -2469,25 +2479,16 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo - - - Notifica - - + Notifica + - + + + + Codice IUN + + + randomIUN + + + - - - Codice IUN - - - randomIUN - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + Message + - + + + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + @@ -3515,19 +3519,15 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo + + @@ -5475,25 +5489,16 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo - - - Notifica - - + Notifica + - + + + + Codice IUN + + + randomIUN + + + - - - Codice IUN - - - randomIUN - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + Message + - + + + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice 1 - - + pagoPA notice 1 + - + + + + Notice code + + + 9999 8888 7777 6666 55 + + + - - - Notice code - - - 9999 8888 7777 6666 55 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + @@ -6760,19 +6768,15 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo + + @@ -8720,25 +8738,16 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo - - - Notifica - - + Notifica + - + + + + Codice IUN + + + randomIUN + + + - - - Codice IUN - - - randomIUN - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + Message + - + + + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + @@ -9766,19 +9778,15 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo + + @@ -11726,25 +11748,16 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo - - - Notifica - - + Notifica + - + + + + Codice IUN + + + randomIUN + + + - - - Codice IUN - - - randomIUN - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + Message + - + + + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + @@ -12772,19 +12788,15 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo + + @@ -14732,25 +14758,16 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo - - - Notifica - - + Notifica + - + + + + Codice IUN + + + randomIUN + + + - - - Codice IUN - - - randomIUN - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + Message + - + + + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + @@ -15778,19 +15798,15 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo + + @@ -17738,25 +17768,16 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo - - - Notifica - - + Notifica + - + + + + Codice IUN + + + randomIUN + + + - - - Codice IUN - - - randomIUN - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + Message + - + + + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + @@ -18784,19 +18808,15 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo + + @@ -20744,25 +20778,16 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo - - - Notifica - - + Notifica + - + + + + Codice IUN + + + randomIUN + + + - - - Codice IUN - - - randomIUN - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + Message + - + + + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + @@ -21790,19 +21818,15 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo + + @@ -23750,25 +23788,16 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo - - - Notifica - - + Notifica + - + + + + Codice IUN + + + randomIUN + + + - - - Codice IUN - - - randomIUN - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + Message + - + + + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + @@ -24796,19 +24828,15 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo + + @@ -26756,25 +26798,16 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo - - - Notifica - - + Notifica + - + + + + Codice IUN + + + randomIUN + + + - - - Codice IUN - - - randomIUN - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + Message + - + + + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + @@ -27802,19 +27838,15 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo + + @@ -29762,25 +29808,16 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo - - - Notifica - - + Notifica + - + + + + Codice IUN + + + randomIUN + + + - - - Codice IUN - - - randomIUN - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + Message + - + + + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + @@ -30808,19 +30848,15 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo + + @@ -32768,25 +32818,16 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo - - - Notifica - - + Notifica + - + + + + Codice IUN + + + randomIUN + + + - - - Codice IUN - - - randomIUN - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + Message + - + + + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice 1 - - + pagoPA notice 1 + - + + + + Notice code + + + 9999 8888 7777 6666 55 + + + - - - Notice code - - - 9999 8888 7777 6666 55 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + @@ -34053,19 +34097,15 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo - - - - - - - - - - - - - Show more data - - - - - - - - + /> - - - - - - Notifica - - - - - - - - - - - Codice IUN - - - randomIUN - - - - - - - - - - - - - - - - Message - - - - - - - - - - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - - - - - - - - - + } + /> - - - - - - - - - - - - -`; - -exports[`MessageBottomMenu should match snapshot, all handled-status items history, multiple payments, not cancelled, empty paid notice codes 1`] = ` - - - - - - - - - - - - - - - PN_ROUTES_MESSAGE_DETAILS - - - - - - - - - - - - - - - - - - Stato della notifica + Show more data + + + + + + + + Notifica + + + + + + + + + + + Codice IUN + + + randomIUN + + + + + + + + + + + + + + + + Message + + + + + + + + + + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + + + + + + + + + + + + + + + + + + + + + + + + +`; + +exports[`MessageBottomMenu should match snapshot, all handled-status items history, multiple payments, not cancelled, empty paid notice codes 1`] = ` + + + + + + + + + + + + + + + PN_ROUTES_MESSAGE_DETAILS + + + + + + + + + + + + + + + + + + + + + + + + + + + + Stato della notifica + + + + + + + + @@ -39019,25 +39077,16 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo - - - Notifica - - + Notifica + - + + + + Codice IUN + + + randomIUN + + + - - - Codice IUN - - - randomIUN - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + Message + - + + + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice 1 - - + pagoPA notice 1 + - + + + + Notice code + + + 1111 2222 3333 4444 00 + + + - - - Notice code - - - 1111 2222 3333 4444 00 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + + + Payee fiscal code + + + 01234567890 + + + - - - Payee fiscal code - - - 01234567890 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice 2 - - + pagoPA notice 2 + - + + + + Notice code + + + 1111 2222 3333 4444 01 + + + - - - Notice code - - - 1111 2222 3333 4444 01 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + + + Payee fiscal code + + + 01234567890 + + + - - - Payee fiscal code - - - 01234567890 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice 3 - - + pagoPA notice 3 + - + + + + Notice code + + + 1111 2222 3333 4444 02 + + + - - - Notice code - - - 1111 2222 3333 4444 02 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + + + Payee fiscal code + + + 01234567890 + + + - - - Payee fiscal code - - - 01234567890 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + @@ -41358,19 +41410,15 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo + + @@ -43318,25 +43380,16 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo - - - Notifica - - + Notifica + - + + + + Codice IUN + + + randomIUN + + + - - - Codice IUN - - - randomIUN - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + Message + - + + + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice 1 - - + pagoPA notice 1 + - + + + + Notice code + + + 1111 2222 3333 4444 00 + + + - - - Notice code - - - 1111 2222 3333 4444 00 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + + + Payee fiscal code + + + 01234567890 + + + - - - Payee fiscal code - - - 01234567890 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice 2 - - + pagoPA notice 2 + - + + + + Notice code + + + 1111 2222 3333 4444 01 + + + - - - Notice code - - - 1111 2222 3333 4444 01 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + + + Payee fiscal code + + + 01234567890 + + + - - - Payee fiscal code - - - 01234567890 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice 3 - - + pagoPA notice 3 + - + + + + Notice code + + + 1111 2222 3333 4444 02 + + + - - - Notice code - - - 1111 2222 3333 4444 02 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + + + Payee fiscal code + + + 01234567890 + + + - - - Payee fiscal code - - - 01234567890 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + @@ -45657,19 +45713,15 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo + + @@ -47617,25 +47683,16 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo - - - Notifica - - + Notifica + - + + + + Codice IUN + + + randomIUN + + + - - - Codice IUN - - - randomIUN - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + Message + - + + + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice 1 - - + pagoPA notice 1 + - + + + + Notice code + + + 1111 2222 3333 4444 00 + + + - - - Notice code - - - 1111 2222 3333 4444 00 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + + + Payee fiscal code + + + 01234567890 + + + - - - Payee fiscal code - - - 01234567890 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice 2 - - + pagoPA notice 2 + - + + + + Notice code + + + 1111 2222 3333 4444 01 + + + - - - Notice code - - - 1111 2222 3333 4444 01 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + + + Payee fiscal code + + + 01234567890 + + + - - - Payee fiscal code - - - 01234567890 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice 3 - - + pagoPA notice 3 + - + + + + Notice code + + + 1111 2222 3333 4444 02 + + + - - - Notice code - - - 1111 2222 3333 4444 02 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + + + Payee fiscal code + + + 01234567890 + + + - - - Payee fiscal code - - - 01234567890 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + @@ -49956,19 +50016,15 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo + + @@ -51916,25 +51986,16 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo - - - Notifica - - + Notifica + - + + + + Codice IUN + + + randomIUN + + + - - - Codice IUN - - - randomIUN - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + Message + - + + + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice 1 - - + pagoPA notice 1 + - + + + + Notice code + + + 1111 2222 3333 4444 00 + + + - - - Notice code - - - 1111 2222 3333 4444 00 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + + + Payee fiscal code + + + 01234567890 + + + - - - Payee fiscal code - - - 01234567890 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice 2 - - + pagoPA notice 2 + - + + + + Notice code + + + 1111 2222 3333 4444 01 + + + - - - Notice code - - - 1111 2222 3333 4444 01 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + + + Payee fiscal code + + + 01234567890 + + + - - - Payee fiscal code - - - 01234567890 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice 3 - - + pagoPA notice 3 + - + + + + Notice code + + + 1111 2222 3333 4444 02 + + + - - - Notice code - - - 1111 2222 3333 4444 02 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + + + Payee fiscal code + + + 01234567890 + + + - - - Payee fiscal code - - - 01234567890 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + @@ -54255,19 +54319,15 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo + + @@ -56215,25 +56289,16 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo - - - Notifica - - + Notifica + - + + + + Codice IUN + + + randomIUN + + + - - - Codice IUN - - - randomIUN - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + Message + - + + + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice 1 - - + pagoPA notice 1 + - + + + + Notice code + + + 1111 2222 3333 4444 00 + + + - - - Notice code - - - 1111 2222 3333 4444 00 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + + + Payee fiscal code + + + 01234567890 + + + - - - Payee fiscal code - - - 01234567890 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice 2 - - + pagoPA notice 2 + - + + + + Notice code + + + 1111 2222 3333 4444 01 + + + - - - Notice code - - - 1111 2222 3333 4444 01 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + + + Payee fiscal code + + + 01234567890 + + + - - - Payee fiscal code - - - 01234567890 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice 3 - - + pagoPA notice 3 + - + + + + Notice code + + + 1111 2222 3333 4444 02 + + + - - - Notice code - - - 1111 2222 3333 4444 02 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + + + Payee fiscal code + + + 01234567890 + + + - - - Payee fiscal code - - - 01234567890 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + @@ -58554,19 +58622,15 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo + + @@ -60514,25 +60592,16 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo - - - Notifica - - + Notifica + - + + + + Codice IUN + + + randomIUN + + + - - - Codice IUN - - - randomIUN - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + Message + - + + + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice 1 - - + pagoPA notice 1 + - + + + + Notice code + + + 1111 2222 3333 4444 00 + + + - - - Notice code - - - 1111 2222 3333 4444 00 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + + + Payee fiscal code + + + 01234567890 + + + - - - Payee fiscal code - - - 01234567890 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice 2 - - + pagoPA notice 2 + - + + + + Notice code + + + 1111 2222 3333 4444 01 + + + - - - Notice code - - - 1111 2222 3333 4444 01 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + + + Payee fiscal code + + + 01234567890 + + + - - - Payee fiscal code - - - 01234567890 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice 3 - - + pagoPA notice 3 + - + + + + Notice code + + + 1111 2222 3333 4444 02 + + + - - - Notice code - - - 1111 2222 3333 4444 02 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + + + Payee fiscal code + + + 01234567890 + + + - - - Payee fiscal code - - - 01234567890 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + @@ -62853,19 +62925,15 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo + + @@ -64813,25 +64895,16 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo - - - Notifica - - + Notifica + - + + + + Codice IUN + + + randomIUN + + + - - - Codice IUN - - - randomIUN - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + Message + - + + + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + @@ -65859,19 +65935,15 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo + + @@ -67819,25 +67905,16 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo - - - Notifica - - + Notifica + - + + + + Codice IUN + + + randomIUN + + + - - - Codice IUN - - - randomIUN - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + Message + - + + + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice 1 - - + pagoPA notice 1 + - + + + + Notice code + + + 9999 8888 7777 6666 55 + + + - - - Notice code - - - 9999 8888 7777 6666 55 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + @@ -69104,19 +69184,15 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo + + @@ -71064,25 +71154,16 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo - - - Notifica - - + Notifica + - + + + + Codice IUN + + + randomIUN + + + - - - Codice IUN - - - randomIUN - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + Message + - + + + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + @@ -72110,19 +72194,15 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo + + @@ -74070,25 +74164,16 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo - - - Notifica - - + Notifica + - + + + + Codice IUN + + + randomIUN + + + - - - Codice IUN - - - randomIUN - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + Message + - + + + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice - - + pagoPA notice + - + + + + Notice code + + + 1111 2222 3333 4444 00 + + + - - - Notice code - - - 1111 2222 3333 4444 00 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + + + Payee fiscal code + + + 01234567890 + + + - - - Payee fiscal code - - - 01234567890 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + @@ -75547,19 +75635,15 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo + + @@ -77507,25 +77605,16 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo - - - Notifica - - + Notifica + - + + + + Codice IUN + + + randomIUN + + + - - - Codice IUN - - - randomIUN - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + Message + - + + + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice - - + pagoPA notice + - + + + + Notice code + + + 1111 2222 3333 4444 00 + + + - - - Notice code - - - 1111 2222 3333 4444 00 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + + + Payee fiscal code + + + 01234567890 + + + - - - Payee fiscal code - - - 01234567890 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + @@ -78984,19 +79076,15 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo + + @@ -80944,25 +81046,16 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo - - - Notifica - - + Notifica + - + + + + Codice IUN + + + randomIUN + + + - - - Codice IUN - - - randomIUN - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + Message + - + + + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice - - + pagoPA notice + - + + + + Notice code + + + 1111 2222 3333 4444 00 + + + - - - Notice code - - - 1111 2222 3333 4444 00 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + + + Payee fiscal code + + + 01234567890 + + + - - - Payee fiscal code - - - 01234567890 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + @@ -82421,19 +82517,15 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo + + @@ -84381,25 +84487,16 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo - - - Notifica - - + Notifica + - + + + + Codice IUN + + + randomIUN + + + - - - Codice IUN - - - randomIUN - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + Message + - + + + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice - - + pagoPA notice + - + + + + Notice code + + + 1111 2222 3333 4444 00 + + + - - - Notice code - - - 1111 2222 3333 4444 00 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + + + Payee fiscal code + + + 01234567890 + + + - - - Payee fiscal code - - - 01234567890 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + @@ -85858,19 +85958,15 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo + + @@ -87818,25 +87928,16 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo - - - Notifica - - + Notifica + - + + + + Codice IUN + + + randomIUN + + + - - - Codice IUN - - - randomIUN - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + Message + - + + + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice - - + pagoPA notice + - + + + + Notice code + + + 1111 2222 3333 4444 00 + + + - - - Notice code - - - 1111 2222 3333 4444 00 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + + + Payee fiscal code + + + 01234567890 + + + - - - Payee fiscal code - - - 01234567890 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + @@ -89295,19 +89399,15 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo + + @@ -91255,25 +91369,16 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo - - - Notifica - - + Notifica + - + + + + Codice IUN + + + randomIUN + + + - - - Codice IUN - - - randomIUN - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + Message + - + + + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice - - + pagoPA notice + - + + + + Notice code + + + 1111 2222 3333 4444 00 + + + - - - Notice code - - - 1111 2222 3333 4444 00 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + + + Payee fiscal code + + + 01234567890 + + + - - - Payee fiscal code - - - 01234567890 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + @@ -92732,19 +92840,15 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo + + @@ -94692,25 +94810,16 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo - - - Notifica - - + Notifica + - + + + + Codice IUN + + + randomIUN + + + - - - Codice IUN - - - randomIUN - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + Message + - + + + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + @@ -95738,19 +95850,15 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo + + @@ -97698,25 +97820,16 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo - - - Notifica - - + Notifica + - + + + + Codice IUN + + + randomIUN + + + - - - Codice IUN - - - randomIUN - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + Message + - + + + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice 1 - - + pagoPA notice 1 + - + + + + Notice code + + + 9999 8888 7777 6666 55 + + + - - - Notice code - - - 9999 8888 7777 6666 55 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + @@ -98983,19 +99099,15 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo + + @@ -100943,25 +101069,16 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo - - - Notifica - - + Notifica + - + + + + Codice IUN + + + randomIUN + + + - - - Codice IUN - - - randomIUN - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + Message + - + + + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + @@ -101989,19 +102109,15 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo + + @@ -103949,25 +104079,16 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo - - - Notifica - - + Notifica + - + + + + Codice IUN + + + randomIUN + + + - - - Codice IUN - - - randomIUN - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + Message + - + + + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + @@ -104995,19 +105119,15 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo + + @@ -106955,25 +107089,16 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo - - - Notifica - - + Notifica + - + + + + Codice IUN + + + randomIUN + + + - - - Codice IUN - - - randomIUN - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + Message + - + + + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + @@ -108001,19 +108129,15 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo + + @@ -109961,25 +110099,16 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo - - - Notifica - - + Notifica + - + + + + Codice IUN + + + randomIUN + + + - - - Codice IUN - - - randomIUN - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + Message + - + + + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + @@ -111007,19 +111139,15 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo + + @@ -112967,25 +113109,16 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo - - - Notifica - - + Notifica + - + + + + Codice IUN + + + randomIUN + + + - - - Codice IUN - - - randomIUN - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + Message + - + + + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + @@ -114013,19 +114149,15 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo + + @@ -115973,25 +116119,16 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo - - - Notifica - - + Notifica + - + + + + Codice IUN + + + randomIUN + + + - - - Codice IUN - - - randomIUN - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + Message + - + + + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + @@ -117019,19 +117159,15 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo + + @@ -118979,25 +119129,16 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo - - - Notifica - - + Notifica + - + + + + Codice IUN + + + randomIUN + + + - - - Codice IUN - - - randomIUN - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + Message + - + + + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + @@ -120025,19 +120169,15 @@ exports[`MessageBottomMenu should match snapshot, no history, empty payments, ca - + + + + - - - Notifica - - + Notifica + - + + + + Codice IUN + + + randomIUN + + + - - - Codice IUN - - - randomIUN - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + Message + - + + + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + @@ -121276,19 +121425,15 @@ exports[`MessageBottomMenu should match snapshot, no history, empty payments, ca - + + + + - - - Notifica - - + Notifica + - + + + + Codice IUN + + + randomIUN + + + - - - Codice IUN - - - randomIUN - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + Message + - + + + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice 1 - - + pagoPA notice 1 + - + + + + Notice code + + + 1111 2222 3333 4444 55 + + + - - - Notice code - - - 1111 2222 3333 4444 55 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + @@ -122766,19 +122920,15 @@ exports[`MessageBottomMenu should match snapshot, no history, empty payments, ca - + + + + - - - Notifica - - + Notifica + - + + + + Codice IUN + + + randomIUN + + + - - - Codice IUN - - - randomIUN - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + Message + - + + + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + @@ -124017,19 +124176,15 @@ exports[`MessageBottomMenu should match snapshot, no history, empty payments, no - + + + + - - - Notifica - - + Notifica + - + + + + Codice IUN + + + randomIUN + + + - - - Codice IUN - - - randomIUN - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + Message + - + + + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + @@ -125268,19 +125432,15 @@ exports[`MessageBottomMenu should match snapshot, no history, empty payments, no - + + + + - - - Notifica - - + Notifica + - + + + + Codice IUN + + + randomIUN + + + - - - Codice IUN - - - randomIUN - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + Message + - + + + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + @@ -126519,19 +126688,15 @@ exports[`MessageBottomMenu should match snapshot, no history, empty payments, no - + + + + - - - Notifica - - + Notifica + - + + + + Codice IUN + + + randomIUN + + + - - - Codice IUN - - - randomIUN - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + Message + - + + + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + @@ -127770,19 +127944,15 @@ exports[`MessageBottomMenu should match snapshot, no history, empty payments, un - + + + + - - - Notifica - - + Notifica + - + + + + Codice IUN + + + randomIUN + + + - - - Codice IUN - - - randomIUN - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + Message + - + + + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + @@ -129021,19 +129200,15 @@ exports[`MessageBottomMenu should match snapshot, no history, empty payments, un - + + + + - - - Notifica - - + Notifica + - + + + + Codice IUN + + + randomIUN + + + - - - Codice IUN - - - randomIUN - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + Message + - + + + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + @@ -130272,19 +130456,15 @@ exports[`MessageBottomMenu should match snapshot, no history, empty payments, un - + + + + - - - Notifica - - + Notifica + - + + + + Codice IUN + + + randomIUN + + + - - - Codice IUN - - - randomIUN - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + Message + - + + + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + @@ -131523,19 +131712,15 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, - + + + + - - - Notifica - - + Notifica + - + + + + Codice IUN + + + randomIUN + + + - - - Codice IUN - - - randomIUN - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + Message + - + + + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + @@ -132774,19 +132968,15 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, - + + + + - - - Notifica - - + Notifica + - + + + + Codice IUN + + + randomIUN + + + - - - Codice IUN - - - randomIUN - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + Message + - + + + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice 1 - - + pagoPA notice 1 + - + + + + Notice code + + + 1111 2222 3333 4444 55 + + + - - - Notice code - - - 1111 2222 3333 4444 55 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + @@ -134264,19 +134463,15 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, - + + + + - - - Notifica - - + Notifica + - + + + + Codice IUN + + + randomIUN + + + - - - Codice IUN - - - randomIUN - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + Message + - + + + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + @@ -135515,19 +135719,15 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, - + + + + - - - Notifica - - + Notifica + - + + + + Codice IUN + + + randomIUN + + + - - - Codice IUN - - - randomIUN - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + Message + - + + + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice 1 - - + pagoPA notice 1 + - + + + + Notice code + + + 1111 2222 3333 4444 00 + + + - - - Notice code - - - 1111 2222 3333 4444 00 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + + + Payee fiscal code + + + 01234567890 + + + - - - Payee fiscal code - - - 01234567890 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice 2 - - + pagoPA notice 2 + - + + + + Notice code + + + 1111 2222 3333 4444 01 + + + - - - Notice code - - - 1111 2222 3333 4444 01 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + + + Payee fiscal code + + + 01234567890 + + + - - - Payee fiscal code - - - 01234567890 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice 3 - - + pagoPA notice 3 + - + + + + Notice code + + + 1111 2222 3333 4444 02 + + + - - - Notice code - - - 1111 2222 3333 4444 02 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + + + Payee fiscal code + + + 01234567890 + + + - - - Payee fiscal code - - - 01234567890 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + @@ -138059,19 +138268,15 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, - + + + + - - - Notifica - - + Notifica + - + + + + Codice IUN + + + randomIUN + + + - - - Codice IUN - - - randomIUN - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + Message + - + + + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice 1 - - + pagoPA notice 1 + - + + + + Notice code + + + 1111 2222 3333 4444 00 + + + - - - Notice code - - - 1111 2222 3333 4444 00 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + + + Payee fiscal code + + + 01234567890 + + + - - - Payee fiscal code - - - 01234567890 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice 2 - - + pagoPA notice 2 + - + + + + Notice code + + + 1111 2222 3333 4444 01 + + + - - - Notice code - - - 1111 2222 3333 4444 01 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + + + Payee fiscal code + + + 01234567890 + + + - - - Payee fiscal code - - - 01234567890 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice 3 - - + pagoPA notice 3 + - + + + + Notice code + + + 1111 2222 3333 4444 02 + + + - - - Notice code - - - 1111 2222 3333 4444 02 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + + + Payee fiscal code + + + 01234567890 + + + - - - Payee fiscal code - - - 01234567890 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + @@ -140603,19 +140817,15 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, - + + + + - - - Notifica - - + Notifica + - + + + + Codice IUN + + + randomIUN + + + - - - Codice IUN - - - randomIUN - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + Message + - + + + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice 1 - - + pagoPA notice 1 + - + + + + Notice code + + + 1111 2222 3333 4444 00 + + + - - - Notice code - - - 1111 2222 3333 4444 00 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + + + Payee fiscal code + + + 01234567890 + + + - - - Payee fiscal code - - - 01234567890 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice 2 - - + pagoPA notice 2 + - + + + + Notice code + + + 1111 2222 3333 4444 01 + + + - - - Notice code - - - 1111 2222 3333 4444 01 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + + + Payee fiscal code + + + 01234567890 + + + - - - Payee fiscal code - - - 01234567890 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice 3 - - + pagoPA notice 3 + - + + + + Notice code + + + 1111 2222 3333 4444 02 + + + - - - Notice code - - - 1111 2222 3333 4444 02 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + + + Payee fiscal code + + + 01234567890 + + + - - - Payee fiscal code - - - 01234567890 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + @@ -143147,19 +143366,15 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, - + + + + - - - Notifica - - + Notifica + - + + + + Codice IUN + + + randomIUN + + + - - - Codice IUN - - - randomIUN - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + Message + - + + + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice 1 - - + pagoPA notice 1 + - + + + + Notice code + + + 1111 2222 3333 4444 00 + + + - - - Notice code - - - 1111 2222 3333 4444 00 - - - - - - - - - - - + + + + + + - + + + + Payee fiscal code + + + 01234567890 + + + - - - Payee fiscal code - - - 01234567890 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice 2 - - + pagoPA notice 2 + - + + + + Notice code + + + 1111 2222 3333 4444 01 + + + - - - Notice code - - - 1111 2222 3333 4444 01 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + + + Payee fiscal code + + + 01234567890 + + + - - - Payee fiscal code - - - 01234567890 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice 3 - - + pagoPA notice 3 + - + + + + Notice code + + + 1111 2222 3333 4444 02 + + + - - - Notice code - - - 1111 2222 3333 4444 02 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + + + Payee fiscal code + + + 01234567890 + + + - - - Payee fiscal code - - - 01234567890 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + @@ -145691,19 +145915,15 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, - + + + + - - - Notifica - - + Notifica + - + + + + Codice IUN + + + randomIUN + + + - - - Codice IUN - - - randomIUN - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + Message + - + + + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice 1 - - + pagoPA notice 1 + - + + + + Notice code + + + 1111 2222 3333 4444 00 + + + - - - Notice code - - - 1111 2222 3333 4444 00 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + + + Payee fiscal code + + + 01234567890 + + + - - - Payee fiscal code - - - 01234567890 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice 2 - - + pagoPA notice 2 + - + + + + Notice code + + + 1111 2222 3333 4444 01 + + + - - - Notice code - - - 1111 2222 3333 4444 01 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + + + Payee fiscal code + + + 01234567890 + + + - - - Payee fiscal code - - - 01234567890 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice 3 - - + pagoPA notice 3 + - + + + + Notice code + + + 1111 2222 3333 4444 02 + + + - - - Notice code - - - 1111 2222 3333 4444 02 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + + + Payee fiscal code + + + 01234567890 + + + - - - Payee fiscal code - - - 01234567890 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + @@ -148235,19 +148464,15 @@ exports[`MessageBottomMenu should match snapshot, no history, multiple payments, - + + + + - - - Notifica - - + Notifica + - + + + + Codice IUN + + + randomIUN + + + - - - Codice IUN - - - randomIUN - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + Message + - + + + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice 1 - - + pagoPA notice 1 + - + + + + Notice code + + + 1111 2222 3333 4444 00 + + + - - - Notice code - - - 1111 2222 3333 4444 00 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + + + Payee fiscal code + + + 01234567890 + + + - - - Payee fiscal code - - - 01234567890 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice 2 - - + pagoPA notice 2 + - + + + + Notice code + + + 1111 2222 3333 4444 01 + + + - - - Notice code - - - 1111 2222 3333 4444 01 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + + + Payee fiscal code + + + 01234567890 + + + - - - Payee fiscal code - - - 01234567890 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice 3 - - + pagoPA notice 3 + - + + + + Notice code + + + 1111 2222 3333 4444 02 + + + - - - Notice code - - - 1111 2222 3333 4444 02 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + + + Payee fiscal code + + + 01234567890 + + + - - - Payee fiscal code - - - 01234567890 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + @@ -150779,19 +151013,15 @@ exports[`MessageBottomMenu should match snapshot, no history, one payment, cance - + + + + - - - Notifica - - + Notifica + - + + + + Codice IUN + + + randomIUN + + + - - - Codice IUN - - - randomIUN - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + Message + - + + + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + @@ -152030,19 +152269,15 @@ exports[`MessageBottomMenu should match snapshot, no history, one payment, cance - + + + + - - - Notifica - - + Notifica + - + + + + Codice IUN + + + randomIUN + + + - - - Codice IUN - - - randomIUN - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + Message + - + + + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice 1 - - + pagoPA notice 1 + - + + + + Notice code + + + 1111 2222 3333 4444 55 + + + - - - Notice code - - - 1111 2222 3333 4444 55 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + @@ -153513,32 +153757,239 @@ exports[`MessageBottomMenu should match snapshot, no history, one payment, cance ] } > - Stato della notifica + Stato della notifica + + + + + + + + + + + + + + + + + + + + + + + + Show more data - - - - - - - - - - - + - - Show more data - - - - - - - - - - - - Notifica - - + Notifica + - + + + + Codice IUN + + + randomIUN + + + - - - Codice IUN - - - randomIUN - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + Message + - + + + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + @@ -154771,19 +155020,15 @@ exports[`MessageBottomMenu should match snapshot, no history, one payment, not c - + + + + - - - Notifica - - + Notifica + - + + + + Codice IUN + + + randomIUN + + + - - - Codice IUN - - - randomIUN - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + Message + - + + + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice - - + pagoPA notice + - + + + + Notice code + + + 1111 2222 3333 4444 00 + + + - - - Notice code - - - 1111 2222 3333 4444 00 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + + + Payee fiscal code + + + 01234567890 + + + - - - Payee fiscal code - - - 01234567890 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + @@ -156453,19 +156707,15 @@ exports[`MessageBottomMenu should match snapshot, no history, one payment, not c - + + + + - - - Notifica - - + Notifica + - + + + + Codice IUN + + + randomIUN + + + - - - Codice IUN - - - randomIUN - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + Message + - + + + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice - - + pagoPA notice + - + + + + Notice code + + + 1111 2222 3333 4444 00 + + + - - - Notice code - - - 1111 2222 3333 4444 00 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + + + Payee fiscal code + + + 01234567890 + + + - - - Payee fiscal code - - - 01234567890 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + @@ -158135,19 +158394,15 @@ exports[`MessageBottomMenu should match snapshot, no history, one payment, not c - + + + + - - - Notifica - - + Notifica + - + + + + Codice IUN + + + randomIUN + + + - - - Codice IUN - - - randomIUN - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + Message + - + + + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice - - + pagoPA notice + - + + + + Notice code + + + 1111 2222 3333 4444 00 + + + - - - Notice code - - - 1111 2222 3333 4444 00 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + + + Payee fiscal code + + + 01234567890 + + + - - - Payee fiscal code - - - 01234567890 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + @@ -159817,19 +160081,15 @@ exports[`MessageBottomMenu should match snapshot, no history, one payment, undef - + + + + - - - Notifica - - + Notifica + - + + + + Codice IUN + + + randomIUN + + + - - - Codice IUN - - - randomIUN - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + Message + - + + + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice - - + pagoPA notice + - + + + + Notice code + + + 1111 2222 3333 4444 00 + + + - - - Notice code - - - 1111 2222 3333 4444 00 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + + + Payee fiscal code + + + 01234567890 + + + - - - Payee fiscal code - - - 01234567890 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + @@ -161499,19 +161768,15 @@ exports[`MessageBottomMenu should match snapshot, no history, one payment, undef - + + + + - - - Notifica - - + Notifica + - + + + + Codice IUN + + + randomIUN + + + - - - Codice IUN - - - randomIUN - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + Message + - + + + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice - - + pagoPA notice + - + + + + Notice code + + + 1111 2222 3333 4444 00 + + + - - - Notice code - - - 1111 2222 3333 4444 00 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + + + Payee fiscal code + + + 01234567890 + + + - - - Payee fiscal code - - - 01234567890 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + @@ -163181,19 +163455,15 @@ exports[`MessageBottomMenu should match snapshot, no history, one payment, undef - + + + + - - - Notifica - - + Notifica + - + + + + Codice IUN + + + randomIUN + + + - - - Codice IUN - - - randomIUN - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + Message + - + + + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice - - + pagoPA notice + - + + + + Notice code + + + 1111 2222 3333 4444 00 + + + - - - Notice code - - - 1111 2222 3333 4444 00 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + - + - + + + + Payee fiscal code + + + 01234567890 + + + - - - Payee fiscal code - - - 01234567890 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + @@ -164863,19 +165142,15 @@ exports[`MessageBottomMenu should match snapshot, no history, undefined payments - + + + + - - - Notifica - - + Notifica + - + + + + Codice IUN + + + randomIUN + + + - - - Codice IUN - - - randomIUN - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + Message + - + + + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + @@ -166114,19 +166398,15 @@ exports[`MessageBottomMenu should match snapshot, no history, undefined payments - + + + + - - - Notifica - - + Notifica + - + + + + Codice IUN + + + randomIUN + + + - - - Codice IUN - - - randomIUN - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + Message + - + + + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - pagoPA notice 1 - - + pagoPA notice 1 + - + + + + Notice code + + + 1111 2222 3333 4444 55 + + + - - - Notice code - - - 1111 2222 3333 4444 55 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + @@ -167597,32 +167886,239 @@ exports[`MessageBottomMenu should match snapshot, no history, undefined payments ] } > - Stato della notifica + Stato della notifica + + + + + + + + + + + + + + + + + + + + + + + + Show more data - - - - - - - - - - - + - - Show more data - - - - - - - - - - - - Notifica - - + Notifica + - + + + + Codice IUN + + + randomIUN + + + - - - Codice IUN - - - randomIUN - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + Message + - + + + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + @@ -168855,19 +169149,15 @@ exports[`MessageBottomMenu should match snapshot, no history, undefined payments - + + + + - - - Notifica - - + Notifica + - + + + + Codice IUN + + + randomIUN + + + - - - Codice IUN - - - randomIUN - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + Message + - + + + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + @@ -170099,32 +170398,239 @@ exports[`MessageBottomMenu should match snapshot, no history, undefined payments ] } > - Stato della notifica + Stato della notifica + + + + + + + + + + + + + + + + + + + + + + + + Show more data - - - - - - - - - - - + - - Show more data - - - - - - - - - - - - Notifica - - + Notifica + - + + + + Codice IUN + + + randomIUN + + + - - - Codice IUN - - - randomIUN - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + Message + - + + + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + @@ -171357,19 +171661,15 @@ exports[`MessageBottomMenu should match snapshot, no history, undefined payments - + + + + - - - Notifica - - + Notifica + - + + + + Codice IUN + + + randomIUN + + + - - - Codice IUN - - - randomIUN - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + Message + - + + + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + @@ -172601,32 +172910,239 @@ exports[`MessageBottomMenu should match snapshot, no history, undefined payments ] } > - Stato della notifica + Stato della notifica + + + + + + + + + + + + + + + + + + + + + + + + Show more data - - - - - - - - - - - + - - Show more data - - - - - - - - - - - - Notifica - - + Notifica + - + + + + Codice IUN + + + randomIUN + + + - - - Codice IUN - - - randomIUN - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + Message + - + + + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + @@ -173859,19 +174173,15 @@ exports[`MessageBottomMenu should match snapshot, no history, undefined payments - + + + + - - - Notifica - - + Notifica + - + + + + Codice IUN + + + randomIUN + + + - - - Codice IUN - - - randomIUN - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + Message + - + + + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + @@ -175110,19 +175429,15 @@ exports[`MessageBottomMenu should match snapshot, no history, undefined payments - + + + + - - - Notifica - - + Notifica + - + + + + Codice IUN + + + randomIUN + + + - - - Codice IUN - - - randomIUN - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + Message + - + + + + Message ID + + + 01HVPB9XYZMWNEPTDKZJ8ZJV28 + + + - - - Message ID - - - 01HVPB9XYZMWNEPTDKZJ8ZJV28 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + diff --git a/ts/features/pn/components/__test__/__snapshots__/MessageDetails.test.tsx.snap b/ts/features/pn/components/__test__/__snapshots__/MessageDetails.test.tsx.snap index a82a7173905..0c8ae67e9fc 100644 --- a/ts/features/pn/components/__test__/__snapshots__/MessageDetails.test.tsx.snap +++ b/ts/features/pn/components/__test__/__snapshots__/MessageDetails.test.tsx.snap @@ -869,19 +869,15 @@ exports[`MessageDetails component should match the snapshot with default props 1 - + + + + - - - Notifica - - + Notifica + - + + + + Codice IUN + + + 731143-7-0317-8200-0 + + + - - - Codice IUN - - - 731143-7-0317-8200-0 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + Message + - + + + + Message ID + + + 01HRYR6C761DGH3S84HBBXMMKT + + + - - - Message ID - - - 01HRYR6C761DGH3S84HBBXMMKT - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + diff --git a/ts/features/pn/components/__test__/__snapshots__/MessagePaymentBottomSheet.test.tsx.snap b/ts/features/pn/components/__test__/__snapshots__/MessagePaymentBottomSheet.test.tsx.snap index 276d1963d21..c522f15bd6f 100644 --- a/ts/features/pn/components/__test__/__snapshots__/MessagePaymentBottomSheet.test.tsx.snap +++ b/ts/features/pn/components/__test__/__snapshots__/MessagePaymentBottomSheet.test.tsx.snap @@ -335,19 +335,15 @@ exports[`MessagePaymentBottomSheet should match snapshot, no payments 1`] = ` } > - + + + @@ -723,19 +727,15 @@ exports[`MessagePaymentBottomSheet should match snapshot, six payments 1`] = ` } > + diff --git a/ts/features/pn/components/__test__/__snapshots__/TimelineListItem.test.tsx.snap b/ts/features/pn/components/__test__/__snapshots__/TimelineListItem.test.tsx.snap index 1894c29caf2..6ecc034ccf7 100644 --- a/ts/features/pn/components/__test__/__snapshots__/TimelineListItem.test.tsx.snap +++ b/ts/features/pn/components/__test__/__snapshots__/TimelineListItem.test.tsx.snap @@ -498,19 +498,15 @@ exports[`TimelineListItem Should match snapshot, all handled-status items histor + + @@ -2804,19 +2814,15 @@ exports[`TimelineListItem Should match snapshot, all handled-status items histor + + @@ -5110,19 +5130,15 @@ exports[`TimelineListItem Should match snapshot, no history, no link 1`] = ` - + + + + @@ -5661,19 +5692,15 @@ exports[`TimelineListItem Should match snapshot, no history, with link 1`] = ` - + + + + diff --git a/ts/features/pn/screens/__test__/__snapshots__/MessageDetailsScreen.test.tsx.snap b/ts/features/pn/screens/__test__/__snapshots__/MessageDetailsScreen.test.tsx.snap index 9ce4751b79b..30d2388d416 100644 --- a/ts/features/pn/screens/__test__/__snapshots__/MessageDetailsScreen.test.tsx.snap +++ b/ts/features/pn/screens/__test__/__snapshots__/MessageDetailsScreen.test.tsx.snap @@ -1358,19 +1358,15 @@ exports[`MessageDetailsScreen should match the snapshot when everything went fin - + + + + - - - Notifica - - + Notifica + - + + + + Codice IUN + + + 731143-7-0317-8200-0 + + + - - - Codice IUN - - - 731143-7-0317-8200-0 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + + - - - Message - - + Message + - + + + + Message ID + + + FAT00001 + + + - - - Message ID - - - FAT00001 - - - - - - - - + fillRule={0} + propList={ + [ + "fill", + "fillRule", + ] + } + /> + + + diff --git a/ts/features/pushNotifications/components/__tests__/__snapshots__/ProfileNotificationsSettings.test.tsx.snap b/ts/features/pushNotifications/components/__tests__/__snapshots__/ProfileNotificationsSettings.test.tsx.snap index 093f5b644f5..93a3576c210 100644 --- a/ts/features/pushNotifications/components/__tests__/__snapshots__/ProfileNotificationsSettings.test.tsx.snap +++ b/ts/features/pushNotifications/components/__tests__/__snapshots__/ProfileNotificationsSettings.test.tsx.snap @@ -886,19 +886,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -1999,19 +2002,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -2959,19 +2965,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -4072,19 +4081,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -5178,19 +5190,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -6437,19 +6452,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -7543,19 +7561,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -8802,19 +8823,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -9762,19 +9786,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -10875,19 +10902,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -11835,19 +11865,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -12948,19 +12981,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -14054,19 +14090,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -15313,19 +15352,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -16419,19 +16461,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -17678,19 +17723,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -18638,19 +18686,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -19751,19 +19802,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -20711,19 +20765,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -21824,19 +21881,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -22930,19 +22990,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -24189,19 +24252,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -25295,19 +25361,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -26554,19 +26623,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -27514,19 +27586,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -28627,19 +28702,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -29587,19 +29665,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -30700,19 +30781,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -31806,19 +31890,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -33065,19 +33152,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -34171,19 +34261,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -35430,19 +35523,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -36536,19 +36632,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -37795,19 +37894,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -38901,19 +39003,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -40160,19 +40265,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -41412,19 +41520,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -42817,19 +42928,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -44069,19 +44183,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -45474,19 +45591,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -46580,19 +46700,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -47839,19 +47962,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -48945,19 +49071,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -50204,19 +50333,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -51456,19 +51588,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -52861,19 +52996,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -54113,19 +54251,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -55518,19 +55659,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -56624,19 +56768,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -57883,19 +58030,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -58989,19 +59139,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -60248,19 +60401,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -61500,19 +61656,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -62905,19 +63064,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -64157,19 +64319,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -65562,19 +65727,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -66668,19 +66836,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -67927,19 +68098,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -69033,19 +69207,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -70292,19 +70469,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -71544,19 +71724,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -72949,19 +73132,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -74201,19 +74387,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -75606,19 +75795,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview disabled, pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -76566,19 +76758,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -77679,19 +77874,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -78639,19 +78837,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -79752,19 +79953,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -80858,19 +81062,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -82117,19 +82324,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -83223,19 +83433,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -84482,19 +84695,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -85442,19 +85658,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -86555,19 +86774,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -87515,19 +87737,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -88628,19 +88853,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -89734,19 +89962,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -90993,19 +91224,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -92099,19 +92333,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -93358,19 +93595,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -94318,19 +94558,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -95431,19 +95674,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -96391,19 +96637,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -97504,19 +97753,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -98610,19 +98862,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -99869,19 +100124,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -100975,19 +101233,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -102234,19 +102495,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -103194,19 +103458,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -104307,19 +104574,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -105267,19 +105537,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -106380,19 +106653,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -107486,19 +107762,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -108745,19 +109024,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -109851,19 +110133,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -111110,19 +111395,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -112216,19 +112504,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -113475,19 +113766,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -114581,19 +114875,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -115840,19 +116137,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -117092,19 +117392,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -118497,19 +118800,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -119749,19 +120055,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -121154,19 +121463,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -122260,19 +122572,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -123519,19 +123834,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -124625,19 +124943,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -125884,19 +126205,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -127136,19 +127460,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -128541,19 +128868,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -129793,19 +130123,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -131198,19 +131531,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -132304,19 +132640,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -133563,19 +133902,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -134669,19 +135011,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -135928,19 +136273,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -137180,19 +137528,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -138585,19 +138936,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -139837,19 +140191,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -141242,19 +141599,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -142348,19 +142708,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -143607,19 +143970,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -144713,19 +145079,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -145972,19 +146341,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -147224,19 +147596,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -148629,19 +149004,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -149881,19 +150259,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -151286,19 +151667,15 @@ exports[`ProfileNotificationSettings should match snapshot, preview enabled , pr } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + diff --git a/ts/features/pushNotifications/components/__tests__/__snapshots__/PushNotificationsBanner.test.tsx.snap b/ts/features/pushNotifications/components/__tests__/__snapshots__/PushNotificationsBanner.test.tsx.snap index 113a5f01238..f181f3c7722 100644 --- a/ts/features/pushNotifications/components/__tests__/__snapshots__/PushNotificationsBanner.test.tsx.snap +++ b/ts/features/pushNotifications/components/__tests__/__snapshots__/PushNotificationsBanner.test.tsx.snap @@ -815,19 +815,15 @@ exports[`PushNotificationsBanner should render correctly and call 'trackPushNoti Ti ricordiamo che attivare le notifiche push può aiutarti a non perdere comunicazioni importanti e scadenze sui pagamenti. + + diff --git a/ts/features/pushNotifications/screens/__tests__/__snapshots__/OnboardingNotificationsPreferencesScreen.test.tsx.snap b/ts/features/pushNotifications/screens/__tests__/__snapshots__/OnboardingNotificationsPreferencesScreen.test.tsx.snap index 760a233469e..edd9d2ff31b 100644 --- a/ts/features/pushNotifications/screens/__tests__/__snapshots__/OnboardingNotificationsPreferencesScreen.test.tsx.snap +++ b/ts/features/pushNotifications/screens/__tests__/__snapshots__/OnboardingNotificationsPreferencesScreen.test.tsx.snap @@ -960,19 +960,15 @@ exports[`OnboardingNotificationsPreferencesScreen should match snapshot when not } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -2379,19 +2382,15 @@ exports[`OnboardingNotificationsPreferencesScreen should match snapshot when not } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -3799,19 +3805,15 @@ exports[`OnboardingNotificationsPreferencesScreen should match snapshot when not } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -5219,19 +5228,15 @@ exports[`OnboardingNotificationsPreferencesScreen should match snapshot when not } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -6931,19 +6943,15 @@ exports[`OnboardingNotificationsPreferencesScreen should match snapshot when upd } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + diff --git a/ts/features/services/home/hooks/useServicesHomeBottomSheet.tsx b/ts/features/services/home/hooks/useServicesHomeBottomSheet.tsx index ef28d98ecae..1ec51e06584 100644 --- a/ts/features/services/home/hooks/useServicesHomeBottomSheet.tsx +++ b/ts/features/services/home/hooks/useServicesHomeBottomSheet.tsx @@ -9,7 +9,7 @@ import { import I18n from "../../../../i18n"; import { useIONavigation } from "../../../../navigation/params/AppParamsList"; import ROUTES from "../../../../navigation/routes"; -import { useIOBottomSheetAutoresizableModal } from "../../../../utils/hooks/bottomSheet"; +import { useIOBottomSheetModal } from "../../../../utils/hooks/bottomSheet"; import * as analytics from "../../common/analytics"; const styles = StyleSheet.create({ @@ -58,7 +58,7 @@ export const useServicesHomeBottomSheet = () => { } ]; - const { present, bottomSheet, dismiss } = useIOBottomSheetAutoresizableModal({ + const { present, bottomSheet, dismiss } = useIOBottomSheetModal({ title: "", component: ( , - fullScreen: true + component: }); const showSecuritySuggestionModal = useCallback(() => { diff --git a/ts/screens/authentication/UnlockAccessComponent.tsx b/ts/screens/authentication/UnlockAccessComponent.tsx index a69274a6ff0..3a0a8c0741d 100644 --- a/ts/screens/authentication/UnlockAccessComponent.tsx +++ b/ts/screens/authentication/UnlockAccessComponent.tsx @@ -7,7 +7,7 @@ import { } from "@pagopa/io-app-design-system"; import { Text, View } from "react-native"; import I18n from "../../i18n"; -import { useIOBottomSheetAutoresizableModal } from "../../utils/hooks/bottomSheet"; +import { useIOBottomSheetModal } from "../../utils/hooks/bottomSheet"; import { openWebUrl } from "../../utils/url"; import ROUTES from "../../navigation/routes"; import { useIONavigation } from "../../navigation/params/AppParamsList"; @@ -77,14 +77,10 @@ const UnlockAccessComponent = (props: UnlockAccessProps) => { const { present: presentVeryLongAutoresizableBottomSheetWithFooter, bottomSheet: veryLongAutoResizableBottomSheetWithFooter - } = useIOBottomSheetAutoresizableModal( - { - title: I18n.t("authentication.unlockmodal.title"), - component: , - fullScreen: true - }, - 100 - ); + } = useIOBottomSheetModal({ + title: I18n.t("authentication.unlockmodal.title"), + component: + }); const onPressActionButton = () => { if (authLevel === "L2") { diff --git a/ts/screens/authentication/__tests__/UnlockAccessComponent.test.tsx b/ts/screens/authentication/__tests__/UnlockAccessComponent.test.tsx index 801fd55b896..da6233808b6 100644 --- a/ts/screens/authentication/__tests__/UnlockAccessComponent.test.tsx +++ b/ts/screens/authentication/__tests__/UnlockAccessComponent.test.tsx @@ -5,7 +5,7 @@ import { Provider } from "react-redux"; import UnlockAccessComponent, { UnlockAccessProps } from "../../authentication/UnlockAccessComponent"; -import { useIOBottomSheetAutoresizableModal } from "../../../utils/hooks/bottomSheet"; +import { useIOBottomSheetModal } from "../../../utils/hooks/bottomSheet"; import { openWebUrl } from "../../../utils/url"; import { useIONavigation } from "../../../navigation/params/AppParamsList"; import I18n from "../../../i18n"; @@ -19,7 +19,7 @@ jest.mock("../../../utils/url"); jest.mock("../../../navigation/params/AppParamsList"); const mockedUseIOBottomSheetAutoresizableModal = - useIOBottomSheetAutoresizableModal as jest.Mock; + useIOBottomSheetModal as jest.Mock; const mockedOpenWebUrl = openWebUrl as jest.Mock; const mockedUseIONavigation = useIONavigation as jest.Mock; diff --git a/ts/screens/authentication/__tests__/__snapshots__/LandingScreen.test.tsx.snap b/ts/screens/authentication/__tests__/__snapshots__/LandingScreen.test.tsx.snap index 0f91745645d..813af2e9016 100644 --- a/ts/screens/authentication/__tests__/__snapshots__/LandingScreen.test.tsx.snap +++ b/ts/screens/authentication/__tests__/__snapshots__/LandingScreen.test.tsx.snap @@ -1937,9 +1937,9 @@ exports[`LandingScreen Should match the snapshot 1`] = ` /> + diff --git a/ts/screens/authentication/cie/CiePinScreen.tsx b/ts/screens/authentication/cie/CiePinScreen.tsx index e79dbe788e9..6baa5efe99c 100644 --- a/ts/screens/authentication/cie/CiePinScreen.tsx +++ b/ts/screens/authentication/cie/CiePinScreen.tsx @@ -51,7 +51,7 @@ import { useIODispatch, useIOSelector } from "../../../store/hooks"; import { isNfcEnabledSelector } from "../../../store/reducers/cie"; import { SessionToken } from "../../../types/SessionToken"; import { setAccessibilityFocus } from "../../../utils/accessibility"; -import { useIOBottomSheetAutoresizableModal } from "../../../utils/hooks/bottomSheet"; +import { useIOBottomSheetModal } from "../../../utils/hooks/bottomSheet"; import { useOnFirstRender } from "../../../utils/hooks/useOnFirstRender"; import { getIdpLoginUri } from "../../../utils/login"; import { withTrailingPoliceCarLightEmojii } from "../../../utils/strings"; @@ -105,7 +105,7 @@ const CiePinScreen = () => { ); const isEnabled = useIOSelector(isNfcEnabledSelector); const isNfcEnabled = pot.getOrElse(isEnabled, false); - const { present, bottomSheet } = useIOBottomSheetAutoresizableModal({ + const { present, bottomSheet } = useIOBottomSheetModal({ component: ( diff --git a/ts/screens/authentication/hooks/usePosteIDApp2AppEducational.tsx b/ts/screens/authentication/hooks/usePosteIDApp2AppEducational.tsx index d0373e0ef3a..224eab36ff9 100644 --- a/ts/screens/authentication/hooks/usePosteIDApp2AppEducational.tsx +++ b/ts/screens/authentication/hooks/usePosteIDApp2AppEducational.tsx @@ -3,7 +3,7 @@ import { useCallback, useEffect, useMemo, useRef } from "react"; import * as pot from "@pagopa/ts-commons/lib/pot"; import { Body, FeatureInfo, VSpacer } from "@pagopa/io-app-design-system"; import IOMarkdown from "../../../components/IOMarkdown"; -import { useIOBottomSheetAutoresizableModal } from "../../../utils/hooks/bottomSheet"; +import { useIOBottomSheetModal } from "../../../utils/hooks/bottomSheet"; import I18n from "../../../i18n"; import { SpidIdp } from "../../../../definitions/content/SpidIdp"; import { StandardLoginRequestInfo } from "../../../features/spidLogin/types"; @@ -68,7 +68,7 @@ export const usePosteIDApp2AppEducational = ({ presentedRef.current = true; }, []); - const { bottomSheet, present } = useIOBottomSheetAutoresizableModal({ + const { bottomSheet, present } = useIOBottomSheetModal({ title: I18n.t("authentication.idp_login.poste_id.bottom_sheet.title"), component: bottomSheetContent, onDismiss: handleOnDismiss diff --git a/ts/screens/modal/RootedDeviceModal.tsx b/ts/screens/modal/RootedDeviceModal.tsx index e2cdd2dcfec..3c3eaeb7162 100644 --- a/ts/screens/modal/RootedDeviceModal.tsx +++ b/ts/screens/modal/RootedDeviceModal.tsx @@ -17,7 +17,7 @@ import IOMarkdown from "../../components/IOMarkdown"; import I18n from "../../i18n"; import { useIONavigation } from "../../navigation/params/AppParamsList"; import { continueWithRootOrJailbreak } from "../../store/actions/persistedPreferences"; -import { useIOBottomSheetAutoresizableModal } from "../../utils/hooks/bottomSheet"; +import { useIOBottomSheetModal } from "../../utils/hooks/bottomSheet"; import { trackLoginRootedScreen } from "./analytics"; const RootedDeviceModal = () => { @@ -39,7 +39,7 @@ const RootedDeviceModal = () => { const { present: presentLearnMoreBottomSheet, bottomSheet: learnMoreBottomSheet - } = useIOBottomSheetAutoresizableModal({ + } = useIOBottomSheetModal({ title: I18n.t("rooted.learnMoreBottomsheet.title"), component: }); diff --git a/ts/screens/profile/__test__/__snapshots__/NotificationsPreferencesScreen.test.tsx.snap b/ts/screens/profile/__test__/__snapshots__/NotificationsPreferencesScreen.test.tsx.snap index 615925e6b02..8685d50216e 100644 --- a/ts/screens/profile/__test__/__snapshots__/NotificationsPreferencesScreen.test.tsx.snap +++ b/ts/screens/profile/__test__/__snapshots__/NotificationsPreferencesScreen.test.tsx.snap @@ -849,19 +849,15 @@ exports[`NotificationsPreferencesScreen should match snapshot, disabled preview } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -2132,19 +2135,15 @@ exports[`NotificationsPreferencesScreen should match snapshot, disabled preview } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -3415,19 +3421,15 @@ exports[`NotificationsPreferencesScreen should match snapshot, disabled preview } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -4698,19 +4707,15 @@ exports[`NotificationsPreferencesScreen should match snapshot, disabled preview } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -5981,19 +5993,15 @@ exports[`NotificationsPreferencesScreen should match snapshot, disabled preview } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -7264,19 +7279,15 @@ exports[`NotificationsPreferencesScreen should match snapshot, disabled preview } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -8547,19 +8565,15 @@ exports[`NotificationsPreferencesScreen should match snapshot, enabled preview } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -9830,19 +9851,15 @@ exports[`NotificationsPreferencesScreen should match snapshot, enabled preview } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -11113,19 +11137,15 @@ exports[`NotificationsPreferencesScreen should match snapshot, enabled preview } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -12396,19 +12423,15 @@ exports[`NotificationsPreferencesScreen should match snapshot, enabled preview } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -13679,19 +13709,15 @@ exports[`NotificationsPreferencesScreen should match snapshot, enabled preview } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -14962,19 +14995,15 @@ exports[`NotificationsPreferencesScreen should match snapshot, enabled preview } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -16245,19 +16281,15 @@ exports[`NotificationsPreferencesScreen should match snapshot, undefined preview } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -17528,19 +17567,15 @@ exports[`NotificationsPreferencesScreen should match snapshot, undefined preview } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -18811,19 +18853,15 @@ exports[`NotificationsPreferencesScreen should match snapshot, undefined preview } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -20094,19 +20139,15 @@ exports[`NotificationsPreferencesScreen should match snapshot, undefined preview } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -21377,19 +21425,15 @@ exports[`NotificationsPreferencesScreen should match snapshot, undefined preview } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + @@ -22660,19 +22711,15 @@ exports[`NotificationsPreferencesScreen should match snapshot, undefined preview } /> If this option is enabled, push notifications show the sender and subject of messages, even when the screen is locked. This information is processed by your OS manager and by third-party apps that may be running. + diff --git a/ts/screens/profile/components/ShareDataComponent/ShareDataFeatureInfos.tsx b/ts/screens/profile/components/ShareDataComponent/ShareDataFeatureInfos.tsx index 8f3a3de438c..9a266db6e72 100644 --- a/ts/screens/profile/components/ShareDataComponent/ShareDataFeatureInfos.tsx +++ b/ts/screens/profile/components/ShareDataComponent/ShareDataFeatureInfos.tsx @@ -6,7 +6,7 @@ import { useSafeAreaInsets } from "react-native-safe-area-context"; import IOMarkdown from "../../../../components/IOMarkdown"; import I18n from "../../../../i18n"; import { setAccessibilityFocus } from "../../../../utils/accessibility"; -import { useIOBottomSheetAutoresizableModal } from "../../../../utils/hooks/bottomSheet"; +import { useIOBottomSheetModal } from "../../../../utils/hooks/bottomSheet"; import { openWebUrl } from "../../../../utils/url"; import { TrackingInfo } from "../../analytics/mixpanel/mixpanelAnalytics"; import { useIOSelector } from "../../../../store/hooks"; @@ -52,7 +52,7 @@ const MarkdownBody = () => { const AnalyticsFeatureInfo = ({ trackAction }: FeatureProps) => { const bodyRef = useRef(null); - const { present, bottomSheet } = useIOBottomSheetAutoresizableModal({ + const { present, bottomSheet } = useIOBottomSheetModal({ title: I18n.t("profile.main.privacy.shareData.whyBottomSheet.title"), component: , onDismiss: () => { diff --git a/ts/screens/profile/components/__test__/ShareDataComponent.test.tsx b/ts/screens/profile/components/__test__/ShareDataComponent.test.tsx index 5c7a8225ce2..a91d10d6f7d 100644 --- a/ts/screens/profile/components/__test__/ShareDataComponent.test.tsx +++ b/ts/screens/profile/components/__test__/ShareDataComponent.test.tsx @@ -17,7 +17,7 @@ jest.mock("../../../../utils/hooks/bottomSheet", () => { return { __esModule: true, - useIOBottomSheetAutoresizableModal: () => ({ + useIOBottomSheetModal: () => ({ present: mockPresentFn, bottomSheet: react.View }) diff --git a/ts/screens/profile/components/services/ManualConfigBottomSheet.tsx b/ts/screens/profile/components/services/ManualConfigBottomSheet.tsx index b0d5d54ea01..a2a072f16ca 100644 --- a/ts/screens/profile/components/services/ManualConfigBottomSheet.tsx +++ b/ts/screens/profile/components/services/ManualConfigBottomSheet.tsx @@ -1,10 +1,8 @@ import { FooterActionsInline } from "@pagopa/io-app-design-system"; import I18n from "../../../../i18n"; -import { useIOBottomSheetAutoresizableModal } from "../../../../utils/hooks/bottomSheet"; +import { useIOBottomSheetModal } from "../../../../utils/hooks/bottomSheet"; import IOMarkdown from "../../../../components/IOMarkdown"; -const SNAP_POINT_VALUE = 200; - const ManualConfigConfirm = (): React.ReactElement => ( void) => { present, bottomSheet: manualConfigBottomSheet, dismiss - } = useIOBottomSheetAutoresizableModal( - { - title: I18n.t( - "services.optIn.preferences.manualConfig.bottomSheet.title" - ), - component: , - fullScreen: true, - footer: ( - dismiss() - }} - endAction={{ - color: "danger", - label: I18n.t("global.buttons.confirm"), - onPress: () => { - onConfirm(); - dismiss(); - } - }} - /> - ) - }, - SNAP_POINT_VALUE - ); + } = useIOBottomSheetModal({ + title: I18n.t("services.optIn.preferences.manualConfig.bottomSheet.title"), + component: , + footer: ( + dismiss() + }} + endAction={{ + color: "danger", + label: I18n.t("global.buttons.confirm"), + onPress: () => { + onConfirm(); + dismiss(); + } + }} + /> + ) + }); return { present, manualConfigBottomSheet, dismiss }; }; diff --git a/ts/screens/profile/playgrounds/IOMarkdownPlayground.tsx b/ts/screens/profile/playgrounds/IOMarkdownPlayground.tsx index efc243c013e..7ac500b2564 100644 --- a/ts/screens/profile/playgrounds/IOMarkdownPlayground.tsx +++ b/ts/screens/profile/playgrounds/IOMarkdownPlayground.tsx @@ -21,9 +21,9 @@ import { import LinearGradient from "react-native-linear-gradient"; import { useSafeAreaInsets } from "react-native-safe-area-context"; import IOMarkdown from "../../../components/IOMarkdown"; +import { useIOBottomSheetModal } from "../../../utils/hooks/bottomSheet"; import { generateMessagesAndServicesRules } from "../../../features/common/components/IOMarkdown/customRules"; import { useHeaderSecondLevel } from "../../../hooks/useHeaderSecondLevel"; -import { useIOBottomSheetAutoresizableModal } from "../../../utils/hooks/bottomSheet"; import IOMarkdownSuggestions from "./IOMarkdownSuggestions"; const ALL = `# Lorem Ipsum @@ -134,7 +134,7 @@ export const IOMarkdownPlayground = () => { const { bottom } = useSafeAreaInsets(); const headerHeight = useHeaderHeight(); - const { present, bottomSheet } = useIOBottomSheetAutoresizableModal({ + const { present, bottomSheet } = useIOBottomSheetModal({ title: "Components", component: ( <> diff --git a/ts/utils/hooks/bottomSheet.tsx b/ts/utils/hooks/bottomSheet.tsx index cb8289e5988..e729157b5dc 100644 --- a/ts/utils/hooks/bottomSheet.tsx +++ b/ts/utils/hooks/bottomSheet.tsx @@ -1,20 +1,20 @@ import { BottomSheetBackdrop, BottomSheetBackdropProps, + BottomSheetFooter, + BottomSheetFooterProps, BottomSheetModal, BottomSheetScrollView, useBottomSheetModal } from "@gorhom/bottom-sheet"; -import { BottomSheetFooterProps } from "@gorhom/bottom-sheet/lib/typescript/components/bottomSheetFooter"; import { IOBottomSheetHeaderRadius, - IOSpacingScale, - IOVisualCostants + IOColors, + IOVisualCostants, + VSpacer } from "@pagopa/io-app-design-system"; import { NonEmptyArray } from "fp-ts/lib/NonEmptyArray"; - import { - FunctionComponent, ReactElement, ReactNode, useCallback, @@ -25,7 +25,6 @@ import { import { AccessibilityInfo, Dimensions, - LayoutChangeEvent, Modal, Platform, StyleSheet, @@ -35,17 +34,10 @@ import { useSafeAreaInsets } from "react-native-safe-area-context"; import { BottomSheetHeader } from "../../components/bottomSheet/BottomSheetHeader"; import { IOStyles } from "../../components/core/variables/IOStyles"; import { useHardwareBackButtonToDismiss } from "../../hooks/useHardwareBackButton"; -import { TestID } from "../../types/WithTestID"; import { isScreenReaderEnabled } from "../accessibility"; -import { isIos } from "../platform"; const screenHeight = Dimensions.get("window").height; -type Props = { - children: ReactNode; - footer?: ReactNode; -} & TestID; - const styles = StyleSheet.create({ bottomSheet: { borderTopRightRadius: IOBottomSheetHeaderRadius, @@ -56,30 +48,6 @@ const styles = StyleSheet.create({ overflow: "hidden" } }); -/** - * Build the base content of a BottomSheet including content padding and a ScrollView - */ -const BottomSheetContent: FunctionComponent = ({ - children, - testID -}: Props) => ( - - {children} - -); - -export type BottomSheetModalProps = { - content: ReactNode; - config: { - handleComponent: ReactElement; - }; -}; export type IOBottomSheetModal = { present: () => void; @@ -87,46 +55,19 @@ export type IOBottomSheetModal = { bottomSheet: JSX.Element; }; -/** - * Utility function to build a BottomSheet considering accessibility. This will create a common BottomSheet object to be used in the `present` function - * that is available only in component context since it uses the context api made available from https://gorhom.github.io/react-native-bottom-sheet/modal/methods - * @param content - * @param title - * @param snapPoint - * @param onClose - */ -export const bottomSheetContent = ( - content: ReactNode, - title: string | ReactNode, - onClose: () => void -): BottomSheetModalProps => { - const header = ; - - const bottomSheetBody: ReactNode = ( - {content} - ); - - return { - content: bottomSheetBody, - config: { - handleComponent: header - } - }; -}; - /** * @typedef BottomSheetOptions * @type {BottomSheetOptions} - * @property {component} component The Element to be rendered inside the bottom sheet body - * @property {title} title String or Element to be rendered as bottom-sheet header title - * @property {footer} footer Element or undefined to be rendered as sticky footer of our bottom sheet + * @property {component} component The React.Element to be rendered inside the bottom sheet body + * @property {title} title String or React.Element to be rendered as bottom-sheet header title + * @property {footer} footer React.Element or undefined to be rendered as sticky footer of our bottom sheet * @property {snapPoint} snapPoint The array of points used to pin the height of the bottom sheet * @property {onDismiss} onDismiss The possible function to be used as an effect of the dismissal of the bottom sheet */ type BottomSheetOptions = { component: ReactNode; title: string | ReactNode; - snapPoint: NonEmptyArray; + snapPoint?: NonEmptyArray; footer?: ReactElement; fullScreen?: boolean; onDismiss?: () => void; @@ -151,7 +92,25 @@ export const useIOBottomSheetModal = ({ const [screenReaderEnabled, setIsScreenReaderEnabled] = useState(false); - const bottomSheetProps = bottomSheetContent(component, title, dismissAll); + const header = ; + const bottomSheetContent = ( + + {component} + {footer ? ( + <> + + + + ) : ( + + )} + + ); const handleDismiss = () => { onDismiss?.(); @@ -192,123 +151,48 @@ export const useIOBottomSheetModal = ({ return () => screenReaderChangedSubscription.remove(); }, []); - const footerComponent = footer ? ( - {footer} - ) : null; - const bottomSheet = ( footerComponent} - snapPoints={[...snapPoint]} + footerComponent={(props: BottomSheetFooterProps) => + footer ? ( + + {footer} + + ) : null + } + enableDynamicSizing={!snapPoint} + maxDynamicContentSize={screenHeight - insets.top} + snapPoints={snapPoint} ref={bottomSheetModalRef} - handleComponent={_ => bottomSheetProps.config.handleComponent} + handleComponent={_ => header} backdropComponent={BackdropElement} enableDismissOnClose={true} accessible={false} - // set this attribute to an empty string to avoid the default announcement from the library - accessibilityPositionChangeAnnouncement={""} - handleComponentAccessibility={{ - accessible: false - }} importantForAccessibility={"yes"} onDismiss={handleDismiss} > {screenReaderEnabled && Platform.OS === "android" ? ( - {bottomSheetProps.config.handleComponent} - {bottomSheetProps.content} + {header} + {bottomSheetContent} - {footerComponent} + {footer && ( + {footer} + )} ) : ( - bottomSheetProps.content + bottomSheetContent )} ); return { present, dismiss: dismissAll, bottomSheet }; }; - -// On iOS the autoresizable bottom sheet does not open on first tap. -// This workaround seems to bypass the problem. -const DEFAULT_AUTORESIZABLE_SNAP_POINT = isIos ? 10 : 1; -const DEFAULT_BOTTOM_PADDING: IOSpacingScale = 72; - -/** - * Hook to generate a bottomSheet with a title, snapPoint and a component, that autosizes to the height of its content - * @param bottomSheetOptions - * @see {BottomSheetOptions} - * @param bottomPadding the bottom padding of the bottom sheet, default is 24 - */ -export const useIOBottomSheetAutoresizableModal = ( - { - component, - title, - footer, - onDismiss, - fullScreen - }: Omit, - // FIXME: currently the auto-resize logic measures the height of the content without - // including the footer, so we need to manually add its height as bottom padding. - // We should find a way to make the autoresizable bottom sheet work with the footer! - bottomPadding: number = DEFAULT_BOTTOM_PADDING -) => { - const [snapPoint, setSnapPoint] = useState( - DEFAULT_AUTORESIZABLE_SNAP_POINT - ); - const insets = useSafeAreaInsets(); - - const handleContentOnLayout = useCallback( - (event: LayoutChangeEvent) => { - const { height } = event.nativeEvent.layout; - const snapPoint = insets.bottom + bottomPadding + height; - - setSnapPoint( - fullScreen ? snapPoint : Math.min(screenHeight - insets.top, snapPoint) - ); - }, - [insets, fullScreen, bottomPadding] - ); - - const contentComponent = ( - {component} - ); - - return useIOBottomSheetModal({ - component: contentComponent, - title, - snapPoint: [snapPoint], - footer, - onDismiss - }); -}; - -/** - * Hook to generate a bottomSheet with a title, snapPoint and a component, in order to wrap the invocation of bottomSheetContent - * @param component - * @param title - * @param snapPoint - * @param footer - * @param onDismiss callback to be called when the bottom sheet is dismissed - * @deprecated - * use `useIOBottomSheetModal` instead - * TODO remove once all the occurencies of `useLegacyIOBottomSheetModal` will be replaced by `useIOBottomSheetModal` - */ -export const useLegacyIOBottomSheetModal = ( - component: ReactNode, - title: string | ReactNode, - snapPoint: number, - footer?: ReactElement, - onDismiss?: () => void -): IOBottomSheetModal => { - const insets = useSafeAreaInsets(); - - return useIOBottomSheetModal({ - component, - title, - snapPoint: [snapPoint + insets.top], - footer, - onDismiss - }); -}; diff --git a/yarn.lock b/yarn.lock index 2112aaf66b8..f14c27e39bc 100644 --- a/yarn.lock +++ b/yarn.lock @@ -3002,32 +3002,37 @@ __metadata: languageName: node linkType: hard -"@gorhom/bottom-sheet@npm:^4.1.5": - version: 4.1.5 - resolution: "@gorhom/bottom-sheet@npm:4.1.5" +"@gorhom/bottom-sheet@npm:^5.1.1": + version: 5.1.1 + resolution: "@gorhom/bottom-sheet@npm:5.1.1" dependencies: - "@gorhom/portal": ^1.0.11 + "@gorhom/portal": 1.0.14 invariant: ^2.2.4 - nanoid: ^3.1.20 - react-native-redash: ^16.1.1 peerDependencies: + "@types/react": "*" + "@types/react-native": "*" react: "*" react-native: "*" - react-native-gesture-handler: ">=1.10.1" - react-native-reanimated: ">=2.2.0" - checksum: 493084ffbe07980ea3afde6a1eed33070941a99b4e0352cb9cdffcf955f23abd9c03230684b40f908e44197adb289d597ea7fcd2867db0679c7d887311988c63 + react-native-gesture-handler: ">=2.16.1" + react-native-reanimated: ">=3.16.0" + peerDependenciesMeta: + "@types/react": + optional: true + "@types/react-native": + optional: true + checksum: 9c5c7aeb1c41ad5e887b73330b53a305255bfde82c104e1c7d50eb692d86932bb54a8c79cd65fc52a46437f21471ce71faeb6dc64af89697580675144135f994 languageName: node linkType: hard -"@gorhom/portal@npm:^1.0.11": - version: 1.0.12 - resolution: "@gorhom/portal@npm:1.0.12" +"@gorhom/portal@npm:1.0.14": + version: 1.0.14 + resolution: "@gorhom/portal@npm:1.0.14" dependencies: - nanoid: ^3.1.23 + nanoid: ^3.3.1 peerDependencies: react: "*" react-native: "*" - checksum: 90fc512879ab674b051c253654e3a26ea729ef8d48c31db18dcd266a64ba8a1059b6ad963f39037a1878eaf04ea2cd3df4b343c11da23b50a06c40a2cd9d0b4c + checksum: 227bb96a2db854ab29bb9da8d4f3823c7f7448358de459709dd1b78522110da564c9a8734c6bc7d7153ed7c99320e0fb5d60b420c2ebb75ecaf2f0d757f410f9 languageName: node linkType: hard @@ -6285,13 +6290,6 @@ __metadata: languageName: node linkType: hard -"abs-svg-path@npm:^0.1.1": - version: 0.1.1 - resolution: "abs-svg-path@npm:0.1.1" - checksum: af1a167c09e8bdb76c80adca7333f3d828e5b50e37b9702aa03675e271919e7b1eeaa35cce939970ecba14769953b7465ea34c2129ab683ddff9d973a07f164f - languageName: node - linkType: hard - "accepts@npm:^1.3.7, accepts@npm:~1.3.5, accepts@npm:~1.3.7, accepts@npm:~1.3.8": version: 1.3.8 resolution: "accepts@npm:1.3.8" @@ -13655,7 +13653,7 @@ __metadata: "@babel/preset-env": ^7.20.0 "@babel/preset-typescript": ^7.23.3 "@babel/runtime": ^7.20.0 - "@gorhom/bottom-sheet": ^4.1.5 + "@gorhom/bottom-sheet": ^5.1.1 "@jambit/eslint-plugin-typed-redux-saga": ^0.4.0 "@pagopa/io-app-design-system": 5.0.6 "@pagopa/io-pagopa-commons": ^3.1.0 @@ -17136,7 +17134,7 @@ __metadata: languageName: node linkType: hard -"nanoid@npm:^3.1.20, nanoid@npm:^3.1.23": +"nanoid@npm:^3.1.23": version: 3.2.0 resolution: "nanoid@npm:3.2.0" bin: @@ -17145,6 +17143,15 @@ __metadata: languageName: node linkType: hard +"nanoid@npm:^3.3.1": + version: 3.3.8 + resolution: "nanoid@npm:3.3.8" + bin: + nanoid: bin/nanoid.cjs + checksum: dfe0adbc0c77e9655b550c333075f51bb28cfc7568afbf3237249904f9c86c9aaaed1f113f0fddddba75673ee31c758c30c43d4414f014a52a7a626efc5958c9 + languageName: node + linkType: hard + "nanomatch@npm:^1.2.9": version: 1.2.13 resolution: "nanomatch@npm:1.2.13" @@ -17384,15 +17391,6 @@ __metadata: languageName: node linkType: hard -"normalize-svg-path@npm:^1.0.1": - version: 1.1.0 - resolution: "normalize-svg-path@npm:1.1.0" - dependencies: - svg-arc-to-cubic-bezier: ^3.0.0 - checksum: 106e108b2f99e9e222a1c6edfc859523c6c3c2b0a6ba64743ed08af120b23b9bc2c16682bc2ae043a24c011c34c8252376c68525cf11735c6f110b571740eb2e - languageName: node - linkType: hard - "npm-run-path@npm:^2.0.0": version: 2.0.2 resolution: "npm-run-path@npm:2.0.2" @@ -18006,13 +18004,6 @@ __metadata: languageName: node linkType: hard -"parse-svg-path@npm:^0.1.2": - version: 0.1.2 - resolution: "parse-svg-path@npm:0.1.2" - checksum: bba7d4b4207fcc9eaf553b0d34db96ea8a1173635bc94528b5b66e1581902d4792d8d6229103764f01af4d839274234e97a4fa1c6f0fe7dcce195383848cec56 - languageName: node - linkType: hard - "parse-url@npm:^9.2.0": version: 9.2.0 resolution: "parse-url@npm:9.2.0" @@ -19281,22 +19272,6 @@ __metadata: languageName: node linkType: hard -"react-native-redash@npm:^16.1.1": - version: 16.2.3 - resolution: "react-native-redash@npm:16.2.3" - dependencies: - abs-svg-path: ^0.1.1 - normalize-svg-path: ^1.0.1 - parse-svg-path: ^0.1.2 - peerDependencies: - react: "*" - react-native: "*" - react-native-gesture-handler: "*" - react-native-reanimated: ">=2.0.0" - checksum: 5d2ff28b03efad62fa23046ecdc5aa3f628dec30aaedcb86eb6b33a7cf225917ecf06454eeb328fe53c3251f875bd6654292f9789637c574794885d51a5aa4c3 - languageName: node - linkType: hard - "react-native-render-html@npm:^6.3.1": version: 6.3.1 resolution: "react-native-render-html@npm:6.3.1" @@ -21763,13 +21738,6 @@ __metadata: languageName: node linkType: hard -"svg-arc-to-cubic-bezier@npm:^3.0.0": - version: 3.2.0 - resolution: "svg-arc-to-cubic-bezier@npm:3.2.0" - checksum: 55bf17756d558b9c0daddf636a6c9f2fe01fd5ac412229dfa2d4b29740226a82c980bcd3b5eb09ce311cbea282106c7549d97f8c8dba3a5a7b75f786bcb5e155 - languageName: node - linkType: hard - "svg-parser@npm:^2.0.0": version: 2.0.4 resolution: "svg-parser@npm:2.0.4"