@pagopa/io-app-design-system 1.14.0 → 1.15.0

package/lib/module/components/avatar/Avatar.js

@@ -1,21 +1,26 @@
 // A component to provide organization logo
 import * as React from "react";
-import { StyleSheet, View } from "react-native";
-import { IOVisualCostants, IOColors, hexToRgba } from "../../core";
-import { MultiImage } from "./MultiImage";
+import { Image, StyleSheet, View } from "react-native";
+import { Icon } from "../../components/icons";
+import { IOColors, IOThemeContext, IOVisualCostants, hexToRgba } from "../../core";
+import { addCacheTimestampToUri } from "../../utils/image";
 const avatarBorderLightMode = hexToRgba(IOColors.black, 0.1);
 const internalSpaceDefaultSize = 6;
 const internalSpaceLargeSize = 9;
 const radiusDefaultSize = 8;
+const internalSpacePlaceholderDefaultSize = 12;
+const internalSpacePlaceholderLargeSize = 16;
 const dimensionsMap = {
   small: {
     size: IOVisualCostants.avatarSizeSmall,
     internalSpace: internalSpaceDefaultSize,
+    internalSpacePlaceholder: internalSpacePlaceholderDefaultSize,
     radius: radiusDefaultSize
   },
   medium: {
     size: IOVisualCostants.avatarSizeMedium,
     internalSpace: internalSpaceLargeSize,
+    internalSpacePlaceholder: internalSpacePlaceholderLargeSize,
     radius: radiusDefaultSize
   }
 };
@@ -25,8 +30,7 @@ const styles = StyleSheet.create({
     overflow: "hidden",
     resizeMode: "contain",
     borderColor: avatarBorderLightMode,
-    borderWidth: 1,
-    backgroundColor: IOColors.white
+    borderWidth: 1
   },
   avatarImage: {
     height: "100%",
@@ -39,16 +43,28 @@ export const Avatar = _ref => {
     shape,
     size
   } = _ref;
+  const theme = React.useContext(IOThemeContext);
+  const [imageSource, setImageSource] = React.useState(!logoUri ? undefined : addCacheTimestampToUri(logoUri));
+  const isPlaceholder = !imageSource;
+  const onError = () => {
+    setImageSource(undefined);
+  };
   return /*#__PURE__*/React.createElement(View, {
     style: [styles.avatarWrapper, {
       height: dimensionsMap[size].size,
       width: dimensionsMap[size].size,
       borderRadius: shape === "circle" ? getAvatarCircleShape(size) : dimensionsMap[size].radius,
-      padding: dimensionsMap[size].internalSpace
+      backgroundColor: isPlaceholder ? IOColors["grey-50"] : IOColors.white,
+      padding: isPlaceholder ? dimensionsMap[size].internalSpacePlaceholder : dimensionsMap[size].internalSpace
     }]
-  }, /*#__PURE__*/React.createElement(MultiImage, {
+  }, isPlaceholder ? /*#__PURE__*/React.createElement(Icon, {
+    name: "institution",
+    color: theme["icon-decorative"],
+    size: "100%"
+  }) : /*#__PURE__*/React.createElement(Image, {
+    source: imageSource,
     style: styles.avatarImage,
-    source: logoUri
+    onError: onError
   }));
 };
 //# sourceMappingURL=Avatar.js.map

package/lib/module/components/avatar/Avatar.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","View","IOVisualCostants","IOColors","hexToRgba","MultiImage","avatarBorderLightMode","black","internalSpaceDefaultSize","internalSpaceLargeSize","radiusDefaultSize","dimensionsMap","small","size","avatarSizeSmall","internalSpace","radius","medium","avatarSizeMedium","getAvatarCircleShape","styles","create","avatarWrapper","overflow","resizeMode","borderColor","borderWidth","backgroundColor","white","avatarImage","height","width","Avatar","_ref","logoUri","shape","createElement","style","borderRadius","padding","source"],"sourceRoot":"../../../../src","sources":["components/avatar/Avatar.tsx"],"mappings":"AAAA;AACA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,gBAAgB,EAAEC,QAAQ,EAAEC,SAAS,QAAQ,YAAY;AAClE,SAASC,UAAU,QAAQ,cAAc;AAQzC,MAAMC,qBAAqB,GAAGF,SAAS,CAACD,QAAQ,CAACI,KAAK,EAAE,GAAG,CAAC;AAC5D,MAAMC,wBAAgC,GAAG,CAAC;AAC1C,MAAMC,sBAA8B,GAAG,CAAC;AACxC,MAAMC,iBAAyB,GAAG,CAAC;AAEnC,MAAMC,aAAa,GAAG;EACpBC,KAAK,EAAE;IACLC,IAAI,EAAEX,gBAAgB,CAACY,eAAe;IACtCC,aAAa,EAAEP,wBAAwB;IACvCQ,MAAM,EAAEN;EACV,CAAC;EACDO,MAAM,EAAE;IACNJ,IAAI,EAAEX,gBAAgB,CAACgB,gBAAgB;IACvCH,aAAa,EAAEN,sBAAsB;IACrCO,MAAM,EAAEN;EACV;AACF,CAAC;AAED,MAAMS,oBAAoB,GAAIN,IAAoB,IAChDF,aAAa,CAACE,IAAI,CAAC,CAACA,IAAI,GAAG,CAAC;AAE9B,MAAMO,MAAM,GAAGpB,UAAU,CAACqB,MAAM,CAAC;EAC/BC,aAAa,EAAE;IACbC,QAAQ,EAAE,QAAQ;IAClBC,UAAU,EAAE,SAAS;IACrBC,WAAW,EAAEnB,qBAAqB;IAClCoB,WAAW,EAAE,CAAC;IACdC,eAAe,EAAExB,QAAQ,CAACyB;EAC5B,CAAC;EACDC,WAAW,EAAE;IACXC,MAAM,EAAE,MAAM;IACdC,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAEF,OAAO,MAAMC,MAAM,GAAGC,IAAA;EAAA,IAAC;IAAEC,OAAO;IAAEC,KAAK;IAAEtB;EAAa,CAAC,GAAAoB,IAAA;EAAA,oBACrDlC,KAAA,CAAAqC,aAAA,CAACnC,IAAI;IACHoC,KAAK,EAAE,CACLjB,MAAM,CAACE,aAAa,EACpB;MACEQ,MAAM,EAAEnB,aAAa,CAACE,IAAI,CAAC,CAACA,IAAI;MAChCkB,KAAK,EAAEpB,aAAa,CAACE,IAAI,CAAC,CAACA,IAAI;MAC/ByB,YAAY,EACVH,KAAK,KAAK,QAAQ,GACdhB,oBAAoB,CAACN,IAAI,CAAC,GAC1BF,aAAa,CAACE,IAAI,CAAC,CAACG,MAAM;MAChCuB,OAAO,EAAE5B,aAAa,CAACE,IAAI,CAAC,CAACE;IAC/B,CAAC;EACD,gBAEFhB,KAAA,CAAAqC,aAAA,CAAC/B,UAAU;IAACgC,KAAK,EAAEjB,MAAM,CAACS,WAAY;IAACW,MAAM,EAAEN;EAAQ,CAAE,CACrD,CAAC;AAAA,CACR"}
+{"version":3,"names":["React","Image","StyleSheet","View","Icon","IOColors","IOThemeContext","IOVisualCostants","hexToRgba","addCacheTimestampToUri","avatarBorderLightMode","black","internalSpaceDefaultSize","internalSpaceLargeSize","radiusDefaultSize","internalSpacePlaceholderDefaultSize","internalSpacePlaceholderLargeSize","dimensionsMap","small","size","avatarSizeSmall","internalSpace","internalSpacePlaceholder","radius","medium","avatarSizeMedium","getAvatarCircleShape","styles","create","avatarWrapper","overflow","resizeMode","borderColor","borderWidth","avatarImage","height","width","Avatar","_ref","logoUri","shape","theme","useContext","imageSource","setImageSource","useState","undefined","isPlaceholder","onError","createElement","style","borderRadius","backgroundColor","white","padding","name","color","source"],"sourceRoot":"../../../../src","sources":["components/avatar/Avatar.tsx"],"mappings":"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"}

package/lib/module/components/avatar/__test__/__snapshots__/avatar.test.tsx.snap

@@ -5,13 +5,13 @@ exports[`Test Avatar Components Avatar Snapshot 1`] = `
   style={
     [
       {
-        "backgroundColor": "#FFFFFF",
         "borderColor": "rgba(14,15,19,0.1)",
         "borderWidth": 1,
         "overflow": "hidden",
         "resizeMode": "contain",
       },
       {
+        "backgroundColor": "#FFFFFF",
         "borderRadius": 22,
         "height": 44,
         "padding": 6,
@@ -19,7 +19,20 @@ exports[`Test Avatar Components Avatar Snapshot 1`] = `
       },
     ]
   }
-/>
+>
+  <Image
+    onError={[Function]}
+    source={
+      {
+        "uri": "",
+      }
+    }
+    style={
+      {
+        "height": "100%",
+        "width": "100%",
+      }
+    }
+  />
+</View>
 `;
-
-exports[`Test Avatar Components MultiImage Snapshot 1`] = `null`;

package/lib/module/components/avatar/__test__/avatar.test.js

@@ -1,21 +1,16 @@
 import React from "react";
 import * as TestRenderer from "react-test-renderer";
 import { Avatar } from "../Avatar";
-import { MultiImage } from "../MultiImage";
 describe("Test Avatar Components", () => {
   it("Avatar Snapshot", () => {
     const avatar = TestRenderer.create( /*#__PURE__*/React.createElement(Avatar, {
       shape: "circle",
       size: "small",
-      logoUri: []
+      logoUri: {
+        uri: ""
+      }
     })).toJSON();
     expect(avatar).toMatchSnapshot();
   });
-  it("MultiImage Snapshot", () => {
-    const multiImage = TestRenderer.create( /*#__PURE__*/React.createElement(MultiImage, {
-      source: []
-    })).toJSON();
-    expect(multiImage).toMatchSnapshot();
-  });
 });
 //# sourceMappingURL=avatar.test.js.map

package/lib/module/components/avatar/__test__/avatar.test.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","TestRenderer","Avatar","MultiImage","describe","it","avatar","create","createElement","shape","size","logoUri","toJSON","expect","toMatchSnapshot","multiImage","source"],"sourceRoot":"../../../../../src","sources":["components/avatar/__test__/avatar.test.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAO,KAAKC,YAAY,MAAM,qBAAqB;AACnD,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,UAAU,QAAQ,eAAe;AAE1CC,QAAQ,CAAC,wBAAwB,EAAE,MAAM;EACvCC,EAAE,CAAC,iBAAiB,EAAE,MAAM;IAC1B,MAAMC,MAAM,GAAGL,YAAY,CAACM,MAAM,eAChCP,KAAA,CAAAQ,aAAA,CAACN,MAAM;MAACO,KAAK,EAAE,QAAS;MAACC,IAAI,EAAE,OAAQ;MAACC,OAAO,EAAE;IAAG,CAAS,CAC/D,CAAC,CAACC,MAAM,CAAC,CAAC;IACVC,MAAM,CAACP,MAAM,CAAC,CAACQ,eAAe,CAAC,CAAC;EAClC,CAAC,CAAC;EACFT,EAAE,CAAC,qBAAqB,EAAE,MAAM;IAC9B,MAAMU,UAAU,GAAGd,YAAY,CAACM,MAAM,eACpCP,KAAA,CAAAQ,aAAA,CAACL,UAAU;MAACa,MAAM,EAAE;IAAG,CAAa,CACtC,CAAC,CAACJ,MAAM,CAAC,CAAC;IACVC,MAAM,CAACE,UAAU,CAAC,CAACD,eAAe,CAAC,CAAC;EACtC,CAAC,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"names":["React","TestRenderer","Avatar","describe","it","avatar","create","createElement","shape","size","logoUri","uri","toJSON","expect","toMatchSnapshot"],"sourceRoot":"../../../../../src","sources":["components/avatar/__test__/avatar.test.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAO,KAAKC,YAAY,MAAM,qBAAqB;AACnD,SAASC,MAAM,QAAQ,WAAW;AAElCC,QAAQ,CAAC,wBAAwB,EAAE,MAAM;EACvCC,EAAE,CAAC,iBAAiB,EAAE,MAAM;IAC1B,MAAMC,MAAM,GAAGJ,YAAY,CAACK,MAAM,eAChCN,KAAA,CAAAO,aAAA,CAACL,MAAM;MAACM,KAAK,EAAE,QAAS;MAACC,IAAI,EAAE,OAAQ;MAACC,OAAO,EAAE;QAAEC,GAAG,EAAE;MAAG;IAAE,CAAS,CACxE,CAAC,CAACC,MAAM,CAAC,CAAC;IACVC,MAAM,CAACR,MAAM,CAAC,CAACS,eAAe,CAAC,CAAC;EAClC,CAAC,CAAC;AACJ,CAAC,CAAC"}

package/lib/module/components/avatar/index.js

@@ -1,3 +1,2 @@
 export * from "./Avatar";
-export * from "./MultiImage";
 //# sourceMappingURL=index.js.map

package/lib/module/components/avatar/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/avatar/index.tsx"],"mappings":"AAAA,cAAc,UAAU;AACxB,cAAc,cAAc"}
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/avatar/index.tsx"],"mappings":"AAAA,cAAc,UAAU"}

package/lib/module/components/badge/Badge.js

@@ -1,4 +1,4 @@
-import React from "react";
+import React, { useMemo } from "react";
 import { Platform, StyleSheet, Text, View } from "react-native";
 import { IOBadgeHSpacing, IOBadgeRadius, IOBadgeVSpacing, IOColors, useIOExperimentalDesign } from "../../core";
 import { makeFontStyleObject } from "../../utils/fonts";
@@ -44,6 +44,38 @@ const mapVariants = {
     background: "white"
   }
 };
+const mapOutlineVariants = {
+  default: {
+    foreground: "grey-700"
+  },
+  info: {
+    foreground: "info-850"
+  },
+  warning: {
+    foreground: "warning-850"
+  },
+  success: {
+    foreground: "success-850"
+  },
+  error: {
+    foreground: "error-850"
+  },
+  purple: {
+    foreground: "hanPurple-850"
+  },
+  lightBlue: {
+    foreground: "blueIO-850"
+  },
+  blue: {
+    foreground: "blueIO-500"
+  },
+  turquoise: {
+    foreground: "turquoise-850"
+  },
+  contrast: {
+    foreground: "grey-850"
+  }
+};
 const styles = StyleSheet.create({
   badge: {
     flexDirection: "row",
@@ -80,22 +112,30 @@ const styles = StyleSheet.create({
 export const Badge = _ref => {
   let {
     text,
+    outline = false,
     variant,
     testID
   } = _ref;
   const {
     isExperimental
   } = useIOExperimentalDesign();
+  const {
+    background,
+    foreground
+  } = useMemo(() => (outline ? mapOutlineVariants : mapVariants)[variant], [outline, variant]);
   return /*#__PURE__*/React.createElement(View, {
     testID: testID,
-    style: [styles.badge, {
-      backgroundColor: IOColors[mapVariants[variant].background]
+    style: [styles.badge, outline ? {
+      borderWidth: 1,
+      borderColor: IOColors[foreground]
+    } : {
+      backgroundColor: background ? IOColors[background] : undefined
     }]
   }, /*#__PURE__*/React.createElement(Text, {
     numberOfLines: 1,
     ellipsizeMode: "tail",
     style: [styles.label, isExperimental ? styles.labelFont : styles.legacyLabelFont, {
-      color: IOColors[mapVariants[variant].foreground]
+      color: IOColors[foreground]
     }]
   }, text));
 };

package/lib/module/components/badge/Badge.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Platform","StyleSheet","Text","View","IOBadgeHSpacing","IOBadgeRadius","IOBadgeVSpacing","IOColors","useIOExperimentalDesign","makeFontStyleObject","mapVariants","default","foreground","background","info","warning","success","error","purple","lightBlue","blue","turquoise","contrast","styles","create","badge","flexDirection","alignItems","justifyContent","select","android","textAlignVertical","borderRadius","paddingHorizontal","paddingVertical","label","fontSize","lineHeight","alignSelf","textTransform","flexShrink","labelFont","legacyLabelFont","Badge","_ref","text","variant","testID","isExperimental","createElement","style","backgroundColor","numberOfLines","ellipsizeMode","color"],"sourceRoot":"../../../../src","sources":["components/badge/Badge.tsx"],"mappings":"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"}
+{"version":3,"names":["React","useMemo","Platform","StyleSheet","Text","View","IOBadgeHSpacing","IOBadgeRadius","IOBadgeVSpacing","IOColors","useIOExperimentalDesign","makeFontStyleObject","mapVariants","default","foreground","background","info","warning","success","error","purple","lightBlue","blue","turquoise","contrast","mapOutlineVariants","styles","create","badge","flexDirection","alignItems","justifyContent","select","android","textAlignVertical","borderRadius","paddingHorizontal","paddingVertical","label","fontSize","lineHeight","alignSelf","textTransform","flexShrink","labelFont","legacyLabelFont","Badge","_ref","text","outline","variant","testID","isExperimental","createElement","style","borderWidth","borderColor","backgroundColor","undefined","numberOfLines","ellipsizeMode","color"],"sourceRoot":"../../../../src","sources":["components/badge/Badge.tsx"],"mappings":"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"}

package/lib/module/components/icons/svg/IconInstitution.js

@@ -13,10 +13,10 @@ const IconInstitution = _ref => {
     viewBox: "0 0 24 24",
     style: style
   }, props), /*#__PURE__*/React.createElement(Path, {
+    fill: "currentColor",
     fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M10.4023 2.68517c.9818-.62476 2.2365-.62476 3.2182 0l7.9187 5.03918a.999.999 0 0 1 .4627.84286l-.0229 1.42337H1.99809l.02288-1.42337a.99903.99903 0 0 1 .46269-.84286l7.91864-5.03918Zm4.291-1.68572c-1.6363-1.04126-3.7274-1.04126-5.36368 0L1.41093 6.03864C.54641 6.58878.02288 7.54248.02288 8.56721L0 10.9896c0 .5518.44729.9991.99905.9991h.99904v9.9905H.99905c-.55176 0-.99905.4473-.99905.999 0 .5518.44729.9991.99905.9991H22.9781c.5517 0 .999-.4473.999-.9991 0-.5517-.4473-.999-.999-.999h-.9991v-9.9905h.9991c.5517 0 .999-.4473.999-.9991L24 8.56721c0-1.02473-.5235-1.97843-1.388-2.52858L14.6933.99945ZM5.99428 21.9792H3.99619v-9.9905h1.99809v9.9905Zm9.99042-9.9905v9.9905H7.99237v-9.9905h7.99233Zm3.9962 9.9905h-1.9981v-9.9905h1.9981v9.9905ZM13.51 6.47125c0 .82764-.6709 1.49857-1.4986 1.49857-.8276 0-1.4985-.67093-1.4985-1.49857 0-.82764.6709-1.49858 1.4985-1.49858.8277 0 1.4986.67094 1.4986 1.49858Z",
-    fill: "currentColor"
+    d: "M10.402 2.685a2.997 2.997 0 0 1 3.219 0l7.918 5.04a.999.999 0 0 1 .463.842l-.023 1.423H1.999l.022-1.423c0-.342.174-.66.463-.843l7.918-5.039ZM14.693.999A4.995 4.995 0 0 0 9.33 1L1.41 6.04A2.997 2.997 0 0 0 .024 8.566L0 10.989a1 1 0 0 0 .999 1h1v9.99h-1a.999.999 0 1 0 0 1.998H22.978a1 1 0 0 0 0-1.998h-.999v-9.99h1a1 1 0 0 0 .998-1L24 8.567a2.997 2.997 0 0 0-1.388-2.529L14.693 1ZM5.994 21.98H3.996v-9.99h1.998v9.99Zm9.99-9.99v9.99H7.993v-9.99h7.993Zm3.997 9.99h-1.998v-9.99h1.998v9.99ZM13.51 6.471a1.499 1.499 0 1 1-2.997 0 1.499 1.499 0 0 1 2.997 0Z",
+    clipRule: "evenodd"
   }));
 };
 export default IconInstitution;

package/lib/module/components/icons/svg/IconInstitution.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Svg","Path","IconInstitution","_ref","size","style","props","createElement","_extends","width","height","viewBox","fillRule","clipRule","d","fill"],"sourceRoot":"../../../../../src","sources":["components/icons/svg/IconInstitution.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,GAAG,EAAEC,IAAI,QAAQ,kBAAkB;AAG5C,MAAMC,eAAe,GAAGC,IAAA;EAAA,IAAC;IAAEC,IAAI;IAAEC,KAAK;IAAE,GAAGC;EAAoB,CAAC,GAAAH,IAAA;EAAA,oBAC9DJ,KAAA,CAAAQ,aAAA,CAACP,GAAG,EAAAQ,QAAA;IAACC,KAAK,EAAEL,IAAK;IAACM,MAAM,EAAEN,IAAK;IAACO,OAAO,EAAC,WAAW;IAACN,KAAK,EAAEA;EAAM,GAAKC,KAAK,gBACzEP,KAAA,CAAAQ,aAAA,CAACN,IAAI;IACHW,QAAQ,EAAC,SAAS;IAClBC,QAAQ,EAAC,SAAS;IAClBC,CAAC,EAAC,w4BAAw4B;IAC14BC,IAAI,EAAC;EAAc,CACpB,CACE,CAAC;AAAA,CACP;AAED,eAAeb,eAAe"}
+{"version":3,"names":["React","Svg","Path","IconInstitution","_ref","size","style","props","createElement","_extends","width","height","viewBox","fill","fillRule","d","clipRule"],"sourceRoot":"../../../../../src","sources":["components/icons/svg/IconInstitution.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,GAAG,EAAEC,IAAI,QAAQ,kBAAkB;AAG5C,MAAMC,eAAe,GAAGC,IAAA;EAAA,IAAC;IAAEC,IAAI;IAAEC,KAAK;IAAE,GAAGC;EAAoB,CAAC,GAAAH,IAAA;EAAA,oBAC9DJ,KAAA,CAAAQ,aAAA,CAACP,GAAG,EAAAQ,QAAA;IAACC,KAAK,EAAEL,IAAK;IAACM,MAAM,EAAEN,IAAK;IAACO,OAAO,EAAC,WAAW;IAACN,KAAK,EAAEA;EAAM,GAAKC,KAAK,gBACzEP,KAAA,CAAAQ,aAAA,CAACN,IAAI;IACHW,IAAI,EAAC,cAAc;IACnBC,QAAQ,EAAC,SAAS;IAClBC,CAAC,EAAC,wiBAAwiB;IAC1iBC,QAAQ,EAAC;EAAS,CACnB,CACE,CAAC;AAAA,CACP;AAED,eAAeb,eAAe"}

package/lib/module/components/icons/svg/originals/IconInstitution.svg

@@ -1,8 +1,3 @@
-<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-  <path
-    fill-rule="evenodd"
-    clip-rule="evenodd"
-    d="M10.4023 2.68517c.9818-.62476 2.2365-.62476 3.2182 0l7.9187 5.03918a.999.999 0 0 1 .4627.84286l-.0229 1.42337H1.99809l.02288-1.42337a.99903.99903 0 0 1 .46269-.84286l7.91864-5.03918Zm4.291-1.68572c-1.6363-1.04126-3.7274-1.04126-5.36368 0L1.41093 6.03864C.54641 6.58878.02288 7.54248.02288 8.56721L0 10.9896c0 .5518.44729.9991.99905.9991h.99904v9.9905H.99905c-.55176 0-.99905.4473-.99905.999 0 .5518.44729.9991.99905.9991H22.9781c.5517 0 .999-.4473.999-.9991 0-.5517-.4473-.999-.999-.999h-.9991v-9.9905h.9991c.5517 0 .999-.4473.999-.9991L24 8.56721c0-1.02473-.5235-1.97843-1.388-2.52858L14.6933.99945ZM5.99428 21.9792H3.99619v-9.9905h1.99809v9.9905Zm9.99042-9.9905v9.9905H7.99237v-9.9905h7.99233Zm3.9962 9.9905h-1.9981v-9.9905h1.9981v9.9905ZM13.51 6.47125c0 .82764-.6709 1.49857-1.4986 1.49857-.8276 0-1.4985-.67093-1.4985-1.49857 0-.82764.6709-1.49858 1.4985-1.49858.8277 0 1.4986.67094 1.4986 1.49858Z"
-    fill="#0E0F13"
-  />
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.4023 2.68497C11.3841 2.06021 12.6388 2.06021 13.6205 2.68497L21.5392 7.72414C21.8274 7.90752 22.0019 8.22542 22.0019 8.56699L21.979 9.99037H1.99809L2.02097 8.56699C2.02097 8.22542 2.19548 7.90752 2.48366 7.72414L10.4023 2.68497ZM14.6933 0.999255C13.057 -0.0420089 10.9659 -0.0420063 9.32962 0.999256L1.41093 6.03842C0.54641 6.58857 0.0228809 7.54227 0.0228809 8.56699L0 10.9894C0 11.5412 0.447288 11.9885 0.999047 11.9885H1.99809V21.979H0.999047C0.447288 21.979 0 22.4262 0 22.978C0 23.5298 0.447288 23.9771 0.999047 23.9771H2.99714H6.99333H16.9838H20.98H22.9781C23.5298 23.9771 23.9771 23.5298 23.9771 22.978C23.9771 22.4262 23.5298 21.979 22.9781 21.979H21.979V11.9885H22.9781C23.5298 11.9885 23.9771 11.5412 23.9771 10.9894L24 8.56699C24 7.54227 23.4765 6.58857 22.612 6.03842L14.6933 0.999255ZM5.99428 21.979H3.99619V11.9885H5.99428V21.979ZM15.9847 11.9885V21.979H7.99237V11.9885H15.9847ZM19.9809 21.979H17.9828V11.9885H19.9809V21.979ZM13.51 6.47104C13.51 7.29868 12.8391 7.96961 12.0114 7.96961C11.1838 7.96961 10.5129 7.29868 10.5129 6.47104C10.5129 5.6434 11.1838 4.97247 12.0114 4.97247C12.8391 4.97247 13.51 5.6434 13.51 6.47104Z" fill="#2B2E38"/>
 </svg>

package/lib/module/components/listitems/ListItemTransaction.js

@@ -25,7 +25,7 @@ const LeftComponent = _ref => {
   } = _ref;
   if (isImageUri(logoIcon)) {
     return /*#__PURE__*/React.createElement(Avatar, {
-      logoUri: [logoIcon],
+      logoUri: logoIcon,
       size: "small",
       shape: "circle"
     });

package/lib/module/components/listitems/ListItemTransaction.js.map

@@ -1 +1 @@
-{"version":3,"names":["O","pipe","React","StyleSheet","View","Placeholder","IOListItemLogoMargin","IOListItemStyles","IOListItemVisualParams","IOStyles","IOVisualCostants","useIOTheme","getAccessibleAmountText","isImageUri","Avatar","Badge","LogoPaymentWithFallback","Icon","VSpacer","H6","LabelSmall","PressableListItemBase","CARD_LOGO_SIZE","MUNICIPALITY_LOGO_SIZE","LeftComponent","_ref","logoIcon","createElement","logoUri","size","shape","isValidElement","Fragment","brand","ListItemTransaction","_ref2","accessibilityLabel","hasChevronRight","isLoading","paymentLogoIcon","onPress","subtitle","testID","title","transactionAmount","badgeText","transactionStatus","accessible","theme","maybeBadgeText","fromNullable","getOrElse","SkeletonComponent","designSystemBlue","ListItemTransactionContent","TransactionAmountOrBadgeComponent","color","variant","text","style","marginRight","width","alignItems","flex","numberOfLines","weight","Styles","rightSection","name","chevronSize","fold","listItem","listItemInner","iconMargin","Box","animate","height","avatarSizeSmall","radius","marginLeft","create","flexDirection"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemTransaction.tsx"],"mappings":"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"}
+{"version":3,"names":["O","pipe","React","StyleSheet","View","Placeholder","IOListItemLogoMargin","IOListItemStyles","IOListItemVisualParams","IOStyles","IOVisualCostants","useIOTheme","getAccessibleAmountText","isImageUri","Avatar","Badge","LogoPaymentWithFallback","Icon","VSpacer","H6","LabelSmall","PressableListItemBase","CARD_LOGO_SIZE","MUNICIPALITY_LOGO_SIZE","LeftComponent","_ref","logoIcon","createElement","logoUri","size","shape","isValidElement","Fragment","brand","ListItemTransaction","_ref2","accessibilityLabel","hasChevronRight","isLoading","paymentLogoIcon","onPress","subtitle","testID","title","transactionAmount","badgeText","transactionStatus","accessible","theme","maybeBadgeText","fromNullable","getOrElse","SkeletonComponent","designSystemBlue","ListItemTransactionContent","TransactionAmountOrBadgeComponent","color","variant","text","style","marginRight","width","alignItems","flex","numberOfLines","weight","Styles","rightSection","name","chevronSize","fold","listItem","listItemInner","iconMargin","Box","animate","height","avatarSizeSmall","radius","marginLeft","create","flexDirection"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemTransaction.tsx"],"mappings":"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"}

package/lib/module/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap

@@ -146,7 +146,7 @@ exports[`Test List Item Components ListItemIDP Snapshot 1`] = `
           "paddingHorizontal": 16,
           "paddingVertical": 16,
         },
-        undefined,
+        false,
         {
           "transform": [
             {

package/lib/module/components/modules/ModuleIDP.js

@@ -1,22 +1,10 @@
 import * as React from "react";
-import { useCallback } from "react";
-import { Image, Platform, Pressable, StyleSheet, Text } from "react-native";
-import Animated, { Extrapolate, interpolate, useAnimatedStyle, useDerivedValue, useSharedValue, withSpring } from "react-native-reanimated";
-import { IOColors, IOModuleIDPHSpacing, IOModuleIDPRadius, IOModuleIDPSavedVSpacing, IOModuleIDPVSpacing, IOListItemLogoMargin, IOScaleValues, IOSpringValues, useIOExperimentalDesign } from "../../core";
+import { Image, Platform, StyleSheet, Text } from "react-native";
+import { IOColors, IOListItemLogoMargin, useIOExperimentalDesign } from "../../core";
 import { toAndroidCacheTimestamp } from "../../utils/dates";
 import { makeFontStyleObject } from "../../utils/fonts";
+import { PressableModuleBase } from "./PressableModuleBase";
 const styles = StyleSheet.create({
-  button: {
-    borderWidth: 1,
-    borderColor: IOColors["grey-100"],
-    borderRadius: IOModuleIDPRadius,
-    backgroundColor: IOColors.white,
-    flexDirection: "row",
-    justifyContent: "space-between",
-    alignItems: "center",
-    paddingVertical: IOModuleIDPVSpacing,
-    paddingHorizontal: IOModuleIDPHSpacing
-  },
   idpName: {
     color: IOColors["grey-700"],
     fontSize: 12,
@@ -44,64 +32,32 @@ const styles = StyleSheet.create({
 // the `ts` query parameter as DDMMYYYY to simulate a 24h TTL.
 const androidIdpLogoForcedRefreshed = () => Platform.OS === "android" ? `?ts=${toAndroidCacheTimestamp()}` : "";
 export const ModuleIDP = _ref => {
-  var _IOScaleValues$magnif;
   let {
     name,
     localLogo,
     logo,
-    saved,
+    withLooseSpacing = false,
     onPress,
     testID
   } = _ref;
-  const isPressed = useSharedValue(0);
   const {
     isExperimental
   } = useIOExperimentalDesign();
-  // Scaling transformation applied when the button is pressed
-  const animationScaleValue = IOScaleValues === null || IOScaleValues === void 0 || (_IOScaleValues$magnif = IOScaleValues.magnifiedButton) === null || _IOScaleValues$magnif === void 0 ? void 0 : _IOScaleValues$magnif.pressedState;
-  const scaleTraversed = useDerivedValue(() => withSpring(isPressed.value, IOSpringValues.button));
-
-  // Interpolate animation values from `isPressed` values
-  const animatedStyle = useAnimatedStyle(() => {
-    const scale = interpolate(scaleTraversed.value, [0, 1], [1, animationScaleValue], Extrapolate.CLAMP);
-    return {
-      transform: [{
-        scale
-      }]
-    };
-  });
-  const handlePressIn = useCallback(() => {
-    // eslint-disable-next-line functional/immutable-data
-    isPressed.value = 1;
-  }, [isPressed]);
-  const handlePressOut = useCallback(() => {
-    // eslint-disable-next-line functional/immutable-data
-    isPressed.value = 0;
-  }, [isPressed]);
 
   // eslint-disable-next-line no-console
   const urlLogoIDP = localLogo ? localLogo : {
     uri: `${logo}${androidIdpLogoForcedRefreshed()}`
   };
-  return /*#__PURE__*/React.createElement(Pressable, {
+  return /*#__PURE__*/React.createElement(PressableModuleBase, {
     onPress: onPress,
-    onPressIn: handlePressIn,
-    onPressOut: handlePressOut,
-    onTouchEnd: handlePressOut,
-    accessible: true,
-    accessibilityRole: "button",
-    accessibilityLabel: name,
-    testID: testID
-  }, /*#__PURE__*/React.createElement(Animated.View, {
-    style: [styles.button, saved && {
-      paddingVertical: IOModuleIDPSavedVSpacing
-    }, animatedStyle]
+    testID: testID,
+    withLooseSpacing: withLooseSpacing
   }, /*#__PURE__*/React.createElement(Text, {
     style: [styles.idpName, isExperimental ? styles.idpNameFont : styles.idpLegacyNameFont]
   }, name), /*#__PURE__*/React.createElement(Image, {
     source: urlLogoIDP,
     style: styles.idpLogo
-  })));
+  }));
 };
 export default ModuleIDP;
 //# sourceMappingURL=ModuleIDP.js.map

package/lib/module/components/modules/ModuleIDP.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","Image","Platform","Pressable","StyleSheet","Text","Animated","Extrapolate","interpolate","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","IOColors","IOModuleIDPHSpacing","IOModuleIDPRadius","IOModuleIDPSavedVSpacing","IOModuleIDPVSpacing","IOListItemLogoMargin","IOScaleValues","IOSpringValues","useIOExperimentalDesign","toAndroidCacheTimestamp","makeFontStyleObject","styles","create","button","borderWidth","borderColor","borderRadius","backgroundColor","white","flexDirection","justifyContent","alignItems","paddingVertical","paddingHorizontal","idpName","color","fontSize","lineHeight","alignSelf","textTransform","flexShrink","idpNameFont","idpLegacyNameFont","idpLogo","marginStart","width","height","resizeMode","androidIdpLogoForcedRefreshed","OS","ModuleIDP","_ref","_IOScaleValues$magnif","name","localLogo","logo","saved","onPress","testID","isPressed","isExperimental","animationScaleValue","magnifiedButton","pressedState","scaleTraversed","value","animatedStyle","scale","CLAMP","transform","handlePressIn","handlePressOut","urlLogoIDP","uri","createElement","onPressIn","onPressOut","onTouchEnd","accessible","accessibilityRole","accessibilityLabel","View","style","source"],"sourceRoot":"../../../../src","sources":["components/modules/ModuleIDP.tsx"],"mappings":"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"}
+{"version":3,"names":["React","Image","Platform","StyleSheet","Text","IOColors","IOListItemLogoMargin","useIOExperimentalDesign","toAndroidCacheTimestamp","makeFontStyleObject","PressableModuleBase","styles","create","idpName","color","fontSize","lineHeight","alignSelf","textTransform","flexShrink","idpNameFont","idpLegacyNameFont","idpLogo","marginStart","width","height","resizeMode","androidIdpLogoForcedRefreshed","OS","ModuleIDP","_ref","name","localLogo","logo","withLooseSpacing","onPress","testID","isExperimental","urlLogoIDP","uri","createElement","style","source"],"sourceRoot":"../../../../src","sources":["components/modules/ModuleIDP.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SACEC,KAAK,EAELC,QAAQ,EACRC,UAAU,EACVC,IAAI,QACC,cAAc;AACrB,SACEC,QAAQ,EACRC,oBAAoB,EACpBC,uBAAuB,QAClB,YAAY;AACnB,SAASC,uBAAuB,QAAQ,mBAAmB;AAC3D,SAASC,mBAAmB,QAAQ,mBAAmB;AACvD,SACEC,mBAAmB,QAEd,uBAAuB;AAQ9B,MAAMC,MAAM,GAAGR,UAAU,CAACS,MAAM,CAAC;EAC/BC,OAAO,EAAE;IACPC,KAAK,EAAET,QAAQ,CAAC,UAAU,CAAC;IAC3BU,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,SAAS,EAAE,QAAQ;IACnBC,aAAa,EAAE,WAAW;IAC1BC,UAAU,EAAE;EACd,CAAC;EACDC,WAAW,EAAE;IACX,GAAGX,mBAAmB,CAAC,SAAS,EAAE,KAAK,EAAE,WAAW;EACtD,CAAC;EACDY,iBAAiB,EAAE;IACjB,GAAGZ,mBAAmB,CAAC,UAAU,EAAE,KAAK,EAAE,cAAc;EAC1D,CAAC;EACDa,OAAO,EAAE;IACPC,WAAW,EAAEjB,oBAAoB;IACjCkB,KAAK,EAAE,GAAG;IACVC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE;EACd;AACF,CAAC,CAAC;;AAEF;AACA;AACA;AACA,MAAMC,6BAA6B,GAAGA,CAAA,KACpCzB,QAAQ,CAAC0B,EAAE,KAAK,SAAS,GAAI,OAAMpB,uBAAuB,CAAC,CAAE,EAAC,GAAG,EAAE;AAErE,OAAO,MAAMqB,SAAS,GAAGC,IAAA,IAOR;EAAA,IAPS;IACxBC,IAAI;IACJC,SAAS;IACTC,IAAI;IACJC,gBAAgB,GAAG,KAAK;IACxBC,OAAO;IACPC;EACS,CAAC,GAAAN,IAAA;EACV,MAAM;IAAEO;EAAe,CAAC,GAAG9B,uBAAuB,CAAC,CAAC;;EAEpD;EACA,MAAM+B,UAAU,GAAGN,SAAS,GACxBA,SAAS,GACT;IACEO,GAAG,EAAG,GAAEN,IAAK,GAAEN,6BAA6B,CAAC,CAAE;EACjD,CAAC;EACL,oBACE3B,KAAA,CAAAwC,aAAA,CAAC9B,mBAAmB;IAClByB,OAAO,EAAEA,OAAQ;IACjBC,MAAM,EAAEA,MAAO;IACfF,gBAAgB,EAAEA;EAAiB,gBAEnClC,KAAA,CAAAwC,aAAA,CAACpC,IAAI;IACHqC,KAAK,EAAE,CACL9B,MAAM,CAACE,OAAO,EACdwB,cAAc,GAAG1B,MAAM,CAACS,WAAW,GAAGT,MAAM,CAACU,iBAAiB;EAC9D,GAEDU,IACG,CAAC,eACP/B,KAAA,CAAAwC,aAAA,CAACvC,KAAK;IAACyC,MAAM,EAAEJ,UAAW;IAACG,KAAK,EAAE9B,MAAM,CAACW;EAAQ,CAAE,CAChC,CAAC;AAE1B,CAAC;AAED,eAAeO,SAAS"}

package/lib/module/components/modules/ModulePaymentNotice.js

@@ -1,28 +1,14 @@
 import * as React from "react";
-import { useCallback } from "react";
-import { Pressable, StyleSheet, View } from "react-native";
-import Animated, { Extrapolate, interpolate, useAnimatedStyle, useDerivedValue, useSharedValue, withSpring } from "react-native-reanimated";
+import { StyleSheet, View } from "react-native";
 import Placeholder from "rn-placeholder";
 import { getAccessibleAmountText } from "../../utils/accessibility";
 import { H6, LabelSmall } from "../typography";
 import { Badge } from "../badge";
 import { Icon } from "../icons";
-import { IOColors, IOListItemVisualParams, IOScaleValues, IOSpringValues, IOStyles, useIOExperimentalDesign } from "../../core";
+import { IOListItemVisualParams, IOModuleStyles, IOStyles, useIOExperimentalDesign } from "../../core";
 import { VSpacer } from "../spacer";
+import { PressableModuleBase } from "./PressableModuleBase";
 const styles = StyleSheet.create({
-  button: {
-    flex: 1,
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "space-between",
-    paddingHorizontal: 16,
-    paddingVertical: 16,
-    borderRadius: 8,
-    borderColor: IOColors.bluegreyLight,
-    backgroundColor: IOColors.white,
-    borderStyle: "solid",
-    borderWidth: 1
-  },
   rightSection: {
     marginLeft: IOListItemVisualParams.iconMargin,
     flexDirection: "row",
@@ -73,12 +59,18 @@ const ModulePaymentNoticeContent = _ref => {
           variant: "default",
           text: badgeText
         });
+      case "in-progress":
+        return /*#__PURE__*/React.createElement(Badge, {
+          variant: "info",
+          text: badgeText
+        });
     }
   };
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
     style: {
       flexGrow: 1,
-      flexShrink: 1
+      flexShrink: 1,
+      paddingEnd: 8
     }
   }, title && /*#__PURE__*/React.createElement(LabelSmall, {
     numberOfLines: 1,
@@ -87,7 +79,8 @@ const ModulePaymentNoticeContent = _ref => {
   }, title), /*#__PURE__*/React.createElement(LabelSmall, {
     weight: "SemiBold",
     font: isExperimental ? "ReadexPro" : "TitilliumWeb",
-    color: isExperimental ? "blueIO-500" : "bluegrey"
+    color: isExperimental ? "blueIO-500" : "bluegrey",
+    numberOfLines: 2
   }, subtitle)), /*#__PURE__*/React.createElement(View, {
     style: [styles.rightSection, {
       flexShrink: 1
@@ -112,7 +105,6 @@ const ModulePaymentNoticeContent = _ref => {
  * @param {string} paymentNoticeStatus - The status of the payment notice.
  */
 export const ModulePaymentNotice = _ref2 => {
-  var _IOScaleValues$magnif;
   let {
     isLoading = false,
     testID,
@@ -120,46 +112,17 @@ export const ModulePaymentNotice = _ref2 => {
     onPress,
     ...rest
   } = _ref2;
-  const isPressed = useSharedValue(0);
-
-  // Scaling transformation applied when the button is pressed
-  const animationScaleValue = IOScaleValues === null || IOScaleValues === void 0 || (_IOScaleValues$magnif = IOScaleValues.magnifiedButton) === null || _IOScaleValues$magnif === void 0 ? void 0 : _IOScaleValues$magnif.pressedState;
-  const scaleTraversed = useDerivedValue(() => withSpring(isPressed.value, IOSpringValues.button));
-
-  // Interpolate animation values from `isPressed` values
-  const animatedStyle = useAnimatedStyle(() => {
-    const scale = interpolate(scaleTraversed.value, [0, 1], [1, animationScaleValue], Extrapolate.CLAMP);
-    return {
-      transform: [{
-        scale
-      }]
-    };
-  });
-  const onPressIn = useCallback(() => {
-    // eslint-disable-next-line functional/immutable-data
-    isPressed.value = 1;
-  }, [isPressed]);
-  const onPressOut = useCallback(() => {
-    // eslint-disable-next-line functional/immutable-data
-    isPressed.value = 0;
-  }, [isPressed]);
   if (isLoading) {
     return /*#__PURE__*/React.createElement(SkeletonComponent, null);
   }
-  return /*#__PURE__*/React.createElement(Pressable, {
-    testID: testID,
+  return /*#__PURE__*/React.createElement(PressableModuleBase, {
     onPress: onPress,
-    onPressIn: onPressIn,
-    onPressOut: onPressOut,
-    accessible: true,
-    accessibilityRole: "button",
-    accessibilityLabel: accessibilityLabel
-  }, /*#__PURE__*/React.createElement(Animated.View, {
-    style: [styles.button, animatedStyle]
-  }, /*#__PURE__*/React.createElement(ModulePaymentNoticeContent, rest)));
+    accessibilityLabel: accessibilityLabel,
+    testID: testID
+  }, /*#__PURE__*/React.createElement(ModulePaymentNoticeContent, rest));
 };
 const SkeletonComponent = () => /*#__PURE__*/React.createElement(View, {
-  style: styles.button,
+  style: IOModuleStyles.button,
   accessible: false
 }, /*#__PURE__*/React.createElement(View, {
   style: IOStyles.flex