@rango-dev/widget-embedded 0.39.1-next.9 → 0.40.1

package/CHANGELOG.md

@@ -1,3 +1,45 @@
+# [0.40.0](https://github.com/rango-exchange/rango-client/compare/widget-embedded@0.39.0...widget-embedded@0.40.0) (2025-02-23)
+
+
+### Bug Fixes
+
+* add unsupported tokens to wallets details ([3db5538](https://github.com/rango-exchange/rango-client/commit/3db55383cb0ffa21b186489d4d20583065266d02))
+* adding balances to ConnectedWallet for WidgetInfo ([e071111](https://github.com/rango-exchange/rango-client/commit/e0711113faff56d87f61af9da869d214eb74b2ff))
+* change balance key separator ([1f3da97](https://github.com/rango-exchange/rango-client/commit/1f3da972a7da2cebe2b9876c058980ba9d32ad65))
+* clean up old balances when switching account ([78d559f](https://github.com/rango-exchange/rango-client/commit/78d559f0ef52bc6a6a80f824b075157eb7274bc1))
+* close wallet connection modal after connect with namespace ([29dff44](https://github.com/rango-exchange/rango-client/commit/29dff448650f83deda8892e3f3ba62dd1f3df555))
+* fix balance not updating properly after transaction ([e607dfc](https://github.com/rango-exchange/rango-client/commit/e607dfc706e79f5d68fc140ff9a4f5f8e6fc91fe))
+* fix hub problems with wallets config ([822f209](https://github.com/rango-exchange/rango-client/commit/822f209d5e013ef4cc05f23c9b5f33acba336fcc))
+* fix total balance calculation for WidgetInfo ([a1a474a](https://github.com/rango-exchange/rango-client/commit/a1a474aab2a37b9cd7001cc5419788d297a96deb))
+* handle token not found error for custom tokens ([b33059e](https://github.com/rango-exchange/rango-client/commit/b33059e911de7ebf86b629e0adc68ba656a7a3a1))
+* improve handling of disabled swappers in widget ([d1b42e9](https://github.com/rango-exchange/rango-client/commit/d1b42e999b4d4bf606886481be884866d594fa4b))
+* make hub compatible with external wallets ([316f18c](https://github.com/rango-exchange/rango-client/commit/316f18c4b270b5e94b7e475d6bf7922cdcc9c712))
+* remove connected wallet on namespace disconnect ([4f0be8a](https://github.com/rango-exchange/rango-client/commit/4f0be8a1eab99af9e6077b7c8c45fdfc6d40f4e9))
+* switch only selected accounts to loading state and handle failure on fetch balance ([ff8429d](https://github.com/rango-exchange/rango-client/commit/ff8429d9311e25b877886c4d826e6a817e393f9c))
+* update balance after transaction with max amount ([9915cba](https://github.com/rango-exchange/rango-client/commit/9915cbaf1b27ded6265ba638f62ad42b07448968))
+* update balance only if account is still connected ([b65e3b2](https://github.com/rango-exchange/rango-client/commit/b65e3b242f00a42858385ebefd3cd515a9556ea3))
+* update explorer url on connected wallets ([ebb5e08](https://github.com/rango-exchange/rango-client/commit/ebb5e0836c8221a6cf70eb9cb7b639bb7c70817e))
+* updated profile banner format from png to jpg ([3100a66](https://github.com/rango-exchange/rango-client/commit/3100a66ea31a26919c738e10ff5dd9db203d371d))
+* usdValue shouldn't be formatted to calculate the total value ([0e2d987](https://github.com/rango-exchange/rango-client/commit/0e2d987c4fff601e421989f9a8afd6330125e5a6))
+
+
+### Features
+
+* add an adapter for Hub for wallets-react and enabling Hub by default. ([a14bdf9](https://github.com/rango-exchange/rango-client/commit/a14bdf9619e448bc4568d6b758ca86d2359e1740))
+* add fee details modal in widget full-expanded mode ([9e9b2a9](https://github.com/rango-exchange/rango-client/commit/9e9b2a9d4737176675129aaac0ffea6cdc07be35))
+* add link to profile banner ([b752c6f](https://github.com/rango-exchange/rango-client/commit/b752c6f2bf19eead23121503494a36ea39923206))
+* add profile banner to widget success modal ([8abbf51](https://github.com/rango-exchange/rango-client/commit/8abbf51523a2ff57d9d76eb0ed91b599236b88b0))
+* add route time warning for slow routes ([9a913f6](https://github.com/rango-exchange/rango-client/commit/9a913f65deffc9877ebeb4dea24071613ed313fe))
+* display a warning if the output amount changes on the confirm swap page ([a77422d](https://github.com/rango-exchange/rango-client/commit/a77422dd4707d3a66711dcfe6e7982b6ab31c439))
+* introducing store events for hub and fix switching accounts using that ([ba95ba2](https://github.com/rango-exchange/rango-client/commit/ba95ba2584f41e2a4b4b2984a62c737ab74d7cd8))
+
+
+### Performance Improvements
+
+* improve getConnectedWalletsDetails query by memozing ([7a0dcae](https://github.com/rango-exchange/rango-client/commit/7a0dcae938c74a9fa6d6aaa37c958055e0b704f7))
+
+
+
 # [0.39.0](https://github.com/rango-exchange/rango-client/compare/widget-embedded@0.38.0...widget-embedded@0.39.0) (2025-01-27)
 
 

package/dist/components/SwapDetailsModal/SwapDetailsCompleteModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SwapDetailsCompleteModal.d.ts","sourceRoot":"","sources":["../../../src/components/SwapDetailsModal/SwapDetailsCompleteModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAUvE,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,sBAAsB,qBA+GrE"}
+{"version":3,"file":"SwapDetailsCompleteModal.d.ts","sourceRoot":"","sources":["../../../src/components/SwapDetailsModal/SwapDetailsCompleteModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAUvE,OAAO,KAAK,MAAM,OAAO,CAAC;AAc1B,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,sBAAsB,qBAgHrE"}

package/dist/components/SwapDetailsModal/SwapDetailsModal.styles.d.ts

@@ -318,4 +318,164 @@ export declare const TooltipErrorContent: import("@stitches/react/types/styled-c
     zIndices: {};
     transitions: {};
 }, import("@stitches/react/types/config").DefaultThemeMap, {}>>;
+export declare const ProfileBanner: import("@stitches/react/types/styled-component").StyledComponent<"img", {}, {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+}, import("@stitches/react/types/css-util").CSS<{
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+}, {
+    colors: {
+        primary: string;
+        primary500: string;
+        primary550: string;
+        secondary: string;
+        secondary100: string;
+        secondary150: string;
+        secondary200: string;
+        secondary250: string;
+        secondary500: string;
+        secondary550: string;
+        neutral: string;
+        neutral100: string;
+        neutral200: string;
+        neutral300: string;
+        neutral400: string;
+        neutral500: string;
+        neutral600: string;
+        neutral700: string;
+        neutral800: string;
+        neutral900: string;
+        error100: string;
+        error300: string;
+        error500: string;
+        error600: string;
+        error700: string;
+        warning100: string;
+        warning300: string;
+        warning500: string;
+        warning600: string;
+        warning700: string;
+        info: string;
+        info100: string;
+        info300: string;
+        info500: string;
+        info600: string;
+        info700: string;
+        success100: string;
+        success300: string;
+        success500: string;
+        success600: string;
+        success700: string;
+        background: string;
+        foreground: string;
+    };
+    space: {
+        0: string;
+        5: string;
+        10: string;
+        15: string;
+        20: string;
+        25: string;
+        30: string;
+        40: string;
+        46: string;
+        50: string;
+        60: string;
+        70: string;
+        80: string;
+        90: string;
+        100: string;
+        2: string;
+        4: string;
+        6: string;
+        8: string;
+        12: string;
+        16: string;
+        24: string;
+        28: string;
+        32: string;
+        36: string;
+    };
+    radii: {
+        xs: string;
+        sm: string;
+        xm: string;
+        md: string;
+        xl: string;
+        lg: string;
+        primary: string;
+        secondary: string;
+    };
+    fontSizes: {
+        10: string;
+        12: string;
+        14: string;
+        16: string;
+        18: string;
+        20: string;
+        22: string;
+        24: string;
+        28: string;
+        32: string;
+        36: string;
+        40: string;
+        48: string;
+    };
+    fonts: {
+        primary: string;
+        widget: string;
+    };
+    fontWeights: {
+        regular: number;
+        medium: number;
+        semiBold: number;
+        bold: number;
+    };
+    lineHeights: {
+        12: string;
+        16: string;
+        20: string;
+        24: string;
+        26: string;
+        28: string;
+        30: string;
+        36: string;
+        40: string;
+        44: string;
+        52: string;
+        64: string;
+    };
+    letterSpacings: {};
+    sizes: {
+        4: string;
+        6: string;
+        8: string;
+        10: string;
+        12: string;
+        16: string;
+        18: string;
+        20: string;
+        24: string;
+        26: string;
+        28: string;
+        30: string;
+        32: string;
+        36: string;
+        40: string;
+        45: string;
+        48: string;
+    };
+    borderWidths: {};
+    borderStyles: {};
+    shadows: {
+        mainContainer: string;
+    };
+    zIndices: {};
+    transitions: {};
+}, import("@stitches/react/types/config").DefaultThemeMap, {}>>;
 //# sourceMappingURL=SwapDetailsModal.styles.d.ts.map

package/dist/components/SwapDetailsModal/SwapDetailsModal.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SwapDetailsModal.styles.d.ts","sourceRoot":"","sources":["../../../src/components/SwapDetailsModal/SwapDetailsModal.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAG1B,CAAC;AAEH,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAM9B,CAAC"}
+{"version":3,"file":"SwapDetailsModal.styles.d.ts","sourceRoot":"","sources":["../../../src/components/SwapDetailsModal/SwapDetailsModal.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAG1B,CAAC;AAEH,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAM9B,CAAC;AAEH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAExB,CAAC"}

package/dist/constants/profileBanner.d.ts

@@ -0,0 +1,3 @@
+export declare const PROFILE_BANNER_IMAGE_SOURCE = "https://raw.githubusercontent.com/rango-exchange/assets/main/banners/widget/profile.jpg";
+export declare const PROFILE_BANNER_NAVIGATION_LINK = "/profile";
+//# sourceMappingURL=profileBanner.d.ts.map

package/dist/constants/profileBanner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"profileBanner.d.ts","sourceRoot":"","sources":["../../src/constants/profileBanner.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,2BAA2B,4FACmD,CAAC;AAC5F,eAAO,MAAM,8BAA8B,aAAa,CAAC"}

package/dist/constants/wallets.d.ts

@@ -1,3 +1,4 @@
 import { WalletTypes } from '@rango-dev/wallets-shared';
+export declare const BALANCE_SEPARATOR = "~";
 export declare const EXCLUDED_WALLETS: WalletTypes[];
 //# sourceMappingURL=wallets.d.ts.map

package/dist/constants/wallets.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"wallets.d.ts","sourceRoot":"","sources":["../../src/constants/wallets.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAExD,eAAO,MAAM,gBAAgB,eAAqB,CAAC"}
+{"version":3,"file":"wallets.d.ts","sourceRoot":"","sources":["../../src/constants/wallets.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAExD,eAAO,MAAM,iBAAiB,MAAM,CAAC;AAErC,eAAO,MAAM,gBAAgB,eAAqB,CAAC"}

package/dist/containers/Wallets/Wallets.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Wallets.d.ts","sourceRoot":"","sources":["../../../src/containers/Wallets/Wallets.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,SAAS,EACT,sBAAsB,EACvB,MAAM,iBAAiB,CAAC;AAGzB,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAS/C,OAAO,KAAoD,MAAM,OAAO,CAAC;AAUzE,eAAO,MAAM,aAAa,uCAOxB,CAAC;AAuLH,wBAAgB,aAAa,CAAC,KAAK,EAAE,iBAAiB,CAAC,SAAS,CAAC,qBAOhE"}
+{"version":3,"file":"Wallets.d.ts","sourceRoot":"","sources":["../../../src/containers/Wallets/Wallets.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,SAAS,EACT,sBAAsB,EACvB,MAAM,iBAAiB,CAAC;AAGzB,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAG/C,OAAO,KAAoD,MAAM,OAAO,CAAC;AASzE,eAAO,MAAM,aAAa,uCAOxB,CAAC;AAsFH,wBAAgB,aAAa,CAAC,KAAK,EAAE,iBAAiB,CAAC,SAAS,CAAC,qBAOhE"}

package/dist/containers/Wallets/Wallets.helpers.d.ts

@@ -0,0 +1,4 @@
+import type { OnUpdateState } from './Wallets.types';
+import type { LegacyEventHandler } from '@rango-dev/wallets-core/legacy';
+export declare function propagateEvents(cb: OnUpdateState, eventParams: Parameters<LegacyEventHandler>): void;
+//# sourceMappingURL=Wallets.helpers.d.ts.map

package/dist/containers/Wallets/Wallets.helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Wallets.helpers.d.ts","sourceRoot":"","sources":["../../../src/containers/Wallets/Wallets.helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AASzE,wBAAgB,eAAe,CAC7B,EAAE,EAAE,aAAa,EACjB,WAAW,EAAE,UAAU,CAAC,kBAAkB,CAAC,GAC1C,IAAI,CAYN"}

package/dist/containers/Wallets/Wallets.types.d.ts

@@ -1,5 +1,5 @@
 import type { WidgetConfig } from '../../types';
-import type { LegacyEventHandler as EventHandler } from '@rango-dev/wallets-core/legacy';
+import type { LegacyEventHandler as EventHandler, LegacyEvents } from '@rango-dev/wallets-core/legacy';
 export type OnWalletConnectionChange = (key: string) => void;
 export interface WidgetContextInterface {
     /**
@@ -15,8 +15,12 @@ export interface WidgetContextInterface {
      */
     onDisconnectWallet(handler: OnWalletConnectionChange): void;
 }
+type EventHandlerParams = Parameters<EventHandler>;
+type EventParam = Exclude<LegacyEvents, LegacyEvents.PROVIDER_DISCONNECTED>;
+export type OnUpdateState = (type: EventHandlerParams[0], event: EventParam, value: EventHandlerParams[2], coreState: EventHandlerParams[3], info: EventHandlerParams[4]) => void;
 export interface PropTypes {
-    onUpdateState?: EventHandler;
+    onUpdateState?: OnUpdateState;
     config: WidgetConfig;
 }
+export {};
 //# sourceMappingURL=Wallets.types.d.ts.map

package/dist/containers/Wallets/Wallets.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Wallets.types.d.ts","sourceRoot":"","sources":["../../../src/containers/Wallets/Wallets.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,kBAAkB,IAAI,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAEzF,MAAM,MAAM,wBAAwB,GAAG,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;AAC7D,MAAM,WAAW,sBAAsB;IACrC;;;;OAIG;IACH,eAAe,CAAC,OAAO,EAAE,wBAAwB,GAAG,IAAI,CAAC;IACzD;;;;OAIG;IACH,kBAAkB,CAAC,OAAO,EAAE,wBAAwB,GAAG,IAAI,CAAC;CAC7D;AAED,MAAM,WAAW,SAAS;IACxB,aAAa,CAAC,EAAE,YAAY,CAAC;IAC7B,MAAM,EAAE,YAAY,CAAC;CACtB"}
+{"version":3,"file":"Wallets.types.d.ts","sourceRoot":"","sources":["../../../src/containers/Wallets/Wallets.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EACV,kBAAkB,IAAI,YAAY,EAClC,YAAY,EACb,MAAM,gCAAgC,CAAC;AAExC,MAAM,MAAM,wBAAwB,GAAG,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;AAC7D,MAAM,WAAW,sBAAsB;IACrC;;;;OAIG;IACH,eAAe,CAAC,OAAO,EAAE,wBAAwB,GAAG,IAAI,CAAC;IACzD;;;;OAIG;IACH,kBAAkB,CAAC,OAAO,EAAE,wBAAwB,GAAG,IAAI,CAAC;CAC7D;AAED,KAAK,kBAAkB,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;AACnD,KAAK,UAAU,GAAG,OAAO,CAAC,YAAY,EAAE,YAAY,CAAC,qBAAqB,CAAC,CAAC;AAE5E,MAAM,MAAM,aAAa,GAAG,CAC1B,IAAI,EAAE,kBAAkB,CAAC,CAAC,CAAC,EAC3B,KAAK,EAAE,UAAU,EACjB,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,EAC5B,SAAS,EAAE,kBAAkB,CAAC,CAAC,CAAC,EAChC,IAAI,EAAE,kBAAkB,CAAC,CAAC,CAAC,KACxB,IAAI,CAAC;AAEV,MAAM,WAAW,SAAS;IACxB,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,MAAM,EAAE,YAAY,CAAC;CACtB"}

package/dist/containers/Wallets/useUpdates.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import type { OnWalletConnectionChange } from './Wallets.types';
+import type { LegacyEventHandler as EventHandler } from '@rango-dev/wallets-core/legacy';
+interface UseUpdatesParams {
+    onConnectWalletHandler: React.MutableRefObject<OnWalletConnectionChange | undefined>;
+    onDisconnectWalletHandler: React.MutableRefObject<OnWalletConnectionChange | undefined>;
+}
+interface UseUpdates {
+    handler: EventHandler;
+}
+export declare function useUpdates(params: UseUpdatesParams): UseUpdates;
+export {};
+//# sourceMappingURL=useUpdates.d.ts.map

package/dist/containers/Wallets/useUpdates.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUpdates.d.ts","sourceRoot":"","sources":["../../../src/containers/Wallets/useUpdates.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,iBAAiB,CAAC;AAChE,OAAO,KAAK,EACV,kBAAkB,IAAI,YAAY,EAEnC,MAAM,gCAAgC,CAAC;AAgBxC,UAAU,gBAAgB;IACxB,sBAAsB,EAAE,KAAK,CAAC,gBAAgB,CAC5C,wBAAwB,GAAG,SAAS,CACrC,CAAC;IACF,yBAAyB,EAAE,KAAK,CAAC,gBAAgB,CAC/C,wBAAwB,GAAG,SAAS,CACrC,CAAC;CACH;AACD,UAAU,UAAU;IAClB,OAAO,EAAE,YAAY,CAAC;CACvB;AAED,wBAAgB,UAAU,CAAC,MAAM,EAAE,gBAAgB,GAAG,UAAU,CA+M/D"}

package/dist/hooks/useSubscribeToWidgetEvents/useSubscribeToWidgetEvents.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSubscribeToWidgetEvents.d.ts","sourceRoot":"","sources":["../../../src/hooks/useSubscribeToWidgetEvents/useSubscribeToWidgetEvents.ts"],"names":[],"mappings":"AAeA,wBAAgB,0BAA0B,SAoDzC"}
+{"version":3,"file":"useSubscribeToWidgetEvents.d.ts","sourceRoot":"","sources":["../../../src/hooks/useSubscribeToWidgetEvents/useSubscribeToWidgetEvents.ts"],"names":[],"mappings":"AAeA,wBAAgB,0BAA0B,SA8DzC"}