@rango-dev/ui 0.51.1-next.0 → 0.52.1-next.0

package/dist/widget/ui/src/components/Wallet/ClickableWallet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ClickableWallet.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Wallet/ClickableWallet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGzD,OAAO,KAAK,MAAM,OAAO,CAAC;AAkB1B,iBAAS,MAAM,CAAC,KAAK,EAAE,eAAe,qBA4DrC;AAED,eAAe,MAAM,CAAC"}
+{"version":3,"file":"ClickableWallet.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Wallet/ClickableWallet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGzD,OAAO,KAAK,MAAM,OAAO,CAAC;AAkB1B,iBAAS,MAAM,CAAC,KAAK,EAAE,eAAe,qBAuErC;AAED,eAAe,MAAM,CAAC"}

package/dist/widget/ui/src/components/Wallet/Wallet.helpers.d.ts

@@ -1,4 +1,4 @@
-import type { Info } from './Wallet.types.js';
+import type { Info, MakeInfoOptions } from './Wallet.types.js';
 import { WalletState } from './Wallet.types.js';
-export declare function makeInfo(state: WalletState): Info;
+export declare function makeInfo(state: WalletState, options?: MakeInfoOptions): Info;
 //# sourceMappingURL=Wallet.helpers.d.ts.map

package/dist/widget/ui/src/components/Wallet/Wallet.helpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Wallet.helpers.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Wallet/Wallet.helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAI9C,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD,wBAAgB,QAAQ,CAAC,KAAK,EAAE,WAAW,GAAG,IAAI,CAmCjD"}
+{"version":3,"file":"Wallet.helpers.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Wallet/Wallet.helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAI/D,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD,wBAAgB,QAAQ,CAAC,KAAK,EAAE,WAAW,EAAE,OAAO,CAAC,EAAE,eAAe,GAAG,IAAI,CA0C5E"}

package/dist/widget/ui/src/components/Wallet/Wallet.types.d.ts

@@ -19,6 +19,9 @@ export type WalletInfo = {
     needsNamespace?: LegacyWalletInfo['needsNamespace'];
     needsDerivationPath?: LegacyWalletInfo['needsDerivationPath'];
 };
+export interface MakeInfoOptions {
+    hasDeepLink: boolean;
+}
 export interface Info {
     color: string;
     description: string;
@@ -37,6 +40,7 @@ export interface WalletPropTypes {
     link: InstallObjects | string;
     type: WalletType;
     onClick: (type: WalletType) => void;
+    hasDeepLink: boolean;
     selected?: boolean;
     description?: string;
     isLoading?: boolean;

package/dist/widget/ui/src/components/Wallet/Wallet.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Wallet.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Wallet/Wallet.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAC5E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAEnD,oBAAY,WAAW;IACrB,aAAa,kBAAkB;IAC/B,YAAY,iBAAiB;IAC7B,UAAU,eAAe;IACzB,SAAS,cAAc;IACvB,mBAAmB,wBAAwB;CAC5C;AAED,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,WAAW,CAAC;IACnB,IAAI,EAAE,cAAc,GAAG,MAAM,CAAC;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,EAAE,eAAe,EAAE,CAAC;IACnC,cAAc,CAAC,EAAE,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;IACpD,mBAAmB,CAAC,EAAE,gBAAgB,CAAC,qBAAqB,CAAC,CAAC;CAC/D,CAAC;AAEF,MAAM,WAAW,IAAI;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,WAAW,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,cAAc,GAAG,MAAM,CAAC;IAC9B,IAAI,EAAE,UAAU,CAAC;IACjB,OAAO,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,MAAM,mBAAmB,GAAG,eAAe,GAAG;IAClD,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,gBAAgB,EAAE,MAAM,CAAC;CAC1B,CAAC"}
+{"version":3,"file":"Wallet.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Wallet/Wallet.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAC5E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAEnD,oBAAY,WAAW;IACrB,aAAa,kBAAkB;IAC/B,YAAY,iBAAiB;IAC7B,UAAU,eAAe;IACzB,SAAS,cAAc;IACvB,mBAAmB,wBAAwB;CAC5C;AAED,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,WAAW,CAAC;IACnB,IAAI,EAAE,cAAc,GAAG,MAAM,CAAC;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,EAAE,eAAe,EAAE,CAAC;IACnC,cAAc,CAAC,EAAE,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;IACpD,mBAAmB,CAAC,EAAE,gBAAgB,CAAC,qBAAqB,CAAC,CAAC;CAC/D,CAAC;AACF,MAAM,WAAW,eAAe;IAC9B,WAAW,EAAE,OAAO,CAAC;CACtB;AACD,MAAM,WAAW,IAAI;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,WAAW,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,cAAc,GAAG,MAAM,CAAC;IAC9B,IAAI,EAAE,UAAU,CAAC;IACjB,OAAO,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC;IACpC,WAAW,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,MAAM,mBAAmB,GAAG,eAAe,GAAG;IAClD,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,gBAAgB,EAAE,MAAM,CAAC;CAC1B,CAAC"}

package/dist/widget/ui/src/containers/ConnectWalletsModal/ConnectWalletsModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConnectWalletsModal.d.ts","sourceRoot":"","sources":["../../../../../../src/containers/ConnectWalletsModal/ConnectWalletsModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAGnF,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,4BAA4B,qBAmBtE"}
+{"version":3,"file":"ConnectWalletsModal.d.ts","sourceRoot":"","sources":["../../../../../../src/containers/ConnectWalletsModal/ConnectWalletsModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAGnF,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,4BAA4B,qBA2BtE"}

package/dist/widget/ui/src/containers/ConnectWalletsModal/ConnectWalletsModal.types.d.ts

@@ -1,9 +1,11 @@
 import type { WalletInfo } from '../../components/index.js';
-import type { WalletType } from '@rango-dev/wallets-shared';
+import type { InstallObjects, WalletType } from '@rango-dev/wallets-shared';
 export interface ConnectWalletsModalPropTypes {
     open: boolean;
     list: WalletInfo[];
     onSelect: (walletType: WalletType) => void;
+    getWalletLink: (walletType: WalletType) => string | InstallObjects;
+    checkHasDeepLink: (walletType: WalletType) => boolean;
     id: string;
     onClose: () => void;
     error?: string;

package/dist/widget/ui/src/containers/ConnectWalletsModal/ConnectWalletsModal.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConnectWalletsModal.types.d.ts","sourceRoot":"","sources":["../../../../../../src/containers/ConnectWalletsModal/ConnectWalletsModal.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAE5D,MAAM,WAAW,4BAA4B;IAC3C,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,EAAE,UAAU,EAAE,CAAC;IACnB,QAAQ,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;IAC3C,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB"}
+{"version":3,"file":"ConnectWalletsModal.types.d.ts","sourceRoot":"","sources":["../../../../../../src/containers/ConnectWalletsModal/ConnectWalletsModal.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAE5E,MAAM,WAAW,4BAA4B;IAC3C,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,EAAE,UAAU,EAAE,CAAC;IACnB,QAAQ,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;IAC3C,aAAa,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,MAAM,GAAG,cAAc,CAAC;IACnE,gBAAgB,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,OAAO,CAAC;IACtD,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rango-dev/ui",
-  "version": "0.51.1-next.0",
+  "version": "0.52.1-next.0",
   "license": "MIT",
   "type": "module",
   "source": "./src/index.ts",
@@ -53,7 +53,7 @@
     "@radix-ui/react-select": "^2.0.0",
     "@radix-ui/react-switch": "^1.0.1",
     "@radix-ui/react-tooltip": "^1.0.2",
-    "@rango-dev/wallets-shared": "^0.49.0",
+    "@rango-dev/wallets-shared": "^0.49.1-next.0",
     "@stitches/react": "^1.2.8",
     "copy-to-clipboard": "^3.3.3",
     "rango-types": "^0.1.89",
@@ -62,4 +62,4 @@
   "publishConfig": {
     "access": "public"
   }
-}
+}

package/src/components/Wallet/ClickableWallet.tsx

@@ -20,8 +20,16 @@ import {
 import { WalletState } from './Wallet.types.js';
 
 function Wallet(props: WalletPropTypes) {
-  const { title, type, image, onClick, isLoading, disabled = false } = props;
-  const info = makeInfo(props.state);
+  const {
+    title,
+    type,
+    image,
+    onClick,
+    isLoading,
+    disabled = false,
+    hasDeepLink,
+  } = props;
+  const info = makeInfo(props.state, { hasDeepLink });
 
   if (isLoading) {
     return (
@@ -43,7 +51,8 @@ function Wallet(props: WalletPropTypes) {
       <Tooltip
         container={props.container}
         content={info.tooltipText}
-        side="top">
+        side="top"
+      >
         {children}
       </Tooltip>
     );
@@ -59,7 +68,8 @@ function Wallet(props: WalletPropTypes) {
         } else {
           onClick(type);
         }
-      }}>
+      }}
+    >
       <WalletImageContainer>
         <Image src={image} size={35} />
       </WalletImageContainer>
@@ -73,7 +83,8 @@ function Wallet(props: WalletPropTypes) {
           variant="body"
           size="xsmall"
           noWrap={false}
-          color={info.color}>
+          color={info.color}
+        >
           {info.description}
         </Typography>
       </Text>

package/src/components/Wallet/Wallet.helpers.ts

@@ -1,10 +1,10 @@
-import type { Info } from './Wallet.types.js';
+import type { Info, MakeInfoOptions } from './Wallet.types.js';
 
 import { i18n } from '@lingui/core';
 
 import { WalletState } from './Wallet.types.js';
 
-export function makeInfo(state: WalletState): Info {
+export function makeInfo(state: WalletState, options?: MakeInfoOptions): Info {
   switch (state) {
     case WalletState.CONNECTED:
       return {
@@ -19,6 +19,13 @@ export function makeInfo(state: WalletState): Info {
         tooltipText: i18n.t('Connect other chains'),
       };
     case WalletState.NOT_INSTALLED:
+      if (options?.hasDeepLink) {
+        return {
+          color: 'info500',
+          description: i18n.t('Open'),
+          tooltipText: i18n.t('Open'),
+        };
+      }
       return {
         color: 'info500',
         description: i18n.t('Install'),

package/src/components/Wallet/Wallet.types.ts

@@ -21,7 +21,9 @@ export type WalletInfo = {
   needsNamespace?: LegacyWalletInfo['needsNamespace'];
   needsDerivationPath?: LegacyWalletInfo['needsDerivationPath'];
 };
-
+export interface MakeInfoOptions {
+  hasDeepLink: boolean;
+}
 export interface Info {
   color: string;
   description: string;
@@ -42,6 +44,7 @@ export interface WalletPropTypes {
   link: InstallObjects | string;
   type: WalletType;
   onClick: (type: WalletType) => void;
+  hasDeepLink: boolean;
   selected?: boolean;
   description?: string;
   isLoading?: boolean;

package/src/containers/ConnectWalletsModal/ConnectWalletsModal.tsx

@@ -8,7 +8,8 @@ import { Modal, Wallet } from '../../components/index.js';
 import { ModalContent } from './ConnectWalletsModal.styles.js';
 
 export function ConnectWalletsModal(props: ConnectWalletsModalPropTypes) {
-  const { open, list, onSelect, onClose, id } = props;
+  const { open, list, onSelect, onClose, id, checkHasDeepLink, getWalletLink } =
+    props;
 
   return (
     <Modal
@@ -18,10 +19,17 @@ export function ConnectWalletsModal(props: ConnectWalletsModalPropTypes) {
       id={id}
       styles={{
         container: { width: '75%', maxWidth: '30rem', height: '60%' },
-      }}>
+      }}
+    >
       <ModalContent>
         {list.map((info) => (
-          <Wallet {...info} key={info.title} onClick={onSelect} />
+          <Wallet
+            {...info}
+            key={info.title}
+            onClick={onSelect}
+            hasDeepLink={checkHasDeepLink(info.type)}
+            link={getWalletLink(info.type)}
+          />
         ))}
       </ModalContent>
     </Modal>

package/src/containers/ConnectWalletsModal/ConnectWalletsModal.types.ts

@@ -1,10 +1,12 @@
 import type { WalletInfo } from '../../components/index.js';
-import type { WalletType } from '@rango-dev/wallets-shared';
+import type { InstallObjects, WalletType } from '@rango-dev/wallets-shared';
 
 export interface ConnectWalletsModalPropTypes {
   open: boolean;
   list: WalletInfo[];
   onSelect: (walletType: WalletType) => void;
+  getWalletLink: (walletType: WalletType) => string | InstallObjects;
+  checkHasDeepLink: (walletType: WalletType) => boolean;
   id: string;
   onClose: () => void;
   error?: string;