@huma-finance/widgets 0.0.59-beta.511 → 0.0.59-beta.517

package/dist/cjs/index.cjs

@@ -3,11 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var providers = require('@ethersproject/providers');
-var shared = require('@huma-finance/shared');
+var webShared = require('@huma-finance/web-shared');
 var material = require('@mui/material');
 var jotai = require('jotai');
 var React = require('react');
 var reactRedux = require('react-redux');
+var shared = require('@huma-finance/shared');
 var core = require('@web3-react/core');
 var ErrorOutlineIcon = require('@mui/icons-material/ErrorOutline');
 var utils = require('jotai/utils');
@@ -269,7 +270,7 @@ function ErrorModal(_ref) {
   } = _ref;
   const theme = material.useTheme();
   const dispatch = useAppDispatch();
-  const reset = utils.useResetAtom(shared.txAtom);
+  const reset = utils.useResetAtom(webShared.txAtom);
   if (!errorReason) {
     errorReason = 'Oops! Something went wrong';
   }
@@ -343,9 +344,9 @@ function HumaModal(_ref) {
   } = _ref;
   const {
     isXsSize
-  } = shared.useMQ();
+  } = webShared.useMQ();
   const styles = {
-    wrapper: /*#__PURE__*/react.css("max-width:100vw;width:", isXsSize ? '100%' : width, ";height:auto;padding:", padding, ";box-sizing:border-box;" + (process.env.NODE_ENV === "production" ? "" : ";label:wrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkh1bWFNb2RhbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkJnQiIsImZpbGUiOiJIdW1hTW9kYWwudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBEaWFsb2cgfSBmcm9tICdAbXVpL21hdGVyaWFsJ1xuaW1wb3J0IHsgdXNlTVEgfSBmcm9tICdAaHVtYS1maW5hbmNlL3NoYXJlZCdcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcblxudHlwZSBIdW1hTW9kYWxUeXBlID0ge1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZVxuICBpc09wZW46IGJvb2xlYW5cbiAgb25DbG9zZTogKCkgPT4gdm9pZFxuICBvdmVyZmxvdz86IHN0cmluZ1xuICBvdmVyZmxvd1k/OiAndmlzaWJsZScgfCAnaGlkZGVuJyB8ICdjbGlwJyB8ICdzY3JvbGwnIHwgJ2F1dG8nXG4gIHdpZHRoPzogc3RyaW5nXG4gIHBhZGRpbmc/OiBzdHJpbmdcbiAgZGlzYWJsZUJhY2tkcm9wQ2xpY2s/OiBib29sZWFuXG59XG5cbmV4cG9ydCBmdW5jdGlvbiBIdW1hTW9kYWwoe1xuICBjaGlsZHJlbixcbiAgaXNPcGVuLFxuICBvbkNsb3NlLFxuICBvdmVyZmxvdyxcbiAgb3ZlcmZsb3dZLFxuICB3aWR0aCA9ICc0ODBweCcsXG4gIHBhZGRpbmcgPSAnMzJweCcsXG4gIGRpc2FibGVCYWNrZHJvcENsaWNrID0gZmFsc2UsXG59OiBIdW1hTW9kYWxUeXBlKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgY29uc3QgeyBpc1hzU2l6ZSB9ID0gdXNlTVEoKVxuXG4gIGNvbnN0IHN0eWxlcyA9IHtcbiAgICB3cmFwcGVyOiBjc3NgXG4gICAgICBtYXgtd2lkdGg6IDEwMHZ3O1xuICAgICAgd2lkdGg6ICR7aXNYc1NpemUgPyAnMTAwJScgOiB3aWR0aH07XG4gICAgICBoZWlnaHQ6IGF1dG87XG4gICAgICBwYWRkaW5nOiAke3BhZGRpbmd9O1xuICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICBgLFxuICB9XG5cbiAgY29uc3QgaGFuZGxlQ2xvc2UgPSAocmVhc29uOiAnYmFja2Ryb3BDbGljaycgfCAnZXNjYXBlS2V5RG93bicpID0+IHtcbiAgICBpZiAoIWRpc2FibGVCYWNrZHJvcENsaWNrKSB7XG4gICAgICBvbkNsb3NlKClcbiAgICB9IGVsc2UgaWYgKHJlYXNvbiAhPT0gJ2JhY2tkcm9wQ2xpY2snICYmIHJlYXNvbiAhPT0gJ2VzY2FwZUtleURvd24nKSB7XG4gICAgICBvbkNsb3NlKClcbiAgICB9XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxEaWFsb2dcbiAgICAgIGlkPSdodW1hLW1vZGFsJ1xuICAgICAgZGlzYWJsZVNjcm9sbExvY2tcbiAgICAgIG1heFdpZHRoPXtmYWxzZX1cbiAgICAgIGZ1bGxTY3JlZW49e2lzWHNTaXplfVxuICAgICAgb3Blbj17aXNPcGVufVxuICAgICAgUGFwZXJQcm9wcz17e1xuICAgICAgICBzdHlsZToge1xuICAgICAgICAgIGJvcmRlcjogJzFweCBzb2xpZCAjMjAyMDIwJyxcbiAgICAgICAgICBiYWNrZ3JvdW5kOiAncmdiYSgyNTUsIDI1NSwgMjU1LCAwLjA1KScsXG4gICAgICAgICAgYmFja2Ryb3BGaWx0ZXI6ICdibHVyKDUwcHgpJyxcbiAgICAgICAgICBib3JkZXJSYWRpdXM6ICcxNnB4JyxcbiAgICAgICAgICBvdmVyZmxvdzogb3ZlcmZsb3cgfHwgJ2luaGVyaXQnLFxuICAgICAgICAgIG92ZXJmbG93WTogb3ZlcmZsb3dZIHx8ICdpbmhlcml0JyxcbiAgICAgICAgfSxcbiAgICAgIH19XG4gICAgICBvbkNsb3NlPXsoZXZlbnQsIHJlYXNvbikgPT4gaGFuZGxlQ2xvc2UocmVhc29uKX1cbiAgICA+XG4gICAgICA8ZGl2IGNzcz17c3R5bGVzLndyYXBwZXJ9PntjaGlsZHJlbn08L2Rpdj5cbiAgICA8L0RpYWxvZz5cbiAgKVxufVxuIl19 */")
+    wrapper: /*#__PURE__*/react.css("max-width:100vw;width:", isXsSize ? '100%' : width, ";height:auto;padding:", padding, ";box-sizing:border-box;" + (process.env.NODE_ENV === "production" ? "" : ";label:wrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkh1bWFNb2RhbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkJnQiIsImZpbGUiOiJIdW1hTW9kYWwudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBEaWFsb2cgfSBmcm9tICdAbXVpL21hdGVyaWFsJ1xuaW1wb3J0IHsgdXNlTVEgfSBmcm9tICdAaHVtYS1maW5hbmNlL3dlYi1zaGFyZWQnXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5cbnR5cGUgSHVtYU1vZGFsVHlwZSA9IHtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGVcbiAgaXNPcGVuOiBib29sZWFuXG4gIG9uQ2xvc2U6ICgpID0+IHZvaWRcbiAgb3ZlcmZsb3c/OiBzdHJpbmdcbiAgb3ZlcmZsb3dZPzogJ3Zpc2libGUnIHwgJ2hpZGRlbicgfCAnY2xpcCcgfCAnc2Nyb2xsJyB8ICdhdXRvJ1xuICB3aWR0aD86IHN0cmluZ1xuICBwYWRkaW5nPzogc3RyaW5nXG4gIGRpc2FibGVCYWNrZHJvcENsaWNrPzogYm9vbGVhblxufVxuXG5leHBvcnQgZnVuY3Rpb24gSHVtYU1vZGFsKHtcbiAgY2hpbGRyZW4sXG4gIGlzT3BlbixcbiAgb25DbG9zZSxcbiAgb3ZlcmZsb3csXG4gIG92ZXJmbG93WSxcbiAgd2lkdGggPSAnNDgwcHgnLFxuICBwYWRkaW5nID0gJzMycHgnLFxuICBkaXNhYmxlQmFja2Ryb3BDbGljayA9IGZhbHNlLFxufTogSHVtYU1vZGFsVHlwZSk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IHsgaXNYc1NpemUgfSA9IHVzZU1RKClcblxuICBjb25zdCBzdHlsZXMgPSB7XG4gICAgd3JhcHBlcjogY3NzYFxuICAgICAgbWF4LXdpZHRoOiAxMDB2dztcbiAgICAgIHdpZHRoOiAke2lzWHNTaXplID8gJzEwMCUnIDogd2lkdGh9O1xuICAgICAgaGVpZ2h0OiBhdXRvO1xuICAgICAgcGFkZGluZzogJHtwYWRkaW5nfTtcbiAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgYCxcbiAgfVxuXG4gIGNvbnN0IGhhbmRsZUNsb3NlID0gKHJlYXNvbjogJ2JhY2tkcm9wQ2xpY2snIHwgJ2VzY2FwZUtleURvd24nKSA9PiB7XG4gICAgaWYgKCFkaXNhYmxlQmFja2Ryb3BDbGljaykge1xuICAgICAgb25DbG9zZSgpXG4gICAgfSBlbHNlIGlmIChyZWFzb24gIT09ICdiYWNrZHJvcENsaWNrJyAmJiByZWFzb24gIT09ICdlc2NhcGVLZXlEb3duJykge1xuICAgICAgb25DbG9zZSgpXG4gICAgfVxuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8RGlhbG9nXG4gICAgICBpZD0naHVtYS1tb2RhbCdcbiAgICAgIGRpc2FibGVTY3JvbGxMb2NrXG4gICAgICBtYXhXaWR0aD17ZmFsc2V9XG4gICAgICBmdWxsU2NyZWVuPXtpc1hzU2l6ZX1cbiAgICAgIG9wZW49e2lzT3Blbn1cbiAgICAgIFBhcGVyUHJvcHM9e3tcbiAgICAgICAgc3R5bGU6IHtcbiAgICAgICAgICBib3JkZXI6ICcxcHggc29saWQgIzIwMjAyMCcsXG4gICAgICAgICAgYmFja2dyb3VuZDogJ3JnYmEoMjU1LCAyNTUsIDI1NSwgMC4wNSknLFxuICAgICAgICAgIGJhY2tkcm9wRmlsdGVyOiAnYmx1cig1MHB4KScsXG4gICAgICAgICAgYm9yZGVyUmFkaXVzOiAnMTZweCcsXG4gICAgICAgICAgb3ZlcmZsb3c6IG92ZXJmbG93IHx8ICdpbmhlcml0JyxcbiAgICAgICAgICBvdmVyZmxvd1k6IG92ZXJmbG93WSB8fCAnaW5oZXJpdCcsXG4gICAgICAgIH0sXG4gICAgICB9fVxuICAgICAgb25DbG9zZT17KGV2ZW50LCByZWFzb24pID0+IGhhbmRsZUNsb3NlKHJlYXNvbil9XG4gICAgPlxuICAgICAgPGRpdiBjc3M9e3N0eWxlcy53cmFwcGVyfT57Y2hpbGRyZW59PC9kaXY+XG4gICAgPC9EaWFsb2c+XG4gIClcbn1cbiJdfQ== */")
   };
   const handleClose = reason => {
     if (!disableBackdropClick) {
@@ -1740,8 +1741,8 @@ function WidgetWrapper(_ref) {
     state,
     failReason,
     txReceipt
-  }] = jotai.useAtom(shared.sendTxAtom);
-  const reset = utils.useResetAtom(shared.txAtom);
+  }] = jotai.useAtom(webShared.sendTxAtom);
+  const reset = utils.useResetAtom(webShared.txAtom);
   React.useEffect(() => {
     if (shared.isTxFailed(state) && failReason) {
       dispatch(setError({
@@ -1845,12 +1846,12 @@ function ApproveAllowanceModal(_ref) {
   const {
     symbol
   } = poolUnderlyingToken;
-  const poolUnderlyingTokenContract = shared.usePoolUnderlyingTokenContract(poolInfo.poolName, poolInfo.poolType, chainId, provider);
-  const reset = utils.useResetAtom(shared.txAtom);
+  const poolUnderlyingTokenContract = webShared.usePoolUnderlyingTokenContract(poolInfo.poolName, poolInfo.poolType, chainId, provider);
+  const reset = utils.useResetAtom(webShared.txAtom);
   const [{
     state,
     txHash
-  }, send] = jotai.useAtom(shared.sendTxAtom);
+  }, send] = jotai.useAtom(webShared.sendTxAtom);
   const waitingForAccept = state === shared.TxStateType.New;
   React.useEffect(() => {
     if (state === shared.TxStateType.Success) {
@@ -1880,7 +1881,7 @@ function ApproveAllowanceModal(_ref) {
       provider
     });
   }, [account, allowanceAmount, handleSuccess, poolInfo.pool, poolUnderlyingTokenContract, provider, send, spender]);
-  shared.useMount(() => {
+  webShared.useMount(() => {
     if (!showAutoPayback) {
       sendIncreaseAllowance();
     }
@@ -1942,7 +1943,7 @@ function TxDoneModal(_ref) {
   } = _ref;
   const theme = material.useTheme();
   const dispatch = useAppDispatch();
-  const reset = utils.useResetAtom(shared.txAtom);
+  const reset = utils.useResetAtom(webShared.txAtom);
   const styles = {
     wrapper: material.css(_templateObject$m || (_templateObject$m = _taggedTemplateLiteral(["\n      height: 518px;\n      position: relative;\n    "]))),
     header: material.css(_templateObject2$k || (_templateObject2$k = _taggedTemplateLiteral(["\n      ", ";\n      margin-top: ", ";\n    "])), theme.cssMixins.rowHCentered, theme.spacing(-0.5)),
@@ -2002,7 +2003,7 @@ function Success$e(_ref) {
   } = poolInfo.poolUnderlyingToken;
   const [{
     txReceipt
-  }] = jotai.useAtom(shared.sendTxAtom);
+  }] = jotai.useAtom(webShared.sendTxAtom);
   const [approvedAmount, setApprovedAmount] = React.useState();
   React.useEffect(() => {
     if (txReceipt) {
@@ -2035,12 +2036,12 @@ function CreditLineApprove(_ref) {
   } = core.useWeb3React();
   const poolName = shared.POOL_NAME[poolNameStr];
   const poolType = shared.POOL_TYPE[poolTypeStr];
-  const poolInfo = shared.usePoolInfo(poolName, poolType, chainId);
+  const poolInfo = webShared.usePoolInfo(poolName, poolType, chainId);
   const {
     step,
     errorMessage
   } = useAppSelector(selectWidgetState);
-  const [accountStats] = shared.useAccountStats(poolName, poolType, chainId, account, provider);
+  const [accountStats] = webShared.useAccountStats(poolName, poolType, chainId, account, provider);
   const {
     creditRecord
   } = accountStats;
@@ -2086,11 +2087,11 @@ function ApproveAllowanceModalV2(_ref) {
     provider,
     account
   } = core.useWeb3React();
-  const reset = utils.useResetAtom(shared.txAtom);
+  const reset = utils.useResetAtom(webShared.txAtom);
   const [{
     state,
     txHash
-  }, send] = jotai.useAtom(shared.sendTxAtom);
+  }, send] = jotai.useAtom(webShared.sendTxAtom);
   const waitingForAccept = state === shared.TxStateType.New;
   const {
     symbol,
@@ -2121,7 +2122,7 @@ function ApproveAllowanceModalV2(_ref) {
       provider
     });
   }, [account, address, allowanceAmount, poolInfo.pool, provider, send, spender]);
-  shared.useMount(() => {
+  webShared.useMount(() => {
     if (!showAutoPayback) {
       sendIncreaseAllowance();
     }
@@ -2197,15 +2198,15 @@ function AutoPaybackV2(_ref) {
     chainId,
     provider
   } = core.useWeb3React();
-  const poolInfo = shared.usePoolInfoV2(poolName, chainId);
-  const poolUnderlyingToken = shared.usePoolUnderlyingTokenInfoV2(poolName, provider);
+  const poolInfo = webShared.usePoolInfoV2(poolName, chainId);
+  const poolUnderlyingToken = webShared.usePoolUnderlyingTokenInfoV2(poolName, provider);
   const {
     step,
     errorMessage
   } = useAppSelector(selectWidgetState);
   const {
     autopayEnabled
-  } = shared.usePoolSafeAllowanceV2(poolName, account, provider);
+  } = webShared.usePoolSafeAllowanceV2(poolName, account, provider);
   React.useEffect(() => {
     if (!step && !autopayEnabled) {
       dispatch(setStep(WIDGET_STEP.ApproveAllowance));
@@ -2247,7 +2248,7 @@ const useEA = () => {
     isWalletOwnershipVerificationRequired,
     isWalletOwnershipVerified,
     setError: setAuthError
-  } = shared.useAuthErrorHandling(shared.checkIsDev());
+  } = webShared.useAuthErrorHandling(shared.checkIsDev());
   const checkingEA = React.useCallback(async (payload, nextStep) => {
     try {
       const result = await shared.EAService.approve(payload, chainId, shared.checkIsDev());
@@ -2439,7 +2440,7 @@ function ChooseAmountModal(_ref) {
   const theme = material.useTheme();
   const {
     isXsSize
-  } = shared.useMQ();
+  } = webShared.useMQ();
   const [inputTouched, setInputTouched] = React.useState(false);
   const styles = {
     subTitle: material.css(_templateObject$i || (_templateObject$i = _taggedTemplateLiteral(["\n      font-weight: 400;\n    "]))),
@@ -2618,7 +2619,7 @@ function ChooseAmount$c(_ref) {
   } = poolUnderlyingToken;
   const {
     getFeesCharged
-  } = shared.useCLFeeManager(poolInfo.poolName, chainId, provider);
+  } = webShared.useCLFeeManager(poolInfo.poolName, chainId, provider);
   const [chargedFees, setChargedFees] = React.useState(0);
   const [currentAmount, setCurrentAmount] = React.useState(0);
   const {
@@ -2627,7 +2628,7 @@ function ChooseAmount$c(_ref) {
   } = accountStats;
   const {
     approved
-  } = shared.useCLPoolAllowance(poolInfo.poolName, chainId, account, provider);
+  } = webShared.useCLPoolAllowance(poolInfo.poolName, chainId, account, provider);
   const handleChangeAmount = React.useCallback(newAmount => {
     setCurrentAmount(newAmount);
     const newChargedFees = getFeesCharged(newAmount);
@@ -2688,11 +2689,11 @@ function TxSendModal(_ref) {
     chainId,
     account
   } = core.useWeb3React();
-  const poolContract = shared.usePoolContract(poolInfo.poolName, poolInfo.poolType, chainId, provider, account);
+  const poolContract = webShared.usePoolContract(poolInfo.poolName, poolInfo.poolType, chainId, provider, account);
   const [{
     state,
     txHash
-  }, send] = jotai.useAtom(shared.sendTxAtom);
+  }, send] = jotai.useAtom(webShared.sendTxAtom);
   React.useEffect(() => {
     if (state === shared.TxStateType.Success) {
       if (handleSuccess) {
@@ -2700,7 +2701,7 @@ function TxSendModal(_ref) {
       }
     }
   }, [dispatch, handleSuccess, state]);
-  shared.useMount(() => {
+  webShared.useMount(() => {
     send({
       contract: contract !== null && contract !== void 0 ? contract : poolContract,
       method,
@@ -2722,7 +2723,7 @@ function Transfer$f(_ref) {
     poolInfo
   } = _ref;
   const dispatch = useAppDispatch();
-  const reset = utils.useResetAtom(shared.txAtom);
+  const reset = utils.useResetAtom(webShared.txAtom);
   const {
     borrowAmountBN: borrowAmountBNJson
   } = useAppSelector(selectWidgetState);
@@ -2880,7 +2881,7 @@ function NotifiSubscriptionModal(_ref) {
     handleSuccess
   } = _ref;
   const theme = material.useTheme();
-  const reset = utils.useResetAtom(shared.txAtom);
+  const reset = utils.useResetAtom(webShared.txAtom);
   const dispatch = useAppDispatch();
   const {
     account,
@@ -3028,12 +3029,12 @@ function CreditLineBorrow(_ref) {
   } = core.useWeb3React();
   const poolName = shared.POOL_NAME[poolNameStr];
   const poolType = shared.POOL_TYPE[poolTypeStr];
-  const poolInfo = shared.usePoolInfo(poolName, poolType, chainId);
+  const poolInfo = webShared.usePoolInfo(poolName, poolType, chainId);
   const {
     step,
     errorMessage
   } = useAppSelector(selectWidgetState);
-  const [accountStats, refreshAccountStats] = shared.useAccountStats(poolName, poolType, chainId, account, provider);
+  const [accountStats, refreshAccountStats] = webShared.useAccountStats(poolName, poolType, chainId, account, provider);
   const {
     isFirstTimeNotifiUser
   } = useIsFirstTimeNotifiUser(account, chainId);
@@ -3203,7 +3204,7 @@ function ChooseAmount$b(_ref) {
   const creditAvailableFormatted = creditAvailable ? Number(ethers.ethers.utils.formatUnits(creditAvailable, decimals)) : 0;
   const {
     autopayEnabled
-  } = shared.usePoolSafeAllowanceV2(poolInfo.poolName, account, provider);
+  } = webShared.usePoolSafeAllowanceV2(poolInfo.poolName, account, provider);
   const handleChangeAmount = React.useCallback(newAmount => {
     setCurrentAmount(newAmount);
   }, []);
@@ -3267,7 +3268,7 @@ function TxSendModalV2(_ref) {
   const [{
     state,
     txHash
-  }, send] = jotai.useAtom(shared.sendTxAtom);
+  }, send] = jotai.useAtom(webShared.sendTxAtom);
   React.useEffect(() => {
     if (state === shared.TxStateType.Success) {
       if (handleSuccess) {
@@ -3275,7 +3276,7 @@ function TxSendModalV2(_ref) {
       }
     }
   }, [dispatch, handleSuccess, state]);
-  shared.useMount(() => {
+  webShared.useMount(() => {
     send({
       contract,
       method,
@@ -3301,12 +3302,12 @@ function Transfer$e(_ref) {
     provider,
     account
   } = core.useWeb3React();
-  const reset = utils.useResetAtom(shared.txAtom);
+  const reset = utils.useResetAtom(webShared.txAtom);
   const {
     borrowAmountBN: borrowAmountBNJson
   } = useAppSelector(selectWidgetState);
   const borrowAmountBN = ethers.BigNumber.from(borrowAmountBNJson);
-  const creditContract = shared.useCreditContractV2(poolInfo.poolName, provider, account);
+  const creditContract = webShared.useCreditContractV2(poolInfo.poolName, provider, account);
   const handleSuccess = React.useCallback(() => {
     reset();
     const nextStep = WIDGET_STEP.Done;
@@ -3370,13 +3371,13 @@ function CreditLineBorrowV2(_ref) {
     chainId,
     provider
   } = core.useWeb3React();
-  const poolInfo = shared.usePoolInfoV2(poolName, chainId);
-  const poolUnderlyingToken = shared.usePoolUnderlyingTokenInfoV2(poolName, provider);
+  const poolInfo = webShared.usePoolInfoV2(poolName, chainId);
+  const poolUnderlyingToken = webShared.usePoolUnderlyingTokenInfoV2(poolName, provider);
   const {
     step,
     errorMessage
   } = useAppSelector(selectWidgetState);
-  const [accountStats, refreshAccountStats] = shared.useCreditStatsV2(poolName, account, provider);
+  const [accountStats, refreshAccountStats] = webShared.useCreditStatsV2(poolName, account, provider);
   const {
     isFirstTimeNotifiUser
   } = useIsFirstTimeNotifiUser(account, chainId);
@@ -3466,7 +3467,7 @@ function ChooseAmount$a(_ref) {
   const [currentAmount, setCurrentAmount] = React.useState(0);
   const {
     allowance
-  } = shared.useCLPoolAllowance(poolInfo.poolName, chainId, account, provider);
+  } = webShared.useCLPoolAllowance(poolInfo.poolName, chainId, account, provider);
   React.useEffect(() => {
     setCurrentAmount(totalDueAmount);
     dispatch(setPaymentAmount({
@@ -3549,7 +3550,7 @@ function Success$a(_ref) {
   } = poolInfo.poolUnderlyingToken;
   const [{
     txReceipt
-  }] = jotai.useAtom(shared.sendTxAtom);
+  }] = jotai.useAtom(webShared.sendTxAtom);
   const [payedAmount, setPayedAmount] = React.useState();
   React.useEffect(() => {
     if (txReceipt) {
@@ -3582,7 +3583,7 @@ function CreditLinePayment(_ref) {
   } = core.useWeb3React();
   const poolName = shared.POOL_NAME[poolNameStr];
   const poolType = shared.POOL_TYPE[poolTypeStr];
-  const poolInfo = shared.usePoolInfo(poolName, poolType, chainId);
+  const poolInfo = webShared.usePoolInfo(poolName, poolType, chainId);
   const {
     step,
     errorMessage
@@ -3591,7 +3592,7 @@ function CreditLinePayment(_ref) {
     creditRecord,
     payoffAmount,
     totalDueAmount
-  }] = shared.useAccountStats(poolName, poolType, chainId, account, provider);
+  }] = webShared.useAccountStats(poolName, poolType, chainId, account, provider);
   React.useEffect(() => {
     dispatch(setStep(WIDGET_STEP.ChooseAmount));
   }, [dispatch]);
@@ -3642,7 +3643,7 @@ function ChooseAmount$9(_ref) {
   const [currentAmount, setCurrentAmount] = React.useState(0);
   const {
     allowance
-  } = shared.usePoolSafeAllowanceV2(poolInfo.poolName, account, provider);
+  } = webShared.usePoolSafeAllowanceV2(poolInfo.poolName, account, provider);
   const totalDueAmount = Number(ethers.ethers.utils.formatUnits(totalDueAmountBN, decimals));
   const payoffAmount = Number(ethers.ethers.utils.formatUnits(payoffAmountBN, decimals));
   console.log('totalDueAmountBN', totalDueAmountBN.toString());
@@ -3723,7 +3724,7 @@ function Transfer$c(_ref) {
     decimals
   } = poolUnderlyingToken;
   const paymentBigNumber = shared.toBigNumber(shared.upScale(paymentAmount, decimals));
-  const creditContract = shared.useCreditContractV2(poolInfo.poolName, provider, account);
+  const creditContract = webShared.useCreditContractV2(poolInfo.poolName, provider, account);
   const handleSuccess = React.useCallback(() => {
     dispatch(setStep(WIDGET_STEP.Done));
   }, [dispatch]);
@@ -3752,7 +3753,7 @@ function Success$9(_ref) {
   } = poolUnderlyingToken;
   const [{
     txReceipt
-  }] = jotai.useAtom(shared.sendTxAtom);
+  }] = jotai.useAtom(webShared.sendTxAtom);
   const [paidAmount, setPaidAmount] = React.useState();
   React.useEffect(() => {
     if (txReceipt) {
@@ -3783,7 +3784,7 @@ function CreditLinePaymentV2(_ref) {
     provider
   } = core.useWeb3React();
   const poolName = shared.POOL_NAME[poolNameStr];
-  const poolInfo = shared.usePoolInfoV2(poolName, chainId);
+  const poolInfo = webShared.usePoolInfoV2(poolName, chainId);
   const {
     step,
     errorMessage
@@ -3792,8 +3793,8 @@ function CreditLinePaymentV2(_ref) {
     creditRecord,
     totalDueAmount,
     payoffAmount
-  }] = shared.useCreditStatsV2(poolName, account, provider);
-  const poolUnderlyingToken = shared.usePoolUnderlyingTokenInfoV2(poolName, provider);
+  }] = webShared.useCreditStatsV2(poolName, account, provider);
+  const poolUnderlyingToken = webShared.usePoolUnderlyingTokenInfoV2(poolName, provider);
   React.useEffect(() => {
     dispatch(setStep(WIDGET_STEP.ChooseAmount));
   }, [dispatch]);
@@ -3882,7 +3883,7 @@ function Transfer$b(_ref) {
     provider,
     account
   } = core.useWeb3React();
-  const firstLossCoverContract = shared.useFirstLossCoverContractV2(poolInfo.poolName, shared.FirstLossCoverIndex.borrower, provider, account);
+  const firstLossCoverContract = webShared.useFirstLossCoverContractV2(poolInfo.poolName, shared.FirstLossCoverIndex.borrower, provider, account);
   const handleSuccess = React.useCallback(() => {
     dispatch(setStep(WIDGET_STEP.Done));
   }, [dispatch]);
@@ -3913,14 +3914,14 @@ function SupplyFirstLossCover(_ref) {
     chainId,
     provider
   } = core.useWeb3React();
-  const poolInfo = shared.usePoolInfoV2(poolName, chainId);
-  const poolUnderlyingToken = shared.usePoolUnderlyingTokenInfoV2(poolName, provider);
+  const poolInfo = webShared.usePoolInfoV2(poolName, chainId);
+  const poolUnderlyingToken = webShared.usePoolUnderlyingTokenInfoV2(poolName, provider);
   const {
     step,
     errorMessage
   } = useAppSelector(selectWidgetState);
-  const [requirement] = shared.useFirstLossCoverRequirementV2(poolName, shared.FirstLossCoverIndex.borrower, account, provider);
-  const [allowance] = shared.useFirstLossCoverAllowanceV2(poolName, shared.FirstLossCoverIndex.borrower, account, provider);
+  const [requirement] = webShared.useFirstLossCoverRequirementV2(poolName, shared.FirstLossCoverIndex.borrower, account, provider);
+  const [allowance] = webShared.useFirstLossCoverAllowanceV2(poolName, shared.FirstLossCoverIndex.borrower, account, provider);
   const {
     minAmountToDeposit
   } = requirement || {};
@@ -4026,7 +4027,7 @@ function ChooseAmount$8(_ref) {
   } = useAppSelector(selectWidgetState);
   const {
     getFeesCharged
-  } = shared.useFeeManager(poolInfo.poolName, poolInfo.poolType, chainId, provider);
+  } = webShared.useFeeManager(poolInfo.poolName, poolInfo.poolType, chainId, provider);
   const [remainder, setRemainder] = React.useState((_receivable = approval.receivable) === null || _receivable === void 0 ? void 0 : _receivable.amountFormatted);
   const getAvailableCreditLimit = () => {
     if (approval && creditRecord) {
@@ -4184,9 +4185,9 @@ function ApproveNFT(_ref) {
   const [{
     state,
     txHash
-  }, send] = jotai.useAtom(shared.sendTxAtom);
-  const reset = utils.useResetAtom(shared.txAtom);
-  const invoiceNFTContract = shared.useInvoiceNFTContract(poolInfo.poolName, chainId, provider);
+  }, send] = jotai.useAtom(webShared.sendTxAtom);
+  const reset = utils.useResetAtom(webShared.txAtom);
+  const invoiceNFTContract = webShared.useInvoiceNFTContract(poolInfo.poolName, chainId, provider);
   React.useEffect(() => {
     if (state === shared.TxStateType.Success) {
       reset();
@@ -4267,12 +4268,12 @@ function InvoiceFactoringBorrow(_ref) {
   } = core.useWeb3React();
   const poolName = shared.POOL_NAME[poolNameStr];
   const poolType = shared.POOL_TYPE[poolTypeStr];
-  const poolInfo = shared.usePoolInfo(poolName, poolType, chainId);
+  const poolInfo = webShared.usePoolInfo(poolName, poolType, chainId);
   const {
     step,
     errorMessage
   } = useAppSelector(selectWidgetState);
-  const [accountStats] = shared.useAccountStats(poolName, poolType, chainId, account, provider);
+  const [accountStats] = webShared.useAccountStats(poolName, poolType, chainId, account, provider);
   React.useEffect(() => {
     dispatch(setStep(WIDGET_STEP.Evaluation));
   }, [dispatch]);
@@ -4323,7 +4324,7 @@ function ChooseAmount$7(_ref) {
   const totalDue = shared.downScale(creditRecord.totalDue.toNumber(), decimals);
   const {
     allowance
-  } = shared.useRFPoolAllowance(poolInfo.poolName, chainId, account, provider);
+  } = webShared.useRFPoolAllowance(poolInfo.poolName, chainId, account, provider);
   const [remainingDue, setRemainingDue] = React.useState(totalDue);
   const [currentAmount, setCurrentAmount] = React.useState(0);
   const handleChangeAmount = React.useCallback(newAmount => {
@@ -4430,14 +4431,14 @@ function InvoiceFactoringPayment(_ref) {
   } = core.useWeb3React();
   const poolName = shared.POOL_NAME[poolNameStr];
   const poolType = shared.POOL_TYPE[poolTypeStr];
-  const poolInfo = shared.usePoolInfo(poolName, poolType, chainId);
+  const poolInfo = webShared.usePoolInfo(poolName, poolType, chainId);
   const {
     step,
     errorMessage
   } = useAppSelector(selectWidgetState);
   const [{
     creditRecord
-  }] = shared.useAccountStats(poolName, poolType, chainId, account, provider);
+  }] = webShared.useAccountStats(poolName, poolType, chainId, account, provider);
   React.useEffect(() => {
     dispatch(setStep(WIDGET_STEP.ChooseAmount));
   }, [dispatch]);
@@ -4542,9 +4543,9 @@ function ChooseAmount$6(_ref) {
   const [currentShares, setCurrentShares] = React.useState(0);
   const maxSharesFormatted = ethers.ethers.utils.formatUnits(trancheInfo.shares, poolUnderlyingToken.decimals);
   const sharePrice = trancheInfo.assets.toNumber() / trancheInfo.shares.toNumber();
-  const [depositRecord] = shared.useLenderDepositRecordV2(poolInfo.poolName, trancheInfo.tranche, account, provider);
-  const lpConfig = shared.useLPConfigV2(poolInfo.poolName, provider);
-  const nextEpochStartTime = shared.useNextEpochStartTimeV2(poolInfo.poolName, provider);
+  const [depositRecord] = webShared.useLenderDepositRecordV2(poolInfo.poolName, trancheInfo.tranche, account, provider);
+  const lpConfig = webShared.useLPConfigV2(poolInfo.poolName, provider);
+  const nextEpochStartTime = webShared.useNextEpochStartTimeV2(poolInfo.poolName, provider);
   React.useEffect(() => {
     if (depositRecord && lpConfig && nextEpochStartTime) {
       const SECONDS_IN_A_DAY = 24 * 60 * 60;
@@ -4604,7 +4605,7 @@ function Transfer$8(_ref) {
   const {
     redeemShares
   } = useAppSelector(selectWidgetState);
-  const trancheVaultContract = shared.useTrancheVaultContractV2(poolInfo.poolName, trancheInfo.tranche, provider, account);
+  const trancheVaultContract = webShared.useTrancheVaultContractV2(poolInfo.poolName, trancheInfo.tranche, provider, account);
   const redeemSharesBN = ethers.ethers.utils.parseUnits(String(redeemShares), decimals);
   const handleSuccess = React.useCallback(() => {
     dispatch(setStep(WIDGET_STEP.Done));
@@ -4648,13 +4649,13 @@ function AddRedemptionV2(_ref) {
     provider
   } = core.useWeb3React();
   const poolName = shared.POOL_NAME[poolNameStr];
-  const poolInfo = shared.usePoolInfoV2(poolName, chainId);
+  const poolInfo = webShared.usePoolInfoV2(poolName, chainId);
   const {
     step,
     errorMessage,
     errorReason
   } = useAppSelector(selectWidgetState);
-  const poolUnderlyingToken = shared.usePoolUnderlyingTokenInfoV2(poolName, provider);
+  const poolUnderlyingToken = webShared.usePoolUnderlyingTokenInfoV2(poolName, provider);
   const [seniorTrancheInfo, setSeniorTrancheInfo] = React.useState();
   const [juniorTrancheInfo, setJuniorTrancheInfo] = React.useState();
   const [trancheInfo, setTrancheInfo] = React.useState();
@@ -4757,7 +4758,7 @@ function Transfer$7(_ref) {
     account,
     provider
   } = core.useWeb3React();
-  const trancheVaultContract = shared.useTrancheVaultContractV2(poolInfo.poolName, trancheType, provider, account);
+  const trancheVaultContract = webShared.useTrancheVaultContractV2(poolInfo.poolName, trancheType, provider, account);
   const handleSuccess = React.useCallback(() => {
     dispatch(setStep(WIDGET_STEP.Done));
   }, [dispatch]);
@@ -4801,14 +4802,14 @@ function CancelRedemptionV2(_ref) {
     provider
   } = core.useWeb3React();
   const poolName = shared.POOL_NAME[poolNameStr];
-  const poolInfo = shared.usePoolInfoV2(poolName, chainId);
+  const poolInfo = webShared.usePoolInfoV2(poolName, chainId);
   const {
     step,
     errorMessage,
     errorReason
   } = useAppSelector(selectWidgetState);
-  const poolUnderlyingToken = shared.usePoolUnderlyingTokenInfoV2(poolName, provider);
-  const [redemptionInfo] = shared.useCancellableRedemptionInfoV2(poolName, trancheType, account, provider);
+  const poolUnderlyingToken = webShared.usePoolUnderlyingTokenInfoV2(poolName, provider);
+  const [redemptionInfo] = webShared.useCancellableRedemptionInfoV2(poolName, trancheType, account, provider);
   React.useEffect(() => {
     if (!step) {
       dispatch(setStep(WIDGET_STEP.Transfer));
@@ -5013,12 +5014,12 @@ function EvaluationKYC(_ref) {
     kycProvider,
     code,
     kycPool
-  } = shared.useParamsSearch();
+  } = webShared.useParamsSearch();
   const {
     isWalletOwnershipVerified,
     setError: setAuthError,
     error: authError
-  } = shared.useAuthErrorHandling(isDev);
+  } = webShared.useAuthErrorHandling(isDev);
   const [loadingType, setLoadingType] = React.useState();
   const [kycCopy, setKYCCopy] = React.useState(JiaPoolCopies.verifyIdentity);
   const [KYCVerifyStatus, setKYCVerifyStatus] = React.useState();
@@ -5333,7 +5334,7 @@ function Success$5(_ref) {
   } = poolInfo;
   const [{
     txReceipt
-  }] = jotai.useAtom(shared.sendTxAtom);
+  }] = jotai.useAtom(webShared.sendTxAtom);
   const {
     symbol,
     decimals,
@@ -5389,7 +5390,7 @@ function LendSupply(_ref) {
   } = core.useWeb3React();
   const poolName = shared.POOL_NAME[poolNameStr];
   const poolType = shared.POOL_TYPE[poolTypeStr];
-  const poolInfo = shared.usePoolInfo(poolName, poolType, chainId);
+  const poolInfo = webShared.usePoolInfo(poolName, poolType, chainId);
   const {
     decimals
   } = (poolInfo === null || poolInfo === void 0 ? void 0 : poolInfo.poolUnderlyingToken) || {};
@@ -5399,17 +5400,17 @@ function LendSupply(_ref) {
   } = useAppSelector(selectWidgetState);
   const {
     allowance
-  } = shared.usePoolAllowance(poolName, poolType, chainId, account, provider);
+  } = webShared.usePoolAllowance(poolName, poolType, chainId, account, provider);
   const {
     isFirstTimeNotifiUser
   } = useIsFirstTimeNotifiUser(account, chainId);
   const {
     notifiChainSupported
   } = useDoesChainSupportNotifi(chainId);
-  const [lenderApproved, refreshLenderApproved] = shared.useLenderApproved(poolName, poolType, chainId, account, provider);
-  const [, refreshLenderPosition] = shared.useLenderPosition(poolName, poolType, chainId, account, provider);
-  const withdrawlLockoutSeconds = shared.useWithdrawlLockoutInSeconds(poolName, poolType, chainId, provider);
-  const underlyingTokenBalance = shared.usePoolUnderlyingTokenBalance(poolName, poolType, chainId, account, provider);
+  const [lenderApproved, refreshLenderApproved] = webShared.useLenderApproved(poolName, poolType, chainId, account, provider);
+  const [, refreshLenderPosition] = webShared.useLenderPosition(poolName, poolType, chainId, account, provider);
+  const withdrawlLockoutSeconds = webShared.useWithdrawlLockoutInSeconds(poolName, poolType, chainId, provider);
+  const underlyingTokenBalance = webShared.usePoolUnderlyingTokenBalance(poolName, poolType, chainId, account, provider);
   const balanceWithoutDecimals = shared.downScale(underlyingTokenBalance, decimals);
   React.useEffect(() => {
     if (!step && lenderApproved !== undefined) {
@@ -5561,7 +5562,7 @@ function PersonaEvaluation(_ref) {
     setError: setAuthError,
     isWalletOwnershipVerified,
     isWalletOwnershipVerificationRequired
-  } = shared.useAuthErrorHandling(isDev);
+  } = webShared.useAuthErrorHandling(isDev);
   const KYCCopies = poolInfo.KYC.Persona;
   const [loadingType, setLoadingType] = React.useState();
   const [kycCopy, setKYCCopy] = React.useState(KYCCopies.verifyIdentity);
@@ -5847,12 +5848,12 @@ function SecuritizeEvaluation(_ref) {
     kycProvider,
     code,
     kycPool
-  } = shared.useParamsSearch();
+  } = webShared.useParamsSearch();
   const {
     isWalletOwnershipVerified,
     setError: setAuthError,
     error: authError
-  } = shared.useAuthErrorHandling(isDev);
+  } = webShared.useAuthErrorHandling(isDev);
   const [loadingType, setLoadingType] = React.useState();
   const KYCCopies = poolInfo.KYC.Securitize;
   const [kycCopy, setKYCCopy] = React.useState(KYCCopies.verifyIdentity);
@@ -6106,13 +6107,13 @@ function ChooseAmount$4(_ref) {
     decimals
   } = poolUnderlyingToken;
   const [currentAmount, setCurrentAmount] = React.useState(0);
-  const debouncedValue = shared.useDebouncedValue(currentAmount);
+  const debouncedValue = webShared.useDebouncedValue(currentAmount);
   const [campaignPoints, setCampaignPoints] = React.useState(0);
   const [lockupPeriodMonths, setLockupPeriodMonths] = React.useState(0);
   const {
     allowance = ethers.BigNumber.from(0)
-  } = shared.usePoolSafeAllowanceV2(poolInfo.poolName, account, provider);
-  const [balance] = shared.usePoolUnderlyingTokenBalanceV2(poolInfo.poolName, account, provider);
+  } = webShared.usePoolSafeAllowanceV2(poolInfo.poolName, account, provider);
+  const [balance] = webShared.usePoolUnderlyingTokenBalanceV2(poolInfo.poolName, account, provider);
   const maxAmountFormatted = ethers.ethers.utils.formatUnits(balance, poolUnderlyingToken.decimals);
   React.useEffect(() => {
     const getBasePoints = async () => {
@@ -6191,7 +6192,7 @@ function Transfer$5(_ref) {
     decimals
   } = poolUnderlyingToken;
   const supplyBigNumber = ethers.ethers.utils.parseUnits(String(supplyAmount), decimals);
-  const trancheVaultContract = shared.useTrancheVaultContractV2(poolInfo.poolName, trancheType, provider, account);
+  const trancheVaultContract = webShared.useTrancheVaultContractV2(poolInfo.poolName, trancheType, provider, account);
   const handleSuccess = React.useCallback(() => {
     dispatch(setStep(WIDGET_STEP.Done));
   }, [dispatch]);
@@ -6223,7 +6224,7 @@ function Success$4(_ref) {
   const [{
     txReceipt,
     txHash
-  }] = jotai.useAtom(shared.sendTxAtom);
+  }] = jotai.useAtom(webShared.sendTxAtom);
   const {
     symbol,
     decimals,
@@ -6335,7 +6336,7 @@ function PointsEarned(_ref) {
     setError: setAuthError,
     isWalletOwnershipVerified,
     isWalletOwnershipVerificationRequired
-  } = shared.useAuthErrorHandling(isDev);
+  } = webShared.useAuthErrorHandling(isDev);
   const [walletOwnership, setWalletOwnership] = React.useState();
   const [state, setState] = React.useState(STATE.Loading);
   React.useEffect(() => {
@@ -6460,19 +6461,19 @@ function LendSupplyV2(_ref) {
     provider,
     account
   } = core.useWeb3React();
-  const poolInfo = shared.usePoolInfoV2(poolName, chainId);
+  const poolInfo = webShared.usePoolInfoV2(poolName, chainId);
   const {
     step,
     errorMessage
   } = useAppSelector(selectWidgetState);
   const [selectedTranche, setSelectedTranche] = React.useState();
   const [transactionHash, setTransactionHash] = React.useState();
-  const poolUnderlyingToken = shared.usePoolUnderlyingTokenInfoV2(poolName, provider);
-  const poolSettings = shared.usePoolSettingsV2(poolName, provider);
-  const lpConfig = shared.useLPConfigV2(poolName, provider);
+  const poolUnderlyingToken = webShared.usePoolUnderlyingTokenInfoV2(poolName, provider);
+  const poolSettings = webShared.usePoolSettingsV2(poolName, provider);
+  const lpConfig = webShared.useLPConfigV2(poolName, provider);
   const isUniTranche = (lpConfig === null || lpConfig === void 0 ? void 0 : lpConfig.maxSeniorJuniorRatio) === 0;
-  const [lenderApprovedSenior] = shared.useLenderApprovedV2(poolName, 'senior', account, provider);
-  const [lenderApprovedJunior] = shared.useLenderApprovedV2(poolName, 'junior', account, provider);
+  const [lenderApprovedSenior] = webShared.useLenderApprovedV2(poolName, 'senior', account, provider);
+  const [lenderApprovedJunior] = webShared.useLenderApprovedV2(poolName, 'junior', account, provider);
   const lenderApproveStatusFetched = lenderApprovedSenior !== undefined && lenderApprovedJunior !== undefined;
   React.useEffect(() => {
     if (!step && poolInfo && lenderApproveStatusFetched && lpConfig) {
@@ -6584,8 +6585,8 @@ function CheckWithdrawable(_ref) {
     chainId,
     provider
   } = core.useWeb3React();
-  const withdrawlLockoutSeconds = shared.useWithdrawlLockoutInSeconds(poolInfo.poolName, poolInfo.poolType, chainId, provider);
-  const lastDepositTime = shared.useLastDepositTime(poolInfo.poolName, poolInfo.poolType, chainId, account, provider);
+  const withdrawlLockoutSeconds = webShared.useWithdrawlLockoutInSeconds(poolInfo.poolName, poolInfo.poolType, chainId, provider);
+  const lastDepositTime = webShared.useLastDepositTime(poolInfo.poolName, poolInfo.poolType, chainId, account, provider);
   const {
     symbol
   } = poolInfo.poolUnderlyingToken;
@@ -6689,7 +6690,7 @@ function Success$3(_ref) {
   } = poolInfo;
   const [{
     txReceipt
-  }] = jotai.useAtom(shared.sendTxAtom);
+  }] = jotai.useAtom(webShared.sendTxAtom);
   const {
     symbol,
     decimals,
@@ -6735,13 +6736,13 @@ function LendWithdraw(_ref) {
   } = core.useWeb3React();
   const poolName = shared.POOL_NAME[poolNameStr];
   const poolType = shared.POOL_TYPE[poolTypeStr];
-  const poolInfo = shared.usePoolInfo(poolName, poolType, chainId);
+  const poolInfo = webShared.usePoolInfo(poolName, poolType, chainId);
   const {
     step,
     errorMessage
   } = useAppSelector(selectWidgetState);
-  const [lenderPosition, refreshLenderPosition] = shared.useLenderPosition(poolName, poolType, chainId, account, provider);
-  const [poolBalance, refreshPoolBalance] = shared.usePoolBalance(poolName, poolType, chainId, provider);
+  const [lenderPosition, refreshLenderPosition] = webShared.useLenderPosition(poolName, poolType, chainId, account, provider);
+  const [poolBalance, refreshPoolBalance] = webShared.usePoolBalance(poolName, poolType, chainId, provider);
   React.useEffect(() => {
     if (!step && lenderPosition !== null && lenderPosition !== void 0 && lenderPosition.gt(0) && poolBalance !== null && poolBalance !== void 0 && poolBalance.gt(0)) {
       dispatch(setStep(WIDGET_STEP.CheckWithdrawable));
@@ -6884,7 +6885,7 @@ function Transfer$3(_ref) {
     account,
     provider
   } = core.useWeb3React();
-  const trancheVaultContract = shared.useTrancheVaultContractV2(poolInfo.poolName, tranche, provider, account);
+  const trancheVaultContract = webShared.useTrancheVaultContractV2(poolInfo.poolName, tranche, provider, account);
   const handleSuccess = React.useCallback(() => {
     dispatch(setStep(WIDGET_STEP.Done));
   }, [dispatch]);
@@ -6930,12 +6931,12 @@ function LendWithdrawV2(_ref) {
     provider
   } = core.useWeb3React();
   const poolName = shared.POOL_NAME[poolNameStr];
-  const poolInfo = shared.usePoolInfoV2(poolName, chainId);
+  const poolInfo = webShared.usePoolInfoV2(poolName, chainId);
   const {
     step,
     errorMessage
   } = useAppSelector(selectWidgetState);
-  const poolUnderlyingToken = shared.usePoolUnderlyingTokenInfoV2(poolName, provider);
+  const poolUnderlyingToken = webShared.usePoolUnderlyingTokenInfoV2(poolName, provider);
   const title = poolUnderlyingToken ? "Withdraw ".concat(poolUnderlyingToken.symbol) : 'Withdraw';
   const [redemptionStatus, setRedemptionStatus] = React__default["default"].useState();
   const [poolIsClosed, setPoolIsClosed] = React.useState(undefined);
@@ -7036,10 +7037,10 @@ function ChooseAmount$2(_ref) {
   const {
     creditAvailable
   } = accountStats;
-  const receivableInfo = shared.useReceivableInfoV2(poolInfo.poolName, tokenId, provider);
+  const receivableInfo = webShared.useReceivableInfoV2(poolInfo.poolName, tokenId, provider);
   const {
     autopayEnabled
-  } = shared.usePoolSafeAllowanceV2(poolInfo.poolName, account, provider);
+  } = webShared.usePoolSafeAllowanceV2(poolInfo.poolName, account, provider);
   const [maxAmount, setMaxAmount] = React.useState(0);
   React.useEffect(() => {
     if (creditAvailable) {
@@ -7111,9 +7112,9 @@ function ApproveReceivable$1(_ref) {
   const [{
     state,
     txHash
-  }, send] = jotai.useAtom(shared.sendTxAtom);
-  const reset = utils.useResetAtom(shared.txAtom);
-  const receivableContract = shared.useReceivableContractV2(poolInfo.poolName, provider, account);
+  }, send] = jotai.useAtom(webShared.sendTxAtom);
+  const reset = utils.useResetAtom(webShared.txAtom);
+  const receivableContract = webShared.useReceivableContractV2(poolInfo.poolName, provider, account);
   React.useEffect(() => {
     if (state === shared.TxStateType.Success) {
       reset();
@@ -7229,13 +7230,13 @@ function ReceivableBackedCreditLineBorrowV2(_ref) {
     chainId,
     provider
   } = core.useWeb3React();
-  const poolInfo = shared.usePoolInfoV2(poolName, chainId);
-  const poolUnderlyingToken = shared.usePoolUnderlyingTokenInfoV2(poolName, provider);
+  const poolInfo = webShared.usePoolInfoV2(poolName, chainId);
+  const poolUnderlyingToken = webShared.usePoolUnderlyingTokenInfoV2(poolName, provider);
   const {
     step,
     errorMessage
   } = useAppSelector(selectWidgetState);
-  const [accountStats, refreshAccountStats] = shared.useCreditStatsV2(poolName, account, provider);
+  const [accountStats, refreshAccountStats] = webShared.useCreditStatsV2(poolName, account, provider);
   const {
     isFirstTimeNotifiUser
   } = useIsFirstTimeNotifiUser(account, chainId);
@@ -7384,7 +7385,7 @@ function ChooseAmount$1(_ref) {
   const [currentAmount, setCurrentAmount] = React.useState(0);
   const {
     allowance
-  } = shared.usePoolSafeAllowanceV2(poolInfo.poolName, account, provider);
+  } = webShared.usePoolSafeAllowanceV2(poolInfo.poolName, account, provider);
   const payoffAmount = Number(ethers.ethers.utils.formatUnits(payoffAmountBN, decimals));
   const handleChangeAmount = React.useCallback(newAmount => {
     setCurrentAmount(newAmount);
@@ -7519,9 +7520,9 @@ function ApproveReceivable(_ref) {
   const [{
     state,
     txHash
-  }, send] = jotai.useAtom(shared.sendTxAtom);
-  const reset = utils.useResetAtom(shared.txAtom);
-  const receivableContract = shared.useReceivableContractV2(poolInfo.poolName, provider, account);
+  }, send] = jotai.useAtom(webShared.sendTxAtom);
+  const reset = utils.useResetAtom(webShared.txAtom);
+  const receivableContract = webShared.useReceivableContractV2(poolInfo.poolName, provider, account);
   React.useEffect(() => {
     if (state === shared.TxStateType.Success) {
       reset();
@@ -7663,18 +7664,18 @@ function ReceivableBackedCreditLinePaymentV2(_ref) {
     provider
   } = core.useWeb3React();
   const poolName = shared.POOL_NAME[poolNameStr];
-  const poolInfo = shared.usePoolInfoV2(poolName, chainId);
+  const poolInfo = webShared.usePoolInfoV2(poolName, chainId);
   const {
     step,
     errorMessage
   } = useAppSelector(selectWidgetState);
   const [{
     creditRecord
-  }] = shared.useCreditStatsV2(poolName, account, provider);
-  const poolUnderlyingToken = shared.usePoolUnderlyingTokenInfoV2(poolName, provider);
+  }] = webShared.useCreditStatsV2(poolName, account, provider);
+  const poolUnderlyingToken = webShared.usePoolUnderlyingTokenInfoV2(poolName, provider);
   const [paymentType, setPaymentType] = React.useState();
   const [borrowTokenId, setBorrowTokenId] = React.useState();
-  const paymentReceivableInfo = shared.useReceivableInfoV2(poolName, tokenId, provider);
+  const paymentReceivableInfo = webShared.useReceivableInfoV2(poolName, tokenId, provider);
   const payoffAmount = paymentReceivableInfo ? ethers.BigNumber.from(paymentReceivableInfo.receivableAmount).sub(paymentReceivableInfo.paidAmount) : ethers.BigNumber.from(0);
   const [successTxReceipt, setSuccessTxReceipt] = React.useState();
   React.useEffect(() => {
@@ -7950,7 +7951,7 @@ function Activity(_ref) {
   });
   const {
     isSmSize
-  } = shared.useMQ();
+  } = webShared.useMQ();
   const getPadding = () => {
     if (isSmSize) {
       return theme.spacing(2, 3);
@@ -8060,7 +8061,7 @@ function ChooseAmount(_ref) {
   } = useAppSelector(selectWidgetState);
   const {
     getFeesCharged
-  } = shared.useFeeManager(poolInfo.poolName, poolInfo.poolType, chainId, provider);
+  } = webShared.useFeeManager(poolInfo.poolName, poolInfo.poolType, chainId, provider);
   const [chargedFees, setChargedFees] = React.useState(0);
   const [currentAmount, setCurrentAmount] = React.useState(0);
   const borrowPeriodInSeconds = approval.terms.intervalInDays * 24 * 60 * 60;
@@ -8192,7 +8193,7 @@ function Permit(_ref) {
   } = useAppSelector(selectWidgetState);
   const {
     getTradableStreamPermitMessage
-  } = shared.useERC2612Permit();
+  } = webShared.useERC2612Permit();
   const borrowAmountBN = ethers.BigNumber.from(borrowAmountBNJson);
   const getDrawdownCallData = async () => {
     const NFTPermitResult = await getTradableStreamPermitMessage(poolInfo.assetAddress, borrower, superToken, payerAddress, poolInfo.poolProcessor, stream.borrowFlowrate, stream.durationInSeconds);
@@ -8200,7 +8201,7 @@ function Permit(_ref) {
     const poolProcessorContract = new ethers.Contract(poolInfo.poolProcessor, shared.SuperfluidPoolProcessor_ABI);
     return poolProcessorContract.interface.encodeFunctionData('mintAndDrawdown', [borrower, borrowAmountBN, poolInfo.assetAddress, drawdownEncodedData]);
   };
-  shared.useMount(async () => {
+  webShared.useMount(async () => {
     try {
       const callData = [];
       const addresses = [];
@@ -8242,7 +8243,7 @@ function Transfer(_ref) {
   const {
     multisend
   } = useAppSelector(selectWidgetState);
-  const multiSendContract = shared.useMultiSendContract(chainId, provider);
+  const multiSendContract = webShared.useMultiSendContract(chainId, provider);
   const handleSuccess = React.useCallback(() => {
     dispatch(setStep(WIDGET_STEP.Done));
   }, [dispatch]);
@@ -8290,7 +8291,7 @@ function StreamFactoringBorrow(_ref) {
     account,
     chainId
   } = core.useWeb3React();
-  const poolInfo = shared.usePoolInfo(poolName, poolType, chainId);
+  const poolInfo = webShared.usePoolInfo(poolName, poolType, chainId);
   const {
     step,
     errorMessage
@@ -8349,7 +8350,7 @@ function UpcomingList(_ref) {
   const {
     isMdSize,
     isSmSize
-  } = shared.useMQ();
+  } = webShared.useMQ();
   const getPadding = () => {
     if (isMdSize) {
       return theme.spacing(0, 1, 1, 1);
@@ -8397,7 +8398,7 @@ var _ref2$1 = process.env.NODE_ENV === "production" ? {
 } : {
   name: "w5slvu-icon",
   styles: "width:24px;label:icon;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZhY3RvcmVkTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkQ2QiIsImZpbGUiOiJGYWN0b3JlZExpc3QudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQm94LCBjc3MsIExpbmVhclByb2dyZXNzLCB1c2VUaGVtZSB9IGZyb20gJ0BtdWkvbWF0ZXJpYWwnXG5pbXBvcnQgeyB1c2VXZWIzUmVhY3QgfSBmcm9tICdAd2ViMy1yZWFjdC9jb3JlJ1xuaW1wb3J0IHtcbiAgQWNjb3VudFN0YXRzLFxuICBkb3duU2NhbGUsXG4gIGZvcm1hdE1vbmV5LFxuICBoYXNSRkFjdGl2ZUxvYW4sXG4gIFBvb2xJbmZvVHlwZSxcbiAgdGltZXN0YW1wVG9MTCxcbiAgdXNlTVEsXG4gIHVzZVBvb2xVbmRlcmx5aW5nVG9rZW4sXG59IGZyb20gJ0BodW1hLWZpbmFuY2Uvc2hhcmVkJ1xuaW1wb3J0IFJlYWN0LCB7IHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCdcblxuaW1wb3J0IHsgQ29sdW1uVHlwZSB9IGZyb20gJy4uLy4uL3V0aWxUeXBlcydcbmltcG9ydCB7IEh1bWFUYWJsZSB9IGZyb20gJy4uL0h1bWFUYWJsZSdcbmltcG9ydCB7IFJlY2VpcHRJY29uIH0gZnJvbSAnLi4vaWNvbnMnXG5cbnR5cGUgUHJvcHM8VD4gPSB7XG4gIHRpdGxlOiAnU3RyZWFtcycgfCAnSW52b2ljZXMnXG4gIHBvb2xJbmZvOiBQb29sSW5mb1R5cGVcbiAgbG9hZGluZzogYm9vbGVhblxuICBhY2NvdW50U3RhdHM6IEFjY291bnRTdGF0c1xuICBoYW5kbGVQYXlNYW51YWxseTogKGl0ZW06IFQpID0+IHZvaWRcbiAgZ2V0Q29sdW1uczogKGhhbmRsZVBheU1hbnVhbGx5OiAoaXRlbTogVCkgPT4gdm9pZCkgPT4gQ29sdW1uVHlwZTxUPltdXG4gIHNldEl0ZW0/OiAoXG4gICAgYWNjb3VudFN0YXRzOiBBY2NvdW50U3RhdHMsXG4gICkgPT4gUHJvbWlzZTx7IG5hbWU/OiBzdHJpbmc7IHBheWVyPzogc3RyaW5nIH0+XG59XG5cbmV4cG9ydCBmdW5jdGlvbiBGYWN0b3JlZExpc3Q8VD4oe1xuICB0aXRsZSxcbiAgcG9vbEluZm8sXG4gIGxvYWRpbmcsXG4gIGFjY291bnRTdGF0cyxcbiAgaGFuZGxlUGF5TWFudWFsbHksXG4gIGdldENvbHVtbnMsXG4gIHNldEl0ZW0sXG59OiBQcm9wczxUPik6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKVxuICBjb25zdCB7IGlzTWRTaXplIH0gPSB1c2VNUSgpXG4gIGNvbnN0IHsgaXNBY3RpdmUsIGNoYWluSWQgfSA9IHVzZVdlYjNSZWFjdCgpXG4gIGNvbnN0IHsgZGVjaW1hbHMgfSA9IHVzZVBvb2xVbmRlcmx5aW5nVG9rZW4oXG4gICAgcG9vbEluZm8ucG9vbE5hbWUsXG4gICAgcG9vbEluZm8ucG9vbFR5cGUsXG4gICAgY2hhaW5JZCxcbiAgKVxuICBjb25zdCBbZmFjdG9yZWRJdGVtLCBzZXRGYWN0b3JlZEl0ZW1dID0gdXNlU3RhdGU8UGFydGlhbDxUPj4oKVxuICBjb25zdCB7IGNyZWRpdFJlY29yZCwgcmVjZWl2YWJsZUluZm8gfSA9IGFjY291bnRTdGF0c1xuICBjb25zdCBoYXNBY3RpdmVMb2FuID0gaGFzUkZBY3RpdmVMb2FuKGNyZWRpdFJlY29yZCwgcmVjZWl2YWJsZUluZm8pXG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCBmZXRjaERhdGEgPSBhc3luYyAoKSA9PiB7XG4gICAgICBpZiAoY3JlZGl0UmVjb3JkICYmIHJlY2VpdmFibGVJbmZvPy5yZWNlaXZhYmxlUGFyYW0uZ3QoMCkgJiYgZGVjaW1hbHMpIHtcbiAgICAgICAgY29uc3QgaWQgPSByZWNlaXZhYmxlSW5mby5yZWNlaXZhYmxlUGFyYW0udG9TdHJpbmcoKVxuICAgICAgICBjb25zdCBkdWVEYXRlID0gdGltZXN0YW1wVG9MTChjcmVkaXRSZWNvcmQuZHVlRGF0ZS50b051bWJlcigpKVxuICAgICAgICBjb25zdCB7IHJlY2VpdmFibGVBbW91bnQgfSA9IHJlY2VpdmFibGVJbmZvXG4gICAgICAgIGNvbnN0IHsgdG90YWxEdWUgfSA9IGNyZWRpdFJlY29yZFxuICAgICAgICBsZXQgZmFjdG9yZWRJdGVtID0ge1xuICAgICAgICAgIGlkLFxuICAgICAgICAgIGR1ZTogZHVlRGF0ZSxcbiAgICAgICAgICBpY29uOiA8UmVjZWlwdEljb24gY3NzPXt7IHdpZHRoOiAnMjRweCcgfX0gLz4sXG4gICAgICAgICAgYW1vdW50OiBmb3JtYXRNb25leShkb3duU2NhbGUocmVjZWl2YWJsZUFtb3VudC50b1N0cmluZygpLCBkZWNpbWFscykpLFxuICAgICAgICAgIGZhY3RvcmVkOiBmb3JtYXRNb25leShkb3duU2NhbGUodG90YWxEdWUudG9TdHJpbmcoKSwgZGVjaW1hbHMpKSxcbiAgICAgICAgICByZW1haW5lZDogZm9ybWF0TW9uZXkoXG4gICAgICAgICAgICBkb3duU2NhbGUocmVjZWl2YWJsZUFtb3VudC5zdWIodG90YWxEdWUpLnRvU3RyaW5nKCksIGRlY2ltYWxzKSxcbiAgICAgICAgICApLFxuICAgICAgICB9IGFzIFRcbiAgICAgICAgaWYgKHNldEl0ZW0pIHtcbiAgICAgICAgICBjb25zdCBjdXN0b21Qcm9wcyA9IGF3YWl0IHNldEl0ZW0oYWNjb3VudFN0YXRzKVxuICAgICAgICAgIGZhY3RvcmVkSXRlbSA9IHsgLi4uZmFjdG9yZWRJdGVtLCAuLi5jdXN0b21Qcm9wcyB9XG4gICAgICAgIH1cbiAgICAgICAgc2V0RmFjdG9yZWRJdGVtKGZhY3RvcmVkSXRlbSlcbiAgICAgIH1cbiAgICB9XG4gICAgZmV0Y2hEYXRhKClcbiAgfSwgW2FjY291bnRTdGF0cywgY3JlZGl0UmVjb3JkLCBkZWNpbWFscywgcmVjZWl2YWJsZUluZm8sIHNldEl0ZW1dKVxuXG4gIGNvbnN0IGdldFBhZGRpbmcgPSAoKSA9PiB7XG4gICAgaWYgKGlzTWRTaXplKSB7XG4gICAgICByZXR1cm4gdGhlbWUuc3BhY2luZygwLCAxLCAxLCAxKVxuICAgIH1cbiAgICByZXR1cm4gdGhlbWUuc3BhY2luZygwLCAyLCAyLCAyKVxuICB9XG5cbiAgY29uc3Qgc3R5bGVzID0ge1xuICAgIHRpdGxlOiBjc3NgXG4gICAgICBmb250LXdlaWdodDogODAwO1xuICAgICAgY29sb3I6ICR7dGhlbWUucGFsZXR0ZS50ZXh0LnByaW1hcnl9O1xuICAgICAgZm9udC1zaXplOiAyNHB4O1xuICAgICAgbWFyZ2luLWJvdHRvbTogJHt0aGVtZS5zcGFjaW5nKDIpfTtcbiAgICBgLFxuICAgIGRlc2NyaXB0aW9uOiBjc3NgXG4gICAgICBmb250LXdlaWdodDogNDAwO1xuICAgICAgY29sb3I6ICR7dGhlbWUucGFsZXR0ZS50ZXh0LnByaW1hcnl9O1xuICAgICAgZm9udC1zaXplOiAxcmVtO1xuICAgIGAsXG4gICAgdGFibGVXcmFwcGVyOiBjc3NgXG4gICAgICBtYXJnaW4tdG9wOiAke3RoZW1lLnNwYWNpbmcoMyl9O1xuICAgICAgcGFkZGluZzogJHtnZXRQYWRkaW5nKCl9O1xuICAgICAgYmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KDE4MGRlZywgI2ZmZmZmZiAwJSwgI2ZmZmZmZiAxMDAlKTtcbiAgICAgIGJvcmRlcjogMXB4IHNvbGlkICNmZmZmZmY7XG4gICAgICBib3JkZXItcmFkaXVzOiAyNHB4O1xuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGAsXG4gICAgcHJvZ3Jlc3M6IGNzc2BcbiAgICAgIHdpZHRoOiBjYWxjKDEwMCUgLSAzMHB4KTtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIHRvcDogMDtcbiAgICAgIGxlZnQ6ICR7dGhlbWUuc3BhY2luZygyKX07XG4gICAgYCxcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPEJveD5cbiAgICAgIDxCb3ggY3NzPXtzdHlsZXMudGl0bGV9PkZhY3RvcmVkIHt0aXRsZX08L0JveD5cbiAgICAgIDxCb3ggY3NzPXtzdHlsZXMuZGVzY3JpcHRpb259IG1hcmdpbkJvdHRvbT17dGhlbWUuc3BhY2luZyg2KX0+XG4gICAgICAgIHshaXNBY3RpdmUgJiYgKFxuICAgICAgICAgIDxCb3ggY29tcG9uZW50PSdzcGFuJz5cbiAgICAgICAgICAgIFBsZWFzZSBjb25uZWN0IHdhbGxldCB0byBjaGVjayB5b3VyIGZhY3RvcmVkIHt0aXRsZS50b0xvd2VyQ2FzZSgpfS5cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgKX1cbiAgICAgICAge2lzQWN0aXZlICYmICFoYXNBY3RpdmVMb2FuICYmIChcbiAgICAgICAgICA8Qm94IGNvbXBvbmVudD0nc3Bhbic+XG4gICAgICAgICAgICBZb3UgZG9u4oCZdCBoYXZlIGFueSBmYWN0b3JlZCB7dGl0bGUudG9Mb3dlckNhc2UoKX0uXG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgICl9XG4gICAgICAgIHtpc0FjdGl2ZSAmJiBoYXNBY3RpdmVMb2FuICYmIGZhY3RvcmVkSXRlbSAmJiAoXG4gICAgICAgICAgPEJveCBjc3M9e3N0eWxlcy50YWJsZVdyYXBwZXJ9PlxuICAgICAgICAgICAge2xvYWRpbmcgJiYgKFxuICAgICAgICAgICAgICA8Qm94IGNzcz17c3R5bGVzLnByb2dyZXNzfT5cbiAgICAgICAgICAgICAgICA8TGluZWFyUHJvZ3Jlc3MgLz5cbiAgICAgICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgICApfVxuICAgICAgICAgICAgPEh1bWFUYWJsZVxuICAgICAgICAgICAgICBjb2x1bW5zPXtnZXRDb2x1bW5zKGhhbmRsZVBheU1hbnVhbGx5KX1cbiAgICAgICAgICAgICAgcm93cz17W2ZhY3RvcmVkSXRlbV19XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvQm94PlxuICAgICAgICApfVxuICAgICAgPC9Cb3g+XG4gICAgPC9Cb3g+XG4gIClcbn1cbiJdfQ== */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZhY3RvcmVkTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEQ2QiIsImZpbGUiOiJGYWN0b3JlZExpc3QudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQm94LCBjc3MsIExpbmVhclByb2dyZXNzLCB1c2VUaGVtZSB9IGZyb20gJ0BtdWkvbWF0ZXJpYWwnXG5pbXBvcnQgeyB1c2VXZWIzUmVhY3QgfSBmcm9tICdAd2ViMy1yZWFjdC9jb3JlJ1xuaW1wb3J0IHtcbiAgQWNjb3VudFN0YXRzLFxuICBkb3duU2NhbGUsXG4gIGZvcm1hdE1vbmV5LFxuICBoYXNSRkFjdGl2ZUxvYW4sXG4gIFBvb2xJbmZvVHlwZSxcbiAgdGltZXN0YW1wVG9MTCxcbn0gZnJvbSAnQGh1bWEtZmluYW5jZS9zaGFyZWQnXG5pbXBvcnQgeyB1c2VNUSwgdXNlUG9vbFVuZGVybHlpbmdUb2tlbiB9IGZyb20gJ0BodW1hLWZpbmFuY2Uvd2ViLXNoYXJlZCdcbmltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnXG5cbmltcG9ydCB7IENvbHVtblR5cGUgfSBmcm9tICcuLi8uLi91dGlsVHlwZXMnXG5pbXBvcnQgeyBIdW1hVGFibGUgfSBmcm9tICcuLi9IdW1hVGFibGUnXG5pbXBvcnQgeyBSZWNlaXB0SWNvbiB9IGZyb20gJy4uL2ljb25zJ1xuXG50eXBlIFByb3BzPFQ+ID0ge1xuICB0aXRsZTogJ1N0cmVhbXMnIHwgJ0ludm9pY2VzJ1xuICBwb29sSW5mbzogUG9vbEluZm9UeXBlXG4gIGxvYWRpbmc6IGJvb2xlYW5cbiAgYWNjb3VudFN0YXRzOiBBY2NvdW50U3RhdHNcbiAgaGFuZGxlUGF5TWFudWFsbHk6IChpdGVtOiBUKSA9PiB2b2lkXG4gIGdldENvbHVtbnM6IChoYW5kbGVQYXlNYW51YWxseTogKGl0ZW06IFQpID0+IHZvaWQpID0+IENvbHVtblR5cGU8VD5bXVxuICBzZXRJdGVtPzogKFxuICAgIGFjY291bnRTdGF0czogQWNjb3VudFN0YXRzLFxuICApID0+IFByb21pc2U8eyBuYW1lPzogc3RyaW5nOyBwYXllcj86IHN0cmluZyB9PlxufVxuXG5leHBvcnQgZnVuY3Rpb24gRmFjdG9yZWRMaXN0PFQ+KHtcbiAgdGl0bGUsXG4gIHBvb2xJbmZvLFxuICBsb2FkaW5nLFxuICBhY2NvdW50U3RhdHMsXG4gIGhhbmRsZVBheU1hbnVhbGx5LFxuICBnZXRDb2x1bW5zLFxuICBzZXRJdGVtLFxufTogUHJvcHM8VD4pOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKClcbiAgY29uc3QgeyBpc01kU2l6ZSB9ID0gdXNlTVEoKVxuICBjb25zdCB7IGlzQWN0aXZlLCBjaGFpbklkIH0gPSB1c2VXZWIzUmVhY3QoKVxuICBjb25zdCB7IGRlY2ltYWxzIH0gPSB1c2VQb29sVW5kZXJseWluZ1Rva2VuKFxuICAgIHBvb2xJbmZvLnBvb2xOYW1lLFxuICAgIHBvb2xJbmZvLnBvb2xUeXBlLFxuICAgIGNoYWluSWQsXG4gIClcbiAgY29uc3QgW2ZhY3RvcmVkSXRlbSwgc2V0RmFjdG9yZWRJdGVtXSA9IHVzZVN0YXRlPFBhcnRpYWw8VD4+KClcbiAgY29uc3QgeyBjcmVkaXRSZWNvcmQsIHJlY2VpdmFibGVJbmZvIH0gPSBhY2NvdW50U3RhdHNcbiAgY29uc3QgaGFzQWN0aXZlTG9hbiA9IGhhc1JGQWN0aXZlTG9hbihjcmVkaXRSZWNvcmQsIHJlY2VpdmFibGVJbmZvKVxuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgY29uc3QgZmV0Y2hEYXRhID0gYXN5bmMgKCkgPT4ge1xuICAgICAgaWYgKGNyZWRpdFJlY29yZCAmJiByZWNlaXZhYmxlSW5mbz8ucmVjZWl2YWJsZVBhcmFtLmd0KDApICYmIGRlY2ltYWxzKSB7XG4gICAgICAgIGNvbnN0IGlkID0gcmVjZWl2YWJsZUluZm8ucmVjZWl2YWJsZVBhcmFtLnRvU3RyaW5nKClcbiAgICAgICAgY29uc3QgZHVlRGF0ZSA9IHRpbWVzdGFtcFRvTEwoY3JlZGl0UmVjb3JkLmR1ZURhdGUudG9OdW1iZXIoKSlcbiAgICAgICAgY29uc3QgeyByZWNlaXZhYmxlQW1vdW50IH0gPSByZWNlaXZhYmxlSW5mb1xuICAgICAgICBjb25zdCB7IHRvdGFsRHVlIH0gPSBjcmVkaXRSZWNvcmRcbiAgICAgICAgbGV0IGZhY3RvcmVkSXRlbSA9IHtcbiAgICAgICAgICBpZCxcbiAgICAgICAgICBkdWU6IGR1ZURhdGUsXG4gICAgICAgICAgaWNvbjogPFJlY2VpcHRJY29uIGNzcz17eyB3aWR0aDogJzI0cHgnIH19IC8+LFxuICAgICAgICAgIGFtb3VudDogZm9ybWF0TW9uZXkoZG93blNjYWxlKHJlY2VpdmFibGVBbW91bnQudG9TdHJpbmcoKSwgZGVjaW1hbHMpKSxcbiAgICAgICAgICBmYWN0b3JlZDogZm9ybWF0TW9uZXkoZG93blNjYWxlKHRvdGFsRHVlLnRvU3RyaW5nKCksIGRlY2ltYWxzKSksXG4gICAgICAgICAgcmVtYWluZWQ6IGZvcm1hdE1vbmV5KFxuICAgICAgICAgICAgZG93blNjYWxlKHJlY2VpdmFibGVBbW91bnQuc3ViKHRvdGFsRHVlKS50b1N0cmluZygpLCBkZWNpbWFscyksXG4gICAgICAgICAgKSxcbiAgICAgICAgfSBhcyBUXG4gICAgICAgIGlmIChzZXRJdGVtKSB7XG4gICAgICAgICAgY29uc3QgY3VzdG9tUHJvcHMgPSBhd2FpdCBzZXRJdGVtKGFjY291bnRTdGF0cylcbiAgICAgICAgICBmYWN0b3JlZEl0ZW0gPSB7IC4uLmZhY3RvcmVkSXRlbSwgLi4uY3VzdG9tUHJvcHMgfVxuICAgICAgICB9XG4gICAgICAgIHNldEZhY3RvcmVkSXRlbShmYWN0b3JlZEl0ZW0pXG4gICAgICB9XG4gICAgfVxuICAgIGZldGNoRGF0YSgpXG4gIH0sIFthY2NvdW50U3RhdHMsIGNyZWRpdFJlY29yZCwgZGVjaW1hbHMsIHJlY2VpdmFibGVJbmZvLCBzZXRJdGVtXSlcblxuICBjb25zdCBnZXRQYWRkaW5nID0gKCkgPT4ge1xuICAgIGlmIChpc01kU2l6ZSkge1xuICAgICAgcmV0dXJuIHRoZW1lLnNwYWNpbmcoMCwgMSwgMSwgMSlcbiAgICB9XG4gICAgcmV0dXJuIHRoZW1lLnNwYWNpbmcoMCwgMiwgMiwgMilcbiAgfVxuXG4gIGNvbnN0IHN0eWxlcyA9IHtcbiAgICB0aXRsZTogY3NzYFxuICAgICAgZm9udC13ZWlnaHQ6IDgwMDtcbiAgICAgIGNvbG9yOiAke3RoZW1lLnBhbGV0dGUudGV4dC5wcmltYXJ5fTtcbiAgICAgIGZvbnQtc2l6ZTogMjRweDtcbiAgICAgIG1hcmdpbi1ib3R0b206ICR7dGhlbWUuc3BhY2luZygyKX07XG4gICAgYCxcbiAgICBkZXNjcmlwdGlvbjogY3NzYFxuICAgICAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgICAgIGNvbG9yOiAke3RoZW1lLnBhbGV0dGUudGV4dC5wcmltYXJ5fTtcbiAgICAgIGZvbnQtc2l6ZTogMXJlbTtcbiAgICBgLFxuICAgIHRhYmxlV3JhcHBlcjogY3NzYFxuICAgICAgbWFyZ2luLXRvcDogJHt0aGVtZS5zcGFjaW5nKDMpfTtcbiAgICAgIHBhZGRpbmc6ICR7Z2V0UGFkZGluZygpfTtcbiAgICAgIGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudCgxODBkZWcsICNmZmZmZmYgMCUsICNmZmZmZmYgMTAwJSk7XG4gICAgICBib3JkZXI6IDFweCBzb2xpZCAjZmZmZmZmO1xuICAgICAgYm9yZGVyLXJhZGl1czogMjRweDtcbiAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBgLFxuICAgIHByb2dyZXNzOiBjc3NgXG4gICAgICB3aWR0aDogY2FsYygxMDAlIC0gMzBweCk7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICB0b3A6IDA7XG4gICAgICBsZWZ0OiAke3RoZW1lLnNwYWNpbmcoMil9O1xuICAgIGAsXG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxCb3g+XG4gICAgICA8Qm94IGNzcz17c3R5bGVzLnRpdGxlfT5GYWN0b3JlZCB7dGl0bGV9PC9Cb3g+XG4gICAgICA8Qm94IGNzcz17c3R5bGVzLmRlc2NyaXB0aW9ufSBtYXJnaW5Cb3R0b209e3RoZW1lLnNwYWNpbmcoNil9PlxuICAgICAgICB7IWlzQWN0aXZlICYmIChcbiAgICAgICAgICA8Qm94IGNvbXBvbmVudD0nc3Bhbic+XG4gICAgICAgICAgICBQbGVhc2UgY29ubmVjdCB3YWxsZXQgdG8gY2hlY2sgeW91ciBmYWN0b3JlZCB7dGl0bGUudG9Mb3dlckNhc2UoKX0uXG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgICl9XG4gICAgICAgIHtpc0FjdGl2ZSAmJiAhaGFzQWN0aXZlTG9hbiAmJiAoXG4gICAgICAgICAgPEJveCBjb21wb25lbnQ9J3NwYW4nPlxuICAgICAgICAgICAgWW91IGRvbuKAmXQgaGF2ZSBhbnkgZmFjdG9yZWQge3RpdGxlLnRvTG93ZXJDYXNlKCl9LlxuICAgICAgICAgIDwvQm94PlxuICAgICAgICApfVxuICAgICAgICB7aXNBY3RpdmUgJiYgaGFzQWN0aXZlTG9hbiAmJiBmYWN0b3JlZEl0ZW0gJiYgKFxuICAgICAgICAgIDxCb3ggY3NzPXtzdHlsZXMudGFibGVXcmFwcGVyfT5cbiAgICAgICAgICAgIHtsb2FkaW5nICYmIChcbiAgICAgICAgICAgICAgPEJveCBjc3M9e3N0eWxlcy5wcm9ncmVzc30+XG4gICAgICAgICAgICAgICAgPExpbmVhclByb2dyZXNzIC8+XG4gICAgICAgICAgICAgIDwvQm94PlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIDxIdW1hVGFibGVcbiAgICAgICAgICAgICAgY29sdW1ucz17Z2V0Q29sdW1ucyhoYW5kbGVQYXlNYW51YWxseSl9XG4gICAgICAgICAgICAgIHJvd3M9e1tmYWN0b3JlZEl0ZW1dfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgKX1cbiAgICAgIDwvQm94PlxuICAgIDwvQm94PlxuICApXG59XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__$2
 };
 function FactoredList(_ref) {
@@ -8413,14 +8414,14 @@ function FactoredList(_ref) {
   const theme = material.useTheme();
   const {
     isMdSize
-  } = shared.useMQ();
+  } = webShared.useMQ();
   const {
     isActive,
     chainId
   } = core.useWeb3React();
   const {
     decimals
-  } = shared.usePoolUnderlyingToken(poolInfo.poolName, poolInfo.poolType, chainId);
+  } = webShared.usePoolUnderlyingToken(poolInfo.poolName, poolInfo.poolType, chainId);
   const [factoredItem, setFactoredItem] = React.useState();
   const {
     creditRecord,
@@ -8695,7 +8696,7 @@ function SuperfluidFactoring() {
     handleGetPaidSuccess,
     handlePayManually,
     handleClose
-  } = shared.useFactoring(poolName, shared.POOL_TYPE.Stream);
+  } = webShared.useFactoring(poolName, shared.POOL_TYPE.Stream);
   return jsxRuntime.jsxs(material.Box, {
     css: styles.wrapper,
     children: [jsxRuntime.jsx(material.Box, {
@@ -9236,7 +9237,7 @@ function Widget(props) {
     theme: themeHuma,
     children: jsxRuntime.jsx(reactRedux.Provider, {
       store: store,
-      children: jsxRuntime.jsx(shared.Provider, {
+      children: jsxRuntime.jsx(webShared.Provider, {
         ...props,
         defaultChainId: chainId,
         children: jsxRuntime.jsx(jotai.Provider, {