@reown/appkit-ui-react-native 0.0.0-fix-email-login-20241010173711 → 0.0.0-fix-fetch-error-improvements-20241114122508

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

@@ -6,45 +6,72 @@ 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 _styles = require("./styles");
+const sizeToPath = {
+  lg: _styles.PathLg,
+  md: _styles.PathNormal,
+  sm: _styles.PathSmall,
+  xs: _styles.PathXS
+};
+const sizeToHeight = {
+  lg: 96,
+  md: 56,
+  sm: 40,
+  xs: 20
+};
 function NetworkImage({
   imageSrc,
   imageHeaders,
   disabled,
   selected,
-  size = 'md'
+  size = 'md',
+  style,
+  borderColor,
+  borderWidth = 1
 }) {
   const Theme = (0, _useTheme.useTheme)();
-  const isLg = size === 'lg';
-  const svgWidth = isLg ? 96 : 56;
-  const svgHeight = isLg ? 96 : 56;
   const svgStroke = selected ? Theme['accent-100'] : Theme['gray-glass-010'];
   const opacity = disabled ? 0.5 : 1;
   return /*#__PURE__*/React.createElement(_reactNativeSvg.Svg, {
-    width: svgWidth,
-    height: svgHeight,
-    stroke: svgStroke,
-    strokeWidth: 1
+    width: sizeToHeight[size],
+    height: sizeToHeight[size],
+    stroke: borderColor ?? svgStroke,
+    strokeWidth: borderWidth,
+    style: style
   }, /*#__PURE__*/React.createElement(_reactNativeSvg.Defs, null, /*#__PURE__*/React.createElement(_reactNativeSvg.Pattern, {
-    id: "image-pattern",
-    x: "0",
-    y: "0",
-    width: "1",
-    height: "1"
-  }, /*#__PURE__*/React.createElement(_reactNativeSvg.Image, {
-    height: svgHeight,
-    width: svgWidth,
-    x: "0",
-    y: "0",
+    id: "image-pattern"
+  }, imageSrc ? /*#__PURE__*/React.createElement(_reactNativeSvg.Image, {
+    height: sizeToHeight[size],
+    width: sizeToHeight[size],
     opacity: opacity,
     href: {
       uri: imageSrc,
       headers: imageHeaders
     }
-  }))), /*#__PURE__*/React.createElement(_reactNativeSvg.Path, {
-    d: `${isLg ? _styles.PathLg : _styles.PathNormal}`,
+  }) : /*#__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, {
+    d: sizeToPath[size],
+    opacity: opacity,
+    fill: Theme['gray-glass-005']
+  }), /*#__PURE__*/React.createElement(_reactNativeSvg.Path, {
+    d: sizeToPath[size],
     opacity: opacity,
-    fill: imageSrc ? 'url(#image-pattern)' : Theme['gray-glass-005']
+    fill: "url(#image-pattern)"
   }));
 }
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_reactNativeSvg","require","_useTheme","_styles","NetworkImage","imageSrc","imageHeaders","disabled","selected","size","Theme","useTheme","isLg","svgWidth","svgHeight","svgStroke","opacity","React","createElement","Svg","width","height","stroke","strokeWidth","Defs","Pattern","id","x","y","Image","href","uri","headers","Path","d","PathLg","PathNormal","fill"],"sourceRoot":"../../../../src","sources":["composites/wui-network-image/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,eAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AAEA,IAAAE,OAAA,GAAAF,OAAA;AAUO,SAASG,YAAYA,CAAC;EAC3BC,QAAQ;EACRC,YAAY;EACZC,QAAQ;EACRC,QAAQ;EACRC,IAAI,GAAG;AACU,CAAC,EAAE;EACpB,MAAMC,KAAK,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EACxB,MAAMC,IAAI,GAAGH,IAAI,KAAK,IAAI;EAC1B,MAAMI,QAAQ,GAAGD,IAAI,GAAG,EAAE,GAAG,EAAE;EAC/B,MAAME,SAAS,GAAGF,IAAI,GAAG,EAAE,GAAG,EAAE;EAChC,MAAMG,SAAS,GAAGP,QAAQ,GAAGE,KAAK,CAAC,YAAY,CAAC,GAAGA,KAAK,CAAC,gBAAgB,CAAC;EAC1E,MAAMM,OAAO,GAAGT,QAAQ,GAAG,GAAG,GAAG,CAAC;EAElC,oBACEU,KAAA,CAAAC,aAAA,CAAClB,eAAA,CAAAmB,GAAG;IAACC,KAAK,EAAEP,QAAS;IAACQ,MAAM,EAAEP,SAAU;IAACQ,MAAM,EAAEP,SAAU;IAACQ,WAAW,EAAE;EAAE,gBACzEN,KAAA,CAAAC,aAAA,CAAClB,eAAA,CAAAwB,IAAI,qBACHP,KAAA,CAAAC,aAAA,CAAClB,eAAA,CAAAyB,OAAO;IAACC,EAAE,EAAC,eAAe;IAACC,CAAC,EAAC,GAAG;IAACC,CAAC,EAAC,GAAG;IAACR,KAAK,EAAC,GAAG;IAACC,MAAM,EAAC;EAAG,gBAC1DJ,KAAA,CAAAC,aAAA,CAAClB,eAAA,CAAA6B,KAAK;IACJR,MAAM,EAAEP,SAAU;IAClBM,KAAK,EAAEP,QAAS;IAChBc,CAAC,EAAC,GAAG;IACLC,CAAC,EAAC,GAAG;IACLZ,OAAO,EAAEA,OAAQ;IACjBc,IAAI,EAAE;MAAEC,GAAG,EAAE1B,QAAQ;MAAE2B,OAAO,EAAE1B;IAAa;EAAE,CAChD,CACM,CACL,CAAC,eACPW,KAAA,CAAAC,aAAA,CAAClB,eAAA,CAAAiC,IAAI;IACHC,CAAC,EAAG,GAAEtB,IAAI,GAAGuB,cAAM,GAAGC,kBAAW,EAAE;IACnCpB,OAAO,EAAEA,OAAQ;IACjBqB,IAAI,EAAEhC,QAAQ,GAAG,qBAAqB,GAAGK,KAAK,CAAC,gBAAgB;EAAE,CAClE,CACE,CAAC;AAEV"}
+{"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"}

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

@@ -3,7 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.PathNormal = exports.PathLg = void 0;
+exports.PathXS = exports.PathSmall = exports.PathNormal = exports.PathLg = void 0;
 const PathLg = exports.PathLg = 'M41.1429 4.01705C45.3861 1.56723 50.6139 1.56723 54.8572 4.01705L82.7121 20.0991C86.9553 22.5489 89.5692 27.0764 89.5692 31.976V64.1401C89.5692 69.0398 86.9553 73.5672 82.7121 76.0171L54.8571 92.0991C50.6139 94.5489 45.3861 94.5489 41.1429 92.0991L13.2879 76.0171C9.04471 73.5672 6.43079 69.0398 6.43079 64.1401V31.976C6.43079 27.0764 9.04471 22.5489 13.2879 20.0991L41.1429 4.01705Z';
 const PathNormal = exports.PathNormal = 'M24.0002 2.34328C26.4754 0.914219 29.525 0.914219 32.0002 2.34328L48.2489 11.7245C50.7241 13.1535 52.2489 15.7946 52.2489 18.6527V37.4151C52.2489 40.2732 50.7241 42.9142 48.2489 44.3433L32.0002 53.7245C29.525 55.1535 26.4754 55.1535 24.0002 53.7245L7.75146 44.3433C5.27625 42.9142 3.75146 40.2732 3.75146 37.4151V18.6527C3.75146 15.7946 5.27626 13.1535 7.75146 11.7245L24.0002 2.34328Z';
+const PathSmall = exports.PathSmall = 'M17.1428 1.67377C18.9108 0.653013 21.0891 0.653014 22.8571 1.67377L34.4633 8.37463C36.2313 9.39539 37.3205 11.2818 37.3205 13.3233V26.7251C37.3205 28.7666 36.2313 30.653 34.4633 31.6738L22.8571 38.3746C21.0891 39.3954 18.9108 39.3954 17.1428 38.3746L5.53659 31.6738C3.76858 30.653 2.67944 28.7666 2.67944 26.7251V13.3233C2.67944 11.2818 3.76858 9.39539 5.53659 8.37463L17.1428 1.67377Z';
+const PathXS = exports.PathXS = 'M8.57153 0.836886C9.45553 0.326507 10.5447 0.326507 11.4287 0.836886L17.2318 4.18731C18.1158 4.69769 18.6604 5.64091 18.6604 6.66167V13.3625C18.6604 14.3833 18.1158 15.3265 17.2318 15.8369L11.4287 19.1873C10.5447 19.6977 9.45553 19.6977 8.57153 19.1873L2.76841 15.8369C1.88441 15.3265 1.33984 14.3833 1.33984 13.3625V6.66167C1.33984 5.64091 1.88441 4.69769 2.76841 4.18731L8.57153 0.836886Z';
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["PathLg","exports","PathNormal"],"sourceRoot":"../../../../src","sources":["composites/wui-network-image/styles.ts"],"mappings":";;;;;;AAAO,MAAMA,MAAM,GAAAC,OAAA,CAAAD,MAAA,GACjB,iYAAiY;AAE5X,MAAME,UAAU,GAAAD,OAAA,CAAAC,UAAA,GACrB,mYAAmY"}
+{"version":3,"names":["PathLg","exports","PathNormal","PathSmall","PathXS"],"sourceRoot":"../../../../src","sources":["composites/wui-network-image/styles.ts"],"mappings":";;;;;;AAAO,MAAMA,MAAM,GAAAC,OAAA,CAAAD,MAAA,GACjB,iYAAiY;AAE5X,MAAME,UAAU,GAAAD,OAAA,CAAAC,UAAA,GACrB,mYAAmY;AAE9X,MAAMC,SAAS,GAAAF,OAAA,CAAAE,SAAA,GACpB,mYAAmY;AAE9X,MAAMC,MAAM,GAAAH,OAAA,CAAAG,MAAA,GACjB,wYAAwY"}

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

@@ -75,8 +75,7 @@ function Otp({
     inputRef: refArray[index],
     onChangeText: text => _onChangeText(text, index),
     onKeyPress: e => onKeyPress(e, index),
-    textContentType: "oneTimeCode",
-    autoComplete: _reactNative.Platform.OS === 'android' ? 'sms-otp' : 'one-time-code'
+    autoComplete: "off"
   })));
 }
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNative","_wuiInputNumeric","_styles","_interopRequireDefault","obj","__esModule","default","Otp","length","style","onChangeText","autoFocus","value","setValue","useState","refArray","useMemo","Array","from","map","createRef","_onChangeText","text","index","newValue","slice","split","focusInputField","join","dir","currentIndex","clear","newIndex","undefined","current","focus","onKeyPress","e","currentValue","key","nativeEvent","React","createElement","View","styles","container","_","InputNumeric","inputRef","textContentType","autoComplete","Platform","OS"],"sourceRoot":"../../../../src","sources":["composites/wui-otp/index.tsx"],"mappings":"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"}
+{"version":3,"names":["_react","require","_reactNative","_wuiInputNumeric","_styles","_interopRequireDefault","obj","__esModule","default","Otp","length","style","onChangeText","autoFocus","value","setValue","useState","refArray","useMemo","Array","from","map","createRef","_onChangeText","text","index","newValue","slice","split","focusInputField","join","dir","currentIndex","clear","newIndex","undefined","current","focus","onKeyPress","e","currentValue","key","nativeEvent","React","createElement","View","styles","container","_","InputNumeric","inputRef","autoComplete"],"sourceRoot":"../../../../src","sources":["composites/wui-otp/index.tsx"],"mappings":"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"}

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

@@ -0,0 +1,48 @@
+"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

@@ -0,0 +1 @@
+{"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/commonjs/composites/wui-qr-code/index.js

@@ -20,20 +20,20 @@ function QrCode({
   size,
   uri,
   imageSrc,
-  testID
+  testID,
+  arenaClear,
+  icon,
+  style
 }) {
   const Theme = _ThemeUtil.LightTheme;
   const containerPadding = _ThemeUtil.Spacing.l;
   const qrSize = size - containerPadding * 2;
-  const dots = (0, _react.useMemo)(() => uri ? _QRCodeUtil.QRCodeUtil.generate(uri, qrSize, qrSize / 4) : [], [uri, qrSize]);
-  const shimmerTemplate = () => {
-    return /*#__PURE__*/React.createElement(_wuiShimmer.Shimmer, {
-      width: size,
-      height: size,
-      borderRadius: _ThemeUtil.BorderRadius.l
-    });
-  };
+  const logoSize = arenaClear ? 0 : qrSize / 4;
+  const dots = (0, _react.useMemo)(() => uri ? _QRCodeUtil.QRCodeUtil.generate(uri, qrSize, logoSize) : [], [uri, qrSize, logoSize]);
   const logoTemplate = () => {
+    if (arenaClear) {
+      return null;
+    }
     if (imageSrc) {
       return /*#__PURE__*/React.createElement(_wuiImage.Image, {
         source: imageSrc,
@@ -45,7 +45,7 @@ function QrCode({
       });
     }
     return /*#__PURE__*/React.createElement(_wuiIcon.Icon, {
-      name: "walletConnect",
+      name: icon ?? 'walletConnect',
       color: "accent-100",
       height: qrSize / 3.5,
       width: qrSize / 3.5,
@@ -57,7 +57,7 @@ function QrCode({
       width: size,
       backgroundColor: Theme['bg-100'],
       padding: containerPadding
-    }],
+    }, style],
     testID: testID
   }, /*#__PURE__*/React.createElement(_wuiFlex.FlexView, {
     alignItems: "center",
@@ -72,6 +72,10 @@ function QrCode({
   }, "UX by", ' ', /*#__PURE__*/React.createElement(_wuiText.Text, {
     variant: "small-500",
     color: "inverse-000"
-  }, "Reown"))) : shimmerTemplate();
+  }, "Reown"))) : /*#__PURE__*/React.createElement(_wuiShimmer.Shimmer, {
+    width: size,
+    height: size,
+    borderRadius: _ThemeUtil.BorderRadius.l
+  });
 }
 //# sourceMappingURL=index.js.map

package/lib/commonjs/composites/wui-qr-code/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNative","_reactNativeSvg","_interopRequireDefault","_wuiIcon","_wuiImage","_wuiShimmer","_wuiText","_wuiFlex","_QRCodeUtil","_ThemeUtil","_styles","obj","__esModule","default","QrCode","size","uri","imageSrc","testID","Theme","LightTheme","containerPadding","Spacing","l","qrSize","dots","useMemo","QRCodeUtil","generate","shimmerTemplate","React","createElement","Shimmer","width","height","borderRadius","BorderRadius","logoTemplate","Image","source","style","styles","icon","Icon","name","color","View","container","backgroundColor","padding","FlexView","alignItems","justifyContent","Text","variant","label"],"sourceRoot":"../../../../src","sources":["composites/wui-qr-code/index.tsx"],"mappings":"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"}
+{"version":3,"names":["_react","require","_reactNative","_reactNativeSvg","_interopRequireDefault","_wuiIcon","_wuiImage","_wuiShimmer","_wuiText","_wuiFlex","_QRCodeUtil","_ThemeUtil","_styles","obj","__esModule","default","QrCode","size","uri","imageSrc","testID","arenaClear","icon","style","Theme","LightTheme","containerPadding","Spacing","l","qrSize","logoSize","dots","useMemo","QRCodeUtil","generate","logoTemplate","React","createElement","Image","source","styles","height","width","borderRadius","Icon","name","color","View","container","backgroundColor","padding","FlexView","alignItems","justifyContent","Text","variant","label","Shimmer","BorderRadius"],"sourceRoot":"../../../../src","sources":["composites/wui-qr-code/index.tsx"],"mappings":"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"}

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

@@ -18,6 +18,7 @@ function Snackbar({
 }) {
   const Theme = (0, _useTheme.useTheme)();
   return /*#__PURE__*/React.createElement(_reactNative.Animated.View, {
+    pointerEvents: "none",
     style: [_styles.default.container, {
       backgroundColor: Theme['bg-175'],
       borderColor: Theme['gray-glass-005']

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

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_wuiText","_useTheme","_wuiIconBox","_styles","_interopRequireDefault","obj","__esModule","default","Snackbar","message","iconColor","icon","style","Theme","useTheme","React","createElement","Animated","View","styles","container","backgroundColor","borderColor","IconBox","size","background","Text","variant","color","text"],"sourceRoot":"../../../../src","sources":["composites/wui-snackbar/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AAEA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAC,sBAAA,CAAAL,OAAA;AAA8B,SAAAK,uBAAAC,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AASvB,SAASG,QAAQA,CAAC;EAAEC,OAAO;EAAEC,SAAS;EAAEC,IAAI;EAAEC;AAAqB,CAAC,EAAE;EAC3E,MAAMC,KAAK,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EAExB,oBACEC,KAAA,CAAAC,aAAA,CAAClB,YAAA,CAAAmB,QAAQ,CAACC,IAAI;IACZN,KAAK,EAAE,CACLO,eAAM,CAACC,SAAS,EAChB;MAAEC,eAAe,EAAER,KAAK,CAAC,QAAQ,CAAC;MAAES,WAAW,EAAET,KAAK,CAAC,gBAAgB;IAAE,CAAC,EAC1ED,KAAK;EACL,gBAEFG,KAAA,CAAAC,aAAA,CAACd,WAAA,CAAAqB,OAAO;IAACZ,IAAI,EAAEA,IAAK;IAACD,SAAS,EAAEA,SAAU;IAACc,IAAI,EAAC,IAAI;IAACC,UAAU;EAAA,CAAE,CAAC,eAClEV,KAAA,CAAAC,aAAA,CAAChB,QAAA,CAAA0B,IAAI;IAACC,OAAO,EAAC,eAAe;IAACC,KAAK,EAAC,QAAQ;IAAChB,KAAK,EAAEO,eAAM,CAACU;EAAK,GAC7DpB,OACG,CACO,CAAC;AAEpB"}
+{"version":3,"names":["_reactNative","require","_wuiText","_useTheme","_wuiIconBox","_styles","_interopRequireDefault","obj","__esModule","default","Snackbar","message","iconColor","icon","style","Theme","useTheme","React","createElement","Animated","View","pointerEvents","styles","container","backgroundColor","borderColor","IconBox","size","background","Text","variant","color","text"],"sourceRoot":"../../../../src","sources":["composites/wui-snackbar/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AAEA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAC,sBAAA,CAAAL,OAAA;AAA8B,SAAAK,uBAAAC,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AASvB,SAASG,QAAQA,CAAC;EAAEC,OAAO;EAAEC,SAAS;EAAEC,IAAI;EAAEC;AAAqB,CAAC,EAAE;EAC3E,MAAMC,KAAK,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EAExB,oBACEC,KAAA,CAAAC,aAAA,CAAClB,YAAA,CAAAmB,QAAQ,CAACC,IAAI;IACZC,aAAa,EAAC,MAAM;IACpBP,KAAK,EAAE,CACLQ,eAAM,CAACC,SAAS,EAChB;MAAEC,eAAe,EAAET,KAAK,CAAC,QAAQ,CAAC;MAAEU,WAAW,EAAEV,KAAK,CAAC,gBAAgB;IAAE,CAAC,EAC1ED,KAAK;EACL,gBAEFG,KAAA,CAAAC,aAAA,CAACd,WAAA,CAAAsB,OAAO;IAACb,IAAI,EAAEA,IAAK;IAACD,SAAS,EAAEA,SAAU;IAACe,IAAI,EAAC,IAAI;IAACC,UAAU;EAAA,CAAE,CAAC,eAClEX,KAAA,CAAAC,aAAA,CAAChB,QAAA,CAAA2B,IAAI;IAACC,OAAO,EAAC,eAAe;IAACC,KAAK,EAAC,QAAQ;IAACjB,KAAK,EAAEQ,eAAM,CAACU;EAAK,GAC7DrB,OACG,CACO,CAAC;AAEpB"}

package/lib/commonjs/composites/wui-snackbar/styles.js

@@ -5,13 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _reactNative = require("react-native");
+var _ThemeUtil = require("../../utils/ThemeUtil");
 var _default = exports.default = _reactNative.StyleSheet.create({
   container: {
     height: 40,
     flexDirection: 'row',
     paddingHorizontal: 8,
-    borderRadius: 100,
-    borderWidth: 1,
+    borderRadius: _ThemeUtil.BorderRadius.full,
+    borderWidth: _reactNative.StyleSheet.hairlineWidth,
     alignItems: 'center'
   },
   text: {

package/lib/commonjs/composites/wui-snackbar/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_default","exports","default","StyleSheet","create","container","height","flexDirection","paddingHorizontal","borderRadius","borderWidth","alignItems","text"],"sourceRoot":"../../../../src","sources":["composites/wui-snackbar/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAA0C,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAE3BC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,aAAa,EAAE,KAAK;IACpBC,iBAAiB,EAAE,CAAC;IACpBC,YAAY,EAAE,GAAG;IACjBC,WAAW,EAAE,CAAC;IACdC,UAAU,EAAE;EACd,CAAC;EACDC,IAAI,EAAE;IACJJ,iBAAiB,EAAE;EACrB;AACF,CAAC,CAAC"}
+{"version":3,"names":["_reactNative","require","_ThemeUtil","_default","exports","default","StyleSheet","create","container","height","flexDirection","paddingHorizontal","borderRadius","BorderRadius","full","borderWidth","hairlineWidth","alignItems","text"],"sourceRoot":"../../../../src","sources":["composites/wui-snackbar/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAAqD,IAAAE,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEtCC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,aAAa,EAAE,KAAK;IACpBC,iBAAiB,EAAE,CAAC;IACpBC,YAAY,EAAEC,uBAAY,CAACC,IAAI;IAC/BC,WAAW,EAAET,uBAAU,CAACU,aAAa;IACrCC,UAAU,EAAE;EACd,CAAC;EACDC,IAAI,EAAE;IACJP,iBAAiB,EAAE;EACrB;AACF,CAAC,CAAC"}

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

@@ -13,11 +13,14 @@ var _styles = _interopRequireDefault(require("./styles"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function Tabs({
   tabs,
-  onTabChange
+  onTabChange,
+  style
 }) {
   const Theme = (0, _useTheme.useTheme)();
   const [activeTab, setActiveTab] = (0, _react.useState)(0);
   const animatedPosition = (0, _react.useRef)(new _reactNative.Animated.Value(0));
+  const [viewWidth, setViewWidth] = (0, _react.useState)(1);
+  const tabWidth = Math.trunc(viewWidth / tabs.length) - 2;
   const onTabPress = index => {
     setActiveTab(index);
     onTabChange(index);
@@ -29,25 +32,36 @@ function Tabs({
   };
   const markPosition = animatedPosition.current.interpolate({
     inputRange: [0, tabs.length - 1],
-    outputRange: [0, 100 * (tabs.length - 1)]
+    outputRange: [0, tabWidth * (tabs.length - 1)]
   });
+  const onLayout = event => {
+    const {
+      width
+    } = event.nativeEvent.layout;
+    setViewWidth(width);
+  };
   return /*#__PURE__*/React.createElement(_reactNative.View, {
     style: [_styles.default.container, {
       backgroundColor: Theme['gray-glass-002']
-    }]
+    }, style],
+    onLayout: onLayout
   }, /*#__PURE__*/React.createElement(_reactNative.Animated.View, {
     style: [_styles.default.activeMark, {
       backgroundColor: Theme['gray-glass-005'],
       borderColor: Theme['gray-glass-005'],
-      left: markPosition
+      left: markPosition,
+      width: tabWidth
     }]
   }), tabs.map((option, index) => {
     const isActive = index === activeTab;
+    const isString = typeof option === 'string';
     return /*#__PURE__*/React.createElement(_reactNative.Pressable, {
       onPress: () => onTabPress(index),
-      key: option.label,
-      style: _styles.default.tabItem
-    }, option.icon && /*#__PURE__*/React.createElement(_wuiIcon.Icon, {
+      key: isString ? option : option.label,
+      style: [_styles.default.tabItem, {
+        width: tabWidth
+      }]
+    }, !isString && option.icon && /*#__PURE__*/React.createElement(_wuiIcon.Icon, {
       name: option.icon,
       size: "xs",
       color: isActive ? 'fg-100' : 'fg-200',
@@ -55,7 +69,7 @@ function Tabs({
     }), /*#__PURE__*/React.createElement(_wuiText.Text, {
       variant: "small-600",
       color: isActive ? 'fg-100' : 'fg-200'
-    }, option.label));
+    }, isString ? option : option.label));
   }));
 }
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNative","_wuiIcon","_wuiText","_useTheme","_styles","_interopRequireDefault","obj","__esModule","default","Tabs","tabs","onTabChange","Theme","useTheme","activeTab","setActiveTab","useState","animatedPosition","useRef","Animated","Value","onTabPress","index","timing","current","toValue","duration","useNativeDriver","start","markPosition","interpolate","inputRange","length","outputRange","React","createElement","View","style","styles","container","backgroundColor","activeMark","borderColor","left","map","option","isActive","Pressable","onPress","key","label","tabItem","icon","Icon","name","size","color","tabIcon","Text","variant"],"sourceRoot":"../../../../src","sources":["composites/wui-tabs/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AAEA,IAAAK,OAAA,GAAAC,sBAAA,CAAAN,OAAA;AAA8B,SAAAM,uBAAAC,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAOvB,SAASG,IAAIA,CAAC;EAAEC,IAAI;EAAEC;AAAuB,CAAC,EAAE;EACrD,MAAMC,KAAK,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EACxB,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAG,IAAAC,eAAQ,EAAC,CAAC,CAAC;EAC7C,MAAMC,gBAAgB,GAAG,IAAAC,aAAM,EAAC,IAAIC,qBAAQ,CAACC,KAAK,CAAC,CAAC,CAAC,CAAC;EAEtD,MAAMC,UAAU,GAAIC,KAAa,IAAK;IACpCP,YAAY,CAACO,KAAK,CAAC;IACnBX,WAAW,CAACW,KAAK,CAAC;IAClBH,qBAAQ,CAACI,MAAM,CAACN,gBAAgB,CAACO,OAAO,EAAE;MACxCC,OAAO,EAAEH,KAAK;MACdI,QAAQ,EAAE,GAAG;MACbC,eAAe,EAAE;IACnB,CAAC,CAAC,CAACC,KAAK,CAAC,CAAC;EACZ,CAAC;EAED,MAAMC,YAAY,GAAGZ,gBAAgB,CAACO,OAAO,CAACM,WAAW,CAAC;IACxDC,UAAU,EAAE,CAAC,CAAC,EAAErB,IAAI,CAACsB,MAAM,GAAG,CAAC,CAAC;IAChCC,WAAW,EAAE,CAAC,CAAC,EAAE,GAAG,IAAIvB,IAAI,CAACsB,MAAM,GAAG,CAAC,CAAC;EAC1C,CAAC,CAAC;EAEF,oBACEE,KAAA,CAAAC,aAAA,CAACnC,YAAA,CAAAoC,IAAI;IAACC,KAAK,EAAE,CAACC,eAAM,CAACC,SAAS,EAAE;MAAEC,eAAe,EAAE5B,KAAK,CAAC,gBAAgB;IAAE,CAAC;EAAE,gBAC5EsB,KAAA,CAAAC,aAAA,CAACnC,YAAA,CAAAmB,QAAQ,CAACiB,IAAI;IACZC,KAAK,EAAE,CACLC,eAAM,CAACG,UAAU,EACjB;MACED,eAAe,EAAE5B,KAAK,CAAC,gBAAgB,CAAC;MACxC8B,WAAW,EAAE9B,KAAK,CAAC,gBAAgB,CAAC;MACpC+B,IAAI,EAAEd;IACR,CAAC;EACD,CACH,CAAC,EACDnB,IAAI,CAACkC,GAAG,CAAC,CAACC,MAAM,EAAEvB,KAAK,KAAK;IAC3B,MAAMwB,QAAQ,GAAGxB,KAAK,KAAKR,SAAS;IAEpC,oBACEoB,KAAA,CAAAC,aAAA,CAACnC,YAAA,CAAA+C,SAAS;MAACC,OAAO,EAAEA,CAAA,KAAM3B,UAAU,CAACC,KAAK,CAAE;MAAC2B,GAAG,EAAEJ,MAAM,CAACK,KAAM;MAACb,KAAK,EAAEC,eAAM,CAACa;IAAQ,GACnFN,MAAM,CAACO,IAAI,iBACVlB,KAAA,CAAAC,aAAA,CAAClC,QAAA,CAAAoD,IAAI;MACHC,IAAI,EAAET,MAAM,CAACO,IAAK;MAClBG,IAAI,EAAC,IAAI;MACTC,KAAK,EAAEV,QAAQ,GAAG,QAAQ,GAAG,QAAS;MACtCT,KAAK,EAAEC,eAAM,CAACmB;IAAQ,CACvB,CACF,eACDvB,KAAA,CAAAC,aAAA,CAACjC,QAAA,CAAAwD,IAAI;MAACC,OAAO,EAAC,WAAW;MAACH,KAAK,EAAEV,QAAQ,GAAG,QAAQ,GAAG;IAAS,GAC7DD,MAAM,CAACK,KACJ,CACG,CAAC;EAEhB,CAAC,CACG,CAAC;AAEX"}
+{"version":3,"names":["_react","require","_reactNative","_wuiIcon","_wuiText","_useTheme","_styles","_interopRequireDefault","obj","__esModule","default","Tabs","tabs","onTabChange","style","Theme","useTheme","activeTab","setActiveTab","useState","animatedPosition","useRef","Animated","Value","viewWidth","setViewWidth","tabWidth","Math","trunc","length","onTabPress","index","timing","current","toValue","duration","useNativeDriver","start","markPosition","interpolate","inputRange","outputRange","onLayout","event","width","nativeEvent","layout","React","createElement","View","styles","container","backgroundColor","activeMark","borderColor","left","map","option","isActive","isString","Pressable","onPress","key","label","tabItem","icon","Icon","name","size","color","tabIcon","Text","variant"],"sourceRoot":"../../../../src","sources":["composites/wui-tabs/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAQA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AAEA,IAAAK,OAAA,GAAAC,sBAAA,CAAAN,OAAA;AAA8B,SAAAM,uBAAAC,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAQvB,SAASG,IAAIA,CAAC;EAAEC,IAAI;EAAEC,WAAW;EAAEC;AAAiB,CAAC,EAAE;EAC5D,MAAMC,KAAK,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EACxB,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAG,IAAAC,eAAQ,EAAC,CAAC,CAAC;EAC7C,MAAMC,gBAAgB,GAAG,IAAAC,aAAM,EAAC,IAAIC,qBAAQ,CAACC,KAAK,CAAC,CAAC,CAAC,CAAC;EACtD,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAG,IAAAN,eAAQ,EAAC,CAAC,CAAC;EAC7C,MAAMO,QAAQ,GAAGC,IAAI,CAACC,KAAK,CAACJ,SAAS,GAAGZ,IAAI,CAACiB,MAAM,CAAC,GAAG,CAAC;EAExD,MAAMC,UAAU,GAAIC,KAAa,IAAK;IACpCb,YAAY,CAACa,KAAK,CAAC;IACnBlB,WAAW,CAACkB,KAAK,CAAC;IAClBT,qBAAQ,CAACU,MAAM,CAACZ,gBAAgB,CAACa,OAAO,EAAE;MACxCC,OAAO,EAAEH,KAAK;MACdI,QAAQ,EAAE,GAAG;MACbC,eAAe,EAAE;IACnB,CAAC,CAAC,CAACC,KAAK,CAAC,CAAC;EACZ,CAAC;EAED,MAAMC,YAAY,GAAGlB,gBAAgB,CAACa,OAAO,CAACM,WAAW,CAAC;IACxDC,UAAU,EAAE,CAAC,CAAC,EAAE5B,IAAI,CAACiB,MAAM,GAAG,CAAC,CAAC;IAChCY,WAAW,EAAE,CAAC,CAAC,EAAEf,QAAQ,IAAId,IAAI,CAACiB,MAAM,GAAG,CAAC,CAAC;EAC/C,CAAC,CAAC;EAEF,MAAMa,QAAQ,GAAIC,KAAwB,IAAK;IAC7C,MAAM;MAAEC;IAAM,CAAC,GAAGD,KAAK,CAACE,WAAW,CAACC,MAAM;IAC1CrB,YAAY,CAACmB,KAAK,CAAC;EACrB,CAAC;EAED,oBACEG,KAAA,CAAAC,aAAA,CAAC9C,YAAA,CAAA+C,IAAI;IACHnC,KAAK,EAAE,CAACoC,eAAM,CAACC,SAAS,EAAE;MAAEC,eAAe,EAAErC,KAAK,CAAC,gBAAgB;IAAE,CAAC,EAAED,KAAK,CAAE;IAC/E4B,QAAQ,EAAEA;EAAS,gBAEnBK,KAAA,CAAAC,aAAA,CAAC9C,YAAA,CAAAoB,QAAQ,CAAC2B,IAAI;IACZnC,KAAK,EAAE,CACLoC,eAAM,CAACG,UAAU,EACjB;MACED,eAAe,EAAErC,KAAK,CAAC,gBAAgB,CAAC;MACxCuC,WAAW,EAAEvC,KAAK,CAAC,gBAAgB,CAAC;MACpCwC,IAAI,EAAEjB,YAAY;MAClBM,KAAK,EAAElB;IACT,CAAC;EACD,CACH,CAAC,EACDd,IAAI,CAAC4C,GAAG,CAAC,CAACC,MAAM,EAAE1B,KAAK,KAAK;IAC3B,MAAM2B,QAAQ,GAAG3B,KAAK,KAAKd,SAAS;IACpC,MAAM0C,QAAQ,GAAG,OAAOF,MAAM,KAAK,QAAQ;IAE3C,oBACEV,KAAA,CAAAC,aAAA,CAAC9C,YAAA,CAAA0D,SAAS;MACRC,OAAO,EAAEA,CAAA,KAAM/B,UAAU,CAACC,KAAK,CAAE;MACjC+B,GAAG,EAAEH,QAAQ,GAAGF,MAAM,GAAGA,MAAM,CAACM,KAAM;MACtCjD,KAAK,EAAE,CAACoC,eAAM,CAACc,OAAO,EAAE;QAAEpB,KAAK,EAAElB;MAAS,CAAC;IAAE,GAE5C,CAACiC,QAAQ,IAAIF,MAAM,CAACQ,IAAI,iBACvBlB,KAAA,CAAAC,aAAA,CAAC7C,QAAA,CAAA+D,IAAI;MACHC,IAAI,EAAEV,MAAM,CAACQ,IAAK;MAClBG,IAAI,EAAC,IAAI;MACTC,KAAK,EAAEX,QAAQ,GAAG,QAAQ,GAAG,QAAS;MACtC5C,KAAK,EAAEoC,eAAM,CAACoB;IAAQ,CACvB,CACF,eACDvB,KAAA,CAAAC,aAAA,CAAC5C,QAAA,CAAAmE,IAAI;MAACC,OAAO,EAAC,WAAW;MAACH,KAAK,EAAEX,QAAQ,GAAG,QAAQ,GAAG;IAAS,GAC7DC,QAAQ,GAAGF,MAAM,GAAGA,MAAM,CAACM,KACxB,CACG,CAAC;EAEhB,CAAC,CACG,CAAC;AAEX"}

package/lib/commonjs/composites/wui-tabs/styles.js

@@ -9,6 +9,7 @@ var _ThemeUtil = require("../../utils/ThemeUtil");
 var _default = exports.default = _reactNative.StyleSheet.create({
   container: {
     height: 34,
+    width: '100%',
     flexDirection: 'row',
     alignItems: 'center',
     paddingHorizontal: _ThemeUtil.Spacing['3xs'],
@@ -18,7 +19,6 @@ var _default = exports.default = _reactNative.StyleSheet.create({
     flexDirection: 'row',
     justifyContent: 'center',
     alignItems: 'center',
-    width: 100,
     paddingVertical: _ThemeUtil.Spacing['2xs']
   },
   tabIcon: {
@@ -27,8 +27,7 @@ var _default = exports.default = _reactNative.StyleSheet.create({
   activeMark: {
     position: 'absolute',
     height: 28,
-    width: 100,
-    borderWidth: 1,
+    borderWidth: _reactNative.StyleSheet.hairlineWidth,
     borderRadius: _ThemeUtil.BorderRadius['3xl'],
     margin: _ThemeUtil.Spacing['3xs']
   }

package/lib/commonjs/composites/wui-tabs/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_ThemeUtil","_default","exports","default","StyleSheet","create","container","height","flexDirection","alignItems","paddingHorizontal","Spacing","borderRadius","BorderRadius","tabItem","justifyContent","width","paddingVertical","tabIcon","marginRight","activeMark","position","borderWidth","margin"],"sourceRoot":"../../../../src","sources":["composites/wui-tabs/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAA8D,IAAAE,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAE/CC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,iBAAiB,EAAEC,kBAAO,CAAC,KAAK,CAAC;IACjCC,YAAY,EAAEC,uBAAY,CAAC,KAAK;EAClC,CAAC;EACDC,OAAO,EAAE;IACPN,aAAa,EAAE,KAAK;IACpBO,cAAc,EAAE,QAAQ;IACxBN,UAAU,EAAE,QAAQ;IACpBO,KAAK,EAAE,GAAG;IACVC,eAAe,EAAEN,kBAAO,CAAC,KAAK;EAChC,CAAC;EACDO,OAAO,EAAE;IACPC,WAAW,EAAER,kBAAO,CAAC,KAAK;EAC5B,CAAC;EACDS,UAAU,EAAE;IACVC,QAAQ,EAAE,UAAU;IACpBd,MAAM,EAAE,EAAE;IACVS,KAAK,EAAE,GAAG;IACVM,WAAW,EAAE,CAAC;IACdV,YAAY,EAAEC,uBAAY,CAAC,KAAK,CAAC;IACjCU,MAAM,EAAEZ,kBAAO,CAAC,KAAK;EACvB;AACF,CAAC,CAAC"}
+{"version":3,"names":["_reactNative","require","_ThemeUtil","_default","exports","default","StyleSheet","create","container","height","width","flexDirection","alignItems","paddingHorizontal","Spacing","borderRadius","BorderRadius","tabItem","justifyContent","paddingVertical","tabIcon","marginRight","activeMark","position","borderWidth","hairlineWidth","margin"],"sourceRoot":"../../../../src","sources":["composites/wui-tabs/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAA8D,IAAAE,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAE/CC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE,MAAM;IACbC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,iBAAiB,EAAEC,kBAAO,CAAC,KAAK,CAAC;IACjCC,YAAY,EAAEC,uBAAY,CAAC,KAAK;EAClC,CAAC;EACDC,OAAO,EAAE;IACPN,aAAa,EAAE,KAAK;IACpBO,cAAc,EAAE,QAAQ;IACxBN,UAAU,EAAE,QAAQ;IACpBO,eAAe,EAAEL,kBAAO,CAAC,KAAK;EAChC,CAAC;EACDM,OAAO,EAAE;IACPC,WAAW,EAAEP,kBAAO,CAAC,KAAK;EAC5B,CAAC;EACDQ,UAAU,EAAE;IACVC,QAAQ,EAAE,UAAU;IACpBd,MAAM,EAAE,EAAE;IACVe,WAAW,EAAElB,uBAAU,CAACmB,aAAa;IACrCV,YAAY,EAAEC,uBAAY,CAAC,KAAK,CAAC;IACjCU,MAAM,EAAEZ,kBAAO,CAAC,KAAK;EACvB;AACF,CAAC,CAAC"}

package/lib/commonjs/composites/wui-token-button/index.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TokenButton = TokenButton;
+var _wuiImage = require("../../components/wui-image");
+var _wuiText = require("../../components/wui-text");
+var _wuiButton = require("../wui-button");
+var _styles = _interopRequireDefault(require("./styles"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function TokenButton({
+  token,
+  onPress
+}) {
+  if (!token) {
+    return /*#__PURE__*/React.createElement(_wuiButton.Button, {
+      variant: "accent",
+      style: _styles.default.selectButton,
+      size: "sm",
+      onPress: onPress
+    }, /*#__PURE__*/React.createElement(_wuiText.Text, {
+      variant: "small-600",
+      color: "accent-100"
+    }, "Select token"));
+  }
+  return /*#__PURE__*/React.createElement(_wuiButton.Button, {
+    variant: "shade",
+    style: _styles.default.container,
+    size: "sm",
+    onPress: onPress
+  }, token?.iconUrl && /*#__PURE__*/React.createElement(_wuiImage.Image, {
+    source: token?.iconUrl,
+    style: _styles.default.image
+  }), token?.symbol && /*#__PURE__*/React.createElement(_wuiText.Text, null, token.symbol));
+}
+//# sourceMappingURL=index.js.map

package/lib/commonjs/composites/wui-token-button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_wuiImage","require","_wuiText","_wuiButton","_styles","_interopRequireDefault","obj","__esModule","default","TokenButton","token","onPress","React","createElement","Button","variant","style","styles","selectButton","size","Text","color","container","iconUrl","Image","source","image","symbol"],"sourceRoot":"../../../../src","sources":["composites/wui-token-button/index.tsx"],"mappings":";;;;;;AACA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAC,sBAAA,CAAAJ,OAAA;AAA8B,SAAAI,uBAAAC,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAOvB,SAASG,WAAWA,CAAC;EAAEC,KAAK;EAAEC;AAA0B,CAAC,EAAE;EAChE,IAAI,CAACD,KAAK,EAAE;IACV,oBACEE,KAAA,CAAAC,aAAA,CAACV,UAAA,CAAAW,MAAM;MAACC,OAAO,EAAC,QAAQ;MAACC,KAAK,EAAEC,eAAM,CAACC,YAAa;MAACC,IAAI,EAAC,IAAI;MAACR,OAAO,EAAEA;IAAQ,gBAC9EC,KAAA,CAAAC,aAAA,CAACX,QAAA,CAAAkB,IAAI;MAACL,OAAO,EAAC,WAAW;MAACM,KAAK,EAAC;IAAY,GAAC,cAEvC,CACA,CAAC;EAEb;EAEA,oBACET,KAAA,CAAAC,aAAA,CAACV,UAAA,CAAAW,MAAM;IAACC,OAAO,EAAC,OAAO;IAACC,KAAK,EAAEC,eAAM,CAACK,SAAU;IAACH,IAAI,EAAC,IAAI;IAACR,OAAO,EAAEA;EAAQ,GACzED,KAAK,EAAEa,OAAO,iBAAIX,KAAA,CAAAC,aAAA,CAACb,SAAA,CAAAwB,KAAK;IAACC,MAAM,EAAEf,KAAK,EAAEa,OAAQ;IAACP,KAAK,EAAEC,eAAM,CAACS;EAAM,CAAE,CAAC,EACxEhB,KAAK,EAAEiB,MAAM,iBAAIf,KAAA,CAAAC,aAAA,CAACX,QAAA,CAAAkB,IAAI,QAAEV,KAAK,CAACiB,MAAa,CACtC,CAAC;AAEb"}

package/lib/commonjs/composites/wui-token-button/styles.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactNative = require("react-native");
+var _ThemeUtil = require("../../utils/ThemeUtil");
+var _default = exports.default = _reactNative.StyleSheet.create({
+  selectButton: {
+    height: 40,
+    paddingHorizontal: _ThemeUtil.Spacing.m
+  },
+  container: {
+    height: 40
+  },
+  image: {
+    width: 24,
+    height: 24,
+    borderRadius: _ThemeUtil.BorderRadius.full,
+    marginRight: _ThemeUtil.Spacing['2xs']
+  }
+});
+//# sourceMappingURL=styles.js.map

package/lib/commonjs/composites/wui-token-button/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_ThemeUtil","_default","exports","default","StyleSheet","create","selectButton","height","paddingHorizontal","Spacing","m","container","image","width","borderRadius","BorderRadius","full","marginRight"],"sourceRoot":"../../../../src","sources":["composites/wui-token-button/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAA8D,IAAAE,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAE/CC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,YAAY,EAAE;IACZC,MAAM,EAAE,EAAE;IACVC,iBAAiB,EAAEC,kBAAO,CAACC;EAC7B,CAAC;EACDC,SAAS,EAAE;IACTJ,MAAM,EAAE;EACV,CAAC;EACDK,KAAK,EAAE;IACLC,KAAK,EAAE,EAAE;IACTN,MAAM,EAAE,EAAE;IACVO,YAAY,EAAEC,uBAAY,CAACC,IAAI;IAC/BC,WAAW,EAAER,kBAAO,CAAC,KAAK;EAC5B;AACF,CAAC,CAAC"}

package/lib/commonjs/composites/wui-transaction-visual/index.js

@@ -0,0 +1,73 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TransactionVisual = TransactionVisual;
+var _wuiFlex = require("../../layout/wui-flex");
+var _wuiIcon = require("../../components/wui-icon");
+var _wuiImage = require("../../components/wui-image");
+var _useTheme = require("../../hooks/useTheme");
+var _styles = _interopRequireDefault(require("./styles"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function TransactionVisual({
+  images,
+  networkSrc,
+  isAllNFT
+}) {
+  const Theme = (0, _useTheme.useTheme)();
+  const backgroundColor = Theme['bg-200'];
+  const isFirstNFT = Boolean(images?.[0]?.type === 'NFT');
+  const filteredImages = images?.filter(image => image.url);
+  const [firstImage, secondImage] = filteredImages ?? [];
+  const hasOneImage = filteredImages?.length === 1;
+  const hasTwoImages = filteredImages && filteredImages?.length > 1;
+  return /*#__PURE__*/React.createElement(_wuiFlex.FlexView, null, !filteredImages?.length && /*#__PURE__*/React.createElement(_wuiFlex.FlexView, {
+    alignItems: "center",
+    justifyContent: "center",
+    style: [_styles.default.image, {
+      backgroundColor
+    }]
+  }, /*#__PURE__*/React.createElement(_wuiIcon.Icon, {
+    name: isFirstNFT ? 'nftPlaceholder' : 'coinPlaceholder',
+    size: "sm",
+    color: "fg-200"
+  })), hasOneImage && firstImage?.url && /*#__PURE__*/React.createElement(_wuiImage.Image, {
+    source: firstImage.url,
+    style: [_styles.default.image, firstImage?.type === 'NFT' && _styles.default.imageNft, {
+      backgroundColor
+    }]
+  }), hasTwoImages && firstImage?.url && secondImage?.url && /*#__PURE__*/React.createElement(_wuiFlex.FlexView, {
+    flexDirection: "row",
+    padding: ['0', 's', '0', '0']
+  }, /*#__PURE__*/React.createElement(_wuiFlex.FlexView, {
+    style: _styles.default.halfContainer
+  }, /*#__PURE__*/React.createElement(_wuiImage.Image, {
+    source: firstImage.url,
+    style: [_styles.default.image, isAllNFT && _styles.default.imageNft, {
+      backgroundColor
+    }]
+  })), /*#__PURE__*/React.createElement(_wuiFlex.FlexView, {
+    style: _styles.default.halfContainer
+  }, /*#__PURE__*/React.createElement(_wuiImage.Image, {
+    source: secondImage.url,
+    style: [_styles.default.image, _styles.default.halfRight, isAllNFT && _styles.default.imageNft, {
+      backgroundColor
+    }]
+  }))), /*#__PURE__*/React.createElement(_wuiFlex.FlexView, {
+    alignItems: "center",
+    justifyContent: "center",
+    style: [_styles.default.networkImageContainer, {
+      borderColor: Theme['bg-100'],
+      backgroundColor: Theme['bg-200']
+    }]
+  }, networkSrc ? /*#__PURE__*/React.createElement(_wuiImage.Image, {
+    source: networkSrc,
+    style: _styles.default.networkImage
+  }) : /*#__PURE__*/React.createElement(_wuiIcon.Icon, {
+    name: "networkPlaceholder",
+    size: "xxs",
+    color: "fg-200"
+  })));
+}
+//# sourceMappingURL=index.js.map