@sudobility/web3-components-rn 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/AddressLabel.d.ts +15 -0
- package/dist/AddressLabel.d.ts.map +1 -0
- package/dist/CryptoPortfolio.d.ts +13 -0
- package/dist/CryptoPortfolio.d.ts.map +1 -0
- package/dist/GasTracker.d.ts +13 -0
- package/dist/GasTracker.d.ts.map +1 -0
- package/dist/NftGallery.d.ts +13 -0
- package/dist/NftGallery.d.ts.map +1 -0
- package/dist/TokenSwap.d.ts +13 -0
- package/dist/TokenSwap.d.ts.map +1 -0
- package/dist/WalletConnect.d.ts +13 -0
- package/dist/WalletConnect.d.ts.map +1 -0
- package/dist/WalletIcon.d.ts +13 -0
- package/dist/WalletIcon.d.ts.map +1 -0
- package/dist/WalletSelection.d.ts +47 -0
- package/dist/WalletSelection.d.ts.map +1 -0
- package/dist/index.cjs.js +1373 -0
- package/dist/index.cjs.js.map +1 -0
- package/dist/index.d.ts +13 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.esm.js +1373 -0
- package/dist/index.esm.js.map +1 -0
- package/package.json +57 -0
- package/src/AddressLabel.tsx +82 -0
- package/src/CryptoPortfolio.tsx +46 -0
- package/src/GasTracker.tsx +46 -0
- package/src/NftGallery.tsx +46 -0
- package/src/TokenSwap.tsx +46 -0
- package/src/WalletConnect.tsx +46 -0
- package/src/WalletIcon.tsx +76 -0
- package/src/WalletSelection.tsx +268 -0
- package/src/index.ts +21 -0
- package/src/nativewind.d.ts +23 -0
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { ViewProps } from 'react-native';
|
|
3
|
+
export interface AddressLabelProps extends ViewProps {
|
|
4
|
+
address: string;
|
|
5
|
+
truncate?: boolean;
|
|
6
|
+
truncateLength?: number;
|
|
7
|
+
showCopy?: boolean;
|
|
8
|
+
onCopy?: (address: string) => void;
|
|
9
|
+
variant?: 'default' | 'badge' | 'link';
|
|
10
|
+
}
|
|
11
|
+
/**
|
|
12
|
+
* Address label component for displaying Ethereum addresses
|
|
13
|
+
*/
|
|
14
|
+
export declare const AddressLabel: React.FC<AddressLabelProps>;
|
|
15
|
+
//# sourceMappingURL=AddressLabel.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AddressLabel.d.ts","sourceRoot":"","sources":["../src/AddressLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAyB,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGrE,MAAM,WAAW,iBAAkB,SAAQ,SAAS;IAClD,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;CACxC;AAUD;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAyDpD,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { ViewProps } from 'react-native';
|
|
3
|
+
export interface CryptoPortfolioProps extends ViewProps {
|
|
4
|
+
disabled?: boolean;
|
|
5
|
+
onPress?: () => void;
|
|
6
|
+
children?: React.ReactNode;
|
|
7
|
+
}
|
|
8
|
+
/**
|
|
9
|
+
* CryptoPortfolio component for React Native
|
|
10
|
+
* A container for crypto portfolio display
|
|
11
|
+
*/
|
|
12
|
+
export declare const CryptoPortfolio: React.FC<CryptoPortfolioProps>;
|
|
13
|
+
//# sourceMappingURL=CryptoPortfolio.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CryptoPortfolio.d.ts","sourceRoot":"","sources":["../src/CryptoPortfolio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAG/D,MAAM,WAAW,oBAAqB,SAAQ,SAAS;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA+B1D,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { ViewProps } from 'react-native';
|
|
3
|
+
export interface GasTrackerProps extends ViewProps {
|
|
4
|
+
disabled?: boolean;
|
|
5
|
+
onPress?: () => void;
|
|
6
|
+
children?: React.ReactNode;
|
|
7
|
+
}
|
|
8
|
+
/**
|
|
9
|
+
* GasTracker component for React Native
|
|
10
|
+
* A container for gas price tracking display
|
|
11
|
+
*/
|
|
12
|
+
export declare const GasTracker: React.FC<GasTrackerProps>;
|
|
13
|
+
//# sourceMappingURL=GasTracker.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GasTracker.d.ts","sourceRoot":"","sources":["../src/GasTracker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAG/D,MAAM,WAAW,eAAgB,SAAQ,SAAS;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;GAGG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA+BhD,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { ViewProps } from 'react-native';
|
|
3
|
+
export interface NftGalleryProps extends ViewProps {
|
|
4
|
+
disabled?: boolean;
|
|
5
|
+
onPress?: () => void;
|
|
6
|
+
children?: React.ReactNode;
|
|
7
|
+
}
|
|
8
|
+
/**
|
|
9
|
+
* NftGallery component for React Native
|
|
10
|
+
* A container for NFT gallery display
|
|
11
|
+
*/
|
|
12
|
+
export declare const NftGallery: React.FC<NftGalleryProps>;
|
|
13
|
+
//# sourceMappingURL=NftGallery.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NftGallery.d.ts","sourceRoot":"","sources":["../src/NftGallery.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAG/D,MAAM,WAAW,eAAgB,SAAQ,SAAS;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;GAGG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA+BhD,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { ViewProps } from 'react-native';
|
|
3
|
+
export interface TokenSwapProps extends ViewProps {
|
|
4
|
+
disabled?: boolean;
|
|
5
|
+
onPress?: () => void;
|
|
6
|
+
children?: React.ReactNode;
|
|
7
|
+
}
|
|
8
|
+
/**
|
|
9
|
+
* TokenSwap component for React Native
|
|
10
|
+
* A container for token swap UI
|
|
11
|
+
*/
|
|
12
|
+
export declare const TokenSwap: React.FC<TokenSwapProps>;
|
|
13
|
+
//# sourceMappingURL=TokenSwap.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TokenSwap.d.ts","sourceRoot":"","sources":["../src/TokenSwap.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAG/D,MAAM,WAAW,cAAe,SAAQ,SAAS;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;GAGG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA+B9C,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { ViewProps } from 'react-native';
|
|
3
|
+
export interface WalletConnectProps extends ViewProps {
|
|
4
|
+
disabled?: boolean;
|
|
5
|
+
onPress?: () => void;
|
|
6
|
+
children?: React.ReactNode;
|
|
7
|
+
}
|
|
8
|
+
/**
|
|
9
|
+
* WalletConnect component for React Native
|
|
10
|
+
* A container for wallet connection UI
|
|
11
|
+
*/
|
|
12
|
+
export declare const WalletConnect: React.FC<WalletConnectProps>;
|
|
13
|
+
//# sourceMappingURL=WalletConnect.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"WalletConnect.d.ts","sourceRoot":"","sources":["../src/WalletConnect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAG/D,MAAM,WAAW,kBAAmB,SAAQ,SAAS;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;GAGG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA+BtD,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { ViewProps } from 'react-native';
|
|
3
|
+
export type WalletProvider = 'metamask' | 'walletconnect' | 'coinbase' | 'rainbow' | 'phantom' | 'trust' | 'generic';
|
|
4
|
+
export interface WalletIconProps extends ViewProps {
|
|
5
|
+
provider: WalletProvider;
|
|
6
|
+
size?: 'sm' | 'md' | 'lg';
|
|
7
|
+
showLabel?: boolean;
|
|
8
|
+
}
|
|
9
|
+
/**
|
|
10
|
+
* Wallet icon component for displaying wallet provider icons
|
|
11
|
+
*/
|
|
12
|
+
export declare const WalletIcon: React.FC<WalletIconProps>;
|
|
13
|
+
//# sourceMappingURL=WalletIcon.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"WalletIcon.d.ts","sourceRoot":"","sources":["../src/WalletIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAG1D,MAAM,MAAM,cAAc,GACtB,UAAU,GACV,eAAe,GACf,UAAU,GACV,SAAS,GACT,SAAS,GACT,OAAO,GACP,SAAS,CAAC;AAEd,MAAM,WAAW,eAAgB,SAAQ,SAAS;IAChD,QAAQ,EAAE,cAAc,CAAC;IACzB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAwBD;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA+BhD,CAAC"}
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { ViewProps } from 'react-native';
|
|
3
|
+
export interface WalletOption {
|
|
4
|
+
id: string;
|
|
5
|
+
name: string;
|
|
6
|
+
icon?: string;
|
|
7
|
+
available: boolean;
|
|
8
|
+
connecting?: boolean;
|
|
9
|
+
chainType: 'evm' | 'solana';
|
|
10
|
+
connector?: unknown;
|
|
11
|
+
onPress: () => void;
|
|
12
|
+
}
|
|
13
|
+
export interface WalletSelectionButtonProps extends ViewProps {
|
|
14
|
+
wallet: WalletOption;
|
|
15
|
+
disabled?: boolean;
|
|
16
|
+
statusLabels?: {
|
|
17
|
+
available: string;
|
|
18
|
+
notAvailable: string;
|
|
19
|
+
};
|
|
20
|
+
}
|
|
21
|
+
export declare const WalletSelectionButton: React.FC<WalletSelectionButtonProps>;
|
|
22
|
+
export interface WalletTabProps {
|
|
23
|
+
active: boolean;
|
|
24
|
+
onPress: () => void;
|
|
25
|
+
icon: string;
|
|
26
|
+
label: string;
|
|
27
|
+
color: 'blue' | 'purple';
|
|
28
|
+
}
|
|
29
|
+
export declare const WalletTab: React.FC<WalletTabProps>;
|
|
30
|
+
export interface WalletSelectionGridProps extends ViewProps {
|
|
31
|
+
evmWallets: WalletOption[];
|
|
32
|
+
solanaWallets: WalletOption[];
|
|
33
|
+
activeTab: 'ethereum' | 'solana';
|
|
34
|
+
onTabChange: (tab: 'ethereum' | 'solana') => void;
|
|
35
|
+
connectingWallet?: string | null;
|
|
36
|
+
labels?: {
|
|
37
|
+
ethereum?: string;
|
|
38
|
+
solana?: string;
|
|
39
|
+
available?: string;
|
|
40
|
+
notAvailable?: string;
|
|
41
|
+
noWalletText?: string;
|
|
42
|
+
installMetaMask?: string;
|
|
43
|
+
installPhantom?: string;
|
|
44
|
+
};
|
|
45
|
+
}
|
|
46
|
+
export declare const WalletSelectionGrid: React.FC<WalletSelectionGridProps>;
|
|
47
|
+
//# sourceMappingURL=WalletSelection.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"WalletSelection.d.ts","sourceRoot":"","sources":["../src/WalletSelection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAML,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAItB,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,MAAM,WAAW,0BAA2B,SAAQ,SAAS;IAC3D,MAAM,EAAE,YAAY,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE;QACb,SAAS,EAAE,MAAM,CAAC;QAClB,YAAY,EAAE,MAAM,CAAC;KACtB,CAAC;CACH;AAaD,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAuDtE,CAAC;AAEF,MAAM,WAAW,cAAc;IAC7B,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,QAAQ,CAAC;CAC1B;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAiD9C,CAAC;AAEF,MAAM,WAAW,wBAAyB,SAAQ,SAAS;IACzD,UAAU,EAAE,YAAY,EAAE,CAAC;IAC3B,aAAa,EAAE,YAAY,EAAE,CAAC;IAC9B,SAAS,EAAE,UAAU,GAAG,QAAQ,CAAC;IACjC,WAAW,EAAE,CAAC,GAAG,EAAE,UAAU,GAAG,QAAQ,KAAK,IAAI,CAAC;IAClD,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,MAAM,CAAC,EAAE;QACP,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,cAAc,CAAC,EAAE,MAAM,CAAC;KACzB,CAAC;CACH;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CA2FlE,CAAC"}
|