@reown/appkit-ui-react-native 0.0.0-feat-wallet-features-20240925132010 → 0.0.0-feat-smart-account-20241016150857

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

@@ -13,9 +13,6 @@ export interface CompatibleNetworkProps {
   style?: StyleProp<ViewStyle>;
 }
 
-const offset = [20, 15, 10, 5, 0];
-const zIndex = [5, 4, 3, 2, 1];
-
 export function CompatibleNetwork({
   text,
   onPress,
@@ -44,7 +41,7 @@ export function CompatibleNetwork({
             imageHeaders={imageHeaders}
             borderColor={Theme['bg-200']}
             borderWidth={2}
-            style={{ left: offset[index], zIndex: zIndex[index] }}
+            style={[styles.item, { zIndex: networkImages.length - index }]}
           />
         ))}
       </FlexView>
@@ -60,5 +57,8 @@ const styles = StyleSheet.create({
     flexDirection: 'row',
     justifyContent: 'space-between',
     paddingRight: 0
+  },
+  item: {
+    marginLeft: -5
   }
 });

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

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

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

@@ -6,9 +6,11 @@ import type { LogoType } from '../../utils/TypesUtil';
 export interface LogoProps {
   logo: LogoType;
   disabled?: boolean;
+  height?: number;
+  width?: number;
   style?: SvgProps['style'];
 }
 
-export function Logo({ logo, style }: LogoProps) {
-  return <Icon width={40} height={40} name={logo} style={style} />;
+export function Logo({ width = 40, height = 40, logo, style }: LogoProps) {
+  return <Icon width={width} height={height} name={logo} style={style} />;
 }

package/src/composites/wui-logo-select/index.tsx

@@ -1,4 +1,4 @@
-import { Animated, Pressable } from 'react-native';
+import { Animated, Pressable, type StyleProp, type ViewStyle } from 'react-native';
 import useAnimatedValue from '../../hooks/useAnimatedValue';
 import { useTheme } from '../../hooks/useTheme';
 import type { LogoType } from '../../utils/TypesUtil';
@@ -10,20 +10,23 @@ const AnimatedPressable = Animated.createAnimatedComponent(Pressable);
 export interface LogoSelectProps {
   logo: LogoType;
   disabled?: boolean;
+  style?: StyleProp<ViewStyle>;
+  onPress?: () => void;
 }
 
-export function LogoSelect({ logo, disabled }: LogoSelectProps) {
+export function LogoSelect({ logo, disabled, style, onPress }: LogoSelectProps) {
   const Theme = useTheme();
   const { animatedValue, setStartValue, setEndValue } = useAnimatedValue(
-    Theme['gray-glass-005'],
+    Theme['gray-glass-002'],
     Theme['gray-glass-010']
   );
 
   return (
     <AnimatedPressable
+      onPress={onPress}
       onPressIn={setEndValue}
       onPressOut={setStartValue}
-      style={[styles.box, { backgroundColor: animatedValue }]}
+      style={[styles.box, { backgroundColor: animatedValue }, style]}
       disabled={disabled}
     >
       <Logo logo={logo} style={disabled && styles.disabled} />

package/src/composites/wui-logo-select/styles.ts

@@ -3,9 +3,9 @@ import { BorderRadius } from '../../utils/ThemeUtil';
 
 export default StyleSheet.create({
   box: {
-    height: 50,
-    width: 50,
-    borderRadius: BorderRadius.xs,
+    height: 56,
+    width: 56,
+    borderRadius: BorderRadius.s,
     alignItems: 'center',
     justifyContent: 'center'
   },

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

@@ -3,8 +3,7 @@ import {
   type NativeSyntheticEvent,
   TextInput,
   type TextInputKeyPressEventData,
-  View,
-  Platform
+  View
 } from 'react-native';
 import { InputNumeric, type InputNumericProps } from '../wui-input-numeric';
 import styles from './styles';
@@ -90,8 +89,7 @@ export function Otp({ length, style, onChangeText, autoFocus }: OtpProps) {
           inputRef={refArray[index]}
           onChangeText={text => _onChangeText(text, index)}
           onKeyPress={(e: any) => onKeyPress(e, index)}
-          textContentType="oneTimeCode"
-          autoComplete={Platform.OS === 'android' ? 'sms-otp' : 'one-time-code'}
+          autoComplete="off"
         />
       ))}
     </View>

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

@@ -0,0 +1,42 @@
+import { Pressable, StyleSheet, type StyleProp, type ViewStyle } from 'react-native';
+import { Icon } from '../../components/wui-icon';
+import { Text } from '../../components/wui-text';
+import { useTheme } from '../../hooks/useTheme';
+import { FlexView } from '../../layout/wui-flex';
+import { BorderRadius, Spacing } from '../../utils/ThemeUtil';
+
+export interface PromoProps {
+  text: string;
+  style?: StyleProp<ViewStyle>;
+  onPress?: () => void;
+}
+
+export function Promo({ text, style, onPress }: PromoProps) {
+  const Theme = useTheme();
+
+  return (
+    <Pressable style={style} onPress={onPress}>
+      <FlexView
+        alignItems="center"
+        justifyContent="center"
+        flexDirection="row"
+        padding={['xs', 'xs', 'xs', 'm']}
+        style={[styles.container, { backgroundColor: Theme['gray-glass-090'] }]}
+      >
+        <Text variant="small-600" color="bg-100">
+          {text}
+        </Text>
+        <Icon style={styles.icon} name="arrowRight" color="bg-100" size="xs" />
+      </FlexView>
+    </Pressable>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    borderRadius: BorderRadius.full
+  },
+  icon: {
+    marginLeft: Spacing['2xs']
+  }
+});

package/src/composites/wui-qr-code/index.tsx

@@ -8,18 +8,20 @@ import { Text } from '../../components/wui-text';
 import { FlexView } from '../../layout/wui-flex';
 import { QRCodeUtil } from '../../utils/QRCodeUtil';
 import { BorderRadius, LightTheme, Spacing } from '../../utils/ThemeUtil';
+import type { IconType } from '../../utils/TypesUtil';
 import styles from './styles';
 
 export interface QrCodeProps {
   size: number;
   uri?: string;
   imageSrc?: string;
+  icon?: IconType;
   testID?: string;
   arenaClear?: boolean;
   style?: StyleProp<ViewStyle>;
 }
 
-export function QrCode({ size, uri, imageSrc, testID, arenaClear, style }: QrCodeProps) {
+export function QrCode({ size, uri, imageSrc, testID, arenaClear, icon, style }: QrCodeProps) {
   const Theme = LightTheme;
   const containerPadding = Spacing.l;
   const qrSize = size - containerPadding * 2;
@@ -49,7 +51,7 @@ export function QrCode({ size, uri, imageSrc, testID, arenaClear, style }: QrCod
 
     return (
       <Icon
-        name="walletConnect"
+        name={icon ?? 'walletConnect'}
         color="accent-100"
         height={qrSize / 3.5}
         width={qrSize / 3.5}

package/src/index.ts

@@ -40,6 +40,7 @@ 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';
@@ -48,6 +49,7 @@ 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';

package/src/utils/TypesUtil.ts

@@ -96,6 +96,15 @@ export type ColorType =
   | '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'
@@ -150,6 +159,8 @@ export type IconType =
   | 'extension'
   | 'externalLink'
   | 'facebook'
+  | 'farcaster'
+  | 'farcasterSquare'
   | 'filters'
   | 'github'
   | 'google'
@@ -157,6 +168,7 @@ export type IconType =
   | 'infoCircle'
   | 'mail'
   | 'mobile'
+  | 'more'
   | 'networkPlaceholder'
   | 'nftPlaceholder'
   | 'off'
@@ -168,14 +180,14 @@ export type IconType =
   | 'swapVertical'
   | 'telegram'
   | 'twitch'
-  | 'twitter'
-  | 'twitterIcon'
   | 'verify'
   | 'wallet'
   | 'walletSmall'
   | 'walletConnect'
+  | 'walletConnectLightBrown'
   | 'walletPlaceholder'
-  | 'warningCircle';
+  | 'warningCircle'
+  | 'x';
 
 export type VisualType =
   | 'browser'
@@ -183,12 +195,15 @@ export type VisualType =
   | 'defi'
   | 'defiAlt'
   | 'eth'
+  | 'google'
   | 'layers'
+  | 'lightbulb'
   | 'lock'
   | 'login'
   | 'network'
   | 'nft'
   | 'noun'
+  | 'pencil'
   | 'profile'
   | 'system';
 
@@ -196,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';
 

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;