diff --git a/locales/en/index.yml b/locales/en/index.yml
index 28c1b47c55e..4edf12fd4b2 100644
--- a/locales/en/index.yml
+++ b/locales/en/index.yml
@@ -1788,10 +1788,12 @@ wallet:
noticeNumber:
title: Inserisci il codice avviso
subtitle: Ha 18 cifre, lo trovi vicino al codice QR.
+ validationError: It has 18 digits, starts with 0, 1 or 3.
placeholder: Codice avviso
fiscalCode:
title: Inserisci il codice fiscale dell’Ente Creditore
subtitle: Ha 11 cifre, lo trovi vicino al codice QR.
+ validationError: Enter 11 digits.
placeholder: Codice fiscale Ente Creditore
abortDialog:
title: Vuoi interrompere l'operazione?
diff --git a/locales/it/index.yml b/locales/it/index.yml
index 78236ddf1d7..6f42866722a 100644
--- a/locales/it/index.yml
+++ b/locales/it/index.yml
@@ -1788,10 +1788,12 @@ wallet:
noticeNumber:
title: Inserisci il codice avviso
subtitle: Ha 18 cifre, lo trovi vicino al codice QR.
+ validationError: Ha 18 cifre, inizia con 0, 1 o 3.
placeholder: Codice avviso
fiscalCode:
title: Inserisci il codice fiscale dell’Ente Creditore
subtitle: Ha 11 cifre, lo trovi vicino al codice QR.
+ validationError: Inserisci 11 cifre.
placeholder: Codice fiscale Ente Creditore
abortDialog:
title: Vuoi interrompere l'operazione?
diff --git a/package.json b/package.json
index a48b46e1330..ae7806cacce 100644
--- a/package.json
+++ b/package.json
@@ -103,7 +103,7 @@
"dependencies": {
"@babel/plugin-transform-regenerator": "^7.18.6",
"@gorhom/bottom-sheet": "^4.1.5",
- "@pagopa/io-app-design-system": "1.40.1",
+ "@pagopa/io-app-design-system": "1.43.0",
"@pagopa/io-pagopa-commons": "^3.1.0",
"@pagopa/io-react-native-crypto": "^0.3.0",
"@pagopa/io-react-native-http-client": "1.0.5",
diff --git a/ts/components/screens/__tests__/WizardScreen.test.tsx b/ts/components/screens/__tests__/WizardScreen.test.tsx
index 2d34f2ef352..140b275308e 100644
--- a/ts/components/screens/__tests__/WizardScreen.test.tsx
+++ b/ts/components/screens/__tests__/WizardScreen.test.tsx
@@ -10,7 +10,7 @@ import { WizardScreen, WizardScreenProps } from "../WizardScreen";
const defaultProps: WizardScreenProps = {
title: "This is a title",
description: "This is a description",
- pictogram: "abacus",
+ pictogram: "success",
primaryButton: {
label: "primaryButton",
accessibilityLabel: "accessible primaryButton",
diff --git a/ts/features/design-system/core/DSBadges.tsx b/ts/features/design-system/core/DSBadges.tsx
index 5dab0647abe..cdcbdaca6e6 100644
--- a/ts/features/design-system/core/DSBadges.tsx
+++ b/ts/features/design-system/core/DSBadges.tsx
@@ -110,7 +110,7 @@ const renderTag = () => (
-
+
diff --git a/ts/features/design-system/core/DSListItems.tsx b/ts/features/design-system/core/DSListItems.tsx
index bdf0f05500a..2e4669e1310 100644
--- a/ts/features/design-system/core/DSListItems.tsx
+++ b/ts/features/design-system/core/DSListItems.tsx
@@ -118,48 +118,33 @@ export const DSListItems = () => {
const renderListItemNav = () => (
-
+
-
+
{
- alert("Action triggered");
- }}
- accessibilityLabel="Empty just for testing purposes"
+ onPress={onButtonPress}
topElement={{
badgeProps: {
text: "Novità",
@@ -172,20 +157,14 @@ const renderListItemNav = () => (
{
- alert("Action triggered");
- }}
- accessibilityLabel="Empty just for testing purposes"
+ onPress={onButtonPress}
hideChevron
/>
{
- alert("Action triggered");
- }}
- accessibilityLabel="Empty just for testing purposes"
+ onPress={onButtonPress}
topElement={{
badgeProps: {
text: "Novità",
@@ -196,32 +175,21 @@ const renderListItemNav = () => (
/>
-
+
-
+
@@ -233,14 +201,12 @@ const renderListItemInfoCopy = () => (
label={"Label"}
value="Value"
onPress={onCopyButtonPress}
- accessibilityLabel="Empty just for testing purposes"
/>
@@ -248,7 +214,6 @@ const renderListItemInfoCopy = () => (
label={"Carta di credito"}
value="4975 3013 5042 7899"
onPress={onCopyButtonPress}
- accessibilityLabel="Empty just for testing purposes"
icon="creditCard"
/>
@@ -256,7 +221,6 @@ const renderListItemInfoCopy = () => (
label={"Indirizzo"}
value={`P.za Colonna, 370\n00186 Roma (RM)`}
onPress={onCopyButtonPress}
- accessibilityLabel="Empty just for testing purposes"
/>
);
@@ -268,35 +232,30 @@ const renderListItemAction = () => (
variant="primary"
label={"Link interno oppure link ad una pagina esterna"}
onPress={onButtonPress}
- accessibilityLabel="Empty just for testing purposes"
/>
@@ -304,21 +263,18 @@ const renderListItemAction = () => (
variant="danger"
label={"Danger action"}
onPress={onButtonPress}
- accessibilityLabel="Empty just for testing purposes"
/>
@@ -326,23 +282,17 @@ const renderListItemAction = () => (
const renderListItemInfo = () => (
-
+
(
icon="psp"
label="Label"
value="A looong looooong looooooooong looooooooooong title"
- accessibilityLabel="Empty just for testing purposes"
endElement={{
type: "iconButton",
componentProps: {
@@ -372,7 +321,6 @@ const renderListItemInfo = () => (
icon="psp"
label="Label"
value="A looong looooong looooooooong looooooooooong title"
- accessibilityLabel="Empty just for testing purposes"
endElement={{
type: "badge",
componentProps: {
@@ -382,12 +330,7 @@ const renderListItemInfo = () => (
}}
/>
-
+
);
@@ -396,13 +339,9 @@ const renderListItemInfo = () => (
const renderListItemHeader = () => (
+
- (
/>
(
/>
-
+
(
(
,
- "value" | "onChangeText"
- > & { value?: string }
+ "value" | "onChangeText" | "errorMessage"
+ > & { value?: string; errorMessage?: string }
) => {
const [inputValue, setInputValue] = React.useState(props.value ?? "");
@@ -126,6 +126,7 @@ const InputValidationComponentWrapper = (
);
diff --git a/ts/features/fastLogin/screens/__tests__/AskUserToContinueScreen.test.tsx b/ts/features/fastLogin/screens/__tests__/AskUserToContinueScreen.test.tsx
index b90f48c68b6..b1f33a7a736 100644
--- a/ts/features/fastLogin/screens/__tests__/AskUserToContinueScreen.test.tsx
+++ b/ts/features/fastLogin/screens/__tests__/AskUserToContinueScreen.test.tsx
@@ -20,7 +20,7 @@ const secondaryActionButtonTitle = "Cancel";
const defaultProps = {
title: "Test title",
subtitle: "Test subtitle",
- pictogramName: "timeout" as IOPictograms,
+ pictogramName: "timing" as IOPictograms,
primaryAction: {
label: primaryActionButtonTitle,
accessibilityLabel: primaryActionButtonTitle,
diff --git a/ts/features/fci/components/GenericErrorComponent.tsx b/ts/features/fci/components/GenericErrorComponent.tsx
index 594f92d1ea4..0afa3a83942 100644
--- a/ts/features/fci/components/GenericErrorComponent.tsx
+++ b/ts/features/fci/components/GenericErrorComponent.tsx
@@ -16,7 +16,7 @@ const GenericErrorComponent = (props: Props) => (
dispatch(fciEndRequest())}
email={issuer_email}
- pictogram={"timeout"}
+ pictogram={"ended"}
testID={"ExpiredSignatureRequestTestID"}
/>
);
@@ -55,7 +55,7 @@ const SuccessComponent = (props: {
title={I18n.t("features.fci.errors.waitForQtsp.title")}
subTitle={I18n.t("features.fci.errors.waitForQtsp.subTitle")}
onPress={() => dispatch(fciEndRequest())}
- pictogram={"hourglass"}
+ pictogram={"timing"}
testID={"WaitQtspSignatureRequestTestID"}
/>
);
@@ -65,7 +65,7 @@ const SuccessComponent = (props: {
title={I18n.t("features.fci.errors.signed.title")}
subTitle={I18n.t("features.fci.errors.signed.subTitle")}
onPress={() => dispatch(fciEndRequest())}
- pictogram={"fireworks"}
+ pictogram={"success"}
testID={"SignedSignatureRequestTestID"}
/>
);
@@ -86,7 +86,7 @@ const SuccessComponent = (props: {
subTitle={I18n.t("features.fci.errors.generic.cancelled.subTitle")}
email={issuer_email}
onPress={() => dispatch(fciEndRequest())}
- pictogram={"timeout"}
+ pictogram={"ended"}
testID={"CancelledSignatureRequestTestID"}
/>
);
diff --git a/ts/features/fci/components/__tests__/ErrorComponent.test.tsx b/ts/features/fci/components/__tests__/ErrorComponent.test.tsx
index 58176268298..d11249ce26a 100644
--- a/ts/features/fci/components/__tests__/ErrorComponent.test.tsx
+++ b/ts/features/fci/components/__tests__/ErrorComponent.test.tsx
@@ -21,7 +21,7 @@ describe("Test ErrorComponent", () => {
const props: Props = {
title: "title",
subTitle: "subTitle",
- pictogram: "airBaloon",
+ pictogram: "attention",
onPress: constNull
};
const component = renderComponent({ ...props });
@@ -31,7 +31,7 @@ describe("Test ErrorComponent", () => {
const props: Props = {
title: "title",
subTitle: "subTitle",
- pictogram: "airBaloon",
+ pictogram: "attention",
onPress: constNull
};
const component = renderComponent({ ...props });
@@ -43,7 +43,7 @@ describe("Test ErrorComponent", () => {
const props: Props = {
title: "title",
subTitle: "subTitle",
- pictogram: "airBaloon",
+ pictogram: "attention",
onPress: constNull
};
const component = renderComponent({ ...props });
@@ -55,7 +55,7 @@ describe("Test ErrorComponent", () => {
const props: Props = {
title: "title",
subTitle: "subTitle",
- pictogram: "airBaloon",
+ pictogram: "attention",
retry: true,
onPress: constNull
};
@@ -68,7 +68,7 @@ describe("Test ErrorComponent", () => {
const props: Props = {
title: "title",
subTitle: "subTitle",
- pictogram: "airBaloon",
+ pictogram: "attention",
retry: true,
assistance: true,
onPress: constNull
@@ -82,7 +82,7 @@ describe("Test ErrorComponent", () => {
const props: Props = {
title: "title",
subTitle: "subTitle",
- pictogram: "airBaloon",
+ pictogram: "attention",
assistance: true,
onPress: constNull
};
diff --git a/ts/features/fci/components/__tests__/__snapshots__/QtspClauseListItem.test.tsx.snap b/ts/features/fci/components/__tests__/__snapshots__/QtspClauseListItem.test.tsx.snap
index 3a32658648a..42893de988f 100644
--- a/ts/features/fci/components/__tests__/__snapshots__/QtspClauseListItem.test.tsx.snap
+++ b/ts/features/fci/components/__tests__/__snapshots__/QtspClauseListItem.test.tsx.snap
@@ -540,6 +540,8 @@ exports[`Test QtspClauseListItem component should render a QtspClauseListItem co
}
>
dispatch(fciEndRequest())}
testID="WrongUserErrorComponentTestID"
/>
diff --git a/ts/features/idpay/onboarding/screens/FailureScreen.tsx b/ts/features/idpay/onboarding/screens/FailureScreen.tsx
index 5d46a80a7b0..8082af5d338 100644
--- a/ts/features/idpay/onboarding/screens/FailureScreen.tsx
+++ b/ts/features/idpay/onboarding/screens/FailureScreen.tsx
@@ -51,7 +51,7 @@ const FailureScreen = () => {
switch (failure) {
case OnboardingFailureEnum.INITIATIVE_NOT_FOUND:
return {
- pictogram: "search",
+ pictogram: "attention",
title: I18n.t(
"idpay.onboarding.failure.message.INITIATIVE_NOT_FOUND.title"
),
diff --git a/ts/features/idpay/unsubscription/screens/UnsubscriptionResultScreen.tsx b/ts/features/idpay/unsubscription/screens/UnsubscriptionResultScreen.tsx
index bcf1000e5c4..ba487b48c64 100644
--- a/ts/features/idpay/unsubscription/screens/UnsubscriptionResultScreen.tsx
+++ b/ts/features/idpay/unsubscription/screens/UnsubscriptionResultScreen.tsx
@@ -29,7 +29,7 @@ const UnsubscriptionResultScreen = () => {
const { pictogram, title, content, buttonLabel }: ScreenContentType =
isFailure
? {
- pictogram: "umbrella",
+ pictogram: "umbrellaNew",
title: I18n.t("idpay.unsubscription.failure.title"),
content: I18n.t("idpay.unsubscription.failure.content"),
buttonLabel: I18n.t("idpay.unsubscription.failure.button")
diff --git a/ts/features/messages/components/Home/DS/MessageListItem.tsx b/ts/features/messages/components/Home/DS/MessageListItem.tsx
index ca544fa1e34..0de37ea720f 100644
--- a/ts/features/messages/components/Home/DS/MessageListItem.tsx
+++ b/ts/features/messages/components/Home/DS/MessageListItem.tsx
@@ -16,6 +16,7 @@ import {
Tag,
WithTestID
} from "@pagopa/io-app-design-system";
+import I18n from "../../../../../i18n";
import { CustomPressableListItemBase } from "./CustomPressableListItemBase";
import { DoubleAvatar } from "./DoubleAvatar";
@@ -168,7 +169,12 @@ export const MessageListItem = ({
{badgeVariant === "legalMessage" && (
<>
-
+
>
)}
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 41ac738a976..4cdd5c22e08 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
@@ -631,7 +631,9 @@ exports[`SecuritySuggestions should match snapshot 1`] = `
}
/>
{
accessibilityLabel={I18n.t(
"wallet.payment.manual.fiscalCode.placeholder"
)}
+ errorMessage={I18n.t(
+ "wallet.payment.manual.fiscalCode.validationError"
+ )}
value={inputState.fiscalCodeText}
icon="fiscalCodeIndividual"
onChangeText={value =>
diff --git a/ts/features/payments/checkout/screens/WalletPaymentInputNoticeNumberScreen.tsx b/ts/features/payments/checkout/screens/WalletPaymentInputNoticeNumberScreen.tsx
index 7f5dc820ebe..56ecd37daf3 100644
--- a/ts/features/payments/checkout/screens/WalletPaymentInputNoticeNumberScreen.tsx
+++ b/ts/features/payments/checkout/screens/WalletPaymentInputNoticeNumberScreen.tsx
@@ -97,6 +97,9 @@ const WalletPaymentInputNoticeNumberScreen = () => {
accessibilityLabel={I18n.t(
"wallet.payment.manual.noticeNumber.placeholder"
)}
+ errorMessage={I18n.t(
+ "wallet.payment.manual.noticeNumber.validationError"
+ )}
value={inputState.noticeNumberText}
icon="docPaymentCode"
onChangeText={value =>
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 41bd6e8ccd0..7b3981899e7 100644
--- a/ts/features/pn/components/__test__/__snapshots__/MessageBottomMenu.test.tsx.snap
+++ b/ts/features/pn/components/__test__/__snapshots__/MessageBottomMenu.test.tsx.snap
@@ -377,6 +377,7 @@ exports[`MessageBottomMenu should match snapshot, all handled-status items histo
onTouchEnd={[Function]}
>