@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.
Files changed (93) hide show
  1. package/dist/components/BlockchainList/BlockchainList.styles.d.ts +4 -0
  2. package/dist/components/BlockchainList/BlockchainList.styles.d.ts.map +1 -1
  3. package/dist/components/BlockchainsSection/BlockchainsSection.styles.d.ts +2 -0
  4. package/dist/components/BlockchainsSection/BlockchainsSection.styles.d.ts.map +1 -1
  5. package/dist/components/ConfirmWalletsModal/ConfirmWallets.styles.d.ts +488 -1102
  6. package/dist/components/ConfirmWalletsModal/ConfirmWallets.styles.d.ts.map +1 -1
  7. package/dist/components/ConfirmWalletsModal/ConfirmWalletsModal.d.ts.map +1 -1
  8. package/dist/components/ConfirmWalletsModal/WalletList.styles.d.ts +6 -0
  9. package/dist/components/ConfirmWalletsModal/WalletList.styles.d.ts.map +1 -1
  10. package/dist/components/CustomCollapsible/CustomCollapsible.d.ts +5 -0
  11. package/dist/components/CustomCollapsible/CustomCollapsible.d.ts.map +1 -0
  12. package/dist/components/CustomCollapsible/CustomCollapsible.styles.d.ts +654 -0
  13. package/dist/components/CustomCollapsible/CustomCollapsible.styles.d.ts.map +1 -0
  14. package/dist/components/CustomCollapsible/CustomCollapsible.types.d.ts +10 -0
  15. package/dist/components/CustomCollapsible/CustomCollapsible.types.d.ts.map +1 -0
  16. package/dist/components/HeaderButtons/HeaderButtons.styles.d.ts +10 -0
  17. package/dist/components/HeaderButtons/HeaderButtons.styles.d.ts.map +1 -1
  18. package/dist/components/Layout/Layout.styles.d.ts +6 -0
  19. package/dist/components/Layout/Layout.styles.d.ts.map +1 -1
  20. package/dist/components/LoadingLiquiditySourceList/LoadingLiquiditySourceList.styles.d.ts +2 -0
  21. package/dist/components/LoadingLiquiditySourceList/LoadingLiquiditySourceList.styles.d.ts.map +1 -1
  22. package/dist/components/LoadingSwapDetails/LoadingSwapDetails.styles.d.ts +28 -0
  23. package/dist/components/LoadingSwapDetails/LoadingSwapDetails.styles.d.ts.map +1 -1
  24. package/dist/components/NoResult/NoResult.styles.d.ts +6 -0
  25. package/dist/components/NoResult/NoResult.styles.d.ts.map +1 -1
  26. package/dist/components/NotificationContent/NotificationContent.styles.d.ts +8 -0
  27. package/dist/components/NotificationContent/NotificationContent.styles.d.ts.map +1 -1
  28. package/dist/components/Quote/Quote.d.ts.map +1 -1
  29. package/dist/components/Quote/Quote.styles.d.ts +356 -2
  30. package/dist/components/Quote/Quote.styles.d.ts.map +1 -1
  31. package/dist/components/Quote/Quote.types.d.ts +19 -0
  32. package/dist/components/Quote/Quote.types.d.ts.map +1 -1
  33. package/dist/components/Quote/QuoteCostDetails.d.ts +4 -0
  34. package/dist/components/Quote/QuoteCostDetails.d.ts.map +1 -0
  35. package/dist/components/Quote/QuoteCostDetails.styles.d.ts +806 -0
  36. package/dist/components/Quote/QuoteCostDetails.styles.d.ts.map +1 -0
  37. package/dist/components/Quote/QuoteSummary.styles.d.ts +4 -0
  38. package/dist/components/Quote/QuoteSummary.styles.d.ts.map +1 -1
  39. package/dist/components/Quote/QuoteTrigger .d.ts +4 -0
  40. package/dist/components/Quote/QuoteTrigger .d.ts.map +1 -0
  41. package/dist/components/QuoteSkeleton/QuoteSkeleton.styles.d.ts +8 -0
  42. package/dist/components/QuoteSkeleton/QuoteSkeleton.styles.d.ts.map +1 -1
  43. package/dist/components/QuoteSkeleton/QuoteSummarySkeleton.styles.d.ts +20 -0
  44. package/dist/components/QuoteSkeleton/QuoteSummarySkeleton.styles.d.ts.map +1 -1
  45. package/dist/components/QuoteSkeleton/StepSkeleton.styles.d.ts +10 -0
  46. package/dist/components/QuoteSkeleton/StepSkeleton.styles.d.ts.map +1 -1
  47. package/dist/components/QuoteWarningsAndErrors/QuoteWarningsAndErrors.styles.d.ts +8 -0
  48. package/dist/components/QuoteWarningsAndErrors/QuoteWarningsAndErrors.styles.d.ts.map +1 -1
  49. package/dist/components/SearchInput/SearchInput.styles.d.ts +2 -0
  50. package/dist/components/SearchInput/SearchInput.styles.d.ts.map +1 -1
  51. package/dist/components/SettingsContainer/SettingsContainer.style.d.ts +8 -0
  52. package/dist/components/SettingsContainer/SettingsContainer.style.d.ts.map +1 -1
  53. package/dist/components/Slippage/Slippage.styles.d.ts +10 -0
  54. package/dist/components/Slippage/Slippage.styles.d.ts.map +1 -1
  55. package/dist/components/SwapDetails/SwapDetails.styles.d.ts +24 -0
  56. package/dist/components/SwapDetails/SwapDetails.styles.d.ts.map +1 -1
  57. package/dist/components/SwapDetailsAlerts/SwapDetailsAlerts.styles.d.ts +2 -0
  58. package/dist/components/SwapDetailsAlerts/SwapDetailsAlerts.styles.d.ts.map +1 -1
  59. package/dist/components/SwapDetailsModal/SwapDetailsModal.styles.d.ts +2 -0
  60. package/dist/components/SwapDetailsModal/SwapDetailsModal.styles.d.ts.map +1 -1
  61. package/dist/components/SwapsGroup/SwapsGroup.styles.d.ts +10 -0
  62. package/dist/components/SwapsGroup/SwapsGroup.styles.d.ts.map +1 -1
  63. package/dist/components/TokenList/TokenList.styles.d.ts +34 -0
  64. package/dist/components/TokenList/TokenList.styles.d.ts.map +1 -1
  65. package/dist/components/WalletModal/WalletModalContent.styles.d.ts +8 -0
  66. package/dist/components/WalletModal/WalletModalContent.styles.d.ts.map +1 -1
  67. package/dist/constants/quote.d.ts +12 -0
  68. package/dist/constants/quote.d.ts.map +1 -0
  69. package/dist/containers/App/App.styles.d.ts +2 -0
  70. package/dist/containers/App/App.styles.d.ts.map +1 -1
  71. package/dist/containers/QuoteInfo/QuoteInfo.styles.d.ts +10 -0
  72. package/dist/containers/QuoteInfo/QuoteInfo.styles.d.ts.map +1 -1
  73. package/dist/index.js +2 -1
  74. package/dist/index.js.map +4 -4
  75. package/dist/utils/quote.d.ts +5 -1
  76. package/dist/utils/quote.d.ts.map +1 -1
  77. package/dist/utils/swap.d.ts +5 -1
  78. package/dist/utils/swap.d.ts.map +1 -1
  79. package/package.json +2 -2
  80. package/src/components/ConfirmWalletsModal/ConfirmWallets.styles.ts +27 -96
  81. package/src/components/ConfirmWalletsModal/ConfirmWalletsModal.tsx +24 -39
  82. package/src/components/CustomCollapsible/CustomCollapsible.styles.ts +75 -0
  83. package/src/components/CustomCollapsible/CustomCollapsible.tsx +55 -0
  84. package/src/components/CustomCollapsible/CustomCollapsible.types.ts +10 -0
  85. package/src/components/Quote/Quote.styles.ts +44 -5
  86. package/src/components/Quote/Quote.tsx +10 -77
  87. package/src/components/Quote/Quote.types.ts +22 -0
  88. package/src/components/Quote/QuoteCostDetails.styles.ts +50 -0
  89. package/src/components/Quote/QuoteCostDetails.tsx +218 -0
  90. package/src/components/Quote/QuoteTrigger .tsx +215 -0
  91. package/src/constants/quote.ts +23 -0
  92. package/src/utils/quote.ts +18 -1
  93. package/src/utils/swap.ts +35 -0
@@ -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;