@reown/appkit-ui-react-native 1.3.0 → 1.3.1

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

@@ -89,6 +89,6 @@ function _CardSelect({
   }, _UiUtil.UiUtil.getWalletName(name)));
 }
 const CardSelect = exports.CardSelect = /*#__PURE__*/(0, _react.memo)(_CardSelect, (prevProps, nextProps) => {
-  return prevProps.name === nextProps.name;
+  return prevProps.name === nextProps.name && prevProps.imageSrc === nextProps.imageSrc;
 });
 //# sourceMappingURL=index.js.map

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","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","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","React","createElement","IconBox","icon","iconSize","iconColor","border","borderSize","borderColor","background","backgroundColor","size","styles","installedBox","onPressIn","onPressOut","container","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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"}
+{"version":3,"names":["_react","require","_reactNative","_wuiText","_wuiIconBox","_useAnimatedValue","_interopRequireDefault","_useTheme","_wuiNetworkImage","_wuiWalletImage","_styles","_interopRequireWildcard","_UiUtil","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","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","React","createElement","IconBox","icon","iconSize","iconColor","border","borderSize","borderColor","background","backgroundColor","size","styles","installedBox","onPressIn","onPressOut","container","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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"}

package/lib/commonjs/composites/wui-network-image/index.js

@@ -6,9 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.NetworkImage = NetworkImage;
 var _reactNativeSvg = require("react-native-svg");
 var _useTheme = require("../../hooks/useTheme");
-var _wuiIcon = require("../../components/wui-icon");
-var _wuiFlex = require("../../layout/wui-flex");
+var _NetworkPlaceholder = _interopRequireDefault(require("../../assets/svg/NetworkPlaceholder"));
 var _styles = require("./styles");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const sizeToPath = {
   lg: _styles.PathLg,
   md: _styles.PathNormal,
@@ -21,6 +21,12 @@ const sizeToHeight = {
   sm: 40,
   xs: 20
 };
+const sizeToIconSize = {
+  lg: 24,
+  md: 16,
+  sm: 14,
+  xs: 12
+};
 function NetworkImage({
   imageSrc,
   imageHeaders,
@@ -34,44 +40,41 @@ function NetworkImage({
   const Theme = (0, _useTheme.useTheme)();
   const svgStroke = selected ? Theme['accent-100'] : Theme['gray-glass-010'];
   const opacity = disabled ? 0.5 : 1;
+  const containerSize = sizeToHeight[size];
+  const iconSize = sizeToIconSize[size];
   return /*#__PURE__*/React.createElement(_reactNativeSvg.Svg, {
-    width: sizeToHeight[size],
-    height: sizeToHeight[size],
+    width: containerSize,
+    height: containerSize,
     stroke: borderColor ?? svgStroke,
     strokeWidth: borderWidth,
     style: style
-  }, /*#__PURE__*/React.createElement(_reactNativeSvg.Defs, null, /*#__PURE__*/React.createElement(_reactNativeSvg.Pattern, {
-    id: "image-pattern"
-  }, imageSrc ? /*#__PURE__*/React.createElement(_reactNativeSvg.Image, {
-    height: sizeToHeight[size],
-    width: sizeToHeight[size],
+  }, imageSrc ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_reactNativeSvg.Defs, null, /*#__PURE__*/React.createElement(_reactNativeSvg.Pattern, {
+    id: "image-pattern",
+    width: containerSize,
+    height: containerSize,
+    patternUnits: "userSpaceOnUse"
+  }, /*#__PURE__*/React.createElement(_reactNativeSvg.Image, {
+    height: containerSize,
+    width: containerSize,
     opacity: opacity,
     href: {
       uri: imageSrc,
       headers: imageHeaders
     }
-  }) : /*#__PURE__*/React.createElement(_wuiFlex.FlexView, {
-    alignItems: "center",
-    justifyContent: "center"
-    // eslint-disable-next-line react-native/no-inline-styles
-    ,
-    style: {
-      height: sizeToHeight[size],
-      width: sizeToHeight[size],
-      backgroundColor: 'transparent'
-    }
-  }, /*#__PURE__*/React.createElement(_wuiIcon.Icon, {
-    name: "networkPlaceholder",
-    size: size,
-    color: "fg-200"
-  })))), !imageSrc && /*#__PURE__*/React.createElement(_reactNativeSvg.Path, {
+  }))), /*#__PURE__*/React.createElement(_reactNativeSvg.Path, {
     d: sizeToPath[size],
     opacity: opacity,
-    fill: Theme['gray-glass-005']
-  }), /*#__PURE__*/React.createElement(_reactNativeSvg.Path, {
+    fill: "url(#image-pattern)"
+  })) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_reactNativeSvg.Path, {
     d: sizeToPath[size],
     opacity: opacity,
-    fill: "url(#image-pattern)"
-  }));
+    fill: Theme['gray-glass-005']
+  }), /*#__PURE__*/React.createElement(_reactNativeSvg.G, {
+    transform: `translate(${(containerSize - iconSize) / 2}, ${(containerSize - iconSize) / 2})`
+  }, /*#__PURE__*/React.createElement(_NetworkPlaceholder.default, {
+    fill: selected ? Theme['accent-100'] : Theme['fg-200'],
+    width: iconSize,
+    height: iconSize
+  }))));
 }
 //# sourceMappingURL=index.js.map

package/lib/commonjs/composites/wui-network-image/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNativeSvg","require","_useTheme","_wuiIcon","_wuiFlex","_styles","sizeToPath","lg","PathLg","md","PathNormal","sm","PathSmall","xs","PathXS","sizeToHeight","NetworkImage","imageSrc","imageHeaders","disabled","selected","size","style","borderColor","borderWidth","Theme","useTheme","svgStroke","opacity","React","createElement","Svg","width","height","stroke","strokeWidth","Defs","Pattern","id","Image","href","uri","headers","FlexView","alignItems","justifyContent","backgroundColor","Icon","name","color","Path","d","fill"],"sourceRoot":"../../../../src","sources":["composites/wui-network-image/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,eAAA,GAAAC,OAAA;AAEA,IAAAC,SAAA,GAAAD,OAAA;AAEA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAaA,MAAMK,UAAU,GAAG;EACjBC,EAAE,EAAEC,cAAM;EACVC,EAAE,EAAEC,kBAAU;EACdC,EAAE,EAAEC,iBAAS;EACbC,EAAE,EAAEC;AACN,CAAC;AAED,MAAMC,YAAY,GAAG;EACnBR,EAAE,EAAE,EAAE;EACNE,EAAE,EAAE,EAAE;EACNE,EAAE,EAAE,EAAE;EACNE,EAAE,EAAE;AACN,CAAC;AAEM,SAASG,YAAYA,CAAC;EAC3BC,QAAQ;EACRC,YAAY;EACZC,QAAQ;EACRC,QAAQ;EACRC,IAAI,GAAG,IAAI;EACXC,KAAK;EACLC,WAAW;EACXC,WAAW,GAAG;AACG,CAAC,EAAE;EACpB,MAAMC,KAAK,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EACxB,MAAMC,SAAS,GAAGP,QAAQ,GAAGK,KAAK,CAAC,YAAY,CAAC,GAAGA,KAAK,CAAC,gBAAgB,CAAC;EAC1E,MAAMG,OAAO,GAAGT,QAAQ,GAAG,GAAG,GAAG,CAAC;EAElC,oBACEU,KAAA,CAAAC,aAAA,CAAC9B,eAAA,CAAA+B,GAAG;IACFC,KAAK,EAAEjB,YAAY,CAACM,IAAI,CAAE;IAC1BY,MAAM,EAAElB,YAAY,CAACM,IAAI,CAAE;IAC3Ba,MAAM,EAAEX,WAAW,IAAII,SAAU;IACjCQ,WAAW,EAAEX,WAAY;IACzBF,KAAK,EAAEA;EAAM,gBAEbO,KAAA,CAAAC,aAAA,CAAC9B,eAAA,CAAAoC,IAAI,qBACHP,KAAA,CAAAC,aAAA,CAAC9B,eAAA,CAAAqC,OAAO;IAACC,EAAE,EAAC;EAAe,GACxBrB,QAAQ,gBACPY,KAAA,CAAAC,aAAA,CAAC9B,eAAA,CAAAuC,KAAK;IACJN,MAAM,EAAElB,YAAY,CAACM,IAAI,CAAE;IAC3BW,KAAK,EAAEjB,YAAY,CAACM,IAAI,CAAE;IAC1BO,OAAO,EAAEA,OAAQ;IACjBY,IAAI,EAAE;MAAEC,GAAG,EAAExB,QAAQ;MAAEyB,OAAO,EAAExB;IAAa;EAAE,CAChD,CAAC,gBAEFW,KAAA,CAAAC,aAAA,CAAC1B,QAAA,CAAAuC,QAAQ;IACPC,UAAU,EAAC,QAAQ;IACnBC,cAAc,EAAC;IACf;IAAA;IACAvB,KAAK,EAAE;MACLW,MAAM,EAAElB,YAAY,CAACM,IAAI,CAAC;MAC1BW,KAAK,EAAEjB,YAAY,CAACM,IAAI,CAAC;MACzByB,eAAe,EAAE;IACnB;EAAE,gBAEFjB,KAAA,CAAAC,aAAA,CAAC3B,QAAA,CAAA4C,IAAI;IAACC,IAAI,EAAC,oBAAoB;IAAC3B,IAAI,EAAEA,IAAK;IAAC4B,KAAK,EAAC;EAAQ,CAAE,CACpD,CAEL,CACL,CAAC,EACN,CAAChC,QAAQ,iBAAIY,KAAA,CAAAC,aAAA,CAAC9B,eAAA,CAAAkD,IAAI;IAACC,CAAC,EAAE7C,UAAU,CAACe,IAAI,CAAE;IAACO,OAAO,EAAEA,OAAQ;IAACwB,IAAI,EAAE3B,KAAK,CAAC,gBAAgB;EAAE,CAAE,CAAC,eAC5FI,KAAA,CAAAC,aAAA,CAAC9B,eAAA,CAAAkD,IAAI;IAACC,CAAC,EAAE7C,UAAU,CAACe,IAAI,CAAE;IAACO,OAAO,EAAEA,OAAQ;IAACwB,IAAI,EAAC;EAAqB,CAAE,CACtE,CAAC;AAEV"}
+{"version":3,"names":["_reactNativeSvg","require","_useTheme","_NetworkPlaceholder","_interopRequireDefault","_styles","e","__esModule","default","sizeToPath","lg","PathLg","md","PathNormal","sm","PathSmall","xs","PathXS","sizeToHeight","sizeToIconSize","NetworkImage","imageSrc","imageHeaders","disabled","selected","size","style","borderColor","borderWidth","Theme","useTheme","svgStroke","opacity","containerSize","iconSize","React","createElement","Svg","width","height","stroke","strokeWidth","Fragment","Defs","Pattern","id","patternUnits","Image","href","uri","headers","Path","d","fill","G","transform"],"sourceRoot":"../../../../src","sources":["composites/wui-network-image/index.tsx"],"mappings":"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"}

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

@@ -80,6 +80,6 @@ function _CardSelect({
   }, UiUtil.getWalletName(name)));
 }
 export const CardSelect = /*#__PURE__*/memo(_CardSelect, (prevProps, nextProps) => {
-  return prevProps.name === nextProps.name;
+  return prevProps.name === nextProps.name && prevProps.imageSrc === nextProps.imageSrc;
 });
 //# sourceMappingURL=index.js.map

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","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","React","createElement","icon","iconSize","iconColor","border","borderSize","borderColor","background","backgroundColor","size","installedBox","onPressIn","onPressOut","container","disabledImage","variant","color","text","numberOfLines","getWalletName","CardSelect","prevProps","nextProps"],"sourceRoot":"../../../../src","sources":["composites/wui-card-select/index.tsx"],"mappings":"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"}
+{"version":3,"names":["memo","Animated","Pressable","View","Text","IconBox","useAnimatedValue","useTheme","NetworkImage","WalletImage","styles","getBackgroundColor","ITEM_HEIGHT","ITEM_WIDTH","UiUtil","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","React","createElement","icon","iconSize","iconColor","border","borderSize","borderColor","background","backgroundColor","size","installedBox","onPressIn","onPressOut","container","disabledImage","variant","color","text","numberOfLines","getWalletName","CardSelect","prevProps","nextProps"],"sourceRoot":"../../../../src","sources":["composites/wui-card-select/index.tsx"],"mappings":"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"}

package/lib/module/composites/wui-network-image/index.js

@@ -1,7 +1,6 @@
-import { Path, Svg, Image, Defs, Pattern } from 'react-native-svg';
+import { Path, Svg, Image, Defs, Pattern, G } from 'react-native-svg';
 import { useTheme } from '../../hooks/useTheme';
-import { Icon } from '../../components/wui-icon';
-import { FlexView } from '../../layout/wui-flex';
+import NetworkPlaceholderSvg from '../../assets/svg/NetworkPlaceholder';
 import { PathLg, PathNormal, PathSmall, PathXS } from './styles';
 const sizeToPath = {
   lg: PathLg,
@@ -15,6 +14,12 @@ const sizeToHeight = {
   sm: 40,
   xs: 20
 };
+const sizeToIconSize = {
+  lg: 24,
+  md: 16,
+  sm: 14,
+  xs: 12
+};
 export function NetworkImage({
   imageSrc,
   imageHeaders,
@@ -28,44 +33,41 @@ export function NetworkImage({
   const Theme = useTheme();
   const svgStroke = selected ? Theme['accent-100'] : Theme['gray-glass-010'];
   const opacity = disabled ? 0.5 : 1;
+  const containerSize = sizeToHeight[size];
+  const iconSize = sizeToIconSize[size];
   return /*#__PURE__*/React.createElement(Svg, {
-    width: sizeToHeight[size],
-    height: sizeToHeight[size],
+    width: containerSize,
+    height: containerSize,
     stroke: borderColor ?? svgStroke,
     strokeWidth: borderWidth,
     style: style
-  }, /*#__PURE__*/React.createElement(Defs, null, /*#__PURE__*/React.createElement(Pattern, {
-    id: "image-pattern"
-  }, imageSrc ? /*#__PURE__*/React.createElement(Image, {
-    height: sizeToHeight[size],
-    width: sizeToHeight[size],
+  }, imageSrc ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Defs, null, /*#__PURE__*/React.createElement(Pattern, {
+    id: "image-pattern",
+    width: containerSize,
+    height: containerSize,
+    patternUnits: "userSpaceOnUse"
+  }, /*#__PURE__*/React.createElement(Image, {
+    height: containerSize,
+    width: containerSize,
     opacity: opacity,
     href: {
       uri: imageSrc,
       headers: imageHeaders
     }
-  }) : /*#__PURE__*/React.createElement(FlexView, {
-    alignItems: "center",
-    justifyContent: "center"
-    // eslint-disable-next-line react-native/no-inline-styles
-    ,
-    style: {
-      height: sizeToHeight[size],
-      width: sizeToHeight[size],
-      backgroundColor: 'transparent'
-    }
-  }, /*#__PURE__*/React.createElement(Icon, {
-    name: "networkPlaceholder",
-    size: size,
-    color: "fg-200"
-  })))), !imageSrc && /*#__PURE__*/React.createElement(Path, {
+  }))), /*#__PURE__*/React.createElement(Path, {
     d: sizeToPath[size],
     opacity: opacity,
-    fill: Theme['gray-glass-005']
-  }), /*#__PURE__*/React.createElement(Path, {
+    fill: "url(#image-pattern)"
+  })) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Path, {
     d: sizeToPath[size],
     opacity: opacity,
-    fill: "url(#image-pattern)"
-  }));
+    fill: Theme['gray-glass-005']
+  }), /*#__PURE__*/React.createElement(G, {
+    transform: `translate(${(containerSize - iconSize) / 2}, ${(containerSize - iconSize) / 2})`
+  }, /*#__PURE__*/React.createElement(NetworkPlaceholderSvg, {
+    fill: selected ? Theme['accent-100'] : Theme['fg-200'],
+    width: iconSize,
+    height: iconSize
+  }))));
 }
 //# sourceMappingURL=index.js.map

package/lib/module/composites/wui-network-image/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["Path","Svg","Image","Defs","Pattern","useTheme","Icon","FlexView","PathLg","PathNormal","PathSmall","PathXS","sizeToPath","lg","md","sm","xs","sizeToHeight","NetworkImage","imageSrc","imageHeaders","disabled","selected","size","style","borderColor","borderWidth","Theme","svgStroke","opacity","React","createElement","width","height","stroke","strokeWidth","id","href","uri","headers","alignItems","justifyContent","backgroundColor","name","color","d","fill"],"sourceRoot":"../../../../src","sources":["composites/wui-network-image/index.tsx"],"mappings":"AAAA,SAASA,IAAI,EAAEC,GAAG,EAAEC,KAAK,EAAEC,IAAI,EAAEC,OAAO,QAAQ,kBAAkB;AAElE,SAASC,QAAQ,QAAQ,sBAAsB;AAE/C,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,QAAQ,QAAQ,uBAAuB;AAChD,SAASC,MAAM,EAAEC,UAAU,EAAEC,SAAS,EAAEC,MAAM,QAAQ,UAAU;AAahE,MAAMC,UAAU,GAAG;EACjBC,EAAE,EAAEL,MAAM;EACVM,EAAE,EAAEL,UAAU;EACdM,EAAE,EAAEL,SAAS;EACbM,EAAE,EAAEL;AACN,CAAC;AAED,MAAMM,YAAY,GAAG;EACnBJ,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE;AACN,CAAC;AAED,OAAO,SAASE,YAAYA,CAAC;EAC3BC,QAAQ;EACRC,YAAY;EACZC,QAAQ;EACRC,QAAQ;EACRC,IAAI,GAAG,IAAI;EACXC,KAAK;EACLC,WAAW;EACXC,WAAW,GAAG;AACG,CAAC,EAAE;EACpB,MAAMC,KAAK,GAAGtB,QAAQ,CAAC,CAAC;EACxB,MAAMuB,SAAS,GAAGN,QAAQ,GAAGK,KAAK,CAAC,YAAY,CAAC,GAAGA,KAAK,CAAC,gBAAgB,CAAC;EAC1E,MAAME,OAAO,GAAGR,QAAQ,GAAG,GAAG,GAAG,CAAC;EAElC,oBACES,KAAA,CAAAC,aAAA,CAAC9B,GAAG;IACF+B,KAAK,EAAEf,YAAY,CAACM,IAAI,CAAE;IAC1BU,MAAM,EAAEhB,YAAY,CAACM,IAAI,CAAE;IAC3BW,MAAM,EAAET,WAAW,IAAIG,SAAU;IACjCO,WAAW,EAAET,WAAY;IACzBF,KAAK,EAAEA;EAAM,gBAEbM,KAAA,CAAAC,aAAA,CAAC5B,IAAI,qBACH2B,KAAA,CAAAC,aAAA,CAAC3B,OAAO;IAACgC,EAAE,EAAC;EAAe,GACxBjB,QAAQ,gBACPW,KAAA,CAAAC,aAAA,CAAC7B,KAAK;IACJ+B,MAAM,EAAEhB,YAAY,CAACM,IAAI,CAAE;IAC3BS,KAAK,EAAEf,YAAY,CAACM,IAAI,CAAE;IAC1BM,OAAO,EAAEA,OAAQ;IACjBQ,IAAI,EAAE;MAAEC,GAAG,EAAEnB,QAAQ;MAAEoB,OAAO,EAAEnB;IAAa;EAAE,CAChD,CAAC,gBAEFU,KAAA,CAAAC,aAAA,CAACxB,QAAQ;IACPiC,UAAU,EAAC,QAAQ;IACnBC,cAAc,EAAC;IACf;IAAA;IACAjB,KAAK,EAAE;MACLS,MAAM,EAAEhB,YAAY,CAACM,IAAI,CAAC;MAC1BS,KAAK,EAAEf,YAAY,CAACM,IAAI,CAAC;MACzBmB,eAAe,EAAE;IACnB;EAAE,gBAEFZ,KAAA,CAAAC,aAAA,CAACzB,IAAI;IAACqC,IAAI,EAAC,oBAAoB;IAACpB,IAAI,EAAEA,IAAK;IAACqB,KAAK,EAAC;EAAQ,CAAE,CACpD,CAEL,CACL,CAAC,EACN,CAACzB,QAAQ,iBAAIW,KAAA,CAAAC,aAAA,CAAC/B,IAAI;IAAC6C,CAAC,EAAEjC,UAAU,CAACW,IAAI,CAAE;IAACM,OAAO,EAAEA,OAAQ;IAACiB,IAAI,EAAEnB,KAAK,CAAC,gBAAgB;EAAE,CAAE,CAAC,eAC5FG,KAAA,CAAAC,aAAA,CAAC/B,IAAI;IAAC6C,CAAC,EAAEjC,UAAU,CAACW,IAAI,CAAE;IAACM,OAAO,EAAEA,OAAQ;IAACiB,IAAI,EAAC;EAAqB,CAAE,CACtE,CAAC;AAEV"}
+{"version":3,"names":["Path","Svg","Image","Defs","Pattern","G","useTheme","NetworkPlaceholderSvg","PathLg","PathNormal","PathSmall","PathXS","sizeToPath","lg","md","sm","xs","sizeToHeight","sizeToIconSize","NetworkImage","imageSrc","imageHeaders","disabled","selected","size","style","borderColor","borderWidth","Theme","svgStroke","opacity","containerSize","iconSize","React","createElement","width","height","stroke","strokeWidth","Fragment","id","patternUnits","href","uri","headers","d","fill","transform"],"sourceRoot":"../../../../src","sources":["composites/wui-network-image/index.tsx"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/composites/wui-network-image/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAKtD,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC,QAAQ,EAAE,IAAI,GAAG,KAAK,CAAC,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAgBD,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,IAAW,EACX,KAAK,EACL,WAAW,EACX,WAAe,EAChB,EAAE,iBAAiB,2CA0CnB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/composites/wui-network-image/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAItD,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC,QAAQ,EAAE,IAAI,GAAG,KAAK,CAAC,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAuBD,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,IAAW,EACX,KAAK,EACL,WAAW,EACX,WAAe,EAChB,EAAE,iBAAiB,2CAoDnB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reown/appkit-ui-react-native",
-  "version": "1.3.0",
+  "version": "1.3.1",
   "main": "lib/commonjs/index.js",
   "types": "lib/typescript/index.d.ts",
   "module": "lib/module/index.js",

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

@@ -100,5 +100,5 @@ function _CardSelect({
 }
 
 export const CardSelect = memo(_CardSelect, (prevProps, nextProps) => {
-  return prevProps.name === nextProps.name;
+  return prevProps.name === nextProps.name && prevProps.imageSrc === nextProps.imageSrc;
 });

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

@@ -1,9 +1,8 @@
-import { Path, Svg, Image, Defs, Pattern } from 'react-native-svg';
+import { Path, Svg, Image, Defs, Pattern, G } from 'react-native-svg';
 import type { StyleProp, ViewStyle } from 'react-native';
 import { useTheme } from '../../hooks/useTheme';
 import type { SizeType } from '../../utils/TypesUtil';
-import { Icon } from '../../components/wui-icon';
-import { FlexView } from '../../layout/wui-flex';
+import NetworkPlaceholderSvg from '../../assets/svg/NetworkPlaceholder';
 import { PathLg, PathNormal, PathSmall, PathXS } from './styles';
 
 export interface NetworkImageProps {
@@ -31,6 +30,13 @@ const sizeToHeight = {
   xs: 20
 };
 
+const sizeToIconSize = {
+  lg: 24,
+  md: 16,
+  sm: 14,
+  xs: 12
+};
+
 export function NetworkImage({
   imageSrc,
   imageHeaders,
@@ -44,42 +50,52 @@ export function NetworkImage({
   const Theme = useTheme();
   const svgStroke = selected ? Theme['accent-100'] : Theme['gray-glass-010'];
   const opacity = disabled ? 0.5 : 1;
+  const containerSize = sizeToHeight[size];
+  const iconSize = sizeToIconSize[size];
 
   return (
     <Svg
-      width={sizeToHeight[size]}
-      height={sizeToHeight[size]}
+      width={containerSize}
+      height={containerSize}
       stroke={borderColor ?? svgStroke}
       strokeWidth={borderWidth}
       style={style}
     >
-      <Defs>
-        <Pattern id="image-pattern">
-          {imageSrc ? (
-            <Image
-              height={sizeToHeight[size]}
-              width={sizeToHeight[size]}
-              opacity={opacity}
-              href={{ uri: imageSrc, headers: imageHeaders }}
-            />
-          ) : (
-            <FlexView
-              alignItems="center"
-              justifyContent="center"
-              // eslint-disable-next-line react-native/no-inline-styles
-              style={{
-                height: sizeToHeight[size],
-                width: sizeToHeight[size],
-                backgroundColor: 'transparent'
-              }}
+      {imageSrc ? (
+        <>
+          <Defs>
+            <Pattern
+              id="image-pattern"
+              width={containerSize}
+              height={containerSize}
+              patternUnits="userSpaceOnUse"
             >
-              <Icon name="networkPlaceholder" size={size} color="fg-200" />
-            </FlexView>
-          )}
-        </Pattern>
-      </Defs>
-      {!imageSrc && <Path d={sizeToPath[size]} opacity={opacity} fill={Theme['gray-glass-005']} />}
-      <Path d={sizeToPath[size]} opacity={opacity} fill="url(#image-pattern)" />
+              <Image
+                height={containerSize}
+                width={containerSize}
+                opacity={opacity}
+                href={{ uri: imageSrc, headers: imageHeaders }}
+              />
+            </Pattern>
+          </Defs>
+          <Path d={sizeToPath[size]} opacity={opacity} fill="url(#image-pattern)" />
+        </>
+      ) : (
+        <>
+          <Path d={sizeToPath[size]} opacity={opacity} fill={Theme['gray-glass-005']} />
+          <G
+            transform={`translate(${(containerSize - iconSize) / 2}, ${
+              (containerSize - iconSize) / 2
+            })`}
+          >
+            <NetworkPlaceholderSvg
+              fill={selected ? Theme['accent-100'] : Theme['fg-200']}
+              width={iconSize}
+              height={iconSize}
+            />
+          </G>
+        </>
+      )}
     </Svg>
   );
 }