@tima2025/react-native-timalender 1.0.0

package/lib/commonjs/screens/ListLoan/Components/ListLoan.js.flow

@@ -0,0 +1,155 @@
+//@ts-nocheck
+/* eslint-disable react-native/no-inline-styles */
+import { useNavigation } from '@react-navigation/native';
+import React, { memo } from 'react';
+import { TouchableOpacity, View } from 'react-native';
+import Colors from '../../../common/Colors';
+import Container from '../../../common/Container';
+import FlexRow from '../../../common/FlexRow';
+import formatNumber from '../../../common/FormatNumber';
+import HeaderClose from '../../../common/HeaderClose/HeaderClose';
+import { actuatedNormalize, numberWithCommas } from '../../../common/Metrics';
+import RText from '../../../common/RText';
+import Screens from '../../../components/Navigation/Screens';
+
+const ListLoan = ({ item, index, currentStatus, typeName }: any) => {
+  const navigation = useNavigation();
+
+  const renderTypeBackground = (status: number) => {
+    switch (status) {
+      case 1:
+        return '#28C66A';
+      case 2:
+        return typeName === 'GoldPlus' && item?.dpd >= 45
+          ? Colors.RED
+          : typeName === 'Gold' && item?.dpd > 90
+          ? Colors.RED
+          : '#28C66A';
+      case 3:
+        return '#F2C94C';
+      case 4:
+        return '#BDBDBD';
+
+      default:
+        break;
+    }
+    // 1: '#28C66A',
+    // 2: '#28C66A',
+    // 3: '#F2C94C',
+    // 4: '#BDBDBD',
+  };
+
+  function statusLoan(item: any) {
+    const status = item.loanStatus;
+    return (
+      <FlexRow
+        style={{
+          justifyContent: 'center',
+          alignItems: 'center',
+          backgroundColor: renderTypeBackground(status),
+          borderRadius: 10,
+        }}
+      >
+        <RText
+          style={{
+            paddingHorizontal: 6,
+            paddingVertical: 5,
+            fontSize: 9,
+            color: 'white',
+          }}
+        >
+          {item?.loanStatusName}
+        </RText>
+      </FlexRow>
+    );
+  }
+
+  return (
+    <Container>
+      <HeaderClose onPress={() => navigation.navigate('MyBank.Main')} />
+      <View key={index} style={{ paddingHorizontal: actuatedNormalize(16) }}>
+        <TouchableOpacity
+          activeOpacity={1}
+          onPress={() =>
+            navigation.navigate(Screens.DetailHistory, {
+              item,
+              tabIndex: currentStatus,
+            })
+          }
+        >
+          <FlexRow
+            style={{
+              paddingVertical: 12,
+            }}
+          >
+            <View
+              style={{
+                width: 30,
+              }}
+            >
+              <RText
+                style={{ fontSize: 10, color: '#000000', textAlign: 'center' }}
+              >
+                {index + 1}.
+              </RText>
+            </View>
+            <View style={{ flex: 1 }}>
+              <RText
+                style={{ fontSize: 10, color: '#000000', fontWeight: 'bold' }}
+              >
+                {item?.customerName}
+              </RText>
+              <RText style={{ fontSize: 10, color: '#777777', paddingTop: 2 }}>
+                {item?.loanCode}
+              </RText>
+            </View>
+            <View style={{ flex: 1 }}>
+              <RText
+                style={{
+                  fontSize: 10,
+                  color: '#000000',
+                  textAlign: 'center',
+                }}
+              >
+                {numberWithCommas(item?.loanTotalMoneyCurrent)} đ
+              </RText>
+            </View>
+            <View style={{ flex: 1, alignItems: 'flex-end' }}>
+              <RText
+                style={{
+                  fontSize: 10,
+                  color: '#000000',
+                  textAlign: 'center',
+                }}
+              >
+                {numberWithCommas(item?.moneyInterestExpected)} đ
+              </RText>
+              <RText
+                textStyle={{
+                  fontSize: actuatedNormalize(10),
+                  color: Colors.GRAY_3,
+                  paddingTop: actuatedNormalize(4),
+                }}
+              >
+                PIT: {item?.pitMoney > 0 ? '-' : ''}{' '}
+                {formatNumber(item?.pitMoney)} đ
+              </RText>
+            </View>
+
+            <View
+              style={{
+                flex: 1,
+                alignItems: 'flex-end',
+              }}
+            >
+              {statusLoan(item)}
+            </View>
+          </FlexRow>
+        </TouchableOpacity>
+        {/* <View style={{backgroundColor: 'rgba(189, 189, 189, 1)', height: 1}} /> */}
+      </View>
+    </Container>
+  );
+};
+
+export default memo(ListLoan);

package/lib/commonjs/screens/ListLoan/Components/ListLoan.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_native","require","_react","_interopRequireWildcard","_reactNative","_Colors","_interopRequireDefault","_Container","_FlexRow","_FormatNumber","_HeaderClose","_Metrics","_RText","_Screens","_jsxRuntime","_this","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ListLoan","_ref","item","index","currentStatus","typeName","navigation","useNavigation","renderTypeBackground","status","dpd","Colors","RED","statusLoan","loanStatus","jsx","style","justifyContent","alignItems","backgroundColor","borderRadius","children","paddingHorizontal","paddingVertical","fontSize","color","loanStatusName","jsxs","onPress","navigate","View","actuatedNormalize","TouchableOpacity","activeOpacity","Screens","DetailHistory","tabIndex","width","textAlign","flex","fontWeight","customerName","paddingTop","loanCode","numberWithCommas","loanTotalMoneyCurrent","moneyInterestExpected","textStyle","GRAY_3","pitMoney","formatNumber","_default","exports","memo"],"sourceRoot":"../../../../../src","sources":["screens/ListLoan/Components/ListLoan.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/screens/ListLoan/Components/ListLoanClosed.js

@@ -0,0 +1,2 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _native=require("@react-navigation/native");var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");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 _Screens=_interopRequireDefault(require("../../../components/Navigation/Screens"));var _jsxRuntime=require("react/jsx-runtime");var _this=this,_jsxFileName="/Users/tima/Documents/Tima/timainvestor/src/screens/ListLoan/Components/ListLoanClosed.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 ListLoanClosed=function ListLoanClosed(_ref){var item=_ref.item,index=_ref.index,currentStatus=_ref.currentStatus;var navigation=(0,_native.useNavigation)();return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:{paddingHorizontal:(0,_Metrics.actuatedNormalize)(16)},children:[(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{activeOpacity:1,onPress:function onPress(){return navigation.navigate(_Screens.default.DetailHistory,{item:item,tabIndex:currentStatus});},children:(0,_jsxRuntime.jsxs)(_FlexRow.default,{style:{paddingVertical:12},children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:{width:30},children:(0,_jsxRuntime.jsxs)(_RText.default,{style:{fontSize:10,color:'#000000',textAlign:'center'},children:[index+1,"."]})}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:{flex:1},children:[(0,_jsxRuntime.jsx)(_RText.default,{style:{fontSize:10,color:'#000000',fontWeight:'bold'},children:item==null?void 0:item.customerName}),(0,_jsxRuntime.jsx)(_RText.default,{style:{fontSize:10,color:'#777777',paddingTop:2},children:item==null?void 0:item.loanCode})]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:{flex:1},children:(0,_jsxRuntime.jsx)(_RText.default,{style:{fontSize:10,color:'#000000',textAlign:'center'},children:(0,_Metrics.numberWithCommas)(item==null?void 0:item.loanMoneyDisbursement)})}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:{flex:1},children:[(0,_jsxRuntime.jsxs)(_RText.default,{textStyle:{fontSize:(0,_Metrics.actuatedNormalize)(12),color:'#000000',textAlign:'center'},children:[(0,_Metrics.numberWithCommas)(item==null?void 0:item.moneyInterestReceived)," \u0111"]}),(0,_jsxRuntime.jsxs)(_RText.default,{textStyle:{fontSize:(0,_Metrics.actuatedNormalize)(10),color:_Colors.default.GRAY_3,paddingTop:(0,_Metrics.actuatedNormalize)(4),textAlign:'center'},children:["PIT: ",(item==null?void 0:item.pitMoney)>0?'-':'',' ',(0,_FormatNumber.default)(item==null?void 0:item.pitMoney)," \u0111"]})]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:{flex:1,alignItems:'flex-end'},children:(0,_jsxRuntime.jsx)(_FlexRow.default,{style:{justifyContent:'center',alignItems:'center',backgroundColor:'#BDBDBD',borderRadius:10},children:(0,_jsxRuntime.jsx)(_RText.default,{style:{paddingHorizontal:6,paddingVertical:5,fontSize:9,color:'white'},children:item==null?void 0:item.loanStatusName})})})]})}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:{backgroundColor:'rgba(189, 189, 189, 1)',height:1}})]},index);};var _default=exports.default=(0,_react.memo)(ListLoanClosed);
+//# sourceMappingURL=ListLoanClosed.js.map

package/lib/commonjs/screens/ListLoan/Components/ListLoanClosed.js.flow

@@ -0,0 +1,120 @@
+//@ts-nocheck
+/* eslint-disable react-native/no-inline-styles */
+import { useNavigation } from '@react-navigation/native';
+import React, { memo } from 'react';
+import { TouchableOpacity, View } from 'react-native';
+import Colors from '../../../common/Colors';
+import FlexRow from '../../../common/FlexRow';
+import formatNumber from '../../../common/FormatNumber';
+import { actuatedNormalize, numberWithCommas } from '../../../common/Metrics';
+import RText from '../../../common/RText';
+import Screens from '../../../components/Navigation/Screens';
+
+const ListLoanClosed = ({ item, index, currentStatus }: any) => {
+  const navigation = useNavigation();
+
+  return (
+    <View key={index} style={{ paddingHorizontal: actuatedNormalize(16) }}>
+      <TouchableOpacity
+        activeOpacity={1}
+        onPress={() =>
+          navigation.navigate(Screens.DetailHistory, {
+            item,
+            tabIndex: currentStatus,
+          })
+        }
+      >
+        <FlexRow
+          style={{
+            paddingVertical: 12,
+          }}
+        >
+          <View
+            style={{
+              width: 30,
+            }}
+          >
+            <RText
+              style={{ fontSize: 10, color: '#000000', textAlign: 'center' }}
+            >
+              {index + 1}.
+            </RText>
+          </View>
+          <View style={{ flex: 1 }}>
+            <RText
+              style={{ fontSize: 10, color: '#000000', fontWeight: 'bold' }}
+            >
+              {item?.customerName}
+            </RText>
+            <RText style={{ fontSize: 10, color: '#777777', paddingTop: 2 }}>
+              {item?.loanCode}
+            </RText>
+          </View>
+          <View style={{ flex: 1 }}>
+            <RText
+              style={{
+                fontSize: 10,
+                color: '#000000',
+                textAlign: 'center',
+              }}
+            >
+              {numberWithCommas(item?.loanMoneyDisbursement)}
+            </RText>
+          </View>
+          <View style={{ flex: 1 }}>
+            <RText
+              textStyle={{
+                fontSize: actuatedNormalize(12),
+                color: '#000000',
+                textAlign: 'center',
+              }}
+            >
+              {numberWithCommas(item?.moneyInterestReceived)} đ
+            </RText>
+            <RText
+              textStyle={{
+                fontSize: actuatedNormalize(10),
+                color: Colors.GRAY_3,
+                paddingTop: actuatedNormalize(4),
+                textAlign: 'center',
+              }}
+            >
+              PIT: {item?.pitMoney > 0 ? '-' : ''}{' '}
+              {formatNumber(item?.pitMoney)} đ
+            </RText>
+          </View>
+
+          <View
+            style={{
+              flex: 1,
+              alignItems: 'flex-end',
+            }}
+          >
+            <FlexRow
+              style={{
+                justifyContent: 'center',
+                alignItems: 'center',
+                backgroundColor: '#BDBDBD',
+                borderRadius: 10,
+              }}
+            >
+              <RText
+                style={{
+                  paddingHorizontal: 6,
+                  paddingVertical: 5,
+                  fontSize: 9,
+                  color: 'white',
+                }}
+              >
+                {item?.loanStatusName}
+              </RText>
+            </FlexRow>
+          </View>
+        </FlexRow>
+      </TouchableOpacity>
+      <View style={{ backgroundColor: 'rgba(189, 189, 189, 1)', height: 1 }} />
+    </View>
+  );
+};
+
+export default memo(ListLoanClosed);

package/lib/commonjs/screens/ListLoan/Components/ListLoanClosed.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_native","require","_react","_interopRequireWildcard","_reactNative","_Colors","_interopRequireDefault","_FlexRow","_FormatNumber","_Metrics","_RText","_Screens","_jsxRuntime","_this","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ListLoanClosed","_ref","item","index","currentStatus","navigation","useNavigation","jsxs","View","style","paddingHorizontal","actuatedNormalize","children","jsx","TouchableOpacity","activeOpacity","onPress","navigate","Screens","DetailHistory","tabIndex","paddingVertical","width","fontSize","color","textAlign","flex","fontWeight","customerName","paddingTop","loanCode","numberWithCommas","loanMoneyDisbursement","textStyle","moneyInterestReceived","Colors","GRAY_3","pitMoney","formatNumber","alignItems","justifyContent","backgroundColor","borderRadius","loanStatusName","height","_default","exports","memo"],"sourceRoot":"../../../../../src","sources":["screens/ListLoan/Components/ListLoanClosed.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/screens/ListLoan/Components/PopoverChooseStatus.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 _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _Colors=_interopRequireDefault(require("../../../common/Colors"));var _Metrics=require("../../../common/Metrics");var _RText=_interopRequireDefault(require("../../../common/RText"));var _CustomPopover=_interopRequireDefault(require("../../../components/CustomPopover/CustomPopover"));var _jsxRuntime=require("react/jsx-runtime");var _this=this,_jsxFileName="/Users/tima/Documents/Tima/timainvestor/src/screens/ListLoan/Components/PopoverChooseStatus.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 ListStatus=[{id:0,text:'Tất cả'},{id:1,text:'Đang vay'},{id:2,text:'Chậm trả'},{id:3,text:'Chờ gửi bảo hiểm'}];var ListStatusSlice=[{id:0,text:'Tất cả'},{id:1,text:'Đang vay'},{id:2,text:'Chậm trả'}];var PopoverChooseStatus=function PopoverChooseStatus(props){var from=props.from,isVisible=props.isVisible,onRequestClose=props.onRequestClose,_onPress=props.onPress,typeName=props.typeName;var _useState=(0,_react.useState)(0),_useState2=(0,_slicedToArray2.default)(_useState,2),currentIndex=_useState2[0],setCurrentIndex=_useState2[1];var _useState3=(0,_react.useState)([]),_useState4=(0,_slicedToArray2.default)(_useState3,2),data=_useState4[0],setData=_useState4[1];(0,_react.useEffect)(function(){if(typeName==='GoldPlus'||typeName==='RubyPlus'){setData(ListStatusSlice);}else{setData(ListStatus);}},[]);return(0,_jsxRuntime.jsx)(_CustomPopover.default,{from:from,isVisible:isVisible,onRequestClose:onRequestClose,children:(0,_jsxRuntime.jsx)(_reactNative.View,{style:{backgroundColor:_Colors.default.WHITE},children:(0,_jsxRuntime.jsx)(_reactNative.FlatList,{data:data,keyExtractor:function keyExtractor(item,index){return index.toString();},renderItem:function renderItem(_ref){var item=_ref.item,index=_ref.index;var checked=false;if(currentIndex===item.id){checked=true;}return(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{onPress:function onPress(){_onPress(item);onRequestClose();setCurrentIndex(item.id);},style:{height:(0,_Metrics.actuatedNormalize)(30),alignItems:'flex-start',justifyContent:'center',borderRadius:16,marginBottom:index===data.length?(0,_Metrics.actuatedNormalize)(16):0,backgroundColor:checked?_Colors.default.ORANGE:'white',paddingHorizontal:(0,_Metrics.actuatedNormalize)(8)},children:(0,_jsxRuntime.jsx)(_RText.default,{textStyle:{color:checked?_Colors.default.WHITE:_Colors.default.GRAY_3},children:item==null?void 0:item.text})});}})})});};var _default=exports.default=PopoverChooseStatus;
+//# sourceMappingURL=PopoverChooseStatus.js.map

package/lib/commonjs/screens/ListLoan/Components/PopoverChooseStatus.js.flow

@@ -0,0 +1,108 @@
+//@ts-nocheck
+import React, { useEffect, useState } from 'react';
+import { FlatList, TouchableOpacity, View } from 'react-native';
+import Colors from '../../../common/Colors';
+import { actuatedNormalize } from '../../../common/Metrics';
+import RText from '../../../common/RText';
+import CustomPopover from '../../../components/CustomPopover/CustomPopover';
+
+const ListStatus = [
+  {
+    id: 0,
+    text: 'Tất cả',
+  },
+  {
+    id: 1,
+    text: 'Đang vay',
+  },
+  {
+    id: 2,
+    text: 'Chậm trả',
+  },
+  {
+    id: 3,
+    text: 'Chờ gửi bảo hiểm',
+  },
+];
+
+const ListStatusSlice = [
+  {
+    id: 0,
+    text: 'Tất cả',
+  },
+  {
+    id: 1,
+    text: 'Đang vay',
+  },
+  {
+    id: 2,
+    text: 'Chậm trả',
+  },
+];
+
+const PopoverChooseStatus = (props) => {
+  const { from, isVisible, onRequestClose, onPress, typeName } = props;
+  const [currentIndex, setCurrentIndex] = useState(0);
+  const [data, setData] = useState([]);
+
+  useEffect(() => {
+    if (typeName === 'GoldPlus' || typeName === 'RubyPlus') {
+      setData(ListStatusSlice);
+    } else {
+      setData(ListStatus);
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  return (
+    <CustomPopover
+      from={from}
+      isVisible={isVisible}
+      onRequestClose={onRequestClose}
+    >
+      <View
+        style={{
+          backgroundColor: Colors.WHITE,
+        }}
+      >
+        <FlatList
+          data={data}
+          keyExtractor={(item, index) => index.toString()}
+          renderItem={({ item, index }) => {
+            let checked = false;
+            if (currentIndex === item.id) {
+              checked = true;
+            }
+            return (
+              <TouchableOpacity
+                onPress={() => {
+                  onPress(item);
+                  onRequestClose();
+                  setCurrentIndex(item.id);
+                }}
+                style={{
+                  height: actuatedNormalize(30),
+                  alignItems: 'flex-start',
+                  justifyContent: 'center',
+                  borderRadius: 16,
+                  marginBottom:
+                    index === data.length ? actuatedNormalize(16) : 0,
+                  backgroundColor: checked ? Colors.ORANGE : 'white',
+                  paddingHorizontal: actuatedNormalize(8),
+                }}
+              >
+                <RText
+                  textStyle={{ color: checked ? Colors.WHITE : Colors.GRAY_3 }}
+                >
+                  {item?.text}
+                </RText>
+              </TouchableOpacity>
+            );
+          }}
+        />
+      </View>
+    </CustomPopover>
+  );
+};
+
+export default PopoverChooseStatus;

package/lib/commonjs/screens/ListLoan/Components/PopoverChooseStatus.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_Colors","_interopRequireDefault","_Metrics","_RText","_CustomPopover","_jsxRuntime","_this","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ListStatus","id","text","ListStatusSlice","PopoverChooseStatus","props","from","isVisible","onRequestClose","onPress","typeName","_useState","useState","_useState2","_slicedToArray2","currentIndex","setCurrentIndex","_useState3","_useState4","data","setData","useEffect","jsx","children","View","style","backgroundColor","Colors","WHITE","FlatList","keyExtractor","item","index","toString","renderItem","_ref","checked","TouchableOpacity","height","actuatedNormalize","alignItems","justifyContent","borderRadius","marginBottom","length","ORANGE","paddingHorizontal","textStyle","color","GRAY_3","_default","exports"],"sourceRoot":"../../../../../src","sources":["screens/ListLoan/Components/PopoverChooseStatus.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/screens/ListLoan/ModalFilter.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 _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _reactNativeModal=_interopRequireDefault(require("react-native-modal"));var _Colors=_interopRequireDefault(require("../../common/Colors"));var _Metrics=require("../../common/Metrics");var _RText=_interopRequireDefault(require("../../common/RText"));var _Icon=require("../../common/VectorIcon/Icon");var _jsxRuntime=require("react/jsx-runtime");var _this=this,_jsxFileName="/Users/tima/Documents/Tima/timainvestor/src/screens/ListLoan/ModalFilter.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 ModalFilter=function ModalFilter(props){var isVisible=props.isVisible,onBackdropPress=props.onBackdropPress,onCheck=props.onCheck;var _useState=(0,_react.useState)(0),_useState2=(0,_slicedToArray2.default)(_useState,2),currentIndex=_useState2[0],setCurrentIndex=_useState2[1];var handleChecker=function handleChecker(i,index){setCurrentIndex(index);onCheck(i);onBackdropPress();};return(0,_jsxRuntime.jsx)(_reactNativeModal.default,{isVisible:isVisible,backdropOpacity:0.3,useNativeDriver:true,animationOutTiming:500,animationIn:"zoomIn",animationOut:"zoomOut",useNativeDriverForBackdrop:true,hideModalContentWhileAnimating:true,style:{justifyContent:'flex-start'},onBackdropPress:onBackdropPress,children:(0,_jsxRuntime.jsx)(_reactNative.SafeAreaView,{children:(0,_jsxRuntime.jsx)(_reactNative.View,{style:{padding:(0,_Metrics.actuatedNormalize)(16),borderRadius:8,backgroundColor:_Colors.default.WHITE,width:'50%',alignSelf:'flex-end',marginTop:(0,_Metrics.actuatedNormalize)(48)},children:[{id:0,text:'Tất cả'},{id:5,text:'Đơn vay gia hạn'}].map(function(i,index){return(0,_jsxRuntime.jsxs)(_reactNative.TouchableOpacity,{onPress:function onPress(){return handleChecker(i.id,index);},style:{flexDirection:'row',alignItems:'center',marginBottom:i.id===0?(0,_Metrics.actuatedNormalize)(8):0,borderBottomWidth:i.id===0?0.5:0,paddingBottom:i.id===0?(0,_Metrics.actuatedNormalize)(8):0,borderColor:_Colors.default.GRAY_2},children:[(0,_jsxRuntime.jsx)(_Icon.IoIconApp,{name:index===currentIndex?'checkmark-circle':'radio-button-off',color:index===currentIndex?_Colors.default.ORANGE_H:_Colors.default.GRAY_2,size:18}),(0,_jsxRuntime.jsx)(_RText.default,{textStyle:{marginLeft:(0,_Metrics.actuatedNormalize)(6)},children:i.text})]},i.id);})})})});};var _default=exports.default=ModalFilter;
+//# sourceMappingURL=ModalFilter.js.map

package/lib/commonjs/screens/ListLoan/ModalFilter.js.flow

@@ -0,0 +1,85 @@
+//@ts-nocheck
+/* eslint-disable react-native/no-inline-styles */
+import React, { useState } from 'react';
+import { SafeAreaView, TouchableOpacity, View } from 'react-native';
+import Modal from 'react-native-modal';
+import Colors from '../../common/Colors';
+import { actuatedNormalize } from '../../common/Metrics';
+import RText from '../../common/RText';
+import { IoIconApp } from '../../common/VectorIcon/Icon';
+
+const ModalFilter = (props) => {
+  const { isVisible, onBackdropPress, onCheck } = props;
+  const [currentIndex, setCurrentIndex] = useState(0);
+
+  const handleChecker = (i: number, index: number) => {
+    setCurrentIndex(index);
+    onCheck(i);
+    onBackdropPress();
+  };
+
+  return (
+    <Modal
+      isVisible={isVisible}
+      backdropOpacity={0.3}
+      useNativeDriver={true}
+      animationOutTiming={500}
+      animationIn="zoomIn"
+      animationOut="zoomOut"
+      useNativeDriverForBackdrop={true}
+      hideModalContentWhileAnimating={true}
+      style={{ justifyContent: 'flex-start' }}
+      onBackdropPress={onBackdropPress}
+    >
+      <SafeAreaView>
+        <View
+          style={{
+            padding: actuatedNormalize(16),
+            borderRadius: 8,
+            backgroundColor: Colors.WHITE,
+            width: '50%',
+            alignSelf: 'flex-end',
+            marginTop: actuatedNormalize(48),
+          }}
+        >
+          {[
+            { id: 0, text: 'Tất cả' },
+            { id: 5, text: 'Đơn vay gia hạn' },
+          ].map((i, index) => {
+            return (
+              <TouchableOpacity
+                onPress={() => handleChecker(i.id, index)}
+                key={i.id}
+                style={{
+                  flexDirection: 'row',
+                  alignItems: 'center',
+                  marginBottom: i.id === 0 ? actuatedNormalize(8) : 0,
+                  borderBottomWidth: i.id === 0 ? 0.5 : 0,
+                  paddingBottom: i.id === 0 ? actuatedNormalize(8) : 0,
+                  borderColor: Colors.GRAY_2,
+                }}
+              >
+                <IoIconApp
+                  name={
+                    index === currentIndex
+                      ? 'checkmark-circle'
+                      : 'radio-button-off'
+                  }
+                  color={
+                    index === currentIndex ? Colors.ORANGE_H : Colors.GRAY_2
+                  }
+                  size={18}
+                />
+                <RText textStyle={{ marginLeft: actuatedNormalize(6) }}>
+                  {i.text}
+                </RText>
+              </TouchableOpacity>
+            );
+          })}
+        </View>
+      </SafeAreaView>
+    </Modal>
+  );
+};
+
+export default ModalFilter;

package/lib/commonjs/screens/ListLoan/ModalFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeModal","_interopRequireDefault","_Colors","_Metrics","_RText","_Icon","_jsxRuntime","_this","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ModalFilter","props","isVisible","onBackdropPress","onCheck","_useState","useState","_useState2","_slicedToArray2","currentIndex","setCurrentIndex","handleChecker","index","jsx","backdropOpacity","useNativeDriver","animationOutTiming","animationIn","animationOut","useNativeDriverForBackdrop","hideModalContentWhileAnimating","style","justifyContent","children","SafeAreaView","View","padding","actuatedNormalize","borderRadius","backgroundColor","Colors","WHITE","width","alignSelf","marginTop","id","text","map","jsxs","TouchableOpacity","onPress","flexDirection","alignItems","marginBottom","borderBottomWidth","paddingBottom","borderColor","GRAY_2","IoIconApp","name","color","ORANGE_H","size","textStyle","marginLeft","_default","exports"],"sourceRoot":"../../../../src","sources":["screens/ListLoan/ModalFilter.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.ListLoan=void 0;var _asyncToGenerator2=_interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _moment=_interopRequireDefault(require("moment"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _reactNativeFlashMessage=require("react-native-flash-message");var _reactNativeLinearGradient=_interopRequireDefault(require("react-native-linear-gradient"));var _reactRedux=require("react-redux");var _AppHeader=_interopRequireDefault(require("../../common/AppHeader"));var _Colors=_interopRequireDefault(require("../../common/Colors"));var _Container=_interopRequireDefault(require("../../common/Container"));var _EmptyView=_interopRequireDefault(require("../../common/EmptyView"));var _FlexRow=_interopRequireDefault(require("../../common/FlexRow"));var _FormatNumber=_interopRequireDefault(require("../../common/FormatNumber"));var _Loading=_interopRequireDefault(require("../../common/Loading"));var _Metrics=require("../../common/Metrics");var _RText=_interopRequireDefault(require("../../common/RText"));var _Icon=require("../../common/VectorIcon/Icon");var _ModalCalendarPicker=_interopRequireDefault(require("../../components/CalenderPicker/ModalCalendarPicker"));var _loanSlice=require("../../components/Features/Loans/loanSlice");var _selector=require("../../components/Redux/selector");var _ListLoan=_interopRequireDefault(require("./Components/ListLoan"));var _ListLoanClosed=_interopRequireDefault(require("./Components/ListLoanClosed"));var _PopoverChooseStatus=_interopRequireDefault(require("./Components/PopoverChooseStatus"));var _ModalFilter=_interopRequireDefault(require("./ModalFilter"));var _styles=_interopRequireDefault(require("./styles"));var _jsxRuntime=require("react/jsx-runtime");var _this=this,_jsxFileName="/Users/tima/Documents/Tima/timainvestor/src/screens/ListLoan/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&&{}.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 TopSlice=[{id:0,title:'Đơn của bạn'},{id:1,title:'Đã kết thúc'}];var dateTypes=[{label:'Ngày giải ngân',value:1},{label:'Ngày tất toán',value:2}];var ListLoan=exports.ListLoan=function ListLoan(_ref){var _route$params;var _navigation=_ref._navigation,route=_ref.route;var typeName=route==null?void 0:(_route$params=route.params)==null?void 0:_route$params.typeName;var scrollRef=(0,_react.useRef)(null);var touchRef=(0,_react.useRef)(null);var isLoading=(0,_reactRedux.useSelector)(_selector.selectLoading);var dispatch=(0,_reactRedux.useDispatch)();var _useState=(0,_react.useState)([]),_useState2=(0,_slicedToArray2.default)(_useState,2),dataLoan=_useState2[0],setDataLoan=_useState2[1];var _useState3=(0,_react.useState)(null),_useState4=(0,_slicedToArray2.default)(_useState3,2),dataMoneyLoan=_useState4[0],setDataMoneyLoan=_useState4[1];var _useState5=(0,_react.useState)(false),_useState6=(0,_slicedToArray2.default)(_useState5,2),openFilter=_useState6[0],setOpenFilter=_useState6[1];var _useState7=(0,_react.useState)(0),_useState8=(0,_slicedToArray2.default)(_useState7,2),currentStatus=_useState8[0],setCurrentStatus=_useState8[1];var _useState9=(0,_react.useState)(0),_useState10=(0,_slicedToArray2.default)(_useState9,2),currentIndex=_useState10[0],setCurrentIndex=_useState10[1];var _useState11=(0,_react.useState)(false),_useState12=(0,_slicedToArray2.default)(_useState11,2),openCalendar=_useState12[0],setOpenCalendar=_useState12[1];var _useState13=(0,_react.useState)(false),_useState14=(0,_slicedToArray2.default)(_useState13,2),openChooseStatus=_useState14[0],setOpenChooseStatus=_useState14[1];var _useState15=(0,_react.useState)(''),_useState16=(0,_slicedToArray2.default)(_useState15,2),statusLoan=_useState16[0],setStatusLoan=_useState16[1];var _useState17=(0,_react.useState)({fromDate:(0,_moment.default)().add(-5,'years').format('DD/MM/YYYY'),toDate:(0,_moment.default)().format('DD/MM/YYYY'),status:currentStatus,dateType:dateTypes[0].value,page:1,pageSize:15}),_useState18=(0,_slicedToArray2.default)(_useState17,2),params=_useState18[0],setParams=_useState18[1];console.log('dataMoneyLoandataMoneyLoan: ',dataMoneyLoan);(0,_react.useEffect)(function(){if(currentIndex===0){getListLoans();}else{getStatsClosedLoan();}},[params]);var getStatsClosedLoan=function(){var _ref2=(0,_asyncToGenerator2.default)(function*(){var _resp$payload$data,_resp$payload$data$ls;var resp=yield dispatch((0,_loanSlice.getStatsLoanClosed)(params));console.log('resp close-----',resp);if(resp.payload.meta.errCode===200&&(_resp$payload$data=resp.payload.data)!=null&&(_resp$payload$data$ls=_resp$payload$data.lstLoan)!=null&&_resp$payload$data$ls.length){var _resp$payload,_resp$payload$data2,_resp$payload2;var data=(resp==null?void 0:(_resp$payload=resp.payload)==null?void 0:(_resp$payload$data2=_resp$payload.data)==null?void 0:_resp$payload$data2.lstLoan)||[];setDataLoan(data);setDataMoneyLoan(resp==null?void 0:(_resp$payload2=resp.payload)==null?void 0:_resp$payload2.data);}else if(resp.payload.meta.errCode===201){(0,_reactNativeFlashMessage.showMessage)({message:'Thông báo',description:'Không có dữ liệu !',type:'danger',icon:'warning',backgroundColor:_Colors.default.DANGER});setDataLoan([]);setDataMoneyLoan(null);}else{(0,_reactNativeFlashMessage.showMessage)({message:'Thông báo',description:'Không có dữ liệu !',type:'danger',icon:'warning',backgroundColor:_Colors.default.DANGER});setDataLoan([]);setDataMoneyLoan(null);}});return function getStatsClosedLoan(){return _ref2.apply(this,arguments);};}();var getListLoans=function(){var _ref3=(0,_asyncToGenerator2.default)(function*(){var _resp$payload3,_resp$payload3$data,_resp$payload3$data$l;var resp=yield dispatch((0,_loanSlice.getLoans)(params));console.log('data1-----',JSON.stringify(resp));if(resp.payload.meta.errCode===200&&resp!=null&&(_resp$payload3=resp.payload)!=null&&(_resp$payload3$data=_resp$payload3.data)!=null&&(_resp$payload3$data$l=_resp$payload3$data.lstLoan)!=null&&_resp$payload3$data$l.length){var _resp$payload4,_resp$payload4$data,_resp$payload5;var data=resp==null?void 0:(_resp$payload4=resp.payload)==null?void 0:(_resp$payload4$data=_resp$payload4.data)==null?void 0:_resp$payload4$data.lstLoan;setDataMoneyLoan(resp==null?void 0:(_resp$payload5=resp.payload)==null?void 0:_resp$payload5.data);var groupedData=Object.values(data==null?void 0:data.reduce(function(spd,item){if(!spd[(0,_moment.default)(item.dateDisbursement).format('DD-MM-YYYY')]){spd[(0,_moment.default)(item.dateDisbursement).format('DD-MM-YYYY')]={name:(0,_moment.default)(item.dateDisbursement).format('DD-MM-YYYY'),items:[]};}spd[(0,_moment.default)(item.dateDisbursement).format('DD-MM-YYYY')].items.push(item);return spd;},{}));var rs=groupedData.sort(function(a,b){return(0,_moment.default)(b.name,'DD-MM-YYYY').valueOf()-(0,_moment.default)(a.name,'DD-MM-YYYY').valueOf();});console.log('-----------------');console.log('rs:rs: ',JSON.stringify(rs));setDataLoan(rs);}else{(0,_reactNativeFlashMessage.showMessage)({message:'Thông báo',description:'Không có dữ liệu !',type:'danger',icon:'warning',backgroundColor:_Colors.default.DANGER});setDataLoan([]);setDataMoneyLoan(null);}});return function getListLoans(){return _ref3.apply(this,arguments);};}();var _renderListLoan=function _renderListLoan(_ref4){var item=_ref4.item,_index=_ref4._index;console.log('item: ',item);return(0,_jsxRuntime.jsxs)(_reactNative.View,{children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:{backgroundColor:'#FFF3E8',paddingVertical:(0,_Metrics.actuatedNormalize)(4),paddingHorizontal:(0,_Metrics.actuatedNormalize)(16)},children:(0,_jsxRuntime.jsxs)(_RText.default,{textStyle:{fontWeight:'400',fontSize:(0,_Metrics.actuatedNormalize)(10)},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:function renderItem(_ref5){var item=_ref5.item,index=_ref5.index;return(0,_jsxRuntime.jsx)(_ListLoan.default,{item:item,index:index,currentStatus:currentStatus,typeName:typeName});}})]});};var _renderItems=function _renderItems(_ref6){var item=_ref6.item,index=_ref6.index;return(0,_jsxRuntime.jsx)(_ListLoanClosed.default,{item:item,index:index,currentStatus:currentStatus});};return(0,_jsxRuntime.jsxs)(_Container.default,{isStatusBar:true,children:[(0,_jsxRuntime.jsx)(_AppHeader.default,{title:"S\u1ED1 ti\u1EC1n \u0111ang cho vay",backColor:_Colors.default.WHITE,iconColor:_Colors.default.BLACK,titleStyle:{color:_Colors.default.BLACK}}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:{backgroundColor:'#BDBDBD',height:1,marginHorizontal:16}}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:{paddingLeft:16},children:(0,_jsxRuntime.jsx)(_reactNative.FlatList,{data:TopSlice,horizontal:true,ref:scrollRef,style:{paddingTop:(0,_Metrics.actuatedNormalize)(16)},showsHorizontalScrollIndicator:false,keyExtractor:function keyExtractor(item){var _item$id;return item==null?void 0:(_item$id=item.id)==null?void 0:_item$id.toString();},renderItem:function renderItem(_ref7){var item=_ref7.item,index=_ref7.index;var checked=false;if(currentIndex===index){checked=true;}return(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{onPress:function onPress(){setCurrentIndex(index);if(index===1){getStatsClosedLoan();}else{getListLoans();}},disabled:checked,style:[_styles.default.item,{borderBottomWidth:checked?2:0,borderColor:checked?_Colors.default.ORANGE:_Colors.default.WHITE}],children:(0,_jsxRuntime.jsx)(_RText.default,{textStyle:{color:checked?'#333333':_Colors.default.GREY,fontWeight:'600'},children:item.title})},item.id);}})}),currentIndex===0&&(0,_jsxRuntime.jsxs)(_FlexRow.default,{children:[(0,_jsxRuntime.jsx)(_FlexRow.default,{style:{marginBottom:(0,_Metrics.actuatedNormalize)(8),marginLeft:(0,_Metrics.actuatedNormalize)(16),marginTop:(0,_Metrics.actuatedNormalize)(12)},children:(0,_jsxRuntime.jsxs)(_reactNative.TouchableOpacity,{onPress:function onPress(){return setOpenCalendar(true);},style:Object.assign({backgroundColor:_Colors.default.WHITE,borderRadius:100,paddingVertical:(0,_Metrics.actuatedNormalize)(8),paddingHorizontal:(0,_Metrics.actuatedNormalize)(12),flexDirection:'row',alignItems:'center',height:(0,_Metrics.actuatedNormalize)(36)},_Metrics.Shadow),children:[(0,_jsxRuntime.jsx)(_Icon.IoIconApp,{name:"calendar-outline",size:16}),(0,_jsxRuntime.jsxs)(_RText.default,{textStyle:{paddingLeft:(0,_Metrics.actuatedNormalize)(8),fontSize:(0,_Metrics.actuatedNormalize)(14),color:_Colors.default.GRAY_3},children:["T\u1EEB ",params.fromDate," - ",params.toDate]})]})}),(0,_jsxRuntime.jsxs)(_reactNative.TouchableOpacity,{ref:touchRef,onPress:function onPress(){return setOpenChooseStatus(true);},style:Object.assign({backgroundColor:_Colors.default.WHITE,borderRadius:100,paddingVertical:(0,_Metrics.actuatedNormalize)(8),paddingHorizontal:(0,_Metrics.actuatedNormalize)(12),flexDirection:'row',alignItems:'center',height:(0,_Metrics.actuatedNormalize)(36),marginLeft:(0,_Metrics.actuatedNormalize)(8)},_Metrics.Shadow),children:[(0,_jsxRuntime.jsx)(_Icon.IoIconApp,{name:"reader-outline",size:16,color:_Colors.default.GRAY}),(0,_jsxRuntime.jsx)(_RText.default,{textStyle:{marginLeft:(0,_Metrics.actuatedNormalize)(8),color:_Colors.default.GRAY},children:statusLoan||'Trạng thái'})]})]}),(0,_jsxRuntime.jsxs)(_reactNative.View,{children:[(0,_jsxRuntime.jsxs)(_FlexRow.default,{style:{padding:12,marginVertical:8,borderWidth:1,borderRadius:8,borderColor:'rgba(255, 142, 79, 1) rgba(239, 89, 46, 1)',marginHorizontal:(0,_Metrics.actuatedNormalize)(16)},children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:{flex:1},children:[(0,_jsxRuntime.jsx)(_RText.default,{style:{fontSize:10,color:'#777777',textAlign:'center'},children:currentIndex===0?'Tổng số tiền':'Tổng tiền cho vay'}),(0,_jsxRuntime.jsx)(_RText.default,{style:{fontSize:12,color:'#EE4223',paddingTop:4,fontWeight:'bold',textAlign:'center'},children:(0,_FormatNumber.default)(dataMoneyLoan==null?void 0:dataMoneyLoan.sumTotalMoney)+"\u0111"})]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:{width:1,height:'100%',backgroundColor:'#E6E6E6'}}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:{flex:1},children:[(0,_jsxRuntime.jsx)(_RText.default,{style:{fontSize:10,color:'#777777',textAlign:'center'},children:'Số lượng đơn'}),(0,_jsxRuntime.jsx)(_RText.default,{style:{fontSize:12,color:'#EE4223',paddingTop:4,fontWeight:'bold',textAlign:'center'},children:""+(0,_FormatNumber.default)(dataMoneyLoan==null?void 0:dataMoneyLoan.totalLoan)})]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:{width:1,height:'100%',backgroundColor:'#E6E6E6'}}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:{flex:1},children:[(0,_jsxRuntime.jsx)(_RText.default,{style:{fontSize:10,color:'#777777',textAlign:'center'},children:currentIndex===0?'Lãi dự kiến':'Tổng lãi đã nhận'}),(0,_jsxRuntime.jsx)(_RText.default,{style:{fontSize:12,color:'#EE4223',paddingTop:4,fontWeight:'bold',textAlign:'center'},children:(0,_FormatNumber.default)(currentIndex===0?(dataMoneyLoan==null?void 0:dataMoneyLoan.sumMoneyInterestExpected)*0.98:(dataMoneyLoan==null?void 0:dataMoneyLoan.sumTotalInterestMoney)*0.98)+"\u0111"})]})]}),(0,_jsxRuntime.jsx)(_reactNativeLinearGradient.default,{colors:['#FF8E4F','#EF592E'],style:{paddingVertical:8},children:(0,_jsxRuntime.jsxs)(_FlexRow.default,{style:{paddingHorizontal:(0,_Metrics.actuatedNormalize)(16)},children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:{width:30},children:(0,_jsxRuntime.jsx)(_RText.default,{style:{fontSize:10,color:'white',fontWeight:'bold'},children:"STT"})}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:{flex:1,justifyContent:'center'},children:(0,_jsxRuntime.jsx)(_RText.default,{style:{fontSize:10,color:'white',fontWeight:'bold'},children:"Kh\xE1ch h\xE0ng"})}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:{flex:1,justifyContent:'center'},children:(0,_jsxRuntime.jsx)(_RText.default,{style:{fontSize:10,color:'white',fontWeight:'bold',textAlign:'center'},children:"S\u1ED1 ti\u1EC1n cho vay"})}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:{flex:1,justifyContent:'center'},children:(0,_jsxRuntime.jsx)(_RText.default,{style:{fontSize:10,color:'white',fontWeight:'bold',textAlign:'center'},children:"S\u1ED1 ti\u1EC1n l\xE3i"})}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:{flex:1,alignItems:'flex-end'},children:(0,_jsxRuntime.jsx)(_RText.default,{style:{fontSize:10,color:'white',fontWeight:'bold'},children:'Trạng thái'})})]})}),(0,_jsxRuntime.jsx)(_reactNative.FlatList,{style:{height:'64.5%'},data:dataLoan,showsVerticalScrollIndicator:false,keyExtractor:function keyExtractor(item,index){return index.toString();},onEndReachedThreshold:0.8,renderItem:currentIndex===0?_renderListLoan:_renderItems,onEndReached:function onEndReached(){setParams(function(prev){return Object.assign({},prev,{pageSize:params.pageSize+10});});},ListEmptyComponent:(0,_jsxRuntime.jsx)(_EmptyView.default,{text:""})})]}),(0,_jsxRuntime.jsx)(_ModalFilter.default,{isVisible:openFilter,onCheck:function onCheck(val){return setCurrentStatus(val);},onBackdropPress:function onBackdropPress(){return setOpenFilter(false);}}),(0,_jsxRuntime.jsx)(_ModalCalendarPicker.default,{isVisible:openCalendar,onBackdropPress:function onBackdropPress(){return setOpenCalendar(false);},selectedStartDate:function selectedStartDate(val){return setParams(function(prev){return Object.assign({},prev,{fromDate:val});});},selectedEndDate:function selectedEndDate(val){return setParams(function(prev){return Object.assign({},prev,{toDate:val});});}}),(0,_jsxRuntime.jsx)(_PopoverChooseStatus.default,{typeName:typeName,isVisible:openChooseStatus,from:touchRef,onRequestClose:function onRequestClose(){return setOpenChooseStatus(false);},onPress:function onPress(val){setStatusLoan(val==null?void 0:val.text);setParams(function(prev){return Object.assign({},prev,{status:val==null?void 0:val.id});});}}),isLoading&&(0,_jsxRuntime.jsx)(_Loading.default,{})]});};
+//# sourceMappingURL=index.js.map