@rango-dev/widget-embedded 0.41.2-next.10 → 0.41.2-next.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rango-dev/widget-embedded",
-  "version": "0.41.2-next.10",
+  "version": "0.41.2-next.11",
   "license": "MIT",
   "type": "module",
   "source": "./src/index.ts",
@@ -54,4 +54,4 @@
   "publishConfig": {
     "access": "public"
   }
-}
+}

package/src/components/SwapDetails/SwapDetails.tsx

@@ -171,7 +171,7 @@ export function SwapDetails(props: SwapDetailsProps) {
       ])
     : undefined;
 
-  const stepMessage = getSwapMessages(swap, currentStep);
+  const stepMessage = getSwapMessages(swap, currentStep, getWalletInfo);
   const steps = getSteps({
     swap,
     switchNetwork,

package/src/utils/swap.ts

@@ -9,6 +9,7 @@ import type {
   SwapButtonState,
   Wallet,
 } from '../types';
+import type { ExtendedWalletInfo } from '@rango-dev/wallets-react';
 import type { WalletType } from '@rango-dev/wallets-shared';
 import type {
   BestRouteRequest,
@@ -22,6 +23,7 @@ import type { PendingSwap, PendingSwapStep } from 'rango-types';
 
 import { i18n } from '@lingui/core';
 import {
+  getRelatedWalletOrNull,
   type RouteEvent,
   RouteEventType,
   type StepEvent,
@@ -666,7 +668,8 @@ export function isNetworkStatusInWarningState(
 
 export function getSwapMessages(
   pendingSwap: PendingSwap,
-  currentStep: PendingSwapStep | null
+  currentStep: PendingSwapStep | null,
+  getWalletInfo?: (type: WalletType) => ExtendedWalletInfo
 ): {
   shortMessage: string;
   detailedMessage: { content: string; long: boolean };
@@ -685,10 +688,20 @@ export function getSwapMessages(
   if (networkWarningState) {
     message = pendingSwap.networkStatusExtraMessage || '';
     detailedMessage = pendingSwap.networkStatusExtraMessageDetail || '';
+
+    const currentStepWallet = currentStep
+      ? getRelatedWalletOrNull(pendingSwap, currentStep)
+      : null;
+    const walletType = currentStepWallet?.walletType;
+    const walletName = walletType ? getWalletInfo?.(walletType)?.name : null;
     // eslint-disable-next-line @typescript-eslint/switch-exhaustiveness-check
     switch (currentStep?.networkStatus) {
       case PendingSwapNetworkStatus.WaitingForConnectingWallet:
-        message = message || i18n.t('Waiting for connecting wallet');
+        message = walletName
+          ? i18n.t('Connect {wallet}', {
+              wallet: walletName,
+            })
+          : message;
         break;
       case PendingSwapNetworkStatus.WaitingForQueue:
         message =