@reown/appkit-ui-react-native 0.0.0-fix-ui-changes-20250828191102 → 0.0.0-fix-ui-changes-20250828200500

package/lib/commonjs/composites/wui-card-select/index.js

@@ -14,6 +14,7 @@ var _wuiNetworkImage = require("../wui-network-image");
 var _wuiWalletImage = require("../wui-wallet-image");
 var _styles = _interopRequireWildcard(require("./styles"));
 var _UiUtil = require("../../utils/UiUtil");
+var _wuiFlex = require("../../layout/wui-flex");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -43,53 +44,54 @@ function _CardSelect({
     disabled,
     pressed: true
   });
+  const Image = (0, _react.useMemo)(() => type === 'wallet' ? _wuiWalletImage.WalletImage : _wuiNetworkImage.NetworkImage, [type]);
   const {
     animatedValue,
     setStartValue,
     setEndValue
   } = (0, _useAnimatedValue.default)(Theme[normalbackgroundColor], Theme[pressedBackgroundColor]);
   const textColor = disabled ? 'fg-300' : selected ? 'accent-100' : 'fg-100';
-  const Image = type === 'wallet' ? _wuiWalletImage.WalletImage : _wuiNetworkImage.NetworkImage;
-  const templateInstalled = () => {
-    if (!installed) return null;
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_wuiIconBox.IconBox, {
-      icon: "checkmark",
-      iconSize: "xs",
-      iconColor: 'success-100',
-      border: true,
-      borderSize: 6,
-      borderColor: "bg-150",
-      background: true,
-      backgroundColor: "icon-box-bg-success-100",
-      size: "sm",
-      style: _styles.default.installedBox
-    });
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(AnimatedPressable, {
-    onPress: onPress,
-    onPressIn: setEndValue,
-    onPressOut: setStartValue,
-    disabled: disabled,
-    style: [_styles.default.container, {
-      backgroundColor: animatedValue
-    }, style],
-    testID: testID,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Image, {
-        imageSrc: imageSrc,
-        imageHeaders: imageHeaders,
-        size: "md",
-        style: disabled ? _styles.default.disabledImage : null,
-        selected: selected,
-        disabled: disabled
-      }), templateInstalled()]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_wuiText.Text, {
-      variant: "tiny-500",
-      color: textColor,
-      style: _styles.default.text,
-      numberOfLines: 1,
-      children: _UiUtil.UiUtil.getWalletName(name)
-    })]
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_wuiFlex.FlexView, {
+    style: style,
+    alignItems: "center",
+    justifyContent: "center",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(AnimatedPressable, {
+      onPress: onPress,
+      onPressIn: setEndValue,
+      onPressOut: setStartValue,
+      disabled: disabled,
+      style: [_styles.default.container, {
+        backgroundColor: animatedValue
+      }],
+      testID: testID,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Image, {
+          imageSrc: imageSrc,
+          imageHeaders: imageHeaders,
+          size: "md",
+          style: disabled ? _styles.default.disabledImage : null,
+          selected: selected,
+          disabled: disabled
+        }), installed ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_wuiIconBox.IconBox, {
+          icon: "checkmark",
+          iconSize: "xs",
+          iconColor: 'success-100',
+          border: true,
+          borderSize: 6,
+          borderColor: "bg-150",
+          background: true,
+          backgroundColor: "icon-box-bg-success-100",
+          size: "sm",
+          style: _styles.default.installedBox
+        }) : null]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_wuiText.Text, {
+        variant: "tiny-500",
+        color: textColor,
+        style: _styles.default.text,
+        numberOfLines: 1,
+        children: _UiUtil.UiUtil.getWalletName(name)
+      })]
+    })
   });
 }
 const CardSelect = exports.CardSelect = /*#__PURE__*/(0, _react.memo)(_CardSelect, (prevProps, nextProps) => {

package/lib/commonjs/composites/wui-card-select/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNative","_wuiText","_wuiIconBox","_useAnimatedValue","_interopRequireDefault","_useTheme","_wuiNetworkImage","_wuiWalletImage","_styles","_interopRequireWildcard","_UiUtil","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","AnimatedPressable","Animated","createAnimatedComponent","Pressable","CardSelectHeight","exports","ITEM_HEIGHT","CardSelectWidth","ITEM_WIDTH","_CardSelect","name","type","imageSrc","imageHeaders","onPress","disabled","installed","selected","style","testID","Theme","useTheme","normalbackgroundColor","getBackgroundColor","pressed","pressedBackgroundColor","animatedValue","setStartValue","setEndValue","useAnimatedValue","textColor","Image","WalletImage","NetworkImage","templateInstalled","jsx","IconBox","icon","iconSize","iconColor","border","borderSize","borderColor","background","backgroundColor","size","styles","installedBox","jsxs","onPressIn","onPressOut","container","children","View","disabledImage","Text","variant","color","text","numberOfLines","UiUtil","getWalletName","CardSelect","memo","prevProps","nextProps"],"sourceRoot":"../../../../src","sources":["composites/wui-card-select/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","require","_reactNative","_wuiText","_wuiIconBox","_useAnimatedValue","_interopRequireDefault","_useTheme","_wuiNetworkImage","_wuiWalletImage","_styles","_interopRequireWildcard","_UiUtil","_wuiFlex","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","AnimatedPressable","Animated","createAnimatedComponent","Pressable","CardSelectHeight","exports","ITEM_HEIGHT","CardSelectWidth","ITEM_WIDTH","_CardSelect","name","type","imageSrc","imageHeaders","onPress","disabled","installed","selected","style","testID","Theme","useTheme","normalbackgroundColor","getBackgroundColor","pressed","pressedBackgroundColor","Image","useMemo","WalletImage","NetworkImage","animatedValue","setStartValue","setEndValue","useAnimatedValue","textColor","jsx","FlexView","alignItems","justifyContent","children","jsxs","onPressIn","onPressOut","styles","container","backgroundColor","View","size","disabledImage","IconBox","icon","iconSize","iconColor","border","borderSize","borderColor","background","installedBox","Text","variant","color","text","numberOfLines","UiUtil","getWalletName","CardSelect","memo","prevProps","nextProps"],"sourceRoot":"../../../../src","sources":["composites/wui-card-select/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,iBAAA,GAAAC,sBAAA,CAAAL,OAAA;AACA,IAAAM,SAAA,GAAAN,OAAA;AAEA,IAAAO,gBAAA,GAAAP,OAAA;AACA,IAAAQ,eAAA,GAAAR,OAAA;AACA,IAAAS,OAAA,GAAAC,uBAAA,CAAAV,OAAA;AACA,IAAAW,OAAA,GAAAX,OAAA;AACA,IAAAY,QAAA,GAAAZ,OAAA;AAAiD,IAAAa,WAAA,GAAAb,OAAA;AAAA,SAAAU,wBAAAI,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAN,uBAAA,YAAAA,CAAAI,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAAA,SAAAV,uBAAAS,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAK,UAAA,GAAAL,CAAA,KAAAU,OAAA,EAAAV,CAAA;AAEjD,MAAMmB,iBAAiB,GAAGC,qBAAQ,CAACC,uBAAuB,CAACC,sBAAS,CAAC;AAE9D,MAAMC,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAGE,mBAAW;AACpC,MAAMC,eAAe,GAAAF,OAAA,CAAAE,eAAA,GAAGC,kBAAU;AAezC,SAASC,WAAWA,CAAC;EACnBC,IAAI;EACJC,IAAI,GAAG,QAAQ;EACfC,QAAQ;EACRC,YAAY;EACZC,OAAO;EACPC,QAAQ;EACRC,SAAS;EACTC,QAAQ;EACRC,KAAK;EACLC;AACe,CAAC,EAAE;EAClB,MAAMC,KAAK,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EACxB,MAAMC,qBAAqB,GAAG,IAAAC,0BAAkB,EAAC;IAAEN,QAAQ;IAAEF,QAAQ;IAAES,OAAO,EAAE;EAAM,CAAC,CAAC;EACxF,MAAMC,sBAAsB,GAAG,IAAAF,0BAAkB,EAAC;IAAEN,QAAQ;IAAEF,QAAQ;IAAES,OAAO,EAAE;EAAK,CAAC,CAAC;EACxF,MAAME,KAAK,GAAG,IAAAC,cAAO,EAAC,MAAOhB,IAAI,KAAK,QAAQ,GAAGiB,2BAAW,GAAGC,6BAAa,EAAE,CAAClB,IAAI,CAAC,CAAC;EAErF,MAAM;IAAEmB,aAAa;IAAEC,aAAa;IAAEC;EAAY,CAAC,GAAG,IAAAC,yBAAgB,EACpEb,KAAK,CAACE,qBAAqB,CAAC,EAC5BF,KAAK,CAACK,sBAAsB,CAC9B,CAAC;EAED,MAAMS,SAAS,GAAGnB,QAAQ,GAAG,QAAQ,GAAGE,QAAQ,GAAG,YAAY,GAAG,QAAQ;EAE1E,oBACE,IAAArC,WAAA,CAAAuD,GAAA,EAACxD,QAAA,CAAAyD,QAAQ;IAAClB,KAAK,EAAEA,KAAM;IAACmB,UAAU,EAAC,QAAQ;IAACC,cAAc,EAAC,QAAQ;IAAAC,QAAA,eACjE,IAAA3D,WAAA,CAAA4D,IAAA,EAACxC,iBAAiB;MAChBc,OAAO,EAAEA,OAAQ;MACjB2B,SAAS,EAAET,WAAY;MACvBU,UAAU,EAAEX,aAAc;MAC1BhB,QAAQ,EAAEA,QAAS;MACnBG,KAAK,EAAE,CAACyB,eAAM,CAACC,SAAS,EAAE;QAAEC,eAAe,EAAEf;MAAc,CAAC,CAAE;MAC9DX,MAAM,EAAEA,MAAO;MAAAoB,QAAA,gBAEf,IAAA3D,WAAA,CAAA4D,IAAA,EAACxE,YAAA,CAAA8E,IAAI;QAAAP,QAAA,gBACH,IAAA3D,WAAA,CAAAuD,GAAA,EAACT,KAAK;UACJd,QAAQ,EAAEA,QAAS;UACnBC,YAAY,EAAEA,YAAa;UAC3BkC,IAAI,EAAC,IAAI;UACT7B,KAAK,EAAEH,QAAQ,GAAG4B,eAAM,CAACK,aAAa,GAAG,IAAK;UAC9C/B,QAAQ,EAAEA,QAAS;UACnBF,QAAQ,EAAEA;QAAS,CACpB,CAAC,EACDC,SAAS,gBACR,IAAApC,WAAA,CAAAuD,GAAA,EAACjE,WAAA,CAAA+E,OAAO;UACNC,IAAI,EAAC,WAAW;UAChBC,QAAQ,EAAC,IAAI;UACbC,SAAS,EAAE,aAAc;UACzBC,MAAM;UACNC,UAAU,EAAE,CAAE;UACdC,WAAW,EAAC,QAAQ;UACpBC,UAAU;UACVX,eAAe,EAAC,yBAAyB;UACzCE,IAAI,EAAC,IAAI;UACT7B,KAAK,EAAEyB,eAAM,CAACc;QAAa,CAC5B,CAAC,GACA,IAAI;MAAA,CACJ,CAAC,eACP,IAAA7E,WAAA,CAAAuD,GAAA,EAAClE,QAAA,CAAAyF,IAAI;QAACC,OAAO,EAAC,UAAU;QAACC,KAAK,EAAE1B,SAAU;QAAChB,KAAK,EAAEyB,eAAM,CAACkB,IAAK;QAACC,aAAa,EAAE,CAAE;QAAAvB,QAAA,EAC7EwB,cAAM,CAACC,aAAa,CAACtD,IAAI;MAAC,CACvB,CAAC;IAAA,CACU;EAAC,CACZ,CAAC;AAEf;AAEO,MAAMuD,UAAU,GAAA5D,OAAA,CAAA4D,UAAA,gBAAG,IAAAC,WAAI,EAACzD,WAAW,EAAE,CAAC0D,SAAS,EAAEC,SAAS,KAAK;EACpE,OAAOD,SAAS,CAACzD,IAAI,KAAK0D,SAAS,CAAC1D,IAAI,IAAIyD,SAAS,CAACvD,QAAQ,KAAKwD,SAAS,CAACxD,QAAQ;AACvF,CAAC,CAAC","ignoreList":[]}

package/lib/module/composites/wui-card-select/index.js

@@ -1,6 +1,6 @@
 "use strict";
 
-import { memo } from 'react';
+import { memo, useMemo } from 'react';
 import { Animated, Pressable, View } from 'react-native';
 import { Text } from '../../components/wui-text';
 import { IconBox } from '../wui-icon-box';
@@ -10,6 +10,7 @@ import { NetworkImage } from '../wui-network-image';
 import { WalletImage } from '../wui-wallet-image';
 import styles, { getBackgroundColor, ITEM_HEIGHT, ITEM_WIDTH } from './styles';
 import { UiUtil } from '../../utils/UiUtil';
+import { FlexView } from '../../layout/wui-flex';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const AnimatedPressable = Animated.createAnimatedComponent(Pressable);
 export const CardSelectHeight = ITEM_HEIGHT;
@@ -37,53 +38,54 @@ function _CardSelect({
     disabled,
     pressed: true
   });
+  const Image = useMemo(() => type === 'wallet' ? WalletImage : NetworkImage, [type]);
   const {
     animatedValue,
     setStartValue,
     setEndValue
   } = useAnimatedValue(Theme[normalbackgroundColor], Theme[pressedBackgroundColor]);
   const textColor = disabled ? 'fg-300' : selected ? 'accent-100' : 'fg-100';
-  const Image = type === 'wallet' ? WalletImage : NetworkImage;
-  const templateInstalled = () => {
-    if (!installed) return null;
-    return /*#__PURE__*/_jsx(IconBox, {
-      icon: "checkmark",
-      iconSize: "xs",
-      iconColor: 'success-100',
-      border: true,
-      borderSize: 6,
-      borderColor: "bg-150",
-      background: true,
-      backgroundColor: "icon-box-bg-success-100",
-      size: "sm",
-      style: styles.installedBox
-    });
-  };
-  return /*#__PURE__*/_jsxs(AnimatedPressable, {
-    onPress: onPress,
-    onPressIn: setEndValue,
-    onPressOut: setStartValue,
-    disabled: disabled,
-    style: [styles.container, {
-      backgroundColor: animatedValue
-    }, style],
-    testID: testID,
-    children: [/*#__PURE__*/_jsxs(View, {
-      children: [/*#__PURE__*/_jsx(Image, {
-        imageSrc: imageSrc,
-        imageHeaders: imageHeaders,
-        size: "md",
-        style: disabled ? styles.disabledImage : null,
-        selected: selected,
-        disabled: disabled
-      }), templateInstalled()]
-    }), /*#__PURE__*/_jsx(Text, {
-      variant: "tiny-500",
-      color: textColor,
-      style: styles.text,
-      numberOfLines: 1,
-      children: UiUtil.getWalletName(name)
-    })]
+  return /*#__PURE__*/_jsx(FlexView, {
+    style: style,
+    alignItems: "center",
+    justifyContent: "center",
+    children: /*#__PURE__*/_jsxs(AnimatedPressable, {
+      onPress: onPress,
+      onPressIn: setEndValue,
+      onPressOut: setStartValue,
+      disabled: disabled,
+      style: [styles.container, {
+        backgroundColor: animatedValue
+      }],
+      testID: testID,
+      children: [/*#__PURE__*/_jsxs(View, {
+        children: [/*#__PURE__*/_jsx(Image, {
+          imageSrc: imageSrc,
+          imageHeaders: imageHeaders,
+          size: "md",
+          style: disabled ? styles.disabledImage : null,
+          selected: selected,
+          disabled: disabled
+        }), installed ? /*#__PURE__*/_jsx(IconBox, {
+          icon: "checkmark",
+          iconSize: "xs",
+          iconColor: 'success-100',
+          border: true,
+          borderSize: 6,
+          borderColor: "bg-150",
+          background: true,
+          backgroundColor: "icon-box-bg-success-100",
+          size: "sm",
+          style: styles.installedBox
+        }) : null]
+      }), /*#__PURE__*/_jsx(Text, {
+        variant: "tiny-500",
+        color: textColor,
+        style: styles.text,
+        numberOfLines: 1,
+        children: UiUtil.getWalletName(name)
+      })]
+    })
   });
 }
 export const CardSelect = /*#__PURE__*/memo(_CardSelect, (prevProps, nextProps) => {

package/lib/module/composites/wui-card-select/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["memo","Animated","Pressable","View","Text","IconBox","useAnimatedValue","useTheme","NetworkImage","WalletImage","styles","getBackgroundColor","ITEM_HEIGHT","ITEM_WIDTH","UiUtil","jsx","_jsx","jsxs","_jsxs","AnimatedPressable","createAnimatedComponent","CardSelectHeight","CardSelectWidth","_CardSelect","name","type","imageSrc","imageHeaders","onPress","disabled","installed","selected","style","testID","Theme","normalbackgroundColor","pressed","pressedBackgroundColor","animatedValue","setStartValue","setEndValue","textColor","Image","templateInstalled","icon","iconSize","iconColor","border","borderSize","borderColor","background","backgroundColor","size","installedBox","onPressIn","onPressOut","container","children","disabledImage","variant","color","text","numberOfLines","getWalletName","CardSelect","prevProps","nextProps"],"sourceRoot":"../../../../src","sources":["composites/wui-card-select/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["memo","useMemo","Animated","Pressable","View","Text","IconBox","useAnimatedValue","useTheme","NetworkImage","WalletImage","styles","getBackgroundColor","ITEM_HEIGHT","ITEM_WIDTH","UiUtil","FlexView","jsx","_jsx","jsxs","_jsxs","AnimatedPressable","createAnimatedComponent","CardSelectHeight","CardSelectWidth","_CardSelect","name","type","imageSrc","imageHeaders","onPress","disabled","installed","selected","style","testID","Theme","normalbackgroundColor","pressed","pressedBackgroundColor","Image","animatedValue","setStartValue","setEndValue","textColor","alignItems","justifyContent","children","onPressIn","onPressOut","container","backgroundColor","size","disabledImage","icon","iconSize","iconColor","border","borderSize","borderColor","background","installedBox","variant","color","text","numberOfLines","getWalletName","CardSelect","prevProps","nextProps"],"sourceRoot":"../../../../src","sources":["composites/wui-card-select/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/composites/wui-card-select/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAA6B,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAKzF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAQ5D,eAAO,MAAM,gBAAgB,KAAc,CAAC;AAC5C,eAAO,MAAM,eAAe,KAAa,CAAC;AAE1C,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,iBAAS,WAAW,CAAC,EACnB,IAAI,EACJ,IAAe,EACf,QAAQ,EACR,YAAY,EACZ,OAAO,EACP,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,KAAK,EACL,MAAM,EACP,EAAE,eAAe,2CA0DjB;AAED,eAAO,MAAM,UAAU,yDAErB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/composites/wui-card-select/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAA6B,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAKzF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAS5D,eAAO,MAAM,gBAAgB,KAAc,CAAC;AAC5C,eAAO,MAAM,eAAe,KAAa,CAAC;AAE1C,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,iBAAS,WAAW,CAAC,EACnB,IAAI,EACJ,IAAe,EACf,QAAQ,EACR,YAAY,EACZ,OAAO,EACP,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,KAAK,EACL,MAAM,EACP,EAAE,eAAe,2CAqDjB;AAED,eAAO,MAAM,UAAU,yDAErB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reown/appkit-ui-react-native",
-  "version": "0.0.0-fix-ui-changes-20250828191102",
+  "version": "0.0.0-fix-ui-changes-20250828200500",
   "main": "lib/commonjs/index.js",
   "types": "lib/typescript/index.d.ts",
   "module": "lib/module/index.js",
@@ -39,7 +39,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@reown/appkit-common-react-native": "0.0.0-fix-ui-changes-20250828191102",
+    "@reown/appkit-common-react-native": "0.0.0-fix-ui-changes-20250828200500",
     "polished": "4.3.1",
     "qrcode": "1.5.3"
   },

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

@@ -1,4 +1,4 @@
-import { memo } from 'react';
+import { memo, useMemo } from 'react';
 import { Animated, Pressable, View, type StyleProp, type ViewStyle } from 'react-native';
 import { Text } from '../../components/wui-text';
 import { IconBox } from '../wui-icon-box';
@@ -9,6 +9,7 @@ import { NetworkImage } from '../wui-network-image';
 import { WalletImage } from '../wui-wallet-image';
 import styles, { getBackgroundColor, ITEM_HEIGHT, ITEM_WIDTH } from './styles';
 import { UiUtil } from '../../utils/UiUtil';
+import { FlexView } from '../../layout/wui-flex';
 
 const AnimatedPressable = Animated.createAnimatedComponent(Pressable);
 
@@ -43,6 +44,7 @@ function _CardSelect({
   const Theme = useTheme();
   const normalbackgroundColor = getBackgroundColor({ selected, disabled, pressed: false });
   const pressedBackgroundColor = getBackgroundColor({ selected, disabled, pressed: true });
+  const Image = useMemo(() => (type === 'wallet' ? WalletImage : NetworkImage), [type]);
 
   const { animatedValue, setStartValue, setEndValue } = useAnimatedValue(
     Theme[normalbackgroundColor],
@@ -51,51 +53,45 @@ function _CardSelect({
 
   const textColor = disabled ? 'fg-300' : selected ? 'accent-100' : 'fg-100';
 
-  const Image = type === 'wallet' ? WalletImage : NetworkImage;
-
-  const templateInstalled = () => {
-    if (!installed) return null;
-
-    return (
-      <IconBox
-        icon="checkmark"
-        iconSize="xs"
-        iconColor={'success-100'}
-        border
-        borderSize={6}
-        borderColor="bg-150"
-        background
-        backgroundColor="icon-box-bg-success-100"
-        size="sm"
-        style={styles.installedBox}
-      />
-    );
-  };
-
   return (
-    <AnimatedPressable
-      onPress={onPress}
-      onPressIn={setEndValue}
-      onPressOut={setStartValue}
-      disabled={disabled}
-      style={[styles.container, { backgroundColor: animatedValue }, style]}
-      testID={testID}
-    >
-      <View>
-        <Image
-          imageSrc={imageSrc}
-          imageHeaders={imageHeaders}
-          size="md"
-          style={disabled ? styles.disabledImage : null}
-          selected={selected}
-          disabled={disabled}
-        />
-        {templateInstalled()}
-      </View>
-      <Text variant="tiny-500" color={textColor} style={styles.text} numberOfLines={1}>
-        {UiUtil.getWalletName(name)}
-      </Text>
-    </AnimatedPressable>
+    <FlexView style={style} alignItems="center" justifyContent="center">
+      <AnimatedPressable
+        onPress={onPress}
+        onPressIn={setEndValue}
+        onPressOut={setStartValue}
+        disabled={disabled}
+        style={[styles.container, { backgroundColor: animatedValue }]}
+        testID={testID}
+      >
+        <View>
+          <Image
+            imageSrc={imageSrc}
+            imageHeaders={imageHeaders}
+            size="md"
+            style={disabled ? styles.disabledImage : null}
+            selected={selected}
+            disabled={disabled}
+          />
+          {installed ? (
+            <IconBox
+              icon="checkmark"
+              iconSize="xs"
+              iconColor={'success-100'}
+              border
+              borderSize={6}
+              borderColor="bg-150"
+              background
+              backgroundColor="icon-box-bg-success-100"
+              size="sm"
+              style={styles.installedBox}
+            />
+          ) : null}
+        </View>
+        <Text variant="tiny-500" color={textColor} style={styles.text} numberOfLines={1}>
+          {UiUtil.getWalletName(name)}
+        </Text>
+      </AnimatedPressable>
+    </FlexView>
   );
 }