@pagopa/io-app-design-system 1.10.0 → 1.11.0

package/lib/commonjs/components/listitems/ListItemSwitch.js

@@ -12,13 +12,19 @@ var _spacer = require("../spacer");
 var _typography = require("../typography");
 var _NativeSwitch = require("../switch/NativeSwitch");
 var _badge = require("../badge");
+var _logos = require("../logos");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const DISABLED_OPACITY = 0.5;
+
+/* Estimated height of the native switch component,
+both on iOS & Android */
+const ESTIMATED_SWITCH_HEIGHT = 32;
 const ListItemSwitch = /*#__PURE__*/_react.default.memo(_ref => {
   let {
     label,
     description,
     icon,
+    paymentLogo,
     value,
     disabled,
     action,
@@ -40,34 +46,41 @@ const ListItemSwitch = /*#__PURE__*/_react.default.memo(_ref => {
     }]
   }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: {
-      flex: 1
+      flex: 1,
+      flexDirection: "row",
+      alignItems: "center"
     }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: [_core.IOStyles.row, {
-      flexShrink: 1
-    }]
   }, icon && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: {
-      marginRight: _core.IOSelectionListItemVisualParams.iconMargin
+      marginRight: _core.IOSelectionListItemVisualParams.iconMargin,
+      alignSelf: "flex-start"
     }
   }, /*#__PURE__*/_react.default.createElement(_icons.Icon, {
     name: icon,
     color: "grey-300",
     size: _core.IOSelectionListItemVisualParams.iconSize
-  })), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  })), paymentLogo && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: {
-      flex: 1,
-      flexDirection: "row",
-      alignContent: "space-between"
+      marginRight: _core.IOSelectionListItemVisualParams.iconMargin,
+      alignSelf: "center"
     }
-  }, /*#__PURE__*/_react.default.createElement(_typography.H6, {
+  }, /*#__PURE__*/_react.default.createElement(_logos.LogoPayment, {
+    name: paymentLogo,
+    size: _core.IOSelectionListItemVisualParams.iconSize
+  })), /*#__PURE__*/_react.default.createElement(_typography.H6, {
     color: "black",
     style: {
       flex: 1
     }
-  }, label), /*#__PURE__*/_react.default.createElement(_spacer.HSpacer, {
+  }, label)), /*#__PURE__*/_react.default.createElement(_spacer.HSpacer, {
     size: 8
-  }), /*#__PURE__*/_react.default.createElement(_reactNative.View, null, badge && /*#__PURE__*/_react.default.createElement(_badge.Badge, {
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: {
+      justifyContent: "center",
+      alignSelf: "flex-start",
+      minHeight: ESTIMATED_SWITCH_HEIGHT
+    }
+  }, badge && /*#__PURE__*/_react.default.createElement(_badge.Badge, {
     text: badge.text,
     variant: badge.variant,
     testID: badge.testID
@@ -76,7 +89,7 @@ const ListItemSwitch = /*#__PURE__*/_react.default.memo(_ref => {
   }), !isLoading && !badge && /*#__PURE__*/_react.default.createElement(_NativeSwitch.NativeSwitch, {
     value: value,
     onValueChange: onSwitchValueChange
-  })))), description && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_spacer.VSpacer, {
+  }))), description && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_spacer.VSpacer, {
     size: _core.IOSelectionListItemVisualParams.descriptionMargin
   }), /*#__PURE__*/_react.default.createElement(_typography.LabelSmall, {
     weight: "Regular",
@@ -86,7 +99,7 @@ const ListItemSwitch = /*#__PURE__*/_react.default.memo(_ref => {
   }), /*#__PURE__*/_react.default.createElement(_typography.LabelLink, {
     fontSize: "small",
     onPress: action.onPress
-  }, action.label)))));
+  }, action.label)));
 });
 exports.ListItemSwitch = ListItemSwitch;
 //# sourceMappingURL=ListItemSwitch.js.map

package/lib/commonjs/components/listitems/ListItemSwitch.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_core","_icons","_spacer","_typography","_NativeSwitch","_badge","obj","__esModule","default","DISABLED_OPACITY","ListItemSwitch","React","memo","_ref","label","description","icon","value","disabled","action","isLoading","badge","onSwitchValueChange","theme","useIOTheme","createElement","View","testID","style","IOSelectionListItemStyles","listItem","opacity","pointerEvents","needsOffscreenAlphaCompositing","listItemInner","alignItems","flex","IOStyles","row","flexShrink","marginRight","IOSelectionListItemVisualParams","iconMargin","Icon","name","color","size","iconSize","flexDirection","alignContent","H6","HSpacer","Badge","text","variant","ActivityIndicator","NativeSwitch","onValueChange","Fragment","VSpacer","descriptionMargin","LabelSmall","weight","actionMargin","LabelLink","fontSize","onPress","exports"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemSwitch.tsx"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_core","_icons","_spacer","_typography","_NativeSwitch","_badge","_logos","obj","__esModule","default","DISABLED_OPACITY","ESTIMATED_SWITCH_HEIGHT","ListItemSwitch","React","memo","_ref","label","description","icon","paymentLogo","value","disabled","action","isLoading","badge","onSwitchValueChange","theme","useIOTheme","createElement","View","testID","style","IOSelectionListItemStyles","listItem","opacity","pointerEvents","needsOffscreenAlphaCompositing","listItemInner","alignItems","flex","flexDirection","marginRight","IOSelectionListItemVisualParams","iconMargin","alignSelf","Icon","name","color","size","iconSize","LogoPayment","H6","HSpacer","justifyContent","minHeight","Badge","text","variant","ActivityIndicator","NativeSwitch","onValueChange","Fragment","VSpacer","descriptionMargin","LabelSmall","weight","actionMargin","LabelLink","fontSize","onPress","exports"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemSwitch.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAMA,IAAAE,KAAA,GAAAF,OAAA;AAKA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,WAAA,GAAAL,OAAA;AACA,IAAAM,aAAA,GAAAN,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AACA,IAAAQ,MAAA,GAAAR,OAAA;AAA0D,SAAAD,uBAAAU,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAqB1D,MAAMG,gBAAgB,GAAG,GAAG;;AAE5B;AACA;AACA,MAAMC,uBAA+B,GAAG,EAAE;AAMnC,MAAMC,cAAc,gBAAGC,cAAK,CAACC,IAAI,CACtCC,IAAA,IAWsB;EAAA,IAXrB;IACCC,KAAK;IACLC,WAAW;IACXC,IAAI;IACJC,WAAW;IACXC,KAAK;IACLC,QAAQ;IACRC,MAAM;IACNC,SAAS;IACTC,KAAK;IACLC;EACc,CAAC,GAAAV,IAAA;EACf,MAAMW,KAAK,GAAG,IAAAC,gBAAU,EAAC,CAAC;EAE1B,oBACE/B,MAAA,CAAAa,OAAA,CAAAmB,aAAA,CAAC7B,YAAA,CAAA8B,IAAI;IACHC,MAAM,EAAC,gBAAgB;IACvBC,KAAK,EAAE,CACLC,+BAAyB,CAACC,QAAQ,EAClC;MACEC,OAAO,EAAEb,QAAQ,GAAGX,gBAAgB,GAAG;IACzC,CAAC,CACD;IACFyB,aAAa,EAAEd,QAAQ,GAAG,MAAM,GAAG,MAAO;IAC1Ce,8BAA8B,EAAE;EAAK,gBAErCxC,MAAA,CAAAa,OAAA,CAAAmB,aAAA,CAAC7B,YAAA,CAAA8B,IAAI;IACHE,KAAK,EAAE,CACLC,+BAAyB,CAACK,aAAa,EACvC;MAAEC,UAAU,EAAE;IAAS,CAAC;EACxB,gBAEF1C,MAAA,CAAAa,OAAA,CAAAmB,aAAA,CAAC7B,YAAA,CAAA8B,IAAI;IACHE,KAAK,EAAE;MACLQ,IAAI,EAAE,CAAC;MACPC,aAAa,EAAE,KAAK;MACpBF,UAAU,EAAE;IACd;EAAE,GAEDpB,IAAI,iBACHtB,MAAA,CAAAa,OAAA,CAAAmB,aAAA,CAAC7B,YAAA,CAAA8B,IAAI;IACHE,KAAK,EAAE;MACLU,WAAW,EAAEC,qCAA+B,CAACC,UAAU;MACvDC,SAAS,EAAE;IACb;EAAE,gBAEFhD,MAAA,CAAAa,OAAA,CAAAmB,aAAA,CAAC3B,MAAA,CAAA4C,IAAI;IACHC,IAAI,EAAE5B,IAAK;IACX6B,KAAK,EAAC,UAAU;IAChBC,IAAI,EAAEN,qCAA+B,CAACO;EAAS,CAChD,CACG,CACP,EACA9B,WAAW,iBACVvB,MAAA,CAAAa,OAAA,CAAAmB,aAAA,CAAC7B,YAAA,CAAA8B,IAAI;IACHE,KAAK,EAAE;MACLU,WAAW,EAAEC,qCAA+B,CAACC,UAAU;MACvDC,SAAS,EAAE;IACb;EAAE,gBAEFhD,MAAA,CAAAa,OAAA,CAAAmB,aAAA,CAACtB,MAAA,CAAA4C,WAAW;IACVJ,IAAI,EAAE3B,WAAY;IAClB6B,IAAI,EAAEN,qCAA+B,CAACO;EAAS,CAChD,CACG,CACP,eAEDrD,MAAA,CAAAa,OAAA,CAAAmB,aAAA,CAACzB,WAAA,CAAAgD,EAAE;IAACJ,KAAK,EAAE,OAAQ;IAAChB,KAAK,EAAE;MAAEQ,IAAI,EAAE;IAAE;EAAE,GACpCvB,KACC,CACA,CAAC,eACPpB,MAAA,CAAAa,OAAA,CAAAmB,aAAA,CAAC1B,OAAA,CAAAkD,OAAO;IAACJ,IAAI,EAAE;EAAE,CAAE,CAAC,eACpBpD,MAAA,CAAAa,OAAA,CAAAmB,aAAA,CAAC7B,YAAA,CAAA8B,IAAI;IACHE,KAAK,EAAE;MACLsB,cAAc,EAAE,QAAQ;MACxBT,SAAS,EAAE,YAAY;MACvBU,SAAS,EAAE3C;IACb;EAAE,GAEDa,KAAK,iBACJ5B,MAAA,CAAAa,OAAA,CAAAmB,aAAA,CAACvB,MAAA,CAAAkD,KAAK;IACJC,IAAI,EAAEhC,KAAK,CAACgC,IAAK;IACjBC,OAAO,EAAEjC,KAAK,CAACiC,OAAQ;IACvB3B,MAAM,EAAEN,KAAK,CAACM;EAAO,CACtB,CACF,EACAP,SAAS,iBAAI3B,MAAA,CAAAa,OAAA,CAAAmB,aAAA,CAAC7B,YAAA,CAAA2D,iBAAiB;IAACX,KAAK,EAAE;EAAQ,CAAE,CAAC,EAClD,CAACxB,SAAS,IAAI,CAACC,KAAK,iBACnB5B,MAAA,CAAAa,OAAA,CAAAmB,aAAA,CAACxB,aAAA,CAAAuD,YAAY;IAACvC,KAAK,EAAEA,KAAM;IAACwC,aAAa,EAAEnC;EAAoB,CAAE,CAE/D,CACF,CAAC,EACNR,WAAW,iBACVrB,MAAA,CAAAa,OAAA,CAAAmB,aAAA,CAAAhC,MAAA,CAAAa,OAAA,CAAAoD,QAAA,qBACEjE,MAAA,CAAAa,OAAA,CAAAmB,aAAA,CAAC1B,OAAA,CAAA4D,OAAO;IAACd,IAAI,EAAEN,qCAA+B,CAACqB;EAAkB,CAAE,CAAC,eACpEnE,MAAA,CAAAa,OAAA,CAAAmB,aAAA,CAACzB,WAAA,CAAA6D,UAAU;IAACC,MAAM,EAAC,SAAS;IAAClB,KAAK,EAAErB,KAAK,CAAC,mBAAmB;EAAE,GAC5DT,WACS,CACZ,CACH,EACAK,MAAM,iBACL1B,MAAA,CAAAa,OAAA,CAAAmB,aAAA,CAAAhC,MAAA,CAAAa,OAAA,CAAAoD,QAAA,qBACEjE,MAAA,CAAAa,OAAA,CAAAmB,aAAA,CAAC1B,OAAA,CAAA4D,OAAO;IAACd,IAAI,EAAEN,qCAA+B,CAACwB;EAAa,CAAE,CAAC,eAC/DtE,MAAA,CAAAa,OAAA,CAAAmB,aAAA,CAACzB,WAAA,CAAAgE,SAAS;IAACC,QAAQ,EAAC,OAAO;IAACC,OAAO,EAAE/C,MAAM,CAAC+C;EAAQ,GACjD/C,MAAM,CAACN,KACC,CACX,CAEA,CAAC;AAEX,CACF,CAAC;AAACsD,OAAA,CAAA1D,cAAA,GAAAA,cAAA"}

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

@@ -1,17 +1,23 @@
 import React from "react";
 import { ActivityIndicator, View } from "react-native";
-import { IOSelectionListItemStyles, IOSelectionListItemVisualParams, IOStyles, useIOTheme } from "../../core";
+import { IOSelectionListItemStyles, IOSelectionListItemVisualParams, useIOTheme } from "../../core";
 import { Icon } from "../icons";
 import { HSpacer, VSpacer } from "../spacer";
 import { H6, LabelSmall, LabelLink } from "../typography";
 import { NativeSwitch } from "../switch/NativeSwitch";
 import { Badge } from "../badge";
+import { LogoPayment } from "../logos";
 const DISABLED_OPACITY = 0.5;
+
+/* Estimated height of the native switch component,
+both on iOS & Android */
+const ESTIMATED_SWITCH_HEIGHT = 32;
 export const ListItemSwitch = /*#__PURE__*/React.memo(_ref => {
   let {
     label,
     description,
     icon,
+    paymentLogo,
     value,
     disabled,
     action,
@@ -33,34 +39,41 @@ export const ListItemSwitch = /*#__PURE__*/React.memo(_ref => {
     }]
   }, /*#__PURE__*/React.createElement(View, {
     style: {
-      flex: 1
+      flex: 1,
+      flexDirection: "row",
+      alignItems: "center"
     }
-  }, /*#__PURE__*/React.createElement(View, {
-    style: [IOStyles.row, {
-      flexShrink: 1
-    }]
   }, icon && /*#__PURE__*/React.createElement(View, {
     style: {
-      marginRight: IOSelectionListItemVisualParams.iconMargin
+      marginRight: IOSelectionListItemVisualParams.iconMargin,
+      alignSelf: "flex-start"
     }
   }, /*#__PURE__*/React.createElement(Icon, {
     name: icon,
     color: "grey-300",
     size: IOSelectionListItemVisualParams.iconSize
-  })), /*#__PURE__*/React.createElement(View, {
+  })), paymentLogo && /*#__PURE__*/React.createElement(View, {
     style: {
-      flex: 1,
-      flexDirection: "row",
-      alignContent: "space-between"
+      marginRight: IOSelectionListItemVisualParams.iconMargin,
+      alignSelf: "center"
     }
-  }, /*#__PURE__*/React.createElement(H6, {
+  }, /*#__PURE__*/React.createElement(LogoPayment, {
+    name: paymentLogo,
+    size: IOSelectionListItemVisualParams.iconSize
+  })), /*#__PURE__*/React.createElement(H6, {
     color: "black",
     style: {
       flex: 1
     }
-  }, label), /*#__PURE__*/React.createElement(HSpacer, {
+  }, label)), /*#__PURE__*/React.createElement(HSpacer, {
     size: 8
-  }), /*#__PURE__*/React.createElement(View, null, badge && /*#__PURE__*/React.createElement(Badge, {
+  }), /*#__PURE__*/React.createElement(View, {
+    style: {
+      justifyContent: "center",
+      alignSelf: "flex-start",
+      minHeight: ESTIMATED_SWITCH_HEIGHT
+    }
+  }, badge && /*#__PURE__*/React.createElement(Badge, {
     text: badge.text,
     variant: badge.variant,
     testID: badge.testID
@@ -69,7 +82,7 @@ export const ListItemSwitch = /*#__PURE__*/React.memo(_ref => {
   }), !isLoading && !badge && /*#__PURE__*/React.createElement(NativeSwitch, {
     value: value,
     onValueChange: onSwitchValueChange
-  })))), description && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(VSpacer, {
+  }))), description && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(VSpacer, {
     size: IOSelectionListItemVisualParams.descriptionMargin
   }), /*#__PURE__*/React.createElement(LabelSmall, {
     weight: "Regular",
@@ -79,6 +92,6 @@ export const ListItemSwitch = /*#__PURE__*/React.memo(_ref => {
   }), /*#__PURE__*/React.createElement(LabelLink, {
     fontSize: "small",
     onPress: action.onPress
-  }, action.label)))));
+  }, action.label)));
 });
 //# sourceMappingURL=ListItemSwitch.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","ActivityIndicator","View","IOSelectionListItemStyles","IOSelectionListItemVisualParams","IOStyles","useIOTheme","Icon","HSpacer","VSpacer","H6","LabelSmall","LabelLink","NativeSwitch","Badge","DISABLED_OPACITY","ListItemSwitch","memo","_ref","label","description","icon","value","disabled","action","isLoading","badge","onSwitchValueChange","theme","createElement","testID","style","listItem","opacity","pointerEvents","needsOffscreenAlphaCompositing","listItemInner","alignItems","flex","row","flexShrink","marginRight","iconMargin","name","color","size","iconSize","flexDirection","alignContent","text","variant","onValueChange","Fragment","descriptionMargin","weight","actionMargin","fontSize","onPress"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemSwitch.tsx"],"mappings":"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"}
+{"version":3,"names":["React","ActivityIndicator","View","IOSelectionListItemStyles","IOSelectionListItemVisualParams","useIOTheme","Icon","HSpacer","VSpacer","H6","LabelSmall","LabelLink","NativeSwitch","Badge","LogoPayment","DISABLED_OPACITY","ESTIMATED_SWITCH_HEIGHT","ListItemSwitch","memo","_ref","label","description","icon","paymentLogo","value","disabled","action","isLoading","badge","onSwitchValueChange","theme","createElement","testID","style","listItem","opacity","pointerEvents","needsOffscreenAlphaCompositing","listItemInner","alignItems","flex","flexDirection","marginRight","iconMargin","alignSelf","name","color","size","iconSize","justifyContent","minHeight","text","variant","onValueChange","Fragment","descriptionMargin","weight","actionMargin","fontSize","onPress"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemSwitch.tsx"],"mappings":"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"}

package/lib/typescript/components/layout/HeaderSecondLevel.d.ts

@@ -2,7 +2,7 @@ import * as React from "react";
 import Animated from "react-native-reanimated";
 import { WithTestID } from "../../utils/types";
 import IconButton from "../buttons/IconButton";
-type ActionProp = Pick<React.ComponentProps<typeof IconButton>, "icon" | "onPress" | "accessibilityLabel" | "accessibilityHint">;
+type ActionProp = Pick<React.ComponentProps<typeof IconButton>, "icon" | "onPress" | "accessibilityLabel" | "accessibilityHint" | "testID">;
 type ScrollValues = {
     contentOffsetY: Animated.SharedValue<number>;
     triggerOffset: number;

package/lib/typescript/components/layout/HeaderSecondLevel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderSecondLevel.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/HeaderSecondLevel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,QAIN,MAAM,yBAAyB,CAAC;AAWjC,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,UAAU,MAAM,uBAAuB,CAAC;AAG/C,KAAK,UAAU,GAAG,IAAI,CACpB,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,EACvC,MAAM,GAAG,SAAS,GAAG,oBAAoB,GAAG,mBAAmB,CAChE,CAAC;AAEF,KAAK,YAAY,GAAG;IAClB,cAAc,EAAE,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IAC7C,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,KAAK,WAAW,GAAG,UAAU,CAAC;IAC5B,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,sBAAsB,EAAE,MAAM,CAAC;IAE/B,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC,CAAC;AAEH,UAAU,IAAK,SAAQ,WAAW;IAChC,IAAI,EAAE,MAAM,CAAC;CACd;AAED,UAAU,SAAU,SAAQ,WAAW;IACrC,IAAI,EAAE,cAAc,CAAC;IACrB,WAAW,EAAE,UAAU,CAAC;CACzB;AAED,UAAU,UAAW,SAAQ,WAAW;IACtC,IAAI,EAAE,YAAY,CAAC;IACnB,WAAW,EAAE,UAAU,CAAC;IACxB,YAAY,EAAE,UAAU,CAAC;CAC1B;AAED,UAAU,YAAa,SAAQ,WAAW;IACxC,IAAI,EAAE,cAAc,CAAC;IACrB,WAAW,EAAE,UAAU,CAAC;IACxB,YAAY,EAAE,UAAU,CAAC;IACzB,WAAW,EAAE,UAAU,CAAC;CACzB;AAED,MAAM,MAAM,iBAAiB,GAAG,IAAI,GAAG,SAAS,GAAG,UAAU,GAAG,YAAY,CAAC;AAgC7E;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,UAAW,iBAAiB,sBAqGzD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"HeaderSecondLevel.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/HeaderSecondLevel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,QAIN,MAAM,yBAAyB,CAAC;AAWjC,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,UAAU,MAAM,uBAAuB,CAAC;AAG/C,KAAK,UAAU,GAAG,IAAI,CACpB,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,EACvC,MAAM,GAAG,SAAS,GAAG,oBAAoB,GAAG,mBAAmB,GAAG,QAAQ,CAC3E,CAAC;AAEF,KAAK,YAAY,GAAG;IAClB,cAAc,EAAE,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IAC7C,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,KAAK,WAAW,GAAG,UAAU,CAAC;IAC5B,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,sBAAsB,EAAE,MAAM,CAAC;IAE/B,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC,CAAC;AAEH,UAAU,IAAK,SAAQ,WAAW;IAChC,IAAI,EAAE,MAAM,CAAC;CACd;AAED,UAAU,SAAU,SAAQ,WAAW;IACrC,IAAI,EAAE,cAAc,CAAC;IACrB,WAAW,EAAE,UAAU,CAAC;CACzB;AAED,UAAU,UAAW,SAAQ,WAAW;IACtC,IAAI,EAAE,YAAY,CAAC;IACnB,WAAW,EAAE,UAAU,CAAC;IACxB,YAAY,EAAE,UAAU,CAAC;CAC1B;AAED,UAAU,YAAa,SAAQ,WAAW;IACxC,IAAI,EAAE,cAAc,CAAC;IACrB,WAAW,EAAE,UAAU,CAAC;IACxB,YAAY,EAAE,UAAU,CAAC;IACzB,WAAW,EAAE,UAAU,CAAC;CACzB;AAED,MAAM,MAAM,iBAAiB,GAAG,IAAI,GAAG,SAAS,GAAG,UAAU,GAAG,YAAY,CAAC;AAgC7E;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,UAAW,iBAAiB,sBAqGzD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

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

@@ -2,11 +2,11 @@ import React from "react";
 import { GestureResponderEvent, Switch } from "react-native";
 import { IOIcons } from "../icons";
 import { Badge } from "../badge";
-type Props = {
+import { IOLogoPaymentType } from "../logos";
+type PartialProps = {
     label: string;
     onSwitchValueChange?: (newValue: boolean) => void;
     description?: string;
-    icon?: IOIcons;
     action?: SwitchAction;
     isLoading?: boolean;
     badge?: Badge;
@@ -15,7 +15,17 @@ export type SwitchAction = {
     label: string;
     onPress: (event: GestureResponderEvent) => void;
 };
-type OwnProps = Props & Pick<React.ComponentProps<typeof Switch>, "value" | "disabled">;
-export declare const ListItemSwitch: React.MemoExoticComponent<({ label, description, icon, value, disabled, action, isLoading, badge, onSwitchValueChange }: OwnProps) => React.JSX.Element>;
+type ListItemSwitchGraphicProps = {
+    icon?: never;
+    paymentLogo: IOLogoPaymentType;
+} | {
+    icon: IOIcons;
+    paymentLogo?: never;
+} | {
+    icon?: never;
+    paymentLogo?: never;
+};
+type ListItemSwitch = PartialProps & ListItemSwitchGraphicProps & Pick<React.ComponentProps<typeof Switch>, "value" | "disabled">;
+export declare const ListItemSwitch: React.MemoExoticComponent<({ label, description, icon, paymentLogo, value, disabled, action, isLoading, badge, onSwitchValueChange }: ListItemSwitch) => React.JSX.Element>;
 export {};
 //# sourceMappingURL=ListItemSwitch.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ListItemSwitch.d.ts","sourceRoot":"","sources":["../../../../src/components/listitems/ListItemSwitch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,qBAAqB,EACrB,MAAM,EAEP,MAAM,cAAc,CAAC;AAOtB,OAAO,EAAE,OAAO,EAAQ,MAAM,UAAU,CAAC;AAIzC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,CAAC;IACd,mBAAmB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAClD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACjD,CAAC;AAIF,KAAK,QAAQ,GAAG,KAAK,GACnB,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC,CAAC;AAElE,eAAO,MAAM,cAAc,2HAWtB,QAAQ,uBAwFZ,CAAC"}
+{"version":3,"file":"ListItemSwitch.d.ts","sourceRoot":"","sources":["../../../../src/components/listitems/ListItemSwitch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,qBAAqB,EACrB,MAAM,EAEP,MAAM,cAAc,CAAC;AAMtB,OAAO,EAAE,OAAO,EAAQ,MAAM,UAAU,CAAC;AAIzC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,iBAAiB,EAAe,MAAM,UAAU,CAAC;AAE1D,KAAK,YAAY,GAAG;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,mBAAmB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAClD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACjD,CAAC;AAEF,KAAK,0BAA0B,GAC3B;IAAE,IAAI,CAAC,EAAE,KAAK,CAAC;IAAC,WAAW,EAAE,iBAAiB,CAAA;CAAE,GAChD;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,WAAW,CAAC,EAAE,KAAK,CAAA;CAAE,GACtC;IAAE,IAAI,CAAC,EAAE,KAAK,CAAC;IAAC,WAAW,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAQ1C,KAAK,cAAc,GAAG,YAAY,GAChC,0BAA0B,GAC1B,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC,CAAC;AAElE,eAAO,MAAM,cAAc,wIAYtB,cAAc,uBAoGlB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pagopa/io-app-design-system",
-  "version": "1.10.0",
+  "version": "1.11.0",
   "description": "test",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",

package/src/components/layout/HeaderSecondLevel.tsx

@@ -22,7 +22,7 @@ import { makeFontStyleObject } from "../../utils/fonts";
 
 type ActionProp = Pick<
   React.ComponentProps<typeof IconButton>,
-  "icon" | "onPress" | "accessibilityLabel" | "accessibilityHint"
+  "icon" | "onPress" | "accessibilityLabel" | "accessibilityHint" | "testID"
 >;
 
 type ScrollValues = {

package/src/components/listitems/ListItemSwitch.tsx

@@ -8,7 +8,6 @@ import {
 import {
   IOSelectionListItemStyles,
   IOSelectionListItemVisualParams,
-  IOStyles,
   useIOTheme
 } from "../../core";
 import { IOIcons, Icon } from "../icons";
@@ -16,12 +15,12 @@ import { HSpacer, VSpacer } from "../spacer";
 import { H6, LabelSmall, LabelLink } from "../typography";
 import { NativeSwitch } from "../switch/NativeSwitch";
 import { Badge } from "../badge";
+import { IOLogoPaymentType, LogoPayment } from "../logos";
 
-type Props = {
+type PartialProps = {
   label: string;
   onSwitchValueChange?: (newValue: boolean) => void;
   description?: string;
-  icon?: IOIcons;
   action?: SwitchAction;
   isLoading?: boolean;
   badge?: Badge;
@@ -32,9 +31,19 @@ export type SwitchAction = {
   onPress: (event: GestureResponderEvent) => void;
 };
 
+type ListItemSwitchGraphicProps =
+  | { icon?: never; paymentLogo: IOLogoPaymentType }
+  | { icon: IOIcons; paymentLogo?: never }
+  | { icon?: never; paymentLogo?: never };
+
 const DISABLED_OPACITY = 0.5;
 
-type OwnProps = Props &
+/* Estimated height of the native switch component,
+both on iOS & Android */
+const ESTIMATED_SWITCH_HEIGHT: number = 32;
+
+type ListItemSwitch = PartialProps &
+  ListItemSwitchGraphicProps &
   Pick<React.ComponentProps<typeof Switch>, "value" | "disabled">;
 
 export const ListItemSwitch = React.memo(
@@ -42,13 +51,14 @@ export const ListItemSwitch = React.memo(
     label,
     description,
     icon,
+    paymentLogo,
     value,
     disabled,
     action,
     isLoading,
     badge,
     onSwitchValueChange
-  }: OwnProps) => {
+  }: ListItemSwitch) => {
     const theme = useIOTheme();
 
     return (
@@ -69,70 +79,82 @@ export const ListItemSwitch = React.memo(
             { alignItems: "center" }
           ]}
         >
-          <View style={{ flex: 1 }}>
-            <View style={[IOStyles.row, { flexShrink: 1 }]}>
-              {icon && (
-                <View
-                  style={{
-                    marginRight: IOSelectionListItemVisualParams.iconMargin
-                  }}
-                >
-                  <Icon
-                    name={icon}
-                    color="grey-300"
-                    size={IOSelectionListItemVisualParams.iconSize}
-                  />
-                </View>
-              )}
+          <View
+            style={{
+              flex: 1,
+              flexDirection: "row",
+              alignItems: "center"
+            }}
+          >
+            {icon && (
               <View
                 style={{
-                  flex: 1,
-                  flexDirection: "row",
-                  alignContent: "space-between"
+                  marginRight: IOSelectionListItemVisualParams.iconMargin,
+                  alignSelf: "flex-start"
                 }}
               >
-                <H6 color={"black"} style={{ flex: 1 }}>
-                  {label}
-                </H6>
-                <HSpacer size={8} />
-                <View>
-                  {badge && (
-                    <Badge
-                      text={badge.text}
-                      variant={badge.variant}
-                      testID={badge.testID}
-                    />
-                  )}
-                  {isLoading && <ActivityIndicator color={"black"} />}
-                  {!isLoading && !badge && (
-                    <NativeSwitch
-                      value={value}
-                      onValueChange={onSwitchValueChange}
-                    />
-                  )}
-                </View>
+                <Icon
+                  name={icon}
+                  color="grey-300"
+                  size={IOSelectionListItemVisualParams.iconSize}
+                />
               </View>
-            </View>
-            {description && (
-              <>
-                <VSpacer
-                  size={IOSelectionListItemVisualParams.descriptionMargin}
+            )}
+            {paymentLogo && (
+              <View
+                style={{
+                  marginRight: IOSelectionListItemVisualParams.iconMargin,
+                  alignSelf: "center"
+                }}
+              >
+                <LogoPayment
+                  name={paymentLogo}
+                  size={IOSelectionListItemVisualParams.iconSize}
                 />
-                <LabelSmall weight="Regular" color={theme["textBody-tertiary"]}>
-                  {description}
-                </LabelSmall>
-              </>
+              </View>
+            )}
+
+            <H6 color={"black"} style={{ flex: 1 }}>
+              {label}
+            </H6>
+          </View>
+          <HSpacer size={8} />
+          <View
+            style={{
+              justifyContent: "center",
+              alignSelf: "flex-start",
+              minHeight: ESTIMATED_SWITCH_HEIGHT
+            }}
+          >
+            {badge && (
+              <Badge
+                text={badge.text}
+                variant={badge.variant}
+                testID={badge.testID}
+              />
             )}
-            {action && (
-              <>
-                <VSpacer size={IOSelectionListItemVisualParams.actionMargin} />
-                <LabelLink fontSize="small" onPress={action.onPress}>
-                  {action.label}
-                </LabelLink>
-              </>
+            {isLoading && <ActivityIndicator color={"black"} />}
+            {!isLoading && !badge && (
+              <NativeSwitch value={value} onValueChange={onSwitchValueChange} />
             )}
           </View>
         </View>
+        {description && (
+          <>
+            <VSpacer size={IOSelectionListItemVisualParams.descriptionMargin} />
+            <LabelSmall weight="Regular" color={theme["textBody-tertiary"]}>
+              {description}
+            </LabelSmall>
+          </>
+        )}
+        {action && (
+          <>
+            <VSpacer size={IOSelectionListItemVisualParams.actionMargin} />
+            <LabelLink fontSize="small" onPress={action.onPress}>
+              {action.label}
+            </LabelLink>
+          </>
+        )}
       </View>
     );
   }