@rango-dev/widget-embedded 0.20.1-next.21 → 0.20.1-next.22

package/dist/store/ui.d.ts

@@ -1,22 +0,0 @@
-interface UiState {
-    connectWalletsButtonDisabled: boolean;
-    selectedSwapRequestId: string | null;
-    currentPage: string;
-    setSelectedSwap: (requestId: string | null) => void;
-    setCurrentPage: (path: string) => void;
-}
-export declare const useUiStore: {
-    (): UiState;
-    <U>(selector: (state: UiState) => U): U;
-    <U_1>(selector: (state: UiState) => U_1, equalityFn: (a: U_1, b: U_1) => boolean): U_1;
-} & import("zustand").StoreApi<UiState> & {
-    use: {
-        connectWalletsButtonDisabled: () => boolean;
-        selectedSwapRequestId: () => string | null;
-        currentPage: () => string;
-        setSelectedSwap: () => (requestId: string | null) => void;
-        setCurrentPage: () => (path: string) => void;
-    };
-};
-export {};
-//# sourceMappingURL=ui.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ui.d.ts","sourceRoot":"","sources":["../../src/store/ui.ts"],"names":[],"mappings":"AAIA,UAAU,OAAO;IACf,4BAA4B,EAAE,OAAO,CAAC;IACtC,qBAAqB,EAAE,MAAM,GAAG,IAAI,CAAC;IACrC,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACpD,cAAc,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC;AAED,eAAO,MAAM,UAAU;;;;;;;;;2CAJQ,MAAM,GAAG,IAAI,KAAK,IAAI;qCAC5B,MAAM,KAAK,IAAI;;CAWvC,CAAC"}

package/src/components/UpdateUrl.tsx

@@ -1,158 +0,0 @@
-import { useEffect, useRef } from 'react';
-import {
-  createSearchParams,
-  useLocation,
-  useSearchParams,
-} from 'react-router-dom';
-
-import { navigationRoutes } from '../constants/navigationRoutes';
-import { SearchParams } from '../constants/searchParams';
-import { useAppStore } from '../store/AppStore';
-import { useQuoteStore } from '../store/quote';
-import { useUiStore } from '../store/ui';
-import { searchParamsToToken } from '../utils/quote';
-
-export function UpdateUrl() {
-  const firstRender = useRef(true);
-  const [searchParams, setSearchParams] = useSearchParams();
-  const location = useLocation();
-  const firstRenderSearchParams = useRef(location.search);
-  const searchParamsRef = useRef<Record<string, string>>({});
-  const fromBlockchain = useQuoteStore.use.fromBlockchain();
-  const toBlockchain = useQuoteStore.use.toBlockchain();
-  const fromToken = useQuoteStore.use.fromToken();
-  const toToken = useQuoteStore.use.toToken();
-  const setFromBlockchain = useQuoteStore.use.setFromBlockchain();
-  const setFromToken = useQuoteStore.use.setFromToken();
-  const setToBlockchain = useQuoteStore.use.setToBlockchain();
-  const setToToken = useQuoteStore.use.setToToken();
-  const inputAmount = useQuoteStore.use.inputAmount();
-  const setInputAmount = useQuoteStore.use.setInputAmount();
-  const fetchMetaStatus = useAppStore().fetchStatus;
-  const blockchains = useAppStore().blockchains();
-  const tokens = useAppStore().tokens();
-  const setSelectedSwap = useUiStore.use.setSelectedSwap();
-
-  useEffect(() => {
-    const params: Record<string, string> = {};
-    createSearchParams(firstRenderSearchParams.current).forEach(
-      (value, key) => {
-        params[key] = value;
-      }
-    );
-    searchParamsRef.current = params;
-    const requestId =
-      location.pathname.split(navigationRoutes.swaps + '/')[1] || null;
-    if (requestId) {
-      setSelectedSwap(requestId);
-    }
-  }, []);
-
-  useEffect(() => {
-    if (!firstRender.current) {
-      let fromChainString = '',
-        fromTokenString = '',
-        toChainString = '',
-        toTokenString = '',
-        fromAmount = '';
-      const autoConnect = searchParamsRef.current[SearchParams.AUTO_CONNECT];
-      if (fetchMetaStatus !== 'success') {
-        fromChainString = searchParamsRef.current[SearchParams.FROM_CHAIN];
-        fromTokenString = searchParamsRef.current[SearchParams.FROM_TOKEN];
-        toChainString = searchParamsRef.current[SearchParams.TO_CHAIN];
-        toTokenString = searchParamsRef.current[SearchParams.TO_TOKEN];
-        fromAmount =
-          searchParamsRef.current[SearchParams.FROM_AMOUNT] || inputAmount;
-      } else {
-        fromChainString = fromBlockchain?.name || '';
-        fromTokenString =
-          (fromToken?.symbol || '') +
-          (fromToken?.address ? `--${fromToken?.address}` : '');
-        toChainString = toBlockchain?.name || '';
-        toTokenString =
-          (toToken?.symbol || '') +
-          (toToken?.address ? `--${toToken?.address}` : '');
-        fromAmount = inputAmount;
-      }
-      setSearchParams(
-        {
-          ...(fromChainString && {
-            [SearchParams.FROM_CHAIN]: fromChainString,
-          }),
-          ...(fromTokenString && {
-            [SearchParams.FROM_TOKEN]: fromTokenString,
-          }),
-          ...(toChainString && { [SearchParams.TO_CHAIN]: toChainString }),
-          ...(toTokenString && { [SearchParams.TO_TOKEN]: toTokenString }),
-          ...(fromAmount && {
-            [SearchParams.FROM_AMOUNT]: fromAmount.toString(),
-          }),
-          ...(autoConnect && {
-            [SearchParams.AUTO_CONNECT]: autoConnect,
-          }),
-        },
-        { replace: true }
-      );
-    }
-    firstRender.current = false;
-  }, [
-    location.pathname,
-    inputAmount,
-    fromBlockchain,
-    fromToken,
-    toBlockchain,
-    toToken,
-  ]);
-
-  useEffect(() => {
-    if (fetchMetaStatus === 'success') {
-      const fromChainString = searchParams.get(SearchParams.FROM_CHAIN);
-      const fromTokenString = searchParams.get(SearchParams.FROM_TOKEN);
-      const toChainString = searchParams.get(SearchParams.TO_CHAIN);
-      const toTokenString = searchParams.get(SearchParams.TO_TOKEN);
-      const fromAmount = searchParams.get(SearchParams.FROM_AMOUNT);
-      const fromBlockchain = blockchains.find(
-        (blockchain) => blockchain.name === fromChainString
-      );
-      const fromToken = searchParamsToToken(
-        tokens,
-        fromTokenString,
-        fromBlockchain || null
-      );
-      const toBlockchain = blockchains.find(
-        (blockchain) => blockchain.name === toChainString
-      );
-      const toToken = searchParamsToToken(
-        tokens,
-        toTokenString,
-        toBlockchain || null
-      );
-      if (!!fromBlockchain) {
-        setFromBlockchain(fromBlockchain);
-        if (!!fromToken) {
-          setFromToken({
-            token: fromToken,
-            meta: {
-              blockchains: blockchains,
-              tokens: tokens,
-            },
-          });
-        }
-      }
-      if (!!toBlockchain) {
-        setToBlockchain(toBlockchain);
-        if (!!toToken) {
-          setToToken({
-            token: toToken,
-            meta: { blockchains: blockchains, tokens: tokens },
-          });
-        }
-      }
-      if (fromAmount) {
-        setInputAmount(fromAmount);
-      }
-    }
-  }, [fetchMetaStatus]);
-
-  return null;
-}

package/src/store/ui.ts

@@ -1,21 +0,0 @@
-import { create } from 'zustand';
-
-import createSelectors from './selectors';
-
-interface UiState {
-  connectWalletsButtonDisabled: boolean;
-  selectedSwapRequestId: string | null;
-  currentPage: string;
-  setSelectedSwap: (requestId: string | null) => void;
-  setCurrentPage: (path: string) => void;
-}
-
-export const useUiStore = createSelectors(
-  create<UiState>()((set) => ({
-    connectWalletsButtonDisabled: false,
-    selectedSwapRequestId: null,
-    currentPage: '',
-    setSelectedSwap: (requestId) => set({ selectedSwapRequestId: requestId }),
-    setCurrentPage: (path) => set({ currentPage: path }),
-  }))
-);