@huma-finance/widgets 0.0.26 → 0.0.28

package/dist/index.js

@@ -1,4 +1,4 @@
-import { txAtom, useMQ, sendTxAtom, isTxFailed, EARejectionError, EARejectMessage, EARejectReason, EAService, useCLFeeManager, upScale, CHAINS, openInNewTab, usePoolUnderlyingTokenContract, TxStateType, useMount, usePoolContract, useCLPoolAllowance, toBigNumber, timeUtil, POOL_NAME, POOL_TYPE, usePoolInfo, useAccountStats, CreditState, decodeLogs, downScale, formatMoney, useFeeManager, combineStyles, isEmpty, useInvoiceNFTContract, useRFPoolAllowance, usePoolAllowance, useLenderApproved, useLenderPosition, useWithdrawlLockoutInSeconds, usePoolUnderlyingTokenBalance, useLastDepositTime, CreditEventText, useERC2612Permit, useMultiSendContract, usePoolUnderlyingToken, hasRFActiveLoan, timestampToLL, getWalletAddressAbbr, useFactoring, PoolMap, PoolContractMap, CreditEvent, supportedChainId, Provider as Provider$1 } from '@huma-finance/shared';
+import { txAtom, useMQ, sendTxAtom, isTxFailed, EARejectionError, EARejectMessage, EARejectReason, EAService, useCLFeeManager, upScale, CHAINS, openInNewTab, usePoolUnderlyingTokenContract, TxStateType, useMount, usePoolContract, useCLPoolAllowance, toBigNumber, timeUtil, POOL_NAME, POOL_TYPE, usePoolInfo, useAccountStats, CreditState, decodeLogs, downScale, formatMoney, useFeeManager, combineStyles, isEmpty, useInvoiceNFTContract, useRFPoolAllowance, IdentityService, usePoolAllowance, useLenderApproved, useLenderPosition, useWithdrawlLockoutInSeconds, usePoolUnderlyingTokenBalance, useLastDepositTime, CreditEventText, useERC2612Permit, useMultiSendContract, usePoolUnderlyingToken, hasRFActiveLoan, timestampToLL, getWalletAddressAbbr, useFactoring, PoolMap, PoolContractMap, CreditEvent, supportedChainId, Provider as Provider$1 } from '@huma-finance/shared';
 import { useTheme, css, Box, Typography, Tooltip, Button, Dialog, Slider, Input, Divider, TablePagination, LinearProgress, createTheme, ThemeProvider } from '@mui/material';
 import { useAtom, Provider as Provider$2 } from 'jotai';
 import * as React from 'react';
@@ -2406,7 +2406,7 @@ function WidgetWrapper(_ref) {
 }
 
 var checkIsDev = function checkIsDev() {
-  return !!(window.REACT_APP_FORCE_DEV_PREFIX_FOR_URLS || window.location.hostname.startsWith('dev'));
+  return !!(window.location.hostname.startsWith('dev') || window.location.hostname.startsWith('deploy-preview') || process.env.NODE_ENV === 'development');
 };
 var envUtil = {
   checkIsDev: checkIsDev
@@ -2812,6 +2812,8 @@ function ChooseAmount$6(_ref) {
 var _templateObject$a;
 function BottomButton(_ref) {
   var variant = _ref.variant,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
     onClick = _ref.onClick,
     children = _ref.children;
   var styles = css(_templateObject$a || (_templateObject$a = _taggedTemplateLiteral(["\n    & .MuiButtonBase-root {\n      width: 100%;\n      position: absolute;\n      bottom: 0;\n    }\n  "])));
@@ -2820,6 +2822,7 @@ function BottomButton(_ref) {
     children: jsx(Button, {
       variant: variant,
       onClick: onClick,
+      disabled: disabled,
       children: children
     })
   });
@@ -3499,7 +3502,7 @@ function ConfirmTransfer$1() {
       leftText: "".concat(borrowAmountNet, " ").concat(approval === null || approval === void 0 ? void 0 : approval.token.symbol),
       rightText: 'You'
     }],
-    actionText: "Approve Transfer",
+    actionText: "APPROVE TRANSFER",
     handleAction: handleAction
   });
 }
@@ -3769,10 +3772,12 @@ function InvoiceFactoringPayment(_ref) {
 
 var _templateObject$6, _templateObject2$4;
 function Evaluation$1(_ref) {
+  var _poolInfo$extra;
   var poolInfo = _ref.poolInfo,
     handleApproveSuccess = _ref.handleApproveSuccess;
   var theme = useTheme();
   var dispatch = useAppDispatch();
+  var isDev = envUtil.checkIsDev();
   var _useWeb3React = useWeb3React(),
     account = _useWeb3React.account,
     chainId = _useWeb3React.chainId;
@@ -3780,65 +3785,154 @@ function Evaluation$1(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     loading = _useState2[0],
     setLoading = _useState2[1];
+  var _useState3 = useState(),
+    _useState4 = _slicedToArray(_useState3, 2),
+    description = _useState4[0],
+    setDescription = _useState4[1];
+  var _useState5 = useState(),
+    _useState6 = _slicedToArray(_useState5, 2),
+    KYCVerifyStatus = _useState6[0],
+    setKYCVerifyStatus = _useState6[1];
+  var lenderApprovalProvider = (_poolInfo$extra = poolInfo.extra) === null || _poolInfo$extra === void 0 ? void 0 : _poolInfo$extra.lenderApprovalProvider;
+  var isKYC = (lenderApprovalProvider === null || lenderApprovalProvider === void 0 ? void 0 : lenderApprovalProvider.type) === 'KYC';
+  var _useState7 = useState('This pool requires lender approval'),
+    _useState8 = _slicedToArray(_useState7, 2),
+    subTitle = _useState8[0],
+    setSubTitle = _useState8[1];
+  var _useState9 = useState('GET APPROVED'),
+    _useState10 = _slicedToArray(_useState9, 2),
+    buttonText = _useState10[0],
+    setButtonText = _useState10[1];
   var styles = {
     iconWrapper: css(_templateObject$6 || (_templateObject$6 = _taggedTemplateLiteral(["\n      ", ";\n      margin-top: 30px;\n    "])), theme.cssMixins.rowCentered),
     description: css(_templateObject2$4 || (_templateObject2$4 = _taggedTemplateLiteral(["\n      ", ";\n      margin-top: 50px;\n      font-family: 'Uni-Neue-Regular';\n      font-size: 16px;\n      color: #a8a1b2;\n    "])), theme.cssMixins.rowCentered)
   };
-  var approveLender = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee() {
+  useEffect(function () {
+    if (isKYC) {
+      setDescription("Approval process is run by ".concat(lenderApprovalProvider.provider));
+    }
+  }, [lenderApprovalProvider === null || lenderApprovalProvider === void 0 ? void 0 : lenderApprovalProvider.provider, isKYC]);
+  useEffect(function () {
+    var fetchData = /*#__PURE__*/function () {
+      var _ref2 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee() {
+        var verificationStatus;
+        return regenerator.wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              if (!(account && chainId && isKYC)) {
+                _context.next = 11;
+                break;
+              }
+              _context.prev = 1;
+              setLoading(true);
+              _context.next = 5;
+              return IdentityService.getVerificationStatus(account, poolInfo.pool, chainId, isDev);
+            case 5:
+              verificationStatus = _context.sent;
+              setKYCVerifyStatus(verificationStatus);
+              if (verificationStatus.isVerified) {
+                setSubTitle('Approval process in progress. Please contact Pool Owner.');
+                setButtonText('CONTACT POOL OWNER');
+              }
+            case 8:
+              _context.prev = 8;
+              setLoading(false);
+              return _context.finish(8);
+            case 11:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee, null, [[1,, 8, 11]]);
+      }));
+      return function fetchData() {
+        return _ref2.apply(this, arguments);
+      };
+    }();
+    fetchData();
+  }, [account, chainId, isDev, isKYC, poolInfo.pool]);
+  var approveLenderByEA = /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2() {
       var payload, error;
-      return regenerator.wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
+      return regenerator.wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
           case 0:
-            if (!account) {
-              _context.next = 16;
-              break;
-            }
-            _context.prev = 1;
+            _context2.prev = 0;
             setLoading(true);
             payload = {
               poolAddress: poolInfo.pool,
               lenderWalletAddress: account
             };
-            _context.next = 6;
+            _context2.next = 5;
             return EAService.approveLender(payload, chainId);
-          case 6:
+          case 5:
             handleApproveSuccess();
             setLoading(false);
             dispatch(setStep(WIDGET_STEP.ChooseAmount));
-            _context.next = 16;
+            _context2.next = 15;
             break;
-          case 11:
-            _context.prev = 11;
-            _context.t0 = _context["catch"](1);
-            error = _context.t0;
+          case 10:
+            _context2.prev = 10;
+            _context2.t0 = _context2["catch"](0);
+            error = _context2.t0;
             setLoading(false);
             dispatch(setError({
               errorMessage: error.message
             }));
-          case 16:
+          case 15:
           case "end":
-            return _context.stop();
+            return _context2.stop();
         }
-      }, _callee, null, [[1, 11]]);
+      }, _callee2, null, [[0, 10]]);
     }));
-    return function approveLender() {
-      return _ref2.apply(this, arguments);
+    return function approveLenderByEA() {
+      return _ref3.apply(this, arguments);
     };
   }();
+  var approveLenderByKYC = function approveLenderByKYC() {
+    switch (lenderApprovalProvider === null || lenderApprovalProvider === void 0 ? void 0 : lenderApprovalProvider.provider) {
+      case 'Securitize':
+        {
+          var issuerId = '53a66b32-583e-40e7-ba90-baf516d2cadd';
+          var baseUrl = "https://id".concat(isDev ? '.sandbox' : '', ".securitize.io");
+          var originUrl = window.location.href.split('?')[0];
+          var redirectUrl = "".concat(originUrl, "?type=KYC&pool=").concat(poolInfo.pool);
+          var providerAuthorizeUrl = "".concat(baseUrl, "/#/authorize?issuerId=").concat(issuerId, "&scope=details&details=verification&redirectUrl=").concat(redirectUrl);
+          var _ref4 = KYCVerifyStatus || {},
+            isNotOnboarded = _ref4.isNotOnboarded;
+          var providerUrl = isNotOnboarded ? providerAuthorizeUrl : baseUrl;
+          window.location.href = providerUrl;
+        }
+        break;
+    }
+  };
+  var approveLender = function approveLender() {
+    switch (lenderApprovalProvider === null || lenderApprovalProvider === void 0 ? void 0 : lenderApprovalProvider.type) {
+      case 'EA':
+        approveLenderByEA();
+        break;
+      case 'KYC':
+        approveLenderByKYC();
+        break;
+      default:
+        approveLenderByEA();
+        break;
+    }
+  };
   if (!loading) {
     return jsxs(WrapperModal, {
       title: "Lender Approval",
-      subTitle: "This pool requires lender approval",
+      subTitle: subTitle,
       children: [jsx(Box, {
         css: styles.iconWrapper,
         children: jsx(ApproveLenderIcon, {})
       }), jsx(Box, {
-        css: styles.description
+        css: styles.description,
+        children: description
       }), jsx(BottomButton, {
         variant: "contained",
         onClick: approveLender,
-        children: "GET APPROVED"
+        disabled: KYCVerifyStatus === null || KYCVerifyStatus === void 0 ? void 0 : KYCVerifyStatus.isVerified,
+        children: buttonText
       })]
     });
   }
@@ -4341,7 +4435,12 @@ var columns = [{
   noSeparator: true
 }, {
   title: 'Amount',
-  dataIndex: 'amount'
+  action: function action(record) {
+    if (isEmpty(record.amount) || Number.isNaN(record.amount)) {
+      return '';
+    }
+    return Number(record.amount).toFixed(2);
+  }
 }, {
   title: 'Date',
   dataIndex: 'timestamp'
@@ -4556,7 +4655,7 @@ function ConfirmTransfer() {
       leftText: "".concat(borrowAmount.toFixed(2), " ").concat(approval === null || approval === void 0 ? void 0 : approval.token.symbol),
       rightText: 'You'
     }],
-    actionText: "Approve Transfer",
+    actionText: "APPROVE TRANSFER",
     handleAction: handleAction
   });
 }
@@ -6559,11 +6658,12 @@ var themeHuma = createTheme(themeBase, {
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function Widget(props) {
-  var _window$ethereum;
   var children = props.children,
     desiredChainId = props.desiredChainId;
+  var _window = window,
+    ethereum = _window.ethereum;
   // @ts-ignore
-  var netWorkVersion = (_window$ethereum = window.ethereum) === null || _window$ethereum === void 0 ? void 0 : _window$ethereum.networkVersion;
+  var netWorkVersion = (ethereum === null || ethereum === void 0 ? void 0 : ethereum.networkVersion) || (ethereum === null || ethereum === void 0 ? void 0 : ethereum.chainId);
   var _useState = useState(netWorkVersion ? Number(netWorkVersion) : undefined),
     _useState2 = _slicedToArray(_useState, 2),
     currentChainId = _useState2[0],
@@ -6588,15 +6688,15 @@ function Widget(props) {
       setCurrentChainId(chainId);
     };
     if (window.ethereum) {
-      var _window$ethereum2;
+      var _window$ethereum;
       // @ts-ignore
-      (_window$ethereum2 = window.ethereum) === null || _window$ethereum2 === void 0 ? void 0 : _window$ethereum2.on('chainChanged', chainChangeListener);
+      (_window$ethereum = window.ethereum) === null || _window$ethereum === void 0 ? void 0 : _window$ethereum.on('chainChanged', chainChangeListener);
     }
     return function () {
       if (window.ethereum) {
-        var _window$ethereum3;
+        var _window$ethereum2;
         // @ts-ignore
-        (_window$ethereum3 = window.ethereum) === null || _window$ethereum3 === void 0 ? void 0 : _window$ethereum3.removeListener('chainChanged', chainChangeListener);
+        (_window$ethereum2 = window.ethereum) === null || _window$ethereum2 === void 0 ? void 0 : _window$ethereum2.removeListener('chainChanged', chainChangeListener);
       }
     };
   }, []);