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

package/lib/commonjs/ui-components/buttons/hold-button.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_accessibilityHistoryWrappers","_text","_theme","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","Content","title","subtitlePrefix","subtitleSuffix","width","height","textColor","progress","holdTimeoutSecs","disabled","nums","useMemo","Array","from","map","_","index","subtitleHeight","setSubtitleHeight","useState","onSubtitleLayout","useCallback","nativeEvent","layout","translateY","useDerivedValue","value","movingUpStyle","useAnimatedStyle","transform","createElement","View","style","styles","contentWrapper","contentDisabled","pointerEvents","Typography","color","numberOfLines","subtitle","subtitleDisabled","onLayout","preset","subtitleSecsWrapper","subtitleSecs","val","key","HoldButtonLayouted","onFinished","ref","props","colorScheme","useAppColorScheme","isFinished","setFinished","useEffect","useSharedValue","onLongPress","onPressIn","holdTimeout","withTiming","duration","easing","Easing","linear","finished","runOnJS","onPressOut","cancelAnimation","translateX","movingRightStyle","movingLeftStyle","contentProps","Fragment","accent","movingLayer","backgroundColor","accentText","pressableLayer","TouchableWithoutFeedback","accessibilityRole","undefined","HoldButton","React","forwardRef","setLayout","onContainerLayout","container","white","background","borderColor","displayName","StyleSheet","create","borderRadius","overflow","opacity","alignItems","justifyContent","paddingBottom","paddingHorizontal","paddingTop","borderWidth","position","flexDirection","_default","exports"],"sources":["hold-button.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport { ColorValue, LayoutChangeEvent, StyleSheet, TouchableWithoutFeedbackProps, View } from 'react-native';\nimport Animated, {\n  cancelAnimation,\n  Easing,\n  runOnJS,\n  SharedValue,\n  useAnimatedStyle,\n  useDerivedValue,\n  useSharedValue,\n  withTiming,\n} from 'react-native-reanimated';\n\nimport { TouchableWithoutFeedback, TouchableWithoutFeedbackRef } from '../accessibility/accessibilityHistoryWrappers';\nimport { Typography } from '../text';\nimport { useAppColorScheme } from '../theme';\n\nexport interface HoldButtonProps\n  extends Omit<\n    TouchableWithoutFeedbackProps,\n    'children' | 'onLayout' | 'onPress' | 'onLongPress' | 'onPressIn' | 'onPressOut'\n  > {\n  title: string;\n  subtitlePrefix: string;\n  subtitleSuffix: string;\n  holdTimeoutSecs?: number;\n  onFinished: () => void;\n}\n\ninterface ContentProps {\n  title: string;\n  subtitlePrefix: string;\n  subtitleSuffix: string;\n  width: number;\n  height: number;\n  textColor: ColorValue;\n  progress: SharedValue<number>;\n  holdTimeoutSecs: number;\n  disabled?: boolean;\n}\n\nconst Content = ({\n  title,\n  subtitlePrefix,\n  subtitleSuffix,\n  width,\n  height,\n  textColor,\n  progress,\n  holdTimeoutSecs,\n  disabled,\n}: ContentProps) => {\n  const nums = useMemo(\n    () => Array.from({ length: holdTimeoutSecs + 1 }).map((_, index) => holdTimeoutSecs - index),\n    [holdTimeoutSecs],\n  );\n\n  const [subtitleHeight, setSubtitleHeight] = useState<number>(0);\n  const onSubtitleLayout = useCallback(({ nativeEvent }: LayoutChangeEvent) => {\n    setSubtitleHeight(nativeEvent.layout.height);\n  }, []);\n\n  const translateY = useDerivedValue(\n    () => progress.value * subtitleHeight * holdTimeoutSecs,\n    [subtitleHeight, holdTimeoutSecs],\n  );\n  const movingUpStyle = useAnimatedStyle(() => ({\n    transform: [{ translateY: -translateY.value }],\n  }), [translateY]);\n\n  return (\n    <View style={[styles.contentWrapper, disabled && styles.contentDisabled, { width, height }]} pointerEvents=\"none\">\n      <Typography color={textColor} numberOfLines={1}>\n        {title}\n      </Typography>\n\n      <View style={[styles.subtitle, disabled && styles.subtitleDisabled]}>\n        <Typography onLayout={onSubtitleLayout} preset=\"s/line-height-capped\" color={textColor} numberOfLines={1}>\n          {subtitlePrefix}\n        </Typography>\n        <View style={[styles.subtitleSecsWrapper, { height: subtitleHeight }]}>\n          <Animated.View style={[styles.subtitleSecs, movingUpStyle]}>\n            {nums.map((val) => (\n              <Typography key={val} preset=\"s/line-height-capped\" color={textColor} numberOfLines={1}>\n                {val}\n              </Typography>\n            ))}\n          </Animated.View>\n        </View>\n        <Typography preset=\"s/line-height-capped\" color={textColor} numberOfLines={1}>\n          {subtitleSuffix}\n        </Typography>\n      </View>\n    </View>\n  );\n};\n\ninterface HoldButtonLayoutedProps extends Omit<HoldButtonProps, 'style'> {\n  ref: React.ForwardedRef<TouchableWithoutFeedbackRef>;\n  width: number;\n  height: number;\n}\n\nconst HoldButtonLayouted = ({\n  title,\n  subtitlePrefix,\n  subtitleSuffix,\n  onFinished,\n  holdTimeoutSecs = 3,\n  width,\n  height,\n  disabled,\n  ref,\n  ...props\n}: HoldButtonLayoutedProps) => {\n  const colorScheme = useAppColorScheme();\n\n  const [isFinished, setFinished] = useState(false);\n  useEffect(() => {\n    if (isFinished) {\n      onFinished();\n    }\n  }, [isFinished, onFinished]);\n\n  const progress = useSharedValue(0);\n\n  const onLongPress = useCallback(() => {\n    // Fix for detox bug https://github.com/wix/Detox/issues/4754\n    if (isFinished || progress.value !== 0) {\n      return;\n    }\n    setFinished(true);\n  }, [progress, isFinished]);\n\n  const onPressIn = useCallback(() => {\n    const holdTimeout = holdTimeoutSecs * 1000;\n\n    // start moving forward\n    progress.value = withTiming(\n      1,\n      {\n        duration: (1 - progress.value) * holdTimeout,\n        easing: Easing.linear,\n      },\n      (finished) => {\n        if (finished) {\n          runOnJS(setFinished)(true);\n        } else {\n          // start moving back\n          progress.value = withTiming(0, {\n            duration: progress.value * holdTimeout,\n            easing: Easing.linear,\n          });\n        }\n      },\n    );\n  }, [holdTimeoutSecs, progress]);\n\n  const onPressOut = useCallback(() => cancelAnimation(progress), [progress]);\n\n  const translateX = useDerivedValue(() => progress.value * width, [width]);\n  const movingRightStyle = useAnimatedStyle(() => ({\n    transform: [{ translateX: translateX.value }],\n  }), [translateX]);\n  const movingLeftStyle = useAnimatedStyle(() => ({\n    transform: [{ translateX: -translateX.value }],\n  }), [translateX]);\n\n  const contentProps = useMemo(\n    () => ({ title, subtitlePrefix, subtitleSuffix, progress, holdTimeoutSecs, width, height }),\n    [title, subtitlePrefix, subtitleSuffix, progress, holdTimeoutSecs, width, height],\n  );\n\n  return (\n    <>\n      <Content textColor={colorScheme.accent} disabled={disabled} {...contentProps} />\n      {!disabled && (\n        <Animated.View style={[styles.movingLayer, { backgroundColor: colorScheme.accent }, movingRightStyle]}>\n          <Animated.View style={movingLeftStyle}>\n            <Content textColor={colorScheme.accentText} {...contentProps} />\n          </Animated.View>\n        </Animated.View>\n      )}\n      <View style={styles.pressableLayer}>\n        <TouchableWithoutFeedback\n          accessibilityRole=\"button\"\n          ref={ref}\n          disabled={isFinished || disabled}\n          onLongPress={onLongPress}\n          onPressIn={isFinished ? undefined : onPressIn}\n          onPressOut={isFinished ? undefined : onPressOut}\n          {...props}>\n          <View style={{ width, height }} />\n        </TouchableWithoutFeedback>\n      </View>\n    </>\n  );\n};\n\n/**\n * Press and hold button component\n *\n * follows design: https://www.figma.com/design/cCmAyBQrQWCQZuDi85pJfe/Procivis-One-Wallet-Developments-2025?node-id=1-871\n */\nconst HoldButton = React.forwardRef<TouchableWithoutFeedbackRef, HoldButtonProps>(\n  ({ style, disabled, ...props }, ref) => {\n    const colorScheme = useAppColorScheme();\n\n    const [layout, setLayout] = useState<{ width: number; height: number }>();\n    const onContainerLayout = useCallback(({ nativeEvent }: LayoutChangeEvent) => {\n      setLayout({ width: nativeEvent.layout.width, height: nativeEvent.layout.height });\n    }, []);\n\n    return (\n      <View\n        onLayout={onContainerLayout}\n        style={[\n          styles.container,\n          disabled && styles.disabled,\n          {\n            backgroundColor: disabled ? colorScheme.white : colorScheme.background,\n            borderColor: colorScheme.background,\n          },\n          style,\n        ]}>\n        {layout && <HoldButtonLayouted ref={ref} disabled={disabled} {...props} {...layout} />}\n      </View>\n    );\n  },\n);\n\nHoldButton.displayName = 'HoldButton';\n\nconst styles = StyleSheet.create({\n  container: {\n    borderRadius: 12,\n    height: 68,\n    overflow: 'hidden',\n  },\n  contentDisabled: {\n    opacity: 0.4,\n  },\n  contentWrapper: {\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    paddingBottom: 16,\n    paddingHorizontal: 24,\n    paddingTop: 12,\n  },\n  disabled: {\n    borderWidth: 1,\n  },\n  movingLayer: {\n    overflow: 'hidden',\n    position: 'absolute',\n  },\n  pressableLayer: {\n    position: 'absolute',\n  },\n  subtitle: {\n    alignItems: 'flex-end',\n    flexDirection: 'row',\n    opacity: 0.8,\n  },\n  subtitleDisabled: {\n    opacity: 1,\n  },\n  subtitleSecs: {\n    alignItems: 'center',\n  },\n  subtitleSecsWrapper: {\n    overflow: 'hidden',\n  },\n});\n\nexport default HoldButton;\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,76 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "BackButton", {
+  enumerable: true,
+  get: function () {
+    return _backButton.default;
+  }
+});
+Object.defineProperty(exports, "BackButtonIcon", {
+  enumerable: true,
+  get: function () {
+    return _backButton.BackButtonIcon;
+  }
+});
+Object.defineProperty(exports, "Button", {
+  enumerable: true,
+  get: function () {
+    return _button.Button;
+  }
+});
+Object.defineProperty(exports, "ButtonType", {
+  enumerable: true,
+  get: function () {
+    return _button.ButtonType;
+  }
+});
+Object.defineProperty(exports, "ConnectivityButton", {
+  enumerable: true,
+  get: function () {
+    return _connectivityButton.default;
+  }
+});
+Object.defineProperty(exports, "ConnectivityTransport", {
+  enumerable: true,
+  get: function () {
+    return _connectivityButton.ConnectivityTransport;
+  }
+});
+Object.defineProperty(exports, "FilterButton", {
+  enumerable: true,
+  get: function () {
+    return _filterButton.default;
+  }
+});
+Object.defineProperty(exports, "GhostButton", {
+  enumerable: true,
+  get: function () {
+    return _ghostButton.default;
+  }
+});
+Object.defineProperty(exports, "HoldButton", {
+  enumerable: true,
+  get: function () {
+    return _holdButton.default;
+  }
+});
+Object.defineProperty(exports, "ScanButton", {
+  enumerable: true,
+  get: function () {
+    return _scanButton.default;
+  }
+});
+var _backButton = _interopRequireWildcard(require("./back-button"));
+var _button = require("./button");
+var _connectivityButton = _interopRequireWildcard(require("./connectivity-button"));
+var _filterButton = _interopRequireDefault(require("./filter-button"));
+var _ghostButton = _interopRequireDefault(require("./ghost-button"));
+var _holdButton = _interopRequireDefault(require("./hold-button"));
+var _scanButton = _interopRequireDefault(require("./scan-button"));
+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; }
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_backButton","_interopRequireWildcard","require","_button","_connectivityButton","_filterButton","_interopRequireDefault","_ghostButton","_holdButton","_scanButton","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set"],"sources":["index.ts"],"sourcesContent":["import type { BackButtonProps } from './back-button';\nimport BackButton, { BackButtonIcon } from './back-button';\nimport type { ButtonProps } from './button';\nimport { Button, ButtonType } from './button';\nimport type { ConnectivityButtonProps } from './connectivity-button';\nimport ConnectivityButton, { ConnectivityTransport } from './connectivity-button';\nimport type { FilterButtonProps } from './filter-button';\nimport FilterButton from './filter-button';\nimport type { GhostButtonProps } from './ghost-button';\nimport GhostButton from './ghost-button';\nimport type { HoldButtonProps } from './hold-button';\nimport HoldButton from './hold-button';\nimport type { ScanButtonProps } from './scan-button';\nimport ScanButton from './scan-button';\n\nexport {\n  BackButton,\n  BackButtonIcon,\n  BackButtonProps,\n  Button,\n  ButtonProps,\n  ButtonType,\n  ConnectivityButton,\n  ConnectivityButtonProps,\n  ConnectivityTransport,\n  FilterButton,\n  FilterButtonProps,\n  GhostButton,\n  GhostButtonProps,\n  HoldButton,\n  HoldButtonProps,\n  ScanButton,\n  ScanButtonProps,\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,IAAAA,WAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AAEA,IAAAE,mBAAA,GAAAH,uBAAA,CAAAC,OAAA;AAEA,IAAAG,aAAA,GAAAC,sBAAA,CAAAJ,OAAA;AAEA,IAAAK,YAAA,GAAAD,sBAAA,CAAAJ,OAAA;AAEA,IAAAM,WAAA,GAAAF,sBAAA,CAAAJ,OAAA;AAEA,IAAAO,WAAA,GAAAH,sBAAA,CAAAJ,OAAA;AAAuC,SAAAI,uBAAAI,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,SAAAT,wBAAAS,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","ignoreList":[]}

package/lib/commonjs/ui-components/buttons/scan-button.js

@@ -0,0 +1,81 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
+var _accessibilityHistoryWrappers = require("../accessibility/accessibilityHistoryWrappers");
+var _accessibilityLanguage = require("../accessibility/accessibilityLanguage");
+var _blurView = _interopRequireDefault(require("../blur/blur-view"));
+var _icons = require("../icons");
+var _theme = require("../theme");
+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 hitSlop = {
+  top: 10,
+  left: 10,
+  bottom: 10,
+  right: 10
+};
+const ScanButton = /*#__PURE__*/_react.default.forwardRef(({
+  style,
+  ...props
+}, ref) => {
+  const t = (0, _accessibilityLanguage.useAccessibilityTranslation)();
+  const colorScheme = (0, _theme.useAppColorScheme)();
+  const insets = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
+  return /*#__PURE__*/_react.default.createElement(_accessibilityHistoryWrappers.TouchableOpacity, _extends({
+    accessibilityLabel: t('accessibility.icon.scan'),
+    accessibilityRole: "button",
+    hitSlop: hitSlop,
+    ref: ref,
+    style: [styles.button, {
+      bottom: Math.max(24, insets.bottom)
+    }, style]
+  }, props), /*#__PURE__*/_react.default.createElement(_blurView.default, {
+    blurStyle: "soft",
+    style: styles.blurWrapper
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.iconWrapper, {
+      backgroundColor: colorScheme.accent
+    }]
+  }, /*#__PURE__*/_react.default.createElement(_icons.ScanIcon, {
+    color: colorScheme.white
+  }))));
+});
+ScanButton.displayName = 'ScanButton';
+var _default = exports.default = ScanButton;
+const styles = _reactNative.StyleSheet.create({
+  blurWrapper: {
+    borderRadius: 28,
+    height: 80,
+    padding: 8,
+    width: 104
+  },
+  button: {
+    borderRadius: 28,
+    height: 80,
+    left: '50%',
+    marginLeft: -52,
+    position: 'absolute',
+    shadowColor: '#000000',
+    shadowOffset: {
+      height: 4,
+      width: 0
+    },
+    shadowOpacity: 0.2,
+    shadowRadius: 24,
+    width: 104
+  },
+  iconWrapper: {
+    alignItems: 'center',
+    borderRadius: 20,
+    height: '100%',
+    justifyContent: 'center',
+    width: '100%'
+  }
+});
+//# sourceMappingURL=scan-button.js.map

package/lib/commonjs/ui-components/buttons/scan-button.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeSafeAreaContext","_accessibilityHistoryWrappers","_accessibilityLanguage","_blurView","_icons","_theme","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","hitSlop","top","left","bottom","right","ScanButton","React","forwardRef","style","props","ref","useAccessibilityTranslation","colorScheme","useAppColorScheme","insets","useSafeAreaInsets","createElement","TouchableOpacity","accessibilityLabel","accessibilityRole","styles","button","Math","max","blurStyle","blurWrapper","View","iconWrapper","backgroundColor","accent","ScanIcon","color","white","displayName","_default","exports","StyleSheet","create","borderRadius","height","padding","width","marginLeft","position","shadowColor","shadowOffset","shadowOpacity","shadowRadius","alignItems","justifyContent"],"sources":["scan-button.tsx"],"sourcesContent":["import React from 'react';\nimport { Insets, StyleSheet, TouchableOpacityProps, View } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { TouchableOpacity, TouchableOpacityRef } from '../accessibility/accessibilityHistoryWrappers';\nimport { useAccessibilityTranslation } from '../accessibility/accessibilityLanguage';\nimport BlurView from '../blur/blur-view';\nimport { ScanIcon } from '../icons';\nimport { useAppColorScheme } from '../theme';\n\nexport type ScanButtonProps = TouchableOpacityProps;\n\nconst hitSlop: Insets = { top: 10, left: 10, bottom: 10, right: 10 };\n\nconst ScanButton = React.forwardRef<TouchableOpacityRef, ScanButtonProps>(({ style, ...props }, ref) => {\n  const t = useAccessibilityTranslation();\n  const colorScheme = useAppColorScheme();\n  const insets = useSafeAreaInsets();\n\n  return (\n    <TouchableOpacity\n      accessibilityLabel={t('accessibility.icon.scan')}\n      accessibilityRole=\"button\"\n      hitSlop={hitSlop}\n      ref={ref}\n      style={[styles.button, { bottom: Math.max(24, insets.bottom) }, style]}\n      {...props}>\n      <BlurView blurStyle=\"soft\" style={styles.blurWrapper}>\n        <View style={[styles.iconWrapper, { backgroundColor: colorScheme.accent }]}>\n          <ScanIcon color={colorScheme.white} />\n        </View>\n      </BlurView>\n    </TouchableOpacity>\n  );\n});\n\nScanButton.displayName = 'ScanButton';\nexport default ScanButton;\n\nconst styles = StyleSheet.create({\n  blurWrapper: {\n    borderRadius: 28,\n    height: 80,\n    padding: 8,\n    width: 104,\n  },\n  button: {\n    borderRadius: 28,\n    height: 80,\n    left: '50%',\n    marginLeft: -52,\n    position: 'absolute',\n    shadowColor: '#000000',\n    shadowOffset: { height: 4, width: 0 },\n    shadowOpacity: 0.2,\n    shadowRadius: 24,\n    width: 104,\n  },\n  iconWrapper: {\n    alignItems: 'center',\n    borderRadius: 20,\n    height: '100%',\n    justifyContent: 'center',\n    width: '100%',\n  },\n});\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/ui-components/camera/camera-overlay.js

@@ -0,0 +1,58 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeSvg = _interopRequireWildcard(require("react-native-svg"));
+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 _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 CameraOverlay = ({
+  scannerSize,
+  style,
+  ...viewProps
+}) => {
+  const windowWidth = _reactNative.Dimensions.get('window').width;
+  scannerSize = scannerSize !== null && scannerSize !== void 0 ? scannerSize : windowWidth * 0.6;
+  const transformSize = scannerSize / 2;
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({
+    style: [_reactNative.StyleSheet.absoluteFill, style]
+  }, viewProps), /*#__PURE__*/_react.default.createElement(_reactNativeSvg.default, {
+    style: [styles.scannerOutline, {
+      width: scannerSize,
+      height: scannerSize,
+      transform: [{
+        translateX: -transformSize
+      }, {
+        translateY: -transformSize
+      }]
+    }],
+    viewBox: "0 0 245 245",
+    fill: "none",
+    strokeWidth: 4,
+    strokeLinecap: "round",
+    stroke: '#FFFFFF'
+  }, /*#__PURE__*/_react.default.createElement(_reactNativeSvg.Path, {
+    d: "M44.9348 2.5H40.9C27.4587 2.5 20.7381 2.5 15.6042 5.11584C11.0883 7.4168 7.4168 11.0883 5.11584 15.6042C2.5 20.7381 2.5 27.4587 2.5 40.9V44.9348"
+  }), /*#__PURE__*/_react.default.createElement(_reactNativeSvg.Path, {
+    d: "M242.5 44.9348L242.5 26.5C242.5 13.2452 231.755 2.5 218.5 2.5L200.065 2.5"
+  }), /*#__PURE__*/_react.default.createElement(_reactNativeSvg.Path, {
+    d: "M242.5 44.9348L242.5 40.9C242.5 27.4587 242.5 20.7381 239.884 15.6042C237.583 11.0883 233.912 7.4168 229.396 5.11584C224.262 2.5 217.541 2.5 204.1 2.5L200.065 2.5"
+  }), /*#__PURE__*/_react.default.createElement(_reactNativeSvg.Path, {
+    d: "M200.065 242.5L204.1 242.5C217.541 242.5 224.262 242.5 229.396 239.884C233.912 237.583 237.583 233.912 239.884 229.396C242.5 224.262 242.5 217.541 242.5 204.1L242.5 200.065"
+  }), /*#__PURE__*/_react.default.createElement(_reactNativeSvg.Path, {
+    d: "M2.5 200.065L2.5 204.1C2.5 217.541 2.5 224.262 5.11584 229.396C7.4168 233.912 11.0883 237.583 15.6042 239.884C20.7381 242.5 27.4587 242.5 40.9 242.5L44.9348 242.5"
+  })));
+};
+var _default = exports.default = CameraOverlay;
+const styles = _reactNative.StyleSheet.create({
+  scannerOutline: {
+    left: '50%',
+    top: '50%'
+  }
+});
+//# sourceMappingURL=camera-overlay.js.map

package/lib/commonjs/ui-components/camera/camera-overlay.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeSvg","_interopRequireWildcard","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","CameraOverlay","scannerSize","style","viewProps","windowWidth","Dimensions","width","transformSize","createElement","View","StyleSheet","absoluteFill","styles","scannerOutline","height","transform","translateX","translateY","viewBox","fill","strokeWidth","strokeLinecap","stroke","Path","d","_default","exports","create","left","top"],"sources":["camera-overlay.tsx"],"sourcesContent":["import React, { FunctionComponent } from 'react';\nimport { Dimensions, StyleSheet, View, ViewProps } from 'react-native';\nimport Svg, { Path } from 'react-native-svg';\n\nexport type CameraMaskProps = ViewProps & {\n  scannerSize?: number;\n};\n\nconst CameraOverlay: FunctionComponent<CameraMaskProps> = ({ scannerSize, style, ...viewProps }) => {\n  const windowWidth = Dimensions.get('window').width;\n\n  scannerSize = scannerSize ?? windowWidth * 0.6;\n  const transformSize = scannerSize / 2;\n\n  return (\n    <View style={[StyleSheet.absoluteFill, style]} {...viewProps}>\n      <Svg\n        style={[\n          styles.scannerOutline,\n          {\n            width: scannerSize,\n            height: scannerSize,\n            transform: [{ translateX: -transformSize }, { translateY: -transformSize }],\n          },\n        ]}\n        viewBox=\"0 0 245 245\"\n        fill=\"none\"\n        strokeWidth={4}\n        strokeLinecap=\"round\"\n        stroke={'#FFFFFF'}>\n        <Path d=\"M44.9348 2.5H40.9C27.4587 2.5 20.7381 2.5 15.6042 5.11584C11.0883 7.4168 7.4168 11.0883 5.11584 15.6042C2.5 20.7381 2.5 27.4587 2.5 40.9V44.9348\" />\n        <Path d=\"M242.5 44.9348L242.5 26.5C242.5 13.2452 231.755 2.5 218.5 2.5L200.065 2.5\" />\n        <Path d=\"M242.5 44.9348L242.5 40.9C242.5 27.4587 242.5 20.7381 239.884 15.6042C237.583 11.0883 233.912 7.4168 229.396 5.11584C224.262 2.5 217.541 2.5 204.1 2.5L200.065 2.5\" />\n        <Path d=\"M200.065 242.5L204.1 242.5C217.541 242.5 224.262 242.5 229.396 239.884C233.912 237.583 237.583 233.912 239.884 229.396C242.5 224.262 242.5 217.541 242.5 204.1L242.5 200.065\" />\n        <Path d=\"M2.5 200.065L2.5 204.1C2.5 217.541 2.5 224.262 5.11584 229.396C7.4168 233.912 11.0883 237.583 15.6042 239.884C20.7381 242.5 27.4587 242.5 40.9 242.5L44.9348 242.5\" />\n      </Svg>\n    </View>\n  );\n};\n\nexport default CameraOverlay;\n\nconst styles = StyleSheet.create({\n  scannerOutline: {\n    left: '50%',\n    top: '50%',\n  },\n});\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "QRCodeScanner", {
+  enumerable: true,
+  get: function () {
+    return _qrCodeScanner.default;
+  }
+});
+Object.defineProperty(exports, "QRCodeScannerProps", {
+  enumerable: true,
+  get: function () {
+    return _qrCodeScanner.QRCodeScannerProps;
+  }
+});
+var _qrCodeScanner = _interopRequireWildcard(require("./qr-code-scanner"));
+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/camera/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_qrCodeScanner","_interopRequireWildcard","require","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set"],"sources":["index.tsx"],"sourcesContent":["import QRCodeScanner, { QRCodeScannerProps } from './qr-code-scanner';\n\nexport { QRCodeScanner, QRCodeScannerProps };\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA,IAAAA,cAAA,GAAAC,uBAAA,CAAAC,OAAA;AAAsE,SAAAC,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,SAAAH,wBAAAG,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/camera/qr-code-scanner.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeVisionCamera = require("react-native-vision-camera");
+var _cameraOverlay = _interopRequireDefault(require("./camera-overlay"));
+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 QRCodeScanner = ({
+  cameraOverlay,
+  codeTypes = ['qr'],
+  onQRCodeRead,
+  noCameraView = null,
+  ...viewProps
+}) => {
+  const qrCodeScanner = (0, _reactNativeVisionCamera.useCodeScanner)({
+    codeTypes,
+    onCodeScanned: onQRCodeRead
+  });
+  const device = (0, _reactNativeVisionCamera.useCameraDevice)('back');
+  const cameraOverlayView = (0, _react.useMemo)(() => {
+    if (!cameraOverlay) {
+      return /*#__PURE__*/_react.default.createElement(_cameraOverlay.default, null);
+    }
+    if (/*#__PURE__*/_react.default.isValidElement(cameraOverlay)) {
+      return cameraOverlay;
+    } else {
+      const CameraOverlayComponent = cameraOverlay;
+      return /*#__PURE__*/_react.default.createElement(CameraOverlayComponent, null);
+    }
+  }, [cameraOverlay]);
+  if (!device) {
+    return noCameraView;
+  }
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, viewProps, /*#__PURE__*/_react.default.createElement(_reactNativeVisionCamera.Camera, {
+    codeScanner: qrCodeScanner,
+    device: device,
+    isActive: true,
+    style: _reactNative.StyleSheet.absoluteFill
+  }), cameraOverlayView);
+};
+var _default = exports.default = QRCodeScanner;
+//# sourceMappingURL=qr-code-scanner.js.map

package/lib/commonjs/ui-components/camera/qr-code-scanner.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeVisionCamera","_cameraOverlay","_interopRequireDefault","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","QRCodeScanner","cameraOverlay","codeTypes","onQRCodeRead","noCameraView","viewProps","qrCodeScanner","useCodeScanner","onCodeScanned","device","useCameraDevice","cameraOverlayView","useMemo","createElement","React","isValidElement","CameraOverlayComponent","View","Camera","codeScanner","isActive","style","StyleSheet","absoluteFill","_default","exports"],"sources":["qr-code-scanner.tsx"],"sourcesContent":["import React, { FunctionComponent, useMemo } from 'react';\nimport { StyleSheet, View, ViewProps } from 'react-native';\nimport { Camera, Code, CodeType, useCameraDevice, useCodeScanner } from 'react-native-vision-camera';\n\nimport CameraOverlay from './camera-overlay';\n\nexport type QRCodeScannerProps = ViewProps & {\n  cameraOverlay?: React.ComponentType<any> | React.ReactElement;\n  codeTypes?: CodeType[];\n  noCameraView?: JSX.Element;\n  onQRCodeRead: (code: Code[]) => void;\n};\n\nconst QRCodeScanner: FunctionComponent<QRCodeScannerProps> = ({\n  cameraOverlay,\n  codeTypes = ['qr'],\n  onQRCodeRead,\n  noCameraView = null,\n  ...viewProps\n}) => {\n  const qrCodeScanner = useCodeScanner({\n    codeTypes,\n    onCodeScanned: onQRCodeRead,\n  });\n\n  const device = useCameraDevice('back');\n\n  const cameraOverlayView: React.ReactElement | undefined = useMemo(() => {\n    if (!cameraOverlay) {\n      return <CameraOverlay />;\n    }\n    if (React.isValidElement(cameraOverlay)) {\n      return cameraOverlay;\n    } else {\n      const CameraOverlayComponent = cameraOverlay as React.ComponentType<any>;\n      return <CameraOverlayComponent />;\n    }\n  }, [cameraOverlay]);\n\n  if (!device) {\n    return noCameraView;\n  }\n\n  return (\n    <View {...viewProps}>\n      <Camera codeScanner={qrCodeScanner} device={device} isActive={true} style={StyleSheet.absoluteFill} />\n      {cameraOverlayView}\n    </View>\n  );\n};\n\nexport default QRCodeScanner;\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/ui-components/control/checkbox.js

@@ -0,0 +1,78 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Checkbox = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _accessibilityHistoryWrappers = require("../accessibility/accessibilityHistoryWrappers");
+var _accessibilityLanguage = require("../accessibility/accessibilityLanguage");
+var _selector = require("../icons/selector");
+var _text = require("../text");
+var _theme = require("../theme");
+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 Checkbox = ({
+  style,
+  text,
+  value,
+  disabled,
+  onValueChanged,
+  ...props
+}) => {
+  const t = (0, _accessibilityLanguage.useAccessibilityTranslation)();
+  const colorScheme = (0, _theme.useAppColorScheme)();
+  const onPress = (0, _react.useCallback)(() => onValueChanged(!value), [onValueChanged, value]);
+  return /*#__PURE__*/_react.default.createElement(_accessibilityHistoryWrappers.TouchableOpacity, _extends({
+    activeOpacity: 0.8,
+    accessibilityRole: "checkbox",
+    accessibilityState: {
+      disabled
+    },
+    accessibilityValue: disabled ? undefined : {
+      text: t(value ? 'accessibility.control.checked' : 'accessibility.control.unchecked')
+    },
+    disabled: disabled,
+    style: [styles.container, {
+      backgroundColor: colorScheme.background
+    }, style],
+    onPress: onPress
+  }, props), value ? /*#__PURE__*/_react.default.createElement(_selector.CheckedIcon, {
+    style: disabled && styles.disabled
+  }) : /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.unchecked, {
+      borderColor: colorScheme.grayDark,
+      backgroundColor: disabled ? colorScheme.background : colorScheme.white
+    }]
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.text, disabled && styles.disabled]
+  }, typeof text === 'string' ? /*#__PURE__*/_react.default.createElement(_text.Typography, {
+    preset: "xs/line-height-small",
+    color: colorScheme.text
+  }, text) : text));
+};
+exports.Checkbox = Checkbox;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    alignItems: 'center',
+    borderRadius: 12,
+    flexDirection: 'row',
+    padding: 12
+  },
+  disabled: {
+    opacity: 0.4
+  },
+  text: {
+    flex: 1,
+    marginLeft: 12
+  },
+  unchecked: {
+    borderRadius: 12,
+    borderWidth: 1,
+    height: 24,
+    width: 24
+  }
+});
+//# sourceMappingURL=checkbox.js.map

package/lib/commonjs/ui-components/control/checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_accessibilityHistoryWrappers","_accessibilityLanguage","_selector","_text","_theme","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","Checkbox","style","text","value","disabled","onValueChanged","props","useAccessibilityTranslation","colorScheme","useAppColorScheme","onPress","useCallback","createElement","TouchableOpacity","activeOpacity","accessibilityRole","accessibilityState","accessibilityValue","undefined","styles","container","backgroundColor","background","CheckedIcon","View","unchecked","borderColor","grayDark","white","Typography","preset","color","exports","StyleSheet","create","alignItems","borderRadius","flexDirection","padding","opacity","flex","marginLeft","borderWidth","height","width"],"sources":["checkbox.tsx"],"sourcesContent":["import React, { FC, ReactNode, useCallback } from 'react';\nimport { StyleSheet, TouchableOpacityProps, View } from 'react-native';\n\nimport { TouchableOpacity } from '../accessibility/accessibilityHistoryWrappers';\nimport { useAccessibilityTranslation } from '../accessibility/accessibilityLanguage';\nimport { CheckedIcon } from '../icons/selector';\nimport { Typography } from '../text';\nimport { useAppColorScheme } from '../theme';\n\nexport interface CheckboxProps extends TouchableOpacityProps {\n  value: boolean;\n  text: ReactNode;\n  onValueChanged: (value: boolean) => void;\n  disabled?: boolean;\n}\n\nexport const Checkbox: FC<CheckboxProps> = ({ style, text, value, disabled, onValueChanged, ...props }) => {\n  const t = useAccessibilityTranslation();\n  const colorScheme = useAppColorScheme();\n\n  const onPress = useCallback(() => onValueChanged(!value), [onValueChanged, value]);\n\n  return (\n    <TouchableOpacity\n      activeOpacity={0.8}\n      accessibilityRole=\"checkbox\"\n      accessibilityState={{ disabled }}\n      accessibilityValue={\n        disabled ? undefined : { text: t(value ? 'accessibility.control.checked' : 'accessibility.control.unchecked') }\n      }\n      disabled={disabled}\n      style={[styles.container, { backgroundColor: colorScheme.background }, style]}\n      onPress={onPress}\n      {...props}>\n      {value ? (\n        <CheckedIcon style={disabled && styles.disabled} />\n      ) : (\n        <View\n          style={[\n            styles.unchecked,\n            {\n              borderColor: colorScheme.grayDark,\n              backgroundColor: disabled ? colorScheme.background : colorScheme.white,\n            },\n          ]}\n        />\n      )}\n      <View style={[styles.text, disabled && styles.disabled]}>\n        {typeof text === 'string' ? (\n          <Typography preset=\"xs/line-height-small\" color={colorScheme.text}>\n            {text}\n          </Typography>\n        ) : (\n          text\n        )}\n      </View>\n    </TouchableOpacity>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    alignItems: 'center',\n    borderRadius: 12,\n    flexDirection: 'row',\n    padding: 12,\n  },\n  disabled: {\n    opacity: 0.4,\n  },\n  text: {\n    flex: 1,\n    marginLeft: 12,\n  },\n  unchecked: {\n    borderRadius: 12,\n    borderWidth: 1,\n    height: 24,\n    width: 24,\n  },\n});\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1 @@
+{"version":3,"names":["_checkbox","require","_switch"],"sources":["index.ts"],"sourcesContent":["import { Checkbox, CheckboxProps } from './checkbox';\nimport { Switch, SwitchProps } from './switch';\n\nexport { Checkbox, CheckboxProps, Switch, SwitchProps };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA","ignoreList":[]}

package/lib/commonjs/ui-components/control/switch.js

@@ -0,0 +1,63 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Switch = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _theme = require("../theme");
+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,
+  bottom: 10,
+  left: 10,
+  right: 10
+};
+
+// https://www.figma.com/file/Gd0Tj0234hxtl3HMcCJThW/App-Component-Library-(Design)?node-id=8%3A744&t=xeivYJN0RLNSObzn-4
+// https://www.figma.com/file/tNPSTYXGCjaVCK9z8Yvy0e/Procivis-SSI%2B-%E2%80%93-App-(Base-File)-(Copy)?node-id=156%3A13826&t=sDAfSW7cmQKmaWNG-4
+const Switch = exports.Switch = /*#__PURE__*/(0, _react.forwardRef)(({
+  value,
+  disabled,
+  style,
+  onChange,
+  ...props
+}, ref) => {
+  const colorScheme = (0, _theme.useAppColorScheme)();
+  return /*#__PURE__*/_react.default.createElement(_reactNative.Switch, _extends({
+    ref: ref,
+    value: value,
+    disabled: disabled,
+    hitSlop: hitSlop,
+    style: [disabled && styles.disabled, style],
+    onValueChange: onChange,
+    trackColor: _reactNative.Platform.select({
+      default: {
+        true: colorScheme.grayDark,
+        false: colorScheme.grayDark
+      },
+      ios: {
+        true: colorScheme.accent,
+        false: colorScheme.grayDark
+      }
+    }),
+    thumbColor: _reactNative.Platform.select({
+      default: value ? colorScheme.accent : disabled ? colorScheme.background : colorScheme.white,
+      ios: colorScheme.white
+    }),
+    ios_backgroundColor: colorScheme.grayDark
+    // @ts-ignore: web only prop
+    ,
+    activeThumbColor: colorScheme.accent
+  }, props));
+});
+const styles = _reactNative.StyleSheet.create({
+  disabled: {
+    opacity: 0.38
+  }
+});
+Switch.displayName = 'Switch';
+//# sourceMappingURL=switch.js.map

package/lib/commonjs/ui-components/control/switch.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_theme","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","hitSlop","top","bottom","left","right","Switch","exports","forwardRef","value","disabled","style","onChange","props","ref","colorScheme","useAppColorScheme","createElement","styles","onValueChange","trackColor","Platform","select","true","grayDark","false","ios","accent","thumbColor","background","white","ios_backgroundColor","activeThumbColor","StyleSheet","create","opacity","displayName"],"sources":["switch.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Insets, Platform, StyleSheet, Switch as RNSwitch, SwitchProps as RNSwitchProps } from 'react-native';\n\nimport { useAppColorScheme } from '../theme';\n\nexport interface SwitchProps extends Omit<RNSwitchProps, 'value' | 'onChange' | 'onValueChange'> {\n  value: boolean;\n  onChange: (newValue: boolean) => void;\n}\n\nconst hitSlop: Insets = { top: 10, bottom: 10, left: 10, right: 10 };\n\n// https://www.figma.com/file/Gd0Tj0234hxtl3HMcCJThW/App-Component-Library-(Design)?node-id=8%3A744&t=xeivYJN0RLNSObzn-4\n// https://www.figma.com/file/tNPSTYXGCjaVCK9z8Yvy0e/Procivis-SSI%2B-%E2%80%93-App-(Base-File)-(Copy)?node-id=156%3A13826&t=sDAfSW7cmQKmaWNG-4\nexport const Switch = forwardRef<RNSwitch, SwitchProps>(({ value, disabled, style, onChange, ...props }, ref) => {\n  const colorScheme = useAppColorScheme();\n  return (\n    <RNSwitch\n      ref={ref}\n      value={value}\n      disabled={disabled}\n      hitSlop={hitSlop}\n      style={[disabled && styles.disabled, style]}\n      onValueChange={onChange}\n      trackColor={Platform.select({\n        default: { true: colorScheme.grayDark, false: colorScheme.grayDark },\n        ios: { true: colorScheme.accent, false: colorScheme.grayDark },\n      })}\n      thumbColor={Platform.select({\n        default: value ? colorScheme.accent : disabled ? colorScheme.background : colorScheme.white,\n        ios: colorScheme.white,\n      })}\n      ios_backgroundColor={colorScheme.grayDark}\n      // @ts-ignore: web only prop\n      activeThumbColor={colorScheme.accent}\n      {...props}\n    />\n  );\n});\n\nconst styles = StyleSheet.create({\n  disabled: {\n    opacity: 0.38,\n  },\n});\n\nSwitch.displayName = 'Switch';\n"],"mappings":"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","ignoreList":[]}