@pagopa/io-app-design-system 1.41.0 → 2.0.0-0

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

@@ -1,23 +1,10 @@
 import * as React from "react";
-import { Image, Platform, StyleSheet, Text } from "react-native";
-import { IOColors, IOListItemLogoMargin, IOVisualCostants, useIOExperimentalDesign, useIOTheme } from "../../core";
+import { Image, Platform, StyleSheet } from "react-native";
+import { IOListItemLogoMargin, useIOExperimentalDesign, useIOTheme } from "../../core";
 import { toAndroidCacheTimestamp } from "../../utils/dates";
-import { makeFontStyleObject } from "../../utils/fonts";
+import { IOText } from "../typography";
 import { PressableModuleBase } from "./PressableModuleBase";
 const styles = StyleSheet.create({
-  idpName: {
-    fontSize: 12,
-    lineHeight: 16,
-    alignSelf: "center",
-    textTransform: "uppercase",
-    flexShrink: 1
-  },
-  idpNameFont: {
-    ...makeFontStyleObject("Regular", false, "ReadexPro")
-  },
-  idpLegacyNameFont: {
-    ...makeFontStyleObject("Semibold", false, "TitilliumSansPro")
-  },
   idpLogo: {
     marginStart: IOListItemLogoMargin,
     width: 120,
@@ -53,12 +40,18 @@ export const ModuleIDP = _ref => {
     onPress: onPress,
     testID: testID,
     withLooseSpacing: withLooseSpacing
-  }, /*#__PURE__*/React.createElement(Text, {
-    allowFontScaling: isExperimental,
-    maxFontSizeMultiplier: IOVisualCostants.maxFontSizeMultiplier,
-    style: [styles.idpName, {
-      color: IOColors[theme["textBody-tertiary"]]
-    }, isExperimental ? styles.idpNameFont : styles.idpLegacyNameFont],
+  }, /*#__PURE__*/React.createElement(IOText, {
+    font: isExperimental ? "ReadexPro" : "TitilliumSansPro",
+    weight: isExperimental ? "Regular" : "Semibold",
+    size: 12,
+    lineHeight: 16,
+    color: theme["textBody-tertiary"],
+    textStyle: {
+      alignSelf: "center",
+      textTransform: "uppercase",
+      letterSpacing: 0.5,
+      flexShrink: 1
+    },
     accessibilityLabel: accessibilityLabel ?? name
   }, name), /*#__PURE__*/React.createElement(Image, {
     accessibilityIgnoresInvertColors: true,

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

@@ -1 +1 @@
-{"version":3,"names":["React","Image","Platform","StyleSheet","Text","IOColors","IOListItemLogoMargin","IOVisualCostants","useIOExperimentalDesign","useIOTheme","toAndroidCacheTimestamp","makeFontStyleObject","PressableModuleBase","styles","create","idpName","fontSize","lineHeight","alignSelf","textTransform","flexShrink","idpNameFont","idpLegacyNameFont","idpLogo","marginStart","width","height","resizeMode","androidIdpLogoForcedRefreshed","OS","ModuleIDP","_ref","name","localLogo","logo","withLooseSpacing","onPress","testID","accessibilityLabel","theme","isExperimental","urlLogoIDP","uri","createElement","allowFontScaling","maxFontSizeMultiplier","style","color","accessibilityIgnoresInvertColors","source"],"sourceRoot":"../../../../src","sources":["components/modules/ModuleIDP.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SACEC,KAAK,EAELC,QAAQ,EACRC,UAAU,EACVC,IAAI,QACC,cAAc;AACrB,SACEC,QAAQ,EACRC,oBAAoB,EACpBC,gBAAgB,EAChBC,uBAAuB,EACvBC,UAAU,QACL,YAAY;AACnB,SAASC,uBAAuB,QAAQ,mBAAmB;AAC3D,SAASC,mBAAmB,QAAQ,mBAAmB;AACvD,SACEC,mBAAmB,QAEd,uBAAuB;AAS9B,MAAMC,MAAM,GAAGV,UAAU,CAACW,MAAM,CAAC;EAC/BC,OAAO,EAAE;IACPC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,SAAS,EAAE,QAAQ;IACnBC,aAAa,EAAE,WAAW;IAC1BC,UAAU,EAAE;EACd,CAAC;EACDC,WAAW,EAAE;IACX,GAAGV,mBAAmB,CAAC,SAAS,EAAE,KAAK,EAAE,WAAW;EACtD,CAAC;EACDW,iBAAiB,EAAE;IACjB,GAAGX,mBAAmB,CAAC,UAAU,EAAE,KAAK,EAAE,kBAAkB;EAC9D,CAAC;EACDY,OAAO,EAAE;IACPC,WAAW,EAAElB,oBAAoB;IACjCmB,KAAK,EAAE,GAAG;IACVC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE;EACd;AACF,CAAC,CAAC;;AAEF;AACA;AACA;AACA,MAAMC,6BAA6B,GAAGA,CAAA,KACpC1B,QAAQ,CAAC2B,EAAE,KAAK,SAAS,GAAI,OAAMnB,uBAAuB,CAAC,CAAE,EAAC,GAAG,EAAE;AAErE,OAAO,MAAMoB,SAAS,GAAGC,IAAA,IAQR;EAAA,IARS;IACxBC,IAAI;IACJC,SAAS;IACTC,IAAI;IACJC,gBAAgB,GAAG,KAAK;IACxBC,OAAO;IACPC,MAAM;IACNC;EACS,CAAC,GAAAP,IAAA;EACV,MAAMQ,KAAK,GAAG9B,UAAU,CAAC,CAAC;EAC1B,MAAM;IAAE+B;EAAe,CAAC,GAAGhC,uBAAuB,CAAC,CAAC;;EAEpD;EACA,MAAMiC,UAAU,GAAGR,SAAS,GACxBA,SAAS,GACT;IACES,GAAG,EAAG,GAAER,IAAK,GAAEN,6BAA6B,CAAC,CAAE;EACjD,CAAC;EACL,oBACE5B,KAAA,CAAA2C,aAAA,CAAC/B,mBAAmB;IAClBwB,OAAO,EAAEA,OAAQ;IACjBC,MAAM,EAAEA,MAAO;IACfF,gBAAgB,EAAEA;EAAiB,gBAEnCnC,KAAA,CAAA2C,aAAA,CAACvC,IAAI;IACHwC,gBAAgB,EAAEJ,cAAe;IACjCK,qBAAqB,EAAEtC,gBAAgB,CAACsC,qBAAsB;IAC9DC,KAAK,EAAE,CACLjC,MAAM,CAACE,OAAO,EACd;MAAEgC,KAAK,EAAE1C,QAAQ,CAACkC,KAAK,CAAC,mBAAmB,CAAC;IAAE,CAAC,EAC/CC,cAAc,GAAG3B,MAAM,CAACQ,WAAW,GAAGR,MAAM,CAACS,iBAAiB,CAC9D;IACFgB,kBAAkB,EAAEA,kBAAkB,IAAIN;EAAK,GAE9CA,IACG,CAAC,eACPhC,KAAA,CAAA2C,aAAA,CAAC1C,KAAK;IACJ+C,gCAAgC;IAChCC,MAAM,EAAER,UAAW;IACnBK,KAAK,EAAEjC,MAAM,CAACU;EAAQ,CACvB,CACkB,CAAC;AAE1B,CAAC;AAED,eAAeO,SAAS"}
+{"version":3,"names":["React","Image","Platform","StyleSheet","IOListItemLogoMargin","useIOExperimentalDesign","useIOTheme","toAndroidCacheTimestamp","IOText","PressableModuleBase","styles","create","idpLogo","marginStart","width","height","resizeMode","androidIdpLogoForcedRefreshed","OS","ModuleIDP","_ref","name","localLogo","logo","withLooseSpacing","onPress","testID","accessibilityLabel","theme","isExperimental","urlLogoIDP","uri","createElement","font","weight","size","lineHeight","color","textStyle","alignSelf","textTransform","letterSpacing","flexShrink","accessibilityIgnoresInvertColors","source","style"],"sourceRoot":"../../../../src","sources":["components/modules/ModuleIDP.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,KAAK,EAAuBC,QAAQ,EAAEC,UAAU,QAAQ,cAAc;AAC/E,SACEC,oBAAoB,EACpBC,uBAAuB,EACvBC,UAAU,QACL,YAAY;AACnB,SAASC,uBAAuB,QAAQ,mBAAmB;AAC3D,SAASC,MAAM,QAAQ,eAAe;AACtC,SACEC,mBAAmB,QAEd,uBAAuB;AAS9B,MAAMC,MAAM,GAAGP,UAAU,CAACQ,MAAM,CAAC;EAC/BC,OAAO,EAAE;IACPC,WAAW,EAAET,oBAAoB;IACjCU,KAAK,EAAE,GAAG;IACVC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE;EACd;AACF,CAAC,CAAC;;AAEF;AACA;AACA;AACA,MAAMC,6BAA6B,GAAGA,CAAA,KACpCf,QAAQ,CAACgB,EAAE,KAAK,SAAS,GAAI,OAAMX,uBAAuB,CAAC,CAAE,EAAC,GAAG,EAAE;AAErE,OAAO,MAAMY,SAAS,GAAGC,IAAA,IAQR;EAAA,IARS;IACxBC,IAAI;IACJC,SAAS;IACTC,IAAI;IACJC,gBAAgB,GAAG,KAAK;IACxBC,OAAO;IACPC,MAAM;IACNC;EACS,CAAC,GAAAP,IAAA;EACV,MAAMQ,KAAK,GAAGtB,UAAU,CAAC,CAAC;EAC1B,MAAM;IAAEuB;EAAe,CAAC,GAAGxB,uBAAuB,CAAC,CAAC;;EAEpD;EACA,MAAMyB,UAAU,GAAGR,SAAS,GACxBA,SAAS,GACT;IACES,GAAG,EAAG,GAAER,IAAK,GAAEN,6BAA6B,CAAC,CAAE;EACjD,CAAC;EACL,oBACEjB,KAAA,CAAAgC,aAAA,CAACvB,mBAAmB;IAClBgB,OAAO,EAAEA,OAAQ;IACjBC,MAAM,EAAEA,MAAO;IACfF,gBAAgB,EAAEA;EAAiB,gBAEnCxB,KAAA,CAAAgC,aAAA,CAACxB,MAAM;IACLyB,IAAI,EAAEJ,cAAc,GAAG,WAAW,GAAG,kBAAmB;IACxDK,MAAM,EAAEL,cAAc,GAAG,SAAS,GAAG,UAAW;IAChDM,IAAI,EAAE,EAAG;IACTC,UAAU,EAAE,EAAG;IACfC,KAAK,EAAET,KAAK,CAAC,mBAAmB,CAAE;IAClCU,SAAS,EAAE;MACTC,SAAS,EAAE,QAAQ;MACnBC,aAAa,EAAE,WAAW;MAC1BC,aAAa,EAAE,GAAG;MAClBC,UAAU,EAAE;IACd,CAAE;IACFf,kBAAkB,EAAEA,kBAAkB,IAAIN;EAAK,GAE9CA,IACK,CAAC,eACTrB,KAAA,CAAAgC,aAAA,CAAC/B,KAAK;IACJ0C,gCAAgC;IAChCC,MAAM,EAAEd,UAAW;IACnBe,KAAK,EAAEnC,MAAM,CAACE;EAAQ,CACvB,CACkB,CAAC;AAE1B,CAAC;AAED,eAAeO,SAAS"}

package/lib/module/components/numberpad/__test__/__snapshots__/NumberPad.test.tsx.snap

@@ -82,33 +82,21 @@ exports[`NumberPad Should match the snapshot 1`] = `
       >
         <Text
           allowFontScaling={false}
-          color="white"
-          defaultColor="bluegreyDark"
-          defaultWeight="Semibold"
           dynamicTypeRamp="title2"
-          font="TitilliumSansPro"
-          fontStyle={
-            {
-              "fontSize": 22,
-              "lineHeight": 33,
-            }
-          }
           maxFontSizeMultiplier={1.25}
           style={
             [
-              {
-                "fontSize": 22,
-                "lineHeight": 33,
-              },
+              {},
               {
                 "color": "#FFFFFF",
                 "fontFamily": "Titillium Sans Pro",
+                "fontSize": 22,
                 "fontStyle": "normal",
                 "fontWeight": "600",
+                "lineHeight": 33,
               },
             ]
           }
-          weight="Semibold"
         >
           1
         </Text>
@@ -173,33 +161,21 @@ exports[`NumberPad Should match the snapshot 1`] = `
       >
         <Text
           allowFontScaling={false}
-          color="white"
-          defaultColor="bluegreyDark"
-          defaultWeight="Semibold"
           dynamicTypeRamp="title2"
-          font="TitilliumSansPro"
-          fontStyle={
-            {
-              "fontSize": 22,
-              "lineHeight": 33,
-            }
-          }
           maxFontSizeMultiplier={1.25}
           style={
             [
-              {
-                "fontSize": 22,
-                "lineHeight": 33,
-              },
+              {},
               {
                 "color": "#FFFFFF",
                 "fontFamily": "Titillium Sans Pro",
+                "fontSize": 22,
                 "fontStyle": "normal",
                 "fontWeight": "600",
+                "lineHeight": 33,
               },
             ]
           }
-          weight="Semibold"
         >
           2
         </Text>
@@ -264,33 +240,21 @@ exports[`NumberPad Should match the snapshot 1`] = `
       >
         <Text
           allowFontScaling={false}
-          color="white"
-          defaultColor="bluegreyDark"
-          defaultWeight="Semibold"
           dynamicTypeRamp="title2"
-          font="TitilliumSansPro"
-          fontStyle={
-            {
-              "fontSize": 22,
-              "lineHeight": 33,
-            }
-          }
           maxFontSizeMultiplier={1.25}
           style={
             [
-              {
-                "fontSize": 22,
-                "lineHeight": 33,
-              },
+              {},
               {
                 "color": "#FFFFFF",
                 "fontFamily": "Titillium Sans Pro",
+                "fontSize": 22,
                 "fontStyle": "normal",
                 "fontWeight": "600",
+                "lineHeight": 33,
               },
             ]
           }
-          weight="Semibold"
         >
           3
         </Text>
@@ -378,33 +342,21 @@ exports[`NumberPad Should match the snapshot 1`] = `
       >
         <Text
           allowFontScaling={false}
-          color="white"
-          defaultColor="bluegreyDark"
-          defaultWeight="Semibold"
           dynamicTypeRamp="title2"
-          font="TitilliumSansPro"
-          fontStyle={
-            {
-              "fontSize": 22,
-              "lineHeight": 33,
-            }
-          }
           maxFontSizeMultiplier={1.25}
           style={
             [
-              {
-                "fontSize": 22,
-                "lineHeight": 33,
-              },
+              {},
               {
                 "color": "#FFFFFF",
                 "fontFamily": "Titillium Sans Pro",
+                "fontSize": 22,
                 "fontStyle": "normal",
                 "fontWeight": "600",
+                "lineHeight": 33,
               },
             ]
           }
-          weight="Semibold"
         >
           4
         </Text>
@@ -469,33 +421,21 @@ exports[`NumberPad Should match the snapshot 1`] = `
       >
         <Text
           allowFontScaling={false}
-          color="white"
-          defaultColor="bluegreyDark"
-          defaultWeight="Semibold"
           dynamicTypeRamp="title2"
-          font="TitilliumSansPro"
-          fontStyle={
-            {
-              "fontSize": 22,
-              "lineHeight": 33,
-            }
-          }
           maxFontSizeMultiplier={1.25}
           style={
             [
-              {
-                "fontSize": 22,
-                "lineHeight": 33,
-              },
+              {},
               {
                 "color": "#FFFFFF",
                 "fontFamily": "Titillium Sans Pro",
+                "fontSize": 22,
                 "fontStyle": "normal",
                 "fontWeight": "600",
+                "lineHeight": 33,
               },
             ]
           }
-          weight="Semibold"
         >
           5
         </Text>
@@ -560,33 +500,21 @@ exports[`NumberPad Should match the snapshot 1`] = `
       >
         <Text
           allowFontScaling={false}
-          color="white"
-          defaultColor="bluegreyDark"
-          defaultWeight="Semibold"
           dynamicTypeRamp="title2"
-          font="TitilliumSansPro"
-          fontStyle={
-            {
-              "fontSize": 22,
-              "lineHeight": 33,
-            }
-          }
           maxFontSizeMultiplier={1.25}
           style={
             [
-              {
-                "fontSize": 22,
-                "lineHeight": 33,
-              },
+              {},
               {
                 "color": "#FFFFFF",
                 "fontFamily": "Titillium Sans Pro",
+                "fontSize": 22,
                 "fontStyle": "normal",
                 "fontWeight": "600",
+                "lineHeight": 33,
               },
             ]
           }
-          weight="Semibold"
         >
           6
         </Text>
@@ -674,33 +602,21 @@ exports[`NumberPad Should match the snapshot 1`] = `
       >
         <Text
           allowFontScaling={false}
-          color="white"
-          defaultColor="bluegreyDark"
-          defaultWeight="Semibold"
           dynamicTypeRamp="title2"
-          font="TitilliumSansPro"
-          fontStyle={
-            {
-              "fontSize": 22,
-              "lineHeight": 33,
-            }
-          }
           maxFontSizeMultiplier={1.25}
           style={
             [
-              {
-                "fontSize": 22,
-                "lineHeight": 33,
-              },
+              {},
               {
                 "color": "#FFFFFF",
                 "fontFamily": "Titillium Sans Pro",
+                "fontSize": 22,
                 "fontStyle": "normal",
                 "fontWeight": "600",
+                "lineHeight": 33,
               },
             ]
           }
-          weight="Semibold"
         >
           7
         </Text>
@@ -765,33 +681,21 @@ exports[`NumberPad Should match the snapshot 1`] = `
       >
         <Text
           allowFontScaling={false}
-          color="white"
-          defaultColor="bluegreyDark"
-          defaultWeight="Semibold"
           dynamicTypeRamp="title2"
-          font="TitilliumSansPro"
-          fontStyle={
-            {
-              "fontSize": 22,
-              "lineHeight": 33,
-            }
-          }
           maxFontSizeMultiplier={1.25}
           style={
             [
-              {
-                "fontSize": 22,
-                "lineHeight": 33,
-              },
+              {},
               {
                 "color": "#FFFFFF",
                 "fontFamily": "Titillium Sans Pro",
+                "fontSize": 22,
                 "fontStyle": "normal",
                 "fontWeight": "600",
+                "lineHeight": 33,
               },
             ]
           }
-          weight="Semibold"
         >
           8
         </Text>
@@ -856,33 +760,21 @@ exports[`NumberPad Should match the snapshot 1`] = `
       >
         <Text
           allowFontScaling={false}
-          color="white"
-          defaultColor="bluegreyDark"
-          defaultWeight="Semibold"
           dynamicTypeRamp="title2"
-          font="TitilliumSansPro"
-          fontStyle={
-            {
-              "fontSize": 22,
-              "lineHeight": 33,
-            }
-          }
           maxFontSizeMultiplier={1.25}
           style={
             [
-              {
-                "fontSize": 22,
-                "lineHeight": 33,
-              },
+              {},
               {
                 "color": "#FFFFFF",
                 "fontFamily": "Titillium Sans Pro",
+                "fontSize": 22,
                 "fontStyle": "normal",
                 "fontWeight": "600",
+                "lineHeight": 33,
               },
             ]
           }
-          weight="Semibold"
         >
           9
         </Text>
@@ -1111,33 +1003,21 @@ exports[`NumberPad Should match the snapshot 1`] = `
       >
         <Text
           allowFontScaling={false}
-          color="white"
-          defaultColor="bluegreyDark"
-          defaultWeight="Semibold"
           dynamicTypeRamp="title2"
-          font="TitilliumSansPro"
-          fontStyle={
-            {
-              "fontSize": 22,
-              "lineHeight": 33,
-            }
-          }
           maxFontSizeMultiplier={1.25}
           style={
             [
-              {
-                "fontSize": 22,
-                "lineHeight": 33,
-              },
+              {},
               {
                 "color": "#FFFFFF",
                 "fontFamily": "Titillium Sans Pro",
+                "fontSize": 22,
                 "fontStyle": "normal",
                 "fontWeight": "600",
+                "lineHeight": 33,
               },
             ]
           }
-          weight="Semibold"
         >
           0
         </Text>

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

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { Pressable, TextInput } from "react-native";
+import { AccessibilityInfo, Pressable, TextInput } from "react-native";
 import Animated from "react-native-reanimated";
 import { IOStyles } from "../../core/IOStyles";
 import { LabelSmall } from "../typography";
@@ -32,7 +32,8 @@ export const OTPInput = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     secret = false,
     autocomplete = false,
     inputAccessoryViewID,
-    autoFocus = false
+    autoFocus = false,
+    deleteButtonAccessibilityLabel
   } = _ref;
   const [hasFocus, setHasFocus] = React.useState(autoFocus);
   const [hasError, setHasError] = React.useState(false);
@@ -71,6 +72,21 @@ export const OTPInput = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     onValueChange(value);
     handleValidate(value);
   };
+  const handleKeyPress = _ref2 => {
+    let {
+      nativeEvent
+    } = _ref2;
+    switch (nativeEvent.key) {
+      case 'Backspace':
+        if (deleteButtonAccessibilityLabel && value.length > 0) {
+          AccessibilityInfo.announceForAccessibility(deleteButtonAccessibilityLabel);
+        }
+        break;
+      default:
+        AccessibilityInfo.announceForAccessibility(nativeEvent.key);
+        break;
+    }
+  };
   return /*#__PURE__*/React.createElement(Animated.View, {
     style: [{
       flexGrow: 1
@@ -94,6 +110,7 @@ export const OTPInput = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   }, /*#__PURE__*/React.createElement(TextInput, {
     value: value,
     onChangeText: handleChange,
+    onKeyPress: handleKeyPress,
     style: {
       position: "absolute",
       opacity: 0

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

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