@pagopa/io-app-design-system 1.17.1 → 1.18.0

package/lib/module/components/layout/__test__/ForceScrollDownView.test.js

@@ -0,0 +1,90 @@
+/* eslint-disable functional/immutable-data */
+import { fireEvent, render } from "@testing-library/react-native";
+import React from "react";
+import { Text } from "react-native";
+import { ForceScrollDownView } from "../ForceScrollDownView";
+const tContent = "Some content";
+describe("ForceScrollDownView", () => {
+  jest.useFakeTimers();
+  it("should match snapshot", () => {
+    const tChildren = /*#__PURE__*/React.createElement(Text, null, tContent);
+    const component = render( /*#__PURE__*/React.createElement(ForceScrollDownView, null, tChildren));
+    expect(component).toMatchSnapshot();
+  });
+  it("renders the content correctly", () => {
+    const tChildren = /*#__PURE__*/React.createElement(Text, null, tContent);
+    const {
+      getByText
+    } = render( /*#__PURE__*/React.createElement(ForceScrollDownView, null, tChildren));
+    expect(getByText(tContent)).toBeDefined();
+  });
+  it("displays the scroll down button when necessary", async () => {
+    const tChildren = /*#__PURE__*/React.createElement(Text, null, tContent);
+    const tScreenHeight = 1000;
+    const {
+      getByTestId,
+      queryByTestId
+    } = render( /*#__PURE__*/React.createElement(ForceScrollDownView, null, tChildren));
+    const scrollView = getByTestId("ScrollView");
+
+    // Update scroll view height
+    fireEvent(scrollView, "layout", {
+      nativeEvent: {
+        layout: {
+          height: tScreenHeight
+        }
+      }
+    });
+
+    // Update scroll view content height
+    fireEvent(scrollView, "contentSizeChange", null, tScreenHeight - 500);
+
+    // Button should not be visible because content does not need scrolling
+    const buttonBefore = queryByTestId("ScrollDownButton");
+    expect(buttonBefore).toBeNull();
+
+    // Increase content height to force button to be shown
+    fireEvent(scrollView, "contentSizeChange", null, tScreenHeight + 500);
+    jest.advanceTimersByTime(500);
+
+    // Button should be visible now beacuse content needs scrolling
+    const buttonAfter = queryByTestId("ScrollDownButton");
+    expect(buttonAfter).not.toBeNull();
+  });
+  it("scrolls to the bottom when the button is pressed", () => {
+    const tChildren = /*#__PURE__*/React.createElement(Text, null, tContent);
+    const tScreenHeight = 1000;
+    const {
+      getByTestId,
+      queryByTestId
+    } = render( /*#__PURE__*/React.createElement(ForceScrollDownView, null, tChildren));
+    const scrollView = getByTestId("ScrollView");
+
+    // Update scroll view height
+    fireEvent(scrollView, "layout", {
+      nativeEvent: {
+        layout: {
+          height: tScreenHeight
+        }
+      }
+    });
+
+    // Update scroll view content height
+    fireEvent(scrollView, "contentSizeChange", null, tScreenHeight + 500);
+
+    // Button should be visible
+    const buttonBefore = getByTestId("ScrollDownButton");
+    expect(buttonBefore).not.toBeNull();
+
+    // Fire button press event
+    fireEvent.press(buttonBefore);
+
+    // Wait for the scroll animation
+    jest.advanceTimersByTime(500);
+
+    // Button should not be visible after scrolling
+    const buttonAfter = queryByTestId("ScrollDownButton");
+    expect(buttonAfter).toBeNull();
+  });
+});
+//# sourceMappingURL=ForceScrollDownView.test.js.map

package/lib/module/components/layout/__test__/ForceScrollDownView.test.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["fireEvent","render","React","Text","ForceScrollDownView","tContent","describe","jest","useFakeTimers","it","tChildren","createElement","component","expect","toMatchSnapshot","getByText","toBeDefined","tScreenHeight","getByTestId","queryByTestId","scrollView","nativeEvent","layout","height","buttonBefore","toBeNull","advanceTimersByTime","buttonAfter","not","press"],"sourceRoot":"../../../../../src","sources":["components/layout/__test__/ForceScrollDownView.test.tsx"],"mappings":"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"}

package/lib/module/components/layout/__test__/__snapshots__/ForceScrollDownView.test.tsx.snap

@@ -0,0 +1,23 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`ForceScrollDownView should match snapshot 1`] = `
+<RCTScrollView
+  onContentSizeChange={[Function]}
+  onLayout={[Function]}
+  onScroll={[Function]}
+  scrollEnabled={true}
+  scrollEventThrottle={400}
+  scrollIndicatorInsets={
+    {
+      "right": 1,
+    }
+  }
+  testID="ScrollView"
+>
+  <View>
+    <Text>
+      Some content
+    </Text>
+  </View>
+</RCTScrollView>
+`;

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

@@ -3,6 +3,7 @@ export * from "./GradientScrollView";
 export * from "./GradientBottomActions";
 export * from "./HeaderFirstLevel";
 export * from "./HeaderSecondLevel";
+export * from "./ForceScrollDownView";
 export * from "./FooterWithButtons";
 export * from "./BlockButtons";
 //# 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,UAAU;AACxB,cAAc,sBAAsB;AACpC,cAAc,yBAAyB;AACvC,cAAc,oBAAoB;AAClC,cAAc,qBAAqB;AACnC,cAAc,qBAAqB;AACnC,cAAc,gBAAgB"}
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/layout/index.tsx"],"mappings":"AAAA,cAAc,UAAU;AACxB,cAAc,sBAAsB;AACpC,cAAc,yBAAyB;AACvC,cAAc,oBAAoB;AAClC,cAAc,qBAAqB;AACnC,cAAc,uBAAuB;AACrC,cAAc,qBAAqB;AACnC,cAAc,gBAAgB"}

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

@@ -51,6 +51,7 @@ export const ListItemTransaction = _ref2 => {
     transactionAmount,
     badgeText,
     transactionStatus = "success",
+    numberOfLines = 2,
     accessible
   } = _ref2;
   const {
@@ -68,12 +69,14 @@ export const ListItemTransaction = _ref2 => {
         case "success":
           return /*#__PURE__*/React.createElement(H6, {
             accessibilityLabel: getAccessibleAmountText(transactionAmount),
-            color: hasChevronRight ? interactiveColor : "black"
+            color: hasChevronRight ? interactiveColor : "black",
+            numberOfLines: numberOfLines
           }, transactionAmount || "");
         case "refunded":
           return /*#__PURE__*/React.createElement(H6, {
             accessibilityLabel: getAccessibleAmountText(transactionAmount),
-            color: hasChevronRight ? interactiveColor : "success-700"
+            color: hasChevronRight ? interactiveColor : "success-700",
+            numberOfLines: numberOfLines
           }, transactionAmount || "");
         case "failure":
         case "cancelled":
@@ -104,7 +107,7 @@ export const ListItemTransaction = _ref2 => {
     })), /*#__PURE__*/React.createElement(View, {
       style: IOStyles.flex
     }, /*#__PURE__*/React.createElement(LabelSmallAlt, {
-      numberOfLines: 2,
+      numberOfLines: numberOfLines,
       color: theme["textBody-default"]
     }, title), /*#__PURE__*/React.createElement(LabelSmall, {
       weight: "Regular",

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

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

package/lib/module/components/otpInput/BoxedInput.js

@@ -0,0 +1,64 @@
+import * as React from "react";
+import { useMemo } from "react";
+import { View, StyleSheet } from "react-native";
+import { IOColors } from "../../core";
+import { BaseTypography, H6 } from "../typography";
+const styles = StyleSheet.create({
+  baseBox: {
+    alignItems: "center",
+    justifyContent: "center",
+    width: 35,
+    height: 60,
+    borderRadius: 8
+  },
+  defaultBox: {
+    borderWidth: 1,
+    borderColor: IOColors["grey-200"]
+  },
+  focusedBox: {
+    borderWidth: 2,
+    borderColor: IOColors["blueIO-500"]
+  },
+  errorBox: {
+    borderWidth: 1,
+    borderColor: IOColors["error-850"],
+    backgroundColor: IOColors["error-100"]
+  }
+});
+
+// FIXME Replace this component with H3 once the legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
+const SecretValue = () => /*#__PURE__*/React.createElement(BaseTypography, {
+  font: "DMMono",
+  weight: "SemiBold",
+  color: "bluegreyDark",
+  fontStyle: {
+    fontSize: 22,
+    lineHeight: 33
+  },
+  accessible: false
+}, "•");
+export const BoxedInput = _ref => {
+  let {
+    status,
+    value,
+    secret
+  } = _ref;
+  const derivedStyle = useMemo(() => {
+    switch (status) {
+      case "error":
+        return styles.errorBox;
+      case "focus":
+        return styles.focusedBox;
+      case "default":
+      default:
+        return styles.defaultBox;
+    }
+  }, [status]);
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.baseBox, derivedStyle],
+    accessible: false
+  }, value && (secret ? /*#__PURE__*/React.createElement(SecretValue, null) : /*#__PURE__*/React.createElement(H6, {
+    accessible: false
+  }, value)));
+};
+//# sourceMappingURL=BoxedInput.js.map

package/lib/module/components/otpInput/BoxedInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","View","StyleSheet","IOColors","BaseTypography","H6","styles","create","baseBox","alignItems","justifyContent","width","height","borderRadius","defaultBox","borderWidth","borderColor","focusedBox","errorBox","backgroundColor","SecretValue","createElement","font","weight","color","fontStyle","fontSize","lineHeight","accessible","BoxedInput","_ref","status","value","secret","derivedStyle","style"],"sourceRoot":"../../../../src","sources":["components/otpInput/BoxedInput.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,OAAO,QAAQ,OAAO;AAC/B,SAASC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAC/C,SAASC,QAAQ,QAAQ,YAAY;AACrC,SAASC,cAAc,EAAEC,EAAE,QAAQ,eAAe;AAQlD,MAAMC,MAAM,GAAGJ,UAAU,CAACK,MAAM,CAAC;EAC/BC,OAAO,EAAE;IACPC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,YAAY,EAAE;EAChB,CAAC;EACDC,UAAU,EAAE;IACVC,WAAW,EAAE,CAAC;IACdC,WAAW,EAAEb,QAAQ,CAAC,UAAU;EAClC,CAAC;EACDc,UAAU,EAAE;IACVF,WAAW,EAAE,CAAC;IACdC,WAAW,EAAEb,QAAQ,CAAC,YAAY;EACpC,CAAC;EACDe,QAAQ,EAAE;IACRH,WAAW,EAAE,CAAC;IACdC,WAAW,EAAEb,QAAQ,CAAC,WAAW,CAAC;IAClCgB,eAAe,EAAEhB,QAAQ,CAAC,WAAW;EACvC;AACF,CAAC,CAAC;;AAEF;AACA,MAAMiB,WAAW,GAAGA,CAAA,kBAClBrB,KAAA,CAAAsB,aAAA,CAACjB,cAAc;EACbkB,IAAI,EAAC,QAAQ;EACbC,MAAM,EAAC,UAAU;EACjBC,KAAK,EAAC,cAAc;EACpBC,SAAS,EAAE;IAAEC,QAAQ,EAAE,EAAE;IAAEC,UAAU,EAAE;EAAG,CAAE;EAC5CC,UAAU,EAAE;AAAM,GAEjB,GACa,CACjB;AAED,OAAO,MAAMC,UAAU,GAAGC,IAAA,IAAsC;EAAA,IAArC;IAAEC,MAAM;IAAEC,KAAK;IAAEC;EAAc,CAAC,GAAAH,IAAA;EACzD,MAAMI,YAAY,GAAGlC,OAAO,CAAC,MAAM;IACjC,QAAQ+B,MAAM;MACZ,KAAK,OAAO;QACV,OAAOzB,MAAM,CAACY,QAAQ;MACxB,KAAK,OAAO;QACV,OAAOZ,MAAM,CAACW,UAAU;MAC1B,KAAK,SAAS;MACd;QACE,OAAOX,MAAM,CAACQ,UAAU;IAC5B;EACF,CAAC,EAAE,CAACiB,MAAM,CAAC,CAAC;EACZ,oBACEhC,KAAA,CAAAsB,aAAA,CAACpB,IAAI;IAACkC,KAAK,EAAE,CAAC7B,MAAM,CAACE,OAAO,EAAE0B,YAAY,CAAE;IAACN,UAAU,EAAE;EAAM,GAC5DI,KAAK,KACHC,MAAM,gBAAGlC,KAAA,CAAAsB,aAAA,CAACD,WAAW,MAAE,CAAC,gBAAGrB,KAAA,CAAAsB,aAAA,CAAChB,EAAE;IAACuB,UAAU,EAAE;EAAM,GAAEI,KAAU,CAAC,CAC7D,CAAC;AAEX,CAAC"}

package/lib/module/components/otpInput/OTPInput.js

@@ -0,0 +1,121 @@
+import * as React from "react";
+import { Pressable, TextInput } from "react-native";
+import Animated from "react-native-reanimated";
+import { IOStyles } from "../../core/IOStyles";
+import { LabelSmall } from "../typography";
+import { triggerHaptic } from "../../functions";
+import { VSpacer } from "../spacer";
+import { useErrorShakeAnimation } from "../../utils/hooks/useErrorShakeAnimation";
+import { BoxedInput } from "./BoxedInput";
+/**
+ * `OTPInput` is a component that allows the user to enter a one-time password.
+ * It has an hidden `TextInput` that is used to handle the keyboard and the focus.
+ * The input handles the autocompletion of the OTP code.
+ * @param value - The value of the OTP code
+ * @param onValueChange - The function to call when the value changes
+ * @param length - The length of the OTP code
+ * @param secret - If the OTP code should be hidden
+ * @param autocomplete - If the OTP code should be autocompleted
+ * @param onValidate - The function to call when the OTP code is validated
+ * @param errorMessage - The error message to display
+ * @returns
+ */
+export const OTPInput = _ref => {
+  let {
+    value,
+    onValueChange,
+    length,
+    onValidate,
+    errorMessage = "",
+    secret = false,
+    autocomplete = false
+  } = _ref;
+  const [hasFocus, setHasFocus] = React.useState(false);
+  const [hasError, setHasError] = React.useState(false);
+  const [inputValue, setInputValue] = React.useState(value);
+  const {
+    translate,
+    animatedStyle,
+    shakeAnimation
+  } = useErrorShakeAnimation();
+  const inputRef = /*#__PURE__*/React.createRef();
+  const timerRef = React.useRef();
+  const handleValidate = val => {
+    if (!onValidate || val.length < length) {
+      return;
+    }
+    const isValid = onValidate(val);
+    if (!isValid) {
+      setHasError(true);
+      triggerHaptic("notificationError");
+      // eslint-disable-next-line functional/immutable-data
+      translate.value = shakeAnimation();
+      if (timerRef.current) {
+        clearTimeout(timerRef.current);
+      }
+      // eslint-disable-next-line functional/immutable-data
+      timerRef.current = setTimeout(() => {
+        setHasError(false);
+        setInputValue("");
+        onValueChange("");
+      }, 500);
+    }
+  };
+  React.useEffect(() => () => clearTimeout(timerRef.current), []);
+  const handleChange = value => {
+    if (value.length > length) {
+      return;
+    }
+    setInputValue(value);
+    onValueChange(value);
+    handleValidate(value);
+  };
+  return /*#__PURE__*/React.createElement(Animated.View, {
+    style: [{
+      flexGrow: 1
+    }, animatedStyle]
+  }, /*#__PURE__*/React.createElement(Pressable, {
+    onPress: () => {
+      var _inputRef$current;
+      (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.focus();
+      setHasFocus(true);
+    },
+    style: [IOStyles.row, {
+      justifyContent: "space-around"
+    }],
+    accessible: true,
+    accessibilityLabel: "OTP Input",
+    accessibilityValue: {
+      text: inputValue
+    }
+  }, /*#__PURE__*/React.createElement(TextInput, {
+    value: inputValue,
+    onChangeText: handleChange,
+    style: {
+      position: "absolute",
+      opacity: 0
+    },
+    maxLength: length,
+    ref: inputRef,
+    onBlur: () => setHasFocus(false),
+    keyboardType: "numeric",
+    inputMode: "numeric",
+    returnKeyType: "done",
+    textContentType: "oneTimeCode",
+    autoComplete: autocomplete ? "sms-otp" : undefined,
+    accessible: true
+  }), [...Array(length)].map((_, i) => /*#__PURE__*/React.createElement(BoxedInput, {
+    key: i,
+    status: hasError ? "error" : hasFocus && inputValue.length === i ? "focus" : "default",
+    secret: secret,
+    value: inputValue[i]
+  }))), /*#__PURE__*/React.createElement(VSpacer, {
+    size: 4
+  }), hasError && errorMessage && /*#__PURE__*/React.createElement(LabelSmall, {
+    color: "error-850",
+    style: {
+      textAlign: "center"
+    }
+  }, errorMessage));
+};
+//# sourceMappingURL=OTPInput.js.map

package/lib/module/components/otpInput/OTPInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Pressable","TextInput","Animated","IOStyles","LabelSmall","triggerHaptic","VSpacer","useErrorShakeAnimation","BoxedInput","OTPInput","_ref","value","onValueChange","length","onValidate","errorMessage","secret","autocomplete","hasFocus","setHasFocus","useState","hasError","setHasError","inputValue","setInputValue","translate","animatedStyle","shakeAnimation","inputRef","createRef","timerRef","useRef","handleValidate","val","isValid","current","clearTimeout","setTimeout","useEffect","handleChange","createElement","View","style","flexGrow","onPress","_inputRef$current","focus","row","justifyContent","accessible","accessibilityLabel","accessibilityValue","text","onChangeText","position","opacity","maxLength","ref","onBlur","keyboardType","inputMode","returnKeyType","textContentType","autoComplete","undefined","Array","map","_","i","key","status","size","color","textAlign"],"sourceRoot":"../../../../src","sources":["components/otpInput/OTPInput.tsx"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+export * from "./OTPInput";
+//# sourceMappingURL=index.js.map

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

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

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

@@ -1,27 +1,50 @@
 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 React, { useMemo } from "react";
 import { IOColors, IOThemeDark, IOThemeLight, useIOTheme } from "../../core/IOColors";
-import PictogramMessages from "./svg/PictogramMessages";
 import PictogramAbacus from "./svg/PictogramAbacus";
+import PictogramAccessDenied from "./svg/PictogramAccessDenied";
 import PictogramAirBaloon from "./svg/PictogramAirBaloon";
 import PictogramAirship from "./svg/PictogramAirship";
 import PictogramAttention from "./svg/PictogramAttention";
 import PictogramBaloons from "./svg/PictogramBaloons";
 import PictogramBeerMug from "./svg/PictogramBeerMug";
-import PictogramCameraRequest from "./svg/PictogramCameraRequest";
 import PictogramCameraDenied from "./svg/PictogramCameraDenied";
+import PictogramCameraRequest from "./svg/PictogramCameraRequest";
+import PictogramCharity from "./svg/PictogramCharity";
+import PictogramCie from "./svg/PictogramCie";
 import PictogramCompleted from "./svg/PictogramCompleted";
+import PictogramComunicationProblem from "./svg/PictogramComunicationProblem";
 import PictogramEmailToValidate from "./svg/PictogramEmailToValidate";
 import PictogramEmailValidation from "./svg/PictogramEmailValidation";
+import PictogramEmpty from "./svg/PictogramEmpty";
 import PictogramEmptyArchive from "./svg/PictogramEmptyArchive";
 import PictogramError from "./svg/PictogramError";
+import PictogramFatalError from "./svg/PictogramFatalError";
+import PictogramFeature from "./svg/PictogramFeature";
 import PictogramFeedback from "./svg/PictogramFeedback";
 import PictogramFireworks from "./svg/PictogramFireworks";
 import PictogramHeart from "./svg/PictogramHeart";
+import PictogramHello from "./svg/PictogramHello";
+import PictogramHelp from "./svg/PictogramHelp";
 import PictogramHourglass from "./svg/PictogramHourglass";
+import PictogramITWallet from "./svg/PictogramITWallet";
+import PictogramIdentity from "./svg/PictogramIdentity";
+import PictogramIdentityAdd from "./svg/PictogramIdentityAdd";
+import PictogramIdentityCheck from "./svg/PictogramIdentityCheck";
+import PictogramIdentityRefresh from "./svg/PictogramIdentityRefresh";
 import PictogramInProgress from "./svg/PictogramInProgress";
 import PictogramInbox from "./svg/PictogramInbox";
+import PictogramMessages from "./svg/PictogramMessages";
 import PictogramNotAvailable from "./svg/PictogramNotAvailable";
+import PictogramNotification from "./svg/PictogramNotification";
+import PictogramObjClock from "./svg/PictogramObjClock";
+import PictogramObjFlyingMessage from "./svg/PictogramObjFlyingMessage";
+import PictogramObjFollowMessage from "./svg/PictogramObjFollowMessage";
+import PictogramObjIbanCard from "./svg/PictogramObjIbanCard";
+import PictogramObjKey from "./svg/PictogramObjKey";
+import PictogramObjManual from "./svg/PictogramObjManual";
+import PictogramObjTrash from "./svg/PictogramObjTrash";
+import PictogramPasscode from "./svg/PictogramPasscode";
 import PictogramPiggyBank from "./svg/PictogramPiggyBank";
 import PictogramPin from "./svg/PictogramPin";
 import PictogramPlaces from "./svg/PictogramPlaces";
@@ -29,99 +52,79 @@ import PictogramProcessing from "./svg/PictogramProcessing";
 import PictogramPuzzle from "./svg/PictogramPuzzle";
 import PictogramQuestion from "./svg/PictogramQuestion";
 import PictogramSearch from "./svg/PictogramSearch";
+import PictogramSecurity from "./svg/PictogramSecurity";
 import PictogramSms from "./svg/PictogramSms";
+import PictogramStopSecurity from "./svg/PictogramStopSecurity";
+import PictogramSuccess from "./svg/PictogramSuccess";
 import PictogramTeaBreak from "./svg/PictogramTeaBreak";
+import PictogramTime from "./svg/PictogramTime";
 import PictogramTimeout from "./svg/PictogramTimeout";
 import PictogramUmbrella from "./svg/PictogramUmbrella";
 import PictogramUmbrellaNew from "./svg/PictogramUmbrellaNew";
 import PictogramUnrecognized from "./svg/PictogramUnrecognized";
-import PictogramUploadFile from "./svg/PictogramUploadFile";
-import PictogramSuccess from "./svg/PictogramSuccess";
-import PictogramHelp from "./svg/PictogramHelp";
-import PictogramITWallet from "./svg/PictogramITWallet";
-import PictogramFatalError from "./svg/PictogramFatalError";
 import PictogramUpdateOS from "./svg/PictogramUpdateOS";
-import PictogramIdentityAdd from "./svg/PictogramIdentityAdd";
-import PictogramIdentityRefresh from "./svg/PictogramIdentityRefresh";
-import PictogramIdentity from "./svg/PictogramIdentity";
-import PictogramAccessDenied from "./svg/PictogramAccessDenied";
-import PictogramTime from "./svg/PictogramTime";
-import PictogramStopSecurity from "./svg/PictogramStopSecurity";
-import PictogramSecurity from "./svg/PictogramSecurity";
-import PictogramPasscode from "./svg/PictogramPasscode";
-import PictogramIdentityCheck from "./svg/PictogramIdentityCheck";
-import PictogramCharity from "./svg/PictogramCharity";
-import PictogramEmpty from "./svg/PictogramEmpty";
-import PictogramCie from "./svg/PictogramCie";
-import PictogramFeature from "./svg/PictogramFeature";
-import PictogramNotification from "./svg/PictogramNotification";
-import PictogramObjClock from "./svg/PictogramObjClock";
-import PictogramObjIbanCard from "./svg/PictogramObjIbanCard";
-import PictogramObjManual from "./svg/PictogramObjManual";
-import PictogramObjTrash from "./svg/PictogramObjTrash";
-import PictogramObjKey from "./svg/PictogramObjKey";
-import PictogramObjFlyingMessage from "./svg/PictogramObjFlyingMessage";
-import PictogramObjFollowMessage from "./svg/PictogramObjFollowMessage";
+import PictogramUploadFile from "./svg/PictogramUploadFile";
 /* Bleed Pictograms */
+import PictogramActivate from "./svg/PictogramActivate";
+import PictogramAttachment from "./svg/PictogramAttachment";
+import PictogramBiometric from "./svg/PictogramBiometric";
+import PictogramBleedAccessDenied from "./svg/PictogramBleedAccessDenied";
+import PictogramBleedAttention from "./svg/PictogramBleedAttention";
+import PictogramBleedCameraDenied from "./svg/PictogramBleedCameraDenied";
+import PictogramBleedCameraRequest from "./svg/PictogramBleedCameraRequest";
+import PictogramBleedCardAdd from "./svg/PictogramBleedCardAdd";
+import PictogramBleedCardFavourite from "./svg/PictogramBleedCardFavourite";
+import PictogramBleedCardIssue from "./svg/PictogramBleedCardIssue";
+import PictogramBleedCardQuestion from "./svg/PictogramBleedCardQuestion";
 import PictogramBleedCharity from "./svg/PictogramBleedCharity";
-import PictogramBleedHelp from "./svg/PictogramBleedHelp";
-import PictogramBleedITWallet from "./svg/PictogramBleedITWallet";
-import PictogramBleedFeedback from "./svg/PictogramBleedFeedback";
-import PictogramBleedSecurity from "./svg/PictogramBleedSecurity";
-import PictogramBleedFeature from "./svg/PictogramBleedFeature";
 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 PictogramBleedDoc from "./svg/PictogramBleedDoc";
 import PictogramBleedEmpty from "./svg/PictogramBleedEmpty";
-import PictogramBleedAttention from "./svg/PictogramBleedAttention";
-import PictogramBleedSuccess from "./svg/PictogramBleedSuccess";
+import PictogramBleedEnded from "./svg/PictogramBleedEnded";
 import PictogramBleedFatalError from "./svg/PictogramBleedFatalError";
+import PictogramBleedFeature from "./svg/PictogramBleedFeature";
+import PictogramBleedFeedback from "./svg/PictogramBleedFeedback";
+import PictogramBleedHelp from "./svg/PictogramBleedHelp";
+import PictogramBleedITWallet from "./svg/PictogramBleedITWallet";
+import PictogramBleedIdea from "./svg/PictogramBleedIdea";
 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 PictogramBleedLostConnection from "./svg/PictogramBleedLostConnection";
+import PictogramBleedMessage from "./svg/PictogramBleedMessage";
+import PictogramBleedNotification from "./svg/PictogramBleedNotification";
+import PictogramBleedPasscode from "./svg/PictogramBleedPasscode";
+import PictogramBleedPending from "./svg/PictogramBleedPending";
+import PictogramBleedQrCode from "./svg/PictogramBleedQrCode";
+import PictogramBleedSearch from "./svg/PictogramBleedSearch";
+import PictogramBleedSecurity from "./svg/PictogramBleedSecurity";
+import PictogramBleedStar from "./svg/PictogramBleedStar";
 import PictogramBleedStopSecurity from "./svg/PictogramBleedStopSecurity";
+import PictogramBleedSuccess from "./svg/PictogramBleedSuccess";
 import PictogramBleedTime from "./svg/PictogramBleedTime";
-import PictogramBleedPasscode from "./svg/PictogramBleedPasscode";
-import PictogramTiming from "./svg/PictogramTiming";
 import PictogramBleedTiming from "./svg/PictogramBleedTiming";
+import PictogramCardAdd from "./svg/PictogramCardAdd";
+import PictogramCardFavourite from "./svg/PictogramCardFavourite";
 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 PictogramEmailDotCheck from "./svg/PictogramEmailDotCheck";
+import PictogramEmailDotNotif from "./svg/PictogramEmailDotNotif";
+import PictogramEnded from "./svg/PictogramEnded";
+import PictogramEventClose from "./svg/PictogramEventClose";
 import PictogramIdea from "./svg/PictogramIdea";
-import PictogramBleedIdea from "./svg/PictogramBleedIdea";
+import PictogramLostConnection from "./svg/PictogramLostConnection";
+import PictogramMessage from "./svg/PictogramMessage";
 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";
-import PictogramLostConnection from "./svg/PictogramLostConnection";
+import PictogramPending from "./svg/PictogramPending";
 import PictogramQrCode from "./svg/PictogramQrCode";
-import PictogramBleedQrCode from "./svg/PictogramBleedQrCode";
-import PictogramEmailDotNotif from "./svg/PictogramEmailDotNotif";
-import PictogramEmailDotCheck from "./svg/PictogramEmailDotCheck";
-import PictogramBiometric from "./svg/PictogramBiometric";
-import PictogramBleedLostConnection from "./svg/PictogramBleedLostConnection";
-import PictogramEnded from "./svg/PictogramEnded";
-import PictogramBleedEnded from "./svg/PictogramBleedEnded";
+import PictogramReactivate from "./svg/PictogramReactivate";
+import PictogramSearchLens from "./svg/PictogramSearchLens";
+import PictogramStar from "./svg/PictogramStar";
+import PictogramTiming from "./svg/PictogramTiming";
 export const IOPictograms = {
   // Start legacy pictograms //
   messages: PictogramMessages,
@@ -202,6 +205,9 @@ export const IOPictograms = {
   emailDotNotif: PictogramEmailDotNotif,
   emailDotCheck: PictogramEmailDotCheck,
   biometric: PictogramBiometric,
+  eventClose: PictogramEventClose,
+  hello: PictogramHello,
+  comunicationProblem: PictogramComunicationProblem,
   // Start Objects Pictogram
   ibanCard: PictogramObjIbanCard,
   followMessage: PictogramObjFollowMessage,