@rango-dev/widget-embedded 0.12.1-next.14 → 0.12.1-next.15

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rango-dev/widget-embedded",
-  "version": "0.12.1-next.14",
+  "version": "0.12.1-next.15",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.js",

package/src/Widget.tsx

@@ -11,9 +11,12 @@ import { WidgetEvents } from './components/WidgetEvents';
 import { globalFont } from './globalStyles';
 import { useTheme } from './hooks/useTheme';
 import QueueManager from './QueueManager';
+import { useBestRouteStore } from './store/bestRoute';
+import { useMetaStore } from './store/meta';
 import { useNotificationStore } from './store/notification';
 import { useSettingsStore } from './store/settings';
 import { initConfig } from './utils/configs';
+import { tokensAreEqual } from './utils/wallets';
 import { WidgetContext, WidgetWallets } from './Wallets';
 
 const MainContainer = styled('div', {
@@ -52,6 +55,63 @@ export function Main(props: PropsWithChildren<WidgetProps>) {
     widgetContext.onConnectWallet(setLastConnectedWalletWithNetwork);
   }, []);
 
+  const {
+    setInputAmount,
+    setToToken,
+    setToBlockchain,
+    setFromBlockchain,
+    setFromToken,
+  } = useBestRouteStore();
+
+  const {
+    meta: { tokens, blockchains },
+    loadingStatus: loadingMetaStatus,
+  } = useMetaStore();
+
+  const { setAffiliateRef, setAffiliatePercent, setAffiliateWallets } =
+    useSettingsStore();
+
+  useEffect(() => {
+    setInputAmount(config?.amount?.toString() || '');
+  }, [config?.amount]);
+
+  useEffect(() => {
+    if (loadingMetaStatus === 'success') {
+      const chain = blockchains.find(
+        (chain) => chain.name === config?.from?.blockchain
+      );
+      const token = tokens.find((t) =>
+        tokensAreEqual(t, config?.from?.token || null)
+      );
+
+      setFromBlockchain(chain || null);
+      setFromToken(token || null);
+    }
+  }, [config?.from?.token, config?.from?.blockchain, loadingMetaStatus]);
+
+  useEffect(() => {
+    if (loadingMetaStatus === 'success') {
+      const chain = blockchains.find(
+        (chain) => chain.name === config?.to?.blockchain
+      );
+      const token = tokens.find((t) =>
+        tokensAreEqual(t, config?.to?.token || null)
+      );
+      setToBlockchain(chain || null);
+      setToToken(token || null);
+    }
+  }, [config?.to?.token, config?.to?.blockchain, loadingMetaStatus]);
+
+  useEffect(() => {
+    setAffiliateRef(config?.affiliate?.ref ?? null);
+    setAffiliatePercent(config?.affiliate?.percent ?? null);
+    setAffiliateWallets(config?.affiliate?.wallets ?? null);
+  }, [
+    config?.affiliate?.ref,
+    config?.affiliate?.percent,
+    config?.affiliate?.wallets,
+  ]);
+
   return (
     <I18nManager language={config?.language}>
       <MainContainer id="swap-container" className={activeTheme}>

package/src/hooks/useSwapInput.ts

@@ -98,7 +98,7 @@ export function useSwapInput(): UseSwapInput {
     setLoading(true);
     debouncedFetch();
     return cancelFetch;
-  }, [inputAmount]);
+  }, [inputAmount, shouldSkipRequest]);
 
   useEffect(() => {
     if (!shouldSkipRequest) {