@pagopa/io-app-design-system 2.1.2 → 3.0.1

package/lib/typescript/components/listitems/ListItemTransaction.d.ts

@@ -1,14 +1,16 @@
-import React from "react";
+import React, { ReactNode } from "react";
 import { ImageURISource } from "react-native";
 import { WithTestID } from "../../utils/types";
+import { Badge } from "../badge/Badge";
 import { IOLogoPaymentType } from "../logos";
 import { PressableBaseProps } from "./PressableListItemsBase";
-export type ListItemTransactionStatus = "success" | "failure" | "pending" | "cancelled" | "refunded" | "reversal";
-export type ListItemTransactionStatusWithoutBadge = Extract<ListItemTransactionStatus, "success" | "refunded">;
-export type ListItemTransactionStatusWithBadge = Exclude<ListItemTransactionStatus, "success" | "refunded">;
-export type ListItemTransactionLogo = IOLogoPaymentType | ImageURISource | React.ReactNode;
+export type ListItemTransactionBadge = {
+    text: string;
+    variant: Badge["variant"];
+};
+export type ListItemTransactionLogo = IOLogoPaymentType | ImageURISource | ReactNode;
 export type ListItemTransaction = WithTestID<PressableBaseProps & {
-    hasChevronRight?: boolean;
+    showChevron?: boolean;
     isLoading?: boolean;
     /**
      * A logo that will be displayed on the left of the list item.
@@ -25,13 +27,19 @@ export type ListItemTransaction = WithTestID<PressableBaseProps & {
     numberOfLines?: number;
     accessible?: boolean;
 } & ({
-    transactionStatus: ListItemTransactionStatusWithoutBadge;
-    badgeText?: string;
-    transactionAmount: string;
+    transaction: {
+        amount: string;
+        amountAccessibilityLabel: string;
+        badge?: never;
+        refund?: boolean;
+    };
 } | {
-    transactionStatus: ListItemTransactionStatusWithBadge;
-    badgeText: string;
-    transactionAmount?: string;
+    transaction: {
+        amount?: string;
+        amountAccessibilityLabel?: string;
+        badge: ListItemTransactionBadge;
+        refund?: never;
+    };
 })>;
-export declare const ListItemTransaction: ({ accessibilityLabel, hasChevronRight, isLoading, paymentLogoIcon, onPress, subtitle, testID, title, transactionAmount, badgeText, transactionStatus, numberOfLines, accessible }: ListItemTransaction) => React.JSX.Element;
+export declare const ListItemTransaction: ({ accessibilityLabel, showChevron, isLoading, paymentLogoIcon, onPress, subtitle, testID, title, transaction: { amount, amountAccessibilityLabel, badge, refund }, numberOfLines, accessible }: ListItemTransaction) => React.JSX.Element;
 //# sourceMappingURL=ListItemTransaction.d.ts.map

package/lib/typescript/components/listitems/ListItemTransaction.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListItemTransaction.d.ts","sourceRoot":"","sources":["../../../../src/components/listitems/ListItemTransaction.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAoB,MAAM,cAAc,CAAC;AAehE,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAM/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAG7C,OAAO,EACL,kBAAkB,EAEnB,MAAM,0BAA0B,CAAC;AAElC,MAAM,MAAM,yBAAyB,GACjC,SAAS,GACT,SAAS,GACT,SAAS,GACT,WAAW,GACX,UAAU,GACV,UAAU,CAAC;AAEf,MAAM,MAAM,qCAAqC,GAAG,OAAO,CACzD,yBAAyB,EACzB,SAAS,GAAG,UAAU,CACvB,CAAC;AAEF,MAAM,MAAM,kCAAkC,GAAG,OAAO,CACtD,yBAAyB,EACzB,SAAS,GAAG,UAAU,CACvB,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAC/B,iBAAiB,GACjB,cAAc,GACd,KAAK,CAAC,SAAS,CAAC;AAEpB,MAAM,MAAM,mBAAmB,GAAG,UAAU,CAC1C,kBAAkB,GAAG;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,eAAe,CAAC,EAAE,uBAAuB,CAAC;IAC1C,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,GAAG,CACE;IACE,iBAAiB,EAAE,qCAAqC,CAAC;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,EAAE,MAAM,CAAC;CAC3B,GACD;IACE,iBAAiB,EAAE,kCAAkC,CAAC;IACtD,SAAS,EAAE,MAAM,CAAC;IAClB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CACJ,CACJ,CAAC;AA2BF,eAAO,MAAM,mBAAmB,sLAc7B,mBAAmB,sBAwHrB,CAAC"}
+{"version":3,"file":"ListItemTransaction.d.ts","sourceRoot":"","sources":["../../../../src/components/listitems/ListItemTransaction.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,cAAc,EAAQ,MAAM,cAAc,CAAC;AAapD,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAG/C,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAGvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAI7C,OAAO,EACL,kBAAkB,EAEnB,MAAM,0BAA0B,CAAC;AAElC,MAAM,MAAM,wBAAwB,GAAG;IACrC,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAC/B,iBAAiB,GACjB,cAAc,GACd,SAAS,CAAC;AAEd,MAAM,MAAM,mBAAmB,GAAG,UAAU,CAC1C,kBAAkB,GAAG;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,eAAe,CAAC,EAAE,uBAAuB,CAAC;IAC1C,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,GAAG,CACE;IACE,WAAW,EAAE;QACX,MAAM,EAAE,MAAM,CAAC;QACf,wBAAwB,EAAE,MAAM,CAAC;QACjC,KAAK,CAAC,EAAE,KAAK,CAAC;QACd,MAAM,CAAC,EAAE,OAAO,CAAC;KAClB,CAAC;CACH,GACD;IACE,WAAW,EAAE;QACX,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,wBAAwB,CAAC,EAAE,MAAM,CAAC;QAClC,KAAK,EAAE,wBAAwB,CAAC;QAChC,MAAM,CAAC,EAAE,KAAK,CAAC;KAChB,CAAC;CACH,CACJ,CACJ,CAAC;AA2BF,eAAO,MAAM,mBAAmB,mMAY7B,mBAAmB,sBAkGrB,CAAC"}

package/lib/typescript/components/listitems/PressableListItemsBase.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PressableListItemsBase.d.ts","sourceRoot":"","sources":["../../../../src/components/listitems/PressableListItemsBase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGzC,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAG/C,MAAM,MAAM,kBAAkB,GAAG,UAAU,CACzC,IAAI,CACF,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,EACpC,SAAS,GACT,oBAAoB,GACpB,mBAAmB,GACnB,oBAAoB,GACpB,mBAAmB,CACtB,CACF,CAAC;AAEF,eAAO,MAAM,qBAAqB,+DAM/B,MAAM,iBAAiB,CAAC,kBAAkB,CAAC,sBAyB7C,CAAC"}
+{"version":3,"file":"PressableListItemsBase.d.ts","sourceRoot":"","sources":["../../../../src/components/listitems/PressableListItemsBase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGzC,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAG/C,MAAM,MAAM,kBAAkB,GAAG,UAAU,CACzC,IAAI,CACF,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,EACpC,SAAS,GACT,oBAAoB,GACpB,mBAAmB,GACnB,oBAAoB,GACpB,mBAAmB,CACtB,CACF,CAAC;AAEF,eAAO,MAAM,qBAAqB,+DAM/B,MAAM,iBAAiB,CAAC,kBAAkB,CAAC,sBA6B7C,CAAC"}

package/lib/typescript/components/modules/ModuleIDP.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModuleIDP.d.ts","sourceRoot":"","sources":["../../../../src/components/modules/ModuleIDP.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAS,mBAAmB,EAAwB,MAAM,cAAc,CAAC;AAQhF,OAAO,EAEL,wBAAwB,EACzB,MAAM,uBAAuB,CAAC;AAE/B,UAAU,SAAU,SAAQ,wBAAwB;IAClD,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,mBAAmB,CAAC;IAC/B,IAAI,EAAE,mBAAmB,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAiBD,eAAO,MAAM,SAAS,qFAQnB,SAAS,sBAuCX,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"ModuleIDP.d.ts","sourceRoot":"","sources":["../../../../src/components/modules/ModuleIDP.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAS,mBAAmB,EAAc,MAAM,cAAc,CAAC;AAQtE,OAAO,EAEL,wBAAwB,EACzB,MAAM,uBAAuB,CAAC;AAE/B,UAAU,SAAU,SAAQ,wBAAwB;IAClD,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,mBAAmB,CAAC;IAC/B,IAAI,EAAE,mBAAmB,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAWD,eAAO,MAAM,SAAS,qFAQnB,SAAS,sBAoCX,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/typescript/components/modules/ModulePaymentNotice.d.ts

@@ -9,12 +9,18 @@ export type ModulePaymentNoticeProps = WithTestID<{
     subtitle: string;
     onPress: (event: GestureResponderEvent) => void;
 } & ({
-    paymentNoticeStatus: Extract<PaymentNoticeStatus, "default">;
-    paymentNoticeAmount: string;
+    paymentNotice: {
+        status: Extract<PaymentNoticeStatus, "default">;
+        amount: string;
+        amountAccessibilityLabel: string;
+    };
     badgeText?: never;
 } | {
-    paymentNoticeStatus: Exclude<PaymentNoticeStatus, "default">;
-    paymentNoticeAmount?: never;
+    paymentNotice: {
+        status: Exclude<PaymentNoticeStatus, "default">;
+        amount?: string;
+        amountAccessibilityLabel?: string;
+    };
     badgeText: string;
 })>;
 /**

package/lib/typescript/components/modules/ModulePaymentNotice.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModulePaymentNotice.d.ts","sourceRoot":"","sources":["../../../../src/components/modules/ModulePaymentNotice.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,qBAAqB,EAAoB,MAAM,cAAc,CAAC;AAIvE,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAQ/C,MAAM,MAAM,mBAAmB,GAC3B,SAAS,GACT,MAAM,GACN,OAAO,GACP,SAAS,GACT,SAAS,GACT,UAAU,GACV,aAAa,CAAC;AAElB,MAAM,MAAM,wBAAwB,GAAG,UAAU,CAC/C;IACE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACjD,GAAG,CACA;IACE,mBAAmB,EAAE,OAAO,CAAC,mBAAmB,EAAE,SAAS,CAAC,CAAC;IAC7D,mBAAmB,EAAE,MAAM,CAAC;IAC5B,SAAS,CAAC,EAAE,KAAK,CAAC;CACnB,GACD;IACE,mBAAmB,EAAE,OAAO,CAAC,mBAAmB,EAAE,SAAS,CAAC,CAAC;IAC7D,mBAAmB,CAAC,EAAE,KAAK,CAAC;IAC5B,SAAS,EAAE,MAAM,CAAC;CACnB,CACJ,CACF,CAAC;AAgFF;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,mBAAmB,gEAM7B,wBAAwB,sBAc1B,CAAC"}
+{"version":3,"file":"ModulePaymentNotice.d.ts","sourceRoot":"","sources":["../../../../src/components/modules/ModulePaymentNotice.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,qBAAqB,EAAoB,MAAM,cAAc,CAAC;AAGvE,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAQ/C,MAAM,MAAM,mBAAmB,GAC3B,SAAS,GACT,MAAM,GACN,OAAO,GACP,SAAS,GACT,SAAS,GACT,UAAU,GACV,aAAa,CAAC;AAElB,MAAM,MAAM,wBAAwB,GAAG,UAAU,CAC/C;IACE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACjD,GAAG,CACA;IACE,aAAa,EAAE;QACb,MAAM,EAAE,OAAO,CAAC,mBAAmB,EAAE,SAAS,CAAC,CAAC;QAChD,MAAM,EAAE,MAAM,CAAC;QACf,wBAAwB,EAAE,MAAM,CAAC;KAClC,CAAC;IACF,SAAS,CAAC,EAAE,KAAK,CAAC;CACnB,GACD;IACE,aAAa,EAAE;QACb,MAAM,EAAE,OAAO,CAAC,mBAAmB,EAAE,SAAS,CAAC,CAAC;QAChD,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,wBAAwB,CAAC,EAAE,MAAM,CAAC;KACnC,CAAC;IACF,SAAS,EAAE,MAAM,CAAC;CACnB,CACJ,CACF,CAAC;AA+EF;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,mBAAmB,gEAM7B,wBAAwB,sBAc1B,CAAC"}

package/lib/typescript/components/tag/Tag.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../../src/components/tag/Tag.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EACL,QAAQ,EAIT,MAAM,YAAY,CAAC;AAMpB,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAmB,OAAO,EAAQ,MAAM,UAAU,CAAC;AAG1D,KAAK,YAAY,GAAG;IAClB,SAAS,EAAE,QAAQ,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,KAAK,SAAS,GACV;IACE,IAAI,EAAE,MAAM,CAAC;IACb,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC,GACD;IACE,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,sBAAsB,EAAE,MAAM,CAAC;CAChC,CAAC;AAEN,MAAM,MAAM,GAAG,GAAG,SAAS,GACzB,UAAU,CACN;IACE,OAAO,EACH,QAAQ,GACR,cAAc,GACd,MAAM,GACN,SAAS,GACT,OAAO,GACP,SAAS,GACT,YAAY,GACZ,QAAQ,CAAC;IACb,eAAe,CAAC,EAAE,KAAK,CAAC;CACzB,GACD;IACE,OAAO,EAAE,YAAY,CAAC;IACtB,eAAe,EAAE,YAAY,CAAC;CAC/B,CACJ,CAAC;AAiFJ;;GAEG;AACH,eAAO,MAAM,GAAG,uEAMb,GAAG,sBAgDL,CAAC"}
+{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../../src/components/tag/Tag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EACL,QAAQ,EAIT,MAAM,YAAY,CAAC;AAMpB,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAmB,OAAO,EAAQ,MAAM,UAAU,CAAC;AAG1D,KAAK,YAAY,GAAG;IAClB,SAAS,EAAE,QAAQ,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,KAAK,SAAS,GACV;IACE,IAAI,EAAE,MAAM,CAAC;IACb,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC,GACD;IACE,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,sBAAsB,EAAE,MAAM,CAAC;CAChC,CAAC;AAEN,MAAM,MAAM,GAAG,GAAG,SAAS,GACzB,UAAU,CACN;IACE,OAAO,EACH,QAAQ,GACR,cAAc,GACd,MAAM,GACN,SAAS,GACT,OAAO,GACP,SAAS,GACT,YAAY,GACZ,QAAQ,CAAC;IACb,eAAe,CAAC,EAAE,KAAK,CAAC;CACzB,GACD;IACE,OAAO,EAAE,YAAY,CAAC;IACtB,eAAe,EAAE,YAAY,CAAC;CAC/B,CACJ,CAAC;AAiFJ;;GAEG;AACH,eAAO,MAAM,GAAG,uEAMb,GAAG,sBAyCL,CAAC"}

package/lib/typescript/core/IODSExperimentalContextProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IODSExperimentalContextProvider.d.ts","sourceRoot":"","sources":["../../../src/core/IODSExperimentalContextProvider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,KAAK,yBAAyB,GAAG;IAC/B,cAAc,EAAE,OAAO,CAAC;IACxB,eAAe,EAAE,CAAC,cAAc,EAAE,OAAO,KAAK,IAAI,CAAC;CACpD,CAAC;AACF;;GAEG;AACH,eAAO,MAAM,2BAA2B,0CAIpC,CAAC;AAEL,eAAO,MAAM,uBAAuB,iCACW,CAAC;AAEhD,KAAK,kCAAkC,GAAG;IACxC,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC,CAAC;AAEF,eAAO,MAAM,+BAA+B,uCAGzC,MAAM,iBAAiB,CAAC,kCAAkC,CAAC,sBAY7D,CAAC"}
+{"version":3,"file":"IODSExperimentalContextProvider.d.ts","sourceRoot":"","sources":["../../../src/core/IODSExperimentalContextProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,KAAK,yBAAyB,GAAG;IAC/B,cAAc,EAAE,OAAO,CAAC;IACxB,eAAe,EAAE,CAAC,cAAc,EAAE,OAAO,KAAK,IAAI,CAAC;CACpD,CAAC;AACF;;GAEG;AACH,eAAO,MAAM,2BAA2B,0CAIpC,CAAC;AAEL,eAAO,MAAM,uBAAuB,iCACW,CAAC;AAEhD,KAAK,kCAAkC,GAAG;IACxC,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC,CAAC;AAEF,eAAO,MAAM,+BAA+B,uCAGzC,MAAM,iBAAiB,CAAC,kCAAkC,CAAC,sBAY7D,CAAC"}

package/lib/typescript/core/IOThemeContextProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IOThemeContextProvider.d.ts","sourceRoot":"","sources":["../../../src/core/IOThemeContextProvider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,EACL,OAAO,EAIR,MAAM,YAAY,CAAC;AAGpB,eAAO,MAAM,QAAQ;;;CAA6C,CAAC;AACnE,eAAO,MAAM,cAAc;;;CAAmD,CAAC;AAC/E,KAAK,WAAW,GAAG,MAAM,OAAO,QAAQ,CAAC;AAEzC,KAAK,kBAAkB,GAAG;IACxB,SAAS,EAAE,WAAW,CAAC;IACvB,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;CACxC,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,OAAO,CAAC,kBAAkB,CAMzD,CAAC;AAEL,eAAO,MAAM,iBAAiB,0BAAyC,CAAC;AAExE,eAAO,MAAM,UAAU,eAAkC,CAAC;AAE1D,KAAK,2BAA2B,GAAG;IACjC,KAAK,CAAC,EAAE,WAAW,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,sBAAsB,wBAGhC,MAAM,iBAAiB,CAAC,2BAA2B,CAAC,sBAsBtD,CAAC"}
+{"version":3,"file":"IOThemeContextProvider.d.ts","sourceRoot":"","sources":["../../../src/core/IOThemeContextProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,EACL,OAAO,EAIR,MAAM,YAAY,CAAC;AAGpB,eAAO,MAAM,QAAQ;;;CAA6C,CAAC;AACnE,eAAO,MAAM,cAAc;;;CAAmD,CAAC;AAC/E,KAAK,WAAW,GAAG,MAAM,OAAO,QAAQ,CAAC;AAEzC,KAAK,kBAAkB,GAAG;IACxB,SAAS,EAAE,WAAW,CAAC;IACvB,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;CACxC,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,OAAO,CAAC,kBAAkB,CAMzD,CAAC;AAEL,eAAO,MAAM,iBAAiB,0BAAyC,CAAC;AAExE,eAAO,MAAM,UAAU,eAAkC,CAAC;AAE1D,KAAK,2BAA2B,GAAG;IACjC,KAAK,CAAC,EAAE,WAAW,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,sBAAsB,wBAGhC,MAAM,iBAAiB,CAAC,2BAA2B,CAAC,sBAsBtD,CAAC"}

package/lib/typescript/utils/accessibility.d.ts

@@ -1,8 +1,3 @@
-/**
- * This function is used to get the text that will be read by the screen reader
- * with the correct minus symbol pronunciation.
- */
-export declare const getAccessibleAmountText: (amount?: string) => string | undefined;
 /**
  * Query whether a bold text is currently enabled. The result is true
  * when bold text is enabled and false otherwise.

package/lib/typescript/utils/accessibility.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"accessibility.d.ts","sourceRoot":"","sources":["../../../src/utils/accessibility.ts"],"names":[],"mappings":"AAMA;;;GAGG;AACH,eAAO,MAAM,uBAAuB,YAAa,MAAM,uBAQpD,CAAC;AAEJ;;;GAGG;AACH,eAAO,MAAM,kBAAkB,eA0B9B,CAAC"}
+{"version":3,"file":"accessibility.d.ts","sourceRoot":"","sources":["../../../src/utils/accessibility.ts"],"names":[],"mappings":"AAGA;;;GAGG;AACH,eAAO,MAAM,kBAAkB,eA0B9B,CAAC"}

package/lib/typescript/utils/image.d.ts

@@ -1,4 +1,4 @@
-import { ImageURISource } from "react-native";
+import { ImageSourcePropType } from "react-native";
 /**
  * Adds a locale timestamp to the image URI to invalidate cache on the following day if the current platform is Android.
  * Useful to bypass React Native Image component aggressive cache on Android.
@@ -6,5 +6,5 @@ import { ImageURISource } from "react-native";
  * @returns a new source with a modified URI which includes the actual timestamp in the locale format without slashes
  * if the platform is Android and the source contains an URI. The same source otherwise.
  */
-export declare const addCacheTimestampToUri: (source: ImageURISource) => ImageURISource;
+export declare const addCacheTimestampToUri: (source: ImageSourcePropType) => ImageSourcePropType;
 //# sourceMappingURL=image.d.ts.map

package/lib/typescript/utils/image.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["../../../src/utils/image.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAY,MAAM,cAAc,CAAC;AAMxD;;;;;;GAMG;AACH,eAAO,MAAM,sBAAsB,WAAY,cAAc,mBAuB5D,CAAC"}
+{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["../../../src/utils/image.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAY,MAAM,cAAc,CAAC;AAE7D;;;;;;GAMG;AACH,eAAO,MAAM,sBAAsB,WAAY,mBAAmB,wBA4BjE,CAAC"}

package/lib/typescript/utils/object.d.ts

@@ -1,5 +1,4 @@
-import * as O from "fp-ts/Option";
 export declare const findFirstCaseInsensitive: <T>(obj: {
     [key: string]: T;
-}) => (key: string) => O.Option<[string, T]>;
+}, key: string) => string | null;
 //# sourceMappingURL=object.d.ts.map

package/lib/typescript/utils/object.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"object.d.ts","sourceRoot":"","sources":["../../../src/utils/object.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,CAAC,MAAM,cAAc,CAAC;AAGlC,eAAO,MAAM,wBAAwB,WAC1B;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,CAAC,CAAA;CAAE,WACvB,MAAM,KAAG,EAAE,MAAM,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,CAKhC,CAAC"}
+{"version":3,"file":"object.d.ts","sourceRoot":"","sources":["../../../src/utils/object.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,wBAAwB,WAC9B;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,CAAC,CAAA;CAAE,OACpB,MAAM,kBASZ,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pagopa/io-app-design-system",
-  "version": "2.1.2",
+  "version": "3.0.1",
   "description": "The library defining the core components of the design system of @pagopa/io-app",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -100,7 +100,6 @@
     "react-dom": "^18.2.0",
     "react-native": "0.71.8",
     "react-native-builder-bob": "^0.20.0",
-    "react-native-i18n": "^2.0.15",
     "react-native-web": "^0.18.12",
     "react-native-web-linear-gradient": "^1.1.2",
     "react-test-renderer": "^18.2.0",
@@ -181,9 +180,7 @@
     ]
   },
   "dependencies": {
-    "@pagopa/ts-commons": "^12.0.0",
     "@testing-library/jest-native": "^5.4.2",
-    "@types/react-native-i18n": "2.0.0",
     "@types/react-test-renderer": "^18.0.0",
     "auto-changelog": "^2.4.0",
     "lodash": "^4.17.21",

package/src/components/codeInput/CodeInput.tsx

@@ -1,7 +1,7 @@
-import React, { useEffect, useMemo } from "react";
-import { StyleSheet, View } from "react-native";
+import React, { useEffect, useState } from "react";
+import { ColorValue, StyleSheet, View } from "react-native";
 import Animated from "react-native-reanimated";
-import { IOColors, IOStyles } from "../../core";
+import { hexToRgba, IOColors, useIOThemeContext } from "../../core";
 import { triggerHaptic } from "../../functions";
 import { useErrorShakeAnimation } from "../../utils/hooks/useErrorShakeAnimation";
 import { HStack } from "../stack";
@@ -20,28 +20,29 @@ const styles = StyleSheet.create({
   dotShape: {
     width: DOT_SIZE,
     height: DOT_SIZE,
-    borderRadius: 8,
+    borderRadius: DOT_SIZE / 2,
     borderWidth: 2
-  },
-  dotEmpty: {
-    borderColor: IOColors["grey-650"]
-  },
-  wrapper: {
-    justifyContent: "center"
   }
 });
 
-const EmptyDot = () => <View style={[styles.dotShape, styles.dotEmpty]} />;
-
-const FilletDot = ({ color }: { color: IOColors }) => (
+const EmptyDot = ({ color: borderColor }: { color: ColorValue }) => (
   <View
     style={[
       styles.dotShape,
-      { backgroundColor: IOColors[color], borderColor: IOColors[color] }
+      {
+        borderColor,
+        backgroundColor: hexToRgba(borderColor, 0)
+      }
     ]}
   />
 );
 
+const FilledDot = ({ color: backgroundColor }: { color: ColorValue }) => (
+  <View
+    style={[styles.dotShape, { backgroundColor, borderColor: backgroundColor }]}
+  />
+);
+
 export const CodeInput = ({
   length,
   value,
@@ -49,19 +50,34 @@ export const CodeInput = ({
   variant = "light",
   onValidate
 }: CodeInputProps) => {
-  const [status, setStatus] = React.useState<"default" | "error">("default");
+  const [status, setStatus] = useState<"default" | "error">("default");
+  const { themeType } = useIOThemeContext();
 
   const { translate, animatedStyle, shakeAnimation } = useErrorShakeAnimation();
 
-  const fillColor = useMemo(
-    () =>
-      status === "error"
-        ? "error-600"
-        : variant === "light"
-        ? "white"
-        : "black",
-    [variant, status]
-  );
+  /* Empty Dot
+  - Right color depending on both theme and variant */
+  const emptyDotColorLightBg = IOColors["grey-650"];
+  const emptyDotColorDarkBg = hexToRgba(IOColors.white, 0.75);
+  const emptyDotColorThemeBased =
+    themeType === "light" ? emptyDotColorLightBg : emptyDotColorDarkBg;
+
+  const emptyDotColor =
+    variant === "light" ? emptyDotColorDarkBg : emptyDotColorThemeBased;
+
+  /* Filled Dot
+  - Right color depending on theme, variant and status */
+  const filledDotColorLightBg = IOColors.black;
+  const filledDotColorDarkBg = IOColors.white;
+  const filledDotColorThemeBased =
+    themeType === "light" ? filledDotColorLightBg : filledDotColorDarkBg;
+
+  const filledDotColor =
+    status === "error"
+      ? IOColors["error-600"]
+      : variant === "light"
+      ? filledDotColorDarkBg
+      : filledDotColorThemeBased;
 
   useEffect(() => {
     if (onValidate && value.length === length) {
@@ -85,13 +101,20 @@ export const CodeInput = ({
   }, [value, onValidate, length, onValueChange, translate, shakeAnimation]);
 
   return (
-    <Animated.View style={[IOStyles.row, styles.wrapper, animatedStyle]}>
+    <Animated.View
+      style={[
+        { flexDirection: "row", justifyContent: "center" },
+        animatedStyle
+      ]}
+    >
       <HStack space={DOT_SIZE}>
-        {[...Array(length)].map((_, i) => (
-          <React.Fragment key={i}>
-            {value[i] ? <FilletDot color={fillColor} /> : <EmptyDot />}
-          </React.Fragment>
-        ))}
+        {[...Array(length)].map((_, i) =>
+          value[i] ? (
+            <FilledDot key={i} color={filledDotColor} />
+          ) : (
+            <EmptyDot key={i} color={emptyDotColor} />
+          )
+        )}
       </HStack>
     </Animated.View>
   );

package/src/components/common/LogoPaymentWithFallback.tsx

@@ -1,7 +1,4 @@
-import * as O from "fp-ts/lib/Option";
-import { pipe } from "fp-ts/lib/function";
 import * as React from "react";
-import { findFirstCaseInsensitive } from "../../utils/object";
 import { IOColors } from "../../core";
 import { IOIconSizeScale, Icon } from "../icons";
 import {
@@ -12,6 +9,7 @@ import {
   LogoPayment,
   LogoPaymentExt
 } from "../logos";
+import { findFirstCaseInsensitive } from "../../utils/object";
 
 export type LogoPaymentWithFallback = {
   brand?: string;
@@ -42,19 +40,19 @@ export const LogoPaymentWithFallback = ({
 }: LogoPaymentWithFallback) => {
   const logos = isExtended ? IOPaymentExtLogos : IOPaymentLogos;
 
-  return pipe(
-    brand,
-    O.fromNullable,
-    O.chain(findFirstCaseInsensitive(logos)),
-    O.map(([brand]) => brand),
-    O.fold(
-      () => <Icon name="creditCard" size={size} color={fallbackIconColor} />,
-      brand =>
-        isExtended ? (
-          <LogoPaymentExt name={brand as IOLogoPaymentExtType} size={size} />
-        ) : (
-          <LogoPayment name={brand as IOLogoPaymentType} size={size} />
-        )
-    )
+  if (!brand) {
+    return <Icon name="creditCard" size={size} color={fallbackIconColor} />;
+  }
+
+  const findCase = findFirstCaseInsensitive(logos, brand);
+
+  if (!findCase) {
+    return <Icon name="creditCard" size={size} color={fallbackIconColor} />;
+  }
+
+  return isExtended ? (
+    <LogoPaymentExt name={findCase as IOLogoPaymentExtType} size={size} />
+  ) : (
+    <LogoPayment name={findCase as IOLogoPaymentType} size={size} />
   );
 };

package/src/components/layout/HeaderSecondLevel.tsx

@@ -178,22 +178,19 @@ export const HeaderSecondLevel = ({
   /* Visual attributes when there are transitions between states */
   const HEADER_DEFAULT_BG_COLOR: IOColors = theme["appBackground-primary"];
 
-  const headerBgColorTransparentState = backgroundColor
-    ? hexToRgba(backgroundColor, 0)
-    : transparent
-    ? hexToRgba(IOColors[HEADER_DEFAULT_BG_COLOR], 0)
-    : IOColors[HEADER_DEFAULT_BG_COLOR];
-
   const headerBgColorSolidState =
     backgroundColor ?? IOColors[HEADER_DEFAULT_BG_COLOR];
 
+  const headerBgColorTransparentState = transparent
+    ? hexToRgba(headerBgColorSolidState, 0)
+    : headerBgColorSolidState;
+
   const borderColorDefault = IOColors[theme["divider-default"]];
 
-  const borderColorTransparentState = backgroundColor
-    ? hexToRgba(backgroundColor, 0)
-    : hexToRgba(borderColorDefault, 0);
   const borderColorSolidState = backgroundColor ?? borderColorDefault;
 
+  const borderColorTransparentState = hexToRgba(borderColorSolidState, 0);
+
   useLayoutEffect(() => {
     if (isTitleAccessible) {
       const reactNode = findNodeHandle(titleRef.current);

package/src/components/listitems/ListItemRadioWithAmount.tsx

@@ -81,7 +81,6 @@ export const ListItemRadioWithAmount = ({
         importantForAccessibility="no-hide-descendants"
         style={{ flexDirection: "row" }}
       >
-        <HSpacer size={8} />
         <H6 color={theme["interactiveElem-default"]}>
           {formattedAmountString}
         </H6>