@lifi/widget 3.0.0-alpha.21 → 3.0.0-alpha.22

package/App.tsx

@@ -19,27 +19,26 @@ export const App = forwardRef<WidgetDrawer, WidgetProps>(
       return config;
     }, [integrator, other]);
 
-    const app = (
-      <AppProvider config={config}>
-        <AppDefault />
-      </AppProvider>
-    );
-
     if (config.variant === 'drawer') {
       return (
-        <AppDrawer
-          ref={ref}
-          elementRef={elementRef}
-          integrator={integrator}
-          config={config}
-          open={open}
-          onClose={onClose}
-        >
-          {app}
-        </AppDrawer>
+        <AppProvider config={config}>
+          <AppDrawer
+            ref={ref}
+            elementRef={elementRef}
+            config={config}
+            open={open}
+            onClose={onClose}
+          >
+            <AppDefault />
+          </AppDrawer>
+        </AppProvider>
       );
     }
 
-    return app;
+    return (
+      <AppProvider config={config}>
+        <AppDefault />
+      </AppProvider>
+    );
   },
 );

package/AppDrawer.tsx

@@ -14,7 +14,7 @@ import { useTranslation } from 'react-i18next';
 import { DrawerButton, DrawerButtonTypography } from './AppDrawer.style';
 import type { WidgetDrawerContext } from './AppDrawerContext';
 import { DrawerContext } from './AppDrawerContext';
-import type { WidgetProps, WidgetSubvariant } from './types';
+import type { WidgetDrawerProps, WidgetSubvariant } from './types';
 import { HiddenUI } from './types';
 
 export interface WidgetDrawer {
@@ -26,7 +26,7 @@ export interface WidgetDrawer {
 
 export const AppDrawer = forwardRef<
   WidgetDrawer,
-  PropsWithChildren<WidgetProps>
+  PropsWithChildren<WidgetDrawerProps>
 >(({ elementRef, open, onClose, config, children }, ref) => {
   const openRef = useRef(Boolean(open));
   const [drawerOpen, setDrawerOpen] = useState(Boolean(open));

package/_cjs/App.js

@@ -18,10 +18,9 @@ exports.App = (0, react_1.forwardRef)(({ elementRef, open, onClose, integrator,
         }
         return config;
     }, [integrator, other]);
-    const app = ((0, jsx_runtime_1.jsx)(AppProvider_1.AppProvider, { config: config, children: (0, jsx_runtime_1.jsx)(AppDefault_1.AppDefault, {}) }));
     if (config.variant === 'drawer') {
-        return ((0, jsx_runtime_1.jsx)(AppDrawer_1.AppDrawer, { ref: ref, elementRef: elementRef, integrator: integrator, config: config, open: open, onClose: onClose, children: app }));
+        return ((0, jsx_runtime_1.jsx)(AppProvider_1.AppProvider, { config: config, children: (0, jsx_runtime_1.jsx)(AppDrawer_1.AppDrawer, { ref: ref, elementRef: elementRef, config: config, open: open, onClose: onClose, children: (0, jsx_runtime_1.jsx)(AppDefault_1.AppDefault, {}) }) }));
     }
-    return app;
+    return ((0, jsx_runtime_1.jsx)(AppProvider_1.AppProvider, { config: config, children: (0, jsx_runtime_1.jsx)(AppDefault_1.AppDefault, {}) }));
 });
 //# sourceMappingURL=App.js.map

package/_cjs/App.js.map

@@ -1 +1 @@
-{"version":3,"file":"App.js","sourceRoot":"","sources":["../App.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;AACb,iCAA4C;AAC5C,6CAA0C;AAE1C,2CAAwC;AACxC,+CAA4C;AAG/B,QAAA,GAAG,GAAG,IAAA,kBAAU,EAC3B,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,OAAO,EAAE,UAAU,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC3D,MAAM,MAAM,GAAiB,IAAA,eAAO,EAAC,GAAG,EAAE;QACxC,MAAM,MAAM,GAAG,EAAE,UAAU,EAAE,GAAG,KAAK,EAAE,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC;QACzD,IAAI,MAAM,CAAC,OAAO,KAAK,QAAQ,EAAE,CAAC;YAChC,MAAM,CAAC,cAAc,GAAG;gBACtB,MAAM,EAAE,MAAM;gBACd,GAAG,MAAM,EAAE,cAAc;aAC1B,CAAC;QACJ,CAAC;QACD,OAAO,MAAM,CAAC;IAChB,CAAC,EAAE,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC,CAAC;IAExB,MAAM,GAAG,GAAG,CACV,uBAAC,yBAAW,IAAC,MAAM,EAAE,MAAM,YACzB,uBAAC,uBAAU,KAAG,GACF,CACf,CAAC;IAEF,IAAI,MAAM,CAAC,OAAO,KAAK,QAAQ,EAAE,CAAC;QAChC,OAAO,CACL,uBAAC,qBAAS,IACR,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,YAEf,GAAG,GACM,CACb,CAAC;IACJ,CAAC;IAED,OAAO,GAAG,CAAC;AACb,CAAC,CACF,CAAC"}
+{"version":3,"file":"App.js","sourceRoot":"","sources":["../App.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;AACb,iCAA4C;AAC5C,6CAA0C;AAE1C,2CAAwC;AACxC,+CAA4C;AAG/B,QAAA,GAAG,GAAG,IAAA,kBAAU,EAC3B,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,OAAO,EAAE,UAAU,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC3D,MAAM,MAAM,GAAiB,IAAA,eAAO,EAAC,GAAG,EAAE;QACxC,MAAM,MAAM,GAAG,EAAE,UAAU,EAAE,GAAG,KAAK,EAAE,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC;QACzD,IAAI,MAAM,CAAC,OAAO,KAAK,QAAQ,EAAE,CAAC;YAChC,MAAM,CAAC,cAAc,GAAG;gBACtB,MAAM,EAAE,MAAM;gBACd,GAAG,MAAM,EAAE,cAAc;aAC1B,CAAC;QACJ,CAAC;QACD,OAAO,MAAM,CAAC;IAChB,CAAC,EAAE,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC,CAAC;IAExB,IAAI,MAAM,CAAC,OAAO,KAAK,QAAQ,EAAE,CAAC;QAChC,OAAO,CACL,uBAAC,yBAAW,IAAC,MAAM,EAAE,MAAM,YACzB,uBAAC,qBAAS,IACR,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,YAEhB,uBAAC,uBAAU,KAAG,GACJ,GACA,CACf,CAAC;IACJ,CAAC;IAED,OAAO,CACL,uBAAC,yBAAW,IAAC,MAAM,EAAE,MAAM,YACzB,uBAAC,uBAAU,KAAG,GACF,CACf,CAAC;AACJ,CAAC,CACF,CAAC"}

package/_cjs/AppDrawer.d.ts

@@ -1,12 +1,12 @@
 /// <reference types="react" />
-import type { WidgetSubvariant } from './types';
+import type { WidgetDrawerProps, WidgetSubvariant } from './types';
 export interface WidgetDrawer {
     isOpen(): void;
     toggleDrawer(): void;
     openDrawer(): void;
     closeDrawer(): void;
 }
-export declare const AppDrawer: import("react").ForwardRefExoticComponent<import("./types").WidgetDrawerProps & import("./types").WidgetConfig & import("./types").WidgetConfigPartialProps & {
+export declare const AppDrawer: import("react").ForwardRefExoticComponent<WidgetDrawerProps & {
     children?: import("react").ReactNode;
 } & import("react").RefAttributes<WidgetDrawer>>;
 export declare const DrawerButtonText: ({ open, subvariant, }: {

package/_cjs/components/AccountAvatar.js

@@ -7,12 +7,12 @@ const Wallet_1 = require("@mui/icons-material/Wallet");
 const material_1 = require("@mui/material");
 const hooks_1 = require("../hooks");
 const SmallAvatar_1 = require("./SmallAvatar");
-const WalletAvatar = () => ((0, jsx_runtime_1.jsx)(material_1.Avatar, { children: (0, jsx_runtime_1.jsx)(Wallet_1.default, { sx: { fontSize: 20 } }) }));
+const TokenAvatar_1 = require("./TokenAvatar");
 const AccountAvatar = ({ chainId, account }) => {
     const { chain } = (0, hooks_1.useChain)(chainId);
     const avatar = account ? ((0, jsx_runtime_1.jsx)(material_1.Avatar, { src: (0, wallet_management_1.getConnectorIcon)(account.connector), alt: account.connector?.name, sx: {
             marginRight: chain?.logoURI ? 0 : 1.5,
-        }, children: account.connector?.name[0] })) : ((0, jsx_runtime_1.jsx)(WalletAvatar, {}));
+        }, children: account.connector?.name[0] })) : ((0, jsx_runtime_1.jsx)(TokenAvatar_1.AvatarDefault, { children: (0, jsx_runtime_1.jsx)(Wallet_1.default, { sx: { fontSize: 20 } }) }));
     return chainId && chain?.logoURI ? ((0, jsx_runtime_1.jsx)(material_1.Badge, { overlap: "circular", anchorOrigin: { vertical: 'bottom', horizontal: 'right' }, badgeContent: (0, jsx_runtime_1.jsx)(SmallAvatar_1.SmallAvatar, { src: chain?.logoURI, alt: chain?.name, children: chain?.name[0] }), children: avatar })) : (avatar);
 };
 exports.AccountAvatar = AccountAvatar;

package/_cjs/components/AccountAvatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccountAvatar.js","sourceRoot":"","sources":["../../components/AccountAvatar.tsx"],"names":[],"mappings":";;;;AAAA,+DAA2D;AAC3D,uDAAoD;AACpD,4CAA8C;AAE9C,oCAAoC;AACpC,+CAA4C;AAO5C,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,CACzB,uBAAC,iBAAM,cACL,uBAAC,gBAAU,IAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAI,GAC7B,CACV,CAAC;AAEK,MAAM,aAAa,GAAG,CAAC,EAAE,OAAO,EAAE,OAAO,EAAsB,EAAE,EAAE;IACxE,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,gBAAQ,EAAC,OAAO,CAAC,CAAC;IAEpC,MAAM,MAAM,GAAG,OAAO,CAAC,CAAC,CAAC,CACvB,uBAAC,iBAAM,IACL,GAAG,EAAE,IAAA,oCAAgB,EAAC,OAAO,CAAC,SAAS,CAAC,EACxC,GAAG,EAAE,OAAO,CAAC,SAAS,EAAE,IAAI,EAC5B,EAAE,EAAE;YACF,WAAW,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;SACtC,YAEA,OAAO,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC,GACpB,CACV,CAAC,CAAC,CAAC,CACF,uBAAC,YAAY,KAAG,CACjB,CAAC;IAEF,OAAO,OAAO,IAAI,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,CACjC,uBAAC,gBAAK,IACJ,OAAO,EAAC,UAAU,EAClB,YAAY,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,EACzD,YAAY,EACV,uBAAC,yBAAW,IAAC,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,YAC/C,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,GACH,YAGf,MAAM,GACD,CACT,CAAC,CAAC,CAAC,CACF,MAAM,CACP,CAAC;AACJ,CAAC,CAAC;AAhCW,QAAA,aAAa,iBAgCxB"}
+{"version":3,"file":"AccountAvatar.js","sourceRoot":"","sources":["../../components/AccountAvatar.tsx"],"names":[],"mappings":";;;;AAAA,+DAA2D;AAC3D,uDAAoD;AACpD,4CAA8C;AAE9C,oCAAoC;AACpC,+CAA4C;AAC5C,+CAA8C;AAOvC,MAAM,aAAa,GAAG,CAAC,EAAE,OAAO,EAAE,OAAO,EAAsB,EAAE,EAAE;IACxE,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,gBAAQ,EAAC,OAAO,CAAC,CAAC;IAEpC,MAAM,MAAM,GAAG,OAAO,CAAC,CAAC,CAAC,CACvB,uBAAC,iBAAM,IACL,GAAG,EAAE,IAAA,oCAAgB,EAAC,OAAO,CAAC,SAAS,CAAC,EACxC,GAAG,EAAE,OAAO,CAAC,SAAS,EAAE,IAAI,EAC5B,EAAE,EAAE;YACF,WAAW,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;SACtC,YAEA,OAAO,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC,GACpB,CACV,CAAC,CAAC,CAAC,CACF,uBAAC,2BAAa,cACZ,uBAAC,gBAAU,IAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAI,GACtB,CACjB,CAAC;IAEF,OAAO,OAAO,IAAI,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,CACjC,uBAAC,gBAAK,IACJ,OAAO,EAAC,UAAU,EAClB,YAAY,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,EACzD,YAAY,EACV,uBAAC,yBAAW,IAAC,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,YAC/C,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,GACH,YAGf,MAAM,GACD,CACT,CAAC,CAAC,CAAC,CACF,MAAM,CACP,CAAC;AACJ,CAAC,CAAC;AAlCW,QAAA,aAAa,iBAkCxB"}

package/_cjs/components/TokenAvatar/TokenAvatar.style.js

@@ -17,12 +17,16 @@ exports.TokenAvatarGroup = (0, styles_1.styled)(material_1.AvatarGroup)(({ theme
 exports.AvatarDefault = (0, styles_1.styled)(material_1.Box)(({ theme }) => {
     const root = theme.components?.MuiAvatar?.styleOverrides?.root;
     return {
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
         background: theme.palette.mode === 'light'
             ? theme.palette.grey[300]
             : theme.palette.grey[800],
         borderRadius: '50%',
         height: root?.height,
         width: root?.width,
+        color: theme.palette.text.secondary,
     };
 });
 exports.AvatarDefaultBadge = (0, styles_1.styled)(material_1.Box)(({ theme }) => {

package/_cjs/components/TokenAvatar/TokenAvatar.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"TokenAvatar.style.js","sourceRoot":"","sources":["../../../components/TokenAvatar/TokenAvatar.style.tsx"],"names":[],"mappings":";;;AACA,4CAAiD;AACjD,iDAAqD;AACrD,+CAAmD;AACnD,iDAA8C;AAEjC,QAAA,gBAAgB,GAAG,IAAA,eAAM,EAAC,sBAAW,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAClE,CAAC,MAAM,oBAAY,CAAC,KAAK,gBAAgB,sBAAa,CAAC,IAAI,EAAE,CAAC,EAAE;QAC9D,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;QAC7B,SAAS,EAAE,YAAY;KACxB;IACD,CAAC,MAAM,oBAAY,CAAC,IAAI,aAAa,CAAC,EAAE;QACtC,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;KAC7B;CACF,CAAC,CAAC,CAAC;AAES,QAAA,aAAa,GAAG,IAAA,eAAM,EAAC,cAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACrD,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,EAAE,SAAS,EAAE,cAAc,EAAE,IAAiB,CAAC;IAC5E,OAAO;QACL,UAAU,EACR,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO;YAC5B,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;YACzB,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;QAC7B,YAAY,EAAE,KAAK;QACnB,MAAM,EAAE,IAAI,EAAE,MAAM;QACpB,KAAK,EAAE,IAAI,EAAE,KAAK;KACnB,CAAC;AACJ,CAAC,CAAC,CAAC;AAEU,QAAA,kBAAkB,GAAG,IAAA,eAAM,EAAC,cAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAC1D,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,EAAE,SAAS,EAAE,cAAc,EAAE,IAAiB,CAAC;IAC5E,OAAO;QACL,UAAU,EACR,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO;YAC5B,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;YACzB,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;QAC7B,MAAM,EAAE,aAAa,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK,EAAE;QACrD,YAAY,EAAE,KAAK;QACnB,MAAM,EAAG,CAAC,IAAI,EAAE,MAAM,IAAI,EAAE,CAAY,GAAG,CAAC;QAC5C,KAAK,EAAG,CAAC,IAAI,EAAE,KAAK,IAAI,EAAE,CAAY,GAAG,CAAC;KAC3C,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"TokenAvatar.style.js","sourceRoot":"","sources":["../../../components/TokenAvatar/TokenAvatar.style.tsx"],"names":[],"mappings":";;;AACA,4CAAiD;AACjD,iDAAqD;AACrD,+CAAmD;AACnD,iDAA8C;AAEjC,QAAA,gBAAgB,GAAG,IAAA,eAAM,EAAC,sBAAW,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAClE,CAAC,MAAM,oBAAY,CAAC,KAAK,gBAAgB,sBAAa,CAAC,IAAI,EAAE,CAAC,EAAE;QAC9D,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;QAC7B,SAAS,EAAE,YAAY;KACxB;IACD,CAAC,MAAM,oBAAY,CAAC,IAAI,aAAa,CAAC,EAAE;QACtC,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;KAC7B;CACF,CAAC,CAAC,CAAC;AAES,QAAA,aAAa,GAAG,IAAA,eAAM,EAAC,cAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACrD,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,EAAE,SAAS,EAAE,cAAc,EAAE,IAAiB,CAAC;IAC5E,OAAO;QACL,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,UAAU,EACR,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO;YAC5B,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;YACzB,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;QAC7B,YAAY,EAAE,KAAK;QACnB,MAAM,EAAE,IAAI,EAAE,MAAM;QACpB,KAAK,EAAE,IAAI,EAAE,KAAK;QAClB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS;KACpC,CAAC;AACJ,CAAC,CAAC,CAAC;AAEU,QAAA,kBAAkB,GAAG,IAAA,eAAM,EAAC,cAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAC1D,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,EAAE,SAAS,EAAE,cAAc,EAAE,IAAiB,CAAC;IAC5E,OAAO;QACL,UAAU,EACR,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO;YAC5B,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;YACzB,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;QAC7B,MAAM,EAAE,aAAa,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK,EAAE;QACrD,YAAY,EAAE,KAAK;QACnB,MAAM,EAAG,CAAC,IAAI,EAAE,MAAM,IAAI,EAAE,CAAY,GAAG,CAAC;QAC5C,KAAK,EAAG,CAAC,IAAI,EAAE,KAAK,IAAI,EAAE,CAAY,GAAG,CAAC;KAC3C,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/_cjs/config/version.d.ts

@@ -1,2 +1,2 @@
 export declare const name = "@lifi/widget";
-export declare const version = "3.0.0-alpha.21";
+export declare const version = "3.0.0-alpha.22";

package/_cjs/config/version.js

@@ -2,5 +2,5 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.version = exports.name = void 0;
 exports.name = '@lifi/widget';
-exports.version = '3.0.0-alpha.21';
+exports.version = '3.0.0-alpha.22';
 //# sourceMappingURL=version.js.map

package/_cjs/hooks/useAvailableChains.js

@@ -6,16 +6,16 @@ const react_query_1 = require("@tanstack/react-query");
 const react_1 = require("react");
 const providers_1 = require("../providers");
 const utils_1 = require("../utils");
+const supportedChainTypes = [sdk_1.ChainType.EVM, sdk_1.ChainType.SVM];
 const useAvailableChains = () => {
     const { chains } = (0, providers_1.useWidgetConfig)();
     const { providers } = (0, providers_1.useHasExternalWalletProvider)();
     const { data, isLoading } = (0, react_query_1.useQuery)({
         queryKey: ['chains', providers, chains?.types],
         queryFn: async ({ queryKey: [, providers, chainTypes] }) => {
+            const chainTypesRequest = (providers.length > 0 ? providers : supportedChainTypes).filter((chainType) => (0, utils_1.isItemAllowed)(chainType, chainTypes));
             const availableChains = await (0, sdk_1.getChains)({
-                chainTypes: (providers.length > 0
-                    ? providers
-                    : Object.values(sdk_1.ChainType)).filter((chainType) => (0, utils_1.isItemAllowed)(chainType, chainTypes)),
+                chainTypes: chainTypesRequest,
             });
             sdk_1.config.setChains(availableChains);
             return availableChains;

package/_cjs/hooks/useAvailableChains.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAvailableChains.js","sourceRoot":"","sources":["../../hooks/useAvailableChains.ts"],"names":[],"mappings":";;;AACA,mCAAyD;AACzD,uDAAiD;AACjD,iCAAoC;AACpC,4CAA6E;AAC7E,oCAAyC;AAElC,MAAM,kBAAkB,GAAG,GAAG,EAAE;IACrC,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,2BAAe,GAAE,CAAC;IACrC,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,wCAA4B,GAAE,CAAC;IACrD,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,IAAA,sBAAQ,EAAC;QACnC,QAAQ,EAAE,CAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,CAAU;QACvD,OAAO,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,SAAS,EAAE,UAAU,CAAC,EAAE,EAAE,EAAE;YACzD,MAAM,eAAe,GAAG,MAAM,IAAA,eAAS,EAAC;gBACtC,UAAU,EAAE,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC;oBAC/B,CAAC,CAAC,SAAS;oBACX,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,eAAS,CAAC,CAC3B,CAAC,MAAM,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,IAAA,qBAAa,EAAC,SAAS,EAAE,UAAU,CAAC,CAAC;aAC9D,CAAC,CAAC;YACH,YAAM,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC;YAClC,OAAO,eAAe,CAAC;QACzB,CAAC;QACD,eAAe,EAAE,MAAM;QACvB,SAAS,EAAE,MAAM;KAClB,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,IAAA,mBAAW,EAC9B,CAAC,OAAgB,EAAE,SAAsC,IAAI,EAAE,EAAE;QAC/D,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,OAAO;QACT,CAAC;QACD,MAAM,KAAK,GAAG,MAAM,EAAE,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,OAAO,CAAC,CAAC;QAC5D,gBAAgB;QAChB,+DAA+D;QAC/D,IAAI;QACJ,OAAO,KAAK,CAAC;IACf,CAAC,EACD,CAAC,IAAI,CAAC,CACP,CAAC;IAEF,OAAO;QACL,MAAM,EAAE,IAAI;QACZ,YAAY;QACZ,SAAS;KACV,CAAC;AACJ,CAAC,CAAC;AAtCW,QAAA,kBAAkB,sBAsC7B"}
+{"version":3,"file":"useAvailableChains.js","sourceRoot":"","sources":["../../hooks/useAvailableChains.ts"],"names":[],"mappings":";;;AACA,mCAAyD;AACzD,uDAAiD;AACjD,iCAAoC;AACpC,4CAA6E;AAC7E,oCAAyC;AAEzC,MAAM,mBAAmB,GAAG,CAAC,eAAS,CAAC,GAAG,EAAE,eAAS,CAAC,GAAG,CAAC,CAAC;AAEpD,MAAM,kBAAkB,GAAG,GAAG,EAAE;IACrC,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,2BAAe,GAAE,CAAC;IACrC,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,wCAA4B,GAAE,CAAC;IACrD,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,IAAA,sBAAQ,EAAC;QACnC,QAAQ,EAAE,CAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,CAAU;QACvD,OAAO,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,SAAS,EAAE,UAAU,CAAC,EAAE,EAAE,EAAE;YACzD,MAAM,iBAAiB,GAAG,CACxB,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,mBAAmB,CACvD,CAAC,MAAM,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,IAAA,qBAAa,EAAC,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC;YAE9D,MAAM,eAAe,GAAG,MAAM,IAAA,eAAS,EAAC;gBACtC,UAAU,EAAE,iBAAiB;aAC9B,CAAC,CAAC;YACH,YAAM,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC;YAClC,OAAO,eAAe,CAAC;QACzB,CAAC;QACD,eAAe,EAAE,MAAM;QACvB,SAAS,EAAE,MAAM;KAClB,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,IAAA,mBAAW,EAC9B,CAAC,OAAgB,EAAE,SAAsC,IAAI,EAAE,EAAE;QAC/D,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,OAAO;QACT,CAAC;QACD,MAAM,KAAK,GAAG,MAAM,EAAE,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,OAAO,CAAC,CAAC;QAC5D,gBAAgB;QAChB,+DAA+D;QAC/D,IAAI;QACJ,OAAO,KAAK,CAAC;IACf,CAAC,EACD,CAAC,IAAI,CAAC,CACP,CAAC;IAEF,OAAO;QACL,MAAM,EAAE,IAAI;QACZ,YAAY;QACZ,SAAS;KACV,CAAC;AACJ,CAAC,CAAC;AAvCW,QAAA,kBAAkB,sBAuC7B"}

package/_cjs/types/widget.d.ts

@@ -117,14 +117,6 @@ export interface WidgetConfig {
     } & AllowDeny<LanguageKey>;
     languageResources?: LanguageResources;
 }
-export type WidgetDrawerProps = {
-    elementRef?: RefObject<HTMLDivElement>;
-    open?: boolean;
-    /**
-     * Make sure to make the onClose callback stable (e.g. using useCallback) to avoid causing re-renders of the entire widget
-     */
-    onClose?(): void;
-};
 export interface WidgetConfigProps {
     config: WidgetConfig;
 }
@@ -132,3 +124,11 @@ export interface WidgetConfigPartialProps {
     config?: Partial<WidgetConfig>;
 }
 export type WidgetProps = WidgetDrawerProps & WidgetConfig & WidgetConfigPartialProps;
+export interface WidgetDrawerProps extends WidgetConfigPartialProps {
+    elementRef?: RefObject<HTMLDivElement>;
+    open?: boolean;
+    /**
+     * Make sure to make the onClose callback stable (e.g. using useCallback) to avoid causing re-renders of the entire widget
+     */
+    onClose?(): void;
+}

package/_esm/App.js

@@ -15,10 +15,9 @@ export const App = forwardRef(({ elementRef, open, onClose, integrator, ...other
         }
         return config;
     }, [integrator, other]);
-    const app = (_jsx(AppProvider, { config: config, children: _jsx(AppDefault, {}) }));
     if (config.variant === 'drawer') {
-        return (_jsx(AppDrawer, { ref: ref, elementRef: elementRef, integrator: integrator, config: config, open: open, onClose: onClose, children: app }));
+        return (_jsx(AppProvider, { config: config, children: _jsx(AppDrawer, { ref: ref, elementRef: elementRef, config: config, open: open, onClose: onClose, children: _jsx(AppDefault, {}) }) }));
     }
-    return app;
+    return (_jsx(AppProvider, { config: config, children: _jsx(AppDefault, {}) }));
 });
 //# sourceMappingURL=App.js.map

package/_esm/App.js.map

@@ -1 +1 @@
-{"version":3,"file":"App.js","sourceRoot":"","sources":["../App.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5C,MAAM,CAAC,MAAM,GAAG,GAAG,UAAU,CAC3B,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,OAAO,EAAE,UAAU,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC3D,MAAM,MAAM,GAAiB,OAAO,CAAC,GAAG,EAAE;QACxC,MAAM,MAAM,GAAG,EAAE,UAAU,EAAE,GAAG,KAAK,EAAE,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC;QACzD,IAAI,MAAM,CAAC,OAAO,KAAK,QAAQ,EAAE,CAAC;YAChC,MAAM,CAAC,cAAc,GAAG;gBACtB,MAAM,EAAE,MAAM;gBACd,GAAG,MAAM,EAAE,cAAc;aAC1B,CAAC;QACJ,CAAC;QACD,OAAO,MAAM,CAAC;IAChB,CAAC,EAAE,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC,CAAC;IAExB,MAAM,GAAG,GAAG,CACV,KAAC,WAAW,IAAC,MAAM,EAAE,MAAM,YACzB,KAAC,UAAU,KAAG,GACF,CACf,CAAC;IAEF,IAAI,MAAM,CAAC,OAAO,KAAK,QAAQ,EAAE,CAAC;QAChC,OAAO,CACL,KAAC,SAAS,IACR,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,YAEf,GAAG,GACM,CACb,CAAC;IACJ,CAAC;IAED,OAAO,GAAG,CAAC;AACb,CAAC,CACF,CAAC"}
+{"version":3,"file":"App.js","sourceRoot":"","sources":["../App.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5C,MAAM,CAAC,MAAM,GAAG,GAAG,UAAU,CAC3B,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,OAAO,EAAE,UAAU,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC3D,MAAM,MAAM,GAAiB,OAAO,CAAC,GAAG,EAAE;QACxC,MAAM,MAAM,GAAG,EAAE,UAAU,EAAE,GAAG,KAAK,EAAE,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC;QACzD,IAAI,MAAM,CAAC,OAAO,KAAK,QAAQ,EAAE,CAAC;YAChC,MAAM,CAAC,cAAc,GAAG;gBACtB,MAAM,EAAE,MAAM;gBACd,GAAG,MAAM,EAAE,cAAc;aAC1B,CAAC;QACJ,CAAC;QACD,OAAO,MAAM,CAAC;IAChB,CAAC,EAAE,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC,CAAC;IAExB,IAAI,MAAM,CAAC,OAAO,KAAK,QAAQ,EAAE,CAAC;QAChC,OAAO,CACL,KAAC,WAAW,IAAC,MAAM,EAAE,MAAM,YACzB,KAAC,SAAS,IACR,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,YAEhB,KAAC,UAAU,KAAG,GACJ,GACA,CACf,CAAC;IACJ,CAAC;IAED,OAAO,CACL,KAAC,WAAW,IAAC,MAAM,EAAE,MAAM,YACzB,KAAC,UAAU,KAAG,GACF,CACf,CAAC;AACJ,CAAC,CACF,CAAC"}

package/_esm/AppDrawer.d.ts

@@ -1,12 +1,12 @@
 /// <reference types="react" />
-import type { WidgetSubvariant } from './types';
+import type { WidgetDrawerProps, WidgetSubvariant } from './types';
 export interface WidgetDrawer {
     isOpen(): void;
     toggleDrawer(): void;
     openDrawer(): void;
     closeDrawer(): void;
 }
-export declare const AppDrawer: import("react").ForwardRefExoticComponent<import("./types").WidgetDrawerProps & import("./types").WidgetConfig & import("./types").WidgetConfigPartialProps & {
+export declare const AppDrawer: import("react").ForwardRefExoticComponent<WidgetDrawerProps & {
     children?: import("react").ReactNode;
 } & import("react").RefAttributes<WidgetDrawer>>;
 export declare const DrawerButtonText: ({ open, subvariant, }: {

package/_esm/components/AccountAvatar.js

@@ -4,12 +4,12 @@ import WalletIcon from '@mui/icons-material/esm/Wallet';
 import { Avatar, Badge } from '@mui/material';
 import { useChain } from '../hooks';
 import { SmallAvatar } from './SmallAvatar';
-const WalletAvatar = () => (_jsx(Avatar, { children: _jsx(WalletIcon, { sx: { fontSize: 20 } }) }));
+import { AvatarDefault } from './TokenAvatar';
 export const AccountAvatar = ({ chainId, account }) => {
     const { chain } = useChain(chainId);
     const avatar = account ? (_jsx(Avatar, { src: getConnectorIcon(account.connector), alt: account.connector?.name, sx: {
             marginRight: chain?.logoURI ? 0 : 1.5,
-        }, children: account.connector?.name[0] })) : (_jsx(WalletAvatar, {}));
+        }, children: account.connector?.name[0] })) : (_jsx(AvatarDefault, { children: _jsx(WalletIcon, { sx: { fontSize: 20 } }) }));
     return chainId && chain?.logoURI ? (_jsx(Badge, { overlap: "circular", anchorOrigin: { vertical: 'bottom', horizontal: 'right' }, badgeContent: _jsx(SmallAvatar, { src: chain?.logoURI, alt: chain?.name, children: chain?.name[0] }), children: avatar })) : (avatar);
 };
 //# sourceMappingURL=AccountAvatar.js.map

package/_esm/components/AccountAvatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccountAvatar.js","sourceRoot":"","sources":["../../components/AccountAvatar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,UAAU,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAE9C,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAO5C,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,CACzB,KAAC,MAAM,cACL,KAAC,UAAU,IAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAI,GAC7B,CACV,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAE,OAAO,EAAE,OAAO,EAAsB,EAAE,EAAE;IACxE,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC;IAEpC,MAAM,MAAM,GAAG,OAAO,CAAC,CAAC,CAAC,CACvB,KAAC,MAAM,IACL,GAAG,EAAE,gBAAgB,CAAC,OAAO,CAAC,SAAS,CAAC,EACxC,GAAG,EAAE,OAAO,CAAC,SAAS,EAAE,IAAI,EAC5B,EAAE,EAAE;YACF,WAAW,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;SACtC,YAEA,OAAO,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC,GACpB,CACV,CAAC,CAAC,CAAC,CACF,KAAC,YAAY,KAAG,CACjB,CAAC;IAEF,OAAO,OAAO,IAAI,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,CACjC,KAAC,KAAK,IACJ,OAAO,EAAC,UAAU,EAClB,YAAY,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,EACzD,YAAY,EACV,KAAC,WAAW,IAAC,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,YAC/C,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,GACH,YAGf,MAAM,GACD,CACT,CAAC,CAAC,CAAC,CACF,MAAM,CACP,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"AccountAvatar.js","sourceRoot":"","sources":["../../components/AccountAvatar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,UAAU,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAE9C,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAO9C,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAE,OAAO,EAAE,OAAO,EAAsB,EAAE,EAAE;IACxE,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC;IAEpC,MAAM,MAAM,GAAG,OAAO,CAAC,CAAC,CAAC,CACvB,KAAC,MAAM,IACL,GAAG,EAAE,gBAAgB,CAAC,OAAO,CAAC,SAAS,CAAC,EACxC,GAAG,EAAE,OAAO,CAAC,SAAS,EAAE,IAAI,EAC5B,EAAE,EAAE;YACF,WAAW,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;SACtC,YAEA,OAAO,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC,GACpB,CACV,CAAC,CAAC,CAAC,CACF,KAAC,aAAa,cACZ,KAAC,UAAU,IAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAI,GACtB,CACjB,CAAC;IAEF,OAAO,OAAO,IAAI,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,CACjC,KAAC,KAAK,IACJ,OAAO,EAAC,UAAU,EAClB,YAAY,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,EACzD,YAAY,EACV,KAAC,WAAW,IAAC,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,YAC/C,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,GACH,YAGf,MAAM,GACD,CACT,CAAC,CAAC,CAAC,CACF,MAAM,CACP,CAAC;AACJ,CAAC,CAAC"}

package/_esm/components/TokenAvatar/TokenAvatar.style.js

@@ -14,12 +14,16 @@ export const TokenAvatarGroup = styled(AvatarGroup)(({ theme }) => ({
 export const AvatarDefault = styled(Box)(({ theme }) => {
     const root = theme.components?.MuiAvatar?.styleOverrides?.root;
     return {
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
         background: theme.palette.mode === 'light'
             ? theme.palette.grey[300]
             : theme.palette.grey[800],
         borderRadius: '50%',
         height: root?.height,
         width: root?.width,
+        color: theme.palette.text.secondary,
     };
 });
 export const AvatarDefaultBadge = styled(Box)(({ theme }) => {

package/_esm/components/TokenAvatar/TokenAvatar.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"TokenAvatar.style.js","sourceRoot":"","sources":["../../../components/TokenAvatar/TokenAvatar.style.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAClE,CAAC,MAAM,YAAY,CAAC,KAAK,gBAAgB,aAAa,CAAC,IAAI,EAAE,CAAC,EAAE;QAC9D,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;QAC7B,SAAS,EAAE,YAAY;KACxB;IACD,CAAC,MAAM,YAAY,CAAC,IAAI,aAAa,CAAC,EAAE;QACtC,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;KAC7B;CACF,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACrD,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,EAAE,SAAS,EAAE,cAAc,EAAE,IAAiB,CAAC;IAC5E,OAAO;QACL,UAAU,EACR,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO;YAC5B,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;YACzB,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;QAC7B,YAAY,EAAE,KAAK;QACnB,MAAM,EAAE,IAAI,EAAE,MAAM;QACpB,KAAK,EAAE,IAAI,EAAE,KAAK;KACnB,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAC1D,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,EAAE,SAAS,EAAE,cAAc,EAAE,IAAiB,CAAC;IAC5E,OAAO;QACL,UAAU,EACR,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO;YAC5B,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;YACzB,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;QAC7B,MAAM,EAAE,aAAa,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK,EAAE;QACrD,YAAY,EAAE,KAAK;QACnB,MAAM,EAAG,CAAC,IAAI,EAAE,MAAM,IAAI,EAAE,CAAY,GAAG,CAAC;QAC5C,KAAK,EAAG,CAAC,IAAI,EAAE,KAAK,IAAI,EAAE,CAAY,GAAG,CAAC;KAC3C,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"TokenAvatar.style.js","sourceRoot":"","sources":["../../../components/TokenAvatar/TokenAvatar.style.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAClE,CAAC,MAAM,YAAY,CAAC,KAAK,gBAAgB,aAAa,CAAC,IAAI,EAAE,CAAC,EAAE;QAC9D,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;QAC7B,SAAS,EAAE,YAAY;KACxB;IACD,CAAC,MAAM,YAAY,CAAC,IAAI,aAAa,CAAC,EAAE;QACtC,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;KAC7B;CACF,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACrD,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,EAAE,SAAS,EAAE,cAAc,EAAE,IAAiB,CAAC;IAC5E,OAAO;QACL,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,UAAU,EACR,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO;YAC5B,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;YACzB,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;QAC7B,YAAY,EAAE,KAAK;QACnB,MAAM,EAAE,IAAI,EAAE,MAAM;QACpB,KAAK,EAAE,IAAI,EAAE,KAAK;QAClB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS;KACpC,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAC1D,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,EAAE,SAAS,EAAE,cAAc,EAAE,IAAiB,CAAC;IAC5E,OAAO;QACL,UAAU,EACR,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO;YAC5B,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;YACzB,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;QAC7B,MAAM,EAAE,aAAa,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK,EAAE;QACrD,YAAY,EAAE,KAAK;QACnB,MAAM,EAAG,CAAC,IAAI,EAAE,MAAM,IAAI,EAAE,CAAY,GAAG,CAAC;QAC5C,KAAK,EAAG,CAAC,IAAI,EAAE,KAAK,IAAI,EAAE,CAAY,GAAG,CAAC;KAC3C,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/_esm/config/version.d.ts

@@ -1,2 +1,2 @@
 export declare const name = "@lifi/widget";
-export declare const version = "3.0.0-alpha.21";
+export declare const version = "3.0.0-alpha.22";

package/_esm/config/version.js

@@ -1,3 +1,3 @@
 export const name = '@lifi/widget';
-export const version = '3.0.0-alpha.21';
+export const version = '3.0.0-alpha.22';
 //# sourceMappingURL=version.js.map

package/_esm/hooks/useAvailableChains.js

@@ -3,16 +3,16 @@ import { useQuery } from '@tanstack/react-query';
 import { useCallback } from 'react';
 import { useHasExternalWalletProvider, useWidgetConfig } from '../providers';
 import { isItemAllowed } from '../utils';
+const supportedChainTypes = [ChainType.EVM, ChainType.SVM];
 export const useAvailableChains = () => {
     const { chains } = useWidgetConfig();
     const { providers } = useHasExternalWalletProvider();
     const { data, isLoading } = useQuery({
         queryKey: ['chains', providers, chains?.types],
         queryFn: async ({ queryKey: [, providers, chainTypes] }) => {
+            const chainTypesRequest = (providers.length > 0 ? providers : supportedChainTypes).filter((chainType) => isItemAllowed(chainType, chainTypes));
             const availableChains = await getChains({
-                chainTypes: (providers.length > 0
-                    ? providers
-                    : Object.values(ChainType)).filter((chainType) => isItemAllowed(chainType, chainTypes)),
+                chainTypes: chainTypesRequest,
             });
             config.setChains(availableChains);
             return availableChains;

package/_esm/hooks/useAvailableChains.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAvailableChains.js","sourceRoot":"","sources":["../../hooks/useAvailableChains.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,4BAA4B,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC7E,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEzC,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,EAAE;IACrC,MAAM,EAAE,MAAM,EAAE,GAAG,eAAe,EAAE,CAAC;IACrC,MAAM,EAAE,SAAS,EAAE,GAAG,4BAA4B,EAAE,CAAC;IACrD,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,QAAQ,CAAC;QACnC,QAAQ,EAAE,CAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,CAAU;QACvD,OAAO,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,SAAS,EAAE,UAAU,CAAC,EAAE,EAAE,EAAE;YACzD,MAAM,eAAe,GAAG,MAAM,SAAS,CAAC;gBACtC,UAAU,EAAE,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC;oBAC/B,CAAC,CAAC,SAAS;oBACX,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,CAC3B,CAAC,MAAM,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;aAC9D,CAAC,CAAC;YACH,MAAM,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC;YAClC,OAAO,eAAe,CAAC;QACzB,CAAC;QACD,eAAe,EAAE,MAAM;QACvB,SAAS,EAAE,MAAM;KAClB,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,OAAgB,EAAE,SAAsC,IAAI,EAAE,EAAE;QAC/D,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,OAAO;QACT,CAAC;QACD,MAAM,KAAK,GAAG,MAAM,EAAE,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,OAAO,CAAC,CAAC;QAC5D,gBAAgB;QAChB,+DAA+D;QAC/D,IAAI;QACJ,OAAO,KAAK,CAAC;IACf,CAAC,EACD,CAAC,IAAI,CAAC,CACP,CAAC;IAEF,OAAO;QACL,MAAM,EAAE,IAAI;QACZ,YAAY;QACZ,SAAS;KACV,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"useAvailableChains.js","sourceRoot":"","sources":["../../hooks/useAvailableChains.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,4BAA4B,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC7E,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEzC,MAAM,mBAAmB,GAAG,CAAC,SAAS,CAAC,GAAG,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;AAE3D,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,EAAE;IACrC,MAAM,EAAE,MAAM,EAAE,GAAG,eAAe,EAAE,CAAC;IACrC,MAAM,EAAE,SAAS,EAAE,GAAG,4BAA4B,EAAE,CAAC;IACrD,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,QAAQ,CAAC;QACnC,QAAQ,EAAE,CAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,CAAU;QACvD,OAAO,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,SAAS,EAAE,UAAU,CAAC,EAAE,EAAE,EAAE;YACzD,MAAM,iBAAiB,GAAG,CACxB,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,mBAAmB,CACvD,CAAC,MAAM,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC;YAE9D,MAAM,eAAe,GAAG,MAAM,SAAS,CAAC;gBACtC,UAAU,EAAE,iBAAiB;aAC9B,CAAC,CAAC;YACH,MAAM,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC;YAClC,OAAO,eAAe,CAAC;QACzB,CAAC;QACD,eAAe,EAAE,MAAM;QACvB,SAAS,EAAE,MAAM;KAClB,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,OAAgB,EAAE,SAAsC,IAAI,EAAE,EAAE;QAC/D,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,OAAO;QACT,CAAC;QACD,MAAM,KAAK,GAAG,MAAM,EAAE,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,OAAO,CAAC,CAAC;QAC5D,gBAAgB;QAChB,+DAA+D;QAC/D,IAAI;QACJ,OAAO,KAAK,CAAC;IACf,CAAC,EACD,CAAC,IAAI,CAAC,CACP,CAAC;IAEF,OAAO;QACL,MAAM,EAAE,IAAI;QACZ,YAAY;QACZ,SAAS;KACV,CAAC;AACJ,CAAC,CAAC"}

package/_esm/types/widget.d.ts

@@ -117,14 +117,6 @@ export interface WidgetConfig {
     } & AllowDeny<LanguageKey>;
     languageResources?: LanguageResources;
 }
-export type WidgetDrawerProps = {
-    elementRef?: RefObject<HTMLDivElement>;
-    open?: boolean;
-    /**
-     * Make sure to make the onClose callback stable (e.g. using useCallback) to avoid causing re-renders of the entire widget
-     */
-    onClose?(): void;
-};
 export interface WidgetConfigProps {
     config: WidgetConfig;
 }
@@ -132,3 +124,11 @@ export interface WidgetConfigPartialProps {
     config?: Partial<WidgetConfig>;
 }
 export type WidgetProps = WidgetDrawerProps & WidgetConfig & WidgetConfigPartialProps;
+export interface WidgetDrawerProps extends WidgetConfigPartialProps {
+    elementRef?: RefObject<HTMLDivElement>;
+    open?: boolean;
+    /**
+     * Make sure to make the onClose callback stable (e.g. using useCallback) to avoid causing re-renders of the entire widget
+     */
+    onClose?(): void;
+}

package/components/AccountAvatar.tsx

@@ -4,18 +4,13 @@ import { Avatar, Badge } from '@mui/material';
 import type { Account } from '../hooks';
 import { useChain } from '../hooks';
 import { SmallAvatar } from './SmallAvatar';
+import { AvatarDefault } from './TokenAvatar';
 
 interface AccountAvatarProps {
   chainId?: number;
   account?: Account;
 }
 
-const WalletAvatar = () => (
-  <Avatar>
-    <WalletIcon sx={{ fontSize: 20 }} />
-  </Avatar>
-);
-
 export const AccountAvatar = ({ chainId, account }: AccountAvatarProps) => {
   const { chain } = useChain(chainId);
 
@@ -30,7 +25,9 @@ export const AccountAvatar = ({ chainId, account }: AccountAvatarProps) => {
       {account.connector?.name[0]}
     </Avatar>
   ) : (
-    <WalletAvatar />
+    <AvatarDefault>
+      <WalletIcon sx={{ fontSize: 20 }} />
+    </AvatarDefault>
   );
 
   return chainId && chain?.logoURI ? (

package/components/TokenAvatar/TokenAvatar.style.tsx

@@ -17,6 +17,9 @@ export const TokenAvatarGroup = styled(AvatarGroup)(({ theme }) => ({
 export const AvatarDefault = styled(Box)(({ theme }) => {
   const root = theme.components?.MuiAvatar?.styleOverrides?.root as CSSObject;
   return {
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
     background:
       theme.palette.mode === 'light'
         ? theme.palette.grey[300]
@@ -24,6 +27,7 @@ export const AvatarDefault = styled(Box)(({ theme }) => {
     borderRadius: '50%',
     height: root?.height,
     width: root?.width,
+    color: theme.palette.text.secondary,
   };
 });
 

package/config/version.ts

@@ -1,2 +1,2 @@
 export const name = '@lifi/widget';
-export const version = '3.0.0-alpha.21';
+export const version = '3.0.0-alpha.22';

package/hooks/useAvailableChains.ts

@@ -5,17 +5,20 @@ import { useCallback } from 'react';
 import { useHasExternalWalletProvider, useWidgetConfig } from '../providers';
 import { isItemAllowed } from '../utils';
 
+const supportedChainTypes = [ChainType.EVM, ChainType.SVM];
+
 export const useAvailableChains = () => {
   const { chains } = useWidgetConfig();
   const { providers } = useHasExternalWalletProvider();
   const { data, isLoading } = useQuery({
     queryKey: ['chains', providers, chains?.types] as const,
     queryFn: async ({ queryKey: [, providers, chainTypes] }) => {
+      const chainTypesRequest = (
+        providers.length > 0 ? providers : supportedChainTypes
+      ).filter((chainType) => isItemAllowed(chainType, chainTypes));
+
       const availableChains = await getChains({
-        chainTypes: (providers.length > 0
-          ? providers
-          : Object.values(ChainType)
-        ).filter((chainType) => isItemAllowed(chainType, chainTypes)),
+        chainTypes: chainTypesRequest,
       });
       config.setChains(availableChains);
       return availableChains;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lifi/widget",
-  "version": "3.0.0-alpha.21",
+  "version": "3.0.0-alpha.22",
   "description": "LI.FI Widget for cross-chain bridging and swapping. It will drive your multi-chain strategy and attract new users from everywhere.",
   "type": "module",
   "main": "./_cjs/index.js",
@@ -35,8 +35,8 @@
   "dependencies": {
     "@emotion/react": "^11.11.3",
     "@emotion/styled": "^11.11.0",
-    "@lifi/sdk": "^3.0.0-alpha.53",
-    "@lifi/wallet-management": "^3.0.0-alpha.14",
+    "@lifi/sdk": "^3.0.0-alpha.54",
+    "@lifi/wallet-management": "^3.0.0-alpha.15",
     "@mui/icons-material": "^5.15.7",
     "@mui/lab": "^5.0.0-alpha.163",
     "@mui/material": "^5.15.7",
@@ -53,7 +53,7 @@
     "react-dom": "^18.2.0",
     "react-i18next": "^14.0.1",
     "react-intersection-observer": "^9.6.0",
-    "react-router-dom": "^6.21.3",
+    "react-router-dom": "^6.22.0",
     "react-timer-hook": "^3.0.7",
     "uuid": "^9.0.1",
     "viem": "^2.7.1",

package/types/widget.ts

@@ -167,15 +167,6 @@ export interface WidgetConfig {
   languageResources?: LanguageResources;
 }
 
-export type WidgetDrawerProps = {
-  elementRef?: RefObject<HTMLDivElement>;
-  open?: boolean;
-  /**
-   * Make sure to make the onClose callback stable (e.g. using useCallback) to avoid causing re-renders of the entire widget
-   */
-  onClose?(): void;
-};
-
 export interface WidgetConfigProps {
   config: WidgetConfig;
 }
@@ -187,3 +178,12 @@ export interface WidgetConfigPartialProps {
 export type WidgetProps = WidgetDrawerProps &
   WidgetConfig &
   WidgetConfigPartialProps;
+
+export interface WidgetDrawerProps extends WidgetConfigPartialProps {
+  elementRef?: RefObject<HTMLDivElement>;
+  open?: boolean;
+  /**
+   * Make sure to make the onClose callback stable (e.g. using useCallback) to avoid causing re-renders of the entire widget
+   */
+  onClose?(): void;
+}