@rango-dev/widget-embedded 0.1.16-next.1 → 0.1.16-next.2

package/dist/components/Layout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Layout.d.ts","sourceRoot":"","sources":["../src/components/Layout.tsx"],"names":[],"mappings":";AAoBA,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAwBxC,oBAAY,WAAW,GAAG;IACxB,MAAM,CAAC,EAAE,YAAY,CAAC;CACvB,CAAC;AAEF,wBAAgB,MAAM,CAAC,EAAE,MAAM,EAAE,EAAE,WAAW,eA2F7C"}
+{"version":3,"file":"Layout.d.ts","sourceRoot":"","sources":["../src/components/Layout.tsx"],"names":[],"mappings":";AAoBA,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAwBxC,oBAAY,WAAW,GAAG;IACxB,MAAM,CAAC,EAAE,YAAY,CAAC;CACvB,CAAC;AAEF,wBAAgB,MAAM,CAAC,EAAE,MAAM,EAAE,EAAE,WAAW,eA+F7C"}

package/dist/index.d.ts

@@ -1,2 +1,10 @@
-export { Widget } from './lib';
+import React from 'react';
+import { WalletType } from '@rango-dev/wallets-shared';
+import { WidgetTheme, WidgetConfig, WidgetColors, BlockchainAndTokenConfig } from './types';
+import './i18n';
+export { WidgetConfig, WalletType, WidgetTheme, WidgetColors, BlockchainAndTokenConfig, };
+export declare type WidgetProps = {
+    config?: WidgetConfig;
+};
+export declare const Widget: React.FC<WidgetProps>;
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["src/index.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["src/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAM5D,OAAO,EAAW,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAUhE,OAAO,EACL,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,wBAAwB,EACzB,MAAM,SAAS,CAAC;AAEjB,OAAO,QAAQ,CAAC;AAMhB,OAAO,EACL,YAAY,EACZ,UAAU,EACV,WAAW,EACX,YAAY,EACZ,wBAAwB,GACzB,CAAC;AAEF,oBAAY,WAAW,GAAG;IACxB,MAAM,CAAC,EAAE,YAAY,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAqGxC,CAAC"}

package/dist/widget-embedded.cjs.development.js

@@ -2995,20 +2995,24 @@ function Layout(_ref) {
     t
   } = reactI18next.useTranslation();
   React.useEffect(() => {
-    const chain = blockchains.find(chain => chain.name === config?.to?.blockchain);
-    const token = tokens.find(t => tokensAreEqual(t, config?.to?.token || null));
-    setToChain(chain || null);
-    setToToken(token || null);
-  }, [config?.to?.token, config?.to?.blockchain]);
+    if (loadingMetaStatus === 'success') {
+      const chain = blockchains.find(chain => chain.name === config?.to?.blockchain);
+      const token = tokens.find(t => tokensAreEqual(t, config?.to?.token || null));
+      setToChain(chain || null);
+      setToToken(token || null);
+    }
+  }, [config?.to?.token, config?.to?.blockchain, loadingMetaStatus]);
   React.useEffect(() => {
     setInputAmount(config?.amount?.toString() || '');
   }, [config?.amount]);
   React.useEffect(() => {
-    const chain = blockchains.find(chain => chain.name === config?.from?.blockchain);
-    const token = tokens.find(t => tokensAreEqual(t, config?.from?.token || null));
-    setFromChain(chain || null);
-    setFromToken(token || null);
-  }, [config?.from?.token, config?.from?.blockchain]);
+    if (loadingMetaStatus === 'success') {
+      const chain = blockchains.find(chain => chain.name === config?.from?.blockchain);
+      const token = tokens.find(t => tokensAreEqual(t, config?.from?.token || null));
+      setFromChain(chain || null);
+      setFromToken(token || null);
+    }
+  }, [config?.from?.token, config?.from?.blockchain, loadingMetaStatus]);
   React.useEffect(() => {
     setAffiliateRef(config?.affiliateRef || null);
   }, [config?.affiliateRef]);
@@ -3404,6 +3408,7 @@ const Widget = _ref => {
     providers: providers,
     onUpdateState: onUpdateState
   }, React__default.createElement("div", {
+    id: "swap-container",
     className: activeTheme
   }, React__default.createElement(QueueManager, null, React__default.createElement(ui.SwapContainer, {
     fixedHeight: currentPage !== navigationRoutes.home