@tima2025/react-native-timalender 1.0.0

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

@@ -0,0 +1,159 @@
+//@ts-nocheck
+/* eslint-disable react-native/no-inline-styles */
+import React, { useEffect, useState } from 'react';
+import { Alert, ScrollView, TextInput } from 'react-native';
+import { useDispatch } from 'react-redux';
+import AppHeader from '../../common/AppHeader';
+import Button from '../../common/Button';
+import Container from '../../common/Container';
+import { actuatedNormalize } from '../../common/Metrics';
+import RText from '../../common/RText';
+import {
+  checkPassCode,
+  getPassCode,
+} from '../../components/Features/PassCode/passCodeSlice';
+import { AppDispatch } from '../../components/Redux/store';
+
+export const PassCode = ({ navigation }: any) => {
+  const dispatch = useDispatch<AppDispatch>();
+  const [agreementId, setAgreementId] = useState('');
+  const [code, setCode] = useState('');
+
+  useEffect(() => {
+    getDataPassCode();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  const getDataPassCode = async () => {
+    await dispatch(getPassCode()).then((response: any) => {
+      try {
+        if (__DEV__) {
+          console.log(response);
+        }
+        switch (response.payload.meta.errCode) {
+          case 200:
+            // this.setState({code: response.data.data.passcode?response.data.data.passcode:'', agreementId: response.data.data.agreementId?response.data.data.agreementId:''})
+            break;
+        }
+      } catch (e) {
+        if (__DEV__) {
+          console.log(e);
+        }
+      }
+    });
+  };
+
+  const verify = async () => {
+    const params = { passcode: code, agreementId: agreementId };
+    await dispatch(checkPassCode(params)).then((response: any) => {
+      try {
+        if (__DEV__) {
+          console.log(response);
+        }
+        switch (response.payload.meta.errCode) {
+          case 200:
+            Alert.alert('Thông báo', 'Bạn đã nhập Passcode thành công!', [
+              {
+                text: 'Đồng ý',
+                onPress: () => {
+                  navigation.goBack();
+                },
+              },
+            ]);
+            break;
+          default:
+            Alert.alert(
+              'Thông báo',
+              'Nhập Passcode chưa thành công. Vui lòng thử lại.',
+              [{ text: 'Đồng ý', onPress: () => {} }]
+            );
+        }
+      } catch (e) {
+        Alert.alert(
+          'Thông báo',
+          'Nhập Passcode chưa thành công. Vui lòng thử lại.',
+          [{ text: 'Đồng ý', onPress: () => {} }]
+        );
+      }
+    });
+  };
+
+  return (
+    <Container isStatusBar>
+      <AppHeader title="NHẬP PASSCODE KÝ SỐ" />
+      <ScrollView style={{ padding: actuatedNormalize(20) }}>
+        <RText
+          style={{
+            fontSize: 16,
+            padding: 8,
+            color: '#1D1B1B',
+            textAlign: 'center',
+          }}
+        >
+          {'Vui lòng nhập UUID '}
+        </RText>
+        <TextInput
+          style={{
+            fontSize: 15,
+            width: '86%',
+            textAlign: 'center',
+            alignSelf: 'center',
+            color: '#222222',
+            borderBottomWidth: 1,
+            borderBottomColor: '#dcdcdc',
+            paddingBottom: 8,
+          }}
+          placeholder={'Nhập UUID'}
+          value={agreementId}
+          autoFocus={true}
+          onChangeText={(text) => setAgreementId(text)}
+        />
+        <RText
+          style={{
+            fontSize: 16,
+            padding: 8,
+            marginTop: 48,
+            color: '#1D1B1B',
+            textAlign: 'center',
+          }}
+        >
+          {'Vui lòng nhập Passcode ký số'}
+        </RText>
+        <TextInput
+          style={{
+            fontSize: 15,
+            width: '86%',
+            textAlign: 'center',
+            alignSelf: 'center',
+            color: '#222222',
+            borderBottomWidth: 1,
+            borderBottomColor: '#dcdcdc',
+            paddingBottom: 8,
+          }}
+          placeholder={'Mật Passcode ký số'}
+          value={code}
+          autoFocus={true}
+          keyboardType={'numeric'}
+          onChangeText={(text) => setCode(text)}
+        />
+        <RText
+          style={{
+            marginBottom: 16,
+            color: '#1D1B1B',
+            fontSize: 14,
+            fontWeight: '400',
+            padding: 16,
+            textAlign: 'center',
+          }}
+        >
+          Bấm nút đồng ý tương ứng với đồng ý ký hợp đồng với mã Passcode này
+        </RText>
+        <Button
+          text="Đồng ý"
+          textStyle={{ fontSize: 16, fontWeight: 'bold', color: 'white' }}
+          onPress={verify}
+        />
+      </ScrollView>
+    </Container>
+  );
+};

package/lib/commonjs/screens/PassCode/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactRedux","_AppHeader","_interopRequireDefault","_Button","_Container","_Metrics","_RText","_passCodeSlice","_jsxRuntime","_this","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","PassCode","exports","_ref","navigation","dispatch","useDispatch","_useState","useState","_useState2","_slicedToArray2","agreementId","setAgreementId","_useState3","_useState4","code","setCode","useEffect","getDataPassCode","_ref2","_asyncToGenerator2","getPassCode","then","response","__DEV__","console","log","payload","meta","errCode","apply","arguments","verify","_ref3","params","passcode","checkPassCode","Alert","alert","text","onPress","goBack","jsxs","isStatusBar","children","jsx","title","ScrollView","style","padding","actuatedNormalize","fontSize","color","textAlign","TextInput","width","alignSelf","borderBottomWidth","borderBottomColor","paddingBottom","placeholder","value","autoFocus","onChangeText","marginTop","keyboardType","marginBottom","fontWeight","textStyle"],"sourceRoot":"../../../../src","sources":["screens/PassCode/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/screens/PendingLoan/Components/ModalFilterTime.js

@@ -0,0 +1,2 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _asyncToGenerator2=_interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _reactNativeModal=_interopRequireDefault(require("react-native-modal"));var _Colors=_interopRequireDefault(require("../../../common/Colors"));var _FlexRow=_interopRequireDefault(require("../../../common/FlexRow"));var _Metrics=require("../../../common/Metrics");var _RText=_interopRequireDefault(require("../../../common/RText"));var _Icon=require("../../../common/VectorIcon/Icon");var _loanSlice=require("../../../components/Features/Loans/loanSlice");var _store=require("../../../components/Redux/store");var _jsxRuntime=require("react/jsx-runtime");var _this=this,_jsxFileName="/Users/tima/Documents/Tima/timainvestor/src/screens/PendingLoan/Components/ModalFilterTime.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&&{}.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 ModalFilterTime=function ModalFilterTime(props){var isVisible=props.isVisible,onBackdropPress=props.onBackdropPress,fromDate=props.fromDate,toDate=props.toDate,tabIndex=props.tabIndex,typeLender=props.typeLender,_props$size=props.size,size=_props$size===void 0?4:_props$size,status=props.status,screen=props.screen;var dispatch=(0,_store.useAppDispatch)();var _useState=(0,_react.useState)([]),_useState2=(0,_slicedToArray2.default)(_useState,2),dataPaymentPediods=_useState2[0],setDataPaymentPediods=_useState2[1];var _useState3=(0,_react.useState)(0),_useState4=(0,_slicedToArray2.default)(_useState3,2),currentIndex=_useState4[0],setCurrentIndex=_useState4[1];var _useState5=(0,_react.useState)(4),_useState6=(0,_slicedToArray2.default)(_useState5,2),sizeNumber=_useState6[0],setSizeNumber=_useState6[1];(0,_react.useEffect)(function(){getPayment();},[tabIndex,sizeNumber]);var getPayment=function(){var _ref=(0,_asyncToGenerator2.default)(function*(){var params={size:screen==='receivedLoan'?sizeNumber:size,status:status};var resp=yield dispatch((0,_loanSlice.paymentPeriods)(params));console.log('resp',resp);if(resp.payload.meta.errCode===200){var _resp$payload,_resp$payload4,_resp$payload4$data;setDataPaymentPediods(resp==null?void 0:(_resp$payload=resp.payload)==null?void 0:_resp$payload.data);if(resp.payload.data.length>0&&isVisible){var _resp$payload2,_resp$payload3;fromDate(resp==null?void 0:(_resp$payload2=resp.payload)==null?void 0:_resp$payload2.data[0].fromDate);toDate(resp==null?void 0:(_resp$payload3=resp.payload)==null?void 0:_resp$payload3.data[0].toDate);}else if((resp==null?void 0:(_resp$payload4=resp.payload)==null?void 0:(_resp$payload4$data=_resp$payload4.data)==null?void 0:_resp$payload4$data.length)>0&&typeLender==='NA'&&tabIndex===0){var _resp$payload5,_resp$payload6;fromDate(resp==null?void 0:(_resp$payload5=resp.payload)==null?void 0:_resp$payload5.data[0].fromDate);toDate(resp==null?void 0:(_resp$payload6=resp.payload)==null?void 0:_resp$payload6.data[0].toDate);}}});return function getPayment(){return _ref.apply(this,arguments);};}();return(0,_jsxRuntime.jsx)(_reactNativeModal.default,{style:{justifyContent:'flex-start',paddingTop:(0,_Metrics.actuatedNormalize)(164)},isVisible:isVisible,backdropOpacity:0.3,useNativeDriver:true,animationOutTiming:500,animationIn:"zoomIn",animationOut:"zoomOut",useNativeDriverForBackdrop:true,hideModalContentWhileAnimating:true,onBackdropPress:onBackdropPress,children:(0,_jsxRuntime.jsx)(_reactNative.View,{children:(0,_jsxRuntime.jsx)(_reactNative.View,{style:{backgroundColor:_Colors.default.WHITE,borderRadius:8,paddingVertical:(0,_Metrics.actuatedNormalize)(16),paddingLeft:(0,_Metrics.actuatedNormalize)(16),marginTop:(0,_Metrics.actuatedNormalize)(8),height:screen!=='receivedLoan'?'auto':'55%'},children:(0,_jsxRuntime.jsx)(_reactNative.FlatList,{data:dataPaymentPediods,keyExtractor:function keyExtractor(_,index){return index.toString();},ListFooterComponent:function ListFooterComponent(){return screen!=='receivedLoan'?(0,_jsxRuntime.jsx)(_reactNative.View,{}):(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{onPress:function onPress(){return setSizeNumber(sizeNumber+4);},style:{alignSelf:'center',marginTop:(0,_Metrics.actuatedNormalize)(16)},children:(0,_jsxRuntime.jsx)(_RText.default,{textStyle:{color:_Colors.default.ORANGE},children:"Xem th\xEAm"})});},renderItem:function renderItem(_ref2){var item=_ref2.item,index=_ref2.index;var checked=false;if(index===currentIndex){checked=true;}return(0,_jsxRuntime.jsxs)(_reactNative.TouchableOpacity,{onPress:function onPress(){setCurrentIndex(index);fromDate(item==null?void 0:item.fromDate);toDate(item==null?void 0:item.toDate);onBackdropPress();},style:{flexDirection:'row',alignItems:'center',justifyContent:'space-between',marginTop:index===0?0:(0,_Metrics.actuatedNormalize)(24)},children:[(0,_jsxRuntime.jsxs)(_FlexRow.default,{children:[(0,_jsxRuntime.jsx)(_Icon.IoIconApp,{name:"calendar-outline",size:16}),(0,_jsxRuntime.jsxs)(_RText.default,{textStyle:{paddingLeft:(0,_Metrics.actuatedNormalize)(8)},children:["T\u1EEB ",item==null?void 0:item.fromDate," - ",item==null?void 0:item.toDate]})]}),(0,_jsxRuntime.jsx)(_Icon.IoIconApp,{style:{marginRight:(0,_Metrics.actuatedNormalize)(16)},name:checked?'radio-button-on':'radio-button-off-outline',size:16,color:checked?_Colors.default.ORANGE:_Colors.default.GRAY_4})]},index);}})})})});};var _default=exports.default=ModalFilterTime;
+//# sourceMappingURL=ModalFilterTime.js.map

package/lib/commonjs/screens/PendingLoan/Components/ModalFilterTime.js.flow

@@ -0,0 +1,186 @@
+/* eslint-disable react-native/no-inline-styles */
+//@ts-nocheck
+import React, { useEffect, useState } from 'react';
+import { FlatList, TouchableOpacity, View } from 'react-native';
+import ReactNativeModal from 'react-native-modal';
+import Colors from '../../../common/Colors';
+import FlexRow from '../../../common/FlexRow';
+import { actuatedNormalize } from '../../../common/Metrics';
+import RText from '../../../common/RText';
+import { IoIconApp } from '../../../common/VectorIcon/Icon';
+import { paymentPeriods } from '../../../components/Features/Loans/loanSlice';
+import { useAppDispatch } from '../../../components/Redux/store';
+
+const ModalFilterTime = (props: any) => {
+  const {
+    isVisible,
+    onBackdropPress,
+    fromDate,
+    toDate,
+    tabIndex,
+    typeLender,
+    size = 4,
+    status,
+    screen,
+  } = props;
+  const dispatch = useAppDispatch();
+  const [dataPaymentPediods, setDataPaymentPediods] = useState([]);
+  const [currentIndex, setCurrentIndex] = useState(0);
+  const [sizeNumber, setSizeNumber] = useState(4);
+
+  useEffect(() => {
+    getPayment();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [tabIndex, sizeNumber]);
+
+  const getPayment = async () => {
+    const params = {
+      size: screen === 'receivedLoan' ? sizeNumber : size,
+      status: status,
+    };
+    const resp: any = await dispatch(paymentPeriods(params));
+    console.log('resp', resp);
+    if (resp.payload.meta.errCode === 200) {
+      setDataPaymentPediods(resp?.payload?.data);
+      //   setDataPayment(resp?.payload?.data);
+      if (resp.payload.data.length > 0 && isVisible) {
+        // setDataPaymentPediods(resp?.payload?.data[0]);
+        fromDate(resp?.payload?.data[0].fromDate);
+        toDate(resp?.payload?.data[0].toDate);
+        // getData(fromDate, toDate);
+      } else if (
+        resp?.payload?.data?.length > 0 &&
+        typeLender === 'NA' &&
+        tabIndex === 0
+      ) {
+        fromDate(resp?.payload?.data[0].fromDate);
+        toDate(resp?.payload?.data[0].toDate);
+      }
+    }
+  };
+
+  return (
+    <ReactNativeModal
+      style={{
+        justifyContent: 'flex-start',
+        paddingTop: actuatedNormalize(164),
+      }}
+      isVisible={isVisible}
+      backdropOpacity={0.3}
+      useNativeDriver={true}
+      animationOutTiming={500}
+      animationIn="zoomIn"
+      animationOut="zoomOut"
+      useNativeDriverForBackdrop={true}
+      hideModalContentWhileAnimating={true}
+      onBackdropPress={onBackdropPress}
+    >
+      <View>
+        {/* <FlexRow>
+          <RText
+            textStyle={{
+              color: Colors.WHITE,
+              fontWeight: '600',
+            }}>
+            Lọc theo
+          </RText>
+          <View
+            style={{
+              backgroundColor: Colors.WHITE,
+              borderRadius: 100,
+              paddingVertical: actuatedNormalize(8),
+              paddingHorizontal: actuatedNormalize(12),
+              flexDirection: 'row',
+              alignItems: 'center',
+              marginLeft: actuatedNormalize(16),
+            }}>
+            <IoIconApp name="calendar-outline" size={16} />
+            <RText
+              textStyle={{
+                paddingLeft: actuatedNormalize(8),
+                fontSize: actuatedNormalize(14),
+              }}>
+              Từ {dataPaymentPediods[0]?.fromDate} -{' '}
+              {dataPaymentPediods[0]?.toDate}
+            </RText>
+          </View>
+          <View />
+        </FlexRow> */}
+        <View
+          style={{
+            backgroundColor: Colors.WHITE,
+            borderRadius: 8,
+            paddingVertical: actuatedNormalize(16),
+            paddingLeft: actuatedNormalize(16),
+            marginTop: actuatedNormalize(8),
+            height: screen !== 'receivedLoan' ? 'auto' : '55%',
+          }}
+        >
+          <FlatList
+            data={dataPaymentPediods}
+            keyExtractor={(_, index) => index.toString()}
+            ListFooterComponent={() =>
+              screen !== 'receivedLoan' ? (
+                <View />
+              ) : (
+                <TouchableOpacity
+                  onPress={() => setSizeNumber(sizeNumber + 4)}
+                  style={{
+                    alignSelf: 'center',
+                    marginTop: actuatedNormalize(16),
+                  }}
+                >
+                  <RText textStyle={{ color: Colors.ORANGE }}>Xem thêm</RText>
+                </TouchableOpacity>
+              )
+            }
+            renderItem={({ item, index }: any) => {
+              let checked = false;
+              if (index === currentIndex) {
+                checked = true;
+              }
+              return (
+                <TouchableOpacity
+                  key={index}
+                  onPress={() => {
+                    setCurrentIndex(index);
+                    fromDate(item?.fromDate);
+                    toDate(item?.toDate);
+                    onBackdropPress();
+                  }}
+                  style={{
+                    flexDirection: 'row',
+                    alignItems: 'center',
+                    justifyContent: 'space-between',
+                    marginTop: index === 0 ? 0 : actuatedNormalize(24),
+                  }}
+                >
+                  <FlexRow>
+                    <IoIconApp name="calendar-outline" size={16} />
+                    <RText
+                      textStyle={{
+                        paddingLeft: actuatedNormalize(8),
+                      }}
+                    >
+                      Từ {item?.fromDate} - {item?.toDate}
+                    </RText>
+                  </FlexRow>
+                  <IoIconApp
+                    style={{ marginRight: actuatedNormalize(16) }}
+                    name={
+                      checked ? 'radio-button-on' : 'radio-button-off-outline'
+                    }
+                    size={16}
+                    color={checked ? Colors.ORANGE : Colors.GRAY_4}
+                  />
+                </TouchableOpacity>
+              );
+            }}
+          />
+        </View>
+      </View>
+    </ReactNativeModal>
+  );
+};
+
+export default ModalFilterTime;

package/lib/commonjs/screens/PendingLoan/Components/ModalFilterTime.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeModal","_interopRequireDefault","_Colors","_FlexRow","_Metrics","_RText","_Icon","_loanSlice","_store","_jsxRuntime","_this","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ModalFilterTime","props","isVisible","onBackdropPress","fromDate","toDate","tabIndex","typeLender","_props$size","size","status","screen","dispatch","useAppDispatch","_useState","useState","_useState2","_slicedToArray2","dataPaymentPediods","setDataPaymentPediods","_useState3","_useState4","currentIndex","setCurrentIndex","_useState5","_useState6","sizeNumber","setSizeNumber","useEffect","getPayment","_ref","_asyncToGenerator2","params","resp","paymentPeriods","console","log","payload","meta","errCode","_resp$payload","_resp$payload4","_resp$payload4$data","data","length","_resp$payload2","_resp$payload3","_resp$payload5","_resp$payload6","apply","arguments","jsx","style","justifyContent","paddingTop","actuatedNormalize","backdropOpacity","useNativeDriver","animationOutTiming","animationIn","animationOut","useNativeDriverForBackdrop","hideModalContentWhileAnimating","children","View","backgroundColor","Colors","WHITE","borderRadius","paddingVertical","paddingLeft","marginTop","height","FlatList","keyExtractor","_","index","toString","ListFooterComponent","TouchableOpacity","onPress","alignSelf","textStyle","color","ORANGE","renderItem","_ref2","item","checked","jsxs","flexDirection","alignItems","IoIconApp","name","marginRight","GRAY_4","_default","exports"],"sourceRoot":"../../../../../src","sources":["screens/PendingLoan/Components/ModalFilterTime.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/screens/PendingLoan/Tabs/Tab1.js

@@ -0,0 +1,2 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _native=require("@react-navigation/native");var _lodash=require("lodash");var _moment=_interopRequireDefault(require("moment"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _reactNativeLinearGradient=_interopRequireDefault(require("react-native-linear-gradient"));var _Colors=_interopRequireDefault(require("../../../common/Colors"));var _FlexRow=_interopRequireDefault(require("../../../common/FlexRow"));var _FormatNumber=_interopRequireDefault(require("../../../common/FormatNumber"));var _Metrics=require("../../../common/Metrics");var _RText=_interopRequireDefault(require("../../../common/RText"));var _SpaceBetween=_interopRequireDefault(require("../../../common/SpaceBetween"));var _Screens=_interopRequireDefault(require("../../../components/Navigation/Screens"));var _jsxRuntime=require("react/jsx-runtime");var _this=this,_jsxFileName="/Users/tima/Documents/Tima/timainvestor/src/screens/PendingLoan/Tabs/Tab1.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&&{}.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 Tab1=function Tab1(props){var navigation=(0,_native.useNavigation)();var data=props.data;var _useState=(0,_react.useState)([]),_useState2=(0,_slicedToArray2.default)(_useState,2),groupData=_useState2[0],setGroupData=_useState2[1];(0,_react.useEffect)(function(){var _data$lstLoan;if(data!=null&&(_data$lstLoan=data.lstLoan)!=null&&_data$lstLoan.length){var _data$lstLoan2;var groupedData=Object.values(data==null?void 0:(_data$lstLoan2=data.lstLoan)==null?void 0:_data$lstLoan2.reduce(function(spd,item){if(!spd[(0,_moment.default)(item.createDate).format('DD-MM-YYYY')]){spd[(0,_moment.default)(item.createDate).format('DD-MM-YYYY')]={name:(0,_moment.default)(item.createDate).format('DD-MM-YYYY'),items:[]};}spd[(0,_moment.default)(item.createDate).format('DD-MM-YYYY')].items.push(item);return spd;},{}));var rs=(0,_lodash.sortBy)(groupedData,function(o){return(0,_moment.default)(o==null?void 0:o.name);}).reverse();setGroupData(rs);}else{setGroupData([]);}},[data]);function _renderItem(_ref){var item=_ref.item,_index=_ref._index;return(0,_jsxRuntime.jsxs)(_reactNative.View,{children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:{backgroundColor:'#FFF3E8',paddingVertical:(0,_Metrics.actuatedNormalize)(6),paddingHorizontal:(0,_Metrics.actuatedNormalize)(16)},children:(0,_jsxRuntime.jsxs)(_RText.default,{textStyle:{fontWeight:'400',fontSize:(0,_Metrics.actuatedNormalize)(12)},children:["Ng\xE0y ",item==null?void 0:item.name]})}),(0,_jsxRuntime.jsx)(_reactNative.FlatList,{data:item==null?void 0:item.items,keyExtractor:function keyExtractor(i,d){return d==null?void 0:d.toString();},renderItem:_renderList})]});}var _renderList=function _renderList(_ref2){var item=_ref2.item;return(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{activeOpacity:1,onPress:function onPress(){return navigation.navigate(_Screens.default.DetailHistory,{item:item});},children:(0,_jsxRuntime.jsxs)(_FlexRow.default,{style:{paddingVertical:12},children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:{width:130,paddingLeft:(0,_Metrics.actuatedNormalize)(16)},children:[(0,_jsxRuntime.jsx)(_RText.default,{textStyle:{fontSize:(0,_Metrics.actuatedNormalize)(12),color:'#000000',fontWeight:'bold'},children:item==null?void 0:item.customerName}),(0,_jsxRuntime.jsx)(_RText.default,{textStyle:{fontSize:(0,_Metrics.actuatedNormalize)(10),color:'#777777',paddingTop:2},children:item==null?void 0:item.loanCode})]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:{width:90,alignItems:'center'},children:(0,_jsxRuntime.jsxs)(_RText.default,{textStyle:{fontSize:(0,_Metrics.actuatedNormalize)(12),color:'#000000'},children:[(0,_Metrics.numberWithCommas)(item==null?void 0:item.loanTotalMoneyCurrent)," \u0111"]})}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:{width:90,alignItems:'center'},children:[(0,_jsxRuntime.jsxs)(_RText.default,{textStyle:{fontSize:(0,_Metrics.actuatedNormalize)(12),color:'#000000'},children:[(0,_Metrics.numberWithCommas)(item==null?void 0:item.moneyInterestExpected)," \u0111"]}),(0,_jsxRuntime.jsxs)(_RText.default,{textStyle:{fontSize:(0,_Metrics.actuatedNormalize)(8),color:_Colors.default.GRAY_3,paddingTop:(0,_Metrics.actuatedNormalize)(4)},children:["PIT: ",(0,_Metrics.numberWithCommas)(item==null?void 0:item.pit)," \u0111"]})]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:{width:150,alignItems:'center'},children:(0,_jsxRuntime.jsxs)(_RText.default,{textStyle:{fontSize:(0,_Metrics.actuatedNormalize)(12),color:'#000000'},children:[(0,_Metrics.numberWithCommas)(item==null?void 0:item.totalPay)," \u0111"]})})]})});};return(0,_jsxRuntime.jsxs)(_reactNative.View,{children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:{paddingHorizontal:(0,_Metrics.actuatedNormalize)(16)},children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:{borderWidth:1,borderColor:_Colors.default.ORANGE,borderRadius:8,marginTop:(0,_Metrics.actuatedNormalize)(12)},children:[(0,_jsxRuntime.jsxs)(_SpaceBetween.default,{style:{padding:(0,_Metrics.actuatedNormalize)(12)},children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{children:[(0,_jsxRuntime.jsx)(_RText.default,{textStyle:{color:_Colors.default.GRAY_3,paddingBottom:(0,_Metrics.actuatedNormalize)(4),fontSize:(0,_Metrics.actuatedNormalize)(14)},children:"S\u1ED1 d\u01B0 \u0111\u1EA7u k\u1EF3 (1)"}),(0,_jsxRuntime.jsx)(_RText.default,{textStyle:{color:_Colors.default.GRAY_3,paddingBottom:(0,_Metrics.actuatedNormalize)(4),fontSize:(0,_Metrics.actuatedNormalize)(14)},children:"S\u1ED1 ti\u1EC1n N\u0110T thu h\u1ED9 BH (2)"}),(0,_jsxRuntime.jsx)(_RText.default,{textStyle:{color:_Colors.default.GRAY_3,paddingBottom:(0,_Metrics.actuatedNormalize)(4),fontSize:(0,_Metrics.actuatedNormalize)(14)},children:"S\u1ED1 ti\u1EC1n Tima \u0111\xE3 thu KH (3)"}),(0,_jsxRuntime.jsx)(_RText.default,{textStyle:{color:_Colors.default.GRAY_3,fontSize:(0,_Metrics.actuatedNormalize)(14)},children:"S\u1ED1 ti\u1EC1n N\u0110T \u0111\xE3 nh\u1EADn (4)"})]}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:{alignItems:'flex-end'},children:[(0,_jsxRuntime.jsxs)(_RText.default,{textStyle:{color:_Colors.default.GRAY_3,paddingBottom:(0,_Metrics.actuatedNormalize)(4),fontSize:(0,_Metrics.actuatedNormalize)(14)},children:[(0,_FormatNumber.default)(data==null?void 0:data.beginBalance)," \u0111"]}),(0,_jsxRuntime.jsxs)(_RText.default,{textStyle:{color:_Colors.default.GRAY_3,paddingBottom:(0,_Metrics.actuatedNormalize)(4),fontSize:(0,_Metrics.actuatedNormalize)(14)},children:[(0,_FormatNumber.default)(data==null?void 0:data.lenderPaid)," \u0111"]}),(0,_jsxRuntime.jsxs)(_RText.default,{textStyle:{color:_Colors.default.GRAY_3,paddingBottom:(0,_Metrics.actuatedNormalize)(4),fontSize:(0,_Metrics.actuatedNormalize)(14)},children:[(0,_FormatNumber.default)(data==null?void 0:data.timaPaid)," \u0111"]}),(0,_jsxRuntime.jsxs)(_RText.default,{textStyle:{color:_Colors.default.GRAY_3,fontSize:(0,_Metrics.actuatedNormalize)(14)},children:[(0,_FormatNumber.default)(data==null?void 0:data.moneyReceived)," \u0111"]})]})]}),(0,_jsxRuntime.jsxs)(_reactNativeLinearGradient.default,{colors:['#FF8E4F','#EF592E'],start:{x:1,y:0},end:{x:0,y:0},style:{alignItems:'center',justifyContent:'space-between',flexDirection:'row',paddingHorizontal:(0,_Metrics.actuatedNormalize)(12),paddingVertical:(0,_Metrics.actuatedNormalize)(8),borderBottomLeftRadius:8,borderBottomRightRadius:8},children:[(0,_jsxRuntime.jsx)(_RText.default,{textStyle:{color:'white',fontWeight:'600'},children:"S\u1ED1 d\u01B0 cu\u1ED1i k\u1EF3 (1-2+3-4)"}),(0,_jsxRuntime.jsxs)(_RText.default,{textStyle:{color:'white',fontWeight:'600'},children:[(0,_FormatNumber.default)((data==null?void 0:data.beginBalance)-(data==null?void 0:data.lenderPaid)+(data==null?void 0:data.timaPaid)-(data==null?void 0:data.moneyReceived)),' ',"\u0111"]})]})]}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:{borderWidth:1,borderColor:_Colors.default.ORANGE,borderRadius:8,marginTop:(0,_Metrics.actuatedNormalize)(12)},children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:{padding:(0,_Metrics.actuatedNormalize)(12)},children:[(0,_jsxRuntime.jsxs)(_SpaceBetween.default,{children:[(0,_jsxRuntime.jsx)(_RText.default,{textStyle:{color:_Colors.default.GRAY_3,fontSize:(0,_Metrics.actuatedNormalize)(14)},children:"S\u1ED1 l\u01B0\u1EE3ng \u0111\u01A1n"}),(0,_jsxRuntime.jsx)(_RText.default,{textStyle:{color:_Colors.default.GRAY_3,fontSize:(0,_Metrics.actuatedNormalize)(14)},children:data==null?void 0:data.totalLoan})]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:{width:'100%',height:1,backgroundColor:_Colors.default.ORANGE,marginVertical:(0,_Metrics.actuatedNormalize)(12)}}),(0,_jsxRuntime.jsxs)(_SpaceBetween.default,{children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{children:[(0,_jsxRuntime.jsx)(_RText.default,{textStyle:{color:_Colors.default.GRAY_3,paddingBottom:(0,_Metrics.actuatedNormalize)(4),fontSize:(0,_Metrics.actuatedNormalize)(14)},children:"T\u1ED5ng s\u1ED1 ti\u1EC1n g\u1ED1c (1)"}),(0,_jsxRuntime.jsx)(_RText.default,{textStyle:{color:_Colors.default.GRAY_3,paddingBottom:(0,_Metrics.actuatedNormalize)(4),fontSize:(0,_Metrics.actuatedNormalize)(14)},children:"T\u1ED5ng s\u1ED1 ti\u1EC1n l\xE3i (2)"}),(0,_jsxRuntime.jsx)(_RText.default,{textStyle:{color:_Colors.default.GRAY_3,fontSize:(0,_Metrics.actuatedNormalize)(14)},children:"T\u1ED5ng thu\u1EBF (3)"})]}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:{alignItems:'flex-end'},children:[(0,_jsxRuntime.jsxs)(_RText.default,{textStyle:{color:_Colors.default.GRAY_3,paddingBottom:(0,_Metrics.actuatedNormalize)(4),fontSize:(0,_Metrics.actuatedNormalize)(14)},children:[(0,_FormatNumber.default)(data==null?void 0:data.totalMoney)," \u0111"]}),(0,_jsxRuntime.jsxs)(_RText.default,{textStyle:{color:_Colors.default.GRAY_3,paddingBottom:(0,_Metrics.actuatedNormalize)(4),fontSize:(0,_Metrics.actuatedNormalize)(14)},children:[(0,_FormatNumber.default)(data==null?void 0:data.totalMoneyInterest)," \u0111"]}),(0,_jsxRuntime.jsxs)(_RText.default,{textStyle:{color:_Colors.default.GRAY_3,fontSize:(0,_Metrics.actuatedNormalize)(14)},children:[(0,_FormatNumber.default)(data==null?void 0:data.totalPit)," \u0111"]})]})]})]}),(0,_jsxRuntime.jsxs)(_reactNativeLinearGradient.default,{colors:['#FF8E4F','#EF592E'],start:{x:1,y:0},end:{x:0,y:0},style:{alignItems:'center',justifyContent:'space-between',flexDirection:'row',paddingHorizontal:(0,_Metrics.actuatedNormalize)(12),paddingVertical:(0,_Metrics.actuatedNormalize)(8),borderBottomLeftRadius:8,borderBottomRightRadius:8},children:[(0,_jsxRuntime.jsx)(_RText.default,{textStyle:{color:'white',fontWeight:'600'},children:"T\u1ED5ng KH thanh to\xE1n (1+2-3)"}),(0,_jsxRuntime.jsxs)(_RText.default,{textStyle:{color:'white',fontWeight:'600'},children:[(0,_FormatNumber.default)((data==null?void 0:data.totalMoney)+(data==null?void 0:data.totalMoneyInterest)-(data==null?void 0:data.totalPit)),' ',"\u0111"]})]})]})]}),(0,_jsxRuntime.jsx)(_reactNative.ScrollView,{horizontal:true,showsHorizontalScrollIndicator:false,children:(0,_jsxRuntime.jsx)(_reactNative.FlatList,{data:groupData,keyExtractor:function keyExtractor(item,index){return index.toString();},renderItem:_renderItem,scrollEnabled:false,ListHeaderComponent:function ListHeaderComponent(){return(0,_jsxRuntime.jsxs)(_FlexRow.default,{style:{paddingVertical:12,backgroundColor:_Colors.default.ORANGE,alignItems:'center',marginTop:(0,_Metrics.actuatedNormalize)(16)},children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:{width:130,alignItems:'center'},children:(0,_jsxRuntime.jsx)(_RText.default,{textStyle:{fontSize:11,color:_Colors.default.WHITE,fontWeight:'bold'},children:'Tên khách hàng'})}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:{width:90,alignItems:'center'},children:(0,_jsxRuntime.jsx)(_RText.default,{textStyle:{fontSize:11,color:_Colors.default.WHITE,fontWeight:'bold'},children:'Gốc'})}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:{width:90,alignItems:'center'},children:(0,_jsxRuntime.jsx)(_RText.default,{textStyle:{fontSize:11,color:_Colors.default.WHITE,fontWeight:'bold'},children:'Lãi'})}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:{width:150,alignItems:'center'},children:(0,_jsxRuntime.jsx)(_RText.default,{textStyle:{fontSize:11,color:_Colors.default.WHITE,fontWeight:'bold',paddingRight:10},children:'Tổng thanh toán'})})]});}})})]});};var _default=exports.default=Tab1;
+//# sourceMappingURL=Tab1.js.map