@rango-dev/widget-embedded 0.20.1-next.16 → 0.20.1-next.18
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/BlockchainList/BlockchainList.styles.d.ts +4 -0
- package/dist/components/BlockchainList/BlockchainList.styles.d.ts.map +1 -1
- package/dist/components/BlockchainsSection/BlockchainsSection.styles.d.ts +2 -0
- package/dist/components/BlockchainsSection/BlockchainsSection.styles.d.ts.map +1 -1
- package/dist/components/ConfirmWalletsModal/ConfirmWallets.styles.d.ts +488 -1102
- package/dist/components/ConfirmWalletsModal/ConfirmWallets.styles.d.ts.map +1 -1
- package/dist/components/ConfirmWalletsModal/ConfirmWalletsModal.d.ts.map +1 -1
- package/dist/components/ConfirmWalletsModal/WalletList.styles.d.ts +6 -0
- package/dist/components/ConfirmWalletsModal/WalletList.styles.d.ts.map +1 -1
- package/dist/components/CustomCollapsible/CustomCollapsible.d.ts +5 -0
- package/dist/components/CustomCollapsible/CustomCollapsible.d.ts.map +1 -0
- package/dist/components/CustomCollapsible/CustomCollapsible.styles.d.ts +654 -0
- package/dist/components/CustomCollapsible/CustomCollapsible.styles.d.ts.map +1 -0
- package/dist/components/CustomCollapsible/CustomCollapsible.types.d.ts +10 -0
- package/dist/components/CustomCollapsible/CustomCollapsible.types.d.ts.map +1 -0
- package/dist/components/HeaderButtons/HeaderButtons.styles.d.ts +10 -0
- package/dist/components/HeaderButtons/HeaderButtons.styles.d.ts.map +1 -1
- package/dist/components/Layout/Layout.styles.d.ts +6 -0
- package/dist/components/Layout/Layout.styles.d.ts.map +1 -1
- package/dist/components/LoadingLiquiditySourceList/LoadingLiquiditySourceList.styles.d.ts +2 -0
- package/dist/components/LoadingLiquiditySourceList/LoadingLiquiditySourceList.styles.d.ts.map +1 -1
- package/dist/components/LoadingSwapDetails/LoadingSwapDetails.styles.d.ts +28 -0
- package/dist/components/LoadingSwapDetails/LoadingSwapDetails.styles.d.ts.map +1 -1
- package/dist/components/NoResult/NoResult.styles.d.ts +6 -0
- package/dist/components/NoResult/NoResult.styles.d.ts.map +1 -1
- package/dist/components/NotificationContent/NotificationContent.styles.d.ts +8 -0
- package/dist/components/NotificationContent/NotificationContent.styles.d.ts.map +1 -1
- package/dist/components/Quote/Quote.d.ts.map +1 -1
- package/dist/components/Quote/Quote.styles.d.ts +356 -2
- package/dist/components/Quote/Quote.styles.d.ts.map +1 -1
- package/dist/components/Quote/Quote.types.d.ts +19 -0
- package/dist/components/Quote/Quote.types.d.ts.map +1 -1
- package/dist/components/Quote/QuoteCostDetails.d.ts +4 -0
- package/dist/components/Quote/QuoteCostDetails.d.ts.map +1 -0
- package/dist/components/Quote/QuoteCostDetails.styles.d.ts +806 -0
- package/dist/components/Quote/QuoteCostDetails.styles.d.ts.map +1 -0
- package/dist/components/Quote/QuoteSummary.styles.d.ts +4 -0
- package/dist/components/Quote/QuoteSummary.styles.d.ts.map +1 -1
- package/dist/components/Quote/QuoteTrigger .d.ts +4 -0
- package/dist/components/Quote/QuoteTrigger .d.ts.map +1 -0
- package/dist/components/QuoteSkeleton/QuoteSkeleton.styles.d.ts +8 -0
- package/dist/components/QuoteSkeleton/QuoteSkeleton.styles.d.ts.map +1 -1
- package/dist/components/QuoteSkeleton/QuoteSummarySkeleton.styles.d.ts +20 -0
- package/dist/components/QuoteSkeleton/QuoteSummarySkeleton.styles.d.ts.map +1 -1
- package/dist/components/QuoteSkeleton/StepSkeleton.styles.d.ts +10 -0
- package/dist/components/QuoteSkeleton/StepSkeleton.styles.d.ts.map +1 -1
- package/dist/components/QuoteWarningsAndErrors/QuoteWarningsAndErrors.styles.d.ts +8 -0
- package/dist/components/QuoteWarningsAndErrors/QuoteWarningsAndErrors.styles.d.ts.map +1 -1
- package/dist/components/SearchInput/SearchInput.styles.d.ts +2 -0
- package/dist/components/SearchInput/SearchInput.styles.d.ts.map +1 -1
- package/dist/components/SettingsContainer/SettingsContainer.style.d.ts +8 -0
- package/dist/components/SettingsContainer/SettingsContainer.style.d.ts.map +1 -1
- package/dist/components/Slippage/Slippage.styles.d.ts +10 -0
- package/dist/components/Slippage/Slippage.styles.d.ts.map +1 -1
- package/dist/components/SwapDetails/SwapDetails.styles.d.ts +24 -0
- package/dist/components/SwapDetails/SwapDetails.styles.d.ts.map +1 -1
- package/dist/components/SwapDetailsAlerts/SwapDetailsAlerts.styles.d.ts +2 -0
- package/dist/components/SwapDetailsAlerts/SwapDetailsAlerts.styles.d.ts.map +1 -1
- package/dist/components/SwapDetailsModal/SwapDetailsModal.styles.d.ts +2 -0
- package/dist/components/SwapDetailsModal/SwapDetailsModal.styles.d.ts.map +1 -1
- package/dist/components/SwapsGroup/SwapsGroup.styles.d.ts +10 -0
- package/dist/components/SwapsGroup/SwapsGroup.styles.d.ts.map +1 -1
- package/dist/components/TokenList/TokenList.styles.d.ts +34 -0
- package/dist/components/TokenList/TokenList.styles.d.ts.map +1 -1
- package/dist/components/WalletModal/WalletModalContent.styles.d.ts +8 -0
- package/dist/components/WalletModal/WalletModalContent.styles.d.ts.map +1 -1
- package/dist/constants/quote.d.ts +12 -0
- package/dist/constants/quote.d.ts.map +1 -0
- package/dist/containers/App/App.styles.d.ts +2 -0
- package/dist/containers/App/App.styles.d.ts.map +1 -1
- package/dist/containers/QuoteInfo/QuoteInfo.styles.d.ts +10 -0
- package/dist/containers/QuoteInfo/QuoteInfo.styles.d.ts.map +1 -1
- package/dist/index.js +2 -1
- package/dist/index.js.map +4 -4
- package/dist/utils/quote.d.ts +5 -1
- package/dist/utils/quote.d.ts.map +1 -1
- package/dist/utils/swap.d.ts +5 -1
- package/dist/utils/swap.d.ts.map +1 -1
- package/package.json +2 -2
- package/src/components/ConfirmWalletsModal/ConfirmWallets.styles.ts +27 -96
- package/src/components/ConfirmWalletsModal/ConfirmWalletsModal.tsx +24 -39
- package/src/components/CustomCollapsible/CustomCollapsible.styles.ts +75 -0
- package/src/components/CustomCollapsible/CustomCollapsible.tsx +55 -0
- package/src/components/CustomCollapsible/CustomCollapsible.types.ts +10 -0
- package/src/components/Quote/Quote.styles.ts +44 -5
- package/src/components/Quote/Quote.tsx +10 -77
- package/src/components/Quote/Quote.types.ts +22 -0
- package/src/components/Quote/QuoteCostDetails.styles.ts +50 -0
- package/src/components/Quote/QuoteCostDetails.tsx +218 -0
- package/src/components/Quote/QuoteTrigger .tsx +215 -0
- package/src/constants/quote.ts +23 -0
- package/src/utils/quote.ts +18 -1
- package/src/utils/swap.ts +35 -0
package/src/utils/quote.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/* eslint-disable @typescript-eslint/no-magic-numbers */
|
|
2
2
|
import type { QuoteError, QuoteWarning, Wallet } from '../types';
|
|
3
|
-
import type { PriceImpactWarningLevel } from '@rango-dev/ui';
|
|
3
|
+
import type { PriceImpactWarningLevel, Step } from '@rango-dev/ui';
|
|
4
4
|
import type {
|
|
5
5
|
SimulationAssetAndAmount,
|
|
6
6
|
SimulationValidationStatus,
|
|
@@ -336,3 +336,20 @@ export function getPriceImpact(
|
|
|
336
336
|
|
|
337
337
|
return percentageChange && percentageChange < 0 ? percentageChange : null;
|
|
338
338
|
}
|
|
339
|
+
|
|
340
|
+
export const getUniqueBlockchains = (steps: Step[]) => {
|
|
341
|
+
const set = new Set();
|
|
342
|
+
const result: { displayName: string; image: string }[] = [];
|
|
343
|
+
steps.forEach((step) => {
|
|
344
|
+
if (!set.has(step.from.chain.displayName)) {
|
|
345
|
+
set.add(step.from.chain.displayName);
|
|
346
|
+
result.push(step.from.chain);
|
|
347
|
+
}
|
|
348
|
+
if (!set.has(step.to.chain.displayName)) {
|
|
349
|
+
set.add(step.to.chain.displayName);
|
|
350
|
+
result.push(step.to.chain);
|
|
351
|
+
}
|
|
352
|
+
});
|
|
353
|
+
|
|
354
|
+
return result;
|
|
355
|
+
};
|
package/src/utils/swap.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
/* eslint-disable @typescript-eslint/no-magic-numbers */
|
|
2
|
+
import type { FeesGroup, NameOfFees } from '../constants/quote';
|
|
2
3
|
import type { FetchStatus } from '../store/slices/data';
|
|
3
4
|
import type {
|
|
4
5
|
ConvertedToken,
|
|
@@ -14,6 +15,7 @@ import type {
|
|
|
14
15
|
BestRouteResponse,
|
|
15
16
|
BlockchainMeta,
|
|
16
17
|
RecommendedSlippage,
|
|
18
|
+
SwapFee,
|
|
17
19
|
SwapResult,
|
|
18
20
|
Token,
|
|
19
21
|
} from 'rango-sdk';
|
|
@@ -328,6 +330,39 @@ export function getTotalFeeInUsd(
|
|
|
328
330
|
);
|
|
329
331
|
}
|
|
330
332
|
|
|
333
|
+
export function getUsdFee(fee: SwapFee): BigNumber {
|
|
334
|
+
let totalFeeInUsd = ZERO;
|
|
335
|
+
totalFeeInUsd = totalFeeInUsd.plus(
|
|
336
|
+
new BigNumber(fee.amount).multipliedBy(fee.price || 0)
|
|
337
|
+
);
|
|
338
|
+
|
|
339
|
+
return totalFeeInUsd;
|
|
340
|
+
}
|
|
341
|
+
|
|
342
|
+
export function getTotalFeesInUsd(fees: SwapFee[]): BigNumber {
|
|
343
|
+
return fees.reduce(
|
|
344
|
+
(totalFee: BigNumber, fee) => totalFee.plus(getUsdFee(fee)),
|
|
345
|
+
ZERO
|
|
346
|
+
);
|
|
347
|
+
}
|
|
348
|
+
export function getFeesGroup(swaps: SwapResult[]): FeesGroup {
|
|
349
|
+
return swaps.reduce(
|
|
350
|
+
(result, swap) => {
|
|
351
|
+
for (const fee of swap.fee) {
|
|
352
|
+
const name = fee.name as NameOfFees;
|
|
353
|
+
const feeGroup =
|
|
354
|
+
fee.expenseType !== 'DECREASE_FROM_OUTPUT'
|
|
355
|
+
? result.payable
|
|
356
|
+
: result.nonePayable;
|
|
357
|
+
|
|
358
|
+
feeGroup[name] = [...(feeGroup[name] || []), fee];
|
|
359
|
+
}
|
|
360
|
+
return result;
|
|
361
|
+
},
|
|
362
|
+
{ payable: {}, nonePayable: {} } as FeesGroup
|
|
363
|
+
);
|
|
364
|
+
}
|
|
365
|
+
|
|
331
366
|
export function hasHighFee(totalFeeInUsd: BigNumber | null) {
|
|
332
367
|
if (!totalFeeInUsd) {
|
|
333
368
|
return false;
|