@rango-dev/widget-embedded 0.1.11-next.19 → 0.1.11-next.21

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rango-dev/widget-embedded",
-  "version": "0.1.11-next.19",
+  "version": "0.1.11-next.21",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",

package/src/components/warnings/BalanceErrors.tsx

@@ -36,7 +36,7 @@ export function BalanceErrors({ messages }: PropTypes) {
       <List showListStyle={showListStyle}>
         {messages.map((warning) => (
           <ListItem showListStyle={showListStyle}>
-            <Message variant="body3">- {warning}</Message>
+            <Message variant="body2">{warning}</Message>
           </ListItem>
         ))}
       </List>

package/src/lib.tsx

@@ -1,5 +1,5 @@
 import { SwapContainer } from '@rango-dev/ui';
-import React, { useEffect, useState } from 'react';
+import React, { useEffect, useMemo, useState } from 'react';
 import { AppRouter } from './components/AppRouter';
 import { useMetaStore } from './store/meta';
 import { Events, Provider } from '@rango-dev/wallets-core';
@@ -21,6 +21,7 @@ import './i18n';
 import QueueManager from './QueueManager';
 import { useUiStore } from './store/ui';
 import { navigationRoutes } from './constants/navigationRoutes';
+import { initConfig } from './utils/configs';
 
 export type WidgetProps = {
   config?: WidgetConfig;
@@ -45,6 +46,14 @@ export const SwapBox: React.FC<WidgetProps> = ({ config }) => {
     .filter(isEvmBlockchain)
     .map((chain) => chain.name);
 
+  useMemo(() => {
+    if (config?.apiKey) {
+      initConfig({
+        API_KEY: config?.apiKey,
+      });
+    }
+  }, [config]);
+
   const onUpdateState: EventHandler = (
     type,
     event,

package/src/pages/Home.tsx

@@ -191,12 +191,12 @@ export function Home() {
           {hasLimitError(bestRoute) && (
             <Alert type="error" title={`${swap?.swapperId} Limit`}>
               <>
-                <Typography variant="body3">
+                <Typography variant="body2">
                   {`${fromAmountRangeError}, Yours: ${numberToString(
                     swap?.fromAmount || null
                   )} ${swap?.from.symbol}`}
                 </Typography>
-                <Typography variant="body3">{recommendation}</Typography>
+                <Typography variant="body2">{recommendation}</Typography>
               </>
             </Alert>
           )}

package/src/utils/configs.ts

@@ -19,6 +19,12 @@ export function setConfig(name: keyof Configs, value: any) {
 }
 
 export function initConfig(nextConfigs: Configs) {
-  configs = structuredClone(nextConfigs);
+  let clonedConfigs;
+  if (typeof structuredClone === 'function') {
+    clonedConfigs = structuredClone(nextConfigs);
+  } else {
+    clonedConfigs = JSON.parse(JSON.stringify(nextConfigs));
+  }
+  configs = clonedConfigs;
   return configs;
 }