@rango-dev/widget-embedded 0.29.1-next.17 → 0.29.1-next.19

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rango-dev/widget-embedded",
-  "version": "0.29.1-next.17",
+  "version": "0.29.1-next.19",
   "license": "MIT",
   "type": "module",
   "source": "./src/index.ts",
@@ -25,14 +25,14 @@
     "@lingui/core": "4.2.1",
     "@lingui/react": "4.2.1",
     "@rango-dev/logging-core": "^0.4.0",
-    "@rango-dev/provider-all": "^0.34.1-next.6",
+    "@rango-dev/provider-all": "^0.34.1-next.7",
     "@rango-dev/queue-manager-core": "^0.26.0",
-    "@rango-dev/queue-manager-rango-preset": "^0.34.1-next.6",
+    "@rango-dev/queue-manager-rango-preset": "^0.34.1-next.7",
     "@rango-dev/queue-manager-react": "^0.26.0",
     "@rango-dev/signer-solana": "^0.29.1-next.1",
-    "@rango-dev/ui": "^0.35.1-next.7",
-    "@rango-dev/wallets-react": "^0.20.1-next.4",
-    "@rango-dev/wallets-shared": "^0.34.1-next.4",
+    "@rango-dev/ui": "^0.35.1-next.9",
+    "@rango-dev/wallets-react": "^0.20.1-next.5",
+    "@rango-dev/wallets-shared": "^0.34.1-next.5",
     "bignumber.js": "^9.1.1",
     "copy-to-clipboard": "^3.3.3",
     "dayjs": "^1.11.7",

package/src/components/TokenList/TokenList.tsx

@@ -136,17 +136,17 @@ export function TokenList(props: PropTypes) {
           ) as BlockchainMeta;
           const colors = createTintsAndShades(blockchain.color, 'main');
           const customCssForTag = {
-            $$color: colors.main250,
+            $$color: colors.main150,
             [`.${darkTheme} &`]: {
-              $$color: colors.main850,
+              $$color: colors.main750,
             },
             backgroundColor: '$$color',
           };
 
           const customCssForTagTitle = {
-            $$color: colors.main600,
+            $$color: colors.main750,
             [`.${darkTheme} &`]: {
-              $$color: colors.main200,
+              $$color: colors.main150,
             },
             color: '$$color',
           };

package/src/containers/Wallets/Wallets.tsx

@@ -38,6 +38,7 @@ function Main(props: PropsWithChildren<PropTypes>) {
 
   const walletOptions: ProvidersOptions = {
     walletConnectProjectId: config?.walletConnectProjectId,
+    trezorManifest: config?.trezorManifest,
     walletConnectListedDesktopWalletLink:
       props.config.__UNSTABLE_OR_INTERNAL__
         ?.walletConnectListedDesktopWalletLink,

package/src/hooks/useWalletList.ts

@@ -46,6 +46,7 @@ export function useWalletList(params: Params) {
   /** It can be what has been set by widget config or as a fallback we use all the supported wallets by our library */
   const listAvailableWalletTypes =
     configWalletsToWalletName(config?.wallets, {
+      trezorManifest: config?.trezorManifest,
       walletConnectProjectId: config?.walletConnectProjectId,
       walletConnectListedDesktopWalletLink:
         config.__UNSTABLE_OR_INTERNAL__?.walletConnectListedDesktopWalletLink,

package/src/store/slices/config.ts

@@ -9,6 +9,10 @@ export const DEFAULT_CONFIG: WidgetConfig = {
   excludeLiquiditySources: true,
   customDestination: true,
   variant: 'default',
+  trezorManifest: {
+    appUrl: 'https://widget.rango.exchange/',
+    email: 'hi+trezorwidget@rango.exchange',
+  },
 };
 
 interface IframeConfigs {

package/src/types/config.ts

@@ -145,6 +145,11 @@ export type Features = Partial<
 > &
   Partial<Record<'experimentalRoute', 'disabled' | 'enabled'>>;
 
+export type TrezorManifest = {
+  appUrl: string;
+  email: string;
+};
+
 /**
  * The type WidgetConfig defines the configuration options for a widget, including API key, affiliate
  * reference, amount, blockchain and token configurations, liquidity sources, wallet types, language,
@@ -158,6 +163,8 @@ export type Features = Partial<
  * @property {BlockchainAndTokenConfig} from - The `from` property is an optional property of type
  * `BlockchainAndTokenConfig` that specifies the default blockchain and token from which the user wants to
  * 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 {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.
@@ -203,6 +210,7 @@ export type WidgetConfig = {
   apiUrl?: string;
   title?: string;
   walletConnectProjectId?: string;
+  trezorManifest?: TrezorManifest;
   affiliate?: WidgetAffiliate;
   amount?: number;
   from?: BlockchainAndTokenConfig;

package/src/utils/providers.ts

@@ -8,6 +8,7 @@ export interface ProvidersOptions {
   walletConnectListedDesktopWalletLink?: NonNullable<
     WidgetConfig['__UNSTABLE_OR_INTERNAL__']
   >['walletConnectListedDesktopWalletLink'];
+  trezorManifest: WidgetConfig['trezorManifest'];
 }
 
 /**
@@ -27,6 +28,9 @@ export function matchAndGenerateProviders(
         options?.walletConnectListedDesktopWalletLink,
     },
     selectedProviders: providers,
+    trezor: options?.trezorManifest
+      ? { manifest: options.trezorManifest }
+      : undefined,
   });
 
   if (providers) {