@reown/appkit-ui-react-native 0.0.0-develop-20241120213732 → 0.0.0-develop-20250117150918

package/src/utils/TransactionUtil.ts

@@ -2,7 +2,8 @@ import { DateUtil } from '@reown/appkit-common-react-native';
 import type {
   TransactionTransfer,
   Transaction,
-  TransactionImage
+  TransactionImage,
+  TransactionMetadata
 } from '@reown/appkit-common-react-native';
 import type { TransactionType } from './TypesUtil';
 import { UiUtil } from './UiUtil';
@@ -24,20 +25,22 @@ export const TransactionUtil = {
   },
 
   getTransactionImages(transfers: TransactionTransfer[]): TransactionImage[] {
-    const [transfer, secondTransfer] = transfers;
-    const isAllNFT = Boolean(transfer) && transfers?.every(item => Boolean(item.nft_info));
+    const isAllNFT = Boolean(transfers[0]) && 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)];
+      const first = transfers.find(t => t?.direction === 'out');
+      const second = transfers.find(t => t?.direction === 'in');
+
+      return [this.getTransactionImage(first), this.getTransactionImage(second)];
     }
 
     if (haveMultipleTransfers) {
       return transfers.map(item => this.getTransactionImage(item));
     }
 
-    return [this.getTransactionImage(transfer)];
+    return [this.getTransactionImage(transfers[0])];
   },
 
   getTransactionImage(transfer?: TransactionTransfer): TransactionImage {
@@ -72,66 +75,83 @@ export const TransactionUtil = {
   },
 
   getTransactionDescriptions(transaction: Transaction) {
-    const type = transaction?.metadata?.operationType as TransactionType;
+    if (!transaction.metadata) {
+      return ['Unknown 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];
+
+    // Early return for trade transactions
+    if (type === 'trade') {
+      return this.getTradeDescriptions(transfers);
     }
 
-    if (haveMultipleTransfers) {
-      return transfers.map(item => this.getTransferDescription(item));
+    // Handle multiple transfers
+    if (transfers.length > 1) {
+      return transfers.map(transfer => this.getTransferDescription(transfer));
     }
 
-    let prefix = '';
-    if (plusTypes.includes(type)) {
-      prefix = '+';
-    } else if (minusTypes.includes(type)) {
-      prefix = '-';
+    // Handle single transfer
+    if (transfers.length === 1) {
+      return [this.formatSingleTransfer(transfers[0]!, type, transaction.metadata)];
     }
 
-    firstDescription = prefix.concat(firstDescription);
+    return [transaction.metadata.status];
+  },
+
+  isSendReceiveTransaction(type: TransactionType): boolean {
+    return type === 'send' || type === 'receive';
+  },
+
+  hasFungibleTransfers(transfers: TransactionTransfer[]): boolean {
+    return transfers.every(transfer => Boolean(transfer?.fungible_info));
+  },
+
+  getSendReceiveDescriptions(metadata: TransactionMetadata): string[] {
+    return [this.truncateAddress(metadata.sentFrom), this.truncateAddress(metadata.sentTo)];
+  },
+
+  truncateAddress(address: string): string {
+    return UiUtil.getTruncateString({
+      string: address,
+      charsStart: 4,
+      charsEnd: 6,
+      truncate: 'middle'
+    });
+  },
 
-    if (isSendOrReceive) {
+  formatSingleTransfer(
+    transfer: TransactionTransfer,
+    type: TransactionType,
+    metadata: TransactionMetadata
+  ): string {
+    const prefix = this.getPrefix(type);
+    let description = prefix.concat(this.getTransferDescription(transfer));
+
+    if (this.isSendReceiveTransaction(type)) {
       const isSend = type === 'send';
-      const address = UiUtil.getTruncateString({
-        string: isSend ? transaction.metadata.sentTo : transaction.metadata.sentFrom,
-        charsStart: 4,
-        charsEnd: 4,
-        truncate: 'middle'
-      });
+
+      const address = this.truncateAddress(isSend ? metadata.sentTo : metadata.sentFrom);
       const arrow = isSend ? '→' : '←';
-      firstDescription = firstDescription.concat(` ${arrow} ${address}`);
+      description = description.concat(` ${arrow} ${address}`);
     }
 
-    return [firstDescription];
+    return description;
+  },
+
+  getPrefix(type: TransactionType): string {
+    if (plusTypes.includes(type)) return '+';
+    if (minusTypes.includes(type)) return '-';
+
+    return '';
+  },
+
+  getTradeDescriptions(transfers: TransactionTransfer[]): string[] {
+    const outTransfer = transfers.find(transfer => transfer?.direction === 'out');
+    const inTransfer = transfers.find(transfer => transfer?.direction === 'in');
+
+    return [this.getTransferDescription(outTransfer), this.getTransferDescription(inTransfer)];
   },
 
   getTransferDescription(transfer?: TransactionTransfer) {

package/src/utils/TypesUtil.ts

@@ -112,6 +112,7 @@ export type ColorType =
   | 'gray-glass-020'
   | 'gray-glass-010'
   | 'gray-glass-005'
+  | 'gray-glass-002'
   | 'inverse-000'
   | 'inverse-100'
   | 'success-100'
@@ -174,6 +175,7 @@ export type IconType =
   | 'off'
   | 'paperplane'
   | 'qrCode'
+  | 'recycleHorizontal'
   | 'refresh'
   | 'search'
   | 'swapHorizontal'

package/lib/commonjs/components/wui-lean-text/index.js

@@ -1,15 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.LeanText = void 0;
-var _react = require("react");
-const LeanText = exports.LeanText = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
-  return /*#__PURE__*/(0, _react.createElement)('RCTText', {
-    ...props,
-    ref
-  });
-});
-LeanText.displayName = 'RCTText';
-//# sourceMappingURL=index.js.map

package/lib/commonjs/components/wui-lean-text/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","require","LeanText","exports","forwardRef","props","ref","createElement","displayName"],"sourceRoot":"../../../../src","sources":["components/wui-lean-text/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAGA,MAAMC,QAAQ,GAAAC,OAAA,CAAAD,QAAA,gBAAG,IAAAE,iBAAU,EAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EAC1C,oBAAO,IAAAC,oBAAa,EAAC,SAAS,EAAE;IAAE,GAAGF,KAAK;IAAEC;EAAI,CAAC,CAAC;AACpD,CAAC,CAA6B;AAE9BJ,QAAQ,CAACM,WAAW,GAAG,SAAS"}

package/lib/commonjs/components/wui-lean-text/index.web.js

@@ -1,13 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "LeanText", {
-  enumerable: true,
-  get: function () {
-    return _reactNative.Text;
-  }
-});
-var _reactNative = require("react-native");
-//# sourceMappingURL=index.web.js.map

package/lib/commonjs/components/wui-lean-text/index.web.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_reactNative","require"],"sourceRoot":"../../../../src","sources":["components/wui-lean-text/index.web.tsx"],"mappings":";;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA"}

package/lib/commonjs/components/wui-lean-view/index.js

@@ -1,15 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.LeanView = void 0;
-var _react = require("react");
-const LeanView = exports.LeanView = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
-  return /*#__PURE__*/(0, _react.createElement)('RCTView', {
-    ...props,
-    ref
-  });
-});
-LeanView.displayName = 'RCTView';
-//# sourceMappingURL=index.js.map

package/lib/commonjs/components/wui-lean-view/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","require","LeanView","exports","forwardRef","props","ref","createElement","displayName"],"sourceRoot":"../../../../src","sources":["components/wui-lean-view/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAGA,MAAMC,QAAQ,GAAAC,OAAA,CAAAD,QAAA,gBAAG,IAAAE,iBAAU,EAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EAC1C,oBAAO,IAAAC,oBAAa,EAAC,SAAS,EAAE;IAAE,GAAGF,KAAK;IAAEC;EAAI,CAAC,CAAC;AACpD,CAAC,CAA6B;AAE9BJ,QAAQ,CAACM,WAAW,GAAG,SAAS"}

package/lib/commonjs/components/wui-lean-view/index.web.js

@@ -1,13 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "LeanView", {
-  enumerable: true,
-  get: function () {
-    return _reactNative.View;
-  }
-});
-var _reactNative = require("react-native");
-//# sourceMappingURL=index.web.js.map

package/lib/commonjs/components/wui-lean-view/index.web.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_reactNative","require"],"sourceRoot":"../../../../src","sources":["components/wui-lean-view/index.web.tsx"],"mappings":";;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA"}

package/lib/module/components/wui-lean-text/index.js

@@ -1,10 +0,0 @@
-import { createElement, forwardRef } from 'react';
-const LeanText = /*#__PURE__*/forwardRef((props, ref) => {
-  return /*#__PURE__*/createElement('RCTText', {
-    ...props,
-    ref
-  });
-});
-LeanText.displayName = 'RCTText';
-export { LeanText };
-//# sourceMappingURL=index.js.map

package/lib/module/components/wui-lean-text/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["createElement","forwardRef","LeanText","props","ref","displayName"],"sourceRoot":"../../../../src","sources":["components/wui-lean-text/index.tsx"],"mappings":"AAAA,SAA6BA,aAAa,EAAEC,UAAU,QAAQ,OAAO;AAGrE,MAAMC,QAAQ,gBAAGD,UAAU,CAAC,CAACE,KAAK,EAAEC,GAAG,KAAK;EAC1C,oBAAOJ,aAAa,CAAC,SAAS,EAAE;IAAE,GAAGG,KAAK;IAAEC;EAAI,CAAC,CAAC;AACpD,CAAC,CAA6B;AAE9BF,QAAQ,CAACG,WAAW,GAAG,SAAS;AAEhC,SAASH,QAAQ"}

package/lib/module/components/wui-lean-text/index.web.js

@@ -1,3 +0,0 @@
-import { Text } from 'react-native';
-export { Text as LeanText };
-//# sourceMappingURL=index.web.js.map

package/lib/module/components/wui-lean-text/index.web.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["Text","LeanText"],"sourceRoot":"../../../../src","sources":["components/wui-lean-text/index.web.tsx"],"mappings":"AAAA,SAASA,IAAI,QAAQ,cAAc;AAEnC,SAASA,IAAI,IAAIC,QAAQ"}

package/lib/module/components/wui-lean-view/index.js

@@ -1,10 +0,0 @@
-import { createElement, forwardRef } from 'react';
-const LeanView = /*#__PURE__*/forwardRef((props, ref) => {
-  return /*#__PURE__*/createElement('RCTView', {
-    ...props,
-    ref
-  });
-});
-LeanView.displayName = 'RCTView';
-export { LeanView };
-//# sourceMappingURL=index.js.map

package/lib/module/components/wui-lean-view/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["createElement","forwardRef","LeanView","props","ref","displayName"],"sourceRoot":"../../../../src","sources":["components/wui-lean-view/index.tsx"],"mappings":"AAAA,SAA6BA,aAAa,EAAEC,UAAU,QAAQ,OAAO;AAGrE,MAAMC,QAAQ,gBAAGD,UAAU,CAAC,CAACE,KAAK,EAAEC,GAAG,KAAK;EAC1C,oBAAOJ,aAAa,CAAC,SAAS,EAAE;IAAE,GAAGG,KAAK;IAAEC;EAAI,CAAC,CAAC;AACpD,CAAC,CAA6B;AAE9BF,QAAQ,CAACG,WAAW,GAAG,SAAS;AAEhC,SAASH,QAAQ"}

package/lib/module/components/wui-lean-view/index.web.js

@@ -1,3 +0,0 @@
-import { View } from 'react-native';
-export { View as LeanView };
-//# sourceMappingURL=index.web.js.map

package/lib/module/components/wui-lean-view/index.web.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["View","LeanView"],"sourceRoot":"../../../../src","sources":["components/wui-lean-view/index.web.tsx"],"mappings":"AAAA,SAASA,IAAI,QAAQ,cAAc;AAEnC,SAASA,IAAI,IAAIC,QAAQ"}

package/lib/typescript/components/wui-lean-text/index.d.ts

@@ -1,5 +0,0 @@
-import { type ComponentType } from 'react';
-import type { TextProps } from 'react-native';
-declare const LeanText: ComponentType<TextProps>;
-export { LeanText };
-//# sourceMappingURL=index.d.ts.map

package/lib/typescript/components/wui-lean-text/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/wui-lean-text/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,aAAa,EAA6B,MAAM,OAAO,CAAC;AACtE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,QAAA,MAAM,QAAQ,0BAEgB,CAAC;AAI/B,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/lib/typescript/components/wui-lean-text/index.web.d.ts

@@ -1,3 +0,0 @@
-import { Text } from 'react-native';
-export { Text as LeanText };
-//# sourceMappingURL=index.web.d.ts.map

package/lib/typescript/components/wui-lean-text/index.web.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.web.d.ts","sourceRoot":"","sources":["../../../../src/components/wui-lean-text/index.web.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,IAAI,IAAI,QAAQ,EAAE,CAAC"}

package/lib/typescript/components/wui-lean-view/index.d.ts

@@ -1,5 +0,0 @@
-import { type ComponentType } from 'react';
-import type { ViewProps } from 'react-native';
-declare const LeanView: ComponentType<ViewProps>;
-export { LeanView };
-//# sourceMappingURL=index.d.ts.map

package/lib/typescript/components/wui-lean-view/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/wui-lean-view/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,aAAa,EAA6B,MAAM,OAAO,CAAC;AACtE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,QAAA,MAAM,QAAQ,0BAEgB,CAAC;AAI/B,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/lib/typescript/components/wui-lean-view/index.web.d.ts

@@ -1,3 +0,0 @@
-import { View } from 'react-native';
-export { View as LeanView };
-//# sourceMappingURL=index.web.d.ts.map

package/lib/typescript/components/wui-lean-view/index.web.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.web.d.ts","sourceRoot":"","sources":["../../../../src/components/wui-lean-view/index.web.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,IAAI,IAAI,QAAQ,EAAE,CAAC"}

package/src/components/wui-lean-text/index.tsx

@@ -1,10 +0,0 @@
-import { type ComponentType, createElement, forwardRef } from 'react';
-import type { TextProps } from 'react-native';
-
-const LeanText = forwardRef((props, ref) => {
-  return createElement('RCTText', { ...props, ref });
-}) as ComponentType<TextProps>;
-
-LeanText.displayName = 'RCTText';
-
-export { LeanText };

package/src/components/wui-lean-text/index.web.tsx

@@ -1,3 +0,0 @@
-import { Text } from 'react-native';
-
-export { Text as LeanText };

package/src/components/wui-lean-view/index.tsx

@@ -1,10 +0,0 @@
-import { type ComponentType, createElement, forwardRef } from 'react';
-import type { ViewProps } from 'react-native';
-
-const LeanView = forwardRef((props, ref) => {
-  return createElement('RCTView', { ...props, ref });
-}) as ComponentType<ViewProps>;
-
-LeanView.displayName = 'RCTView';
-
-export { LeanView };

package/src/components/wui-lean-view/index.web.tsx

@@ -1,3 +0,0 @@
-import { View } from 'react-native';
-
-export { View as LeanView };