@rango-dev/widget-embedded 0.51.1-next.6 → 0.51.1-next.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rango-dev/widget-embedded",
-  "version": "0.51.1-next.6",
+  "version": "0.51.1-next.7",
   "license": "MIT",
   "type": "module",
   "source": "./src/index.ts",
@@ -25,15 +25,15 @@
     "@lingui/core": "4.2.1",
     "@lingui/react": "4.2.1",
     "@rango-dev/logging-core": "^0.11.0",
-    "@rango-dev/provider-all": "^0.53.1-next.1",
+    "@rango-dev/provider-all": "^0.53.1-next.2",
     "@rango-dev/queue-manager-core": "^0.32.1-next.0",
-    "@rango-dev/queue-manager-rango-preset": "^0.53.1-next.1",
+    "@rango-dev/queue-manager-rango-preset": "^0.53.1-next.2",
     "@rango-dev/queue-manager-react": "^0.32.1-next.0",
     "@rango-dev/signer-solana": "^0.44.0",
-    "@rango-dev/ui": "^0.54.1-next.2",
-    "@rango-dev/wallets-core": "^0.50.1-next.0",
-    "@rango-dev/wallets-react": "^0.37.1-next.1",
-    "@rango-dev/wallets-shared": "^0.51.1-next.0",
+    "@rango-dev/ui": "^0.54.1-next.3",
+    "@rango-dev/wallets-core": "^0.50.1-next.1",
+    "@rango-dev/wallets-react": "^0.37.1-next.2",
+    "@rango-dev/wallets-shared": "^0.51.1-next.1",
     "bignumber.js": "^9.1.1",
     "copy-to-clipboard": "^3.3.3",
     "dayjs": "^1.11.7",

package/src/components/ConfirmWalletsModal/WalletList.tsx

@@ -15,7 +15,6 @@ import React, { useEffect, useState } from 'react';
 
 import { useWallets } from '../..';
 import { WIDGET_UI_ID } from '../../constants';
-import { useDeepLink } from '../../hooks/useDeepLink';
 import { useWalletList } from '../../hooks/useWalletList';
 import { useAppStore } from '../../store/AppStore';
 import { useUiStore } from '../../store/ui';
@@ -39,7 +38,7 @@ export function WalletList(props: PropTypes) {
   const { chain, quoteChains, isSelected, selectWallet, limit, onShowMore } =
     props;
   const isActiveTab = useUiStore.use.isActiveTab();
-  const { checkHasDeepLink, getWalletLink } = useDeepLink();
+
   const { blockchains, connectedWallets } = useAppStore();
   const [selectedWalletToConnect, setSelectedWalletToConnect] =
     useState<ExtendedModalWalletInfo>();
@@ -162,9 +161,7 @@ export function WalletList(props: PropTypes) {
           }
         };
 
-        const info = makeInfo(wallet.state, {
-          hasDeepLink: checkHasDeepLink(wallet.type),
-        });
+        const info = makeInfo(wallet.state);
 
         const getWalletDescription = () => {
           if (couldAddExperimentalChain) {
@@ -235,7 +232,6 @@ export function WalletList(props: PropTypes) {
               </WatermarkedModal>
             )}
             <SelectableWallet
-              hasDeepLink={checkHasDeepLink(wallet.type)}
               key={wallet.type}
               id="widget-wallets-list-selectable-wallet-btn"
               description={getWalletDescription()}
@@ -244,7 +240,6 @@ export function WalletList(props: PropTypes) {
               selected={isSelected(wallet.type, chain)}
               disabled={!isActiveTab}
               {...wallet}
-              link={getWalletLink(wallet.type)}
             />
           </React.Fragment>
         );

package/src/hooks/useWalletList.ts

@@ -20,7 +20,6 @@ import {
   sortWalletsBasedOnConnectionState,
 } from '../utils/wallets';
 
-import { useDeepLink } from './useDeepLink';
 import { useStatefulConnect } from './useStatefulConnect/useStatefulConnect';
 
 interface Params {
@@ -45,7 +44,6 @@ export function useWalletList(params?: Params): API {
   const { state, getWalletInfo } = useWallets();
   const blockchains = useAppStore().blockchains();
   const { handleDisconnect } = useStatefulConnect();
-  const { checkHasDeepLink } = useDeepLink();
 
   /** It can be what has been set by widget config or as a fallback we use all the supported wallets by our library */
   const listAvailableWalletTypes = configWalletsToWalletName(
@@ -62,8 +60,7 @@ export function useWalletList(params?: Params): API {
   wallets = detectMobileScreens()
     ? wallets.filter(
         (wallet) =>
-          wallet.showOnMobile !== false &&
-          (state(wallet.type).installed || checkHasDeepLink(wallet.type))
+          wallet.showOnMobile !== false && state(wallet.type).installed
       )
     : wallets;
 

package/src/pages/WalletsPage.tsx

@@ -13,7 +13,6 @@ import React, { useState } from 'react';
 
 import { Layout, PageContainer } from '../components/Layout';
 import { StatefulConnectModal } from '../components/StatefulConnectModal';
-import { useDeepLink } from '../hooks/useDeepLink';
 import { useWalletList } from '../hooks/useWalletList';
 import { useAppStore } from '../store/AppStore';
 import { useUiStore } from '../store/ui';
@@ -42,7 +41,6 @@ export function WalletsPage() {
   const [blockchainCategory, setBlockchainCategory] = useState<string>('ALL');
   const blockchains = useAppStore().blockchains();
   const { config } = useAppStore();
-  const { checkHasDeepLink, getWalletLink } = useDeepLink();
   const [selectedWalletToConnect, setSelectedWalletToConnect] =
     useState<WalletInfoWithExtra>();
   const isActiveTab = useUiStore.use.isActiveTab();
@@ -90,8 +88,6 @@ export function WalletsPage() {
               <Wallet
                 key={key}
                 {...wallet}
-                hasDeepLink={checkHasDeepLink(wallet.type)}
-                link={getWalletLink(wallet.type)}
                 state={wallet.state}
                 container={getContainer()}
                 onClick={() => handleWalletItemClick(wallet)}

package/src/types/config.ts

@@ -176,19 +176,7 @@ export type TrezorManifest = {
   appUrl: string;
   email: string;
 };
-/**
- * `DeepLinking`
- *
- * @property {string} [targetUrl]
- * - The URL to be opened in the provider's in-app browser.
- *
- * @property {string} [appHost]
- * - The full domain of the app, excluding the protocol (https://), path, and query parameters.
- */
-export type DeepLinking = {
-  targetUrl: string;
-  appHost: string;
-};
+
 /**
  *
  * @property {string} manifestUrl - The URL of the TON Connect [manifest]{@link https://github.com/ton-connect/docs/blob/main/requests-responses.md#app-manifest}, containing the Dapp metadata to be displayed in the user’s wallet.
@@ -236,7 +224,6 @@ export type TonConnectConfig = {
  * @property {WidgetTheme} theme - The `theme` property is a part of the `WidgetConfig` type and is
  * used to specify the visual theme of the widget. It is of type `WidgetTheme`, which is an interface
  * that defines the various properties of the theme, such as colors, fonts, and others.
- * @property {DeepLinking} deepLinking - Configures deep linking parameters for providers that support it.
  * @property {boolean} externalWallets
  * If `externalWallets` is `true`, you should add `WidgetWallets` to your app.
  * @property {boolean} excludeLiquiditySources - The `excludeLiquiditySources` property is a boolean value that when you
@@ -279,7 +266,6 @@ export type WidgetConfig = {
   defaultCustomDestinations?: { [blockchain: string]: string };
   language?: Language;
   theme?: WidgetTheme;
-  deepLinking?: DeepLinking;
   externalWallets?: boolean;
   excludeLiquiditySources?: boolean;
   features?: Features;

package/src/utils/wallets.ts

@@ -125,6 +125,7 @@ export function mapWalletTypesToWalletInfo(
       };
     });
 }
+
 export function walletAndSupportedChainsNames(
   supportedBlockchains: BlockchainMeta[]
 ): Network[] | null {

package/dist/hooks/useDeepLink.d.ts

@@ -1,7 +0,0 @@
-import type { InstallObjects } from '@rango-dev/wallets-shared';
-export declare function useDeepLink(): {
-    getWalletDeepLink: (walletType: string) => string | undefined;
-    getWalletLink: (walletType: string) => string | InstallObjects;
-    checkHasDeepLink: (walletType: string) => boolean;
-};
-//# sourceMappingURL=useDeepLink.d.ts.map

package/dist/hooks/useDeepLink.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useDeepLink.d.ts","sourceRoot":"","sources":["../../src/hooks/useDeepLink.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAOhE,wBAAgB,WAAW;oCAKc,MAAM,KAAG,MAAM,GAAG,SAAS;gCAsB/B,MAAM,KAAG,MAAM,GAAG,cAAc;mCAS7B,MAAM,KAAG,OAAO;EAIvD"}

package/src/hooks/useDeepLink.ts

@@ -1,48 +0,0 @@
-import type { InstallObjects } from '@rango-dev/wallets-shared';
-
-import { useWallets } from '@rango-dev/wallets-react';
-import { detectMobileScreens } from '@rango-dev/wallets-shared';
-
-import { useAppStore } from '../store/AppStore';
-
-export function useDeepLink() {
-  const { getWalletInfo } = useWallets();
-  const { config } = useAppStore();
-  const isMobileScreen = detectMobileScreens();
-
-  function getWalletDeepLink(walletType: string): string | undefined {
-    const wallet = getWalletInfo(walletType);
-    const appHost = config.deepLinking?.appHost;
-    const targetUrl = config.deepLinking?.targetUrl;
-    if (!appHost || !targetUrl) {
-      return;
-    }
-    return wallet.generateDeepLink?.({
-      appHost,
-      targetUrl,
-    });
-  }
-
-  /**
-   * Returns the appropriate wallet link based on the given wallet type.
-   *
-   * If a deep link is available and the user is on a mobile screen, the deep link is returned.
-   * Otherwise, it falls back to returning the wallet's install link.
-   *
-   * @param {string} walletType - The type of the wallet (e.g., 'metamask', 'trust-wallet').
-   * @returns {string | InstallObjects} - A deep link string if available on mobile, or an install link object otherwise.
-   */
-  function getWalletLink(walletType: string): string | InstallObjects {
-    const deepLink = getWalletDeepLink(walletType);
-    if (deepLink && isMobileScreen) {
-      return deepLink;
-    }
-    const wallet = getWalletInfo(walletType);
-    return wallet.installLink;
-  }
-
-  function checkHasDeepLink(walletType: string): boolean {
-    return !!getWalletDeepLink(walletType) && isMobileScreen;
-  }
-  return { getWalletDeepLink, getWalletLink, checkHasDeepLink };
-}