@reown/appkit-ui-react-native 0.0.0-refactor-modal-migration-20241004184043 → 1.0.1

package/lib/typescript/composites/wui-token-button/styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/composites/wui-token-button/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;AAGA,wBAcG"}

package/lib/typescript/composites/wui-transaction-visual/index.d.ts

@@ -1,8 +0,0 @@
-import type { TransactionImage } from '@reown/appkit-common-react-native';
-export interface TransactionVisualProps {
-    images?: TransactionImage[];
-    networkSrc?: string;
-    isAllNFT?: boolean;
-}
-export declare function TransactionVisual({ images, networkSrc, isAllNFT }: TransactionVisualProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=index.d.ts.map

package/lib/typescript/composites/wui-transaction-visual/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/composites/wui-transaction-visual/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AAQ1E,MAAM,WAAW,sBAAsB;IACrC,MAAM,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,iBAAiB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,sBAAsB,2CA+DzF"}

package/lib/typescript/composites/wui-transaction-visual/styles.d.ts

@@ -1,35 +0,0 @@
-declare const _default: {
-    image: {
-        height: number;
-        width: number;
-        borderRadius: number;
-        marginRight: number;
-    };
-    imageNft: {
-        borderRadius: number;
-    };
-    halfContainer: {
-        overflow: "hidden";
-        width: number;
-        marginRight: number;
-    };
-    halfRight: {
-        left: number;
-    };
-    networkImageContainer: {
-        position: "absolute";
-        bottom: number;
-        left: number;
-        borderWidth: number;
-        borderRadius: number;
-        width: number;
-        height: number;
-    };
-    networkImage: {
-        width: number;
-        height: number;
-        borderRadius: number;
-    };
-};
-export default _default;
-//# sourceMappingURL=styles.d.ts.map

package/lib/typescript/composites/wui-transaction-visual/styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/composites/wui-transaction-visual/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,wBAgCG"}

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

@@ -1,13 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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/src/assets/svg/ArrowBottomCircle.tsx

@@ -1,12 +0,0 @@
-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/Farcaster.tsx

@@ -1,15 +0,0 @@
-import Svg, { Path, type SvgProps, Rect } from 'react-native-svg';
-const SvgFarcaster = (props: SvgProps) => (
-  <Svg {...props} fill="none" viewBox="0 0 1000 1000">
-    <Rect width="1000" height="1000" rx="1000" ry="1000" fill="#855DCD" />
-    <Path
-      fill="#fff"
-      d="M320 248h354v504h-51.96V521.13h-.5c-5.76-63.8-59.31-113.81-124.54-113.81s-118.78 50-124.53 113.81h-.5V752H320V248Z"
-    />
-    <Path
-      fill="#fff"
-      d="m225 320 21.16 71.46h17.9v289.09a16.29 16.29 0 0 0-16.28 16.24v19.49h-3.25a16.3 16.3 0 0 0-16.28 16.24V752h182.26v-19.48a16.22 16.22 0 0 0-16.28-16.24h-3.25v-19.5a16.22 16.22 0 0 0-16.28-16.23h-19.52V320H225Zm400.3 360.55a16.3 16.3 0 0 0-15.04 10.02 16.2 16.2 0 0 0-1.24 6.22v19.49h-3.25a16.29 16.29 0 0 0-16.27 16.24V752h182.24v-19.48a16.23 16.23 0 0 0-16.27-16.24h-3.25v-19.5a16.2 16.2 0 0 0-10.04-15 16.3 16.3 0 0 0-6.23-1.23v-289.1h17.9L775 320H644.82v360.55H625.3Z"
-    />
-  </Svg>
-);
-export default SvgFarcaster;

package/src/assets/svg/FarcasterSquare.tsx

@@ -1,15 +0,0 @@
-import Svg, { Path, type SvgProps, Rect } from 'react-native-svg';
-const SvgFarcaster = (props: SvgProps) => (
-  <Svg {...props} fill="none" viewBox="0 0 1000 1000">
-    <Rect width="1000" height="1000" rx="300" ry="300" fill="#855DCD" />
-    <Path
-      fill="#fff"
-      d="M320 248h354v504h-51.96V521.13h-.5c-5.76-63.8-59.31-113.81-124.54-113.81s-118.78 50-124.53 113.81h-.5V752H320V248Z"
-    />
-    <Path
-      fill="#fff"
-      d="m225 320 21.16 71.46h17.9v289.09a16.29 16.29 0 0 0-16.28 16.24v19.49h-3.25a16.3 16.3 0 0 0-16.28 16.24V752h182.26v-19.48a16.22 16.22 0 0 0-16.28-16.24h-3.25v-19.5a16.22 16.22 0 0 0-16.28-16.23h-19.52V320H225Zm400.3 360.55a16.3 16.3 0 0 0-15.04 10.02 16.2 16.2 0 0 0-1.24 6.22v19.49h-3.25a16.29 16.29 0 0 0-16.27 16.24V752h182.24v-19.48a16.23 16.23 0 0 0-16.27-16.24h-3.25v-19.5a16.2 16.2 0 0 0-10.04-15 16.3 16.3 0 0 0-6.23-1.23v-289.1h17.9L775 320H644.82v360.55H625.3Z"
-    />
-  </Svg>
-);
-export default SvgFarcaster;

package/src/assets/svg/More.tsx

@@ -1,16 +0,0 @@
-import Svg, { Circle, Path, type SvgProps } from 'react-native-svg';
-const SvgMore = (props: SvgProps) => (
-  <Svg viewBox="0 0 41 40" fill="none" {...props}>
-    <Path
-      fill={props.fill || '#fff'}
-      fillOpacity=".05"
-      d="M.6 20a20 20 0 1 1 40 0 20 20 0 0 1-40 0Z"
-    />
-    <Path
-      fill="#949E9E"
-      d="M15.6 20.31a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0ZM23.1 20.31a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0ZM28.1 22.81a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z"
-    />
-    <Circle cx={20} cy={19.886} r={19.5} stroke="#fff" strokeOpacity={0.1} fill="none" />
-  </Svg>
-);
-export default SvgMore;

package/src/assets/svg/Paperplane.tsx

@@ -1,12 +0,0 @@
-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/assets/svg/X.tsx

@@ -1,26 +0,0 @@
-import Svg, { G, Path, Defs, ClipPath, type SvgProps, Rect } from 'react-native-svg';
-const SvgX = (props: SvgProps) => (
-  <Svg viewBox="0 0 40 40" {...props} fill="none">
-    <G clipPath="url(#clip0_22845_4959)">
-      <Rect width="40" height="40" fill="black" />
-      <Path
-        d="M21.8266 18.4604L28.9742 10.1519H27.2805L21.0742 17.366L16.1172 10.1519H10.4L17.8959 21.061L10.4 29.7738H12.0938L18.6479 22.1553L23.8827 29.7738H29.6L21.8266 18.4604ZM12.7042 11.427H15.3058L27.2813 28.5567H24.6796L12.7042 11.427Z"
-        fill="white"
-      />
-    </G>
-    <Path
-      d="M0.5 20C0.5 9.23045 9.23045 0.5 20 0.5C30.7696 0.5 39.5 9.23045 39.5 20C39.5 30.7696 30.7696 39.5 20 39.5C9.23045 39.5 0.5 30.7696 0.5 20Z"
-      stroke="white"
-      strokeOpacity="0.05"
-    />
-    <Defs>
-      <ClipPath id="clip0_22845_4959">
-        <Path
-          d="M0 20C0 8.95431 8.95431 0 20 0C31.0457 0 40 8.95431 40 20C40 31.0457 31.0457 40 20 40C8.95431 40 0 31.0457 0 20Z"
-          fill="white"
-        />
-      </ClipPath>
-    </Defs>
-  </Svg>
-);
-export default SvgX;

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

@@ -1,72 +0,0 @@
-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

@@ -1,19 +0,0 @@
-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-balance/index.tsx

@@ -1,25 +0,0 @@
-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

@@ -1,28 +0,0 @@
-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

@@ -1,15 +0,0 @@
-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-compatible-network/index.tsx

@@ -1,64 +0,0 @@
-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
-  }
-});

package/src/composites/wui-list-social/index.tsx

@@ -1,65 +0,0 @@
-import { View, Pressable, Animated, type StyleProp, type ViewStyle } from 'react-native';
-import useAnimatedValue from '../../hooks/useAnimatedValue';
-import { useTheme } from '../../hooks/useTheme';
-import type { LogoType } from '../../utils/TypesUtil';
-
-import styles from './styles';
-import { Logo } from '../wui-logo';
-import type { ReactNode } from 'react';
-
-const AnimatedPressable = Animated.createAnimatedComponent(Pressable);
-
-export interface ListSocialProps {
-  children?: ReactNode;
-  disabled?: boolean;
-  logo: LogoType;
-  onPress?: () => void;
-  style?: StyleProp<ViewStyle>;
-  testID?: string;
-  logoWidth?: number;
-  logoHeight?: number;
-}
-
-export function ListSocial({
-  logo,
-  children,
-  disabled,
-  onPress,
-  style,
-  testID,
-  logoHeight = 40,
-  logoWidth = 40
-}: ListSocialProps) {
-  const Theme = useTheme();
-  const { animatedValue, setStartValue, setEndValue } = useAnimatedValue(
-    Theme['gray-glass-002'],
-    Theme['gray-glass-010']
-  );
-
-  return (
-    <AnimatedPressable
-      disabled={disabled}
-      style={[styles.container, { backgroundColor: animatedValue }, style]}
-      onPress={onPress}
-      onPressIn={setEndValue}
-      onPressOut={setStartValue}
-      testID={testID}
-    >
-      <View
-        style={[
-          styles.border,
-          { height: logoHeight + 1, width: logoWidth + 1, borderColor: Theme['gray-glass-005'] }
-        ]}
-      >
-        <Logo
-          logo={logo}
-          style={disabled && styles.disabledLogo}
-          width={logoWidth}
-          height={logoHeight}
-        />
-      </View>
-      {children}
-      <View style={styles.rightPlaceholder} />
-    </AnimatedPressable>
-  );
-}

package/src/composites/wui-list-social/styles.ts

@@ -1,28 +0,0 @@
-import { StyleSheet } from 'react-native';
-import { BorderRadius, Spacing } from '../../utils/ThemeUtil';
-
-export default StyleSheet.create({
-  container: {
-    flexDirection: 'row',
-    height: 56,
-    width: '100%',
-    padding: Spacing.s,
-    alignItems: 'center',
-    justifyContent: 'space-between',
-    borderRadius: BorderRadius.s
-  },
-  rightPlaceholder: {
-    width: 40,
-    height: 40,
-    borderRadius: 100
-  },
-  disabledLogo: {
-    opacity: 0.4
-  },
-  border: {
-    borderRadius: BorderRadius.full,
-    borderWidth: 2,
-    alignItems: 'center',
-    justifyContent: 'center'
-  }
-});

package/src/composites/wui-list-token/index.tsx

@@ -1,83 +0,0 @@
-import { Pressable } from 'react-native';
-import { Icon } from '../../components/wui-icon';
-import { Image } from '../../components/wui-image';
-import { Text } from '../../components/wui-text';
-import { useTheme } from '../../hooks/useTheme';
-import { FlexView } from '../../layout/wui-flex';
-import { UiUtil } from '../../utils/UiUtil';
-import styles from './styles';
-
-export interface ListTokenProps {
-  imageSrc: string;
-  networkSrc?: string;
-  name: string;
-  value?: number;
-  amount?: string;
-  currency: string;
-  onPress?: () => void;
-}
-
-export function ListToken({
-  imageSrc,
-  networkSrc,
-  name,
-  value,
-  amount,
-  currency,
-  onPress
-}: ListTokenProps) {
-  const Theme = useTheme();
-
-  return (
-    <Pressable onPress={onPress}>
-      <FlexView
-        flexDirection="row"
-        justifyContent="space-between"
-        alignItems="center"
-        padding={['2xs', 'm', '2xs', 'xs']}
-      >
-        <FlexView flexDirection="row" alignItems="center">
-          {imageSrc ? (
-            <Image
-              source={imageSrc}
-              style={[styles.image, { backgroundColor: Theme['gray-glass-005'] }]}
-            />
-          ) : (
-            <FlexView
-              style={[styles.image, { backgroundColor: Theme['gray-glass-005'] }]}
-              alignItems="center"
-              justifyContent="center"
-            >
-              <Icon name="coinPlaceholder" size="lg" color="fg-200" />
-            </FlexView>
-          )}
-          <FlexView
-            alignItems="center"
-            justifyContent="center"
-            style={[
-              styles.networkImageContainer,
-              { borderColor: Theme['bg-100'], backgroundColor: Theme['bg-200'] }
-            ]}
-          >
-            {networkSrc ? (
-              <Image source={networkSrc} style={styles.networkImage} />
-            ) : (
-              <Icon name="networkPlaceholder" size="xxs" color="fg-200" />
-            )}
-          </FlexView>
-          <FlexView padding={['0', 's', '0', 's']}>
-            <Text color="fg-100" variant="paragraph-500">
-              {name}
-            </Text>
-            <Text variant="small-400" color="fg-200">
-              {UiUtil.formatNumberToLocalString(amount, 4)} {currency}
-            </Text>
-          </FlexView>
-        </FlexView>
-        <Text color="fg-100" variant="paragraph-500">
-          ${value?.toFixed(2) ?? '0.00'}
-        </Text>
-      </FlexView>
-    </Pressable>
-  );
-}

package/src/composites/wui-list-token/styles.ts

@@ -1,24 +0,0 @@
-import { StyleSheet } from 'react-native';
-import { BorderRadius, WalletImageSize } from '../../utils/ThemeUtil';
-
-export default StyleSheet.create({
-  image: {
-    height: WalletImageSize.sm,
-    width: WalletImageSize.sm,
-    borderRadius: BorderRadius.full
-  },
-  networkImageContainer: {
-    position: 'absolute',
-    bottom: -2,
-    left: 24,
-    borderWidth: 2,
-    borderRadius: BorderRadius.full,
-    width: 18,
-    height: 18
-  },
-  networkImage: {
-    width: 14,
-    height: 14,
-    borderRadius: BorderRadius.full
-  }
-});