@rango-dev/widget-embedded 0.8.1-next.9 → 0.9.0

package/dist/pages/ConfirmSwapPage.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from 'react';
 export declare function ConfirmSwapPage({ customDestinationEnabled, }: {
     customDestinationEnabled?: boolean;
-}): JSX.Element;
+}): React.JSX.Element;
 //# sourceMappingURL=ConfirmSwapPage.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ConfirmSwapPage.d.ts","sourceRoot":"","sources":["../../src/pages/ConfirmSwapPage.tsx"],"names":[],"mappings":";AAyCA,wBAAgB,eAAe,CAAC,EAC9B,wBAAwB,GACzB,EAAE;IACD,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC,eAgNA"}
+{"version":3,"file":"ConfirmSwapPage.d.ts","sourceRoot":"","sources":["../../src/pages/ConfirmSwapPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAyCnD,wBAAgB,eAAe,CAAC,EAC9B,wBAAwB,GACzB,EAAE;IACD,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC,qBAgNA"}

package/dist/pages/HistoryPage.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-export declare function HistoryPage(): JSX.Element;
+import React from 'react';
+export declare function HistoryPage(): React.JSX.Element;
 //# sourceMappingURL=HistoryPage.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"HistoryPage.d.ts","sourceRoot":"","sources":["../../src/pages/HistoryPage.tsx"],"names":[],"mappings":";AAUA,wBAAgB,WAAW,gBAqB1B"}
+{"version":3,"file":"HistoryPage.d.ts","sourceRoot":"","sources":["../../src/pages/HistoryPage.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,wBAAgB,WAAW,sBAqB1B"}

package/dist/pages/Home.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-export declare function Home(): JSX.Element;
+import React from 'react';
+export declare function Home(): React.JSX.Element;
 //# sourceMappingURL=Home.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Home.d.ts","sourceRoot":"","sources":["../../src/pages/Home.tsx"],"names":[],"mappings":";AA0EA,wBAAgB,IAAI,gBA+JnB"}
+{"version":3,"file":"Home.d.ts","sourceRoot":"","sources":["../../src/pages/Home.tsx"],"names":[],"mappings":"AAWA,OAAO,KAA8B,MAAM,OAAO,CAAC;AA+DnD,wBAAgB,IAAI,sBA+JnB"}

package/dist/pages/LiquiditySourcesPage.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 interface PropTypes {
     supportedSwappers?: string[];
 }
-export declare function LiquiditySourcePage({ supportedSwappers }: PropTypes): JSX.Element;
+export declare function LiquiditySourcePage({ supportedSwappers }: PropTypes): React.JSX.Element;
 export {};
 //# sourceMappingURL=LiquiditySourcesPage.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"LiquiditySourcesPage.d.ts","sourceRoot":"","sources":["../../src/pages/LiquiditySourcesPage.tsx"],"names":[],"mappings":";AAOA,UAAU,SAAS;IACjB,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAC;CAC9B;AACD,wBAAgB,mBAAmB,CAAC,EAAE,iBAAiB,EAAE,EAAE,SAAS,eAoDnE"}
+{"version":3,"file":"LiquiditySourcesPage.d.ts","sourceRoot":"","sources":["../../src/pages/LiquiditySourcesPage.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,UAAU,SAAS;IACjB,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAC;CAC9B;AACD,wBAAgB,mBAAmB,CAAC,EAAE,iBAAiB,EAAE,EAAE,SAAS,qBAoDnE"}

package/dist/pages/SelectChainPage.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 interface PropTypes {
     type: 'from' | 'to';
     supportedChains?: string[];
 }
-export declare function SelectChainPage(props: PropTypes): JSX.Element;
+export declare function SelectChainPage(props: PropTypes): React.JSX.Element;
 export {};
 //# sourceMappingURL=SelectChainPage.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SelectChainPage.d.ts","sourceRoot":"","sources":["../../src/pages/SelectChainPage.tsx"],"names":[],"mappings":";AAOA,UAAU,SAAS;IACjB,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;CAC5B;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,SAAS,eA6B/C"}
+{"version":3,"file":"SelectChainPage.d.ts","sourceRoot":"","sources":["../../src/pages/SelectChainPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,UAAU,SAAS;IACjB,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;CAC5B;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,SAAS,qBA6B/C"}

package/dist/pages/SelectTokenPage.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { Asset, Token } from 'rango-sdk';
 interface PropTypes {
     type: 'from' | 'to';
@@ -10,6 +10,6 @@ export interface TokenWithBalance extends Token {
         usdValue: string;
     };
 }
-export declare function SelectTokenPage(props: PropTypes): JSX.Element;
+export declare function SelectTokenPage(props: PropTypes): React.JSX.Element;
 export {};
 //# sourceMappingURL=SelectTokenPage.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SelectTokenPage.d.ts","sourceRoot":"","sources":["../../src/pages/SelectTokenPage.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AAMzC,UAAU,SAAS;IACjB,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,eAAe,CAAC,EAAE,KAAK,EAAE,CAAC;CAC3B;AAED,MAAM,WAAW,gBAAiB,SAAQ,KAAK;IAC7C,OAAO,CAAC,EAAE;QACR,MAAM,EAAE,MAAM,CAAC;QACf,QAAQ,EAAE,MAAM,CAAC;KAClB,CAAC;CACH;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,SAAS,eA0C/C"}
+{"version":3,"file":"SelectTokenPage.d.ts","sourceRoot":"","sources":["../../src/pages/SelectTokenPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AAMzC,UAAU,SAAS;IACjB,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,eAAe,CAAC,EAAE,KAAK,EAAE,CAAC;CAC3B;AAED,MAAM,WAAW,gBAAiB,SAAQ,KAAK;IAC7C,OAAO,CAAC,EAAE;QACR,MAAM,EAAE,MAAM,CAAC;QACf,QAAQ,EAAE,MAAM,CAAC;KAClB,CAAC;CACH;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,SAAS,qBA0C/C"}

package/dist/pages/SettingsPage.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 interface PropTypes {
     supportedSwappers?: string[];
     singleTheme?: boolean;
 }
-export declare function SettingsPage({ supportedSwappers, singleTheme }: PropTypes): JSX.Element;
+export declare function SettingsPage({ supportedSwappers, singleTheme }: PropTypes): React.JSX.Element;
 export {};
 //# sourceMappingURL=SettingsPage.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SettingsPage.d.ts","sourceRoot":"","sources":["../../src/pages/SettingsPage.tsx"],"names":[],"mappings":";AAaA,UAAU,SAAS;IACjB,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC7B,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AACD,wBAAgB,YAAY,CAAC,EAAE,iBAAiB,EAAE,WAAW,EAAE,EAAE,SAAS,eA2EzE"}
+{"version":3,"file":"SettingsPage.d.ts","sourceRoot":"","sources":["../../src/pages/SettingsPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,UAAU,SAAS;IACjB,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC7B,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AACD,wBAAgB,YAAY,CAAC,EAAE,iBAAiB,EAAE,WAAW,EAAE,EAAE,SAAS,qBA2EzE"}

package/dist/pages/SwapDetailsPage.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-export declare function SwapDetailsPage(): JSX.Element;
+import React from 'react';
+export declare function SwapDetailsPage(): React.JSX.Element;
 //# sourceMappingURL=SwapDetailsPage.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SwapDetailsPage.d.ts","sourceRoot":"","sources":["../../src/pages/SwapDetailsPage.tsx"],"names":[],"mappings":";AA6BA,wBAAgB,eAAe,gBAqI9B"}
+{"version":3,"file":"SwapDetailsPage.d.ts","sourceRoot":"","sources":["../../src/pages/SwapDetailsPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AA6B1B,wBAAgB,eAAe,sBAqI9B"}

package/dist/pages/WalletsPage.d.ts

@@ -1,9 +1,10 @@
-/// <reference types="react" />
+import React from 'react';
 import { WidgetConfig } from '../types';
 interface PropTypes {
     supportedWallets: WidgetConfig['wallets'];
     multiWallets: boolean;
+    config?: WidgetConfig;
 }
-export declare function WalletsPage({ supportedWallets, multiWallets }: PropTypes): JSX.Element;
+export declare function WalletsPage({ supportedWallets, multiWallets, config, }: PropTypes): React.JSX.Element;
 export {};
 //# sourceMappingURL=WalletsPage.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"WalletsPage.d.ts","sourceRoot":"","sources":["../../src/pages/WalletsPage.tsx"],"names":[],"mappings":";AAwBA,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAGxC,UAAU,SAAS;IACjB,gBAAgB,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC;IAC1C,YAAY,EAAE,OAAO,CAAC;CACvB;AAyBD,wBAAgB,WAAW,CAAC,EAAE,gBAAgB,EAAE,YAAY,EAAE,EAAE,SAAS,eAyFxE"}
+{"version":3,"file":"WalletsPage.d.ts","sourceRoot":"","sources":["../../src/pages/WalletsPage.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAgB3D,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAGxC,UAAU,SAAS;IACjB,gBAAgB,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC;IAC1C,YAAY,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,YAAY,CAAC;CACvB;AAyBD,wBAAgB,WAAW,CAAC,EAC1B,gBAAgB,EAChB,YAAY,EACZ,MAAM,GACP,EAAE,SAAS,qBA2FX"}

package/dist/types/config.d.ts

@@ -125,6 +125,7 @@ export type BlockchainAndTokenConfig = {
  */
 export type WidgetConfig = {
     apiKey: string;
+    walletConnectProjectId?: string;
     affiliate?: WidgeAffiliate;
     amount?: number;
     from?: BlockchainAndTokenConfig;

package/dist/types/config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../src/types/config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC;;;;;;;;;;;GAWG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF;;;;;;;;;;;;;;;GAeG;AACH,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;IACjC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE;QAAE,KAAK,EAAE,YAAY,CAAC;QAAC,IAAI,EAAE,YAAY,CAAA;KAAE,CAAC;IACrD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF;;;;;;;;;;GAUG;AACH,MAAM,MAAM,cAAc,GAAG;IAC3B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;CACrC,CAAC;AAEF;;;;;;;;;;GAUG;AACH,MAAM,MAAM,wBAAwB,GAAG;IACrC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC;CAClB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,wBAAwB,CAAC;IAChC,EAAE,CAAC,EAAE,wBAAwB,CAAC;IAC9B,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,OAAO,CAAC,EAAE,CAAC,UAAU,GAAG,iBAAiB,CAAC,EAAE,CAAC;IAC7C,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC"}
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../src/types/config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC;;;;;;;;;;;GAWG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF;;;;;;;;;;;;;;;GAeG;AACH,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;IACjC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE;QAAE,KAAK,EAAE,YAAY,CAAC;QAAC,IAAI,EAAE,YAAY,CAAA;KAAE,CAAC;IACrD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF;;;;;;;;;;GAUG;AACH,MAAM,MAAM,cAAc,GAAG;IAC3B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;CACrC,CAAC;AAEF;;;;;;;;;;GAUG;AACH,MAAM,MAAM,wBAAwB,GAAG;IACrC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC;CAClB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB,MAAM,EAAE,MAAM,CAAC;IACf,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,wBAAwB,CAAC;IAChC,EAAE,CAAC,EAAE,wBAAwB,CAAC;IAC9B,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,OAAO,CAAC,EAAE,CAAC,UAAU,GAAG,iBAAiB,CAAC,EAAE,CAAC;IAC7C,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC"}

package/dist/utils/providers.d.ts

@@ -1,11 +1,14 @@
 import { ProviderInterface } from '@rango-dev/wallets-core';
 import { WidgetConfig } from '../types';
+export interface ProvidersOptions {
+    walletConnectProjectId?: WidgetConfig['walletConnectProjectId'];
+}
 /**
  *
  * Generate a list of providers by passing a provider name (e.g. metamask) or a custom provider which implemented ProviderInterface.
  * @returns ProviderInterface[] a list of ProviderInterface
  *
  */
-export declare function matchAndGenerateProviders(providers: WidgetConfig['wallets']): ProviderInterface[];
-export declare function configWalletsToWalletName(config: WidgetConfig['wallets']): string[];
+export declare function matchAndGenerateProviders(providers: WidgetConfig['wallets'], options?: ProvidersOptions): ProviderInterface[];
+export declare function configWalletsToWalletName(config: WidgetConfig['wallets'], options?: ProvidersOptions): string[];
 //# sourceMappingURL=providers.d.ts.map

package/dist/utils/providers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"providers.d.ts","sourceRoot":"","sources":["../../src/utils/providers.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAExC;;;;;GAKG;AACH,wBAAgB,yBAAyB,CACvC,SAAS,EAAE,YAAY,CAAC,SAAS,CAAC,GACjC,iBAAiB,EAAE,CA8BrB;AAED,wBAAgB,yBAAyB,CACvC,MAAM,EAAE,YAAY,CAAC,SAAS,CAAC,GAC9B,MAAM,EAAE,CAMV"}
+{"version":3,"file":"providers.d.ts","sourceRoot":"","sources":["../../src/utils/providers.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAExC,MAAM,WAAW,gBAAgB;IAC/B,sBAAsB,CAAC,EAAE,YAAY,CAAC,wBAAwB,CAAC,CAAC;CACjE;AAED;;;;;GAKG;AACH,wBAAgB,yBAAyB,CACvC,SAAS,EAAE,YAAY,CAAC,SAAS,CAAC,EAClC,OAAO,CAAC,EAAE,gBAAgB,GACzB,iBAAiB,EAAE,CAkCrB;AAED,wBAAgB,yBAAyB,CACvC,MAAM,EAAE,YAAY,CAAC,SAAS,CAAC,EAC/B,OAAO,CAAC,EAAE,gBAAgB,GACzB,MAAM,EAAE,CAMV"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rango-dev/widget-embedded",
-  "version": "0.8.1-next.9",
+  "version": "0.9.0",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.js",
@@ -17,13 +17,15 @@
     "lint": "eslint \"**/*.{ts,tsx}\" --ignore-path ../../.eslintignore"
   },
   "dependencies": {
-    "@rango-dev/provider-all": "^0.8.1-next.4",
-    "@rango-dev/queue-manager-core": "^0.8.1-next.4",
-    "@rango-dev/queue-manager-rango-preset": "^0.8.1-next.9",
-    "@rango-dev/queue-manager-react": "^0.8.1-next.6",
-    "@rango-dev/ui": "^0.8.1-next.10",
-    "@rango-dev/wallets-core": "^0.8.1-next.4",
-    "@rango-dev/wallets-shared": "^0.8.1-next.4",
+    "@lingui/core": "4.2.1",
+    "@lingui/react": "4.2.1",
+    "@rango-dev/provider-all": "^0.9.0",
+    "@rango-dev/queue-manager-core": "^0.9.0",
+    "@rango-dev/queue-manager-rango-preset": "^0.9.0",
+    "@rango-dev/queue-manager-react": "^0.9.0",
+    "@rango-dev/ui": "^0.9.0",
+    "@rango-dev/wallets-core": "^0.9.0",
+    "@rango-dev/wallets-shared": "^0.9.0",
     "bignumber.js": "^9.1.1",
     "copy-to-clipboard": "^3.3.3",
     "dayjs": "^1.11.7",

package/src/Wallets.tsx

@@ -12,6 +12,7 @@ import { isEvmBlockchain } from 'rango-sdk';
 import { useWalletProviders } from './hooks/useWalletProviders';
 import { WidgetConfig } from './types';
 import { createContext, useRef } from 'react';
+import { ProvidersOptions } from './utils/providers';
 
 type OnConnectHandler = (key: string) => void;
 interface WidgetContextInterface {
@@ -27,11 +28,12 @@ export const WidgetContext = createContext<WidgetContextInterface>({
 export function WidgetWallets(
   props: PropsWithChildren<{
     providers: WidgetConfig['wallets'];
+    options?: ProvidersOptions;
     onUpdateState?: EventHandler;
   }>
 ) {
   const { blockchains } = useMetaStore.use.meta();
-  const { providers } = useWalletProviders(props.providers);
+  const { providers } = useWalletProviders(props.providers, props?.options);
   const disconnectWallet = useWalletsStore.use.disconnectWallet();
   const connectWallet = useWalletsStore.use.connectWallet();
   const onConnectWalletHandler = useRef<OnConnectHandler>();

package/src/Widget.tsx

@@ -77,7 +77,11 @@ export function Main(props: PropsWithChildren<WidgetProps>) {
 export function Widget(props: PropsWithChildren<WidgetProps>) {
   if (!props.config?.externalWallets) {
     return (
-      <WidgetWallets providers={props.config?.wallets}>
+      <WidgetWallets
+        providers={props.config?.wallets}
+        options={{
+          walletConnectProjectId: props.config?.walletConnectProjectId,
+        }}>
         <Main {...props} />
       </WidgetWallets>
     );

package/src/components/AppRoutes.tsx

@@ -55,7 +55,12 @@ export function AppRoutes(props: PropTypes) {
     },
     {
       path: navigationRoutes.settings,
-      element: <SettingsPage singleTheme= {config?.theme?.singleTheme} supportedSwappers={config?.liquiditySources} />,
+      element: (
+        <SettingsPage
+          singleTheme={config?.theme?.singleTheme}
+          supportedSwappers={config?.liquiditySources}
+        />
+      ),
     },
     {
       path: navigationRoutes.liquiditySources,
@@ -78,12 +83,15 @@ export function AppRoutes(props: PropTypes) {
               ? true
               : config.multiWallets
           }
+          config={config}
         />
       ),
     },
     {
       path: getAbsolutePath(navigationRoutes.confirmSwap),
-      element: <ConfirmSwapPage  customDestinationEnabled={config?.customDestination}/>,
+      element: (
+        <ConfirmSwapPage customDestinationEnabled={config?.customDestination} />
+      ),
     },
   ]);
 }

package/src/hooks/useWalletProviders.ts

@@ -2,16 +2,26 @@ import { ProviderInterface } from '@rango-dev/wallets-core';
 import { useEffect } from 'react';
 import { useWalletsStore } from '../store/wallets';
 import { WidgetConfig } from '../types';
-import { matchAndGenerateProviders } from '../utils/providers';
+import {
+  matchAndGenerateProviders,
+  ProvidersOptions,
+} from '../utils/providers';
 
-export function useWalletProviders(providers: WidgetConfig['wallets']) {
+export function useWalletProviders(
+  providers: WidgetConfig['wallets'],
+  options?: ProvidersOptions
+) {
   const clearConnectedWallet = useWalletsStore.use.clearConnectedWallet();
-  let generateProviders: ProviderInterface[] =
-    matchAndGenerateProviders(undefined);
+  let generateProviders: ProviderInterface[] = matchAndGenerateProviders(
+    undefined,
+    options
+  );
 
   useEffect(() => {
     clearConnectedWallet();
-    generateProviders = matchAndGenerateProviders(providers);
+    generateProviders = matchAndGenerateProviders(providers, {
+      walletConnectProjectId: options?.walletConnectProjectId,
+    });
   }, [providers]);
 
   return {

package/src/pages/WalletsPage.tsx

@@ -28,6 +28,7 @@ import { configWalletsToWalletName } from '../utils/providers';
 interface PropTypes {
   supportedWallets: WidgetConfig['wallets'];
   multiWallets: boolean;
+  config?: WidgetConfig;
 }
 
 const ListContainer = styled('div', {
@@ -53,13 +54,19 @@ const AlertContainer = styled('div', {
 
 const ALL_SUPPORTED_WALLETS = Object.values(WalletTypes);
 
-export function WalletsPage({ supportedWallets, multiWallets }: PropTypes) {
+export function WalletsPage({
+  supportedWallets,
+  multiWallets,
+  config,
+}: PropTypes) {
   const { navigateBackFrom } = useNavigateBack();
   const { state, disconnect, getWalletInfo, connect } = useWallets();
   const wallets = getlistWallet(
     state,
     getWalletInfo,
-    configWalletsToWalletName(supportedWallets) || ALL_SUPPORTED_WALLETS
+    configWalletsToWalletName(supportedWallets, {
+      walletConnectProjectId: config?.walletConnectProjectId,
+    }) || ALL_SUPPORTED_WALLETS
   );
   const walletsRef = useRef<WalletInfo[]>();
 

package/src/types/config.ts

@@ -125,6 +125,7 @@ export type BlockchainAndTokenConfig = {
  */
 export type WidgetConfig = {
   apiKey: string;
+  walletConnectProjectId?: string;
   affiliate?: WidgeAffiliate;
   amount?: number;
   from?: BlockchainAndTokenConfig;

package/src/utils/providers.ts

@@ -2,6 +2,10 @@ import { allProviders } from '@rango-dev/provider-all';
 import { ProviderInterface } from '@rango-dev/wallets-core';
 import { WidgetConfig } from '../types';
 
+export interface ProvidersOptions {
+  walletConnectProjectId?: WidgetConfig['walletConnectProjectId'];
+}
+
 /**
  *
  * Generate a list of providers by passing a provider name (e.g. metamask) or a custom provider which implemented ProviderInterface.
@@ -9,9 +13,14 @@ import { WidgetConfig } from '../types';
  *
  */
 export function matchAndGenerateProviders(
-  providers: WidgetConfig['wallets']
+  providers: WidgetConfig['wallets'],
+  options?: ProvidersOptions
 ): ProviderInterface[] {
-  const all = allProviders();
+  const all = allProviders({
+    walletconnect2: {
+      WC_PROJECT_ID: options?.walletConnectProjectId || '',
+    },
+  });
 
   if (providers) {
     const selectedProviders: ProviderInterface[] = [];
@@ -43,9 +52,10 @@ export function matchAndGenerateProviders(
 }
 
 export function configWalletsToWalletName(
-  config: WidgetConfig['wallets']
+  config: WidgetConfig['wallets'],
+  options?: ProvidersOptions
 ): string[] {
-  const providers = matchAndGenerateProviders(config);
+  const providers = matchAndGenerateProviders(config, options);
   const names = providers.map((provider) => {
     return provider.config.type;
   });