@pagopa/io-app-design-system 1.36.3 → 1.36.6

package/lib/commonjs/components/modules/ModuleNavigation.js

@@ -0,0 +1,100 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ModuleNavigation = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _rnPlaceholder = _interopRequireDefault(require("rn-placeholder"));
+var _core = require("../../core");
+var _badge = require("../badge");
+var _icons = require("../icons");
+var _spacer = require("../spacer");
+var _typography = require("../typography");
+var _PressableModuleBase = require("./PressableModuleBase");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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); }
+const ModuleNavigation = props => {
+  const theme = (0, _core.useIOTheme)();
+  if (props.isLoading) {
+    return /*#__PURE__*/_react.default.createElement(ModuleNavigationSkeleton, null);
+  }
+  const {
+    icon,
+    image,
+    title,
+    subtitle,
+    onPress,
+    badge,
+    ...pressableProps
+  } = props;
+  const iconComponent = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, icon && /*#__PURE__*/_react.default.createElement(_icons.Icon, {
+    name: icon,
+    size: 24,
+    color: "grey-300"
+  }), image && /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
+    source: image,
+    style: styles.image,
+    accessibilityIgnoresInvertColors: true
+  }));
+  return /*#__PURE__*/_react.default.createElement(_PressableModuleBase.PressableModuleBase, _extends({}, pressableProps, {
+    onPress: onPress
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.View, null, iconComponent), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: {
+      flexGrow: 1,
+      flexShrink: 1,
+      paddingHorizontal: 8
+    }
+  }, /*#__PURE__*/_react.default.createElement(_typography.LabelSmallAlt, {
+    color: "blueIO-500",
+    numberOfLines: 2,
+    lineBreakMode: "middle"
+  }, title), subtitle && /*#__PURE__*/_react.default.createElement(_typography.Chip, {
+    color: "grey-700"
+  }, subtitle)), /*#__PURE__*/_react.default.createElement(_reactNative.View, null, badge ? /*#__PURE__*/_react.default.createElement(_badge.Badge, badge) : onPress ? /*#__PURE__*/_react.default.createElement(_icons.Icon, {
+    name: "chevronRightListItem",
+    color: theme["interactiveElem-default"],
+    size: _core.IOListItemVisualParams.chevronSize
+  }) : null));
+};
+exports.ModuleNavigation = ModuleNavigation;
+const ModuleNavigationSkeleton = () => /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  style: _core.IOModuleStyles.button
+}, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  style: [_core.IOStyles.row, _core.IOStyles.alignCenter]
+}, /*#__PURE__*/_react.default.createElement(_rnPlaceholder.default.Box, {
+  animate: "fade",
+  width: 24,
+  height: 24,
+  radius: 8
+}), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  style: {
+    paddingHorizontal: 8
+  }
+}, /*#__PURE__*/_react.default.createElement(_rnPlaceholder.default.Box, {
+  animate: "fade",
+  width: 96,
+  height: 19,
+  radius: 8
+}), /*#__PURE__*/_react.default.createElement(_spacer.VSpacer, {
+  size: 4
+}), /*#__PURE__*/_react.default.createElement(_rnPlaceholder.default.Box, {
+  animate: "fade",
+  width: 180,
+  height: 16,
+  radius: 8
+}))), /*#__PURE__*/_react.default.createElement(_rnPlaceholder.default.Box, {
+  animate: "fade",
+  width: 64,
+  height: 22,
+  radius: 8
+}));
+const styles = _reactNative.StyleSheet.create({
+  image: {
+    width: _core.IOSelectionListItemVisualParams.iconSize,
+    height: _core.IOSelectionListItemVisualParams.iconSize,
+    resizeMode: "contain"
+  }
+});
+//# sourceMappingURL=ModuleNavigation.js.map

package/lib/commonjs/components/modules/ModuleNavigation.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_rnPlaceholder","_core","_badge","_icons","_spacer","_typography","_PressableModuleBase","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","ModuleNavigation","props","theme","useIOTheme","isLoading","createElement","ModuleNavigationSkeleton","icon","image","title","subtitle","onPress","badge","pressableProps","iconComponent","Fragment","Icon","name","size","color","Image","style","styles","accessibilityIgnoresInvertColors","PressableModuleBase","View","flexGrow","flexShrink","paddingHorizontal","LabelSmallAlt","numberOfLines","lineBreakMode","Chip","Badge","IOListItemVisualParams","chevronSize","exports","IOModuleStyles","button","IOStyles","row","alignCenter","Box","animate","width","height","radius","VSpacer","StyleSheet","create","IOSelectionListItemVisualParams","iconSize","resizeMode"],"sourceRoot":"../../../../src","sources":["components/modules/ModuleNavigation.tsx"],"mappings":"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"}

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

@@ -47,6 +47,17 @@ Object.keys(_ModuleIDP).forEach(function (key) {
     }
   });
 });
+var _ModuleNavigation = require("./ModuleNavigation");
+Object.keys(_ModuleNavigation).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ModuleNavigation[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ModuleNavigation[key];
+    }
+  });
+});
 var _ModulePaymentNotice = require("./ModulePaymentNotice");
 Object.keys(_ModulePaymentNotice).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

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

@@ -1 +1 @@
-{"version":3,"names":["_ModuleAttachment","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_ModuleCheckout","_ModuleCredential","_ModuleIDP","_ModulePaymentNotice","_PressableModuleBase"],"sourceRoot":"../../../../src","sources":["components/modules/index.tsx"],"mappings":";;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,iBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,iBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,iBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,eAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,eAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,eAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,eAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,iBAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,iBAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,iBAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,iBAAA,CAAAN,GAAA;IAAA;EAAA;AAAA;AACA,IAAAO,UAAA,GAAAX,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAS,UAAA,EAAAR,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAO,UAAA,CAAAP,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAG,UAAA,CAAAP,GAAA;IAAA;EAAA;AAAA;AACA,IAAAQ,oBAAA,GAAAZ,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAU,oBAAA,EAAAT,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAQ,oBAAA,CAAAR,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAI,oBAAA,CAAAR,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,oBAAA,GAAAb,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAW,oBAAA,EAAAV,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAS,oBAAA,CAAAT,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAK,oBAAA,CAAAT,GAAA;IAAA;EAAA;AAAA"}
+{"version":3,"names":["_ModuleAttachment","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_ModuleCheckout","_ModuleCredential","_ModuleIDP","_ModuleNavigation","_ModulePaymentNotice","_PressableModuleBase"],"sourceRoot":"../../../../src","sources":["components/modules/index.tsx"],"mappings":"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"}

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

@@ -40,9 +40,10 @@ const OTPInput = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     errorMessage = "",
     secret = false,
     autocomplete = false,
-    inputAccessoryViewID
+    inputAccessoryViewID,
+    autoFocus = false
   } = _ref;
-  const [hasFocus, setHasFocus] = React.useState(false);
+  const [hasFocus, setHasFocus] = React.useState(autoFocus);
   const [hasError, setHasError] = React.useState(false);
   const {
     translate,
@@ -115,7 +116,8 @@ const OTPInput = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     textContentType: "oneTimeCode",
     autoComplete: autocomplete ? "sms-otp" : undefined,
     inputAccessoryViewID: inputAccessoryViewID,
-    accessible: true
+    accessible: true,
+    autoFocus: autoFocus
   }), [...Array(length)].map((_, i) => /*#__PURE__*/React.createElement(_BoxedInput.BoxedInput, {
     key: i,
     status: hasError ? "error" : hasFocus && value.length === i ? "focus" : "default",

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

@@ -1 +1 @@
-{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_interopRequireDefault","_IOStyles","_typography","_functions","_spacer","_useErrorShakeAnimation","_BoxedInput","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","OTPInput","forwardRef","_ref","ref","value","onValueChange","length","accessibilityLabel","accessibilityHint","onValidate","errorMessage","secret","autocomplete","inputAccessoryViewID","hasFocus","setHasFocus","useState","hasError","setHasError","translate","animatedStyle","shakeAnimation","useErrorShakeAnimation","inputRef","createRef","timerRef","useRef","handleValidate","val","isValid","triggerHaptic","current","clearTimeout","setTimeout","useEffect","handleChange","createElement","View","style","flexGrow","Pressable","onPress","_inputRef$current","focus","IOStyles","row","justifyContent","accessible","accessibilityValue","text","TextInput","onChangeText","position","opacity","maxLength","onBlur","keyboardType","inputMode","returnKeyType","textContentType","autoComplete","undefined","Array","map","_","i","BoxedInput","status","VSpacer","size","LabelSmall","color","textAlign","exports"],"sourceRoot":"../../../../src","sources":["components/otpInput/OTPInput.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,sBAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AACA,IAAAK,WAAA,GAAAL,OAAA;AACA,IAAAM,UAAA,GAAAN,OAAA;AACA,IAAAO,OAAA,GAAAP,OAAA;AACA,IAAAQ,uBAAA,GAAAR,OAAA;AACA,IAAAS,WAAA,GAAAT,OAAA;AAA0C,SAAAG,uBAAAO,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAf,wBAAAW,GAAA,EAAAI,WAAA,SAAAA,WAAA,IAAAJ,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAQ,KAAA,GAAAL,wBAAA,CAAAC,WAAA,OAAAI,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAT,GAAA,YAAAQ,KAAA,CAAAE,GAAA,CAAAV,GAAA,SAAAW,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAhB,GAAA,QAAAgB,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAnB,GAAA,EAAAgB,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAf,GAAA,EAAAgB,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAhB,GAAA,CAAAgB,GAAA,SAAAL,MAAA,CAAAT,OAAA,GAAAF,GAAA,MAAAQ,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAArB,GAAA,EAAAW,MAAA,YAAAA,MAAA;AAe1C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMW,QAAQ,gBAAGlC,KAAK,CAACmC,UAAU,CACtC,CAAAC,IAAA,EAaEC,GAAG,KACA;EAAA,IAbH;IACEC,KAAK;IACLC,aAAa;IACbC,MAAM;IACNC,kBAAkB;IAClBC,iBAAiB;IACjBC,UAAU;IACVC,YAAY,GAAG,EAAE;IACjBC,MAAM,GAAG,KAAK;IACdC,YAAY,GAAG,KAAK;IACpBC;EACF,CAAC,GAAAX,IAAA;EAGD,MAAM,CAACY,QAAQ,EAAEC,WAAW,CAAC,GAAGjD,KAAK,CAACkD,QAAQ,CAAC,KAAK,CAAC;EACrD,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAGpD,KAAK,CAACkD,QAAQ,CAAC,KAAK,CAAC;EAErD,MAAM;IAAEG,SAAS;IAAEC,aAAa;IAAEC;EAAe,CAAC,GAChD,IAAAC,8CAAsB,EAAC,CAAC;EAE1B,MAAMC,QAAQ,gBAAGzD,KAAK,CAAC0D,SAAS,CAAY,CAAC;EAC7C,MAAMC,QAAQ,GAAG3D,KAAK,CAAC4D,MAAM,CAAiB,CAAC;EAE/C,MAAMC,cAAc,GAAIC,GAAW,IAAK;IACtC,IAAI,CAACnB,UAAU,IAAImB,GAAG,CAACtB,MAAM,GAAGA,MAAM,EAAE;MACtC;IACF;IACA,MAAMuB,OAAO,GAAGpB,UAAU,CAACmB,GAAG,CAAC;IAC/B,IAAI,CAACC,OAAO,EAAE;MACZX,WAAW,CAAC,IAAI,CAAC;MACjB,IAAAY,wBAAa,EAAC,mBAAmB,CAAC;MAClC;MACAX,SAAS,CAACf,KAAK,GAAGiB,cAAc,CAAC,CAAC;MAElC,IAAII,QAAQ,CAACM,OAAO,EAAE;QACpBC,YAAY,CAACP,QAAQ,CAACM,OAAO,CAAC;MAChC;MACA;MACAN,QAAQ,CAACM,OAAO,GAAGE,UAAU,CAAC,MAAM;QAClCf,WAAW,CAAC,KAAK,CAAC;QAClBb,aAAa,CAAC,EAAE,CAAC;MACnB,CAAC,EAAE,GAAG,CAAC;IACT;EACF,CAAC;EAEDvC,KAAK,CAACoE,SAAS,CAAC,MAAM,MAAMF,YAAY,CAACP,QAAQ,CAACM,OAAO,CAAC,EAAE,EAAE,CAAC;EAE/D,MAAMI,YAAY,GAAI/B,KAAa,IAAK;IACtC,IAAIA,KAAK,CAACE,MAAM,GAAGA,MAAM,EAAE;MACzB;IACF;IACAD,aAAa,CAACD,KAAK,CAAC;IACpBuB,cAAc,CAACvB,KAAK,CAAC;EACvB,CAAC;EAED,oBACEtC,KAAA,CAAAsE,aAAA,CAAClE,sBAAA,CAAAU,OAAQ,CAACyD,IAAI;IAACC,KAAK,EAAE,CAAC;MAAEC,QAAQ,EAAE;IAAE,CAAC,EAAEnB,aAAa;EAAE,gBACrDtD,KAAA,CAAAsE,aAAA,CAACnE,YAAA,CAAAuE,SAAS;IACRC,OAAO,EAAEA,CAAA,KAAM;MAAA,IAAAC,iBAAA;MACb,CAAAA,iBAAA,GAAAnB,QAAQ,CAACQ,OAAO,cAAAW,iBAAA,eAAhBA,iBAAA,CAAkBC,KAAK,CAAC,CAAC;MACzB5B,WAAW,CAAC,IAAI,CAAC;IACnB,CAAE;IACFZ,GAAG,EAAEA,GAAI;IACTmC,KAAK,EAAE,CAACM,kBAAQ,CAACC,GAAG,EAAE;MAAEC,cAAc,EAAE;IAAe,CAAC,CAAE;IAC1DC,UAAU,EAAE,IAAK;IACjBxC,kBAAkB,EAAEA,kBAAmB;IACvCC,iBAAiB,EAAEA,iBAAkB;IACrCwC,kBAAkB,EAAE;MAAEC,IAAI,EAAE7C;IAAM;EAAE,gBAEpCtC,KAAA,CAAAsE,aAAA,CAACnE,YAAA,CAAAiF,SAAS;IACR9C,KAAK,EAAEA,KAAM;IACb+C,YAAY,EAAEhB,YAAa;IAC3BG,KAAK,EAAE;MAAEc,QAAQ,EAAE,UAAU;MAAEC,OAAO,EAAE;IAAE,CAAE;IAC5CC,SAAS,EAAEhD,MAAO;IAClBH,GAAG,EAAEoB,QAAS;IACdgC,MAAM,EAAEA,CAAA,KAAMxC,WAAW,CAAC,KAAK,CAAE;IACjCyC,YAAY,EAAC,SAAS;IACtBC,SAAS,EAAC,SAAS;IACnBC,aAAa,EAAC,MAAM;IACpBC,eAAe,EAAC,aAAa;IAC7BC,YAAY,EAAEhD,YAAY,GAAG,SAAS,GAAGiD,SAAU;IACnDhD,oBAAoB,EAAEA,oBAAqB;IAC3CkC,UAAU,EAAE;EAAK,CAClB,CAAC,EACD,CAAC,GAAGe,KAAK,CAACxD,MAAM,CAAC,CAAC,CAACyD,GAAG,CAAC,CAACC,CAAC,EAAEC,CAAC,kBAC3BnG,KAAA,CAAAsE,aAAA,CAAC3D,WAAA,CAAAyF,UAAU;IACTxE,GAAG,EAAEuE,CAAE;IACPE,MAAM,EACJlD,QAAQ,GACJ,OAAO,GACPH,QAAQ,IAAIV,KAAK,CAACE,MAAM,KAAK2D,CAAC,GAC9B,OAAO,GACP,SACL;IACDtD,MAAM,EAAEA,MAAO;IACfP,KAAK,EAAEA,KAAK,CAAC6D,CAAC;EAAE,CACjB,CACF,CACQ,CAAC,eACZnG,KAAA,CAAAsE,aAAA,CAAC7D,OAAA,CAAA6F,OAAO;IAACC,IAAI,EAAE;EAAE,CAAE,CAAC,EACnBpD,QAAQ,IAAIP,YAAY,iBACvB5C,KAAA,CAAAsE,aAAA,CAAC/D,WAAA,CAAAiG,UAAU;IAACC,KAAK,EAAC,WAAW;IAACjC,KAAK,EAAE;MAAEkC,SAAS,EAAE;IAAS;EAAE,GAC1D9D,YACS,CAED,CAAC;AAEpB,CACF,CAAC;AAAC+D,OAAA,CAAAzE,QAAA,GAAAA,QAAA"}
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_interopRequireDefault","_IOStyles","_typography","_functions","_spacer","_useErrorShakeAnimation","_BoxedInput","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","OTPInput","forwardRef","_ref","ref","value","onValueChange","length","accessibilityLabel","accessibilityHint","onValidate","errorMessage","secret","autocomplete","inputAccessoryViewID","autoFocus","hasFocus","setHasFocus","useState","hasError","setHasError","translate","animatedStyle","shakeAnimation","useErrorShakeAnimation","inputRef","createRef","timerRef","useRef","handleValidate","val","isValid","triggerHaptic","current","clearTimeout","setTimeout","useEffect","handleChange","createElement","View","style","flexGrow","Pressable","onPress","_inputRef$current","focus","IOStyles","row","justifyContent","accessible","accessibilityValue","text","TextInput","onChangeText","position","opacity","maxLength","onBlur","keyboardType","inputMode","returnKeyType","textContentType","autoComplete","undefined","Array","map","_","i","BoxedInput","status","VSpacer","size","LabelSmall","color","textAlign","exports"],"sourceRoot":"../../../../src","sources":["components/otpInput/OTPInput.tsx"],"mappings":"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"}

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

@@ -0,0 +1,92 @@
+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 from "react";
+import { Image, StyleSheet, View } from "react-native";
+import Placeholder from "rn-placeholder";
+import { IOListItemVisualParams, IOModuleStyles, IOSelectionListItemVisualParams, IOStyles, useIOTheme } from "../../core";
+import { Badge } from "../badge";
+import { Icon } from "../icons";
+import { VSpacer } from "../spacer";
+import { Chip, LabelSmallAlt } from "../typography";
+import { PressableModuleBase } from "./PressableModuleBase";
+export const ModuleNavigation = props => {
+  const theme = useIOTheme();
+  if (props.isLoading) {
+    return /*#__PURE__*/React.createElement(ModuleNavigationSkeleton, null);
+  }
+  const {
+    icon,
+    image,
+    title,
+    subtitle,
+    onPress,
+    badge,
+    ...pressableProps
+  } = props;
+  const iconComponent = /*#__PURE__*/React.createElement(React.Fragment, null, icon && /*#__PURE__*/React.createElement(Icon, {
+    name: icon,
+    size: 24,
+    color: "grey-300"
+  }), image && /*#__PURE__*/React.createElement(Image, {
+    source: image,
+    style: styles.image,
+    accessibilityIgnoresInvertColors: true
+  }));
+  return /*#__PURE__*/React.createElement(PressableModuleBase, _extends({}, pressableProps, {
+    onPress: onPress
+  }), /*#__PURE__*/React.createElement(View, null, iconComponent), /*#__PURE__*/React.createElement(View, {
+    style: {
+      flexGrow: 1,
+      flexShrink: 1,
+      paddingHorizontal: 8
+    }
+  }, /*#__PURE__*/React.createElement(LabelSmallAlt, {
+    color: "blueIO-500",
+    numberOfLines: 2,
+    lineBreakMode: "middle"
+  }, title), subtitle && /*#__PURE__*/React.createElement(Chip, {
+    color: "grey-700"
+  }, subtitle)), /*#__PURE__*/React.createElement(View, null, badge ? /*#__PURE__*/React.createElement(Badge, badge) : onPress ? /*#__PURE__*/React.createElement(Icon, {
+    name: "chevronRightListItem",
+    color: theme["interactiveElem-default"],
+    size: IOListItemVisualParams.chevronSize
+  }) : null));
+};
+const ModuleNavigationSkeleton = () => /*#__PURE__*/React.createElement(View, {
+  style: IOModuleStyles.button
+}, /*#__PURE__*/React.createElement(View, {
+  style: [IOStyles.row, IOStyles.alignCenter]
+}, /*#__PURE__*/React.createElement(Placeholder.Box, {
+  animate: "fade",
+  width: 24,
+  height: 24,
+  radius: 8
+}), /*#__PURE__*/React.createElement(View, {
+  style: {
+    paddingHorizontal: 8
+  }
+}, /*#__PURE__*/React.createElement(Placeholder.Box, {
+  animate: "fade",
+  width: 96,
+  height: 19,
+  radius: 8
+}), /*#__PURE__*/React.createElement(VSpacer, {
+  size: 4
+}), /*#__PURE__*/React.createElement(Placeholder.Box, {
+  animate: "fade",
+  width: 180,
+  height: 16,
+  radius: 8
+}))), /*#__PURE__*/React.createElement(Placeholder.Box, {
+  animate: "fade",
+  width: 64,
+  height: 22,
+  radius: 8
+}));
+const styles = StyleSheet.create({
+  image: {
+    width: IOSelectionListItemVisualParams.iconSize,
+    height: IOSelectionListItemVisualParams.iconSize,
+    resizeMode: "contain"
+  }
+});
+//# sourceMappingURL=ModuleNavigation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Image","StyleSheet","View","Placeholder","IOListItemVisualParams","IOModuleStyles","IOSelectionListItemVisualParams","IOStyles","useIOTheme","Badge","Icon","VSpacer","Chip","LabelSmallAlt","PressableModuleBase","ModuleNavigation","props","theme","isLoading","createElement","ModuleNavigationSkeleton","icon","image","title","subtitle","onPress","badge","pressableProps","iconComponent","Fragment","name","size","color","source","style","styles","accessibilityIgnoresInvertColors","_extends","flexGrow","flexShrink","paddingHorizontal","numberOfLines","lineBreakMode","chevronSize","button","row","alignCenter","Box","animate","width","height","radius","create","iconSize","resizeMode"],"sourceRoot":"../../../../src","sources":["components/modules/ModuleNavigation.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,KAAK,EAGLC,UAAU,EACVC,IAAI,QACC,cAAc;AACrB,OAAOC,WAAW,MAAM,gBAAgB;AACxC,SACEC,sBAAsB,EACtBC,cAAc,EACdC,+BAA+B,EAC/BC,QAAQ,EACRC,UAAU,QACL,YAAY;AAEnB,SAASC,KAAK,QAAQ,UAAU;AAChC,SAAkBC,IAAI,QAAQ,UAAU;AACxC,SAASC,OAAO,QAAQ,WAAW;AACnC,SAASC,IAAI,EAAEC,aAAa,QAAQ,eAAe;AACnD,SACEC,mBAAmB,QAEd,uBAAuB;AAoB9B,OAAO,MAAMC,gBAAgB,GAAIC,KAAwC,IAAK;EAC5E,MAAMC,KAAK,GAAGT,UAAU,CAAC,CAAC;EAE1B,IAAIQ,KAAK,CAACE,SAAS,EAAE;IACnB,oBAAOnB,KAAA,CAAAoB,aAAA,CAACC,wBAAwB,MAAE,CAAC;EACrC;EAEA,MAAM;IAAEC,IAAI;IAAEC,KAAK;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,OAAO;IAAEC,KAAK;IAAE,GAAGC;EAAe,CAAC,GACvEX,KAAK;EAEP,MAAMY,aAAa,gBACjB7B,KAAA,CAAAoB,aAAA,CAAApB,KAAA,CAAA8B,QAAA,QACGR,IAAI,iBAAItB,KAAA,CAAAoB,aAAA,CAACT,IAAI;IAACoB,IAAI,EAAET,IAAK;IAACU,IAAI,EAAE,EAAG;IAACC,KAAK,EAAC;EAAU,CAAE,CAAC,EACvDV,KAAK,iBACJvB,KAAA,CAAAoB,aAAA,CAACnB,KAAK;IACJiC,MAAM,EAAEX,KAAM;IACdY,KAAK,EAAEC,MAAM,CAACb,KAAM;IACpBc,gCAAgC,EAAE;EAAK,CACxC,CAEH,CACH;EAED,oBACErC,KAAA,CAAAoB,aAAA,CAACL,mBAAmB,EAAAuB,QAAA,KAAKV,cAAc;IAAEF,OAAO,EAAEA;EAAQ,iBACxD1B,KAAA,CAAAoB,aAAA,CAACjB,IAAI,QAAE0B,aAAoB,CAAC,eAC5B7B,KAAA,CAAAoB,aAAA,CAACjB,IAAI;IAACgC,KAAK,EAAE;MAAEI,QAAQ,EAAE,CAAC;MAAEC,UAAU,EAAE,CAAC;MAAEC,iBAAiB,EAAE;IAAE;EAAE,gBAChEzC,KAAA,CAAAoB,aAAA,CAACN,aAAa;IACZmB,KAAK,EAAC,YAAY;IAClBS,aAAa,EAAE,CAAE;IACjBC,aAAa,EAAC;EAAQ,GAErBnB,KACY,CAAC,EACfC,QAAQ,iBAAIzB,KAAA,CAAAoB,aAAA,CAACP,IAAI;IAACoB,KAAK,EAAC;EAAU,GAAER,QAAe,CAChD,CAAC,eACPzB,KAAA,CAAAoB,aAAA,CAACjB,IAAI,QACFwB,KAAK,gBACJ3B,KAAA,CAAAoB,aAAA,CAACV,KAAK,EAAKiB,KAAQ,CAAC,GAClBD,OAAO,gBACT1B,KAAA,CAAAoB,aAAA,CAACT,IAAI;IACHoB,IAAI,EAAC,sBAAsB;IAC3BE,KAAK,EAAEf,KAAK,CAAC,yBAAyB,CAAE;IACxCc,IAAI,EAAE3B,sBAAsB,CAACuC;EAAY,CAC1C,CAAC,GACA,IACA,CACa,CAAC;AAE1B,CAAC;AAED,MAAMvB,wBAAwB,GAAGA,CAAA,kBAC/BrB,KAAA,CAAAoB,aAAA,CAACjB,IAAI;EAACgC,KAAK,EAAE7B,cAAc,CAACuC;AAAO,gBACjC7C,KAAA,CAAAoB,aAAA,CAACjB,IAAI;EAACgC,KAAK,EAAE,CAAC3B,QAAQ,CAACsC,GAAG,EAAEtC,QAAQ,CAACuC,WAAW;AAAE,gBAChD/C,KAAA,CAAAoB,aAAA,CAAChB,WAAW,CAAC4C,GAAG;EAACC,OAAO,EAAC,MAAM;EAACC,KAAK,EAAE,EAAG;EAACC,MAAM,EAAE,EAAG;EAACC,MAAM,EAAE;AAAE,CAAE,CAAC,eACpEpD,KAAA,CAAAoB,aAAA,CAACjB,IAAI;EAACgC,KAAK,EAAE;IAAEM,iBAAiB,EAAE;EAAE;AAAE,gBACpCzC,KAAA,CAAAoB,aAAA,CAAChB,WAAW,CAAC4C,GAAG;EAACC,OAAO,EAAC,MAAM;EAACC,KAAK,EAAE,EAAG;EAACC,MAAM,EAAE,EAAG;EAACC,MAAM,EAAE;AAAE,CAAE,CAAC,eACpEpD,KAAA,CAAAoB,aAAA,CAACR,OAAO;EAACoB,IAAI,EAAE;AAAE,CAAE,CAAC,eACpBhC,KAAA,CAAAoB,aAAA,CAAChB,WAAW,CAAC4C,GAAG;EAACC,OAAO,EAAC,MAAM;EAACC,KAAK,EAAE,GAAI;EAACC,MAAM,EAAE,EAAG;EAACC,MAAM,EAAE;AAAE,CAAE,CAChE,CACF,CAAC,eACPpD,KAAA,CAAAoB,aAAA,CAAChB,WAAW,CAAC4C,GAAG;EAACC,OAAO,EAAC,MAAM;EAACC,KAAK,EAAE,EAAG;EAACC,MAAM,EAAE,EAAG;EAACC,MAAM,EAAE;AAAE,CAAE,CAC/D,CACP;AAED,MAAMhB,MAAM,GAAGlC,UAAU,CAACmD,MAAM,CAAC;EAC/B9B,KAAK,EAAE;IACL2B,KAAK,EAAE3C,+BAA+B,CAAC+C,QAAQ;IAC/CH,MAAM,EAAE5C,+BAA+B,CAAC+C,QAAQ;IAChDC,UAAU,EAAE;EACd;AACF,CAAC,CAAC"}

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

@@ -2,6 +2,7 @@ export * from "./ModuleAttachment";
 export * from "./ModuleCheckout";
 export * from "./ModuleCredential";
 export * from "./ModuleIDP";
+export * from "./ModuleNavigation";
 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,oBAAoB;AAClC,cAAc,kBAAkB;AAChC,cAAc,oBAAoB;AAClC,cAAc,aAAa;AAC3B,cAAc,uBAAuB;AACrC,cAAc,uBAAuB"}
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/modules/index.tsx"],"mappings":"AAAA,cAAc,oBAAoB;AAClC,cAAc,kBAAkB;AAChC,cAAc,oBAAoB;AAClC,cAAc,aAAa;AAC3B,cAAc,oBAAoB;AAClC,cAAc,uBAAuB;AACrC,cAAc,uBAAuB"}

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

@@ -31,9 +31,10 @@ export const OTPInput = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     errorMessage = "",
     secret = false,
     autocomplete = false,
-    inputAccessoryViewID
+    inputAccessoryViewID,
+    autoFocus = false
   } = _ref;
-  const [hasFocus, setHasFocus] = React.useState(false);
+  const [hasFocus, setHasFocus] = React.useState(autoFocus);
   const [hasError, setHasError] = React.useState(false);
   const {
     translate,
@@ -106,7 +107,8 @@ export const OTPInput = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     textContentType: "oneTimeCode",
     autoComplete: autocomplete ? "sms-otp" : undefined,
     inputAccessoryViewID: inputAccessoryViewID,
-    accessible: true
+    accessible: true,
+    autoFocus: autoFocus
   }), [...Array(length)].map((_, i) => /*#__PURE__*/React.createElement(BoxedInput, {
     key: i,
     status: hasError ? "error" : hasFocus && value.length === i ? "focus" : "default",

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","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":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,SAAS,EAAEC,SAAS,QAAc,cAAc;AACzD,OAAOC,QAAQ,MAAM,yBAAyB;AAC9C,SAASC,QAAQ,QAAQ,qBAAqB;AAC9C,SAASC,UAAU,QAAQ,eAAe;AAC1C,SAASC,aAAa,QAAQ,iBAAiB;AAC/C,SAASC,OAAO,QAAQ,WAAW;AACnC,SAASC,sBAAsB,QAAQ,0CAA0C;AACjF,SAASC,UAAU,QAAQ,cAAc;AAezC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,QAAQ,gBAAGV,KAAK,CAACW,UAAU,CACtC,CAAAC,IAAA,EAaEC,GAAG,KACA;EAAA,IAbH;IACEC,KAAK;IACLC,aAAa;IACbC,MAAM;IACNC,kBAAkB;IAClBC,iBAAiB;IACjBC,UAAU;IACVC,YAAY,GAAG,EAAE;IACjBC,MAAM,GAAG,KAAK;IACdC,YAAY,GAAG,KAAK;IACpBC;EACF,CAAC,GAAAX,IAAA;EAGD,MAAM,CAACY,QAAQ,EAAEC,WAAW,CAAC,GAAGzB,KAAK,CAAC0B,QAAQ,CAAC,KAAK,CAAC;EACrD,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAG5B,KAAK,CAAC0B,QAAQ,CAAC,KAAK,CAAC;EAErD,MAAM;IAAEG,SAAS;IAAEC,aAAa;IAAEC;EAAe,CAAC,GAChDvB,sBAAsB,CAAC,CAAC;EAE1B,MAAMwB,QAAQ,gBAAGhC,KAAK,CAACiC,SAAS,CAAY,CAAC;EAC7C,MAAMC,QAAQ,GAAGlC,KAAK,CAACmC,MAAM,CAAiB,CAAC;EAE/C,MAAMC,cAAc,GAAIC,GAAW,IAAK;IACtC,IAAI,CAAClB,UAAU,IAAIkB,GAAG,CAACrB,MAAM,GAAGA,MAAM,EAAE;MACtC;IACF;IACA,MAAMsB,OAAO,GAAGnB,UAAU,CAACkB,GAAG,CAAC;IAC/B,IAAI,CAACC,OAAO,EAAE;MACZV,WAAW,CAAC,IAAI,CAAC;MACjBtB,aAAa,CAAC,mBAAmB,CAAC;MAClC;MACAuB,SAAS,CAACf,KAAK,GAAGiB,cAAc,CAAC,CAAC;MAElC,IAAIG,QAAQ,CAACK,OAAO,EAAE;QACpBC,YAAY,CAACN,QAAQ,CAACK,OAAO,CAAC;MAChC;MACA;MACAL,QAAQ,CAACK,OAAO,GAAGE,UAAU,CAAC,MAAM;QAClCb,WAAW,CAAC,KAAK,CAAC;QAClBb,aAAa,CAAC,EAAE,CAAC;MACnB,CAAC,EAAE,GAAG,CAAC;IACT;EACF,CAAC;EAEDf,KAAK,CAAC0C,SAAS,CAAC,MAAM,MAAMF,YAAY,CAACN,QAAQ,CAACK,OAAO,CAAC,EAAE,EAAE,CAAC;EAE/D,MAAMI,YAAY,GAAI7B,KAAa,IAAK;IACtC,IAAIA,KAAK,CAACE,MAAM,GAAGA,MAAM,EAAE;MACzB;IACF;IACAD,aAAa,CAACD,KAAK,CAAC;IACpBsB,cAAc,CAACtB,KAAK,CAAC;EACvB,CAAC;EAED,oBACEd,KAAA,CAAA4C,aAAA,CAACzC,QAAQ,CAAC0C,IAAI;IAACC,KAAK,EAAE,CAAC;MAAEC,QAAQ,EAAE;IAAE,CAAC,EAAEjB,aAAa;EAAE,gBACrD9B,KAAA,CAAA4C,aAAA,CAAC3C,SAAS;IACR+C,OAAO,EAAEA,CAAA,KAAM;MAAA,IAAAC,iBAAA;MACb,CAAAA,iBAAA,GAAAjB,QAAQ,CAACO,OAAO,cAAAU,iBAAA,eAAhBA,iBAAA,CAAkBC,KAAK,CAAC,CAAC;MACzBzB,WAAW,CAAC,IAAI,CAAC;IACnB,CAAE;IACFZ,GAAG,EAAEA,GAAI;IACTiC,KAAK,EAAE,CAAC1C,QAAQ,CAAC+C,GAAG,EAAE;MAAEC,cAAc,EAAE;IAAe,CAAC,CAAE;IAC1DC,UAAU,EAAE,IAAK;IACjBpC,kBAAkB,EAAEA,kBAAmB;IACvCC,iBAAiB,EAAEA,iBAAkB;IACrCoC,kBAAkB,EAAE;MAAEC,IAAI,EAAEzC;IAAM;EAAE,gBAEpCd,KAAA,CAAA4C,aAAA,CAAC1C,SAAS;IACRY,KAAK,EAAEA,KAAM;IACb0C,YAAY,EAAEb,YAAa;IAC3BG,KAAK,EAAE;MAAEW,QAAQ,EAAE,UAAU;MAAEC,OAAO,EAAE;IAAE,CAAE;IAC5CC,SAAS,EAAE3C,MAAO;IAClBH,GAAG,EAAEmB,QAAS;IACd4B,MAAM,EAAEA,CAAA,KAAMnC,WAAW,CAAC,KAAK,CAAE;IACjCoC,YAAY,EAAC,SAAS;IACtBC,SAAS,EAAC,SAAS;IACnBC,aAAa,EAAC,MAAM;IACpBC,eAAe,EAAC,aAAa;IAC7BC,YAAY,EAAE3C,YAAY,GAAG,SAAS,GAAG4C,SAAU;IACnD3C,oBAAoB,EAAEA,oBAAqB;IAC3C8B,UAAU,EAAE;EAAK,CAClB,CAAC,EACD,CAAC,GAAGc,KAAK,CAACnD,MAAM,CAAC,CAAC,CAACoD,GAAG,CAAC,CAACC,CAAC,EAAEC,CAAC,kBAC3BtE,KAAA,CAAA4C,aAAA,CAACnC,UAAU;IACT8D,GAAG,EAAED,CAAE;IACPE,MAAM,EACJ7C,QAAQ,GACJ,OAAO,GACPH,QAAQ,IAAIV,KAAK,CAACE,MAAM,KAAKsD,CAAC,GAC9B,OAAO,GACP,SACL;IACDjD,MAAM,EAAEA,MAAO;IACfP,KAAK,EAAEA,KAAK,CAACwD,CAAC;EAAE,CACjB,CACF,CACQ,CAAC,eACZtE,KAAA,CAAA4C,aAAA,CAACrC,OAAO;IAACkE,IAAI,EAAE;EAAE,CAAE,CAAC,EACnB9C,QAAQ,IAAIP,YAAY,iBACvBpB,KAAA,CAAA4C,aAAA,CAACvC,UAAU;IAACqE,KAAK,EAAC,WAAW;IAAC5B,KAAK,EAAE;MAAE6B,SAAS,EAAE;IAAS;EAAE,GAC1DvD,YACS,CAED,CAAC;AAEpB,CACF,CAAC"}
+{"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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"}

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

@@ -1,6 +1,6 @@
 import React from "react";
 import { GestureResponderEvent, Switch } from "react-native";
-import { WithTestID } from "src/utils/types";
+import { WithTestID } from "../../utils/types";
 import { Badge } from "../badge";
 import { IOIcons } from "../icons";
 import { IOLogoPaymentType } from "../logos";

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

@@ -1 +1 @@
-{"version":3,"file":"ListItemSwitch.d.ts","sourceRoot":"","sources":["../../../../src/components/listitems/ListItemSwitch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,qBAAqB,EAAY,MAAM,EAAQ,MAAM,cAAc,CAAC;AAC7E,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAM7C,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,OAAO,EAAQ,MAAM,UAAU,CAAC;AAEzC,OAAO,EAAE,iBAAiB,EAAe,MAAM,UAAU,CAAC;AAK1D,KAAK,YAAY,GAAG,UAAU,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,mBAAmB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAClD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC,CAAC;AAEH,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACjD,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAClC;IAAE,IAAI,CAAC,EAAE,KAAK,CAAC;IAAC,WAAW,EAAE,iBAAiB,CAAA;CAAE,GAChD;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,WAAW,CAAC,EAAE,KAAK,CAAA;CAAE,GACtC;IAAE,IAAI,CAAC,EAAE,KAAK,CAAC;IAAC,WAAW,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAQ1C,MAAM,MAAM,mBAAmB,GAAG,YAAY,GAC5C,0BAA0B,GAC1B,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC,CAAC;AAElE,eAAO,MAAM,cAAc,gJAatB,mBAAmB,uBAsIvB,CAAC"}
+{"version":3,"file":"ListItemSwitch.d.ts","sourceRoot":"","sources":["../../../../src/components/listitems/ListItemSwitch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,qBAAqB,EAAY,MAAM,EAAQ,MAAM,cAAc,CAAC;AAC7E,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAM/C,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,OAAO,EAAQ,MAAM,UAAU,CAAC;AAEzC,OAAO,EAAE,iBAAiB,EAAe,MAAM,UAAU,CAAC;AAK1D,KAAK,YAAY,GAAG,UAAU,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,mBAAmB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAClD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC,CAAC;AAEH,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACjD,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAClC;IAAE,IAAI,CAAC,EAAE,KAAK,CAAC;IAAC,WAAW,EAAE,iBAAiB,CAAA;CAAE,GAChD;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,WAAW,CAAC,EAAE,KAAK,CAAA;CAAE,GACtC;IAAE,IAAI,CAAC,EAAE,KAAK,CAAC;IAAC,WAAW,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAQ1C,MAAM,MAAM,mBAAmB,GAAG,YAAY,GAC5C,0BAA0B,GAC1B,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC,CAAC;AAElE,eAAO,MAAM,cAAc,gJAatB,mBAAmB,uBAsIvB,CAAC"}

package/lib/typescript/components/modules/ModuleNavigation.d.ts

@@ -0,0 +1,26 @@
+import React from "react";
+import { ImageSourcePropType, ImageURISource } from "react-native";
+import { WithTestID } from "../../utils/types";
+import { Badge } from "../badge";
+import { IOIcons } from "../icons";
+import { PressableModuleBaseProps } from "./PressableModuleBase";
+type LoadingProps = {
+    isLoading: true;
+};
+type ImageProps = {
+    icon: IOIcons;
+    image?: never;
+} | {
+    icon?: never;
+    image: ImageURISource | ImageSourcePropType;
+};
+type BaseProps = {
+    isLoading?: false;
+    title: string;
+    subtitle?: string;
+    badge?: Badge;
+} & ImageProps & PressableModuleBaseProps;
+type ModuleNavigationProps = LoadingProps | BaseProps;
+export declare const ModuleNavigation: (props: WithTestID<ModuleNavigationProps>) => React.JSX.Element;
+export {};
+//# sourceMappingURL=ModuleNavigation.d.ts.map

package/lib/typescript/components/modules/ModuleNavigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModuleNavigation.d.ts","sourceRoot":"","sources":["../../../../src/components/modules/ModuleNavigation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,mBAAmB,EACnB,cAAc,EAGf,MAAM,cAAc,CAAC;AAStB,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,OAAO,EAAQ,MAAM,UAAU,CAAC;AAGzC,OAAO,EAEL,wBAAwB,EACzB,MAAM,uBAAuB,CAAC;AAE/B,KAAK,YAAY,GAAG;IAClB,SAAS,EAAE,IAAI,CAAC;CACjB,CAAC;AAEF,KAAK,UAAU,GACX;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAA;CAAE,GAChC;IAAE,IAAI,CAAC,EAAE,KAAK,CAAC;IAAC,KAAK,EAAE,cAAc,GAAG,mBAAmB,CAAA;CAAE,CAAC;AAElE,KAAK,SAAS,GAAG;IACf,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,GAAG,UAAU,GACZ,wBAAwB,CAAC;AAE3B,KAAK,qBAAqB,GAAG,YAAY,GAAG,SAAS,CAAC;AAEtD,eAAO,MAAM,gBAAgB,UAAW,WAAW,qBAAqB,CAAC,sBAiDxE,CAAC"}

package/lib/typescript/components/modules/index.d.ts

@@ -2,6 +2,7 @@ export * from "./ModuleAttachment";
 export * from "./ModuleCheckout";
 export * from "./ModuleCredential";
 export * from "./ModuleIDP";
+export * from "./ModuleNavigation";
 export * from "./ModulePaymentNotice";
 export * from "./PressableModuleBase";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/components/modules/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/modules/index.tsx"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,aAAa,CAAC;AAC5B,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/modules/index.tsx"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,aAAa,CAAC;AAC5B,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC"}

package/lib/typescript/components/otpInput/OTPInput.d.ts

@@ -11,6 +11,7 @@ type Props = {
     accessibilityLabel?: string;
     accessibilityHint?: string;
     inputAccessoryViewID?: string;
+    autoFocus?: boolean;
 };
 /**
  * `OTPInput` is a component that allows the user to enter a one-time password.

package/lib/typescript/components/otpInput/OTPInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OTPInput.d.ts","sourceRoot":"","sources":["../../../../src/components/otpInput/OTPInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAwB,IAAI,EAAE,MAAM,cAAc,CAAC;AAS1D,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IACxC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,QAAQ,oEA8GpB,CAAC"}
+{"version":3,"file":"OTPInput.d.ts","sourceRoot":"","sources":["../../../../src/components/otpInput/OTPInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAwB,IAAI,EAAE,MAAM,cAAc,CAAC;AAS1D,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IACxC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,QAAQ,oEAgHpB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pagopa/io-app-design-system",
-  "version": "1.36.3",
+  "version": "1.36.6",
   "description": "The library defining the core components of the design system of @pagopa/io-app",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",

package/src/components/listitems/ListItemSwitch.tsx

@@ -1,6 +1,6 @@
 import React, { useMemo } from "react";
 import { GestureResponderEvent, Platform, Switch, View } from "react-native";
-import { WithTestID } from "src/utils/types";
+import { WithTestID } from "../../utils/types";
 import {
   IOSelectionListItemStyles,
   IOSelectionListItemVisualParams,

package/src/components/modules/ModuleNavigation.tsx

@@ -0,0 +1,116 @@
+import React from "react";
+import {
+  Image,
+  ImageSourcePropType,
+  ImageURISource,
+  StyleSheet,
+  View
+} from "react-native";
+import Placeholder from "rn-placeholder";
+import {
+  IOListItemVisualParams,
+  IOModuleStyles,
+  IOSelectionListItemVisualParams,
+  IOStyles,
+  useIOTheme
+} from "../../core";
+import { WithTestID } from "../../utils/types";
+import { Badge } from "../badge";
+import { IOIcons, Icon } from "../icons";
+import { VSpacer } from "../spacer";
+import { Chip, LabelSmallAlt } from "../typography";
+import {
+  PressableModuleBase,
+  PressableModuleBaseProps
+} from "./PressableModuleBase";
+
+type LoadingProps = {
+  isLoading: true;
+};
+
+type ImageProps =
+  | { icon: IOIcons; image?: never }
+  | { icon?: never; image: ImageURISource | ImageSourcePropType };
+
+type BaseProps = {
+  isLoading?: false;
+  title: string;
+  subtitle?: string;
+  badge?: Badge;
+} & ImageProps &
+  PressableModuleBaseProps;
+
+type ModuleNavigationProps = LoadingProps | BaseProps;
+
+export const ModuleNavigation = (props: WithTestID<ModuleNavigationProps>) => {
+  const theme = useIOTheme();
+
+  if (props.isLoading) {
+    return <ModuleNavigationSkeleton />;
+  }
+
+  const { icon, image, title, subtitle, onPress, badge, ...pressableProps } =
+    props;
+
+  const iconComponent = (
+    <>
+      {icon && <Icon name={icon} size={24} color="grey-300" />}
+      {image && (
+        <Image
+          source={image}
+          style={styles.image}
+          accessibilityIgnoresInvertColors={true}
+        />
+      )}
+    </>
+  );
+
+  return (
+    <PressableModuleBase {...pressableProps} onPress={onPress}>
+      <View>{iconComponent}</View>
+      <View style={{ flexGrow: 1, flexShrink: 1, paddingHorizontal: 8 }}>
+        <LabelSmallAlt
+          color="blueIO-500"
+          numberOfLines={2}
+          lineBreakMode="middle"
+        >
+          {title}
+        </LabelSmallAlt>
+        {subtitle && <Chip color="grey-700">{subtitle}</Chip>}
+      </View>
+      <View>
+        {badge ? (
+          <Badge {...badge} />
+        ) : onPress ? (
+          <Icon
+            name="chevronRightListItem"
+            color={theme["interactiveElem-default"]}
+            size={IOListItemVisualParams.chevronSize}
+          />
+        ) : null}
+      </View>
+    </PressableModuleBase>
+  );
+};
+
+const ModuleNavigationSkeleton = () => (
+  <View style={IOModuleStyles.button}>
+    <View style={[IOStyles.row, IOStyles.alignCenter]}>
+      <Placeholder.Box animate="fade" width={24} height={24} radius={8} />
+      <View style={{ paddingHorizontal: 8 }}>
+        <Placeholder.Box animate="fade" width={96} height={19} radius={8} />
+        <VSpacer size={4} />
+        <Placeholder.Box animate="fade" width={180} height={16} radius={8} />
+      </View>
+    </View>
+    <Placeholder.Box animate="fade" width={64} height={22} radius={8} />
+  </View>
+);
+
+const styles = StyleSheet.create({
+  image: {
+    width: IOSelectionListItemVisualParams.iconSize,
+    height: IOSelectionListItemVisualParams.iconSize,
+    resizeMode: "contain"
+  }
+});

package/src/components/modules/index.tsx

@@ -2,5 +2,6 @@ export * from "./ModuleAttachment";
 export * from "./ModuleCheckout";
 export * from "./ModuleCredential";
 export * from "./ModuleIDP";
+export * from "./ModuleNavigation";
 export * from "./ModulePaymentNotice";
 export * from "./PressableModuleBase";

package/src/components/otpInput/OTPInput.tsx

@@ -19,6 +19,7 @@ type Props = {
   accessibilityLabel?: string;
   accessibilityHint?: string;
   inputAccessoryViewID?: string;
+  autoFocus?: boolean;
 };
 
 /**
@@ -46,11 +47,12 @@ export const OTPInput = React.forwardRef<View, Props>(
       errorMessage = "",
       secret = false,
       autocomplete = false,
-      inputAccessoryViewID
+      inputAccessoryViewID,
+      autoFocus = false
     },
     ref
   ) => {
-    const [hasFocus, setHasFocus] = React.useState(false);
+    const [hasFocus, setHasFocus] = React.useState(autoFocus);
     const [hasError, setHasError] = React.useState(false);
 
     const { translate, animatedStyle, shakeAnimation } =
@@ -119,6 +121,7 @@ export const OTPInput = React.forwardRef<View, Props>(
             autoComplete={autocomplete ? "sms-otp" : undefined}
             inputAccessoryViewID={inputAccessoryViewID}
             accessible={true}
+            autoFocus={autoFocus}
           />
           {[...Array(length)].map((_, i) => (
             <BoxedInput