@rango-dev/widget-embedded 0.1.11-next.17 → 0.1.11-next.20

package/dist/widget-embedded.esm.js

@@ -222,6 +222,16 @@ let configs = {
 function getConfig(name) {
   return configs[name];
 }
+function initConfig(nextConfigs) {
+  let clonedConfigs;
+  if (typeof structuredClone === 'function') {
+    clonedConfigs = structuredClone(nextConfigs);
+  } else {
+    clonedConfigs = JSON.parse(JSON.stringify(nextConfigs));
+  }
+  configs = clonedConfigs;
+  return configs;
+}
 
 let rango = undefined;
 const httpService = () => {
@@ -1535,6 +1545,7 @@ function TokenInfo(props) {
       color: "neutrals800"
     }, `$${numberToString(inputUsdValue)}`)),
     value: props.inputAmount || '',
+    min: 0,
     onChange: props.type === 'From' ? event => {
       props.onAmountChange(event.target.value);
     } : undefined
@@ -1772,7 +1783,7 @@ function Home() {
     title: `${swap?.swapperId} Limit`
   }, React.createElement(React.Fragment, null, React.createElement(Typography, {
     variant: "body3"
-  }, fromAmountRangeError, ", Yours: ", numberToString(swap?.fromAmount || null), "\u00A0", swap?.from.symbol), React.createElement(Typography, {
+  }, `${fromAmountRangeError}, Yours: ${numberToString(swap?.fromAmount || null)} ${swap?.from.symbol}`), React.createElement(Typography, {
     variant: "body3"
   }, recommendation)))), React.createElement(Footer, null, React.createElement(Button, {
     type: "primary",
@@ -2477,9 +2488,11 @@ function HistoryPage() {
     } = _ref;
     return swap;
   });
+  const loading = !manager?.isLoaded();
   return React.createElement(History, {
     list: pendingSwaps,
     groupBy: groupSwapsByDate,
+    loading: loading,
     onSwapClick: requestId => {
       setSelectedSwap(requestId);
       navigate(navigationRoutes.swaps + `/${requestId}`, {
@@ -2790,6 +2803,13 @@ function getSwapDate(pendingSwap) {
 const PlaceholderContainer = /*#__PURE__*/styled('div', {
   height: '450px'
 });
+const LoaderContainer$1 = /*#__PURE__*/styled('div', {
+  display: 'flex',
+  justifyContent: 'center',
+  width: '100%',
+  paddingTop: '33%',
+  flex: 1
+});
 function SwapDetailsPlaceholder(props) {
   const {
     requestId,
@@ -2800,7 +2820,7 @@ function SwapDetailsPlaceholder(props) {
     title: "Swap Details",
     textField: false,
     onBack: onBack
-  }, React.createElement(PlaceholderContainer, null, loading ? React.createElement(LoaderContainer, null, React.createElement(Spinner, {
+  }, React.createElement(PlaceholderContainer, null, loading ? React.createElement(LoaderContainer$1, null, React.createElement(Spinner, {
     size: 24
   })) : React.createElement(Alert, {
     type: "secondary",
@@ -2823,12 +2843,6 @@ function SwapDetailsPage() {
   const {
     manager
   } = useManager();
-  const [loading, setLoading] = useState(true);
-  useEffect(() => {
-    setTimeout(() => {
-      setLoading(false);
-    }, 5000);
-  }, []);
   const pendingSwaps = getPendingSwaps(manager);
   const selectedSwap = pendingSwaps.find(_ref => {
     let {
@@ -2841,6 +2855,7 @@ function SwapDetailsPage() {
     if (swap) cancelSwap(swap);
   };
   const swap = selectedSwap?.swap;
+  const loading = !manager?.isLoaded();
   if (!swap) return React.createElement(SwapDetailsPlaceholder, {
     requestId: selectedSwapRequestId || '',
     loading: loading,
@@ -3396,6 +3411,13 @@ const SwapBox = _ref => {
   const [disconnectedWallet, setDisconnectedWallet] = useState();
   const currentPage = useUiStore.use.currentPage();
   const evmBasedChainNames = blockchains.filter(isEvmBlockchain$1).map(chain => chain.name);
+  useMemo(() => {
+    if (config?.apiKey) {
+      initConfig({
+        API_KEY: config?.apiKey
+      });
+    }
+  }, [config]);
   const onUpdateState = (type, event, value, state, supportedChains) => {
     if (event === Events.ACCOUNTS) {
       if (value) {