@lifi/widget 3.7.0-beta.6 → 3.7.0

package/_esm/providers/WalletProvider/UTXOBaseProvider.js

@@ -1,17 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { BigmiProvider, createDefaultBigmiConfig, useReconnect, } from '@lifi/wallet-management';
-import { useRef } from 'react';
-export const UTXOBaseProvider = ({ children }) => {
-    const bigmi = useRef();
-    if (!bigmi.current) {
-        bigmi.current = createDefaultBigmiConfig({
-            bigmiConfig: {
-                ssr: true,
-                multiInjectedProviderDiscovery: false,
-            },
-        });
-    }
-    useReconnect(bigmi.current.config);
-    return (_jsx(BigmiProvider, { config: bigmi.current.config, reconnectOnMount: false, children: children }));
-};
-//# sourceMappingURL=UTXOBaseProvider.js.map

package/_esm/providers/WalletProvider/UTXOBaseProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"UTXOBaseProvider.js","sourceRoot":"","sources":["../../../providers/WalletProvider/UTXOBaseProvider.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,aAAa,EACb,wBAAwB,EACxB,YAAY,GACb,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,MAAM,EAAmC,MAAM,OAAO,CAAC;AAEhE,MAAM,CAAC,MAAM,gBAAgB,GAA0B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACtE,MAAM,KAAK,GAAG,MAAM,EAA4B,CAAC;IAEjD,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;QACnB,KAAK,CAAC,OAAO,GAAG,wBAAwB,CAAC;YACvC,WAAW,EAAE;gBACX,GAAG,EAAE,IAAI;gBACT,8BAA8B,EAAE,KAAK;aACtC;SACF,CAAC,CAAC;IACL,CAAC;IAED,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;IAEnC,OAAO,CACL,KAAC,aAAa,IAAC,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,EAAE,gBAAgB,EAAE,KAAK,YACjE,QAAQ,GACK,CACjB,CAAC;AACJ,CAAC,CAAC"}

package/_esm/providers/WalletProvider/UTXOExternalContext.d.ts

@@ -1 +0,0 @@
-export declare const UTXOExternalContext: import("react").Context<boolean>;

package/_esm/providers/WalletProvider/UTXOExternalContext.js

@@ -1,3 +0,0 @@
-import { createContext } from 'react';
-export const UTXOExternalContext = createContext(false);
-//# sourceMappingURL=UTXOExternalContext.js.map

package/_esm/providers/WalletProvider/UTXOExternalContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"UTXOExternalContext.js","sourceRoot":"","sources":["../../../providers/WalletProvider/UTXOExternalContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,MAAM,CAAC,MAAM,mBAAmB,GAAG,aAAa,CAAU,KAAK,CAAC,CAAC"}

package/_esm/providers/WalletProvider/UTXOProvider.d.ts

@@ -1,3 +0,0 @@
-import { type FC, type PropsWithChildren } from 'react';
-export declare function useInBigmiContext(): boolean;
-export declare const UTXOProvider: FC<PropsWithChildren>;

package/_esm/providers/WalletProvider/UTXOProvider.js

@@ -1,18 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { ChainType } from '@lifi/sdk';
-import { BigmiContext } from '@lifi/wallet-management';
-import { useContext } from 'react';
-import { isItemAllowed } from '../../utils/item.js';
-import { useWidgetConfig } from '../WidgetProvider/WidgetProvider.js';
-import { UTXOBaseProvider } from './UTXOBaseProvider.js';
-import { UTXOExternalContext } from './UTXOExternalContext.js';
-export function useInBigmiContext() {
-    const { chains } = useWidgetConfig();
-    const context = useContext(BigmiContext);
-    return Boolean(context) && isItemAllowed(ChainType.UTXO, chains?.types);
-}
-export const UTXOProvider = ({ children }) => {
-    const inBigmiContext = useInBigmiContext();
-    return inBigmiContext ? (_jsx(UTXOExternalContext.Provider, { value: inBigmiContext, children: children })) : (_jsx(UTXOBaseProvider, { children: children }));
-};
-//# sourceMappingURL=UTXOProvider.js.map

package/_esm/providers/WalletProvider/UTXOProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"UTXOProvider.js","sourceRoot":"","sources":["../../../providers/WalletProvider/UTXOProvider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,UAAU,EAAmC,MAAM,OAAO,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAC;AACtE,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAE/D,MAAM,UAAU,iBAAiB;IAC/B,MAAM,EAAE,MAAM,EAAE,GAAG,eAAe,EAAE,CAAC;IACrC,MAAM,OAAO,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IAEzC,OAAO,OAAO,CAAC,OAAO,CAAC,IAAI,aAAa,CAAC,SAAS,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;AAC1E,CAAC;AAED,MAAM,CAAC,MAAM,YAAY,GAA0B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IAClE,MAAM,cAAc,GAAG,iBAAiB,EAAE,CAAC;IAE3C,OAAO,cAAc,CAAC,CAAC,CAAC,CACtB,KAAC,mBAAmB,CAAC,QAAQ,IAAC,KAAK,EAAE,cAAc,YAChD,QAAQ,GACoB,CAChC,CAAC,CAAC,CAAC,CACF,KAAC,gBAAgB,cAAE,QAAQ,GAAoB,CAChD,CAAC;AACJ,CAAC,CAAC"}

package/components/Avatar/SmallAvatar.tsx

@@ -1,16 +0,0 @@
-import { Avatar, Skeleton, styled } from '@mui/material';
-import { AvatarSkeletonContainer } from './Avatar.style.js';
-
-export const SmallAvatar = styled(Avatar)(({ theme }) => ({
-  background: theme.palette.background.paper,
-  width: 16,
-  height: 16,
-}));
-
-export const SmallAvatarSkeleton = () => {
-  return (
-    <AvatarSkeletonContainer>
-      <Skeleton width={16} height={16} variant="circular" />
-    </AvatarSkeletonContainer>
-  );
-};

package/components/Header/DisconnectIconButton.tsx

@@ -1,18 +0,0 @@
-import { useAccountDisconnect, type Account } from '@lifi/wallet-management';
-import { PowerSettingsNewRounded } from '@mui/icons-material';
-import { IconButton } from '@mui/material';
-
-export const DisconnectIconButton = ({ account }: { account: Account }) => {
-  const disconnect = useAccountDisconnect();
-  return (
-    <IconButton
-      size="medium"
-      onClick={async (e) => {
-        e.stopPropagation();
-        await disconnect(account);
-      }}
-    >
-      <PowerSettingsNewRounded />
-    </IconButton>
-  );
-};

package/hooks/useHeaderHeight.ts

@@ -1,27 +0,0 @@
-import { useHasExternalWalletProvider } from '../providers/WalletProvider/useHasExternalWalletProvider.js';
-import { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js';
-
-export const minHeaderHeight = 64;
-export const maxHeaderHeight = 108;
-export const maxHeaderHeightSubvariantSplit = 136;
-
-// We use fixed position on the header when Widget is in Full Height layout.
-// We do this to get it to work like the sticky header does in the other layout modes.
-// As the header is position fixed its not in the document flow anymore.
-// To prevent the remaining page content from appearing behind the header we need to
-// pass the headers height so that the position of the page content can be adjusted
-export const useHeaderHeight = () => {
-  const { hiddenUI, subvariant } = useWidgetConfig();
-  const { hasExternalProvider } = useHasExternalWalletProvider();
-
-  const headerHeight =
-    subvariant === 'split'
-      ? maxHeaderHeightSubvariantSplit
-      : hiddenUI?.includes('walletMenu') || hasExternalProvider
-        ? minHeaderHeight
-        : maxHeaderHeight;
-
-  return {
-    headerHeight,
-  };
-};

package/providers/WalletProvider/UTXOBaseProvider.tsx

@@ -1,28 +0,0 @@
-import type { DefaultWagmiConfigResult } from '@lifi/wallet-management';
-import {
-  BigmiProvider,
-  createDefaultBigmiConfig,
-  useReconnect,
-} from '@lifi/wallet-management';
-import { useRef, type FC, type PropsWithChildren } from 'react';
-
-export const UTXOBaseProvider: FC<PropsWithChildren> = ({ children }) => {
-  const bigmi = useRef<DefaultWagmiConfigResult>();
-
-  if (!bigmi.current) {
-    bigmi.current = createDefaultBigmiConfig({
-      bigmiConfig: {
-        ssr: true,
-        multiInjectedProviderDiscovery: false,
-      },
-    });
-  }
-
-  useReconnect(bigmi.current.config);
-
-  return (
-    <BigmiProvider config={bigmi.current.config} reconnectOnMount={false}>
-      {children}
-    </BigmiProvider>
-  );
-};

package/providers/WalletProvider/UTXOExternalContext.ts

@@ -1,3 +0,0 @@
-import { createContext } from 'react';
-
-export const UTXOExternalContext = createContext<boolean>(false);

package/providers/WalletProvider/UTXOProvider.tsx

@@ -1,26 +0,0 @@
-import { ChainType } from '@lifi/sdk';
-import { BigmiContext } from '@lifi/wallet-management';
-import { useContext, type FC, type PropsWithChildren } from 'react';
-import { isItemAllowed } from '../../utils/item.js';
-import { useWidgetConfig } from '../WidgetProvider/WidgetProvider.js';
-import { UTXOBaseProvider } from './UTXOBaseProvider.js';
-import { UTXOExternalContext } from './UTXOExternalContext.js';
-
-export function useInBigmiContext(): boolean {
-  const { chains } = useWidgetConfig();
-  const context = useContext(BigmiContext);
-
-  return Boolean(context) && isItemAllowed(ChainType.UTXO, chains?.types);
-}
-
-export const UTXOProvider: FC<PropsWithChildren> = ({ children }) => {
-  const inBigmiContext = useInBigmiContext();
-
-  return inBigmiContext ? (
-    <UTXOExternalContext.Provider value={inBigmiContext}>
-      {children}
-    </UTXOExternalContext.Provider>
-  ) : (
-    <UTXOBaseProvider>{children}</UTXOBaseProvider>
-  );
-};