react-native-timacare 3.3.3 → 3.3.4

package/src/components/keyboardspace/index.tsx

@@ -1,28 +1,31 @@
-/**
- * Created by andrewhurst on 10/5/15.
- */
 //@ts-nocheck
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
+import React, { useEffect, useState } from 'react';
 import {
   Keyboard,
   LayoutAnimation,
   View,
   Dimensions,
-  ViewPropTypes,
   Platform,
   StyleSheet,
+  ViewStyle,
+  KeyboardEvent,
 } from 'react-native';
 
+type Props = {
+  topSpacing?: number;
+  onToggle?: (isOpen: boolean, height: number) => void;
+  style?: ViewStyle;
+};
+
 const styles = StyleSheet.create({
   container: {
+    position: 'absolute',
     bottom: 0,
     left: 0,
     right: 0,
   },
 });
 
-// From: https://medium.com/man-moon/writing-modern-react-native-ui-e317ff956f02
 const defaultAnimation = {
   duration: 500,
   create: {
@@ -36,110 +39,68 @@ const defaultAnimation = {
   },
 };
 
-export default class KeyboardSpacer extends Component {
-  static propTypes = {
-    topSpacing: PropTypes.number,
-    onToggle: PropTypes.func,
-    style: ViewPropTypes.style,
-  };
-
-  static defaultProps = {
-    topSpacing: 0,
-    onToggle: () => null,
-  };
-
-  constructor(props, context) {
-    super(props, context);
-    this.state = {
-      keyboardSpace: 0,
-      isKeyboardOpened: false,
+const KeyboardSpacer: React.FC<Props> = ({
+  topSpacing = 0,
+  onToggle = () => {},
+  style,
+}) => {
+  const [keyboardSpace, setKeyboardSpace] = useState(0);
+
+  useEffect(() => {
+    const showEvent =
+      Platform.OS === 'android' ? 'keyboardDidShow' : 'keyboardWillShow';
+    const hideEvent =
+      Platform.OS === 'android' ? 'keyboardDidHide' : 'keyboardWillHide';
+
+    const onShow = (event: KeyboardEvent) => {
+      if (!event?.endCoordinates) return;
+
+      let animationConfig = defaultAnimation;
+
+      if (Platform.OS === 'ios') {
+        animationConfig = LayoutAnimation.create(
+          event.duration,
+          LayoutAnimation.Types[event.easing] || 'keyboard',
+          LayoutAnimation.Properties.opacity
+        );
+      }
+
+      LayoutAnimation.configureNext(animationConfig);
+
+      const screenHeight = Dimensions.get('window').height;
+      const height = screenHeight - event.endCoordinates.screenY + topSpacing;
+
+      setKeyboardSpace(height);
+      onToggle(true, height);
+    };
+
+    const onHide = (event: KeyboardEvent) => {
+      let animationConfig = defaultAnimation;
+
+      if (Platform.OS === 'ios') {
+        animationConfig = LayoutAnimation.create(
+          event?.duration || 250,
+          LayoutAnimation.Types[event?.easing] || 'keyboard',
+          LayoutAnimation.Properties.opacity
+        );
+      }
+
+      LayoutAnimation.configureNext(animationConfig);
+
+      setKeyboardSpace(0);
+      onToggle(false, 0);
+    };
+
+    const showSub = Keyboard.addListener(showEvent, onShow);
+    const hideSub = Keyboard.addListener(hideEvent, onHide);
+
+    return () => {
+      showSub.remove();
+      hideSub.remove();
     };
-    this._listeners = null;
-    this.updateKeyboardSpace = this.updateKeyboardSpace.bind(this);
-    this.resetKeyboardSpace = this.resetKeyboardSpace.bind(this);
-  }
-
-  componentDidMount() {
-    if (Platform.OS === 'ios') {
-      const updateListener =
-        Platform.OS === 'android' ? 'keyboardDidShow' : 'keyboardWillShow';
-      const resetListener =
-        Platform.OS === 'android' ? 'keyboardDidHide' : 'keyboardWillHide';
-      this._listeners = [
-        Keyboard.addListener(updateListener, this.updateKeyboardSpace),
-        Keyboard.addListener(resetListener, this.resetKeyboardSpace),
-      ];
-    }
-  }
-
-  componentWillUnmount() {
-    if (this._listeners !== null && this._listeners !== undefined) {
-      this._listeners.forEach((listener) => listener.remove());
-    }
-  }
-
-  updateKeyboardSpace(event) {
-    // console.log('event', event);
-    if (!event.endCoordinates) {
-      return;
-    }
-
-    let animationConfig = defaultAnimation;
-    if (Platform.OS === 'ios') {
-      animationConfig = LayoutAnimation.create(
-        event.duration,
-        LayoutAnimation.Types[event.easing],
-        LayoutAnimation.Properties.opacity
-      );
-    }
-    LayoutAnimation.configureNext(animationConfig);
-
-    // get updated on rotation
-    const screenHeight = Dimensions.get('window').height;
-    // when external physical keyboard is connected
-    // event.endCoordinates.height still equals virtual keyboard height
-    // however only the keyboard toolbar is showing if there should be one
-    const keyboardSpace =
-      screenHeight - event.endCoordinates.screenY + this.props.topSpacing;
-    // console.log('keyboardSpace', keyboardSpace);
-    this.setState(
-      {
-        keyboardSpace,
-        isKeyboardOpened: true,
-      },
-      this.props.onToggle(true, keyboardSpace)
-    );
-  }
-
-  resetKeyboardSpace(event) {
-    let animationConfig = defaultAnimation;
-    if (Platform.OS === 'ios') {
-      animationConfig = LayoutAnimation.create(
-        event.duration,
-        LayoutAnimation.Types[event.easing],
-        LayoutAnimation.Properties.opacity
-      );
-    }
-    LayoutAnimation.configureNext(animationConfig);
-
-    this.setState(
-      {
-        keyboardSpace: 0,
-        isKeyboardOpened: false,
-      },
-      this.props.onToggle(false, 0)
-    );
-  }
-
-  render() {
-    return (
-      <View
-        style={[
-          styles.container,
-          { height: this.state.keyboardSpace },
-          this.props.style,
-        ]}
-      />
-    );
-  }
-}
+  }, [topSpacing, onToggle]);
+
+  return <View style={[styles.container, { height: keyboardSpace }, style]} />;
+};
+
+export default KeyboardSpacer;

package/src/screens/digital-lending/Step1.tsx

@@ -22,10 +22,10 @@ import { Formik } from 'formik';
 import digitalLendingStore from './store';
 import { formatDDMMYYY } from '../../utils';
 import DatePicker from 'react-native-date-picker';
-import KeyboardSpacer from '../../components/keyboardspace';
 import { useNavigation } from '@react-navigation/native';
 import moment from 'moment';
 import Loading from '../../components/Loading';
+import KeyboardSpacer from '../../components/keyboardspace';
 
 const EnumGender = [
   {

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

@@ -1,2 +0,0 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.LogoTima=void 0;var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _mobxReactLite=require("mobx-react-lite");var Animatable=_interopRequireWildcard(require("react-native-animatable"));var _jsxFileName="/Users/tima/Documents/Tima/tima-care-v2-sdk/src/components/logoTima/index.tsx";function _getRequireWildcardCache(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap(),t=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(e){return e?t:r;})(e);}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&Object.prototype.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u];}return n.default=e,t&&t.set(e,n),n;}var LogoTima=exports.LogoTima=(0,_mobxReactLite.observer)(function LogoTima(){return _react.default.createElement(_reactNative.View,{style:{alignItems:'center',justifyContent:'center'},__self:this,__source:{fileName:_jsxFileName,lineNumber:9,columnNumber:5}},_react.default.createElement(Animatable.View,{animation:'fadeInUp',duration:1000,__self:this,__source:{fileName:_jsxFileName,lineNumber:10,columnNumber:7}},_react.default.createElement(_reactNative.Image,{source:require('./logo.png'),style:{width:200,height:150*200/397,resizeMode:'contain'},__self:this,__source:{fileName:_jsxFileName,lineNumber:11,columnNumber:9}})),_react.default.createElement(Animatable.View,{animation:'fadeInLeft',duration:1000,delay:1000,__self:this,__source:{fileName:_jsxFileName,lineNumber:20,columnNumber:7}},_react.default.createElement(_reactNative.Image,{source:require('./slogan.png'),style:{width:200,height:73*200/397,resizeMode:'contain'},__self:this,__source:{fileName:_jsxFileName,lineNumber:21,columnNumber:9}})));});
-//# sourceMappingURL=index.js.map

package/lib/commonjs/components/logoTima/index.js.flow

@@ -1,32 +0,0 @@
-//@ts-nocheck
-import React from 'react';
-import { View, Image } from 'react-native';
-import { observer } from 'mobx-react-lite';
-import * as Animatable from 'react-native-animatable';
-
-export const LogoTima = observer(function LogoTima() {
-  return (
-    <View style={{ alignItems: 'center', justifyContent: 'center' }}>
-      <Animatable.View animation={'fadeInUp'} duration={1000}>
-        <Image
-          source={require('./logo.png')}
-          style={{
-            width: 200,
-            height: (150 * 200) / 397,
-            resizeMode: 'contain',
-          }}
-        />
-      </Animatable.View>
-      <Animatable.View animation={'fadeInLeft'} duration={1000} delay={1000}>
-        <Image
-          source={require('./slogan.png')}
-          style={{
-            width: 200,
-            height: (73 * 200) / 397,
-            resizeMode: 'contain',
-          }}
-        />
-      </Animatable.View>
-    </View>
-  );
-});

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

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_mobxReactLite","Animatable","_interopRequireWildcard","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","LogoTima","exports","observer","createElement","View","style","alignItems","justifyContent","__self","__source","fileName","lineNumber","columnNumber","animation","duration","Image","source","width","height","resizeMode","delay"],"sourceRoot":"../../../../src","sources":["components/logoTima/index.tsx"],"mappings":"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"}

package/lib/commonjs/screens/intro/Store.js

@@ -1,2 +0,0 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _regenerator=_interopRequireDefault(require("@babel/runtime/regenerator"));var _initializerDefineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/initializerDefineProperty"));var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _applyDecoratedDescriptor2=_interopRequireDefault(require("@babel/runtime/helpers/applyDecoratedDescriptor"));var _initializerWarningHelper2=_interopRequireDefault(require("@babel/runtime/helpers/initializerWarningHelper"));var _mobx=require("mobx");var _api=require("../../services/api");var _log=require("../../utils/log");var _reactNative=require("react-native");var _class,_descriptor,_descriptor2;var Store=(_class=function(){function Store(){(0,_classCallCheck2.default)(this,Store);(0,_initializerDefineProperty2.default)(this,"isLoading",_descriptor,this);(0,_initializerDefineProperty2.default)(this,"isError",_descriptor2,this);}(0,_createClass2.default)(Store,[{key:"getOTP",value:function getOTP(params,onSuccess,onFailure){var response;return _regenerator.default.async(function getOTP$(_context){while(1)switch(_context.prev=_context.next){case 0:this.isLoading=true;_context.next=3;return _regenerator.default.awrap(_api.Api.getInstance().getOTP(params));case 3:response=_context.sent;(0,_log.myLog)(response);if(response.kind==='ok'){this.isLoading=false;this.isError=false;if(response.data.meta.errorCode===200){(0,_log.myLog)('data',response.data.data);if(onSuccess){onSuccess(response.data.data);}}}else{this.isLoading=false;this.isError=false;_reactNative.Alert.alert('Lỗi',response.Messages);}case 6:case"end":return _context.stop();}},null,this,null,Promise);}}]);return Store;}(),(_descriptor=(0,_applyDecoratedDescriptor2.default)(_class.prototype,"isLoading",[_mobx.observable],{configurable:true,enumerable:true,writable:true,initializer:function initializer(){return false;}}),_descriptor2=(0,_applyDecoratedDescriptor2.default)(_class.prototype,"isError",[_mobx.observable],{configurable:true,enumerable:true,writable:true,initializer:function initializer(){return false;}}),(0,_applyDecoratedDescriptor2.default)(_class.prototype,"getOTP",[_mobx.action],Object.getOwnPropertyDescriptor(_class.prototype,"getOTP"),_class.prototype)),_class);var registerStore=new Store();var _default=exports.default=registerStore;
-//# sourceMappingURL=Store.js.map

package/lib/commonjs/screens/intro/Store.js.flow

@@ -1,36 +0,0 @@
-//@ts-nocheck
-import { observable, action } from 'mobx';
-import { Api } from '../../services/api';
-import { myLog } from '../../utils/log';
-import { Alert } from 'react-native';
-import { save, USER } from '../../utils/storage';
-
-class Store {
-  @observable isLoading = false;
-  @observable isError = false;
-
-  @action
-  async getOTP(params, onSuccess?, onFailure?) {
-    this.isLoading = true;
-    const response = await Api.getInstance().getOTP(params);
-    myLog(response);
-    if (response.kind === 'ok') {
-      this.isLoading = false;
-      this.isError = false;
-      if (response.data.meta.errorCode === 200) {
-        myLog('data', response.data.data);
-        if (onSuccess) {
-          onSuccess(response.data.data);
-        }
-      }
-    } else {
-      this.isLoading = false;
-      this.isError = false;
-      Alert.alert('Lỗi', response.Messages);
-    }
-  }
-}
-
-const registerStore = new Store();
-
-export default registerStore;

package/lib/commonjs/screens/intro/Store.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_mobx","require","_api","_log","_reactNative","_class","_descriptor","_descriptor2","Store","_classCallCheck2","default","_initializerDefineProperty2","_createClass2","key","value","getOTP","params","onSuccess","onFailure","response","_regenerator","async","getOTP$","_context","prev","next","isLoading","awrap","Api","getInstance","sent","myLog","kind","isError","data","meta","errorCode","Alert","alert","Messages","stop","Promise","_applyDecoratedDescriptor2","prototype","observable","configurable","enumerable","writable","initializer","action","Object","getOwnPropertyDescriptor","registerStore","_default","exports"],"sourceRoot":"../../../../src","sources":["screens/intro/Store.tsx"],"mappings":"81BACA,IAAAA,KAAA,CAAAC,OAAA,SACA,IAAAC,IAAA,CAAAD,OAAA,uBACA,IAAAE,IAAA,CAAAF,OAAA,oBACA,IAAAG,YAAA,CAAAH,OAAA,iBAAqC,IAAAI,MAAA,CAAAC,WAAA,CAAAC,YAAA,IAG/B,CAAAC,KAAK,EAAAH,MAAA,qBAAAG,MAAA,KAAAC,gBAAA,CAAAC,OAAA,OAAAF,KAAA,KAAAG,2BAAA,CAAAD,OAAA,mBAAAJ,WAAA,UAAAK,2BAAA,CAAAD,OAAA,iBAAAH,YAAA,WAAAK,aAAA,CAAAF,OAAA,EAAAF,KAAA,GAAAK,GAAA,UAAAC,KAAA,CAIT,SAAAC,OACaC,MAAM,CAAEC,SAAU,CAAEC,SAAU,MAAAC,QAAA,QAAAC,YAAA,CAAAV,OAAA,CAAAW,KAAA,UAAAC,QAAAC,QAAA,iBAAAA,QAAA,CAAAC,IAAA,CAAAD,QAAA,CAAAE,IAAA,SACzC,IAAI,CAACC,SAAS,CAAG,IAAI,CAACH,QAAA,CAAAE,IAAA,UAAAL,YAAA,CAAAV,OAAA,CAAAiB,KAAA,CACCC,QAAG,CAACC,WAAW,CAAC,CAAC,CAACd,MAAM,CAACC,MAAM,CAAC,SAAjDG,QAAQ,CAAAI,QAAA,CAAAO,IAAA,CACd,GAAAC,UAAK,EAACZ,QAAQ,CAAC,CACf,GAAIA,QAAQ,CAACa,IAAI,GAAK,IAAI,CAAE,CAC1B,IAAI,CAACN,SAAS,CAAG,KAAK,CACtB,IAAI,CAACO,OAAO,CAAG,KAAK,CACpB,GAAId,QAAQ,CAACe,IAAI,CAACC,IAAI,CAACC,SAAS,GAAK,GAAG,CAAE,CACxC,GAAAL,UAAK,EAAC,MAAM,CAAEZ,QAAQ,CAACe,IAAI,CAACA,IAAI,CAAC,CACjC,GAAIjB,SAAS,CAAE,CACbA,SAAS,CAACE,QAAQ,CAACe,IAAI,CAACA,IAAI,CAAC,CAC/B,CACF,CACF,CAAC,IAAM,CACL,IAAI,CAACR,SAAS,CAAG,KAAK,CACtB,IAAI,CAACO,OAAO,CAAG,KAAK,CACpBI,kBAAK,CAACC,KAAK,CAAC,KAAK,CAAEnB,QAAQ,CAACoB,QAAQ,CAAC,CACvC,CAAC,wBAAAhB,QAAA,CAAAiB,IAAA,qBAAAC,OAAA,GACF,WAAAjC,KAAA,MAAAF,WAAA,IAAAoC,0BAAA,CAAAhC,OAAA,EAAAL,MAAA,CAAAsC,SAAA,cAtBAC,gBAAU,GAAAC,YAAA,MAAAC,UAAA,MAAAC,QAAA,MAAAC,WAAA,UAAAA,YAAA,QAAa,MAAK,KAAAzC,YAAA,IAAAmC,0BAAA,CAAAhC,OAAA,EAAAL,MAAA,CAAAsC,SAAA,YAC5BC,gBAAU,GAAAC,YAAA,MAAAC,UAAA,MAAAC,QAAA,MAAAC,WAAA,UAAAA,YAAA,QAAW,MAAK,QAAAN,0BAAA,CAAAhC,OAAA,EAAAL,MAAA,CAAAsC,SAAA,WAE1BM,YAAM,EAAAC,MAAA,CAAAC,wBAAA,CAAA9C,MAAA,CAAAsC,SAAA,WAAAtC,MAAA,CAAAsC,SAAA,GAAAtC,MAAA,EAsBT,GAAM,CAAA+C,aAAa,CAAG,GAAI,CAAA5C,KAAK,CAAC,CAAC,CAAC,IAAA6C,QAAA,CAAAC,OAAA,CAAA5C,OAAA,CAEnB0C,aAAa"}

package/lib/commonjs/screens/intro/index.js

@@ -1,2 +0,0 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.Intro=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _native=require("@react-navigation/native");var _mobxReactLite=require("mobx-react-lite");var _CommonStyles=require("../CommonStyles");var _keyboardspace=_interopRequireDefault(require("../../components/keyboardspace"));var _MButton=_interopRequireDefault(require("../../components/MButton"));var _theme=require("../../theme");var _MText=require("../../components/MText");var _icons=require("../../assets/icons");var _navigation=require("../../navigation");var _reactNativePagerView=_interopRequireDefault(require("react-native-pager-view"));var _log=require("../../utils/log");var _storage=require("../../utils/storage");var _jsxFileName="/Users/tima/Documents/Tima/tima-care-v2-sdk/src/screens/intro/index.tsx";function _getRequireWildcardCache(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap(),t=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(e){return e?t:r;})(e);}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&Object.prototype.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u];}return n.default=e,t&&t.set(e,n),n;}var Intro=exports.Intro=(0,_mobxReactLite.observer)(function Intro(){var navigation=(0,_native.useNavigation)();var _useState=(0,_react.useState)(0),_useState2=(0,_slicedToArray2.default)(_useState,2),index=_useState2[0],setIndex=_useState2[1];var pagerView=(0,_react.useRef)(null);var skip=function skip(){(0,_storage.save)(_storage.INTRO,'true');navigation.dispatch(_native.CommonActions.reset({index:1,routes:[{name:_navigation.ScreenNames.Register}]}));};return _react.default.createElement(_reactNative.View,{style:[_CommonStyles.commonStyles.fill,_CommonStyles.commonStyles.backgroundWhite],__self:this,__source:{fileName:_jsxFileName,lineNumber:51,columnNumber:5}},_react.default.createElement(_reactNative.SafeAreaView,{style:_CommonStyles.commonStyles.fill,__self:this,__source:{fileName:_jsxFileName,lineNumber:52,columnNumber:7}},_react.default.createElement(_reactNativePagerView.default,{ref:pagerView,style:{flex:1},initialPage:index,onPageSelected:function onPageSelected(event){(0,_log.myLog)(event.nativeEvent);setIndex(event.nativeEvent.position);},__self:this,__source:{fileName:_jsxFileName,lineNumber:53,columnNumber:9}},_react.default.createElement(_reactNative.View,{key:"1",__self:this,__source:{fileName:_jsxFileName,lineNumber:62,columnNumber:11}},_react.default.createElement(_reactNative.View,{style:_CommonStyles.commonStyles.fill,__self:this,__source:{fileName:_jsxFileName,lineNumber:63,columnNumber:13}},_react.default.createElement(_reactNative.Image,{source:require('../../../assets/img/logo.png'),style:{width:80,height:80,alignSelf:'center'},__self:this,__source:{fileName:_jsxFileName,lineNumber:64,columnNumber:15}}),_react.default.createElement(_reactNative.Image,{source:require('../../../assets/img/sao_khue.png'),style:{width:80,height:150,marginTop:24,alignSelf:'center',resizeMode:'contain'},__self:this,__source:{fileName:_jsxFileName,lineNumber:68,columnNumber:15}}),_react.default.createElement(_MText.MText,{style:[_CommonStyles.commonStyles.textNormalBold,{fontSize:18,marginTop:16,color:_theme.color.primary,textAlign:'center'}],__self:this,__source:{fileName:_jsxFileName,lineNumber:78,columnNumber:15}},"Top 10 Sao Khu\xEA 2018"),_react.default.createElement(_MText.MText,{style:[_CommonStyles.commonStyles.textNormal,{fontSize:14,lineHeight:24,marginTop:8,textAlign:'center',paddingHorizontal:36}],__self:this,__source:{fileName:_jsxFileName,lineNumber:91,columnNumber:15}},"T\u1EA1i l\u1EC5 c\xF4ng b\u1ED1 v\xE0 trao danh hi\u1EC7u Sao Khu\xEA 2018, s\u1EA3n ph\u1EA9m S\xE0n k\u1EBFt n\u1ED1i T\xE0i ch\xEDnh Tima c\u1EE7a C\xF4ng ty c\u1ED5 ph\u1EA7n T\u1EADp \u0111o\xE0n Tima \u0111\xE3 l\u1ECDt v\xE0o Top 10 c\xE1c s\u1EA3n ph\u1EA9m, d\u1ECBch v\u1EE5 xu\u1EA5t s\u1EAFc trong t\u1ED5ng s\u1ED1 73 s\u1EA3n ph\u1EA9m, d\u1ECBch v\u1EE5 CNTT \u0111\u01B0\u1EE3c trao gi\u1EA3i."))),_react.default.createElement(_reactNative.View,{key:"2",__self:this,__source:{fileName:_jsxFileName,lineNumber:105,columnNumber:11}},_react.default.createElement(_reactNative.View,{style:_CommonStyles.commonStyles.fill,__self:this,__source:{fileName:_jsxFileName,lineNumber:106,columnNumber:13}},_react.default.createElement(_reactNative.Image,{source:require('../../../assets/img/logo.png'),style:{width:80,height:80,alignSelf:'center'},__self:this,__source:{fileName:_jsxFileName,lineNumber:107,columnNumber:15}}),_react.default.createElement(_reactNative.Image,{source:require('../../../assets/img/slogan.png'),style:{width:'60%',height:150,marginTop:24,alignSelf:'center',resizeMode:'contain'},__self:this,__source:{fileName:_jsxFileName,lineNumber:111,columnNumber:15}}),_react.default.createElement(_MText.MText,{style:[_CommonStyles.commonStyles.textNormalBold,{fontSize:18,marginTop:16,color:_theme.color.primary,textAlign:'center'}],__self:this,__source:{fileName:_jsxFileName,lineNumber:121,columnNumber:15}},"Vay nhanh & d\u1EC5 d\xE0ng h\u01A1n v\u1EDBi Tima"),_react.default.createElement(_reactNative.View,{style:{alignSelf:'center',marginTop:16},__self:this,__source:{fileName:_jsxFileName,lineNumber:134,columnNumber:15}},_react.default.createElement(_reactNative.View,{style:[_CommonStyles.commonStyles.row,_CommonStyles.commonStyles.alignCenter,{marginTop:8}],__self:this,__source:{fileName:_jsxFileName,lineNumber:135,columnNumber:17}},_react.default.createElement(_icons.IconHand,{width:10,height:9,style:{transform:[{scale:1.5}]},__self:this,__source:{fileName:_jsxFileName,lineNumber:142,columnNumber:19}}),_react.default.createElement(_MText.MText,{style:[_CommonStyles.commonStyles.textNormal,{paddingLeft:8,color:_theme.color.primary,textAlign:'center'}],__self:this,__source:{fileName:_jsxFileName,lineNumber:147,columnNumber:19}},"Ch\u1EC9 m\u1EA5t 3 ph\xFAt \u0111\u0103ng k\xFD")),_react.default.createElement(_reactNative.View,{style:[_CommonStyles.commonStyles.row,_CommonStyles.commonStyles.alignCenter,{marginTop:8}],__self:this,__source:{fileName:_jsxFileName,lineNumber:160,columnNumber:17}},_react.default.createElement(_icons.IconHand,{width:10,height:9,style:{transform:[{scale:1.5}]},__self:this,__source:{fileName:_jsxFileName,lineNumber:167,columnNumber:19}}),_react.default.createElement(_MText.MText,{style:[_CommonStyles.commonStyles.textNormal,{paddingLeft:8,color:_theme.color.primary,textAlign:'center'}],__self:this,__source:{fileName:_jsxFileName,lineNumber:172,columnNumber:19}},"Th\xF4ng tin chi ti\u1EBFt & l\xE3i su\u1EA5t minh b\u1EA1ch")),_react.default.createElement(_reactNative.View,{style:[_CommonStyles.commonStyles.row,_CommonStyles.commonStyles.alignCenter,{marginTop:8}],__self:this,__source:{fileName:_jsxFileName,lineNumber:185,columnNumber:17}},_react.default.createElement(_icons.IconHand,{width:10,height:9,style:{transform:[{scale:1.5}]},__self:this,__source:{fileName:_jsxFileName,lineNumber:192,columnNumber:19}}),_react.default.createElement(_MText.MText,{style:[_CommonStyles.commonStyles.textNormal,{paddingLeft:8,color:_theme.color.primary,textAlign:'center'}],__self:this,__source:{fileName:_jsxFileName,lineNumber:197,columnNumber:19}},"Nh\u1EADt k\u1EBFt qu\u1EA3 h\u1ED3 s\u01A1 nhanh ch\xF3ng")))))),_react.default.createElement(_reactNative.View,{style:[_CommonStyles.commonStyles.row,_CommonStyles.commonStyles.alignCenter,{marginBottom:24,marginTop:16,alignSelf:'center'}],__self:this,__source:{fileName:_jsxFileName,lineNumber:214,columnNumber:9}},_react.default.createElement(_reactNative.View,{style:{backgroundColor:index===0?_theme.color.primary:_theme.color.textHint,width:12,height:12,borderRadius:6},__self:this,__source:{fileName:_jsxFileName,lineNumber:221,columnNumber:11}}),_react.default.createElement(_reactNative.View,{style:{backgroundColor:index===1?_theme.color.primary:_theme.color.textHint,width:12,height:12,borderRadius:6,marginLeft:16},__self:this,__source:{fileName:_jsxFileName,lineNumber:229,columnNumber:11}})),_react.default.createElement(_MButton.default,{onPress:function onPress(){if(index==0){pagerView.current.setPage(1);setIndex(1);}else{skip();}},style:[_CommonStyles.commonStyles.justifyCenter,_CommonStyles.commonStyles.alignCenter,{backgroundColor:_theme.color.primary,width:'50%',height:48,borderRadius:24,alignSelf:'center'}],__self:this,__source:{fileName:_jsxFileName,lineNumber:239,columnNumber:9}},_react.default.createElement(_MText.MText,{style:[_CommonStyles.commonStyles.textNormalBold,{fontSize:16,color:'white'}],__self:this,__source:{fileName:_jsxFileName,lineNumber:260,columnNumber:11}},"Ti\u1EBFp theo")),_react.default.createElement(_MButton.default,{onPress:skip,style:[_CommonStyles.commonStyles.justifyCenter,_CommonStyles.commonStyles.alignCenter,{width:'60%',height:48,alignSelf:'center',marginTop:16,marginBottom:24}],__self:this,__source:{fileName:_jsxFileName,lineNumber:269,columnNumber:9}},_react.default.createElement(_MText.MText,{style:[_CommonStyles.commonStyles.textNormal,{fontSize:16,color:_theme.color.primary,textDecorationLine:'underline'}],__self:this,__source:{fileName:_jsxFileName,lineNumber:283,columnNumber:11}},"B\u1ECF qua")),_react.default.createElement(_keyboardspace.default,{__self:this,__source:{fileName:_jsxFileName,lineNumber:296,columnNumber:9}})));});
-//# sourceMappingURL=index.js.map

package/lib/commonjs/screens/intro/index.js.flow

@@ -1,300 +0,0 @@
-//@ts-nocheck
-import React, { useState, Fragment, useRef } from 'react';
-import {
-  ActivityIndicator,
-  Alert,
-  Dimensions,
-  Image,
-  ImageStyle,
-  Platform,
-  SafeAreaView,
-  ScrollView,
-  TextStyle,
-  View,
-  ViewStyle,
-} from 'react-native';
-import { CommonActions, useNavigation } from '@react-navigation/native';
-import { observer } from 'mobx-react-lite';
-import { commonStyles } from '../CommonStyles';
-import KeyboardSpacer from '../../components/keyboardspace';
-import * as yup from 'yup';
-import { Formik } from 'formik';
-import MButton from '../../components/MButton';
-import { color } from '../../theme';
-import registerStore from './Store';
-import { MText, MTextInput } from '../../components/MText';
-import { formatMoney, getMoney } from '../../utils';
-import moment from 'moment';
-import { IconHand, IconSelect, IconSelected } from '../../assets/icons';
-import Slider from '@react-native-community/slider';
-import { ScreenNames } from '../../navigation';
-import { LogoTima } from '../../components/logoTima';
-import PagerView from 'react-native-pager-view';
-import { myLog } from '../../utils/log';
-import { INTRO, save } from '../../utils/storage';
-export const Intro = observer(function Intro() {
-  const navigation = useNavigation();
-  const [index, setIndex] = useState(0);
-  const pagerView = useRef(null);
-
-  const skip = () => {
-    save(INTRO, 'true');
-    navigation.dispatch(
-      CommonActions.reset({
-        index: 1,
-        routes: [{ name: ScreenNames.Register }],
-      })
-    );
-  };
-
-  return (
-    <View style={[commonStyles.fill, commonStyles.backgroundWhite]}>
-      <SafeAreaView style={commonStyles.fill}>
-        <PagerView
-          ref={pagerView}
-          style={{ flex: 1 }}
-          initialPage={index}
-          onPageSelected={(event) => {
-            myLog(event.nativeEvent);
-            setIndex(event.nativeEvent.position);
-          }}
-        >
-          <View key="1">
-            <View style={commonStyles.fill}>
-              <Image
-                source={require('../../../assets/img/logo.png')}
-                style={{ width: 80, height: 80, alignSelf: 'center' }}
-              />
-              <Image
-                source={require('../../../assets/img/sao_khue.png')}
-                style={{
-                  width: 80,
-                  height: 150,
-                  marginTop: 24,
-                  alignSelf: 'center',
-                  resizeMode: 'contain',
-                }}
-              />
-              <MText
-                style={[
-                  commonStyles.textNormalBold,
-                  {
-                    fontSize: 18,
-                    marginTop: 16,
-                    color: color.primary,
-                    textAlign: 'center',
-                  },
-                ]}
-              >
-                Top 10 Sao Khuê 2018
-              </MText>
-              <MText
-                style={[
-                  commonStyles.textNormal,
-                  {
-                    fontSize: 14,
-                    lineHeight: 24,
-                    marginTop: 8,
-                    textAlign: 'center',
-                    paddingHorizontal: 36,
-                  },
-                ]}
-              >{`Tại lễ công bố và trao danh hiệu Sao Khuê 2018, sản phẩm Sàn kết nối Tài chính Tima của Công ty cổ phần Tập đoàn Tima đã lọt vào Top 10 các sản phẩm, dịch vụ xuất sắc trong tổng số 73 sản phẩm, dịch vụ CNTT được trao giải.`}</MText>
-            </View>
-          </View>
-          <View key="2">
-            <View style={commonStyles.fill}>
-              <Image
-                source={require('../../../assets/img/logo.png')}
-                style={{ width: 80, height: 80, alignSelf: 'center' }}
-              />
-              <Image
-                source={require('../../../assets/img/slogan.png')}
-                style={{
-                  width: '60%',
-                  height: 150,
-                  marginTop: 24,
-                  alignSelf: 'center',
-                  resizeMode: 'contain',
-                }}
-              />
-              <MText
-                style={[
-                  commonStyles.textNormalBold,
-                  {
-                    fontSize: 18,
-                    marginTop: 16,
-                    color: color.primary,
-                    textAlign: 'center',
-                  },
-                ]}
-              >
-                Vay nhanh & dễ dàng hơn với Tima
-              </MText>
-              <View style={{ alignSelf: 'center', marginTop: 16 }}>
-                <View
-                  style={[
-                    commonStyles.row,
-                    commonStyles.alignCenter,
-                    { marginTop: 8 },
-                  ]}
-                >
-                  <IconHand
-                    width={10}
-                    height={9}
-                    style={{ transform: [{ scale: 1.5 }] }}
-                  />
-                  <MText
-                    style={[
-                      commonStyles.textNormal,
-                      {
-                        paddingLeft: 8,
-                        color: color.primary,
-                        textAlign: 'center',
-                      },
-                    ]}
-                  >
-                    Chỉ mất 3 phút đăng ký
-                  </MText>
-                </View>
-                <View
-                  style={[
-                    commonStyles.row,
-                    commonStyles.alignCenter,
-                    { marginTop: 8 },
-                  ]}
-                >
-                  <IconHand
-                    width={10}
-                    height={9}
-                    style={{ transform: [{ scale: 1.5 }] }}
-                  />
-                  <MText
-                    style={[
-                      commonStyles.textNormal,
-                      {
-                        paddingLeft: 8,
-                        color: color.primary,
-                        textAlign: 'center',
-                      },
-                    ]}
-                  >
-                    Thông tin chi tiết & lãi suất minh bạch
-                  </MText>
-                </View>
-                <View
-                  style={[
-                    commonStyles.row,
-                    commonStyles.alignCenter,
-                    { marginTop: 8 },
-                  ]}
-                >
-                  <IconHand
-                    width={10}
-                    height={9}
-                    style={{ transform: [{ scale: 1.5 }] }}
-                  />
-                  <MText
-                    style={[
-                      commonStyles.textNormal,
-                      {
-                        paddingLeft: 8,
-                        color: color.primary,
-                        textAlign: 'center',
-                      },
-                    ]}
-                  >
-                    Nhật kết quả hồ sơ nhanh chóng
-                  </MText>
-                </View>
-              </View>
-            </View>
-          </View>
-        </PagerView>
-        <View
-          style={[
-            commonStyles.row,
-            commonStyles.alignCenter,
-            { marginBottom: 24, marginTop: 16, alignSelf: 'center' },
-          ]}
-        >
-          <View
-            style={{
-              backgroundColor: index === 0 ? color.primary : color.textHint,
-              width: 12,
-              height: 12,
-              borderRadius: 6,
-            }}
-          />
-          <View
-            style={{
-              backgroundColor: index === 1 ? color.primary : color.textHint,
-              width: 12,
-              height: 12,
-              borderRadius: 6,
-              marginLeft: 16,
-            }}
-          />
-        </View>
-        <MButton
-          onPress={() => {
-            if (index == 0) {
-              pagerView.current.setPage(1);
-              setIndex(1);
-            } else {
-              skip();
-            }
-          }}
-          style={[
-            commonStyles.justifyCenter,
-            commonStyles.alignCenter,
-            {
-              backgroundColor: color.primary,
-              width: '50%',
-              height: 48,
-              borderRadius: 24,
-              alignSelf: 'center',
-            },
-          ]}
-        >
-          <MText
-            style={[
-              commonStyles.textNormalBold,
-              { fontSize: 16, color: 'white' },
-            ]}
-          >
-            Tiếp theo
-          </MText>
-        </MButton>
-        <MButton
-          onPress={skip}
-          style={[
-            commonStyles.justifyCenter,
-            commonStyles.alignCenter,
-            {
-              width: '60%',
-              height: 48,
-              alignSelf: 'center',
-              marginTop: 16,
-              marginBottom: 24,
-            },
-          ]}
-        >
-          <MText
-            style={[
-              commonStyles.textNormal,
-              {
-                fontSize: 16,
-                color: color.primary,
-                textDecorationLine: 'underline',
-              },
-            ]}
-          >
-            Bỏ qua
-          </MText>
-        </MButton>
-        <KeyboardSpacer />
-      </SafeAreaView>
-    </View>
-  );
-});