@rango-dev/widget-embedded 0.43.1-next.0 → 0.43.1-next.10

package/src/pages/LanguagePage.tsx

@@ -45,6 +45,7 @@ export function LanguagePage() {
       <PageContainer>
         <Alert
           type="warning"
+          id="widget-language-machine-translation-alarm-alert"
           variant="alarm"
           title="Warning: We are using machine translation, so the translations may be inaccurate."
         />
@@ -54,6 +55,7 @@ export function LanguagePage() {
             type={
               <ListItemButton
                 title={i18n.t('language')}
+                className="widget-language-list-item-btn"
                 id="_"
                 onClick={() => console.log()}
               />

package/src/pages/LiquiditySourcePage.tsx

@@ -70,6 +70,7 @@ export function LiquiditySourcePage({ sourceType }: PropTypes) {
 
   const list = liquiditySources.map((sourceItem) => {
     const { selected, groupTitle, logo, id, ...restSourceItem } = sourceItem;
+
     return {
       id: `widget-setting-liquidity-source-${replaceSpacesWithDash(
         id.toLowerCase()
@@ -129,6 +130,7 @@ export function LiquiditySourcePage({ sourceType }: PropTypes) {
         <SearchInput
           value={searchedFor}
           setValue={setSearchedFor}
+          id="widget-liquidity-source-search-input"
           fullWidth
           color="light"
           variant="contained"
@@ -148,7 +150,9 @@ export function LiquiditySourcePage({ sourceType }: PropTypes) {
           </NotFoundContainer>
         ) : (
           fetchStatus === 'success' && (
-            <LiquiditySourceList disabled={campaignMode}>
+            <LiquiditySourceList
+              disabled={campaignMode}
+              className="widget-liquidity-source-list">
               {filteredList.map((sourceItem) => {
                 const { groupTitle, ...otherProps } = sourceItem;
 
@@ -158,6 +162,7 @@ export function LiquiditySourcePage({ sourceType }: PropTypes) {
                       style={{ height: '61px' }}
                       {...otherProps}
                       selected={false}
+                      className="widget-liquidity-source-list-item-btn"
                       hasDivider
                     />
                   </React.Fragment>

package/src/pages/SelectBlockchainPage.tsx

@@ -58,6 +58,7 @@ export function SelectBlockchainPage(props: PropTypes) {
           value={searchedFor}
           autoFocus
           placeholder={i18n.t('Search Chain')}
+          id="widget-select-blockchain-search-input"
           color="light"
           variant="contained"
           size="large"

package/src/pages/SelectSwapItemPage/SelectSwapItemsPage.tsx

@@ -117,6 +117,7 @@ export function SelectSwapItemsPage(props: PropTypes) {
         <Divider size={24} />
         <SearchInput
           value={searchedFor}
+          id="widget-select-swap-item-search-input"
           autoFocus
           placeholder={i18n.t('Search Token')}
           color="light"

package/src/pages/SettingsPage.tsx

@@ -42,6 +42,7 @@ export function SettingsPage() {
           <Alert
             type="info"
             variant="alarm"
+            id="widget-settings-campaign-mode-alert"
             title={i18n.t(
               "Currently, you're in campaign mode with restrictions on liquidity sources. Would you like to switch out of this mode and make use of all available liquidity sources?"
             )}

package/src/pages/WalletsPage.tsx

@@ -112,6 +112,7 @@ export function WalletsPage() {
             );
           })}
           <StatefulConnectModal
+            id="widget-state-full-connect-modal"
             wallet={selectedWalletToConnect}
             onClose={() => {
               setSelectedWalletToConnect(undefined);

package/src/store/slices/wallets.ts

@@ -60,6 +60,7 @@ interface DeprecatedTokenBalance {
   rawAmount: string;
   decimal: number | null;
   amount: string;
+  isSupported: boolean;
   logo: string | null;
   usdPrice: number | null;
 }
@@ -807,6 +808,7 @@ export const createWalletsSlice = keepLastUpdated<AppStoreState, WalletsSlice>(
                   rawAmount: balance.amount,
                   decimal: balance.decimals,
                   amount: amount.toString(),
+                  isSupported: !!token,
                   logo: token?.image || null,
                   usdPrice: token?.usdPrice || null,
                 });

package/src/types/config.ts

@@ -200,7 +200,7 @@ export type TonConnectConfig = {
  * exchange.It can also used to limit source swap blockchains/tokens to some limited ones.
  * @property {TrezorManifest} trezorManifest - Trezor Connect Manifest requires that you,
  * as a Trezor Connect integrator,share your e-mail and application url.
- * @property {TonConnectConfig} tonConnect - Configuration for TON Connect compatible providers like MyTonWallet.
+ * @property {TonConnectConfig} tonConnect - Configuration for the TON Connect provider.
  * @property {BlockchainAndTokenConfig} to - The "to" property is an optional property of type
  * "BlockchainAndTokenConfig" that specifies the default blockchain and token to which the user wants to
  * exchange.It can also used to limit destination swap blockchains/tokens to some limited ones.

package/src/utils/swap.ts

@@ -305,8 +305,9 @@ export function getTotalFeeInUsd(
 
 export function getUsdFee(fee: SwapFee): BigNumber {
   let totalFeeInUsd = ZERO;
+  const price = new BigNumber(fee.price || 0);
   totalFeeInUsd = totalFeeInUsd.plus(
-    new BigNumber(fee.amount).multipliedBy(fee.price || 0)
+    new BigNumber(fee.amount).multipliedBy(price)
   );
 
   return totalFeeInUsd;