@bifold/core 1.0.0

package/lib/module/components/chat/ChatMessage.js

@@ -0,0 +1,150 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import React, { useMemo } from 'react';
+import { useTranslation } from 'react-i18next';
+import { TouchableOpacity, View } from 'react-native';
+import { Bubble } from 'react-native-gifted-chat';
+import { hitSlop } from '../../constants';
+import { useTheme } from '../../contexts/theme';
+import { Role } from '../../types/chat';
+import { formatTime } from '../../utils/helpers';
+import { testIdWithKey } from '../../utils/testable';
+import { ThemedText } from '../texts/ThemedText';
+export let CallbackType = /*#__PURE__*/function (CallbackType) {
+  CallbackType["CredentialOffer"] = "CredentialOffer";
+  CallbackType["ProofRequest"] = "ProofRequest";
+  CallbackType["PresentationSent"] = "PresentationSent";
+  return CallbackType;
+}({});
+const MessageTime = ({
+  message
+}) => {
+  const {
+    ChatTheme: theme
+  } = useTheme();
+  return /*#__PURE__*/React.createElement(ThemedText, {
+    style: message.user._id === Role.me ? theme.timeStyleRight : theme.timeStyleLeft
+  }, formatTime(message.createdAt, {
+    includeHour: true,
+    chatFormat: true,
+    trim: true
+  }));
+};
+const MessageIcon = ({
+  type
+}) => {
+  const {
+    ChatTheme: theme,
+    Assets
+  } = useTheme();
+  return /*#__PURE__*/React.createElement(View, {
+    style: {
+      ...theme.documentIconContainer
+    }
+  }, type === CallbackType.CredentialOffer && /*#__PURE__*/React.createElement(Assets.svg.iconCredentialOfferLight, {
+    width: 40,
+    height: 40
+  }), type === CallbackType.PresentationSent && /*#__PURE__*/React.createElement(Assets.svg.iconInfoSentLight, {
+    width: 40,
+    height: 40
+  }), type === CallbackType.ProofRequest && /*#__PURE__*/React.createElement(Assets.svg.iconProofRequestLight, {
+    width: 40,
+    height: 40
+  }));
+};
+export const ChatMessage = ({
+  messageProps
+}) => {
+  const {
+    t
+  } = useTranslation();
+  const {
+    ChatTheme: theme
+  } = useTheme();
+  const message = useMemo(() => messageProps.currentMessage, [messageProps]);
+  const textForCallbackType = callbackType => {
+    // Receiving a credential offer
+    if (callbackType === CallbackType.CredentialOffer) {
+      return t('Chat.ViewOffer');
+    }
+
+    // Receiving a proof request
+    if (callbackType === CallbackType.ProofRequest) {
+      return t('Chat.ViewRequest');
+    }
+
+    // After a presentation of a proof
+    if (callbackType === CallbackType.PresentationSent) {
+      return t('Chat.OpenPresentation');
+    }
+    return t('Chat.OpenItem');
+  };
+  const testIdForCallbackType = callbackType => {
+    const text = textForCallbackType(callbackType);
+    const textWithoutSpaces = text.replace(/\s+/g, '');
+    return testIdWithKey(textWithoutSpaces);
+  };
+  return /*#__PURE__*/React.createElement(View, {
+    style: {
+      flexDirection: 'row',
+      justifyContent: message.user._id === Role.me ? 'flex-end' : 'flex-start'
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      ...theme.containerStyle
+    }
+  }, /*#__PURE__*/React.createElement(Bubble, _extends({}, messageProps, {
+    key: messageProps.key,
+    renderUsernameOnMessage: false,
+    renderMessageText: () => message.renderEvent(),
+    containerStyle: {
+      left: {
+        margin: 0
+      },
+      right: {
+        margin: 0
+      }
+    },
+    wrapperStyle: {
+      left: {
+        ...theme.leftBubble,
+        marginRight: 0,
+        marginLeft: 0
+      },
+      right: {
+        ...theme.rightBubble,
+        marginLeft: 0,
+        marginRight: 0
+      }
+    },
+    textStyle: {
+      left: {
+        ...theme.leftText
+      },
+      right: {
+        ...theme.rightText
+      }
+    },
+    renderTime: () => /*#__PURE__*/React.createElement(MessageTime, {
+      message: message
+    }),
+    renderCustomView: () => message.messageOpensCallbackType ? /*#__PURE__*/React.createElement(MessageIcon, {
+      type: message.messageOpensCallbackType
+    }) : null
+  })), message.messageOpensCallbackType && /*#__PURE__*/React.createElement(TouchableOpacity, {
+    accessibilityLabel: textForCallbackType(message.messageOpensCallbackType),
+    accessibilityRole: "button",
+    testID: testIdForCallbackType(message.messageOpensCallbackType),
+    onPress: () => {
+      if (message.onDetails) message.onDetails();
+    },
+    style: {
+      ...theme.openButtonStyle
+    },
+    hitSlop: hitSlop
+  }, /*#__PURE__*/React.createElement(ThemedText, {
+    style: {
+      ...theme.openButtonTextStyle
+    }
+  }, textForCallbackType(message.messageOpensCallbackType)))));
+};
+//# sourceMappingURL=ChatMessage.js.map

package/lib/module/components/chat/ChatMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","useTranslation","TouchableOpacity","View","Bubble","hitSlop","useTheme","Role","formatTime","testIdWithKey","ThemedText","CallbackType","MessageTime","message","ChatTheme","theme","createElement","style","user","_id","me","timeStyleRight","timeStyleLeft","createdAt","includeHour","chatFormat","trim","MessageIcon","type","Assets","documentIconContainer","CredentialOffer","svg","iconCredentialOfferLight","width","height","PresentationSent","iconInfoSentLight","ProofRequest","iconProofRequestLight","ChatMessage","messageProps","t","currentMessage","textForCallbackType","callbackType","testIdForCallbackType","text","textWithoutSpaces","replace","flexDirection","justifyContent","containerStyle","_extends","key","renderUsernameOnMessage","renderMessageText","renderEvent","left","margin","right","wrapperStyle","leftBubble","marginRight","marginLeft","rightBubble","textStyle","leftText","rightText","renderTime","renderCustomView","messageOpensCallbackType","accessibilityLabel","accessibilityRole","testID","onPress","onDetails","openButtonStyle","openButtonTextStyle"],"sourceRoot":"../../../../src","sources":["components/chat/ChatMessage.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/chat/MessageInput.js

@@ -0,0 +1,42 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import React from 'react';
+import { Composer, InputToolbar, Send } from 'react-native-gifted-chat';
+import Icon from 'react-native-vector-icons/MaterialCommunityIcons';
+export const renderInputToolbar = (props, theme) => /*#__PURE__*/React.createElement(InputToolbar, _extends({}, props, {
+  containerStyle: {
+    ...theme.inputToolbar,
+    justifyContent: 'center',
+    shadowOffset: {
+      width: 0,
+      height: 1
+    },
+    shadowOpacity: 0.1,
+    shadowRadius: 5,
+    elevation: 2
+  }
+}));
+export const renderComposer = (props, theme, placeholder) => /*#__PURE__*/React.createElement(Composer, _extends({}, props, {
+  textInputStyle: {
+    ...theme.inputText
+  },
+  placeholder: placeholder,
+  placeholderTextColor: theme.placeholderText
+  // the placeholder is read by accessibility features when multiline is enabled so a label is not necessary (results in double announcing if used)
+  ,
+  textInputProps: {
+    accessibilityLabel: '',
+    maxFontSizeMultiplier: 1.2
+  }
+}));
+export const renderSend = (props, theme) => /*#__PURE__*/React.createElement(Send, _extends({}, props, {
+  alwaysShowSend: true,
+  disabled: !props.text,
+  containerStyle: {
+    ...theme.sendContainer
+  }
+}), /*#__PURE__*/React.createElement(Icon, {
+  name: "send",
+  size: 38,
+  color: props.text ? theme.sendEnabled : theme.sendDisabled
+}));
+//# sourceMappingURL=MessageInput.js.map

package/lib/module/components/chat/MessageInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Composer","InputToolbar","Send","Icon","renderInputToolbar","props","theme","createElement","_extends","containerStyle","inputToolbar","justifyContent","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","renderComposer","placeholder","textInputStyle","inputText","placeholderTextColor","placeholderText","textInputProps","accessibilityLabel","maxFontSizeMultiplier","renderSend","alwaysShowSend","disabled","text","sendContainer","name","size","color","sendEnabled","sendDisabled"],"sourceRoot":"../../../../src","sources":["components/chat/MessageInput.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,EAAEC,YAAY,EAAEC,IAAI,QAAQ,0BAA0B;AACvE,OAAOC,IAAI,MAAM,kDAAkD;AAEnE,OAAO,MAAMC,kBAAkB,GAAGA,CAACC,KAAU,EAAEC,KAAU,kBACvDP,KAAA,CAAAQ,aAAA,CAACN,YAAY,EAAAO,QAAA,KACPH,KAAK;EACTI,cAAc,EAAE;IACd,GAAGH,KAAK,CAACI,YAAY;IACrBC,cAAc,EAAE,QAAQ;IACxBC,YAAY,EAAE;MACZC,KAAK,EAAE,CAAC;MACRC,MAAM,EAAE;IACV,CAAC;IACDC,aAAa,EAAE,GAAG;IAClBC,YAAY,EAAE,CAAC;IACfC,SAAS,EAAE;EACb;AAAE,EACH,CACF;AAED,OAAO,MAAMC,cAAc,GAAGA,CAACb,KAAU,EAAEC,KAAU,EAAEa,WAAmB,kBACxEpB,KAAA,CAAAQ,aAAA,CAACP,QAAQ,EAAAQ,QAAA,KACHH,KAAK;EACTe,cAAc,EAAE;IACd,GAAGd,KAAK,CAACe;EACX,CAAE;EACFF,WAAW,EAAEA,WAAY;EACzBG,oBAAoB,EAAEhB,KAAK,CAACiB;EAC5B;EAAA;EACAC,cAAc,EAAE;IAAEC,kBAAkB,EAAE,EAAE;IAAEC,qBAAqB,EAAE;EAAI;AAAE,EACxE,CACF;AAED,OAAO,MAAMC,UAAU,GAAGA,CAACtB,KAAU,EAAEC,KAAU,kBAC/CP,KAAA,CAAAQ,aAAA,CAACL,IAAI,EAAAM,QAAA,KACCH,KAAK;EACTuB,cAAc,EAAE,IAAK;EACrBC,QAAQ,EAAE,CAACxB,KAAK,CAACyB,IAAK;EACtBrB,cAAc,EAAE;IACd,GAAGH,KAAK,CAACyB;EACX;AAAE,iBAEFhC,KAAA,CAAAQ,aAAA,CAACJ,IAAI;EAAC6B,IAAI,EAAC,MAAM;EAACC,IAAI,EAAE,EAAG;EAACC,KAAK,EAAE7B,KAAK,CAACyB,IAAI,GAAGxB,KAAK,CAAC6B,WAAW,GAAG7B,KAAK,CAAC8B;AAAa,CAAE,CACrF,CACP","ignoreList":[]}

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

@@ -0,0 +1,4 @@
+import { renderBubble } from './ChatBubble';
+import { renderSend, renderComposer, renderInputToolbar } from './MessageInput';
+export { renderBubble, renderSend, renderComposer, renderInputToolbar };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["renderBubble","renderSend","renderComposer","renderInputToolbar"],"sourceRoot":"../../../../src","sources":["components/chat/index.ts"],"mappings":"AAAA,SAASA,YAAY,QAAQ,cAAc;AAC3C,SAASC,UAAU,EAAEC,cAAc,EAAEC,kBAAkB,QAAQ,gBAAgB;AAE/E,SAASH,YAAY,EAAEC,UAAU,EAAEC,cAAc,EAAEC,kBAAkB","ignoreList":[]}

package/lib/module/components/index.js

@@ -0,0 +1,4 @@
+import * as buttons from './buttons';
+import * as misc from './misc/index';
+export { misc, buttons };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["buttons","misc"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":"AAAA,OAAO,KAAKA,OAAO,MAAM,WAAW;AACpC,OAAO,KAAKC,IAAI,MAAM,cAAc;AAEpC,SAASA,IAAI,EAAED,OAAO","ignoreList":[]}

package/lib/module/components/inputs/BulletPoint.js

@@ -0,0 +1,38 @@
+import * as React from 'react';
+import { StyleSheet, View } from 'react-native';
+import Icon from 'react-native-vector-icons/MaterialIcons';
+import { useTheme } from '../../contexts/theme';
+import { ThemedText } from '../texts/ThemedText';
+const BulletPoint = ({
+  text,
+  textStyle
+}) => {
+  const {
+    ColorPallet
+  } = useTheme();
+  const styles = StyleSheet.create({
+    iconContainer: {
+      marginRight: 10,
+      marginVertical: 6
+    }
+  });
+  return /*#__PURE__*/React.createElement(View, {
+    style: {
+      marginVertical: 10,
+      flexDirection: 'row',
+      alignItems: 'flex-start'
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.iconContainer
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: 'circle',
+    size: 9,
+    color: ColorPallet.brand.modalIcon
+  })), /*#__PURE__*/React.createElement(ThemedText, {
+    style: [textStyle, {
+      flexShrink: 1
+    }]
+  }, text));
+};
+export default BulletPoint;
+//# sourceMappingURL=BulletPoint.js.map

package/lib/module/components/inputs/BulletPoint.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","Icon","useTheme","ThemedText","BulletPoint","text","textStyle","ColorPallet","styles","create","iconContainer","marginRight","marginVertical","createElement","style","flexDirection","alignItems","name","size","color","brand","modalIcon","flexShrink"],"sourceRoot":"../../../../src","sources":["components/inputs/BulletPoint.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,EAAEC,IAAI,QAA8B,cAAc;AACrE,OAAOC,IAAI,MAAM,yCAAyC;AAE1D,SAASC,QAAQ,QAAQ,sBAAsB;AAC/C,SAASC,UAAU,QAAQ,qBAAqB;AAOhD,MAAMC,WAAuC,GAAGA,CAAC;EAAEC,IAAI;EAAEC;AAAU,CAAC,KAAK;EACvE,MAAM;IAAEC;EAAY,CAAC,GAAGL,QAAQ,CAAC,CAAC;EAClC,MAAMM,MAAM,GAAGT,UAAU,CAACU,MAAM,CAAC;IAC/BC,aAAa,EAAE;MACbC,WAAW,EAAE,EAAE;MACfC,cAAc,EAAE;IAClB;EACF,CAAC,CAAC;EAEF,oBACEd,KAAA,CAAAe,aAAA,CAACb,IAAI;IAACc,KAAK,EAAE;MAAEF,cAAc,EAAE,EAAE;MAAEG,aAAa,EAAE,KAAK;MAAEC,UAAU,EAAE;IAAa;EAAE,gBAClFlB,KAAA,CAAAe,aAAA,CAACb,IAAI;IAACc,KAAK,EAAEN,MAAM,CAACE;EAAc,gBAChCZ,KAAA,CAAAe,aAAA,CAACZ,IAAI;IAACgB,IAAI,EAAE,QAAS;IAACC,IAAI,EAAE,CAAE;IAACC,KAAK,EAAEZ,WAAW,CAACa,KAAK,CAACC;EAAU,CAAE,CAChE,CAAC,eACPvB,KAAA,CAAAe,aAAA,CAACV,UAAU;IAACW,KAAK,EAAE,CAACR,SAAS,EAAE;MAAEgB,UAAU,EAAE;IAAE,CAAC;EAAE,GAAEjB,IAAiB,CACjE,CAAC;AAEX,CAAC;AAED,eAAeD,WAAW","ignoreList":[]}

package/lib/module/components/inputs/CheckBoxRow.js

@@ -0,0 +1,59 @@
+import React from 'react';
+import { View, StyleSheet, TouchableOpacity } from 'react-native';
+import Icon from 'react-native-vector-icons/MaterialIcons';
+import { hitSlop } from '../../constants';
+import { useTheme } from '../../contexts/theme';
+import { ThemedText } from '../texts/ThemedText';
+const CheckBoxRow = ({
+  title,
+  titleStyle = {},
+  accessibilityLabel,
+  testID,
+  checked,
+  onPress,
+  reverse
+}) => {
+  const {
+    Inputs
+  } = useTheme();
+  const style = StyleSheet.create({
+    container: {
+      flex: 1,
+      flexDirection: reverse ? 'row-reverse' : 'row',
+      alignItems: 'center',
+      margin: 10
+    },
+    text: {
+      ...Inputs.checkBoxText,
+      flexShrink: 1,
+      marginLeft: reverse ? 0 : 10,
+      marginRight: reverse ? 10 : 0
+    }
+  });
+  const accessible = accessibilityLabel && accessibilityLabel !== '' ? true : false;
+  return /*#__PURE__*/React.createElement(View, {
+    style: style.container
+  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+    accessible: accessible,
+    accessibilityLabel: accessibilityLabel,
+    accessibilityRole: "checkbox",
+    accessibilityState: {
+      checked
+    },
+    testID: testID,
+    onPress: onPress,
+    hitSlop: hitSlop
+  }, checked ? /*#__PURE__*/React.createElement(Icon, {
+    name: 'check-box',
+    size: 36,
+    color: Inputs.checkBoxColor.color
+  }) : /*#__PURE__*/React.createElement(Icon, {
+    name: 'check-box-outline-blank',
+    size: 36,
+    color: Inputs.checkBoxColor.color
+  })), /*#__PURE__*/React.createElement(ThemedText, {
+    style: [style.text, titleStyle]
+  }, title));
+};
+export default CheckBoxRow;
+//# sourceMappingURL=CheckBoxRow.js.map

package/lib/module/components/inputs/CheckBoxRow.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","StyleSheet","TouchableOpacity","Icon","hitSlop","useTheme","ThemedText","CheckBoxRow","title","titleStyle","accessibilityLabel","testID","checked","onPress","reverse","Inputs","style","create","container","flex","flexDirection","alignItems","margin","text","checkBoxText","flexShrink","marginLeft","marginRight","accessible","createElement","accessibilityRole","accessibilityState","name","size","color","checkBoxColor"],"sourceRoot":"../../../../src","sources":["components/inputs/CheckBoxRow.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,UAAU,EAAEC,gBAAgB,QAAmB,cAAc;AAC5E,OAAOC,IAAI,MAAM,yCAAyC;AAE1D,SAASC,OAAO,QAAQ,iBAAiB;AACzC,SAASC,QAAQ,QAAQ,sBAAsB;AAC/C,SAASC,UAAU,QAAQ,qBAAqB;AAYhD,MAAMC,WAA4B,GAAGA,CAAC;EACpCC,KAAK;EACLC,UAAU,GAAG,CAAC,CAAC;EACfC,kBAAkB;EAClBC,MAAM;EACNC,OAAO;EACPC,OAAO;EACPC;AACF,CAAC,KAAK;EACJ,MAAM;IAAEC;EAAO,CAAC,GAAGV,QAAQ,CAAC,CAAC;EAC7B,MAAMW,KAAK,GAAGf,UAAU,CAACgB,MAAM,CAAC;IAC9BC,SAAS,EAAE;MACTC,IAAI,EAAE,CAAC;MACPC,aAAa,EAAEN,OAAO,GAAG,aAAa,GAAG,KAAK;MAC9CO,UAAU,EAAE,QAAQ;MACpBC,MAAM,EAAE;IACV,CAAC;IACDC,IAAI,EAAE;MACJ,GAAGR,MAAM,CAACS,YAAY;MACtBC,UAAU,EAAE,CAAC;MACbC,UAAU,EAAEZ,OAAO,GAAG,CAAC,GAAG,EAAE;MAC5Ba,WAAW,EAAEb,OAAO,GAAG,EAAE,GAAG;IAC9B;EACF,CAAC,CAAC;EACF,MAAMc,UAAU,GAAGlB,kBAAkB,IAAIA,kBAAkB,KAAK,EAAE,GAAG,IAAI,GAAG,KAAK;EAEjF,oBACEX,KAAA,CAAA8B,aAAA,CAAC7B,IAAI;IAACgB,KAAK,EAAEA,KAAK,CAACE;EAAU,gBAC3BnB,KAAA,CAAA8B,aAAA,CAAC3B,gBAAgB;IACf0B,UAAU,EAAEA,UAAW;IACvBlB,kBAAkB,EAAEA,kBAAmB;IACvCoB,iBAAiB,EAAC,UAAU;IAC5BC,kBAAkB,EAAE;MAAEnB;IAAQ,CAAE;IAChCD,MAAM,EAAEA,MAAO;IACfE,OAAO,EAAEA,OAAQ;IACjBT,OAAO,EAAEA;EAAQ,GAEhBQ,OAAO,gBACNb,KAAA,CAAA8B,aAAA,CAAC1B,IAAI;IAAC6B,IAAI,EAAE,WAAY;IAACC,IAAI,EAAE,EAAG;IAACC,KAAK,EAAEnB,MAAM,CAACoB,aAAa,CAACD;EAAM,CAAE,CAAC,gBAExEnC,KAAA,CAAA8B,aAAA,CAAC1B,IAAI;IAAC6B,IAAI,EAAE,yBAA0B;IAACC,IAAI,EAAE,EAAG;IAACC,KAAK,EAAEnB,MAAM,CAACoB,aAAa,CAACD;EAAM,CAAE,CAEvE,CAAC,eACnBnC,KAAA,CAAA8B,aAAA,CAACvB,UAAU;IAACU,KAAK,EAAE,CAACA,KAAK,CAACO,IAAI,EAAEd,UAAU;EAAE,GAAED,KAAkB,CAC5D,CAAC;AAEX,CAAC;AAED,eAAeD,WAAW","ignoreList":[]}

package/lib/module/components/inputs/InlineErrorText.js

@@ -0,0 +1,53 @@
+import React from 'react';
+import { View, StyleSheet } from 'react-native';
+import { useTheme } from '../../contexts/theme';
+import { testIdWithKey } from '../../utils/testable';
+import { ThemedText } from '../texts/ThemedText';
+export let InlineErrorType = /*#__PURE__*/function (InlineErrorType) {
+  InlineErrorType[InlineErrorType["error"] = 0] = "error";
+  InlineErrorType[InlineErrorType["warning"] = 1] = "warning";
+  return InlineErrorType;
+}({});
+const InlineErrorText = ({
+  message,
+  inlineType,
+  config
+}) => {
+  const {
+    InputInlineMessage
+  } = useTheme();
+  const style = StyleSheet.create({
+    container: {
+      flexDirection: 'row',
+      alignContent: 'center',
+      marginVertical: 5,
+      paddingRight: 20
+    },
+    icon: {
+      marginRight: 4
+    }
+  });
+  const color = inlineType === InlineErrorType.warning ? InputInlineMessage.inlineWarningText.color : InputInlineMessage.inlineErrorText.color;
+  const props = {
+    height: 24,
+    width: 24,
+    color: color,
+    style: style.icon
+  };
+  const getInlineErrorIcon = () => {
+    if (!config.hasErrorIcon) return null;
+    if (inlineType === InlineErrorType.warning) {
+      return /*#__PURE__*/React.createElement(InputInlineMessage.InlineWarningIcon, props);
+    } else {
+      return /*#__PURE__*/React.createElement(InputInlineMessage.InlineErrorIcon, props);
+    }
+  };
+  return /*#__PURE__*/React.createElement(View, {
+    style: [style.container, config.style]
+  }, getInlineErrorIcon(), /*#__PURE__*/React.createElement(ThemedText, {
+    style: [InputInlineMessage.inlineErrorText],
+    testID: testIdWithKey('InlineErrorText')
+  }, message));
+};
+export default InlineErrorText;
+//# sourceMappingURL=InlineErrorText.js.map

package/lib/module/components/inputs/InlineErrorText.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","StyleSheet","useTheme","testIdWithKey","ThemedText","InlineErrorType","InlineErrorText","message","inlineType","config","InputInlineMessage","style","create","container","flexDirection","alignContent","marginVertical","paddingRight","icon","marginRight","color","warning","inlineWarningText","inlineErrorText","props","height","width","getInlineErrorIcon","hasErrorIcon","createElement","InlineWarningIcon","InlineErrorIcon","testID"],"sourceRoot":"../../../../src","sources":["components/inputs/InlineErrorText.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAE/C,SAASC,QAAQ,QAAQ,sBAAsB;AAG/C,SAASC,aAAa,QAAQ,sBAAsB;AACpD,SAASC,UAAU,QAAQ,qBAAqB;AAEhD,WAAYC,eAAe,0BAAfA,eAAe;EAAfA,eAAe,CAAfA,eAAe;EAAfA,eAAe,CAAfA,eAAe;EAAA,OAAfA,eAAe;AAAA;AAW3B,MAAMC,eAA6C,GAAGA,CAAC;EAAEC,OAAO;EAAEC,UAAU;EAAEC;AAAO,CAAC,KAAK;EACzF,MAAM;IAAEC;EAAmB,CAAC,GAAGR,QAAQ,CAAC,CAAC;EACzC,MAAMS,KAAK,GAAGV,UAAU,CAACW,MAAM,CAAC;IAC9BC,SAAS,EAAE;MACTC,aAAa,EAAE,KAAK;MACpBC,YAAY,EAAE,QAAQ;MACtBC,cAAc,EAAE,CAAC;MACjBC,YAAY,EAAE;IAChB,CAAC;IACDC,IAAI,EAAE;MAAEC,WAAW,EAAE;IAAE;EACzB,CAAC,CAAC;EAEF,MAAMC,KAAK,GACTZ,UAAU,KAAKH,eAAe,CAACgB,OAAO,GAClCX,kBAAkB,CAACY,iBAAiB,CAACF,KAAK,GAC1CV,kBAAkB,CAACa,eAAe,CAACH,KAAK;EAE9C,MAAMI,KAAe,GAAG;IAAEC,MAAM,EAAE,EAAE;IAAEC,KAAK,EAAE,EAAE;IAAEN,KAAK,EAAEA,KAAK;IAAET,KAAK,EAAEA,KAAK,CAACO;EAAK,CAAC;EAElF,MAAMS,kBAAkB,GAAGA,CAAA,KAAM;IAC/B,IAAI,CAAClB,MAAM,CAACmB,YAAY,EAAE,OAAO,IAAI;IAErC,IAAIpB,UAAU,KAAKH,eAAe,CAACgB,OAAO,EAAE;MAC1C,oBAAOtB,KAAA,CAAA8B,aAAA,CAACnB,kBAAkB,CAACoB,iBAAiB,EAAKN,KAAQ,CAAC;IAC5D,CAAC,MAAM;MACL,oBAAOzB,KAAA,CAAA8B,aAAA,CAACnB,kBAAkB,CAACqB,eAAe,EAAKP,KAAQ,CAAC;IAC1D;EACF,CAAC;EAED,oBACEzB,KAAA,CAAA8B,aAAA,CAAC7B,IAAI;IAACW,KAAK,EAAE,CAACA,KAAK,CAACE,SAAS,EAAEJ,MAAM,CAACE,KAAK;EAAE,GAC1CgB,kBAAkB,CAAC,CAAC,eACrB5B,KAAA,CAAA8B,aAAA,CAACzB,UAAU;IAACO,KAAK,EAAE,CAACD,kBAAkB,CAACa,eAAe,CAAE;IAACS,MAAM,EAAE7B,aAAa,CAAC,iBAAiB;EAAE,GAC/FI,OACS,CACR,CAAC;AAEX,CAAC;AAED,eAAeD,eAAe","ignoreList":[]}

package/lib/module/components/inputs/LimitedTextInput.js

@@ -0,0 +1,62 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import React, { useEffect, useState } from 'react';
+import { View, StyleSheet, TextInput } from 'react-native';
+import { useTheme } from '../../contexts/theme';
+import { ThemedText } from '../texts/ThemedText';
+const LimitedTextInput = ({
+  label,
+  limit,
+  handleChangeText,
+  ...textInputProps
+}) => {
+  const [focused, setFocused] = useState(false);
+  const [characterCount, setCharacterCount] = useState(0);
+  const {
+    Inputs,
+    TextTheme,
+    maxFontSizeMultiplier
+  } = useTheme();
+  const styles = StyleSheet.create({
+    container: {
+      marginVertical: 10,
+      width: '100%'
+    },
+    textInput: {
+      ...Inputs.textInput
+    },
+    limitCounter: {
+      color: TextTheme.normal.color,
+      alignSelf: 'flex-end'
+    }
+  });
+  useEffect(() => {
+    var _textInputProps$defau;
+    if ((_textInputProps$defau = textInputProps.defaultValue) !== null && _textInputProps$defau !== void 0 && _textInputProps$defau.length) {
+      setCharacterCount(textInputProps.defaultValue.length);
+    }
+  }, [textInputProps.defaultValue]);
+  const onChangeText = text => {
+    setCharacterCount(text.length);
+    handleChangeText(text);
+  };
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(ThemedText, {
+    style: {
+      marginBottom: 5
+    }
+  }, label), /*#__PURE__*/React.createElement(TextInput, _extends({
+    maxFontSizeMultiplier: maxFontSizeMultiplier,
+    style: [styles.textInput, focused && {
+      ...Inputs.inputSelected
+    }],
+    selectionColor: Inputs.inputSelected.borderColor,
+    onFocus: () => setFocused(true),
+    onBlur: () => setFocused(false),
+    onChangeText: onChangeText
+  }, textInputProps)), /*#__PURE__*/React.createElement(ThemedText, {
+    style: styles.limitCounter
+  }, characterCount, "/", limit));
+};
+export default LimitedTextInput;
+//# sourceMappingURL=LimitedTextInput.js.map

package/lib/module/components/inputs/LimitedTextInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useState","View","StyleSheet","TextInput","useTheme","ThemedText","LimitedTextInput","label","limit","handleChangeText","textInputProps","focused","setFocused","characterCount","setCharacterCount","Inputs","TextTheme","maxFontSizeMultiplier","styles","create","container","marginVertical","width","textInput","limitCounter","color","normal","alignSelf","_textInputProps$defau","defaultValue","length","onChangeText","text","createElement","style","marginBottom","_extends","inputSelected","selectionColor","borderColor","onFocus","onBlur"],"sourceRoot":"../../../../src","sources":["components/inputs/LimitedTextInput.tsx"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAClD,SAASC,IAAI,EAAEC,UAAU,EAAEC,SAAS,QAAwB,cAAc;AAE1E,SAASC,QAAQ,QAAQ,sBAAsB;AAC/C,SAASC,UAAU,QAAQ,qBAAqB;AAQhD,MAAMC,gBAAiC,GAAGA,CAAC;EAAEC,KAAK;EAAEC,KAAK;EAAEC,gBAAgB;EAAE,GAAGC;AAAe,CAAC,KAAK;EACnG,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAGZ,QAAQ,CAAC,KAAK,CAAC;EAC7C,MAAM,CAACa,cAAc,EAAEC,iBAAiB,CAAC,GAAGd,QAAQ,CAAC,CAAC,CAAC;EACvD,MAAM;IAAEe,MAAM;IAAEC,SAAS;IAAEC;EAAsB,CAAC,GAAGb,QAAQ,CAAC,CAAC;EAC/D,MAAMc,MAAM,GAAGhB,UAAU,CAACiB,MAAM,CAAC;IAC/BC,SAAS,EAAE;MACTC,cAAc,EAAE,EAAE;MAClBC,KAAK,EAAE;IACT,CAAC;IACDC,SAAS,EAAE;MACT,GAAGR,MAAM,CAACQ;IACZ,CAAC;IACDC,YAAY,EAAE;MACZC,KAAK,EAAET,SAAS,CAACU,MAAM,CAACD,KAAK;MAC7BE,SAAS,EAAE;IACb;EACF,CAAC,CAAC;EAEF5B,SAAS,CAAC,MAAM;IAAA,IAAA6B,qBAAA;IACd,KAAAA,qBAAA,GAAIlB,cAAc,CAACmB,YAAY,cAAAD,qBAAA,eAA3BA,qBAAA,CAA6BE,MAAM,EAAE;MACvChB,iBAAiB,CAACJ,cAAc,CAACmB,YAAY,CAACC,MAAM,CAAC;IACvD;EACF,CAAC,EAAE,CAACpB,cAAc,CAACmB,YAAY,CAAC,CAAC;EAEjC,MAAME,YAAY,GAAIC,IAAY,IAAK;IACrClB,iBAAiB,CAACkB,IAAI,CAACF,MAAM,CAAC;IAC9BrB,gBAAgB,CAACuB,IAAI,CAAC;EACxB,CAAC;EAED,oBACElC,KAAA,CAAAmC,aAAA,CAAChC,IAAI;IAACiC,KAAK,EAAEhB,MAAM,CAACE;EAAU,gBAC5BtB,KAAA,CAAAmC,aAAA,CAAC5B,UAAU;IAAC6B,KAAK,EAAE;MAAEC,YAAY,EAAE;IAAE;EAAE,GAAE5B,KAAkB,CAAC,eAC5DT,KAAA,CAAAmC,aAAA,CAAC9B,SAAS,EAAAiC,QAAA;IACRnB,qBAAqB,EAAEA,qBAAsB;IAC7CiB,KAAK,EAAE,CAAChB,MAAM,CAACK,SAAS,EAAEZ,OAAO,IAAI;MAAE,GAAGI,MAAM,CAACsB;IAAc,CAAC,CAAE;IAClEC,cAAc,EAAEvB,MAAM,CAACsB,aAAa,CAACE,WAAY;IACjDC,OAAO,EAAEA,CAAA,KAAM5B,UAAU,CAAC,IAAI,CAAE;IAChC6B,MAAM,EAAEA,CAAA,KAAM7B,UAAU,CAAC,KAAK,CAAE;IAChCmB,YAAY,EAAEA;EAAa,GACvBrB,cAAc,CACnB,CAAC,eACFZ,KAAA,CAAAmC,aAAA,CAAC5B,UAAU;IAAC6B,KAAK,EAAEhB,MAAM,CAACM;EAAa,GACpCX,cAAc,EAAC,GAAC,EAACL,KACR,CACR,CAAC;AAEX,CAAC;AAED,eAAeF,gBAAgB","ignoreList":[]}

package/lib/module/components/inputs/PINInput.js

@@ -0,0 +1,128 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import React, { useState, forwardRef } from 'react';
+import { useTranslation } from 'react-i18next';
+import { StyleSheet, TouchableOpacity, View } from 'react-native';
+import { CodeField, Cursor, useClearByFocusCell } from 'react-native-confirmation-code-field';
+import Icon from 'react-native-vector-icons/MaterialIcons';
+import { hitSlop, minPINLength } from '../../constants';
+import { useTheme } from '../../contexts/theme';
+import { testIdWithKey } from '../../utils/testable';
+import InlineErrorText from './InlineErrorText';
+import { InlineErrorPosition } from '../../types/error';
+import { ThemedText } from '../texts/ThemedText';
+const PINInputComponent = ({
+  label,
+  onPINChanged,
+  testID,
+  accessibilityLabel,
+  autoFocus = false,
+  inlineMessage
+}, ref) => {
+  const [PIN, setPIN] = useState('');
+  const [showPIN, setShowPIN] = useState(false);
+  const {
+    t
+  } = useTranslation();
+  const {
+    PINInputTheme
+  } = useTheme();
+  const cellHeight = 48;
+  const onChangeText = value => {
+    onPINChanged && onPINChanged(value);
+    setPIN(value);
+  };
+  const [props, getCellOnLayoutHandler] = useClearByFocusCell({
+    value: PIN,
+    setValue: onChangeText
+  });
+  const style = StyleSheet.create({
+    container: {
+      flexDirection: 'column',
+      marginBottom: 24
+    },
+    codeFieldContainer: {
+      flex: 1
+    },
+    cell: {
+      height: cellHeight,
+      paddingHorizontal: 2,
+      backgroundColor: PINInputTheme.cell.backgroundColor
+    },
+    cellText: {
+      color: PINInputTheme.cellText.color,
+      textAlign: 'center',
+      lineHeight: cellHeight
+    },
+    hideIcon: {
+      paddingHorizontal: 10
+    }
+  });
+  const content = () => /*#__PURE__*/React.createElement(View, {
+    style: PINInputTheme.labelAndFieldContainer
+  }, /*#__PURE__*/React.createElement(View, {
+    style: style.codeFieldContainer
+  }, /*#__PURE__*/React.createElement(CodeField, _extends({}, props, {
+    testID: testID,
+    accessibilityLabel: accessibilityLabel,
+    accessible: true,
+    value: PIN,
+    rootStyle: PINInputTheme.codeFieldRoot,
+    onChangeText: onChangeText,
+    cellCount: minPINLength,
+    keyboardType: "numeric",
+    textContentType: "password",
+    renderCell: ({
+      index,
+      symbol,
+      isFocused
+    }) => {
+      let child = '';
+      if (symbol) {
+        child = showPIN ? symbol : '●'; // Show or hide PIN
+      } else if (isFocused) {
+        child = /*#__PURE__*/React.createElement(Cursor, null);
+      }
+      return /*#__PURE__*/React.createElement(View, {
+        key: index,
+        style: style.cell,
+        onLayout: getCellOnLayoutHandler(index)
+      }, /*#__PURE__*/React.createElement(ThemedText, {
+        variant: "headingThree",
+        style: style.cellText,
+        maxFontSizeMultiplier: 1
+      }, child));
+    },
+    autoFocus: autoFocus,
+    ref: ref
+  }))), /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: style.hideIcon,
+    accessibilityLabel: showPIN ? t('PINCreate.Hide') : t('PINCreate.Show'),
+    accessibilityRole: 'button',
+    testID: showPIN ? testIdWithKey('Hide') : testIdWithKey('Show'),
+    onPress: () => setShowPIN(!showPIN),
+    hitSlop: hitSlop
+  }, /*#__PURE__*/React.createElement(Icon, {
+    color: PINInputTheme.icon.color,
+    name: showPIN ? 'visibility-off' : 'visibility',
+    size: 30
+  })));
+  return /*#__PURE__*/React.createElement(View, {
+    style: style.container
+  }, label && /*#__PURE__*/React.createElement(ThemedText, {
+    variant: "label",
+    style: {
+      marginBottom: 8
+    }
+  }, label), (inlineMessage === null || inlineMessage === void 0 ? void 0 : inlineMessage.config.position) === InlineErrorPosition.Above ? /*#__PURE__*/React.createElement(InlineErrorText, {
+    message: inlineMessage.message,
+    inlineType: inlineMessage.inlineType,
+    config: inlineMessage.config
+  }) : null, content(), (inlineMessage === null || inlineMessage === void 0 ? void 0 : inlineMessage.config.position) === InlineErrorPosition.Below ? /*#__PURE__*/React.createElement(InlineErrorText, {
+    message: inlineMessage.message,
+    inlineType: inlineMessage.inlineType,
+    config: inlineMessage.config
+  }) : null);
+};
+const PINInput = /*#__PURE__*/forwardRef(PINInputComponent);
+export default PINInput;
+//# sourceMappingURL=PINInput.js.map

package/lib/module/components/inputs/PINInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","forwardRef","useTranslation","StyleSheet","TouchableOpacity","View","CodeField","Cursor","useClearByFocusCell","Icon","hitSlop","minPINLength","useTheme","testIdWithKey","InlineErrorText","InlineErrorPosition","ThemedText","PINInputComponent","label","onPINChanged","testID","accessibilityLabel","autoFocus","inlineMessage","ref","PIN","setPIN","showPIN","setShowPIN","t","PINInputTheme","cellHeight","onChangeText","value","props","getCellOnLayoutHandler","setValue","style","create","container","flexDirection","marginBottom","codeFieldContainer","flex","cell","height","paddingHorizontal","backgroundColor","cellText","color","textAlign","lineHeight","hideIcon","content","createElement","labelAndFieldContainer","_extends","accessible","rootStyle","codeFieldRoot","cellCount","keyboardType","textContentType","renderCell","index","symbol","isFocused","child","key","onLayout","variant","maxFontSizeMultiplier","accessibilityRole","onPress","icon","name","size","config","position","Above","message","inlineType","Below","PINInput"],"sourceRoot":"../../../../src","sources":["components/inputs/PINInput.tsx"],"mappings":"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","ignoreList":[]}