@reown/appkit-ui-react-native 0.0.0-fix-email-login-20241010173711 → 0.0.0-fix-token-balance-20241017200828

package/lib/typescript/utils/ThemeUtil.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeUtil.d.ts","sourceRoot":"","sources":["../../../src/utils/ThemeUtil.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE1D,eAAO,MAAM,SAAS,EAAE;KAAG,GAAG,IAAI,SAAS,GAAG,MAAM;CAuEnD,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE;KAAG,GAAG,IAAI,SAAS,GAAG,MAAM;CAuEpD,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;CAUxB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;CAMpB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;CAKvB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE;KAAG,CAAC,IAAI,WAAW,GAAG,MAAM;CAajD,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;;CAM3B,CAAC"}
+{"version":3,"file":"ThemeUtil.d.ts","sourceRoot":"","sources":["../../../src/utils/ThemeUtil.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE1D,eAAO,MAAM,SAAS,EAAE;KAAG,GAAG,IAAI,SAAS,GAAG,MAAM;CAuEnD,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE;KAAG,GAAG,IAAI,SAAS,GAAG,MAAM;CAuEpD,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;CAWxB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;CAMpB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;CAKvB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE;KAAG,CAAC,IAAI,WAAW,GAAG,MAAM;CAajD,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;;CAM3B,CAAC"}

package/lib/typescript/utils/TransactionUtil.d.ts

@@ -0,0 +1,13 @@
+import type { TransactionTransfer, Transaction, TransactionImage } from '@reown/appkit-common-react-native';
+export declare const TransactionUtil: {
+    getTransactionGroupTitle(year: string, month: string): string;
+    getTransactionImages(transfers: TransactionTransfer[]): TransactionImage[];
+    getTransactionImage(transfer?: TransactionTransfer): TransactionImage;
+    getTransactionImageURL(transfer: TransactionTransfer | undefined): string | undefined;
+    getTransactionTransferTokenType(transfer?: TransactionTransfer): 'FUNGIBLE' | 'NFT' | undefined;
+    getTransactionDescriptions(transaction: Transaction): string[];
+    getTransferDescription(transfer?: TransactionTransfer): string;
+    getFungibleTransferDescription(transfer?: TransactionTransfer): string | null;
+    getQuantityFixedValue(value: string | undefined): string | null;
+};
+//# sourceMappingURL=TransactionUtil.d.ts.map

package/lib/typescript/utils/TransactionUtil.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TransactionUtil.d.ts","sourceRoot":"","sources":["../../../src/utils/TransactionUtil.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,mBAAmB,EACnB,WAAW,EACX,gBAAgB,EACjB,MAAM,mCAAmC,CAAC;AAU3C,eAAO,MAAM,eAAe;mCACK,MAAM,SAAS,MAAM;oCASpB,mBAAmB,EAAE,GAAG,gBAAgB,EAAE;mCAiB3C,mBAAmB,GAAG,gBAAgB;qCAOpC,mBAAmB,GAAG,SAAS;+CAcrB,mBAAmB,GAAG,UAAU,GAAG,KAAK,GAAG,SAAS;4CAUvD,WAAW;sCA+DjB,mBAAmB;8CAgBX,mBAAmB;iCAWhC,MAAM,GAAG,SAAS;CAShD,CAAC"}

package/lib/typescript/utils/TypesUtil.d.ts

@@ -1,18 +1,18 @@
 export type ThemeKeys = 'accent-100' | 'accent-090' | 'accent-080' | 'accent-020' | 'accent-glass-090' | 'accent-glass-080' | 'accent-glass-020' | 'accent-glass-015' | 'accent-glass-010' | 'accent-glass-005' | 'accent-glass-002' | 'fg-100' | 'fg-125' | 'fg-150' | 'fg-175' | 'fg-200' | 'fg-225' | 'fg-250' | 'fg-275' | 'fg-300' | 'bg-100' | 'bg-125' | 'bg-150' | 'bg-175' | 'bg-200' | 'bg-225' | 'bg-250' | 'bg-275' | 'bg-300' | 'inverse-100' | 'inverse-000' | 'success-100' | 'success-glass-020' | 'success-glass-015' | 'success-glass-010' | 'success-glass-005' | 'error-100' | 'error-glass-020' | 'error-glass-015' | 'error-glass-010' | 'error-glass-005' | 'teal-100' | 'magenta-100' | 'indigo-100' | 'orange-100' | 'purple-100' | 'yellow-100' | 'gray-glass-001' | 'gray-glass-002' | 'gray-glass-005' | 'gray-glass-010' | 'gray-glass-015' | 'gray-glass-020' | 'gray-glass-025' | 'gray-glass-030' | 'gray-glass-060' | 'gray-glass-070' | 'gray-glass-080' | 'gray-glass-090' | 'icon-box-bg-error-100' | 'icon-box-bg-success-100';
 export type TextType = 'medium-title-400' | 'medium-title-500' | 'medium-title-600' | 'small-title-400' | 'small-title-500' | 'small-title-600' | 'large-400' | 'large-500' | 'large-600' | 'medium-400' | 'medium-500' | 'medium-600' | 'paragraph-400' | 'paragraph-500' | 'paragraph-600' | 'small-400' | 'small-500' | 'small-600' | 'tiny-400' | 'tiny-500' | 'tiny-600' | 'micro-600' | 'micro-700';
-export type ColorType = 'accent-100' | 'error-100' | 'fg-100' | 'fg-150' | 'fg-200' | 'fg-250' | 'fg-275' | 'fg-300' | 'gray-glass-020' | 'inverse-000' | 'inverse-100' | 'success-100';
+export type ColorType = 'accent-100' | 'error-100' | 'fg-100' | 'fg-150' | 'fg-175' | 'fg-200' | 'fg-250' | 'fg-275' | 'fg-300' | 'accent-glass-020' | 'accent-glass-015' | 'accent-glass-010' | 'accent-glass-005' | 'gray-glass-020' | 'gray-glass-010' | 'gray-glass-005' | 'inverse-000' | 'inverse-100' | 'success-100' | 'teal-100' | 'magenta-100' | 'indigo-100' | 'orange-100' | 'purple-100' | 'yellow-100';
 export type SizeType = 'xl' | 'lg' | 'md' | 'sm' | 'xs' | 'xxs';
 export type PlacementType = 'bottom' | 'left' | 'right' | 'top';
 export type ButtonType = 'accent' | 'fill' | 'shade';
 export type ChipType = 'fill' | 'shade' | 'transparent';
-export type IconType = 'allWallets' | 'apple' | 'arrowBottom' | 'arrowLeft' | 'arrowRight' | 'arrowTop' | 'browser' | 'checkmark' | 'chevronBottom' | 'chevronLeft' | 'chevronRight' | 'chevronRightSmall' | 'chevronTop' | 'clock' | 'close' | 'coinPlaceholder' | 'compass' | 'copy' | 'copySmall' | 'cursor' | 'desktop' | 'disconnect' | 'discord' | 'etherscan' | 'extension' | 'externalLink' | 'facebook' | 'filters' | 'github' | 'google' | 'helpCircle' | 'infoCircle' | 'mail' | 'mobile' | 'networkPlaceholder' | 'nftPlaceholder' | 'off' | 'qrCode' | 'refresh' | 'search' | 'swapHorizontal' | 'swapVertical' | 'telegram' | 'twitch' | 'twitter' | 'twitterIcon' | 'verify' | 'wallet' | 'walletSmall' | 'walletConnect' | 'walletPlaceholder' | 'warningCircle';
+export type IconType = 'allWallets' | 'apple' | 'arrowBottom' | 'arrowBottomCircle' | 'arrowLeft' | 'arrowRight' | 'arrowTop' | 'browser' | 'checkmark' | 'chevronBottom' | 'chevronLeft' | 'chevronRight' | 'chevronRightSmall' | 'chevronTop' | 'clock' | 'close' | 'coinPlaceholder' | 'compass' | 'copy' | 'copySmall' | 'cursor' | 'desktop' | 'disconnect' | 'discord' | 'etherscan' | 'extension' | 'externalLink' | 'facebook' | 'filters' | 'github' | 'google' | 'helpCircle' | 'infoCircle' | 'mail' | 'mobile' | 'networkPlaceholder' | 'nftPlaceholder' | 'off' | 'paperplane' | 'qrCode' | 'refresh' | 'search' | 'swapHorizontal' | 'swapVertical' | 'telegram' | 'twitch' | 'twitter' | 'twitterIcon' | 'verify' | 'wallet' | 'walletSmall' | 'walletConnect' | 'walletPlaceholder' | 'warningCircle';
 export type VisualType = 'browser' | 'dao' | 'defi' | 'defiAlt' | 'eth' | 'layers' | 'lock' | 'login' | 'network' | 'nft' | 'noun' | 'profile' | 'system';
 export type LogoType = 'apple' | 'discord' | 'facebook' | 'github' | 'google' | 'telegram' | 'twitch' | 'twitter';
 export type TagType = 'main' | 'shade' | 'error' | 'success';
 export type CardSelectType = 'wallet' | 'network';
 export type TabOptionType = {
     icon: IconType;
-    label: string;
+    label?: string;
 };
 export type SpacingType = '0' | '4xs' | '3xs' | '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl';
 export type BorderRadiusType = Exclude<SpacingType, 'xl' | 'xxl'>;
@@ -29,4 +29,5 @@ export type TruncateOptions = {
     charsEnd: number;
     truncate: TruncateType;
 };
+export type TransactionType = 'approve' | 'bought' | 'borrow' | 'burn' | 'cancel' | 'claim' | 'deploy' | 'deposit' | 'execute' | 'mint' | 'receive' | 'repay' | 'send' | 'stake' | 'trade' | 'unstake' | 'withdraw';
 //# sourceMappingURL=TypesUtil.d.ts.map

package/lib/typescript/utils/TypesUtil.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TypesUtil.d.ts","sourceRoot":"","sources":["../../../src/utils/TypesUtil.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"TypesUtil.d.ts","sourceRoot":"","sources":["../../../src/utils/TypesUtil.ts"],"names":[],"mappings":"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"}

package/lib/typescript/utils/UiUtil.d.ts

@@ -6,5 +6,6 @@ export declare const UiUtil: {
     tintColor(rgb: [number, number, number], tint: number): [number, number, number];
     getTruncateString({ string, charsStart, charsEnd, truncate }: TruncateOptions): string;
     getWalletName(name: string, short?: boolean): string | undefined;
+    formatNumberToLocalString(value: string | number | undefined, decimals?: number): string;
 };
 //# sourceMappingURL=UiUtil.d.ts.map

package/lib/typescript/utils/UiUtil.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UiUtil.d.ts","sourceRoot":"","sources":["../../../src/utils/UiUtil.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAEhE,eAAO,MAAM,MAAM;8BACS,WAAW,GAAG,WAAW,EAAE,SAAS,MAAM;mCAUrC,MAAM;kBAiBvB,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC;mBAUhC,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,QAAQ,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC;kEASlB,eAAe;wBAgBzD,MAAM;CAG3B,CAAC"}
+{"version":3,"file":"UiUtil.d.ts","sourceRoot":"","sources":["../../../src/utils/UiUtil.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAEhE,eAAO,MAAM,MAAM;8BACS,WAAW,GAAG,WAAW,EAAE,SAAS,MAAM;mCAUrC,MAAM;kBAiBvB,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC;mBAUhC,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,QAAQ,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC;kEASlB,eAAe;wBAgBzD,MAAM;qCAIO,MAAM,GAAG,MAAM,GAAG,SAAS;CAiB7D,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reown/appkit-ui-react-native",
-  "version": "0.0.0-fix-email-login-20241010173711",
+  "version": "0.0.0-fix-token-balance-20241017200828",
   "main": "lib/commonjs/index.js",
   "types": "lib/typescript/index.d.ts",
   "module": "lib/module/index.js",
@@ -26,12 +26,12 @@
     "walletconnect",
     "react-native"
   ],
-  "repository": "https://github.com/WalletConnect/web3modal-react-native",
+  "repository": "https://github.com/reown-com/appkit-react-native",
   "author": "Reown <support@reown.com> (https://reown.com)",
-  "homepage": "https://github.com/WalletConnect/web3modal-react-native",
+  "homepage": "https://reown.com/appkit",
   "license": "Apache-2.0",
   "bugs": {
-    "url": "https://github.com/WalletConnect/web3modal-react-native/issues"
+    "url": "https://github.com/reown-com/appkit-react-native/issues"
   },
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",

package/readme.md

@@ -1,6 +1,6 @@
 #### 📚 [Documentation](https://docs.reown.com/appkit/react-native/core/installation)
 
-#### 🔎 [Examples](https://github.com/WalletConnect/react-native-examples)
+#### 🔎 [Examples](https://github.com/reown-com/react-native-examples)
 
 #### 🔗 [Website](https://reown.com/appkit)
 

package/src/assets/svg/ArrowBottomCircle.tsx

@@ -0,0 +1,12 @@
+import Svg, { Path, type SvgProps } from 'react-native-svg';
+const SvgArrowBottomCircle = (props: SvgProps) => (
+  <Svg fill="none" viewBox="0 0 20 20" {...props}>
+    <Path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M10 2.42908C5.81875 2.42908 2.42859 5.81989 2.42859 10.0034C2.42859 14.1869 5.81875 17.5777 10 17.5777C14.1813 17.5777 17.5714 14.1869 17.5714 10.0034C17.5714 5.81989 14.1813 2.42908 10 2.42908ZM0.428589 10.0034C0.428589 4.71596 4.71355 0.429077 10 0.429077C15.2865 0.429077 19.5714 4.71596 19.5714 10.0034C19.5714 15.2908 15.2865 19.5777 10 19.5777C4.71355 19.5777 0.428589 15.2908 0.428589 10.0034ZM10 5.75003C10.5523 5.75003 11 6.19774 11 6.75003L11 10.8343L12.2929 9.54137C12.6834 9.15085 13.3166 9.15085 13.7071 9.54137C14.0976 9.9319 14.0976 10.5651 13.7071 10.9556L10.7071 13.9556C10.3166 14.3461 9.68343 14.3461 9.29291 13.9556L6.29291 10.9556C5.90239 10.5651 5.90239 9.9319 6.29291 9.54137C6.68343 9.15085 7.3166 9.15085 7.70712 9.54137L9.00002 10.8343L9.00002 6.75003C9.00002 6.19774 9.44773 5.75003 10 5.75003Z"
+      fill={props.fill || '#fff'}
+    />
+  </Svg>
+);
+export default SvgArrowBottomCircle;

package/src/assets/svg/Paperplane.tsx

@@ -0,0 +1,12 @@
+import Svg, { Path, type SvgProps } from 'react-native-svg';
+const SvgPaperplane = (props: SvgProps) => (
+  <Svg viewBox="0 0 18 18" fill="none" {...props}>
+    <Path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M13.8808 2.34818C13.22 2.47804 12.3501 2.75876 11.0748 3.17302L8.50869 4.00652C6.40631 4.68941 4.90679 5.17786 3.88121 5.63184C3.37166 5.8574 3.0351 6.05097 2.82022 6.22041C2.61183 6.38473 2.57011 6.48493 2.55969 6.51823C2.48058 6.77109 2.48009 7.04201 2.55831 7.29515C2.56861 7.3285 2.60998 7.42884 2.81777 7.5939C3.03205 7.7641 3.36792 7.95887 3.87667 8.18624C4.79287 8.59572 6.08844 9.03414 7.85529 9.61644L10.3876 6.5986C10.7426 6.17553 11.3733 6.12034 11.7964 6.47534C12.2195 6.83035 12.2746 7.4611 11.9196 7.88418L9.38738 10.902C10.2676 12.5409 10.9244 13.7407 11.4867 14.5718C11.799 15.0334 12.0491 15.3303 12.2539 15.5118C12.4526 15.6878 12.5586 15.7111 12.5932 15.7154C12.8561 15.7485 13.1228 15.701 13.3581 15.5792C13.3891 15.5631 13.4805 15.5046 13.6061 15.2709C13.7357 15.0298 13.8679 14.6648 14.0015 14.1238C14.2705 13.035 14.4912 11.4734 14.7986 9.28438L15.1738 6.61255C15.3603 5.28462 15.4857 4.37923 15.4989 3.70596C15.512 3.03708 15.4047 2.80566 15.3145 2.69189C15.2044 2.55304 15.0673 2.43798 14.9114 2.35371C14.7837 2.28465 14.5372 2.21916 13.8808 2.34818ZM7.49373 11.603C5.61919 10.9864 4.1304 10.4903 3.0606 10.0122C2.48683 9.75574 1.9778 9.48086 1.57383 9.15998C1.16337 8.83395 0.813119 8.42178 0.647443 7.88557C0.449667 7.24547 0.450886 6.56041 0.65094 5.92102C0.818524 5.3854 1.17024 4.97448 1.58185 4.64992C1.98697 4.33047 2.49697 4.0574 3.07166 3.80301C4.20309 3.30217 5.80179 2.7829 7.82903 2.12443L10.5196 1.25048C11.7166 0.861654 12.7017 0.541645 13.4951 0.385722C14.3065 0.22624 15.1202 0.192948 15.8627 0.594428C16.2568 0.807527 16.6035 1.09845 16.8818 1.44956C17.4062 2.11106 17.5147 2.91821 17.4985 3.74503C17.4827 4.55338 17.3386 5.57909 17.1636 6.8254L16.7701 9.62688C16.4737 11.7377 16.2399 13.4023 15.9432 14.6035C15.7924 15.2136 15.6121 15.7633 15.3678 16.2177C15.1197 16.6794 14.7761 17.0972 14.2777 17.3552C13.6827 17.6632 13.0083 17.7834 12.3436 17.6998C11.7867 17.6297 11.32 17.3564 10.9277 17.0088C10.5415 16.6667 10.1824 16.2131 9.83023 15.6926C9.17361 14.7221 8.42648 13.342 7.49373 11.603Z"
+      fill={props.fill || '#fff'}
+    />
+  </Svg>
+);
+export default SvgPaperplane;

package/src/components/wui-icon/index.tsx

@@ -5,6 +5,7 @@ import type { ColorType, IconType, SizeType, ThemeKeys } from '../../utils/Types
 import AllWalletsSvg from '../../assets/svg/AllWallets';
 import AppleSvg from '../../assets/svg/Apple';
 import ArrowBottomSvg from '../../assets/svg/ArrowBottom';
+import ArrowBottomCircleSvg from '../../assets/svg/ArrowBottomCircle';
 import ArrowLeftSvg from '../../assets/svg/ArrowLeft';
 import ArrowRightSvg from '../../assets/svg/ArrowRight';
 import ArrowTopSvg from '../../assets/svg/ArrowTop';
@@ -39,6 +40,7 @@ import MobileSvg from '../../assets/svg/Mobile';
 import NetworkPlaceholderSvg from '../../assets/svg/NetworkPlaceholder';
 import NftPlaceholderSvg from '../../assets/svg/NftPlaceholder';
 import OffSvg from '../../assets/svg/Off';
+import PaperplaneSvg from '../../assets/svg/Paperplane';
 import QrCodeSvg from '../../assets/svg/QrCode';
 import RefreshSvg from '../../assets/svg/Refresh';
 import SearchSvg from '../../assets/svg/Search';
@@ -61,6 +63,7 @@ const svgOptions: Record<IconType, (props: SvgProps) => JSX.Element> = {
   allWallets: AllWalletsSvg,
   apple: AppleSvg,
   arrowBottom: ArrowBottomSvg,
+  arrowBottomCircle: ArrowBottomCircleSvg,
   arrowLeft: ArrowLeftSvg,
   arrowRight: ArrowRightSvg,
   arrowTop: ArrowTopSvg,
@@ -95,6 +98,7 @@ const svgOptions: Record<IconType, (props: SvgProps) => JSX.Element> = {
   networkPlaceholder: NetworkPlaceholderSvg,
   nftPlaceholder: NftPlaceholderSvg,
   off: OffSvg,
+  paperplane: PaperplaneSvg,
   qrCode: QrCodeSvg,
   refresh: RefreshSvg,
   search: SearchSvg,

package/src/composites/wui-account-button/index.tsx

@@ -15,7 +15,7 @@ export interface AccountButtonProps {
   imageHeaders?: Record<string, string>;
   avatarSrc?: string;
   address?: string;
-  isProfileName?: boolean;
+  profileName?: string;
   balance?: string;
   onPress?: () => void;
   disabled?: boolean;
@@ -28,7 +28,7 @@ export function AccountButton({
   imageHeaders,
   avatarSrc,
   address,
-  isProfileName,
+  profileName,
   balance,
   onPress,
   disabled,
@@ -73,6 +73,20 @@ export function AccountButton({
     return null;
   }
 
+  const formattedAddress = profileName
+    ? UiUtil.getTruncateString({
+        string: profileName,
+        charsStart: 18,
+        charsEnd: 0,
+        truncate: 'end'
+      })
+    : UiUtil.getTruncateString({
+        string: address || '',
+        charsStart: 4,
+        charsEnd: 6,
+        truncate: 'middle'
+      });
+
   return (
     <AnimatedPressable
       onPress={onPress}
@@ -102,12 +116,7 @@ export function AccountButton({
         />
         {address && (
           <Text variant="paragraph-500" color="fg-200" style={styles.address}>
-            {UiUtil.getTruncateString({
-              string: address,
-              charsStart: isProfileName ? 18 : 4,
-              charsEnd: isProfileName ? 0 : 6,
-              truncate: isProfileName ? 'end' : 'middle'
-            })}
+            {formattedAddress}
           </Text>
         )}
       </View>

package/src/composites/wui-account-button/styles.ts

@@ -1,11 +1,11 @@
 import { StyleSheet } from 'react-native';
-import { Spacing } from '../../utils/ThemeUtil';
+import { BorderRadius, Spacing } from '../../utils/ThemeUtil';
 
 export default StyleSheet.create({
   container: {
     flexDirection: 'row',
     height: 40,
-    borderRadius: 100,
+    borderRadius: BorderRadius.full,
     borderWidth: 1,
     justifyContent: 'center',
     alignItems: 'center',
@@ -14,7 +14,7 @@ export default StyleSheet.create({
   image: {
     height: 24,
     width: 24,
-    borderRadius: 100,
+    borderRadius: BorderRadius.full,
     borderWidth: 2
   },
   avatarPlaceholder: {
@@ -35,7 +35,7 @@ export default StyleSheet.create({
     alignItems: 'center',
     paddingLeft: Spacing['3xs'],
     paddingRight: Spacing.xs,
-    borderRadius: 100,
+    borderRadius: BorderRadius.full,
     borderWidth: 1
   },
   address: {

package/src/composites/wui-account-pill/index.tsx

@@ -0,0 +1,72 @@
+import { Animated, Pressable, type StyleProp, type ViewStyle } from 'react-native';
+import { Avatar } from '../wui-avatar';
+import { UiUtil } from '../../utils/UiUtil';
+import { IconLink } from '../wui-icon-link';
+import { Text } from '../../components/wui-text';
+import useAnimatedValue from '../../hooks/useAnimatedValue';
+import { useTheme } from '../../hooks/useTheme';
+import styles from './styles';
+
+export interface AccountPillProps {
+  onPress: () => void;
+  onCopy: (address: string) => void;
+  address?: string;
+  profileName?: string;
+  profileImage?: string;
+  style?: StyleProp<ViewStyle>;
+}
+
+const AnimatedPressable = Animated.createAnimatedComponent(Pressable);
+
+export function AccountPill({
+  onPress,
+  onCopy,
+  address,
+  profileName,
+  profileImage,
+  style
+}: AccountPillProps) {
+  const Theme = useTheme();
+
+  const { animatedValue, setStartValue, setEndValue } = useAnimatedValue(
+    Theme['gray-glass-005'],
+    Theme['gray-glass-010']
+  );
+
+  const backgroundColor = animatedValue;
+  const borderColor = Theme['gray-glass-005'];
+
+  const handleCopyAddress = () => {
+    if (address) {
+      onCopy(address);
+    }
+  };
+
+  return (
+    <AnimatedPressable
+      style={[styles.container, { backgroundColor, borderColor }, style]}
+      onPressIn={setEndValue}
+      onPressOut={setStartValue}
+      onPress={onPress}
+      hitSlop={10}
+    >
+      <Avatar imageSrc={profileImage} address={address} size={28} borderWidth={0} />
+      <Text variant="large-500" color="fg-100" style={styles.text}>
+        {profileName
+          ? UiUtil.getTruncateString({
+              string: profileName,
+              charsStart: 17,
+              charsEnd: 0,
+              truncate: 'end'
+            })
+          : UiUtil.getTruncateString({
+              string: address ?? '',
+              charsStart: 4,
+              charsEnd: 4,
+              truncate: 'middle'
+            })}
+      </Text>
+      <IconLink icon="copy" size="sm" iconColor="fg-200" onPress={handleCopyAddress} />
+    </AnimatedPressable>
+  );
+}

package/src/composites/wui-account-pill/styles.ts

@@ -0,0 +1,19 @@
+import { StyleSheet } from 'react-native';
+import { BorderRadius, Spacing } from '../../utils/ThemeUtil';
+
+export default StyleSheet.create({
+  container: {
+    height: 44,
+    minWidth: 160,
+    maxWidth: 260,
+    paddingLeft: Spacing.xs,
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center',
+    borderRadius: BorderRadius.full,
+    borderWidth: 1
+  },
+  text: {
+    marginLeft: Spacing['2xs']
+  }
+});

package/src/composites/wui-avatar/styles.ts

@@ -1,7 +1,8 @@
 import { StyleSheet } from 'react-native';
+import { BorderRadius } from '../../utils/ThemeUtil';
 
 export default StyleSheet.create({
   image: {
-    borderRadius: 100
+    borderRadius: BorderRadius.full
   }
 });

package/src/composites/wui-balance/index.tsx

@@ -0,0 +1,25 @@
+import { StyleSheet } from 'react-native';
+import { Text } from '../../components/wui-text';
+
+export interface BalanceProps {
+  integer?: string;
+  decimal?: string;
+}
+
+export function Balance({ integer = '0', decimal = '00' }: BalanceProps) {
+  return (
+    <Text color="fg-100" style={styles.text}>
+      {`$${integer}`}
+      <Text color="fg-200" style={styles.text}>
+        {`.${decimal}`}
+      </Text>
+    </Text>
+  );
+}
+
+const styles = StyleSheet.create({
+  text: {
+    fontSize: 40,
+    fontWeight: '500'
+  }
+});

package/src/composites/wui-banner/index.tsx

@@ -0,0 +1,28 @@
+import type { IconType } from '../../utils/TypesUtil';
+import { FlexView } from '../../layout/wui-flex';
+import { IconBox } from '../wui-icon-box';
+import { Text } from '../../components/wui-text';
+import { useTheme } from '../../hooks/useTheme';
+import styles from './styles';
+
+export interface BannerProps {
+  icon: IconType;
+  text: string;
+}
+
+export function Banner({ icon, text }: BannerProps) {
+  const Theme = useTheme();
+
+  return (
+    <FlexView
+      flexDirection="row"
+      alignItems="center"
+      style={[styles.container, { backgroundColor: Theme['accent-glass-010'] }]}
+    >
+      <IconBox icon={icon} size="sm" iconColor="fg-200" background style={styles.icon} />
+      <Text variant="small-400" color="fg-200" style={styles.text}>
+        {text}
+      </Text>
+    </FlexView>
+  );
+}

package/src/composites/wui-banner/styles.ts

@@ -0,0 +1,15 @@
+import { StyleSheet } from 'react-native';
+import { BorderRadius, Spacing } from '../../utils/ThemeUtil';
+
+export default StyleSheet.create({
+  container: {
+    padding: Spacing.s,
+    borderRadius: BorderRadius.s
+  },
+  icon: {
+    marginRight: Spacing.xs
+  },
+  text: {
+    flex: 1
+  }
+});

package/src/composites/wui-button/index.tsx

@@ -95,16 +95,18 @@ export function Button({
             style={[styles.iconLeft, iconStyle]}
           />
         )}
-        {loading ? (
-          <LoadingSpinner color={iconColor} />
-        ) : (
-          <Text
-            variant={size === 'md' ? 'paragraph-600' : 'small-600'}
-            style={[styles.text, themedTextStyle]}
-          >
-            {children}
-          </Text>
-        )}
+        {loading && <LoadingSpinner color={iconColor} />}
+        {!loading &&
+          (typeof children === 'string' ? (
+            <Text
+              variant={size === 'md' ? 'paragraph-600' : 'small-600'}
+              style={[styles.text, themedTextStyle]}
+            >
+              {children}
+            </Text>
+          ) : (
+            children
+          ))}
         {iconRight && (
           <Icon
             color={iconColor}

package/src/composites/wui-button/styles.ts

@@ -14,7 +14,7 @@ export const getThemedButtonStyle = (
 
   if (disabled) {
     return {
-      backgroundColor: variant === 'fill' ? theme['gray-glass-002'] : theme['gray-glass-010'],
+      backgroundColor: variant === 'fill' ? theme['gray-glass-005'] : theme['gray-glass-010'],
       borderColor: theme['gray-glass-002']
     };
   }
@@ -28,7 +28,7 @@ export const getThemedButtonStyle = (
 
   return {
     ...buttonBaseStyle,
-    backgroundColor: variant === 'fill' ? theme['accent-100'] : 'transparent'
+    backgroundColor: variant === 'fill' ? theme['accent-100'] : theme['gray-glass-002']
   };
 };
 

package/src/composites/wui-chip/index.tsx

@@ -1,5 +1,5 @@
 import { useRef, useState } from 'react';
-import { Animated, Linking, Pressable, type StyleProp, type ViewStyle } from 'react-native';
+import { Animated, Pressable, type StyleProp, type ViewStyle } from 'react-native';
 import type { ChipType, ColorType, IconType, SizeType } from '../../utils/TypesUtil';
 import { useTheme } from '../../hooks/useTheme';
 import { Text } from '../../components/wui-text';
@@ -10,7 +10,6 @@ import styles, { getThemedChipStyle, getThemedTextColor } from './styles';
 const AnimatedPressable = Animated.createAnimatedComponent(Pressable);
 
 export interface ChipProps {
-  link: string;
   label?: string;
   imageSrc?: string;
   icon?: IconType;
@@ -18,10 +17,11 @@ export interface ChipProps {
   size?: Exclude<SizeType, 'xl' | 'lg' | 'xs' | 'xxs'>;
   disabled?: boolean;
   style?: StyleProp<ViewStyle>;
+  onPress?: () => void;
 }
 
 export function Chip({
-  link,
+  onPress,
   imageSrc,
   icon,
   variant = 'fill',
@@ -38,10 +38,8 @@ export function Chip({
   const themedTextColor = getThemedTextColor(variant, disabled, pressed);
   const iconSize = size === 'md' ? 'sm' : 'xs';
 
-  const onPress = () => {
-    Linking.canOpenURL(link).then(supported => {
-      if (supported) Linking.openURL(link);
-    });
+  const handlePress = () => {
+    onPress?.();
   };
 
   const onPressIn = () => {
@@ -78,7 +76,7 @@ export function Chip({
       style={[styles.container, styles[`${size}Chip`], { borderColor, backgroundColor }, style]}
       onPressIn={onPressIn}
       onPressOut={onPressOut}
-      onPress={onPress}
+      onPress={handlePress}
     >
       {imageSrc && (
         <Image
@@ -95,7 +93,7 @@ export function Chip({
         variant={size === 'md' ? 'paragraph-600' : 'small-600'}
         style={[styles.link, { color: Theme[themedTextColor] }]}
       >
-        {label || link}
+        {label}
       </Text>
       {icon && (
         <Icon

package/src/composites/wui-chip/styles.ts

@@ -68,7 +68,7 @@ export default StyleSheet.create({
     borderWidth: 1
   },
   image: {
-    borderRadius: 100,
+    borderRadius: BorderRadius.full,
     borderWidth: 1
   },
   smImage: {

package/src/composites/wui-compatible-network/index.tsx

@@ -0,0 +1,64 @@
+import { Text } from '../../components/wui-text';
+import { NetworkImage } from '../wui-network-image';
+import { FlexView } from '../../layout/wui-flex';
+import { ListItem } from '../wui-list-item';
+import { StyleSheet, type StyleProp, type ViewStyle } from 'react-native';
+import { useTheme } from '../../hooks/useTheme';
+
+export interface CompatibleNetworkProps {
+  text: string;
+  onPress: () => void;
+  networkImages: string[];
+  imageHeaders: Record<string, string>;
+  style?: StyleProp<ViewStyle>;
+}
+
+const offset = [20, 15, 10, 5, 0];
+const zIndex = [5, 4, 3, 2, 1];
+
+export function CompatibleNetwork({
+  text,
+  onPress,
+  networkImages,
+  imageHeaders,
+  style
+}: CompatibleNetworkProps) {
+  const Theme = useTheme();
+
+  return (
+    <ListItem
+      onPress={onPress}
+      style={[styles.container, style]}
+      contentStyle={styles.contentContainer}
+      chevron
+    >
+      <Text color="fg-200" variant="small-400">
+        {text}
+      </Text>
+      <FlexView flexDirection="row" justifyContent="center" alignItems="center">
+        {networkImages?.map((image, index) => (
+          <NetworkImage
+            size="xs"
+            key={image}
+            imageSrc={image}
+            imageHeaders={imageHeaders}
+            borderColor={Theme['bg-200']}
+            borderWidth={2}
+            style={{ left: offset[index], zIndex: zIndex[index] }}
+          />
+        ))}
+      </FlexView>
+    </ListItem>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    height: 48
+  },
+  contentContainer: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    paddingRight: 0
+  }
+});