@reown/appkit-ui-react-native 0.0.0-canary-20240912195440

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

@@ -0,0 +1,91 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NetworkButton = NetworkButton;
+var _reactNative = require("react-native");
+var _wuiImage = require("../../components/wui-image");
+var _wuiText = require("../../components/wui-text");
+var _useTheme = require("../../hooks/useTheme");
+var _wuiIconBox = require("../wui-icon-box");
+var _styles = _interopRequireDefault(require("./styles"));
+var _useAnimatedValue = _interopRequireDefault(require("../../hooks/useAnimatedValue"));
+var _wuiLoadingSpinner = require("../../components/wui-loading-spinner");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const AnimatedPressable = _reactNative.Animated.createAnimatedComponent(_reactNative.Pressable);
+function NetworkButton({
+  imageSrc,
+  imageHeaders,
+  disabled,
+  onPress,
+  style,
+  loading,
+  children
+}) {
+  const Theme = (0, _useTheme.useTheme)();
+  const textColor = disabled ? 'fg-300' : 'fg-100';
+  const {
+    animatedValue,
+    setStartValue,
+    setEndValue
+  } = (0, _useAnimatedValue.default)(Theme['gray-glass-005'], Theme['gray-glass-010']);
+  const backgroundColor = disabled ? Theme['gray-glass-015'] : animatedValue;
+  return /*#__PURE__*/React.createElement(AnimatedPressable, {
+    style: [_styles.default.container, {
+      backgroundColor,
+      borderColor: Theme['gray-glass-005']
+    }, style],
+    onPress: onPress,
+    onPressIn: setEndValue,
+    onPressOut: setStartValue,
+    disabled: disabled
+  }, /*#__PURE__*/React.createElement(LoaderComponent, {
+    loading: loading
+  }), /*#__PURE__*/React.createElement(ImageComponent, {
+    loading: loading,
+    disabled: disabled,
+    imageSrc: imageSrc,
+    imageHeaders: imageHeaders,
+    borderColor: Theme['gray-glass-005']
+  }), /*#__PURE__*/React.createElement(_wuiText.Text, {
+    style: _styles.default.text,
+    variant: "paragraph-600",
+    color: textColor
+  }, children));
+}
+function LoaderComponent({
+  loading
+}) {
+  if (!loading) return null;
+  return /*#__PURE__*/React.createElement(_wuiLoadingSpinner.LoadingSpinner, {
+    size: "md",
+    style: _styles.default.loader
+  });
+}
+function ImageComponent({
+  loading,
+  disabled,
+  imageSrc,
+  imageHeaders,
+  borderColor
+}) {
+  if (loading) return null;
+  const textColor = disabled ? 'fg-300' : 'fg-100';
+  if (!imageSrc) {
+    return /*#__PURE__*/React.createElement(_wuiIconBox.IconBox, {
+      icon: "networkPlaceholder",
+      background: true,
+      iconColor: textColor,
+      size: "sm"
+    });
+  }
+  return /*#__PURE__*/React.createElement(_wuiImage.Image, {
+    style: [_styles.default.image, {
+      borderColor
+    }, disabled && _styles.default.imageDisabled],
+    source: imageSrc,
+    headers: imageHeaders
+  });
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_wuiImage","_wuiText","_useTheme","_wuiIconBox","_styles","_interopRequireDefault","_useAnimatedValue","_wuiLoadingSpinner","obj","__esModule","default","AnimatedPressable","Animated","createAnimatedComponent","Pressable","NetworkButton","imageSrc","imageHeaders","disabled","onPress","style","loading","children","Theme","useTheme","textColor","animatedValue","setStartValue","setEndValue","useAnimatedValue","backgroundColor","React","createElement","styles","container","borderColor","onPressIn","onPressOut","LoaderComponent","ImageComponent","Text","text","variant","color","LoadingSpinner","size","loader","IconBox","icon","background","iconColor","Image","image","imageDisabled","source","headers"],"sourceRoot":"../../../../src","sources":["composites/wui-network-button/index.tsx"],"mappings":"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"}

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

@@ -0,0 +1,36 @@
+"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({
+  container: {
+    flexDirection: 'row',
+    height: 40,
+    alignItems: 'center',
+    justifyContent: 'center',
+    borderWidth: 1,
+    borderRadius: 100,
+    paddingHorizontal: _ThemeUtil.Spacing['2xs']
+  },
+  text: {
+    paddingHorizontal: _ThemeUtil.Spacing['2xs']
+  },
+  loader: {
+    paddingLeft: _ThemeUtil.Spacing['2xs']
+  },
+  image: {
+    height: 24,
+    width: 24,
+    borderRadius: 100,
+    borderWidth: 2,
+    paddingLeft: _ThemeUtil.Spacing['4xs']
+  },
+  imageDisabled: {
+    opacity: 0.4
+  }
+});
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_ThemeUtil","_default","exports","default","StyleSheet","create","container","flexDirection","height","alignItems","justifyContent","borderWidth","borderRadius","paddingHorizontal","Spacing","text","loader","paddingLeft","image","width","imageDisabled","opacity"],"sourceRoot":"../../../../src","sources":["composites/wui-network-button/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAAgD,IAAAE,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEjCC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,aAAa,EAAE,KAAK;IACpBC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,WAAW,EAAE,CAAC;IACdC,YAAY,EAAE,GAAG;IACjBC,iBAAiB,EAAEC,kBAAO,CAAC,KAAK;EAClC,CAAC;EACDC,IAAI,EAAE;IACJF,iBAAiB,EAAEC,kBAAO,CAAC,KAAK;EAClC,CAAC;EACDE,MAAM,EAAE;IACNC,WAAW,EAAEH,kBAAO,CAAC,KAAK;EAC5B,CAAC;EACDI,KAAK,EAAE;IACLV,MAAM,EAAE,EAAE;IACVW,KAAK,EAAE,EAAE;IACTP,YAAY,EAAE,GAAG;IACjBD,WAAW,EAAE,CAAC;IACdM,WAAW,EAAEH,kBAAO,CAAC,KAAK;EAC5B,CAAC;EACDM,aAAa,EAAE;IACbC,OAAO,EAAE;EACX;AACF,CAAC,CAAC"}

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

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NetworkImage = NetworkImage;
+var _reactNativeSvg = require("react-native-svg");
+var _useTheme = require("../../hooks/useTheme");
+var _styles = require("./styles");
+function NetworkImage({
+  imageSrc,
+  imageHeaders,
+  disabled,
+  selected,
+  size = 'md'
+}) {
+  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
+  }, /*#__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",
+    opacity: opacity,
+    href: {
+      uri: imageSrc,
+      headers: imageHeaders
+    }
+  }))), /*#__PURE__*/React.createElement(_reactNativeSvg.Path, {
+    d: `${isLg ? _styles.PathLg : _styles.PathNormal}`,
+    opacity: opacity,
+    fill: imageSrc ? 'url(#image-pattern)' : Theme['gray-glass-005']
+  }));
+}
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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';
+//# sourceMappingURL=styles.js.map

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

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

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

@@ -0,0 +1,82 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Otp = Otp;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _wuiInputNumeric = require("../wui-input-numeric");
+var _styles = _interopRequireDefault(require("./styles"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function Otp({
+  length,
+  style,
+  onChangeText,
+  autoFocus
+}) {
+  const [value, setValue] = (0, _react.useState)([]);
+  const refArray = (0, _react.useMemo)(() => Array.from({
+    length
+  }).map(() => /*#__PURE__*/(0, _react.createRef)()), [length]);
+  const _onChangeText = (text, index) => {
+    let newValue;
+    if (text.length <= 1) {
+      newValue = [...value.slice(0, index), text, ...value.slice(index + 1)];
+    } else if (text.length === length) {
+      // Paste OTP
+      newValue = text.split('');
+      focusInputField('next', length - 1);
+    } else if (text.length === 2) {
+      // Replace value
+      newValue = [...value.slice(0, index), (value[index] === text[0] ? text[1] : text[0]) ?? '', ...value.slice(index + 1)];
+    } else {
+      newValue = [...value.slice(0, index), text[0] ?? '', ...value.slice(index + 1)];
+      focusInputField('next', index);
+    }
+    setValue(newValue);
+    onChangeText?.(newValue.join(''));
+  };
+  const focusInputField = (dir, currentIndex, clear = false) => {
+    let newIndex;
+    if (dir === 'prev' && currentIndex > 0) {
+      newIndex = currentIndex - 1;
+    } else if (dir === 'next' && currentIndex < length - 1) {
+      newIndex = currentIndex + 1;
+    }
+    if (newIndex !== undefined) {
+      refArray[newIndex]?.current?.focus();
+      if (clear) {
+        refArray[newIndex]?.current?.clear();
+        _onChangeText('', newIndex);
+      }
+    }
+  };
+  const onKeyPress = (e, index) => {
+    const currentValue = value[index] || '';
+    const key = e.nativeEvent.key;
+    if (key === 'Backspace') {
+      if (!currentValue) {
+        focusInputField('prev', index, true);
+      }
+    } else {
+      focusInputField('next', index);
+    }
+  };
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: _styles.default.container
+  }, Array.from({
+    length
+  }).map((_, index) => /*#__PURE__*/React.createElement(_wuiInputNumeric.InputNumeric, {
+    autoFocus: autoFocus && index === 0,
+    key: index,
+    style: style,
+    value: value[index] || '',
+    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'
+  })));
+}
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactNative = require("react-native");
+var _default = exports.default = _reactNative.StyleSheet.create({
+  container: {
+    flexDirection: 'row'
+  }
+});
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_default","exports","default","StyleSheet","create","container","flexDirection"],"sourceRoot":"../../../../src","sources":["composites/wui-otp/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,aAAa,EAAE;EACjB;AACF,CAAC,CAAC"}

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

@@ -0,0 +1,66 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.QrCode = QrCode;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _reactNativeSvg = _interopRequireDefault(require("react-native-svg"));
+var _wuiIcon = require("../../components/wui-icon");
+var _wuiImage = require("../../components/wui-image");
+var _wuiShimmer = require("../../components/wui-shimmer");
+var _QRCodeUtil = require("../../utils/QRCodeUtil");
+var _ThemeUtil = require("../../utils/ThemeUtil");
+var _styles = _interopRequireDefault(require("./styles"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function QrCode({
+  size,
+  uri,
+  imageSrc,
+  testID
+}) {
+  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 logoTemplate = () => {
+    if (imageSrc) {
+      return /*#__PURE__*/React.createElement(_wuiImage.Image, {
+        source: imageSrc,
+        style: [_styles.default.icon, {
+          height: qrSize / 4,
+          width: qrSize / 4,
+          borderRadius: qrSize / 16
+        }]
+      });
+    }
+    return /*#__PURE__*/React.createElement(_wuiIcon.Icon, {
+      name: "walletConnect",
+      color: "accent-100",
+      height: qrSize / 3.5,
+      width: qrSize / 3.5,
+      style: _styles.default.icon
+    });
+  };
+  return uri ? /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: [_styles.default.container, {
+      height: size,
+      width: size,
+      backgroundColor: Theme['bg-100'],
+      padding: containerPadding
+    }],
+    testID: testID
+  }, /*#__PURE__*/React.createElement(_reactNativeSvg.default, {
+    height: qrSize,
+    width: qrSize
+  }, dots), logoTemplate()) : shimmerTemplate();
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_reactNativeSvg","_interopRequireDefault","_wuiIcon","_wuiImage","_wuiShimmer","_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"],"sourceRoot":"../../../../src","sources":["composites/wui-qr-code/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,SAAA,GAAAL,OAAA;AACA,IAAAM,WAAA,GAAAN,OAAA;AACA,IAAAO,WAAA,GAAAP,OAAA;AACA,IAAAQ,UAAA,GAAAR,OAAA;AACA,IAAAS,OAAA,GAAAN,sBAAA,CAAAH,OAAA;AAA8B,SAAAG,uBAAAO,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AASvB,SAASG,MAAMA,CAAC;EAAEC,IAAI;EAAEC,GAAG;EAAEC,QAAQ;EAAEC;AAAoB,CAAC,EAAE;EACnE,MAAMC,KAAK,GAAGC,qBAAU;EACxB,MAAMC,gBAAgB,GAAGC,kBAAO,CAACC,CAAC;EAClC,MAAMC,MAAM,GAAGT,IAAI,GAAGM,gBAAgB,GAAG,CAAC;EAC1C,MAAMI,IAAI,GAAG,IAAAC,cAAO,EAClB,MAAOV,GAAG,GAAGW,sBAAU,CAACC,QAAQ,CAACZ,GAAG,EAAEQ,MAAM,EAAEA,MAAM,GAAG,CAAC,CAAC,GAAG,EAAG,EAC/D,CAACR,GAAG,EAAEQ,MAAM,CACd,CAAC;EAED,MAAMK,eAAe,GAAGA,CAAA,KAAM;IAC5B,oBAAOC,KAAA,CAAAC,aAAA,CAACxB,WAAA,CAAAyB,OAAO;MAACC,KAAK,EAAElB,IAAK;MAACmB,MAAM,EAAEnB,IAAK;MAACoB,YAAY,EAAEC,uBAAY,CAACb;IAAE,CAAE,CAAC;EAC7E,CAAC;EAED,MAAMc,YAAY,GAAGA,CAAA,KAAM;IACzB,IAAIpB,QAAQ,EAAE;MACZ,oBACEa,KAAA,CAAAC,aAAA,CAACzB,SAAA,CAAAgC,KAAK;QACJC,MAAM,EAAEtB,QAAS;QACjBuB,KAAK,EAAE,CACLC,eAAM,CAACC,IAAI,EACX;UAAER,MAAM,EAAEV,MAAM,GAAG,CAAC;UAAES,KAAK,EAAET,MAAM,GAAG,CAAC;UAAEW,YAAY,EAAEX,MAAM,GAAG;QAAG,CAAC;MACpE,CACH,CAAC;IAEN;IAEA,oBACEM,KAAA,CAAAC,aAAA,CAAC1B,QAAA,CAAAsC,IAAI;MACHC,IAAI,EAAC,eAAe;MACpBC,KAAK,EAAC,YAAY;MAClBX,MAAM,EAAEV,MAAM,GAAG,GAAI;MACrBS,KAAK,EAAET,MAAM,GAAG,GAAI;MACpBgB,KAAK,EAAEC,eAAM,CAACC;IAAK,CACpB,CAAC;EAEN,CAAC;EAED,OAAO1B,GAAG,gBACRc,KAAA,CAAAC,aAAA,CAAC7B,YAAA,CAAA4C,IAAI;IACHN,KAAK,EAAE,CACLC,eAAM,CAACM,SAAS,EAChB;MAAEb,MAAM,EAAEnB,IAAI;MAAEkB,KAAK,EAAElB,IAAI;MAAEiC,eAAe,EAAE7B,KAAK,CAAC,QAAQ,CAAC;MAAE8B,OAAO,EAAE5B;IAAiB,CAAC,CAC1F;IACFH,MAAM,EAAEA;EAAO,gBAEfY,KAAA,CAAAC,aAAA,CAAC5B,eAAA,CAAAU,OAAG;IAACqB,MAAM,EAAEV,MAAO;IAACS,KAAK,EAAET;EAAO,GAChCC,IACE,CAAC,EACLY,YAAY,CAAC,CACV,CAAC,GAEPR,eAAe,CAAC,CACjB;AACH"}

package/lib/commonjs/composites/wui-qr-code/styles.js

@@ -0,0 +1,21 @@
+"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({
+  container: {
+    alignItems: 'center',
+    justifyContent: 'center',
+    borderRadius: _ThemeUtil.BorderRadius.l,
+    padding: _ThemeUtil.Spacing.l,
+    alignSelf: 'center'
+  },
+  icon: {
+    position: 'absolute'
+  }
+});
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_ThemeUtil","_default","exports","default","StyleSheet","create","container","alignItems","justifyContent","borderRadius","BorderRadius","l","padding","Spacing","alignSelf","icon","position"],"sourceRoot":"../../../../src","sources":["composites/wui-qr-code/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,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,YAAY,EAAEC,uBAAY,CAACC,CAAC;IAC5BC,OAAO,EAAEC,kBAAO,CAACF,CAAC;IAClBG,SAAS,EAAE;EACb,CAAC;EACDC,IAAI,EAAE;IACJC,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC"}

package/lib/commonjs/composites/wui-search-bar/index.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SearchBar = SearchBar;
+var _react = require("react");
+var _wuiInputElement = require("../wui-input-element");
+var _wuiInputText = require("../wui-input-text");
+var _ThemeUtil = require("../../utils/ThemeUtil");
+function SearchBar({
+  placeholder = 'Search wallet',
+  onSubmitEditing,
+  onChangeText,
+  inputStyle,
+  testID
+}) {
+  const [showClear, setShowClear] = (0, _react.useState)(false);
+  const inputRef = (0, _react.useRef)(null);
+  const handleChangeText = text => {
+    setShowClear(!!text?.length);
+    onChangeText?.(text);
+  };
+  return /*#__PURE__*/React.createElement(_wuiInputText.InputText, {
+    ref: inputRef,
+    placeholder: placeholder,
+    onChangeText: handleChangeText,
+    onSubmitEditing: onSubmitEditing,
+    icon: "search",
+    inputStyle: inputStyle,
+    returnKeyType: "search",
+    disableFullscreenUI: true,
+    testID: testID
+  }, showClear && /*#__PURE__*/React.createElement(_wuiInputElement.InputElement, {
+    icon: "close",
+    style: {
+      marginRight: _ThemeUtil.Spacing['4xs']
+    },
+    onPress: () => {
+      inputRef.current?.clear();
+      inputRef.current?.focus();
+      handleChangeText('');
+    }
+  }));
+}
+//# sourceMappingURL=index.js.map

package/lib/commonjs/composites/wui-search-bar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_wuiInputElement","_wuiInputText","_ThemeUtil","SearchBar","placeholder","onSubmitEditing","onChangeText","inputStyle","testID","showClear","setShowClear","useState","inputRef","useRef","handleChangeText","text","length","React","createElement","InputText","ref","icon","returnKeyType","disableFullscreenUI","InputElement","style","marginRight","Spacing","onPress","current","clear","focus"],"sourceRoot":"../../../../src","sources":["composites/wui-search-bar/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAGA,IAAAC,gBAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AAUO,SAASI,SAASA,CAAC;EACxBC,WAAW,GAAG,eAAe;EAC7BC,eAAe;EACfC,YAAY;EACZC,UAAU;EACVC;AACc,CAAC,EAAE;EACjB,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EACjD,MAAMC,QAAQ,GAAG,IAAAC,aAAM,EAAY,IAAI,CAAC;EAExC,MAAMC,gBAAgB,GAAIC,IAAY,IAAK;IACzCL,YAAY,CAAC,CAAC,CAACK,IAAI,EAAEC,MAAM,CAAC;IAC5BV,YAAY,GAAGS,IAAI,CAAC;EACtB,CAAC;EAED,oBACEE,KAAA,CAAAC,aAAA,CAACjB,aAAA,CAAAkB,SAAS;IACRC,GAAG,EAAER,QAAS;IACdR,WAAW,EAAEA,WAAY;IACzBE,YAAY,EAAEQ,gBAAiB;IAC/BT,eAAe,EAAEA,eAAgB;IACjCgB,IAAI,EAAC,QAAQ;IACbd,UAAU,EAAEA,UAAW;IACvBe,aAAa,EAAC,QAAQ;IACtBC,mBAAmB;IACnBf,MAAM,EAAEA;EAAO,GAEdC,SAAS,iBACRQ,KAAA,CAAAC,aAAA,CAAClB,gBAAA,CAAAwB,YAAY;IACXH,IAAI,EAAC,OAAO;IACZI,KAAK,EAAE;MAAEC,WAAW,EAAEC,kBAAO,CAAC,KAAK;IAAE,CAAE;IACvCC,OAAO,EAAEA,CAAA,KAAM;MACbhB,QAAQ,CAACiB,OAAO,EAAEC,KAAK,CAAC,CAAC;MACzBlB,QAAQ,CAACiB,OAAO,EAAEE,KAAK,CAAC,CAAC;MACzBjB,gBAAgB,CAAC,EAAE,CAAC;IACtB;EAAE,CACH,CAEM,CAAC;AAEhB"}

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

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Snackbar = Snackbar;
+var _reactNative = require("react-native");
+var _wuiText = require("../../components/wui-text");
+var _useTheme = require("../../hooks/useTheme");
+var _wuiIconBox = require("../wui-icon-box");
+var _styles = _interopRequireDefault(require("./styles"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function Snackbar({
+  message,
+  iconColor,
+  icon,
+  style
+}) {
+  const Theme = (0, _useTheme.useTheme)();
+  return /*#__PURE__*/React.createElement(_reactNative.Animated.View, {
+    style: [_styles.default.container, {
+      backgroundColor: Theme['bg-175'],
+      borderColor: Theme['gray-glass-005']
+    }, style]
+  }, /*#__PURE__*/React.createElement(_wuiIconBox.IconBox, {
+    icon: icon,
+    iconColor: iconColor,
+    size: "sm",
+    background: true
+  }), /*#__PURE__*/React.createElement(_wuiText.Text, {
+    variant: "paragraph-500",
+    color: "fg-100",
+    style: _styles.default.text
+  }, message));
+}
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactNative = require("react-native");
+var _default = exports.default = _reactNative.StyleSheet.create({
+  container: {
+    height: 40,
+    flexDirection: 'row',
+    paddingHorizontal: 8,
+    borderRadius: 100,
+    borderWidth: 1,
+    alignItems: 'center'
+  },
+  text: {
+    paddingHorizontal: 8
+  }
+});
+//# sourceMappingURL=styles.js.map

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

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

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

@@ -0,0 +1,61 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Tabs = Tabs;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _wuiIcon = require("../../components/wui-icon");
+var _wuiText = require("../../components/wui-text");
+var _useTheme = require("../../hooks/useTheme");
+var _styles = _interopRequireDefault(require("./styles"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function Tabs({
+  tabs,
+  onTabChange
+}) {
+  const Theme = (0, _useTheme.useTheme)();
+  const [activeTab, setActiveTab] = (0, _react.useState)(0);
+  const animatedPosition = (0, _react.useRef)(new _reactNative.Animated.Value(0));
+  const onTabPress = index => {
+    setActiveTab(index);
+    onTabChange(index);
+    _reactNative.Animated.timing(animatedPosition.current, {
+      toValue: index,
+      duration: 120,
+      useNativeDriver: false
+    }).start();
+  };
+  const markPosition = animatedPosition.current.interpolate({
+    inputRange: [0, tabs.length - 1],
+    outputRange: [0, 100 * (tabs.length - 1)]
+  });
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: [_styles.default.container, {
+      backgroundColor: Theme['gray-glass-002']
+    }]
+  }, /*#__PURE__*/React.createElement(_reactNative.Animated.View, {
+    style: [_styles.default.activeMark, {
+      backgroundColor: Theme['gray-glass-005'],
+      borderColor: Theme['gray-glass-005'],
+      left: markPosition
+    }]
+  }), tabs.map((option, index) => {
+    const isActive = index === activeTab;
+    return /*#__PURE__*/React.createElement(_reactNative.Pressable, {
+      onPress: () => onTabPress(index),
+      key: option.label,
+      style: _styles.default.tabItem
+    }, option.icon && /*#__PURE__*/React.createElement(_wuiIcon.Icon, {
+      name: option.icon,
+      size: "xs",
+      color: isActive ? 'fg-100' : 'fg-200',
+      style: _styles.default.tabIcon
+    }), /*#__PURE__*/React.createElement(_wuiText.Text, {
+      variant: "small-600",
+      color: isActive ? 'fg-100' : 'fg-200'
+    }, option.label));
+  }));
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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":"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"}