@rango-dev/widget-embedded 0.17.1-next.3 → 0.17.1-next.30

package/dist/store/meta.d.ts

@@ -1,23 +0,0 @@
-import type { TokenWithBalance } from '../components/TokenList';
-import type { MetaResponse } from 'rango-sdk';
-export type LoadingStatus = 'loading' | 'success' | 'failed';
-export interface MetaState {
-    meta: MetaResponse & {
-        tokens: TokenWithBalance[];
-    };
-    loadingStatus: LoadingStatus;
-    fetchMeta: () => Promise<void>;
-}
-export declare const useMetaStore: {
-    (): MetaState;
-    <U>(selector: (state: MetaState) => U, equals?: ((a: U, b: U) => boolean) | undefined): U;
-} & import("zustand").StoreApi<MetaState> & {
-    use: {
-        meta: () => MetaResponse & {
-            tokens: TokenWithBalance[];
-        };
-        loadingStatus: () => LoadingStatus;
-        fetchMeta: () => () => Promise<void>;
-    };
-};
-//# sourceMappingURL=meta.d.ts.map

package/dist/store/meta.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../src/store/meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAO9C,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAE7D,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,YAAY,GAAG;QAAE,MAAM,EAAE,gBAAgB,EAAE,CAAA;KAAE,CAAC;IACpD,aAAa,EAAE,aAAa,CAAC;IAC7B,SAAS,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAChC;AAED,eAAO,MAAM,YAAY;;;;;;oBALQ,gBAAgB,EAAE;;;+BAEhC,QAAQ,IAAI,CAAC;;CAyB/B,CAAC"}

package/dist/store/settings.d.ts

@@ -1,81 +0,0 @@
-import { type Language } from '@rango-dev/ui';
-export type ThemeMode = 'auto' | 'dark' | 'light';
-export interface SettingsState {
-    /** Keeping a history of blockchains that user has selected (in Swap process) */
-    preferredBlockchains: string[];
-    slippage: number;
-    customSlippage: number | null;
-    infiniteApprove: boolean;
-    disabledLiquiditySources: string[];
-    theme: ThemeMode;
-    language: Language;
-    affiliateRef: string | null;
-    affiliatePercent: number | null;
-    affiliateWallets: {
-        [key: string]: string;
-    } | null;
-    setSlippage: (slippage: number) => void;
-    setCustomSlippage: (customSlippage: number | null) => void;
-    toggleInfiniteApprove: () => void;
-    toggleLiquiditySource: (name: string) => void;
-    setTheme: (theme: ThemeMode) => void;
-    setLanguage: (language: Language) => void;
-    toggleAllLiquiditySources: (shouldReset?: boolean) => void;
-    setAffiliateRef: (affiliateRef: string | null) => void;
-    setAffiliatePercent: (affiliatePercent: number | null) => void;
-    setAffiliateWallets: (affiliateWallets: {
-        [key: string]: string;
-    } | null) => void;
-    addPreferredBlockchain: (blockchain: string) => void;
-}
-export declare const useSettingsStore: {
-    (): SettingsState;
-    <U>(selector: (state: SettingsState) => U, equals?: ((a: U, b: U) => boolean) | undefined): U;
-} & Omit<Omit<import("zustand").StoreApi<SettingsState>, "persist"> & {
-    persist: {
-        setOptions: (options: Partial<import("zustand/middleware").PersistOptions<SettingsState, SettingsState>>) => void;
-        clearStorage: () => void;
-        rehydrate: () => void | Promise<void>;
-        hasHydrated: () => boolean;
-        onHydrate: (fn: (state: SettingsState) => void) => () => void;
-        onFinishHydration: (fn: (state: SettingsState) => void) => () => void;
-        getOptions: () => Partial<import("zustand/middleware").PersistOptions<SettingsState, SettingsState>>;
-    };
-}, "subscribe"> & {
-    subscribe: {
-        (listener: (selectedState: SettingsState, previousSelectedState: SettingsState) => void): () => void;
-        <U_1>(selector: (state: SettingsState) => U_1, listener: (selectedState: U_1, previousSelectedState: U_1) => void, options?: {
-            equalityFn?: ((a: U_1, b: U_1) => boolean) | undefined;
-            fireImmediately?: boolean | undefined;
-        } | undefined): () => void;
-    };
-} & {
-    use: {
-        preferredBlockchains: () => string[];
-        slippage: () => number;
-        customSlippage: () => number | null;
-        infiniteApprove: () => boolean;
-        disabledLiquiditySources: () => string[];
-        theme: () => ThemeMode;
-        language: () => "en" | "es" | "ja" | "fr";
-        affiliateRef: () => string | null;
-        affiliatePercent: () => number | null;
-        affiliateWallets: () => {
-            [key: string]: string;
-        } | null;
-        setSlippage: () => (slippage: number) => void;
-        setCustomSlippage: () => (customSlippage: number | null) => void;
-        toggleInfiniteApprove: () => () => void;
-        toggleLiquiditySource: () => (name: string) => void;
-        setTheme: () => (theme: ThemeMode) => void;
-        setLanguage: () => (language: Language) => void;
-        toggleAllLiquiditySources: () => (shouldReset?: boolean) => void;
-        setAffiliateRef: () => (affiliateRef: string | null) => void;
-        setAffiliatePercent: () => (affiliatePercent: number | null) => void;
-        setAffiliateWallets: () => (affiliateWallets: {
-            [key: string]: string;
-        } | null) => void;
-        addPreferredBlockchain: () => (blockchain: string) => void;
-    };
-};
-//# sourceMappingURL=settings.d.ts.map

package/dist/store/settings.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"settings.d.ts","sourceRoot":"","sources":["../../src/store/settings.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,eAAe,CAAC;AAY9C,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;AAElD,MAAM,WAAW,aAAa;IAC5B,gFAAgF;IAChF,oBAAoB,EAAE,MAAM,EAAE,CAAC;IAC/B,QAAQ,EAAE,MAAM,CAAC;IACjB,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,eAAe,EAAE,OAAO,CAAC;IACzB,wBAAwB,EAAE,MAAM,EAAE,CAAC;IACnC,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,QAAQ,CAAC;IACnB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,gBAAgB,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IAEnD,WAAW,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,iBAAiB,EAAE,CAAC,cAAc,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC3D,qBAAqB,EAAE,MAAM,IAAI,CAAC;IAClC,qBAAqB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IACrC,WAAW,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAC;IAC1C,yBAAyB,EAAE,CAAC,WAAW,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3D,eAAe,EAAE,CAAC,YAAY,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACvD,mBAAmB,EAAE,CAAC,gBAAgB,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC/D,mBAAmB,EAAE,CACnB,gBAAgB,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,GAAG,IAAI,KAC/C,IAAI,CAAC;IACV,sBAAsB,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;CACtD;AAED,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCAfH,MAAM,KAAK,IAAI;kDACH,MAAM,GAAG,IAAI,KAAK,IAAI;2CAC7B,IAAI;4CACH,MAAM,KAAK,IAAI;gCAC3B,SAAS,KAAK,IAAI;sCACZ,QAAQ,KAAK,IAAI;wDACC,OAAO,KAAK,IAAI;8CAC1B,MAAM,GAAG,IAAI,KAAK,IAAI;sDACd,MAAM,GAAG,IAAI,KAAK,IAAI;;;qBAGzD,IAAI;mDAC4B,MAAM,KAAK,IAAI;;CAsHrD,CAAC"}

package/src/Widget.tsx

@@ -1,119 +0,0 @@
-import type { WidgetConfig } from './types';
-import type { WalletType } from '@rango-dev/wallets-shared';
-import type { PropsWithChildren } from 'react';
-
-import { I18nManager, styled } from '@rango-dev/ui';
-import React, { useContext, useEffect, useMemo, useState } from 'react';
-
-import { AppRouter } from './components/AppRouter';
-import { AppRoutes } from './components/AppRoutes';
-import { WidgetEvents } from './components/WidgetEvents';
-import { globalFont } from './globalStyles';
-import { useLanguage } from './hooks/useLanguage';
-import { useTheme } from './hooks/useTheme';
-import QueueManager from './QueueManager';
-import { useAppStore } from './store/app';
-import { useMetaStore } from './store/meta';
-import { useNotificationStore } from './store/notification';
-import { useSettingsStore } from './store/settings';
-import { initConfig } from './utils/configs';
-import { WidgetContext, WidgetWallets } from './Wallets';
-
-const MainContainer = styled('div', {
-  width: '100%',
-  display: 'flex',
-  justifyContent: 'center',
-  alignItems: 'center',
-  fontFamily: '$widget',
-  boxSizing: 'border-box',
-  '& *, *::before, *::after': {
-    boxSizing: 'inherit',
-    listStyleType: 'none',
-  },
-  '& *:focus-visible': {
-    outlineColor: '$info500',
-    transition: 'none',
-  },
-});
-
-export type WidgetProps = {
-  config?: WidgetConfig;
-};
-
-export function Main(props: PropsWithChildren<WidgetProps>) {
-  const { config } = props;
-  globalFont();
-
-  const { activeTheme } = useTheme(config?.theme || {});
-  const { activeLanguage, changeLanguage } = useLanguage();
-
-  const [lastConnectedWalletWithNetwork, setLastConnectedWalletWithNetwork] =
-    useState<string>('');
-  const [disconnectedWallet, setDisconnectedWallet] = useState<WalletType>();
-  const widgetContext = useContext(WidgetContext);
-  const fetchMeta = useMetaStore.use.fetchMeta();
-
-  useMemo(() => {
-    if (config?.apiKey) {
-      initConfig({
-        API_KEY: config?.apiKey,
-      });
-    }
-  }, [config]);
-
-  useEffect(() => {
-    void fetchMeta();
-    void useSettingsStore.persist.rehydrate();
-    void useNotificationStore.persist.rehydrate();
-    widgetContext.onConnectWallet(setLastConnectedWalletWithNetwork);
-  }, []);
-
-  useEffect(() => {
-    if (config?.language) {
-      changeLanguage(config.language);
-    }
-  }, [config?.language]);
-
-  return (
-    <I18nManager language={activeLanguage}>
-      <MainContainer id="swap-container" className={activeTheme()}>
-        <QueueManager>
-          <WidgetEvents />
-          <AppRouter
-            config={config}
-            lastConnectedWallet={lastConnectedWalletWithNetwork}
-            disconnectedWallet={disconnectedWallet}
-            clearDisconnectedWallet={() => {
-              setDisconnectedWallet(undefined);
-            }}>
-            <AppRoutes config={config} />
-          </AppRouter>
-        </QueueManager>
-      </MainContainer>
-    </I18nManager>
-  );
-}
-
-export function Widget(props: PropsWithChildren<WidgetProps>) {
-  const { updateConfig, config } = useAppStore();
-  useEffect(() => {
-    if (props.config) {
-      updateConfig(props.config);
-    }
-  }, [props.config]);
-
-  if (!props.config?.externalWallets) {
-    return (
-      <WidgetWallets
-        providers={config?.wallets}
-        options={{
-          walletConnectProjectId:
-            config?.walletConnectProjectId ||
-            props.config?.walletConnectProjectId,
-        }}>
-        <Main {...props} />
-      </WidgetWallets>
-    );
-  }
-  return <Main {...props} />;
-}

package/src/store/meta.ts

@@ -1,39 +0,0 @@
-import type { TokenWithBalance } from '../components/TokenList';
-import type { MetaResponse } from 'rango-sdk';
-
-import { create } from 'zustand';
-
-import { useAppStore } from './app';
-import createSelectors from './selectors';
-
-export type LoadingStatus = 'loading' | 'success' | 'failed';
-
-export interface MetaState {
-  meta: MetaResponse & { tokens: TokenWithBalance[] };
-  loadingStatus: LoadingStatus;
-  fetchMeta: () => Promise<void>;
-}
-
-export const useMetaStore = createSelectors(
-  create<MetaState>()((set) => ({
-    meta: { blockchains: [], popularTokens: [], swappers: [], tokens: [] },
-    loadingStatus: 'loading',
-    fetchMeta: async () => {
-      try {
-        await useAppStore.getState().fetch();
-
-        const state = useAppStore.getState();
-        const response: MetaResponse = {
-          blockchains: state.blockchains(),
-          tokens: state.tokens(),
-          popularTokens: state._popularTokens,
-          swappers: state._swappers,
-        };
-
-        set({ meta: response, loadingStatus: 'success' });
-      } catch (error) {
-        set({ loadingStatus: 'failed' });
-      }
-    },
-  }))
-);

package/src/store/settings.ts

@@ -1,158 +0,0 @@
-import { type Language } from '@rango-dev/ui';
-import { create } from 'zustand';
-import { persist, subscribeWithSelector } from 'zustand/middleware';
-
-import { BLOCKCHAIN_LIST_SIZE } from '../constants/configs';
-import { DEFAULT_LANGUAGE } from '../constants/languages';
-import { DEFAULT_SLIPPAGE } from '../constants/swapSettings';
-import { removeDuplicateFrom } from '../utils/common';
-
-import { useMetaStore } from './meta';
-import createSelectors from './selectors';
-
-export type ThemeMode = 'auto' | 'dark' | 'light';
-
-export interface SettingsState {
-  /** Keeping a history of blockchains that user has selected (in Swap process) */
-  preferredBlockchains: string[];
-  slippage: number;
-  customSlippage: number | null;
-  infiniteApprove: boolean;
-  disabledLiquiditySources: string[];
-  theme: ThemeMode;
-  language: Language;
-  affiliateRef: string | null;
-  affiliatePercent: number | null;
-  affiliateWallets: { [key: string]: string } | null;
-
-  setSlippage: (slippage: number) => void;
-  setCustomSlippage: (customSlippage: number | null) => void;
-  toggleInfiniteApprove: () => void;
-  toggleLiquiditySource: (name: string) => void;
-  setTheme: (theme: ThemeMode) => void;
-  setLanguage: (language: Language) => void;
-  toggleAllLiquiditySources: (shouldReset?: boolean) => void;
-  setAffiliateRef: (affiliateRef: string | null) => void;
-  setAffiliatePercent: (affiliatePercent: number | null) => void;
-  setAffiliateWallets: (
-    affiliateWallets: { [key: string]: string } | null
-  ) => void;
-  addPreferredBlockchain: (blockchain: string) => void;
-}
-
-export const useSettingsStore = createSelectors(
-  create<SettingsState>()(
-    persist(
-      subscribeWithSelector((set, get) => ({
-        preferredBlockchains: [],
-        slippage: DEFAULT_SLIPPAGE,
-        customSlippage: null,
-        infiniteApprove: false,
-        affiliateRef: null,
-        affiliatePercent: null,
-        affiliateWallets: null,
-        disabledLiquiditySources: [],
-        theme: 'auto',
-        language: DEFAULT_LANGUAGE,
-        addPreferredBlockchain: (blockchain) => {
-          const currentPreferredBlockchains = get().preferredBlockchains;
-
-          const noNeedToDoAnything = currentPreferredBlockchains.find(
-            (preferredBlockchain, index) => {
-              const isSameBlockchain = preferredBlockchain === blockchain;
-              const isInVisibleList = index <= BLOCKCHAIN_LIST_SIZE - 1;
-
-              return isSameBlockchain && isInVisibleList;
-            }
-          );
-
-          if (noNeedToDoAnything) {
-            return;
-          }
-
-          const nextPreferredBlockchains: string[] =
-            currentPreferredBlockchains.filter((preferredBlockchain) => {
-              const isSameBlockchain = preferredBlockchain === blockchain;
-
-              return !isSameBlockchain;
-            });
-
-          set(() => ({
-            preferredBlockchains: [blockchain, ...nextPreferredBlockchains],
-          }));
-        },
-        setSlippage: (slippage) =>
-          set(() => ({
-            slippage: slippage,
-          })),
-        setCustomSlippage: (customSlippage) =>
-          set(() => ({
-            customSlippage: customSlippage,
-          })),
-        setAffiliateRef: (affiliateRef) =>
-          set(() => ({
-            affiliateRef,
-          })),
-        setAffiliatePercent: (affiliatePercent) =>
-          set(() => ({
-            affiliatePercent,
-          })),
-
-        setAffiliateWallets: (affiliateWallets) =>
-          set(() => ({
-            affiliateWallets,
-          })),
-        toggleAllLiquiditySources: (shouldReset?: boolean) =>
-          set((state) => {
-            if (shouldReset) {
-              return { disabledLiquiditySources: [] };
-            }
-            const { swappers } = useMetaStore.getState().meta;
-            const swappersGroup = removeDuplicateFrom(
-              swappers.map((swapper) => swapper.swapperGroup)
-            );
-
-            if (
-              swappersGroup.length === state.disabledLiquiditySources.length
-            ) {
-              return { disabledLiquiditySources: [] };
-            }
-
-            return {
-              disabledLiquiditySources: swappersGroup,
-            };
-          }),
-        toggleInfiniteApprove: () =>
-          set((state) => ({
-            infiniteApprove: !state.infiniteApprove,
-          })),
-        toggleLiquiditySource: (name) =>
-          set((state) => {
-            if (state.disabledLiquiditySources.includes(name)) {
-              return {
-                disabledLiquiditySources: state.disabledLiquiditySources.filter(
-                  (liquiditySource) => liquiditySource != name
-                ),
-              };
-            }
-            return {
-              disabledLiquiditySources:
-                state.disabledLiquiditySources.concat(name),
-            };
-          }),
-        setTheme: (theme) =>
-          set(() => ({
-            theme,
-          })),
-        setLanguage: (language) =>
-          set(() => ({
-            language,
-          })),
-      })),
-      {
-        name: 'user-settings',
-        skipHydration: true,
-      }
-    )
-  )
-);