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

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

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

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","Pressable","StyleSheet","View","Animated","Extrapolate","interpolate","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","Placeholder","getAccessibleAmountText","H6","LabelSmall","Badge","Icon","IOColors","IOListItemVisualParams","IOScaleValues","IOSpringValues","IOStyles","useIOExperimentalDesign","VSpacer","styles","create","button","flex","flexDirection","alignItems","justifyContent","paddingHorizontal","paddingVertical","borderRadius","borderColor","bluegreyLight","backgroundColor","white","borderStyle","borderWidth","rightSection","marginLeft","iconMargin","ModulePaymentNoticeContent","_ref","title","subtitle","paymentNoticeStatus","paymentNoticeAmount","badgeText","isExperimental","AmountOrBadgeComponent","createElement","accessibilityLabel","color","variant","text","Fragment","style","flexGrow","flexShrink","numberOfLines","weight","font","name","size","chevronSize","ModulePaymentNotice","_ref2","_IOScaleValues$magnif","isLoading","testID","onPress","rest","isPressed","animationScaleValue","magnifiedButton","pressedState","scaleTraversed","value","animatedStyle","scale","CLAMP","transform","onPressIn","onPressOut","SkeletonComponent","accessible","accessibilityRole","Box","animate","radius","width","height"],"sourceRoot":"../../../../src","sources":["components/modules/ModulePaymentNotice.tsx"],"mappings":"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"}
+{"version":3,"names":["React","StyleSheet","View","Placeholder","getAccessibleAmountText","H6","LabelSmall","Badge","Icon","IOListItemVisualParams","IOModuleStyles","IOStyles","useIOExperimentalDesign","VSpacer","PressableModuleBase","styles","create","rightSection","marginLeft","iconMargin","flexDirection","alignItems","justifyContent","ModulePaymentNoticeContent","_ref","title","subtitle","paymentNoticeStatus","paymentNoticeAmount","badgeText","isExperimental","AmountOrBadgeComponent","createElement","accessibilityLabel","color","variant","text","Fragment","style","flexGrow","flexShrink","paddingEnd","numberOfLines","weight","font","name","size","chevronSize","ModulePaymentNotice","_ref2","isLoading","testID","onPress","rest","SkeletonComponent","button","accessible","flex","Box","animate","radius","width","height"],"sourceRoot":"../../../../src","sources":["components/modules/ModulePaymentNotice.tsx"],"mappings":"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"}

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

@@ -0,0 +1,34 @@
+import * as React from "react";
+import { Pressable } from "react-native";
+import Animated from "react-native-reanimated";
+import { IOModuleIDPSavedVSpacing, IOModuleStyles } from "../../core";
+import { useModuleSpringAnimation } from "./hooks/useModuleSpringAnimation";
+export const PressableModuleBase = _ref => {
+  let {
+    onPress,
+    testID,
+    accessibilityLabel,
+    withLooseSpacing = false,
+    children
+  } = _ref;
+  const {
+    handlePressIn,
+    handlePressOut,
+    animatedStyle
+  } = useModuleSpringAnimation();
+  return /*#__PURE__*/React.createElement(Pressable, {
+    onPress: onPress,
+    testID: testID,
+    accessible: true,
+    accessibilityLabel: accessibilityLabel,
+    onPressIn: handlePressIn,
+    onPressOut: handlePressOut,
+    onTouchEnd: handlePressOut,
+    accessibilityRole: "button"
+  }, /*#__PURE__*/React.createElement(Animated.View, {
+    style: [IOModuleStyles.button, withLooseSpacing && {
+      paddingVertical: IOModuleIDPSavedVSpacing
+    }, animatedStyle]
+  }, children));
+};
+//# sourceMappingURL=PressableModuleBase.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Pressable","Animated","IOModuleIDPSavedVSpacing","IOModuleStyles","useModuleSpringAnimation","PressableModuleBase","_ref","onPress","testID","accessibilityLabel","withLooseSpacing","children","handlePressIn","handlePressOut","animatedStyle","createElement","accessible","onPressIn","onPressOut","onTouchEnd","accessibilityRole","View","style","button","paddingVertical"],"sourceRoot":"../../../../src","sources":["components/modules/PressableModuleBase.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAAgCC,SAAS,QAAQ,cAAc;AAC/D,OAAOC,QAAQ,MAAM,yBAAyB;AAC9C,SAASC,wBAAwB,EAAEC,cAAc,QAAQ,YAAY;AAErE,SAASC,wBAAwB,QAAQ,kCAAkC;AAQ3E,OAAO,MAAMC,mBAAmB,GAAGC,IAAA,IAMsB;EAAA,IANrB;IAClCC,OAAO;IACPC,MAAM;IACNC,kBAAkB;IAClBC,gBAAgB,GAAG,KAAK;IACxBC;EACiD,CAAC,GAAAL,IAAA;EAClD,MAAM;IAAEM,aAAa;IAAEC,cAAc;IAAEC;EAAc,CAAC,GACpDV,wBAAwB,CAAC,CAAC;EAC5B,oBACEL,KAAA,CAAAgB,aAAA,CAACf,SAAS;IACRO,OAAO,EAAEA,OAAQ;IACjBC,MAAM,EAAEA,MAAO;IACfQ,UAAU,EAAE,IAAK;IACjBP,kBAAkB,EAAEA,kBAAmB;IACvCQ,SAAS,EAAEL,aAAc;IACzBM,UAAU,EAAEL,cAAe;IAC3BM,UAAU,EAAEN,cAAe;IAC3BO,iBAAiB,EAAC;EAAQ,gBAE1BrB,KAAA,CAAAgB,aAAA,CAACd,QAAQ,CAACoB,IAAI;IACZC,KAAK,EAAE,CACLnB,cAAc,CAACoB,MAAM,EACrBb,gBAAgB,IAAI;MAAEc,eAAe,EAAEtB;IAAyB,CAAC,EACjEY,aAAa;EACb,GAEDH,QACY,CACN,CAAC;AAEhB,CAAC"}

package/lib/module/components/modules/hooks/useModuleSpringAnimation.js

@@ -0,0 +1,34 @@
+import { Extrapolate, interpolate, useAnimatedStyle, useDerivedValue, useSharedValue, withSpring } from "react-native-reanimated";
+import { useCallback } from "react";
+import { IOScaleValues, IOSpringValues } from "../../../core";
+export const useModuleSpringAnimation = () => {
+  var _IOScaleValues$magnif;
+  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 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]);
+  return {
+    animatedStyle,
+    handlePressIn,
+    handlePressOut
+  };
+};
+//# sourceMappingURL=useModuleSpringAnimation.js.map

package/lib/module/components/modules/hooks/useModuleSpringAnimation.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Extrapolate","interpolate","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","useCallback","IOScaleValues","IOSpringValues","useModuleSpringAnimation","_IOScaleValues$magnif","isPressed","animationScaleValue","magnifiedButton","pressedState","scaleTraversed","value","button","animatedStyle","scale","CLAMP","transform","handlePressIn","handlePressOut"],"sourceRoot":"../../../../../src","sources":["components/modules/hooks/useModuleSpringAnimation.ts"],"mappings":"AAAA,SACEA,WAAW,EACXC,WAAW,EACXC,gBAAgB,EAChBC,eAAe,EACfC,cAAc,EACdC,UAAU,QACL,yBAAyB;AAChC,SAASC,WAAW,QAAQ,OAAO;AACnC,SAASC,aAAa,EAAEC,cAAc,QAAQ,eAAe;AAE7D,OAAO,MAAMC,wBAAwB,GAAGA,CAAA,KAAM;EAAA,IAAAC,qBAAA;EAC5C,MAAMC,SAAS,GAAGP,cAAc,CAAC,CAAC,CAAC;EACnC;EACA,MAAMQ,mBAAmB,GAAGL,aAAa,aAAbA,aAAa,gBAAAG,qBAAA,GAAbH,aAAa,CAAEM,eAAe,cAAAH,qBAAA,uBAA9BA,qBAAA,CAAgCI,YAAY;EAExE,MAAMC,cAAc,GAAGZ,eAAe,CAAC,MACrCE,UAAU,CAACM,SAAS,CAACK,KAAK,EAAER,cAAc,CAACS,MAAM,CACnD,CAAC;;EAED;EACA,MAAMC,aAAa,GAAGhB,gBAAgB,CAAC,MAAM;IAC3C,MAAMiB,KAAK,GAAGlB,WAAW,CACvBc,cAAc,CAACC,KAAK,EACpB,CAAC,CAAC,EAAE,CAAC,CAAC,EACN,CAAC,CAAC,EAAEJ,mBAAmB,CAAC,EACxBZ,WAAW,CAACoB,KACd,CAAC;IAED,OAAO;MACLC,SAAS,EAAE,CAAC;QAAEF;MAAM,CAAC;IACvB,CAAC;EACH,CAAC,CAAC;EAEF,MAAMG,aAAa,GAAGhB,WAAW,CAAC,MAAM;IACtC;IACAK,SAAS,CAACK,KAAK,GAAG,CAAC;EACrB,CAAC,EAAE,CAACL,SAAS,CAAC,CAAC;EACf,MAAMY,cAAc,GAAGjB,WAAW,CAAC,MAAM;IACvC;IACAK,SAAS,CAACK,KAAK,GAAG,CAAC;EACrB,CAAC,EAAE,CAACL,SAAS,CAAC,CAAC;EAEf,OAAO;IACLO,aAAa;IACbI,aAAa;IACbC;EACF,CAAC;AACH,CAAC"}

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

@@ -1,3 +1,4 @@
 export * from "./ModuleIDP";
 export * from "./ModulePaymentNotice";
+export * from "./PressableModuleBase";
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/modules/index.tsx"],"mappings":"AAAA,cAAc,aAAa;AAC3B,cAAc,uBAAuB"}
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/modules/index.tsx"],"mappings":"AAAA,cAAc,aAAa;AAC3B,cAAc,uBAAuB;AACrC,cAAc,uBAAuB"}

package/lib/module/components/numberpad/NumberButton.js

@@ -0,0 +1,81 @@
+import React, { useCallback, useMemo } from "react";
+import { Pressable } from "react-native";
+import Animated, { Extrapolate, interpolate, interpolateColor, useAnimatedStyle, useDerivedValue, useSharedValue, withSpring } from "react-native-reanimated";
+import { IOColors, IONumberPadButtonStyles, IOScaleValues, IOSpringValues, useIOExperimentalDesign } from "../../core";
+import { H3 } from "../typography";
+const colorMap = {
+  light: {
+    background: "grey-50",
+    pressed: "grey-200",
+    foreground: "blueIO-500"
+  },
+  dark: {
+    background: "blueIO-400",
+    pressed: "blueIO-200",
+    foreground: "white"
+  }
+};
+const legacyColorMap = {
+  light: {
+    background: "grey-50",
+    pressed: "grey-200",
+    foreground: "blue"
+  },
+  dark: {
+    background: "blue",
+    pressed: "blue-600",
+    foreground: "white"
+  }
+};
+export const NumberButton = _ref => {
+  var _IOScaleValues$basicB;
+  let {
+    number,
+    variant,
+    onPress
+  } = _ref;
+  const {
+    isExperimental
+  } = useIOExperimentalDesign();
+  const colors = useMemo(() => isExperimental ? colorMap[variant] : legacyColorMap[variant], [variant, isExperimental]);
+  const isPressed = useSharedValue(0);
+  // Scaling transformation applied when the button is pressed
+  const animationScaleValue = IOScaleValues === null || IOScaleValues === void 0 || (_IOScaleValues$basicB = IOScaleValues.basicButton) === null || _IOScaleValues$basicB === void 0 ? void 0 : _IOScaleValues$basicB.pressedState;
+  // Using a spring-based animation for our interpolations
+  const progressPressed = useDerivedValue(() => withSpring(isPressed.value, IOSpringValues.button));
+
+  // Interpolate animation values from `isPressed` values
+  const pressedAnimationStyle = useAnimatedStyle(() => {
+    // Link color states to the pressed states
+    const bgColor = interpolateColor(progressPressed.value, [0, 1], [IOColors[colors.background], IOColors[colors.pressed]]);
+
+    // Scale down button slightly when pressed
+    const scale = interpolate(progressPressed.value, [0, 1], [1, animationScaleValue], Extrapolate.CLAMP);
+    return {
+      backgroundColor: bgColor,
+      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]);
+  return /*#__PURE__*/React.createElement(Pressable, {
+    accessible: true,
+    accessibilityRole: "button",
+    onPressIn: onPressIn,
+    onPressOut: onPressOut,
+    onPress: () => onPress(number)
+  }, /*#__PURE__*/React.createElement(Animated.View, {
+    style: [IONumberPadButtonStyles.button, IONumberPadButtonStyles.circularShape, IONumberPadButtonStyles.buttonSize, pressedAnimationStyle]
+  }, /*#__PURE__*/React.createElement(H3, {
+    color: colors.foreground
+  }, number)));
+};
+//# sourceMappingURL=NumberButton.js.map

package/lib/module/components/numberpad/NumberButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useMemo","Pressable","Animated","Extrapolate","interpolate","interpolateColor","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","IOColors","IONumberPadButtonStyles","IOScaleValues","IOSpringValues","useIOExperimentalDesign","H3","colorMap","light","background","pressed","foreground","dark","legacyColorMap","NumberButton","_ref","_IOScaleValues$basicB","number","variant","onPress","isExperimental","colors","isPressed","animationScaleValue","basicButton","pressedState","progressPressed","value","button","pressedAnimationStyle","bgColor","scale","CLAMP","backgroundColor","transform","onPressIn","onPressOut","createElement","accessible","accessibilityRole","View","style","circularShape","buttonSize","color"],"sourceRoot":"../../../../src","sources":["components/numberpad/NumberButton.tsx"],"mappings":"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"}

package/lib/module/components/numberpad/NumberPad.js

@@ -0,0 +1,102 @@
+/* eslint-disable functional/immutable-data */
+import React, { useRef } from "react";
+import { View } from "react-native";
+import { IONumberPadButtonStyles, IOStyles } from "../../core";
+import { VSpacer } from "../spacer";
+import { IconButton } from "../buttons";
+import { NumberButton } from "./NumberButton";
+const mapIconSpecByBiometric = {
+  FACE_ID: {
+    icon: "biomFaceID",
+    size: 32
+  },
+  TOUCH_ID: {
+    icon: "fingerprint",
+    size: 24
+  },
+  BIOMETRICS: {
+    icon: "fingerprint",
+    size: 24
+  }
+};
+const ButtonWrapper = _ref => {
+  let {
+    children
+  } = _ref;
+  return /*#__PURE__*/React.createElement(View, {
+    style: [IONumberPadButtonStyles.buttonSize, IOStyles.alignCenter, IOStyles.centerJustified]
+  }, children);
+};
+export const NumberPad = _ref2 => {
+  let {
+    variant = "dark",
+    onValueChange,
+    biometricType,
+    onBiometricPress,
+    biometricAccessibilityLabel,
+    deleteAccessibilityLabel
+  } = _ref2;
+  const numberPadValue = useRef("");
+  const numberPadPress = number => {
+    numberPadValue.current = `${numberPadValue.current}${number}`;
+    onValueChange(numberPadValue.current);
+  };
+  const onDeletePress = () => {
+    numberPadValue.current = numberPadValue.current.slice(0, -1);
+    onValueChange(numberPadValue.current);
+  };
+  const RowButtons = _ref3 => {
+    let {
+      buttons
+    } = _ref3;
+    return /*#__PURE__*/React.createElement(View, {
+      style: [IOStyles.flex, IOStyles.rowSpaceBetween, {
+        justifyContent: "space-between",
+        alignItems: "center"
+      }]
+    }, buttons.map(elem => {
+      if (typeof elem === "number") {
+        return /*#__PURE__*/React.createElement(NumberButton, {
+          key: elem,
+          number: elem,
+          onPress: numberPadPress,
+          variant: variant
+        });
+      }
+      if (elem === "delete") {
+        return /*#__PURE__*/React.createElement(ButtonWrapper, {
+          key: elem
+        }, /*#__PURE__*/React.createElement(IconButton, {
+          icon: "cancel",
+          color: variant === "dark" ? "contrast" : "primary",
+          onPress: onDeletePress,
+          accessibilityLabel: deleteAccessibilityLabel
+        }));
+      }
+      return biometricType ? /*#__PURE__*/React.createElement(ButtonWrapper, {
+        key: elem
+      }, /*#__PURE__*/React.createElement(IconButton, {
+        icon: mapIconSpecByBiometric[biometricType].icon,
+        iconSize: mapIconSpecByBiometric[biometricType].size,
+        color: variant === "dark" ? "contrast" : "primary",
+        onPress: onBiometricPress,
+        accessibilityLabel: biometricAccessibilityLabel
+      })) : /*#__PURE__*/React.createElement(View, {
+        key: "emptyElem",
+        style: IONumberPadButtonStyles.buttonSize
+      });
+    }));
+  };
+  return /*#__PURE__*/React.createElement(View, {
+    style: IOStyles.horizontalContentPadding
+  }, /*#__PURE__*/React.createElement(RowButtons, {
+    buttons: [1, 2, 3]
+  }), /*#__PURE__*/React.createElement(VSpacer, null), /*#__PURE__*/React.createElement(RowButtons, {
+    buttons: [4, 5, 6]
+  }), /*#__PURE__*/React.createElement(VSpacer, null), /*#__PURE__*/React.createElement(RowButtons, {
+    buttons: [7, 8, 9]
+  }), /*#__PURE__*/React.createElement(VSpacer, null), /*#__PURE__*/React.createElement(RowButtons, {
+    buttons: ["biometric", 0, "delete"]
+  }));
+};
+//# sourceMappingURL=NumberPad.js.map

package/lib/module/components/numberpad/NumberPad.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useRef","View","IONumberPadButtonStyles","IOStyles","VSpacer","IconButton","NumberButton","mapIconSpecByBiometric","FACE_ID","icon","size","TOUCH_ID","BIOMETRICS","ButtonWrapper","_ref","children","createElement","style","buttonSize","alignCenter","centerJustified","NumberPad","_ref2","variant","onValueChange","biometricType","onBiometricPress","biometricAccessibilityLabel","deleteAccessibilityLabel","numberPadValue","numberPadPress","number","current","onDeletePress","slice","RowButtons","_ref3","buttons","flex","rowSpaceBetween","justifyContent","alignItems","map","elem","key","onPress","color","accessibilityLabel","iconSize","horizontalContentPadding"],"sourceRoot":"../../../../src","sources":["components/numberpad/NumberPad.tsx"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/numberpad/index.tsx"],"mappings":"AAAA;AACA,cAAc,aAAa"}

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

@@ -73,6 +73,46 @@ import PictogramBleedCie from "./svg/PictogramBleedCie";
 import PictogramBleedCameraRequest from "./svg/PictogramBleedCameraRequest";
 import PictogramBleedCameraDenied from "./svg/PictogramBleedCameraDenied";
 import PictogramBleedNotification from "./svg/PictogramBleedNotification";
+import PictogramStar from "./svg/PictogramStar";
+import PictogramBleedStar from "./svg/PictogramBleedStar";
+import PictogramBleedEmpty from "./svg/PictogramBleedEmpty";
+import PictogramBleedAttention from "./svg/PictogramBleedAttention";
+import PictogramBleedSuccess from "./svg/PictogramBleedSuccess";
+import PictogramBleedFatalError from "./svg/PictogramBleedFatalError";
+import PictogramBleedIdentity from "./svg/PictogramBleedIdentity";
+import PictogramBleedIdentityAdd from "./svg/PictogramBleedIdentityAdd";
+import PictogramBleedIdentityCheck from "./svg/PictogramBleedIdentityCheck";
+import PictogramBleedIdentityRefresh from "./svg/PictogramBleedIdentityRefresh";
+import PictogramBleedAccessDenied from "./svg/PictogramBleedAccessDenied";
+import PictogramBleedStopSecurity from "./svg/PictogramBleedStopSecurity";
+import PictogramBleedTime from "./svg/PictogramBleedTime";
+import PictogramBleedPasscode from "./svg/PictogramBleedPasscode";
+import PictogramTiming from "./svg/PictogramTiming";
+import PictogramBleedTiming from "./svg/PictogramBleedTiming";
+import PictogramCardIssue from "./svg/PictogramCardIssue";
+import PictogramCardQuestion from "./svg/PictogramCardQuestion";
+import PictogramCardFavourite from "./svg/PictogramCardFavourite";
+import PictogramCardAdd from "./svg/PictogramCardAdd";
+import PictogramBleedCardAdd from "./svg/PictogramBleedCardAdd";
+import PictogramBleedCardFavourite from "./svg/PictogramBleedCardFavourite";
+import PictogramBleedCardQuestion from "./svg/PictogramBleedCardQuestion";
+import PictogramBleedCardIssue from "./svg/PictogramBleedCardIssue";
+import PictogramSearchLens from "./svg/PictogramSearchLens";
+import PictogramBleedSearch from "./svg/PictogramBleedSearch";
+import PictogramBleedDoc from "./svg/PictogramBleedDoc";
+import PictogramDoc from "./svg/PictogramDoc";
+import PictogramPending from "./svg/PictogramPending";
+import PictogramBleedPending from "./svg/PictogramBleedPending";
+import PictogramMessage from "./svg/PictogramMessage";
+import PictogramBleedMessage from "./svg/PictogramBleedMessage";
+import PictogramIdea from "./svg/PictogramIdea";
+import PictogramBleedIdea from "./svg/PictogramBleedIdea";
+import PictogramMoneyCheck from "./svg/PictogramMoneyCheck";
+import PictogramReactivate from "./svg/PictogramReactivate";
+import PictogramActivate from "./svg/PictogramActivate";
+import PictogramNFCScanAndroid from "./svg/PictogramNFCScanAndroid";
+import PictogramNFCScaniOS from "./svg/PictogramNFCScaniOS";
+import PictogramAttachment from "./svg/PictogramAttachment";
 export const IOPictograms = {
   // Start legacy pictograms //
   messages: PictogramMessages,
@@ -109,9 +149,11 @@ export const IOPictograms = {
   feature: PictogramFeature,
   charity: PictogramCharity,
   attention: PictogramAttention,
+  message: PictogramMessage,
   emptyArchive: PictogramEmptyArchive,
   umbrellaNew: PictogramUmbrellaNew,
   feedback: PictogramFeedback,
+  idea: PictogramIdea,
   cameraRequest: PictogramCameraRequest,
   cameraDenied: PictogramCameraDenied,
   success: PictogramSuccess,
@@ -127,9 +169,24 @@ export const IOPictograms = {
   stopSecurity: PictogramStopSecurity,
   security: PictogramSecurity,
   cie: PictogramCie,
+  pending: PictogramPending,
   time: PictogramTime,
+  timing: PictogramTiming,
+  searchLens: PictogramSearchLens,
   passcode: PictogramPasscode,
   notification: PictogramNotification,
+  star: PictogramStar,
+  doc: PictogramDoc,
+  cardAdd: PictogramCardAdd,
+  cardFavourite: PictogramCardFavourite,
+  cardQuestion: PictogramCardQuestion,
+  cardIssue: PictogramCardIssue,
+  moneyCheck: PictogramMoneyCheck,
+  reactivate: PictogramReactivate,
+  activate: PictogramActivate,
+  nfcScanAndroid: PictogramNFCScanAndroid,
+  nfcScaniOS: PictogramNFCScaniOS,
+  attachment: PictogramAttachment,
   // Start Objects Pictogram
   ibanCard: PictogramObjIbanCard,
   followMessage: PictogramObjFollowMessage,
@@ -181,16 +238,39 @@ export const Pictogram = _ref => {
     Used in the <Banner /> component
 */
 export const IOPictogramsBleed = {
+  empty: PictogramBleedEmpty,
   charity: PictogramBleedCharity,
   help: PictogramBleedHelp,
+  attention: PictogramBleedAttention,
+  message: PictogramBleedMessage,
   feedback: PictogramBleedFeedback,
+  idea: PictogramBleedIdea,
   itWallet: PictogramBleedITWallet,
   security: PictogramBleedSecurity,
   feature: PictogramBleedFeature,
   cie: PictogramBleedCie,
+  identity: PictogramBleedIdentity,
+  identityAdd: PictogramBleedIdentityAdd,
+  identityCheck: PictogramBleedIdentityCheck,
+  identityRefresh: PictogramBleedIdentityRefresh,
   cameraRequest: PictogramBleedCameraRequest,
   cameraDenied: PictogramBleedCameraDenied,
-  notification: PictogramBleedNotification
+  cardAdd: PictogramBleedCardAdd,
+  cardFavourite: PictogramBleedCardFavourite,
+  cardQuestion: PictogramBleedCardQuestion,
+  cardIssue: PictogramBleedCardIssue,
+  accessDenied: PictogramBleedAccessDenied,
+  stopSecurity: PictogramBleedStopSecurity,
+  time: PictogramBleedTime,
+  pending: PictogramBleedPending,
+  timing: PictogramBleedTiming,
+  searchLens: PictogramBleedSearch,
+  passcode: PictogramBleedPasscode,
+  success: PictogramBleedSuccess,
+  fatalError: PictogramBleedFatalError,
+  notification: PictogramBleedNotification,
+  star: PictogramBleedStar,
+  doc: PictogramBleedDoc
 };
 export const PictogramBleed = _ref2 => {
   let {