@rango-dev/widget-embedded 0.1.10-next.77 → 0.1.10-next.80

package/dist/hooks/useConfirmSwap.d.ts

@@ -1,12 +1,2 @@
-import { BestRouteResponse } from 'rango-sdk';
-export declare function useConfirmSwap(): {
-    loading: boolean;
-    error: string;
-    data: BestRouteResponse;
-    warning: string;
-    feeStatus: import("rango-sdk").BlockchainValidationStatus[];
-    bestRouteChanged: boolean;
-    enoughBalance: boolean;
-    swap: () => void;
-};
+export declare function useConfirmSwap(): any;
 //# sourceMappingURL=useConfirmSwap.d.ts.map

package/dist/hooks/useConfirmSwap.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useConfirmSwap.d.ts","sourceRoot":"","sources":["../src/hooks/useConfirmSwap.ts"],"names":[],"mappings":"AAQA,OAAO,EAAoB,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAkBhE,wBAAgB,cAAc;;;;;;;;;EA+M7B"}
+{"version":3,"file":"useConfirmSwap.d.ts","sourceRoot":"","sources":["../src/hooks/useConfirmSwap.ts"],"names":[],"mappings":"AA2BA,wBAAgB,cAAc,QAgP7B"}

package/dist/pages/WalletsPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WalletsPage.d.ts","sourceRoot":"","sources":["../src/pages/WalletsPage.tsx"],"names":[],"mappings":"AAkBA,wBAAgB,WAAW,gBA0C1B"}
+{"version":3,"file":"WalletsPage.d.ts","sourceRoot":"","sources":["../src/pages/WalletsPage.tsx"],"names":[],"mappings":"AAmBA,wBAAgB,WAAW,gBA8C1B"}

package/dist/widget-embedded.cjs.development.js

@@ -614,111 +614,7 @@ const useSettingsStore = /*#__PURE__*/createSelectors( /*#__PURE__*/zustand.crea
   name: 'user-settings'
 })));
 
-function getOutputRatio(inputUsdValue, outputUsdValue) {
-  if (inputUsdValue.lte(ZERO) || outputUsdValue.lte(ZERO)) return 0;
-  return outputUsdValue.div(inputUsdValue).minus(1).multipliedBy(100);
-}
-function outputRatioHasWarning(inputUsdValue, outputRatio) {
-  return parseInt(outputRatio.toFixed(2) || '0') <= -10 && inputUsdValue.gte(new BigNumber__default(400)) || parseInt(outputRatio.toFixed(2) || '0') <= -5 && inputUsdValue.gte(new BigNumber__default(1000));
-}
-function hasLimitError(bestRoute) {
-  return (bestRoute?.result?.swaps || []).filter(swap => {
-    const minimum = !!swap.fromAmountMinValue ? new BigNumber__default(swap.fromAmountMinValue) : null;
-    const maximum = !!swap.fromAmountMaxValue ? new BigNumber__default(swap.fromAmountMaxValue) : null;
-    const isExclusive = swap.fromAmountRestrictionType === 'EXCLUSIVE';
-    if (isExclusive) {
-      return minimum?.gte(swap.fromAmount) || maximum?.lte(swap.fromAmount);
-    } else {
-      return minimum?.gt(swap.fromAmount) || maximum?.lt(swap.fromAmount);
-    }
-  }).length > 0;
-}
-function getSwapButtonTitle(accounts, loading, hasLimitError, highValueLoss, priceImpactCanNotBeComputed, needsToWarnEthOnPath) {
-  if (loading) return 'Finding Best Route...';
-  if (accounts.length == 0) return 'Connect Wallet';else if (hasLimitError) return 'Limit Error';else if (highValueLoss) return 'Price impact is too high!';else if (priceImpactCanNotBeComputed) return 'USD price is unknown, price impact might be high!';else if (needsToWarnEthOnPath) return 'The route goes through Ethereum. Continue?';else return 'Swap';
-}
-function canComputePriceImpact(bestRoute, inputAmount, inputUsdValue, outputUsdValue) {
-  return !((inputUsdValue.lte(ZERO) || outputUsdValue.lte(ZERO)) && !!bestRoute?.result && !!inputAmount && inputAmount !== '0' && parseFloat(inputAmount || '0') !== 0);
-}
-function calculatePendingSwap(inputAmount, bestRoute, wallets, settings, validateBalanceOrFee) {
-  const simulationResult = bestRoute.result;
-  if (!simulationResult) throw Error('Simulation result should not be null');
-  return {
-    creationTime: new Date().getTime().toString(),
-    finishTime: null,
-    requestId: bestRoute.requestId || '',
-    inputAmount: inputAmount,
-    wallets,
-    status: 'running',
-    isPaused: false,
-    extraMessage: null,
-    extraMessageSeverity: null,
-    extraMessageDetail: null,
-    extraMessageErrorCode: null,
-    networkStatusExtraMessage: null,
-    networkStatusExtraMessageDetail: null,
-    lastNotificationTime: null,
-    settings: settings,
-    simulationResult: simulationResult,
-    validateBalanceOrFee,
-    //TODO: finalize PendingSwap type and remove ts-ignore
-    //@ts-ignore
-    steps: bestRoute.result?.swaps?.map((s, i) => ({
-      id: i + 1,
-      fromBlockchain: s.from.blockchain,
-      fromSymbol: s.from.symbol,
-      fromSymbolAddress: s.from.address,
-      fromDecimals: s.from.decimals,
-      fromAmountPrecision: s.fromAmountPrecision,
-      fromAmountMinValue: s.fromAmountMinValue,
-      fromAmountMaxValue: s.fromAmountMaxValue,
-      toBlockchain: s.to.blockchain,
-      fromLogo: s.from.logo,
-      toSymbol: s.to.symbol,
-      toSymbolAddress: s.to.address,
-      toDecimals: s.to.decimals,
-      toLogo: s.to.logo,
-      startTransactionTime: new Date().getTime(),
-      swapperId: s.swapperId,
-      expectedOutputAmountHumanReadable: s.toAmount,
-      outputAmount: null,
-      status: 'created',
-      networkStatus: null,
-      executedTransactionId: null,
-      externalTransactionId: null,
-      explorerUrl: null,
-      trackingCode: null,
-      cosmosTransaction: null,
-      solanaTransaction: null,
-      starknetTransaction: null,
-      starknetApprovalTransaction: null,
-      tronTransaction: null,
-      tronApprovalTransaction: null,
-      evmTransaction: null,
-      evmApprovalTransaction: null,
-      transferTransaction: null,
-      diagnosisUrl: null,
-      internalSteps: null,
-      fromBlockchainLogo: '',
-      toBlockchainLogo: '',
-      swapperLogo: '',
-      swapperType: ''
-    })) || []
-  };
-}
-function requiredWallets(route) {
-  const wallets = [];
-  route?.result?.swaps.forEach(swap => {
-    const currentStepFromBlockchain = swap.from.blockchain;
-    const currentStepToBlockchain = swap.to.blockchain;
-    let lastAddedWallet = wallets[wallets.length - 1];
-    if (currentStepFromBlockchain != lastAddedWallet) wallets.push(currentStepFromBlockchain);
-    lastAddedWallet = wallets[wallets.length - 1];
-    if (currentStepToBlockchain != lastAddedWallet) wallets.push(currentStepToBlockchain);
-  });
-  return wallets;
-}
-
+// import { WalletType } from '@rango-dev/wallets-shared';
 function useConfirmSwap() {
   const fromToken = useBestRouteStore.use.fromToken();
   const toToken = useBestRouteStore.use.toToken();
@@ -820,6 +716,7 @@ function useConfirmSwap() {
     const routeChangeStatus = compareRoutes(bestRoute, r, inputAmount.toString(), fromToken.usdPrice, toToken.usdPrice);
     setBestRoute(r);
     const isChanged = routeChangeStatus.isChanged;
+    // const changeWarningMessage = routeChangeStatus.warningMessage;
     setBestRouteChanged(isChanged);
     setWarning('Best route changed');
     setData(r);
@@ -831,19 +728,34 @@ function useConfirmSwap() {
   const swap = () => {
     if (!bestRoute) return;
     if (inputAmount.toString() === '') return;
-    const wallets = selectedWallets.reduce((selectedWalletsMap, selectedWallet) => (selectedWalletsMap[selectedWallet.chain] = {
-      address: selectedWallet.address,
-      walletType: selectedWallet.walletType
-    }, selectedWalletsMap), {});
+    // const wallets = selectedWallets.reduce(
+    //   (
+    //     selectedWalletsMap: { [p: string]: { address: string; walletType: WalletType } },
+    //     selectedWallet,
+    //   ) => (
+    //     (selectedWalletsMap[selectedWallet.chain] = {
+    //       address: selectedWallet.address,
+    //       walletType: selectedWallet.walletType,
+    //     }),
+    //     selectedWalletsMap
+    //   ),
+    //   {},
+    // );
     const proceedAnyway = enoughBalance !== null;
-    const settings = {
-      slippage: slippage.toString(),
-      disabledSwappersGroups: ['Osmosis'],
-      disabledSwappersIds: []
-    };
-    if (proceedAnyway) {
-      const newSwap = calculatePendingSwap(inputAmount.toString(), bestRoute, wallets, settings, false);
-    }
+    // const settings: SwapSavedSettings = {
+    //   slippage: slippage.toString(),
+    //   disabledSwappersGroups: ['Osmosis'],
+    //   disabledSwappersIds: [],
+    // };
+    // if (proceedAnyway) {
+    //   const newSwap: PendingSwap = calculatePendingSwap(
+    //     inputAmount!.toString(),
+    //     bestRoute,
+    //     wallets,
+    //     settings,
+    //     false,
+    //   );
+    // }
     !proceedAnyway && checkFeeAndBalance(selectedWallets).then(data => {
       if (!data) {
         setError('confirm swap error');
@@ -853,17 +765,15 @@ function useConfirmSwap() {
         setError('confirm swap error');
         return;
       } else {
+        // @ts-ignore
         const {
-          hasEnoughBalanceOrSlippage,
-          bestRoute: newBestRoute
+          hasEnoughBalanceOrSlippage
         } = data;
         if (!hasEnoughBalanceOrSlippage) {
           return;
         }
         setEnoughBalance(hasEnoughBalanceOrSlippage.balance && hasEnoughBalanceOrSlippage.slippage);
-        if (hasEnoughBalanceOrSlippage.balance && hasEnoughBalanceOrSlippage.slippage && !hasEnoughBalanceOrSlippage.routeChanged) {
-          const newSwap = calculatePendingSwap(inputAmount.toString(), newBestRoute, wallets, settings, true);
-        } else if (!hasEnoughBalanceOrSlippage.balance) {
+        if (hasEnoughBalanceOrSlippage.balance && hasEnoughBalanceOrSlippage.slippage && !hasEnoughBalanceOrSlippage.routeChanged) ; else if (!hasEnoughBalanceOrSlippage.balance) {
           setError('not enough balance');
         }
       }
@@ -1893,6 +1803,45 @@ const errorMessages = {
   genericServerError: 'Error connecting server, please reload the app and try again'
 };
 
+function getOutputRatio(inputUsdValue, outputUsdValue) {
+  if (inputUsdValue.lte(ZERO) || outputUsdValue.lte(ZERO)) return 0;
+  return outputUsdValue.div(inputUsdValue).minus(1).multipliedBy(100);
+}
+function outputRatioHasWarning(inputUsdValue, outputRatio) {
+  return parseInt(outputRatio.toFixed(2) || '0') <= -10 && inputUsdValue.gte(new BigNumber__default(400)) || parseInt(outputRatio.toFixed(2) || '0') <= -5 && inputUsdValue.gte(new BigNumber__default(1000));
+}
+function hasLimitError(bestRoute) {
+  return (bestRoute?.result?.swaps || []).filter(swap => {
+    const minimum = !!swap.fromAmountMinValue ? new BigNumber__default(swap.fromAmountMinValue) : null;
+    const maximum = !!swap.fromAmountMaxValue ? new BigNumber__default(swap.fromAmountMaxValue) : null;
+    const isExclusive = swap.fromAmountRestrictionType === 'EXCLUSIVE';
+    if (isExclusive) {
+      return minimum?.gte(swap.fromAmount) || maximum?.lte(swap.fromAmount);
+    } else {
+      return minimum?.gt(swap.fromAmount) || maximum?.lt(swap.fromAmount);
+    }
+  }).length > 0;
+}
+function getSwapButtonTitle(accounts, loading, hasLimitError, highValueLoss, priceImpactCanNotBeComputed, needsToWarnEthOnPath) {
+  if (loading) return 'Finding Best Route...';
+  if (accounts.length == 0) return 'Connect Wallet';else if (hasLimitError) return 'Limit Error';else if (highValueLoss) return 'Price impact is too high!';else if (priceImpactCanNotBeComputed) return 'USD price is unknown, price impact might be high!';else if (needsToWarnEthOnPath) return 'The route goes through Ethereum. Continue?';else return 'Swap';
+}
+function canComputePriceImpact(bestRoute, inputAmount, inputUsdValue, outputUsdValue) {
+  return !((inputUsdValue.lte(ZERO) || outputUsdValue.lte(ZERO)) && !!bestRoute?.result && !!inputAmount && inputAmount !== '0' && parseFloat(inputAmount || '0') !== 0);
+}
+function requiredWallets(route) {
+  const wallets = [];
+  route?.result?.swaps.forEach(swap => {
+    const currentStepFromBlockchain = swap.from.blockchain;
+    const currentStepToBlockchain = swap.to.blockchain;
+    let lastAddedWallet = wallets[wallets.length - 1];
+    if (currentStepFromBlockchain != lastAddedWallet) wallets.push(currentStepFromBlockchain);
+    lastAddedWallet = wallets[wallets.length - 1];
+    if (currentStepToBlockchain != lastAddedWallet) wallets.push(currentStepToBlockchain);
+  });
+  return wallets;
+}
+
 const Container$2 = /*#__PURE__*/ui.styled('div', {
   display: 'flex',
   flexDirection: 'column',
@@ -2171,7 +2120,8 @@ const ListContainer = /*#__PURE__*/ui.styled('div', {
   gap: '.5rem',
   gridTemplateColumns: ' repeat(2, minmax(0, 1fr))',
   height: '450px',
-  alignContent: 'baseline'
+  alignContent: 'baseline',
+  padding: '0 0.5rem'
 });
 const AlertContainer = /*#__PURE__*/ui.styled('div', {
   paddingBottom: '$16'