@rango-dev/widget-embedded 0.1.20-next.0 → 0.1.20-next.10

package/src/types/config.ts

@@ -91,7 +91,7 @@ export type BlockchainAndTokenConfig = {
  * include values like `"metamask"`, `"kepler"`, or `"phantom"`.
  * @property {boolean} multiWallets - The `multiWallets` property is a boolean value that indicates
  * whether the widget should allow the user to select multiple wallets for the transaction.
- * @property {boolean} customAddress - A boolean value indicating whether the user can input a custom
+ * @property {boolean} customDestination - A boolean value indicating whether the user can input a custom
  * address for the transaction. If set to true, the widget will allow the user to input a custom
  * address for the destination.
  * @property {string} language - The language property is an optional string that specifies the
@@ -110,7 +110,7 @@ export type WidgetConfig = {
   liquiditySources?: string[];
   wallets?: WalletType[];
   multiWallets?: boolean;
-  customAddress?: boolean;
+  customDestination?: boolean;
   language?: string;
   theme?: WidgetTheme;
 };

package/src/utils/common.ts

@@ -26,3 +26,5 @@ export function debounce(fn: Function, time: number) {
     }, time);
   }
 }
+
+

package/src/utils/swap.ts

@@ -12,7 +12,7 @@ import { numberToString } from './numbers';
 import { WalletType } from '@rango-dev/wallets-shared';
 import { getRequiredBalanceOfWallet } from './routing';
 import { getRequiredChains } from './wallets';
-import { LoadingStatus } from '../store/meta';
+import { LoadingStatus, useMetaStore } from '../store/meta';
 import { ConvertedToken, SwapButtonState, Wallet } from '../types';
 import {
   PendingSwapNetworkStatus,
@@ -317,7 +317,8 @@ export function createBestRouteRequestBody(
   disabledLiquiditySources: string[],
   slippage: number,
   affiliateRef: string | null,
-  initialRoute?: BestRouteResponse
+  initialRoute?: BestRouteResponse,
+  destination?: string
 ): BestRouteRequest {
   const selectedWalletsMap = selectedWallets.reduce(
     (
@@ -370,6 +371,7 @@ export function createBestRouteRequestBody(
       symbol: toToken.symbol,
     },
     connectedWallets,
+    destination: destination || undefined,
     selectedWallets: selectedWalletsMap,
     swapperGroups: disabledLiquiditySources,
     swappersGroupsExclude: true,
@@ -561,3 +563,37 @@ export function shouldRetrySwap(pendingSwap: PendingSwap) {
     new Date().getTime() - parseInt(pendingSwap.finishTime) < 4 * 3600 * 1000
   );
 }
+export function isValidCustomDestination(
+  blockchain: string,
+  address: string
+): boolean {
+  const blockchains = useMetaStore.getState().meta.blockchains;
+  const regex =
+    blockchains.find((chain) => chain.name === blockchain)?.addressPatterns ||
+    [];
+  return regex.filter((r) => new RegExp(r).test(address)).length > 0;
+}
+
+export function confirmSwapDisabled(
+  fetching: boolean,
+  destinationChain: string,
+  customDestination: string,
+  bestRoute: BestRouteResponse | null,
+  selectedWallets: Wallet[]
+) {
+  return (
+    fetching ||
+    (!destinationChain &&
+      !requiredWallets(bestRoute).every((chain) =>
+        selectedWallets.map((wallet) => wallet.chain).includes(chain)
+      )) ||
+    (!!destinationChain && !customDestination) ||
+    (!!destinationChain &&
+      !!customDestination &&
+      !requiredWallets(bestRoute)
+        .filter((chain) => chain !== destinationChain)
+        .every((chain) =>
+          selectedWallets.map((wallet) => wallet.chain).includes(chain)
+        ))
+  );
+}

package/src/utils/wallets.ts

@@ -168,21 +168,27 @@ type Blockchain = { name: string; accounts: ConnectedWallet[] };
 export function getSelectableWallets(
   connectedWallets: ConnectedWallet[],
   selectedWallets: Wallet[],
-  getWalletInfo: (type: WalletType) => WalletInfo
+  getWalletInfo: (type: WalletType) => WalletInfo,
+  destinationChain?: string
 ): SelectableWallet[] {
-  const selectableWallets: SelectableWallet[] = connectedWallets.map(
-    (connectedWallet) => ({
-      address: connectedWallet.address,
-      walletType: connectedWallet.walletType,
-      chain: connectedWallet.chain,
-      image: getWalletInfo(connectedWallet.walletType).img,
-      name: getWalletInfo(connectedWallet.walletType).name,
-      selected: !!selectedWallets.find(
-        (selectedWallet) =>
-          selectedWallet.chain === connectedWallet.chain &&
-          selectedWallet.walletType === connectedWallet.walletType
-      ),
-    })
+  const selectableWallets = connectedWallets.map(
+    (connectedWallet: ConnectedWallet) => {      
+      return {
+        address: connectedWallet.address,
+        walletType: connectedWallet.walletType,
+        chain: connectedWallet.chain,
+        image: getWalletInfo(connectedWallet.walletType).img,
+        name: getWalletInfo(connectedWallet.walletType).name,
+        selected:
+          destinationChain === connectedWallet.chain
+            ? false
+            : !!selectedWallets.find(
+                (selectedWallet) =>
+                  selectedWallet.chain === connectedWallet.chain &&
+                  selectedWallet.walletType === connectedWallet.walletType
+              ),
+      };
+    }
   );
 
   return selectableWallets;