@procivis/one-react-native-components 0.1.63 → 0.3.22

package/lib/commonjs/ui-components/searchbar/index.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "AnimatedSearchBar", {
+  enumerable: true,
+  get: function () {
+    return _animatedSearchBar.default;
+  }
+});
+Object.defineProperty(exports, "AnimatedSearchBarProps", {
+  enumerable: true,
+  get: function () {
+    return _animatedSearchBar.AnimatedSearchBarProps;
+  }
+});
+Object.defineProperty(exports, "SearchBar", {
+  enumerable: true,
+  get: function () {
+    return _searchBar.default;
+  }
+});
+Object.defineProperty(exports, "SearchBarProps", {
+  enumerable: true,
+  get: function () {
+    return _searchBar.SearchBarProps;
+  }
+});
+var _animatedSearchBar = _interopRequireWildcard(require("./animated-search-bar"));
+var _searchBar = _interopRequireWildcard(require("./search-bar"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+//# sourceMappingURL=index.js.map

package/lib/commonjs/ui-components/searchbar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_animatedSearchBar","_interopRequireWildcard","require","_searchBar","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set"],"sources":["index.ts"],"sourcesContent":["import AnimatedSearchBar, { AnimatedSearchBarProps } from './animated-search-bar';\nimport SearchBar, { SearchBarProps } from './search-bar';\n\nexport { AnimatedSearchBar, AnimatedSearchBarProps };\nexport { SearchBar, SearchBarProps };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,kBAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,uBAAA,CAAAC,OAAA;AAAyD,SAAAE,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAJ,wBAAAI,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA","ignoreList":[]}

package/lib/commonjs/ui-components/searchbar/search-bar.js

@@ -0,0 +1,97 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _utils = require("../../utils");
+var _accessibility = require("../accessibility");
+var _icons = require("../icons");
+var _font = _interopRequireDefault(require("../text/font"));
+var _theme = require("../theme");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const hitSlop = {
+  top: 10,
+  left: 10,
+  bottom: 10,
+  right: 10
+};
+
+// https://www.figma.com/file/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?node-id=1143-40433&t=HY1KvobxOReLeC8Z-4
+const SearchBar = /*#__PURE__*/(0, _react.forwardRef)(({
+  style,
+  placeholder,
+  searchPhrase,
+  onSearchPhraseChange,
+  testID,
+  ...textInputProps
+}, ref) => {
+  const colorScheme = (0, _theme.useAppColorScheme)();
+  const onClear = (0, _react.useCallback)(() => {
+    onSearchPhraseChange('');
+  }, [onSearchPhraseChange]);
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.container, {
+      backgroundColor: colorScheme.white
+    }, style]
+  }, /*#__PURE__*/_react.default.createElement(_icons.SearchIcon, {
+    color: colorScheme.text,
+    style: styles.searchIcon
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.TextInput, _extends({
+    accessibilityRole: "search",
+    onChangeText: onSearchPhraseChange,
+    placeholder: placeholder,
+    placeholderTextColor: colorScheme.text,
+    ref: ref,
+    returnKeyType: "search",
+    style: [styles.textInput, {
+      color: colorScheme.text
+    }],
+    value: searchPhrase,
+    testID: testID
+  }, textInputProps)), searchPhrase ? /*#__PURE__*/_react.default.createElement(_accessibility.TouchableOpacity, {
+    testID: (0, _utils.concatTestID)(testID, 'clear'),
+    accessibilityRole: "button",
+    hitSlop: hitSlop,
+    onPress: onClear,
+    style: styles.clearButton
+  }, /*#__PURE__*/_react.default.createElement(_icons.CloseIcon, {
+    color: colorScheme.text,
+    height: 12,
+    width: 12
+  })) : null);
+});
+SearchBar.displayName = 'SearchBar';
+const styles = _reactNative.StyleSheet.create({
+  clearButton: {
+    marginLeft: 6,
+    marginRight: 16
+  },
+  container: {
+    alignItems: 'center',
+    borderRadius: 20,
+    borderWidth: 0,
+    flexDirection: 'row',
+    height: 40
+  },
+  searchIcon: {
+    marginLeft: 8,
+    marginRight: 6
+  },
+  textInput: {
+    ..._font.default.regular,
+    flex: 1,
+    fontSize: 14,
+    height: 40,
+    letterSpacing: 0.2,
+    lineHeight: 18,
+    paddingBottom: _reactNative.Platform.OS === 'ios' ? 2 : undefined
+  }
+});
+var _default = exports.default = SearchBar;
+//# sourceMappingURL=search-bar.js.map

package/lib/commonjs/ui-components/searchbar/search-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_utils","_accessibility","_icons","_font","_interopRequireDefault","_theme","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","hitSlop","top","left","bottom","right","SearchBar","forwardRef","style","placeholder","searchPhrase","onSearchPhraseChange","testID","textInputProps","ref","colorScheme","useAppColorScheme","onClear","useCallback","createElement","View","styles","container","backgroundColor","white","SearchIcon","color","text","searchIcon","TextInput","accessibilityRole","onChangeText","placeholderTextColor","returnKeyType","textInput","value","TouchableOpacity","concatTestID","onPress","clearButton","CloseIcon","height","width","displayName","StyleSheet","create","marginLeft","marginRight","alignItems","borderRadius","borderWidth","flexDirection","font","regular","flex","fontSize","letterSpacing","lineHeight","paddingBottom","Platform","OS","undefined","_default","exports"],"sources":["search-bar.tsx"],"sourcesContent":["import React, { forwardRef, useCallback } from 'react';\nimport { Insets, Platform, StyleProp, StyleSheet, TextInput, TextInputProps, View, ViewStyle } from 'react-native';\n\nimport { concatTestID } from '../../utils';\nimport { TouchableOpacity } from '../accessibility';\nimport { CloseIcon, SearchIcon } from '../icons';\nimport font from '../text/font';\nimport { useAppColorScheme } from '../theme';\n\nexport interface SearchBarProps extends TextInputProps {\n  style?: StyleProp<ViewStyle>;\n  placeholder?: string;\n  searchPhrase: string;\n  onSearchPhraseChange: (searchPhrase: string) => void;\n}\n\nconst hitSlop: Insets = { top: 10, left: 10, bottom: 10, right: 10 };\n\n// https://www.figma.com/file/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?node-id=1143-40433&t=HY1KvobxOReLeC8Z-4\nconst SearchBar = forwardRef<TextInput, SearchBarProps>(\n  ({ style, placeholder, searchPhrase, onSearchPhraseChange, testID, ...textInputProps }, ref) => {\n    const colorScheme = useAppColorScheme();\n\n    const onClear = useCallback(() => {\n      onSearchPhraseChange('');\n    }, [onSearchPhraseChange]);\n\n    return (\n      <View\n        style={[\n          styles.container,\n          {\n            backgroundColor: colorScheme.white,\n          },\n          style,\n        ]}>\n        <SearchIcon color={colorScheme.text} style={styles.searchIcon} />\n        <TextInput\n          accessibilityRole=\"search\"\n          onChangeText={onSearchPhraseChange}\n          placeholder={placeholder}\n          placeholderTextColor={colorScheme.text}\n          ref={ref}\n          returnKeyType=\"search\"\n          style={[styles.textInput, { color: colorScheme.text }]}\n          value={searchPhrase}\n          testID={testID}\n          {...textInputProps}\n        />\n        {searchPhrase ? (\n          <TouchableOpacity\n            testID={concatTestID(testID, 'clear')}\n            accessibilityRole=\"button\"\n            hitSlop={hitSlop}\n            onPress={onClear}\n            style={styles.clearButton}>\n            <CloseIcon color={colorScheme.text} height={12} width={12} />\n          </TouchableOpacity>\n        ) : null}\n      </View>\n    );\n  },\n);\n\nSearchBar.displayName = 'SearchBar';\n\nconst styles = StyleSheet.create({\n  clearButton: {\n    marginLeft: 6,\n    marginRight: 16,\n  },\n  container: {\n    alignItems: 'center',\n    borderRadius: 20,\n    borderWidth: 0,\n    flexDirection: 'row',\n    height: 40,\n  },\n  searchIcon: {\n    marginLeft: 8,\n    marginRight: 6,\n  },\n  textInput: {\n    ...font.regular,\n    flex: 1,\n    fontSize: 14,\n    height: 40,\n    letterSpacing: 0.2,\n    lineHeight: 18,\n    paddingBottom: Platform.OS === 'ios' ? 2 : undefined,\n  },\n});\n\nexport default SearchBar;\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/ui-components/settings/button-setting.js

@@ -0,0 +1,65 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _accessibilityHistoryWrappers = require("../accessibility/accessibilityHistoryWrappers");
+var _wallet = require("../icons/wallet");
+var _colorSchemeContext = require("../theme/color-scheme-context");
+var _settingItem = _interopRequireDefault(require("./setting-item"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const ButtonSetting = ({
+  accessory,
+  disabled,
+  title,
+  onPress,
+  icon,
+  style,
+  testID
+}) => {
+  const colorScheme = (0, _colorSchemeContext.useAppColorScheme)();
+  const accessoryView = (0, _react.useMemo)(() => {
+    if (!accessory) {
+      return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+        style: styles.arrow
+      }, /*#__PURE__*/_react.default.createElement(_wallet.NextIcon, {
+        color: colorScheme.text
+      }));
+    }
+    if (/*#__PURE__*/_react.default.isValidElement(accessory)) {
+      return accessory;
+    } else {
+      const AccessoryComponent = accessory;
+      return /*#__PURE__*/_react.default.createElement(AccessoryComponent, null);
+    }
+  }, [accessory, colorScheme.text]);
+  return /*#__PURE__*/_react.default.createElement(_accessibilityHistoryWrappers.TouchableOpacity, {
+    disabled: disabled,
+    accessibilityRole: "button",
+    onPress: onPress,
+    style: styles.container,
+    testID: testID
+  }, /*#__PURE__*/_react.default.createElement(_settingItem.default, {
+    icon: icon,
+    style: style,
+    title: title
+  }, accessoryView));
+};
+const styles = _reactNative.StyleSheet.create({
+  arrow: {
+    alignItems: 'center',
+    height: 24,
+    justifyContent: 'center',
+    width: 24
+  },
+  container: {
+    width: '100%'
+  }
+});
+var _default = exports.default = ButtonSetting;
+//# sourceMappingURL=button-setting.js.map

package/lib/commonjs/ui-components/settings/button-setting.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_accessibilityHistoryWrappers","_wallet","_colorSchemeContext","_settingItem","_interopRequireDefault","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ButtonSetting","accessory","disabled","title","onPress","icon","style","testID","colorScheme","useAppColorScheme","accessoryView","useMemo","createElement","View","styles","arrow","NextIcon","color","text","React","isValidElement","AccessoryComponent","TouchableOpacity","accessibilityRole","container","StyleSheet","create","alignItems","height","justifyContent","width","_default","exports"],"sources":["button-setting.tsx"],"sourcesContent":["import React, { ComponentType, FunctionComponent, ReactElement, useMemo } from 'react';\nimport { StyleProp, StyleSheet, View, ViewStyle } from 'react-native';\n\nimport { TouchableOpacity } from '../accessibility/accessibilityHistoryWrappers';\nimport { NextIcon } from '../icons/wallet';\nimport { useAppColorScheme } from '../theme/color-scheme-context';\nimport SettingItem from './setting-item';\n\nexport type ButtonSettingProps = {\n  accessory?: ComponentType<any> | ReactElement;\n  disabled?: boolean;\n  icon?: ComponentType<any> | ReactElement;\n  onPress: () => void;\n  style?: StyleProp<ViewStyle>;\n  testID?: string;\n  title: string;\n};\n\nconst ButtonSetting: FunctionComponent<ButtonSettingProps> = ({\n  accessory,\n  disabled,\n  title,\n  onPress,\n  icon,\n  style,\n  testID,\n}) => {\n  const colorScheme = useAppColorScheme();\n\n  const accessoryView: React.ReactElement | undefined = useMemo(() => {\n    if (!accessory) {\n      return (\n        <View style={styles.arrow}>\n          <NextIcon color={colorScheme.text} />\n        </View>\n      );\n    }\n    if (React.isValidElement(accessory)) {\n      return accessory;\n    } else {\n      const AccessoryComponent = accessory as React.ComponentType<any>;\n      return <AccessoryComponent />;\n    }\n  }, [accessory, colorScheme.text]);\n\n  return (\n    <TouchableOpacity\n      disabled={disabled}\n      accessibilityRole=\"button\"\n      onPress={onPress}\n      style={styles.container}\n      testID={testID}>\n      <SettingItem icon={icon} style={style} title={title}>\n        {accessoryView}\n      </SettingItem>\n    </TouchableOpacity>\n  );\n};\n\nconst styles = StyleSheet.create({\n  arrow: {\n    alignItems: 'center',\n    height: 24,\n    justifyContent: 'center',\n    width: 24,\n  },\n  container: {\n    width: '100%',\n  },\n});\n\nexport default ButtonSetting;\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/ui-components/settings/index.js

@@ -0,0 +1,73 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ButtonSetting", {
+  enumerable: true,
+  get: function () {
+    return _buttonSetting.default;
+  }
+});
+Object.defineProperty(exports, "ButtonSettingProps", {
+  enumerable: true,
+  get: function () {
+    return _buttonSetting.ButtonSettingProps;
+  }
+});
+Object.defineProperty(exports, "SettingItem", {
+  enumerable: true,
+  get: function () {
+    return _settingItem.default;
+  }
+});
+Object.defineProperty(exports, "SettingItemProps", {
+  enumerable: true,
+  get: function () {
+    return _settingItem.SettingItemProps;
+  }
+});
+Object.defineProperty(exports, "SettingItemSeparator", {
+  enumerable: true,
+  get: function () {
+    return _settingItemSeparator.default;
+  }
+});
+Object.defineProperty(exports, "SettingItemSeparatorProps", {
+  enumerable: true,
+  get: function () {
+    return _settingItemSeparator.SettingItemSeparatorProps;
+  }
+});
+Object.defineProperty(exports, "SettingsButton", {
+  enumerable: true,
+  get: function () {
+    return _settingsButton.default;
+  }
+});
+Object.defineProperty(exports, "SettingsButtonProps", {
+  enumerable: true,
+  get: function () {
+    return _settingsButton.SettingsButtonProps;
+  }
+});
+Object.defineProperty(exports, "SwitchSetting", {
+  enumerable: true,
+  get: function () {
+    return _switchSetting.default;
+  }
+});
+Object.defineProperty(exports, "SwitchSettingProps", {
+  enumerable: true,
+  get: function () {
+    return _switchSetting.SwitchSettingProps;
+  }
+});
+var _buttonSetting = _interopRequireWildcard(require("./button-setting"));
+var _settingItem = _interopRequireWildcard(require("./setting-item"));
+var _settingItemSeparator = _interopRequireWildcard(require("./setting-item-separator"));
+var _settingsButton = _interopRequireWildcard(require("./settings-button"));
+var _switchSetting = _interopRequireWildcard(require("./switch-setting"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+//# sourceMappingURL=index.js.map

package/lib/commonjs/ui-components/settings/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_buttonSetting","_interopRequireWildcard","require","_settingItem","_settingItemSeparator","_settingsButton","_switchSetting","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set"],"sources":["index.ts"],"sourcesContent":["import ButtonSetting, { ButtonSettingProps } from './button-setting';\nimport SettingItem, { SettingItemProps } from './setting-item';\nimport SettingItemSeparator, { SettingItemSeparatorProps } from './setting-item-separator';\nimport SettingsButton, { SettingsButtonProps } from './settings-button';\nimport SwitchSetting, { SwitchSettingProps } from './switch-setting';\n\nexport { ButtonSetting, ButtonSettingProps };\nexport { SettingItem, SettingItemProps };\nexport { SettingItemSeparator, SettingItemSeparatorProps };\nexport { SettingsButton, SettingsButtonProps };\nexport { SwitchSetting, SwitchSettingProps };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,cAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAF,uBAAA,CAAAC,OAAA;AACA,IAAAE,qBAAA,GAAAH,uBAAA,CAAAC,OAAA;AACA,IAAAG,eAAA,GAAAJ,uBAAA,CAAAC,OAAA;AACA,IAAAI,cAAA,GAAAL,uBAAA,CAAAC,OAAA;AAAqE,SAAAK,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAP,wBAAAO,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA","ignoreList":[]}

package/lib/commonjs/ui-components/settings/setting-item-separator.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _colorSchemeContext = require("../theme/color-scheme-context");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const SettingItemSeparator = ({
+  color,
+  style
+}) => {
+  const colorScheme = (0, _colorSchemeContext.useAppColorScheme)();
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.wrapper, {
+      backgroundColor: colorScheme.white
+    }, style]
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.separator, {
+      backgroundColor: color !== null && color !== void 0 ? color : colorScheme.background
+    }]
+  }));
+};
+const styles = _reactNative.StyleSheet.create({
+  separator: {
+    height: '100%',
+    width: '100%'
+  },
+  wrapper: {
+    height: 1,
+    marginHorizontal: 16,
+    paddingHorizontal: 12
+  }
+});
+var _default = exports.default = SettingItemSeparator;
+//# sourceMappingURL=setting-item-separator.js.map

package/lib/commonjs/ui-components/settings/setting-item-separator.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_colorSchemeContext","e","__esModule","default","SettingItemSeparator","color","style","colorScheme","useAppColorScheme","createElement","View","styles","wrapper","backgroundColor","white","separator","background","StyleSheet","create","height","width","marginHorizontal","paddingHorizontal","_default","exports"],"sources":["setting-item-separator.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { ColorValue, StyleProp, StyleSheet, View, ViewStyle } from 'react-native';\n\nimport { useAppColorScheme } from '../theme/color-scheme-context';\n\nexport type SettingItemSeparatorProps = {\n  color?: ColorValue;\n  style?: StyleProp<ViewStyle>;\n};\n\nconst SettingItemSeparator: FC<SettingItemSeparatorProps> = ({ color, style }) => {\n  const colorScheme = useAppColorScheme();\n  return (\n    <View style={[styles.wrapper, { backgroundColor: colorScheme.white }, style]}>\n      <View style={[styles.separator, { backgroundColor: color ?? colorScheme.background }]} />\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  separator: {\n    height: '100%',\n    width: '100%',\n  },\n  wrapper: {\n    height: 1,\n    marginHorizontal: 16,\n    paddingHorizontal: 12,\n  },\n});\n\nexport default SettingItemSeparator;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,mBAAA,GAAAF,OAAA;AAAkE,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAOlE,MAAMG,oBAAmD,GAAGA,CAAC;EAAEC,KAAK;EAAEC;AAAM,CAAC,KAAK;EAChF,MAAMC,WAAW,GAAG,IAAAC,qCAAiB,EAAC,CAAC;EACvC,oBACEZ,MAAA,CAAAO,OAAA,CAAAM,aAAA,CAACV,YAAA,CAAAW,IAAI;IAACJ,KAAK,EAAE,CAACK,MAAM,CAACC,OAAO,EAAE;MAAEC,eAAe,EAAEN,WAAW,CAACO;IAAM,CAAC,EAAER,KAAK;EAAE,gBAC3EV,MAAA,CAAAO,OAAA,CAAAM,aAAA,CAACV,YAAA,CAAAW,IAAI;IAACJ,KAAK,EAAE,CAACK,MAAM,CAACI,SAAS,EAAE;MAAEF,eAAe,EAAER,KAAK,aAALA,KAAK,cAALA,KAAK,GAAIE,WAAW,CAACS;IAAW,CAAC;EAAE,CAAE,CACpF,CAAC;AAEX,CAAC;AAED,MAAML,MAAM,GAAGM,uBAAU,CAACC,MAAM,CAAC;EAC/BH,SAAS,EAAE;IACTI,MAAM,EAAE,MAAM;IACdC,KAAK,EAAE;EACT,CAAC;EACDR,OAAO,EAAE;IACPO,MAAM,EAAE,CAAC;IACTE,gBAAgB,EAAE,EAAE;IACpBC,iBAAiB,EAAE;EACrB;AACF,CAAC,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAArB,OAAA,GAEYC,oBAAoB","ignoreList":[]}

package/lib/commonjs/ui-components/settings/setting-item.js

@@ -0,0 +1,77 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _typography = _interopRequireDefault(require("../text/typography"));
+var _colorSchemeContext = require("../theme/color-scheme-context");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    alignItems: 'center',
+    flexDirection: 'row',
+    height: 60,
+    justifyContent: 'center',
+    width: '100%'
+  },
+  icon: {
+    alignItems: 'center',
+    borderRadius: 18,
+    height: 36,
+    justifyContent: 'center',
+    marginRight: 12,
+    width: 36
+  },
+  label: {
+    flex: 1,
+    marginBottom: 0,
+    marginTop: 0
+  },
+  wrapper: {
+    justifyContent: 'center',
+    marginHorizontal: 16,
+    paddingHorizontal: 12
+  }
+});
+const SettingItem = ({
+  title,
+  icon,
+  style,
+  children
+}) => {
+  const colorScheme = (0, _colorSchemeContext.useAppColorScheme)();
+  const iconView = (0, _react.useMemo)(() => {
+    if (!icon) {
+      return undefined;
+    }
+    if (/*#__PURE__*/_react.default.isValidElement(icon)) {
+      return icon;
+    } else {
+      const IconComponent = icon;
+      return /*#__PURE__*/_react.default.createElement(IconComponent, null);
+    }
+  }, [icon]);
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.wrapper, {
+      backgroundColor: colorScheme.white
+    }, style]
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.container
+  }, iconView && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.icon, {
+      backgroundColor: colorScheme.background
+    }]
+  }, iconView), /*#__PURE__*/_react.default.createElement(_typography.default, {
+    accessible: false,
+    color: colorScheme.text,
+    preset: "s",
+    style: styles.label
+  }, title), children));
+};
+var _default = exports.default = SettingItem;
+//# sourceMappingURL=setting-item.js.map

package/lib/commonjs/ui-components/settings/setting-item.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_typography","_interopRequireDefault","_colorSchemeContext","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","styles","StyleSheet","create","container","alignItems","flexDirection","height","justifyContent","width","icon","borderRadius","marginRight","label","flex","marginBottom","marginTop","wrapper","marginHorizontal","paddingHorizontal","SettingItem","title","style","children","colorScheme","useAppColorScheme","iconView","useMemo","undefined","React","isValidElement","IconComponent","createElement","View","backgroundColor","white","background","accessible","color","text","preset","_default","exports"],"sources":["setting-item.tsx"],"sourcesContent":["import React, { ComponentType, FunctionComponent, PropsWithChildren, ReactElement, useMemo } from 'react';\nimport { StyleProp, StyleSheet, View, ViewStyle } from 'react-native';\n\nimport Typography from '../text/typography';\nimport { useAppColorScheme } from '../theme/color-scheme-context';\n\nconst styles = StyleSheet.create({\n  container: {\n    alignItems: 'center',\n    flexDirection: 'row',\n    height: 60,\n    justifyContent: 'center',\n    width: '100%',\n  },\n  icon: {\n    alignItems: 'center',\n    borderRadius: 18,\n    height: 36,\n    justifyContent: 'center',\n    marginRight: 12,\n    width: 36,\n  },\n  label: {\n    flex: 1,\n    marginBottom: 0,\n    marginTop: 0,\n  },\n  wrapper: {\n    justifyContent: 'center',\n    marginHorizontal: 16,\n    paddingHorizontal: 12,\n  },\n});\n\nexport type SettingItemProps = {\n  icon?: ComponentType<any> | ReactElement;\n  style?: StyleProp<ViewStyle>;\n  title: string;\n};\n\nconst SettingItem: FunctionComponent<PropsWithChildren<SettingItemProps>> = ({ title, icon, style, children }) => {\n  const colorScheme = useAppColorScheme();\n  const iconView: React.ReactElement | undefined = useMemo(() => {\n    if (!icon) {\n      return undefined;\n    }\n    if (React.isValidElement(icon)) {\n      return icon;\n    } else {\n      const IconComponent = icon as React.ComponentType<any>;\n      return <IconComponent />;\n    }\n  }, [icon]);\n\n  return (\n    <View style={[styles.wrapper, { backgroundColor: colorScheme.white }, style]}>\n      <View style={styles.container}>\n        {iconView && <View style={[styles.icon, { backgroundColor: colorScheme.background }]}>{iconView}</View>}\n        <Typography accessible={false} color={colorScheme.text} preset=\"s\" style={styles.label}>\n          {title}\n        </Typography>\n        {children}\n      </View>\n    </View>\n  );\n};\n\nexport default SettingItem;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,WAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,mBAAA,GAAAJ,OAAA;AAAkE,SAAAG,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,yBAAAH,CAAA,6BAAAI,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAD,wBAAA,YAAAA,CAAAH,CAAA,WAAAA,CAAA,GAAAM,CAAA,GAAAD,CAAA,KAAAL,CAAA;AAAA,SAAAN,wBAAAM,CAAA,EAAAK,CAAA,SAAAA,CAAA,IAAAL,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAE,OAAA,EAAAF,CAAA,QAAAM,CAAA,GAAAH,wBAAA,CAAAE,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAC,GAAA,CAAAP,CAAA,UAAAM,CAAA,CAAAE,GAAA,CAAAR,CAAA,OAAAS,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAf,CAAA,oBAAAe,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAe,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAd,CAAA,EAAAe,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAf,CAAA,CAAAe,CAAA,YAAAN,CAAA,CAAAP,OAAA,GAAAF,CAAA,EAAAM,CAAA,IAAAA,CAAA,CAAAa,GAAA,CAAAnB,CAAA,EAAAS,CAAA,GAAAA,CAAA;AAElE,MAAMW,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,UAAU,EAAE,QAAQ;IACpBC,aAAa,EAAE,KAAK;IACpBC,MAAM,EAAE,EAAE;IACVC,cAAc,EAAE,QAAQ;IACxBC,KAAK,EAAE;EACT,CAAC;EACDC,IAAI,EAAE;IACJL,UAAU,EAAE,QAAQ;IACpBM,YAAY,EAAE,EAAE;IAChBJ,MAAM,EAAE,EAAE;IACVC,cAAc,EAAE,QAAQ;IACxBI,WAAW,EAAE,EAAE;IACfH,KAAK,EAAE;EACT,CAAC;EACDI,KAAK,EAAE;IACLC,IAAI,EAAE,CAAC;IACPC,YAAY,EAAE,CAAC;IACfC,SAAS,EAAE;EACb,CAAC;EACDC,OAAO,EAAE;IACPT,cAAc,EAAE,QAAQ;IACxBU,gBAAgB,EAAE,EAAE;IACpBC,iBAAiB,EAAE;EACrB;AACF,CAAC,CAAC;AAQF,MAAMC,WAAmE,GAAGA,CAAC;EAAEC,KAAK;EAAEX,IAAI;EAAEY,KAAK;EAAEC;AAAS,CAAC,KAAK;EAChH,MAAMC,WAAW,GAAG,IAAAC,qCAAiB,EAAC,CAAC;EACvC,MAAMC,QAAwC,GAAG,IAAAC,cAAO,EAAC,MAAM;IAC7D,IAAI,CAACjB,IAAI,EAAE;MACT,OAAOkB,SAAS;IAClB;IACA,iBAAIC,cAAK,CAACC,cAAc,CAACpB,IAAI,CAAC,EAAE;MAC9B,OAAOA,IAAI;IACb,CAAC,MAAM;MACL,MAAMqB,aAAa,GAAGrB,IAAgC;MACtD,oBAAOpC,MAAA,CAAAS,OAAA,CAAAiD,aAAA,CAACD,aAAa,MAAE,CAAC;IAC1B;EACF,CAAC,EAAE,CAACrB,IAAI,CAAC,CAAC;EAEV,oBACEpC,MAAA,CAAAS,OAAA,CAAAiD,aAAA,CAACvD,YAAA,CAAAwD,IAAI;IAACX,KAAK,EAAE,CAACrB,MAAM,CAACgB,OAAO,EAAE;MAAEiB,eAAe,EAAEV,WAAW,CAACW;IAAM,CAAC,EAAEb,KAAK;EAAE,gBAC3EhD,MAAA,CAAAS,OAAA,CAAAiD,aAAA,CAACvD,YAAA,CAAAwD,IAAI;IAACX,KAAK,EAAErB,MAAM,CAACG;EAAU,GAC3BsB,QAAQ,iBAAIpD,MAAA,CAAAS,OAAA,CAAAiD,aAAA,CAACvD,YAAA,CAAAwD,IAAI;IAACX,KAAK,EAAE,CAACrB,MAAM,CAACS,IAAI,EAAE;MAAEwB,eAAe,EAAEV,WAAW,CAACY;IAAW,CAAC;EAAE,GAAEV,QAAe,CAAC,eACvGpD,MAAA,CAAAS,OAAA,CAAAiD,aAAA,CAACtD,WAAA,CAAAK,OAAU;IAACsD,UAAU,EAAE,KAAM;IAACC,KAAK,EAAEd,WAAW,CAACe,IAAK;IAACC,MAAM,EAAC,GAAG;IAAClB,KAAK,EAAErB,MAAM,CAACY;EAAM,GACpFQ,KACS,CAAC,EACZE,QACG,CACF,CAAC;AAEX,CAAC;AAAC,IAAAkB,QAAA,GAAAC,OAAA,CAAA3D,OAAA,GAEaqC,WAAW","ignoreList":[]}

package/lib/commonjs/ui-components/settings/settings-button.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _colorSchemeContext = require("../theme/color-scheme-context");
+var _buttonSetting = _interopRequireDefault(require("./button-setting"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const SettingsButton = ({
+  style,
+  ...props
+}) => {
+  const colorScheme = (0, _colorSchemeContext.useAppColorScheme)();
+  return /*#__PURE__*/_react.default.createElement(_buttonSetting.default, _extends({
+    style: [styles.button, {
+      backgroundColor: colorScheme.background
+    }, style]
+  }, props));
+};
+const styles = _reactNative.StyleSheet.create({
+  button: {
+    borderRadius: 12,
+    height: 68,
+    marginHorizontal: 0,
+    paddingHorizontal: 12
+  }
+});
+var _default = exports.default = SettingsButton;
+//# sourceMappingURL=settings-button.js.map

package/lib/commonjs/ui-components/settings/settings-button.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_colorSchemeContext","_buttonSetting","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","SettingsButton","style","props","colorScheme","useAppColorScheme","createElement","styles","button","backgroundColor","background","StyleSheet","create","borderRadius","height","marginHorizontal","paddingHorizontal","_default","exports"],"sources":["settings-button.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { StyleSheet } from 'react-native';\n\nimport { useAppColorScheme } from '../theme/color-scheme-context';\nimport ButtonSetting, { ButtonSettingProps } from './button-setting';\n\nexport type SettingsButtonProps = ButtonSettingProps;\n\nconst SettingsButton: FC<SettingsButtonProps> = ({ style, ...props }) => {\n  const colorScheme = useAppColorScheme();\n  return <ButtonSetting style={[styles.button, { backgroundColor: colorScheme.background }, style]} {...props} />;\n};\n\nconst styles = StyleSheet.create({\n  button: {\n    borderRadius: 12,\n    height: 68,\n    marginHorizontal: 0,\n    paddingHorizontal: 12,\n  },\n});\n\nexport default SettingsButton;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,mBAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAAqE,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,SAAA,WAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,CAAA,aAAAP,CAAA,MAAAA,CAAA,GAAAQ,SAAA,CAAAC,MAAA,EAAAT,CAAA,UAAAU,CAAA,GAAAF,SAAA,CAAAR,CAAA,YAAAW,CAAA,IAAAD,CAAA,OAAAE,cAAA,CAAAC,IAAA,CAAAH,CAAA,EAAAC,CAAA,MAAAJ,CAAA,CAAAI,CAAA,IAAAD,CAAA,CAAAC,CAAA,aAAAJ,CAAA,KAAAJ,QAAA,CAAAW,KAAA,OAAAN,SAAA;AAIrE,MAAMO,cAAuC,GAAGA,CAAC;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,KAAK;EACvE,MAAMC,WAAW,GAAG,IAAAC,qCAAiB,EAAC,CAAC;EACvC,oBAAOzB,MAAA,CAAAQ,OAAA,CAAAkB,aAAA,CAACrB,cAAA,CAAAG,OAAa,EAAAC,QAAA;IAACa,KAAK,EAAE,CAACK,MAAM,CAACC,MAAM,EAAE;MAAEC,eAAe,EAAEL,WAAW,CAACM;IAAW,CAAC,EAAER,KAAK;EAAE,GAAKC,KAAK,CAAG,CAAC;AACjH,CAAC;AAED,MAAMI,MAAM,GAAGI,uBAAU,CAACC,MAAM,CAAC;EAC/BJ,MAAM,EAAE;IACNK,YAAY,EAAE,EAAE;IAChBC,MAAM,EAAE,EAAE;IACVC,gBAAgB,EAAE,CAAC;IACnBC,iBAAiB,EAAE;EACrB;AACF,CAAC,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAA9B,OAAA,GAEYa,cAAc","ignoreList":[]}

package/lib/commonjs/ui-components/settings/switch-setting.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _switch = require("../control/switch");
+var _settingItem = _interopRequireDefault(require("./setting-item"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const SwitchSetting = ({
+  title,
+  value,
+  onChange,
+  icon,
+  style,
+  disabled = false,
+  testID
+}) => {
+  return /*#__PURE__*/_react.default.createElement(_settingItem.default, {
+    icon: icon,
+    style: style,
+    title: title
+  }, /*#__PURE__*/_react.default.createElement(_switch.Switch, {
+    accessibilityLabel: title,
+    disabled: disabled,
+    onChange: onChange,
+    testID: testID,
+    value: value
+  }));
+};
+var _default = exports.default = SwitchSetting;
+//# sourceMappingURL=switch-setting.js.map

package/lib/commonjs/ui-components/settings/switch-setting.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_switch","_settingItem","e","__esModule","default","SwitchSetting","title","value","onChange","icon","style","disabled","testID","createElement","Switch","accessibilityLabel","_default","exports"],"sources":["switch-setting.tsx"],"sourcesContent":["import React, { ComponentType, FunctionComponent, ReactElement } from 'react';\nimport type { StyleProp, ViewStyle } from 'react-native';\n\nimport { Switch } from '../control/switch';\nimport SettingItem from './setting-item';\n\nexport type SwitchSettingProps = {\n  disabled?: boolean;\n  icon?: ComponentType<any> | ReactElement;\n  onChange: (newValue: boolean) => void;\n  style?: StyleProp<ViewStyle>;\n  testID?: string;\n  title: string;\n  value: boolean;\n};\n\nconst SwitchSetting: FunctionComponent<SwitchSettingProps> = ({\n  title,\n  value,\n  onChange,\n  icon,\n  style,\n  disabled = false,\n  testID,\n}) => {\n  return (\n    <SettingItem icon={icon} style={style} title={title}>\n      <Switch accessibilityLabel={title} disabled={disabled} onChange={onChange} testID={testID} value={value} />\n    </SettingItem>\n  );\n};\n\nexport default SwitchSetting;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAGA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAH,sBAAA,CAAAC,OAAA;AAAyC,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAYzC,MAAMG,aAAoD,GAAGA,CAAC;EAC5DC,KAAK;EACLC,KAAK;EACLC,QAAQ;EACRC,IAAI;EACJC,KAAK;EACLC,QAAQ,GAAG,KAAK;EAChBC;AACF,CAAC,KAAK;EACJ,oBACEf,MAAA,CAAAO,OAAA,CAAAS,aAAA,CAACZ,YAAA,CAAAG,OAAW;IAACK,IAAI,EAAEA,IAAK;IAACC,KAAK,EAAEA,KAAM;IAACJ,KAAK,EAAEA;EAAM,gBAClDT,MAAA,CAAAO,OAAA,CAAAS,aAAA,CAACb,OAAA,CAAAc,MAAM;IAACC,kBAAkB,EAAET,KAAM;IAACK,QAAQ,EAAEA,QAAS;IAACH,QAAQ,EAAEA,QAAS;IAACI,MAAM,EAAEA,MAAO;IAACL,KAAK,EAAEA;EAAM,CAAE,CAC/F,CAAC;AAElB,CAAC;AAAC,IAAAS,QAAA,GAAAC,OAAA,CAAAb,OAAA,GAEaC,aAAa","ignoreList":[]}

package/lib/commonjs/ui-components/state/error-screen.js

@@ -0,0 +1,69 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _buttons = require("../buttons");
+var _icons = require("../icons");
+var _screens = require("../screens");
+var _text = require("../text");
+var _theme = require("../theme");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const ErrorScreen = ({
+  testID,
+  title,
+  subtitle,
+  button
+}) => {
+  const colorScheme = (0, _theme.useAppColorScheme)();
+  return /*#__PURE__*/_react.default.createElement(_screens.ScrollViewScreen, {
+    header: {
+      static: true,
+      title: title
+    },
+    modalPresentation: true,
+    scrollView: {
+      testID
+    }
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.wrapper, {
+      backgroundColor: colorScheme.background
+    }]
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.warning
+  }, /*#__PURE__*/_react.default.createElement(_icons.CredentialWarningIcon, {
+    height: 42,
+    width: 42
+  }), /*#__PURE__*/_react.default.createElement(_text.Typography, {
+    color: colorScheme.text,
+    preset: "regular",
+    style: styles.message
+  }, subtitle)), button ? /*#__PURE__*/_react.default.createElement(_buttons.Button, {
+    disabled: button.disabled,
+    onPress: button.onPress,
+    testID: button.testID,
+    title: button.label
+  }) : undefined));
+};
+const styles = _reactNative.StyleSheet.create({
+  message: {
+    textAlign: 'center'
+  },
+  warning: {
+    alignItems: 'center',
+    display: 'flex',
+    flexGrow: 1,
+    justifyContent: 'center'
+  },
+  wrapper: {
+    display: 'flex',
+    flexDirection: 'column',
+    height: '100%',
+    paddingHorizontal: 16
+  }
+});
+var _default = exports.default = ErrorScreen;
+//# sourceMappingURL=error-screen.js.map

package/lib/commonjs/ui-components/state/error-screen.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_buttons","_icons","_screens","_text","_theme","e","__esModule","default","ErrorScreen","testID","title","subtitle","button","colorScheme","useAppColorScheme","createElement","ScrollViewScreen","header","static","modalPresentation","scrollView","View","style","styles","wrapper","backgroundColor","background","warning","CredentialWarningIcon","height","width","Typography","color","text","preset","message","Button","disabled","onPress","label","undefined","StyleSheet","create","textAlign","alignItems","display","flexGrow","justifyContent","flexDirection","paddingHorizontal","_default","exports"],"sources":["error-screen.tsx"],"sourcesContent":["import React, { FunctionComponent } from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nimport { Button } from '../buttons';\nimport { CredentialWarningIcon } from '../icons';\nimport { ScrollViewScreen } from '../screens';\nimport { Typography } from '../text';\nimport { useAppColorScheme } from '../theme';\n\nexport interface ErrorScreenButton {\n  testID?: string;\n  label: string;\n  disabled?: boolean;\n  onPress?: () => void;\n}\n\nexport interface ErrorScreenProps {\n  testID?: string;\n  title: string;\n  subtitle: string;\n  button: ErrorScreenButton;\n}\n\nconst ErrorScreen: FunctionComponent<ErrorScreenProps> = ({ testID, title, subtitle, button }) => {\n  const colorScheme = useAppColorScheme();\n\n  return (\n    <ScrollViewScreen\n      header={{\n        static: true,\n        title: title,\n      }}\n      modalPresentation\n      scrollView={{\n        testID,\n      }}>\n      <View style={[styles.wrapper, { backgroundColor: colorScheme.background }]}>\n        <View style={styles.warning}>\n          <CredentialWarningIcon height={42} width={42} />\n          <Typography color={colorScheme.text} preset=\"regular\" style={styles.message}>\n            {subtitle}\n          </Typography>\n        </View>\n\n        {button ? (\n          <Button disabled={button.disabled} onPress={button.onPress} testID={button.testID} title={button.label} />\n        ) : undefined}\n      </View>\n    </ScrollViewScreen>\n  );\n};\n\nconst styles = StyleSheet.create({\n  message: {\n    textAlign: 'center',\n  },\n  warning: {\n    alignItems: 'center',\n    display: 'flex',\n    flexGrow: 1,\n    justifyContent: 'center',\n  },\n  wrapper: {\n    display: 'flex',\n    flexDirection: 'column',\n    height: '100%',\n    paddingHorizontal: 16,\n  },\n});\n\nexport default ErrorScreen;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AAA6C,SAAAD,uBAAAQ,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAgB7C,MAAMG,WAAgD,GAAGA,CAAC;EAAEC,MAAM;EAAEC,KAAK;EAAEC,QAAQ;EAAEC;AAAO,CAAC,KAAK;EAChG,MAAMC,WAAW,GAAG,IAAAC,wBAAiB,EAAC,CAAC;EAEvC,oBACElB,MAAA,CAAAW,OAAA,CAAAQ,aAAA,CAACb,QAAA,CAAAc,gBAAgB;IACfC,MAAM,EAAE;MACNC,MAAM,EAAE,IAAI;MACZR,KAAK,EAAEA;IACT,CAAE;IACFS,iBAAiB;IACjBC,UAAU,EAAE;MACVX;IACF;EAAE,gBACFb,MAAA,CAAAW,OAAA,CAAAQ,aAAA,CAAChB,YAAA,CAAAsB,IAAI;IAACC,KAAK,EAAE,CAACC,MAAM,CAACC,OAAO,EAAE;MAAEC,eAAe,EAAEZ,WAAW,CAACa;IAAW,CAAC;EAAE,gBACzE9B,MAAA,CAAAW,OAAA,CAAAQ,aAAA,CAAChB,YAAA,CAAAsB,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACI;EAAQ,gBAC1B/B,MAAA,CAAAW,OAAA,CAAAQ,aAAA,CAACd,MAAA,CAAA2B,qBAAqB;IAACC,MAAM,EAAE,EAAG;IAACC,KAAK,EAAE;EAAG,CAAE,CAAC,eAChDlC,MAAA,CAAAW,OAAA,CAAAQ,aAAA,CAACZ,KAAA,CAAA4B,UAAU;IAACC,KAAK,EAAEnB,WAAW,CAACoB,IAAK;IAACC,MAAM,EAAC,SAAS;IAACZ,KAAK,EAAEC,MAAM,CAACY;EAAQ,GACzExB,QACS,CACR,CAAC,EAENC,MAAM,gBACLhB,MAAA,CAAAW,OAAA,CAAAQ,aAAA,CAACf,QAAA,CAAAoC,MAAM;IAACC,QAAQ,EAAEzB,MAAM,CAACyB,QAAS;IAACC,OAAO,EAAE1B,MAAM,CAAC0B,OAAQ;IAAC7B,MAAM,EAAEG,MAAM,CAACH,MAAO;IAACC,KAAK,EAAEE,MAAM,CAAC2B;EAAM,CAAE,CAAC,GACxGC,SACA,CACU,CAAC;AAEvB,CAAC;AAED,MAAMjB,MAAM,GAAGkB,uBAAU,CAACC,MAAM,CAAC;EAC/BP,OAAO,EAAE;IACPQ,SAAS,EAAE;EACb,CAAC;EACDhB,OAAO,EAAE;IACPiB,UAAU,EAAE,QAAQ;IACpBC,OAAO,EAAE,MAAM;IACfC,QAAQ,EAAE,CAAC;IACXC,cAAc,EAAE;EAClB,CAAC;EACDvB,OAAO,EAAE;IACPqB,OAAO,EAAE,MAAM;IACfG,aAAa,EAAE,QAAQ;IACvBnB,MAAM,EAAE,MAAM;IACdoB,iBAAiB,EAAE;EACrB;AACF,CAAC,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAA5C,OAAA,GAEYC,WAAW","ignoreList":[]}