@lifi/widget 4.6.0 → 4.7.1

package/dist/esm/hooks/useWidgetChains.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useWidgetChains.d.ts","names":[],"sources":["../../../src/hooks/useWidgetChains.ts"],"mappings":";;;cAIa,kBACX,cAAc;EAEd,QAAQ;EACR,eACE,kBACA,SAAS,oBACN;EACL"}
+{"version":3,"file":"useWidgetChains.d.ts","names":[],"sources":["../../../src/hooks/useWidgetChains.ts"],"mappings":";;;qBAIa,kBACX,cAAc;EAEd,QAAQ;EACR,eACE,kBACA,SAAS,oBACN;EACL"}

package/dist/esm/hooks/useWidgetEvents.d.ts

@@ -1,9 +1,8 @@
 import { WidgetEvents } from "../types/events.js";
 import EventEmitter from "eventemitter3";
 //#region src/hooks/useWidgetEvents.d.ts
-type WidgetEventEmitter = EventEmitter<WidgetEvents>;
-declare const widgetEvents: WidgetEventEmitter;
-declare const useWidgetEvents: () => WidgetEventEmitter;
+export type WidgetEventEmitter = EventEmitter<WidgetEvents>;
+export declare const widgetEvents: WidgetEventEmitter;
+export declare const useWidgetEvents: () => WidgetEventEmitter;
 //#endregion
-export { WidgetEventEmitter, useWidgetEvents, widgetEvents };
 //# sourceMappingURL=useWidgetEvents.d.ts.map

package/dist/esm/hooks/useWidgetEvents.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useWidgetEvents.d.ts","names":[],"sources":["../../../src/hooks/useWidgetEvents.ts"],"mappings":";;;KAGY,qBAAqB,aAAa;cAEjC,cAAc;cAEd,uBAAsB"}
+{"version":3,"file":"useWidgetEvents.d.ts","names":[],"sources":["../../../src/hooks/useWidgetEvents.ts"],"mappings":";;;YAGY,qBAAqB,aAAa;qBAEjC,cAAc;qBAEd,uBAAsB"}

package/dist/esm/i18n/bn.json

@@ -18,6 +18,7 @@
     "buy": "",
     "cancel": "বাতিল করুন",
     "checkoutReview": "",
+    "clear": "",
     "clearAllFailed": "",
     "clearTransaction": "",
     "close": "",
@@ -45,6 +46,8 @@
     "resetSettings": "সেটিংস রিসেট করুন",
     "seeDetails": "বিস্তারিত দেখুন",
     "showAll": "সবগুলো দেখুন",
+    "showLess": "",
+    "showMore": "",
     "startBridging": "",
     "startSwapping": "",
     "swap": "সোওয়াপ",
@@ -287,6 +290,7 @@
     "quotedAmount": "উদ্ধৃত পরিমাণ",
     "rateChange": "রেট পরিবর্তন",
     "receiving": "রিসিভিং",
+    "recentSearches": "",
     "refuelStepDetails": "{{tool}} এর মাধ্যমে গ্যাস পান",
     "route": "",
     "select": "",

package/dist/esm/i18n/de.json

@@ -18,6 +18,7 @@
     "buy": "Buy",
     "cancel": "Abbrechen",
     "checkoutReview": "",
+    "clear": "",
     "clearAllFailed": "",
     "clearTransaction": "",
     "close": "",
@@ -45,6 +46,8 @@
     "resetSettings": "Einstellungen zurücksetzen",
     "seeDetails": "Siehe Einzelheiten",
     "showAll": "Alles anzeigen",
+    "showLess": "",
+    "showMore": "",
     "startBridging": "Starte Bridge Protokoll",
     "startSwapping": "Swap starten",
     "swap": "Swap",
@@ -287,6 +290,7 @@
     "quotedAmount": "Angebotsbetrag",
     "rateChange": "Wechselkurs geändert",
     "receiving": "Eingehend",
+    "recentSearches": "",
     "refuelStepDetails": "Gas über {{tool}} erhalten",
     "route": "",
     "select": "",

package/dist/esm/i18n/en.json

@@ -18,6 +18,7 @@
     "buy": "Buy",
     "cancel": "Cancel",
     "checkoutReview": "Review purchase",
+    "clear": "Clear",
     "clearAllFailed": "Clear all failed",
     "clearTransaction": "Clear transaction",
     "close": "Close",
@@ -56,6 +57,8 @@
     "viewRefundStatus": "View refund status",
     "viewTransferDetails": "View transfer details",
     "showAll": "Show all",
+    "showLess": "Show less",
+    "showMore": "Show {{count}} more",
     "startBridging": "Start bridging",
     "startSwapping": "Start swapping",
     "swap": "Swap",
@@ -321,6 +324,7 @@
     "quotedAmount": "Quoted amount",
     "rateChange": "Rate change",
     "receiving": "Receiving",
+    "recentSearches": "Recent searches",
     "refuelStepDetails": "Get gas via {{tool}}",
     "route": "Route",
     "select": "Select",

package/dist/esm/i18n/es.json

@@ -18,6 +18,7 @@
     "buy": "Comprar",
     "cancel": "Cancelar",
     "checkoutReview": "Revisar compra",
+    "clear": "",
     "clearAllFailed": "",
     "clearTransaction": "",
     "close": "Cerrar",
@@ -45,6 +46,8 @@
     "resetSettings": "Reiniciar ajustes",
     "seeDetails": "Ver detalles",
     "showAll": "Mostrar todo",
+    "showLess": "",
+    "showMore": "",
     "startBridging": "Comenzar puente",
     "startSwapping": "Iniciar intercambio",
     "swap": "Swap",
@@ -287,6 +290,7 @@
     "quotedAmount": "Monto citado",
     "rateChange": "Cambios de precio detectado",
     "receiving": "Recibiendo",
+    "recentSearches": "",
     "refuelStepDetails": "Obtener gas a través de {{tool}}",
     "route": "",
     "select": "",

package/dist/esm/i18n/fr.json

@@ -18,6 +18,7 @@
     "buy": "Acheter",
     "cancel": "Annuler",
     "checkoutReview": "",
+    "clear": "",
     "clearAllFailed": "",
     "clearTransaction": "",
     "close": "Fermer",
@@ -45,6 +46,8 @@
     "resetSettings": "Réinitialiser les paramètres",
     "seeDetails": "Voir les détails",
     "showAll": "Afficher tout",
+    "showLess": "",
+    "showMore": "",
     "startBridging": "Commencer le pont",
     "startSwapping": "Commencer à échanger",
     "swap": "Échanger",
@@ -287,6 +290,7 @@
     "quotedAmount": "Montant indiqué",
     "rateChange": "Taux de change",
     "receiving": "En cours de réception",
+    "recentSearches": "",
     "refuelStepDetails": "Obtenir du gaz via {{tool}}",
     "route": "",
     "select": "",

package/dist/esm/i18n/hi.json

@@ -18,6 +18,7 @@
     "buy": "",
     "cancel": "रद्द करें",
     "checkoutReview": "",
+    "clear": "",
     "clearAllFailed": "",
     "clearTransaction": "",
     "close": "",
@@ -45,6 +46,8 @@
     "resetSettings": "कुंजी: बटन. सेटिंग्स रीसेट करें\nबटन -> सेटिंग्स रीसेट करें",
     "seeDetails": "कुंजी: बटन. जानकारी देखें\nबटन -> जानकारी देखें",
     "showAll": "कुंजी: बटन. सभी दिखाएँ\nबटन -> सभी दिखाएँ",
+    "showLess": "",
+    "showMore": "",
     "startBridging": "",
     "startSwapping": "",
     "swap": "कुंजी: बटन. विनिमय \nबटन -> विनिमय ",
@@ -287,6 +290,7 @@
     "quotedAmount": "",
     "rateChange": "",
     "receiving": "",
+    "recentSearches": "",
     "refuelStepDetails": "",
     "route": "",
     "select": "",

package/dist/esm/i18n/id.json

@@ -18,6 +18,7 @@
     "buy": "Beli",
     "cancel": "Batal",
     "checkoutReview": "Tinjau pembelian",
+    "clear": "",
     "clearAllFailed": "",
     "clearTransaction": "",
     "close": "Tutup",
@@ -45,6 +46,8 @@
     "resetSettings": "Setel ulang pengaturan",
     "seeDetails": "Lihat rinciannya",
     "showAll": "Tampilkan semua",
+    "showLess": "",
+    "showMore": "",
     "startBridging": "Mulai bridge",
     "startSwapping": "Mulai swap",
     "swap": "Swap",
@@ -287,6 +290,7 @@
     "quotedAmount": "Jumlah yang dikutip",
     "rateChange": "Perubahan rate",
     "receiving": "Menerima",
+    "recentSearches": "",
     "refuelStepDetails": "Dapatkan gas melalui {{tool}}",
     "route": "",
     "select": "",

package/dist/esm/i18n/it.json

@@ -18,6 +18,7 @@
     "buy": "Acquista",
     "cancel": "Annulla",
     "checkoutReview": "",
+    "clear": "",
     "clearAllFailed": "",
     "clearTransaction": "",
     "close": "",
@@ -45,6 +46,8 @@
     "resetSettings": "Ripristina impostazioni",
     "seeDetails": "Vedi dettagli",
     "showAll": "Mostra tutto",
+    "showLess": "",
+    "showMore": "",
     "startBridging": "Inizia il bridge",
     "startSwapping": "Avvia lo scambio",
     "swap": "Scambio",
@@ -287,6 +290,7 @@
     "quotedAmount": "Totale quotato",
     "rateChange": "Tasso di scambio",
     "receiving": "In ricezione",
+    "recentSearches": "",
     "refuelStepDetails": "Ottieni gas tramite {{tool}}",
     "route": "",
     "select": "",

package/dist/esm/i18n/ja.json

@@ -18,6 +18,7 @@
     "buy": "購入",
     "cancel": "キャンセル",
     "checkoutReview": "",
+    "clear": "",
     "clearAllFailed": "",
     "clearTransaction": "",
     "close": "閉じる",
@@ -45,6 +46,8 @@
     "resetSettings": "設定をリセット",
     "seeDetails": "詳細を表示",
     "showAll": "すべて表示する",
+    "showLess": "",
+    "showMore": "",
     "startBridging": "ブリッジを開始",
     "startSwapping": "スワップを開始",
     "swap": "スワップ",
@@ -287,6 +290,7 @@
     "quotedAmount": "見積もり額",
     "rateChange": "レート変更",
     "receiving": "受け取り",
+    "recentSearches": "",
     "refuelStepDetails": "{{tool}} 経由でガスを取得",
     "route": "",
     "select": "",

package/dist/esm/i18n/ko.json

@@ -18,6 +18,7 @@
     "buy": "매수",
     "cancel": "취소",
     "checkoutReview": "",
+    "clear": "",
     "clearAllFailed": "",
     "clearTransaction": "",
     "close": "",
@@ -45,6 +46,8 @@
     "resetSettings": "설정 초기화",
     "seeDetails": "자세히 보기",
     "showAll": "모두 보기",
+    "showLess": "",
+    "showMore": "",
     "startBridging": "브릿지 시작하기",
     "startSwapping": "스왑 시작하기",
     "swap": "스왑",
@@ -287,6 +290,7 @@
     "quotedAmount": "견적",
     "rateChange": "비율 변경",
     "receiving": "받는 중",
+    "recentSearches": "",
     "refuelStepDetails": "{{tool}} 를 통해 가스 얻기",
     "route": "",
     "select": "",

package/dist/esm/i18n/pl.json

@@ -18,6 +18,7 @@
     "buy": "",
     "cancel": "",
     "checkoutReview": "",
+    "clear": "",
     "clearAllFailed": "",
     "clearTransaction": "",
     "close": "",
@@ -45,6 +46,8 @@
     "resetSettings": "",
     "seeDetails": "",
     "showAll": "",
+    "showLess": "",
+    "showMore": "",
     "startBridging": "",
     "startSwapping": "",
     "swap": "",
@@ -287,6 +290,7 @@
     "quotedAmount": "",
     "rateChange": "",
     "receiving": "",
+    "recentSearches": "",
     "refuelStepDetails": "",
     "route": "",
     "select": "",

package/dist/esm/i18n/pt.json

@@ -18,6 +18,7 @@
     "buy": "Comprar",
     "cancel": "Cancelar",
     "checkoutReview": "Revisar compra",
+    "clear": "",
     "clearAllFailed": "",
     "clearTransaction": "",
     "close": "Fechar",
@@ -45,6 +46,8 @@
     "resetSettings": "Redefinir as configurações",
     "seeDetails": "Ver detalhes",
     "showAll": "Mostrar tudo",
+    "showLess": "",
+    "showMore": "",
     "startBridging": "Iniciar ponte",
     "startSwapping": "Iniciar conversão",
     "swap": "Conversão",
@@ -287,6 +290,7 @@
     "quotedAmount": "Valor da cotação",
     "rateChange": "Alterar taxa",
     "receiving": "Recebendo",
+    "recentSearches": "",
     "refuelStepDetails": "Obter gás via {{tool}}",
     "route": "",
     "select": "",

package/dist/esm/i18n/th.json

@@ -18,6 +18,7 @@
     "buy": "ซื้อ",
     "cancel": "ยกเลิก",
     "checkoutReview": "",
+    "clear": "",
     "clearAllFailed": "",
     "clearTransaction": "",
     "close": "ปิด",
@@ -45,6 +46,8 @@
     "resetSettings": "รีเซ็ตการตั้งค่า",
     "seeDetails": "ดูรายละเอียด",
     "showAll": "แสดงทั้งหมด",
+    "showLess": "",
+    "showMore": "",
     "startBridging": "เริ่มต้นการบริดจ์",
     "startSwapping": "เริ่มต้นการแลกเปลี่ยน",
     "swap": "การแลกเปลี่ยน",
@@ -287,6 +290,7 @@
     "quotedAmount": "จำนวนทั้งหมดที่เสนอ",
     "rateChange": "อัตราแลกเปลี่ยน",
     "receiving": "ได้รับ",
+    "recentSearches": "",
     "refuelStepDetails": "รับแก๊สผ่าน {{tool}}",
     "route": "",
     "select": "",

package/dist/esm/i18n/tr.json

@@ -18,6 +18,7 @@
     "buy": "Satın al",
     "cancel": "İptal",
     "checkoutReview": "Satın alımı incele",
+    "clear": "",
     "clearAllFailed": "",
     "clearTransaction": "",
     "close": "Kapat",
@@ -45,6 +46,8 @@
     "resetSettings": "Ayarları Sıfırla",
     "seeDetails": "Detayları Gör",
     "showAll": "Tümünü Göster",
+    "showLess": "",
+    "showMore": "",
     "startBridging": "Başla",
     "startSwapping": "Takas işlemini başlat",
     "swap": "Takas et",
@@ -287,6 +290,7 @@
     "quotedAmount": "Teklif edilen tutar",
     "rateChange": "Değişiklik oranı",
     "receiving": "Alınıyor",
+    "recentSearches": "",
     "refuelStepDetails": "{{tool}} aracılığıyla gaz al",
     "route": "",
     "select": "",

package/dist/esm/i18n/uk.json

@@ -18,6 +18,7 @@
     "buy": "Придбати",
     "cancel": "Скасувати",
     "checkoutReview": "Перегляд покупки",
+    "clear": "",
     "clearAllFailed": "",
     "clearTransaction": "",
     "close": "Закрити",
@@ -45,6 +46,8 @@
     "resetSettings": "Скинути налаштування",
     "seeDetails": "Детальніше",
     "showAll": "Показати всі",
+    "showLess": "",
+    "showMore": "",
     "startBridging": "Почати бридж",
     "startSwapping": "Почати своп",
     "swap": "Своп",
@@ -287,6 +290,7 @@
     "quotedAmount": "Запропонована сума",
     "rateChange": "Зміна курсу",
     "receiving": "Отримання",
+    "recentSearches": "",
     "refuelStepDetails": "Отримати газ через {{tool}}",
     "route": "",
     "select": "",

package/dist/esm/i18n/vi.json

@@ -18,6 +18,7 @@
     "buy": "Mua",
     "cancel": "Huỷ bỏ",
     "checkoutReview": "",
+    "clear": "",
     "clearAllFailed": "",
     "clearTransaction": "",
     "close": "Đóng",
@@ -45,6 +46,8 @@
     "resetSettings": "Đặt lại cài đặt",
     "seeDetails": "Xem chi tiết",
     "showAll": "Hiển thị tất cả",
+    "showLess": "",
+    "showMore": "",
     "startBridging": "Bắt đầu đi cầu",
     "startSwapping": "Bắt đầu Swap",
     "swap": "Swap",
@@ -287,6 +290,7 @@
     "quotedAmount": "Số tiền trích dẫn",
     "rateChange": "Thay đổi tỉ giá",
     "receiving": "Đang nhận",
+    "recentSearches": "",
     "refuelStepDetails": "Lấy gas thông qua {{tool}}",
     "route": "",
     "select": "",

package/dist/esm/i18n/zh.json

@@ -18,6 +18,7 @@
     "buy": "购买",
     "cancel": "取消",
     "checkoutReview": "查看购买详情",
+    "clear": "",
     "clearAllFailed": "",
     "clearTransaction": "",
     "close": "关闭",
@@ -45,6 +46,8 @@
     "resetSettings": "恢复默认设置",
     "seeDetails": "查看详情",
     "showAll": "显示所有",
+    "showLess": "",
+    "showMore": "",
     "startBridging": "开始跨链",
     "startSwapping": "开始兑换",
     "swap": "兑换",
@@ -287,6 +290,7 @@
     "quotedAmount": "报价金额",
     "rateChange": "波动率",
     "receiving": "接收",
+    "recentSearches": "",
     "refuelStepDetails": "通过 {{tool}} 获取燃气费",
     "route": "",
     "select": "",

package/dist/esm/pages/MainPage/MainWarningMessages.d.ts

@@ -4,7 +4,6 @@ import { BoxProps } from "@mui/material";
 interface MainWarningMessagesProps extends BoxProps {
   route?: Route;
 }
-declare const MainWarningMessages: React.FC<MainWarningMessagesProps>;
+export declare const MainWarningMessages: React.FC<MainWarningMessagesProps>;
 //#endregion
-export { MainWarningMessages };
 //# sourceMappingURL=MainWarningMessages.d.ts.map

package/dist/esm/pages/MainPage/MainWarningMessages.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MainWarningMessages.d.ts","names":[],"sources":["../../../../src/pages/MainPage/MainWarningMessages.tsx"],"mappings":";;;UAKU,iCAAiC;EACzC,QAAQ;;cAGG,qBAAqB,MAAM,GAAG"}
+{"version":3,"file":"MainWarningMessages.d.ts","names":[],"sources":["../../../../src/pages/MainPage/MainWarningMessages.tsx"],"mappings":";;;UAKU,iCAAiC;EACzC,QAAQ;;qBAGG,qBAAqB,MAAM,GAAG"}

package/dist/esm/pages/SelectChainPage/SelectChainPage.d.ts

@@ -1,6 +1,5 @@
 import { SelectChainPageProps } from "./types.js";
 //#region src/pages/SelectChainPage/SelectChainPage.d.ts
-declare const SelectChainPage: React.FC<SelectChainPageProps>;
+export declare const SelectChainPage: React.FC<SelectChainPageProps>;
 //#endregion
-export { SelectChainPage };
 //# sourceMappingURL=SelectChainPage.d.ts.map

package/dist/esm/pages/SelectChainPage/SelectChainPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectChainPage.d.ts","names":[],"sources":["../../../../src/pages/SelectChainPage/SelectChainPage.tsx"],"mappings":";;cAUa,iBAAiB,MAAM,GAAG"}
+{"version":3,"file":"SelectChainPage.d.ts","names":[],"sources":["../../../../src/pages/SelectChainPage/SelectChainPage.tsx"],"mappings":";;qBAUa,iBAAiB,MAAM,GAAG"}

package/dist/esm/pages/SelectChainPage/types.d.ts

@@ -1,8 +1,7 @@
 import { FormTypeProps } from "../../stores/form/types.js";
 //#region src/pages/SelectChainPage/types.d.ts
-interface SelectChainPageProps extends FormTypeProps {
+export interface SelectChainPageProps extends FormTypeProps {
   selectNativeToken?: boolean;
 }
 //#endregion
-export { SelectChainPageProps };
 //# sourceMappingURL=types.d.ts.map

package/dist/esm/pages/SelectChainPage/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","names":[],"sources":["../../../../src/pages/SelectChainPage/types.ts"],"mappings":";;UAEiB,6BAA6B;EAC5C"}
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../../../src/pages/SelectChainPage/types.ts"],"mappings":";;iBAEiB,6BAA6B;EAC5C"}

package/dist/esm/pages/SelectTokenPage/SearchTokenInput.d.ts

@@ -4,7 +4,6 @@ import { JSX } from "react";
 interface SearchTokenInputProps {
   formType: FormType;
 }
-declare const SearchTokenInput: ({ formType }: SearchTokenInputProps) => JSX.Element;
+export declare const SearchTokenInput: ({ formType }: SearchTokenInputProps) => JSX.Element;
 //#endregion
-export { SearchTokenInput };
 //# sourceMappingURL=SearchTokenInput.d.ts.map

package/dist/esm/pages/SelectTokenPage/SearchTokenInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchTokenInput.d.ts","names":[],"sources":["../../../../src/pages/SelectTokenPage/SearchTokenInput.tsx"],"mappings":";;;UAQU;EACR,UAAU;;cAGC,qBACX,YACC,0BAAwB,IAAI"}
+{"version":3,"file":"SearchTokenInput.d.ts","names":[],"sources":["../../../../src/pages/SelectTokenPage/SearchTokenInput.tsx"],"mappings":";;;UAQU;EACR,UAAU;;qBAGC,qBACX,YACC,0BAAwB,IAAI"}

package/dist/esm/pages/SendToWallet/BookmarksPage.js

@@ -6,6 +6,7 @@ import { PageContainer } from "../../components/PageContainer.js";
 import { defaultChainIdsByType } from "../../utils/chainType.js";
 import { useToAddressRequirements } from "../../hooks/useToAddressRequirements.js";
 import { shortenAddress } from "../../utils/wallet.js";
+import { openInNewTab } from "../../utils/url.js";
 import { useExplorer } from "../../hooks/useExplorer.js";
 import { useHeader } from "../../hooks/useHeader.js";
 import { useListHeight } from "../../hooks/useListHeight.js";
@@ -88,7 +89,7 @@ const BookmarksPage = () => {
 							{
 								icon: /* @__PURE__ */ jsx(OpenInNewRounded, {}),
 								label: t("button.viewOnExplorer"),
-								onClick: () => window.open(getAddressLink(bookmark.address, defaultChainIdsByType[bookmark.chainType]), "_blank")
+								onClick: () => openInNewTab(getAddressLink(bookmark.address, defaultChainIdsByType[bookmark.chainType]))
 							},
 							{
 								icon: /* @__PURE__ */ jsx(DeleteOutline, {}),

package/dist/esm/pages/SendToWallet/BookmarksPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"BookmarksPage.js","names":["ListItem","ListItemButton"],"sources":["../../../../src/pages/SendToWallet/BookmarksPage.tsx"],"sourcesContent":["import ContentCopyRounded from '@mui/icons-material/ContentCopyRounded'\nimport DeleteOutline from '@mui/icons-material/DeleteOutlined'\nimport OpenInNewRounded from '@mui/icons-material/OpenInNewRounded'\nimport TurnedIn from '@mui/icons-material/TurnedIn'\nimport { Button, List, ListItemAvatar, ListItemText } from '@mui/material'\nimport { useNavigate } from '@tanstack/react-router'\nimport { type JSX, useRef } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { AccountAvatar } from '../../components/Avatar/AccountAvatar.js'\nimport type { BottomSheetBase } from '../../components/BottomSheet/types.js'\nimport { ContextMenu } from '../../components/ContextMenu.js'\nimport { EmptyListIndicator } from '../../components/EmptyListIndicator/EmptyListIndicator.js'\nimport { ListItem } from '../../components/ListItem/ListItem.js'\nimport { ListItemButton } from '../../components/ListItem/ListItemButton.js'\nimport { PageContainer } from '../../components/PageContainer.js'\nimport { useExplorer } from '../../hooks/useExplorer.js'\nimport { useHeader } from '../../hooks/useHeader.js'\nimport { useListHeight } from '../../hooks/useListHeight.js'\nimport { useToAddressRequirements } from '../../hooks/useToAddressRequirements.js'\nimport type { Bookmark } from '../../stores/bookmarks/types.js'\nimport { useBookmarkActions } from '../../stores/bookmarks/useBookmarkActions.js'\nimport { useBookmarks } from '../../stores/bookmarks/useBookmarks.js'\nimport { useFieldActions } from '../../stores/form/useFieldActions.js'\nimport { defaultChainIdsByType } from '../../utils/chainType.js'\nimport { navigationRoutes } from '../../utils/navigationRoutes.js'\nimport { shortenAddress } from '../../utils/wallet.js'\nimport { BookmarkAddressSheet } from './BookmarkAddressSheet.js'\nimport { BookmarkButtonContainer } from './SendToWalletPage.style.js'\n\nexport const BookmarksPage = (): JSX.Element => {\n  const { t } = useTranslation()\n  const bookmarkAddressSheetRef = useRef<BottomSheetBase>(null)\n  const listParentRef = useRef<HTMLUListElement | null>(null)\n  const buttonRef = useRef<HTMLDivElement | null>(null)\n  const { bookmarks } = useBookmarks()\n  const { requiredToChainType } = useToAddressRequirements()\n  const { addBookmark, removeBookmark, setSelectedBookmark } =\n    useBookmarkActions()\n  const navigate = useNavigate()\n  const { setFieldValue } = useFieldActions()\n  const { getAddressLink } = useExplorer()\n\n  useHeader(t('header.bookmarkedWallets'))\n\n  const { listHeight } = useListHeight({\n    listParentRef,\n    headerRef: buttonRef,\n  })\n\n  const handleAddBookmark = () => {\n    bookmarkAddressSheetRef.current?.open()\n  }\n\n  const handleBookmarkSelected = (bookmark: Bookmark) => {\n    setFieldValue('toAddress', bookmark.address, {\n      isTouched: true,\n      isDirty: true,\n    })\n    setSelectedBookmark(bookmark)\n    navigate({ to: navigationRoutes.home, replace: true })\n  }\n\n  return (\n    <PageContainer disableGutters>\n      <List\n        className=\"long-list\"\n        ref={listParentRef}\n        style={{ height: listHeight, overflow: 'auto' }}\n        disablePadding\n        sx={{ paddingTop: 1.5 }}\n      >\n        {bookmarks.map((bookmark) => (\n          <ListItem key={bookmark.address} sx={{ position: 'relative' }}>\n            <ListItemButton\n              onClick={() => handleBookmarkSelected(bookmark)}\n              disabled={\n                requiredToChainType &&\n                requiredToChainType !== bookmark.chainType\n              }\n            >\n              <ListItemAvatar>\n                <AccountAvatar\n                  chainId={defaultChainIdsByType[bookmark.chainType]}\n                />\n              </ListItemAvatar>\n              <ListItemText\n                primary={bookmark.name}\n                secondary={shortenAddress(bookmark.address)}\n              />\n            </ListItemButton>\n            <ContextMenu\n              disabled={\n                !!(\n                  requiredToChainType &&\n                  requiredToChainType !== bookmark.chainType\n                )\n              }\n              items={[\n                {\n                  icon: <ContentCopyRounded />,\n                  label: t('button.copyAddress'),\n                  onClick: () =>\n                    navigator.clipboard.writeText(bookmark.address),\n                },\n                {\n                  icon: <OpenInNewRounded />,\n                  label: t('button.viewOnExplorer'),\n                  onClick: () =>\n                    window.open(\n                      getAddressLink(\n                        bookmark.address,\n                        defaultChainIdsByType[bookmark.chainType]\n                      ),\n                      '_blank'\n                    ),\n                },\n                {\n                  icon: <DeleteOutline />,\n                  label: t('button.delete'),\n                  onClick: () => removeBookmark(bookmark.address),\n                },\n              ]}\n            />\n          </ListItem>\n        ))}\n        {!bookmarks.length && (\n          <EmptyListIndicator\n            icon={<TurnedIn />}\n            title={t('sendToWallet.noBookmarkedWallets')}\n            message={t('sendToWallet.noBookmarkedWalletsMessage')}\n          />\n        )}\n      </List>\n      <BookmarkButtonContainer ref={buttonRef}>\n        <Button variant=\"contained\" onClick={handleAddBookmark}>\n          {t('sendToWallet.addBookmark')}\n        </Button>\n      </BookmarkButtonContainer>\n      <BookmarkAddressSheet\n        ref={bookmarkAddressSheetRef}\n        onAddBookmark={addBookmark}\n      />\n    </PageContainer>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA,MAAa,sBAAmC;CAC9C,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,0BAA0B,OAAwB,IAAI;CAC5D,MAAM,gBAAgB,OAAgC,IAAI;CAC1D,MAAM,YAAY,OAA8B,IAAI;CACpD,MAAM,EAAE,cAAc,aAAa;CACnC,MAAM,EAAE,wBAAwB,yBAAyB;CACzD,MAAM,EAAE,aAAa,gBAAgB,wBACnC,mBAAmB;CACrB,MAAM,WAAW,YAAY;CAC7B,MAAM,EAAE,kBAAkB,gBAAgB;CAC1C,MAAM,EAAE,mBAAmB,YAAY;CAEvC,UAAU,EAAE,0BAA0B,CAAC;CAEvC,MAAM,EAAE,eAAe,cAAc;EACnC;EACA,WAAW;CACb,CAAC;CAED,MAAM,0BAA0B;EAC9B,wBAAwB,SAAS,KAAK;CACxC;CAEA,MAAM,0BAA0B,aAAuB;EACrD,cAAc,aAAa,SAAS,SAAS;GAC3C,WAAW;GACX,SAAS;EACX,CAAC;EACD,oBAAoB,QAAQ;EAC5B,SAAS;GAAE,IAAI,iBAAiB;GAAM,SAAS;EAAK,CAAC;CACvD;CAEA,OACE,qBAAC,eAAD;EAAe,gBAAA;EAAf,UAAA;GACE,qBAAC,MAAD;IACE,WAAU;IACV,KAAK;IACL,OAAO;KAAE,QAAQ;KAAY,UAAU;IAAO;IAC9C,gBAAA;IACA,IAAI,EAAE,YAAY,IAAI;IALxB,UAAA,CAOG,UAAU,KAAK,aACd,qBAACA,YAAD;KAAiC,IAAI,EAAE,UAAU,WAAW;KAA5D,UAAA,CACE,qBAACC,kBAAD;MACE,eAAe,uBAAuB,QAAQ;MAC9C,UACE,uBACA,wBAAwB,SAAS;MAJrC,UAAA,CAOE,oBAAC,gBAAD,EAAA,UACE,oBAAC,eAAD,EACE,SAAS,sBAAsB,SAAS,WACzC,CAAA,EACa,CAAA,GAChB,oBAAC,cAAD;OACE,SAAS,SAAS;OAClB,WAAW,eAAe,SAAS,OAAO;MAC3C,CAAA,CACa;KAChB,CAAA,GAAA,oBAAC,aAAD;MACE,UACE,CAAC,EACC,uBACA,wBAAwB,SAAS;MAGrC,OAAO;OACL;QACE,MAAM,oBAAC,oBAAD,CAAqB,CAAA;QAC3B,OAAO,EAAE,oBAAoB;QAC7B,eACE,UAAU,UAAU,UAAU,SAAS,OAAO;OAClD;OACA;QACE,MAAM,oBAAC,kBAAD,CAAmB,CAAA;QACzB,OAAO,EAAE,uBAAuB;QAChC,eACE,OAAO,KACL,eACE,SAAS,SACT,sBAAsB,SAAS,UACjC,GACA,QACF;OACJ;OACA;QACE,MAAM,oBAAC,eAAD,CAAgB,CAAA;QACtB,OAAO,EAAE,eAAe;QACxB,eAAe,eAAe,SAAS,OAAO;OAChD;MACF;KACD,CAAA,CACO;IAnDK,GAAA,SAAS,OAmDd,CACX,GACA,CAAC,UAAU,UACV,oBAAC,oBAAD;KACE,MAAM,oBAAC,UAAD,CAAW,CAAA;KACjB,OAAO,EAAE,kCAAkC;KAC3C,SAAS,EAAE,yCAAyC;IACrD,CAAA,CAEC;;GACN,oBAAC,yBAAD;IAAyB,KAAK;IAC5B,UAAA,oBAAC,QAAD;KAAQ,SAAQ;KAAY,SAAS;KAClC,UAAA,EAAE,0BAA0B;IACvB,CAAA;GACe,CAAA;GACzB,oBAAC,sBAAD;IACE,KAAK;IACL,eAAe;GAChB,CAAA;EACY;;AAEnB"}
+{"version":3,"file":"BookmarksPage.js","names":["ListItem","ListItemButton"],"sources":["../../../../src/pages/SendToWallet/BookmarksPage.tsx"],"sourcesContent":["import ContentCopyRounded from '@mui/icons-material/ContentCopyRounded'\nimport DeleteOutline from '@mui/icons-material/DeleteOutlined'\nimport OpenInNewRounded from '@mui/icons-material/OpenInNewRounded'\nimport TurnedIn from '@mui/icons-material/TurnedIn'\nimport { Button, List, ListItemAvatar, ListItemText } from '@mui/material'\nimport { useNavigate } from '@tanstack/react-router'\nimport { type JSX, useRef } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { AccountAvatar } from '../../components/Avatar/AccountAvatar.js'\nimport type { BottomSheetBase } from '../../components/BottomSheet/types.js'\nimport { ContextMenu } from '../../components/ContextMenu.js'\nimport { EmptyListIndicator } from '../../components/EmptyListIndicator/EmptyListIndicator.js'\nimport { ListItem } from '../../components/ListItem/ListItem.js'\nimport { ListItemButton } from '../../components/ListItem/ListItemButton.js'\nimport { PageContainer } from '../../components/PageContainer.js'\nimport { useExplorer } from '../../hooks/useExplorer.js'\nimport { useHeader } from '../../hooks/useHeader.js'\nimport { useListHeight } from '../../hooks/useListHeight.js'\nimport { useToAddressRequirements } from '../../hooks/useToAddressRequirements.js'\nimport type { Bookmark } from '../../stores/bookmarks/types.js'\nimport { useBookmarkActions } from '../../stores/bookmarks/useBookmarkActions.js'\nimport { useBookmarks } from '../../stores/bookmarks/useBookmarks.js'\nimport { useFieldActions } from '../../stores/form/useFieldActions.js'\nimport { defaultChainIdsByType } from '../../utils/chainType.js'\nimport { navigationRoutes } from '../../utils/navigationRoutes.js'\nimport { openInNewTab } from '../../utils/url.js'\nimport { shortenAddress } from '../../utils/wallet.js'\nimport { BookmarkAddressSheet } from './BookmarkAddressSheet.js'\nimport { BookmarkButtonContainer } from './SendToWalletPage.style.js'\n\nexport const BookmarksPage = (): JSX.Element => {\n  const { t } = useTranslation()\n  const bookmarkAddressSheetRef = useRef<BottomSheetBase>(null)\n  const listParentRef = useRef<HTMLUListElement | null>(null)\n  const buttonRef = useRef<HTMLDivElement | null>(null)\n  const { bookmarks } = useBookmarks()\n  const { requiredToChainType } = useToAddressRequirements()\n  const { addBookmark, removeBookmark, setSelectedBookmark } =\n    useBookmarkActions()\n  const navigate = useNavigate()\n  const { setFieldValue } = useFieldActions()\n  const { getAddressLink } = useExplorer()\n\n  useHeader(t('header.bookmarkedWallets'))\n\n  const { listHeight } = useListHeight({\n    listParentRef,\n    headerRef: buttonRef,\n  })\n\n  const handleAddBookmark = () => {\n    bookmarkAddressSheetRef.current?.open()\n  }\n\n  const handleBookmarkSelected = (bookmark: Bookmark) => {\n    setFieldValue('toAddress', bookmark.address, {\n      isTouched: true,\n      isDirty: true,\n    })\n    setSelectedBookmark(bookmark)\n    navigate({ to: navigationRoutes.home, replace: true })\n  }\n\n  return (\n    <PageContainer disableGutters>\n      <List\n        className=\"long-list\"\n        ref={listParentRef}\n        style={{ height: listHeight, overflow: 'auto' }}\n        disablePadding\n        sx={{ paddingTop: 1.5 }}\n      >\n        {bookmarks.map((bookmark) => (\n          <ListItem key={bookmark.address} sx={{ position: 'relative' }}>\n            <ListItemButton\n              onClick={() => handleBookmarkSelected(bookmark)}\n              disabled={\n                requiredToChainType &&\n                requiredToChainType !== bookmark.chainType\n              }\n            >\n              <ListItemAvatar>\n                <AccountAvatar\n                  chainId={defaultChainIdsByType[bookmark.chainType]}\n                />\n              </ListItemAvatar>\n              <ListItemText\n                primary={bookmark.name}\n                secondary={shortenAddress(bookmark.address)}\n              />\n            </ListItemButton>\n            <ContextMenu\n              disabled={\n                !!(\n                  requiredToChainType &&\n                  requiredToChainType !== bookmark.chainType\n                )\n              }\n              items={[\n                {\n                  icon: <ContentCopyRounded />,\n                  label: t('button.copyAddress'),\n                  onClick: () =>\n                    navigator.clipboard.writeText(bookmark.address),\n                },\n                {\n                  icon: <OpenInNewRounded />,\n                  label: t('button.viewOnExplorer'),\n                  onClick: () =>\n                    openInNewTab(\n                      getAddressLink(\n                        bookmark.address,\n                        defaultChainIdsByType[bookmark.chainType]\n                      )\n                    ),\n                },\n                {\n                  icon: <DeleteOutline />,\n                  label: t('button.delete'),\n                  onClick: () => removeBookmark(bookmark.address),\n                },\n              ]}\n            />\n          </ListItem>\n        ))}\n        {!bookmarks.length && (\n          <EmptyListIndicator\n            icon={<TurnedIn />}\n            title={t('sendToWallet.noBookmarkedWallets')}\n            message={t('sendToWallet.noBookmarkedWalletsMessage')}\n          />\n        )}\n      </List>\n      <BookmarkButtonContainer ref={buttonRef}>\n        <Button variant=\"contained\" onClick={handleAddBookmark}>\n          {t('sendToWallet.addBookmark')}\n        </Button>\n      </BookmarkButtonContainer>\n      <BookmarkAddressSheet\n        ref={bookmarkAddressSheetRef}\n        onAddBookmark={addBookmark}\n      />\n    </PageContainer>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BA,MAAa,sBAAmC;CAC9C,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,0BAA0B,OAAwB,IAAI;CAC5D,MAAM,gBAAgB,OAAgC,IAAI;CAC1D,MAAM,YAAY,OAA8B,IAAI;CACpD,MAAM,EAAE,cAAc,aAAa;CACnC,MAAM,EAAE,wBAAwB,yBAAyB;CACzD,MAAM,EAAE,aAAa,gBAAgB,wBACnC,mBAAmB;CACrB,MAAM,WAAW,YAAY;CAC7B,MAAM,EAAE,kBAAkB,gBAAgB;CAC1C,MAAM,EAAE,mBAAmB,YAAY;CAEvC,UAAU,EAAE,0BAA0B,CAAC;CAEvC,MAAM,EAAE,eAAe,cAAc;EACnC;EACA,WAAW;CACb,CAAC;CAED,MAAM,0BAA0B;EAC9B,wBAAwB,SAAS,KAAK;CACxC;CAEA,MAAM,0BAA0B,aAAuB;EACrD,cAAc,aAAa,SAAS,SAAS;GAC3C,WAAW;GACX,SAAS;EACX,CAAC;EACD,oBAAoB,QAAQ;EAC5B,SAAS;GAAE,IAAI,iBAAiB;GAAM,SAAS;EAAK,CAAC;CACvD;CAEA,OACE,qBAAC,eAAD;EAAe,gBAAA;EAAf,UAAA;GACE,qBAAC,MAAD;IACE,WAAU;IACV,KAAK;IACL,OAAO;KAAE,QAAQ;KAAY,UAAU;IAAO;IAC9C,gBAAA;IACA,IAAI,EAAE,YAAY,IAAI;IALxB,UAAA,CAOG,UAAU,KAAK,aACd,qBAACA,YAAD;KAAiC,IAAI,EAAE,UAAU,WAAW;KAA5D,UAAA,CACE,qBAACC,kBAAD;MACE,eAAe,uBAAuB,QAAQ;MAC9C,UACE,uBACA,wBAAwB,SAAS;MAJrC,UAAA,CAOE,oBAAC,gBAAD,EAAA,UACE,oBAAC,eAAD,EACE,SAAS,sBAAsB,SAAS,WACzC,CAAA,EACa,CAAA,GAChB,oBAAC,cAAD;OACE,SAAS,SAAS;OAClB,WAAW,eAAe,SAAS,OAAO;MAC3C,CAAA,CACa;KAChB,CAAA,GAAA,oBAAC,aAAD;MACE,UACE,CAAC,EACC,uBACA,wBAAwB,SAAS;MAGrC,OAAO;OACL;QACE,MAAM,oBAAC,oBAAD,CAAqB,CAAA;QAC3B,OAAO,EAAE,oBAAoB;QAC7B,eACE,UAAU,UAAU,UAAU,SAAS,OAAO;OAClD;OACA;QACE,MAAM,oBAAC,kBAAD,CAAmB,CAAA;QACzB,OAAO,EAAE,uBAAuB;QAChC,eACE,aACE,eACE,SAAS,SACT,sBAAsB,SAAS,UACjC,CACF;OACJ;OACA;QACE,MAAM,oBAAC,eAAD,CAAgB,CAAA;QACtB,OAAO,EAAE,eAAe;QACxB,eAAe,eAAe,SAAS,OAAO;OAChD;MACF;KACD,CAAA,CACO;IAlDK,GAAA,SAAS,OAkDd,CACX,GACA,CAAC,UAAU,UACV,oBAAC,oBAAD;KACE,MAAM,oBAAC,UAAD,CAAW,CAAA;KACjB,OAAO,EAAE,kCAAkC;KAC3C,SAAS,EAAE,yCAAyC;IACrD,CAAA,CAEC;;GACN,oBAAC,yBAAD;IAAyB,KAAK;IAC5B,UAAA,oBAAC,QAAD;KAAQ,SAAQ;KAAY,SAAS;KAClC,UAAA,EAAE,0BAA0B;IACvB,CAAA;GACe,CAAA;GACzB,oBAAC,sBAAD;IACE,KAAK;IACL,eAAe;GAChB,CAAA;EACY;;AAEnB"}

package/dist/esm/pages/SendToWallet/ConnectedWalletsPage.js

@@ -4,6 +4,7 @@ import { useFieldActions } from "../../stores/form/useFieldActions.js";
 import { PageContainer } from "../../components/PageContainer.js";
 import { useToAddressRequirements } from "../../hooks/useToAddressRequirements.js";
 import { shortenAddress } from "../../utils/wallet.js";
+import { openInNewTab } from "../../utils/url.js";
 import { useExplorer } from "../../hooks/useExplorer.js";
 import { useHeader } from "../../hooks/useHeader.js";
 import { useListHeight } from "../../hooks/useListHeight.js";
@@ -72,7 +73,7 @@ const ConnectedWalletsPage = () => {
 					icon: /* @__PURE__ */ jsx(OpenInNewRounded, {}),
 					label: t("button.viewOnExplorer"),
 					onClick: () => {
-						if (account.address) window.open(getAddressLink(account.address, account.chainId), "_blank");
+						if (account.address) openInNewTab(getAddressLink(account.address, account.chainId));
 					}
 				}] : []];
 				return /* @__PURE__ */ jsxs(ListItem$1, {

package/dist/esm/pages/SendToWallet/ConnectedWalletsPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConnectedWalletsPage.js","names":["ListItem","ListItemButton"],"sources":["../../../../src/pages/SendToWallet/ConnectedWalletsPage.tsx"],"sourcesContent":["import { useAccount } from '@lifi/wallet-management'\nimport type { Account } from '@lifi/widget-provider'\nimport ContentCopyRounded from '@mui/icons-material/ContentCopyRounded'\nimport OpenInNewRounded from '@mui/icons-material/OpenInNewRounded'\nimport Wallet from '@mui/icons-material/Wallet'\nimport { List, ListItemAvatar, ListItemText } from '@mui/material'\nimport { useNavigate } from '@tanstack/react-router'\nimport { type JSX, useRef } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { AccountAvatar } from '../../components/Avatar/AccountAvatar.js'\nimport { ContextMenu } from '../../components/ContextMenu.js'\nimport { EmptyListIndicator } from '../../components/EmptyListIndicator/EmptyListIndicator.js'\nimport { ListItem } from '../../components/ListItem/ListItem.js'\nimport { ListItemButton } from '../../components/ListItem/ListItemButton.js'\nimport { PageContainer } from '../../components/PageContainer.js'\nimport { useExplorer } from '../../hooks/useExplorer.js'\nimport { useHeader } from '../../hooks/useHeader.js'\nimport { useListHeight } from '../../hooks/useListHeight.js'\nimport { useToAddressRequirements } from '../../hooks/useToAddressRequirements.js'\nimport { useBookmarkActions } from '../../stores/bookmarks/useBookmarkActions.js'\nimport { useFieldActions } from '../../stores/form/useFieldActions.js'\nimport { navigationRoutes } from '../../utils/navigationRoutes.js'\nimport { shortenAddress } from '../../utils/wallet.js'\n\nexport const ConnectedWalletsPage = (): JSX.Element => {\n  const { t } = useTranslation()\n  const { accounts } = useAccount()\n  const { setSelectedBookmark } = useBookmarkActions()\n  const { requiredToChainType } = useToAddressRequirements()\n  const navigate = useNavigate()\n  const { setFieldValue } = useFieldActions()\n  const { getAddressLink } = useExplorer()\n  const listParentRef = useRef<HTMLUListElement | null>(null)\n\n  useHeader(t('sendToWallet.connectedWallets'))\n\n  const { listHeight } = useListHeight({ listParentRef })\n\n  const handleWalletSelected = (account: Account) => {\n    setFieldValue('toAddress', account.address!, {\n      isTouched: true,\n      isDirty: true,\n    })\n    setSelectedBookmark({\n      name: account.connector?.name,\n      address: account.address!,\n      chainType: account.chainType!,\n      isConnectedAccount: true,\n    })\n    navigate({\n      to: navigationRoutes.home,\n      replace: true,\n    })\n  }\n\n  return (\n    <PageContainer disableGutters>\n      <List\n        className=\"long-list\"\n        ref={listParentRef}\n        style={{ height: listHeight, overflow: 'auto' }}\n        disablePadding\n        sx={{ paddingTop: 1.5 }}\n      >\n        {accounts.map((account) => {\n          const walletAddress = shortenAddress(account.address)\n          const menuItems = [\n            {\n              icon: <ContentCopyRounded />,\n              label: t('button.copyAddress'),\n              onClick: () => {\n                if (account.address) {\n                  navigator.clipboard.writeText(account.address)\n                }\n              },\n            },\n            ...(account.chainId\n              ? [\n                  {\n                    icon: <OpenInNewRounded />,\n                    label: t('button.viewOnExplorer'),\n                    onClick: () => {\n                      if (account.address) {\n                        window.open(\n                          getAddressLink(account.address, account.chainId),\n                          '_blank'\n                        )\n                      }\n                    },\n                  },\n                ]\n              : []),\n          ]\n\n          return (\n            <ListItem key={account.address} sx={{ position: 'relative' }}>\n              <ListItemButton\n                onClick={() => handleWalletSelected(account)}\n                disabled={\n                  requiredToChainType &&\n                  requiredToChainType !== account.chainType\n                }\n              >\n                <ListItemAvatar>\n                  <AccountAvatar chainId={account.chainId} account={account} />\n                </ListItemAvatar>\n                <ListItemText\n                  primary={account.connector?.name}\n                  secondary={walletAddress}\n                />\n              </ListItemButton>\n              <ContextMenu\n                items={menuItems}\n                disabled={\n                  !!(\n                    requiredToChainType &&\n                    requiredToChainType !== account.chainType\n                  )\n                }\n              />\n            </ListItem>\n          )\n        })}\n        {!accounts.length && (\n          <EmptyListIndicator\n            icon={<Wallet />}\n            title={t('sendToWallet.noConnectedWallets')}\n            message={t('sendToWallet.noConnectedWalletsMessage')}\n          />\n        )}\n      </List>\n    </PageContainer>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAwBA,MAAa,6BAA0C;CACrD,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,EAAE,aAAa,WAAW;CAChC,MAAM,EAAE,wBAAwB,mBAAmB;CACnD,MAAM,EAAE,wBAAwB,yBAAyB;CACzD,MAAM,WAAW,YAAY;CAC7B,MAAM,EAAE,kBAAkB,gBAAgB;CAC1C,MAAM,EAAE,mBAAmB,YAAY;CACvC,MAAM,gBAAgB,OAAgC,IAAI;CAE1D,UAAU,EAAE,+BAA+B,CAAC;CAE5C,MAAM,EAAE,eAAe,cAAc,EAAE,cAAc,CAAC;CAEtD,MAAM,wBAAwB,YAAqB;EACjD,cAAc,aAAa,QAAQ,SAAU;GAC3C,WAAW;GACX,SAAS;EACX,CAAC;EACD,oBAAoB;GAClB,MAAM,QAAQ,WAAW;GACzB,SAAS,QAAQ;GACjB,WAAW,QAAQ;GACnB,oBAAoB;EACtB,CAAC;EACD,SAAS;GACP,IAAI,iBAAiB;GACrB,SAAS;EACX,CAAC;CACH;CAEA,OACE,oBAAC,eAAD;EAAe,gBAAA;EACb,UAAA,qBAAC,MAAD;GACE,WAAU;GACV,KAAK;GACL,OAAO;IAAE,QAAQ;IAAY,UAAU;GAAO;GAC9C,gBAAA;GACA,IAAI,EAAE,YAAY,IAAI;GALxB,UAAA,CAOG,SAAS,KAAK,YAAY;IACzB,MAAM,gBAAgB,eAAe,QAAQ,OAAO;IACpD,MAAM,YAAY,CAChB;KACE,MAAM,oBAAC,oBAAD,CAAqB,CAAA;KAC3B,OAAO,EAAE,oBAAoB;KAC7B,eAAe;MACb,IAAI,QAAQ,SACV,UAAU,UAAU,UAAU,QAAQ,OAAO;KAEjD;IACF,GACA,GAAI,QAAQ,UACR,CACE;KACE,MAAM,oBAAC,kBAAD,CAAmB,CAAA;KACzB,OAAO,EAAE,uBAAuB;KAChC,eAAe;MACb,IAAI,QAAQ,SACV,OAAO,KACL,eAAe,QAAQ,SAAS,QAAQ,OAAO,GAC/C,QACF;KAEJ;IACF,CACF,IACA,CAAC,CACP;IAEA,OACE,qBAACA,YAAD;KAAgC,IAAI,EAAE,UAAU,WAAW;KAA3D,UAAA,CACE,qBAACC,kBAAD;MACE,eAAe,qBAAqB,OAAO;MAC3C,UACE,uBACA,wBAAwB,QAAQ;MAJpC,UAAA,CAOE,oBAAC,gBAAD,EAAA,UACE,oBAAC,eAAD;OAAe,SAAS,QAAQ;OAAkB;MAAU,CAAA,EAC9C,CAAA,GAChB,oBAAC,cAAD;OACE,SAAS,QAAQ,WAAW;OAC5B,WAAW;MACZ,CAAA,CACa;KAChB,CAAA,GAAA,oBAAC,aAAD;MACE,OAAO;MACP,UACE,CAAC,EACC,uBACA,wBAAwB,QAAQ;KAGrC,CAAA,CACO;IAzBK,GAAA,QAAQ,OAyBb;GAEd,CAAC,GACA,CAAC,SAAS,UACT,oBAAC,oBAAD;IACE,MAAM,oBAAC,QAAD,CAAS,CAAA;IACf,OAAO,EAAE,iCAAiC;IAC1C,SAAS,EAAE,wCAAwC;GACpD,CAAA,CAEC;;CACO,CAAA;AAEnB"}
+{"version":3,"file":"ConnectedWalletsPage.js","names":["ListItem","ListItemButton"],"sources":["../../../../src/pages/SendToWallet/ConnectedWalletsPage.tsx"],"sourcesContent":["import { useAccount } from '@lifi/wallet-management'\nimport type { Account } from '@lifi/widget-provider'\nimport ContentCopyRounded from '@mui/icons-material/ContentCopyRounded'\nimport OpenInNewRounded from '@mui/icons-material/OpenInNewRounded'\nimport Wallet from '@mui/icons-material/Wallet'\nimport { List, ListItemAvatar, ListItemText } from '@mui/material'\nimport { useNavigate } from '@tanstack/react-router'\nimport { type JSX, useRef } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { AccountAvatar } from '../../components/Avatar/AccountAvatar.js'\nimport { ContextMenu } from '../../components/ContextMenu.js'\nimport { EmptyListIndicator } from '../../components/EmptyListIndicator/EmptyListIndicator.js'\nimport { ListItem } from '../../components/ListItem/ListItem.js'\nimport { ListItemButton } from '../../components/ListItem/ListItemButton.js'\nimport { PageContainer } from '../../components/PageContainer.js'\nimport { useExplorer } from '../../hooks/useExplorer.js'\nimport { useHeader } from '../../hooks/useHeader.js'\nimport { useListHeight } from '../../hooks/useListHeight.js'\nimport { useToAddressRequirements } from '../../hooks/useToAddressRequirements.js'\nimport { useBookmarkActions } from '../../stores/bookmarks/useBookmarkActions.js'\nimport { useFieldActions } from '../../stores/form/useFieldActions.js'\nimport { navigationRoutes } from '../../utils/navigationRoutes.js'\nimport { openInNewTab } from '../../utils/url.js'\nimport { shortenAddress } from '../../utils/wallet.js'\n\nexport const ConnectedWalletsPage = (): JSX.Element => {\n  const { t } = useTranslation()\n  const { accounts } = useAccount()\n  const { setSelectedBookmark } = useBookmarkActions()\n  const { requiredToChainType } = useToAddressRequirements()\n  const navigate = useNavigate()\n  const { setFieldValue } = useFieldActions()\n  const { getAddressLink } = useExplorer()\n  const listParentRef = useRef<HTMLUListElement | null>(null)\n\n  useHeader(t('sendToWallet.connectedWallets'))\n\n  const { listHeight } = useListHeight({ listParentRef })\n\n  const handleWalletSelected = (account: Account) => {\n    setFieldValue('toAddress', account.address!, {\n      isTouched: true,\n      isDirty: true,\n    })\n    setSelectedBookmark({\n      name: account.connector?.name,\n      address: account.address!,\n      chainType: account.chainType!,\n      isConnectedAccount: true,\n    })\n    navigate({\n      to: navigationRoutes.home,\n      replace: true,\n    })\n  }\n\n  return (\n    <PageContainer disableGutters>\n      <List\n        className=\"long-list\"\n        ref={listParentRef}\n        style={{ height: listHeight, overflow: 'auto' }}\n        disablePadding\n        sx={{ paddingTop: 1.5 }}\n      >\n        {accounts.map((account) => {\n          const walletAddress = shortenAddress(account.address)\n          const menuItems = [\n            {\n              icon: <ContentCopyRounded />,\n              label: t('button.copyAddress'),\n              onClick: () => {\n                if (account.address) {\n                  navigator.clipboard.writeText(account.address)\n                }\n              },\n            },\n            ...(account.chainId\n              ? [\n                  {\n                    icon: <OpenInNewRounded />,\n                    label: t('button.viewOnExplorer'),\n                    onClick: () => {\n                      if (account.address) {\n                        openInNewTab(\n                          getAddressLink(account.address, account.chainId)\n                        )\n                      }\n                    },\n                  },\n                ]\n              : []),\n          ]\n\n          return (\n            <ListItem key={account.address} sx={{ position: 'relative' }}>\n              <ListItemButton\n                onClick={() => handleWalletSelected(account)}\n                disabled={\n                  requiredToChainType &&\n                  requiredToChainType !== account.chainType\n                }\n              >\n                <ListItemAvatar>\n                  <AccountAvatar chainId={account.chainId} account={account} />\n                </ListItemAvatar>\n                <ListItemText\n                  primary={account.connector?.name}\n                  secondary={walletAddress}\n                />\n              </ListItemButton>\n              <ContextMenu\n                items={menuItems}\n                disabled={\n                  !!(\n                    requiredToChainType &&\n                    requiredToChainType !== account.chainType\n                  )\n                }\n              />\n            </ListItem>\n          )\n        })}\n        {!accounts.length && (\n          <EmptyListIndicator\n            icon={<Wallet />}\n            title={t('sendToWallet.noConnectedWallets')}\n            message={t('sendToWallet.noConnectedWalletsMessage')}\n          />\n        )}\n      </List>\n    </PageContainer>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAyBA,MAAa,6BAA0C;CACrD,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,EAAE,aAAa,WAAW;CAChC,MAAM,EAAE,wBAAwB,mBAAmB;CACnD,MAAM,EAAE,wBAAwB,yBAAyB;CACzD,MAAM,WAAW,YAAY;CAC7B,MAAM,EAAE,kBAAkB,gBAAgB;CAC1C,MAAM,EAAE,mBAAmB,YAAY;CACvC,MAAM,gBAAgB,OAAgC,IAAI;CAE1D,UAAU,EAAE,+BAA+B,CAAC;CAE5C,MAAM,EAAE,eAAe,cAAc,EAAE,cAAc,CAAC;CAEtD,MAAM,wBAAwB,YAAqB;EACjD,cAAc,aAAa,QAAQ,SAAU;GAC3C,WAAW;GACX,SAAS;EACX,CAAC;EACD,oBAAoB;GAClB,MAAM,QAAQ,WAAW;GACzB,SAAS,QAAQ;GACjB,WAAW,QAAQ;GACnB,oBAAoB;EACtB,CAAC;EACD,SAAS;GACP,IAAI,iBAAiB;GACrB,SAAS;EACX,CAAC;CACH;CAEA,OACE,oBAAC,eAAD;EAAe,gBAAA;EACb,UAAA,qBAAC,MAAD;GACE,WAAU;GACV,KAAK;GACL,OAAO;IAAE,QAAQ;IAAY,UAAU;GAAO;GAC9C,gBAAA;GACA,IAAI,EAAE,YAAY,IAAI;GALxB,UAAA,CAOG,SAAS,KAAK,YAAY;IACzB,MAAM,gBAAgB,eAAe,QAAQ,OAAO;IACpD,MAAM,YAAY,CAChB;KACE,MAAM,oBAAC,oBAAD,CAAqB,CAAA;KAC3B,OAAO,EAAE,oBAAoB;KAC7B,eAAe;MACb,IAAI,QAAQ,SACV,UAAU,UAAU,UAAU,QAAQ,OAAO;KAEjD;IACF,GACA,GAAI,QAAQ,UACR,CACE;KACE,MAAM,oBAAC,kBAAD,CAAmB,CAAA;KACzB,OAAO,EAAE,uBAAuB;KAChC,eAAe;MACb,IAAI,QAAQ,SACV,aACE,eAAe,QAAQ,SAAS,QAAQ,OAAO,CACjD;KAEJ;IACF,CACF,IACA,CAAC,CACP;IAEA,OACE,qBAACA,YAAD;KAAgC,IAAI,EAAE,UAAU,WAAW;KAA3D,UAAA,CACE,qBAACC,kBAAD;MACE,eAAe,qBAAqB,OAAO;MAC3C,UACE,uBACA,wBAAwB,QAAQ;MAJpC,UAAA,CAOE,oBAAC,gBAAD,EAAA,UACE,oBAAC,eAAD;OAAe,SAAS,QAAQ;OAAkB;MAAU,CAAA,EAC9C,CAAA,GAChB,oBAAC,cAAD;OACE,SAAS,QAAQ,WAAW;OAC5B,WAAW;MACZ,CAAA,CACa;KAChB,CAAA,GAAA,oBAAC,aAAD;MACE,OAAO;MACP,UACE,CAAC,EACC,uBACA,wBAAwB,QAAQ;KAGrC,CAAA,CACO;IAzBK,GAAA,QAAQ,OAyBb;GAEd,CAAC,GACA,CAAC,SAAS,UACT,oBAAC,oBAAD;IACE,MAAM,oBAAC,QAAD,CAAS,CAAA;IACf,OAAO,EAAE,iCAAiC;IAC1C,SAAS,EAAE,wCAAwC;GACpD,CAAA,CAEC;;CACO,CAAA;AAEnB"}