@pagopa/io-app-design-system 2.0.1 → 2.0.2

package/lib/module/components/layout/BlockButtons.js

@@ -38,7 +38,7 @@ const styles = StyleSheet.create({
 
 /**
  * Implements a component that show buttons on a line on 1, 2 or 3 buttons
- * @deprecated This component is deprecated.
+ * @deprecated This component is deprecated. Use `FooterActionsInline` instead.
  */
 export const BlockButtons = props => {
   const renderRightButton = () => {

package/lib/module/components/layout/FooterActions.js

@@ -0,0 +1,153 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import * as React from "react";
+import { Fragment, useState } from "react";
+import { StyleSheet, Text, View } from "react-native";
+import Animated from "react-native-reanimated";
+import { IOColors, IOSpacing, IOVisualCostants, buttonSolidHeight, hexToRgba, useIOExperimentalDesign, useIOTheme } from "../../core";
+import { ButtonLink, ButtonOutline, ButtonSolid } from "../buttons";
+import { VSpacer } from "../spacer";
+import { useBottomMargins } from "./hooks/useBottomMargins";
+/* Margin between ButtonSolid and ButtonOutline */
+const spaceBetweenActions = 16;
+/* Margin between ButtonSolid and ButtonLink */
+const spaceBetweenActionAndLink = 16;
+const styles = StyleSheet.create({
+  buttonContainer: {
+    paddingHorizontal: IOVisualCostants.appMarginDefault,
+    width: "100%",
+    flexShrink: 0
+  },
+  debugText: {
+    position: "absolute",
+    right: 8,
+    top: -16,
+    color: IOColors.black,
+    fontSize: 9,
+    opacity: 0.75
+  },
+  blockShadow: {
+    shadowColor: IOColors.black,
+    shadowOffset: {
+      width: 0,
+      height: -4
+    },
+    shadowOpacity: 0.1,
+    shadowRadius: 32
+  }
+});
+export const FooterActions = ({
+  actions,
+  excludeSafeAreaMargins = false,
+  animatedStyles,
+  fixed = true,
+  transparent = false,
+  onMeasure,
+  testID,
+  debugMode = false
+}) => {
+  const theme = useIOTheme();
+  const {
+    isExperimental
+  } = useIOExperimentalDesign();
+  const {
+    bottomMargin,
+    extraBottomMargin
+  } = useBottomMargins(!!(actions !== null && actions !== void 0 && actions.secondary), excludeSafeAreaMargins);
+
+  /* Total height of actions */
+  const [actionBlockHeight, setActionBlockHeight] = useState(0);
+
+  /* Background color should be app main background
+     (both light and dark themes) */
+  const HEADER_BG_COLOR = IOColors[theme["appBackground-primary"]];
+  const TRANSPARENT_BG_COLOR = "transparent";
+  const BUTTONSOLID_HEIGHT = isExperimental ? buttonSolidHeight : 40;
+
+  /* Safe background block. Cover everything until it reaches
+     the half of the primary action button. It avoids
+     glitchy behavior underneath.  */
+  const safeBackgroundBlockHeight = bottomMargin + actionBlockHeight - BUTTONSOLID_HEIGHT / 2;
+  const getActionBlockMeasurements = event => {
+    const {
+      height
+    } = event.nativeEvent.layout;
+    setActionBlockHeight(height);
+    /* Height of the safe bottom area, applied to the ScrollView:
+       Actions + Content end margin */
+    const safeBottomAreaHeight = bottomMargin + height + IOSpacing.screenEndMargin;
+    onMeasure === null || onMeasure === void 0 || onMeasure({
+      actionBlockHeight: height,
+      safeBottomAreaHeight
+    });
+  };
+  return /*#__PURE__*/React.createElement(Animated.View, {
+    style: [{
+      width: "100%",
+      paddingBottom: bottomMargin
+    }, fixed ? {
+      position: "absolute",
+      bottom: 0
+    } : {
+      marginTop: IOSpacing.screenEndMargin
+    }, debugMode && {
+      backgroundColor: hexToRgba(IOColors["error-500"], 0.15)
+    }, animatedStyles === null || animatedStyles === void 0 ? void 0 : animatedStyles.mainBlock],
+    testID: testID
+  }, /*#__PURE__*/React.createElement(Animated.View, {
+    style: [{
+      ...(fixed && {
+        width: "100%",
+        height: safeBackgroundBlockHeight,
+        position: "absolute",
+        bottom: 0,
+        backgroundColor: transparent ? TRANSPARENT_BG_COLOR : HEADER_BG_COLOR
+      }),
+      ...(fixed ? styles.blockShadow : null)
+    }, animatedStyles === null || animatedStyles === void 0 ? void 0 : animatedStyles.background],
+    pointerEvents: "none"
+  }), /*#__PURE__*/React.createElement(View, {
+    style: styles.buttonContainer,
+    onLayout: getActionBlockMeasurements,
+    pointerEvents: "box-none"
+  }, debugMode && /*#__PURE__*/React.createElement(Text, {
+    style: styles.debugText
+  }, `Height: ${actionBlockHeight}`), renderActions(actions, extraBottomMargin)));
+};
+const renderActions = (actions, extraBottomMargin) => {
+  if (!actions) {
+    return null;
+  }
+  const {
+    type,
+    primary: primaryAction,
+    secondary: secondaryAction,
+    tertiary: tertiaryAction
+  } = actions;
+  return /*#__PURE__*/React.createElement(Fragment, null, primaryAction && /*#__PURE__*/React.createElement(ButtonSolid, _extends({
+    fullWidth: true
+  }, primaryAction)), type === "TwoButtons" && secondaryAction && /*#__PURE__*/React.createElement(View, {
+    style: {
+      alignSelf: "center",
+      marginBottom: extraBottomMargin
+    }
+  }, /*#__PURE__*/React.createElement(VSpacer, {
+    size: spaceBetweenActionAndLink
+  }), /*#__PURE__*/React.createElement(ButtonLink, _extends({
+    color: "primary"
+  }, secondaryAction))), type === "ThreeButtons" && /*#__PURE__*/React.createElement(React.Fragment, null, secondaryAction && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(VSpacer, {
+    size: spaceBetweenActions
+  }), /*#__PURE__*/React.createElement(ButtonOutline, _extends({
+    fullWidth: true,
+    color: "primary"
+  }, secondaryAction))), tertiaryAction && /*#__PURE__*/React.createElement(View, {
+    style: {
+      alignSelf: "center",
+      marginBottom: extraBottomMargin
+    }
+  }, /*#__PURE__*/React.createElement(VSpacer, {
+    size: spaceBetweenActionAndLink
+  }), /*#__PURE__*/React.createElement(ButtonLink, _extends({
+    color: "primary"
+  }, tertiaryAction)))));
+};
+//# sourceMappingURL=FooterActions.js.map

package/lib/module/components/layout/FooterActions.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Fragment","useState","StyleSheet","Text","View","Animated","IOColors","IOSpacing","IOVisualCostants","buttonSolidHeight","hexToRgba","useIOExperimentalDesign","useIOTheme","ButtonLink","ButtonOutline","ButtonSolid","VSpacer","useBottomMargins","spaceBetweenActions","spaceBetweenActionAndLink","styles","create","buttonContainer","paddingHorizontal","appMarginDefault","width","flexShrink","debugText","position","right","top","color","black","fontSize","opacity","blockShadow","shadowColor","shadowOffset","height","shadowOpacity","shadowRadius","FooterActions","actions","excludeSafeAreaMargins","animatedStyles","fixed","transparent","onMeasure","testID","debugMode","theme","isExperimental","bottomMargin","extraBottomMargin","secondary","actionBlockHeight","setActionBlockHeight","HEADER_BG_COLOR","TRANSPARENT_BG_COLOR","BUTTONSOLID_HEIGHT","safeBackgroundBlockHeight","getActionBlockMeasurements","event","nativeEvent","layout","safeBottomAreaHeight","screenEndMargin","createElement","style","paddingBottom","bottom","marginTop","backgroundColor","mainBlock","background","pointerEvents","onLayout","renderActions","type","primary","primaryAction","secondaryAction","tertiary","tertiaryAction","_extends","fullWidth","alignSelf","marginBottom","size"],"sourceRoot":"../../../../src","sources":["components/layout/FooterActions.tsx"],"mappings":"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"}

package/lib/module/components/layout/FooterActionsInline.js

@@ -0,0 +1,104 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import * as React from "react";
+import { StyleSheet, View } from "react-native";
+import { IOColors, IOSpacing, IOVisualCostants, useIOTheme, useIOThemeContext } from "../../core";
+import { ButtonOutline, ButtonSolid } from "../buttons";
+import { HSpacer } from "../spacer";
+import { useBottomMargins } from "./hooks/useBottomMargins";
+/* Margin between ButtonSolid and ButtonOutline */
+const spaceBetweenActions = 16;
+const styles = StyleSheet.create({
+  buttonContainer: {
+    paddingHorizontal: IOVisualCostants.appMarginDefault,
+    width: "100%",
+    flexShrink: 0
+  },
+  buttonWrapper: {
+    flex: 1
+  },
+  blockShadow: {
+    shadowColor: IOColors.black,
+    shadowOffset: {
+      width: 0,
+      height: -4
+    },
+    shadowOpacity: 0.1,
+    shadowRadius: 32,
+    elevation: 10 // Prop supported on Android only
+  }
+});
+
+export const FooterActionsInline = ({
+  startAction,
+  endAction,
+  excludeSafeAreaMargins = false,
+  fixed = true,
+  onMeasure,
+  testID
+}) => {
+  const theme = useIOTheme();
+  const {
+    themeType
+  } = useIOThemeContext();
+  const {
+    bottomMargin
+  } = useBottomMargins(false, excludeSafeAreaMargins);
+
+  /* Top padding applied above the actions */
+  const topSpacingValue = 16;
+  const topSpacing = fixed ? topSpacingValue : 0;
+
+  /* Background color should be app main background
+     (both light and dark themes) */
+  const HEADER_BG_COLOR = IOColors[theme["appBackground-primary"]];
+  const getActionBlockMeasurements = event => {
+    const {
+      height
+    } = event.nativeEvent.layout;
+    /* Height of the safe bottom area, applied to the ScrollView:
+       Actions + Screen end margin */
+    const safeBottomAreaHeight = bottomMargin + height + IOSpacing.screenEndMargin;
+    onMeasure === null || onMeasure === void 0 || onMeasure({
+      safeBottomAreaHeight
+    });
+  };
+  return /*#__PURE__*/React.createElement(View, {
+    style: [{
+      width: "100%",
+      paddingBottom: bottomMargin
+    }, fixed ? {
+      position: "absolute",
+      bottom: 0,
+      backgroundColor: HEADER_BG_COLOR
+    } : {
+      marginTop: IOSpacing.screenEndMargin
+    }, /* Apply shadow only on light theme OR if fixed */
+    fixed || themeType === "light" ? styles.blockShadow : {}, /* Apply bottom border only on dark theme */
+    themeType === "dark" && {
+      borderTopColor: IOColors[theme["divider-bottomBar"]],
+      borderTopWidth: 1
+    }],
+    testID: testID
+  }, /*#__PURE__*/React.createElement(View, {
+    style: [styles.buttonContainer, {
+      paddingTop: topSpacing
+    }],
+    onLayout: getActionBlockMeasurements,
+    pointerEvents: "box-none"
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      flexDirection: "row"
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.buttonWrapper
+  }, /*#__PURE__*/React.createElement(ButtonOutline, _extends({
+    fullWidth: true
+  }, startAction))), /*#__PURE__*/React.createElement(HSpacer, {
+    size: spaceBetweenActions
+  }), /*#__PURE__*/React.createElement(View, {
+    style: styles.buttonWrapper
+  }, /*#__PURE__*/React.createElement(ButtonSolid, _extends({
+    fullWidth: true
+  }, endAction))))));
+};
+//# sourceMappingURL=FooterActionsInline.js.map

package/lib/module/components/layout/FooterActionsInline.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","IOColors","IOSpacing","IOVisualCostants","useIOTheme","useIOThemeContext","ButtonOutline","ButtonSolid","HSpacer","useBottomMargins","spaceBetweenActions","styles","create","buttonContainer","paddingHorizontal","appMarginDefault","width","flexShrink","buttonWrapper","flex","blockShadow","shadowColor","black","shadowOffset","height","shadowOpacity","shadowRadius","elevation","FooterActionsInline","startAction","endAction","excludeSafeAreaMargins","fixed","onMeasure","testID","theme","themeType","bottomMargin","topSpacingValue","topSpacing","HEADER_BG_COLOR","getActionBlockMeasurements","event","nativeEvent","layout","safeBottomAreaHeight","screenEndMargin","createElement","style","paddingBottom","position","bottom","backgroundColor","marginTop","borderTopColor","borderTopWidth","paddingTop","onLayout","pointerEvents","flexDirection","_extends","fullWidth","size"],"sourceRoot":"../../../../src","sources":["components/layout/FooterActionsInline.tsx"],"mappings":"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"}

package/lib/module/components/layout/FooterWithButtons.js

@@ -37,7 +37,9 @@ const verticalSpacing = 16;
 /**
  * Implements a component that show buttons as sticky footer
  * It can include 1, 2 or 3 buttons. If they are 2, they can have the inlineHalf  or the inlineOneThird style
- * @deprecated This component is deprecated. Use `FooterActions` in the main `io-app` repo instead.
+ * @deprecated This component is deprecated. Use `FooterActions` or `FooterActionsInline` instead.
+ * `FooterActionsInline` is the official replacement for `FooterWithButtons`, but use it only
+ * if explicitly required.
  */
 export const FooterWithButtons = ({
   sticky = false,

package/lib/module/components/layout/FooterWithButtons.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","StyleSheet","View","useSafeAreaInsets","IOColors","IOVisualCostants","BlockButtons","styles","create","container","overflow","width","marginTop","paddingTop","sticky","position","bottom","footerShadow","backgroundColor","white","paddingHorizontal","appMarginDefault","shadowColor","black","shadowOffset","height","shadowOpacity","shadowRadius","elevation","verticalSpacing","FooterWithButtons","onLayoutChange","rest","insets","onLayout","event","nativeEvent","layout","bottomMargin","createElement","style","accessible","pointerEvents","testID","paddingBottom"],"sourceRoot":"../../../../src","sources":["components/layout/FooterWithButtons.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,SAASC,OAAO,QAAQ,OAAO;AAC/B,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,iBAAiB,QAAQ,gCAAgC;AAClE,SAASC,QAAQ,EAAkBC,gBAAgB,QAAQ,YAAY;AACvE,SAASC,YAAY,QAA2B,gBAAgB;AAOhE;AACA,MAAMC,MAAM,GAAGN,UAAU,CAACO,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,QAAQ,EAAE,QAAQ;IAClBC,KAAK,EAAE,MAAM;IACb;IACAC,SAAS,EAAE,CAAC,EAAE;IACdC,UAAU,EAAE;EACd,CAAC;EACDC,MAAM,EAAE;IACNC,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE;EACV,CAAC;EACDC,YAAY,EAAE;IACZC,eAAe,EAAEd,QAAQ,CAACe,KAAK;IAC/BC,iBAAiB,EAAEf,gBAAgB,CAACgB,gBAAgB;IACpD;IACAC,WAAW,EAAElB,QAAQ,CAACmB,KAAK;IAC3BC,YAAY,EAAE;MACZb,KAAK,EAAE,CAAC;MACRc,MAAM,EAAE;IACV,CAAC;IACDC,aAAa,EAAE,GAAG;IAClBC,YAAY,EAAE,EAAE;IAChBC,SAAS,EAAE,EAAE,CAAC;EAChB;AACF,CAAC,CAAC;;AAEF,MAAMC,eAA+B,GAAG,EAAE;;AAE1C;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,iBAAiB,GAAGA,CAAC;EAChChB,MAAM,GAAG,KAAK;EACdiB,cAAc;EACd,GAAGC;AACE,CAAC,KAAK;EACX,MAAMC,MAAM,GAAG9B,iBAAiB,CAAC,CAAC;EAElC,MAAM+B,QAAQ,GAAIC,KAAU,IAAK;IAC/BJ,cAAc,aAAdA,cAAc,eAAdA,cAAc,CAAGI,KAAK,CAACC,WAAW,CAACC,MAAM,CAACZ,MAAM,CAAC;EACnD,CAAC;;EAED;AACF;AACA;EACE,MAAMa,YAAoB,GAAGtC,OAAO,CAClC,MAAOiC,MAAM,CAACjB,MAAM,KAAK,CAAC,GAAGa,eAAe,GAAGI,MAAM,CAACjB,MAAO,EAC7D,CAACiB,MAAM,CACT,CAAC;EAED,oBACElC,KAAA,CAAAwC,aAAA,CAACrC,IAAI;IACHsC,KAAK,EAAE;MAAE,GAAGjC,MAAM,CAACE,SAAS;MAAE,IAAIK,MAAM,GAAGP,MAAM,CAACO,MAAM,GAAG,CAAC,CAAC;IAAE,CAAE;IACjE2B,UAAU,EAAET,IAAI,CAACS,UAAW;IAC5BC,aAAa,EAAE,UAAW;IAC1BC,MAAM,EAAC;EAAmB,gBAE1B5C,KAAA,CAAAwC,aAAA,CAACrC,IAAI;IACHgC,QAAQ,EAAEA,QAAS;IACnBM,KAAK,EAAE,CACLjC,MAAM,CAACU,YAAY,EACnB;MAAE2B,aAAa,EAAEN,YAAY;MAAEzB,UAAU,EAAEgB;IAAgB,CAAC;EAC5D,gBAEF9B,KAAA,CAAAwC,aAAA,CAACjC,YAAY,EAAK0B,IAAO,CACrB,CACF,CAAC;AAEX,CAAC;AAED,eAAeF,iBAAiB"}
+{"version":3,"names":["React","useMemo","StyleSheet","View","useSafeAreaInsets","IOColors","IOVisualCostants","BlockButtons","styles","create","container","overflow","width","marginTop","paddingTop","sticky","position","bottom","footerShadow","backgroundColor","white","paddingHorizontal","appMarginDefault","shadowColor","black","shadowOffset","height","shadowOpacity","shadowRadius","elevation","verticalSpacing","FooterWithButtons","onLayoutChange","rest","insets","onLayout","event","nativeEvent","layout","bottomMargin","createElement","style","accessible","pointerEvents","testID","paddingBottom"],"sourceRoot":"../../../../src","sources":["components/layout/FooterWithButtons.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,SAASC,OAAO,QAAQ,OAAO;AAC/B,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,iBAAiB,QAAQ,gCAAgC;AAClE,SAASC,QAAQ,EAAkBC,gBAAgB,QAAQ,YAAY;AACvE,SAASC,YAAY,QAA2B,gBAAgB;AAOhE;AACA,MAAMC,MAAM,GAAGN,UAAU,CAACO,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,QAAQ,EAAE,QAAQ;IAClBC,KAAK,EAAE,MAAM;IACb;IACAC,SAAS,EAAE,CAAC,EAAE;IACdC,UAAU,EAAE;EACd,CAAC;EACDC,MAAM,EAAE;IACNC,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE;EACV,CAAC;EACDC,YAAY,EAAE;IACZC,eAAe,EAAEd,QAAQ,CAACe,KAAK;IAC/BC,iBAAiB,EAAEf,gBAAgB,CAACgB,gBAAgB;IACpD;IACAC,WAAW,EAAElB,QAAQ,CAACmB,KAAK;IAC3BC,YAAY,EAAE;MACZb,KAAK,EAAE,CAAC;MACRc,MAAM,EAAE;IACV,CAAC;IACDC,aAAa,EAAE,GAAG;IAClBC,YAAY,EAAE,EAAE;IAChBC,SAAS,EAAE,EAAE,CAAC;EAChB;AACF,CAAC,CAAC;;AAEF,MAAMC,eAA+B,GAAG,EAAE;;AAE1C;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,iBAAiB,GAAGA,CAAC;EAChChB,MAAM,GAAG,KAAK;EACdiB,cAAc;EACd,GAAGC;AACE,CAAC,KAAK;EACX,MAAMC,MAAM,GAAG9B,iBAAiB,CAAC,CAAC;EAElC,MAAM+B,QAAQ,GAAIC,KAAU,IAAK;IAC/BJ,cAAc,aAAdA,cAAc,eAAdA,cAAc,CAAGI,KAAK,CAACC,WAAW,CAACC,MAAM,CAACZ,MAAM,CAAC;EACnD,CAAC;;EAED;AACF;AACA;EACE,MAAMa,YAAoB,GAAGtC,OAAO,CAClC,MAAOiC,MAAM,CAACjB,MAAM,KAAK,CAAC,GAAGa,eAAe,GAAGI,MAAM,CAACjB,MAAO,EAC7D,CAACiB,MAAM,CACT,CAAC;EAED,oBACElC,KAAA,CAAAwC,aAAA,CAACrC,IAAI;IACHsC,KAAK,EAAE;MAAE,GAAGjC,MAAM,CAACE,SAAS;MAAE,IAAIK,MAAM,GAAGP,MAAM,CAACO,MAAM,GAAG,CAAC,CAAC;IAAE,CAAE;IACjE2B,UAAU,EAAET,IAAI,CAACS,UAAW;IAC5BC,aAAa,EAAE,UAAW;IAC1BC,MAAM,EAAC;EAAmB,gBAE1B5C,KAAA,CAAAwC,aAAA,CAACrC,IAAI;IACHgC,QAAQ,EAAEA,QAAS;IACnBM,KAAK,EAAE,CACLjC,MAAM,CAACU,YAAY,EACnB;MAAE2B,aAAa,EAAEN,YAAY;MAAEzB,UAAU,EAAEgB;IAAgB,CAAC;EAC5D,gBAEF9B,KAAA,CAAAwC,aAAA,CAACjC,YAAY,EAAK0B,IAAO,CACrB,CACF,CAAC;AAEX,CAAC;AAED,eAAeF,iBAAiB"}

package/lib/module/components/layout/HeaderSecondLevel.js

@@ -4,7 +4,7 @@ import { useEffect, useLayoutEffect } from "react";
 import { AccessibilityInfo, Platform, StyleSheet, View, findNodeHandle } from "react-native";
 import Animated, { interpolate, interpolateColor, useAnimatedStyle, useDerivedValue, useScrollViewOffset, useSharedValue, withSpring, withTiming } from "react-native-reanimated";
 import { useSafeAreaInsets } from "react-native-safe-area-context";
-import { IOColors, IOSpringValues, IOStyles, IOVisualCostants, alertEdgeToEdgeInsetTransitionConfig, hexToRgba, iconBtnSizeSmall, useIOExperimentalDesign, useIOTheme } from "../../core";
+import { IOColors, IOSpringValues, IOStyles, IOVisualCostants, alertEdgeToEdgeInsetTransitionConfig, hexToRgba, iconBtnSizeSmall, useIOExperimentalDesign, useIOTheme, useIOThemeContext } from "../../core";
 import IconButton from "../buttons/IconButton";
 import { HSpacer } from "../spacer";
 import { IOText } from "../typography";
@@ -54,19 +54,24 @@ export const HeaderSecondLevel = ({
     isExperimental
   } = useIOExperimentalDesign();
   const theme = useIOTheme();
+  const {
+    themeType
+  } = useIOThemeContext();
   const insets = useSafeAreaInsets();
   const isTitleAccessible = React.useMemo(() => !!title.trim(), [title]);
   const paddingTop = useSharedValue(ignoreSafeAreaMargin ? 0 : insets.top);
   const AnimatedIOText = Animated.createAnimatedComponent(IOText);
-  const iconButtonColor = variant === "neutral" ? "neutral" : "contrast";
+  const iconButtonColorDefault = themeType === "dark" ? "contrast" : "neutral";
+  const iconButtonColor = variant === "contrast" ? "contrast" : iconButtonColorDefault;
   const titleColor = variant === "neutral" ? IOColors[theme["textHeading-default"]] : IOColors.white;
 
   /* Visual attributes when there are transitions between states */
-  const HEADER_DEFAULT_BG_COLOR = "white";
+  const HEADER_DEFAULT_BG_COLOR = 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 borderColorTransparentState = backgroundColor ? hexToRgba(backgroundColor, 0) : hexToRgba(IOColors["grey-100"], 0);
-  const borderColorSolidState = backgroundColor ?? IOColors["grey-100"];
+  const borderColorDefault = IOColors[theme["divider-default"]];
+  const borderColorTransparentState = backgroundColor ? hexToRgba(backgroundColor, 0) : hexToRgba(borderColorDefault, 0);
+  const borderColorSolidState = backgroundColor ?? borderColorDefault;
   useLayoutEffect(() => {
     if (isTitleAccessible) {
       const reactNode = findNodeHandle(titleRef.current);

package/lib/module/components/layout/HeaderSecondLevel.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useLayoutEffect","AccessibilityInfo","Platform","StyleSheet","View","findNodeHandle","Animated","interpolate","interpolateColor","useAnimatedStyle","useDerivedValue","useScrollViewOffset","useSharedValue","withSpring","withTiming","useSafeAreaInsets","IOColors","IOSpringValues","IOStyles","IOVisualCostants","alertEdgeToEdgeInsetTransitionConfig","hexToRgba","iconBtnSizeSmall","useIOExperimentalDesign","useIOTheme","IconButton","HSpacer","IOText","titleHorizontalMargin","styles","create","headerInner","paddingHorizontal","appMarginDefault","height","headerHeight","flexGrow","flexDirection","alignItems","justifyContent","titleContainer","flexShrink","marginHorizontal","HeaderSecondLevel","scrollValues","undefined","goBack","backAccessibilityLabel","backTestID","title","type","variant","backgroundColor","transparent","ignoreSafeAreaMargin","enableDiscreteTransition","animatedRef","testID","firstAction","secondAction","thirdAction","scrollOffset","titleRef","createRef","isExperimental","theme","insets","isTitleAccessible","useMemo","trim","paddingTop","top","AnimatedIOText","createAnimatedComponent","iconButtonColor","titleColor","white","HEADER_DEFAULT_BG_COLOR","headerBgColorTransparentState","headerBgColorSolidState","borderColorTransparentState","borderColorSolidState","reactNode","current","setAccessibilityFocus","bgColorDiscreteTransition","value","header","animatedPaddingStyle","marginTop","headerWrapperAnimatedStyle","contentOffsetY","triggerOffset","borderColor","titleAnimatedStyle","opacity","createElement","accessibilityRole","style","borderBottomWidth","icon","select","android","default","color","onPress","accessibilityLabel","size","ref","accessibilityElementsHidden","importantForAccessibility","accessible","numberOfLines","font","weight","textAlign","row","Fragment","_extends"],"sourceRoot":"../../../../src","sources":["components/layout/HeaderSecondLevel.tsx"],"mappings":"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"}
+{"version":3,"names":["React","useEffect","useLayoutEffect","AccessibilityInfo","Platform","StyleSheet","View","findNodeHandle","Animated","interpolate","interpolateColor","useAnimatedStyle","useDerivedValue","useScrollViewOffset","useSharedValue","withSpring","withTiming","useSafeAreaInsets","IOColors","IOSpringValues","IOStyles","IOVisualCostants","alertEdgeToEdgeInsetTransitionConfig","hexToRgba","iconBtnSizeSmall","useIOExperimentalDesign","useIOTheme","useIOThemeContext","IconButton","HSpacer","IOText","titleHorizontalMargin","styles","create","headerInner","paddingHorizontal","appMarginDefault","height","headerHeight","flexGrow","flexDirection","alignItems","justifyContent","titleContainer","flexShrink","marginHorizontal","HeaderSecondLevel","scrollValues","undefined","goBack","backAccessibilityLabel","backTestID","title","type","variant","backgroundColor","transparent","ignoreSafeAreaMargin","enableDiscreteTransition","animatedRef","testID","firstAction","secondAction","thirdAction","scrollOffset","titleRef","createRef","isExperimental","theme","themeType","insets","isTitleAccessible","useMemo","trim","paddingTop","top","AnimatedIOText","createAnimatedComponent","iconButtonColorDefault","iconButtonColor","titleColor","white","HEADER_DEFAULT_BG_COLOR","headerBgColorTransparentState","headerBgColorSolidState","borderColorDefault","borderColorTransparentState","borderColorSolidState","reactNode","current","setAccessibilityFocus","bgColorDiscreteTransition","value","header","animatedPaddingStyle","marginTop","headerWrapperAnimatedStyle","contentOffsetY","triggerOffset","borderColor","titleAnimatedStyle","opacity","createElement","accessibilityRole","style","borderBottomWidth","icon","select","android","default","color","onPress","accessibilityLabel","size","ref","accessibilityElementsHidden","importantForAccessibility","accessible","numberOfLines","font","weight","textAlign","row","Fragment","_extends"],"sourceRoot":"../../../../src","sources":["components/layout/HeaderSecondLevel.tsx"],"mappings":"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"}

package/lib/module/components/layout/hooks/index.js

@@ -0,0 +1,3 @@
+export * from "./useFooterActionsMeasurements";
+export * from "./useFooterActionsInlineMeasurements";
+//# sourceMappingURL=index.js.map

package/lib/module/components/layout/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["components/layout/hooks/index.ts"],"mappings":"AAAA,cAAc,gCAAgC;AAC9C,cAAc,sCAAsC"}

package/lib/module/components/layout/hooks/useBottomMargins.js

@@ -0,0 +1,25 @@
+import { useSafeAreaInsets } from "react-native-safe-area-context";
+import { IOVisualCostants } from "../../../core";
+
+/* Extra bottom margin for iPhone bottom handle because
+   ButtonLink doesn't have a fixed height */
+const extraSafeAreaMargin = 8;
+export const useBottomMargins = (withSecondaryAction = false, excludeSafeAreaMargins = false) => {
+  const insets = useSafeAreaInsets();
+  const needSafeAreaMargin = insets.bottom !== 0;
+
+  /* Check if the iPhone bottom handle is present.
+     If not, or if you don't need safe area insets,
+     add a default margin to prevent the button
+     from sticking to the bottom. */
+  const bottomMargin = !needSafeAreaMargin || excludeSafeAreaMargins ? IOVisualCostants.appMarginDefault : insets.bottom;
+
+  /* When the secondary action is visible, add extra margin
+     to avoid little space from iPhone bottom handle */
+  const extraBottomMargin = withSecondaryAction && needSafeAreaMargin ? extraSafeAreaMargin : 0;
+  return {
+    bottomMargin,
+    extraBottomMargin
+  };
+};
+//# sourceMappingURL=useBottomMargins.js.map

package/lib/module/components/layout/hooks/useBottomMargins.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useSafeAreaInsets","IOVisualCostants","extraSafeAreaMargin","useBottomMargins","withSecondaryAction","excludeSafeAreaMargins","insets","needSafeAreaMargin","bottom","bottomMargin","appMarginDefault","extraBottomMargin"],"sourceRoot":"../../../../../src","sources":["components/layout/hooks/useBottomMargins.ts"],"mappings":"AAAA,SAASA,iBAAiB,QAAQ,gCAAgC;AAClE,SAAyBC,gBAAgB,QAAQ,eAAe;;AAEhE;AACA;AACA,MAAMC,mBAAmC,GAAG,CAAC;AAE7C,OAAO,MAAMC,gBAAgB,GAAGA,CAC9BC,mBAA4B,GAAG,KAAK,EACpCC,sBAA+B,GAAG,KAAK,KACpC;EACH,MAAMC,MAAM,GAAGN,iBAAiB,CAAC,CAAC;EAClC,MAAMO,kBAAkB,GAAGD,MAAM,CAACE,MAAM,KAAK,CAAC;;EAE9C;AACF;AACA;AACA;EACE,MAAMC,YAAY,GAChB,CAACF,kBAAkB,IAAIF,sBAAsB,GACzCJ,gBAAgB,CAACS,gBAAgB,GACjCJ,MAAM,CAACE,MAAM;;EAEnB;AACF;EACE,MAAMG,iBAAiB,GACrBP,mBAAmB,IAAIG,kBAAkB,GAAGL,mBAAmB,GAAG,CAAC;EAErE,OAAO;IAAEO,YAAY;IAAEE;EAAkB,CAAC;AAC5C,CAAC"}

package/lib/module/components/layout/hooks/useFooterActionsInlineMeasurements.js

@@ -0,0 +1,23 @@
+import { useState } from "react";
+/**
+ * Custom hook to handle the `FooterActions` measurements
+ * @returns
+ *   - `footerActionsInlineMeasurements`
+ *      Object containing the `FooterActionsInline` measurements
+ *   - `handleFooterActionsInlineMeasurements`
+ *      Function to update the footer actions measurements
+ *      (to be applied to `onMeasure` prop of `FooterActionsInline`)
+ */
+export const useFooterActionsInlineMeasurements = () => {
+  const [footerActionsInlineMeasurements, setFooterActionsInlineMeasurements] = useState({
+    safeBottomAreaHeight: 0
+  });
+  const handleFooterActionsInlineMeasurements = values => {
+    setFooterActionsInlineMeasurements(values);
+  };
+  return {
+    footerActionsInlineMeasurements,
+    handleFooterActionsInlineMeasurements
+  };
+};
+//# sourceMappingURL=useFooterActionsInlineMeasurements.js.map

package/lib/module/components/layout/hooks/useFooterActionsInlineMeasurements.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useState","useFooterActionsInlineMeasurements","footerActionsInlineMeasurements","setFooterActionsInlineMeasurements","safeBottomAreaHeight","handleFooterActionsInlineMeasurements","values"],"sourceRoot":"../../../../../src","sources":["components/layout/hooks/useFooterActionsInlineMeasurements.ts"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,OAAO;AAShC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,kCAAkC,GAC7CA,CAAA,KAA+C;EAC7C,MAAM,CACJC,+BAA+B,EAC/BC,kCAAkC,CACnC,GAAGH,QAAQ,CAAkC;IAC5CI,oBAAoB,EAAE;EACxB,CAAC,CAAC;EAEF,MAAMC,qCAAqC,GACzCC,MAAuC,IACpC;IACHH,kCAAkC,CAACG,MAAM,CAAC;EAC5C,CAAC;EAED,OAAO;IACLJ,+BAA+B;IAC/BG;EACF,CAAC;AACH,CAAC"}

package/lib/module/components/layout/hooks/useFooterActionsMeasurements.js

@@ -0,0 +1,24 @@
+import { useState } from "react";
+/**
+ * Custom hook to handle the `FooterActions` measurements
+ * @returns
+ *   - `footerActionsMeasurements`
+ *      Object containing the `FooterActions` measurements
+ *   - `handleFooterActionsMeasurements`
+ *      Function to update the footer actions measurements
+ *      (to be applied to `onMeasure` prop of `FooterActions`)
+ */
+export const useFooterActionsMeasurements = () => {
+  const [footerActionsMeasurements, setFooterActionsMeasurements] = useState({
+    actionBlockHeight: 0,
+    safeBottomAreaHeight: 0
+  });
+  const handleFooterActionsMeasurements = values => {
+    setFooterActionsMeasurements(values);
+  };
+  return {
+    footerActionsMeasurements,
+    handleFooterActionsMeasurements
+  };
+};
+//# sourceMappingURL=useFooterActionsMeasurements.js.map

package/lib/module/components/layout/hooks/useFooterActionsMeasurements.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useState","useFooterActionsMeasurements","footerActionsMeasurements","setFooterActionsMeasurements","actionBlockHeight","safeBottomAreaHeight","handleFooterActionsMeasurements","values"],"sourceRoot":"../../../../../src","sources":["components/layout/hooks/useFooterActionsMeasurements.ts"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,OAAO;AAOhC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,4BAA4B,GACvCA,CAAA,KAAyC;EACvC,MAAM,CAACC,yBAAyB,EAAEC,4BAA4B,CAAC,GAC7DH,QAAQ,CAA4B;IAClCI,iBAAiB,EAAE,CAAC;IACpBC,oBAAoB,EAAE;EACxB,CAAC,CAAC;EAEJ,MAAMC,+BAA+B,GACnCC,MAAiC,IAC9B;IACHJ,4BAA4B,CAACI,MAAM,CAAC;EACtC,CAAC;EAED,OAAO;IACLL,yBAAyB;IACzBI;EACF,CAAC;AACH,CAAC"}

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

@@ -1,4 +1,6 @@
 export * from "./BlockButtons";
+export * from "./FooterActions";
+export * from "./FooterActionsInline";
 export * from "./FooterWithButtons";
 export * from "./ForceScrollDownView";
 export * from "./GradientBottomActions";
@@ -7,4 +9,5 @@ export * from "./HeaderFirstLevel";
 export * from "./HeaderSecondLevel";
 export * from "./ModalBSHeader";
 export * from "./common";
+export * from "./hooks";
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/layout/index.tsx"],"mappings":"AAAA,cAAc,gBAAgB;AAC9B,cAAc,qBAAqB;AACnC,cAAc,uBAAuB;AACrC,cAAc,yBAAyB;AACvC,cAAc,sBAAsB;AACpC,cAAc,oBAAoB;AAClC,cAAc,qBAAqB;AACnC,cAAc,iBAAiB;AAC/B,cAAc,UAAU"}
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/layout/index.tsx"],"mappings":"AAAA,cAAc,gBAAgB;AAC9B,cAAc,iBAAiB;AAC/B,cAAc,uBAAuB;AACrC,cAAc,qBAAqB;AACnC,cAAc,uBAAuB;AACrC,cAAc,yBAAyB;AACvC,cAAc,sBAAsB;AACpC,cAAc,oBAAoB;AAClC,cAAc,qBAAqB;AACnC,cAAc,iBAAiB;AAC/B,cAAc,UAAU;AACxB,cAAc,SAAS"}

package/lib/module/components/pictograms/Pictogram.js

@@ -94,6 +94,7 @@ import PictogramEmailDotCheck from "./svg/PictogramEmailDotCheck";
 import PictogramEmailDotNotif from "./svg/PictogramEmailDotNotif";
 import PictogramEnded from "./svg/PictogramEnded";
 import PictogramEventClose from "./svg/PictogramEventClose";
+import PictogramFingerprint from "./svg/PictogramFingerprint";
 import PictogramIdea from "./svg/PictogramIdea";
 import PictogramLostConnection from "./svg/PictogramLostConnection";
 import PictogramMessage from "./svg/PictogramMessage";
@@ -105,8 +106,10 @@ import PictogramQrCode from "./svg/PictogramQrCode";
 import PictogramReactivate from "./svg/PictogramReactivate";
 import PictogramSearchLens from "./svg/PictogramSearchLens";
 import PictogramSettings from "./svg/PictogramSettings";
+import PictogramSmile from "./svg/PictogramSmile";
 import PictogramStar from "./svg/PictogramStar";
 import PictogramTiming from "./svg/PictogramTiming";
+import PictogramWalletDoc from "./svg/PictogramWalletDoc";
 export const IOPictograms = {
   // Start legacy pictograms //
   processing: PictogramProcessing,
@@ -166,6 +169,9 @@ export const IOPictograms = {
   comunicationProblem: PictogramComunicationProblem,
   payments: PictogramPayments,
   workInProgress: PictogramWorkInProgress,
+  smile: PictogramSmile,
+  fingerprint: PictogramFingerprint,
+  walletDoc: PictogramWalletDoc,
   // Start Objects Pictogram
   ibanCard: PictogramObjIbanCard,
   followMessage: PictogramObjFollowMessage,
@@ -199,7 +205,8 @@ export const Pictogram = ({
   const colorValues = useMemo(() => ({
     hands: IOColors[themeObj["pictogram-hands"]],
     main: IOColors[themeObj["pictogram-tint-main"]],
-    secondary: IOColors[themeObj["pictogram-tint-secondary"]]
+    secondary: IOColors[themeObj["pictogram-tint-secondary"]],
+    tertiary: IOColors[themeObj["pictogram-tint-tertiary"]]
   }), [themeObj]);
   return /*#__PURE__*/React.createElement(PictogramElement, _extends({}, props, {
     size: size,
@@ -280,7 +287,8 @@ export const PictogramBleed = ({
   const colorValues = useMemo(() => ({
     hands: IOColors[themeObj["pictogram-hands"]],
     main: IOColors[themeObj["pictogram-tint-main"]],
-    secondary: IOColors[themeObj["pictogram-tint-secondary"]]
+    secondary: IOColors[themeObj["pictogram-tint-secondary"]],
+    tertiary: IOColors[themeObj["pictogram-tint-tertiary"]]
   }), [themeObj]);
   return /*#__PURE__*/React.createElement(PictogramElement, _extends({}, props, {
     size: size,