@lifi/widget 3.0.0-alpha.24 → 3.0.0-alpha.26

package/stores/settings/types.ts

@@ -2,7 +2,7 @@ import type { Order } from '@lifi/sdk';
 import type { PropsWithChildren } from 'react';
 import type { StoreApi } from 'zustand';
 import type { UseBoundStoreWithEqualityFn } from 'zustand/traditional';
-import type { Appearance } from '../../types';
+import type { Appearance, SplitSubvariantOptions } from '../../types/widget.js';
 
 export type ValueSetter<S> = <K extends keyof S>(
   key: K,
@@ -53,8 +53,6 @@ export interface SendToWalletStore extends SendToWalletState {
   setSendToWallet(value: boolean): void;
 }
 
-export type SplitSubvariantOptions = 'bridge' | 'swap';
-
 export interface SplitSubvariantState {
   state?: SplitSubvariantOptions;
   setState(state: SplitSubvariantOptions): void;

package/stores/settings/useAppearance.ts

@@ -1,6 +1,6 @@
 import { shallow } from 'zustand/shallow';
-import type { Appearance } from '../../types';
-import { useSettingsStore } from './useSettingsStore';
+import type { Appearance } from '../../types/widget.js';
+import { useSettingsStore } from './useSettingsStore.js';
 
 export const useAppearance = (): [
   Appearance,

package/stores/settings/useSendToWalletStore.ts

@@ -1,5 +1,5 @@
 import { createWithEqualityFn } from 'zustand/traditional';
-import type { SendToWalletStore } from './types';
+import type { SendToWalletStore } from './types.js';
 
 export const useSendToWalletStore = createWithEqualityFn<SendToWalletStore>(
   (set) => ({

package/stores/settings/useSettings.ts

@@ -1,6 +1,6 @@
 import { shallow } from 'zustand/shallow';
-import type { SettingsState } from '.';
-import { useSettingsStore } from './useSettingsStore';
+import type { SettingsState } from './types.js';
+import { useSettingsStore } from './useSettingsStore.js';
 
 export const useSettings = <K extends keyof SettingsState>(
   keys: Array<K>,

package/stores/settings/useSettingsStore.ts

@@ -1,9 +1,9 @@
 import type { StateCreator } from 'zustand';
 import { persist } from 'zustand/middleware';
 import { createWithEqualityFn } from 'zustand/traditional';
-import type { WidgetConfig } from '../../types';
-import type { SettingsProps, SettingsState } from './types';
-import { SettingsToolTypes } from './types';
+import type { WidgetConfig } from '../../types/widget.js';
+import type { SettingsProps, SettingsState } from './types.js';
+import { SettingsToolTypes } from './types.js';
 
 export const defaultSlippage = '0.5';
 

package/stores/settings/useSplitSubvariantStore.tsx

@@ -5,7 +5,7 @@ import type {
   SplitSubvariantProviderProps,
   SplitSubvariantState,
   SplitSubvariantStore,
-} from './types';
+} from './types.js';
 
 export const SplitSubvariantStoreContext =
   createContext<SplitSubvariantStore | null>(null);

package/types/index.ts

@@ -1,3 +1,3 @@
-export * from './events';
-export * from './token';
-export * from './widget';
+export * from './events.js';
+export * from './token.js';
+export * from './widget.js';

package/types/widget.ts

@@ -14,18 +14,20 @@ import type {
   Shape,
   Theme,
 } from '@mui/material';
-import type { TypographyOptions } from '@mui/material/styles/createTypography';
+import type { TypographyOptions } from '@mui/material/styles/createTypography.js';
 import type {
   CoinbaseWalletParameters,
   WalletConnectParameters,
 } from '@wagmi/connectors';
 import type { CSSProperties, ReactNode, RefObject } from 'react';
-import type { LanguageKey, LanguageResources } from '../providers';
-import type { SplitSubvariantOptions } from '../stores';
+import type {
+  LanguageKey,
+  LanguageResources,
+} from '../providers/I18nProvider/types.js';
 
 export type WidgetVariant = 'default' | 'expandable' | 'drawer';
-
 export type WidgetSubvariant = 'default' | 'split' | 'nft' | 'refuel';
+export type SplitSubvariantOptions = 'bridge' | 'swap';
 
 export enum DisabledUI {
   FromAmount = 'fromAmount',

package/utils/chainType.ts

@@ -1,6 +1,6 @@
 import { ChainId, ChainType } from '@lifi/sdk';
 import { isAddress as isEVMAddress } from 'viem';
-import { isSVMAddress } from './svm';
+import { isSVMAddress } from './svm.js';
 
 const chainTypeAddressValidation = {
   [ChainType.EVM]: isEVMAddress,

package/utils/colors.ts

@@ -1,6 +1,5 @@
 import type { PaletteMode, Theme } from '@mui/material';
-import { common } from '@mui/material/colors';
-import { alpha, getContrastRatio } from '@mui/material/styles';
+import { alpha } from '@mui/material';
 
 export const getContrastAlphaColor = (
   mode: PaletteMode,
@@ -8,11 +7,6 @@ export const getContrastAlphaColor = (
 ) =>
   mode === 'light' ? `rgb(0 0 0 / ${alpha})` : `rgb(255 255 255 / ${alpha})`;
 
-export const getContrastTextColor = (theme: Theme, background?: string) =>
-  getContrastRatio(common.white, background ?? theme.palette.primary.main) >= 3
-    ? common.white
-    : common.black;
-
 export const getWarningBackgroundColor = (theme: Theme) =>
   theme.palette.mode === 'light'
     ? alpha(theme.palette.warning.main, 0.32)

package/utils/converters.ts

@@ -9,7 +9,7 @@ import type {
   ToolsResponse,
 } from '@lifi/sdk';
 import { formatUnits } from 'viem';
-import type { RouteExecution } from '../stores';
+import type { RouteExecution } from '../stores/routes/types.js';
 
 const buildProcessFromTxHistory = (tx: FullStatusData): Process[] => {
   const sending = tx.sending as ExtendedTransactionInfo;

package/utils/index.ts

@@ -1,12 +1,12 @@
-export * from './chainType';
-export * from './colors';
-export * from './deepMerge';
-export * from './elements';
-export * from './enum';
-export * from './fees';
-export * from './format';
-export * from './input';
-export * from './item';
-export * from './navigationRoutes';
-export * from './svm';
-export * from './wallet';
+export * from './chainType.js';
+export * from './colors.js';
+export * from './deepMerge.js';
+export * from './elements.js';
+export * from './enum.js';
+export * from './fees.js';
+export * from './format.js';
+export * from './input.js';
+export * from './item.js';
+export * from './navigationRoutes.js';
+export * from './svm.js';
+export * from './wallet.js';

package/utils/item.ts

@@ -1,4 +1,4 @@
-import type { AllowDeny } from '../types';
+import type { AllowDeny } from '../types/widget.js';
 
 export const isItemAllowed = <T>(itemId: T, items?: AllowDeny<T>) => {
   if (items?.allow?.length) {

package/_esm/providers/index.d.ts

@@ -1,4 +0,0 @@
-export * from './I18nProvider';
-export * from './ThemeProvider';
-export * from './WalletProvider';
-export * from './WidgetProvider';

package/_esm/providers/index.js

@@ -1,5 +0,0 @@
-export * from './I18nProvider';
-export * from './ThemeProvider';
-export * from './WalletProvider';
-export * from './WidgetProvider';
-//# sourceMappingURL=index.js.map

package/_esm/providers/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../providers/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC"}

package/_esm/stores/index.d.ts

@@ -1,7 +0,0 @@
-export * from './StoreProvider';
-export * from './chains';
-export * from './header';
-export * from './routes';
-export * from './settings';
-export * from './form';
-export * from './bookmarks';

package/_esm/stores/index.js

@@ -1,8 +0,0 @@
-export * from './StoreProvider';
-export * from './chains';
-export * from './header';
-export * from './routes';
-export * from './settings';
-export * from './form';
-export * from './bookmarks';
-//# sourceMappingURL=index.js.map

package/_esm/stores/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../stores/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC"}

package/providers/index.ts

@@ -1,4 +0,0 @@
-export * from './I18nProvider';
-export * from './ThemeProvider';
-export * from './WalletProvider';
-export * from './WidgetProvider';

package/stores/index.ts

@@ -1,7 +0,0 @@
-export * from './StoreProvider';
-export * from './chains';
-export * from './header';
-export * from './routes';
-export * from './settings';
-export * from './form';
-export * from './bookmarks';