@reown/appkit-ui-react-native 1.0.1 → 1.1.0

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, View } from 'react-native';
 
 import type {
   FlexAlignType,
@@ -9,7 +9,6 @@ import type {
   FlexWrapType,
   SpacingType
 } from '../../utils/TypesUtil';
-
 import { UiUtil } from '../../utils/UiUtil';
 
 export interface FlexViewProps {

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

@@ -1,4 +1,4 @@
-import { View, type StyleProp, type ViewStyle } from 'react-native';
+import { type StyleProp, type ViewStyle, View } from 'react-native';
 import { Text } from '../../components/wui-text';
 import { FlexView } from '../../layout/wui-flex';
 import { useTheme } from '../../hooks/useTheme';

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 = {
@@ -163,7 +164,8 @@ export const IconSize = {
   xs: 12,
   sm: 14,
   md: 16,
-  lg: 20
+  lg: 20,
+  xl: 24
 };
 
 export const SpinnerSize = {

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;