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

package/lib/commonjs/index.js

@@ -0,0 +1,345 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "AccountButton", {
+  enumerable: true,
+  get: function () {
+    return _wuiAccountButton.AccountButton;
+  }
+});
+Object.defineProperty(exports, "ActionEntry", {
+  enumerable: true,
+  get: function () {
+    return _wuiActionEntry.ActionEntry;
+  }
+});
+Object.defineProperty(exports, "Avatar", {
+  enumerable: true,
+  get: function () {
+    return _wuiAvatar.Avatar;
+  }
+});
+Object.defineProperty(exports, "BorderRadius", {
+  enumerable: true,
+  get: function () {
+    return _ThemeUtil.BorderRadius;
+  }
+});
+Object.defineProperty(exports, "Button", {
+  enumerable: true,
+  get: function () {
+    return _wuiButton.Button;
+  }
+});
+Object.defineProperty(exports, "Card", {
+  enumerable: true,
+  get: function () {
+    return _wuiCard.Card;
+  }
+});
+Object.defineProperty(exports, "CardSelect", {
+  enumerable: true,
+  get: function () {
+    return _wuiCardSelect.CardSelect;
+  }
+});
+Object.defineProperty(exports, "CardSelectHeight", {
+  enumerable: true,
+  get: function () {
+    return _wuiCardSelect.CardSelectHeight;
+  }
+});
+Object.defineProperty(exports, "CardSelectLoader", {
+  enumerable: true,
+  get: function () {
+    return _wuiCardSelectLoader.CardSelectLoader;
+  }
+});
+Object.defineProperty(exports, "CardSelectLoaderHeight", {
+  enumerable: true,
+  get: function () {
+    return _wuiCardSelectLoader.CardSelectLoaderHeight;
+  }
+});
+Object.defineProperty(exports, "CardSelectWidth", {
+  enumerable: true,
+  get: function () {
+    return _wuiCardSelect.CardSelectWidth;
+  }
+});
+Object.defineProperty(exports, "Chip", {
+  enumerable: true,
+  get: function () {
+    return _wuiChip.Chip;
+  }
+});
+Object.defineProperty(exports, "ConnectButton", {
+  enumerable: true,
+  get: function () {
+    return _wuiConnectButton.ConnectButton;
+  }
+});
+Object.defineProperty(exports, "EmailInput", {
+  enumerable: true,
+  get: function () {
+    return _wuiEmailInput.EmailInput;
+  }
+});
+Object.defineProperty(exports, "FlexView", {
+  enumerable: true,
+  get: function () {
+    return _wuiFlex.FlexView;
+  }
+});
+Object.defineProperty(exports, "Icon", {
+  enumerable: true,
+  get: function () {
+    return _wuiIcon.Icon;
+  }
+});
+Object.defineProperty(exports, "IconBox", {
+  enumerable: true,
+  get: function () {
+    return _wuiIconBox.IconBox;
+  }
+});
+Object.defineProperty(exports, "IconLink", {
+  enumerable: true,
+  get: function () {
+    return _wuiIconLink.IconLink;
+  }
+});
+Object.defineProperty(exports, "Image", {
+  enumerable: true,
+  get: function () {
+    return _wuiImage.Image;
+  }
+});
+Object.defineProperty(exports, "InputElement", {
+  enumerable: true,
+  get: function () {
+    return _wuiInputElement.InputElement;
+  }
+});
+Object.defineProperty(exports, "InputNumeric", {
+  enumerable: true,
+  get: function () {
+    return _wuiInputNumeric.InputNumeric;
+  }
+});
+Object.defineProperty(exports, "InputText", {
+  enumerable: true,
+  get: function () {
+    return _wuiInputText.InputText;
+  }
+});
+Object.defineProperty(exports, "Link", {
+  enumerable: true,
+  get: function () {
+    return _wuiLink.Link;
+  }
+});
+Object.defineProperty(exports, "ListItem", {
+  enumerable: true,
+  get: function () {
+    return _wuiListItem.ListItem;
+  }
+});
+Object.defineProperty(exports, "ListWallet", {
+  enumerable: true,
+  get: function () {
+    return _wuiListWallet.ListWallet;
+  }
+});
+Object.defineProperty(exports, "LoadingHexagon", {
+  enumerable: true,
+  get: function () {
+    return _wuiLoadingHexagon.LoadingHexagon;
+  }
+});
+Object.defineProperty(exports, "LoadingSpinner", {
+  enumerable: true,
+  get: function () {
+    return _wuiLoadingSpinner.LoadingSpinner;
+  }
+});
+Object.defineProperty(exports, "LoadingThumbnail", {
+  enumerable: true,
+  get: function () {
+    return _wuiLoadingThumbnail.LoadingThumbnail;
+  }
+});
+Object.defineProperty(exports, "Logo", {
+  enumerable: true,
+  get: function () {
+    return _wuiLogo.Logo;
+  }
+});
+Object.defineProperty(exports, "LogoSelect", {
+  enumerable: true,
+  get: function () {
+    return _wuiLogoSelect.LogoSelect;
+  }
+});
+Object.defineProperty(exports, "NetworkButton", {
+  enumerable: true,
+  get: function () {
+    return _wuiNetworkButton.NetworkButton;
+  }
+});
+Object.defineProperty(exports, "NetworkImage", {
+  enumerable: true,
+  get: function () {
+    return _wuiNetworkImage.NetworkImage;
+  }
+});
+Object.defineProperty(exports, "Otp", {
+  enumerable: true,
+  get: function () {
+    return _wuiOtp.Otp;
+  }
+});
+Object.defineProperty(exports, "Overlay", {
+  enumerable: true,
+  get: function () {
+    return _wuiOverlay.Overlay;
+  }
+});
+Object.defineProperty(exports, "QrCode", {
+  enumerable: true,
+  get: function () {
+    return _wuiQrCode.QrCode;
+  }
+});
+Object.defineProperty(exports, "SearchBar", {
+  enumerable: true,
+  get: function () {
+    return _wuiSearchBar.SearchBar;
+  }
+});
+Object.defineProperty(exports, "Separator", {
+  enumerable: true,
+  get: function () {
+    return _wuiSeparator.Separator;
+  }
+});
+Object.defineProperty(exports, "Shimmer", {
+  enumerable: true,
+  get: function () {
+    return _wuiShimmer.Shimmer;
+  }
+});
+Object.defineProperty(exports, "Snackbar", {
+  enumerable: true,
+  get: function () {
+    return _wuiSnackbar.Snackbar;
+  }
+});
+Object.defineProperty(exports, "Spacing", {
+  enumerable: true,
+  get: function () {
+    return _ThemeUtil.Spacing;
+  }
+});
+Object.defineProperty(exports, "Tabs", {
+  enumerable: true,
+  get: function () {
+    return _wuiTabs.Tabs;
+  }
+});
+Object.defineProperty(exports, "Tag", {
+  enumerable: true,
+  get: function () {
+    return _wuiTag.Tag;
+  }
+});
+Object.defineProperty(exports, "Text", {
+  enumerable: true,
+  get: function () {
+    return _wuiText.Text;
+  }
+});
+Object.defineProperty(exports, "Tooltip", {
+  enumerable: true,
+  get: function () {
+    return _wuiTooltip.Tooltip;
+  }
+});
+Object.defineProperty(exports, "UiUtil", {
+  enumerable: true,
+  get: function () {
+    return _UiUtil.UiUtil;
+  }
+});
+Object.defineProperty(exports, "Visual", {
+  enumerable: true,
+  get: function () {
+    return _wuiVisual.Visual;
+  }
+});
+Object.defineProperty(exports, "WalletImage", {
+  enumerable: true,
+  get: function () {
+    return _wuiWalletImage.WalletImage;
+  }
+});
+Object.defineProperty(exports, "useAnimatedValue", {
+  enumerable: true,
+  get: function () {
+    return _useAnimatedValue.useAnimatedValue;
+  }
+});
+Object.defineProperty(exports, "useTheme", {
+  enumerable: true,
+  get: function () {
+    return _useTheme.useTheme;
+  }
+});
+var _wuiCard = require("./components/wui-card");
+var _wuiIcon = require("./components/wui-icon");
+var _wuiImage = require("./components/wui-image");
+var _wuiLoadingHexagon = require("./components/wui-loading-hexagon");
+var _wuiLoadingSpinner = require("./components/wui-loading-spinner");
+var _wuiLoadingThumbnail = require("./components/wui-loading-thumbnail");
+var _wuiText = require("./components/wui-text");
+var _wuiVisual = require("./components/wui-visual");
+var _wuiShimmer = require("./components/wui-shimmer");
+var _wuiAccountButton = require("./composites/wui-account-button");
+var _wuiActionEntry = require("./composites/wui-action-entry");
+var _wuiAvatar = require("./composites/wui-avatar");
+var _wuiButton = require("./composites/wui-button");
+var _wuiCardSelectLoader = require("./composites/wui-card-select-loader");
+var _wuiCardSelect = require("./composites/wui-card-select");
+var _wuiChip = require("./composites/wui-chip");
+var _wuiConnectButton = require("./composites/wui-connect-button");
+var _wuiEmailInput = require("./composites/wui-email-input");
+var _wuiIconBox = require("./composites/wui-icon-box");
+var _wuiIconLink = require("./composites/wui-icon-link");
+var _wuiInputElement = require("./composites/wui-input-element");
+var _wuiInputNumeric = require("./composites/wui-input-numeric");
+var _wuiInputText = require("./composites/wui-input-text");
+var _wuiLink = require("./composites/wui-link");
+var _wuiListItem = require("./composites/wui-list-item");
+var _wuiListWallet = require("./composites/wui-list-wallet");
+var _wuiLogo = require("./composites/wui-logo");
+var _wuiLogoSelect = require("./composites/wui-logo-select");
+var _wuiNetworkButton = require("./composites/wui-network-button");
+var _wuiNetworkImage = require("./composites/wui-network-image");
+var _wuiOtp = require("./composites/wui-otp");
+var _wuiQrCode = require("./composites/wui-qr-code");
+var _wuiSearchBar = require("./composites/wui-search-bar");
+var _wuiSnackbar = require("./composites/wui-snackbar");
+var _wuiTabs = require("./composites/wui-tabs");
+var _wuiTag = require("./composites/wui-tag");
+var _wuiTooltip = require("./composites/wui-tooltip");
+var _wuiWalletImage = require("./composites/wui-wallet-image");
+var _wuiOverlay = require("./layout/wui-overlay");
+var _wuiFlex = require("./layout/wui-flex");
+var _wuiSeparator = require("./layout/wui-separator");
+var _UiUtil = require("./utils/UiUtil");
+var _ThemeUtil = require("./utils/ThemeUtil");
+var _useTheme = require("./hooks/useTheme");
+var _useAnimatedValue = require("./hooks/useAnimatedValue");
+//# sourceMappingURL=index.js.map

package/lib/commonjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_wuiCard","require","_wuiIcon","_wuiImage","_wuiLoadingHexagon","_wuiLoadingSpinner","_wuiLoadingThumbnail","_wuiText","_wuiVisual","_wuiShimmer","_wuiAccountButton","_wuiActionEntry","_wuiAvatar","_wuiButton","_wuiCardSelectLoader","_wuiCardSelect","_wuiChip","_wuiConnectButton","_wuiEmailInput","_wuiIconBox","_wuiIconLink","_wuiInputElement","_wuiInputNumeric","_wuiInputText","_wuiLink","_wuiListItem","_wuiListWallet","_wuiLogo","_wuiLogoSelect","_wuiNetworkButton","_wuiNetworkImage","_wuiOtp","_wuiQrCode","_wuiSearchBar","_wuiSnackbar","_wuiTabs","_wuiTag","_wuiTooltip","_wuiWalletImage","_wuiOverlay","_wuiFlex","_wuiSeparator","_UiUtil","_ThemeUtil","_useTheme","_useAnimatedValue"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,kBAAA,GAAAH,OAAA;AACA,IAAAI,kBAAA,GAAAJ,OAAA;AACA,IAAAK,oBAAA,GAAAL,OAAA;AACA,IAAAM,QAAA,GAAAN,OAAA;AACA,IAAAO,UAAA,GAAAP,OAAA;AACA,IAAAQ,WAAA,GAAAR,OAAA;AAEA,IAAAS,iBAAA,GAAAT,OAAA;AACA,IAAAU,eAAA,GAAAV,OAAA;AACA,IAAAW,UAAA,GAAAX,OAAA;AACA,IAAAY,UAAA,GAAAZ,OAAA;AACA,IAAAa,oBAAA,GAAAb,OAAA;AAKA,IAAAc,cAAA,GAAAd,OAAA;AAMA,IAAAe,QAAA,GAAAf,OAAA;AACA,IAAAgB,iBAAA,GAAAhB,OAAA;AACA,IAAAiB,cAAA,GAAAjB,OAAA;AACA,IAAAkB,WAAA,GAAAlB,OAAA;AACA,IAAAmB,YAAA,GAAAnB,OAAA;AACA,IAAAoB,gBAAA,GAAApB,OAAA;AACA,IAAAqB,gBAAA,GAAArB,OAAA;AACA,IAAAsB,aAAA,GAAAtB,OAAA;AACA,IAAAuB,QAAA,GAAAvB,OAAA;AACA,IAAAwB,YAAA,GAAAxB,OAAA;AACA,IAAAyB,cAAA,GAAAzB,OAAA;AACA,IAAA0B,QAAA,GAAA1B,OAAA;AACA,IAAA2B,cAAA,GAAA3B,OAAA;AACA,IAAA4B,iBAAA,GAAA5B,OAAA;AACA,IAAA6B,gBAAA,GAAA7B,OAAA;AACA,IAAA8B,OAAA,GAAA9B,OAAA;AACA,IAAA+B,UAAA,GAAA/B,OAAA;AACA,IAAAgC,aAAA,GAAAhC,OAAA;AACA,IAAAiC,YAAA,GAAAjC,OAAA;AACA,IAAAkC,QAAA,GAAAlC,OAAA;AACA,IAAAmC,OAAA,GAAAnC,OAAA;AACA,IAAAoC,WAAA,GAAApC,OAAA;AACA,IAAAqC,eAAA,GAAArC,OAAA;AAEA,IAAAsC,WAAA,GAAAtC,OAAA;AACA,IAAAuC,QAAA,GAAAvC,OAAA;AACA,IAAAwC,aAAA,GAAAxC,OAAA;AAgBA,IAAAyC,OAAA,GAAAzC,OAAA;AACA,IAAA0C,UAAA,GAAA1C,OAAA;AAEA,IAAA2C,SAAA,GAAA3C,OAAA;AACA,IAAA4C,iBAAA,GAAA5C,OAAA"}

package/lib/commonjs/layout/wui-flex/index.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FlexView = FlexView;
+var _reactNative = require("react-native");
+var _UiUtil = require("../../utils/UiUtil");
+function FlexView(props) {
+  const styles = {
+    flexDirection: props.flexDirection,
+    flexWrap: props.flexWrap,
+    flexGrow: props.flexGrow,
+    flexShrink: props.flexShrink,
+    alignItems: props.alignItems,
+    alignSelf: props.alignSelf,
+    justifyContent: props.justifyContent,
+    paddingTop: props.padding && _UiUtil.UiUtil.getSpacingStyles(props.padding, 0),
+    paddingRight: props.padding && _UiUtil.UiUtil.getSpacingStyles(props.padding, 1),
+    paddingBottom: props.padding && _UiUtil.UiUtil.getSpacingStyles(props.padding, 2),
+    paddingLeft: props.padding && _UiUtil.UiUtil.getSpacingStyles(props.padding, 3),
+    marginTop: props.margin && _UiUtil.UiUtil.getSpacingStyles(props.margin, 0),
+    marginRight: props.margin && _UiUtil.UiUtil.getSpacingStyles(props.margin, 1),
+    marginBottom: props.margin && _UiUtil.UiUtil.getSpacingStyles(props.margin, 2),
+    marginLeft: props.margin && _UiUtil.UiUtil.getSpacingStyles(props.margin, 3)
+  };
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: [styles, props.style]
+  }, props.children);
+}
+//# sourceMappingURL=index.js.map

package/lib/commonjs/layout/wui-flex/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_UiUtil","FlexView","props","styles","flexDirection","flexWrap","flexGrow","flexShrink","alignItems","alignSelf","justifyContent","paddingTop","padding","UiUtil","getSpacingStyles","paddingRight","paddingBottom","paddingLeft","marginTop","margin","marginRight","marginBottom","marginLeft","React","createElement","View","style","children"],"sourceRoot":"../../../../src","sources":["layout/wui-flex/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAYA,IAAAC,OAAA,GAAAD,OAAA;AAgBO,SAASE,QAAQA,CAACC,KAAoB,EAAE;EAC7C,MAAMC,MAAiB,GAAG;IACxBC,aAAa,EAAEF,KAAK,CAACE,aAAa;IAClCC,QAAQ,EAAEH,KAAK,CAACG,QAAQ;IACxBC,QAAQ,EAAEJ,KAAK,CAACI,QAAQ;IACxBC,UAAU,EAAEL,KAAK,CAACK,UAAU;IAC5BC,UAAU,EAAEN,KAAK,CAACM,UAAU;IAC5BC,SAAS,EAAEP,KAAK,CAACO,SAAS;IAC1BC,cAAc,EAAER,KAAK,CAACQ,cAAc;IACpCC,UAAU,EAAET,KAAK,CAACU,OAAO,IAAIC,cAAM,CAACC,gBAAgB,CAACZ,KAAK,CAACU,OAAO,EAAE,CAAC,CAAC;IACtEG,YAAY,EAAEb,KAAK,CAACU,OAAO,IAAIC,cAAM,CAACC,gBAAgB,CAACZ,KAAK,CAACU,OAAO,EAAE,CAAC,CAAC;IACxEI,aAAa,EAAEd,KAAK,CAACU,OAAO,IAAIC,cAAM,CAACC,gBAAgB,CAACZ,KAAK,CAACU,OAAO,EAAE,CAAC,CAAC;IACzEK,WAAW,EAAEf,KAAK,CAACU,OAAO,IAAIC,cAAM,CAACC,gBAAgB,CAACZ,KAAK,CAACU,OAAO,EAAE,CAAC,CAAC;IACvEM,SAAS,EAAEhB,KAAK,CAACiB,MAAM,IAAIN,cAAM,CAACC,gBAAgB,CAACZ,KAAK,CAACiB,MAAM,EAAE,CAAC,CAAC;IACnEC,WAAW,EAAElB,KAAK,CAACiB,MAAM,IAAIN,cAAM,CAACC,gBAAgB,CAACZ,KAAK,CAACiB,MAAM,EAAE,CAAC,CAAC;IACrEE,YAAY,EAAEnB,KAAK,CAACiB,MAAM,IAAIN,cAAM,CAACC,gBAAgB,CAACZ,KAAK,CAACiB,MAAM,EAAE,CAAC,CAAC;IACtEG,UAAU,EAAEpB,KAAK,CAACiB,MAAM,IAAIN,cAAM,CAACC,gBAAgB,CAACZ,KAAK,CAACiB,MAAM,EAAE,CAAC;EACrE,CAAC;EAED,oBAAOI,KAAA,CAAAC,aAAA,CAAC1B,YAAA,CAAA2B,IAAI;IAACC,KAAK,EAAE,CAACvB,MAAM,EAAED,KAAK,CAACwB,KAAK;EAAE,GAAExB,KAAK,CAACyB,QAAe,CAAC;AACpE"}

package/lib/commonjs/layout/wui-overlay/index.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Overlay = Overlay;
+var _reactNative = require("react-native");
+var _styles = _interopRequireDefault(require("./styles"));
+var _useTheme = require("../../hooks/useTheme");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function Overlay({
+  children,
+  style
+}) {
+  const Theme = (0, _useTheme.useTheme)();
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: [_styles.default.container, {
+      backgroundColor: Theme['gray-glass-030']
+    }, style]
+  }, children);
+}
+//# sourceMappingURL=index.js.map

package/lib/commonjs/layout/wui-overlay/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_styles","_interopRequireDefault","_useTheme","obj","__esModule","default","Overlay","children","style","Theme","useTheme","React","createElement","View","styles","container","backgroundColor"],"sourceRoot":"../../../../src","sources":["layout/wui-overlay/index.tsx"],"mappings":";;;;;;AACA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AAAgD,SAAAE,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAOzC,SAASG,OAAOA,CAAC;EAAEC,QAAQ;EAAEC;AAAoB,CAAC,EAAE;EACzD,MAAMC,KAAK,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EAExB,oBACEC,KAAA,CAAAC,aAAA,CAACd,YAAA,CAAAe,IAAI;IAACL,KAAK,EAAE,CAACM,eAAM,CAACC,SAAS,EAAE;MAAEC,eAAe,EAAEP,KAAK,CAAC,gBAAgB;IAAE,CAAC,EAAED,KAAK;EAAE,GAClFD,QACG,CAAC;AAEX"}

package/lib/commonjs/layout/wui-overlay/styles.js

@@ -0,0 +1,14 @@
+"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: {
+    width: '100%',
+    height: '100%'
+  }
+});
+//# sourceMappingURL=styles.js.map

package/lib/commonjs/layout/wui-overlay/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_default","exports","default","StyleSheet","create","container","width","height"],"sourceRoot":"../../../../src","sources":["layout/wui-overlay/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,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE;EACV;AACF,CAAC,CAAC"}

package/lib/commonjs/layout/wui-separator/index.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Separator = Separator;
+var _reactNative = require("react-native");
+var _wuiText = require("../../components/wui-text");
+var _wuiFlex = require("../../layout/wui-flex");
+var _useTheme = require("../../hooks/useTheme");
+var _styles = _interopRequireDefault(require("./styles"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function Separator({
+  text,
+  style
+}) {
+  const Theme = (0, _useTheme.useTheme)();
+  if (!text) {
+    return /*#__PURE__*/React.createElement(_reactNative.View, {
+      style: [_styles.default.single, {
+        backgroundColor: Theme['gray-glass-005']
+      }, style]
+    });
+  }
+  return /*#__PURE__*/React.createElement(_wuiFlex.FlexView, {
+    flexDirection: "row",
+    alignItems: "center",
+    style: style
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: [_styles.default.divider, _styles.default.marginRight, {
+      backgroundColor: Theme['gray-glass-005']
+    }]
+  }), /*#__PURE__*/React.createElement(_wuiText.Text, {
+    variant: "small-500",
+    color: "fg-300"
+  }, text), /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: [_styles.default.divider, _styles.default.marginLeft, {
+      backgroundColor: Theme['gray-glass-005']
+    }]
+  }));
+}
+//# sourceMappingURL=index.js.map

package/lib/commonjs/layout/wui-separator/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_wuiText","_wuiFlex","_useTheme","_styles","_interopRequireDefault","obj","__esModule","default","Separator","text","style","Theme","useTheme","React","createElement","View","styles","single","backgroundColor","FlexView","flexDirection","alignItems","divider","marginRight","Text","variant","color","marginLeft"],"sourceRoot":"../../../../src","sources":["layout/wui-separator/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,OAAA,GAAAC,sBAAA,CAAAL,OAAA;AAA8B,SAAAK,uBAAAC,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAOvB,SAASG,SAASA,CAAC;EAAEC,IAAI;EAAEC;AAAsB,CAAC,EAAE;EACzD,MAAMC,KAAK,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EAExB,IAAI,CAACH,IAAI,EAAE;IACT,oBAAOI,KAAA,CAAAC,aAAA,CAAChB,YAAA,CAAAiB,IAAI;MAACL,KAAK,EAAE,CAACM,eAAM,CAACC,MAAM,EAAE;QAAEC,eAAe,EAAEP,KAAK,CAAC,gBAAgB;MAAE,CAAC,EAAED,KAAK;IAAE,CAAE,CAAC;EAC9F;EAEA,oBACEG,KAAA,CAAAC,aAAA,CAACb,QAAA,CAAAkB,QAAQ;IAACC,aAAa,EAAC,KAAK;IAACC,UAAU,EAAC,QAAQ;IAACX,KAAK,EAAEA;EAAM,gBAC7DG,KAAA,CAAAC,aAAA,CAAChB,YAAA,CAAAiB,IAAI;IACHL,KAAK,EAAE,CAACM,eAAM,CAACM,OAAO,EAAEN,eAAM,CAACO,WAAW,EAAE;MAAEL,eAAe,EAAEP,KAAK,CAAC,gBAAgB;IAAE,CAAC;EAAE,CAC3F,CAAC,eACFE,KAAA,CAAAC,aAAA,CAACd,QAAA,CAAAwB,IAAI;IAACC,OAAO,EAAC,WAAW;IAACC,KAAK,EAAC;EAAQ,GACrCjB,IACG,CAAC,eACPI,KAAA,CAAAC,aAAA,CAAChB,YAAA,CAAAiB,IAAI;IACHL,KAAK,EAAE,CAACM,eAAM,CAACM,OAAO,EAAEN,eAAM,CAACW,UAAU,EAAE;MAAET,eAAe,EAAEP,KAAK,CAAC,gBAAgB;IAAE,CAAC;EAAE,CAC1F,CACO,CAAC;AAEf"}

package/lib/commonjs/layout/wui-separator/styles.js

@@ -0,0 +1,25 @@
+"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({
+  single: {
+    width: '100%',
+    height: 1
+  },
+  divider: {
+    height: 1,
+    flex: 1
+  },
+  marginLeft: {
+    marginLeft: _ThemeUtil.Spacing.xs
+  },
+  marginRight: {
+    marginRight: _ThemeUtil.Spacing.xs
+  }
+});
+//# sourceMappingURL=styles.js.map

package/lib/commonjs/layout/wui-separator/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_ThemeUtil","_default","exports","default","StyleSheet","create","single","width","height","divider","flex","marginLeft","Spacing","xs","marginRight"],"sourceRoot":"../../../../src","sources":["layout/wui-separator/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,MAAM,EAAE;IACNC,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE;EACV,CAAC;EACDC,OAAO,EAAE;IACPD,MAAM,EAAE,CAAC;IACTE,IAAI,EAAE;EACR,CAAC;EACDC,UAAU,EAAE;IACVA,UAAU,EAAEC,kBAAO,CAACC;EACtB,CAAC;EACDC,WAAW,EAAE;IACXA,WAAW,EAAEF,kBAAO,CAACC;EACvB;AACF,CAAC,CAAC"}

package/lib/commonjs/utils/QRCodeUtil.js

@@ -0,0 +1,155 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.QRCodeUtil = void 0;
+var _reactNativeSvg = require("react-native-svg");
+var _qrcode = _interopRequireDefault(require("qrcode"));
+var _ThemeUtil = require("../utils/ThemeUtil");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const CONNECTING_ERROR_MARGIN = 0.1;
+const CIRCLE_SIZE_MODIFIER = 2.5;
+const QRCODE_MATRIX_MARGIN = 7;
+function isAdjecentDots(cy, otherCy, cellSize) {
+  if (cy === otherCy) {
+    return false;
+  }
+  const diff = cy - otherCy < 0 ? otherCy - cy : cy - otherCy;
+  return diff <= cellSize + CONNECTING_ERROR_MARGIN;
+}
+function getMatrix(value, errorCorrectionLevel) {
+  const arr = Array.prototype.slice.call(_qrcode.default.create(value, {
+    errorCorrectionLevel
+  }).modules.data, 0);
+  const sqrt = Math.sqrt(arr.length);
+  return arr.reduce((rows, key, index) => (index % sqrt === 0 ? rows.push([key]) : rows[rows.length - 1].push(key)) && rows, []);
+}
+const QRCodeUtil = exports.QRCodeUtil = {
+  generate(uri, size, logoSize) {
+    const dotColor = _ThemeUtil.DarkTheme['bg-100'];
+    const edgeColor = _ThemeUtil.LightTheme['bg-100'];
+    const dots = [];
+    const matrix = getMatrix(uri, 'Q');
+    const cellSize = size / matrix.length;
+    const qrList = [{
+      x: 0,
+      y: 0
+    }, {
+      x: 1,
+      y: 0
+    }, {
+      x: 0,
+      y: 1
+    }];
+    qrList.forEach(({
+      x,
+      y
+    }) => {
+      const x1 = (matrix.length - QRCODE_MATRIX_MARGIN) * cellSize * x;
+      const y1 = (matrix.length - QRCODE_MATRIX_MARGIN) * cellSize * y;
+      const borderRadius = 0.32;
+      for (let i = 0; i < qrList.length; i += 1) {
+        const dotSize = cellSize * (QRCODE_MATRIX_MARGIN - i * 2);
+        dots.push( /*#__PURE__*/React.createElement(_reactNativeSvg.Rect, {
+          key: `rect_${x1 + cellSize * i}_${y1 + cellSize * i}`,
+          fill: i % 2 === 0 ? dotColor : edgeColor,
+          height: dotSize,
+          rx: dotSize * borderRadius,
+          ry: dotSize * borderRadius,
+          width: dotSize,
+          x: x1 + cellSize * i,
+          y: y1 + cellSize * i
+        }));
+      }
+    });
+    const clearArenaSize = Math.floor((logoSize + 25) / cellSize);
+    const matrixMiddleStart = matrix.length / 2 - clearArenaSize / 2;
+    const matrixMiddleEnd = matrix.length / 2 + clearArenaSize / 2 - 1;
+    const circles = [];
+
+    // Getting coordinates for each of the QR code dots
+    matrix.forEach((row, i) => {
+      row.forEach((_, j) => {
+        if (matrix[i][j]) {
+          if (!(i < QRCODE_MATRIX_MARGIN && j < QRCODE_MATRIX_MARGIN || i > matrix.length - (QRCODE_MATRIX_MARGIN + 1) && j < QRCODE_MATRIX_MARGIN || i < QRCODE_MATRIX_MARGIN && j > matrix.length - (QRCODE_MATRIX_MARGIN + 1))) {
+            if (!(i > matrixMiddleStart && i < matrixMiddleEnd && j > matrixMiddleStart && j < matrixMiddleEnd)) {
+              const cx = i * cellSize + cellSize / 2;
+              const cy = j * cellSize + cellSize / 2;
+              circles.push([cx, cy]);
+            }
+          }
+        }
+      });
+    });
+
+    // Cx to multiple cys
+    const circlesToConnect = {};
+
+    // Mapping all dots cicles on the same x axis
+    circles.forEach(([cx, cy]) => {
+      if (circlesToConnect[cx]) {
+        circlesToConnect[cx]?.push(cy);
+      } else {
+        circlesToConnect[cx] = [cy];
+      }
+    });
+
+    // Drawing lonely dots
+    Object.entries(circlesToConnect)
+    // Only get dots that have neighbors
+    .map(([cx, cys]) => {
+      const newCys = cys.filter(cy => cys.every(otherCy => !isAdjecentDots(cy, otherCy, cellSize)));
+      return [Number(cx), newCys];
+    }).forEach(([cx, cys]) => {
+      cys.forEach(cy => {
+        dots.push( /*#__PURE__*/React.createElement(_reactNativeSvg.Circle, {
+          key: `circle_${cx}_${cy}`,
+          cx: cx,
+          cy: cy,
+          fill: dotColor,
+          r: cellSize / CIRCLE_SIZE_MODIFIER
+        }));
+      });
+    });
+
+    // Drawing lines for dots that are close to each other
+    Object.entries(circlesToConnect)
+    // Only get dots that have more than one dot on the x axis
+    .filter(([_, cys]) => cys.length > 1)
+    // Removing dots with no neighbors
+    .map(([cx, cys]) => {
+      const newCys = cys.filter(cy => cys.some(otherCy => isAdjecentDots(cy, otherCy, cellSize)));
+      return [Number(cx), newCys];
+    })
+    // Get the coordinates of the first and last dot of a line
+    .map(([cx, cys]) => {
+      cys.sort((a, b) => a < b ? -1 : 1);
+      const groups = [];
+      for (const cy of cys) {
+        const group = groups.find(item => item.some(otherCy => isAdjecentDots(cy, otherCy, cellSize)));
+        if (group) {
+          group.push(cy);
+        } else {
+          groups.push([cy]);
+        }
+      }
+      return [cx, groups.map(item => [item[0], item[item.length - 1]])];
+    }).forEach(([cx, groups]) => {
+      groups.forEach(([y1, y2]) => {
+        dots.push( /*#__PURE__*/React.createElement(_reactNativeSvg.Line, {
+          key: `line_${cx}_${y1}_${y2}`,
+          x1: cx,
+          x2: cx,
+          y1: y1,
+          y2: y2,
+          stroke: dotColor,
+          strokeWidth: cellSize / (CIRCLE_SIZE_MODIFIER / 2),
+          strokeLinecap: "round"
+        }));
+      });
+    });
+    return dots;
+  }
+};
+//# sourceMappingURL=QRCodeUtil.js.map