@reown/appkit-ui-react-native 0.0.0-feat-onramp-20250722205908 → 0.0.0-feat-coinbase-20250723185200

package/src/utils/TransactionUtil.ts

@@ -1,9 +1,9 @@
-import {
-  type TransactionTransfer,
-  type Transaction,
-  type TransactionImage,
-  type TransactionMetadata,
-  DateUtil
+import { DateUtil } from '@reown/appkit-common-react-native';
+import type {
+  TransactionTransfer,
+  Transaction,
+  TransactionImage,
+  TransactionMetadata
 } from '@reown/appkit-common-react-native';
 import type { TransactionType } from './TypesUtil';
 import { UiUtil } from './UiUtil';

package/src/utils/TypesUtil.ts

@@ -169,7 +169,7 @@ export type IconType =
   | 'google'
   | 'helpCircle'
   | 'infoCircle'
-  | 'mail'
+  | 'email'
   | 'mobile'
   | 'more'
   | 'networkPlaceholder'
@@ -223,6 +223,7 @@ export type LogoType =
   | 'more'
   | 'telegram'
   | 'twitch'
+  | 'email'
   | 'x';
 
 export type TagType = 'main' | 'shade' | 'error' | 'success';

package/src/utils/UiUtil.ts

@@ -71,20 +71,18 @@ export const UiUtil = {
   },
 
   formatNumberToLocalString(value: string | number | undefined, decimals = 2) {
-    if (value === undefined) {
-      return '0.00';
-    }
+    let numericValue: number;
 
-    if (typeof value === 'number') {
-      return value.toLocaleString('en-US', {
-        maximumFractionDigits: decimals,
-        minimumFractionDigits: decimals
-      });
+    if (value === undefined) {
+      numericValue = 0;
+    } else if (typeof value === 'string') {
+      numericValue = parseFloat(value);
+    } else {
+      numericValue = value;
     }
 
-    return parseFloat(value).toLocaleString('en-US', {
-      maximumFractionDigits: decimals,
-      minimumFractionDigits: decimals
+    return numericValue.toLocaleString('en-US', {
+      maximumFractionDigits: decimals
     });
   }
 };

package/lib/commonjs/composites/wui-promo/index.js

@@ -1,48 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Promo = Promo;
-var _reactNative = require("react-native");
-var _wuiIcon = require("../../components/wui-icon");
-var _wuiText = require("../../components/wui-text");
-var _useTheme = require("../../hooks/useTheme");
-var _wuiFlex = require("../../layout/wui-flex");
-var _ThemeUtil = require("../../utils/ThemeUtil");
-function Promo({
-  text,
-  style,
-  onPress
-}) {
-  const Theme = (0, _useTheme.useTheme)();
-  return /*#__PURE__*/React.createElement(_reactNative.Pressable, {
-    style: style,
-    onPress: onPress
-  }, /*#__PURE__*/React.createElement(_wuiFlex.FlexView, {
-    alignItems: "center",
-    justifyContent: "center",
-    flexDirection: "row",
-    padding: ['xs', 'xs', 'xs', 'm'],
-    style: [styles.container, {
-      backgroundColor: Theme['gray-glass-090']
-    }]
-  }, /*#__PURE__*/React.createElement(_wuiText.Text, {
-    variant: "small-600",
-    color: "bg-100"
-  }, text), /*#__PURE__*/React.createElement(_wuiIcon.Icon, {
-    style: styles.icon,
-    name: "arrowRight",
-    color: "bg-100",
-    size: "xs"
-  })));
-}
-const styles = _reactNative.StyleSheet.create({
-  container: {
-    borderRadius: _ThemeUtil.BorderRadius.full
-  },
-  icon: {
-    marginLeft: _ThemeUtil.Spacing['2xs']
-  }
-});
-//# sourceMappingURL=index.js.map

package/lib/commonjs/composites/wui-promo/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_reactNative","require","_wuiIcon","_wuiText","_useTheme","_wuiFlex","_ThemeUtil","Promo","text","style","onPress","Theme","useTheme","React","createElement","Pressable","FlexView","alignItems","justifyContent","flexDirection","padding","styles","container","backgroundColor","Text","variant","color","Icon","icon","name","size","StyleSheet","create","borderRadius","BorderRadius","full","marginLeft","Spacing"],"sourceRoot":"../../../../src","sources":["composites/wui-promo/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,UAAA,GAAAL,OAAA;AAQO,SAASM,KAAKA,CAAC;EAAEC,IAAI;EAAEC,KAAK;EAAEC;AAAoB,CAAC,EAAE;EAC1D,MAAMC,KAAK,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EAExB,oBACEC,KAAA,CAAAC,aAAA,CAACd,YAAA,CAAAe,SAAS;IAACN,KAAK,EAAEA,KAAM;IAACC,OAAO,EAAEA;EAAQ,gBACxCG,KAAA,CAAAC,aAAA,CAACT,QAAA,CAAAW,QAAQ;IACPC,UAAU,EAAC,QAAQ;IACnBC,cAAc,EAAC,QAAQ;IACvBC,aAAa,EAAC,KAAK;IACnBC,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,CAAE;IACjCX,KAAK,EAAE,CAACY,MAAM,CAACC,SAAS,EAAE;MAAEC,eAAe,EAAEZ,KAAK,CAAC,gBAAgB;IAAE,CAAC;EAAE,gBAExEE,KAAA,CAAAC,aAAA,CAACX,QAAA,CAAAqB,IAAI;IAACC,OAAO,EAAC,WAAW;IAACC,KAAK,EAAC;EAAQ,GACrClB,IACG,CAAC,eACPK,KAAA,CAAAC,aAAA,CAACZ,QAAA,CAAAyB,IAAI;IAAClB,KAAK,EAAEY,MAAM,CAACO,IAAK;IAACC,IAAI,EAAC,YAAY;IAACH,KAAK,EAAC,QAAQ;IAACI,IAAI,EAAC;EAAI,CAAE,CAC9D,CACD,CAAC;AAEhB;AAEA,MAAMT,MAAM,GAAGU,uBAAU,CAACC,MAAM,CAAC;EAC/BV,SAAS,EAAE;IACTW,YAAY,EAAEC,uBAAY,CAACC;EAC7B,CAAC;EACDP,IAAI,EAAE;IACJQ,UAAU,EAAEC,kBAAO,CAAC,KAAK;EAC3B;AACF,CAAC,CAAC"}

package/lib/module/composites/wui-promo/index.js

@@ -1,42 +0,0 @@
-import { Pressable, StyleSheet } 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 function Promo({
-  text,
-  style,
-  onPress
-}) {
-  const Theme = useTheme();
-  return /*#__PURE__*/React.createElement(Pressable, {
-    style: style,
-    onPress: onPress
-  }, /*#__PURE__*/React.createElement(FlexView, {
-    alignItems: "center",
-    justifyContent: "center",
-    flexDirection: "row",
-    padding: ['xs', 'xs', 'xs', 'm'],
-    style: [styles.container, {
-      backgroundColor: Theme['gray-glass-090']
-    }]
-  }, /*#__PURE__*/React.createElement(Text, {
-    variant: "small-600",
-    color: "bg-100"
-  }, text), /*#__PURE__*/React.createElement(Icon, {
-    style: styles.icon,
-    name: "arrowRight",
-    color: "bg-100",
-    size: "xs"
-  })));
-}
-const styles = StyleSheet.create({
-  container: {
-    borderRadius: BorderRadius.full
-  },
-  icon: {
-    marginLeft: Spacing['2xs']
-  }
-});
-//# sourceMappingURL=index.js.map

package/lib/module/composites/wui-promo/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["Pressable","StyleSheet","Icon","Text","useTheme","FlexView","BorderRadius","Spacing","Promo","text","style","onPress","Theme","React","createElement","alignItems","justifyContent","flexDirection","padding","styles","container","backgroundColor","variant","color","icon","name","size","create","borderRadius","full","marginLeft"],"sourceRoot":"../../../../src","sources":["composites/wui-promo/index.tsx"],"mappings":"AAAA,SAASA,SAAS,EAAEC,UAAU,QAAwC,cAAc;AACpF,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,QAAQ,QAAQ,sBAAsB;AAC/C,SAASC,QAAQ,QAAQ,uBAAuB;AAChD,SAASC,YAAY,EAAEC,OAAO,QAAQ,uBAAuB;AAQ7D,OAAO,SAASC,KAAKA,CAAC;EAAEC,IAAI;EAAEC,KAAK;EAAEC;AAAoB,CAAC,EAAE;EAC1D,MAAMC,KAAK,GAAGR,QAAQ,CAAC,CAAC;EAExB,oBACES,KAAA,CAAAC,aAAA,CAACd,SAAS;IAACU,KAAK,EAAEA,KAAM;IAACC,OAAO,EAAEA;EAAQ,gBACxCE,KAAA,CAAAC,aAAA,CAACT,QAAQ;IACPU,UAAU,EAAC,QAAQ;IACnBC,cAAc,EAAC,QAAQ;IACvBC,aAAa,EAAC,KAAK;IACnBC,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,CAAE;IACjCR,KAAK,EAAE,CAACS,MAAM,CAACC,SAAS,EAAE;MAAEC,eAAe,EAAET,KAAK,CAAC,gBAAgB;IAAE,CAAC;EAAE,gBAExEC,KAAA,CAAAC,aAAA,CAACX,IAAI;IAACmB,OAAO,EAAC,WAAW;IAACC,KAAK,EAAC;EAAQ,GACrCd,IACG,CAAC,eACPI,KAAA,CAAAC,aAAA,CAACZ,IAAI;IAACQ,KAAK,EAAES,MAAM,CAACK,IAAK;IAACC,IAAI,EAAC,YAAY;IAACF,KAAK,EAAC,QAAQ;IAACG,IAAI,EAAC;EAAI,CAAE,CAC9D,CACD,CAAC;AAEhB;AAEA,MAAMP,MAAM,GAAGlB,UAAU,CAAC0B,MAAM,CAAC;EAC/BP,SAAS,EAAE;IACTQ,YAAY,EAAEtB,YAAY,CAACuB;EAC7B,CAAC;EACDL,IAAI,EAAE;IACJM,UAAU,EAAEvB,OAAO,CAAC,KAAK;EAC3B;AACF,CAAC,CAAC"}

package/lib/typescript/composites/wui-promo/index.d.ts

@@ -1,8 +0,0 @@
-import { type StyleProp, type ViewStyle } from 'react-native';
-export interface PromoProps {
-    text: string;
-    style?: StyleProp<ViewStyle>;
-    onPress?: () => void;
-}
-export declare function Promo({ text, style, onPress }: PromoProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/composites/wui-promo/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAOrF,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,wBAAgB,KAAK,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,UAAU,2CAmBzD"}

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

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