@reown/appkit-ui-react-native 0.0.0-canary-20241010175718 → 0.0.0-develop-20241106142253

package/src/composites/wui-transaction-visual/styles.ts

@@ -0,0 +1,36 @@
+import { StyleSheet } from 'react-native';
+import { BorderRadius, Spacing } from '../../utils/ThemeUtil';
+
+export default StyleSheet.create({
+  image: {
+    height: 40,
+    width: 40,
+    borderRadius: BorderRadius.full,
+    marginRight: Spacing.s
+  },
+  imageNft: {
+    borderRadius: BorderRadius.xxs
+  },
+  halfContainer: {
+    overflow: 'hidden',
+    width: 20,
+    marginRight: 2
+  },
+  halfRight: {
+    left: -20
+  },
+  networkImageContainer: {
+    position: 'absolute',
+    bottom: -2,
+    left: 24,
+    borderWidth: 2,
+    borderRadius: BorderRadius.full,
+    width: 18,
+    height: 18
+  },
+  networkImage: {
+    width: 14,
+    height: 14,
+    borderRadius: BorderRadius.full
+  }
+});

package/src/composites/wui-wallet-image/styles.ts

@@ -32,7 +32,7 @@ export default StyleSheet.create({
     borderRadius: BorderRadius.m
   },
   border: {
-    borderWidth: 1,
+    borderWidth: StyleSheet.hairlineWidth,
     position: 'absolute'
   }
 });

package/src/index.ts

@@ -9,8 +9,11 @@ export { Visual, type VisualProps } from './components/wui-visual';
 export { Shimmer, type ShimmerProps } from './components/wui-shimmer';
 
 export { AccountButton, type AccountButtonProps } from './composites/wui-account-button';
+export { AccountPill, type AccountPillProps } from './composites/wui-account-pill';
 export { ActionEntry, type ActionEntryProps } from './composites/wui-action-entry';
 export { Avatar, type AvatarProps } from './composites/wui-avatar';
+export { Balance, type BalanceProps } from './composites/wui-balance';
+export { Banner, type BannerProps } from './composites/wui-banner';
 export { Button, type ButtonProps } from './composites/wui-button';
 export {
   CardSelectLoader,
@@ -24,6 +27,10 @@ export {
   type CardSelectProps
 } from './composites/wui-card-select';
 export { Chip, type ChipProps } from './composites/wui-chip';
+export {
+  CompatibleNetwork,
+  type CompatibleNetworkProps
+} from './composites/wui-compatible-network';
 export { ConnectButton, type ConnectButtonProps } from './composites/wui-connect-button';
 export { EmailInput, type EmailInputProps } from './composites/wui-email-input';
 export { IconBox, type IconBoxProps } from './composites/wui-icon-box';
@@ -33,17 +40,22 @@ export { InputNumeric, type InputNumericProps } from './composites/wui-input-num
 export { InputText, type InputTextProps } from './composites/wui-input-text';
 export { Link, type LinkProps } from './composites/wui-link';
 export { ListItem, type ListItemProps } from './composites/wui-list-item';
+export { ListSocial, type ListSocialProps } from './composites/wui-list-social';
+export { ListToken, type ListTokenProps } from './composites/wui-list-token';
+export { ListTransaction, type ListTransactionProps } from './composites/wui-list-transaction';
 export { ListWallet, type ListWalletProps } from './composites/wui-list-wallet';
 export { Logo, type LogoProps } from './composites/wui-logo';
 export { LogoSelect, type LogoSelectProps } from './composites/wui-logo-select';
 export { NetworkButton, type NetworkButtonProps } from './composites/wui-network-button';
 export { NetworkImage, type NetworkImageProps } from './composites/wui-network-image';
 export { Otp, type OtpProps } from './composites/wui-otp';
+export { Promo, type PromoProps } from './composites/wui-promo';
 export { QrCode, type QrCodeProps } from './composites/wui-qr-code';
 export { SearchBar, type SearchBarProps } from './composites/wui-search-bar';
 export { Snackbar, type SnackbarProps } from './composites/wui-snackbar';
 export { Tabs, type TabsProps } from './composites/wui-tabs';
 export { Tag, type TagProps } from './composites/wui-tag';
+export { TokenButton, type TokenButtonProps } from './composites/wui-token-button';
 export { Tooltip, type TooltipProps } from './composites/wui-tooltip';
 export { WalletImage, type WalletImageProps } from './composites/wui-wallet-image';
 
@@ -66,6 +78,7 @@ export type {
   VisualType
 } from './utils/TypesUtil';
 export { UiUtil } from './utils/UiUtil';
+export { TransactionUtil } from './utils/TransactionUtil';
 export { Spacing, BorderRadius } from './utils/ThemeUtil';
 
 export { useTheme } from './hooks/useTheme';

package/src/layout/wui-flex/index.tsx

@@ -1,4 +1,4 @@
-import { View, type StyleProp, type ViewStyle } from 'react-native';
+import { type StyleProp, type ViewStyle } from 'react-native';
 
 import type {
   FlexAlignType,
@@ -9,8 +9,8 @@ import type {
   FlexWrapType,
   SpacingType
 } from '../../utils/TypesUtil';
-
 import { UiUtil } from '../../utils/UiUtil';
+import { LeanView } from '../../components/wui-lean-view';
 
 export interface FlexViewProps {
   children?: React.ReactNode;
@@ -45,5 +45,5 @@ export function FlexView(props: FlexViewProps) {
     marginLeft: props.margin && UiUtil.getSpacingStyles(props.margin, 3)
   };
 
-  return <View style={[styles, props.style]}>{props.children}</View>;
+  return <LeanView style={[styles, props.style]}>{props.children}</LeanView>;
 }

package/src/layout/wui-separator/index.tsx

@@ -1,5 +1,6 @@
-import { View, type StyleProp, type ViewStyle } from 'react-native';
+import { type StyleProp, type ViewStyle } from 'react-native';
 import { Text } from '../../components/wui-text';
+import { LeanView } from '../../components/wui-lean-view';
 import { FlexView } from '../../layout/wui-flex';
 import { useTheme } from '../../hooks/useTheme';
 import styles from './styles';
@@ -13,18 +14,20 @@ export function Separator({ text, style }: SeparatorProps) {
   const Theme = useTheme();
 
   if (!text) {
-    return <View style={[styles.single, { backgroundColor: Theme['gray-glass-005'] }, style]} />;
+    return (
+      <LeanView style={[styles.single, { backgroundColor: Theme['gray-glass-005'] }, style]} />
+    );
   }
 
   return (
     <FlexView flexDirection="row" alignItems="center" style={style}>
-      <View
+      <LeanView
         style={[styles.divider, styles.marginRight, { backgroundColor: Theme['gray-glass-005'] }]}
       />
       <Text variant="small-500" color="fg-300">
         {text}
       </Text>
-      <View
+      <LeanView
         style={[styles.divider, styles.marginLeft, { backgroundColor: Theme['gray-glass-005'] }]}
       />
     </FlexView>

package/src/utils/ThemeUtil.ts

@@ -155,7 +155,8 @@ export const BorderRadius = {
   's': 20,
   'm': 28,
   'l': 36,
-  '3xl': 80
+  '3xl': 80,
+  'full': 100
 };
 
 export const IconSize = {

package/src/utils/TransactionUtil.ts

@@ -0,0 +1,173 @@
+import { DateUtil } from '@reown/appkit-common-react-native';
+import type {
+  TransactionTransfer,
+  Transaction,
+  TransactionImage
+} from '@reown/appkit-common-react-native';
+import type { TransactionType } from './TypesUtil';
+import { UiUtil } from './UiUtil';
+
+// -- Helpers --------------------------------------------- //
+const FLOAT_FIXED_VALUE = 2;
+const SMALL_FLOAT_FIXED_VALUE = 4;
+const plusTypes: TransactionType[] = ['receive', 'deposit', 'borrow', 'claim'];
+const minusTypes: TransactionType[] = ['withdraw', 'repay', 'burn'];
+
+export const TransactionUtil = {
+  getTransactionGroupTitle(year: string, month: string) {
+    const currentYear = DateUtil.getYear().toString();
+    const monthName = DateUtil.getMonth(parseInt(month));
+    const isCurrentYear = year === currentYear;
+    const groupTitle = isCurrentYear ? monthName : `${monthName} ${year}`;
+
+    return groupTitle;
+  },
+
+  getTransactionImages(transfers: TransactionTransfer[]): TransactionImage[] {
+    const [transfer, secondTransfer] = transfers;
+    const isAllNFT = Boolean(transfer) && transfers?.every(item => Boolean(item.nft_info));
+    const haveMultipleTransfers = transfers?.length > 1;
+    const haveTwoTransfers = transfers?.length === 2;
+
+    if (haveTwoTransfers && !isAllNFT) {
+      return [this.getTransactionImage(transfer), this.getTransactionImage(secondTransfer)];
+    }
+
+    if (haveMultipleTransfers) {
+      return transfers.map(item => this.getTransactionImage(item));
+    }
+
+    return [this.getTransactionImage(transfer)];
+  },
+
+  getTransactionImage(transfer?: TransactionTransfer): TransactionImage {
+    return {
+      type: TransactionUtil.getTransactionTransferTokenType(transfer),
+      url: TransactionUtil.getTransactionImageURL(transfer)
+    };
+  },
+
+  getTransactionImageURL(transfer: TransactionTransfer | undefined) {
+    let imageURL;
+    const isNFT = Boolean(transfer?.nft_info);
+    const isFungible = Boolean(transfer?.fungible_info);
+
+    if (transfer && isNFT) {
+      imageURL = transfer?.nft_info?.content?.preview?.url;
+    } else if (transfer && isFungible) {
+      imageURL = transfer?.fungible_info?.icon?.url;
+    }
+
+    return imageURL;
+  },
+
+  getTransactionTransferTokenType(transfer?: TransactionTransfer): 'FUNGIBLE' | 'NFT' | undefined {
+    if (transfer?.fungible_info) {
+      return 'FUNGIBLE';
+    } else if (transfer?.nft_info) {
+      return 'NFT';
+    }
+
+    return undefined;
+  },
+
+  getTransactionDescriptions(transaction: Transaction) {
+    const type = transaction?.metadata?.operationType as TransactionType;
+
+    const transfers = transaction?.transfers;
+    const haveTransfer = transaction?.transfers?.length > 0;
+    const haveMultipleTransfers = transaction?.transfers?.length > 1;
+    const isSendOrReceive = type === 'send' || type === 'receive';
+    const isFungible =
+      haveTransfer && transfers?.every(transfer => Boolean(transfer?.fungible_info));
+    const [firstTransfer, secondTransfer] = transfers;
+
+    let firstDescription = this.getTransferDescription(firstTransfer);
+    let secondDescription = this.getTransferDescription(secondTransfer);
+
+    if (!haveTransfer) {
+      if (isSendOrReceive && isFungible) {
+        firstDescription = UiUtil.getTruncateString({
+          string: transaction?.metadata.sentFrom,
+          charsStart: 4,
+          charsEnd: 6,
+          truncate: 'middle'
+        });
+        secondDescription = UiUtil.getTruncateString({
+          string: transaction?.metadata.sentTo,
+          charsStart: 4,
+          charsEnd: 6,
+          truncate: 'middle'
+        });
+
+        return [firstDescription, secondDescription];
+      }
+
+      return [transaction.metadata.status];
+    }
+
+    if (haveMultipleTransfers) {
+      return transfers.map(item => this.getTransferDescription(item));
+    }
+
+    let prefix = '';
+    if (plusTypes.includes(type)) {
+      prefix = '+';
+    } else if (minusTypes.includes(type)) {
+      prefix = '-';
+    }
+
+    firstDescription = prefix.concat(firstDescription);
+
+    if (isSendOrReceive) {
+      const isSend = type === 'send';
+      const address = UiUtil.getTruncateString({
+        string: isSend ? transaction.metadata.sentTo : transaction.metadata.sentFrom,
+        charsStart: 4,
+        charsEnd: 4,
+        truncate: 'middle'
+      });
+      const arrow = isSend ? '→' : '←';
+      firstDescription = firstDescription.concat(` ${arrow} ${address}`);
+    }
+
+    return [firstDescription];
+  },
+
+  getTransferDescription(transfer?: TransactionTransfer) {
+    let description = '';
+
+    if (!transfer) {
+      return description;
+    }
+
+    if (transfer?.nft_info) {
+      description = transfer?.nft_info?.name || '-';
+    } else if (transfer?.fungible_info) {
+      description = this.getFungibleTransferDescription(transfer) ?? '-';
+    }
+
+    return description;
+  },
+
+  getFungibleTransferDescription(transfer?: TransactionTransfer) {
+    if (!transfer) {
+      return null;
+    }
+
+    const quantity = this.getQuantityFixedValue(transfer?.quantity.numeric);
+    const description = [quantity, transfer?.fungible_info?.symbol].join(' ').trim();
+
+    return description;
+  },
+
+  getQuantityFixedValue(value: string | undefined) {
+    if (!value) {
+      return null;
+    }
+
+    const parsedValue = parseFloat(value);
+
+    return parsedValue.toFixed(parsedValue > 1 ? FLOAT_FIXED_VALUE : SMALL_FLOAT_FIXED_VALUE);
+  }
+};

package/src/utils/TypesUtil.ts

@@ -91,14 +91,36 @@ export type ColorType =
   | 'error-100'
   | 'fg-100'
   | 'fg-150'
+  | 'fg-175'
   | 'fg-200'
   | 'fg-250'
   | 'fg-275'
   | 'fg-300'
+  | 'bg-100'
+  | 'bg-125'
+  | 'bg-150'
+  | 'bg-175'
+  | 'bg-200'
+  | 'bg-225'
+  | 'bg-250'
+  | 'bg-275'
+  | 'bg-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';
+  | 'success-100'
+  | 'teal-100'
+  | 'magenta-100'
+  | 'indigo-100'
+  | 'orange-100'
+  | 'purple-100'
+  | 'yellow-100';
 
 export type SizeType = 'xl' | 'lg' | 'md' | 'sm' | 'xs' | 'xxs';
 
@@ -112,6 +134,7 @@ export type IconType =
   | 'allWallets'
   | 'apple'
   | 'arrowBottom'
+  | 'arrowBottomCircle'
   | 'arrowLeft'
   | 'arrowRight'
   | 'arrowTop'
@@ -136,6 +159,8 @@ export type IconType =
   | 'extension'
   | 'externalLink'
   | 'facebook'
+  | 'farcaster'
+  | 'farcasterSquare'
   | 'filters'
   | 'github'
   | 'google'
@@ -143,9 +168,11 @@ export type IconType =
   | 'infoCircle'
   | 'mail'
   | 'mobile'
+  | 'more'
   | 'networkPlaceholder'
   | 'nftPlaceholder'
   | 'off'
+  | 'paperplane'
   | 'qrCode'
   | 'refresh'
   | 'search'
@@ -153,14 +180,14 @@ export type IconType =
   | 'swapVertical'
   | 'telegram'
   | 'twitch'
-  | 'twitter'
-  | 'twitterIcon'
   | 'verify'
   | 'wallet'
   | 'walletSmall'
   | 'walletConnect'
+  | 'walletConnectLightBrown'
   | 'walletPlaceholder'
-  | 'warningCircle';
+  | 'warningCircle'
+  | 'x';
 
 export type VisualType =
   | 'browser'
@@ -168,12 +195,15 @@ export type VisualType =
   | 'defi'
   | 'defiAlt'
   | 'eth'
+  | 'google'
   | 'layers'
+  | 'lightbulb'
   | 'lock'
   | 'login'
   | 'network'
   | 'nft'
   | 'noun'
+  | 'pencil'
   | 'profile'
   | 'system';
 
@@ -181,11 +211,14 @@ export type LogoType =
   | 'apple'
   | 'discord'
   | 'facebook'
+  | 'farcaster'
+  | 'farcasterSquare'
   | 'github'
   | 'google'
+  | 'more'
   | 'telegram'
   | 'twitch'
-  | 'twitter';
+  | 'x';
 
 export type TagType = 'main' | 'shade' | 'error' | 'success';
 
@@ -193,7 +226,7 @@ export type CardSelectType = 'wallet' | 'network';
 
 export type TabOptionType = {
   icon: IconType;
-  label: string;
+  label?: string;
 };
 
 export type SpacingType =
@@ -238,3 +271,22 @@ 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';

package/src/utils/UiUtil.ts

@@ -68,5 +68,23 @@ export const UiUtil = {
 
   getWalletName(name: string, short = true) {
     return short ? name.split(' ')[0] : name;
+  },
+
+  formatNumberToLocalString(value: string | number | undefined, decimals = 2) {
+    if (value === undefined) {
+      return '0.00';
+    }
+
+    if (typeof value === 'number') {
+      return value.toLocaleString('en-US', {
+        maximumFractionDigits: decimals,
+        minimumFractionDigits: decimals
+      });
+    }
+
+    return parseFloat(value).toLocaleString('en-US', {
+      maximumFractionDigits: decimals,
+      minimumFractionDigits: decimals
+    });
   }
 };

package/lib/commonjs/assets/svg/Twitter.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_reactNativeSvg","_interopRequireWildcard","require","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","SvgTwitter","props","React","createElement","viewBox","fill","G","clipPath","Circle","cx","cy","stroke","strokeOpacity","Path","d","Defs","ClipPath","id","_default","exports"],"sourceRoot":"../../../../src","sources":["assets/svg/Twitter.tsx"],"mappings":"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"}

package/lib/commonjs/assets/svg/TwitterIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_reactNativeSvg","_interopRequireWildcard","require","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","SvgTwitter","props","React","createElement","viewBox","fill","Path","d","_default","exports"],"sourceRoot":"../../../../src","sources":["assets/svg/TwitterIcon.tsx"],"mappings":";;;;;;AAAA,IAAAA,eAAA,GAAAC,uBAAA,CAAAC,OAAA;AAA4D,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAH,wBAAAG,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAY,SAAA,IAAAA,QAAA,GAAAT,MAAA,CAAAU,MAAA,GAAAV,MAAA,CAAAU,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAL,CAAA,MAAAA,CAAA,GAAAM,SAAA,CAAAC,MAAA,EAAAP,CAAA,UAAAQ,MAAA,GAAAF,SAAA,CAAAN,CAAA,YAAAS,GAAA,IAAAD,MAAA,QAAAf,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAS,MAAA,EAAAC,GAAA,KAAAJ,MAAA,CAAAI,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAJ,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAJ,SAAA;AAC5D,MAAMK,UAAU,GAAIC,KAAe,iBACjCC,KAAA,CAAAC,aAAA,CAACpC,eAAA,CAAAS,OAAG,EAAAe,QAAA;EAACa,OAAO,EAAC,WAAW;EAACC,IAAI,EAAC;AAAM,GAAKJ,KAAK,gBAC5CC,KAAA,CAAAC,aAAA,CAACpC,eAAA,CAAAuC,IAAI;EACHD,IAAI,EAAEJ,KAAK,CAACI,IAAI,IAAI,MAAO;EAC3BE,CAAC,EAAC;AAAqW,CACxW,CACE,CACN;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAjC,OAAA,GACawB,UAAU"}

package/lib/module/assets/svg/Twitter.js

@@ -1,37 +0,0 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-import Svg, { G, Circle, Path, Defs, ClipPath } from 'react-native-svg';
-const SvgTwitter = props => /*#__PURE__*/React.createElement(Svg, _extends({
-  viewBox: "0 0 40 40"
-}, props, {
-  fill: "none"
-}), /*#__PURE__*/React.createElement(G, {
-  clipPath: "url(#Twitter_svg__a)"
-}, /*#__PURE__*/React.createElement(G, {
-  clipPath: "url(#Twitter_svg__b)"
-}, /*#__PURE__*/React.createElement(Circle, {
-  cx: 20,
-  cy: 19.886,
-  r: 20,
-  fill: "#1D9BF0"
-}), /*#__PURE__*/React.createElement(Circle, {
-  cx: 20,
-  cy: 19.886,
-  r: 19.5,
-  stroke: "#fff",
-  strokeOpacity: 0.1
-}), /*#__PURE__*/React.createElement(Path, {
-  fill: "#fff",
-  d: "M30 13.81a8.189 8.189 0 0 1-2.357.646 4.11 4.11 0 0 0 1.805-2.27 8.22 8.22 0 0 1-2.606.996 4.096 4.096 0 0 0-2.995-1.296c-2.65 0-4.596 2.471-3.998 5.037a11.648 11.648 0 0 1-8.457-4.286 4.109 4.109 0 0 0 1.27 5.478 4.086 4.086 0 0 1-1.858-.513c-.045 1.9 1.318 3.679 3.291 4.075a4.114 4.114 0 0 1-1.853.07 4.106 4.106 0 0 0 3.833 2.849 8.25 8.25 0 0 1-6.075 1.7 11.616 11.616 0 0 0 6.29 1.843c7.618 0 11.922-6.434 11.663-12.205A8.354 8.354 0 0 0 30 13.81Z"
-}))), /*#__PURE__*/React.createElement(Defs, null, /*#__PURE__*/React.createElement(ClipPath, {
-  id: "Twitter_svg__a"
-}, /*#__PURE__*/React.createElement(Path, {
-  fill: "#fff",
-  d: "M0 20C0 8.954 8.954 0 20 0s20 8.954 20 20-8.954 20-20 20S0 31.046 0 20Z"
-})), /*#__PURE__*/React.createElement(ClipPath, {
-  id: "Twitter_svg__b"
-}, /*#__PURE__*/React.createElement(Path, {
-  fill: "#fff",
-  d: "M0 0h40v40H0z"
-}))));
-export default SvgTwitter;
-//# sourceMappingURL=Twitter.js.map

package/lib/module/assets/svg/Twitter.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["Svg","G","Circle","Path","Defs","ClipPath","SvgTwitter","props","React","createElement","_extends","viewBox","fill","clipPath","cx","cy","r","stroke","strokeOpacity","d","id"],"sourceRoot":"../../../../src","sources":["assets/svg/Twitter.tsx"],"mappings":";AAAA,OAAOA,GAAG,IAAIC,CAAC,EAAEC,MAAM,EAAEC,IAAI,EAAEC,IAAI,EAAEC,QAAQ,QAAuB,kBAAkB;AACtF,MAAMC,UAAU,GAAIC,KAAe,iBACjCC,KAAA,CAAAC,aAAA,CAACT,GAAG,EAAAU,QAAA;EAACC,OAAO,EAAC;AAAW,GAAKJ,KAAK;EAAEK,IAAI,EAAC;AAAM,iBAC7CJ,KAAA,CAAAC,aAAA,CAACR,CAAC;EAACY,QAAQ,EAAC;AAAsB,gBAChCL,KAAA,CAAAC,aAAA,CAACR,CAAC;EAACY,QAAQ,EAAC;AAAsB,gBAChCL,KAAA,CAAAC,aAAA,CAACP,MAAM;EAACY,EAAE,EAAE,EAAG;EAACC,EAAE,EAAE,MAAO;EAACC,CAAC,EAAE,EAAG;EAACJ,IAAI,EAAC;AAAS,CAAE,CAAC,eACpDJ,KAAA,CAAAC,aAAA,CAACP,MAAM;EAACY,EAAE,EAAE,EAAG;EAACC,EAAE,EAAE,MAAO;EAACC,CAAC,EAAE,IAAK;EAACC,MAAM,EAAC,MAAM;EAACC,aAAa,EAAE;AAAI,CAAE,CAAC,eACzEV,KAAA,CAAAC,aAAA,CAACN,IAAI;EACHS,IAAI,EAAC,MAAM;EACXO,CAAC,EAAC;AAAuc,CAC1c,CACA,CACF,CAAC,eACJX,KAAA,CAAAC,aAAA,CAACL,IAAI,qBACHI,KAAA,CAAAC,aAAA,CAACJ,QAAQ;EAACe,EAAE,EAAC;AAAgB,gBAC3BZ,KAAA,CAAAC,aAAA,CAACN,IAAI;EACHS,IAAI,EAAC,MAAM;EACXO,CAAC,EAAC;AAAyE,CAC5E,CACO,CAAC,eACXX,KAAA,CAAAC,aAAA,CAACJ,QAAQ;EAACe,EAAE,EAAC;AAAgB,gBAC3BZ,KAAA,CAAAC,aAAA,CAACN,IAAI;EAACS,IAAI,EAAC,MAAM;EAACO,CAAC,EAAC;AAAe,CAAE,CAC7B,CACN,CACH,CACN;AACD,eAAeb,UAAU"}

package/lib/module/assets/svg/TwitterIcon.js

@@ -1,11 +0,0 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-import Svg, { Path } from 'react-native-svg';
-const SvgTwitter = props => /*#__PURE__*/React.createElement(Svg, _extends({
-  viewBox: "0 0 16 16",
-  fill: "none"
-}, props), /*#__PURE__*/React.createElement(Path, {
-  fill: props.fill || '#fff',
-  d: "m14.36 4.74.01.42c0 4.34-3.3 9.34-9.34 9.34A9.3 9.3 0 0 1 0 13.03a6.6 6.6 0 0 0 4.86-1.36 3.29 3.29 0 0 1-3.07-2.28c.5.1 1 .07 1.48-.06A3.28 3.28 0 0 1 .64 6.11v-.04c.46.26.97.4 1.49.41A3.29 3.29 0 0 1 1.11 2.1a9.32 9.32 0 0 0 6.77 3.43 3.28 3.28 0 0 1 5.6-3 6.59 6.59 0 0 0 2.08-.8 3.3 3.3 0 0 1-1.45 1.82A6.53 6.53 0 0 0 16 3.04c-.44.66-1 1.23-1.64 1.7Z"
-}));
-export default SvgTwitter;
-//# sourceMappingURL=TwitterIcon.js.map

package/lib/module/assets/svg/TwitterIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["Svg","Path","SvgTwitter","props","React","createElement","_extends","viewBox","fill","d"],"sourceRoot":"../../../../src","sources":["assets/svg/TwitterIcon.tsx"],"mappings":";AAAA,OAAOA,GAAG,IAAIC,IAAI,QAAuB,kBAAkB;AAC3D,MAAMC,UAAU,GAAIC,KAAe,iBACjCC,KAAA,CAAAC,aAAA,CAACL,GAAG,EAAAM,QAAA;EAACC,OAAO,EAAC,WAAW;EAACC,IAAI,EAAC;AAAM,GAAKL,KAAK,gBAC5CC,KAAA,CAAAC,aAAA,CAACJ,IAAI;EACHO,IAAI,EAAEL,KAAK,CAACK,IAAI,IAAI,MAAO;EAC3BC,CAAC,EAAC;AAAqW,CACxW,CACE,CACN;AACD,eAAeP,UAAU"}

package/lib/typescript/assets/svg/Twitter.d.ts

@@ -1,4 +0,0 @@
-import { type SvgProps } from 'react-native-svg';
-declare const SvgTwitter: (props: SvgProps) => import("react/jsx-runtime").JSX.Element;
-export default SvgTwitter;
-//# sourceMappingURL=Twitter.d.ts.map

package/lib/typescript/assets/svg/Twitter.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Twitter.d.ts","sourceRoot":"","sources":["../../../../src/assets/svg/Twitter.tsx"],"names":[],"mappings":"AAAA,OAAY,EAAmC,KAAK,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvF,QAAA,MAAM,UAAU,UAAW,QAAQ,4CAwBlC,CAAC;AACF,eAAe,UAAU,CAAC"}

package/lib/typescript/assets/svg/TwitterIcon.d.ts

@@ -1,4 +0,0 @@
-import { type SvgProps } from 'react-native-svg';
-declare const SvgTwitter: (props: SvgProps) => import("react/jsx-runtime").JSX.Element;
-export default SvgTwitter;
-//# sourceMappingURL=TwitterIcon.d.ts.map

package/lib/typescript/assets/svg/TwitterIcon.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TwitterIcon.d.ts","sourceRoot":"","sources":["../../../../src/assets/svg/TwitterIcon.tsx"],"names":[],"mappings":"AAAA,OAAY,EAAQ,KAAK,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5D,QAAA,MAAM,UAAU,UAAW,QAAQ,4CAOlC,CAAC;AACF,eAAe,UAAU,CAAC"}

package/src/assets/svg/Twitter.tsx

@@ -1,27 +0,0 @@
-import Svg, { G, Circle, Path, Defs, ClipPath, type SvgProps } from 'react-native-svg';
-const SvgTwitter = (props: SvgProps) => (
-  <Svg viewBox="0 0 40 40" {...props} fill="none">
-    <G clipPath="url(#Twitter_svg__a)">
-      <G clipPath="url(#Twitter_svg__b)">
-        <Circle cx={20} cy={19.886} r={20} fill="#1D9BF0" />
-        <Circle cx={20} cy={19.886} r={19.5} stroke="#fff" strokeOpacity={0.1} />
-        <Path
-          fill="#fff"
-          d="M30 13.81a8.189 8.189 0 0 1-2.357.646 4.11 4.11 0 0 0 1.805-2.27 8.22 8.22 0 0 1-2.606.996 4.096 4.096 0 0 0-2.995-1.296c-2.65 0-4.596 2.471-3.998 5.037a11.648 11.648 0 0 1-8.457-4.286 4.109 4.109 0 0 0 1.27 5.478 4.086 4.086 0 0 1-1.858-.513c-.045 1.9 1.318 3.679 3.291 4.075a4.114 4.114 0 0 1-1.853.07 4.106 4.106 0 0 0 3.833 2.849 8.25 8.25 0 0 1-6.075 1.7 11.616 11.616 0 0 0 6.29 1.843c7.618 0 11.922-6.434 11.663-12.205A8.354 8.354 0 0 0 30 13.81Z"
-        />
-      </G>
-    </G>
-    <Defs>
-      <ClipPath id="Twitter_svg__a">
-        <Path
-          fill="#fff"
-          d="M0 20C0 8.954 8.954 0 20 0s20 8.954 20 20-8.954 20-20 20S0 31.046 0 20Z"
-        />
-      </ClipPath>
-      <ClipPath id="Twitter_svg__b">
-        <Path fill="#fff" d="M0 0h40v40H0z" />
-      </ClipPath>
-    </Defs>
-  </Svg>
-);
-export default SvgTwitter;

package/src/assets/svg/TwitterIcon.tsx

@@ -1,10 +0,0 @@
-import Svg, { Path, type SvgProps } from 'react-native-svg';
-const SvgTwitter = (props: SvgProps) => (
-  <Svg viewBox="0 0 16 16" fill="none" {...props}>
-    <Path
-      fill={props.fill || '#fff'}
-      d="m14.36 4.74.01.42c0 4.34-3.3 9.34-9.34 9.34A9.3 9.3 0 0 1 0 13.03a6.6 6.6 0 0 0 4.86-1.36 3.29 3.29 0 0 1-3.07-2.28c.5.1 1 .07 1.48-.06A3.28 3.28 0 0 1 .64 6.11v-.04c.46.26.97.4 1.49.41A3.29 3.29 0 0 1 1.11 2.1a9.32 9.32 0 0 0 6.77 3.43 3.28 3.28 0 0 1 5.6-3 6.59 6.59 0 0 0 2.08-.8 3.3 3.3 0 0 1-1.45 1.82A6.53 6.53 0 0 0 16 3.04c-.44.66-1 1.23-1.64 1.7Z"
-    />
-  </Svg>
-);
-export default SvgTwitter;